/*

This is where any project specific CSS should reside.  The CSS for a number of jQuery plugins and patterns are included here for easy editing or you can remove them.  Most are so short it just doesn't make sense to have a separate CSS file for them.

*/

.showGrid { background: url('../images/bkg-grid.png'); } /* For use on the .container layer only */



/*

General HTML element declarations

*/

body { background:url(../images/bg_01.gif) repeat-x; }

table { border-right:1px solid #E5EAF1; border-bottom:1px solid #E5EAF1; }

th a {

	display:block;

}

th { background:url("../images/bkg-table_header.gif");  }

th, td { border-top:1px solid #E5EAF1; border-left:1px solid #E5EAF1; }



/*

ID/Class declarations

*/



#leftnav {

	width: 150px;

	font: 10px/16px verdana, arial, georgia, sans-serif;

	margin: 0 0 0 20px;

	padding: 0px;

}



#leftnav_bold {

	width: 150px;

	font: bold 10px/16px verdana, arial, georgia, sans-serif;

	margin: 0px;

	padding: 0px;

}



#leftnav li a:active { 

	color: #339;

	background-color : #ccf;

	border-bottom: 1px solid #99c;

	border-top: 1px solid #fff;

}



#leftnav li {

	margin: 0px;

	padding: 0px;

	display: inline;

	list-style-type: none;

}



#leftnav a, 

#leftnav a:link, 

#leftnav a:visited, 

#leftnav a.active:link,

#leftnav a.active:visited {

	display: block;

	text-decoration: none;

	width: 140px;	

	color: #fff;

	background-color: #444ECA;

	border-bottom: 1px solid #0004A6;

	border-top: 1px solid #8487FF;

	margin: 0px;

	padding: 2px 0px 2px 10px;

}



#leftnav li a:hover {

	color: #fff;

	background-color: #212063;

	border-bottom: 1px solid #0004A6;

	border-top: 1px solid #8487FF;

}



#leftnav_lit {

	width: 140px;

	font: 10px/16px verdana, arial, georgia, sans-serif;

	margin: 0px;

	padding: 0px;

}



#leftnav_lit li{

	margin: 0px;

	padding: 0px;

	display: inline;

	list-style-type: none;

}



#leftnav_lit a, 

#leftnav_lit a:link, 

#leftnav_lit a:visited, 

#leftnav_lit a.active:link,

#leftnav_lit a.active:visited {

	display: block;

	text-decoration: none;

	width: 140px;	

	color: #fff;

	background-color: #C11C29;

	border-bottom: 1px solid #A22000;

	border-top: 1px solid #EF2F00;

	margin: 0px;

	padding: 2px 0px 2px 10px;

}



/* END LEFT NAV */



#wrap {

	margin: 0px;

	padding: 0px;

	background: url("../images/sidebar-bkgd.gif") repeat-y;

}



#sidebar {

	width: 150px;

	margin: 0 0 30px 0;

	padding: 0px;

	position: absolute;

	left: 0px;

}



#body { padding:0 0 40px 0; background:#fff; }



	#navigation h4.separator-bottom { padding-bottom: 0; margin-bottom: 0; border-bottom: 0}



	#navigation ul { 

		list-style: none;

		margin: 0px;

		padding: 0px;

		border: none;

		margin-bottom: 15px;

		}



	#navigation ul li {margin: 0px; padding: 0px; list-style: none; }

	#navigation ul li a { 

		text-decoration: none;

		color: #4c5d81;

		padding: 3px 0 3px 8px; 

		margin: 0 0 0 5px; 

		display: block;

		border-bottom: 1px solid #DFE4EF;

		width:160px;

		}

	#navigation ul li a:hover { color: #083C92; background: #EFF5FF; }

	

