html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
.hide, [hidden] { display: none; }
body {
    min-width:1024px;
    margin:0;
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
a:link, a:active, a:visited, .fkLnk {
	color: #4183C4;
	text-decoration: none;
}
a:hover, .fkLnk:hover {
	color: #4183C4;
	text-decoration: none;
}
a img {border:none;}
.button {width:auto; cursor:pointer; padding:8px 12px; border:1px solid #2c2c2c; background-color:#00688B; color:#fff !important; font-weight:bold;}
.fkLnk {
    cursor: pointer;
}
.center-width {
	width: 1000px;
	margin: 0 auto 0 auto;
}
.right {float:right;}
.left {float:left;}
#rootHeader {
	background: #4b4b4b;
	clear: both;
	/*height: 182px;*/
}
#topBar {
    height: 35px;
    border-bottom: 1px solid #3d3d3d;
    background: #2c2c2c;
}
#topLinks {
    float: left;
    margin: 0 0 0 26px;
    text-shadow: 1px 1px 1px #111;
}
#topLinks a {
    display: block;
    border-left: 1px solid #444;
    padding: 0 15px 0 15px;
    float: left;
    margin: 12px 0 0 0;
}
#topLinks a:first-child {
    border: none;
    padding-left: 0;
}
#topLinks a:link, #topLinks a:active, #topLinks a:visited {
    color: #787878;
    text-decoration: none;
}
#topLinks a:hover {
    /*color: #b71c26;*/
    color:#fff;
    text-decoration: none;
}
#socialLinks {
    float: right;
    margin-right: 17px;
}
#socialLinks a {
    float: left;
    width: 16px;
    height: 16px;
    margin: 9px 0 0 10px;
    /*background-image: url(../img/sprite.png);
    background-repeat: no-repeat;*/
}
#facebookLink {
    background-position: left top;
}
#youtubeLink {
    background-position: -26px top;
}
#twitterLink {
    background-position: -51px top;
}/*
#bottomBar {
    clear: both;
    border-top: 1px solid #000;
    height: 144px;
}*/
#bottomBar{padding-bottom:14px;border-bottom:solid 1px #151515;background-color:#2D2E2E;background:-moz-radial-gradient(center,ellipse cover,rgb(76,78,78) 0%,rgb(45,46,46) 70%);background:-webkit-gradient(radial,center 0,0px,center 0,100%,color-stop(0%,rgb(76,78,78)),color-stop(70%,rgb(45,46,46)));background:-webkit-radial-gradient(center 0,ellipse cover,rgb(76,78,78) 0%,rgb(45,46,46) 70%);background:-o-radial-gradient(center 0,ellipse cover,rgb(76,78,78) 0%,rgb(45,46,46) 70%);background:-ms-radial-gradient(center 0,ellipse cover,rgb(76,78,78) 0%,rgb(45,46,46) 70%);background:radial-gradient(center 0,ellipse cover,rgb(76,78,78) 0%,rgb(45,46,46) 70%);}
#logoArea{ margin-left:26px;}
#logo {
    display: block;
    float: left;
    margin-top: 30px;
    text-decoration:none;
}
#loggedStatus {
    float: right;
    margin:58px 17px 0 0;
    padding:10px 10px 10px 50px;
    background:url('../images/cfid-small.png') #000 no-repeat 8px center;
    -moz-box-shadow: 0 0 5px 3px #2e2e2e;
    -webkit-box-shadow: 0 0 5px 3px #2e2e2e;
    box-shadow: 0 0 5px 3px #2e2e2e;
    text-align: right;
    font-size:14px;
}
#loggedStatus a, #loggedStatus .fkLnk {
    color:#787878;
}
#loggedStatus a:hover, #loggedStatus .fkLnk:hover {
	color: #fff;
    text-decoration:none;
}
.cf-form a, .cf-form .fkLnk {
    color:#4183C4 !important;
}
#mh_login {font-size:20px;}
#mh_username {color:#fff; font-size:16px; font-weight:bold; display:block;}
#mh_ulinks {font-size:12px;}

