body 
{
	margin:0;
	padding:0;
	font-family:Arial;
	background-color:#fff;
	background-image:url(../img/mainBG.jpg);
    background-repeat:no-repeat;
    background-position:top center;
}

a img,
a:visited img,
a:active img
{
	border:0;
}

a,
a:visited,
a:active	
{
    color:#000;
}

a:hover
{
    color:#666;
}


h1 
{
	font-family:Arial Black,arial;
	text-transform:uppercase;
	font-size:1.5em;
	margin: 4px 0 8px 0;
}

hr 
{
	display:none;
}

.header
{
    float: left;    
    clear:both;
    width:100%;
    overflow:visible;
    /*height:200px;*/
    height:180px;
}

div.dottedLine 
{
	background-image:url(../img/dottedLine.png);
	background-repeat:repeat;
	height:3px;
	width:100%;
	margin:10px 0 10px 0;
	clear: both;
}


textarea 
{
	font-family:Arial;
	font-size:0.9em;
}

#footer 
{
	clear:both;
	display:block;
	margin-top:20px;
}

#prometheanLogo 
{
	display:block;
	float:right;
	margin-right:20px;
}

#footer-boxes 
{
	clear:both;
	margin:20px 0 0 40px;
	*margin-left:0px;
	*margin-right:8px;
	z-index:2000;
	padding:0;
}

#footer-boxes .topBox 
{
	float:right;
	margin:0 18px 0 0;
	padding:15px 0 0 5px;
	position:relative;
	z-index:3000;
}

#footer-boxes .topBox div 
{
		margin:30px 0 0px 30px;
		padding:0;
		float:none;
		position:relative;
		top:-70px;
		width:160px;
		left:60px;
}


#footer-boxes .topBox a.blue, #footer-boxes .topBox a.blue:visited 
{
	text-decoration:none;
	color:#648cc8;
}

#footer-boxes .topBox a.orange, #footer-boxes .topBox a.orange:visited 
{
	text-decoration:none;
	color:#ec9200;
}


#footer ul
{
    margin: 0 auto;
 
}

.header ul li,
#footer ul li
{
    float: left;
    list-style-type: none;
    margin-right: 10px;
}

#loginMenu
{    
    right:10px;
    position:absolute;
    display:block;
    margin:90px 0 0 0;
    float:right;
}


#loginMenu a, #loginMenu a:visited 
{
	font-family:Futura XBlk BT,Arial Black,verdana,arial;
	color:#8f540f;
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.8em;
	
}

#mainMenu
{
	position:absolute;
    right:10px;
    margin:95px 0 0 0;
    z-index:2000;
    float:right;
}
#adminMenu
{
	position:absolute;
    right:10px;
    top:50px;
    margin:95px 0 0 0;
    z-index:2000;
    float:right;
}

#mainMenu a, #mainMenu a:visited,
#adminMenu a, #adminMenu a:visited  
{
	font-family:Futura XBlk BT,Arial Black,verdana,arial;
	color:#474646;
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.9em;
}




#footerMenu 
{
	position:relative;
	left: 37px;
	font-size:0.6em;
	padding: 0;
	margin: 0;
}

div.ajaxLoader 
{
	width:350px;
	background-color:#ffffff;
	height:150px;
	border:1px solid #efefef;
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	position:absolute;
	top:65px;
}

div.ajaxLoader img 
{
	width:20px;
	display:block;
	margin:40px auto 50px auto;
}

div.ajaxLoader_username
{
	position:relative;
	top:-20px;
	left:240px;
}

div.formError 
{
	color:Red;
}

#leftBorder 
{
	float:left;
	width:3;
	margin:0;
	padding:0;
}
#logoDiv 
{
	position:absolute;
	top:0px;
	left:-200px;
	z-index:1000;	
	visibility:visible;
}

#pos
{
    position: relative;    
	width: 1010px;
    margin: 0 auto;    
}
#wrapper
{
	width:1005px;
    position: relative;
    z-index:3;
    padding:10px;
    background-color:#fff;
    background-image:url(../img/centralBG.gif);
    background-repeat:no-repeat;
    clear:none;
    overflow:visible;
    float:left;	
}

#topZ 
{
	position:relative;
	z-index:2000;
	clear:both;
	overflow:visible;
	width:951px;
	margin:0  auto 0 25px;
	padding:0;
	/*background-image:url(../img/WhiteBG.png);
	background-repeat:repeat;*/
	background-color:#fff;
	float:left;
	padding:10px 0 0 10px;
}

#bottomLine 
{
	margin:0 auto;
	padding-left:2px;
	width:1020px;
}

#home
{
   z-index:2000;
}

#homeVideo 
{
    position:relative;
    left: 9px;
    top: 12px;
}


#ie-positioner 
{
	float:left;
	width:580px;		
}

#homeIntro 
{
    position: relative;
	float:left;
	clear:both;
	overflow:hidden;
	background-image:url(../img/whiteBG.png);
	background-repeat:repeat;
	padding: 20px 0 0 0;
	margin: 0;
}
#homeIntro img 
{
	margin-left:10px;
}
#homeIntro p 
{
	font-size:0.8em;
	width:565px;
	padding:0;
	float:none;
	margin-top:0;
	margin-left:20px;
	margin-right:5px;
}

