/* CSS Document */
/* Asia Pacific Enterprise Experience*/
/* Created By Ardhian Satrya */

/**** CSS RESET ****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/**** end CSS reset ****/
* {
   margin: 0;
}

html, body {
  height: 100%;
  background:#f4f4f4;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  font-size:12px;
  line-height:18px;
}

#wrapper {
 	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 20px;
	width:940px;
	position:relative;
}

#header {
	margin-left:40px;
}

#logo {
	margin:10px 0 20px;
	float:left;
}

#logo h1 a{
	display:block;
	background:transparent url(../images/apee-logo.gif) no-repeat 0 0;
	width:300px;
	height:166px;
	text-indent:-9999px;
}

/*----------Main Nav--------------*/
#nav {
	background:transparent url(../images/navbg.gif) no-repeat 0 0;
	width:380px;
	height:49px;
	position:absolute;
	top:0;
	right:0;
	padding:15px 20px 0;
}

#nav li {
	display:inline;
}

a.home, a.home:hover, a.challenge, a.challenge:hover, a.contact, a.contact:hover, a.loginbtn, a.loginbtn:hover {
	float:left;
	display:block;
	background:transparent url(../images/navigation.png) no-repeat 0 0;
	height:30px;
	text-indent:-9999px;
}

a.home, a.home:hover {
	width:78px;
}

a.home:hover{
	background-position: 0 -30px;
}

a.challenge, a.challenge:hover {
	width:114px;
	background-position:-78px 0;
}

a.challenge:hover {
	background-position:-78px -30px;
}

a.contact, a.contact:hover {
	width:114px;
	background-position:-192px 0;
}

a.contact:hover {
	background-position:-192px -30px;
}

a.loginbtn, a.loginbtn:hover {
	width:74px;
	background-position:-306px 0;
}

a.loginbtn:hover {
	background-position:-306px -30px;
}

/*---------- End Main Nav--------------*/
/*---------- Login Div --------------*/
.login{
	background:transparent url(../images/loginbg-btm.jpg) no-repeat bottom left;
	position:absolute;
	top:0;
	right:0;
	width:418px;
	padding-bottom:12px;
	display:block;
	padding-top:40px;
}

#login-form {
	background:transparent url(../images/loginbg.jpg) repeat-y 0 0;
	padding:75px 40px 10px;
}

#login-form label{display:inline;vertical-align:middle;}
#login-form input {line-height:1em;}

.go-submit, .go-submit:hover {
	float:right;
	margin-top:5px;
	display:inline;
	background:transparent url(../images/buttons.gif) no-repeat -180px 0;
	width:70px;
	height:30px;
	text-indent:-9999px;
	border:none 0;
	cursor:pointer;
}

 .go-submit:hover{background-position: -180px -30px;}

.login small {line-height:12px;}
.login p {margin-bottom:5px;}

#email {
	margin-right:10px;
}

.forgot-pass{
	display:inline;
	float:right;
	margin-right:5px;
}
/*---------- End Login Div --------------*/
.main-content {
	background:transparent url(../images/mainbg-btm.gif) no-repeat bottom center;
	width:580px;
	float:left;
	padding:0 0 40px;
	margin-bottom:20px;
}

.main {
	background:transparent url(../images/mainbg-top.gif) no-repeat top center;
	padding:30px 40px 0;
	text-align:justify;
}

.main-left {
	width:300px;
	margin-right:20px;
}

.index-side {
	background:transparent url(../images/sidebg-btm.gif) no-repeat bottom center;
	float:right;
	width:340px;
	padding:0 0 20px;
	margin-bottom:20px;
}

.content{
	position: relative;
}

.side-content {
	float:left;
	background:transparent url(../images/sidebg-top.gif) no-repeat top center;
	padding:0 40px;
	text-align:justify;
}

.content-bottom{
	display:block;
	clear:both;
	background:transparent url(../images/main-btm-bg.gif) no-repeat top left;
	padding:10px 20px;
}

.bottom-section {
	display:inline;
	float:left;
	margin-left:20px;
	position:relative;
}

.countries-side {position:relative; height:114px;}

/*------------Countries Hover------------------*/
.countries-block{width:268px;}

a.australia, a.brunei, a.indonesia, a.japan, a.malaysia, a.new-zealand, a.philippines, a.singapore, a.vietnam {
	display:block;
	width:44px;
	height:32px;
	position:absolute;
	top:57px;
}

a.new-zealand, a.philippines, a.singapore, a.vietnam{top:113px;}
a.australia{left:4px;}
a.brunei{left:58px}
a.indonesia{left:113px;}
a.japan{left:167px;}
a.malaysia{left:221px;}
a.new-zealand{left:32px;}
a.philippines{left:86px;}
a.singapore{left:140px;}
a.vietnam{left:194px;}
/*------------End Countries Hover------------------*/
/*------------Countries Hover SIDE------------------*/
a.australia2, a.brunei2, a.indonesia2, a.japan2, a.malaysia2, a.new-zealand2, a.philippines2, a.singapore2, a.vietnam2 {
	display:block;
	width:44px;
	height:32px;
	position:absolute;
	top:0 px;
}

