/* 
Client: Mix 'em Up
Author: DevNuts
CSS: Matei
*/

body {
	margin: 0; padding: 0; font-family: Arial, Verdana;  background: url('/img/d/bg.jpg') repeat-x top center;}

#Page {
	margin: 0 auto 0 auto; padding: 0; padding-top: 15px; width: 950px; background: #000 url('/img/d/header.jpg') no-repeat top center; color: #FFF;}

#app-body {
	color: #000;
	width: 100%;
	}

/* Universal */

a:link, a:visited { color: #dc7dff; text-decoration: none;}
a:hover { color: #9949c7; text-decoration: underline;}
a {outline:none;}
a img { border: 0;}

h2, h3, h4, h5, h6 { color: #dc7dff;}

h1 { font-size: 28px; margin-top: 1em;}

ul li { font-size: 16px; z-index: 99;}

.error { color: #FF0000;}

/* Logo link */
#siteLink {
	text-indent: -100%;
	width: 380px;
	height: 135px;
	display: block;
}


/* Login Box */

#UserBox {
	float: right; margin: 0; padding: 0; width: 298px; height: 134px; background: url('/img/d/login_bg.jpg') no-repeat center center; text-align: left; margin-bottom: 23px;}
	
#UserBox li {
	font-size: 12px;
}

#UserBox h2 {
	margin: 0 0 5px 0; padding: 10px 0 0 10px; font-size: 15px; font-weight: bold;}

#UserBox label, #UserBox input.text {
	display: inline; float: left; margin-bottom: 6px; height: 24px; line-height: 24px;}

#UserBox label {
	font-size: 15px; font-weight: bold; color: #CCC; width: 100px; text-align: right; padding-top: 3px;}

#UserBox input.text {
	margin-left: 10px; width: 147px; line-height: 24px; height: 24px; background: url('/img/d/login_input.jpg') no-repeat center center; border: 0; font-weight: bold; font-family: Arial, Verdana; font-size: 15px;}

#UserBox .loginBt {
	float: right; margin-right: 42px; width: 74px; height: 22px;}


.UserBox_loggedin {position:relative;}
.UserBox_loggedin ul {float:left; padding:0; margin:0;}
.UserBox_loggedin ul li {list-style-type:none; border-bottom:1px solid #666; padding:3px 0}
.UserBox_loggedin ul li a {}
.UserBox_loggedin img.personPhoto
 , .UserBox_loggedin div.photoPlaceholder {border:1px solid #ddd; padding:2px; float:left; background-color:#444; font-size: 12px; margin:10px; height:50px; width:50px;}
.UserBox_loggedin input.logoutButton {position:absolute; bottom:20px; right:20px;}
/* Menu */

#Menu { 
	padding: 0; margin: 0 auto 8px auto; width: 923px; height: 33px; background: url('/img/d/menu_bg.jpg') no-repeat center center; text-align: left;}

#Menu a:link, #Menu a:visited {
	display:block; float:left; height: 33px; line-height: 33px; background: url('/img/d/menu_br.jpg') no-repeat top right; color: #FFF; padding: 0 28px 0 25px; font-weight: 500; margin: 0;}
	
#Menu a:link.freeClass, #Menu a:visited.freeClass { color: red; text-shadow: 1px 1px black; padding: 0 10px; } 
	
#Menu a:hover {
	background: url('/img/d/nav-hover.gif') repeat-x; text-decoration: none;}	

#Menu a.contact {
	background: none;
	float: right;
	padding: 0;
	width: 180px;
	height: 100%;
}
#Menu a.contact:hover {
	background: none;
}