#homeBottom 
{
    width: 951px;/* Explicit width added to fix problem with older versions of Safari*/
	clear:both;
	overflow:hidden;
	height:auto;
	margin: 0;
    padding: 30px 0 20px 0;
}

div.homeHeaderBlock 
{
	background-image:url(../img/homeHeaderBlock.gif);
	background-repeat:no-repeat;
	width:466px;
	height:51px;
}

div.homeHeaderBlock h2 
{
	width:100%;
	text-align:center;
	padding: 10px 0 0 0 ;
	margin: 0;
	font-size: 1.3em;
}


#q-container
{
    position: relative;
    padding-left:10px;
    float:left;
    overflow:hidden;
}

#q-container, h1, #home
{
    float: none;
    clear: both;    
    text-align: left;
}

#featuredBigQ
{
    width: 466px;
    margin:0;
    display:block;
}


#theBigQ 
{
	position:absolute;
	top:265px;
	left:10px;
}

img.getInvolved 
{
	margin:0 auto;
	border:0;
	width:415px;
	display:block;
}

#featuredBigQ h2,
{
    margin: 0 10px;
}
#featuredBigQ h4 
{
	font-weight:normal;
	margin: 10px 25px 10px 10px;
	padding: 20px 0 0 0;
}

#featuredBigQ a, #featuredBigQ a:visited 
{
	text-decoration:none;
}

#top10qs
{
    position:relative;
	float:right;
	width:466px;
}

#top10qs ul
{
    position:relative;    
    padding: 10px 0 0 0;
    margin: 0;
    font-size: small;
}

#top10qs ul li 
{
    position:relative;	
	padding: 10px 0 10px 0;
	margin: 0;
	list-style-type: none;
	min-height: 30px;
	width: 450px;
}

#top10qs ul li.q_1
{
    background: url(../img/li_1.gif) no-repeat 4px 2px;
}
#top10qs ul li.q_2
{
    background: url(../img/li_2.gif) no-repeat 4px 2px;
}
#top10qs ul li.q_3
{
    background: url(../img/li_3.gif) no-repeat 4px 2px;
}

#top10qs ul li.q_4
{
    background: url(../img/li_4.gif) no-repeat 4px 2px;
}
#top10qs ul li.q_5
{
    background: url(../img/li_5.gif) no-repeat 4px 2px;
}
#top10qs ul li.q_6
{
    background: url(../img/li_6.gif) no-repeat 4px 2px;
}
#top10qs ul li.q_7
{
    background: url(../img/li_7.gif) no-repeat 4px 2px;
}
#top10qs ul li.q_8
{
    background: url(../img/li_8.gif) no-repeat 4px 0;
}
#top10qs ul li.q_9
{
    background: url(../img/li_9.gif) no-repeat 4px 2px;
}
#top10qs ul li.q_10
{
    background: url(../img/li_10.gif) no-repeat 4px 2px;
}
#top10qs ul li a, #top10qs ul li a:visited 
{
    margin-left: 32px;
    display:block;    
	text-decoration:none;
	margin-top:0px;
	margin-bottom:5px;
	padding-top:0px;
}






span.q
{
    font-size: 24px;
    margin: 10px;
}

#q-container .controlbar
{
    height: 50px;
    margin:0;
    padding:0;
    clear: both;
    position: relative;
    width:100%;
}

.movers-and-shakers #q-container .controlbar
{
    margin:0;
    padding:0;
}

#q-container .controlbar div
{
    padding:0;
    margin:0 0 20px;
}

#q-container .controlbar div.pager
{
    margin-left: 10px;
    margin-top: 1em;
    float: left;
}

#q-container .controlbar div.filters
{
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
}
#q-container .controlbar div.filters select 
{
	width:200px;
}


.movers-and-shakers #q-container .controlbar div.filters
{
    width: 250px;
}

#shaker-button-container
{
    position: absolute;
    bottom: 0;
    right: 0;
}

div.big-q
{
    position:relative;
    background:url(../img/whiteBG.png);
    background-repeat:repeat;
    /*float:left;*/
    padding: 20px 10px 10px 20px;
}

span.big-q.background 
{
	display:inline-block;
	background-repeat:repeat-y;
	background-image:url(../img/questionboxbg.jpg);
	
}

div.big-q-text 
{
	width:460px;
	float:left;
	margin-top:10px;
	*margin-top:0px;
}

div.big-q-text p 
{
	font-size:0.9em;
}

p.datePosed 
{
	font-size:0.9em;
	margin-left:20px;
}

div.big-q h1
{
	font-size:1em;
	font-family:Arial;
	text-transform: none;
	font-weight: bold;    
}

div.big-q div.big-q-text h2 
{
	font-size:1em;
	font-family:Arial;
	text-transform: none;
	font-weight: normal;
	display: block;
}

img.expressionScreen 
{
    
	position:absolute;
	bottom: 76px;
	/*right: 15px;*/
	right:0;
	width:220px;
	height:190px;
	
}

/*this div fixes the problem of the expression screen disappearing in ie due to being next to a floating div(!)*/
#ieFloatFixer 
{
	width:0;
}	
	



/*
div.expressionScreen div 
{
	position:absolute;
	top:100px;
	right:100px;
	*right:70px;
	width:135px;
	height:143px;
	overflow:hidden;
}*/

