/* -----------------------------------------------
 -------------------------------------------------
	
	Site Colors:
	
	#12778b  Blue
	#ff6600  Orange
	
	
-------------------------------------------------- 
----------------------------------------------- */




/* -----------------------------------------------
 -------------------------------------------------
	
	Global Styles
	
-------------------------------------------------- 
----------------------------------------------- */

body {
	margin:0px;
	padding:0px;
	min-width:960px;
	background:url(../images/mainBackground.png) top center repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

h1 {
	margin:0px;
	padding:0px;
}

a {
	color:#12778b;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#ff6600;
	text-decoration:none;
}
a img {
	border:none;
}


/* --------------------------
	jQuery Tabs
---------------------------*/

.ui-tabs .ui-tabs-hide {
     display: none;
}


/* --------------------------
	Div to clear Floats
---------------------------*/
.hidden {
	text-indent:-8000px;
}


/* --------------------------
	Div to clear Floats
---------------------------*/
.clearingDiv {
	clear:both;
	width:960px;
}


/* --------------------------
	Lists
---------------------------*/
.bullet-list {
	margin:0px 0px 0px 0px;
	padding:0px 20px;
	list-style:url(../images/listBullet.png);
}
.bullet-list li {
	padding-bottom:5px;
}

.noListStyle {
	margin:0px;
	padding:10px 20px;
	list-style:none;
}
.noListStyle li {
	padding-bottom:5px;
}

ol li {
	padding-bottom:10px;
}




/* -----------------------------------------------
 -------------------------------------------------
	
	Page Layout
	
-------------------------------------------------- 
----------------------------------------------- */

#pageWrapper {
	width:100%;
	height:100%;
	background:url(../images/pageBackground.png) top center no-repeat;
}

#mainWrapper {
	margin:auto;
	width:960px;
}

#contentWrapper {
	width:820px;
	margin-top:25px;
	padding:0px 70px;
}

#contentWrapper-wide {
	width:960px;
	margin-top:25px;
}

#two-col-left {
	float:left;
	width:480px;
}
#two-col-right {
	float:left;
	width:480px;
}

#two-col-wide-left {
	float:left;
	width:650px;
	margin:23px 16px 0px 50px;
}
#two-col-small-right {
	float:left;
	width:210px;
	height:810px;
	background-image:url(../images/characterSideNavBackground.png);
}


#landingPageList-left-column {
	float:left;
	width:350px;
	padding:0px 40px 0px 0px;
}


#landingPageList-right-column {
	float:left;
	width:430px;
}


#exploreCharacterContentWrapper {
	float:left;
	width:612px;
	padding:23px 16px 0px 88px;
}



/* -----------------------------------------------
 -------------------------------------------------
	
	Page Header
	
-------------------------------------------------- 
----------------------------------------------- */

#headerWrapper {
	width:960px;
	height:160px;
}

#headerWrapper .left {
	float:left;
	padding:20px 0px 0px 40px;
	width:260px;
	height:120px;
}

#headerWrapper .right {
	float:right;
	padding:0px 40px 0px 0px;
	width:516px;
	height:120px;
}




/* -----------------------------------------------
 -------------------------------------------------
	
	Navigation
	
-------------------------------------------------- 
----------------------------------------------- */

/* --------------------------
	Top Navigation
---------------------------*/

.globalNav {
	margin:0px 0px 0px 285px;
	padding:0px;
	width:232px;
	height:42px;
	list-style:none;
}
.globalNav li {
	display:block;
	float:left;
	margin-left:20px;
	width:96px;
	height:42px;
}
.globalNav li a {
  display: block;
  text-indent: -1000em;
  outline: none;
}
.globalNav li a.BTN_Parents {
	width:96px;
	height:30px;
  	background:url(../images/globalNav_sprite.png) 0px 0px no-repeat;
}
.globalNav li a.BTN_Parents:hover {
	width:96px;
	height:42px;
  	background:url(../images/globalNav_sprite.png) 0px -30px no-repeat;
}
.globalNav li a.BTN_AboutUs {
	width:96px;
	height:30px;
  	background:url(../images/globalNav_sprite.png) -96px 0px no-repeat;
}
.globalNav li a.BTN_AboutUs:hover {
	width:96px;
	height:42px;
  	background:url(../images/globalNav_sprite.png) -96px -30px no-repeat;
}


/* --------------------------
	Main Navigation
---------------------------*/