/* Navigation sub menus */
ul.subnav {
	background-color: #2F2F2F;
	border: solid #A0A0A0;
	border-width: 0 1px 1px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.subnav a {
	display: block;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	height: 2em;
	line-height: 2em;
}
.subnav a:hover {
	background-color: #994DB9;
	text-decoration: none;
}



/*Sub Menu*/
.submenu {background:url('/img/d/submenu.gif') no-repeat 0 0; height:40px; width:674px;}
.submenu ul {margin:0; padding:1px 0 0 20px; height:40px;}
.submenu ul li {list-style:none; float:left;}
.submenu ul li a {display:block; float:left; height:40px; padding:0 20px; line-height:2.9em; font-size:14px; font-weight:bold; color:#222; background:url('/img/d/submenu_item.gif') no-repeat right top;}
.submenu ul li a:hover {}

.submenu ul li.selected { background: url('/img/d/submenu_selected.gif') repeat-x; }




/* Page Containers */

#ColLeft, #ColRight {
	display: inline; margin: 0; padding: 0; text-align: left;}

#ColLeft { float: left; width: 674px; margin-left: 32px; }
#ColRight { float: right; width: 220px; background: url('/img/d/right_bg.jpg') no-repeat top center;}

#ColLeft #app-body {color: #FFFFFF;}


/* Carousel */
#chaptersWrapper {
	float: left;
	width: 693px;
	height: 640px;
	margin-left: 32px;
	margin-top: 1em;
}

#chaptersWrapper .ux-carousel-slides-wrap {
	top: 40px;
}

#chaptersWrapper .ux-carousel-slide {
	text-align: left;
	overflow-y: auto;
	height: 600px;
}

#chaptersWrapper .ux-carousel-nav {
	background-color: #000;
	opacity: 1;
}

#chaptersWrapper .ux-carousel-caption {
	color: #DC7DFF;
	margin: 0;
}



/* Boxes */



.Box, .BoxTop, .BoxEnd {
	width: 674px; margin: 0; padding: 0;}

/*.Box, .BoxEnd, #BoxVideoTop, #BoxVideo, #BoxVideoBot { margin-left: 25px;}*/


.BoxContent {
	padding: 15px;}

#ColLeft h1, #ColLeft h2, #ColLeft h3 { margin-bottom: 8px;}

#ColLeft .Box h1, #ColLeft .Box h2, #ColLeft .Box h3 {
	margin-left: 16px;}

.Box { background: url('/img/d/box_bg.jpg') repeat-y top left; padding-bottom: 15px;}
.BoxTop { background: url('/img/d/box_top.jpg') no-repeat top left; height: 11px;}
.BoxEnd { background: url('/img/d/box_bottom.jpg') no-repeat top left; height: 35px;}

.Box h2, .Box p { padding: 0 15px 0 15px;}
.Box h2 { font-size: 16px; margin: 8px 0 8px 0;}
.Box p { font-size: 14px; line-height: 20px; }


#BoxVideoTop, #BoxVideo, #BoxVideoBot {
	width: 674px; padding: 0;}

#BoxVideoTop { padding: 0; height: 14px; background: url('/img/d/videoBoxTop.jpg') no-repeat bottom center; margin-top: 15px;}
#BoxVideo { height: 350px; padding:13px 0 0 13px; position:relative; margin-top:20px; background: url('/img/d/videoBoxBgTaller.jpg') no-repeat top center;}
#BoxVideoBot { height: 32px; background: url('/img/d/videoBoxBot.jpg') no-repeat top center;}

#BoxVideoLeft, #BoxVideoRight { display: inline;}

#BoxVideoLeft { float: left; width: 385px; margin-left: 5px}
#BoxVideoRight { float: left; line-height: 1em; width: 240px; padding:5px 0 0 16px;}

#BoxVideoRight h2 { margin: 0; padding: 0; font-size: 18px; width:auto; text-align: center; line-height: 1.25em;}
#BoxVideoRight p { font-size: 13px; line-height: 18px; text-align: justify; margin: 8px 0; }
.morevideos {position:absolute; bottom:6px; left:30px;}

/* Box Alternatives */

.boxLightTop { height: 10px; background-image: url('/img/d/boxLightTop.jpg');}
.boxLight { background-image: url('/img/d/boxLightBg.jpg');}
.boxLightBottom { height: 25px; background-image: url('/img/d/boxLightBot.jpg');}

.boxGlassTop { font-size: 1px; height: 11px; background: url('/img/d/boxGlassTop.jpg') no-repeat bottom left; width: 687px; margin: 0; padding: 0;}
.Glass { padding: 0; padding-top: 25px; background: url('/img/d/boxGlassh2.jpg') no-repeat bottom right; width: 687px; margin-bottom: 0;}
.boxGlass { margin-top: 0;}
.boxGlassInside { padding: 0; margin: 0; background: url('/img/d/boxGlassBg.jpg') no-repeat top left; width: 687px;}