#bigQuestionButtons 
{
    position:relative;
	clear:both;
	/*float:right;*/
	width:946px;
	height: 66px;
	margin: 0 0 0 -20px;
	padding:0;
	background-image:url(../img/big_q_scratch_bar.gif);
	/*margin-left:-640px;*/
}

#bigQuestionButtons div.left
{
    float:none;
    clear:both;
	position: absolute;
	left:10px;
	top:10px;
	margin:0;
	padding:0;	
	width: 490px;
	height: 46px;	
	overflow: hidden;
}

#bigQuestionButtons div.right
{
    float:none;
    clear:both;
	position: absolute;
	right:10px;
	top:10px;
	margin:0;
	padding:0;	
	height: 46px;	
	width: 430px;
}

#bigQuestionButtons div.right a.link-button,
#bigQuestionButtons div.right a.link-button:active,
#bigQuestionButtons div.right a.link-button:hover,
#bigQuestionButtons div.right a.link-button:visited
{
    float: right;
}

div.yoursay
{
    position: relative;    
    width: 465px;    
    margin-bottom:20px;
}

h3.grey 
{
	color:#85888f;
	text-transform:uppercase;
	font-size:0.9em;
	margin-bottom:0;
	padding-bottom:0;
}
/*
AT replaced with .class-space.q-container
div.class-profile
{
    padding:20px 0 20px 20px;
	background-image:url(../img/squareBoxTop.gif);
	background-repeat:no-repeat;
	margin:0 0 0 0px;
}*/

div.squareBoxTop 
{
	padding:20px 0 20px 20px;
	background-image:url(../img/squareBoxTop.gif);
	background-repeat:no-repeat;
	margin:0 0 0 0px;
}

.class-space.q-container
{
	padding:20px 0 20px 20px;
	background-image:url(../img/squareBoxTop.gif);
	background-repeat:no-repeat;
	margin:0 0 0 0px;
	float:left;
	width:920px;
}

div.class-profile dl
{
    padding: 0;
    margin: 0;    
    width: 470px;
    min-height: 100px;
}

div.class-profile dt
{
    clear: both;
    text-align: right;
}

div.class-profile dd,
div.class-profile dt
{
    height: 25px;
    width: 225px;    
    margin: 0;
    float: left;    
}

div.class-profile dd
{
    font-weight: bold;
    margin-left: 5px;    
}

fieldset#submitresponse .link-button-container
{
    margin-top: 10px;
}


#resourceHolder 
{
	position: relative;
    float: right;
    bottom: 0;
}
div.resources,
fieldset#submitresponse div.resources
{
    min-width:432px;
}

div.resources 
{
	background-image:url(../img/resourcesBGTop.gif);
	background-repeat:no-repeat;
	padding:8px 0 0 8px;
	width:466px;
}

div.featuredBigQBox 
{
	background-image:url(../img/resourcesBGTop.gif);
	background-repeat:no-repeat;
	padding:8px 0 0 8px;
	margin:0;
	width:466px;
}

div.featuredBigQBox .getInvolved
{
    margin-left: 10px;
    padding-bottom: 20px;
}

div.featuredBigQBox ul
{
    padding: 0 20px 0 10px;
    margin: 0;
}

div.resourcesBottom 
{
	background-image:url(../img/resourceBGBottom.gif);
	background-repeat:no-repeat;
	width:466px;	
	height:12px;
}

div.resources a,
div.resources a:hover,
div.resources a:visited,
div.resources a:active
{
	color:#faa31a;
	margin-left:10px;
	margin-top:1px;
	display:block;
	width:390px;
	font-size:1.1em;
}
div.resources a img,
div.resources a:visited img,
div.resources a:hover img,
div.resources a:active img 
{
	margin-left:0px;
}

div.resources a.image, 
div.resources a.image:visited,
div.resources a.image:hover,
div.resources a.image:active
{
	clear:both;
	margin-left:0px;
}

div.sub-q 
{
	background-image:url(../img/squareBoxTop.gif);
	background-repeat:no-repeat;
	margin:0;
	border:0;
	padding: 20px 10px 10px 20px;
}


div.big-q div.link-button-container 
{
	clear:both;
}
div.sub-q div.link-button-container 
{
	margin-top:100px;
}

div.big-q-list-text 
{
	width:900px;
}

div.squareBoxBottom 
{
	background-image:url(../img/squareBoxBottom.gif);
	background-repeat:no-repeat;
	width:940px;
	height:13px;
	margin:0 0 20px 0px;
	padding:0;
	*left:0px;
	*position:relative;
	float:none;
	clear:both;
	overflow:hidden;
}



.submittedOn 
{
	font-size:x-small;
	color:#85888f;
}

div.sub-q,
div.answer
{
    /*background-color:#ccc;*/
    border: 0;
    clear:both;
    overflow:visible;
}

div.q-date 
{
	width:900px;
	text-align:center;
}

p.reportAbuse a, p.reportAbuse a:visited
{
	color:#c0c0c0;
	font-size:xx-small;
}
div.questionsHeader 
{
	width:300px;
	margin-bottom:20px;
}
div.answerBubble
{
	background-image:url(../img/answerBubble.gif);
	background-repeat:no-repeat;
	width:900px;
	min-height:99px;
	margin:0;
	padding:20px 0 0 30px;
}
div.questBubble 
{
	background-image:url(../img/questBubble.gif);
	background-repeat:no-repeat;
	width:900px;
	min-height:99px;
	margin:0;
	padding:20px 0 0 130px;
}

