/* Reset
////////////////////////////////////////////////// */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, textarea, select {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

ul, ol {
	list-style: none;
}

fieldset, img {
	border: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

tr, td {
	padding: 0px;
	margin: 0px;
}

/* Base
////////////////////////////////////////////////// */

body {
	background: #1c1c1c;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
}

p {
	margin-bottom: 17px;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

label {
	font-weight: normal;
}

div.class-detail label {
	font-weight: bold;
}

label.required {
	font-weight: bold;
}

label.plain {
	margin: 0;
	padding: 0;
	font-weight: normal;
	display: inline;
	float: none;
}

/* created for SEO; used for styling without intentional emphasis */
.em {
	font-style: italic;
}

input.btn {
	display: block;
	border: none;
	background: #0ac;
	padding: 6px 8px;
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}

input.btn:hover {
	display: block;
	background: #f90;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

input.btn:active {
	display: block;
	background: #fb5;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}



/* Links
////////////////////////////////////////////////// */

a,
a:link,
a:visited {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px solid #666;

}

a:hover {
	color: #f90;
	text-decoration: none;
	border-bottom: 2px solid #f90;
}



/* Layout
////////////////////////////////////////////////// */

div#container {
	width: 950px;
	height: 100%;
	margin: 0px auto;
	background: #000;
	border-left: 12px solid #000;
	border-right: 12px solid #000;
}

div.twoCol {
	clear: both;
	width: 950px;
}

div.twoCol div.left {
	width: 652px;
	float: left;
}

div.twoCol div.right {
	width: 285px;
	float: right;
}



/* Logo
////////////////////////////////////////////////// */

div#nav div.logo {
	float: left;
}

div#nav div.logo a,
div#nav div.logo a:link,
div#nav div.logo a:visited,
div#nav div.logo a:hover {
	border-bottom: none;
}

div#nav div.logo h1 a {
	display: block;
	background: transparent url('http://svc-static.s3.amazonaws.com/assets/images/logo.gif') no-repeat 0 0;
	height: 0;
	width: 131px;
	padding: 119px 0 0 0;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}

/* Nav
////////////////////////////////////////////////// */

div#nav {
	width: 950px;
	height: 118px;
	margin-bottom: 15px;
	background: #157C98 url('http://svc-static.s3.amazonaws.com/assets/images/masthead.png') no-repeat;
	position: relative;
	overflow: hidden;
	display: block;
}

div#nav div.links {
	position: absolute;
	top: 78px;
	left: 160px;
	display: block;
	overflow: hidden;
	height: 27px;
}

div#nav div.links ul li {
	float: left;
	display: block;
	margin-right: 10px;
}

div#nav div.links ul li a span {
	display: none;
}

div#nav div.links ul li a {
	overflow: hidden;
	border: none;
	display: block;
	height: 0;
	padding-top: 27px;
	background: url("http://svc-static.s3.amazonaws.com/assets/images/nav.png") no-repeat;
}

div#nav div.links ul li#classes 	a { background-position:    0px 0px; width: 80px; }
div#nav div.links ul li#programs 	a { background-position:  -81px 0px; width: 95px; }
div#nav div.links ul li#students 	a { background-position: -177px 0px; width: 121px; }
div#nav div.links ul li#about 		a { background-position: -299px 0px; width: 72px; }

div#nav div.links ul li#classes   	a.selected { background-position:    0px -27px; }
div#nav div.links ul li#programs  	a.selected { background-position:  -81px -27px; }
div#nav div.links ul li#students  	a.selected { background-position: -177px -27px; }
div#nav div.links ul li#about 		a.selected { background-position: -299px -27px; }

div#nav div.links ul li#classes  	a:hover  { background-position:    0px -54px; }
div#nav div.links ul li#programs 	a:hover  { background-position:  -81px -54px; }
div#nav div.links ul li#students 	a:hover  { background-position: -177px -54px; }
div#nav div.links ul li#about 	 	a:hover  { background-position: -299px -54px; }


/* Global Nav
////////////////////////////////////////////////// */

div#nav div.global {
	position: absolute;
	top: 10px;
	right: 10px;
}

div#nav div.global ul li {
	float: left;
	display: block;
	margin-left: 5px;
}

div#nav div.global ul li a {
	color: #fff;
	padding: 2px 5px;
	border-bottom: none;
	text-decoration: underline;
}

div#nav div.global ul li a:hover {
	color: #000;
	background-color: #f90;
	text-decoration: none;
}

div#nav div.global ul li.selected a {
	color: #fff;
	background-color: #0d4a5b;
	text-decoration: none;
}



/* Footer
////////////////////////////////////////////////// */

div.footer {
	clear: both;
	width: 950px;
	color: #444;
	border-top: 1px solid #333;
	padding-top: 5px;
	margin-top: 12px;
}

