/* @override http://stage.signaturetrainers.com/css/signature.css */
/* @group General CSS Rules */

	/* Clearing Div */
	div.Clear
	{
		clear: both;
	}

	/* Remove all margins from H1, H2, H3, etc. */
	h1, h2, h3, h4, h5, h6
	{
		margin: 0px;
	}

/* @end */

/* @group FormTable */
td.Content table.Form
{
	width: 100%;
}
td.Content table.Form td
{
	padding: 		8px;
	padding-bottom: 4px;
	padding-right: 	0px;
	color: 			greenyellow;
	vertical-align: top;
	font-size: 		0.9em;
}

td.Content table.Form td.Right
{
	padding-left: 	2px;
	font-size: 		0.8em;
}

td.Content table.Form td div.Label
{
	border-bottom: 	1px dotted yellowgreen;
}
/* @end */

div.Page
{
	width:			1024px;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		8px;
	border:			1px solid #444;
	background-image: url("/images/pageBg.png");
	background-position: 0px 146px;
}

div.Page div.Header
{
	height:				146px;
	background-image:	url('/media/images/mainHeader.png');
	text-align: 		center;
	padding-top: 		20px;
	padding-left: 		150px;
	position: 			relative;
}

div.Page div.Header div#logoClickMask
{
	position: 			absolute;
	top: 				30px;
	left: 				0;
	height: 			100px;
	width: 				200px;
	z-index: 			40;
}
div.Page div.Header div#logoClickMask:hover
{
	cursor: 	pointer;
}

div.Page div.Header h1
{
	font-size: 			2em;
	font-weight: 		bold;
	font-style: 		italic;
	font-family: 		Myriad Pro, Trebuchet MS, Helvetica, sans-serif;
	color: 				#930914;
	margin: 0px;
}
div.Page div.Header div.Items
{
	color: 	red;
	position: relative;
	top: 	28px;
}

/* @group Navigation */
div.Page div.Header div.Items div.Navigation,
div.Page div.Header div.Items div.Search,
div.Page div.Header div.Items div.Map
{
	display: 		inline;
	margin-left: 	10px;
	font-size: 		0.75em;
	font-weight: 	bold;
}

div.Page div.Header div.Items div.Map 
{
	display: none;
}

div.Page div.Header div.Items a
{
	color:  red;
}
div.Page div.Header div.Items a:hover
{
	text-decoration: underline;
}

/* search box */
/*div.Page div.Header div.Items div.Search
{
	padding-top: 		7px;
	padding-left: 		70px;
	padding-bottom: 	6px;
	padding-right: 		155px;
	background-repeat: 	no-repeat;
	background-image: 	url("/images/searchBg.png");
	height: 			55px;
	border: 			0px solid green;
}*/
div.Page div.Header div.Items div.Search
{
}
div.Page div.Header div.Items div.Search input.Box
{
	height: 			22px;
	width: 				200px;
	border: 			0px;
	background-color: 	transparent;
	color: 				#333;
	font-size: 			1.4em;
	font-weight: 		bold;
	border:				2px solid #e62229;
}
div.Page div.Header div.Items div.Search input.Button
{
	border: 	1px solid #e62229;
	position: 	relative;
	left: 		-2px;
}

/* @end */

div.Page table.Main
{
	width: 100%;
}

div.Page table.Main td.Video
{
}


/* @group Login Sidebar */
div.Page table.Main td.Login
{
	 width:					160px;
	 height:				400px;
	 background-color:		#d6b0b0;
	 border:				1px solid #605656;
	 background-repeat:		no-repeat;
	 background-position:	50% 55%;
	 position: 				relative;
}


div.Page table.Main td.Login div.Panel
{
	margin-left: 	10px;
	margin-top: 	20px;
}

div.Page table.Main td.Login div.Panel label.Input
{
	display: 		block;
	font-size: 		0.8em;
	font-weight: 	bold;
	color: 			#820912;
}

div.Page table.Main td.Login div.Panel input.Text
{
	margin-bottom: 		10px;
	height: 			20px;
	width: 				115px;
	border: 			1px solid grey;
	background-color: 	#fff;
	color: 				#000;
	font-size: 			0.9em;
	display: 			block;
}

div.Page table.Main td.Login div.Panel input.Checkbox
{
	display: inline;
}
div.Page table.Main td.Login div.Panel label.Checkbox
{
	font-size: 		0.7em;
	font-weight: 	bold;
	color: 			#820912;
}

div.Page table.Main td.Login div.Panel div.Buttons
{
	margin-top: 	10px;
	margin-bottom: 	10px;
}

