/* CSS Document - Libraries - Main/Common Settings */

body {
	margin: 0;
	padding: 0;
	font-family:Arial, Trebuchet, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #999;
	min-width: 780px;
	width: expression(document.body.clientWidth < 780? "780px": "auto" );
}

ol,li,dd,dt,dl {margin-top:.3em;	margin-bottom:.3em;}

a:hover {text-decoration:underline;	border:0;}

img {border:none;}

table, tr, td, th {font-size: 1em;}

#container {
	background: #FFF; 
	margin: 0px 15px;
	padding: 4px;
	padding-top: 30px;
	border-left:6px solid #666;
	border-right:6px solid #666;
	border-bottom:6px solid #666;
	overflow: hidden;
}

#wrapper {float:left;	width:100%;}
#content {margin: 10px 175px; overflow: hidden;}
#content_popup {padding: 10px;}

#main {font-size: 11px;}
#main #nava li {border-right: 4px solid #FFF;}
#main #navasub li {border-right: 1px solid #FFF;}
#main #nava li a:hover,
#main #navasub li a:hover {
	color:#000000;
	text-decoration:none;
}

#location {
	position:relative;
	margin-bottom:5px;
}

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

#subnav {
	float: right;
	font-size: .9em;
}

#lhcol{
	float:left;
	width:150px;
	margin-left:-100%;
	background-color:#FFF;
	font-size:11px;
}

#lhcol #navb dd a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

#main #nava, #main #navasub, #lhcol #navb, #lhcol #navc, #lhcol #navd {
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	overflow:hidden;
}

#lhcol #navb, 
#lhcol #navc, 
#lhcol #navd {
	margin-bottom:30px;
}

#main #nava li, 
#main #navasub li, 
#lhcol #navb dd, 
#lhcol #navc dd, 
#lhcol #navd dd {
	padding:0;
	margin:0;
	list-style-type:none;
}

#lhcol .infobox {
	margin-top: 30px;
}

#main #nava li{float:left;	width:auto;}
#main #navasub li{float:left;	width:auto;}

#main #nava li a,
#main #navasub li a {
	font-weight: bold;
	text-decoration:none;
	display:block;
	font-size:1em;
	padding:4px;
	color:#FFFFFF;
}

#lhcol #navb dd a {
	color: #000000;
	display:block;
}

#lhcol #navb .gcat {
	font-weight: bold;
	padding:2px 0px 2px 2px;
	background-image: url('../graphics/gcat_fade.jpg');
	background-repeat:repeat-y;
	border-bottom: 1px solid #FFFFFF;
}

#lhcol #navb .mcat,
#lhcol #navb .mcatoff {
	padding:1px 0px 1px 5px;
}

#lhcol #navb .mcat a {color: #FFFFFF;}

#lhcol #navb .scatoff {
	border-bottom:1px solid #FFFFFF;
	padding:1px 0px 1px 5px;
}
 
#lhcol #navb .scat a {		
	border-bottom:1px solid #FFFFFF;
	padding:1px 0px 1px 5px;
}

#lhcol #navb dt {
	font-size:1.3em;
	font-weight:bold;
	padding-left:1px;
}

.infobox {
	position:relative;
	padding:0px 5px 2px 5px;
	margin:0px 0px 5px 0px;
}

.special{
	font-size: 10px;
}

.special h2{
	font-weight: bold;
	display: inline;
}

#rhcol {
	position: relative;
	display: inline;
	float:left;
	width:150px;
	margin-left:-150px;
	padding:0;
	font-size: 10px;
	overflow: hidden;
}

#rhcol table{font-size:10px;}

#rhcol .infobox {
	border: 1px solid #CCC;
	background: #FFF;
	padding: 0px;
	background-repeat:no-repeat;
	margin-bottom: 35px;
}

#rhcol .infobox h3 {
	display: block;
	font-weight: bold;
	background: url('../graphics/bg_rhcol_h3.jpg') no-repeat bottom left;
	padding: 2px;
	margin: 0px;
}

#rhcol .emphasize {
	border: 1px solid #999;
	background: url('../graphics/bg_rhcol_emphasize.jpg') repeat-y;
}
#rhcol .emphasize h3 {background: url('../graphics/gcat_fade.jpg') repeat-y;}


#rhcol p {
	line-height: 1.3em;
	margin: .5em;
}

.myaccount {
	border: 1px solid #FECF4B;
	background: #FEEDB9;
	padding:0px 5px 2px 5px;
	margin:0px 0px 5px 0px;
}
.myaccount h3 {font-weight: bold;}

#icminfo {
	border: 1px solid #559187;
	margin-bottom: 30px;
}
.icm {
	background: #C8D3D0;
	margin-bottom: 4px;
	padding: 2px;
}
.icm a:hover {
	color: #504C3A; 
	text-decoration: underline;
}

.icmlisting {
	float: right; 
	font-size: .8em; 
	color: #999;
	padding-right: 10px;
}

.icmimage {float: left; padding-right: 6px;}

