/* @override http://local.gamepro.com/lib/css/global.css */

/* @group global */

body {
font: 12px Helvetica, Arial, _sans-serif;
padding: 0;
background: #ffffff url(/lib/img/wrapper_bg.jpg) repeat-y center;

}

h2 {
font-size: 20px;
font-weight: bold;
margin: 0 0 10px 0;
}

span.clear-fix {
display: block;
clear: both;
}

#wrapper {
width: 1000px;
margin: 0px auto;
position: relative;
z-index: 1;
}

ul#global_header {
display: none;
background: #fff;
}

ul#global_header li a:hover {
color: #FFD430;	
}


/* @end */


/* @group header */
#header {
background: #fff url(/lib/img/header_bg.jpg) repeat-x;
position: relative;
height: 177px;
z-index: 10;
}

#header h1 {
position: absolute;
top: 15px;
left: 20px;
width: 318px;
height: 104px;
}

#header h1 span {
display: none;	
}

#header h1 a {
display: block;
background: url(/lib/img/main_logo.png) no-repeat;
width:  318px;
height: 104px;
}

#header ul.skip {
display: none;	
}

/* @group search */

#header form#searchForm {
position: absolute;
top: 0px;
left:  380px;
}

#header form#searchForm fieldset {
border: none;
padding: 0;
margin: 0;
width: 397px;
height: 131px;
background:  url(/lib/img/search_bg.jpg) no-repeat;
position: relative;
}

#header form#searchForm legend {
background: #000;
font-size: 20px;
display: none;
}


#header form#searchForm input#searchField {
position: absolute;
top:  90px;
left: 15px;
width: 310px;
border: none;
background: transparent;
font-size: 18px;
height: 22px;
}

#header form#searchForm button#searchButton {
padding: 0;
width: 44px;
height: 32px;
position: absolute;
right:  37px;
top:  85px;
border: none;
cursor: pointer;
background: transparent;
}

#header form#searchForm button#searchButton span {
display: none;	
}


#header form#searchForm label {
position: absolute;
top: 92px;
left: 15px;
color: #000;
font-size: 18px;
background: transparent;
}


/* @end */

/* @group user box */

div#userbox {
position: absolute;
right:  10px;
top: 5px;
z-index: 3;
width: 190px;
height: 75px;
color: #FFF;
font-size: .9em;
}

div#userbox ul.no-log {
right: 0;
}

div#userbox ul.no-log li {
font-size: 1.2em;
}

div#userbox ul.no-log li.log {
right:  60px;
}

div#userbox ul.no-log li.reg {
right:  0;
}

div#userbox a.avatar {
position: absolute;
right: 0;
background: url(/lib/img/login_avatar_bg.png) no-repeat;
width: 60px;
height: 75px;
}

div#userbox a.avatar img {
width: 50px;
display: block;
margin: 12px auto 0 auto;
}

div#userbox ul  {
position: absolute;
right: 60px;
width: 120px;
}

div#userbox ul li {
position: absolute;
top: 5px;
border-bottom: dotted 1px #b2b2b2;
padding: 0 0 2px 0;
color: #666;
}

div#userbox ul li a {
color: #666;
text-decoration: none;
}

div#userbox ul li a:hover {
color: #FC3;	
}

div#userbox div#login_slide {
width: 150px;
position: absolute;
right: -5px;
top:  -5px;
}

div#userbox div#login_bg {
background: #000;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: .7;
z-index: 1;
}

div#userbox form#smallLogin {
z-index: 2;
padding: 20px 5px 5px 5px;
width: 140px;
}

div#userbox form#smallLogin input {
width: 130px;	
}

div#userbox form#smallLogin button {
background: #FC3;
border: none;
color: #000;
}

div#userbox form#smallLogin a {
color: #FFF;
}

div#userbox form#smallLogin a.password_link {
display: block;
margin: 10px 0;
}


div#userbox form#smallLogin a.close {
position: absolute;
top: 0;	
right: 0;
display: block;
background: #FC3;
color: #000;
text-decoration: none;
text-align: center;
padding: 2px 5px;
}

div#userbox ul.user-tools {
margin: 0 10px 0 0;
}

div#userbox ul.user-tools li {
position: static;	
text-align: right;
margin: 0 0 5px 0;
padding: 0 0 2px 0;
}

div#userbox ul.user-tools li.username {
font-size: 1.1em;
}

div#userbox ul.user-tools li.mail {
background: url(/lib/img/icon_email.gif) no-repeat right;
padding: 0 20px 0;
}

div#userbox ul.user-tools li.mail.new {
background: url(/lib/img/icon_email_unread_new.gif) no-repeat right;
}

div#userbox ul.user-tools li.tools {
background: url(/lib/img/login_toolbar.png) center no-repeat;
width: 120px;
height: 20px;
border: none;
text-align: center;
font-size: .8em;
padding: 5px 0 0 0;
position: absolute;
top: 60px;
right: 0;
z-index: 5;
}