div.footer a {
	color: #666;
	border-color: #333;
}

div.footer a:hover {
	color: #f90;
	border-color: #f90;
}


/* Announcements
////////////////////////////////////////////////// */

div#announcements {
	height: 164px;
	/*overflow-y: auto;*/
}

div#announcements div#scrollcontainer {
	height: 140px;
	width: 255px;
	overflow-y: auto;
}

p.announcementDate {
	margin-top: -8px;
	color: #999;
}



/* Featured Classes
////////////////////////////////////////////////// */
div.twoColBlock div.featured-classes {
	background: transparent url('http://svc-static.s3.amazonaws.com/assets/images/bg_featured_classes.png') repeat-y 0 0;
	position: relative;
	display: block;
	overflow: hidden;
	clear: both;
	width: 918px;
}

div.twoColBlock ul.featuredClasses {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	clear: both;
}

div.twoColBlock ul.featuredClasses li {
	list-style: none;
	margin: 0px;
	padding: 12px 12px 0 12px;
	margin: 0 12px 0 0;
	width: 274px;
	overflow: hidden;
	float: left;
}

div.twoColBlock ul.featuredClasses li.last {
	margin-right: 0;
}

div.twoColBlock ul.featuredClasses li img.featureImage {
	margin: 0 0 8px 0;
}



/* Featured Classes
////////////////////////////////////////////////// */
div#slideshow {
	width: 651px;
	height: 236px;
	display: block;
	overflow: hidden;
	position: relative;
}

div#slideshow ul li {
	display: block;
	width: 651px;
	height: 236px;
}

div#slideshow ul li a {
	display: block;
	width: 651px;
	height: 236px;
}

div#slideshow ul li div.caption {
	display: block;
	position: absolute;
	bottom: 0;
	left: 15px;
	width: 425px;
	padding: 5px;
	background: #333;
	color: #fff;
	z-index: 9999;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	
}

div#slideshow div#slideshow-nav {
	display: block;
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 9999;
}

div#slideshow div#slideshow-nav a {
	display: inline-block;
	background: #0ac;
	text-decoration: none;
	border: 1px solid #fff;
	color: #fff;
	padding: 1px 5px 1px 5px;
	margin-left: 4px;
}

div#slideshow div#slideshow-nav a.activeSlide {
	background: #fff;
	border: 1px solid #fff;
	color: #0ac;
}

div#slideshow div#slideshow-nav a:hover {
	text-decoration: underline;
}



/* List
////////////////////////////////////////////////// */

div.listContainer {
	padding: 10px 18px;
	width: 914px;
	background: #fff url("http://svc-static.s3.amazonaws.com/assets/images/grad-ffffff.jpg") no-repeat right bottom;
}

div.listContainer table.list tr.header td {
	color: #333;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 8px;
}

div.listContainer table.list tr.top td {
	border-top: 2px solid #0ac;
	padding: 6px 6px 2px 0;
	color: #0ac;
}

div.listContainer table.list tr.top td.title {
	padding-right: 5px;
}

div.listContainer table.list tr.free td {
	background: #FFE4B3;
}

div.listContainer table.list tr.divider td {
	padding: 16px 0 0 0;
}

div.listContainer table.list tr.divider td label {
	color: #fff;
	font-weight: bold;
	display: block;
	clear: both;
	background: #ccc;
}

div.listContainer table.list tr.bottom td {
	padding-bottom: 15px;
	color: #888;
}

div.listContainer table.list a {
	color: #333;
	border-color: #999;
}

div.listContainer table.list a:hover {
	color: #f90;
	border-color: #f90;
}

div.listContainer table.list a.plain {
	text-decoration: none;
	border: none;
}

div.listContainer table.list img.class-status-image {
	position: relative; top: 3px;
}


/* Filter List
////////////////////////////////////////////////// */

div.filterList {
	clear: both;
}

div.filterList ul li {
	float: left;
	overflow: hidden;
}

div.filterList ul li a {
	display: block;
	margin: 0 2px 0 0;
	padding: 4px 8px 6px 8px;
	color: #999;
	text-decoration: underline;
	background: #222 url("http://svc-static.s3.amazonaws.com/assets/images/grad-333333.jpg") no-repeat right bottom;
	border-bottom: none;
}

div.filterList ul li a:hover {
	background: #f90;
	color: #000;
	text-decoration: none;
}

div.filterList ul li.selected a {
	background: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}



/* Top Bar
////////////////////////////////////////////////// */

div.topBar {
	clear: both;
}

div.topBar div.left {
	float: left;
	width: 651px;
}

div.topBar div.right {
	float: right;
	width: 284px;
}



/* Breadcrumb
////////////////////////////////////////////////// */

div#breadcrumb {
	height: 30px;
}

div#breadcrumb ul li {
	float: left;
	margin-right: 6px;
	color: #ccc;
}

