/*-----------------------------------------------------------------------------
Gnomon School of Visual Effects: Weekend Workshops Style Sheet

version:   1.0
author:    eric carl
email:     ericcarl@gmail.com
website:   http://www.gnomonschool.com

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

/* General Type
--------------------------------- */

#masterClasses #content p {
	font-size:85%;
}
#masterClasses #leftColumn .introContainer p {
	margin-bottom:20px;
}
#masterClasses #leftColumn .horRule {
	margin-left:-20px;
	margin-bottom:20px;
	border-top:1px solid #262626;
}
#masterClasses #content a {
	color:#51a397;
}

/* Header and Intro
--------------------------------- */

#videoContainer {
	height:370px;
	background-image:url(../images/master_v3/video_bg.jpg);
	clear:both;
	margin:0 0 30px 0;
	padding:20px 0 0 0;
}
.introContainer {
	margin-left:29px;
	width:300px;
	padding:0 34px 0 0;
	float:left;
}
.videoPlayer {
	float:left;
	width:576px;
}
#masterClasses h3.intro {
	text-indent:-3000px;
	width:407px;
	height:39px;
	background-image:url(../images/master_v3/subhead.gif);
	float:left;
	margin-top:2px;
}
#masterClasses #content .introContainer p {
	line-height:1.45em;
	font-size:100%;
}
#masterClasses .introContainer p.date {
	background-image:url(../images/master_v3/date.gif);
	text-indent:-3000px;
	width:272px;
	height:37px;
	margin:24px 0 12px 0;
}
#videoContainer .horRule {
	margin-left:-29px;
	height:2px;
	border:none;
	background-image:url(../images/master_v3/intro_rule.gif);
}

/* Layout Left Column
--------------------------------- */

#masterClasses #content {
	border-left:1px solid #262626;
	border-right:1px solid #262626;
	border-bottom:1px solid #262626;
	background-color:#000000;
	background-image:url(../images/master_v3/bg.jpg);
	background-repeat:no-repeat;
	padding:34px 0 0 0;
}
#masterClasses #leftColumn {
	width:310px;
	margin-right:20px;
	padding-left:19px;
	float:left;
}
#masterClasses .masterHeadline {
	text-indent:-3000px;
	width:463px;
	height:43px;
	margin:0 30px 39px 28px;
	background-image:url(../images/master_v3/headline.gif);
	float:left;
}
#masterClasses #leftColumn h4.onlineClassesHeadline {
	text-indent:-3000px;
	background-image:url(../images/master_v3/head_online-classes.gif);
	width:190px;
	height:15px;
	margin-bottom:14px;
}
#masterClasses #leftColumn ul li {
	font-size:85%;
	line-height:1.5em;
	list-style-position:outside;
	list-style-type:square;
	margin-left:16px;
	margin-bottom:1em;
}
#masterClasses #leftColumn h4.discountsHeadline {
	text-indent:-3000px;
	background-image:url(../images/master_v3/head_discounts.gif);
	width:243px;
	height:14px;
}
.discountsGraphic {
	float:left;
	margin:2px 10px 0 -19px;
}
#masterClasses #leftColumn h4.signUpHeadline {
	text-indent:-3000px;
	background-image:url(../images/master_v3/head_sign-up.gif);
	width:113px;
	height:17px;
	margin-bottom:14px;
}
.linkArrow {
	background-image:url(../images/master_v3/link_arrow.gif);
	background-position:right 3px;
	background-repeat:no-repeat;
	padding-right:11px;
}
#masterClasses #leftColumn h4.testimonialsHeadline {
	text-indent:-3000px;
	background-image:url(../images/master_v3/head_testimonials.gif);
	width:92px;
	height:14px;
	margin-bottom:14px;
}
.testiImages img {
	margin-bottom:24px;
}

/* Layout Right Column
--------------------------------- */

