/*******************************************************************************************
		Tectent
		http://tectent.com/
	
	    sitehome.css - styles unique to the site home page
		
		January 2015
********************************************************************************************/

#slider {
	width: 952px;
	height: 480px;
	margin: 0px;
}
#slider li {
	float:left;
	width:100%;
	height: 292px;
}

#home_rotator {
	height: 480px;
	min-width: 954px;
	border-left: 3px solid #777;
	border-right: 3px solid #777;
	border-bottom: 3px solid #777;
    border-top: 3px solid #777;
	margin: 0;
	background-color:#3366CC;
}

#home_rotator ul.slider li div {
	margin: 0;
	padding: 0;
}

.frame{	
	background-position: top center; 
	background-repeat: no-repeat; 
	display: none;
	top: 0;
	height:100%;
}

.frame1 {
	
	background-repeat: no-repeat;
	background-position: top center;
	height:100%;
}

.frame2 {
	
	background-repeat: no-repeat;
	background-position: top center;
}

.frame3 {
	
	background-repeat: no-repeat;
	background-position: top center;
}

.frame4 {
	
	background-repeat: no-repeat;
	background-position: top center;
}

.frame5 {
	
	background-repeat: no-repeat;
	background-position: top center;
}

#home_rotator p.headline {
	color: #ffffff;
	font-family: TitilliumText22LLight, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	width: 400px;
	padding: 10px 0 10px 20px;
	margin-top: -20px;
	text-shadow: 0px 2px 3px #000;
}

#home_rotator p.headline1 {
	color: #fff;
	font-family: TitilliumText22LLight, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	width: 400px;
	padding: 10px 0 10px 5px;
	margin-top: -30px;
	text-shadow: 0px 2px 3px #000;
}

#home_rotator p {
	font-family: TitilliumText22LLight, Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: 2.2em;
	margin-left: 40px;
	text-shadow: 0px 2px 3px #000;
}

#home_rotator p.more {
	width: 400px;
	position: relative;
	top: 250px;
	left: 20px;
	margin-bottom: -10px;
	padding: 7px;
}
#home_rotator p.more a,
#home_rotator p.more a:visited {
	color: #ff9900;
	text-decoration: none;
}

#home_rotator p.more a:hover,
#home_rotator p.more a:active {
	color: #00ff00;
	text-decoration: underline;
}
#home_rotator p.onemore {
	width: 420px;
	position: relative;
	top: 80px;
	left: 4px;
	margin-bottom: -10px;
	padding: 7px;
}
#home_rotator p.onemore a,
#home_rotator p.onemore a:visited {
	color: #ffffff;
	text-decoration: none;
}

#home_rotator p.onemore a:hover,
#home_rotator p.onemore a:active {
	color: #000090;
	text-decoration: underline;
}
 
.shade {
	background-color: transparent;
	background-color: rgb(131, 113, 252);
	border-radius: 8px 8px 0 0; 					/* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
	-webkit-border-radius: 8px 8px 0 0; 			/* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	-pie-background: rgba(191, 93, 243);
}

.shade2 {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.5);	/* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
	zoom: 1;
	border-radius: 5px 5px 0 0; 					/* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
	-webkit-border-radius: 5px 5px 0 0; 			/* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	-pie-background: rgba(0,0,0,0.5);
}

#home_rotator p.more .shade,
#home_rotator p.more .shade2 {
	padding: 5px;
}


#home_rotator p.credit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #fff;
	text-shadow: none;
	font-weight: normal;
	letter-spacing: normal;
	padding: 5px 10px;
	position: relative;
	width: 280px;
	left: 755px;
	top: 98px;
	left: 891px\9;						/* IE-only fix */
	top: 266px\9;						/* IE-only fix */
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
	transform: rotate(270deg);
	writing-mode: lr-bt ;
	-pie-background: rgba(0,0,0,0.8);
	
	/* IE8 and IE6-7 rotated credit fix below - DO NOT EDIT, DO NOT CHOP NEXT LINE TO MULTIPLE LINES */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17, SizingMethod='auto expand')";
	-ms-transform-origin: 50% 0;
	filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=6.123233995736766e-17,
            M12=1,
            M21=-1,
            M22=6.123233995736766e-17,
            SizingMethod='auto expand'); 
/* end fix */
}



#home_rotator p.credit a,
#home_rotator p.credit a:visited,
#home_rotator p.credit a:hover,
#home_rotator p.credit a:active {
	color: #fff;
	text-decoration: underline;
}

#course_rotator_home {
	min-height: 568px;
	margin-top: 5px;
}

#right_side {
	min-height: 568px;
	margin-left: 25px;
}

#right_side p {
	font-size: 1.2em;
	line-height: 1.6em;
	color:#333;
	width: 286px;
	padding-top: 20px;
	margin-bottom: 0;
}