.boxSlim { margin-top: 1em; padding-bottom: 0; }
.boxSlim p { margin-bottom: 0; margin-top: 5px; }


#ColLeft h3.Glass { margin-bottom: 0; padding-bottom: 8px;}
/* Side Panel */

#ColRight h2 {
	margin: 15px 0 4px 12px; font-variant:small-caps;}

.BoxSide {
	margin: 0 0 0 8px; padding: 0; width: 204px; background: url('/img/d/sideBoxBg.jpg') repeat-y top center;}

.BoxSideTop {
	margin: 0; padding: 0; background: url('/img/d/sideBoxTop.jpg') no-repeat top center; width: 204px; height: 4px;}

.BoxSideBottom {
	margin: 0 0 15px 8px; padding: 0; width: 204px; height: 4px; background: url('/img/d/sideBoxBot.jpg') no-repeat top center;}

.BoxSide p {
	margin: 0; padding: 0 12px; margin: 0.5em 0; font-size: 12px;}

.BoxSide ul {
	margin: 0 0 0 15px; padding: 15px;}

.BoxSide ul.inline {
	margin: -0.5em 0 1em 15px; padding: 0 15px;
}

.BoxSide ul.inline li {
	font-size: 12px;
}

.BoxSide ul.chapters li {
	font-size: 16px; line-height: 24px; font-weight: bold;}
	
.BoxSide ul.chapters li a {
	color: #FFF;}
	
.BoxSide a.promo {
	display: block;
	text-align: center;
	margin-top: 1em;
	padding-bottom: 15px;
	color: #FFFFFF;
	font-weight: bold;
}

.BoxSide a.promo img {
	border: none;
	outline: none;
	vertical-align: top;
}

.BoxSide a.promo strong {
	color: red;
	text-shadow: 1px 1px 1px #300;
}

.BoxSide.black {
	background-image: url('/img/d/sideBoxBg-black.jpg');
}
	
	
/* Footer */

#Accreditation {
	text-align: center;
	margin-top: 32px;
}

#Accreditation p {
	margin: 0;
	font-size: 12px;
}

#Copyright {
	width: 914px; height: 50px; background: url('/img/d/footer_bg.jpg') no-repeat bottom center; margin-left: 18px; margin-top: 5px; }

#Copyright p {
	color: #666; font-weight: bold; font-size: 15px; text-align: center; margin-top: 30px; }

/* Misc */
.clear {clear:both; height:0; overflow: hidden; line-height:0; background:none; border:none; display:block;}
.mini { margin: 0; padding: 0; height: 0px; font-size: 0px;}

