/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

/* BCM new style */
body {
	background: url(http://www.quizfest.com/mt-static/support/themes/quizfest/images/bg_yellow.gif);
}

a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}


/* Fixes
============================================= */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clearboth { clear: both; } /* BCM 10/13 */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ========================================== */


/* use this to set a min-height in IE6
selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}
*/


#ck_fu {
	color: white;
	font-size: 13px;
	padding: 5px 0;
	margin: 0;
	text-align: center;
	font-family: Helvetica, sans-serif;
	width: 100%;
/*  position: absolute;
  top: 0;
  left: 0;*/
	line-height: 1em;
}
#ck_fu a {
	color: white;
}
.staging {
	background: blue;
}
.development {
	background: green;
}
.production {
	background: red;
}

a.edit {
	font-size: 13px;
	background: url('/images/icons/page_edit.png') no-repeat top left;
	padding: 2px 2px 2px 20px;
	color: blue;
}
a.cancel {
	color: red;
}
ul.notes {
	background: yellow;
	padding: 10px;
}
ul.notes li {
	line-height: 140%;
	list-style: disc;
	margin-left: 15px;
	
}

/* Page Nav (above the main body area, next to the header logo)
===================================================== */
	#alpha ul {
		margin: 0;
		padding: 0;
	}
	#alpha li {
		margin: 0;
	}
	#page-nav {
		float: left; /* BCM */
		margin: 0;
		/* padding: 0; BCM */
		padding: 93px 0 0; /* BCM */
	}
	#page-nav li {
		float: left;
		margin-left: 5px;
		list-style: none;
	}

	#page-nav li .tab_left {
		background: url(http://www.quizfest.com/mt-static/support/themes/quizfest/images/tab_inactive_lft.gif);
		display: block;
		float: left;
		height: 26px;
		width: 8px;
	}
	
	#page-nav li .tab_right {
		background: url(http://www.quizfest.com/mt-static/support/themes/quizfest/images/tab_inactive_rt.gif);
		display: block;
		float: left;
		height: 26px;
		width: 8px;
	}
	
	#page-nav li a {
		/* background: #FFF; BCM */
		background: url(http://www.quizfest.com/mt-static/support/themes/quizfest/images/tab_inactive_mid.gif) 0 0 repeat-x; /* BCM */
		display: block;
		float: left; /* BCM */
		/* color: #b34464; BCM */
		color: #fff; /* BCM */
		text-decoration: none;
		/* border-width: 1px 1px 0 1px;
		border-color: #b34464;
		border-style: solid; BCM */
		height: 16px; /* BCM */
		/* padding: 3px 8px 2px 8px; */
		padding: 8px 0 2px; /* BCM */
		font-size: 14px;
		/* font-weight: bold;
		font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif; BCM */
		font-family: Arial, Helvetica, sans-serif; /* BCM */
		text-transform: uppercase; /* BCM */
		z-index: 100;
	}
	
	/* BCM new styles */
	#page-nav li.active .tab_left {
		background: url(http://www.quizfest.com/mt-static/support/themes/quizfest/images/tab_active_lft.gif);
	}
	#page-nav li.active a {
		background: url(http://www.quizfest.com/mt-static/support/themes/quizfest/images/tab_active_mid.gif) 0 0 repeat-x;
		color: #b34464; /* BCM */
	}
	#page-nav li.active .tab_right {
		background: url(http://www.quizfest.com/mt-static/support/themes/quizfest/images/tab_active_rt.gif);
	}


