﻿.formationheader{
	position: relative;
	width: 100%;
	height: 20px;
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
h4{
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
	display: block;
	font-family: verdana;
	font-size: 12pt;
	color: #FF6600;
	font-weight: bold;
}
.formationlist{
	padding: 0px 0px 20px 0px;
	margin: 10px 0px 25px 0px;
	position: relative;
	width: 620px;
	height: 100%;
	float: left;
	display: block;
	background-color: #FFFFFF;
	clear: left;
}
.formationimage{
	position: relative;
	width: 225px;
	height: auto;
	float: left;
	display: block;
}
.formationinfo{
	margin: 0px 0px 0px 15px;
	padding: 0px;
	width: 380px;
	height: 175px;
	position: relative;
	display: block;
	float:left;
}
.formationtext{
	font-family: verdana;
	font-size: 9pt;
	color: #666666;
	letter-spacing: .125em;
	border: 1px solid #C0C0C0;
	padding: 2px;
	margin-bottom: 15px;
	position: relative;
	float: left;
	display: block;
	width: 95%;
}
.formationlabel {
	position: relative;
	height: auto;
	background-color: #C0C0C0;
	font-family: verdana;
	font-size: 8pt;
	color: #808080;
	padding: 1px;
	text-align: center;
	width: 125px;
	margin-top: 5px;
	float: left;
	display: block;
}
.detailimage {
	position: relative;
	width: 25px;
	height: 25px;
	float: left;
}
.detailtext {
	width: 85%;
	height: 25px;
	position: relative;
	float: left;
	margin-left: 5px;
	vertical-align: middle;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 8pt;
	letter-spacing: normal;
}
.detailtext strong{
	font-weight: normal;
	color: #0066CC;
	text-decoration: underline;
}
.detailtext a{
	color:#333333;
	
}
.detailtext a:hover{
	text-decoration:none;
	color:#FF9900;
}
.relatedlinks {
	position: relative;
	width: 100%;
	height: 20px;
}
.relatedlinks a{
	color:#0066CC;
}
.formationimagelarge {
	position: relative;
	width: 350px;
	height: 350px;
	float: left;
	display: block;
	background-color: #FFFFFF;
}
.formationdesc {
	position: relative;
	width: 600px;
	height: auto;
	background-color: #E6E6E6;
	display: block;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px 5px 15px 5px;
	font-size: 10pt;
	letter-spacing: .125em;
}
h5 {
	padding: 0px;
	margin: 0px;
	position: relative;
}
#desc2{
	font-size: 9pt;
	background-color: #F5F5F5;
	letter-spacing: .125em;
	word-spacing: .125em;
}
#desc2 ul{
list-style-type: square;	
}
.formationdetail {
	position: relative;
	width: 225px;
	height: 350px;
	display: block;
	float: left;
	margin-left: 25px;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}
