/*---------------------------------------------*/
/*  general.css                             */
/*  Version 2.20                               */
/*  Last Updated 09/22/2009                    */
/*                                             */
/*---------------------------------------------*/

body {
 margin:0;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:0.8em;
}

/* added footer_vista and nav_vista  for get width=100% work ok  */
#heading, #navigation, #gral_content_1, #footer, #footer_vista, #nav_vista, #cabecera {
 min-width:774px;
 width: 100%;
 text-align: left;
 margin: 0;
}

/*---------------------------------------------*/
/*  cabecera                                   */
/*---------------------------------------------*/

#cabecera #login_localization {
 position:absolute;
 right:0px;
 top:0px;
 width:39em;
}

#cabecera #localization_container {
 float:right;
 width:20em;
 padding:0 0 7px 0;
 background:#CCD4DF url(../images/general/search_bg.gif) no-repeat bottom left;
 position:relative;
 z-index:1;
}

#cabecera #Login_container {
 float:left;
 margin:6px 0 0 0;
 color:#90897D;
}

/*---------------------------------------------*/
/*  heading              NO ES USADO           */
/*---------------------------------------------*/

#heading {
 border-top:4px solid #253B5A;
 height:80px;
 position:relative;
}

#heading img {
 float:left;
}

/*#state_logo {
 width:118px;
 height:77px;
 display:block;
 float:left;
 background:#fff url(../images/tabs/02_ca/logo.gif) no-repeat;
}*/

/*
#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/general/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;
}
*/
/* **** Next 3 elements have been added by Osmar for work with .net *********
   These work equivalent to previuos three when you work without HTML forms */
/*#heading #control {
 margin:0;
 float:right;
 width:20em;
}
#heading #control p {
 margin:0;
}
#heading #control input {
 margin:0;
}*/
/* ********** End elements which are added by Osmar ********** */
/*
#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%;  For .NET - Commented by Osmar because this avoid align right side w/texbox. This works Ok in ASP */
 padding:6px 40px 0 0; /* this justify right side with text box -- added by osmar */
 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 */
}
/* added by Osmar because .NET works without html form */
#control #radio_container { /* Hack applies to FF and IE7 */
 padding-top:0; /* 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;
}

#navigation ul {
 position: absolute; /* Needed for FF, background */
 margin: 0;
 padding: 0 0 0 10px;
 height: 30px;
 z-index:1;
 width:60em; /* *** 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/tabs/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 */
}

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

#navigation a span {
 background: transparent url(../images/tabs/02_ca/navigation_tabs.gif) top left no-repeat;
 height:30px;
 width:7px;
 display:block;
 font-size:1px; /* era 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 */ 
 /* above line had been changed by Osmar. value changed from 30 to 20 let link sublist for ASP proframs*/
 left: 0px;
}

#navigation li:hover a, #navigation li.mouse_over a {
 background: transparent url(../images/tabs/02_ca/navigation_tabs.gif) 100% -60px  no-repeat;
}
#navigation li:hover a span, #navigation li.mouse_over a span {
 background: transparent url(../images/tabs/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 */
 /* commen line above for not show separator in 2nd line of Tab Menu -- Osmar */
}

#navigation li.nav_default_on a, #navigation li.nav_default_off a {
 background: transparent url(../images/tabs/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/tabs/02_ca/navigation_tabs.gif) 0% -120px no-repeat;
}

#navigation #background_top {
 position:absolute;
 width:100%;
 height:30px;  /* This works Ok in .NET -- This could be changed from 30 to 27 for ASP programs -- by Osmar. */
 background: #fff; /* First row, white */
}

/* Next class was in the original CA Template v1.0 -- recovered by Osmar and used in .Net */
.breadcrumbs {
background-color:#ecece7;
padding:5px 5px 5px 10px;
}

/*---------------------------------------------*/
/*  nav_vista                                  */
/*---------------------------------------------*/

#nav_vista {
    padding: 0;
    position:relative; /* Makes this the containing block */
    background: #859FB1; /* Blue, needed for empty sublists osmar set it up dynamic */
    height:60px;
    white-space: nowrap;
    /*font:normal 14px 'Trebuchet MS','Arial';*/
    font:bold 0.85em verdana,arial;
 
}

#nav_vista ul 
{
    background-image:url(../images/vistastyle/back_vista_azul.gif);
    background-repeat:repeat-x;
    float:left;
    line-height:32px;
    list-style:none;
    margin:0;
    padding: 0 0 0 0;
    /*padding:0 10px 0 10px; /* si no padding o si se pone sin 0000 ancha la imagen y la pagina */
    width:100%;
    /*z-index:1;*/
}

#nav_vista a 
{
    color:#FFF; /* need because it will use default link color */
    float:left;
    padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
    text-decoration:none;
    /*font-weight: bold;*/
    
    voice-family:"\"}\"";
    voice-family:inherit;
}

#nav_vista a:hover {
    text-decoration: underline;
    /*background: url(../images/general/blue_left.png) no-repeat left center;*/
    background: url(../images/vistastyle/left_vista_button_blue.png) no-repeat left center;
    /*left_vista_button_blue*/
}
#nav_vista a:hover span {
    /*background:url(../images/general/blue_right.png) no-repeat right center;*/
    background:url(../images/vistastyle/right_vista_button_blue.png) no-repeat right center;
    /*right_vista_button_blue*/
}

