/******************************************************
			CONTENT BOXES
******************************************************/
body {
	background:url(../img/bg_header.gif) repeat-x #f4f7f9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#212431;
	}
#container {
	width:1100px;
	position: relative;
	margin: 0 auto;
	
	}
#header {
	height:85px;
	width:1100px;
	position:relative;
	
}
#topnav {
	width: 1100px;
	padding:0;
}
#ui-datepicker-div {
	display:none;
}

#middle {
	position: relative;
	background: #fff;
	width: 1100px;
	display: inline-block;
}
#content {
	position: relative;
	background: #fff;
	width: 1080px;
	margin: 0px;
	padding: 10px;
}

#content span.export{
	margin-right: .5em;
	float:right;
	position: relative;
	top: -2px;
}

#content span.dateform{
	margin-right: 1.5em;
	float:right;
	position: relative;
	top: -2px;
}

#content span.refresh{
	margin-right: 1.5em;
	float:right;
	position: relative;
	top: -2px;
}


#footer {
	position: relative;
	
	padding:18px;
	padding-top:10px;
	background:url(../img/bg_footer.gif) repeat-x 0 0 #a7b4b9;
	color:#fff;
	font-size:10px;
	text-align:left;
}

/* clearfix for div: <div class="clearfix"></div> */
.clearfix {
	clear:both;
	display:block;
	visibility:hidden;
}


/**************************************/



.iconkey {
  background-color:#FFFFFF;
  border: 2px solid #999999;
  cursor: default;
  display: none;
  margin-top: 25px;
  position: absolute;
  text-align: left;
  width: 350px;
  z-index: 50;
  padding: 15px;
}

.iconkey p {
  border-bottom: 1px solid #EFEFEF;
  margin: 8px 0;
  padding-bottom: 8px;
  color: #000;
}


.iconkey a {
  padding-bottom: 8px;
  color: blue;
}




/***** ALERTS ******/
	
	#error {
		font-size: 14px; 
		font-weight: bold;
		color: #BD2017; 
		margin-bottom: 1em;
		margin-top:1em; 
	}
	
	#error ul li {
		font: 11px verdana, tahoma, arial, helvetica, times, sans-serif;
		color: #CC0000;
		padding-left: 15px;
		padding-top: 5px;
	}
	
/****** END ALERTS *****/

/***** FORMS ******/
	
	form {
		padding: 10px;
		border: 1px solid #e4dfc3;
		background: #fbfaee; 
		margin-top: 15px; 
	}	
	
	input {
		background: #f8f7f6;
		border: 1px solid #d6d3d3;
	}

	input radio {
		background: none;
		border: none;
	}
	
	input:hover {
		background: #FFFFFF;
		border: 1px solid #d6d3d3;
	}
	
	input:focus {
		background: #FFFFFF;
		border: 1px solid #d6d3d3;
	}
	
	select {
		background: #f8f7f6;
		border: 1px solid #d6d3d3;
	}
	
	.submit {
		background: #1D5E83;
		border: 1px outset #e4dfc3;
		color: #fff;
		font-weight: bold;
	}
	.submit:hover {
		background: #1D5E83;
		border: 1px outset #e4dfc3;
		color: #fff;
		font-weight: bold;
	}

	div, ul, li, h1, h2, h3, h4, pre, body, html, blockquote {
		margin:0;
		padding:0;
	}
	p, blockquote { padding: 0; margin:0 0 1.5em 0; }
	blockquote p { margin:0;}
	a img, :link img, :visited img { border:none; }
	ul { list-style-type:none; }

	H1 {
		font-size: 16px; 
		font-weight: bold;
		color: #BD5B17; 
		margin-bottom: 1em;
		margin-top:1em; 
		letter-spacing:-.04em;
	}
	
	H2 {
		font-size: 12px; 
		font-weight: bold;
		color: #1D5E83; 
		margin-bottom: .2em;
		margin-top: .2em;  
		letter-spacing:-.04em;
	}
	
	b {
		font-size: 12px; 
		font-weight: bold;
		color: #1D5E83; 
	}
	
	a, a:visited {
		color: #101084;
		text-decoration: underline;
	}

	a:hover {
		color: #BD5B17;
		text-decoration: underline;
	}