a.new-zealand2, a.philippines2, a.singapore2, a.vietnam2{top:60px;}
a.australia2{left:4px;}
a.brunei2{left:58px}
a.indonesia2{left:113px;}
a.japan2{left:167px;}
a.malaysia2{left:221px;}
a.new-zealand2{left:32px;}
a.philippines2{left:87px;}
a.singapore2{left:140px;}
a.vietnam2{left:194px;}
/*------------End Countries Hover SIDE------------------*/

#footer {
	margin: 0 auto;
	width:960px;
	color:#fff;
	clear:both;
}

.footer-top {
	background:url(../images/footerbg-top.jpg) no-repeat top center;
	height:15px;
}

.footer-content {
	background:url(../images/footerbg.jpg) repeat-y;
	margin:0 10px;
	padding:0 40px;
	height:25px;
	font-size:11px;
}

.left {float:left;}
.right {float:right;}
.clearfix{clear:both;}
.divider{
	display:block;
	background:transparent url(../images/hor-div.gif) no-repeat 0 0;
	width:260px;
	height:6px;
	margin:10px 0 20px;
}

.vertical-divider{
	display:block;
	background:transparent url(../images/ver-div.gif) no-repeat 0 0;
	width:5px;
	height:139px;
	margin:20px 0 0 20px;
}
/*---------- Typography & Links --------------*/
p{margin-bottom:18px;}
h2 {margin-bottom:24px; color:#ad0101;}
h3 {margin:18px 0;}
p.bigger{font-size:14px;margin-top:10px;}

h2.introduction{
	display:block;
	background:transparent url(../images/intro-title.gif) no-repeat 0 0;
	width:190px;
	height:23px;
	text-indent:-9999px;
}

h2.results{
	display:block;
	background:transparent url(../images/results.gif) no-repeat 0 0;
	width:190px;
	height:23px;
	text-indent:-9999px;
}

h2.rules{
	display:block;
	background:transparent url(../images/rules-title.gif) no-repeat 0 0;
	width:314px;
	height:22px;
	text-indent:-9999px;
}

h2.case1-title{
	display:block;
	background:transparent url(../images/case1-title.gif) no-repeat 0 0;
	width:165px;
	height:23px;
	text-indent:-9999px;
}

h2.bysi-title{
	display:block;
	background:transparent url(../images/bysi-title.gif) no-repeat 0 0;
	width:535px;
	height:24px;
	text-indent:-9999px;
}

 

h2.sakae-title{
	display:block;
	background:transparent url(../images/sakae-title2.gif) no-repeat 0 0;
	width:309px;
	height:23px;
	text-indent:-9999px;
}

h2.case2-title{
	display:block;
	background:transparent url(../images/case2-title.gif) no-repeat 0 0;
	width:167px;
	height:23px;
	text-indent:-9999px;
}

h2.case3-title{
	display:block;
	background:transparent url(../images/case3-title.gif) no-repeat 0 0;
	width:167px;
	height:25px;
	text-indent:-9999px;
}

h2.contact-title{
	display:block;
	background:transparent url(../images/contact-title.gif) no-repeat 0 0;
	width:158px;
	height:23px;
	text-indent:-9999px;
}

h2.privacy-title{
	display:block;
	background:transparent url(../images/privacy-title.gif) no-repeat 0 0;
	width:197px;
	height:22px;
	text-indent:-9999px;
}

h2.terms-title{
	display:block;
	background:transparent url(../images/terms-title.gif) no-repeat 0 0;
	width:178px;
	height:23px;
	text-indent:-9999px;
}

h2.proposal-title{
	display:block;
	background:transparent url(../images/proposal-title.gif) no-repeat 0 0;
	width:259px;
	height:23px;
	text-indent:-9999px;
}

h2.profile-title{
	display:block;
	background:transparent url(../images/profile-title.gif) no-repeat 0 0;
	width:96px;
	height:22px;
	text-indent:-9999px;
}

h3.gew, h3.organiser, h3.countries, h3.companies {
	display:block;
	height:14px;
	text-indent:-9999px;
	margin:20px 0;
}

h3.gew {background:transparent url(../images/gew-title.gif) no-repeat 0 0; width:257px; margin:40px 0 20px;}
h3.organiser {background:transparent url(../images/organised-title.gif) no-repeat 0 0; width:109px;}
h3.countries {background:transparent url(../images/countries-title.gif) no-repeat 0 0; width:202px;}
h3.companies {background:transparent url(../images/companies-title.gif) no-repeat 0 0; width:206px;}

h3.eligibility, h3.submission, h3.timeline, h3.prizes{padding-left:30px;height:20px;}

h3.eligibility{background:transparent url(../images/eligibility.gif) no-repeat top left;}
h3.submission{background:transparent url(../images/format.gif) no-repeat top left;}
h3.timeline{background:transparent url(../images/calendar.gif) no-repeat top left;}
h3.prizes{background:transparent url(../images/prize.gif) no-repeat top left;}

a, a:hover{text-decoration:none; color:#ee7f00;}
a:hover{color:#ad0101;}

#footer a, #footer a:hover{color:#fff;}

#footer a:hover{text-decoration:underline;}

img {margin-bottom:10px;}

a.ace {
	float:left;
	display:block;
	background:transparent url(../images/ace-logo.gif) no-repeat 0 0;
	width:127px;
	height:49px;
	margin:0 40px 10px 0;
	text-indent:-9999px;
}

a.nus {
	float:left;
	display:block;
	background:transparent url(../images/nus-logo.gif) no-repeat 0 0;
	width:78px;
	height:55px;
	text-indent:-9999px;
}

a.email, a.email:hover {
	display:block;
	background:transparent url(../images/email.gif) no-repeat 0 0;
	width:200px;
	height:43px;
	text-indent:-9999px;
	margin-top:10px;
	float:right;
}

a.email:hover{background-position:0 -43px;}

.challenge-btn, .challenge-btn:hover, .submit-reg-btn, .submit-reg-btn:hover{
	display:block;
	background:transparent url(../images/buttons.gif) no-repeat 0 0;
	height:30px;
	text-indent:-9999px;
}

.challenge-btn, .challenge-btn:hover{width:180px;}
.challenge-btn:hover{background-position:0 -30px;}
.submit-reg-btn, .submit-reg-btn:hover{width:150px; background-position: -250px 0;}
.submit-reg-btn:hover{background-position: -250px -30px;}

/*---------- End Typography & Links --------------*/

/* Tabs----------------------------------*/
#tabs{
	margin-left:40px;
	width:900px;
}


.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px;border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { width: 940px; }
.ui-tabs-vertical .ui-tabs-nav { float: left; width: 240px; margin-top:10px; display:inline; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; padding:2px 0;}
.ui-tabs-vertical .ui-tabs-nav li a { display:block; height:50px; width: 240px; text-indent:-9999px;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {padding:2px 0;}
.ui-tabs-vertical .ui-tabs-panel { padding: 40px; float:left;
margin-left:0; width: 580px!important; width: 577px; background:
transparent url(../images/mainbg-top2.gif) no-repeat top center;
display:inline;}



a.rules-tab, a.rules-tab:hover, li.ui-tabs-selected a.rules-tab, a.case1-tab, a.case1-tab:hover, li.ui-tabs-selected a.case1-tab, a.case2-tab, a.case2-tab:hover, li.ui-tabs-selected a.case2-tab, a.privacy-tab, a.privacy-tab:hover, li.ui-tabs-selected a.privacy-tab, a.terms-tab, a.terms-tab:hover, li.ui-tabs-selected a.terms-tab{background:transparent url(../images/tabs.gif) no-repeat 0 0;}

a.rules-tab {background-position: 0 -100px;}
a.rules-tab:hover, li.ui-tabs-selected a.rules-tab {background-position: -240px -100px;}
a.case1-tab {background-position: 0 -200px;}
a.case1-tab:hover, li.ui-tabs-selected a.case1-tab {background-position: -240px -200px;}
a.case2-tab {background-position: 0 -250px;}
a.case2-tab:hover, li.ui-tabs-selected a.case2-tab  {background-position: -240px -250px;}
<!--a.case3-tab {background-position: 0 -300px;}-->
<!--a.case3-tab:hover, li.ui-tabs-selected a.case3-tab  {background-position: -240px -300px;}-->
a.privacy-tab {background-position: 0 -400px;}
a.privacy-tab:hover, li.ui-tabs-selected a.privacy-tab {background-position: -240px -400px;}
a.terms-tab {background-position: 0 -450px;}
a.terms-tab:hover, li.ui-tabs-selected a.terms-tab {background-position: -240px -450px;}

a.companies-logo {margin-right:10px;}

a.view-tab, a.view-tab:hover, a.edit-tab, a.edit-tab:hover {
	background:transparent url(../images/profile-tabs.gif) no-repeat 0 0;
	display:block;
	height:50px;
	width:240px;
	text-indent:-9999px;
	position:absolute;
	top:3px;
	left:0;
}

a.view-tab:hover{background-position: -240px 0;}
a.edit-tab{background-position: 0 -50px;}
a.edit-tab:hover{background-position: -240px -50px;}

a.summary-tab, a.summary-tab:hover, li.ui-tabs-selected a.summary-tab {background: none;}


.ui-tabs .ui-tabs-panel ul {
	list-style:disc inside;
	margin-bottom:18px;
	padding-left:1em;
	text-indent:-1em;
}

.ui-tabs .ui-tabs-panel ol {
	list-style:decimal inside;
	margin-bottom:18px;
	padding-left:1.8em;
	text-indent:-1.6em;
}

.ui-tabs .ui-tabs-panel ol.privacy li{
	margin-bottom:18px;
}

.ui-tabs .ui-tabs-panel h3 {
	color:#ad0101;
	margin:21px 0 4px;
}

.ui-tabs .ui-tabs-panel strong {color:#ad0101;}

.ui-tabs .ui-tabs-panel h4 {
	color:#ee7f00;
	margin:0;
}