#container {background-color: #fff; width: 1020px; margin: 0px auto 0px auto; padding-bottom: 0px; height: 100%;}

/* Header */
#header { margin: 0 auto;}
#header ul { margin: 0.7em 1em 0 0 !important; margin: 0.7em 0.5em 0 0; padding: 0; float: right; }
#header ul li { display: inline; list-style: none; }
#header ul li a { float: left; padding: 0 1em; font: 400 1.1em arial, sans-serif; letter-spacing: 0.1em; line-height: 0.8em !important; line-height: 1em; color: #000; border-right: 1px solid #4D5760; }
#header ul li a.last { padding-right: 0; border-right: 0; }
#header ul li a:hover { color: #cccccc; }
#loginDiv {margin-bottom: 0px; padding-bottom: 0px;}
#loginDiv form {margin: 10px; }
#loginDiv .input {width: 200px;}
#headerImg { margin: 0 auto 20px auto; height: 100px; background: url(../images/logo.png) no-repeat left;}


/* Sizes */
.width { width: 1020px; }
.widthPad { width: 1010px; }
.width20 { width: 20%; }
.width25 { width: 24%; }
.width50 { width: 48%; }
.width73 { width: 73%; }
.width75 { width: 75%; }
.width100 { width: 100%; }

/* Box Headers */
.bgblue { background: url(../images/bg/hdr_blue.jpg) repeat-x top left; margin-bottom: 0px; }
.bglightblue { background: url(../images/bg/hdr_lightblue.jpg) repeat-x top left; margin-bottom: 0px; }
.bggreen { background: url(../images/bg/hdr_green.jpg) repeat-x top left; margin-bottom: 0px; }
.bgorange { background: url(../images/bg/hdr_orange.jpg) repeat-x top left; margin-bottom: 0px; }
.bgdarkorange { background: url(../images/bg/hdr_darkorange.jpg) repeat-x top left; margin-bottom: 0px; }
.bgmaroon {background-color: #990000; margin-bottom: 0px; border-bottom:2px solid #666666;}

/* Footer */
#footer { width: 100%; height: 5em;}
#footer #bg { position: relative; height: 5em; margin: 0 auto; }
#footer #bg ul { float: right; margin: 3em 1em 0 0 !important; margin: 3em 0.5em 0 0; padding: 0; }
#footer #bg ul li { display: inline; list-style: none; }
#footer #bg ul li a { float: left; padding: 0 1em; font: 500 1em arial, sans-serif; letter-spacing: 0.1em; line-height: 0.8em !important; line-height: 1em; color: #4D5760; border-right: 1px solid #4D5760; }
#footer #bg ul li a.last { padding-right: 0; border-right: 0; }
#footer #bg ul li a:hover { color: #cccccc; }
#footer #bg img { position: absolute; top: 6%; left: 10px; }

/* Sponsors */
#sponsors { background-color: #EEE; border-top: 2px solid #CCC; border-bottom: 1px solid #CCC;}
#sponsors a {margin: 10px;}
#sponsors .whitebanner {border: 1px solid #CCC; padding: 5px; background-color: #fff;}

/* Stats */
.stat {color: #FB9202; }

/* Competitions */
.countdown {margin-left: 25px; margin-top: -5px; display: block; color: #426F85;}
#compobuttons {padding: 10px; border: 1px solid #EEE }
#compobuttons .button {margin-right: 10px;}
.opennow {color: #64B920; font-weight: bold; margin-left: 25px; margin-top: -5px; display: block;}

/* Profile */
#profileDiv { margin-top: 10px; }
#profileDiv ul { margin-left: 20px; padding-left: 0; }
#profileDiv ul li {margin-bottom: 10px;}
#profileDiv ul a {text-decoration: underline;	display: block; margin-bottom: 5px; font-weight: bold; font-size: 110%; }
.avatar_left {width: 180px; margin-top: 10px; float: left; }
.avatar_upload {width: 250px; float: right; margin-top: 10px; padding-left: 10px;}
#upload_progress {display: none; margin: 5px 0 0 0; width: 100%; height: 60px; text-align: center; font: 10px Verdana, sans-serif; }
#avatar_undo {margin-left: 140px; display: none; position: absolute; }
#avatar_undo a {color: Blue; font-weight: bold;}
#avatar_undo a:hover {text-decoration: none;}
#avatar_edit {margin: 0; padding: 0; display: none;}
#avatar_edit .links { margin: 10px 0px 0px 30px; padding: 0; }
#p_collection {margin-top: 5px;}
#avatar_collection { clear:both; width: 467px; margin-top: 20px; padding: 5px 5px 5px 0; display: none;}
#avatar_collection a {float: left; padding: 3px; border: 1px solid rgb(200,200,200); margin-left: 10px; margin-bottom: 10px;} 
#avatar_collection a:hover {border: 1px solid #fe6600;}
.avatar_footer {clear:both; margin-top: 10px; padding: 2px; width: 100%; }
.editor_field {font: 10px Verdana, sans-serif; width: 200px; height: 14px; background: none; padding: 1px;}
.editor_ok_button { padding: 2px 5px; font: 400 0.9em verdana, serif; cursor: pointer; color: #fff; background: url(../images/bg/hdr_orange.jpg) repeat-x bottom left; height: 17px; margin-left: 5px; vertical-align: top; }
.editor_cancel_button {font: 10px Verdana, sans-serif; height: 19px; background-color: #fff; color: #666; border: 1px solid #CDCDCD; margin-left:1em; width: 50px;}
form.inplaceeditor-form {display: inline;}
.profile_ddmm { margin-left: 10px; width: 20px; height: 14px; vertical-align: middle; background: url(../images/shadow.gif); }
.profile_yy { margin-left: 10px; width: 40px; height: 14px; vertical-align: middle; background: url(../images/shadow.gif); }
div.auto_complete { position: absolute; width: 200px; background-color: white; border: 1px solid #888; margin: 0px; padding: 0px; display: none; }
div.auto_complete ul { border: 1px solid #888; margin: 0; padding: 0; width: 100%; list-style-type: none; }
div.auto_complete ul li { margin: 0; padding: 2px; line-height: 16px; }
div.auto_complete ul li.selected { background-color: #ffb; }
div.auto_complete ul strong.highlight { color: #800; margin: 0; padding: 0; } 
#span_settings_email, #span_settings_correspondence { text-decoration: underline; cursor: pointer; }

/* Team */
#teamDiv { margin-top: 10px; }
#teamDiv ul { margin-left: 20px; padding-left: 20px; }
#teamDiv ul li {margin-bottom: 10px;}
#teamDiv ul a {text-decoration: underline;	display: block; margin-bottom: 5px; font-weight: bold; font-size: 110%; }

.infobox {
	background: #F8FAFC url(../images/information.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	}
	
.errorbox {
	background: #fff6bf url(../images/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}

/* Grid */
#grid {margin-top: 0; padding: 10px 0px 0px 0px;}
#grid input {margin-bottom: 20px; }
#grid input.radio {margin-bottom: 0px; padding: 0px; }
#grid input.filter {width: 150px; }
#grid table {width: 100%; background-color: #fff;}
#grid .hdr {color: #2E6AB1; color: #000; font-weight: bold;}
#grid .smhdr {background-color: #eee;}
#grid .closed {background-color: #dddddd;}
#grid td {padding: 2px 0px 2px 5px;}
#grid td.r {text-align: right;}
#grid td.l {text-align: left;}
#grid td.c {text-align: center;}
#grid td.bl {border-left: 1px solid #C5C5C5;}
#grid td.bb {border-bottom: 1px solid #C5C5C5;}
#grid td.br {border-right: 1px solid #C5C5C5;}
#grid td.bt {border-top: 1px solid #C5C5C5;}
#grid td.sr {color: Blue; text-decoration: underline;}
#grid td.w {background-color: #64B920; color: #fff; font-weight: bold;}
#grid td.d {background-color: Orange; color: #fff; font-weight: bold;}

/* Pagination */
#pages {margin: 20px 0 0 0px; color: #333; height: 60px;}
#pages a, #pages span { display: block; float: left; padding: 0.1em 0.4em; margin-right: 0.1em; border: 1px solid #fff; background: #fff; color: #2E6AB1; }
#pages span.current { border: 1px solid #2E6AB1; font-weight: bold; background: #2E6AB1; color: #fff; }
#pages a { border: 1px solid #9AAFE5; text-decoration: none; }
#pages a:hover { border-color: #2E6AB1; }
#pages a.nextprev { font-weight: bold; }
#pages span.nextprev { color: #666; }
#pages span.nextprev { border: 1px solid #ddd; color: #999; }	

a.lightTheme img, a.darkTheme img, a.submitButton img { width: 20px; height: 20px; vertical-align: middle; }
a.lightTheme img { background: url(../images/icons/light_light_theme.gif) no-repeat center center; }
a.darkTheme img { background: url(../images/icons/light_dark_theme.gif) no-repeat center center; }
a.submitButton img { background: url(../images/icons/light_submit.gif) no-repeat center center; }
.post { float: left; width: 100% !important; width: 99%; position: relative; margin-bottom: 1.5em; border-bottom: 1px solid #CCCCCC; }
.post .date { position: absolute; top: 0; left: 5px; width: 2.3em; text-align: right; }
.post .date .month { text-transform: uppercase; font: 700 1.0em arial, sans-serif; color: #888; }
.post .date .day { display: block; margin-top: -5px; font: 700 2.1em arial, sans-serif; color: #888; }
.post .title { display: block; padding: 0 0 5px 0; font-size: 1.2em; font-weight: bold; color: #586B7A; }
.post p { margin: 0 0 0 3.5em; padding: 0 0 1em 1.2em; border-left: 1px solid #CCCCCC; }

ul.submenu1, ul.submenu2, ul.contactus, ul.menu, ul.compos, ul.stats, ul.leaderboard { margin: 10px 0 0 0; padding: 0; }
ul.submenu1 li, ul.submenu2 li, ul.contactus li, ul.menu li, ul.compos li, ul.stats li, ul.leaderboard li { margin: 0; padding: 0; list-style: none; list-style-image: url(../images/_.gif); }
ul.submenu1 li a, ul.submenu2 li a, ul.contactus li a, ul.menu li a, ul.compos li a, ul.stats li, ul.leaderboard li a { display: block; height: auto !important; /* Start hide from IE Mac \*/ height: 1%; /* End hide from IE Mac */ padding: 1px 5px 1px 20px; }
ul.submenu1 a:hover, ul.compos a:hover, ul.leaderboard a:hover { color: #426F85; }
ul.submenu2 li a { color: #426F85; }
ul.submenu2 a:hover { color: #426F85; }
ul.menu {margin-top: 2px;}
ul.menu li a { padding: 5px; font: 400 1.1em arial, sans-serif; font-weight: bold; letter-spacing: 0.1em; line-height: 1em !important; line-height: 1em; border-bottom: 1px dashed #ccc; }
ul.compos li a { padding: 5px; }
ul.leaderboard li a {padding: 2px; border-bottom: 1px dashed #ccc; }
ul.status li {padding: 5px;}
ul.menu li a.last, ul.compos li a.last { border-bottom: none;}

.block { display: block; }
.clear { clear: both; }
.marginRight { margin-right: 15px; }
.marginLeft { margin-left: 15px; }
.marginLeft10 { margin-left: 10px; }
.marginRight10 {margin-right: 10px;}
.marginTop { margin-top: 20px; }
.marginBottom { margin-bottom: 20px; }
.marginTop10 { margin-top: 10px; }
.paddingLeft { padding-left: 5px; }
.paddingRight { padding-right: 5px; }
.paddingBottom { padding-bottom: 10px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignTop { vertical-align: top; }
.alignMiddle { vertical-align: middle; }
.alignBottom { vertical-align: bottom; }
.lightBg { background-color: #EEEEEE; }
.dark { color: #353E47; }
.light { color: #999999; }
.block { display: block; }
.boxBorder {padding-bottom: 10px; border-left: 1px dashed #CCC; border-right: 1px dashed #CCC; border-bottom: 1px dashed #CCC;}
.green { color: Green; }
.red { color: Red; }
div.search-bar {clear: both; text-align: center; margin: 0; padding: 0}
div.search-bar fieldset {background: #ffffff; border-top-color: #fffff; background: url(../images/bg/filter.gif) repeat-x scroll left top; background-color:#EFEFEF; border-color:#CCCCCC; border-left:medium none; border-right:medium none; padding:10px 0pt;}