html { height: 100%; overflow-y: scroll; }

body {
	margin:0px 0px 30px 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#868686;
	background-image:url(http://longarmchat.com/_images/Body_BG.gif); background-position:center; background-repeat:repeat-y;
}
.clear-fix {
		overflow:hidden;
		width:100%;
		padding:0;
}
a { color:#888; }
a:hover { color:#CCC; }

#MainContainer { background-image:url(http://longarmchat.com/_images/Body_BG.gif); background-position:center; background-repeat:repeat-y;  }

img{ border: none; }
form { margin:0px; }

#LoginLine { background-color:#273b49; color:#FFF; padding:6px 15px; text-align:right; border-bottom:1px solid #2c4354; }
#LoginLine a { color:#b1d83d; text-decoration:none; font-weight:bold; }
#LoginLine a:hover { color:#7aa200; text-decoration:none; font-weight:bold; }

#LoginForm { background-color:#384c5a; color:#FFF; padding:10px 10px 10px 100px; display:none; }
#LoginForm h3 { font-size:18px; margin:0px; }
#LoginForm a { color:#b1d83d; text-decoration:none; font-weight:bold; }
#LoginForm a:hover { color:#7aa200; text-decoration:none; font-weight:bold; }
#LoginForm p { color:#FFF; }

#Header {
	color:#FFF;
	background-image:url(http://longarmchat.com/_images/Header_BG.gif);
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

#HeaderLinks { padding-top:7px; text-align:center; }
#HeaderLinks a { color:#FFF; text-decoration:none; padding:5px 22px; font-size:19px; margin:3px;  }
#HeaderLinks a:hover { color:#FFF; font-size:19px;background-color:#374b59; padding:5px 22px; border:3px solid #2c4354; margin:0px; }

#HeaderNav { padding-left:15px; height:32px; text-align:center; background-color:#1d3140; font-family:Arial, Helvetica, sans-serif; }
#HeaderNav a { color:#FFF; font-size:18px; float:left; padding:5px 15px; text-decoration:none; }
#HeaderNav a:hover { background-color:#6f9400; padding:5px 15px; }

#HeaderLogged { padding-top:7px; padding-right:7px; text-align:right; font-size:14px; }
#HeaderLogged a { color:#FFF; text-decoration:none;  }
#HeaderLogged a:hover { color:#FFF; background-color:#374b59; }

#Footer { margin-top:60px; color:#000;padding:10px 15px 10px 15px; text-align:center; }

#FeatureBoxes { width:840px; margin-left:16px; height:300px; padding-top:10px; }
div.FeatureBox { float:left; width:400px; margin:8px;  height:120px; background-image:url(http://longarmchat.com/_images/FeatureBox_BG.gif); background-repeat:no-repeat; }
div.FeatureBox h3 { margin:0px; font-size:16px; font-weight:bold; padding:15px 5px 0px 17px; color:#1d3140; }
div.FeatureBox p { margin:0px; padding:10px 18px 0px 17px; }

#Breadcrumbs { font-size:12px; width:100%; float:left; margin-left:1px; padding-bottom:8px; } 
#Breadcrumbs a:link { float:left; display:block; color:#000; padding:1px 7px;border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF; text-decoration:none; background-image:url(http://longarmchat.com/_images/DataGrid_HeaderOff.gif); }
#Breadcrumbs a:active { float:left; display:block; color:#000; padding:1px 7px;border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF; text-decoration:none; background-image:url(http://longarmchat.com/_images/DataGrid_HeaderOff.gif); }
#Breadcrumbs a:visited { float:left; display:block; color:#000; padding:1px 7px;border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF; text-decoration:none; background-image:url(http://longarmchat.com/_images/DataGrid_HeaderOff.gif); }
#Breadcrumbs a:hover { float:left; display:block; color:#000; padding:1px 7px;border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF; text-decoration:none; background-image:url(http://longarmchat.com/_images/DataGrid_HeaderOn.gif); }


div.pagination {
	padding:3px;
	margin:3px;
	text-align:right;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #88AF3F;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #85BD1E;
	color: #638425;
	background-color: #F1FFD6;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #B2E05D;
	font-weight: bold;
	background-color: #B2E05D;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

div.pagination span.next {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

div.pagination span.previous {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}