/*
**	@Radical.Media
**	Client - Basic Review CSS
**	Avery Brooks 2007
*/

html, body, * {
	margin: 0; padding: 0;
	font-family: Akzidenz Grotesk BE, Arial, Sans;
}
body {
	background-color: #262626;
}

#siteWrap {
}

#menuWrap {
}

#menuBack {
	position: absolute;
	left: 0; top: 0;
	width: 250px;
	opacity: .8;
	z-index: 10000;
	overflow: hidden;
}
	.menu_invisoavery {
		background: transparent;
		opacity: .8;
	}
	.menu_visoavery {
		background-color: #0f0f0f;
		opacity: 1;
		height: 100%;
	}

	#menuLogo {
		text-align: center;
		padding-top: 30px;
	}
	#menuLogo a img {
		border: 0;
	}


#menuContent {
	position: absolute;
	left: 15px; top: 187px;
	width: 220px;
	z-index: 10000;
	overflow: hidden;
}

	#menuContent h3 {
		font-size: 8pt;
		font-weight: normal;
		color: #333;
		text-align: right;
		margin-top: 20px;
		margin-bottom: 5px;
		border-bottom: 1px dotted #222;
	}

	#menuContent ul li ul {
		margin-bottom: 5px;
	}

	#menuContent ul li {
		line-height: 12pt;
		font-size: 8pt;
		color: #fff;
		list-style-type: none;
	}

	/* All children need a little tab time */
	#menuContent ul li ul li {margin-left: 15px;}

	#menuContent ul li a {
		text-decoration: none;
		cursor: pointer;
		/* no selection: */
	    -moz-user-select: none;
	    -khtml-user-select: none;
	    user-select: none;
	}
	#menuContent ul li a:hover {
		color: #f60;
	}
	#menuContent ul li a {
		color: #fff;
	}
	.hilightedLink {
		font-weight: bold;
	}

#mainContent {
	position: relative;
	top: 0; left: 250px;
	float: left;
}

/* locations and other "fullscreen views" */

#mainContentTop {
	position: relative;
	top: 0;	left: 200px;
	margin-top: 25px;
}

#mainContentTop h1 {
	color: #f60;
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 10px;
}
#mainContentTop h2 {
	color: #f60;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 10px;
}

#mainContentTop h3 {
	color: #f60;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 5px;
}

#mainContentTop .MidTurkeySection {
	width: 100%;
}

#mainContentTop .LeftBreast {
	width: 48%;
	float: left;
}

#mainContentTop .RightBreast {
	width: 48%;
	float: right;
}

h3.mediaTitle {color: #f60; font-size: 13pt; font-weight: normal; text-transform: uppercase;}
h3.mediaTitle span {margin-left: 7px; margin-bottom: 2px; color: #ddd; font-size: 10pt; letter-spacing: 1.25px;}



#VaultContent {
}

#pageContent {
}

.videoBox {
}
	.videoBox h3 {
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 1.5px;
	}
	span.vidTitle {
		color: #FFAA00;
		font-size: 12pt;
	}
	span.subTitle {
		color: #fff;
		font-size: 9pt;
	}

	#QTPoster {
		 background: #666 url('/Presentation/Images/radical/up_animation.gif') top left repeat;
	}
	
.contentBlock{
}
	.contentBlock h1 {
		font-weight: bold; font-size: 16pt;
		color: #FFAA00;
		margin: 0 0 15px 0;
	}
	.contentBlock h3 {
		font-weight: bold; font-size: 12pt;
		color: #ccc;
		margin: 0 0 5px 0;
	}
	.contentBlock p {
		font-weight: normal; font-size: 9pt;
		color: #999;
	}

#contactFormWrapper {
	float: left;
	position: absolute;
	width: 300px;
	height: 300px;
	/* padding: 10px; */
}

/* #contactFormWrapper h3 {} */
#contactFormWrapper p {
	font-size: 9pt;
	color: #ccc;
	display: block;
	margin-bottom: 15px; margin-top: 0;
}
#contactFormWrapper p span {
	color: #fff;
}

#contactFormWrapper label {
	font-size: 8.5pt;
	color: #f60;
	display: block;
	margin-bottom: 5px; margin-top: 5px;
}

#contactFormWrapper input.inputField {
	font-size: 8pt; padding: 5px;
	/* border: 1px solid #f60; */
	border: 0;
	width: 300px;
}

#contactFormWrapper textarea.textField {
	font-size: 8pt; padding: 5px;
	/* border: 1px solid #f60; */
	border: 0;
	width: 300px; height: 200px;
}

#contactFormWrapper div {
	text-align: left;
}

#contactFormWrapper input.inputBttn {
	border: 0;
	margin-top: 5px;
}

div.error {
	margin-bottom: 20px;
	padding: 5px;
	background-color: #f60;
	width: 300px;
}
div.error ul {}
div.error ul li {
	list-style-type: none;
	font-size: 8pt;
	color: #fff;
	padding: 10px;
}

#homeContent {
	position: absolute;
	top: 225px; left: 260px;
	width: 300px; height: 450px;
	background-color: transparent;
}
#homeContent h1 {
	font-size: 12pt;
	color: #ddd;
	margin-bottom: 10px;
}
#homeContent h1 span {color: #f60;}
#homeContent p {
	font-size: 8pt;
	color: #ccc;
}

#contentInfo {}
#contentInfo p {
	text-align: center;
	margin-top: 6px;
	font-size: 9pt;
	color: #666;
}

.DownloadVault {
	text-align: center;	
	/* no selection */
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
	margin: 10px;
}

.DownloadVault p a {
	font-size: 9pt;
	color: #fff;
	text-decoration: none;	
}

