@charset "utf-8";
/* CSS Document */
/* inclusive classes*/
.margin-0 {margin:0}
.padding-0 {padding:0}
.padding-10 {padding:10px}
.pad10Left {padding:0px 0px 0px 10px}
.floatLeft {float:left}
.floatRight {float:right}
.clearLeft {clear:left}
.clearRight {clear:right}
.clearBoth {clear:both}
.vhide{visibility:hidden}
.fBold {font-weight:bold}
.fnormal {font-weight:normal}
.fSize11 {font-size:11px}
.fSize10 {font-size:10px}
.fSize13 {font-size:13px}
.leftalign {text-align:left}
.fsize20 {font-size:20px}
.textShadowBlack {text-shadow:#000 1px 1px}
.textShadowWhite {text-shadow:#fff 1px 1px}
.textShadowBrown {text-shadow:#462a08 1px 1px}
.textShadowHighlight {text-shadow:#bf7a28 -1px -1px}
.textHighlight {background:#ffe5c5; color:#462a08}
.textHighlight2 {background:#f9f9c3;}
.inline-sep10{padding:0 5px; display:inline-block}
.inline-sep40{padding:0 20px; display:inline-block}
.seperator40 {clear:both; height:40px;width:100%;}
.seperator60 {clear:both; height:60px;width:100%;}
.seperator30 {clear:both; height:30px;width:100%;}
.seperator20 {clear:both; height:20px;width:100%;}
.seperator15 {clear:both; height:15px;width:100%;}
.seperator10 {clear:both; height:10px;width:100%;}
.seperator05 {width:5px;}
.width135 {width:135px}
.register-sep05{height:5px; width:100%; clear:both;	background:url(../images/bg_seperator.png) top center no-repeat; }
.greyText {color:grey}
.blackText {color:black}
.creamtext {color:#FFCC99}
.yellowText {color:#F4E583}
.textNote{color:#F30}
.sectionEnd {text-align:center;  padding-top:10px; display:block; width:99%}
.tooltip .tip {display:none; z-index:1001; font-size:11px}
.tooltip:hover .tip{display:inline; position:absolute; margin:20px 0 0-40px; border:1px solid #e7e1b7; padding:5px; width:150px; background:#fdfad8; color:#745D09;}
/* ----Inclusive classes ends here---- */


/*Stryling of homepage register section*/
.registerWrapper {
	height:90px; 
	width:100%; 
	clear:both
}
.welcomeTextWrapper {
	color:#000;
	float:left;
	clear:left;
	width:50%;
}
.welcomeText {
	color:#7c640c; 
	font-size:13px; 
	margin:15px 0 0 5px;
	line-height:20px;
}
.welcomeTextUpdate {
	font-size:22px; 
	margin:0 0 0 5px
}
.registerBtnPanel {
	color:#000;
	float:left;
	clear:right;
	width:50%;
}
/* ---end of pre-register page---*/
/* styling of the play page*/
.mapWrapper {
	height:530px;
	width:750px;
}
.mapElement{
	display:inline-block;
	float:left;	
}

/* ---end of map page styling---*/

.mapArea {
	width:460px
	
}

/*specifying position of the map button element*/
.mapElement Input{
	border:none; 
	width:34px; 
	height:41px; 
	position:absolute
}

.unanswered{cursor:default}
.active{cursor:pointer}
.rightanswer{cursor:pointer}
.wronganswer{cursor:pointer}


.btnOrange .unanswered {background:url(../images/pinsml_orng.png) no-repeat bottom left}
.btnOrange .active {background:url(../images/pinsml_orng.png) no-repeat top left}
.btnOrange .active:hover {background:url(../images/pinsml_orng.png) no-repeat 0px -41px}
.btnOrange .rightanswer {background:url(../images/pinsml_orng.png) no-repeat 0px -82px}
.btnOrange .wronganswer {background:url(../images/pinsml_orng.png) no-repeat 0px -123px}

.btnBlue .unanswered {background:url(../images/pinsml_blu.png) no-repeat bottom left}
.btnBlue .active {background:url(../images/pinsml_blu.png) no-repeat top left}
.btnBlue .active:hover {background:url(../images/pinsml_blu.png) no-repeat 0px -41px}
.btnBlue .rightanswer {background:url(../images/pinsml_blu.png) no-repeat 0px -82px}
.btnBlue .wronganswer {background:url(../images/pinsml_blu.png) no-repeat 0px -123px}

.btnGreen .unanswered {background:url(../images/pinsml_grn.png) no-repeat bottom left}
.btnGreen .active {background:url(../images/pinsml_grn.png) no-repeat top left}
.btnGreen .active:hover {background:url(../images/pinsml_grn.png) no-repeat 0px -41px}
.btnGreen .rightanswer {background:url(../images/pinsml_grn.png) no-repeat 0px -82px}
.btnGreen .wronganswer {background:url(../images/pinsml_grn.png) no-repeat 0px -123px}

#b01{left:55px; top:9px}
#b02{left:170px; top:18px}
#b03{left:268px; top:27px}
#b04{left:363px; top:40px}
#b05{left:463px; top:62px}
#b06{left:430px; top:118px}
#b07{left:339px; top:130px}
#b08{left:241px; top:144px}
#b09{left:151px; top:162px}
#b10{left:132px; top:225px}

#b11{left:210px; top:238px}
#b12{left:310px; top:242px}
#b13{left:394px; top:251px}
#b14{left:474px; top:272px}
#b15{left:526px; top:315px}

#b16{left:55px; top:9px}
#b17{left:170px; top:18px}
#b18{left:268px; top:27px}
#b19{left:363px; top:40px}
#b20{left:463px; top:62px}
#b21{left:430px; top:118px}
#b22{left:339px; top:130px}
#b23{left:241px; top:144px}
#b24{left:151px; top:162px}
#b25{left:132px; top:225px}

#b26{left:210px; top:238px}
#b27{left:310px; top:242px}
#b28{left:394px; top:251px}
#b29{left:474px; top:272px}
#b30{left:526px; top:315px}

/*specifying position of the map button element*/

/* styling of popup container*/
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
z-index:1;
}
.popupBox{
display:none;
background:#fff /*url(../images/bg_popup.jpg) top left no-repeat*/;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:auto;
width:884px;
z-index:2;
padding-bottom:15px;
border:3px solid #000;


}
.popupBox2{
display:none;
/*background:url(../images/bg_popup.jpg) -20px -20px no-repeat;*/
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
z-index:2;
border:5px solid #000;
}
.popupClose.forgot{
top:15px;
right:20px;
}
.regBtn_wrapper{
	clear:both;
	text-align:center;
}
.popupClose{
background:url(../images/btn_popupClose.png) top left no-repeat;
right:-8px;
width:0;
height:0px;
top:-8px;
position:absolute;
display:block;
color:#a07d53;
overflow:hidden;
padding:23px 0 0 23px;
cursor:pointer;
}
#popupRegister{
	background:#e5dcb5;
	width:550px;}
#popupFBConnect{
	background:#e5dcb5;
	width:550px;}
#popupLogin{
	background:#e5dcb5;
	width:550px;}
.popupClose:hover{
	color:#bba059;
}
.popupHeader {
text-align:center;
color:#534741;
margin:20px 0 ;
font-size:12px;
}
/* ---styling of popup container ends---*/

/* ---styling of register form--- */

.registerBox {
	padding: 30px 40px 0 20px;
	margin-bottom:-15px;
	background:#F4F2E2;	
}
.registerBox input {
	width:135px
}
.registerBox ul {
	list-style:none;
	float:left; clear:none; padding:0; margin:0;
	color:#534741;
	font-size:12px;
}
.registerBox .formLabels {
  text-align: right;
  width: 210px;
  display:inline-block;
}

.registerBox .status {
  height:25px; padding:3px 0 0 216px;
}
.videoBox {
	padding: 13px;
	margin-bottom:0;
	background:#fff;
}
.preLoader_circle {
  display:none;
}
.registerBox label.error {
  background:url(../images/warning.png) no-repeat 0px 0px;
  padding-left: 17px;
  color: #f68e56;
}

.registerBox label.checked {
  background:url(../images/check.png) no-repeat 0px 0px;
}

.registerBox .success_msg {
  margin-left: 19px;
}

.registerBox #lregistersubmit{
  visibility: hidden;
}
.registerbtn_popup{
	background:url(../images/btn_reg_popup.png) no-repeat;
	border:none;
	height:30px;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	color:#0097cd;;
}
.registerbtn_popup:hover{
	color:#17a12e;
	text-decoration:underline;
}
#RegMessage {
	font-size:14px;
	line-height:2;
	text-align:center;
	margin:100px 0 0 0;
}

/* ---styling of register form ends--- */
/*styling of Forgot Password form*/
.forgotLink{
	/*padding:0 0 0 216px; */
	font-size:11px;
}
.forgotLink1{
	padding:0 0 0 216px;
	font-size:11px;
}
#forgotForm ul{
	line-height:40px;
	list-style:none;
	padding:0; margin:0;
	color:#fff9d1;
	width:100%;
}
#forgotForm ul li{
}
#forgotForm .formLabels {
  text-align: right;
  width: 120px;
  display:inline-block;
  padding:0 5px 0 0;
}

#forgotForm .status {
  height:25px; padding:3px 0 0 166px;
}
/* ---styling of Forgot Password form ends--- */
/*styling of login form*/
.loginWrapper{
	padding:30px 0 0 40px;
	float:left;
	clear:both;
	height:95px;
	width:100%;
	}