div#userbox ul.user-tools li.tools a {
display: block;
padding: 2px;	
}


div#userbox ul.user-tools li.tools ul {
position: absolute;
top:  17px;
right: 5px;
width: 110px;
background: #333;
padding: 5px 0 0 0;
z-index: 5;
}

div#userbox ul.user-tools li.tools ul li {
padding: 2px 5px;
}

/* @end */

/* @group nav */

#header ul.main-nav {
height: 26px;
position: absolute;
bottom:  20px;
width: 100%;
padding: 0 0 0 10px;
z-index: 2;
}

#header ul.main-nav li {
position: relative;
float: left;
display: block;
width: 145px;
height: 22px;
margin: 0 2px 0 0;
background-image: url(/lib/img/main_nav_tab2.png);
background-repeat: no-repeat;
background-position: 0 0px;
}

#header ul.main-nav li span {
display: block;
color: #eee;
width: 145px;
height: 20px;
padding: 4px 0 0 0;
text-decoration: none;	
text-align: center;
font-weight: bold;
}

#header ul.main-nav li a:hover,
#header ul.main-nav li:hover a,
#header ul.main-nav li.on a {
color: #fff;
background-image: url(/lib/img/main_nav_tab.png);
background-repeat: no-repeat;
background-position: 0 -23px;

}

#header ul.main-nav li ul {
position: absolute;
top:  22px;
left: -999em;
margin: 0px 0 0 0;
padding-top: 2px;
background: #413E3F;
font-weight: bold;
border: 1px solid #000;
border-top: none;
}
/* DEPRECATED IN FAVOR OF GLOBAL WIDTH SETTING BELOW - SAM 5/13/2008
#header ul.main-nav li#eforall_nav ul li{
width: 170px;
}

#header ul.main-nav li#exhibitors_nav ul li{
width: 170px;
}

#header ul.main-nav li#exhibitors-only_nav ul li{
width: 180px;
}

#header ul.main-nav li#attendees_nav ul li{
width: 95px;
}

#header ul.main-nav li#media_nav ul li{
width: 190px;
}
*/

#header ul.main-nav li ul li,
#header ul.main-nav li:hover ul li {
background-image: none;
float: none;
height: 20px;
margin: 0px;
padding: 3px 0px 0px 20px;
background: url(/lib/img/green_diamond.png) 5px 5px no-repeat;
border-bottom: 1px dotted #555;
width: 190px;
}

#header ul.main-nav li ul li a,
#header ul.main-nav li:hover ul li a,
#header ul.main-nav li:hover ul li a:hover {
background: none;
width: auto;
text-align: left;
padding: 0px;
color: #fff;
margin: 0px;
text-decoration: none;
z-index: 9;
}

#header ul.main-nav li ul li a:hover,
#header ul.main-nav li:hover ul li a:hover {
color: #8ae51e;
}

#header ul.main-nav li:hover ul,
#header ul.main-nav li.hover ul {
left: auto;	
}

#header ul.main-nav li ul li.home {
width: 240px;
background: #413E3F;
}

#header ul.main-nav li ul li.home  a {
color: #FFF;
font-weight: bold;
padding: 5px 5px 0 10px;
}

#header ul.main-nav li ul li.home a:hover {
color: #8ae51e;
text-decoration: none;
padding: 5px 5px 0 10px;
}


#header ul#second_nav {
position: absolute;
z-index: 1;
bottom: 0;
width: 986px;
padding:0 0 0 10px;
height: 21px;
background: #ddd;
color: #000;
border: 2px solid #000;
}

#header ul#second_nav>li {
height: 21px;
float: left;
border-right: solid 1px #666;
font-size: .9em;
position: relative;
}

#header ul#second_nav>li>a {
padding: 4px 10px 3px 10px;
color: #000;	
text-decoration: none;
display: block;
font-weight: bold;
}

#header ul#second_nav>li>a:hover {
background: #eee;
}

#header ul#second_nav>li>ul {
position: absolute;
top:  21px;
left: -999em;
background: #eee;
}

#header ul#second_nav>li>ul>li {
display: block;
float: none;
border: none;
padding: 4px 10px 3px 10px;
}

#header ul#second_nav>li:hover>ul,
#header ul#second_nav>li.hover>ul {
left: auto;	
}

#header ul#second_nav>li.rss {
background: url(/lib/img/feed.png) no-repeat;
background-position: 1px 2px;
padding-left: 20px;
}

#header ul#second_nav>li.subscribe {
position: absolute;
top: 0;
right: 0;
border: none;
}

#header ul#second_nav>li.subscribe>a:hover{
background: #ddd;
}

/* @end */



/* @group standard form selectors */