div#breadcrumb ul li + li {
	padding-left: 6px;
	border-left: 1px solid #252525;
}



/* Search / Blog roll Menu
////////////////////////////////////////////////// */

div.searchBlock {
	width: 275px;
	height: 20px;
	background-color: #222;
	color: #333;
	padding: 5px 2px 2px 5px;
	margin-bottom: 12px;
	overflow: hidden;
	display: block;
	position: relative;
}

div.searchBlock input.searchField {
	color: #ccc;
	background-color: #111;
	border: 0;
	margin: 0 5px 0 0;
	padding: 0;
	width: 200px;
	height: 15px;
	border: 1px solid #555;
}

div.searchBlock input.searchSubmit {
	position: absolute;
	top: 5px;
	right: 5px;
}



/* Sidebars
////////////////////////////////////////////////// */

div.sidebarBlock {
	background: #222 url("http://svc-static.s3.amazonaws.com/assets/images/grad-222222.jpg") no-repeat right bottom;
	padding: 16px;
	color: #999;
	margin-bottom: 12px;
}

div.sidebarBlock h4 {
	color: #0ac;
	font-size: 12px;
	margin-bottom: 12px;
	text-transform: none;
}

div.sidebarBlock ul li {
	padding-bottom: 3px;

}

div.sidebarBlock ul.multiline li {
	padding-bottom: 8px;
}



/* Content blocks
////////////////////////////////////////////////// */

div.twoColBlock {
	background: #fff url("http://svc-static.s3.amazonaws.com/assets/images/grad-ffffff.jpg") no-repeat right bottom;
	padding: 16px 16px 8px 16px;
	color: #666;
	margin-bottom: 12px;
}

div.twoColBlock h2 {
	color: #000;
	font-size: 14px;
	margin-bottom: 10px;
}

div.twoColBlock h2 a {
	color: #0ac;
	border-color: #adf;

}

div.twoColBlock h3 {
	font-size: 13px;
	color: #333;
	border-bottom: 2px solid #0ac;
	margin-bottom: 12px;
}

div.twoColBlock h4 {
	color: #333;
	text-decoration: underline;
}

div.twoColBlock ul {
	margin-bottom: 16px;
}

div.twoColBlock ul li {
	margin: 5px 0px 0px 16px;
	list-style-type: square;
	line-height: 16px;
}

div.twoColBlock ol {
	margin-bottom: 24px;
}

div.twoColBlock ol li {
	margin: 0 0 8px 24px;
	list-style-type: decimal;
	line-height: 16px;
}

div.twoColBlock a {
	color: #333;
	border-color: #999;
}

div.twoColBlock a:hover {
	color: #f90;
	border-color: #f90;
}

div.callout {
	padding: 8px;
	border: 1px solid #ccc;
	margin-bottom: 16px;
	background-color: #f0f0d2;
}

div#error-content {
	background: #fff url("http://svc-static.s3.amazonaws.com/assets/images/grad-ffffff.jpg") no-repeat right bottom;
	padding: 16px 16px 8px 16px;
	color: #666;
	margin-bottom: 12px;
}

div#error-content h1 {
	font-size: 18px;
	border-bottom: 2px solid #ccc;
	line-height: 24px;
	margin-bottom: 16px;
}


/* Class Detail Info List
////////////////////////////////////////////////// */

div.twoColBlock ul.classDetail {
	list-style: none;
	padding: 0px;
	margin-bottom: 25px;
	margin-top: -8px;
}

div.twoColBlock ul.classDetail li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

div.twoColBlock ul.classDetail li + li {
	margin-left: 25px;
}


/* Program Page
////////////////////////////////////////////////// */

table.programs {
	width: 950px;
	margin: 0px auto 25px auto;
	border: 0px;
	color: #666;
	background: #fff url("http://svc-static.s3.amazonaws.com/assets/images/grad-ffffff.jpg") no-repeat right bottom;
}

table.programs tr {
	background: none;
}

table.programs tr.alt {
	background: url("http://svc-static.s3.amazonaws.com/assets/images/grad-ffffff.jpg") no-repeat right bottom;
}

table.programs th,
table.programs td {
	width: 228px;
	padding-top: 10px;
	vertical-align: top;
	text-align: left;
}

table.programs td {
	padding-bottom: 12px;
}

table.programs th.leftCol,
table.programs td.leftCol {
	width: 38px;
	border-left: none;
}

table.programs p {
	padding-left: 12px;
	margin-bottom: 11px;
}

table.programs td.leftCol p {
	padding-left: 0px;
	text-align: center;
	font-weight: bold;
	color: #0ac;
}

table.programs th p {
	font-weight: bold;
	color: #000;
	margin-bottom: 8px;
}

table.programs td {
	border-left: 2px solid #0ac;
	border-top: 2px solid #0ac;
}

