/*  Stylesheet for
	--------------------------
	Playstation - Buzz
	--------------------------  */


/*	Colors
	--------------------------
	white:              ffffff (text)
	grey:				f8f5ec (gradient)
	blue:				374b6c (wallpaper)
	--------------------------  */

/*  Classes  */
/** {{{ - Forms - **/
	/* {{{ Simple Form */
	.simpleForm{width:500px;float:left;}
	.simpleForm .line{margin-bottom:0.3em;}
	/* Line Elements */
	.simpleForm .label,.simpleForm .checkbox .iinput{float:left;width:170px;text-align:right;}/* Label Position */
	.simpleForm .iradio .label,.simpleForm .checkbox .label{width:auto;float:none;text-align:left;}
	.simpleForm .iradio .label{margin-left:20px;}
	.simpleForm .iinput,.simpleForm .iselect,.simpleForm .itextarea,
	.simpleForm .radio .iradio,.simpleForm .checkbox .label,
	.simpleForm .alignText,.simpleForm .errorBottom{margin-left:180px;}/*none inputs 135px?*/
	.simpleForm .text input,.simpleForm .password input,.simpleForm .file input{width:195px;/* out of 320px */}
	.simpleForm .date input{width:165px;/* out of 320px */}
	.simpleForm textarea{width:260px;font-family:verdana;}
	.simpleForm select[multiple]{height:6em;}
	
	.simpleForm .large_fcodes select{height:12em;min-width:200px}
	
	
	.simpleForm .large .label{display:none;}
	.simpleForm .large .itextarea{margin-left:0;padding-top:10px;}
	.simpleForm .large textarea{width:476px;height:20em;}
	/* Checkbox - aligned to right */
	.simpleForm .checkbox .iinput{margin-left:auto;}
	/* Radio Button - options aligned to right */
	.simpleForm .iradio{height:1.25em;}
	.simpleForm .iradio .iinput{float:left;width:20px;margin-left:auto;}
	.simpleForm .iradio .iinput input{display:block;}
	
	/* updates */
	.simpleForm div.update{padding:0.3em 0.3em 0 0.3em;}
	.simpleForm .update .label p{padding:0.3em;margin-bottom:0;}
	.simpleForm .update .updateBottom{border:1px solid #ffcc00;background:#fff8de;padding:0.3em;margin-bottom:0;width:252px;/* out of 370px */}
	.simpleForm .update .updateImage img{display:block;margin:1em auto;}

	.simpleForm .preview{margin-left:180px;padding:0.3em;display:block;}
	.simpleForm .preview .image{width:100px;padding-bottom:1em}
	.simpleForm .preview .image img{border:1px solid black;}


	.buzzQuestionForm .submit .iinput{margin-left:260px;}
	/* }}} */


/* }}} */
/** {{{ - Tables - **/
	/* {{{ Simple Table */
	.simpleTable{width:500px;margin-bottom:1em;}
	.simpleTable caption{text-align:left;font-size:0.75em;padding:0.5em;}
	.simpleTable th{zbackground:#b8c3c9;text-align:left;zborder-right:1px solid #ffffff;zborder-top:1px solid #999999;}
	.simpleTable th,.simpleTable td{border-bottom:1px solid #999999;padding:5px 7px;}
	.simpleTable tfoot td{zbackground:#b8c3c9;zborder-right:1px solid #ffffff;zborder-top:3px double #999999;}

	.simpleTable .c1{font-weight:bold;}
	.simpleTable .clast{border-right:none;}
	.simpleTable .deleted{background:#f8e2e2;}
	
	 .simpleForm .simpleTable .label{display:none;width:auto;margin:0;padding:0;}
	.simpleForm .simpleTable .iinput{width:auto !important;margin:0 !important;padding:0 !important;}
	

	/* }}} */
	/* {{{ Simple Vertical Table */
	.simpleVerticalTable{width:100%;margin-bottom:1em;}
	.simpleVerticalTable caption{text-align:left;font-size:0.75em;padding:0.5em;}
	.simpleVerticalTable th{background:#b8c3c9;text-align:right;border-right:1px solid #999999;width:25%;}
	.simpleVerticalTable th,.simpleVerticalTable td{border-bottom:1px solid #999999;padding:5px 7px;}
	.simpleVerticalTable tfoot td{background:#b8c3c9;border-right:1px solid #ffffff;border-top:3px double #999999;}

	.simpleVerticalTable .c1{font-weight:bold;}
	.simpleVerticalTable .clast{border-right:none;}
	.simpleVerticalTable .deleted{background:#f8e2e2;}

	/* }}} */


/* }}} */
/** {{{ - Lists - **/
	/* {{{ Simple List */
	.simpleList{margin-bottom:1em;}
	ul.simpleList li{margin-bottom:0.2em;padding-left:15px;background:url(../img/bullet.png) 0 5px no-repeat;}
	ul.simpleList li.action{background:url(../img/bullet.png) 0 5px no-repeat;}
	.simpleList li.last{margin-bottom:0;}
	ol.simpleList{padding-left:1.35em;}
	ol.simpleList li{margin-bottom:0.2em;padding-left:0;list-style:outside decimal;}
	
	dl.simpleList dt{float:left;width:1em;}
	dl.simpleList dd{margin-left:1em;}
	
	
	/* }}} */
	/* {{{ Horizontal List */
	.horizontalList{margin-bottom:1em;}
	.horizontalList li{float:left;margin-right:0.5em;padding-right:0.5em;border-right:1px solid #ffffff;}
	.horizontalList li.last{margin-right:0;border-right:none;}
	.horizontalList li.active a{color:#000;}
	.horizontalList li.active a:hover{color:#000;}
	/* }}} */
	/* {{{ Centered Horizontal List */
	.centeredList{margin-bottom:1em;text-align:center;}
	.centeredList li{display:inline;margin-right:0.5em;padding-right:0.5em;border-right:1px solid #e9e7d1;}
	.centeredList li.last{margin-right:0;border-right:none;}
	.centeredList li.active a{color:#322c68;}
	.centeredList li.active a:hover{color:#000;}
	/* }}} */
	/* {{{ Simple Link List */
	.simpleLinkList{margin-bottom:1em;}
	.simpleLinkList li{display:block;}
	.simpleLinkList li a{display:block;float:left;border-bottom:none;padding-left:20px;background-image:url(../img/bullet.png);background-position:0 2px;background-repeat: no-repeat;}
	/* }}} */
	/* {{{ pagerLinkList */
	.pager{position:relative;margin-bottom:1em;}
	.pagerLinkList{text-align:center;display:block;position:relative;}
	.pagerLinkList li{margin:0;display:block;padding:0;}
	.pagerLinkList li.prev{position:absolute;left:0;top:0;}
	.pagerLinkList li.next{position:absolute;right:0;top:0;}
	
	
	
	
	/* link styles */
	* html .pagerLinkList li a span{cursor:hand;}
	.pagerLinkList li span.number{font-weight:bold;}
	/* }}} */
	
	.buzzMenu{margin-left:20em;width:300px;}
	.buzzQuestion{margin-left:6em;width:600px;text-indent:-1em;}
	.buzzAnswers{margin-left:16em;width:400px;}
	/*
	<div class="iradio">
		<div class="panel">
			<div class="pBL"><div class="pBR"><div class="pTL"><div class="pTR">
				<div class="content optionContent">
					<div class="iinput"><input class="p4" id="question__4" name="question_" value="132" type="radio" tabindex="4"></div>
					<div class="label"><label class="p4" for="question__4">EXETER </label></div>
				</div>
			</div></div></div></div>
		</div>
	</div>
	*/
	.buzzPanels .panel, .buzzPanels .pBL, .buzzPanels .pBR, .buzzPanels .pTL, .buzzPanels .pTR, .buzzPanels .content{display:block;}
	.buzzPanels .panel{background:url(../img/pb.jpg) 0 100% no-repeat;margin-bottom:1em;}
	.buzzPanels .pBL{background:url(../img/pbl.gif) 0 100% no-repeat;}
	.buzzPanels .pBR{background:url(../img/pbr.gif) 100% 100% no-repeat;}
	.buzzPanels .pTL{background:url(../img/ptl.gif) 0% 0% no-repeat;}
	.buzzPanels .pTR{background:url(../img/ptr.gif) 100% 0% no-repeat;}
	.buzzPanels .content{line-height:32px;padding:20px 20px 20px 55px;text-transform:uppercase;color:#ffffff;font-weight:bold;}
	.buzzPanels .formContent{padding:10px 20px 10px 55px;display:block;}
	.buzzPanels .optionContent{padding:10px 20px 10px 11px;display:block;}
	
	/* For IE 7 Only*/
	.buzzPanels .optionContent{height:1%;}
	
	.buzzPanels .optionContent .label{margin-left:40px;}
	.buzzPanels .optionContent .label label{display:block;vertical-align:middle;line-height:32px;}
	.buzzPanels .optionContent .iinput{float:left;width:30px;}
	.buzzPanels .optionContent .iinput input{width:32px;height:32px;border:0;padding:0;}
	.buzzPanels .p1 .content{background:url(../img/button_blue.gif) 11px 50% no-repeat;}
	.buzzPanels .p2 .content{background:url(../img/button_red.gif) 11px 50% no-repeat;}
	.buzzPanels .p3 .content{background:url(../img/button_green.gif) 11px 50% no-repeat;}
	.buzzPanels .p4 .content{background:url(../img/button_yellow.gif) 11px 50% no-repeat;}
	
	.buzzPanels input.p1 {background:url(../img/button_blue.gif) 0 0 no-repeat;}
	.buzzPanels input.p2 {background:url(../img/button_red.gif) 0 0 no-repeat;}
	.buzzPanels input.p3 {background:url(../img/button_green.gif) 0 0 no-repeat;}
	.buzzPanels input.p4 {background:url(../img/button_yellow.gif) 0 0 no-repeat;}
	
	
	.buzzPanels li input{margin-left:5px;}
	.buzzPanels li input{vertical-align:middle;}
	.buzzPanels li .formContent .panelText{display:block;}
	.buzzPanels li .formContent .panelInput{display:block;}
	
	
	/* {{{ stepList */
	.stepList{margin-bottom:1em;}
	.stepList .number{font-weight:bold;}
	/* }}} */
	/*}}}*/
	
	/** {{{ - Images - **/
	.center{display:block;text-align:center;margin-bottom:1em;}
	.center a{text-align:center;}
	.center a img{border:2px groove #666666;}
	
	/* }}} */


/*  Typography  */
	body{font-family:'Helvetica','Arial',verdana,tahoma,georgia,sans-serif;}
	h1,h2,h3,h4,h5,h6{color:#ffffff;}
	p,li,a,a:visited{color:#ffffff;}
	h1{font-size:3em;color:#ffffff;}
	.buzzPanels h1{font-size:1.1em;}
	h2{font-size:1.1em;}
	h3{font-size:1em;margin-top:1.5em;}
	h4{font-size:0.75em;margin-bottom:0.3em;}
	h5{font-size:0.70em;}
	h6{font-size:0.70em;}
	a{text-decoration:none;}
	a:hover{text-decoration:underline;}
	p.intro{color:#666666;font-weight:bold;}
	p intro a{color:#000000;font-weight:bold;}

	#footer li{font-size:0.65em;}
/* Templates */

/** {{{ - Core - */
	.coreTemplate{text-align:center;zbackground:#f8f5ec url(../img/background.jpg) repeat-x;}
	.coreTemplate #pageWrap{width:893px;margin:1em auto;text-align:left;}/* 859 for play area +34 for boards*/

	/* Top Nav */
	.coreTemplate #topNav{display:none;}
		
	/* Content Wrap */
	.coreTemplate #contentWrap{position:relative;background:#374b6c url(../img/wallpaper.jpg) repeat-y;}
	.coreTemplate #contentWrap .bBL{background:url(../img/bl.gif) 0 100% no-repeat;position:relative;z-index:100;}
	.coreTemplate #contentWrap .bBR{background:url(../img/br.gif) 100% 100% no-repeat;}
	.coreTemplate #contentWrap .bTL{background:url(../img/tl.gif) 0% 0% no-repeat;}
	.coreTemplate #contentWrap .bTR{background:url(../img/tr.gif) 100% 0% no-repeat;}
	
	.coreTemplate #contentWrap #content{width:859px;padding:17px;padding-bottom:12em;}
	
	.coreTemplate #contentWrap .buzz{position:absolute;bottom:0em;left:1em;width:318px;height:391px;background:url(../img/buzz.gif);}
	
	/* Content Width Left 859px */
	/* Header */
	.coreTemplate #header{padding:6em 0 0 14em;}
	.coreTemplate #header #title h1{letter-spacing:-0.01em;font-weight:bold;text-transform:uppercase;}

	.coreTemplate ul#menu				{background:#000066;border-bottom:2px solid #000066;margin-bottom:1px;}
	.coreTemplate ul#menu li			{font-size:0.7em;display:block;float:left;border-right:1px solid #ffffff;}
	.coreTemplate ul#menu li.last		{background:none;border-right:none;}
	.coreTemplate ul#menu li a			{background:none;display:block;color:#ffffff;padding:0.65em 3.5em 0.6em 0.7em;text-align:left;}
	.coreTemplate ul#menu li.active a	{color:#99ccfb;}
	
	.coreTemplate #content #subMenu{float:right;width:200px;padding:1em;}
	.coreTemplate #content #subMenu h1{font-size:1em;}

	/* -- Content Area -- */
	#content {padding-bottom:0em;}
	/*{{{ - Central -*/
	
	.contentCentral .innerMain{padding:20px 25px 20px 25px;}
	
	/* }}} */
	
	/* Footer */
	.coreTemplate #footer{padding:0.5em 0;text-align:center;margin:0 5em;}
	.coreTemplate #footer .horizontalList{margin-bottom:0;}
	.coreTemplate #footer .horizontalList li a{font-weight:bold;}
/* }}} */



/*  Group [Home,Contact]  */

/* {{{ Page - Home  */
	
/* }}} */
/* {{{ Page - Play  */
#pagePlay #header{padding-top:3em;}
	
/* }}} */
/* {{{ Page - Results  */
#pageResults .buzz{display:none;}
	
/* }}} */
#pageChallenge .buzz{display:none;}