/*
Theme Name: EZIZ
Author: CDPH Immunization Branch
*/

body{
  background:url(bg.jpg) top repeat-x;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 75%;
  font-family: verdana, helvetica, arial;
}
a, a:visited{
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
.edit-link{	
	clear: both;
}
.post-edit-link {
	color:#cc0000;
	font-size:12px;
}
.alignright {
	float:right;
}
.alignleft {
	float:left;
}
p {
  line-height:1.4em;
}
h2{
  color:#fff;
  margin-top:0;
  padding: 2px 10px;
  font-size: 13px;
}
strong {
  color: #333;
}
img{
  border:0;
}
table {
	border:1px solid #ccc;
	border-collapse:collapse;    
	margin:1em 0;	
}
tbody, thead {
	margin:0;
	padding:0;
	border:0;
}
td, th {
	padding:6px 10px;
	margin:0;
	border-collapse:collapse;
	border:1px solid #ccc;
}
th {
	text-align: center;
	color:#333;
	background:#eee;
}
table.aligntop td{
	vertical-align:top;
}
table.icons {
	border:0;
	border-collapse:collapse;    
}
table.icons  td{
	vertical-align:top;
	padding:6px 6px 6px 0;
	margin:0;
	border-collapse:collapse;
	border:0;
}

/* structure */
#container{
  width:989px;
  margin: 0 auto;
  text-align: left;
  background:url(bgcontent.jpg);  
}
#header{
  position:relative;
  background:url(bghead.jpg);
  width:inherit;
  height:105px;
}

#header table {
	border:0px  
	border-collapse:separate;  
	margin:0;
}
#header td, th{
	padding:0;
	margin:0;
	border-collapse:separate;
	border:0px;

}
#search {
  position:absolute;
  left:675px;
  top:35px;
}
#left{
  width:202px;
  padding-left:7px;
  padding-top:3px;
  float:left;
}
#contactvfc{
  background:#b5e4fe;
  padding:10px;
}
  #contactvfc h2{
	color:#160080;
    margin-top:0;	
	padding:0;
	font-size:14px;
  }
  #contactvfc ul {
    list-style-image:url(arrowblue.gif);
    margin-left:0;
	margin-bottom:0;
    padding-left:15px;
  }
  #contactvfc li {
    margin:0;
    line-height:15px;
    padding-bottom:3px;
  }
#right{
  float:right;
  width:222px;
  padding-right:7px;
  text-align:left;  
  padding-top:3px;
}
#main{
  width: 515px;
  padding: 3px 18px 0;
  float:left;  
  color: #444;
}
#main.onecolumn{
  width: 740px;
  padding: 3px 22px 0 18px;
}
  #main h2{
    color:#fff;
	background: #010080;
	margin: 0 -5px;
  }
  #main h3{
	/*color: #ed5003;*/
	color:#000;	
	font-size:1.2em;
	margin-bottom:0;
	margin-top:1.4em;	
  }
  .entry-content a, .entry-content a strong {
	color: #0033cc;
  }
  .entry-content ul {
	margin-left:0;
	padding-left:20px;
  }
  .entry-content li {
	margin:0;
	line-height:17px;	
	padding-bottom:3px;
  }  
#footer{
  width:inherit;
  clear:both;
  background:url(bgfoot.gif) no-repeat;
  height:50px;
  position:relative;
}
#footerlinks{	
    text-align:center;
	color:#fff;
	padding-top:10px;
}
#footerlinks a{
    color:#fff;
}
#copy{
  position:absolute;
  top:45px;
  font-size:.8em;
  color:#666;  
}
/* end structure */


/* right bar boxes */
#right {
  font-size:0.9em;
}
#right h2 {
  margin: 0 -10px;
}
#right div {
  padding:0 10px 6px;
}
#right ul {	
    margin-left:0;
	margin-bottom:0;
    padding-left:20px;
}
#right li {
    margin:0;
    line-height:15px;
    padding-bottom:1px;
}
.red{
  background:url(bgrightred.gif) top repeat-x #fdf6f8;
}
.red h2{
    color:#fff;
    background:#c73458;
}
.default {
  background:url(bgrightblue.gif) top repeat-x #f3faff;
}
.default h2{
    color:#fff;
    background:#2167b8;
}
.default ul {
    list-style-image:url(arroworange.gif);
}
.orange {
  background:url(bgrightresources.gif) top repeat-x #fffcfa;
}
.orange h2{
    color:#fff;
    background:#ff5c18;
}
.orange ul {
    list-style-image:url(arroworange.gif);
}
/* end right bar boxes */




/* nav css*/
.glossymenu {
	margin: 0px 0;
	padding: 0;
	width: 202px;
}
.glossymenu a.menuitem {
	background: url(bgnav.jpg);
	font: bold 12px Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative;
	width: 192px;
	height:36px;
	padding-left:10px;
	line-height:36px;
	text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
	color: white;
}
.glossymenu a.menuitem .statusicon {
	position: absolute;
	top: 15px;
	right: 5px;
	border: none;
}
.glossymenu a.menuitem:hover {
	background-image: url(bgnav.jpg);
}
.glossymenu div.submenu {
	background: #0295d2;
}
.glossymenu div.submenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.glossymenu div.submenu ul li {
	border-bottom: 1px solid white;
}
.glossymenu div.submenu ul li a {
	display: block;
	font: normal 13px Verdana, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover {
	background: #51c0ff;
	colorz: white;
}
/* end nav css 



/* homepage tabs */
ul.tabs {
	list-style: none;
	padding:0;
	margin:0 -5px;
	border-bottom: 2px solid #001781;
	height:19px;
	background: #5bc4fd;
}
ul.tabs li {
	float: left;
	overflow: hidden;
	position: relative;
	background: #5bc4fd;
	padding:0;
	margin:0;	
}
ul.tabs li a {		
	color:#fff;
	display: block;
	margin-top:0;
	padding:2px 0 1px;
	line-height:16px;
	font-size: 13px;
	font-weight: bold;	
	border-right:1px solid #fff;
	text-align:center;
	width:175px;
}
ul.tabs li a.last {
	border-right:0;
	width:173px;
}
ul.tabs li a:hover {
	text-decoration:none;	
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #001781;	
}

.tab_container {
	overflow: hidden;
	clear: both;
	float: left; 
	width: 100%;
	padding-bottom:10px;
}
.tab_content ul {
	margin-left:0;
	padding-left:20px;
}
.tab_content li {
	margin:0;
	line-height:15px;
	padding-bottom:6px;
}
/* end homepage tabs */





/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
	  background: none;
	  font-family: verdana, helvetica, arial;
	}
	h2{
	  font-size:18px;
	  background:none;
	}
	#header{
	  display:none;
	}
	#left{
	  display:none;
	}
	#right{
	  display:none;
	}
	#footer{
	  display:none;
	}
	#main {
	  background:none;
	}
	
}