div.questBubble p, div.questBubble_1 p, div.questBubble_2 p, div.questBubble_3 p, div.questBubble_4 p, div.questBubble_5 p
{
	margin:0;
	padding:0;
}

div.questBubble_1
{
	background-image:url(../img/quetBubble_freetext.gif);
	background-repeat:no-repeat;
	width:900px;
	min-height:99px;
	margin:0;
	padding:20px 0 0 130px;
}

div.questBubble_2
{
	background-image:url(../img/quetBubble_sort.gif);
	background-repeat:no-repeat;
	width:900px;
	min-height:99px;
	margin:0;
	padding:20px 0 0 130px;
}

div.questBubble_3
{
	background-image:url(../img/quetBubble_multi.gif);
	background-repeat:no-repeat;
	width:900px;
	min-height:99px;
	margin:0;
	padding:20px 0 0 130px;
}

div.questBubble_4
{
	background-image:url(../img/quetBubble_numeric.gif);
	background-repeat:no-repeat;
	width:900px;
	min-height:99px;
	margin:0;
	padding:20px 0 0 130px;
}

div.questBubble_5
{
	background-image:url(../img/quetBubble_likert.gif);
	background-repeat:no-repeat;
	width:900px;
	min-height:99px;
	margin:0;
	padding:20px 0 0 130px;
}



/* forces min-height for ie6*/
div.questBubbleHeight 
{
	width:0px;
	height:99px;
	float:left;
}
div.answerHeight 
{
	width:0px;
	float:left;
	height:200px;
} 


div.questionBubbleText 
{
	width:700px;
}
div.answerBubbleText 
{
	width:840px;
}
div.question-bubble-buttons 
{
	position:relative;
	top:-60px;
	margin-left:170px;
}



div.question-bubble-bottom 
{
	background-image:url(../img/questBubbleBottom.gif);
	background-repeat:no-repeat;
	width:900px;
	height:72px;
	margin:0;
	padding:0;
}


div.sub-q p,
div.answer p
{
    line-height: 1.4em;
    margin-bottom: 0.7em;
}

div.answer div,
div.sub-q div
{
    margin:0;
    padding:0;
}

div.big-q h2
{
    font-size: 16px;
    display: inline;
}


fieldset#contact-us,
fieldset#submitresponse 
{
	border:0;
	margin:0 0 10px 0;
	padding:0;
}

fieldset#contact-us legend,
fieldset#submitresponse legend 
{
	visibility:hidden;
}

fieldset#submitresponse #links legend 
{
	visibility:visible;
}

#submitOuter
{
    position: relative;
    min-height:400px;
}

div.submitRight
{
    position: relative;
    left: 250px;
}

div.submitRightBox
{
    position: relative;
    overflow:visible;
	width: 630px;
	min-height:200px;
	border:2px solid #efefef;
	padding:20px;
	margin-bottom: 20px;
}

div.submitRightBox div.orange 
{
	position: absolute;
	left: 40px;
	top: 90px;
	width:200px;
	height:150px;
	background-color:#faa41c;
	color:#fff;
}

div.submitRightBox div.orange.multi 
{
	top:70px;
}

div.submitRightBox img.orangeArrow 
{
	position: absolute;
	left: 18px;
	top: 217px;
}

#orange-help-top 
{
	background-color:#faa41c;
	color:#fff;
	/*width:923px;*/
	width:550px;
}
#orange-help-top div 
{
	padding:10px;
}

img.orangeArrow.down 
{
	position:relative;
	top:0px;
	left:50px;
}

div.submitRightBox img.orangeArrow.multi 
{
	top: 70px;
}

div.submitRightBox div.orange div 
{
	margin-top:20px;
	padding:10px;
}

div.submitButton
{
    margin-top: 0;
}

div.submitRightBox div.submitButton 
{
	float:left;
	clear:both;
	margin-top:50px;	
}

#responseBox
{
    position: relative;
    left: 240px;
    width: 360px;
}

fieldset#submitresponse div.textarea 
{
	background-image:url(../img/answerBoxTop.gif);
	background-repeat:no-repeat;
	width:353px;
	padding:8px 0 5px 8px;
}

fieldset#submitresponse div.textarea textarea 
{
	width:330px;
	height:150px;
	border:0;
}

div.textarea-bottom 
{
	background-image:url(../img/answerBoxBottom.gif);
	background-repeat:no-repeat;
	width:353px;
	height:11px;
}

fieldset#submitresponse div.textthin 
{
	background-image:url(../img/answerBoxThinTop.gif);
	background-repeat:no-repeat;
	width:110px;
	padding:8px 0 5px 6px;
}

fieldset#submitresponse div.textthin input 
{
	width:90px;
	text-align:center;
	border:0;
}

div.textthin-bottom 
{
	background-image:url(../img/answerBoxThinBottom.gif);
	background-repeat:no-repeat;
	width:110px;
	height:11px;
}

.remaining
{
    font-size:0.7em;
}

fieldset#submitresponse .remaining
{
	width:350px;
    text-align:right;    
}

fieldset#contact-us .remaining
{
	width:200px;
    text-align:right;    
    float: left;
    position: relative;
    top: 7px;
}

