﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
	background-color: #345b04;
	font-size: .8em;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	color: #696969;
	background-image: url(     "../Images/bg2.jpg" );
	background-repeat: no-repeat;
	background-position: top center;
}
form
{
	padding: 0;
	margin: 0;
}
a:link
{
	color: #d45e0e;
	text-decoration: underline;
}
a:visited
{
	color: #d45e0e;
}
a:hover
{
	color: #d45e0e;
	text-decoration: none;
}
a:active
{
	color: #d45e0e;
}

p, ul
{
	margin-bottom: 20px;
	line-height: 1.6em;
}



/* Headings   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	font-family: Verdana, Helvetica, Sans-Serif;
}

h1
{
	font-size: 2.0em;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #111111;
	background-color: #959595;
}
h2
{
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 1.6em;
	font-weight: normal;
}
h3
{
	font-size: 1.2em;
	padding: 0 0 10px 0;
	margin: 0;
}
h4
{
	font-size: 1.1em;
	padding: 0 0 10px 0;
	margin: 0;
}
h5, h6
{
	font-size: 1em;
	padding: 0 0 10px 0;
	margin: 0;
}
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0;
}



/* Master Page   
----------------------------------------------------------*/
#container
{
	margin: auto;
	padding: auto;
	position: relative;
}
#top
{
	margin: auto;
	padding: auto;
	width: 1000px;
	height: 359px;
	position: relative;
}
#top_black_bar
{
	margin: auto;
	padding: auto;
	width: 1000px;
	height: 32px;
	position: relative;
}
#tag_line
{
	margin: auto;
	padding: auto;
	width: 1000px;
	height: 32px;
	position: relative;
	background-image: url(     "../Images/tag_line.jpg" );
}
#login_bg
{
	margin: auto;
	padding: auto;
	width: 1000px;
	height: 32px;
	position: relative;
}
#logo_slide
{
	margin: auto;
	padding: auto;
	width: 1000px;
	height: 230px;
	position: relative;
}
#logo
{
	margin: 0;
	padding: 0;
	width: 481px;
	height: 230px;
	position: relative;
	background-image: url(     "../Images/amped_logo.jpg" );
	float: left;
}
#slide
{
	margin: 0;
	padding: 0;
	width: 519px;
	height: 230px;
	position: relative;
	background-image: url(     "../Images/slide_bg.jpg" );
	float: left;
}
#main_nav
{
	margin: auto;
	padding: auto;
	width: 1000px;
	height: 65px;
	position: relative;
	background-image: url(     "../Images/nav_bg.png" );
}
#middle
{
	margin: auto;
	padding: auto;
	width: 100%;
	min-height: 275px;
	position: relative;
	background-color: #528f07;
}
#middle_container
{
	margin: auto;
	padding: 0 15px 15px 15px;
	width: 970px;
	min-height: 275px;
	position: relative;
	background-image: url(     "../Images/content_tile.jpg" );
}
#main_content
{
	float: left;
}
#bottom
{
	margin: auto;
	padding: auto;
	width: 100%;
	height: 100px;
	position: relative;
}
#footer
{
	margin: auto;
	padding: auto;
	width: 1000px;
	height: 100px;
	position: relative;
	background-image: url(     "../Images/footer_bg.jpg" );
	color: White;
}
.veil_background {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: Black;
	filter: alpha(opacity=40);
	opacity: 0.4;
}
.veil_popup {
	position: fixed;
	top: 40%;
	left: 50%;
	padding-top: 4px;
	margin-left: -115px;
	width: 230px;
	height: 40px;
	border: 4px solid #696969;
	background-color: White;
	font-size: 10pt;
	text-align: center;
	z-index: 10000;
}


/* Log In   
----------------------------------------------------------*/
.master_login div
{
	float: left;
	z-index: 1000;
}
.master_login input
{
}
.login_btn
{
	width: 65px;
	height: 22px;
	display: block;
	border: 0px none;
	color: White;
	text-align: center;
	background-image: url(     "../Images/login_btn.jpg" );
	cursor: pointer;
}



