/* RESET */
* {margin:0; padding:0; }

a img {border: 0}

table {border-collapse:collapse; border-spacing:0;}

q:before, q:after, blockquote:before, blockquote:after {content:"";}

label {font-weight: bold; color: #666}

ol, ul {list-style: none}

p {line-height: 18px; margin-bottom: 10px}
/* GLOBAL TOOLS */
.inner {width: 970px; margin: 0 auto; position:relative}
.clear {clear:both}
.left {float:left}
.right {float:right}
.width-container {position:relative; width:1000px; margin:0 auto; padding:0; z-index:10;}
.lir {display:block; height:0 !important; overflow:hidden;}
.hide {display:none;}
.block {display:block;}		
.relative {position:relative;}
.absolute {position:absolute; top:0;}
.float-left {float:left;}
.float-right {float:right !important;}
.clear-left {clear:left; float:left;}
.clear-right {clear:right; float:right;}
.block-wrapper {overflow: hidden; margin-bottom: 10px;}
.margin-bottom {margin-bottom: 10px !important;}
.margin-top {margin-top: 10px !important;}

.large_thumbnail {padding: 3px; border: solid 1px #aaa; background: #fff}
.thumbnail {padding: 1px; border: solid 1px #ccc}
a:hover .thumbnail {border: solid 1px #d90411}
a:hover .large_thumbnail { border: solid 1px #d90411}

/* CLEAR FIX */
.clear-fix:after {display:block; clear:both; content:" "; height:0; overflow:hidden;}
.clear-fix {display:inline-block;}

/* Hides from IE-mac \*/
	* html .clear-fix {height:1%;}
.clear-fix {display:block;}
/* End hide from IE-mac */
body { background: url('/public/img/bg_repeat.jpg') repeat; color: #333; font:12px Helvetica,Arial,Geneva,sans-serif;}

a {text-decoration: none; color: #666666; font-weight: normal}
a:hover {text-decoration: underline;}

h1 {}
h2 {position:relative}
h3 {position:relative}
	h3 span {position: absolute; right: 0; top: 8px; font-size: 12px; font-weight: normal}
h4 { color: #333}
h5 {font-size: 14px; color: #d90411;}

.generic_tabs {overflow: hidden; z-index: 2; position: relative}
	.generic_tabs ul li {float: left; padding: 10px; margin-right: 5px; border: solid 1px #ddd; background: #eee; border-bottom: 0;}
	.generic_tabs ul li.active {background: #fff; z-index: 9}


#background { position:relative; background: transparent url(/public/img/main_bg.jpg) top center no-repeat;}

#utility { background-color: #00667d; border-bottom: 5px solid #9bcc45; height: 40px; vertical-align: middle; }

#header { position:relative; height: 91px; margin: 0; padding: 10px 0; background: #bcbcbc url(/public/img/header-back.gif) repeat-x; border-right: solid 1px #c0c0c0; border-left: solid 1px #c0c0c0}

#nav-main {float: left; width: 690px; position: relative;}
.navigation {overflow:hidden}
	.navigation li {float: left; margin-right: 10px; background: #444 url(/public/img/navigation/nav-back.gif) repeat-x bottom; color: #9e9e9e; font-size: 18px; font-weight: bold; height: 40px; line-height: 40px; padding: 0 10px;}
	.navigation li a {color: #9e9e9e; font-weight: bold;}
	.navigation li.active {background: url(/public/img/navigation/nav-back-active.gif) repeat-x; border-top: solid 2px #9b9b9b; margin-top: -1px; z-index: 10}
	.navigation li.active a {color: #d90411}
	.navigation li.t3_link {padding: 0; height: 39px; lin-height: 39px;}
	
#logged_in {position: absolute; right: 0; top: 7px; color: #fff;}
#logged_in ul li {float: left; margin-left: 10px; line-height: 25px;}
#logged_in ul li a {color: #fff;}

#search {background: url(/public/img/navigation/nav-back-active.gif) repeat-x top; width: 288px; height: 19px; float: right; padding: 10px; border-right: solid 1px #c0c0c0; border-left: solid 1px #c0c0c0; position: relative; top: -1px; border-top: solid 1px #9b9b9b}
#search label {float: left; line-height: 20px; font-size: 14px; margin-right: 10px; color: #d90411; text-transform: uppercase; letter-spacing: -1px;	}
.searchfield {border: solid 1px #999;width: 197px; height: 16px; padding-top: 2px; padding-left: 3px; font-size: 11px; color: #777}
.searchbutton {position: absolute; right: 10px; top: 10px;}

#logo {background: url(/public/img/logo.gif) no-repeat; text-indent: -9999px; width:242px; height:55px; margin-top: 24px; margin-left: 10px; float: left;}
#logo a {display: block; width: 242px; height: 53px;}

#t3_logo {position: absolute; left: -82px; text-indent: -9999px; top: 10px; height: 82px; width: 81px; background: url(/public/img/t3_logo.gif) no-repeat}
#t3_logo a {display: block; height: 82px }

#leaderboard {float: right; margin-right: 10px; width: 728px; height: 90px}

#content {clear: both; position:relative; background: #d0d0d0; margin-top: 50px; overflow:hidden; padding: 10px;}
	#content-left { width: 670px; float: left; }
	#content-middle { display: none; }
	#content-right { width: 300px; float: right; margin-left: 10px;}
	
	#content-right h2 {border: solid 1px #525252; background: url(/public/img/h2_back.gif) repeat-x; text-indent: 10px; text-transform: uppercase; color: #fff; font-size: 12px; height: 28px; line-height: 28px;}

	.box-inner {overflow: hidden; border: solid 1px #a09a9a; border-top: 0; background: #eeeeee url(/public/img/main-box-back.gif) top repeat-x}
	.box-inner .more {border-top: solid 1px #a09a9a; height: 30px; line-height: 30px; text-align: right; padding: 0 10px; font-weight: bold;}
	.box-inner .more a {padding-left: 13px; color: #d90411; font-weight: bold; background: url(/public/img/more_arrow.gif) no-repeat 0 0px}
	.box-inner ul {padding: 10px;}

#breadcrumbs { height: 28px; width: 100%; line-height: 28px; background: url('/public/img/breadcrumbs-background.gif'); border: 1px solid #525252; }
#breadcrumbs ul { margin-left: 8px; }
#breadcrumbs ul li { display: inline; margin-right: 5px; background: url('/public/img/breadcrumb-square.gif') no-repeat left center;	padding-left: 11px;	}
#breadcrumbs ul li.first { background: none; }
#breadcrumbs ul li a { font-weight: bold; color: #fff; }

#news_feed {}
#news_feed ul {list-style: none;}
#news_feed ul li {background:transparent url(/public/img/breadcrumb-square.gif) no-repeat scroll 0 6px; padding: 2px 0 2px 10px; margin-bottom: 2px; color: #d90411; line-height: 15px;}
	
	#tag_cloud ul {text-align: center}
	#tag_cloud li {display: inline; height: 20px; line-height: 20px; margin-right: 5px;}
.size-1 {font-size: 11px}
.size-2 {font-size: 13px}
.size-3 {font-size: 16px}
.size-4 {font-size: 19px}
.size-5 {font-size: 22px}
	
#promos ul li {float: left; margin-right: 10px;}	
	#promos ul li.no_mar {margin: 0}
	
#footer {overflow: hidden; position:relative; background: #c8c8c8; padding: 20px 10px; color: #fff; width: 980px; margin: 0 auto 0 auto; border-top: solid 1px #afafaf}
#footer .inner {overflow: hidden}
#footer .footer_section {float: left; margin: 0 80px 10px 10px;}
#footer h5 {margin-bottom: 10px;}

#footer .footer_section li {line-height: 18px;}



#footer .footer_nav {width: 450px; overflow: hidden; float: left; margin-bottom: 10px;}
#footer .footer_nav li {list-style: inside disc; color: #9bcc45; width: 150px; float: left; padding: 2px 0}
#footer .footer_nav li a {color: #fff;}
#footer .footer_nav h3 {font-size: 12px; margin-bottom: 5px;}

#fut_footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E9E9E9;
overflow: hidden;
clear:both;
padding:0 0 10px 0;
text-align:left;
width: 1000px;
margin: 0 auto;
}
#future-logo {
float:left;
margin-left:10px;
margin-right:10px;
margin-top:10px;
}

#copyright {
float:left;
margin-top:10px;
color: #666;
}
#copyright p {margin: 0; line-height: 14px; font-size: 11px;}

#linkholder {
position:relative;
}
#fut_footer ul#weblinks {
position:absolute;
right:10px;
top:15px;
width:650px;
margin:0;
padding:0;
}

#fut_footer ul#weblinks li#footer_link_mr {
background-position:0 -28px;
width:83px;
}

#fut_footer ul#weblinks li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/public/img/footer_logo_spritesheet.gif) no-repeat scroll 0 0;
display:block;
float:right;
height:28px;
margin-right:5px;
overflow:hidden;
position:relative;
text-indent:-9999px;
}

#fut_footer ul#weblinks li a {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:100;
}
#fut_footer ul#weblinks li#footer_link_mr {
background-position:0 -28px;
width:83px;
}
#fut_footer ul#weblinks li#footer_link_mr a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/public/img/footer_logo_spritesheet.gif) no-repeat scroll 0 0;
}
#fut_footer ul#weblinks li#footer_link_t3 {
background-position:-81px -28px;
width:45px;
}
#fut_footer ul#weblinks li#footer_link_t3 a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/public/img/footer_logo_spritesheet.gif) no-repeat scroll -81px 0;
}
#fut_footer ul#weblinks li#footer_link_tr {
background-position:-134px -28px;
width:64px;
}
#fut_footer ul#weblinks li#footer_link_tr a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/public/img/footer_logo_spritesheet.gif) no-repeat scroll -134px 0;
}
#fut_footer ul#weblinks li#footer_link_gr {
background-position:-208px -28px;
width:68px;
}
#fut_footer ul#weblinks li#footer_link_gr a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/public/img/footer_logo_spritesheet.gif) no-repeat scroll -208px 0;
}
#fut_footer ul#weblinks li#footer_link_cn {
background-position:-275px -28px;
width:90px;
}
#fut_footer ul#weblinks li#footer_link_cn a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/public/img/footer_logo_spritesheet.gif) no-repeat scroll -275px 0;
}
#fut_footer ul#weblinks li#footer_link_dr {
background-position:-455px -28px;
width:86px;
}
#fut_footer ul#weblinks li#footer_link_dr a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/public/img/footer_logo_spritesheet.gif) no-repeat scroll -455px 0;
}
#fut_footer ul#weblinks li#footer_link_br {
background-position:-366px -28px;
width:85px;
}
#fut_footer ul#weblinks li#footer_link_br a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/public/img/footer_logo_spritesheet.gif) no-repeat scroll -366px 0;
}
#fut_footer ul#weblinks li#footer_link_tf {
background-position:-544px -28px;
width:81px;
}
#fut_footer ul#weblinks li#footer_link_tf a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/public/img/footer_logo_spritesheet.gif) no-repeat scroll -544px 0;
}