/* Polls
===================================================== */

	/* BCM:
		All #poll-wrapper tags should become #wrapper
		All .poll tags should become .polls
	*/


	/* #poll-wrapper { */
	#wrapper {
		width: 800px;
		padding: 0;
		/* width: 800px; */
		margin: 0 auto;
		position: relative;
		/* BCM below here */
		/* width: 975px; */
		width: 1003px; /* BCM 10/18 */
		background: url(http://www.quizfest.com/mt-static/support/themes/quizfest/images/bg_shadow_btm_2.png) 0 bottom no-repeat; /* BCM 10/18 */
		padding-bottom: 22px; /* BCM 10/18 */
	}
	
	
	/* BCM new styles */
	#wrapper a:hover {
		text-decoration: underline;
	}
	div#pollOuterBorder {
		float: left;
		padding: 0 0 0 5px;
		width: 641px;
	}

	div#pollInnerBorder {
		border: 1px solid #b34464;
		padding: 10px;
		width: 622px;
	}
	
	/* END BCM new styles */
	
	table#polls th {
		font-weight: bold;
		background: none;
		/* BCM below here */
		font-size: 13px;
	}
	table#polls th {
		padding: 0 5px 0 0;
	}
 	table#polls tr.even td {
		background: #DDD;
	}
	/* .poll h4 { */
	.polls h4 {
		font-size: 15px;
		margin: 0;
		padding: 0;
	}
	/* .poll a { */
	.polls a {
		/* color: #b34464; */
		/* BCM below here */
		color: #b24133;
	}
	.poll td {
		/* padding: 4px; */
		/* BCM below here */
		padding: 4px 0;
	}
	/* BCM new style */
	.polls td.title {
		padding: 4px 2px;
		width: 305px; /* BCM 10/13 */
	}
	/* BCM new style */
	.polls td.title h4 {
		font-weight: bold;
		overflow: hidden;
	}
	/* .poll td.author { */
	.polls td.author {
		width: 100px;
		/* BCM below here */
		font-size: 12px;
		width: 110px;
	}
	/* .poll td.views { */
	.polls td.views {
		/* width: 50px; */
		/* BCM below here */
		font-size: 12px;
		text-align: center;
		width: 70px;
	}
	/* .poll td.rating { */
	.polls td.rating {
		/* width: 90px; */
		/* BCM below here */
		width: 75px;
	}
	/* BCM this needs to become its own column */
	/* .poll-created { */
	.polls td.created {
		/* color: #777; */
		font-size: 12px;
		width: 70px;
	}	
	.new_response ol li {
		margin-bottom: 10px;
		list-style: none;
	}
	.new_response label {
		padding: 5px 0;
		display: block;
		line-height: 130%;
	}
	.new_response label.hover {
		background: #DDD;
		cursor: pointer;
		cursor: hand;
	}
	
	ol.results li {
		margin-bottom: 15px;
		list-style: none;
	}
	ol.results li h3 {
		font-size: 16px;
		line-height: 130%;
	}
	.result .bar {
		background: #FFF;
		border: 1px solid #000;
		margin-bottom: 15px;
		width: 85%;
		float: left;
	}
	.result .bar div {
		height: 20px;
		background: #000;
	}
	.result .numbers {
		width: 14%;
		float: right;
		text-align: right;
		padding: 2px 0;
	}
	#poll-header {
		margin-bottom: 15px;
	}
	#poll-header h2 {
		font-weight: bold;
	}
	#poll-header #about {
		width: 350px;
		float: left;
	}
	.meta {
		color: #999;
		font-size: 12px;
	}
	#poll-actions {
		width: 85px;
		float: right;
		padding-top: 5px;
	}
	#poll-actions li {
		list-style: none;
	}
	#poll-actions li a {
		color: #777;
		text-decoration: underline;
	}
	.flag {
		background: url('/images/icons/flag_red.png') no-repeat 0 0;
		padding: 2px 2px 2px 20px;
		font-size: 13px;
		cursor: pointer;
		cursor: hand;
		outline: none;
	}
	.flag:hover {
		color: #333;
	}
	a.feature,
	a.unfeature {
		background: url('/images/icons/star_empty.png') no-repeat 0 0;
		padding: 2px 2px 2px 20px;
		font-size: 13px;
		cursor: pointer;
		cursor: hand;
		outline: none;
	}
	a.feature:hover {
		background-image: url('/images/icons/star.png');
		color: #333;
	}
	a.unfeature {
		background-image: url('/images/icons/star.png');
	}
	a.unfeature:hover {
		color: #333;
	}

/* BCM: Feature box
   All styles below are BCM
===================================================== */

