*{
	margin:0;
    padding:0;
}

html{
	font-family:Arial, Helvetica, sans-serif ;
	font-size:12px;
    background:#e5ebf1;
    color:#444;
}
a{color:#144274;}

ul{ padding-left:20px}

h1{ font-size:20px;
	line-height:22px;
    margin:10px 0 15px 0;
    }

h2{ 
	font-size:18px;
	margin:5px 0 10px 0;
    }
 
h3{
    margin:12px 0 3px 0;
    font-size:15px;
} 

/*FLOATS*/
.right{float:right;}
.left{float:left;}
.clear{clear:both;}

.center{text-align:center;}

/*  LA Y O U T */
#wrapper{
	width:980px;
    margin:25px auto 0;
    background:url(https://lacounty.phamatech.com/images/wrapper-bkg.jpg) repeat-y;
    }

#header{
	background:url(https://lacounty.phamatech.com/images/wrapper-top.jpg) no-repeat;
    padding:15px 30px;
}

#content{
	padding:20px;
    min-height:400px;
    height:auto;
    border-top:1px dotted #CFDAE8;
}

#leftcol{
	width:200px;
    margin-right:15px;
}

#rightcol{
	width:710px;
}
#leftcol, #rightcol{ float:left;}

#footer{
	background:url(https://lacounty.phamatech.com/images/wrapper-bottom.jpg) no-repeat;
    background-position:0 bottom;
    padding:20px 0 40px 0;
}
#footer-nav{
	width:940px;
    margin:0 auto;
    list-style:none;
}

#footer-nav li{ display:inline;}

#chosen{
	background-color: #EFB3B3; border: solid 1px #AF5757; text-align: center;font-weight: bold;padding: 2px;
}
#not-chosen{
	background-color: #B6EFB3; border: solid 1px #57AF5B; text-align: center;font-weight: bold;padding: 2px;
}
.form-error{
    color:red;
    margin-left:122px;
}

/**************************
   N A V I G A T I O N
****************************/
ul#mainNav {
	margin:10px 0;
    font-variant:small-caps;
    font-size:15px;
    float:right;
    border:5px solid #eff4f8;
    padding:0;
}

#mainNav li{ 
	display:block;
    float:left;
	border:1px solid #CFDAE8;	
}

#mainNav li a{
	display:block;
    padding:5px 10px 0;
    height:25px;
    text-align:center;
  	font-weight:bold;
    color:#627b9c;
    text-decoration:none;
	background:url(https://lacounty.phamatech.com/images/nav-hover.jpg) repeat-x bottom;
}

#mainNav li a:hover, #mainNav li a.highlighted{
	background:#fff;
}
#mainNav li.logout a{background:#e5ebf1;}

/*pagination */
.pagination{
	width:200px;
    float: right;
    margin:10px 25px; 
    text-align:right;
}
.pagenumber, .pagenumberhighlight{
    padding:0 3px;
}

