﻿@import url("common.css");

html,body{margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; background-color:#000000;}
p {line-height:16px;}
h1 {font-size:26px;}
h4 {color:#666666;}
body{text-align:center}
a:link, a:visited, a:active {color:#ff6633; text-decoration:underline;}
a:hover {text-decoration:none;}
form {margin:0px; padding:0px;}
#container{color:#000000; text-align:left;}

/* Ad Space Header */
#adSpace{height:109px; line-height:109px; vertical-align:middle; background-image:url(../images/adBg.jpg); background-repeat:repeat-x;}
#banner {float:left; width:728px; height:90px; padding:10px 0px 0px 10px;}
#partners{float:right; width:198px; height:90px;  padding:10px 10px 0px 0px;}

/* Header */
#header{height:183px; line-height:183px; vertical-align:middle; background-image:url(../images/en/header.jpg); background-repeat:no-repeat;}
#logo{width:210px; height:183px; float:left; padding-left:8px;}
#headerGraphic{float:right; width:700px; height:147px;}
#navigation{float:left;  margin-left:-48px; width:748px;  color:#FFFFFF; height:36px; line-height:36px; margin-top:27px;}

/* Language Select */
#languageSelect {float:right; width:100px; color:#CCCCCC; font-size:10px;}
#languageSelect a:link, #languageSelect a:visited, #languageSelect a:active {color:#cccccc; text-decoration:underline;}
#languageSelect a:hover {text-decoration:none;}

/* Event Item */
.eventItem {width:210px; height:39px; vertical-align:middle; background-image:url(../images/eventInactive.gif); background-repeat:no-repeat; padding:0px; margin:0px;}
.eventItem a:link, .eventItem a:active, .eventItem a:visited {padding:5px 0px 0px 40px; color:#333333; text-decoration:none; vertical-align:middle; display:block; height:39px; margin:0px;}
.eventItem a:hover {text-decoration:none; background-image:url(../images/eventActive.gif); background-repeat:no-repeat; vertical-align:middle; display:block; color:#333333; height:39px; margin:0px;}
.eventItem h1 {margin:0px; color:#339933; font-size:14px; font-weight:bold;}

/* Footer */ 
#footer{background: #333; color:#CCCCCC; text-align:center; font-size:10px; padding:10px 0px 10px 0px;}
#footer a:link, #footer a:active,#footer a:visited {text-decoration:underline; color:#CCCCCC;}
#footer a:hover {text-decoration:none;}

/* Page Structure*/
.pageContent {padding:20px; border-right:1px solid #eeeeee;}
.vortex{background-color:#EEEEEE; width:236px; border-left:1px solid #FFFFFF; padding:10px 10px 10px 10px;}
.survey {border-left:1px solid #CCCCCC; padding:0px; margin:0px; width:220px;}
#poll {padding-bottom:20px;}

#container{width:958px;margin:0 auto; border-left:8px solid #b5121b; border-right:8px solid #b5121b;}
#wrapper{float:left;width:958px}

#contentHolder{margin:0px 0px 0px 210px; width:748px; background-color:#FFFFFF;}
#sideBar{float:left; width:210px; margin-left:-958px;  background-image:url(../images/sideBarBg.gif); background-repeat:repeat-y;}

#footer{clear:left;width:100%}

/*  Event Page */
.eventTitleTd {border-bottom:1px dotted #CCCCCC;}
.eventInfoTd {border-bottom:1px dotted #CCCCCC; width:300px;}

/* Tabs */
#tabs{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
}
#tabs ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#tabs li{
	display:inline;
	margin:0px;
	padding:0px;
}
#tabs a{
	float:left;
	margin:0;
	margin-right: 0px; /*spacing between each tab*/
	padding:0 0 0 9px;
	text-decoration:none;
}
#tabs a span{
	float:left;
	display:block;
	padding: 7px 16px 0px 3px;
	line-height:20px;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color: #FFFFFF;
}
/*Active Tabs */
body.home #tabs #homepage a{background-color:#3d232f;	float:left;	line-height:36px;	background:url(../images/tabLeft.gif) no-repeat left top;	color:#FFFFFF;}
body.home #tabs #homepage a span{background:url(../images/tabRight.gif) no-repeat right top;	background-color:#FFFFFF;	line-height:36px;	color:#333333;}

body.registration #tabs #registration a{background-color:#3d232f;	float:left;	line-height:36px;	background:url(../images/tabLeft.gif) no-repeat left top;	color:#FFFFFF;}
body.registration #tabs #registration a span{background:url(../images/tabRight.gif) no-repeat right top;	background-color:#FFFFFF;	line-height:36px;	color:#333333;}

body.rules #tabs #rules a{background-color:#3d232f;	float:left;	line-height:36px;	background:url(../images/tabLeft.gif) no-repeat left top;	color:#FFFFFF;}
body.rules #tabs #rules a span{background:url(../images/tabRight.gif) no-repeat right top;	background-color:#FFFFFF;	line-height:36px;	color:#333333;}

body.prizes #tabs #prizes a{background-color:#3d232f;	float:left;	line-height:36px;	background:url(../images/tabLeft.gif) no-repeat left top;	color:#FFFFFF;}
body.prizes #tabs #prizes a span{background:url(../images/tabRight.gif) no-repeat right top;	background-color:#FFFFFF;	line-height:36px;	color:#333333;}

body.faqs #tabs #faqs a{background-color:#3d232f;	float:left;	line-height:36px;	background:url(../images/tabLeft.gif) no-repeat left top;	color:#FFFFFF;}
body.faqs #tabs #faqs a span{background:url(../images/tabRight.gif) no-repeat right top;	background-color:#FFFFFF;	line-height:36px;	color:#333333;}

body.contact #tabs #contact a{background-color:#3d232f;	float:left;	line-height:36px;	background:url(../images/tabLeft.gif) no-repeat left top;	color:#FFFFFF;}
body.contact #tabs #contact a span{background:url(../images/tabRight.gif) no-repeat right top;	background-color:#FFFFFF;	line-height:36px;	color:#333333;}

#tabs a:hover{ /*onMouseover style*/
	float:left;
	color:#FFFFFF;
}
#tabs a:hover span{ /*onMouseover style*/
	color:#ff6633;
}
/* Register Button Side Bar */
#registerButton {
 width: 181px;
 height: 35px;
 background: url(../images/en/registerButton.jpg);
 margin: 15px 0px 15px 15px;
 padding:0px;
 position: relative;
 
}
#registerButton li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#registerButton li, #registerButton a {height: 35px; display: block;}
#registerButtonIcon {left: 0; width: 181px;}
#registerButtonIcon a:hover {background: transparent url(../images/en/registerButton.jpg) 0 -35px no-repeat;}

/* Large Register Button */
#registerButton2 {
 width: 265px;
 height: 47px;
 background: url(../images/en/registerButton2.jpg);
 margin: 15px 0px 15px 15px;
 padding:0px;
 position: relative;
 
}
#registerButton2 li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#registerButton2 li, #registerButton2 a {height: 47px; display: block;}
#registerButtonIcon2 {left: 0; width: 265px;}
#registerButtonIcon2 a:hover {background: transparent url(../images/en/registerButton2.jpg) 0 -47px no-repeat;}

/* Register Button Side Bar */
#registerButtonEvent {
 width: 181px;
 height: 35px;
 background: url(../images/en/registerButtonEvent.jpg);
 margin: 0px 0px 15px 15px;
 padding:0px;
 position: relative;
 float:right;
 
}
#registerButtonEvent li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#registerButtonEvent li, #registerButtonEvent a {height: 35px; display: block;}
#registerButtonEventIcon {left: 0; width: 181px;}
#registerButtonEventIcon a:hover {background: transparent url(../images/en/registerButtonEvent.jpg) 0 -35px no-repeat;}

/* Schedule Button Side Bar */
#scheduleButtonEvent {
 width: 181px;
 height: 35px;
 background: url(../images/en/enEventScheduleButton.jpg);
 margin: 0px 0px 15px 15px;
 padding:0px;
 position: relative;
 float:right;
 
}
#scheduleButtonEvent li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#scheduleButtonEvent li, #scheduleButtonEvent a {height: 35px; display: block;}
#scheduleButtonEventIcon {left: 0; width: 181px;}
#scheduleButtonEventIcon a:hover {background: transparent url(../images/en/enEventScheduleButton.jpg) 0 -35px no-repeat;}

/* Review Button Side Bar */
#reviewButtonEvent {
 width: 181px;
 height: 35px;
 background: url(../images/en/enResultsButton.jpg);
 margin: 0px 0px 15px 15px;
 padding:0px;
 position: relative;
 float:right;
 
}
#reviewButtonEvent li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#reviewButtonEvent li, #reviewButtonEvent a {height: 35px; display: block;}
#reviewButtonEventIcon {left: 0; width: 181px;}
#reviewButtonEventIcon a:hover {background: transparent url(../images/en/enResultsButton.jpg) 0 -35px no-repeat;}