/*FEATURED STYLES */
#featured {
	background-color: #212121;
	font-weight: 200;
    height: 292px;
    width: 952px;
	float: left;
	clear: both;
}

#featured1 {
	background-color: #900000;
    height: 292px;
    width: 960px;
	float: left;
	clear: both;
}

#featured_img {
	width: 514px;
	height: 310px;
	float: left;
	position: relative;
	margin-right: 25px;
}

#featured_img1 {
	width: 510px;
	height: 292px;
	float: right;
	position: relative;
	margin-right: 10px;
}

#featured_text {
	position: relative;
	float: left;
	width: 400px;
	top: 20px;
}

.feature_hed a {
	font-weight: 200;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #ffc800;
}

.feature_hed1 a {
	color: #FFFFFF;
	font-family: TitilliumText22LLight, Arial, Helvetica, sans-serif;
	font-size: 2em;
	width: 440px;
	padding: 10px 0 10px 10px;
	text-shadow: 0px 2px 3px #000;
	font-weight: 400;
	line-height: 1.3em;
}

#eyebrow {
	text-transform: uppercase;
	font-size: .7em;
	color: #ffc800;
	margin-bottom: 7px;
}
#feature_description {
	font-size: .7em;
	line-height: 1em;
	color: #fff;
}
.watch_button a {
	padding: 10px 20px;
	text-transform: uppercase;
	color: #000;
	font-size: .8em;
	border: 1px solid #ffc800;
	width: 90px;
	text-align: center;
	margin-top: 20px;
	display: block;
	background-color: #ffc800;
}
.watch_button a:hover {
	color: #ffc800;
	background-color: #000;
	border: 1px solid #ffc800;
}

.face_button a {
	color: #fff;
	font-size: 1.5em;
    font-weight: 800;
	width: 240px;
    padding-top:15px;
    padding-bottom:15px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-box-shadow:0 0 5px 1px rgba(53,0,59,0.1);
    -moz-box-shadow:0 0 5px 1px rgba(53,0,59,0.1);
    box-shadow:0 0 5px 1px rgba(53,0,59,0.1);
	text-align: center;
	margin-top: 10px;
	display: block;
	background-color: #0b0ea6;
}
.face_button a:hover {
	color: #fff;
	background-color: #303af1;
}

h3, h4 {
	color: #fff;
	font-weight: 200;
	line-height: 1em;
}
h3 {
	font-size: 1.9em;
}
h4 {
	font-size: .8em;
	border-bottom: 1px dotted #fff;
	margin: 10px 10px 10px 0;
	padding-bottom: 10px;
}
h6 {  
	text-transform: uppercase; 
	font: 400 1.2em Georgia,Times,serif; 
}

/*********************************
Events/Sports
**********************************/
#events_sports {
	width: 260px;
	margin-left: 10px;
	margin-top: 15px;
}
#events_sports h2 { width: 260px;}
#events_sports h2 a { text-decoration: none;}
#events_sports div h3 { width: 20px; padding: 0px 10px 0px 0px; text-align: left; }
#events_sports div p { margin-bottom: 7px; line-height: 14px; color:#333}
#events_sports div { margin-bottom: 5px; margin-top: 5px;}
#events_sports div div.event_list { margin-left: 22px; margin-top: -53px; border-left: 1px solid #ff7f00; padding-left: 10px; }
.event_time { color: #820000; }
.event_month { color: #820000; font-size: 11px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-weight: 400; display: block }
.event_day { font-family: Georgia,'Times New Roman',Times; font-size: 21px; font-weight: 400; color: #565347; margin-top: -5px; display: block; }
.event_title { color: #333333; }
.event_list { padding-bottom: 5px; }
#events, #sports {margin-top: 20px;}
p.more { text-align: right;}

#inset {
	width: 650px;
}

.inset_button {
	float: right;
	margin-top: 20px;
}

#news {
	min-height: 321px;
	max-width: 283px;
	margin: 5px 0;
	padding-right: 22px;
	border-right: 1px solid rgba(53,0,59,0.1);
}

#pop-topics {
	min-height: 215px;
	max-width: 298px;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
	margin: 10px 0;
}

#pop-topics ul {
	margin-top: 12px;
	list-style-type: none;
	margin-left: 0;
}

li.pop-topics {
	padding: 3px 5px 5px 22px;
	text-indent: -1em;
	font-weight: bold;
}

li.pop-topics:before {
	content: '»';
	font-size: 1.3em;
	color: #dc1433;
	margin-right: 5px;
	position: relative;
}

li.pop-topics a,
li.news a:visited {
	color: #1841c8;
	text-decoration: none;
	position: relative;
}

li.pop-topics a:hover,
li.news a:active {
	color: #000090;
	text-decoration: underline;
}


#news ul {
	margin-top: 12px;
	list-style-type: none;
	margin-left: 0;
}

