/*------------------------------------------------------------------
	TMG UNIVERSITY
	Design + Development
	
	MASTER STYLESHEET
	This file created: 20 June 2009
	Authored by: Ryan Burney
	
	NOTE TO FUTURE DEVELOPERS: This CSS file is organized first chronologically, then alphabetically.
	Global declarations for HTML entities appear first, followed by custom declarations. These are
	sorted roughly in the order they appear on the page. Declarations are indented to show inheritance.

-------------------------------------------------------------------*/

/*------------------------------*/
/* GLOBALS						*/

a#admin { float:left; }
a#oracle { float:right; }

a.download, a.cancel {
	background:url(http://www.themarketguys.com/images/site/btn/btn_download.gif);
	display:block;
	height:25px;
	text-indent:-9999px;
	width:95px;
	}
a.cancel {
	background:url(http://www.themarketguys.com/images/site/btn/btn_cancel.gif);
	margin:12px 0;
	width:140px;
	}

p.subscription strong { display:block; float:left; width:150px; }


/*------------------------------*/
/* STRUCTURE					*/

#header img { margin-left:15px; }

#education #banner { background:url(../images/tmgu/banner_too.jpg); position:relative; }
#education #banner a#button { bottom:12px; position:absolute; left:335px; }
/*#education #action { height:185px; }*/

	/*------------------------------*/
	/* ORDER COMPLETE HEADER	*/

	#order-complete {
		-moz-border-radius:5px;
		background:#dcf5b7;
		margin:0 20px 20px;
		padding:12px;
		}
	#order-complete h4 { font-size:14px; text-transform:none; }
	#order-complete p { padding:0; }



	/*------------------------------*/
	/* PAGE CONTENT					*/


		/*------------------------------*/
		/* LEFT SIDEBAR					*/

			/** Sign In Form **********/
			h2#signin { background:url(../images/tmgu/header_tmgu-login.png) no-repeat; height:63px; }

			/** Welcome Back **********/
			h2#welcome { background:url(../images/tmgu/header_tmgu-welcome.png) no-repeat; height:63px; }

			/** Free Power Session ****/
			h2#power-session { background:url(../images/tmgu/header_power-session.png) no-repeat; height:48px; }

			/** Free Power Session ****/
			h2#power-session { background:url(../images/tmgu/header_power-session.png) no-repeat; height:48px; }


			/*------------------------------*/
			/* LEFT SIDEBAR FORM			*/

			#sidebar1 form { margin:-15px 0 0; }
			#sidebar1 form p { font-size:11px; margin:0; padding:5px 0 0; }
			#sidebar1 input {
				/*background:#e8e8e8;*/
				border:1px solid #abadb3;
				border-bottom-color:#e3e9ef;
				border-left-color:#dbdfe6;
				border-right-color:#dbdfe6;
				margin-bottom:5px;
				padding:5px;
				width:188px;
				}
			#education input.submit  {
				background:url(http://www.themarketguys.com/images/tmgu/button_signin.png);
				border:0;
				cursor:pointer;
				display:block;
				font-size:0;
				height:35px;
				margin:2px 0 0 -2px;
				width:108px;
				text-indent:-9999px;
				}
			#education input.submit:hover { background-position:0 -35px; }
			#sidebar1 label { display:block; font-weight:bold; margin-bottom:2px; }



		/*------------------------------*/
		/* MAIN CONTENT 				*/

			/*------------------------------*/
			/* FEATURED COURSES, ETC.		*/

			ul.product { float:left; margin-bottom:26px; }
			ul.product div { float:left; margin-top:10px; }
			ul.product div a { float:left; margin:0 10px 0 0; }
			ul.product div form { float:left; }
			ul.product h3 { font-size:14px; margin-bottom:5px; }
			ul.product img { float:left; margin-right:20px; }
			ul.product li {
				border-bottom:2px solid #ccc;
				float:left;
				margin-bottom:26px;
				padding-bottom:20px;
				}

			ul.product a.foxycart_link {
				background:url(../images/tmgu/button_purchase.png);
				display:block;
				font-size:0;
				height:35px;
				width:108px;
				text-indent:-9999px;
				}
			ul.product a.foxycart_link:hover { background-position:0 -35px; }
			ul.course a.foxycart_link { background:url(../images/tmgu/button_enroll.png); }



		/*------------------------------*/
		/* RIGHT SIDEBAR				*/

		/** Upcoming Classes ******/
		.upcoming h2 { background:url(../images/tmgu/header_upcoming-classes.png) no-repeat; width:159px; }
		.upcoming .foxee_pricing_options { display:none; }

			/*------------------------------*/
			/* UPCOMING EVENTS				*/

			.upcoming table { margin-top:-12px; }
			.upcoming td, .upcoming th { padding-left:0; }
			.upcoming td.register { padding-right:0; text-align:right; width:45px; }
			.upcoming th { width:45px; }
			.upcoming tr:hover { background:none; }
		
			/* if there are no upcoming classes */
			tr#no-upcoming { border:0; }
			tr#no-upcoming td { font-size:12px; font-weight:normal; width:auto; }
		