form {
width: 400px;
position: relative;
}

form fieldset {
border: solid 1px #999;
padding: 5px;
margin: 0 0 5px 0;
}

form fieldset legend {
background: #555;
color: #ccc;
padding: 2px;	
}

form label,
form button {
display: block;
}

form label {
margin: 0 0 2px 0;
}


form label.error {
color: red;
}

form label a {
color: green;
cursor: pointer;
}


form input.error,
form select.error {
border-color: #FF0000;	
}

form input[type="checkbox"] {
float: left;
}

form input[type="text"],
form input[type="password"] {
margin: 0 0 10px 0;
width: 200px;
}

fieldset.date span.datefield {
float: left;
display: block;
margin: 0 5px 0 0;
}

button.submit-button {
position: relative;
}

button.submit-button span.loader {
position: absolute;
top:  0;
left:  60px;
width: 130px;
text-align: left;
display: block;
padding: 2px 5px;
background-color: #555;
color: #CCC;
}

/* @end */

/* @group content */

#content {
padding: 10px;
min-height: 600px;
background: #FFF url(/lib/img/content_bg.jpg) repeat;
overflow:auto;
}

#content h2,
#content h3,
#content p {
margin: 0 0 15px 0;
}



#content div.container {
float: left;
width: 590px;
margin: 0 10px 0 0;
position: relative;
}

#content #right {
width: 340px;
float: left;
}

div#ie6_alert {
padding: 10px;
color: #000;
border-bottom: solid 1px #000;
background: #FFEA98;
}


div#ie6_alert p {
margin: 0 0 10px 0;
font-size: 1.5em;
}

div#ie6_alert ul {
font-size: 1.5em;	
}

div#ie6_alert ul li {
margin: 0 0 5px 0;
padding: 5px 0 0 40px;
height: 32px;
}

div#ie6_alert ul li.ff {
background: url(/lib/img/ff_icon_32x32.gif) no-repeat;	
}

div#ie6_alert ul li.safari {
background: url(/lib/img/safari_icon_32x32.gif) no-repeat;	
}

div#ie6_alert ul li.ie7,
div#ie6_alert ul li.ie8 {
background: url(/lib/img/ie_icon_32x32.gif) no-repeat;	
}

div#ie6_alert ul li a {
color: #0A2957;		
}

div#ie6_alert ul li.close {
padding: 0;
margin: 10px 0 0 0;
font-size: .8em;
}

/* @end */

/* @group app window selectors*/

div.app-window {
position: absolute;
width: 420px;
height: 100px;
height: auto;
padding: 0 0 10px 0;
z-index: 100;
}

div.app-window h2 {
background: url(/lib/img/screens_light_header.png);
color: #0A2957;
border-bottom: solid 1px #b2b2b2;font-size:  1.2em;
padding: 7px;
margin: 0;
cursor: move;
}

div.app-window h3 {
margin: 10px;
}

div.app-window p {
margin: 0 5px 10px 10px;
padding: 10px 0 0;
}

div.app-window form {
padding: 10px;
}

div.app-window form p {
padding: 0;
margin: 0 0 10px 0;
}

div.app-window form h3 {
margin: 0 0 10px 0;
font-weight: bold;	
}


div.app-window input {
float: left;
margin: 0 5px 0 0;
}

div.app-window button {
float: left;
border: solid 1px #b2b2b2;
background: #EEE;
color: #333;
margin: 0 5px 0 0;
cursor: pointer;
font-size: 1em;
}

div.app-window button:hover {
border-color: #8F0000;
color: #8F0000;
}

div.app-window ol {
padding: 10px 10px 10px 30px;
}

div.app-window ol li {
list-style: decimal;
margin: 0 0 5px 0;
}

div.app-window a.close {
background: #333;
color: #FFF;
text-decoration: none;
position: absolute;
right: 5px;
top: 5px;
padding: 2px;
}

div.app-window a.close:hover {
background: #8F0000;	
color: #FFF;
}

div.app-window div#validate_error {
width: 100%;
clear: both;
padding: 10px 0 0;
color: #8F0000;	
font-style: italic;
}


div.app-window div#talkTarget {
background: #FFF;
border: solid 1px #b2b2b2;
border-top-width: 0;
min-height: 100px;
}

div.app-window div#talkTarget a {
color: #8F0000;	
}

div.app-window div#talkTarget a:hover {
text-decoration: none;
}

div.app-window form.box-form {
padding: 10px ;
}

div.app-window form.box-form label {
color: #333;	
}

div.app-window form.box-form textarea {
border: solid 1px #b2b2b2;
font:  1em "Lucida Grande", Lucida, "Trebuchet MS", Verdana, sans-serif;
margin: 0 0 10px 0;
width: 375px;
color: #333;
padding: 10px;
}

/* @end */

/* @group starbox */