.smlText{
	line-height:20px;
}
.titleSmlText{
	color:#b4b4b4;
	width:140px;
}
.forgotPass{
	width:388px;
	text-align:right;
}
.timeTeller {
	float:left;
	width:130px;
	text-align:right;
	color:#efdb62;
}
.whiteLrgText{
	font-size:22px;
	color:#fff;
}
.loginBox {
}
#teamname_login, #password_login {
	width:180px;
	height:26px;
	font-size:14px;
	line-height:26px;
	margin:3px 0 5px 10px;
	padding:0 3px 0 3px;
}

.loginBox .status {
  height:25px;
}

.loginBox label.error {
  background:url(../images/warning.png) no-repeat 0px 0px;
  padding-left: 17px;
  color: #edd289;
  margin:2px 0 0 10px;
}
/* ---styling of login form ends--- */
/* styling of Abyss page */
.popuphead{ font-size:12px; color:#534741; width:830px; padding:0 10px; margin:10px 0 0 10px}
.popuphead .questionno{ color:#534741; font-size:12px; font-weight:bold; padding-top:5px}
.popuphead .timer h2{ color:#534741}
#popupQuestionPanel center{height:420px; width:860px; margin:5px auto 0; padding:0 3px; background:#fff/*url(../images/bg_AbyssQ.png) top repeat-x*/; }
#popupBonus center{height:500px; font-size:15px; line-height:24px; color:#534741; width:800px; margin:50px auto 0; padding:30px; /*background:url(../images/bg_AbyssQ.png) top repeat-x;*/ }
#question iframe{background:#fff /*url(../images/ajax-loader.gif) no-repeat top left*/; width:860px; height:480px;}
.ansPanelWrap {width:800px; margin:0 0 10px 5px; color:#534741; font-size:12px; padding:0 20px 0 18px;border: 1px solid #E1D8C3; background:#f4f2e2; float:left; display:block}
.ansBoxWrap {padding:10px 20px 15px 0;float:left; border-right:1px solid #E1D8C3}
.answerBox{height:20px; width:300px; background:#fff; border:1px solid #e1d8c3}
.hintwrap{padding:10px 10px;float:left; border-right:1px solid #E1D8C3}
.skipwrap{padding:10px 10px;float:left}
.yellowBtn2{ /*background:url(../images/btn_Q_submit.gif) no-repeat;*/ height:28px; width:94px; line-height:26px; padding:5px 27px;color:#3eb673}
.yellowBtn2:hover{ /*background:url(../images/btn_Q_submit.gif) no-repeat;*/ color:#3eb673}
.q_submit{ background:url(../images/btn_Q_submit.gif) no-repeat; height:26px; width:96px; line-height:26px; padding:6px 25px;color:#0097CD; font-size:12px;}
.q_submit:hover{ background:url(../images/btn_Q_submit.gif) no-repeat; color:#17a12e; font-size:12px;}
.q_submit1{ background:url(../images/btn_Q_submit.gif) no-repeat; height:26px; width:96px; line-height:26px; padding:6px 25px;color:#0097CD; font-size:12px;}
.q_submit1:hover{ background:url(../images/btn_Q_submit.gif) no-repeat; color:#17a12e; font-size:12px;}

.tryAgainMsg {margin:0 0 0 40px; padding:0 0 0 17px; font-size:12px; color:#f26522;background:url(../images/warning.png) no-repeat 0px 0px;}
.congratsMsg{margin:-5px 0 0 30px; color:#534741; padding:25px 0 25px 90px; font-size:12px; background:url(../images/correctAns.gif) no-repeat top left }
.wrongMsg{margin:-5px 0 0 30px; color:#534741; padding:25px 0 25px 90px; font-size:14px; background:url(../images/wrongAns.gif) no-repeat top left }
.giveMoreAns{margin:0 0 0 40px; padding:0 0 0 17px; font-size:12px; color:#00a651;background:url(../images/check.png) no-repeat 0px 0px;}
/*new hint styles*/
.get_hint{ background:url(../images/btn_get_hint.png) no-repeat; height:26px; width:96px; line-height:20px; padding:5px 25px 7px 15px;color:#0097CD; font-size:12px;}
.get_hint1{ background:url(../images/btn_get_hint.png) no-repeat; height:26px; width:96px; line-height:20px; padding:5px 25px 7px 15px;color:#0097CD; font-size:12px;}
.get_hint:hover{ background:url(../images/btn_get_hint.png) no-repeat; color:#17a12e; font-size:12px;}
#hint_box{float:left; position:relative; display:none; margin:15px 5px 0px 5px; padding:3px; font-size:12px; width:840px; height:360px; background:#fffddf; border:1px solid #E0DBC7;}
.hint_avl{font-size:13px; background:url(../images/avl_hint_bg.png) no-repeat right top; color:#534741; line-height:44px; float:left}
.hint_avl p{margin:0px; padding:0 25px 0 35px; background:url(../images/bulb.png) no-repeat 5px 5px;}
.hint_btns_panel{margin:10px 0 10px 10px; float:left}
.hint_panel{background:#fffff0; border:1px solid #f6f3cd; margin-top:70px;}
.hint_panel p{font-size:12px; padding:2px 10px; margin:2px; text-align:left; color:#867E6C;}
.hide_hint_box{margin:0; font-size:12px; background:url(../images/ico_back.png) no-repeat; padding-left:20px}
#hint {margin:10px 0 0 20px; float:left; height:80px}
.hint_msg{color:#534741; width:770px; padding:0; margin:5px;}
.hint_msg ul{ margin:0; padding:0; text-align:left}
.hint_msg li {padding:6px 10px 6px 0px; color:#534741; margin:10px 0; font-size:12px; list-style-image:url(../images/ico_arrow.png)}
.new_hints{display:none;}
.q_skip {color:#534741; text-decoration:none; display:block; margin-top:5px}
.q_hint {background:url(../images/ico_tip.png) no-repeat top left; border:none; cursor:pointer; padding:5px 0 9px 26px; color:#0097CD; overflow:hidden;}
.q_hint:hover {background:url(../images/ico_tip.png) no-repeat left -37px; color:#17a12e; text-decoration:underline}
#q_message{ display:block; float:left}





.primtabs{ background:url(../images/routesbg.png) no-repeat; height:100px;}
.primtabs ul{ padding:80px 0 0 0;}
.primtabs li{ font-size:12px;list-style:none; float:left; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.primtabs li a {text-align:center;line-height: 32px;text-decoration: none;display: block;padding: 0 15px;height:45px;margin-right:10px;width:141px;}
.primtabs li.tab1 a { background:url(../images/tab_selectroute.png) no-repeat top left; color:#d7550d }
.primtabs li.tab2 a { background:url(../images/tab_selectroute.png) no-repeat left -100px; color:#448ccb }
.primtabs li.tab3 a { background:url(../images/tab_selectroute.png) no-repeat left -200px; color:#00a651}
		
.primtabs li.tab1 a:hover, .primtabs li.tab1 a.current { background:url(../images/tab_selectroute.png) no-repeat left -50px; }
.primtabs li.tab2 a:hover, .primtabs li.tab2 a.current { background:url(../images/tab_selectroute.png) no-repeat left -150px; }
.primtabs li.tab3 a:hover, .primtabs li.tab3 a.current { background:url(../images/tab_selectroute.png) no-repeat left bottom;}

.tabcontent p{font-size:13px;}