div#links
{
    position: relative;
    min-height: 150px;
}

div#links fieldset
{
    width: 40%;
    min-height: 145px;
}

div#links fieldset.right
{
    position: absolute;
    top: 0;
    left: 45%;
}

div#links fieldset ol
{
    margin: 0 20px;
    padding: 5px 20px;    
}

div#links div
{
    display: none;
}

img.feature-image
{
    width: 435px;
    height: 163px;
    margin-left:5px;
    margin-top:5px;
}

#q-container h3 
{
	font-family:Arial Black,arial;
	margin:0;
	padding:0;
}
#q-container h4.responses 
{
	font-family:Arial Black,arial;
	color:#85888f;
	margin:0;
	padding:0;
	text-transform:uppercase;
}
#q-container .shakers
{
    position: relative;
    margin: 0;
    padding: 0;
    width: 700px;
}

#q-container .shakers div.drawn
{
    position: relative;    
    background: transparent url(../img/moversBG.gif) no-repeat left top;
    width: 231px;
    height: 201px;
    float: left;
    padding: 0;    
    margin: 0;
}


.shaker.filters 
{
	float:left;
	width:220px;
}

.shaker.filters select, .shaker.filters input  
{
	width:200px;
	border: 1px solid #85888f;
}



.shaker.pager 
{
	width:700px;
	margin:0 0 20px auto;
	clear:both;
	overflow:hidden;
	float:none;
	text-align:center;
}

#shakerContainer 
{
	clear:right;
	float:right;
}
#shakerContainer div.shakerText 
{
	font-size:0.8em;
	padding:10px;
	margin-top:10px;
}


#q-container .shakers div dl
{
    padding: 0;
    margin: 10px 0 0 0;
    width: 210px;
    font-size: 12px;
}

#q-container .shakers div dt
{
    width: 125px;    
    text-align: right;
    clear: both;
    margin: 0;    
}

#q-container .shakers div dd
{
    width: 70px;
    font-weight: bold;
    margin:0 0 0 5px;
}

#q-container .shakers div dt,
#q-container .shakers div dd
{
    height: 50px;
    padding: 0;
    float: left;
}

#q-container .shakers div .rank
{
    position: relative;
    top: 10px;
    left: 10px;
    font-size: 22px;
    font-weight: bold;
}