/* Main Nav   
----------------------------------------------------------*/
.left_nav ul
{
	list-style: none;
	margin: 5px 0 0 5px;
	padding: 0;
}
.left_nav li
{
	float: left;
	margin: 0;
	padding: 0;
}
.contest_btn a
{
	width: 114px;
	height: 50px;
	display: block;
	color: #f1881d;
	text-align: center;
	background-image: url(     "../Images/contest_btn_up.jpg" );
	font-size: 0pt;
}
.contest_btn a:hover
{
	width: 114px;
	height: 50px;
	display: block;
	color: #c7541b;
	text-align: center;
	background-image: url(     "../Images/contest_btn_dwn.jpg" );
	font-size: 0pt;
}
.rules_btn a
{
	width: 79px;
	height: 50px;
	display: block;
	color: #f1881d;
	text-align: center;
	background-image: url(     "../Images/rules_btn_up.jpg" );
	font-size: 0pt;
}
.rules_btn a:hover
{
	width: 79px;
	height: 50px;
	display: block;
	color: #c7541b;
	text-align: center;
	background-image: url(     "../Images/rules_btn_dwn.jpg" );
	font-size: 0pt;
}
.scoring_btn a
{
	width: 259px;
	height: 50px;
	display: block;
	color: #f1881d;
	text-align: center;
	background-image: url(     "../Images/scoring_btn_up.jpg" );
	font-size: 0pt;
}
.scoring_btn a:hover
{
	width: 259px;
	height: 50px;
	display: block;
	color: #c7541b;
	text-align: center;
	background-image: url(     "../Images/scoring_btn_dwn.jpg" );
	font-size: 0pt;
}
.leaderboard_btn a
{
	width: 157px;
	height: 50px;
	display: block;
	color: #f1881d;
	text-align: center;
	background-image: url(     "../Images/leaderboard_btn_up.jpg" );
	font-size: 0pt;
}
.leaderboard_btn a:hover
{
	width: 157px;
	height: 50px;
	display: block;
	color: #c7541b;
	text-align: center;
	background-image: url(     "../Images/leaderboard_btn_dwn.jpg" );
	font-size: 0pt;
}
.faq_btn a
{
	width: 81px;
	height: 50px;
	display: block;
	color: #f1881d;
	text-align: center;
	background-image: url(     "../Images/faq_btn_up.jpg" );
	font-size: 0pt;
}
.faq_btn a:hover
{
	width: 81px;
	height: 50px;
	display: block;
	color: #c7541b;
	text-align: center;
	background-image: url(     "../Images/faq_btn_dwn.jpg" );
	font-size: 0pt;
}
.my_account_btn a
{
	width: 142px;
	height: 50px;
	display: block;
	color: #f1881d;
	text-align: center;
	background-image: url(     "../Images/my_account_btn_up.jpg" );
	font-size: 0pt;
}
.my_account_btn a:hover
{
	width: 142px;
	height: 50px;
	display: block;
	color: #c7541b;
	text-align: center;
	background-image: url(     "../Images/my_account_btn_dwn.jpg" );
	font-size: 0pt;
}
.right_nav ul
{
	list-style: none;
	margin: 5px 5px 0 0;
	padding: 0;
}
.right_nav li
{
}
.account_btn a
{
	width: 270px;
	height: 50px;
	display: block;
	color: #19b6e1;
	text-align: center;
	background-image: url(     "../Images/newAccount_btn_up.jpg" );
	font-size: 0pt;
}
.account_btn a:hover
{
	width: 270px;
	height: 50px;
	display: block;
	color: #1a7b9e;
	text-align: center;
	background-image: url(     "../Images/newaccount_btn_dwn.jpg" );
	font-size: 0pt;
}



/* Main pages   
----------------------------------------------------------*/
.page_container
{
	width: 100%;
}
.page_container table
{
	width: 100%;
	margin: 0;
	padding: 0;
	border-left: solid 1px #959595;
	border-collapse: collapse;
}
.page_container th
{
	background-color: #464646;
	width: 200px;
	text-align: left;
	font-weight: normal;
	color: White;
	padding: 5px;
	border-bottom: solid 1px #959595;
	border-right: solid 1px #959595;
}
.page_container td
{
	padding: 5px;
	border-bottom: solid 1px #959595;
	border-right: solid 1px #959595;
}
.pager_page
{
	background-color: #d45e0e;
	text-align: left;
	font-weight: normal;
	color: White;
	padding: 5px;
}
.pager_page a
{
	color: White;
}
.pager_page a:hover
{
	color: White;
}