/*  */
#enterButton {
 width: 181px;
 height: 35px;
 background: url(../images/en/enterButton.jpg);
 margin:0px;
 padding:0px;
 position: relative;
 
}
#enterButton li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#enterButton li, #enterButton a {height: 35px; display: block;}
#enterButtonIcon {left: 0; width: 181px;}
#enterButtonIcon a:hover {background: transparent url(../images/en/enterButton.jpg) 0 -35px no-repeat;}


/*  */
#ticketFormLink1 {
 width: 181px;
 height: 35px;
 background: url(../images/en/ticketOrder.jpg);
 margin:0px;
 padding:0px;
 position: relative;
 
}
#ticketFormLink1 li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#ticketFormLink1 li, #ticketFormLink1 a {height: 35px; display: block;}
#ticketFormLinkIcon {left: 0; width: 181px;}
#ticketFormLinkIcon a:hover {background: transparent url(../images/en/ticketOrder.jpg) 0 -35px no-repeat;}


/* registration */
#regist {

	margin-top: 5px;
	width: 100%;

	}
#agegp {

	border: 1px solid #CCCCCC;
	width: 100%;
	background-color: #FFFFFF;

	}
#regist tbody, #agegp tbody{

	text-align: left;
	padding: 0px;

	}
#regist thead {

	text-align: left;

	}
#regist th {

	background: #CCCCCC;
	color: #FFF;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;

	}
#regist td {

	background-color: #fff;
	color: #000;
	border-bottom: 1px dotted #CCCCCC;
	padding: 4px 20px 4px 6px;

	}
#agegp {background-color:#EEEEEE;}
#agegp td {

	color: #000;
	padding: 4px 20px 4px 6px;


	}
#regist td.action, #regist th.action {

	text-align: right;
	padding: 4px 10px 4px 6px;

	}
#agegp td.spacer, #agegp th.spacer {

	text-align: right;
	padding: 4px 0px 4px 2px;

	}