div.topBox 
{
	background-image:url(../img/topBoxBG.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:298px;
	height:76px;
	color:#ec9200;
}

#prize-draw
{
    position: absolute;
    right: 0px;
    padding: 10px;
}
#drawSet 
{
	width:466px;
	height:76px;
	float:left;
	position:absolute;
	left:400px;
	z-index:2000;
	padding-top:10px;
	padding-left:8px;
}

#prize-draw #counter
{
    margin-bottom: 10px;
}

#prize-draw fieldset
{
    border:0;
}

fieldset.sendtoafriend
{
    position: relative;
    border:2px solid #efefef;
	padding:20px;
	margin-bottom: 20px;    
}

fieldset.sendtoafriend h3,
fieldset.cover h3
{
    position:absolute;
    left: 90px;
    top: 0;
    color: #474646;
    margin:0;
    padding:0;
    line-height:33px;
}

fieldset.sendtoafriend textarea 
{
	height:70px;
}


fieldset.sendtoafriend div#sendtoafriend-msg
{
    clear:both;
    height: 105px;
    margin-bottom: 20px;
}

fieldset.sendtoafriend div label
{
    float: left;
    width: 200px;
}

.req
{
    margin-left: 3px;
}

/* 
    The dimensions of the magazine and the preview box are defined in constants 
    in the send-to-friend.aspx.cs file because they are used when generating the
    custom magazine image
*/
#sendtoafriend-previewouter
{
    position: relative;
    min-height: 380px;
}

#sendtoafriend-previewouter img
{
    border: 1px solid #ccc;
}

span.sendtoafriend-previewlabel
{
    display: block;
    position: absolute;
    right: 0px;
}

.sendtoafriend-previewcontainer
{
    position: absolute; 
    right: 0px; 
    top: 20px; 
}

.sendtoafriend-preview
{
    overflow: hidden; 
    position: absolute; 
}

.sendtoafriend-previewmag
{
    position: absolute; 
    left: 0px; 
    top: 0px;
}

/*
    The minimum height of this container will need to be big enough to accomodate the
    magazine image
*/
fieldset.cover
{
    border:2px solid #efefef;
	padding:20px;
    position: relative; 
    min-height: 320px;
    margin: 20px 0;
}

fieldset.cover .radio label
{
    position: relative;
    top: -4px;
    left: 4px;
}

#class-activity
{
    position: absolute;
    right: 320px;
    padding:10px;
    z-index:2000;
}

#class-activity-title
{
    margin-left: 40px;
    font-weight:bold;
}

#progress-bar
{
    position: relative;
    left: 28px;
    top: -19px;
    width: 171px;
    height: 28px;
    border: none;
    background-color: #fff;
}

#progress-bar .progress
{
    position: absolute;
    height: 15px;
    left: 0px;
    width: 75px;
    background-color: #ff0;
}

.progress-label
{
    color: #000;
    font-family:Arial black,arial;
    font-weight: bold;
    display: block;
    float:right;
    position:relative;
    right:30px;
    top:-3px;
    text-align: center;
    font-size: 22px;
}

/* jquery datepicker stuff */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

.link-button-container
{
    width: 100%;
    overflow: hidden;
    height: 42px;
    margin: 5px 0 5px 0;
    padding: 0;
}

a.link-button,
a.link-button:active,
a.link-button:hover,
a.link-button:visited {
    background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    min-width:190px;
    font: bold 12px arial black, arial, sans-serif;
    text-transform:uppercase;
    height: 40px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    text-align: center;
}

a.link-button span {
    background: transparent url('../img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 38px;
    padding: 2px 0 5px 20px;
    cursor: pointer;
}


.grey a.link-button,
.grey a.link-button:active,
.grey a.link-button:hover,
.grey a.link-button:visited {
    background: transparent url('../img/bg_button_a_grey.gif') no-repeat scroll top right;
}

.grey a.link-button span 
{
    background-image: url('../img/bg_button_span_grey.gif');    
}

.error
{
    color:#f00;
}

#loginBoxes label
{
    position: relative;
    float: left;
    width: 90px;
    top: 4px;
}

.formField,
.cb
{
    float: none;
    clear: both;
}

.formField label
{
    position: relative;
    float: left;
    width: 150px;
    top: 4px;		
}

#loginBoxes 
{
	padding:20px 0 20px 20px;
	background-image:url(../img/squareBoxTop.gif);
	background-repeat:no-repeat;
	margin:0 0 0 0px;
}


#loginBoxes input 
{
	border:1px solid #85888f;
	margin-bottom:5px;
	font-family:Arial;
	width:250px;
}

#loginBoxes .link-button-container
{
    margin-top: 10px;
    margin-bottom:0;
}

.bottom-space
{
    margin-bottom: 10px;
}

.disabled
{
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}

#magazine-covers
{
    position: relative;
}

#magazine-covers div
{
    position: relative;    
    float: left;
    width: 49%;
}

#magazine-covers img
{
    border: 1px solid #ccc;
}

.options-box    
{
    background-color: #d5d5d5;
    border: 1px solid #919191;
    width: 500px;
    margin-bottom: 10px;
    padding: 10px 0;
}

.options-box input
{
    margin-bottom: 5px;
}

.options-box .formField label
{
    text-align: right;
    padding-right: 10px;
}

#sort-results-key h3,
#sort-options-key h3
{
    margin:0;
    padding:0;
    font-size: 1.1em;
}

#sort-options-key
{
    position: absolute;
    top: 0px;
    right: 20px;
    border: 1px solid #aaa;
    padding: 10px;
}

#sort-results-key
{
    border: 1px solid #aaa;
    padding: 10px;
    text-align: left;
}

#sort-results-key ol
{
    margin: 5px 20px 5px 20px;
    padding: 5px 20px 5px 20px;    
    font-size: 0.8em;
    color: #faa41c;    
}

#sort-results-key ol li span
{
    color: #000;
}

.sort-results
{
    border: 1px solid #aaa;
    margin-bottom: 20px;
    padding: 10px;
}

.sort-results td
{
    font-size: 0.8em;
}

.sort-results td.bar-cell
{
    width: 365px;
}

.sort-results .bar-left
{
    float: left;
    display: block;
    background-image: url(../img/sort-bar-left.jpg);
    height: 19px;
}

.sort-results .bar-right
{
    float: left;
    display: block;
    background-image: url(../img/sort-bar-right.jpg);
    height: 19px;
    width: 4px;
}

#sort-options-outer
{
    position: relative;
    width: 100%;
    min-height: 200px;
    margin-bottom: 20px;
}

#sort-options
{
    position: relative;    
    width: 50%;
    margin-bottom: 20px;
    margin-top:20px;
}
#sort-options ol li
{
    margin-bottom: 10px;
}

dl
{
    width: 16.5em;
    margin:0;
}
dt
{
    float: left;
    width: 1.5em;
    clear: both;
    color: #faa41c;
}
dd
{
    float: left;
    width: 15em;
    margin-left: 0;
}

.add-big-q-preview
{
    min-height: 520px;
    /*padding-top: 160px;*/
}

#add-big-q-preview-inner
{
    padding-top: 80px;
    padding-bottom: 40px;
}

#add-big-q-preview-inner #theBigQ
{
    top: 137px;
}

#add-big-q-preview-inner #featuredBigQ h2
{
    margin-top:0;
    margin-bottom:0;
}

#add-big-q-preview-text
{
    margin: 0;
    padding: 0;
}

h2#stepOneInsertQuestion
{
    font-size: 10px;
    position: relative;
    width: 338px;
    height: 33px;
    background: url(../img/stepOneInsertQuestion.gif) no-repeat;
}

h2#stepOneInsertQuestion span
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 338px;
    height: 33px;
    background: url(../img/stepOneInsertQuestion.gif) no-repeat;
}

h2#stepTwoSelectAnswerType
{
    font-size: 10px;
    position: relative;
    width: 338px;
    height: 33px;
    background: url(../img/stepTwoSelectAnswerType.gif) no-repeat;
}

h2#stepTwoSelectAnswerType span
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 338px;
    height: 33px;
    background: url(../img/stepTwoSelectAnswerType.gif) no-repeat;
}

#activeexpression
{
    width: 250px;
    position: absolute;
    left: 0px;
}

#flash-activexpression
{
    width: 214px; 
    height: 366px;    
}