#feature {
	background: url(http://www.quizfest.com/mt-static/support/themes/quizfest/images/border_feature.gif) 0 0 no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	height: 200px; /* BCM 10/13 */
	padding: 20px 16px;
	width: 932px;
}

#feature .imgCol {
	float: left;
	padding: 0 4px 0 4px;
	width: 234px;
}

#feature .imgCol img {
	background: url(http://www.quizfest.com/mt-static/support/themes/quizfest/images/feature_image.gif) 0 0 no-repeat;
	display: block;
	height: 142px;
	padding: 0 3px 8px 3px;
	width: 228px;
}

#feature .imgCol h3 {
	color: #bb007e;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 2px 3px;
}

#content #feature p {
	font-size: 15px;
	color: #32338e;
	line-height: 16px;
	margin: 0;
	padding: 0 0 0 3px;
}

#content #feature a, #content #feature a:visited {
	text-decoration: none;
	color: #B24133;
}

#content #feature a:hover {
	text-decoration: underline;
	color: #B24133;
}

#feature .qwl {
	float: left;
	width: 206px;
}

#feature .qwl li {
	color: #B24133;
	font-size: 14px;
	line-height: 14px;
	list-style: none;
	padding: 6px 0 6px 2px;
}


/* BCM: Right col
   All styles below are BCM
===================================================== */

#rightCol {
	float: left;
	padding-left: 5px;
	width: 308px;
}

#rightCol .ad {
	border: 1px solid #000;
	height: 250px;
	margin: 0 0 5px 2px;
	width: 300px;
}

#rightCol .redBox {
	display: none; /* just to hide until we have a cover -JAY */
	/*
	border: 2px solid #c70e14;
	padding: 4px;
	margin: 0 0 5px 2px;
	min-height: 300px;
	width: 292px; */
}

#rightCol #qf-on-the-web {
	background: #fff9ba url(http://www.quizfest.com/mt-static/support/themes/quizfest/images/img_qf-on-the-web.gif) 0 0 no-repeat;
	border: 2px solid #d91196;
	padding: 4px;
	margin: 0 0 5px 2px;
	min-height: 121px;
	width: 292px;
}



/* Sharing
===================================================== */
	#alpha #like-create,
	#alpha #rating {
		background: #EEE;
		border: 1px solid #CCC;
		padding: 5px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	#like-create a {
		color: #b34464;
	}
	#sharer-response {
		font-size: 18px;
	}
	
	#invites {
		margin: 10px 0;
	}
	#invites li {
		background: #EEE;
		border: 1px solid #CCC;
		padding: 5px;
		margin: 0 0 10px 0;
		list-style: none;
	}
	#sharing {
		background: #EEE;
		border: 1px solid #CCC;
		padding: 5px;
		margin: 0;
	}
	#sharing ul {
		margin: 0;
	}
	#sharing li {
		list-style: none;
		margin-left: 0;
	}
	#sharing h3 {
		font-size: 24px;
	}
	#log-in-to-share {
		font-size: 16px;
	}
	