/******************************************************
			SECONDARY BOXES
******************************************************/
/* #HEADER */
#logo {
	margin-top:20px;
	margin-left:12px;
	width:370px;
	height:42px;
	float:left;
	background:url(../img/logo.gif) no-repeat 0 0;
	}
#logo span { display:none; }
#logo a { display:block; width:370px; height:42px; }
#logo a:hover { text-decoration:none; }

#account {
	margin-top:56px;
	margin-right:28px;
	float:right;
	color:#000000;
	display:inline;
	}
#account li { float:left; }


/******************************************************
/*	TOP NAV STYLES
/******************************************************/

#nav { background:url(../img/bg_nav.gif) repeat-x; }
#nav ul {
	float:left;
	margin-left:3px;
	height:30px;
	background:url(../img/bg_nav.gif) repeat-x;
	}
#nav ul li { float:left; }
#nav ul li a {
	float:left;
	height:24px;
	margin-right:2px;
	padding:0 13px;
	padding-top:6px;
	background:none;
	color:#c2dcea;
	font:bold 14px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	}
#nav ul li a:hover {
	background-image:url(../img/bg_nav_over.gif);
	color:#fff;
	text-decoration:none;
	}
#nav ul li.selected a {
	background-image:url(../img/bg_nav_on.gif);
	background-repeat:repeat-x;
	color:#054d74;
	}

/******************************************************
/*	QUICK LINK STYLES
/******************************************************/

#quick-links { background:url(../img/bg_shade_gray_bg.gif) repeat-y #fbfaee; background-position:right;}
#quick-links h2 { height:26px; margin:0; background-repeat:repeat-x; background-position:0 0; font:bold 14px 'Trebuchet MS', Verdana, sans-serif; overflow:hidden;}
#quick-links h2 span { display:block; height:26px; padding-top:4px; padding-left:11px; background-repeat:no-repeat; background-position:right top; overflow:hidden;}
#quick-links h2.gray-heading { background-image:url(../img/bg_gray_heading.gif); background-color:#e9e5d1; color:#212431;}
#quick-links h2.gray-heading span { background-image:url(../img/bg_gray_heading_corner.gif); }

#quick-links .bottom { background:url(../img/bg_bottom_gray.gif) no-repeat; background-position:right; font-size:1px; line-height:1em; height:4px; overflow:hidden;}
#quick-links li { 
	height:1%;
	padding-right:15px;
}
#quick-links li a {
	display:block;
	padding: 2px 0;
	padding-left:19px;
	border-top:1px solid #e4dfc3;
	font-size:11px;
	text-decoration:none;
}
#quick-links ul.first-level li.first a { border-top:none; }
#quick-links li a:hover {	background:url(../img/bg_quick_links_over.gif) repeat-y 0 0; }
#quick-links li.last a {  border-bottom:1px solid #e4dfc3; }

/******************************************************
/*	QUICK-TABLE STYLES
/******************************************************/

#quick-table { 
	background: #fbfaee; 
	margin-top: 15px; 
}

#quick-table th noshow { 
	height:30px;
	font: bold 2px 'Trebuchet MS', Verdana, sans-serif; 
	color: #CC0000;
	padding: 0px;
}

#quick-table th { 
	height:30px;
	background:url(../img/bg_nav.gif) repeat-x;
	font: bold 14px 'Trebuchet MS', Verdana, sans-serif; 
	color: #fff;
	padding: 0px;
}

#quick-table th a{ 
	height:22px;
	margin-right:2px;
	padding:0 10px;
	padding-top:6px;
	background:none;
	color:#c2dcea;
	font:bold 14px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

