@import url("../js/jscalendar/calendar-system.css");

/*------------------- GENERAL HTML  -------------------*/

body{
	background-image: url("/vendor/assets/images/site_bg.png");
	background-repeat: repeat-x;
	background-color: #FFE100;
	font-family: Helvetica, Arial, Sans-Serif;
	padding:0;
	margin:0;
	text-align: center;
}

img {
	border: 0;
	padding: 0;
}

p{
	text-align: left;
}

a {
	color: #333;
}

a:hover{ 
	color: #CCC;
}

a:visited{ 
	color: #000;
}

table{
	border: 1px solid #000;
	border-bottom: 2px solid #000;
	empty-cells: show;
}

table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc {
    background : none !important;
}

td{
	padding: 2px;
	border-right: 1px solid #000;
	vertical-align: top;
}
thead{
	background: #000;
	color: #FFF;
	font-weight: bold;
}

thead td{
	border-left: 1px solid #666;
	font-size: .90em;
}

thead tr td a {
	font-size: 1em;
	color: #FFF;
	font-weight: bold;	
	text-decoration: none;
}

thead tr td a:visited {
	color: #FFF;
}

tbody {
	font-family: verdana;
	font-size: .80em;	
}

tr.even{
	background-color: #FFF;
}
tr.odd{
	background-color: #EBEBEB;
}

.hr{

 	background-image: url('/vendor/assets/images/hr_bg.gif');
 	background-repeat: repeat-x;
 	border:0;
 	margin:0;
 	padding:0px;
 	height: 10px;
 	border: 0;
}

hr{
	display: none;
}

ul{
	list-style: square;	
}

label {
	font-weight: bold;
}

label.small {
	font-size: .80em;
}


fieldset{
	border: 1px solid #CCC;
	padding: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
}

legend{
	font-weight: bold;
	color: #777;
	text-transform: uppercase;
	font-family: Georgia Bold, Georgia, Times, Serif; 
}


/*------------------- VENDOR SITE LAYOUT -------------------*/


#breadcrumb{
	width: 875px;
	padding: 5px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	background: #EBEBEB;
}

.here{
	font-weight: normal;
}


#headerContent, #navContent, #bodyContent, #footerContent{
	width: 921px;
	margin: 0 auto;	
	padding: 0;
}

#headerContent{
	height: 77px;
	background-color: #000;
}

#navContent{
	height: 33px;
	background-image: url('/vendor/assets/images/nav_bg.png');
	background-repeat: no-repeat;
	text-align: left;
}

#navContainer{
	padding: 0px 20px 0px 25px;
	margin: 0;
}
#bodyContent{
	text-align: left;
	background-image: url("/vendor/assets/images/body_bg.png");
	background-repeat: repeat-y;
}

#bodyContainer{
	padding: 5px 20px 10px 20px;
	margin:0;
	/*min-height: 480px;*/
}
#footerContent{
	height: 20px;
	background-image: url('/vendor/assets/images/footer_bg.png');
	background-repeat: no-repeat;
}

#headerContent, #navContentWide, #bodyContentWide, #footerContentWide{
	width: 1310px;
	margin: 0 auto;	
	padding: 0;
}

#navContentWide{
	height: 33px;
	background-image: url('/vendor/assets/images/nav_bg.png');
	background-repeat: no-repeat;
	text-align: left;
	background-size: 1310px 33px;
}

#bodyContentWide{
	text-align: left;
	background-image: url("/vendor/assets/images/body_bg.png");
	background-repeat: repeat-y;
	background-size: 1310px 29px;
}

#footerContentWide{
	height: 20px;
	background-image: url('/vendor/assets/images/footer_bg.png');
	background-repeat: no-repeat;
	background-size: 1310px 21px;
}

.headerImageWide{
	width: 1310px;
	height: 77px;
}

#copyright p{
	width: 100%;
	text-align: center;
	color: #333;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

#copyright a {
	color: #333;
}

#topNav{
	margin:0;
	padding: 6px 0;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}
#topNav li{
	display: inline;
	padding: 0 12px 0 9px;
	margin:0;
	background-image: url("/vendor/assets/images/pipe_vert.gif");
	background-repeat: no-repeat;
	background-position: center right;
}
#lastTopNav{
	background-image: none;
}

#topNav li a{
	color: #FFF;
	letter-spacing: .1em;
	text-decoration: none;
}


#topNav li a:hover{
	text-decoration: underline;
	color: #EBEBEB;
}

#topNav li.firstLi{
	padding-left: 0;
	margin-left: 0;
}

/*  PAGE & SECTION HEADINGS */

h1.heading{
	font-family: Georgia, Garamond, Times;
	font-size: 24px;
	padding-top: 5px;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

h2.subHeading{
	font-size: 12px;
	color: #777;
	text-transform: uppercase;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	border-bottom: 1px dotted #CCC;

}

h3.sectionName{
	font-family: Georgia, Garamond, Times;
	color:#999;
	font-size:16px;
	text-transform: uppercase;
	background-image:url("/vendor/assets/images/fade_grey_bg.png");
	background-position:left bottom;
	background-repeat:repeat-x;
	border-bottom:1px dotted #CCC;
	padding:12px 0 5px 10px;
	
}


/*  FORM ELEMENTS */

.formTextItem {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url("/vendor/assets/images/dotted_underline_gray.gif");
	background-repeat: repeat-x;
	clear: both;

}

.formTextItem label {
	float: left;
	width: 200px;
	font-weight: bold;
	display: block;
}

.formTextItemNormal {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;

}

.formTextItemNormal label {
	float: left;
	width: 150px;
	font-weight: bold;
	display: block;
}

.submit, .button {
	font-size: 1.15em;
}


/*  REQUIRED & EXAMPLES */

.required{
	color: #FF0000;
	font-weight: bold;
	font-size: .85em;

}

.example, .instructions{
	font-size: .85em;
	font-weight: bold;
	color: #777;
}

/*  ERRORS & WARNINGS & SUCCESS */

#errorList{
	list-style: none;
	padding: 2.5px 0 2.5px 25px;
	margin: 0;
	color: #FF0000;
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	
}