/* Forms
===================================================== */

	form dl dt {
		margin-bottom: 1px;
	}
	form dl dd {
		margin-bottom: 10px;
	}
	form input.text-field,
	form textarea {
		padding: 3px;
		font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
		font-size: 14px;
	}
	.req, .tip {
		font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
		font-size: 13px;
		font-style: italic;
		font-weight: normal;
	}
	.req {
		color: red;
	}
	.tip {
		color: #999;
	}
	form div.formError {
		color: red;
		padding: 2px 3px 2px 20px;
		background: url('/images/icons/error.png') no-repeat 0 50%;
		display: inline;
	}
	label {
		font-weight: bold;
		font-size: 16px;
	}
	#alpha form p {
		margin-top: 10px;
	}
	
	.error,
	.notice, 
	.success    { padding: .8em; margin-bottom: 1em; border: 1px solid #ddd; }

	.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
	.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
	.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
	.error a    { color: #8a1f11; }
	.notice a   { color: #514721; }
	.success a  { color: #264409; }
	
	ul.errors {
		border: 1px solid #FBC2C4;
		background: #FBE3E4; 
		color: #8a1f11;
		padding: 5px 5px 5px 25px;
		list-style: disc;
		margin-bottom: 10px;
		width: 50%;
	}
	ul.errors li {
		line-height: 130%;
	}	


/* Pagination
============================================== */
	.pagination {
	  padding: 3px;
	  margin: 10px 0;
		text-align: center;
		font-size: 12px;
		font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
	}
	.pagination a {
	  padding: 2px 5px;
	  margin: 2px;
	  border: 1px solid #ccc;
	  text-decoration: none;
	  color: #000;
	}
	.pagination a:hover, .pagination a:active {
	  border: 1px solid #000;
	}
	.pagination span {
	  padding: 2px 5px;
	  margin: 2px;		
	}
	.pagination span.current {
	  border: 1px solid #000;
	  font-weight: bold;
	  background-color: #000;
	  color: #FFF;
	}
	.pagination span.disabled {
	  border: 1px solid #eee;
	  color: #ddd;
	}


/* Table of Contents :-P
	General
	Wrapper
	User Bar
	Header
	Content
	Polls
	Sharing
	Admin-actions
	Pagination
===================================================== */


/* General
===================================================== */
	body {
		font-family: Helvetica, Verdana, sans-serif;
	}
	h2 {
		clear: both;
	}
	h2 {
		margin: 0 0 12px 0;
	}
	strong {
		font-weight: bold;
	}
	em {
		font-style: italic;
	}




/* User Bar
===================================================== */
	#user-bar {
		padding: 5px 0;
		text-align: right;
		background: #666;
		position: absolute;
		top: 115px; /* BCM 11/10/09 */
		right: 14px; /* BCM 11/10/09 */
		-moz-border-radius-topleft: 5px; /* BCM 11/10/09 */
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topright: 5px; /* BCM 11/10/09 */
		-webkit-border-bottom-right-radius: 5px;
		padding: 5px;
		font-size: 14px;
		z-index:100;
	}
	#user-bar,
	#user-bar a {
		color: #FFF;
		text-decoration: none;
	}

/* Header
===================================================== */
	#header {
		background: url(http://www.quizfest.com/mt-static/support/themes/quizfest/images/bg_shadow_top_2.png) 0 117px no-repeat; /* BCM 10/18 */
		height: 119px; /* BCM 10/18 */
		position: relative;
		padding-top: 20px;
		padding-left: 5px;
	}
	h1 a {
		font-size: 32px;
		display: block;
		font-weight: bold;
		color: black;
		margin: 5px 0;
		text-decoration: none;
	}
	h1 {
		float: left;
		margin-top: 27px; /* BCM 11/10/09 */
	}
	

/* Content
===================================================== */
	#content p {
		line-height: 140%;
		margin: 10px 0;
	}
	#content {
		background: url(http://www.quizfest.com/mt-static/support/themes/quizfest/images/bg_shadow_mid_2.png) 0 0 repeat-y; /* BCM 10/13 */
		/* border: 1px solid #999; BCM */
		/* padding: 10px; BCM */
		padding: 12px 16px; /* BCM 10/13 */
		/* clear: both; BCM */
		/* margin-top: -20px; */ /* BCM */
		min-height: 500px;
		width: 1003px; /* BCM 10/13 */
		/* -moz-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px; BCM */
	}
	
	
/* Ads
===================================================== */
	#leaderboard {
		background: url('./images/banner_bg_728x90.gif') no-repeat top left;
		/* background: #FFF9BA; */
		height: 90px;
		left: 260px;
		position: absolute;
		top: 13px; /* BCM 11/10/09 */
		width: 728px;	
		z-index: 1000;
	}
	
	/* Medium Rectangle Ad */
	#rightCol .ad {
		background: url('./images/banner_bg_300x250.gif') no-repeat top left;
		width: 300px;
		height: 250px;
	}
	
/* Winit
==================================================== */
#primarycontent {
	float:left;
	width:641px;
}

#quiz-nav li a{
	line-height: 1.5;
	font-size: 16px;
}