.formationgrade {
	margin: auto;
	width: 128px;
	height: 128px;
	position: relative;
	display: block;
	float: left;
	background-image: url('../../images/pngs/grade3.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	left: 43px;
}
.grade {
	position: relative;
	width: 128px;
	text-align: center;
	display: block;
	float: left;
	height: 25px;
	font-family: verdana;
	font-size: 12pt;
	color: #0099CC;
	margin-top: 10px;
	font-weight: bold;
}
.grade strong{
	font-size: 18pt;
	color: #333333;
	text-align: center;
}
.gradetext {
	position: relative;
	width: 116px;
	height: 50px;
	margin-top: 5px;
	margin-right: 6px;
	margin-left: 6px;
	display: block;
	float: left;
	text-align: center;
	font-size: 10pt;
	color: #000000;
}
.formationstats {
	position: relative;
	width: 225px;
	height: 225px;
	display: block;
	float: left;
	background-color: #FFFFFF;
}
.stat {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	float: left;
	font-family: verdana;
	font-size: 8pt;
	color: #333333;
	text-align: center;
}
.statvalue {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	float: left;
	font-family: verdana;
	font-size: 24pt;
	color: #0099FF;
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
}
.formationplaybooks {
	position: relative;
	width: 600px;
	height: 300px;
	display: block;
	float: left;
	background-color: #FFFFFF;
	margin-bottom: 15px;
}
.playbookimage {
	position: relative;
	width: 215px;
	height: 265px;
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
	background-image: url('../../images/playbook_list_image_back_215x265.gif');
	background-repeat: no-repeat;
	background-position: center top;
}
.playbookinfo {
	position: relative;
	width: 365px;
	height: 265px;
	margin-left: 20px;
	background-color: #FFFFFF;
	display: block;
	float: left;
	padding: 0px;
}
.smallplaybookimage {
	position: relative;
	width: 175px;
	height: 225px;
	top: 10px;
	left: 20px;
}
.playbookheader {
	position: relative;
	width: 365px;
	height: 35px;
	padding-bottom: 5px;
	font-size: 12pt;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #FF6600;
}
.playbookheader a{
	color:#FF6600;
	text-decoration:underline;
	
}
.playbookdesc {
	position: relative;
	width: 365px;
	height: 60px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	background-color: #EEEEEE;
	font-size: 9pt;
	letter-spacing: .125em;
	word-spacing: .125em;
	color: #333333;
	font-style: normal;
}
.playbookdetailleft {
	position: relative;
	width: 175px;
	height: 135px;
	float: left;
	display: block;
	padding: 0px;
	margin: 0px;
	font-size: 8pt;
}
.playbookdetailright {
	width: 175px;
	height: 135px;
	position: relative;
	display: block;
	float: left;
	margin-left: 15px;
	font-size: 8pt;
}
.detailicon {
	position: relative;
	width: 50px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	text-align: left;
	font-weight: bold;
	color: #0099CC;
	vertical-align: middle;
	line-height: 30px;
}
.detailvalue {
	position: relative;
	width: 115px;
	height: 30px;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	display: block;
	float: left;
	vertical-align: middle;
	line-height: 30px;
}
.detailvalue a{
	color:#333333;
}
#downloadicon {
	background-image: url('../../images/pngs/pdf_icon.png');
	background-repeat: no-repeat;
	background-position: center top;
}
#cdicon {
	background-image: url('../../images/pngs/cd_icon.png');
	background-repeat: no-repeat;
	background-position: center top;
}
#printicon {
	background-image: url('../../images/pngs/print_icon.png');
	background-repeat: no-repeat;
	background-position: center top;
}
.playbooklink {
	position: relative;
	width: 365px;
	height: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 10pt;
	letter-spacing: .125em;
	word-spacing: .125em;
}
.playbooklink a{
	color:#0066CC
}
.formationreviews {
	position: relative;
	width: 600px;
	display: block;
	float: left;
	margin-bottom: 15px;
}
.reviewheader {
	position: relative;
	width: 100%;
	display: block;
	float: left;
	font-size: 12pt;
	font-weight: bold;
	color: #666666;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
.reviewdescription {
	background-position: right top;
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 9pt;
	color: #333333;
	letter-spacing: .125em;
	word-spacing: .125em;
	white-space: normal;
	line-height: 12pt;
	background-image: url('../../images/pngs/reviews_header_back.png');
	background-repeat: no-repeat;
}
.reviewdescription a{
	color:#0066CC;
}
.reviewdescription p{
	width:510px;
}
.reviewarea {
	position: relative;
	width: 598px;
	height: 248px;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	display: block;
	float: left;
	background-color: #E8E8E8;
}
.reviewleft {
	position: relative;
	width: 128px;
	height: 238px;
	display: block;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font-size: 8pt;
	text-align: center;
}
.reviewright {
	height: 238px;
	width: 456px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	position: relative;
	display: block;
	float: left;
	margin-left: 10px;
}
.reviewrighttop {
	position: relative;
	width: 100%;
	background-color: #CFDFEF;
	float: left;
	display: block;
}
.reviewheading {
	position: relative;
	width: 320px;
	float: left;
	display: block;
	line-height: 30px;
	vertical-align: middle;
	margin-left: 10px;
	text-align: left;
	font-size: 10pt;
}
.rating {
	position: relative;
	width: 115px;
	float: left;
	display: block;
}
.reviewtext {
	width: 430px;
	position: relative;
	background-color: #F0F0F0;
	margin: 4px;
	display: block;
	float: left;
	line-height: 12pt;
	font-size: 9pt;
	word-spacing: .125em;
	color: #666666;
}
.reviewtools {
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 2px;
	width: 80px;
	height: 30px;
}
#addreview {
	position: relative;
	width: 594px;
	height: 273px;
	background-color: #F0F0F0;
	float: left;
	display: none;
	border: 1px solid #666666;
	margin-bottom: 10px;
}
#addreviewtop {
	position: relative;
	width: 592px;
	height: 29px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	float: left;
	background-color: #333333;
	color: #FFFFFF;
	line-height: 29px;
	vertical-align: middle;
	padding-left: 2px;
}
#addleft {
	position: relative;
	width: 563px;
	float: left;
}
#addright {
	float: left;
	width: 29px;
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px;
}
#reviewbottomleft {
	position: relative;
	width: 33%;
	float: left;
	font-size: 9pt;
	text-align: center;
	word-spacing: .125em;
	color: #000000;
	height: 100%;
	margin-right: 10px;
}
#reviewbottomleft p{
	color: #333333;
	font-weight: bold;
}
#reviewbottomright {
	position: relative;
	width: 60%;
	float: left;
	font-size: 9pt;
}
.radiobutton {
	position: relative;
	width: 15%;
	float: left;
	height: 25px;
}
.radiolabel {
	position: relative;
	width: 80%;
	height: 25px;
	color: black;
	float: left;
}
#comments {
	border: 1px solid #999999;
}
#submitreview {
	position: relative;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
}
textarea:focus {
	background-color: #FFFFCC;
}
#loading {
	text-align: center;
	display: block;
	position: relative;
	float: left;
	left: 290px;
}
#ajaxreturn {
	position: relative;
	float: left;
	width: 600px;
}
#successmsg {
	background-position: right center;
	position: relative;
	width: 600px;
	height: 60px;
	background-color: #66FF99;
	border: 1px solid #808080;
	background-image: url('../../images/success_back.jpg');
	background-repeat: no-repeat;
}
#failmsg{
	background-position: right center;
	position: relative;
	width: 600px;
	height: 60px;
	background-color: #FFAAAA;
	border: 1px solid #808080;
	background-image: url('../../images/fail_back.gif');
	background-repeat: no-repeat;
}
.ajaxmessages{
	position: relative;
	width: 540px;
	padding: 2px 5px 2px 5px;
	display: block;
	float: left;
	font-size: 9pt;
	color: #666666;
	text-align: center;
}
.ajaxmessages a{
	color:#006699;
}
	#formationvote {
		position: relative;
		width: 600px;
		height: 100px;
		background-color: #EFEFEF;
		border: 1px solid #CCCCCC;
		float: left;
		margin-top: 15px;
		margin-bottom: 15px;
		display:none;
	}
	#voteleft {
		position: relative;
		width: 300px;
		height: 50px;
		float: left;
		text-align: center;
		margin-top: 25px;
	}
	#voteright {
		position: relative;
		width: 300px;
		height: 50px;
		float: left;
		text-align: center;
		margin-top: 25px;
	}
	#votetop {
		position: relative;
		width: 600px;
		height: 25px;
		float: left;
		font-family: verdana;
		font-size: 20px;
		font-weight: bold;
		color: #333333;
		line-height: 25px;
		vertical-align: middle;
		text-align: center;
	}
	.votemsg{
		position: relative;
		width: 600px;
		height: 100px;
		vertical-align: middle;
		line-height: 100px;
		text-align: center;
		font-family: verdana;
		font-size: 20px;
		font-weight: bold;
		color: #666666;
	}
	
	a.boldbuttons{
	background: transparent url('../../images/roundedge-gray-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 16px Verdana; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

	}

	a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
		color: #FFFFCC; /*button text color*/
	}

	a.boldbuttons span{
	background: transparent url('../../images/roundedge-gray-right.gif') no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
	}

	a:hover.boldbuttons{ /* Hover state CSS */
	text-decoration: none;
	}


	.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	margin-left:20%;
	}	
	
	
	
	
	
		a.boldbuttons2{
	background: transparent url('../../images/roundedge-red-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 16px Verdana; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

	}

	a:link.boldbuttons2, a:visited.boldbuttons2, a:hover.boldbuttons2, a:active.boldbuttons2{
		color: #FFFFCC; /*button text color*/
	}

	a.boldbuttons2 span{
	background: transparent url('../../images/roundedge-red-right.gif') no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
	}

	a:hover.boldbuttons2{ /* Hover state CSS */
	text-decoration: none;
	}


	.buttonwrapper2{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	margin-left:20%;
	
	}