/*------------------------------*/
/* TABLES						*/


	/*------------------------------*/
	/* PRODUCT CATEGORIES (STORE)	*/
	.store_table table { border-collapse:collapse; font-size:1.1em; margin-bottom:10px; }
	.store_table td { background:url(http://www.themarketguys.com/images/site/arrow_red.gif) center left no-repeat; }
	.store_table td.td2 { background:none; padding:8px 0 8px 6px; width:115px; }
	.store_table tr { border-bottom:1px solid #ddd; display:block; margin:0 20px; }


	/*------------------------------*/
	/* DOWNLOADS TABLE		*/

	.downloads p { padding-bottom:1em; }

	.downloads td { padding-left:8px; vertical-align:top; }
	.downloads th { padding-left:8px; vertical-align:top; width:125px; }
	.downloads th + td { width:80px; }
	.downloads td + td { width:455px; }



/*------------------------------*/
/* FORMS						*/

fieldset {
	border:0;
	clear:left;
	float:left;
	margin:1.2em 0 0;
	width:100%; }

fieldset input,
fieldset select,
fieldset textarea	{ font:1.1em Arial; padding:2px; width:220px; }

fieldset input.submit { margin-left:10em; width:auto; }
fieldset input.contact { margin-left:11.7em; }

fieldset select		{ padding:1px 2px; width:228px; }

fieldset ol { list-style:none; padding:10px 20px 0 0; }
fieldset li {
	border:1px solid #ddd;
	border-width:0 0 1px;
	padding:8px 0 9px 20px;
	width:100%;
	}
fieldset li.even { background:#f3f3f3; }
fieldset label {
	float:left;
	font-size:1.1em;
	font-weight:bold;
	margin-right:1em;
	padding:4px 0;
	text-align:right;
	width:9em;
	}

.inner fieldset li {
	border:1px solid #ddd;
	border-width:0 0 1px;
	padding:8px 0 9px 20px;
	width:100%;
	}


/* styles submit button fieldset */
fieldset.last { margin:0; }
fieldset.last li { border-bottom:0; }

/* error messages if form is improperly filled out */
#content .inner .error {
	background:#ffebe8;
	border:1px solid #c00;
	display:none;
	font-size:1.1em;
	font-weight:bold;
	margin-top:9px;
	padding:1.2em 9px;
	text-align:center;
	}


/*------------------------------*/
/* COURSE PAGES		*/

.course #action {
	border:0;
	margin-left:712px;
	width:218px;
}
.course #content { float:left; margin-left:20px; margin-right:0; width:960px; }
.course #content .inner h2 {
	background:url(http://www.themarketguys.com/images/site/bg/bg_h1.png) bottom repeat-x;
	border:0;
	clear:left;
	font-size:1.6em;
	margin-bottom:0;
	padding:0 0 3px;
	}
.course #content .inner h2.first { padding-top:20px; }

.course #content .inner { float:left; width:693px; }

.course #content .inner li,
.product #content .inner li {
	background:url(../images/arrow_red.gif) 0 5px no-repeat;
	line-height:18px;
	padding-left:12px;
}

.course #content .inner ul,
.product #content .inner ul { margin:0 0 20px 14px; }

	/*------------------------------*/
	/* COURSE CATALOG PAGE		*/

	.course.catalog #content .inner li { clear:left; float:left; margin-bottom:30px; }

	.course.catalog .inner a.foxycart_link,
	.course.catalog a.learnmore {
		background:url(http://www.themarketguys.com/images/site/btn/btn_learnmore.gif);
		display:block;
		float:left;
		font-size:0;
		height:21px;
		margin-top:15px;
		width:89px;
		}
	.course.catalog .inner a.foxycart_link {
		background:url(http://www.themarketguys.com/images/site/btn/btn_enrollnow.gif);
		margin-left:10px;
		width:83px;
		}
	.course.catalog a.learnmore:hover,
	.course.catalog .inner a.foxycart_link:hover { background-position:0 -21px; }


	/*------------------------------*/
	/* COURSE DETAIL PAGE		*/

		.course.detail h3 { margin:24px 0 4px; }
		.course.detail p { line-height:18px; }


		/*------------------------------*/
		/* OVERVIEW 			*/

		.course.detail #overview { float:left; margin-bottom:18px; }
		.course.detail #overview a.foxycart_link {
			background:url(../images/tmgu/button_enroll.png);
			clear:right;
			display:block;
			height:35px;
			float:right;
			font-size:0;
			width:108px;
			text-indent:-9999px;
			}
		.course.detail #overview a.foxycart_link:hover { background-position:0 -35px; }
		.course.detail.product #overview a.foxycart_link { background:url(../images/tmgu/button_purchase.png); }
		.course.detail.product #overview a.foxycart_link:hover { background-position:0 -35px; }
		/*.course.detail.oracle #overview a.foxycart_link { background:url(../images/tmgu/button_purchase.png); }*/
		.course.detail #overview div { float:left; }
		.course.detail #overview img { margin-right:10px; }
		.course.detail #overview p.small { font-size:11px; }
		.course.detail #overview table { margin:8px 0 12px; width:441px; }
		.course.detail #overview td,
		.course.detail #overview th { vertical-align:top; }
		.course.detail #overview td.sale { color:red; font-weight:bold; }
		.course.detail #overview td.sale span { display:block; font-style:italic; font-weight:normal; }
		.course.detail #overview tr:hover { background:none; }

		.course.detail #content #overview h1 { padding-top:10px; width:483px; }

		.course.detail td, .course.detail th { padding:0; }


			/*------------------------------*/
			/* PRICING OPTIONS				*/

			.foxee_pricing_options { font-weight:bold; margin:0 0 2px 2px; }
			.foxee_pricing_options select { display:block; margin:5px 0 0; padding:4px; }
			
			#cboe form { display:none; }


		/*------------------------------*/
		/* SCHEDULE						*/

		.course.detail #schedule { clear:left; }
		.course.detail #schedule p { padding-top:9px; }
		.course.detail #schedule table { width:100%; }
		.course.detail #schedule td { width:80px; }
		.course.detail #schedule td + td { width:111px; }
		.course.detail #schedule th { width:80px; }
		.course.detail #schedule tr { float:left; width:333px; }

		.course.detail #tbd td { font-weight:bold; width:auto; }


/*------------------------------*/
/* SUBSCRIPTIONS PAGE		*/

/* login form -- appears only when trying to access the members page and not signed in */
#logged-out form { margin:15px 0 0; }
#logged-out form p { font-size:11px; padding:4px 0; }
#logged-out label { display:block; font:bold 11px Arial, Helvetica, sans-serif; }
#logged-out input {
	border:1px solid #abadb3;
	border-bottom-color:#e3e9ef;
	border-left-color:#dbdfe6;
	border-right-color:#dbdfe6;
	margin-bottom:5px;
	padding:3px;
	width:180px;
	}
#logged-out input.checkbox { float:left; margin:0 6px 0 0; width:auto; }


/*------------------------------*/
/* POPUP WINDOWS				*/

.popup div		{ padding:15px; }
.popup p		{ padding-top:1.2em; }
.popup p.close	{ font-size:1.1em; text-align:right; }

.about-popup h1		{ margin-bottom:8px; }
.about-popup img	{ float:left; padding:0 10px 5px 0; }
.about-popup p		{ font-size:1.3em; padding:0 0 1.2em 0; }

.podcast-popup div	{ padding:15px 50px; text-align:left; }
.podcast-popup p	{ padding:0; }


/*------------------------------*/
/* ACCOUNT SIGNIN/SIGNOUT LINKS IN HEADER	*/

#account-links { position:absolute; right:10px; top:3px; }
#account-links span { color:#ddd; float:left; font-size:11px; font-weight:bold; }
#account-links span a,
#account-links span b {
	color:#ddd;
	padding:0 6px;
	text-decoration:none;
	}
