html, body{
	margin: 0px;
	padding: 0px;
	border: none;
	/*background-color:#E8E8E8;*/
	}

html{height:100%;}

body{
	background-image: url('images/bg_middle.gif');
	background-repeat:repeat-y;
	background-position:center top;	
	}

body, input, select, button, textarea, label, p{
    color:#888;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;	}

form{
	padding:0px;
	margin:0px;
	}

a{
	color:#6699CC;
	text-decoration:none;
	}

hr{
	width:100%;
	background-color:#D4D4D4;
	border:none;
	color:#D4D4D4;
	height:1px;
	margin:5px 0;
	padding:0;
	}

h1, h2, h3{color:#999999; margin:0; padding:0;}
h2{font-size:28px; font-weight:normal;}
h3{font-size:16px; margin:0.3em 0;}
p{margin:0.8em 0; padding:0 0; line-height:1.3em;}

th {color:#fff; height:20px; white-space:nowrap;}
td, th{padding:7px;}
td{ vertical-align:top;}
thead tr, thead tr th{
	background-color:#D3D3D3;
	border-left:#fff 1px solid;
	color:#fff;
	}
thead tr th:first-child{border-left:none;}
thead tr a, thead tr th a{color:#fff;}

input, select, button, textarea, label, p{
	/*font-size:inherit;
    margin-top: 4px;
    margin-bottom: 5px;
	*/
	}

input[type="submit"], input[type="button"] {
	padding:4px 13px !important;
	line-height:100% !important;
	width: auto !important;
	overflow: visible !important;}

/* Hack for IE7 when buttons are inside tables*/
td input[type="submit"], td input[type="button"] {width: 100%;}

#container{
	width:860px;
	min-width:700px;
	margin:0 auto;
	padding:10px 0;
	}

#header{
	height: 80px;
	border-bottom:#D2D2D2 1px solid;
	}
	
#header .small-logo{
	float:right;
	margin:15px 15px 15px 0;
	}

#content-container{position:relative;}

#side-bar{
	/*float: left;*/
	position:absolute ;
	top:0;
	left:0;
	width:100px;
	padding:20px 10px 20px 2px;
	}

#side-bar ul, #side-bar li{list-style-type:none; padding:0px; display:block;}
#side-bar ul{margin:0px;}
#side-bar li{margin:1px 0; border-bottom:rgb(243, 238, 224) 1px solid; padding:3px 1px;}
#side-bar li:last-child{border-bottom:none;}

#content{position:absolute; padding:20px 5px 20px 5px; left:130px; width:720px;}
#content ul{margin:15px; padding:0px;}
#content li{line-height:1.3em; margin:6px 0;}

#popup {padding:20px 20px;}
#popup ul{margin:15px; padding:0px;}
#popup li{line-height:1.3em; margin:6px 0;}

.notice-box{
	padding:10px 12px;
	margin:13px 0;
	border: 1px solid #EFE7C2;
	background-color: #FFFFF4;
	}

.content-box{
	padding:11px 15px;
	margin:10px 0;
	border: 1px solid #D4D4D4;
	background-color: #F6F6F6;
	background-image: url('images/box_bg.gif');
	background-repeat:repeat-x;
	background-position:center top;		
	}

.clear-right{clear:right;}

 .content-box label, .login-box label{
	float: left;
	width: 400px;
	margin-top:5px;
	line-height:1.4em;
	margin-bottom:5px;
	margin-right:10px;
	/*text-align:right;*/
}

 .content-box input, .login-box input, .content-box textarea, .content-box select{
	width: 180px;
	margin: 3px 0;
}

.submit input{width:auto; padding:3px 4px;}

.content-box select {width: 186px !important;}
.content-box br, .login-box br{clear: left;}


label.continue {
	background-image: url('images/related_question.gif');
	background-repeat:no-repeat;
	background-position:center left;

	text-align:left;	
	padding-left:20px;
	margin-right:-10px;
	
	}


.aspradio{
	display:inline-block;
	/*margin:4px 0;*/
	padding:4px 0;
	}

.aspradio input {
	padding:0px;
	margin: 0px 3px 0px 0px !important;
	width:auto !important;
	}

.aspradio label{
	display:inline-block;
	padding:0px;
	margin: 0px 25px 0px 3px !important;
	vertical-align: middle;
	float:none !important;
	width: auto !important;
	}

.aspradio input[type="checkbox"]{vertical-align: middle;}
.aspradio input[type="radio"]{vertical-align: middle;}


table{
	width:100%;
	border-collapse:collapse;
	text-align:center;
	/*
		The following is a hack for the 100% IE6
		table bug, found when using a table next
		to a float.  Alternatly you could set the
		tables width to 99%.
	*/
	margin-right: -3px;
	}
	
tr.sep{height:1px;}
tr.sep td{padding: 0px; background-color: #EAEAEA; height: 1px;}
tr.alt{background-color: #F8F8F8;}
tr td.left-align, tr th.left-align{text-align:left;}


a.export{
	background-image: url('images/excel.gif');
	background-repeat:no-repeat;
	background-position:center left;
	padding:5px 0 5px 22px;
	/*line-height:1.6em;*/
	
	}
	
	
	
.pager span, .pager a{padding:4px 7px; border: 1px solid #D3D3D3; background-color:#F8F8F8; margin: 0 3px;}
.pager span{font-weight:bold;}
.pager{display:block; margin:25px 0 25px 0;}



a.sort-asc{
	background-image: url('images/_toggle_arrow_up.gif');
	background-repeat:no-repeat;
	background-position:right;
	padding-right:18px;	
	}

a.sort-desc{
	background-image: url('images/_toggle_arrow_down.gif');
	background-repeat:no-repeat;
	background-position:right;
	padding-right:18px;
	}
	
	
a.moreinfo{
	background-image: url('images/information.gif');
	background-repeat:no-repeat;
	background-position:right;
	padding-right:18px;
	}
	
	/*.edit{visibility:hidden; display:none;}*/