#quick-table th a:hover{ 
	background-image:url(../img/bg_nav_over.gif);
	color:#fff;
	text-decoration:none;
}

#quick-table td{ 
	border-top:1px solid #e4dfc3;
	padding-right:15px;
	padding-left:10px;
	font-size:11px;
}

#quick-table td a{ 
	text-decoration:none;
}

#quick-table td a:hover {	
	background:url(../img/bg_quick_links_over.gif) repeat-y 0 0;
	text-decoration:none;
}

#quick-table td.cellborder{ 
	border-left: 1px solid #e4dfc3;
}


/***** FORMS ******/
	
#table-form {
		padding: 10px;
		border: 1px solid #e4dfc3;
		background: #ffffff; 
		margin-top: 5px; 
	}	
	
#table-form b{
	font-size: 12px; 
	font-weight: bold;
	color: #BD5B17; 
}

#table-form td { 
	padding-left:10px;
	padding-right:10px;
	height:20px;
	font-size: 11px;
	color: #000000;
	border: none;
}

#table-form input:radio { 
	color: #000000;
	border: none;
}

/*  Panel Tab/button  */

/***** clearfix *****/
/*.clear {clear: both;height: 0;line-height: 0;}
/*.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/*.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
/** html .clearfix {height: 1%;}
/*.clearfix {display: block;}
/* End hide from IE-mac */
/*.clearfix {height: 1%;}
/*.clearfix {display: block;} */

.tab {
  	/*background: url(tab_b.png) repeat-x 0 0; */
	height: 20px;
	position: relative;
    top: -22px;
    z-index: 999;
    width: 20px;
    float: right;
    border: 1px solid black;
}

.tab a.open, .tab a.close {
	position: absolute;
	height: 20px;
	line-height: 20px !important;
	padding-left: 5px !important;
	cursor: pointer;
	display: block;
	width: 18px;
	top: 20px;
	border: 1px solid blue;
}

.tab a.open {background: url(bt_open.png) no-repeat left 0;}
.tab a.close {background: url(bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(bt_close.png) no-repeat left -19px;}

/* sliding panel */
/* #searchpanel {*/
    /*position: absolute; /*Panel will overlap  content */
    /* position: relative;   /*Panel will "push" the content down */
    /*float:right;*/
    /*top: 25;*/
    /*width: 70%;*/
    /*z-index: 100;*/
    /*text-align: left;*/
    /*margin-left: auto;*/
    /*margin-right: 10px;*/
    /*border: 1px solid black;*/
}

#searchpanel {
    position: relative; /*Panel will overlap  content */
    left:300px;
	top:150px;
    width: 70%;
    z-index: 9999;
    /* text-align: left;*/
    /* margin-left: auto;*/
    /* margin-right: 10px;*/
    border: 1px solid red;
}

#panel {
	width: 70%;
	right: 30px; 
	height: 260px;
	color: #000000;
	/*border: 1px solid #e4dfc3;
	background: #FFFFFF; */
	overflow: hidden;
	position: absolute;
	z-index: 100;
	display: none;
	border: 1px solid green;
}

#tabs ul{ margin-left:15px; float:left; background:transparent; padding: 5px 0 0 5px; border: none;}
#tabs li{  } 

/*
#tabs{ margin:20px 0;}
#tabs ul{ float:left; background:#fff; width:750px; padding-top:4px;}
#tabs li{ margin-left:5px; list-style:none;  }
#tabs li{ display:inline;}  
#tabs li, #tabs li a{ float:left;}
#tabs ul li.active { background: #E9E5CD;}
#tabs ul li.active a { color:#1D5E83; font-weight:bold;}
#tabs div{ background:#FFF; clear:both; padding:5px; min-height: 450px;}
#tabs ul li a{ text-decoration:none; padding:8px; color:#1D5E83; font-weight:bold;}
*/