*{
	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;}

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

#header{
	background:url(https://phamdca.comentum.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://phamdca.comentum.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{
    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:609px;
    float:right;
    border:5px solid #eff4f8;
    padding:0;
}

#mainNav li{ 
	display:block;
    float:left;
    width:150px;
	border:1px solid #CFDAE8;	
}
.admin #mainNav li{
    width:120px;
}

#mainNav li a{
	display:block;
	width:150px;
    padding-top:5px;
    height:25px;
    text-align:center;
  	font-weight:bold;
    color:#627b9c;
}
.admin #mainNav li a{
    width:120px;
}

#mainNav li a:hover{
	background:url(https://phamdca.comentum.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;
}

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

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

.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://phamdca.comentum.com/images/search-left.jpg) no-repeat left top;*/
    background:#E7ECF1;
    padding:6px 10px;
}
.search label, #login label{
	width:60px;
}

#search{
	/*background:url(https://phamdca.comentum.com/images/search-right.jpg) no-repeat right top #e7ecf1;*/
    width:99%;
    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
}

#calendar {
    margin-top:10px;
}

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

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

#failed-logins textarea, #past-selections textarea{
    width:300px;
    height:45px;
    margin:3px;
}

.clock {
    padding:15px;
    background-color:#ddd;
    color:#8d8d8d;
    font-size:1.5em;
}
.clock h3 {
    color:black;
    font-size:2em;
}