.DownloadVault p span {}

/**** HELP SECTION ****/

#clientHelpLink {
	display: block;
	position: absolute;
	top: 5px; right: 5px;
	z-index: 1999;
}

#clientHelpLink a {
	cursor: pointer;
	font-weight: normal;
	color: #f60;
	margin: 5px;
	font-size: 9pt;
	/* no selection: */
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#clientHelpContainer {}

	div.centerHelp {
		display: block;
		position: absolute;
		top: 75px; left: 320px;
		width: 600px; min-height: 450px;
		/* overflow: auto; */
	}

	div.liquidHelp {
		display: none;
		position: absolute;
		top: 0; right: 0;
		z-index: 2000;
		text-align: right;
		width: 550px;
	}

div.HelpSub {
	opacity: .95;
	background-color: #131313;
	text-align: left;
	padding: 20px 20px 30px 20px;
	margin-bottom: 5px;
}

div.HelpSub h1 {
	color: #fff;
	font-size: 13pt;
	border-bottom: 1px solid #333;
	margin: 5px 5px 10px 5px;
}

div.HelpSub h2 {
	color: #eee;
	font-size: 12pt;
	margin: 15px 5px 10px 5px;
}

div.HelpSub h3 {
	color: #ddd;
	font-size: 10pt;
	margin: 10px 5px 0px 5px;
}

	div.SystemReq {
		opacity: 1;
		text-align: left;
		margin: 5px 0 10px 10px;
	}

#clientHelpContainer div p {
	color: #ccc;
	font-size: 9pt;
	margin: 0 5px 5px 5px;
}

#clientHelpContainer div p span {
	color: #ddd;
	font-weight: bold;
}

#clientHelpContainer a {
	cursor: pointer;
	font-weight: normal;
	color: #f60;
	margin-right: 3px;
	font-size: 9pt;
}

	p.HelpRight {text-align: right;}

#clientHelpCloseLink {
	position: absolute;
	top: 5px; right: 5px;
	cursor: pointer;
	font-weight: normal;
	color: #f60;
	margin-right: 3px;
	font-size: 9pt;
	/* no selection: */
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

}

#HelpSystemRequirements {
	display: none;
}

#HelpMain {
	display: block;
}

	.ShowSystemRequirements {
		text-decoration: underline;
	}
	.HideSystemRequirements {
		text-decoration: none;
	}
	
	
	
	
/* COMMENTS */

#CommentLink {
	margin-top: 15px;
}

.ShowComments {
	color: #fff;
	font-size: 9pt;
}

#Comments {
	width: 400px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #444;

}

#CommentsContainer {
	margin-bottom: 90px;
}

#Comments p {
	color: #ddd;
	font-size: 9pt;
	margin-bottom: 13px;
	line-height: 18px;
}

#Comments span {}
	span.CommentPoster {
		font-weight: bold;
		color: #0af;
	}
	span.CommentPost {
		font-weight: normal;
		padding: 5px;
	}
	span.PostTime {
		color: #aaa;
	}

#Comments p a {
	color: #f60;
	text-decoration: none;
}

#Comments label {
	margin-top: 10px;
	color: #f60;
	font-size: 9pt;
}

div.InputWrap {
	width: 100%;
	height: 20px;
	background-color: #fff;
	margin-bottom: 0 0 5px 0;
	padding: 0;
}

div.InputWrap input {
	border: 0;
	padding: 0; margin: 0;
	font-size: 9pt;
	color: #444;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

div.TextAreaWrap {
	/* width: 100%; */
	height: 100px;
	background-color: #fff;
	border: 0; padding: 0;
	margin: 0 0 5px 0;
}

#Comments textarea {
	border: 0;
	padding: 0; margin: 0;
	font-size: 9pt;
	color: #444;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

#Comments input {
}

form.CommentForm {
	width: 300px;
	margin-bottom: 50px;
}

div.AJAXLoad {
	background: #fff url('/Presentation/Client/images/icons/small_loader.gif') 5px 5px no-repeat;
}

/* view */

#contentInfo {
	text-align: right;
	margin-top: 5px;
	padding: 5px;
	background-color: #1a1a1a;
	border-bottom: 1px solid #121212;
}

.bottomMarginInfo {
	margin-bottom: 10px;
}

	.leftInfoBlock {float:left;}
	.rightInfoBlock {float:right;}

#contentInfo div {display: inline;}
#contentInfo div p {display: inline; color: #fff; font-size: 10pt;}
#contentInfo div a {display: inline; color: #ccc; text-decoration: none; font-size: 10pt;}

	.viewNext {text-align: right;}
	.viewCurrent {text-align: center;}
	.viewPrevious {text-align: left;}

div.noteText {
	padding: 10px;
	background-color: #202020;
	color: #fff;
}
	div.noteText p {
		font-size: 8pt;
		color: #ccc;
	}

/* locations specific areas */

#LocationMap {
	width: 100%;
	height: 300px;
}

#LocationDetails {
	width: 100%;
	/* height:300px; */
}

table.DataList {margin-bottom: 10px;}
table.DataList tr {}
	tr.row_A {}
	tr.row_B {}
table.DataList th {font-size: 9pt; color: #ddd; text-align: left;}
table.DataList td {font-size: 9pt; color: #fff; padding-right: 10px; padding-bottom: 5px;}


/* break */

.clearBoth {
	clear: both;
}



/* google maps overlay */

div.gm {}
div.gm h3 {font-size: 10pt; font-weight: bold; color: #f60; margin-bottom: 5px;}
div.gm p {font-size: 10pt; color: #666;}
div.gm a {text-decoration: none; color; #0af;}