#nav_vista a span 
{
    display:block;
    float:none;
    padding:0 10px 0 7px;
}

#nav_vista a span img 
{
    /* no habia en tabs son para imagenes delante de la option*/
    border:none;
    margin:8px 4px 0 0;
}

#nav_vista li 
{
    display:inline;
    /*padding:0;*/
    /* ambos funcionan aparentemente igual de arriba de vista y de abajo viene de tabs */
    margin: 0;
    float: left;
    /*display: block;*/
    list-style: none;
}

/* next aparentemente cambian de color al tab que esta hover y toman el 2do tab de la imagen */
/*#nav_vista li:hover a, #nav_vista li.mouse_over a {
 background: transparent url(../images/tabs/02_ca/navigation_tabs.gif) 100% -60px  no-repeat;
}*/
/*
#nav_vista li:hover a span, #nav_vista li.mouse_over a span {
 /*background: transparent url(../images/tabs/02_ca/navigation_tabs.gif) 0px -60px  no-repeat;*/
/*}*/

/* esta esconde las sublista para que solo las muestre por js */
#nav_vista li ul 
{
    display: none; /* Hide sublists */
    width:790; /*790px; /* 800 - 10, IE needs this to be fixed width */
    position:absolute;      /* fue la que marco la diferencia y funciono*/
    top: 30px; /* 30 moves the sublist below main list */ 
    left: 0px;
}

/* #nav_vista li:hover li a => es el que permite que el color amarillo funcione en las letras */
#nav_vista li.mouse_over li a, #nav_vista li:hover li a 
{
    color: #FFFF00;
    /* estos 3 sgtes deberian ayudar a alinear en FF pero no es asi */
    display:inline;
    float: left;
    width: 100%;
    
}
/* probando esto pero no funciona*/
/*ul#nav_main_node ul li*/
#nav_vista li.mouse_over ul, #nav_vista li:hover ul 
{
    /*background-image:url(../images/vistastyle/back_vista_azul.gif);
    background-repeat:repeat-x;*/
    float:left;
    line-height:30px;
    list-style:none;
    display:inline;
    margin:0;
    padding: 0 0 0 0;
    width: 100%;
    /*
    position:absolute;
    top: 30px;
    display:inline;
    list-style:none;
    float: left;
    padding: 0;
    margin: 0;
    */
}
#nav_vista #nav_main_node li li a {
    /* aparentemente esta clase no se necesita, son lineas separadoras en el 2do nivel */
    background-image: none;
    /*background-color: transparent; /* Needed to make dividers visible */*/
    /* comment line above for not show separator in 2nd line of Tab Menu -- Osmar */
    
}

/*--------------------------------------------------------*/
/*  wholeWideAd banner                                    */
/*                                                        */
/*--------------------------------------------------------*/

#wholeWideAd {
 position:relative; /* Makes this the containing block */
 background: transparent url(../images/general/whole_Wide_background.jpg) repeat-x;
 height:57px;
}

#wholeWideAd #wholeWideAd_left {
 position:absolute;
 left:0px;
 background: transparent url(../images/general/whole_Wide_left.jpg) no-repeat;
 width:203px;
 height:57px;
}

#wholeWideAd #wholeWideAd_right {
 position:absolute;
 right:-1px; /* Fixes IE6 issue */
 background: transparent url(../images/general/whole_Wide_right.jpg) no-repeat;
 width:10px;
 height:57px;
}

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

#wholeWideAd strong 
{
 color:#838889;
 font-weight:bold;
 font-size:1.3em;
 /*text-transform:uppercase;*/
}

#wholeWideAd {
}


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

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

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

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

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

#footer_vista 
{
    float:left;
    font:normal 11px 'Trebuchet MS','Arial';
    margin:0;
    padding:0;
    /* omd */
    text-align: center;
    color:#fff;
}

#footer_vista div 
{
    background-image: url(../images/vistastyle/back_vista_azul.gif);
    background-repeat: repeat-x;
    float:left;
    line-height:32px;
    list-style:none;
    margin:0;
    /*padding:0 10px 0 10px;*/
    width: 100%;
    /*height: 35px;*/
}
#footer_vista div a {
    color:#fff;
    background-color:transparent;
    text-decoration:none;
    /*display:inline;*/
}
#footer_vista div a:hover {
    text-decoration: underline;
}


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

#footer {
 text-align: center;
}

#footer div {
 background: #253B5A url(../images/tabs/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/tabs/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;
}

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, #gral_content_1, #footer 
 {
  /* next line value con not be "inherit" but it is original code - comment by Osmar */
    /*min-width:inherit;*/
    
 }

 .column_inner {
  display:inline; /* Needed for FF */
 }
 
 /* Next classes and ID has been added by Osmar */
 .breadcrumbs, .LeftLastUpdated {
    display:none;
 }
 
 #wholeWideAd, .middlecolumn_banners {
     display:none;
 }
 
}