.id {font-size: 10px; color: #999;}

.help {cursor:help;}

.ad			{
	width:150px; 
	border: 1px solid #EEE; 
	overflow: hidden;
	font-size: 10px;
}
.ad a		{text-decoration: none;}
.ad a:hover	{text-decoration: none; color: #000000;}
.AdPreview {
	height: 15px;
	background: url('../graphics/adpreview.png') no-repeat bottom right;
}
.diamond	{height: 150px;}
.platinum	{height: 120px;}
.platinum2	{height: 240px;}
.platinum3	{height: 360px;}
.gold		{height: 90px;}
.gold2		{height: 180px;}
.gold3		{height: 270px;}
.gold4		{height: 360px;}
.silver		{height: 75px;}
.silver2	{height: 150px;}
.silver3	{height: 225px;}
.silver4	{height: 300px;}
.bronze		{height: 60px;}
.bronze2	{height: 120px;}
.bronze3	{height: 180px;}
.bronze4	{height: 240px;}

.advertiser {
	font-size: 9px; 
	margin: -1px 0px 35px 0px; 
	background: #F6F6F6; 
	border: 1px solid #EEE; 
	width: 148px; 
	padding: 1px;
}

#info{
	float: right;
	margin-right:10px;
	padding: 5px;
	font-size: 10px;
}
#info a {color:#000; text-decoration: underline;}

.ldes {
	font-size: .9em; 
	color: #666; 
	margin-left: 25px;
}

#notice {
	position: relative;
	border: 2px solid #990000;
	background-image: url('../graphics/tag_notice.gif');
	background-repeat:no-repeat;
	padding: 30px 10px 10px 10px;
}

hr {color:#000000;	height:1px;}

.record {padding: 5px; margin: 5px 25px;}
.record p {font-size: .9em; color: #333; margin: 0px 25px;}
.record h1, h2, h3, h4, h5, h6 {display: inline; font-weight: normal;}   
.record h1 {font-size: 13px; font-weight: bold;}
.record h2 {font-size: 13px;}
.record h3 {font-size: 11px;}
.record h4 {font-size: 11px;}
.record h5 {font-size: 9px;}
.record h6 {font-size: 9px; color: #333;}
.record .options {float: right; text-align: right;}
.record .details {margin-left: 50px;}
.record .logo {float: left; margin-right: 2px;}

.shade {background: #EFEFEF;}
.secondary {color: #666; font-size: .9em;}

.admin {
	background: #FFFF00;
	border: 1px solid #FF0000;
	margin-bottom: 10px;
}

#footer {
	position:relative;
	clear:both;
	margin: 0px 0px 6px 0px;
	padding:0px;
	font-size: 11px;
	text-align: center;
}
#footer table {
	margin: auto;
	font-size: 11px; 
	text-align: left;
}

#message {
	background: #FD9;
	border: 1px solid #FECF4B;
}
#message .shade {background: #FFDFBC;}
.msg_error {color:#000; background: #F99; border: 1px solid #900; padding: 5px; width: 400px; margin: auto;}

.status {
	font-size: 9px;
	color: #900;
	margin-left: 20px;
	margin-right: 20px;
}

#print_notice {display: none;}
#print_footer {display: none;}

.header_mcat {
	color: #FFF;
	padding: 2px;
	font-size: 1.2em;
	font-weight: bold;
	background: #999;
	margin-top: 15px;
}

.header_scat {
	padding-left: 15px;
	font-size: 1.1em;
	font-weight: bold;
	background: #CCC;
	margin-left: -5px;
}
.action {
	float: right;
	font-size: 9px;
	color: #999;
	text-align: right;
}
.action a {color: #999;}

#subnow {margin-bottom: -2px;}
#subnow a {color: #000;}
#subnowinfo {background: #C5A81C; padding: 4px;}

.dashed {border: 1px dashed #999;}

.spotlight {padding: 5px;}
.spotlight h3 {
	color: #FFF; 
	font-weight: bold;
	font-size: 12px;
	display: block;
	padding: 2px 5px 3px 10px;
	background-image: url('../graphics/header_angle_bl.png'); background-repeat:no-repeat;
}
.spotlight p {
	border: 1px solid #999;
	padding: 10px;
	margin-top: -12px;
}

.wow .secondary {
	background: #E9E9E9; 
	text-align: center; 
	padding: 1px;
}

#rhcol .humor {
	background: url('../graphics/humor1.jpg') 120px 18px;
	background-repeat: no-repeat;
}
.humor .secondary {
	background: #E9E9E9; 
	text-align: center; 
	padding: 1px;
}

#dircrefnotice {
	margin: -5px -1px 8px 0px; 
	float: right; 
}


/* Search */
		.more {
			margin: 0px -8px;
			font-size: .9em; 
			color: #00f;
			text-decoration: underline;
			background-color: transparent;
			border: none;
			cursor: pointer;
			cursor: hand;
		}
		.label {text-align: right;  padding-right: 4px;}
		input {border: 1px solid #CCC;}
		.MultiCheckbox {width: 100%; height: 100px; padding: 0px; overflow: auto; border: 1px solid #CCC; font-size: .9em;}
		.active {color: #000;}
		.inactive {color: #999;}
#search {border: 1px solid #CCC;  width: 320px; margin: auto; font-size: 11px; padding: 8px; background: #EEE;}

#MemberAccountBar {width: 100%; position: fixed; background:#666; height: 20px; top: 0px; left: 0px; padding: 4px 22px; z-index:1; min-width: 940px; width: expression(document.body.clientWidth < 940? "940px": "auto" );}
#MemberAccountBarSearch {float: right; margin: -2px 40px 0px 0px;}
#SearchResultsType {width: 220px; font-size: 10px; background: #CCC; color: #FFF;}