#masterClasses #rightColumn h4.classListHeadline {
	text-indent:-3000px;
	background-image:url(../images/master_v3/head_class-list.gif);
	width:66px;
	height:14px;
	margin-bottom:14px;
}
#masterClasses #rightColumn {
	width:600px;
	float:left;
}
#masterClasses #rightColumn .course {
	background-image:url(../images/master_v3/class_bg.gif);
	height:148px;
	margin-bottom:10px;
}
#masterClasses #rightColumn .course .classInfoContainer {
	float:left;
	width:364px;
}
#masterClasses #rightColumn .course h5 {
	margin-bottom:0;
	font-weight:bold;
	font-size:116%;
}
#masterClasses #rightColumn .course .classInfo {
	padding:14px 10px 0 0;
	height:80px;
	margin-bottom:19px;
}
#masterClasses #rightColumn .course p {
	color:#898989;
}
#masterClasses #rightColumn .course p.instructor {
	color:#acacac;
	font-size:100%;
	margin-bottom:.85em;
}
#masterClasses #rightColumn .course p.classDesc {
	line-height:1.25em;
}
#masterClasses #rightColumn .course img {
	float:left;
	margin-right:18px;
}

#masterClasses #rightColumn .course .detailsLink {
	float:left;
	padding-top:8px;
}
#masterClasses #rightColumn .course .detailsLink a {
	background-image:url(../images/master/arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:10px;
	width:64px;
	font-weight:bold;
	font-size:138.5%;
}
.paginationContainer {
	margin-top:-32px;
}
.paginationLabel {
	float:right;
	margin:2px 6px 0 0 !important;
	font-size:116% !important;
	font-weight:bold;
	color:#a1a1a1;
}
#tabs ul {
	float:right;
	margin-right:12px;
	font-size:116%;
}
#tabs li {
	float:left;
	font-weight:bold;
	margin-bottom:10px;
}
#tabs li a {
	display:block;
	padding:3px 9px;
	background-color:#1a1a1a;
	border:1px solid #404040;
}
#tabs li.ui-state-active a {
	background-color:#000;
	color:#464646 !important;
	border-color:#000;
	cursor:default;
}
#tabs li.ui-state-default a:hover {
	background-color:#333;
}
#tabs li.ui-state-active a:hover {
	text-decoration:none;
	background-color:#000;
}
#tabs-1, #tabs-2 {
	clear:both;
}

/* Thickbox Class Layout 
--------------------------------- */

#thickboxClass {
	background-color:#000000;
}
#thickboxClass a {
	color:#51a397;
}
#thickboxClass strong {
	font-weight:bold;
}
#thickboxClass p {
	font-size:85%;
	color:#929292;
	line-height:1.5em;
	margin-bottom:1em;
}
#thickboxClass ul {
	font-size:85%;
	color:#929292;
	line-height:1.5em;
	margin-bottom:1em;
	margin-left:20px;
}
#thickboxClass ul li {
	list-style-type:disc;
	list-style-position:outside;
}
.introContent {
	border-bottom:1px solid #242424;
	padding:20px;
	margin-bottom:20px;
}
.instructorContainer img {
	float:left;
	margin-right:18px;
}
#thickboxClass h1 {
	color:#51a397;
	font-size:123.1%;
	font-weight:bold;
}
#thickboxClass h2 {
	color:#acacac;
}
#thickboxClass .instructorContainer h2 {
	padding-top:8px;
}
#thickboxClass h3 {
	color:#acacac;
	font-weight:bold;
	margin-bottom:0;
	font-size:123.1%;
}
#thickboxClass .classInfoColumn {
	margin-left:20px;
	margin-bottom:20px;
	width:420px;
}
#thickboxClass .classInfoColumn img {
	margin-bottom:16px;
}
.instructorContainer + p {
	clear:both;
}
#thickboxClass .instColumn table p {
	line-height:1.25em;
}
#thickboxClass .horRule hr {
	display:none;
}
#thickboxClass .horRule {
	height:1px;
	border-top:1px solid #242424;
	width:459px;
	margin:20px 0 20px -20px;
}