.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated .hover .stars { background: #cccccc; }
.starbox .colorbar { background: #1e90ff; }
.starbox .hover .colorbar { background: #ffcc1c; }
.starbox .rated .colorbar { background: #64b2ff; }
.starbox .rated .hover .colorbar { background: #1e90ff; }
.starbox .ghost { background: #a1a1a1; }
.starbox .indicator { clear: both; }
.starbox .dotted .stars,
.starbox .dotted .hover .stars,
.starbox .dotted .rated .stars, 
.starbox .dotted .rated .hover .stars { background: url(/lib/images/img/background_dotted.gif) top left repeat-x; }
.starbox .dotted .colorbar,
.starbox .dotted .hover .colorbar,
.starbox .dotted .rated .colorbar, 
.starbox .dotted .rated .hover .colorbar { background: #000000; }
.starbox .dotted .ghost { background: #666666; }

.starbox .pointy .colorbar { background: #ffcc1c; }
.starbox .pointy .hover .colorbar { background: #ff9231; }

.starbox .inverse .stars { float: right; }
.starbox .inverse .indicator { clear: both; display: block; text-align: right; }

/* @end */

/* @group footer */

/* @end */

/* @group new pagination */

ul.page {
height: 15px;
margin: 0 0 10px 0;
padding: 10px 0;
}

ul.page li {
float: left;
margin: 0 10px 0 0;	
}

ul.page li.pagecount {
margin: 0 20px 0 0;	
}

ul.page li.itemcount {
margin: 0 20px 0 0;	
}

ul.page li.page-list {
margin: 0;
}

ul.page li.page-list li a{
color: #333;
}

ul.page li.page-list li a:hover {
color: #8F0000;
}

ul.page li.button {
width: 29px;
height: 28px;
background: url(/lib/img/next_button.png) no-repeat ;
margin-top: -5px;
}

ul.page li.button a {
width: 28px;
height: 28px;
display: block;
}

ul.page li.button span {
display: none;	
}

ul.page li.button.first {
background: url(/lib/img/first_button.png) no-repeat ;
}

ul.page li.button.prev {
background: url(/lib/img/prev_button.png) no-repeat ;
}

ul.page li.button.last {
background: url(/lib/img/last_button.png) no-repeat ;
}

/* @end */


/* @group pagination */

div.page {
background:transparent none repeat scroll 0% 50%;
border:none;
height:29px;
padding:2px;
width:805px;
text-align: center;

}

div.page div {
display: inline;
color: #333;	
float: left;
padding: 0 3px 0px 3px;
line-height: 2.23;
border: none;
}


div.page div a {
color: #333333;
}


div.page div.pagenav_itemcount{
padding-right: 40px;
}
div.page div.pagenav_pagecount{
padding-right: 40px;
margin-left: 10px;
}

div.page div.pagenav_jumptopage{
background-color: #fff;
padding: 0 15px;

}

div.page div.pagenav_next{
background:#fff url(/lib/img/next_button.png) no-repeat scroll 0% 0pt;
height:27px;
text-indent:-9999px;
width:28px;
}
div.page div.pagenav_next a{
display: block;
height:27px;
text-indent:-9999px;
width:28px;
}
div.page div.pagenav_last a{
display: block;
height:27px;
text-indent:-9999px;
width:28px;
}
div.page div.pagenav_first a{
display: block;
height:27px;
text-indent:-9999px;
width:28px;
}
div.page div.pagenav_prev a{
display: block;
height:27px;
text-indent:-9999px;
width:28px;
}
div.page div.pagenav_last{
background:#fff url(/lib/img/last_button.png) no-repeat scroll 0% 0pt;
height:27px;
text-indent:-9999px;
width:24px;
}
div.page div.pagenav_first{
background:#fff url(/lib/img/first_button.png) no-repeat scroll 0% 0pt;
height:27px;
text-indent:-9999px;
width:28px;

}
div.page div.pagenav_prev{
background:#fff url(/lib/img/prev_button.png) no-repeat scroll 0% 0pt;
height:27px;
text-indent:-9999px;
width:28px;
}


/* @end */
/* @group avatar */

div.standard_avatar {
width: 85px;
height: 105px;
display:block;
border: medium none;
z-index: 2;
margin: 40px 0 0 0;
}

div.standard_avatar ul.user {
	width: 85px;
}

div.standard_avatar ul.user img {
	width: 75px;
	height: 75px;
	margin: 10px 4px 0px 4px;
	border: 1px solid #b2b2b2;
}

div.standard_avatar ul.user a {
	color: #0a2957;
	text-decoration: none;
}
div.standard_avatar ul.user li.avatar a span {
	color:#0060B6;
	display:block;
	font-size:1em;
	margin-top:2px;
	padding:0pt;
	text-align:center;
	width:85px;
}

/* @end */