/*---------------------------------------------*/
/*  ca_master.css                              */
/*  Version 1.20                               */
/* Last Updated 03/23/2007                     */
/*                                             */
/*  Master template styles                     */
/*---------------------------------------------*/

body {
 margin:0;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:0.8em;
 /*min-width:1130px;*/
 min-width:990px;
}
form
{
	margin:0;
		
}
#heading, #navigation, #main_content_1, #footer {
 /*min-width:774px;
 min-width:76em;*/
  min-width:1030px;
 width: 100%;
 text-align: left;
 margin: 0;
}

/*---------------------------------------------*/
/*  heading                                    */
/*---------------------------------------------*/
h1#pageTitle {
	color:#E5291C;
	font-family:Arial,Verdana;
	font-size:2em;
	font-style:normal;
	letter-spacing:-1px;
	padding-top:5px;
}

#pageTitlePhone {
color:#0C3E71;
display:inline-block;
font-size:1em;
font-style:normal;
letter-spacing:1px;
/*width:15em;*/
}

#heading 
{
	/*cagov template*/
 border-top:4px solid #253B5A;
 height:80px;
 position:relative;
	/*
 border-top:4px solid #253B5A;
 height:70px;
 min-height:5.2em;
 position:relative;  
*/
}


#heading img {
 float:left;
}

#state_logo {
 width:118px;
 height:77px;
 display:block;
 float:left;
 background:#fff url(/images/02_ca/logo.gif) no-repeat;
 margin-right:2%;
 margin-top:10px;
 
}

#heading #search_and_skipto {
 position:absolute;
 right:0px;
 top:0px;
 width:39em;
}

#heading #search_container {
 float:right;
 width:20em;
 padding:0 0 7px 0;
 background:#CCD4DF url(/images/ca_master/search_bg.gif) no-repeat bottom left;
 position:relative;
 
}

#heading #skipto_container {
 float:left;
 margin:6px 0 0 0;
 color:#90897D;
}

#heading form {
 margin:0;
 float:right;
 width:20em;
}
#heading form p {
 margin:0;
}
#heading form input {
 margin:0;
}
#heading #search {
 border: 1px solid #728EB4;
 width:15em;
 position:relative;
 top:-5px; /* adjust the text box */
 margin:0 0 0 14px;
}
#heading #submitbutton {
 position:relative;
 top:3px; /* Line up the submit button with the text box */
}

/*---------------------------------------------*/
/*   search form with radio buttons            */
/*---------------------------------------------*/

#heading #control p {
 float:right;
 clear:right;
}

#textfield_container {
 padding:6px 40px 0 0;
 text-align:right;
}

#radio_container {
 width:100%;
 text-align:right;
 display:none; /* Display this only if javascript is enabled, so we'll unhide this using javascript */
}

#radio_container span {
 padding-right:40px;
}

#submit_container {
 position:absolute;
 top:3px; /* Line up the submit button with the text box */
 right:8px;
}

#heading #control #search {
 top:0px;
 margin:0px;
}

#heading #control #submitbutton {
 position:relative;
 top:0px;
}

#heading #control .radiobutton{
 position:relative;
 top:2px;
}

form > #radio_container { /* Hack applies to FF and IE7 */
 padding-top:5px; /* for FF */
}
*+html #radio_container { /* Hack applies to IE5 and IE7 */
 padding-top:0; /* for IE7 */
}


/*---------------------------------------------*/
/*  navigation                                 */
/*---------------------------------------------*/

#navigation {
 padding: 0;
 position:relative; /* Makes this the containing block */
 background: #253B5A; /* Blue, needed for empty sublists */
 height:60px;
 white-space: nowrap;
 margin-top:1.8em; 
}

#navigation ul {
 position: absolute; /* Needed for FF, background */
 margin: 0;
 padding: 0 0 0 10px;
 height: 30px;
 z-index:1;
 min-width:65em;  /**** Adjust this to match the actual width of the tabs. *** */

}

#navigation a {
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 display: block;
 padding:9px 6px 0px 6px;
 float:left;
 background: transparent url(/images/02_ca/navigation_tabs.gif) top right no-repeat;
 position:relative;

 height:30px; /* Needed for IE 5.x broken box */
 voice-family:"\"}\"";
 voice-family:inherit;
 height:21px; /* 30 - 9, for non-broken browsers */
 min-height:1.1em;
}

#navigation a:hover {
 text-decoration: underline;
}

#navigation a span {
 background: transparent url(/images/02_ca/navigation_tabs.gif) top left no-repeat;
 height:30px;
 width:7px;
 display:block;
 font-size:1px;
 position:absolute;
 top:0px;
 left:0px;
}