#account-links a:hover { text-decoration:underline; }
#account-links b { border-left:0; font-weight:bold; }

#account-links span.first { color:#fff; }

.account #account-links span.account a,
.history #account-links span.history a { font-style:italic; }


/*------------------------------*/
/* ORDER HISTORY				*/

div.history { float:left; width:30%; }
div.history.right { width:40%; }
div.history li { background:none; }
div.history li.bullet { background:url(http://www.themarketguys.com/images/site/arrow_red.gif) center left no-repeat; padding-left:14px; }
div.history li strong { display:block; float:left; width:100px; }

div.history-wrapper { clear:left; float:left; width:100%; }


/*------------------------------*/
/* MISCELLANEOUS				*/

#content img.oracle { float:right; padding:0 0 0 12px; }

p.anchor,
p.author { text-align:right; }

p.author,
p.testimonial { font-style:italic; }

p.noscript {
	background:#ffd8d8 url(../images/tmgu/icon_warning.png) 10px 10px no-repeat;
	padding:10px 10px 10px 35px;
}

.date {
	color:#707070;
	display:block;
	font-size:1.1em;
	padding:2px 0 0;
	}

.email	{ text-decoration:underline; }
.email span { display:none; }

a.fe_checkout {
	background:url(../images/tmgu/button_checkout.png);
	display:block;
	font-size:0;
	height:43px;
	margin-left:41px;
	width:136px;
	text-indent:-9999px;
}
a.fe_checkout:hover { background-position:0 -43px; }

a.download { background:url(../images/tmgu/button_download.png); }
a.enroll { background:url(../images/tmgu/button_enroll.png); }
a.moreinfo { background:url(../images/tmgu/button_learnmore.png); }
a.purchase { background:url(../images/tmgu/button_purchase.png); }
a.signout { background:url(../images/tmgu/button_signout.png); }


	/*------------------------------*/
	/* CBOE SPECIFIC				*/

	#content #cboe_tuition {
		float:right;
		font-weight:bold;
	}
	#overview.cboe { position:relative; }
	#overview.cboe a.foxycart_link {
		position:absolute;
		bottom:5px;
		right:0;
	}