div.textPage 
{
	width:910px;
	padding:20px;
	background-image:url(../img/whiteBG.png);
	background-repeat:repeat;
}


.register 
{
	background-image:url(../img/whiteBG.png);
	background-repeat:repeat;
	padding:20px;
}

.register select, .register input 
{
	border:1px solid #85888f;
	font-family:Arial;
	font-size:0.8em;
	width:200px;
	margin-bottom:5px;
}

.register input[type=file]
{
	border: inherit;
}

div.classStatement 
{
	background-image:url(../img/answerBoxTop.gif);
	background-repeat:no-repeat;
	width:353px;
	padding:8px 0 5px 8px;
	margin: 10px 0 0 0;
}

div.classStatement textarea 
{
	width:325px;
	border:0;
}


.checkbox input, .radio input 
{
	width:auto;
	margin:4px 0;
	border: 0;
}
.register .link-button 
{
	margin-bottom:20px;
}

.cb label
{
	width:auto;
	font-size:0.7em;	
	margin-right:10px;
	padding-right:0;
}

h2#freeTextEntry
{
    padding: 0;
    margin: 0;    
    font-size: 10px;
    position: relative;
    width: 239px;
    height: 33px;
    background: url(../img/free_text.jpg) no-repeat;
    overflow: hidden;
}

h2#freeTextEntry span
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 239px;
    height: 33px;
    background: url(../img/free_text.jpg) no-repeat;
}

h2#sortInOrder
{
    padding: 0;
    margin: 0;
    font-size: 10px;
    position: relative;
    width: 239px;
    height: 33px;
    background: url(../img/sort_in_order.jpg) no-repeat;
    overflow: hidden;
}

h2#sortInOrder span
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 239px;
    height: 33px;
    background: url(../img/sort_in_order.jpg) no-repeat;
}

h2#multipleChoice
{
    padding: 0;
    margin: 0;
    font-size: 10px;
    position: relative;
    width: 239px;
    height: 33px;
    background: url(../img/multiple_choice.jpg) no-repeat;
    overflow: hidden;
}

h2#multipleChoice span
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 239px;
    height: 33px;
    background: url(../img/multiple_choice.jpg) no-repeat;
}

h2#numericResponse
{
    padding: 0;
    margin: 0;    
    font-size: 10px;
    position: relative;
    width: 239px;
    height: 33px;
    background: url(../img/numeric_response.jpg) no-repeat;
    overflow: hidden;
}

h2#numericResponse span
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 239px;
    height: 33px;
    background: url(../img/numeric_response.jpg) no-repeat;
}

h2#likertScale
{
    padding: 0;
    margin: 0;    
    font-size: 10px;
    position: relative;
    width: 239px;
    height: 33px;
    background: url(../img/likert_scale.jpg) no-repeat;
    overflow: hidden;
}

h2#likertScale span
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 239px;
    height: 33px;
    background: url(../img/likert_scale.jpg) no-repeat;
}

.resources p
{
	width:90%;
	margin:5px 0 0 10px;
}

#footer-expression 
{
	float:right;
	top:7px;
	margin:0;
	position:absolute;
	right:19px;
}

.help
{
    position: relative;
}

.help .class-profile h2,
.help .class-profile h3,
.help .help-orange,
.win .help-orange
{
    color: #ec9200;
}

.win h1 img,
.win h2 img,
.help .class-profile h2 img
{
    position: relative;
    top: 0px;
}

.win h2,
.help #help6 h2,
.help #help1inner h2
{
    color: #474646;
}

#help1
{
    position:relative;
    padding: 0 150px 0 20px;    
}

#help1inner
{
    position:relative;    
}

#help1 ul
{
    margin: 0 0 20px 0;
    padding: 0;    
}

#help1 ul li
{
    margin: 0;
    padding: 0;    
    list-style-type:none;
}

.win a,
.win a:visited,
.win a:active,
.help a,
.help a:visited,
.help a:active
{
    text-decoration:none;
    color:#ec9200;
}

.win a:hover,
.help a:hover
{
    text-decoration:underline;    
}

#help3 ul
{
    margin: 10px 10px 10px 20px;
    padding: 10px 10px 10px 20px;
    width: 200px;
}

#help3inner
{
    position: relative;
    margin-left: 150px;
}

#help4 p,
#help5 p
{
    margin-right: 40px;
}

#help4inner
{
    width:876px;
    overflow:hidden;    
}

#help4innerText
{
    float:left;
    width:300px;
}

#help4innerText p
{
    margin-right: 0;
}

#flash-helpguide
{
    width:556px;
    float:left    
}

#help-device
{
    position:absolute;
    right:0;
    top:0;
}

#help-get-involved
{
    position: absolute;
    right: 60px;
    bottom: 20px;
    width: 415px;
    text-align: center;
}

#help-get-involved img
{
    border:0;
}

.help-big-q
{
    margin-left:20px;
    float:right;
    position:relative;
    top:-40px;
    left:-10px;    
}

img.help-ae-deisplay
{
    float:right;
    margin: -60px 40px 10px 30px;
}

h3#help-class-activity
{
    position:relative;
    width:878px;
    height:93px;
    overflow:hidden;
}

h3#help-class-activity span
{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:878px;
    height:93px;
    background-image:url(../img/help_class_activity.jpg);
}

