img {border: none;}
ol, ul {text-align: left;}

/* --------------- */
/* JBA Headerstrip */
/* --------------- */

#headerstrip {
	width: 100%; 
	background:url(/images/headerstrip/bg.gif) repeat-x #242424; 
	height: 20px; 
	text-align: center;
}
	#headerstrip_menu {width: 825px; margin: 0 auto; overflow: auto;}
		#jbalogo img {}
		#headerstrip_menu ul {margin: 4px 0 0; padding: 0;}
			#headerstrip_menu ul li {
				display: inline; 
				list-style: none; 
				padding: 0; 
				font-size: 10px;
				color: #b2b2b2; 
				font-weight: normal;
			}
				#headerstrip_menu ul li a {
					font-size: 10px; 
					color: #b2b2b2; 
					text-decoration: none; 
					padding: 0 3px; 
					font-weight: normal;
				}

/* -------------- */
/* General Styles */
/* -------------- */

.left {float: left;}
.right {float: right;}
.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.pad15 {padding: 15px;}
.clear {clear: both;}
.tab15 {margin-left: 15px;}
.tab25 {margin-left: 25px;}
.top5 {margin-top: 5px;}
.top10 {margin-top: 10px;}
.top15 {margin-top: 15px;}
.lh100{line-height: 100%;}
.lh150{line-height: 150%;}
.lh175{line-height: 175%;}
.lh200{line-height: 200%;}
.pos_relative {position: relative;}
.testborder {border: 1px solid red;}

/* -------------------- */
/* Text and Font styles */
/* -------------------- */

.bold {font-weight: bold;}
.fs9 {font-size: 9px;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs24 {font-size: 24px;}
.fs30 {font-size: 30px;}
.orange1 {color: orange;}
.blue1 {color: blue;}
.red1 {color: red;}
.white1 {color: white;}
.grey1 {color: grey;}
.green1 {color: green;}
.ta_left {text-align: left;}
.ta_right {text-align: right;}
.ta_center {text-align: center;}
.ta_justify {text-align: justify;}

/* ------ */
/* Alerts */
/* ------ */
.alert {text-align:left; margin: 1em 0;}
	.alert .alert_header {position: relative; clear: both; padding: 4px;}
		.alert .alert_header .alert_img {position: absolute; left: 4px; top: 4px;}
		.alert .alert_header .alert_title {font-weight: bold;}
		.alert .alert_header .alert_title_f {float: left; font-weight: bold; margin-left: 24px;}
	.alert .alert_msg {clear: both; position: relative; padding: 4px; padding-right: 40px;}
		.alert .alert_msg ol, .alert .alert_msg ul {margin-top: 3px; margin-bottom: 3px; padding-top: 0; padding-bottom: 0;}
		.alert .alert_msg .alert_close {position: absolute; right: 4px; bottom: 4px;}
	.alert .critical {border:1px #DBD323 solid; background-color:#F7FADA;}
		.alert .critical .alert_title {padding: 2px; color: #9E0000;}
	.alert .warning {border:1px solid gray; background-color:#FFFFCC;}
		.alert .warning .alert_title {padding: 2px; color: #000000;}
	.alert .error {border:1px solid gray; background-color:#FFFFCC;}
		.alert .error .alert_title {padding: 2px; color: #000000;}
	.alert .informational {border:1px solid gray;}
		.alert .informational .alert_title {padding: 2px; color: #000000;}
	.alert .blurb {border:1px solid gray; background-color: #F1F6F8; color: #333;}
		.alert .blurb .alert_title {padding: 2px; color: #000000;}
	.alert .success {border:1px solid gray; background-color: #CCEEAA; color: #333;}
		.alert .success .alert_title {padding: 2px; color: #000000;}
	.alert .failure {border:1px solid red; background-color: #FA8383; color: red;}
		.alert .failure .alert_title {padding: 2px; color: red;}

/* ------ */
/* Tables */
/* ------ */

.report_1 {margin: 0 auto;width: 98%;}
	.report_1 th {
		font-weight: bold;
		background-color: #F4F4F4;
		border-top: 1px solid #C5C5C5;
		border-bottom: 1px solid #C5C5C5;
		padding: 2px 3px;
	}
	.report_1 td {border-bottom: 1px solid #C5C5C5;padding: 2px 3px;}
		.report_1 td input[type=text] {margin: 2px 0;}
	table.report_1 thead tr .header span.sort {
		background-image: url('/images/buttons/sort_asc_desc.gif');
		background-repeat: no-repeat;
		background-position: center right;
		cursor: pointer;
	}
	table.report_1 thead tr .headerSortUp span.sort {background-image: url('/images/buttons/sort_asc.gif');}
	table.report_1 thead tr .headerSortDown span.sort{background-image: url('/images/buttons/sort_desc.gif');}

span.sort {padding-right: 20px;}
div.pager {width:100%;padding: 10px 0 10px 0;text-align: center;}
div.pager span {padding: 0 5px 0 5px;}
div.pager img {vertical-align:middle;}
div.pager img.prev {width: auto;margin-right: 10px;}
div.pager img.next {width: auto;margin-left: 10px;}
div.pager input {font-size: 9px;width: 60px;border: 1px solid #330000;text-align: center;}

.report_2 {margin: 0 auto;width: 98%;}
	.report_2 th {
		font-weight: bold;
		background-color: #F4F4F4;
		border-top: 1px solid #C5C5C5;
		border-bottom: 1px solid #C5C5C5;
		padding: 2px 3px;
	}
	.report_2 td {padding: 1px 3px;}
	.report_2 td input[type=text] {margin: 2px 0;}

/* -------------- */
/* Accordian menu */
/* -------------- */

.ac_title {background-color: #A3D8F0; border: 1px solid #007BB9; margin: 1px 0;}
	.ac_title a {text-decoration: none; font-weight: bold; color: #333333; padding-left: 5px; display: block;}
	.ac_title a:hover {}
.ac_menu {padding: 5px; background-color: #E3F0F6; margin: 1px;}

/* ----- */
/* Other */
/* ----- */

input.invalid, select.invalid, textarea.invalid { border: 1px solid red !important; }
label.invalid { color:#666666;font-size: 11px;font-style:italic;}
.clear {clear: both;}
.center {text-align: center;}
.numeric {text-align: right;}
.margin_auto{margin: 0 auto;}

.error_1 {background-color:#FFFFFF;margin-top:15px;}
	.error_1 th {
		border: 1px solid #333333;
		background: #0087C7;
		padding: 2px 8px;
		color: #FFFFFF;
		text-align: left;
	}
	.error_1 td {
		background-color: #FFFFFF;
		border-left: 1px solid #333333;
		border-right: 1px solid #333333;
		color: #333333;
	}

#image_overlay {
	position:absolute;
	border:1px solid #000000;
	background:#333333;
	padding:3px;
	display:none;
}

div#loader {border: 1px solid #ccc;width: 100%;height: 75px;}
div#loader.loading {background: url(/images/info/loading_bar.gif) no-repeat center center;}

.hidden_img {display: none;}

.pa_btn {text-align: right;}