/* 
+----------------------------------------------------
|	HTML element styles
+---------------------------------------------------- 
*/
html {
	height: 100%;
}
body {
	margin: auto;
	text-align: center;
	background-color: #333333;
	background-image: url(../images/backgroundstrip.jpg);
	background-repeat: repeat;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
}
form {
	/*height: 100%;*/
}

a:link, 
a:visited {
	color: blue;
	text-decoration: none;
}
a:hover, 
a:active, 
a.active {
	color: #b68404;
}

select, textarea, input {
	font-size : 11px;
}
textarea, input[type="text"], input[type="password"] {
	border: 1px solid #999999;
}
input[type="button"] {
	background-color: #b68404;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	padding: 1px;
}
input.aurorabutton {
	background-color: #b68404;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	padding: 1px;
}
input[type="checkbox"] {
	padding: 0px;
	margin: 0px;
	border: none;
	/*background-color: blue;*/
}

input[disabled="disabled"] {
}

h2, .paragraph-heading-middle {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	color: #666666;
	vertical-align: bottom;
}
.textHeading {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
}
.textHeadingSearch {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	color: #666666;
}
.textSubHeading {
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
}
.beige {
	color: #b68404;
}
.textBodySearch {
	color: #666666;
}
.label {
	font-weight: bold;
	color: black;
}
.labelRed {
	font-weight: bold;
	color: red;
}

/*
+-----------------------------------------------------+
| Aurora template sections
+-----------------------------------------------------+
*/
div.part123 {
	z-index: -1000;
}
div.part123 form {
	
}
#wrapper {
	width:800px; 
	margin: 0 auto; 
	height: 100%;
	background-color: #000000;
	border-left: #000000 solid 1px;
	border-right: #000000 solid 1px;
	vertical-align: top;
}
#wrapper form {
	height: 100%;
}
#aurora-main {
	width: 100%;
	text-align: left;
}
#aurora-left-blue {
	width: 190px;
	background-image: url(../images/sidebar_blue.gif);
	background-repeat: repeat-y;
	vertical-align: top;
}
#aurora-left-brown {
	width: 190px;
	background-image: url(../images/sidebar_brown.gif);
	background-repeat: repeat-y;
	vertical-align: top;
}
#aurora-left-red {
	width: 190px;
	background-image: url(../images/sidebar_red.gif);
	background-repeat: repeat-y;
	vertical-align: top;
}
#aurora-left-green {
	width: 190px;
	background-image: url(../images/sidebar_green.gif);
	background-repeat: repeat-y;
	vertical-align: top;
}
#aurora-right {
	width: 610px;
	background-color: #ffffff;
}
#aurora-bottom {
	width: 800px;
}
#aurora-header {
	height: 36px;
	background-color: #000000;
	background-image: url(../images/topblackstrip_610.jpg);
	background-repeat: no-repeat;
	color: #ffffff;
	vertical-align: middle;
	line-height: 36px;
}
#aurora-header div.left {
	float:left;
	text-align: left;
	font-size: 11px;
}
#aurora-header div.right {
	float:right;
	text-align: right;
	font-size: 11px;
}
#aurora-topnav {
	height: 36px;
	background-color: #999999;
	background-image: url(../images/topgraystrip_610.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	line-height: 36px;
}
#aurora-content {
	overflow: auto;
	background-color: #ffffff;
}
#aurora-messages {
	margin: 20px;
}
#aurora-body {
	margin: 20px;
	/*padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;*/
}
#aurora-bottomnav {
	height: 36px;
	background-color: #999999;
	background-image: url(../images/bottomgraystrip.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	line-height: 36px;
}
#aurora-footer {
	background-color: #000000;
	color: #ffffff;
	padding: 15px;
}

.copyrightstrip {
	vertical-align: top;
	text-align: left;
	font-size: 10px;
}
.sitestrip {
	vertical-align: top;
	text-align: right;
	padding-left: 5px;
	font-size: 11px;
}
.datetimetext {
	text-align: right;
}

/*
+----------------------------------------------------
|  Left nav styles
+----------------------------------------------------
*/
#leftNavItems {
	min-height: 400px;
	text-align: right;
	padding-right: 10px;
}
/*#leftNavItems a:link,*/
#leftNavItems a {
	color: #ffffff;
	white-space: nowrap;
	/*text-decoration: none;*/
	display: block;
}
#leftNavItems a:hover {
	color: #b68404;
}
#leftNavItems div {
	height: 15px;
}

/*
+----------------------------------------------------
|  Header styles
+----------------------------------------------------
*/
#aurora-header div {
	padding-right: 15px;
	vertical-align: middle;
	height: 100%
	/*padding-top: 10px;*/
}

/*
+----------------------------------------------------
|  Top nav styles
+----------------------------------------------------
*/
#topNavItems {
	text-align: right;
	height: 100%;
	padding-right: 15px;
	/*padding-top: 10px;*/
	font-size: 11px;
}
/*#topNavItems a:link {*/
#topNavItems a {
	color: #000000;
	white-space: nowrap;
	/*text-decoration: none;*/
}
#topNavItems a:hover {
	color: #b68404;
}
#topNavItems span {
	padding-left: 10px;
	padding-right: 10px;
}
/*
+----------------------------------------------------
|  Top nav styles
+----------------------------------------------------
*/
#bottomNavItems {
	text-align: left;
	height: 100%;
	padding-left: 15px;
	/*padding-top: 10px;*/
	font-size: 11px;	
}
/*#bottomNavItems a:link {*/
#bottomNavItems a {
	color: #000000;
	white-space: nowrap;
	/*text-decoration: none;*/
}
#bottomNavItems a:hover {
	color: #b68404;
}
#bottomNavItems span {
	padding-left: 10px;
	padding-right: 10px;
}