.separator-bottom { border-bottom: 1px solid #ccc; }

.separator-top { border-top: 1px solid #ccc; }	



.status { color:#000; font-size:120%; }

	.status dl {margin:0;}

	.status dt {width:100px; float:left;}



.status a, .status a:active, .status a:hover, .status a:visited { vertical-align:bottom; }



#foot { background:#212063 url(../images/footer-bg.jpg) repeat-x; border-top:1px solid #666; padding-top:20px; color:#fff; overflow:hidden; /* hidden compensates for a bug with the normal clearfix being the last element */ }

  #bottom-nav a, #bottom-nav a:active, #bottom-nav a:visited { color:#fff; }



/*form dl dt { overflow:hidden; }*/

form fieldset { margin-bottom: 15px; border:0; padding:0; margin:0;}



.help-indicator { background:url('../images/ico-help-16.png'); width:16px; height:16px; overflow:hidden; text-indent:-100em; margin-left:3px; padding-left:16px; margin-right:-7px; }



.buttons2 { margin-left:15.7em; margin-top:20px; }

.buttons { text-align:center; margin-top:10px; background-color:#f1f1f1; border:1px solid #ccc; padding:5px 0; clear:both; }

.editHelp { text-align:left; margin-top:10px; background-color:#f1f1f1; border:1px solid #ccc; padding:5px 0; }



/* Breadcrumb

------------------------------------------------------------------ */

.no-breadcrumb { padding-top:20px !important; }

.breadcrumb {

  color:#000;

  margin:0 auto;

  padding:0;

}

.breadcrumb {

  vertical-align:middle;

}

.breadcrumb-content {

  font-size:14px;

  text-align:left;

  margin:5px auto 0;

  padding-bottom:10px;

}

.breadcrumb a:link, .breadcrumb a:visited {

  text-decoration:underline;

}

.breadcrumb span {

  color:#999999;

  padding:0pt 5px;

}

.breadcrumb strong {

  color:#333333;

  font-size:130%;

  font-weight:normal;

}



/* Headline

------------------------------------------------------------------ */

.no-headline { padding-top:20px !important; }

.headline {

  color:#000;

  margin:0 auto;

  padding:0;

}

.headline {

  vertical-align:middle;

}

.headline-content {

  font-size:16px;

  text-align:center;

  margin:5px auto 0;

  padding-bottom:10px;

}

.headline span {

  color:#999999;

  padding:0pt 5px;

}

.headline strong {

  color:#333333;

  font-size:130%;

  font-weight:normal;

}



/* Buttons

------------------------------------------------------------------ */

	/* new-testing */	

	.button-default, .button-nondefault, .button-nondefault-alt1, .button-nondefault-alt2, .button-nondefault-alt3, .button-disabled { border-color: #999 #444 #000 #bbb; border-style:solid; border-width:1px; padding:3px 6px; *padding:3px 0px; margin-right:5px; cursor:pointer; color:#fff; }

	.button-default { background: #3f5fa4 url(../images/btn-blue-bg2.jpg) repeat-x; color:#fff; }

	.button-nondefault { background: url(../images/btn-gray-bg.jpg) repeat-x; color:#000; }

	.button-nondefault-alt1 { background: url(../images/btn-green-bg2.jpg) repeat-x; }

	.button-nondefault-alt2 { background: #a71717 url(../images/btn-red-bg2.jpg) repeat-x; }

	.button-nondefault-alt3 { background: url(../images/btn-yellow-bg.jpg) repeat-x; color:#000; }

	.button-disabled { background: url(../images/btn-gray-bg.jpg) repeat-x; color:#666; border:solid 1px #aaa; }

	.button-small { text-align:center; background-color:#f1f1f1; border:1px solid #ccc; padding:0; clear:both; }



button.small { padding: 2px 3px; color: #333; font-weight: normal; border: 1px solid #A2A197; background: #D4D3C5; font-size: 12px; *overflow:visible; }

/*.button-nondefault:hover { background-position: right bottom; border: 1px solid #000; }*/

input.small { padding: 2px 2px; font-size: 12px; *overflow:visible; }



/* Empty State

------------------------------------------------------------------ */

.empty-state { border: 2px dashed #ccc; background: #fff; padding: 50px 20px 35px 20px; font-size: 150%; color: #999; }





/* Icon Styles

------------------------------------------------------------------ */

.inline-help { cursor: help; }



.icon { vertical-align: top; }



.add-link:link, 

.add-link:visited,

.add-link:hover { color: #5B9548; font-size: 11px; text-decoration: underline;  }

.edit-link:link, 

.edit-link:visited,

.edit-link:hover { color: #5B9548; font-size: 11px; text-decoration: underline; }

.delete-link:link, 

.delete-link:visited,

.delete-link:hover { color: #cc0000; font-size: 11px; text-decoration: underline; }



.add-link-icon:link,

.add-link-icon:visited,

.add-link-icon:hover { font-size: 11px; background: url(../images/ico-add.png) no-repeat 0 50%; padding: 2px 0 2px 19px; color: #5B9548; text-decoration: underline;}

.add-link-icon-small:link,

.add-link-icon-small:visited,

.add-link-icon-small:hover { font-size: 11px; background: url(../../_assets/images/icon-add-small.gif) no-repeat 0 50%; padding: 2px 0 2px 15px; color: #5B9548; text-decoration: underline;}



.delete-link-icon:link,

.delete-link-icon:visited,

.delete-link-icon:hover { font-size: 11px; background: url(../images/ico-delete-16.png) no-repeat 0 50%; padding: 2px 0 2px 19px; color: #ae6565; text-decoration: underline;}



.edit-link-icon:link,

.edit-link-icon:visited,

.edit-link-icon:hover { font-size: 11px; background: url(../images/ico-edit-16.png) no-repeat 0 50%; padding: 2px 0 2px 19px; color: #5B9548; text-decoration: underline;}



.jump-link-icon:link,

.jump-link-icon:visited,

.jump-link-icon:hover { font-size: 11px; background: url(../images/ico-jump-link.png) no-repeat right; padding: 2px 15px 2px 0px; text-decoration: underline;}



.jump-link-icon-left:link,

.jump-link-icon-left:visited,

.jump-link-icon-left:hover { font-size: 11px; background: url(../images/ico-jump-link.png) no-repeat left; padding: 2px 0px 2px 15px; text-decoration: underline;}



.print-link-icon:link,

.print-link-icon:visited,

.print-link-icon:hover { font-size: 11px; background: url(../images/ico-print-16.png) no-repeat 0 50%; padding: 2px 0 2px 19px; text-decoration: underline;}



.add-link-icon-disabled,

a:link.add-link-icon-disabled,

a:visited.add-link-icon-disabled,

a:hover.add-link-icon-disabled { font-size: 11px; cursor: default; color: #999; outline: 0; text-decoration: none; padding: 2px 0 2px 19px; background: url(../../_assets/images/icon-add-disabled.gif) no-repeat 0 50%; }



.add-link-icon-small-disabled,

a:link.add-link-icon-small-disabled,

a:visited.add-link-icon-small-disabled,

a:hover.add-link-icon-small-disabled { font-size: 11px; cursor: default; color: #999; outline: 0; text-decoration: none; padding: 2px 0 2px 15px; background: url(../../_assets/images/icon-add-small-disabled.gif) no-repeat 0 50%; }



img.dnc {position:absolute; margin:-10px 0 0 50px;}





/* Mini Tabs

------------------------------------------------------------------ */

.mini-tabs { clear: both; font-size: 95%; margin-bottom: 10px; }

.mini-tabs ul { list-style-type: none; padding: 0; margin: 0; }

.mini-tabs ul li { display: inline; float: left; padding: 0; }

.mini-tabs a,

.mini-tabs a:link,

.mini-tabs a:visited { display: block; text-decoration: none; }

/* Mini Tabs Level 1 */

.mini-tabs-level1 { background: url(../images/mini-tabs-level1-bg.gif) repeat-x left bottom; }

.mini-tabs-level1 li { background: #ddd url(../images/mini-tabs-level1-tab-bg.gif) repeat-x left top; border: 1px solid #ccc; margin: 1px 0 0 5px; }

.mini-tabs-level1 a { padding: 3px 7px; }

.mini-tabs-level1 li.selected { background: #fff; border-bottom: 1px solid #fff; border-top: 2px solid #666; margin-top: 0; font-weight: bold; }

.mini-tabs-level1 li.selected a,

.mini-tabs-level1 li.selected a:link,

.mini-tabs-level1 li.selected a:visited,

.mini-tabs-level1 li.selected a:hover { color: #000; }

/* Mini Tabs Level 2 */

.mini-tabs-level2 { margin: -10px 12px 10px 12px; padding: 0; background: #fff url(../images/mini-tabs-level2-bg.gif) repeat-x bottom; /*border-bottom:  1px solid #ccc;*/ clear: both; }

.mini-tabs-level2 li { color: #999; text-decoration: none; }

.mini-tabs-level2 a {padding:5px 10px 10px; }

.mini-tabs-level2 li.selected a,

.mini-tabs-level2 li.selected a:hover { color: #000; font-weight: bold; background:transparent url(../images/mini-tabs-level2-selected-bg.gif) no-repeat scroll 50% 100%; color: #1F2842; outline: none; /*border-bottom:4px solid #7388BC;*/ }



.mini-tabs-level2 li a:hover { color: #000; background: url(../images/mini-tabs-level2-hover-bg.gif) no-repeat center bottom; /*border-bottom:4px inset #7388BC; */}

/* self clear floated parent containers */

.mini-tabs:after, .mini-tabs-level1:after, .mini-tabs-level2:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	

.mini-tabs, .mini-tabs-level1, .mini-tabs-level2 {zoom:1;} /* IE */



.info-section {float:left; margin-bottom:10px; width:100%;}

.info-section h3 {border-bottom:solid 1px #ccc;}

/*.separators dl{border-top:solid 1px #ccc;}*/



/* Table Elements

------------------------------------------------------------------ */

.table-rows { padding:0; margin:0; border:0; }

.table-rows td { border-bottom: 1px solid #ccc; border-left:none; border-top:none;}

th a.order-asc { background: url("../images/ico-order-asc.gif") no-repeat center center; padding-right: 16px; } 

th a.order-desc { background: url("../images/ico-order-desc.gif") no-repeat center center; padding-right: 16px; }



table#results-nav { 

	border:none; 

	margin:0; 

	padding:0 10px; 

	height:30px; 

	color:#000; 

	width:310px;

	background:#ddd;

	}

table#results-nav td {border:none; padding:0; vertical-align:middle;}

table#results-nav #go { vertical-align:text-top; }



/* Form Elements

------------------------------------------------------------------ */

input.input-text, textarea, select {

	background: #fff url(../images/field-bg.gif) repeat-x; 

	border-top: 1px solid #7c7c7c; 

	border-left: 1px solid #999; 

	border-right: 1px solid #c3c3c3;

	border-bottom: 1px solid #ddd;  

	font-size: 100%;

	}

select { margin: 0; padding: 1px 0; }

input.input-text, textarea { padding: 2px 1px 2px 2px; margin-right:3px; }

input.input-text:focus, textarea:focus {background-color:lightYellow;}



/* List Elements

------------------------------------------------------------------ */

ul.style-none, ul.style-none ul {list-style-type:none;}



/* Pagination

------------------------------------------------------------------ */

.pagination { position: relative; width: 100%; }

.pagination a { text-decoration: underline; }

.pagination span { color: #999; }

.pagination p { margin: 0 0 0 0; }

.pagination p.results { margin-bottom: 5px; }

.pagination p.results select { margin: 0; }

.pagination p.paging { font-size: 85%; margin: 0 0 5px 0; }

.pagination p.navigation { position: absolute; right: 0; bottom: 0; color: #999; text-align: right; }

.pagination p.navigation a { font-weight: bold; }



/* second look */

.look2 #foot, .look2 #head, .look2 #body { width:950px; margin:0 auto; }

.look2 #head { padding:10px 10px 0; border:1px solid #333; border-width: 1px 1px 0px; background-color:#fff; margin-top:20px; }

.look2 #body { padding:0 10px; border:1px solid #333; border-width: 0 1px; }

.look2 #foot { padding:0 10px; border:1px solid #333; border-width: 0 1px 1px; background-color:#fff; }



/*

SimpleModal Styles

*/

a.modalCloseImg {background:url("../images/ico-close-x.png") no-repeat; width:25px; height:29px; z-index:3200; position:absolute; top:-15px; right:-18px; text-indent:-1000em; overflow:hidden; }

/* IE6 fixes */

* html #modalContainer a.modalCloseImg{

	background:none;

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(

		src='../images/ico-close-x.png', sizingMethod='scale'

		); /* The src has to be relative to the page it being called on, not to the CSS file as it usually is */

}

* html #modalContainer, * html #modalLoader {

	top: expression((document.documentElement.scrollTop	|| document.body.scrollTop) + Math.round(15 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');

}

* html #modalOverlay, * html #modalIeBlocker {

	height: expression(document.body.offsetHeight + 'px');

}



/* DISPLAY IMAGES 

------------------------------------------------------------------ */

.dispImg { margin-bottom: 15px; padding: 6px 15px 0px 33px; position:relative; } 

.dispImg p { margin-bottom: 7px; padding: 0; } 

.dispImg ul { margin: 0 0 7px 0; padding: 0 10px; }

.dispImg small { position:absolute; top:0; right:10px; cursor:hand; cursor:pointer; }

/*---------------------------------------------------------------- */

.show-me { border:1px dotted blue; font-size:11px; padding:0 4px 0 4px; cursor:pointer; }

/*---------------------------------------------------------------- */



/* imgHide

------------------------------------------------------------------ */

.imgHide { margin-bottom: 15px; padding: 6px 15px 0px 33px; position:relative; }