.mainNav {
	margin:30px 0px 0px 0px;
	padding:0px;
	list-style:none;
	width:516px;
	height:44px;
}
.mainNav li {
	display:block;
	float:left;
}
.mainNav li a {
  display: block;
  text-indent: -1000em;
  outline: none;
}
.mainNav .BTN_Contests {
  	width: 151px;
  	height: 44px;
}
.mainNav .BTN_Contests a {
	width: 151px;
  	height: 44px;
	background:url(../images/MainlNav-Sprite.png) 0px 0px no-repeat;
}
.mainNav .BTN_Contests a:hover {
	background:url(../images/MainlNav-Sprite.png) 0px -42px no-repeat;
}
.mainNav .BTN_Explore {
  	width: 134px;
  	height: 44px;
}
.mainNav .BTN_Explore a {
	width: 134px;
  	height: 44px;
	background:url(../images/MainlNav-Sprite.png) -151px 0px no-repeat;
}
.mainNav .BTN_Explore a:hover {
	background:url(../images/MainlNav-Sprite.png) -151px -42px no-repeat;
}
.mainNav .BTN_Games {
  	width: 117px;
  	height: 44px;
}
.mainNav .BTN_Games a {
	width: 117px;
  	height: 44px;
	background:url(../images/MainlNav-Sprite.png) -288px 0px no-repeat;
}
.mainNav .BTN_Games a:hover {
	background:url(../images/MainlNav-Sprite.png) -288px -42px no-repeat;
}
.mainNav .BTN_Quizzes {
  	width: 114px;
  	height: 44px;
}
.mainNav .BTN_Quizzes a {
	width: 114px;
  	height: 44px;
	background:url(../images/MainlNav-Sprite.png) -405px 0px no-repeat;
}
.mainNav .BTN_Quizzes a:hover {
	background:url(../images/MainlNav-Sprite.png) -405px -42px no-repeat;
}


/* --------------------------
	Character Navigation
---------------------------*/

#characterNavWrapper {
	width:960px;
	height:145px;
	background-image:url(../images/characterNavBackground.png);
}



/* -----------------------------------------------
 -------------------------------------------------
	
	Headlines
	
-------------------------------------------------- 
----------------------------------------------- */

h1.contests {
	width:315px;
	height:75px;
	margin:0px;
	background:url(../images/contestsPageHeadline.png) top center no-repeat;
	text-indent:-2000em;
}

h1.explore {
	width:315px;
	height:75px;
	margin:0px;
	background:url(../images/explorePageHeadline.png) top left no-repeat;
	text-indent:-2000em;
}

h1.games {
	width:315px;
	height:75px;
	margin:0px;
	background:url(../images/gamesPageHeadline.png) top center no-repeat;
	text-indent:-2000em;
}

h1.quizzes {
	width:315px;
	height:75px;
	margin:0px;
	background:url(../images/quizzesPageHeadline.png) top center no-repeat;
	text-indent:-2000em;
}

h1.informationAboutUs {
	width:560px;
	height:75px;
	margin:0px;
	background:url(../images/informationAboutUsPageHeadline.jpg) top center no-repeat;
	text-indent:-2000em;
}

h1.informationForParents {
	width:560px;
	height:75px;
	margin:0px;
	background:url(../images/informationForParentsPageHeadline.jpg) top center no-repeat;
	text-indent:-2000em;
}

h1.privacyPolicy {
	width:340px;
	height:75px;
	margin:0px;
	background:url(../images/privacyPolicyPageHeadline.jpg) top center no-repeat;
	text-indent:-2000em;
}

h1.termsOfUse {
	width:340px;
	height:75px;
	margin:0px;
	background:url(../images/termsOfUsePageHeadline.jpg) top center no-repeat;
	text-indent:-2000em;
}

h1.copyright {
	width:520px;
	height:75px;
	margin:0px;
	background:url(../images/copyrightInformationPageHeadline.jpg) top center no-repeat;
	text-indent:-2000em;
}

h2.matchingGames {
	width:330px;
	height:60px;
	background:url(../images/games_MatchingGamesHeadline.png) top left no-repeat;
	text-indent:-2000em;
}

h2.wordFindGames {
	width:330px;
	height:60px;
	background:url(../images/games_WordFindGamesHeadline.png) top left no-repeat;
	text-indent:-2000em;
}
	


/* -----------------------------------------------
 -------------------------------------------------
	
	Content Styling
	
-------------------------------------------------- 
----------------------------------------------- */

/* --------------------------
	Facthound Banner
---------------------------*/
#billboardWrapper {
	width:892px;
	height:492px;
	margin:12px auto;
	
}


/* --------------------------
	Facthound Banner
---------------------------*/