#navigation li {
 margin: 0;
 float: left;
 display: block;
 list-style: none;
}

#navigation li ul {
 display: none; /* Hide sublists */
 width:790px; /* 800 - 10, IE needs this to be fixed width */
 top: 30px; /* moves the sublist below main list */
 
 left: 0px;
  
}

#navigation li:hover a, #navigation li.mouse_over a {
 background: transparent url(/images/02_ca/navigation_tabs.gif) 100% -60px  no-repeat;
}
#navigation li:hover a span, #navigation li.mouse_over a span {
 background: transparent url(/images/02_ca/navigation_tabs.gif) 0px -60px  no-repeat;
}

#navigation #nav_list li li a {
 background-image: none;
 background-color: transparent; /* Needed to make dividers visible */
}


#navigation li.nav_default_on a, #navigation li.nav_default_off a {
 background: transparent url(/images/02_ca/navigation_tabs.gif) 100% -120px no-repeat;
}

#navigation li.nav_default_on a span, #navigation li.nav_default_off a span {
 background: transparent url(/images/02_ca/navigation_tabs.gif) 0% -120px no-repeat;
}

#navigation #background_top {
 position:absolute;
 width:100%;
 height:30px;
 background: #fff; /* First row, white */
}


/*added for language links*/
#navigation #nav_list li#language {
 color: #eeeeee; 
 margin-left:60px;
 padding: 9px 6px 0px 6px;
 background: transparent url(/images/02_ca/navigation_tabs.gif) top right no-repeat; /* needed to hide divider for "language"*/
}

#navigation #nav_list li#languageSp {
 color: #eeeeee; 
 margin-left:35px;
 padding: 9px 6px 0px 6px;
 background: transparent url(/images/02_ca/navigation_tabs.gif) top right no-repeat; /* needed to hide divider for "language"*/
}


#navigation #nav_list li li.end {
	background: transparent url(/images/02_ca/navigation_tabs.gif) top right no-repeat; /* needed to hide divider for "language"*/
	padding-top:2px;
}	

#navigation #nav_list ul#language
{
		background-color:#4d7fb2;
}
#navigation #nav_list ul#language li
{

	float:right;	
}
#chinese:hover
{
	border-bottom:1px solid white;
}

#navigation #nav_list li li#end {
	background: transparent url(/images/02_ca/navigation_tabs.gif) top right no-repeat; /* needed to hide divider for "language"*/
}

#navigation #nav_list ul#language
{
		background-color:#4d7fb2;
}
#navigation #nav_list ul#language li
{

	float:right;	
}
#chinese:hover
{
	border-bottom:1px solid white;
}


/*--------------------------------------------------------*/
/*  amber_alert_on                                        */
/*  Active Amber Alert banner                             */
/*--------------------------------------------------------*/

#amber_alert_on {
 position:relative; /* Makes this the containing block */
 background: transparent url(/images/ca_master/amber_alert_on_background.gif) repeat-x;
 height:57px;
}

#amber_alert_on #amber_alert_on_left {
 position:absolute;
 left:0px;
 background: transparent url(/images/ca_master/amber_alert_on_left.gif) no-repeat;
 width:203px;
 height:57px;
}

#amber_alert_on #amber_alert_on_right {
 position:absolute;
 right:-1px; /* Fixes IE6 issue */
 background: transparent url(/images/ca_master/amber_alert_on_right.gif) no-repeat;
 width:10px;
 height:57px;
}

#amber_alert_on p {
 text-align:right;
 position:relative;
 padding-top:7px;
 margin:0px 10px 0px 0px;
 z-index:10;
}

#amber_alert_on strong {
 font-weight:normal;
 font-size:1.5em;
 text-transform:uppercase;
}

#amber_alert_on {
}


/*--------------------------------------------------------*/
/*  statewide_banners                                     */
/*  Flex Your Power and Amber Alert banners               */
/*--------------------------------------------------------*/

.statewide_banners strong {
 text-align:center;
 display:block;
}

.statewide_banners div {
 float:left;
 width:234px;
 padding:0 30px 0 0;
 margin:.7em 0em .9em 0em;
}

.statewide_banners img {
 display:block;
 margin:6px 0;
}

/*---------------------------------------------*/
/*  footer                                     */
/*---------------------------------------------*/

#footer {
 text-align: center;
}

#footer div {
 background: #253B5A url(/images/02_ca/footer_corners.gif) no-repeat -8px 100%;
 position:relative;
 padding:8px;
 color:#D76B10;
 height:1.5em; /* Needed for IE */
}
#footer div a {
 color:#fff;
 background-color:transparent;
}
#footer div span {
 background: #253B5A url(/images/02_ca/footer_corners.gif) no-repeat;
 width:7px;
 height:7px;
 position:absolute;
 bottom:0px;
 right:0px;
 display:block;
 font-size:1px;
}

