/**
 * @fileoverview:   39CLUES base styles
 * @author:         Tomasz Awgul
 * @company:        U2i
**/

/* Reset Styles */
*{margin:0;padding:0;background-repeat:no-repeat}
body{line-height:1}
img,fieldset{border:0}
img{vertical-align:bottom}
a,a:hover{cursor:pointer;text-decoration:none;outline:none;}
ul,li{list-style:none}
option{padding:0 .5em 0 1px}
table{border-collapse:collapse;border-spacing:0}
td,th{vertical-align:top;text-align:left;font-weight:normal}
address{font-style:normal}
h1,h2,h3,h4,h5,h6{font-size:1em;line-height:1.1em;font-weight:normal}
.clear{clear:both;}

/* Fonts */
body,input,textarea,select,td,a{color:#fff;font-size:12px;font-family:arial,sans-serif;}

/* html, body */
html{background:#000 url(../img/global/bg_html.jpg) 50% 0 no-repeat;height:100%;}
body{height:100%;background:url(../img/global/bg_body.png) 50% 0 repeat-y;}

/* Wrapper */
#body{background:url(../img/global/bg_body.png) 50% 0 repeat-y;}
#wrapper{width:1025px;margin:0 auto;position:relative;padding:129px 0 0;background:url(../img/global/bg_nav.jpg) 50% 0 no-repeat;}

/* Logo */
#logo a{width:125px;height:100px;position:absolute;left:445px;top:10px;text-indent:-9999px;z-index:999}

/* Site Nav */
#siteNav{position:absolute;left:28px;top:45px;z-index:800;}
#siteNav li{float:left;}
#siteNav .books{margin-left:155px;display:inline;}
#siteNav a{float:left;width:136px;height:29px;overflow:hidden;background:url(../img/global/nav_main.png);text-indent:-9999px;}

#siteNav .map{background-position:0 -29px;}
#siteNav .map a{background-position:0 -29px;}
#siteNav .map a:hover,#siteNav .map a.active{background-position:0 0;}

#siteNav .my_clues a{background-position:-136px -29px;}
#siteNav .my_clues a:hover,#siteNav .my_clues a.active{background-position:-136px 0;}

#siteNav .arena_39{background-position:-272px -29px;}
#siteNav .arena_39 a{background-position:-272px -29px;}
#siteNav .arena_39 a:hover,#siteNav .arena_39 a.active{background-position:-272px 0;}

#siteNav .books{position:relative;background-position:-408px -29px;}
#siteNav .books a{background-position:-408px -29px;position:relative;z-index:5;}
#siteNav .books a:hover,#siteNav .books a.active{background-position:-408px 0;}
#siteNav .books:hover a{background-position:-408px 0;}
#siteNav .books:hover ul{display:block;}
#siteNav .books ul{display:none;position:absolute;left:-7px;top:25px;padding:3px 0 0 12px;width:137px;height:378px;background:url(../img/global/subnav_books_bg.png) no-repeat;}
#siteNav .books ul li{width:125px;float:left;}
#siteNav .books ul a, #siteNav .books ul span {width:125px;float:left;background:url(../img/global/subnav_books_items.png) no-repeat;}
#siteNav .books ul a.a1{height:36px;background-position:0 0;}
#siteNav .books ul a.a1:hover{background-position:-125px 0;}
#siteNav .books ul a.a2{height:32px;background-position:0 -36px;}
#siteNav .books ul a.a2:hover{background-position:-125px -36px;}
#siteNav .books ul a.a3{height:35px;background-position:0 -68px;}
#siteNav .books ul a.a3:hover{background-position:-125px -68px;}
#siteNav .books ul a.a4{height:35px;background-position:0 -103px;}
#siteNav .books ul a.a4:hover{background-position:-125px -103px;}
#siteNav .books ul a.a5{height:35px;background-position:0 -138px;}
#siteNav .books ul a.a5:hover{background-position:-125px -138px;}
#siteNav .books ul a.a6{height:35px;background-position:0 -173px;}
#siteNav .books ul a.a6:hover{background-position:-125px -173px;}
#siteNav .books ul a.a7{height:35px;background-position:0 -208px;}
#siteNav .books ul a.a7:hover{background-position:-125px -208px;}
#siteNav .books ul a.a8{height:46px;background-position:0 -243px;}
#siteNav .books ul a.a8:hover{background-position:-125px -243px;}
#siteNav .books ul a.a9{height:35px;background-position:0 -289px;}
#siteNav .books ul a.a9:hover{background-position:-125px -289px;}
#siteNav .books ul a.a10{height:35px;background-position:0 -324px;}
#siteNav .books ul a.a10:hover{background-position:-125px -324px;}

#siteNav .my_cards{background-position:-544px -29px;}
#siteNav .my_cards a{background-position:-544px -29px;}
#siteNav .my_cards a:hover,#siteNav .my_cards a.active{background-position:-544px 0;}

#siteNav .missions{background-position:-680px -29px;}
#siteNav .missions a{background-position:-680px -29px;}
#siteNav .missions a:hover,#siteNav .missions a.active{background-position:-680px 0;}

/* Session Nav */
.sessionNav { position:absolute; ;top:83px; font-weight: bold; width:250px; z-index:1;}
.sessionNav a:hover {color: #ccc;}
#leftSessionNav{ left:25px; }
#leftSessionNav li { float: left; padding: 0 5px; }
#rightSessionNav { right:25px }
#rightSessionNav li { float: right; padding: 0 5px; }
#logoutSessionNav { right: 25px; top: 45px; }
#logoutSessionNav li { text-align: right; padding-bottom: 5px; }

/* New Medals Popup */
#preloadedImage{width:0;height:0;display:inline;background-image:url(../img/global/medal_popup_background.png);}
#newMedals{display:none;position:absolute;z-index:99;left:29.3%;top:50px;width:435px;z-index: 900;}
#newMedals .medal {background:url(../img/global/medal_popup_background.png) no-repeat;height:142px;width:426px;} 
#newMedals .medalName{color:red;margin-left:80px;padding-top:54px;font-size:18px;width:346px;text-align:center;} 

/* Footer */
#footer{clear:both;margin-left:91px;padding:10px 0 10px 0; width: 840px;}
#footer ul{overflow:hidden; margin-left:75px;}
#footer li{float:left;padding:0 10px;border-right:1px solid #bcbec3;height:13px;line-height:13px;margin-top:3px;}
#footer li a{color:#bcbec3;}
#footer li a:hover{text-decoration:underline;color:#fff;}
#footer li.last{border:0;}
#footer li.scholastic{display:block;width:126px;height:19px;text-indent:-9999px;background:url(../img/global/logo_scholastic.png) no-repeat;border:0;padding:0;margin:0;}
#footer li.privacy {font-weight:bold;}
p.copyright{text-align:center;color:#BCBEC3;font-size:10px;padding:10px 0 0;}

/* Main Blocks */
#main{padding:7px 0 70px 32px;}
#left{float:left;width:230px;position:relative;z-index:9;}
#right{float:right;width:230px;padding-right:30px;}
#contentW{float:left;width:722px;padding:4px 0 0 10px;}
#content{float:left;width:488px;padding:0 5px 0 6px;}

/* Pre Login Legel Section */
#legal {clear:both; text-align:center;}
#legal p {color:#BCBEC3; font-size:10px; padding: 20px 0 0;}

/* New Book Countdown */
#bookCountdown {width:230px; height:296px; background: url(../img/home/book_bbbs_countdown.jpg) no-repeat;}
#bookCountdown .timer {float:left; font-size:15px; font-weight:bold; position:relative; top:96px;}
#bookCountdown #timerDays {left:62px;}
#bookCountdown #timerHrs {left:95px;}
#bookCountdown #timerMins {left:129px;}

/*  FLASH STYLES
------------------------------------------------ */
div.flashWrapper {
	width: 970px;
	margin: 0 auto;
	text-align: center;
}

div.flashWrapper object { 
        outline: none;
} 

div.failWrapper {
	width: 845px;
	margin: 0 auto 20px auto;
}

#flash-the_hunt_has_begun{
        width: 722px;
        height: 382px;
}

#flash-the_hunt_has_begun .alt{
        width: 722px;
        text-align: center;
        margin-top: 200px;
}

#flash-the_hunt_has_begun .alt a{
        color: #66ccff;
        text-decoration: underline;
}

#flash-the_hunt_has_begun .alt a:hover{
        text-decoration: none;
}

/* flash alternate content styling
------------------------------------------------ */
#flashHost {
	text-align: center;
}

#flashHost h2 {
	color: #ff0000;
	background: #fff;
	font-size: 2.8em;
	font-weight: bold;
	text-transform: uppercase;
	border: solid 8px #ff0000;
	margin: 20px 20%;
	padding: 10px;
}

#flashHost p {
	font-size: 2.2em;
	font-weight: bold;
	text-transform: uppercase;
}

#flashHost div.getFlashPrompt {
	margin-bottom: 20px;
}

#flashHost div.getFlashPrompt p {
	text-align: center;
	font-size: 1.2em;
	width: 60%;
	margin: 0 auto;
}

#flashHost div.getFlashPrompt p img {
	display: block;
	margin: 10px auto 0;
}


/* flash notice styling 
-------------------------------------------------*/
.notice {
        text-align: center;
        font-size: 1.5em;
        color: green;
        margin-bottom: 10px;
}