#errorsOccured, #displayAlert, #displaySuccess, #displayWarning, #displaySeriousWarning{
	font-family: Verdana, Tahoma, Helvetica, Arial;
	font-size: 14px;
	border: 1px solid white;
}

#errorsOccured img, #displayAlert img, #displaySuccess img, #displayWarning img, #displaySeriousWarning img{
	float: left;
}

#errorsOccured p, #displayAlert p, #displayWarning p, #displaySeriousWarning{
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}

#errorsOccured ul, #displayAlert ul,  #displayWarning ul, #displaySeriousWarning ul{
	padding-top: 5px;
}


#displayAlert p{
	color: #666;
	margin-top: 10px;

}

#displayWarning p{
	color: #666;
}

#displaySuccess p{
	color: #4B9600;
	font-weight: bold;
}

#displaySuccess li, #displayWarning li{
	font-size: 14px;
	font-weight: bold;
}

#displayWarning li{
	color: #666;
}


#displayWarning a{
	color: #000;
}

#displayWarning a:hover{
	color: #666;
}

.errorDisplay{
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Tahoma, Helvetica, Arial;
}


/********************************* Additional **************************************************************/

#browserCenter {
	width:100%;
	text-align:center;
}

/* Main Seach Form */
.searchForm {
	width: 75%;
	margin: 20px;
	text-align: left;
}

.searchFormStatic {
	width: 650px;
	margin: 20px;
	text-align: left;
}

.row {
	width:100%;
	padding-top: 3px;
	clear:both;
}

.searchForm .leftCol {
	width: 25%;
	padding-left: 5px;
	float: left;
}

.searchForm .rightCol {
	width: 70%;
	padding-left: 5px;
	float: right;
}

.searchForm .dateLeft {
	width: 40%;
	float: left;
}

.searchForm .dateCenter {
	width: 10%;
	float: left;
}

.searchForm .dateRight {
	width: 35%;
	float: left;
	padding-left: 5px;
}
	
.searchForm .searchSubmit {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 5px;
	padding-top: 5px;
	border-top: 1px dotted #777;
}

.detail {
	width: 90%;
	margin: 20px;
	text-align: left;
}

.detail_50 {
	width: 50%;
	margin: 20px;
	text-align: left;
}

.detail_75 {
	width: 75%;
	margin: 20px;
	text-align: left;
}


.detail_75 .leftCol, .detail_50 .leftCol, .detail .leftCol {
	width: 25%;
	padding-left: 5px;
	float: left;
	text-align: right;
}

.detail_75 .rightCol, .detail_50 .rightCol, .detail .rightCol {
	width: 70%;
	padding-left: 5px;
	float: right;
}


.detail_75 .leftCol_align_right{
	padding-left: 5px;
	float: left;
	text-align: right;	
}

.detail_75 .rightCol_align_left{
	padding-left: 5px;
	float: left;
	text-align: left;	
}

.detail_75 img, .detail_50 img, .detail img {
	vertical-align: middle;	
}

img.sort {
	vertical-align: middle;
}

img.dtl_img {
	vertical-align: middle;
	width:18px;
	height: 17px;
}

.spanCheckedOut a {
	color: green;
}

.spanAlreadyAssigned {
	color: red;	
}

/*------------------- CUSTOMIZED CSS  -------------------*/
#loginBox{
	border: 1px solid #000;	
	width: 250px;
    height: 190px;
    overflow-y: hidden;
    display: inline-block;
}

#messageCenterBox{
	border: 1px solid #000;	
	min-width: 350px;
    max-width: 500px;
    height: 190px;
    overflow-y: scroll;
    display: inline-block;
}

.italic{
    font-style: italic;
}

.bold{
    font-weight: bold;
}

.pt8{
    font-size: .8em;
}

.ul{
    text-decoration: underline;
}

.floatClearBoth{
    clear: both;
}

#u_name, #u_pass{
	width: 200px;
}

#yellowBar{
	width: 100%;
	height: 10px;
	/*border: 2px 0 0 0;*/
	background: #FFE100;
	padding:0;
	margin:0;
}

#loginBox .formTextItem{
	border: 0;	
	background: none;
}

.readonly{
    color: #808080;
}


/*-----------------Data Definition Table Display---------------*/

dl.table-display{
	width: 41.1em;
	margin: 2em 0;
	padding: 0;
	display: table;

}

.table-display dt
{
	width: 12em;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	border-bottom: 1px dotted #999;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.4;

}

th.dpass, td.dpass {display: none;}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd{
	float: left;
	width: 24em;
	margin: 0 0 0 0;
	padding: .5em;
	border-bottom: 1px dotted #999;
	font-size: 14px;

	line-height: 1.4;
}

/*-----------------------Set Min Height Junk-----------------------------*/

#setMinHeightContainer {
	width:100%;
	padding:0;
	margin:0;
}

#setMinHeightMainCol {
	width:99%;
	float:left;
	padding:0;
	margin:0;	
}

#setMinHeightSetHeightCol {
	width:1px;
	padding:0;
	margin:0;
	float:right;
	background-color: #FFE100;
	height:400px;
}