div.Page table.Main td.Login div.Panel a.ForgotPassword
{
	color: 			#820912;
	font-weight: 	bold;
}

	/* @group Home Page Overrides */
	div.Page table.Main.Home td.Login
	{
		width: 					260px;
		height: 				400px;
	 	background-image:		url('/images/loginbg2.png');
	}
	
	div.Page table.Main.Home td.Login div.Panel input.Text
	{
		margin-bottom: 		10px;
		height: 			20px;
		width: 				160px;
		border: 			1px solid grey;
		background-color: 	#fff;
		color: 				#000;
		font-size: 			0.9em;
		display: 			block;
	}
	/* @end */

/* @end */



/* @group Content Area - General */

div.Page table.Main td.Content
{
	background-color: 	#700B13;
	padding: 			10px;
	border: 			1px solid #605656;
}

div.Page table.Main td.Content p,
div.Page table.Main td.Content span
div.Page table.Main td.Content td,
div.Page table.Main td.Content label,
div.Page table.Main td.Content ul,
div.Page table.Main td.Content h4
{
	font-size: 			0.9em;
	margin-bottom: 		0px;
	float: 				none;
	color: 				white;
}

div.Page table.Main td.Content .Section
{
	margin-bottom: 		18px;
}

/* @end */

/* @group Home Content Area */



div.Page table.Main.Home td.Content
{
	background-color: #fff;
}

div.Features
{
	background-image: 		url("/images/featuresTitleBg.png");
	background-repeat: 		no-repeat;
	background-position: 	0px 3px;
}

div.Features div.Section h2
{
	text-align: center;
	font-size: 	0.95em;
	color: 		white;
	font-weight: normal;
	margin-top: 	13px;
	
}

div.Features div.Section h3
{
	font-size: 	0.9em;
	margin: 	0px;
	margin-bottom: 	4px;
}
div.Features div.Section a
{
	color:  red;
}





#Exercises
{
	width: 	49%;
	float: 	left;
}
#Exercises .Item
{
	margin-top: 	10px;
	margin-bottom: 	6px;
	padding-left: 	2px;
	padding-right: 	6px;
}
#Exercises div.Item h3.Title, #Exercises .Item .Description
{
	padding-right: 	12px;
}

#Mission
{
	padding-right: 	16px;
	margin-top: 	12px;
}
#Mission h3.Title
{
	font-size: 		1em;
	border-bottom: 	1px solid #333;
}
#Mission div.Description
{
	font-size: 		0.9em;
	color:			#333;
}






/* @group Trainers */
#Trainers .Item
{
	margin-top: 	10px;
	padding:		8px;
	padding-right: 	16px;
	margin-bottom:	10px;
	font-size: 		0.9em;
}

#Trainers .Item h3.Title
{
	margin-bottom: 2px;
}

#Trainers, #SignUps
{
	width: 	25%;
	float: 	left;
}

#Trainers div.Description
{
	font-size: 0.8em;
}

/* @end */





#SignUps div.Item 
{
	margin-top: 10px;
	text-align:  center;
	margin-bottom: 	10px;
}
#SignUps div.Item .Icon
{
	margin-bottom: 4px;
}
#SignUps div.Item h3.Title
{
	color: 	#000;
	border-bottom: 1px solid #333;
	padding-bottom: 2px;
}

#SignUps div.Item div.Description
{
	text-align: left;
}
#SignUps div.Item div.Description a
{
	color: #333;
}
#SignUps div.Item div.Description a:hover
{
	color: red;
	text-decoration: underline;
}




/* @end */






/* @group SignUp Page */

td.Content div.SignUp 
{
	color: 	white;
}

td.Content div.SignUp h2
{
	margin:				0px;
	margin-bottom: 		8px;
	text-decoration: 	underline;
}

td.Content div div.Message
{
	margin-bottom: 	18px;
}


/* @end */




/* @group Upload Page */
div.Upload table.Form
{
	width: 	80%;
}
div.Upload table.Form td.Left
{
	color: 		white;
	text-align: right;
	padding: 	8px;
	width: 		30%;
}
div.Upload table.Form td.Left div.Label
{
	border: 	none;
}
div.Upload table.Form td.Right
{
	color: white;
	font-size: 	0.75em;
	padding-top: 4px;
	padding-bottom: 12px;
}
div.Upload table.Form td.Right input,
div.Upload table.Form td.Right textarea
{
	border: 			1px solid white;
	background-color: 	transparent;
}
div.Upload table.Form td.Right input.File
{
	border: 	none;
	margin-bottom: 10px;
}