li.news {
	border-bottom: 1px solid #FF6600;
	padding: 9px 11px 11px 22px;
	text-indent: -1em;
	font-weight: bold;
    font-size: 1.2em;
}

li.news:before {
	content: '»';
	font-size: 1.3em;
	color: #dc1433;
	margin-right: 5px;
	position: relative;
}

li.news a,
li.news a:visited {
	color: #1841c8;
	text-decoration: none;
	position: relative;
}

li.news a:hover,
li.news a:active {
	color: #000090;
	text-decoration: underline;
}


#gsupport {
	min-height: 600px;
	max-width: 285px;
	margin: 5px 0 22px 22px;
    padding-right: 22px;
	border-right: 1px solid rgba(53,0,59,0.1);
}

#fblikes {
	min-height: 300px;
	max-width: 260px;
	margin: 10px 10px 22px 22px;
}

#home_ad {
	border-top: thin solid #FF6600;
	padding-top: 10px;
	margin-top: 30px;
    padding-bottom: 10px;
    border-bottom: thin solid #FF6600;
}

/* professor profile styles */

ul.prof { 
	margin: 11px 0 20px 0;
	list-style-type: none;
	float: left;
	border-top: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	padding: 7px 0 7px 0;
	width: 285px;
}

ul.prof li { 
	display: inline;
}

ul.prof li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #090f50;
	color: #FFFFFF;
    font-weight: 600;
	text-decoration: none;
	border-radius: 4px;
	padding: 6px 10px;			/* 2nd value may need to change when instructor names 
								  change in order to take up all vertical space in the row */
	position: relative;
}

ul.prof li a:hover,
ul.prof li a.selected:hover {
	background-color: #900000;
	color: #fff;
	border-radius: 4px;
}

ul.prof li a.selected {
	background-color: #900000;
	color: #fff;
	border-radius: 4px;
}

ul.prof li a.selected:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 6px solid transparent;
	border-top-color: #900000;
	top: 100%;
	left: 50%;
	margin-left: -3px;
}

#pro2,
#pro3 {
	display: none;
}

.profile p img {
	margin: 0 12px 75px 4px;
	float: left;
	border: 1px solid #000;
}

.profile p {
	font-weight: bold;
	font-size: 1.2em;
}

.profile p.quote {
	color: #333;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0;
}

dl {
    float:left;
    margin-top: 0px;
    margin-bottom: 20px;
}

dt {
    clear: left;
	float: left;
    font-weight:bold;
    width: 125px;
    text-align: right;
    padding: 0px 10px 0;
}

dd {
    margin-left: 145px;
}

dd p {
    margin: 0px;
    padding: 0px;    
}

.plansTable {    
    border-collapse: collapse;    
}

.plansTable td {
    padding: 3px 5px 1px 5px;
    border-bottom: 1px dotted #BABABA;
}

.plansTable th {
    padding-bottom: 2px;
    border-bottom: 1px solid black;
    height: 30px;
}

.plansTable .eventName {
    font-weight: bold;    
}

.code { background-color: White; border: Black 1px dotted; padding-left: 3px; line-height: 130%; margin-top: 5px; margin-bottom: 10px; }
.codePre { background-color: White; border: Black 1px dotted; padding-left: 3px; }

.codeIndent1{ margin-left: 30px; }
.codeIndent2{ margin-left: 148px; }
.underline  {  text-decoration: underline;  }

.createNew label {
    width: 5.5em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
    padding-top: 4px;
}

.createNew input[type='text'], .createNew textarea {
    width: 200px;
    margin-top: 5px;
}

.createNew input[type='text'], .createNew textarea {
    font-family: Segoe UI, Tahoma, Helvetica, Arial, Sans-Serif;
}

.createNew input[type='submit'] {
    margin-top: 10px;
    margin-left: 6.3em;
}

.dg_table {
    border-collapse: collapse;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    text-align: left;
    margin-top: 5px;
}

.dg_header {
    background-color: Grey;
    font-weight: bold;
    color: #FFF;
}

.dg_table th, .dg_table td {
    border:1px solid #C0C0C0;
    padding: 5px;
}

.dg_altrow {
    background-color: #EAF2D3;
    color: #000;
}

.dg_header a:active, .dg_header a:hover, .dg_header a:link, .dg_header a:visited {
    color: #FFF;
    text-decoration: none;
}

.error {
    color: red;
}

/*API Reference*/
table.memberdecls {
	border-spacing: 0px;
	padding: 0px;
}

.mdescLeft, .mdescRight,
.memItemLeft, .memItemRight,
.memTemplItemLeft, .memTemplItemRight, .memTemplParams {	
	border: none;
	margin: 4px;
	padding: 1px 0 0 8px;
}

.mdescLeft, .mdescRight {
	padding: 0px 8px 4px 8px;
	color: #555;
}