#facthoundBanner{
	display:block;
	width:855px;
	height:80px;
	margin:40px auto;
	outline:none;
	background-image:url(../images/facthound_banner.jpg);
	text-indent:-8000px;
	cursor:pointer;
}


/* --------------------------
	Character and Explore
	side links
---------------------------*/
.sideNavLink {
	padding:34px 10px 0px 14px;
	text-align:center;
	font-size:10px;
}


/* --------------------------
	Thumbnail on Games Page
---------------------------*/
.gameThumbnail {
	padding:0px 0px 20px 0px;
}



/* -----------------------------------------------
 -------------------------------------------------
	
	Page Footer
	
-------------------------------------------------- 
----------------------------------------------- */

#footerWrapper {
	width:100%;
	height:63px;
	margin:23px 0px;
	background-image:url(../images/footerBackground.png);
	background-position:top center;
	background-repeat:no-repeat;
}
#footerLinks {
	float:left;
	width:300px;
	padding:30px 0px 0px 45px;
}
#footerLinks a, a:visited {
	color:#12778b;
	font-size:14px;
	text-decoration:none;
}
#footerLinks a:hover {
	color:#ff6600;
	text-decoration:none;
}
#footerLinks ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#footerLinks li {
	display:block;
	float:left;
	padding:0px 5px;
}
#footerLogo {
	float:right;
	width:138px;
	padding:20px 50px 0px 0px;
}
#footerLogo img {
	border:none;
}



/* -----------------------------------------------
 -------------------------------------------------
	
	Contact Form Styles
	
-------------------------------------------------- 
----------------------------------------------- */

#formWrapper {
	width:306px;
	margin:auto;
}

#formWrapper .col-left {
	float:left;
	width:132px;
	padding-right:20px;
}
#formWrapper .col-right {
	float:left;
	width:132px;
	border-left:1px dashed #ff6600;
	padding-left:20px;
}

#formWrapper .col-close {
	width:132px;
	margin:auto;
}

.column-confirmation {
	font-size:18px;
	font-weight:bold;
	color:#ff6600;
	font-family:Arial, Helvetica, sans-serif;
}

#ContactForm {
width:306px;
}

#ContactForm ul {
list-style:none;
margin:0;
padding:0;
}

#ContactForm li.label {
font-size:18px;
font-weight:bold;
color:#ff6600;
font-family:Arial, Helvetica, sans-serif;
}

#ContactForm input {
border: 3px solid #80caf6;
width:300px;
height:25px;
font-size:18px;
font-weight:bold;
color:#333333;
margin-top:4px;
margin-bottom:10px;
}

#ContactForm select {
border: 3px solid #80caf6;
width:300px;
height:25px;
font-size:16px;
font-weight:bold;
color:#333333;
margin-top:4px;
margin-bottom:10px;
}

#ContactForm textarea {
width:300px;
height:150px;
border: 3px solid #80caf6;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
}

#ContactForm input.BTN-Submit {
border:none;
background-color:#80caf6;
color:#FFFFFF;
height:44px;
width:132.5px;
margin-top:10px;
}

#ContactForm input.BTN-Cancel {
border:none;
background-color:#80caf6;
color:#FFFFFF;
height:44px;
width:132.5px;
margin-top:10px;
font-size:18px;
font-weight:bold;
}

#ContactForm input.BTN-Close {
border:none;
background-color:#80caf6;
color:#FFFFFF;
height:44px;
width:132.5px;
margin-top:10px;
font-size:18px;
font-weight:bold;
}






/* ----------------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------------
	
	PAGE SPECIFIC STYLES
	
-------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */


/* -----------------------------------------------
 -------------------------------------------------
	
	Home Page Widget Styles
	
-------------------------------------------------- 
----------------------------------------------- */

/* --------------------------
	Widget Wrapper
---------------------------*/

#homeWidgetWrapper {
	width:960px;
	height:330px;
	background-image:url(../images/homeWidgetBackground.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:12px;
}

#rotateWidget {
	float:left;
	width:288px;
	height:325px;
	overflow:hidden;
}

/* --------------------------
	Poll Widget
---------------------------*/

#pollWidget {
	float:left;
	width:350px;
	height:325px;
	background-image:url(../images/pollWidgetBackground.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:11px;
}
#pollWidget ul {
	margin:0px;
	padding:0px;
	width:auto;
	list-style:none;
}
#pollWidget li {
	display:block;
	float:left;
	position:relative;
	padding: 5px 5px 0px 0px;
	width:115px;
}
#pollWidget .submitButton {
	width:200px;
	height:100px;
	background:url(../images/pollWidgetSubmit-UP.png);
	border:none;
	margin-left:50px;
	cursor:pointer;
	cursor:hand;
}