* html #footer div span { /* Fix for IE, hack hides this from FF */
 height:8px;
 bottom:-1px;
}

/*---------------------------------------------*/
/*  Miscellaneous other styles                 */
/*---------------------------------------------*/

.governor_website 
{/*
 display:block;
 text-align:center;
 margin:0px 0 4px 0;
 clear:both;*/
 
	
 display:block;
 text-align:center;
 margin:0px 0 4px 0;
 height:62px; 
 clear:both;
 
}

a:link {
 color: #3754d4;
}

a:visited {
 color: #8b3f1d;
}

a:hover {
 color: #bc3e06;
/* background-color:#ecece7;*/
}

a:active {
 color: #bc3e06;
}

img {
 border:0px;
}

.hidden {
 display:none; /* For IE 4 only */
}

@media all{ /* Hide this from IE 4 */
 .hidden { /* Hide from regular displays.  Screen readers can still read it. */
  display:block;
  position: absolute;
  left: -9999px;
  top: 0;
 }
}

.cleaner {
 clear:both;
 height:2px;
 font-size:1px;
 border:none;
 margin:0 0 -2px 0;
 padding:0 !important;
 width:auto !important;
 float:none !important;
}

p {
 margin:.7em 0em .9em 0em;
}

ul {
 margin: 1em 0em 1em 1.4em;
 padding: 0em 0em .5em 1.4em;
}

ul ul {
 margin: 0em 0em 0em 1.4em;
 padding: .2em 0em .2em 1.4em;
}

/*---------------------------------------------*/
/*  For Print                                  */
/*---------------------------------------------*/

@media print{

 #navigation, #heading div, #footer div { /* Hides the nav, search and footer */
  display:none;
 }

 #heading, #navigation, #main_content_1, #footer {
  min-width:inherit;
 }

 .column_inner {
  display:inline; /* Needed for FF */
 }

}

/*Justin added for RCI image right side*/
.callout 
{	
 width :202px;
 float :right;
 text-align :center;
 font-size : 11px; line-height:15px;
 margin :-3em 0 0em -15em; padding:0;
 /*border :1px solid #ccc;*/
}

.callout img  
{
 margin:-1em 0 0em -24em;
 padding:2px;
 border :1px solid #ccc;
}

/* rci 2 page */
/*Justin added for RCI image right side*/
.callout2 
{	
 width :202px;
clear:both;
 text-align :center;
 font-size : 11px; line-height:15px;
 /*border :1px solid #ccc;*/
 position:relative;
}

.callout2 a:hover
{
    background-color:transparent;
}

.callout2 img  
{
 margin: 2em;
padding-left:170px;
padding-right:170px;
padding-top:100px;
padding-bottom:20px;
 border :1px solid #ccc;
}

.callout2 #patientactivate
{
    color:Blue;
    font-size:larger;   
    position:absolute;
    top:26px;
    left:20px;
    width:700px;
    line-height:3px;
    padding-top:5px;
    height:80px;
}

.callout2 #clinicalPharm
{
    text-align:left;
    color:Blue;
    font-size:larger;   
    position:absolute;
    top:395px;
    left:35px;
    padding-top:5px;
}

.callout2 #clinicalPharm ul
{
    line-height:3px;
    margin-left:-5px;
}

.callout2 #medProtocol
{
    color:Blue;
    font-size:larger;   
    position:absolute;
    text-align:left;
    top:400px;
    left:585px;
    width:160px;
}

.callout2 #medProtocol ul
{
    line-height:3px;
    margin-left:-5px;
}

.callout2 #patientCenter
{
    color:Blue;
    font-size:larger;   
    position:absolute;
    top:260px;
    left:325px;
    width:230px;
    text-align:left;
}

.callout2 #patientCenter ul
{
    line-height:3px;
    margin-left:-20px;
}



#percentile 
{
background-color: #CCFFFF;   
color: #000000;
width:730px;
margin-left:20px;
}

#percentile .highlight
{
 color:black;
 font-weight:bold;  
}

#percentile ul
{
    margin-bottom:-10px;   
}


/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 
{
	 background: transparent url(/images/home/demobox.png) no-repeat bottom right; 
} .cssbox  
{
	width: 335px !important; /* intended total box width - padding-right(next) */ 
	width: 320px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head  
{
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2  
{
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body  
{
	background-position: bottom left; 
	margin-right: 25px; /* interior-padding right */ 
	padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
}