/*font styles*/
.head{color:#144274;}

.errors{
    border:1px solid #e03d30;
    background-color:#f4b1a4;
    padding:3px;
    text-align:center;
	color: #333;
    font-weight:bold;
    margin-bottom:10px;
}
.notice{
    border:1px solid #015F00;
    background-color:#6DAF6D;
    padding:3px;
    text-align:center;
	color: #000;
    font-weight:bold;
    margin-bottom:10px;
}

#subnav{
    height: 36px;
    border-bottom: 1px solid #aaa;
    margin-left:-14px;
    margin-right:-9px;
    padding-left:15px;
}
.tab-title {
    float: left;
    width: 23%;
    margin:-1px 6px 0;
    background: #fff;
    border: 1px solid #aaa;
    font-size: 12px;
    z-index: 100;
    text-align: center;
    vertical-align: middle;
    border-bottom: 0px;

    /* CSS3 */
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    text-shadow: 0px 1px 1px #fff;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff) to(#E7ECF1)); /*old webkit*/
    background: -webkit-linear-gradient(#fff, #E7ECF1); /*new webkit*/
    background: -moz-linear-gradient(#fff, #E7ECF1); /*gecko*/
    background: -ms-linear-gradient(#fff, #E7ECF1); /*IE10*/
    background: -o-linear-gradient(#fff, #E7ECF1); /*opera 11.10+*/
    background: linear-gradient(#fff, #E7ECF1); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#fff, #E7ECF1); /*PIE*/
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
   behavior: url(https://lacounty.phamatech.com/js/pie-css/PIE.php);
}
.tab-title a{
    display:inline-block;
    width:100%;
    height:26px;
    color:#333;
    text-decoration:none;
    font-weight:bold;
    padding-top:10px;
}
.tab-title.activetab{
    margin-top:0;
    background:#fff;
    -pie-background:#fff;
}

/*************************
       L O G I N
**************************/

form#login{
	width:250px;
    color:#3E5A6D;
/*    background:url(../images/box-bkg.jpg) no-repeat top left;*/
    padding:10px 40px 10px 40px;
    margin-top:10px;
    font-weight:bold;
}

#loginbox{
	width:350px;
    margin:150px auto 0;	
    text-align:center;
    border:5px solid #CFDAE8;
    padding:20px 0;
}

/************************
	  F O R M S
**************************/
.text, .small-txt, .medium-txt, .input-text, .input-password, textarea{
	border:2px solid #CFDAE8;
    margin:0px;
    padding:1px;
    vertical-align:middle;
    font-size:13px;
}
textarea{
    padding:0;
}
.text{width:170px;}
.small-txt{ width:50px}
.medium-txt{width:110px}
.input-text, .input-password{width:170px}

label{
	/*margin:5px 0;*/
    width:120px;
    display:inline-block;
    font-weight:bold;
}

.btn, .delete, a.cancel{
    padding:0 10px;
    cursor:pointer;
	line-height:20px;
	font-size:12px;
	display: inline-block;
	height: 20px;
	vertical-align: top;
}


.btn{
    background:#144274;
    color:#fff;
    border:1px solid #144274;
    text-decoration:none;
	line-height:20px;
	height:22px;
}
.btn:hover{ background: #3268a1}

.delete, .cancel, #search a.btn{
    background:#ddd;
    border:1px solid #ccc;
    color:#144274;
}

a.delete, a.cancel, #search a.btn{  text-decoration: none}
a.delete:hover, a.cancel:hover, #search a.btn{ background:#ccc}
table .btn, table .delete{
    margin-top:0;
}



.btn.disabled{
    background:#666;
}

/*search box*/
#search{
	width:100%;
	/*background:url(https://lacounty.phamatech.com/images/search-right.jpg) no-repeat right top #e7ecf1;*/
    margin-bottom:10px;
}
.search{ 
    /*background:url(https://lacounty.phamatech.com/images/search-left.jpg) no-repeat left top;*/
    background:#E7ECF1;
    padding:6px 10px;
    height:100%;    /* IE7 fix */
}
.search label{
    width:100px;
    padding-right:3px;
    display:block;
    margin:0;
}
.search input, .search select, .btn{
    margin:0;
}
/*.search input.btn{
    margin-top:7px;
}*/
.search .form-field{
    float:left;
    margin:0 10px 3px 0px;
}

#login label{
	width:60px;
}

.form-field select{
    border:2px solid #CFDAE8;
}
.form-field{
    margin-bottom:14px;
}
.form-field label{
    vertical-align:top;
}
.form-field .multiradio-container, .form-field .multiinput-container{
    display:inline-block;
    /*width:250px;*/
}
.form-field .multiradio-container label{
    vertical-align:middle;
    font-weight:normal;
    margin-left:3px;
    width:250px;
}


/********************************************
	            T A B L E S
**********************************************/

table{border:none}
td{border:none}

table.info{
	width:99%;
	border-left:1px solid #CFDAE8;
    border-collapse:collapse;
    text-align:center;
    margin:10px 0;
}
.info td{ 
	height:35px;
    border:none;
    border-bottom:1px solid #CFDAE8;
    border-right:1px solid #CFDAE8;
    padding:3px;
}

th {
    background-color:#144274;
    border:none;
    height:30px;
    color:#fff;
    padding-left:3px;
    padding-right:3px;
}
th  a{
    color:#fff;
    padding:0 5px;
    display:inline-block;
}

.datepicker{
    width:75px;
}
.ui-datepicker th{
    background-color:white;
    color:#144274
}

#calendar {
    margin-top:10px;
}

#startdate, #enddate{
    text-align:center;
    float:left;
    margin-right:10px;
}

#leftcol.errors div{
    padding:3px;
    border:1px solid gray;
}

.odd-row{
    background-color:lightGray;
}

#clinician_table td{
    padding:5px;
}

#num-records td{
    padding:5px;
    text-align:center;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
}

/* VTIP */
#vtip{
    display: none;
    position: absolute;
    padding: 10px;
    left: 5px;
    font-size: 1em;
    background-color: white;
    border: 1px solid #a6c9e2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 9999;
}
#vtipArrow{
    position: absolute;
    top: -10px;
    left: 5px;
}
#vtip td{
    padding:0px 2px;
}

.paging{
    display:inline-block;
    margin:5px 0;
}

.letterhead{
    height:65px;
    width:300px;
}
#results-list  th{
    position:relative;
    padding-top:3px;
    padding-bottom:3px;
}
#results-list .input-text{
    width:80%;
}
#results-list .datepicker{
    width:55px;
}

nobr.sorted{
    display:inline-block;
    margin-bottom:5px;
}

#monthly-report-form .form-field{
    margin:0;
}
#monthly-report, #monthly-report-specimens, #monthly-report-male-female{
    margin:20px;
    border-collapse:collapse;
}
#monthly-report th, #monthly-report td, #monthly-report-male-female td{
    border:1px solid black;
    padding:5px;
    text-align:right;
}
#monthly-report-specimens td, #monthly-report-specimens, #monthly-report-donors td{
    border:1px solid black;
    padding:5px;
}
#monthly-report th{
    background:white;
    color:#000;
    font-weight:bold;
}

#monthly-report-donors {
	border-collapse:collapse;
}
#monthly-report-donors td, #monthly-report-donors th{
	margin:0px;
	border:1px solid black;
}
#monthly-report-donors th {
	font-size:14px;
}

.tabset .tab {
	display:none;
}
.tabset .tab.active {
	display:block;
}

.positive td{
    border-top:2px solid red;
    border-bottom:2px solid red;
    color:red;
}
.positive td.first{
    border-left:2px solid red;
}
.positive td.last{
    border-right:2px solid red;
}