body {
	font-size: 11px;
	background: url(/skins/iGraphic/images/back.gif) #0c0c0c repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	}
a {
	color : #666666;
	text-decoration : none;
}

a:hover {
	color : #336699;
	text-decoration : underline;
}

h1 {font-size: 7px}

h3 {border-bottom: 1px solid #999999; width: 95%;}

img {border: 0;}

.thumbs {border: 1px solid #CCCCCC; padding: 3px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95); -moz-opacity: 0.9;}
.thumbs:hover {border: 1px solid #336699; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;}

#square {padding-bottom: 30px; margin-left: -10px}
#square ul {list-style: none; width: 100%;}
#square li {float: left; width: 240px; height: 205px;}

#menu{
	width:480px;
	margin:0px;
	float: right;
	padding-top: 10px;
	}
	#menu ul{
		list-style:none;
		margin-top: 11px;
		margin-left: 20px;
	}
		#menu li{
			list-style:none;
			display:block;
			float:left;
			height: 15px;
			text-align:center;
			margin:0 1px;
		}
			#menu li a{
				display:block;
				float:left;
				font-weight:bold;
				color:#fff;
				padding: 8px;
				text-decoration:none;
				text-transform:uppercase;
			}
				#menu li a:hover{
					text-decoration:none;
				}
			#menu li a.red{
				background:#c40d0b;
			}
				#menu li a:hover.red{
					background:#eb2321 none;
				}
			#menu li a.orange{
				background:#f26522;
			}
				#menu li a:hover.orange{
					background:#ff8044 none;
				}
			#menu li a.yellow{
				background:#e4c016;
			}
				#menu li a:hover.yellow{
					background:#f5cf1d none;
				}
			#menu li a.white{
				background:#d3d49d;
			}
				#menu li a:hover.white{
					background:#dfe0b1 none;
				}

#pages {text-align: right; padding: 8px; padding-top: 15px;}
#full {width: 770px; background-color:#FFFFFF;margin-left: auto; margin-right: auto;}
#header {background: #f5f5f5; height: 110px;}
#logo {float: left; padding-left: 10px; padding-top: 10px; width: 30%;}
#left {float: left; width: 25%; background: url(/skins/iGraphic/images/left-bg.gif) repeat-y; padding: 5px;}
#content {float: right; width: 750px; background-color: #FFFFFF; padding: 10px;} /* width: 73%; */
#statsleft {float: left; width: 250px;}
#statsright {}
#footer {font-size: 10px; color: #CCCCCC; background-color:#0c0c0c; height: 30px; clear: both}
#footer a {color: #FFF;}

#overall {border-top: #f1f1f1 1px solid; padding-top: 5px; margin-top: 10px;}
#ranko {float: left; width: 8%; font-size: 26px; text-align: center}
#thumb {float: left; width: 23%}
#info {float: left; width: 69%}

#stats {color: #333333; font-size: 12px; line-height: 18px;}
#stats span {width: 95px; display: block; float: left; font-weight: bold;}

#user_cpl_left {font-weight: bold; font-size: 12px; border-bottom: #CCCCCC 2px solid; margin-bottom: 10px;}

#clear {clear: both}


/* TOOL TOP  http://lixlpixel.org/css_tooltip/ */

#tooltip {
    padding: 4px;
    background: #000;
    border: 1px solid #eee;
    font-size: 99%;
	color: #FFFFFF;
	width: 252px;
	text-align: left;
}

span.tip {
    
}