/* 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}

fieldset {border: 0;}

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 */
html {height: 100%}
body { background: url('/public/img/bg_repeat.jpg') center top; color: #333; font:12px Helvetica,Arial,Geneva,sans-serif; height: 100%}

a {text-decoration: none; color: #d31d23; font-weight: normal}
a:hover {color: #e37600}

h1 {}
h2 {position:relative; text-align: left}
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: #333;}

.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}


.vsmall_thumb {width: 40px; float: left; margin-right: 10px; padding: 2px; background: #fff; border: solid 1px #aaa;}
.vsmall_thumb:hover {border: 1px solid #E37600;}

#background {overflow: hidden;  position:relative; background: url(/public/img/main_bg.gif) 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 0 0 0; padding: 10px 0; background: url(/public/img/header-ba/ck.gif) repeat-x;}

#nav-main {position: absolute; left: -10px; width: 1020px; background: url(/public/img/navigation/nav_back.png) no-repeat; position: relative; padding-top: 10px; height: 40px}
.navigation {overflow:hidden; padding: 0 10px;}
	.navigation li {float: left; margin-right: 0px; color: #9e9e9e; font-size: 18px; font-weight: bold; height: 40px}
	.navigation li a {color: #fff; font-weight: bold; display: block; padding: 11px 10px 9px 10px;}
	.navigation li:hover {background: url(/public/img/navigation/nav_over_l.gif) no-repeat left;}
	.navigation li a:hover {color: #E37600; background: url(/public/img/navigation/nav_over_r.gif) no-repeat right;}
	.navigation li.active {background: url(/public/img/navigation/nav_over_l.gif) no-repeat left;}
	.navigation li.active a {background: url(/public/img/navigation/nav_over_r.gif) no-repeat right;}
	.navigation li.t3_link {padding: 0; height: 39px; line-height: 39px;}
	
	.social {position: absolute; right: 10px; top: 13px;}
	.social li {float: right; margin-left: 5px;}
	
#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;}

#big_search, .search_features {border: solid 1px #aaa; background: url(/public/img/search_back.gif) repeat-x bottom; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.search_features {margin-bottom: 10px;}
ul.letters {padding:10px 0}
ul.letters li {float: left; font-size: 13px; margin-right: 0px;text-transform: uppercase}
ul.letters li a {padding: 2px 4px; font-weight: bold}
ul.letters li a:hover {background: #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px}

.number {text-align: center; line-height: 32px;height: 30px; width: 30px; float: left; background: url(/public/img/buttons/circle_back.png) no-repeat; color: #D31D23; font-weight: bold; font-size: 22px; margin-right: 10px;}

.list_features {background: #fff; padding: 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.jump_features {border: solid 1px #aaa; background: #e2e2e2 url(/public/img/box-inner_back.gif) repeat-x bottom; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.admin .search_features fieldset, .admin .jump_features fieldset {background: none; padding: 0; border: 0}

#games {overflow: hidden; margin: 10px 0; border-top: solid 1px #ddd; padding: 0}
#games li {width: 320px; float: left; padding: 10px 0; height: 70px; border-bottom: solid 1px #ddd}
#games li a {font-weight: bold; display: block; font-size: 14px;}
#games li h3 {line-height: 18px; margin-bottom: 5px; margin-right: 10px}
#games li .image {float: left; border: solid 1px #aaa; padding: 2px 2px 0 2px; background: #fff; margin-right: 10px;}
#games li .image img {width: 44px;}

.big_search_field {padding: 9px 10px 8px 10px; border: solid 1px #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 578px; margin-top: 5px; font-size: 18px; color: #999; font-weight: bold; letter-spacing: -1px;}
input.big_generic_button {margin-top: 5px;}

#small_search {border: solid 1px #aaa; background: url(/public/img/search_back.gif) repeat-x bottom; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#small_search h2 {height: 14px !important; background: none !important; color: #333 !important; border: 0 !important; text-indent: 0 !important; line-height: normal !important}
.small_search_field {padding: 5px 7px 5px 7px; border: solid 1px #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 240px; margin-top: 5px; font-size: 14px; color: #999; font-weight: bold; letter-spacing: -1px;}
input.small_generic_button {margin-top: 5px;}


#genres {border: solid 1px #aaa; border-top: 0;  margin: 0 10px 10px 10px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; padding: 20px; background: #f0f0f0 url(/public/img/genre_shadow.gif) repeat-x top;}
#genres ul {overflow: hidden; margin-top: 10px;}
#genres ul li {float: left; width: 144px; padding: 3px 0; }
#genres ul li a {font-weight: bold}

#recently-voted {border: solid 1px #aaa; background: #cecece url(/public/img/box-inner_back.gif) repeat-x 0 -200px; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px;}
#recently-voted ul {overflow:hidden; margin-top: 10px;}
#recently-voted ul li {float: left; width: 114px; text-align: center; margin-right: 5px;}
#recently-voted ul li h3 {margin-top: 5px; font-size: 12px; line-height: 18px;}
#recently-voted ul li img {width: 105px; border: 1px solid #aaa; padding: 2px; background: #fff}
#recently-voted ul li img:hover {border: 1px solid #E37600;}
#recently-voted ul li a {font-weight: bold;}



#logo {background: url(/public/img/logo.gif) no-repeat; text-indent: -9999px; width:528px; height:65px; margin-top: 20px; margin-left: 20px; float: left;}
#logo a {display: block; width: 528px; height: 65px;}
#sponsor {background: url(/public/img/alienware_logo.gif) no-repeat; text-indent: -9999px; width:419px; height:51px; margin-top: 30px; margin-right: 20px; float: right;}
#sponsor a {display: block; width: 419px; height: 51px;}

#leaderboard {margin: 10px auto 20px auto; width: 728px; height: 90px; background: #222}
.mpu {background: #222; width: 300px; height: 250px;}

#content {clear: both; position:relative; margin-top: 0px; overflow:hidden; padding: 20px;}
	#content-left { width: 640px; float: left; }
	#content-middle { display: none; }
	#content-right { width: 300px; float: right; margin-left: 20px;}
	
	#content-right h2, .profile-news h2, .profile-videos h2, #register h2 {background: #666 url(/public/img/h2_back.gif) repeat-X; text-indent: 10px; color: #fff; border: solid 1px #565656; font-size: 14px; height: 28px; line-height: 28px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px}

	.box-inner {overflow: hidden; border: solid 1px #aaaaaa; border-top: 0; background: #cecece url(/public/img/box-inner_back.gif) 0 -100px repeat-x; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
	.box-inner .more {height: 30px; line-height: 30px; text-align: right; padding: 0 10px; font-weight: bold;}
	.box-inner .more a {}
	.box-inner ul {padding: 10px;}
	.box-inner form {padding: 19px}

.generic_button {cursor: pointer; height: 23px; line-height: 23px; border: solid 1px #820000; padding: 0 10px; background: url(/public/img/buttons/generic_back.gif) repeat-x; float: right; color: #fff; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-left: 10px}
.generic_button:hover {border: solid 1px #ab4c00; background: url(/public/img/buttons/generic_back_over.gif) repeat-x; color: #111; text-decoration: none}
input.generic_button {padding-bottom: 3px}

.remove-vote {padding: 0 5px; font-size: 10px; height: 16px; line-height: 16px;}


.big_generic_button {cursor: pointer; height: 40px; line-height: 40px; border: solid 1px #820000; padding: 0 10px; background: url(/public/img/buttons/big_generic_back.gif) repeat-x; float: right; color: #fff; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 24px}
.big_generic_button:hover {border: solid 1px #ab4c00; background: url(/public/img/buttons/big_generic_back_over.gif) repeat-x; color: #111; text-decoration: none}
input.big_generic_button {padding-bottom: 5px;}

#submit-votes {float: none; display: block; margin-top: 10px; text-align: center;}

#breadcrumbs {display: none; 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; }

a.register_now {width: 300px; height: 54px; background: url(/public/img/buttons/register_now.png) no-repeat; display: block; text-indent: -9999px}
a.register_now:hover {background: url(/public/img/buttons/register_now_over.png) no-repeat;}

#login-block {margin-top: 10px;}
#login-form .field {width: 119px; float: left; margin-right: 20px; margin-bottom: 10px}
#login-form .field.no_mar {margin-right: 0}
#login-form label {margin-bottom: 5px;}
#login-form .field input {width: 109px; border:solid 1px #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px; margin-top: 5px;}

#news_feed {}
#news_feed h2 {background: url(/public/img/titles/gamesradar_logo.gif) no-repeat; width: 205px; height: 27px; text-indent: -9999px; border: 0;}
#news_feed .box-inner {background: #e8e8e8 ; padding: 10px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-top: solid 1px #aaa}
#news_feed ul {list-style: none;}
#news_feed ul li {background:transparent url(/public/img/design/grd_bullet.gif) no-repeat scroll 0 4px; padding: 2px 0 2px 15px; margin-bottom: 2px; color: #d90411; line-height: 15px;}
#news_feed ul li a	{color: #f29400}


	#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}

#user-box .box-inner {padding: 10px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-top: solid 1px #aaa}
#user-box .box-inner h3 {font-size: 12px; font-weight: normal;}
#user-box .box-inner ul {padding: 10px 0 0 0}
#user-box .box-inner ul li { width: auto; display: inline;}
#user-box .box-inner ul li .generic_button {margin: 0 10px 0 0; float: left;}


.evisua-carousel {padding: 20px; border: solid 1px #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

	
#promos ul li {float: left; margin-right: 10px;}	
	#promos ul li.no_mar {margin: 0}
	
#footer {overflow: hidden; position:relative; padding: 20px 10px; color: #fff; width: 980px; margin: 0 auto 0 auto;}
#footer .inner {overflow: hidden}
#footer .footer_section {float: left; margin: 0 129px 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 {
height: 50px;
clear:both;
padding:0 0 10px 0;
text-align:left;
width: 1020px;
margin: 0 auto;
background: url(/public/img/footer.png) no-repeat;
}
#future-logo {
float:left;
margin-left:20px;
margin-right:10px;
margin-top:-10px;
}

#copyright {
overflow: hidden;
}
#copyright p {margin: 0px 10px 0 0; line-height: 40px; font-size: 11px; color: #fff; font-weight: bold}

#linkholder {
position:relative;
clear:both;
height: 35px;
}
#footer ul#weblinks {
position:absolute;
right:10px;
top:6px;
width:650px;
margin:0;
padding:0;
}

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

#footer ul#weblinks li {
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;
}

#footer ul#weblinks li a {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:100;
}
#footer ul#weblinks li#footer_link_mr {
background-position:0 -28px;
width:83px;
}
#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;
}
#footer ul#weblinks li#footer_link_t3 {
background-position:-81px -28px;
width:45px;
}
#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;
}
#footer ul#weblinks li#footer_link_tr {
background-position:-134px -28px;
width:64px;
}
#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;
}
#footer ul#weblinks li#footer_link_gr {
background-position:-208px -28px;
width:68px;
}
#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;
}
#footer ul#weblinks li#footer_link_cn {
background-position:-275px -28px;
width:90px;
}
#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;
}
#footer ul#weblinks li#footer_link_dr {
background-position:-455px -28px;
width:86px;
}
#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;
}
#footer ul#weblinks li#footer_link_br {
background-position:-366px -28px;
width:85px;
}
#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;
}
#footer ul#weblinks li#footer_link_tf {
background-position:-544px -28px;
width:81px;
}
#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: 10px;	}
.paging-item .navigator li { float: left; 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 {font-weight: bold; display: block;padding: 1px 4px 0 4px; }
.paging-item .navigator li a.active { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #333 }

.games-list .paging-item {position: absolute; right: 20px; width: 400px; padding: 0; background: none;}

#sponsors ul li {margin-bottom: 30px; margin-top: 10px; border-bottom: solid 1px #ddd}
#sponsors ul li h3 {font-size: 24px;}
#sponsors ul li h3 a {font-weight: bold;}
#sponsors .sponsor_logo {float: left; margin: 0 10px 10px 0; border: solid 1px #aaa; padding: 3px; background: #fff}

/* 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; }


#voted-games .votes {
	height: 404px;
	padding-left: 50px;
	background: url('/public/img/voting-background.gif');
	overflow: hidden;
	border: 1px solid #aaa;
	border-top: none;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#voted-games .votes li {
	background-color: #f2f2f2;
	border-bottom: solid 1px #aaa;
	overflow: hidden;
	height: 70px;
	padding: 10px 10px 0 10px;
	margin: 0 !important;
}

#voted-games .votes li h3 a {font-weight: bold; font-size: 12px}

#voted-games .votes li:hover {cursor:move;background: #ddd}

#voted-games .votes li.bottom {
	border-bottom: none;
}

#voted-games .votes li .rating {float: left;font-size: 11px; color: #fff; font-weight: bold; padding: 5px 4px 3px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #222;}
#voted-games .votes li .genre {display: block;}
#voted-games .voted-shadow {
	height: 23px;
	background: url('/public/img/voting-background-shadow.png');
	display: none;
}


/**
 * 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 {
	min-height: 24px;
	position: relative;
	margin-bottom: 5px;
	padding-left: 0px;
	vertical-align: middle;
}
	.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: 0 0 20px 0;}
	.ie6 .form-item.single-field {width: 90%;}
	
.form-fields {position: relative; clear: both; overflow: hidden;}
	.form-fields label {
		display:block;
		font-size: 12px;
		padding-top: 0;
		margin-right: 10px;
		vertical-align: middle;
	}
	.form-fields.single-field label {
		top: 0;
	}
	.form-fields label.required {
		font-weight: bold;
	}
	.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 {
	height: 24px;
	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 {
	float: right;
	height: 0px !important;
	width: 24px;
	padding-top: 24px;
	margin-top: 13px;
}
.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: 12px; line-height: 18px; height: 18px; }
	.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: 10px 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}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;  
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active .sifr {
    font-family: Arial;
    
  }
}



.evisua-window {
	position: absolute;
	width: 300px;
	top: 20px;
	left: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #e2e2e2 url(/public/img/box-inner_back.gif) repeat-x bottom;
}

.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 {
		background: #666 url(/public/img/h2_back.gif) repeat-X; text-indent: 10px; color: #fff; border: solid 1px #565656; font-size: 14px; height: 28px; line-height: 28px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-top-right: 5px; -webkit-border-radius-top-left: 5px	
	}
		.evisua-window .window-top-left, .evisua-window .window-top-right {
			width: 0px;
			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;
			font-size: 14px
			
		}

	.evisua-window .window-middle-left {
		padding: 20px;
		border: solid 1px #aaa;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-radius-bottom-left: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-radius-bottom-right: 5px;
	}

	.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 {
	overflow-x: hidden;
	position: relative;
}

.ac-loading {
	/*background: #fff url('/public/img/indicator.gif') right center no-repeat !important;*/
}

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;}