/* @group Profile Page */
/* this is just a modification of Signup, with some padding tweaks */
td.Content div.SignUp.Profile table td
{
	padding-bottom: 6px;
}
td.Content div.Profile table.Form td textarea
{
	width: 80%;
}
/* @end */



/* @group SubSubject Page */



div.Page table.Main td.Content.Subject
{
	background-color: 	transparent;
	border: 			1px solid transparent;
	padding: 			0px;
	vertical-align: 	bottom;
}

div.Page table.Main td.Content.Subject div#Left.Column
{
	height:		950px;
	height:		auto;
	float:		left;
	width:		242px;
	padding:	0px;
}

td.Content.Subject h3#Title
{
	margin:			0px;
	margin-bottom:	4px;
	color:			#700B13;
	font-size:		1.4em;
}
td.Content.Subject .Column .Outer
{
	border:				2px solid #700B13;
	padding:			4px;
	margin-top:			10px;
	background-color:	#DDD9DC;
	margin-right: 		16px;
}



td.Content.Subject .Column .Inner
{
	background-color:	#700B13;
	position:			relative;
	height: 			400px;
	color: 				white;
}

td.Content.Subject .Column .Inner .Title
{
	width:				80%;
	background-color:	#DDD9DC;
	color:				black;
	padding:			4px;
	padding-left: 		8px;
	padding-right: 		8px;
	margin-top:			8px;
	margin-bottom:		8px;
	font-size: 			1em;
}

td.Content.Subject #Lower #Contests.Title
{
	float: 				right;
}

td.Content.Subject #Lower #Promotions.Title
{
	text-align: 		right;
}




td.Content.Subject #Right.Column
{
	height:				950px;
	height:				auto;
	float:				left;
	width:				428px; 
	background-color:	transparent;
}

td.Content.Subject #Right #Lower
{
	margin-top:			12px;
	padding: 			4px;
}

td.Content.Subject #Right #Lower .Inner
{
	height: 			440px;
}

td.Content.Subject #Right #Lower #Features
{
	 /*width:60%;
	 float:left;*/
}
td.Subject #Right #Lower #FeaturesInner
{
	padding: 		8px;
	padding-top: 	0px;
}

td.Content.Subject #Right #Lower .Title
{
	text-align: right;
	width: 		95%;
}

td.Content.Subject #Right #Lower #Upload
{
	display: none;
	height: 440px;
	width: 	40%;
	float: 	left;
}

td.Content.Subject #Right #Lower #UploadInner
{
	border: 	1px solid #DDD9DC;
	margin: 	6px;
	padding: 	8px;
	height: 	410px;
	font-size: 	0.9em;
}

td.Content.Subject #Right #Lower #UploadInner h3
{
	color: 	#B6EA5C;
	font-size: 1.5em;
	font-style: italic;
	margin-bottom: 18px;
}

td.Content.Subject #Right.Column .Outer
{
	margin-right: 0px;
}


/* Video preview */
div.VideoPreview
{
	background-color: 	transparent;
	background-image: 	url("/images/vidpreviewempty.png");
	background-repeat: 	no-repeat;
	float: 				right;
	width: 				97px;
	height: 			84px;
	position: 			relative;
}
div.VideoPreview img
{
	width:		88px;
	height:		70px;
	position: 	absolute;
	top: 		3px;
	left: 		3px;
	border: 	1px solid red;
}

/* spacing between videos */
td.Subject #Right.Column #FeaturesInner div.Clear
{
	padding-bottom: 5px;
}



/* @end */




/* @group Search Page */

td.Content div#Search h2
{
	color: 	#B6EA5C;
	font-weight: normal;
}
td.Content div#Search h6
{
	color: 	#B6EA5C;
	float: 	right;
	margin-top: 	8px;
	margin-right: 	12px;
	font-size: 		1em;
}

td.Content div#Search div.Item
{
	margin-top: 	8px;
	border-top: 	1px dashed white;
	padding:		8px;
	color: 			white;
	font-size: 		0.8em;
}

td.Content div#Search div.Item h3
{
	margin-bottom: 	6px;
	font-weight: 	normal;
}

td.Content div#Search div.Item div.VideoPreview
{
	margin-right: 	12px;
}

td.Content div#Search div.Item div.Description
{
	margin-bottom: 	8px;
	text-indent: 	2px;
}

td.Content div#Search div.Item div.Category,
td.Content div#Search div.Item div.Stats
{
	font-size: 		0.85em;
	margin-bottom: 	4px;
}

/* @end */