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