/* Contest Details   
----------------------------------------------------------*/
.contest_details_container
{
	width: 100%;
}
.contest_details_container table
{
	width: 100%;
	margin: 0;
	padding: 0;
	border-left: solid 1px #959595;
	border-collapse: collapse;
}
.contest_details_container th
{
	background-color: #464646;
	width: 100px;
	text-align: left;
	font-weight: normal;
	color: White;
	padding: 5px;
	border-bottom: solid 1px #959595;
	border-right: solid 1px #959595;
}
.contest_details_container td
{
	padding: 5px;
	border-bottom: solid 1px #959595;
	border-right: solid 1px #959595;
	background-color: White;
}



/* User Account   
----------------------------------------------------------*/
#account_nav
{
	float: left;
	width: 232px;
}
#admin_nav
{
	float: left;
	width: 232px;
}
.account_container
{
	width: 728px;
	margin-left: 10px;
}
.account_container table
{
	width: 100%;
	margin: 0;
	padding: 0;
	border-left: solid 1px #959595;
	border-collapse: collapse;
}
.account_container th
{
	background-color: #464646;
	width: 200px;
	text-align: left;
	font-weight: normal;
	color: White;
	padding: 5px;
	border-bottom: solid 1px #959595;
	border-right: solid 1px #959595;
}
.account_container td
{
	padding: 5px;
	border-bottom: solid 1px #959595;
	border-right: solid 1px #959595;
	background-color: White;
}
.account_btns
{
	float: right;
}
.account_btn_sml
{
	width: 124px;
	height: 27px;
	font-size: 12pt;
	padding: 0 0 0 32px;
	display: block;
	border: 0px none;
	color: White;
	text-align: left;
	background-image: url(     "../Images/account_btn_sml.jpg" );
	text-decoration: none;
	cursor: pointer;
}
.account_link_med a
{
	width: 148px;
	height: 27px;
	font-size: 12pt;
	padding: 5px 0 0 32px;
	display: block;
	border: 0px none;
	color: White;
	text-align: left;
	background-image: url(     "../Images/account_btn_med.jpg" );
	text-decoration: none;
	cursor: pointer;
}
.account_link_med a:hover
{
	text-decoration: none;
}
.account_btn_med
{
	width: 180px;
	height: 32px;
	font-size: 12pt;
	padding: 0 0 3px 32px;
	display: block;
	border: 0px none;
	color: White;
	text-align: left;
	background-image: url(     "../Images/account_btn_med.jpg" );
	text-decoration: none;
	cursor: pointer;
}
.account_instructions
{
	padding: 5px;
	border-left: solid 1px #959595;
	border-right: solid 1px #959595;
	border-bottom: solid 1px #959595;
	background-color: White;
}


/* Contest page
----------------------------------------------------------*/
.contest_table
{
}
.contest_table table
{
	border: solid 1px #959595;
	border-collapse: collapse;
	width: 100%;
}

.contest_table table td
{
	padding: 5px;
	border-top: solid 1px #959595;
	border-right: solid 1px #959595;
	background-image: url(     "../Images/td_bg.jpg" );
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: White;
}
.contest_table table th
{
	padding: 5px;
	border-top: solid 1px #959595;
	border-right: solid 1px #959595;
	background-image: url(     "../Images/th_bg.jpg" );
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: White;
	color: White;
	text-align: left;
	font-weight: normal;
}
.contest_table table th a
{
	color: White;
}
.contest_table table th a:hover
{
	color: White;
}


