*{
	margin:0;
    padding:0;
}

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

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:16px;
 } 

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

.center{text-align:center;}
.req{color:red; padding-right:3px;}

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

#header{
	background:url(https://archive.elab.phamatech.com/images/wrapper-top.jpg) no-repeat;
    padding:25px 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://archive.elab.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;
}
.errors, .error{
    color:red;
}

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

#mainNav li{ 
	display:block;
    float:left;
    width:120px;
	border:1px solid #CFDAE8;	
    }
#mainNav li a{
	display:block;
	width:120px;
    padding-top:5px;
    height:25px;
    text-align:center;
  	font-weight:bold;
    color:#627b9c;
}
#mainNav li a:hover{
	background:url(https://archive.elab.phamatech.com/images/nav-hover.jpg) repeat-x bottom;
    text-decoration:none;
}
.logout{background-color:#e5ebf1;}

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

.pagenumberhighlight{
    border:1px solid;
}

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

/*************************
       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
**************************/
.form-field {
    margin-bottom:5px;
}
.text, .small-txt, .medium-txt, .input-text, .input-password{
	border:2px solid #CFDAE8;
    margin:5px 5px 5px 0;
    padding:1px;
    vertical-align:middle;
    font-size:13px;
}
.text, .input-text, .input-password{width:170px;}
.small-txt{ width:50px}
.medium-txt{width:110px}
label{
	margin:5px 0;
    width:120px;
    display:inline-block;
    vertical-align:middle;
}

.btn{
   /* background:#3E5A6D;*/
    background:#144274;
    color:#fff;
    border:none;
}
.delete{
    background:#ddd;
    border:1px solid #ccc;
    color:#144274;	
}
.btn, .delete{
    margin-top:7px;
    padding:3px 5px;
    cursor:pointer;
}
table .btn, table .delete{
    margin-top:0;
}

/*search box*/
.search{ 
    background:url(https://archive.elab.phamatech.com/images/search-left.jpg) no-repeat left top;
    padding:6px 10px;
    height:37px;
}
.search label, #login label{
	width:60px;
}

#search{
	width:1180px;
	background:url(https://archive.elab.phamatech.com/images/search-right.jpg) no-repeat right top #e7ecf1;
    margin-bottom:10px;
}
/********************************************
	            T A B L E S
**********************************************/

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

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

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

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


.radio-label{
    width:auto;
    margin:0;
}

.form-field .multiradio-container{
    margin:-23px 0 5px 120px;
}
.form-field .multiradio-container label{
    margin:3px;
}
.form-field .error{
    margin-left:120px;
}

#previous-forms{
    list-style:none inside none;
    padding:0;
}

/********************************************
	            REPORT
**********************************************/
.tabset .tab {
	display:none;
}
.tabset .tab.active {
	display:block;
}

#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(http://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;
}

table.info {
    border-collapse: collapse;
    border-left: 1px solid #cfdae8;
    margin: 10px 0;
    text-align: center;
    width: 99%;
}
.info td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #cfdae8 #cfdae8 -moz-use-text-color;
    border-image: none;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
    height: 35px;
    padding: 0 3px;
}

#results-list th {
    padding-bottom: 3px;
    padding-top: 3px;
    position: relative;
}
#results-list .input-text {
    width: 80%;
}
#results-list .datepicker {
    width: 55px;
}
#dIDHelpBox {
    display:none;
    padding:25px;
    width:400px;
    text-align:left;
    display:none;
    z-index:99999;
    border:1px solid rgba(0,0,0,0.3);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background:white;
}
#dIDHelpClose {
    cursor:pointer;
    float:right;
    position:relative;
    margin-top:-35px;
    margin-right:-35px;
}

.color-changes-table{
    border:0;
    border-collapse:collapse;
}
.color-changes-table th, .color-changes-table td{
    border:1px solid #ccc;
    padding:5px;
}