/* Buttons
////////////////////////////////////////////////// */

div.twoColBlock a.btn {
	border: none;
	background: #0ac;
	padding: 6px 8px;
	color: #fff;
	text-decoration: underline;
}

div.twoColBlock a.btn:hover {
	background: #f90;
	color: #000;
	text-decoration: none;
}

div.twoColBlock a.btn:active {
	background: #fb5;
	color: #000;
	text-decoration: none;
}



/* Evaluation
////////////////////////////////////////////////// */

div.twoColBlock ol.survey li {
	list-style: none;
	padding: 12px 12px 24px 12px;
	margin: 0px;
}

div.twoColBlock ol.survey li.alt {
	background: #f3f3f3 url("http://svc-static.s3.amazonaws.com/assets/images/grad-f3f3f3.jpg") no-repeat right bottom;
}

div.twoColBlock ol.survey li textarea {
	width: 400px;
	height: 50px;
}

div.twoColBlock table.survey tr td {
	padding: 0 10px 5px 0;
}

div.twoColBlock div.survey label {
	font-weight: bold;
}


/* Interface Messages
////////////////////////////////////////////////// */

div.flash {
	color: #666;
	padding: 12px; 
	border: 2px solid #99CC33;
	background: #DDEEBC;
	z-index: 999;
}

div.flash p {
	margin-bottom: 4px;
}

div.flash strong {
	color: #f40;
}

div.flash ul {
	margin-bottom: 8px;
}

div.flash ul li {
	margin: 3px 0px 0px 12px;
	list-style-type: none;
}

div.error {
	color: #000;
	padding: 12px; 
	border: 2px solid #f40;
	background: #fcb;
	z-index: 999;
}

div.error p {
	margin-bottom: 4px;
}

div.error strong {
	color: #f40;
}

div.error ul {
	margin-bottom: 8px;
}

div.error ul li {
	margin: 3px 0px 0px 12px;
	list-style-type: none;
}

div#notice {
	position: absolute;
	top: 0;
	left: 0;
	color: #000;
	padding: 12px; 
	border: 2px solid #f40;
	background: #fcb;
	width: auto;
	clear: both;
}

div#notice p {
	margin-bottom: 0;
}


/* Cart
////////////////////////////////////////////////// */

table.cart {
	width: 100%;
}

table.cart thead tr td {
	font-weight: bold;
}

table.cart tbody tr td {
	padding: 2px 8px 2px 0;
}

table.cart tbody tr.alt td {
}

table.cart tbody tr.total td {
	border-top: 1px solid #ccc;
	border-bottom: none;
	font-weight: bold;
}



/* Member Account
////////////////////////////////////////////////// */

form.accountForm div {
	clear: both;
	margin-bottom: 10px;
}

form.accountForm label {
	text-align: right;
	float: left;
	width: 150px;
	padding-right: 15px;
}

form.accountForm label.plain {
	margin: 0;
	padding: 0;
	font-weight: normal;
	display: inline;
	float: none;
}


form.accountForm input.short {
	width: 125px;
}

form.accountForm input.long {
	width: 225px;
}

form.accountForm em.error {
	color: #f40;
	margin-left: 5px;
	background: #fff;
	z-index: 5;
	position: relative;
}

table.transcript { 
	width: 100%;
	margin-bottom: 15px;
}

table.transcript tr th {
	text-align: left;
	font-weight: normal;
	color: #ccc;
}

table.transcript tr td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* Misc Styles
////////////////////////////////////////////////// */

.clear {
	clear: both;
}

.hide {
	display: none;
}

.no-margin {
	margin: 0;
}

.alignRight {
	float: right;
	text-align: right;
}

.alignLeft {
	text-align: left;
}

img.banner {
	margin-bottom: 12px;
}

hr {
	height: 2px;
	border: none;
	background: #0ac;
	margin-bottom: 12px;
}

table tr td {
	vertical-align: top;
}

.legal {
	font-style: italic;
	color: #999;
}

div#profileImage {
	overflow: hidden; 
	width: 128px; 
	height: 128px; 
	right: 64px; 
	position: absolute; 
	background: #ccc url('http://svc-static.s3.amazonaws.com/assets/images/bg_user_photo.jpg') no-repeat 0 0;
	border: 1px solid #ccc;
	z-index: 1;
}

ul.networking-links {
	margin-top: 2px;
}

ul.networking-links li {
	float: left;
	margin-left: 2px;
}

ul.networking-links li a {
	text-decoration: none;
	border: none;
}

ul.networking-links li a:hover { 
	text-decoration: none;
	border: none;
}


/* jScrollPane
////////////////////////////////////////////////// */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #444;
	border: 1px solid #333;
}
.jScrollPaneDrag {
	position: absolute;
	background: #157C98;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}