/*-----------------------------------------------
'	Company: Community Engine (www.communityengine.com)
'	Copyright (c) 2009, All rights reserved.
'	Date Created: June 2009
'
'	Last Modified Date: 1st June, 2009
'
'	DO NOT MODIFY THIS DOCUMENT WITHOUT
'	NOTIFYING THE AUTHOR FIRST
'
------------------------------------------------*/ 

/* -------- Login -------- */
body.login { background: url(/images/Admin/global_bg_login.gif); }
div.login { width: 305px; height: auto; position: absolute; top: 50%; left: 50%; margin: -126px 0 0 -160px; overflow:  hidden; border:  1px solid #e5e5e5; padding:  20px 0 0; background: #fff; -moz-border-radius:						10px; border-bottom-color:					#ccc; border-right-color:						#ccc; }
div.login h1 { background: url(/images/Admin/soya_bw_logo.gif) no-repeat; width: 287px; height: 43px; text-indent: -9000px; margin-top: -10px; }
.login table td { padding: 0 0 10px 10px; text-align: left; font-family: "Lucida Grande", "Lucida Sans", Tahoma, Sans-serif; font-size: 9px; }
.login label { font-size: 10px; text-transform: uppercase; vertical-align: middle; }
.login input[type=text],
.login input[type=password] { padding: 3px; vertical-align: middle; width: 150px; font: normal 12px "Lucida Grande", "Lucida Sans", Tahoma, Sans-serif; color: #888 }
#login_LoginButton { float: right; margin: 0 18px 0 0; }
.login td span { padding: 0 0 0 10px; }
/* -------- Start Basic Structure -------- */

div.globalWrap { width: 970px; margin: 0 auto; }
div.header { position: relative; margin: 0 0 10px; height:  113px; }
div.header a.logo { background: url("../images/global_logo_soya.gif") no-repeat ; width: 410px; height: 113px; display: block; text-indent: -9000px; float:left;  }
div.newsletter { float:  right; position: relative; margin-top: 45px; text-align: right; }
div.newsletter img { display: block; margin: 0 0 3px; float: right; }
div.newsletter input { border: 1px solid #b1b1b3; padding: 3px 2px 2px; color:  #747475; text-transform: lowercase; font-size: 11px; width: 265px; font-family:Georgia, "Times New Roman", Times, serif; }
div.newsletter .btnSubmitDeux {color:#ffffff; padding:0px 10px; background-color:#666666; text-decoration: none;font-size:  11px; border:  none; text-transform:lowercase; width:69px; height:22px }
div.newsletter .btnSubmitDeux:hover{ color:#000000;}


.subscription { clear:  right; width:345px; *width:350px;  }
.subscription div.subInput{ float:left; margin-right:5px}
.subscription div.subButton{ float:right;}
.newsLetterInput {width: 150px; font-size:12px; font-weight:normal; color: #888;}
.thankYou { font-size: 12px; color: #000; display: none; padding: 15px 0 0!important; margin: 0!important; overflow: hidden; text-align: right; top:     30px; right: 0; position: absolute; width:300px; }

/* --------START Nav -------- */
ul.mainNav { width: 970px; display:block; background:black; clear:both; overflow:hidden;}
ul.mainNav li { float: left; height:29px;}
ul.mainNav li a { display: block; text-align:center; padding:7px 0px; color:#ffffff; background-color:#000; font-weight:bold; text-decoration:none; font-size:13px; }
ul.mainNav li a:hover,
ul.mainNav li a.selected { background-color:#ffff00; color:#000;  }
ul.mainNav li a.last{ text-align:center; padding: 7px 0px;}

#navHome{ width:80px;}
#navAbout{ width:80px;}
#navNews{ width:80px;}
#navEnter{ width:160px;}
#navCategories{ width:110px;}
#navMentors{ width:110px;}
#navPast{ width:140px;}
#navAwards{ width:130px;}
#navContact{ width:80px;}

/*ul.mainNav { width: 970px; display:block; background:pink; clear:both; overflow:hidden;}
ul.mainNav li { float: left; height:29px;}
ul.mainNav li a { display: block; text-align:center; min-width:88px; color:#ffffff; background-color:#000; font-weight:bold; text-decoration:none; font-size:13px; }
ul.mainNav li a:hover,
ul.mainNav li a.selected { background-color:#ffff00; color:#000;  }
ul.mainNav li a.last{ text-align:center; width:58px;}
/* -------- END Nav -------- */

/* --------START CONTEXT MENU -------- */
ul.subNav{ margin-top:10px;}
ul.subNav li{ margin:0; padding:0; _height:20px;}
ul.subNav li a{ display:block; padding:2px 0 2px 24px; text-decoration:none; color:#FFF; font-weight:bold; font-size:19px; text-transform:lowercase}
ul.subNav li a:hover,
ul.subNav li a.selected { color:#000;}
/* -------- END CONTEXT MENU -------- */

/* --------START CONTEXT MENU YELLOW -------- * /
ul.subNav{ margin:13px 0 0 0;}
ul.subNav li{ margin:1px 0 0 0;}
ul.subNav li a{ display:block; padding:15px 0 15px 24px; width:100%; text-decoration:none; color:#000; font-weight:bold; font-size:19px; text-transform:lowercase}
ul.subNav li a:hover,
ul.subNav li a.selected { color:#000; background: #ffff00;}
/* -------- END CONTEXT MENU YELLOW -------- */

/* -------- START FOOTER   -------- */
ul.footerNav{ float:left; font-size:11px; margin-bottom:16px; }
ul.footerNav li{ float:left; margin-top:16px; padding:0px 16px 0 16px; border-left:1px solid #666666 }
ul.footerNav li.first{padding:0px 16px 0 0px; border-left:none; clear:left;}
ul.footerNav li.last{padding:0px  0 0px 16px; border-left:none; clear:right;}
ul.footerNav li a{ display:block; padding:0000; font-weight:normal; font-size:10px;text-transform: lowercase; text-decoration: underline;color: #333333; }
ul.footerNav li a:hover{text-decoration: none;color: #333333;}
ul.footerNav li a.noUnderline{ text-decoration:none;}
ul.footerNav li a.noUnderline:hover{ text-decoration:underline;}
/* -------- END FOOTER -------- */

/* -------- START HERO IMAGES -------- */
.heroImage {  width:    670px; height:  322px;  top:   0;margin:  0 0 20px 00px;   }
.InnerSlideShow { background: url(/images/inner_bg_loading.jpg) no-repeat; margin:  0 0 20px 00px;  overflow: hidden; }
.InnerSlideShow img { width:    670px; height:  322px;  top:   0; }
/* -------- END HERO IMAGES -------- */


/* -------- START HOME ------- */
div.home { width: 970px; overflow: hidden; }
div.home div.colLeft { float: left; width: 668px; }
div.home div.colRight { float: left; width: 293px; }
ul.ctaTiles{width:302px;}
ul.ctaTiles li{background:url(../images/home-tilebg.jpg) repeat-x;  height:127px; position:relative;}
ul.ctaTiles li h2{ color:#fff; font-size:28px;padding:15px 15px 0 15px;}
ul.ctaTiles li p{ padding:0px 15px 0 15px;}
ul.ctaTiles li div.more{ float:right; top:90px; display:block; position:absolute; top:102px; right:0;}
ul.ctaTiles li div.more a{ color:#ffffff; display:block; padding:5px 10px; background-color:#666666; text-decoration:none;}
ul.ctaTiles li div.more a:hover{ color:#000000;}

.regCopy{ font-size:19px; font-style:italic;}
.prizeCopy{font-size:16px;}
.mentorCopy{font-size:19px;}
/* -------- START HOME ------- */


/* Mentors */

.mentors { display: none; }
li.btnNews { background: url(/images/home_btn_news.gif); font-size: 18px; font-weight: bold; text-transform: uppercase; color: #fff; padding: 30px 0 0; height: 96px!important }
li.btnNews a { display: block; color: #c57c1b; margin: 0 0 0 8px!important; padding:  0!important; line-height: 18px; }
li.btnNews a:hover { color: #fff; text-decoration: none; }
li.btnNews a.reverse { color: #fff; }



/* -------- main content -------- */
div.mainContent { width: 970px; overflow:  hidden; }
div.mainContent div.colLeft { float: left; width: 300px; overflow: hidden; height: expression(this.scrollHeight < 566? "566px" : "auto" );
}
div.mainContent div.colRight { float: right; width: 670px; padding-left: 00px;padding-bottom:20px; }

/* -------- footer -------- */

div.footer { margin:    0 auto; width: 970px; border-top: 3px solid #c6c8c9 }

/* -------- Start Custom bits -------- */


/* News Feed */

.rssFeed { float: right; text-transform: uppercase; margin: 0; background: url(../images/global_icon_rss.gif) no-repeat; width: 16px; height:    16px; text-indent:                            -9000px; }
ul.newsFeed { font-size: 12px; margin: 25px 0 0; }
ul.newsFeed li { margin: 0 0 25px; border-bottom: 1px solid #eee; color: #58585a; padding:0 0 10px 0 }
ul.newsFeed li a { font-weight: bold; }
ul.newsFeed li a.nonBold { font-weight: normal; }
/* Entry form */

.errorSummary { padding: 10px 20px 5px; margin:    0 0 10px; }
.errorSummary ul { margin: 10px 0 0; font-size: 12px; }
.errorSummary ul li { margin:    0 0 10px; }
.form { margin:  0 0 0 20px; }
.form label { font-size: 12px; margin:  3px 0 0; display:  block; }
.form span.description { font-size: 9px; text-transform: uppercase; display:  block; color:  #888; margin: -10px 0 10px 0; _margin: 0 0 10px 0; }
.form br.cDiv { margin:  0 0 5px; }
.notice { color:  red; }
.form .txtField, #ctrReferFriend .txtField { font-size: 10px; padding:  3px; border:  1px solid #e5e5e5!important }
.form .txtField { width:  300px;margin: 0 0 10px; }
.textArea { width:  600px; height: 150px; font-size: 10px; padding:  3px; margin: 0 0 10px!important; border:  1px solid #e5e5e5!important; font: normal 11px arial, sans-serif; display:   block; }
.form select { width:  307px; font-size: 10px; padding:  3px; margin: 0 0 10px; border:  1px solid #e5e5e5!important }
.chkBoxCategories { margin:  3px 0 0 10px; }
.chkBoxCategories td { padding: 0 0 3px }
.chkBoxCategories input { float: left; }
.chkBoxCategories label { width: 200px; float: left; margin:  1px 0 0 5px!important; font-size: 10px; }
.lblTxtArea { width: 300px!important }
.form p { padding:  20px 0 0; }
em { font-style: italic }
.cDiv { clear:  left; }
.error { }
.btnSubmit { background: #666666; color:  #fff; text-decoration: none; font-size:  10px; border:  none; padding: 5px; text-transform: uppercase; }
.btnSubmitHover { color:  #000; }
/* Upload styles  */

.progressWrapper { width:  357px; overflow: hidden; }
.progressContainer { margin:  5px; padding:  4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow:	 hidden; }
.progressContainer .red { /* Error */ border:  solid 1px #B50000; background-color: #FFEBEB; }
.progressContainer .green { /* Current */ border:  solid 1px #DDF0DD; background-color: #EBFFEB; }
.progressContainer .blue { /* Complete */ border:  solid 1px #CEE2F2; background-color: #F0F5FF; }
.progressName { font-size:  8pt; font-weight: bold; color:  #555555; width:  323px; height:  14px; text-align: left; white-space: nowrap; overflow:  hidden; }
.progressBarInProgress,
.progressBarComplete,
.progressBarError { font-size:	 0px; width:  0%; height:  2px; background-color: blue; margin-top: 2px; }
.progressBarComplete { width:  100%; background-color: green; visibility: hidden; }
.progressBarError { width:  100%; background-color: red; visibility: hidden; }
.progressBarStatus { margin-top: 2px; width:  337px; font-size:  7pt; font-family: Verdana; text-align: left; white-space: nowrap; }
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover { font-size:  0px; display:  block; height:  14px; width:  14px; float:  right; }
a.progressCancel:hover { background-position: 0px 0px; }
.disabled { background: #eee!important; color: #999; text-decoration: none; font-size:  10px; border:  none; padding: 5px; }
.message { position: absolute; top: 0; }
.pagination { font-size: 12px; margin:    25px; text-align: right; }

/****** Refer a friend styles **********/
#ctrReferFriend label
{
	font-weight:bold;
	padding:0px 4px;
}

#ctrReferFriend .btnSubmit 
{
	background-color: #666666;
	float:right;
	color:#FFFFFF;
	text-transform:lowercase;
}
#ctrReferFriend .txtField {width:140px;}
#ctrReferFriend .email { width:200px; _width:180px;} 
#lnkReferFriend{margin:0px 0 0 24px; display:block;}