/* Random Stuff  
----------------------------------------------------------*/
.create_link a
{
	width: 232px;
	height: 32px;
	display: block;
	border: 0px none;
	color: #1ac2f0;
	text-align: center;
	background-image: url(     "../Images/create_link_up.jpg" );
	cursor: pointer;
	font-size: 0pt;
}
.create_link a:hover
{
	width: 232px;
	height: 32px;
	display: block;
	border: 0px none;
	color: #1a6f90;
	text-align: center;
	background-image: url(     "../Images/create_link_dwn.jpg" );
	cursor: pointer;
	font-size: 0pt;
}
.join_link a
{
	width: 232px;
	height: 32px;
	display: block;
	border: 0px none;
	color: #1ac2f0;
	text-align: center;
	background-image: url(     "../Images/join_contest_btn_up.jpg" );
	cursor: pointer;
	font-size: 0pt;
}
.join_link a:hover
{
	width: 232px;
	height: 32px;
	display: block;
	border: 0px none;
	color: #1a6f90;
	text-align: center;
	background-image: url(     "../Images/join_contest_btn_dwn.jpg" );
	cursor: pointer;
	font-size: 0pt;
}
.refer_link a
{
	width: 232px;
	height: 32px;
	display: block;
	border: 0px none;
	color: #1ac2f0;
	text-align: center;
	background-image: url(     "../Images/refer_link_up.jpg" );
	cursor: pointer;
	font-size: 0pt;
}
.refer_link a:hover
{
	width: 232px;
	height: 32px;
	display: block;
	border: 0px none;
	color: #1a6f90;
	text-align: center;
	background-image: url(     "../Images/refer_link_dwn.jpg" );
	cursor: pointer;
	font-size: 0pt;
}
.clear
{
	clear: both;
}
.error
{
	color: Red;
}
#menucontainer
{
	margin-top: 40px;
}

div#title
{
	display: block;
	float: left;
	text-align: left;
}
#logindisplay
{
	font-size: 1.1em;
	display: block;
	text-align: right;
	margin: 0;
	color: White;
}

#logindisplay a:link
{
	color: white;
	text-decoration: underline;
}

#logindisplay a:visited
{
	color: white;
	text-decoration: underline;
}

#logindisplay a:hover
{
	color: white;
	text-decoration: none;
}

.field-validation-error
{
	color: #ff0000;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}
.validation-summary-errors
{
	color: #ff0000;
}



/* Easy Slider  
----------------------------------------------------------*/
#slider ul, #slider li, #slider2 ul, #slider2 li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider2
{
	margin-top: 1em;
}
#slider li, #slider2 li
{
	/*define width and height of list item (slide) entire slider area will adjust according to the parameters provided here*/
	width: 509px;
	height: 191px;
	overflow: hidden;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev
{
	display: none;
	width: 30px;
	height: 77px;
	position: absolute;
	left: -30px;
	top: 71px;
	z-index: 1000;
}
#nextBtn, #slider1next
{
	left: 509px;
}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a
{
	display: none;
	position: relative;
	width: 30px;
	height: 77px;
}
#nextBtn a, #slider1next a
{
}
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next
{
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	text-indent: -8000px;
}



/* New To Site Panel
----------------------------------------------------------*/
#toppanel_center
{
	top: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#toppanel
{
	position: absolute; /*Panel will overlap  content */ /*position: relative;*/ /*Panel will "push" the content down */
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1;
	text-align: center;
}

#panel
{
	width: 100%;
	height: 370px;
	margin: auto;
	padding: auto;
	background: Black;
	overflow: hidden;
	position: relative;
	display: none;
	text-align: center;
}
#panel_container
{
	width: 1000px;
	text-align: left;
	color: White;
	margin: auto;
	padding: auto;
}
.tab
{
	height: 32px;
	position: relative;
	top: 0;
	z-index: 1;
	margin: auto;
	padding: auto;
	text-align: center;
	width: 100%;
}

.tab ul
{
	display: block;
	position: relative;
	float: left;
	clear: right;
	height: 32px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

.tab ul li
{
	margin: auto;
	padding: auto;
	display: block;
	float: left;
	height: 32px;
	text-align: center;
	width: 100%;
}

.tab a.open, .tab a.close
{
	cursor: pointer;
	display: block;
	position: relative;
	top: 0px;
	margin: 0;
	padding: 0;
}

.the_process
{
	width: 1000px;
	height: 244px;
	background-image: url(     "../Images/the_process.jpg" );
}