#help-device-front
{
    float:left;
    margin-right:20px;    
}

#help-demo-thumb
{
    float:right;
    margin: -60px 40px 10px 10px;    
}

#win-get-involved
{
    width:415px;
    margin-bottom:20px;
}

#winInner
{
    margin-left:20px;
    margin-right:150px;    
}

.setPrizeDrawDate
{
    margin-top: -7px;
    display:block;
}

#homeIntro p span.bigger 
{
	font-size:1.3em;
}
#counterExpression 
{
	float:left;
	margin-right:20px;
}

#prize-draw a,
#prize-draw a:active,
#prize-draw a:hover,
#prize-draw a:visited 
{
	font-size:0.8em;
	font-weight:bold;
}

h2#stepOne
{
    margin:0;
    padding:0;
    font-size: 10px;
    position: relative;
    width: 78px;
    height: 33px;
    background: url(../img/stepOne.gif) no-repeat;
}

h2#stepOne span
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 78px;
    height: 33px;
    background: url(../img/stepOne.gif) no-repeat;
}

h2#stepTwo
{
    margin:0;
    padding:0;    
    font-size: 10px;
    position: relative;
    width: 78px;
    height: 33px;
    background: url(../img/stepTwo.gif) no-repeat;
}

h2#stepTwo span
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 78px;
    height: 33px;
    background: url(../img/stepTwo.gif) no-repeat;
}

span.orangeNumber
{
    color: #faa41c;
    margin-right: 0.4em;
}

a.homeOrange,
a.homeOrange:active,
a.homeOrange:visited
{
    color: #faa41c;    
    text-decoration:none;
    font-weight: bold;
}

a.homeOrange:hover
{
    text-decoration:underline;
    font-weight: bold;    
}

.errorSummary
{
    width: 500px;
}

.featureText
{
    padding: 8px 0 4px 0;
}

#insertQuestionRightBox .formField
{
    margin-bottom: 10px;
}

#insertQuestionRightBox .formField label
{
    width: 230px;
    text-align: right;    
    margin-right: 10px;
}

#insertQuestionRightBox .formField input
{
    width: 350px;
}

a.lets-get-started
{
    display: block;
    margin: 10px;
    position: relative;
    left: 50px;
    width: 352px;
}

#animationContainer
{
	float:right;
	margin:0 0 0 30px;
	padding:0;
	clear:none;    
}

#animationBox
{
    position: relative; 
    background: url(../img/animation_bg.gif) no-repeat;
    width: 340px;
	height: 220px;
}

#animationBottom
{
    position: relative; 
    background: url(../img/animation_bottom.gif) no-repeat;
    width: 340px;
	margin:0;
	padding:0;
	height: 12px;
}

#home-small-device
{
    position: absolute;
    bottom: 0px;
    left: 450px;
}

span.bigger 
{
	font-size:1.4em;
	margin-top:5px;
}

span.normal 
{
	display:inline-block;
	position:relative;
	top:-2px;
}


.orange 
{
	color:#ec9200;
}

#pleaseLogin 
{
	margin-bottom:20px;
	display:block;
	overflow:hidden;
}

ol.orangeNumbers 
{
	color:#ec9200;
}

ol.orangeNumbers li 
{
	padding:0;
	margin:0;
	font-size:0.8em;
}

ol.orangeNumbers li span 
{
	color:#000;
}

.registerPlanet 
{
	width:466px;
	float:right;
	margin-top:5px;
	margin-bottom:20px;
	*margin-right:30px;
	
}

span.smaller
{
	display:block;
	margin-top:10px;
	font-size:0.8em;
}



#winningClassPanel
{
	background-image: url(../img/resourcesBGTop.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 8px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	width: 466px;
	clear:none;

	
}
#winningClassPanel p
{
	width:97%;
	
}

#winningClassPanel img 
{
	
}


#myClasses ul li a,
#myClasses ul li a:visited,
#myClasses ul li a:hover 
{
	color:#faa31a;
}

#currentClass 
{
	line-height:1.0em;
	position:absolute;
	top:3px;
	z-index:2000;
}

#currentClass span 
{
	color:#faa31a;
}

#classSelector 
{
	position:relative;
	left:422px;
	top:73px;
	width:350px;
	font-family: Futura XBlk BT,Arial Black,verdana,arial;
	color: #8f540f;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.8em;
	z-index:1;
}


#classList 
{
	font-family:Arial;
	font-weight:bold;
	font-size:0.8em;
	text-transform:none;
	width:200px;
	min-height:120px;
	background-color:#ffffff;
	color:#000000;
	border:1px solid #000000;
	z-index:2002;
	overflow:visible;
	float:none;
	position:absolute;
	top:30px;
	left:0px;
	padding:10px;
	display:none;
}

#classList a,
#classList a:visited,
#classList a:hover,
#classList a:active 
{
	color:#faa31a;
}

#classList #close 
{
	position:relative;
	top:0;
	right:0;
	display:block;
	width:200px;
	text-align:right;
}

#classList #close a,
#classList #close a:visited,
#classList #close a:hover,
#classList #close a:active 
{
	font-weight:normal;

	color:#000;
	font-family:Arial;
}

#editClass 
{
	float:right;
	display:none;
}


div#addNew 
{
	display:none;
}

#ddClassNickName 
{
	height:auto;
}