/*
+----------------------------------------------------
|  Messages JSP styles
+----------------------------------------------------
*/
.userMessage, .errorMessage {
	margin: 10px;
	padding: 7px; 
	width: 400px;
	background: #efefef;
	font-weight: bold;
}
.userMessage {
	border: 1px solid #5b9b20;
	color: #5b9b20;	
}
.errorMessage {
	border: 1px solid #B22222;
	color: #B22222;	
}

/*
+----------------------------------------------------
|  Login JSP styles
+----------------------------------------------------
*/
div.login {
}
div.login-inputs {
	padding-left: 75px;
	padding-top: 50px;
}
div.login-text {
	width: 525px;
	font-size: 13px;
	line-height: 20px;
}
div.login-inputs table td {
	padding-right: 10px;
}

/*
+----------------------------------------------------
|  Search parameter styles
+----------------------------------------------------
*/
.searchResults {
	width: 100%;
}
.trailerDetails {
	color: #666666;
	font-size: 11px;
}
div.search {
	font-weight: bold;
	font-size: 11px; 
	line-height: 17px;
	text-indent: 0px; 	
}
div.search select {
	width: 170px; 
	/*border: 1px solid #000000;*/ 
	/*padding: 3px;*/	
}
div.search input[type="text"] {
	width: 166px;
}
div.searchBoxLeft, div.detailBoxLeft {
	float:left;
	width:170px;
	vertical-align: top;
	text-align: left;
	padding-right: 10px;
}
div.searchBox, div.detailBox {
	float:left;
	width:170px;
	vertical-align: top;
	text-align: left;
	border-left: 1px #cccccc dashed;
	padding-left: 10px;
	padding-right: 10px;
}
div.searchBoxRight, div.detailBoxRight {
	float:left;
	width:170px;
	vertical-align: top;
	text-align: left;
	border-left: 1px #cccccc dashed;
	padding-left: 10px;
}

/*
+-----------------------------------------------------+
| Result table styles                                 |
+-----------------------------------------------------+
*/
table.pjr {
	text-align: left;
	/*line-height: 14px;*/
	border-collapse: collapse;
	white-space: nowrap;
	border: #999999 solid 1px;
	font-size: 11px;
	/*width: 100%;*/
	width: 563px;
}
thead.pjr {
	vertical-align: middle;
	font-weight: bold;
}
tbody.pjr {
	color: #666666;
}
td.pjr, td.pjr-ra, td.pjr-l {
	border: #999999 solid 1px;
	padding: 4px;
}

table.pjr-act {
	border: none;
	padding: 0px;
	border-collapse: separate;
}

td.pjr-act {
	width: 16px;
	padding-left: 1px;
	padding-right: 1px;
}

/* ----- Rows ----- [h=header, o=odd, e=even, r=report, or=overall report] */
tr.pjr-h {
	background-image: url("../images/th.jpg");
	background-repeat: repeat-x;
	height: 14px;
}

tr.pjr-o {
	background: #efecca;
}

tr.pjr-e {
	background: #ffffff;
}

tr.pjr-r-o, tr.pjr-r-e {
	background: #c8c8bd;
	color: #000000;
}

tr.pjr-or-o, tr.pjr-or-e {
	background: #8e8169;
	font-weight: bold;
	color: #000000;
}

/* ----- Cells ----- [h=header, t=top, tl=top left, l=left, ra=row action] */
td.pjr-h-tl,td.pjr-h-t {
	padding: 4px;
}

td.pjr-ra-t,td.pjr-ra {
	white-space: nowrap;
	text-align: center;
	vertical-align: top;
}

td.pjr-tl,td.pjr-t,td.pjr-l,td.pjr {
	padding: 4px;
}

/*
+-----------------------------------------------------+
| Detail styles
+-----------------------------------------------------+
*/
td.pjd {
	padding: 0px;
}
td.pjd-l {
	vertical-align: bottom;
	padding: 0px;
	font-weight: bold;
}
td.pjd-p-f {
	padding-top: 10px;
}


.clr {
	clear:both;
}
.width400 {
	width: 400px;
	white-space: normal;
}
.pjnowrap {
	white-space: nowrap;
}
.pjright {
	text-align: right;
}

tr.pjd-h {
	
}
td.pjd-h {
	border: #999999 solid 1px;
	background-image: url("../images/th.jpg");
	background-repeat: repeat-x;
	height: 14px;
}

.sp-currency {
	text-align: right;
}

.align-right {
	text-align: right;
}

.print-hide {
	
}
.print-show {
	display:none;
}

td.pjr input.discrepancy-explanation {
	width: 250px;
}

@media print {
	#aurora-left-blue,
	#aurora-left-brown,
	#aurora-left-red,
	#aurora-left-green,
	#aurora-bottom,
	#aurora-header,
	#aurora-topnav {
		display:none;
	}
	#wrapper {
		border:none;
	}
	body {
		/*font-size-adjust: .6;*/
	}
}

input[readonly="readonly"], textarea[readonly="readonly"] {
	background-color: #d6d6d6;
}