.paging-item { position: relative; /*border-bottom: solid 1px #ddd;*/ margin-bottom: 0; margin-top: 0; }
.paging-item .page-showing { color: #333; }
.paging-item .navigator { position: absolute; right: 0;	}
.paging-item .navigator li { display: inline; padding: 0 2px; }
.paging-item .navigator li.previous { border-right: 1px solid #eee;	}
.paging-item .navigator li.next { border-left: 1px solid #eee; }
.paging-item .navigator li a.active { text-decoration: underline; }

/* Old Styles */	
#log {
	position: relative;
	margin-top: 25px;
	padding-top: 10px;
	background-color: #FFFFFF;
	width: 970px;
	border-top: 2px solid #9F9F9F;
	color: #9F9F9F;
	font-size: 11px;
}
#log a { color: #9F9F9F; }
#log a, pre { padding:10px; }

/**
 * Form content definition
 * 
 * Below is all the styling regarding forms.
 * This should be uniform across the entire website, to get a good user experience.
 */

/* Layout */
.form-layout h2 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.form-layout form {}

.form-item {
	position: relative;
	margin-bottom: 5px;
	padding-left: 145px;
	padding-right: 21px;
}
	.form-item.rows {padding: 0 0 10px 0;}
	.form-item.rows-no-label {padding: 0px 21px 0 15px;}
	.form-item.column {padding-right: 80px;}
	.form-item.single-field {padding: 15px 23px 0 15px;}
	.ie6 .form-item.single-field {width: 90%;}
	
.form-fields {position: relative; clear: both; overflow: hidden;}
	.form-fields label {
		position: absolute;
		left: 10px;
		font-size: 12px;
		font-weight: normal;
		padding-top: 0;
		margin-right: 10px;
		vertical-align: middle;
	}
	.form-item.column span {
		position: absolute;
		right: 30px;
		top: 5px;
		font-weight: bold;
	}
	.form-item.column .form-fields input.checkbox {
		position: absolute;
		top: 3px;
		right: 11px;
	}

/* Input styling */
input.text {
	width: 97%;
	height: 20px;
	border: 1px solid #000000;
	padding: 3px 3px 0;
	font-size: 12px;
	background: #ebf3f5;
	border: 1px solid #8cbac5;
}
input.submit { }

form .row {
	padding: 3px;
	margin: 2px;
}

/* Validation and form feedback */
.validation {
	position: absolute;
	top: 20px;
	right: 0;
	width: 24px;
	padding-top: 24px;
}
.ie6 .validation {right: 10px;}
	.validation.ok { background: url('/public/img/forms/form-ok.gif') no-repeat; }
	.validation.error { background: url('/public/img/forms/form-error.gif') no-repeat; }
	.validation.warning { background: url('/public/img/forms/form-warning.gif') no-repeat; }
	.validation.none {background: none;}

.error-msg { font-size: 11px; }
	.error-msg span { font-weight: bold; color: #FF0000; }
	.error-msg p { display: inline; }

.form-response {
	display: none;
	min-height: 24px;
	padding: 6px 0 6px 36px;
	margin: 0 0 10px;		
	background: #ffe47f;
	border: 1px solid #f8d00d;
	font-weight: bold;
	vertical-align: middle;
}
	.form-success	{ background: #FFE47F url('/public/img/forms/form-ok.gif') no-repeat 6px 6px;	color: #2A6EBD; }
	.form-error		{ background: #FFE47F url('/public/img/forms/form-error.gif') no-repeat 6px 6px; color: #C10000; }
	.form-saving	{ background: url('/public/img/indicator.gif') no-repeat; display: none; height: 20px; padding-left: 20px;}
	
	
/* TINYMCE FIX */
.defaultSkin table.mceLayout {width: 100% !important}
.evisua-window {
	position: absolute;
	width: 300px;
	top: 20px;
	left: 20px;
	border: solid 10px #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.evisua-window .window-title .window-header-title {
		position: relative; top: 0; left: 0;
		}

.evisua-window label {
		font-weight: bold;
		color: #666;
		display: block;
		padding-bottom: 5px;
		}
.evisua-window #login-remember {float: left; line-height: 34px; font-size: 11px;}
	.evisua-window .window-title {
		position: relative;
		height: 30px;
		background: #00667d;
		margin: 0;
		border-bottom: 5px solid #9BCC45;	
	}
		.evisua-window .window-top-left, .evisua-window .window-top-right {
			width: 6px;
			height: 29px;
		}
		
		.evisua-window .window-top-left {left: -1px; background: url() repeat-x 0 0 }		
		.evisua-window .window-top-right { right: -1px; background: url() repeat-x 0 -58px; }
	
		.evisua-window .window-title .window-header-title {
			display: block;
			font-weight: bold;
			color: #fff;
			height: 30px;
			line-height: 30px;
			padding: 0 10px;
		}

	.evisua-window .window-middle-left {
		background: #FFFFFF url() repeat-y left;
		padding: 10px;
		border: solid 1px #ddd;
	}

	.evisua-window .window-middle-left input.text {
		width: 320px;
	}

	.evisua-window .window-middle-right {
		background: url() repeat-y right;
	 
	}
		.evisua-window .window-body {
			position: relative;
			width: 100%;
			
		}
		
		html>body .evisua-window .window-body {
			width: auto;
		}		
		
		/* this is for the disappearing caret bug in input fields above overflow: elements */
		body.mozilla .evisua-window .window-body {
			
		}
		/* +1 px to make up for the overflow: auto in ff */
		body.mozilla .evisua-window .window-middle-right {
			
		}

		.evisua-window .window-buttons {
			height: 34px;
		}
			.evisua-window .window-button {
				float: right;
				clear: none;
				margin: 6px 0 0 10px;
				background: #00667D;
				padding: 7px 10px;
				color: #fff;
				font-weight: bold;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
			}
			
			.evisua-window .window-button.left {
				float: left;
				clear: none;
				margin: 6px 0 0 6px;			
			}
			
			.evisua-window .align-left {float: left; margin-left: 6px;}
			.evisua-window .align-right {float: right;}
	
	.evisua-window .window-bottom {
		margin: 0;
		position: relative;
		height: 0px;
		background: #fff;
		display: none;
	}
		.evisua-window .window-bottom-left, .evisua-window .window-bottom-right {
			width: 8px; 
			height: 8px;
		}
		
		.evisua-window .window-bottom-left {
			left: -1px; 
			background: url() no-repeat 0 0;
		}
		
		.evisua-window .window-bottom-right {
			right: -1px; 
			background: url() no-repeat 0 -8px;
		}
div.evisua-ac-container {
	background-color: #FFFFFF;
	border: 1px solid #ddd;
	overflow-x: hidden;
	position: relative;
	width: 240px !important;
}

div.evisua-ac-container.ac-loading {
	background : url('/public/img/indicator.gif') right center no-repeat;
}

input.evisua-ac-input {
	background: transparent;
	border-width: 0;
	height: 17px;
	padding: 3px 3px 0;
}

div.evisua-ac-trigger {
	position: absolute;
	right: 0;
	top: 1px;
	overflow: hidden;	
	cursor: pointer;
	height: 18px;
	width: 18px;
	background: url('/public/img/plugins/autocomplete-trigger.png') 0 0 no-repeat;
}

div.evisua-ac-trigger.hover, div.evisua-ac-trigger.active {
	background: url('/public/img/plugins/autocomplete-trigger.png') 0 -18px no-repeat;
}

input.evisua-ac-input.empty {
	color: gray;
}

ul.evisua-ac-results {
    position: absolute;
    overflow-y: auto;
	overflow-x: hidden;
    background-color: #fff;
    border: 1px solid #aaa;
    margin: 0px;
    padding: 0;
    list-style: none;
    color: #333;
	z-index: 2000000;
	
	cursor: pointer;
}

ul.evisua-ac-results li { 
  display: block;
  position: relative;
  padding: 5px; 
  overflow: hidden;
  border-bottom: 1px solid #E7E7E7;
}

ul.evisua-ac-results li.active { 
  background-color: #E7E7E7;
}

ul.evisua-ac-results li.evisua-ac-result-last {border-bottom: none;}