.highlight { color: #eea62b; margin-top: 0; padding: 0;}

/* Tables */
.sched {
	color: #FFF; font-size: 12px;}

.sched td { border: 1px solid #000; padding: 5px;}


/*Staff*/
.chapter.staff .staffMember {clear:both; border-bottom:1px dotted #444; padding-bottom:15px}
.chapter.staff .staffMember img {float:left; background-color:#fff; border:2px solid #666; margin:0 13px;}
.chapter.staff .staffMember ul {padding:0; margin:0; float:left}
.chapter.staff .staffMember ul li {list-style-type:none; line-height:1.4em; color:#fff;}
.chapter.staff .staffMember p.exp {color:#c0c0c0; font-weight:bold;}
 
/*
 * Column layout ? */
.chapter.staff .staffMember {float: left; width: 330px; height: 300px; border: 0; margin: 2px; clear: none}
.chapter.staff .staffMember ul {padding:0; margin:0;  width: 170px;}
.chapter.staff .staffMember li { font-size: 12px; }
.chapter.staff .staffMember img { width: 125px; }
.chapter.staff .staffMember h2 { padding: 0; margin: 0 16px; text-align: center; }
.chapter.staff .staffMember p.highlight { text-align: center; }
 
/* People */
h1.person {
	font-size: 48px;}


div.photoPlaceholder {
	text-align: center; font-style: italic; border: 1px solid #000; cursor: default;}



/* Forums */
.comments hr { display: none; }
.comments .comment hr { border: 1px dotted #666; border-width: 1px 0 0; color: white; height: 1px; width: 100%; display: block; }
.comments .comment, #forum-list dd {
	background: #271333;
	background: -webkit-gradient(linear, left top, left bottom, from(#411F54), to(black));
	background: -moz-linear-gradient(#411F54,black);
	border-color: #999;
	border-width: 1px 0 0;
	padding: 1em .5em;
}
#forum-list dt {
	background: #411F54;
	border: 1px solid #dc7dff;
	color: white;
}
#forum-list dt a {
	color: white;
}
#toolbox {
	clear: both;
	margin: 1em 0;
	overflow: hidden;
}
#toolbox a {
	background: #AB771F;
	-moz-border-radius: 10em;
	-webkit-border-radius: 10em;
	border-radius: 10em;
	float: left;
	font-size: 12px;
	font-weight: bolder;	
	padding: .5em 1em;
	color: white;
	text-shadow: 1px 1px 0 black;
}
#toolbox a:active {
	left: 1px;
	position: relative;
	top: 1px;
}
#toolbox a.action {
	float: right;
}

ul li .meta {font-size:11px; color:#999;}

ul.threadedForums li {background-color:#2F2F2F; border:1px solid #777; margin:10px 20px; padding:10px 10px 10px 10px;}
ul.threadedForums li p.desc {padding-left:0; margin:0;}
ul.threadedForums li .meta {border-top:1px solid #888; float:left; margin:6px 0 0; padding:6px 0 0;}
ul.threadedForums li a.forum_title {display:block; color:#DC7DFF; font-size:16px; font-weight:700;}

ul.threadedForumDiscussions li {border:1px solid #3f3f3f; font-size:14px; line-height:24px; background-color:#2F2F2F; margin:15px 20px; padding:0 10px 0 0;}
ul.threadedForumDiscussions li a.profile {display:block; width:80px; height:80px; padding-top:8px; background-color:#666; border-right:1px solid #888; text-align:center; float:left; margin:0 15px 0 0;}
ul.threadedForumDiscussions li a.profile img {border:1px solid #ddd; background-color:#fff; width:50px; height:50px; padding:2px;}
ul.threadedForumDiscussions li a.profile span {line-height: 20px; margin-top: -5px;}
ul.threadedForumDiscussions li .recentMessages {padding-top:10px;}
ul.threadedForumDiscussions li .meta {clear:right; margin:6px 0 0; padding:6px 0 0;}
ul.threadedForumDiscussions li a.topic {font-size:16px; float:left;}
ul.threadedForumMessages li {border:1px solid #3f3f3f; font-size:14px; line-height:24px; background-color:#2F2F2F; margin:25px 20px 20px; padding:15px;}

ul.threadedForumMessages li a.profile {display:block; width:80px; height:80px; padding-top:8px; background-color:#666; border-right:1px solid #888; text-align:center; float:left; margin:0 15px 0 0;}
ul.threadedForumMessages li a.profile img {border:1px solid #ddd; background-color:#fff; width:50px; height:50px; padding:2px;}
ul.threadedForumMessages li a.profile span {line-height: 20px; margin-top: -5px;}
ul.threadedForumMessages li a.profile span {display:block;}
ul.threadedForumMessages li p.message {margin-top:0;}
ul.threadedForumMessages li a.permalink {font-size:12px; float:right;}
ul.threadedForumMessages li .meta {}

ul li .recentMessages {float:right; height:50px; padding-left:5px; position:relative; display:block;}
ul li .recentMessages h4 {margin:3px 0;}
ul li .recentMessages a.messagePreview {text-decoration:none;}
ul li .recentMessages a.messagePreview img.personPhoto {background-color:#333; border:1px solid #555; height:25px; width:25px; padding:2px;}
ul li .recentMessages a.messagePreview span.msg {display:none; color:#DC7DFF; position:absolute; right:0; bottom:-80px; width:350px; height:60px; line-height:20px; background-color:#777; overflow:hidden; z-index:999; border:2px solid #666; padding:5px 10px; font-size: 12px;}
ul li .recentMessages a.messagePreview span.msg q {color:#EEE; height:20px; overflow:hidden; display:block;}

ul.threadedForums li .recentMessages a.messagePreview:hover img.personPhoto {border-bottom:0;}
ul.threadedForums,ul.threadedForumDiscussions,ul.threadedForumMessages {list-style:none; padding:0;}
ul.threadedForumDiscussions li a.profile span,ul li .recentMessages a.messagePreview:hover span.msg {display:block;}
ul li .recentMessages a.messagePreview span.msg span.topic,ul li .recentMessages a.messagePreview span.msg span.datestamp {color:#EEE;}




/* Job Board */

.job_line, .job_line {
	padding: 5px;
	margin: 2px 5px 2px 5px;
	background: #2f2f2f;
	border: 1px solid #777777;
}

.job_line.dark {
	background: #1b1a1a;
}

.job_line.featured { background: #2f2f2f url('/img/d/job_line.jpg') repeat-x top left; }
.job_line.featured.dark { background: #1b1a1a url('/img/d/job_line_dark.jpg') repeat-x top left; }

.job_line_header {
	padding: 5px;
	margin: 2px 5px 2px 5px;
	border: 1px solid #dc7dff;
	background: #7b3f9f  url('/img/d/job_line_header.jpg') repeat-x top left;
}

.job_breaker, .job_more {
	font-size: 0.6em;
	padding: 5px;
}

.job_more {
	float: right;
}

.job_location {
	font-size: 0.9em;
	color: #d5c1dc;
}

.job_position {
	
}

.job_company {
	font-size: 1.1em;
	font-weight: bold;
	color: #e6a9fc;
	float: left;
	width: 400px;
}

.job_contact {
	font-size: 0.9em;
	display: block;
	margin-top: 1em;
}

.job_desc {
	padding: 10px;
	border: 1px solid #777777;
	font-size: 1em;
}



/* FORMS */
.forums form.generic fieldset {
	background: #271333;
	background: -webkit-gradient(linear, left top, left bottom, from(#411F54), to(black));
	background: -moz-linear-gradient(#411F54,black);
	border-color: #999;
	border-width: 1px 0 0;
	padding: 1em .5em;
}
.forums form.generic label {
	clear: both;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 21px;
	text-align: right;
	width: 30%;
	white-space: nowrap;
}
.forums form.generic input {
	background: #333;
	border: 1px solid;
	clear: right;
	color: white;
	font-size: 12px;
	margin: 0 0 .5em 1em;
	padding: .25em;
	width: 60%;
}
.forums form.generic textarea {
	background: #333;
	border: 1px solid;
	color: white;
	font: inherit;
	font-size: 12px;
	height: 10em;
	margin: 0 1em;
	padding: .25em;
	width: 90%;
}
.forums form.generic label.optional {
	color: #AAA;
}
.forums form.generic legend {
	background: #411F54;
	border: 1px solid #dc7dff;
	color: white;
	font-size: 12px;
	padding: .25em;
}
.forums form.generic p.hint, .field.double .tip  {
	margin: 0;
	font-size: 100%;
	color: inherit;
}
.forums form.generic p.hint a {
	color: #DC7DFF;
}
.forums form.generic input.submit {
	background: #AB771F;
	-moz-border-radius: 10em;
	-webkit-border-radius: 10em;
	border-radius: 10em;
	border: none;
	color: white;
	float: right;
	font-size: 12px;
	font-weight: bolder;
	margin: 1em .75em;
	padding: .5em 1em;
	text-shadow: 1px 1px 0 black;
	width: auto;
}
.forums form.generic input.submit:active {
	position: relative;
	left: 1px;
	top: 1px;
}
fieldset.twocol {
	float: left;
	width: 45%;
}

/* NETWORKING SIDEBAR */
.networkingBox {
	padding: 5px 13px 0;
}

.networkingBox h3 {
	text-align: center;
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 5px 0;
}



.phoneGrid {
	width: 100%;
}

.phoneGrid th {
	color: #DC7DFF;
	text-align: center;
	width: 25%;
}

.phoneGrid td {
	width: 25%;
	text-align: center;
	font-size: 14px;
	vertical-align: top;
}

.phoneGrid td span {
	display: block;
	text-align: right;
	width: 115px;
	margin: 0 auto;
}

span.tollFree {
	color: #DC7DFF;
	font-size: 20px;
	font-weight: bolder;
}

span.tollFreeSkinny {
	font-weight: normal;
}

p.tollFree {
	font-size: 16px;
}

a.tollFree {
	font-size: 20px;
	font-weight: bolder;
}

iframe {
	float: right;
	text-align: center;
	clear: right;
	margin-right: 10px;
}

.startDates .date {
	font-size: 100%;
}