/* --------------------------
	SI Kids Contest Widget
---------------------------*/

#sikidsWidget {
	width:217px;
	height:115px;
	padding:210px 0px 0px 71px;
	background-image:url(../images/sikidsWidgetBackground.jpg);
	background-position:10px 10px;
	background-repeat:no-repeat;
}
#sikidsWidget a {
	display:block;
	text-indent:-8000px;
	outline:none;
	width:144px;
	height:90px;
	background:url(../images/sikidsWidgetGO.png) 0px 0px no-repeat;
}
#sikidsWidget a:hover {
	background:url(../images/sikidsWidgetGO.png) 0px -90px no-repeat;
}


/* --------------------------
	Joke Widget
---------------------------*/

#jokeWidget {
	float:left;
	width:268px;
	height:253px;
	padding-top:32px;
}


/* --------------------------
	Quiz Widget (not in use)
---------------------------*/

#quizWidget {
	width:288px;
	height:325px;
	background-image:url(../images/quizWidgetBackground.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:11px;
}
#quizWidget .BTN_GO {
	display:block;
	position:relative;
	top:224px;
	left:92px;
	width: 74px;
  	height: 65px;
  	background: url(../images/quizWidgetGO-UP.jpg) no-repeat;
	text-indent:-8000px;
}
#quizWidget .BTN_GO:hover {
  	background: url(../images/quizWidgetGO-DOWN.jpg) no-repeat;
}


/* --------------------------
	Games Widget (not in use)
---------------------------*/

#gamesWidget {
	width:288px;
	height:325px;
	background-image:url(../images/gamesWidgetBackground.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:11px;
}
#gamesWidget .BTN_GO {
	display:block;
	position:relative;
	top:186px;
	left:100px;
  	width: 80px;
  	height: 65px;
  	background: url(../images/gamesWidgetGO-UP.jpg) no-repeat;
	text-indent:-8000px;
}
#gamesWidget .BTN_GO:hover {
	background: url(../images/gamesWidgetGO-DOWN.jpg) no-repeat;
}


/* --------------------------
	Explore Widget (not in use)
---------------------------*/

#exploreWidget {
	width:288px;
	height:325px;
	background-image:url(../images/exploreWidgetBackground.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:11px;
}
#exploreWidget .BTN_GO {
	display:block;
	position:relative;
	top:216px;
	left:106px;
	width: 84px;
  	height: 60px;
  	background: url(../images/exploreWidgetGO-UP.jpg) no-repeat;
	text-indent:-8000px;
}
#exploreWidget .BTN_GO:hover {
  	background: url(../images/exploreWidgetGO-DOWN.jpg) no-repeat;
}




/* -----------------------------------------------
 -------------------------------------------------
	
	Home Page Poll Styles
	
-------------------------------------------------- 
----------------------------------------------- */

.form {}

.form table tr td { 
	padding:2px 0;
}

.mWarn, .mInfo {	
	line-height:30px; 
	height:30px; background:#FFE7E5 url('../../images/warn.gif') no-repeat 10px center;  
	border-top: 1px solid #D14437;  
	border-bottom: 1px solid #D14437;  
	margin: 0px 0px 12px;  
	padding: 0px 0px 1px 32px;
}

.mInfo { 
	background: #FDFFD9 url('../../images/info.gif') no-repeat 10px center;  
	border-top: 1px solid #F4CE66;  
	border-bottom: 1px solid #F4CE66;
}

.mWarn a, .mInfo a {  
	color: #444;
}

.gridHead {
	height:36px; 
	border-collapse:collapse; 
	background-color:#F2F6F9;
	border:0 none;
	font-weight:bold;
	height:36px;
}

.grid td {
	border-bottom:1px solid #DBE5EA;
	height:36px;
	padding:2px;
}

.poll-box {
	margin:90px 0px 0px 70px;
	width: 240px;
}

.poll-question {
	padding:5px;margin-bottom:5px;font-size:14px;font-weight:bold;
}

.poll-total {
	color:#FFFFFF; margin:0px 0px 10px 30px; text-transform:uppercase; font-size:12px;
}

.poll-result-wrapper {
	padding:25px 0px 0px 5px;
}

.poll-result {
	font-size:12px; position:relative; top:-16px; left:4px; margin:0px; padding:0px;
}

.poll-chart {
	background:#FFFFFF; width:200px; padding: 2px; height: 15px; overflow: hidden; vertical-align: middle; margin-top:-10px;
}