footer {background: #000;}
#topFooter{background:#222425; height:147px;}
#logoFooter{float:right; margin:29px 43px 0 0;}
#bottomFooter{height:100px;}
#copyright {color:#999; float:left; font-size:10px; margin:18px 0 0 17px;}
#footerLinks {float:right; margin:17px 17px 0 0;}
#footerLinks a {margin-left:25px; color:#787878}
#footerLinks a:hover {text-decoration:none; color:#fff}

.error {background-color:#FFEEEE; border:1px solid #CC0000; padding:5px; margin:10px 0;}
.wrap {width:100%; overflow:auto;}

.cf-form {font:12px Arial,sans-serif;}
.cf-form.reg {margin:0 auto; width:400px;}
.cf-form .form-row {margin-bottom:10px; width:auto;}
.cf-form .form-row label {display:block; color:#333;}
.cf-form .form-row .column {float:left;margin-right:20px;}
.cf-form input {width:280px; padding:6px 8px; font-size:12px; border:1px solid #ccc; border-radius:3px;}
.cf-form input.button {width:auto;}
.cf-form select {border:1px solid #c8c8c8; font-size:12px; padding:4px;}
.cf-form input.short {width:121px;}
.cf-form .chkAlign {display:block; padding-left:15px; text-indent:-15px;}
.cf-form .chkAlign input {width:13px; height:15px; padding:0; margin:0; vertical-align:bottom; position:relative; top:-1px; *overflow:hidden;}
.cf-form .error {width:286px; font-size:12px;}
.cf-form .forgot {padding-left:10px; font-size:12px;}

#modal .cf-form {font-size:12px; width:auto;}
#modal .cf-form input{font-size:12px;}
#modal .cf-form select{font-size:12px;}

.cf #main { color:#000; 
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ccc), color-stop(25%, #e2e2e2), color-stop(75%, #e2e2e2), color-stop(100%, #ccc));
    background-image: -webkit-linear-gradient(left center, #ccc, #e2e2e2 25%, #e2e2e2 75%,#ccc);
    background-image: -moz-linear-gradient(left center, #ccc, #e2e2e2 25%, #e2e2e2 75%,#ccc);
    background-image: -o-linear-gradient(left center, #ccc, #e2e2e2 25%, #e2e2e2 75%,#ccc);
    background-image: linear-gradient(left center, #ccc, #e2e2e2 25%, #e2e2e2 75%,#ccc);
    background-color:#e2e2e2;
    padding-top:10px;
}
#login-full {width:810px; min-height:600px; margin:0 auto; padding:20px 0 60px;}
#login-combo {float:left;}
#create-combo {float:left; padding-left:50px;}

#login-games {width:780px; padding-right:30px; margin:20px auto 0;}
#login-games div {width:615px; padding-left:20px;}
#login-games p {margin:0; font-size:16px;}

#overlay {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

#modal {
    position:absolute;
    background:url(../images/tint20.png) 0 0 repeat;
    background:rgba(0,0,0,0.2);
    border-radius:14px;
    padding:8px;
    z-index:1002;
}

#modal-content {
    border-radius:8px;
    background:#e2e2e2;
    padding:20px;
    color:#333;
}

#modal-close {
    position:absolute;
    background:url(../images/modal-close.png) 0 0 no-repeat;
    width:24px;
    height:27px;
    display:block;
    text-indent:-9999px;
    top:-7px;
    right:-7px;
}

.mgrid {background-color:#D8D8D8;}
.mgrid .content {float:left; width:660px; margin-top:35px;}
.mgrid .sidebar {float:right; width:300px; margin:35px 20px 0 0; background:#F2F2F2;}
.mgrid .main-header {height:53px; background: url("/cf/images/header-dots.png") repeat-x scroll left 8px #F2F2F2; margin-bottom:30px;}
.mgrid .main-header h1 {float:left; padding:6px 5px 0 20px;color:#CC0033; font-size:34px; margin:0; background:#F2F2F2; }

.mgrid .header {height:35px; background: url("/cf/images/sidebar-dots.png") repeat-x scroll right 9px transparent;}
.mgrid .header h1 {float:left; margin:0; padding:4px 18px 0 20px; background:#C41230; font-size:26px;}

.mgrid .box {position:relative; margin:0 0 40px 20px; padding:20px; background:#e3e3e3; border:1px solid #949494; color:#333;}
.mgrid .box .add-padding {padding:20px;}
.mgrid .box.dark {color:#fff; background-color:#292929; background-image: -moz-linear-gradient(center bottom , #5A5959 0%, #292929 100%);}
.mgrid .sidebar .box {font-size:12px; margin:0; background:transparent; border:0;}

.mgrid .sidebar .box ul {
    list-style: none outside none;
    margin: 15px 0;
    padding: 0;
}
.mgrid .sidebar .box ul li {
    border-bottom: 1px dotted #BCBCBC;
    margin: 0;
    padding: 7px 0 6px;
}
.mgrid .sidebar .box ul li:first-child {border-top: 1px dotted #BCBCBC;}