@charset "UTF-8";
/* Online Schedule */
/**
	sexy-combo 2.1.3 : http://code.google.com/p/sexy-combo/
	
	This is the base structure, a skin css file is also needed
*/

/*wrapper of all elements*/
div.combo {
    position:absolute;
	z-index:10;
	margin:0 330px;
}


/*text input*/
.combo input {
    position: absolute;
}


/*icon*/
.combo div.icon {
    position:absolute;
}


/*list wrapper*/
.combo div.list-wrapper {
    position: absolute;
    overflow: hidden;
    /*we should set height and max-height explicitly*/
    height: 200px; 
    max-height: 200px;
    /*should be always at the top*/
    z-index: 99999;

}

/*"drop-up" list wrapper*/
.combo div.list-wrapper-up {}

/*dropdown list*/
.combo ul {}

/*dropdown list item*/
.combo  li {
    height: 20px;
}

/*active (hovered) list item*/
.combo li.active {}


.combo .visible {
    display: block;
}

.combo .invisible {
    display: none;
}

/*used when emptyText config opt is set. Applied to text input*/
.combo input.empty {}

/**
	sexy-combo 2.1.3 : http://code.google.com/p/sexy-combo/
	
	This is an example custom skin.
*/
div.custom {
	border-top-width: 0px;
	padding: 0px;
	margin: 0px;
	width: 290px;
	white-space: nowrap;
	margin:0 50px;
	position:absolute;
	z-index:10;
}

/*** moved to ReConstruct10/style.css to fix IE padding issues
div.custom input {
	border: 1px solid #ccc;
	padding: 3px 3px 0 3px;
	font-size:1.3em;
	line-height: 23px;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(242, 242, 242, 1)); /* FF3.6 
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255, 255, 255, 1)),color-stop(1, rgba(242, 242, 242, 1))); /* Saf4+, Chrome 
   /* filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 1)', EndColorStr='rgba(242, 242, 242, 1)'); /* IE6,IE7 
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 1)', EndColorStr='rgba(242, 242, 242, 1)')"; /* IE8 
	left: 0px;
	margin: 0px;
	vertical-align: middle;
	width: 250px;
	top: 0px;
}
**/

div.custom div.icon {
	border: 1px solid #ccc;
	background: url(/wp-content/themes/ReConstruct10/schedule/js/css/custom/arrow.gif) no-repeat 0px 0px;
	left: 250px;
	width: 19px;
	cursor: pointer;
	top: 0px;
	height: 23px;
}

div.custom div.list-wrapper {
	border: 1px solid #ccc;
	padding: 0px;
	left: 0px;
	margin: 0px;
	width: 270px;
	bottom: auto;
	top: 24px;
	background-color: #ffffff;
}

div.custom div.list-wrapper-up {
	border: 1px solid #ccc;
	bottom: 24px;
	top: auto;
}

div.custom ul {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
	height: 200px;
	text-align: left;
}

div.custom li {
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 0px;
	font-size:1.3em;
	cursor: pointer;
	padding-top: 4px;
	background-color: #ffffff;
}

div.custom li.active {
	background-color: #68ade7;
}

div.custom input.empty {
	color: gray;
}




/***********************************/
/***********************************/
/************HTML Tags**************/
/***********************************/
/***********************************/

html { background:url(../images/noiseBkg.jpg) repeat;} 
body {
	background: url(/wp-content/themes/ReConstruct10/schedule/img/gradientbkg.jpg) repeat-x;
	font-family:"Museo Sans 500", "helvetica neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #333;
}

h1, h2, h3, h4, h5, h6 { font-family: "Museo Slab 500", "helvetica neue", Helvetica, Arial, sans-serif; font-weight:normal;color:#636363; }
h1 {
	font-size: 2em;
	line-height: 2.5em;	
}
h2 {
	font-size:2em;
	line-height:2em;
	text-align:center;
}
h3 {
	font-size: 1.5em;
	line-height:1.5em;
}

legend {display:none;}
hr {
	display:block;
	width:99%;
	color:#fff;	
	background: none;
	margin: 10px auto;
	border:none;
	border-top:1px solid #ccc;
	
}
#rccOnlineSchedule{
	
}
a{
	color:#0073cf; text-decoration:underline;
}
#container {
	width:1024px;	
	margin: 50px auto 10px;
	padding: 10px;
	background:none;
	overflow:visible;
}
#optionsBar {
	width:100%;
	height: 30px;
	margin-bottom: 5px;	
	position:relative;
}
#schedules, #combo #sexy {
	width:360px;
	text-align:left;
	
	margin:0;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(242, 242, 242, 1)); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255, 255, 255, 1)),color-stop(1, rgba(242, 242, 242, 1))); /* Saf4+, Chrome */
   /* filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 1)', EndColorStr='rgba(242, 242, 242, 1)'); /* IE6,IE7 */
   /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 1)', EndColorStr='rgba(242, 242, 242, 1)')"; /* IE8 */
	border: 1px solid #ccc;
	font-size:2em;
	line-height:2em;
	position:absolute;
	z-index:10;
}
#hiddenSchedules, #hiddenOptions {display:none;}
div.sexy input {width:355px; height: 2em; line-height:2em; font-size:2em;}
div.sexy div.icon {left:180px;}
#schedules li a, #options li a {
	display: block;
	padding-left:5px;
	color:#333;
	text-decoration:none;
}
#schedules li a:hover {
	background: #3a98e7;	
	}
#schedules #current a:hover {
	background: #3a98e7 url(/wp-content/themes/ReConstruct10/schedule/img/triangle.png) right center no-repeat;
}
#current {background: url(/wp-content/themes/ReConstruct10/schedule/js/css/custom/arrow.gif) no-repeat 0px 0px;}
.hidden {display:none;}
#options {
	width: 110px; 
	background: #f2f2f2 url(/wp-content/themes/ReConstruct10/schedule/js/css/custom/arrow.gif) no-repeat right top;
	display:none;
	border: 1px solid #ccc;
	padding-left: 10px;
	font-size:1.3em;
	line-height:24px;
	position:absolute;
	right:100px;
	top:0;
	z-index:10;
}
#options p {margin:5px 0 0;}
#options img {margin-left:20px; top:3px;}
#hiddenOptions {
	width:275px;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(242, 242, 242, 1)); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255, 255, 255, 1)),color-stop(1, rgba(242, 242, 242, 1))); /* Saf4+, Chrome */
      /*      filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 1)', EndColorStr='rgba(242, 242, 242, 1)'); /* IE6,IE7 */
       /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 1)', EndColorStr='rgba(242, 242, 242, 1)')"; /* IE8 */
	border: 1px solid #ccc;
	position:relative;
	left:-166px;
	
	}
#optionsCol1 {
	width: 135px;
	position:relative;
	float:left;
	padding-left:5px;
}
#optionsCol2 {
	width:135px;
	position:relative;
	float:left;
	
}
#hiddenOptions p {font-size:.8em;}
#hiddenOptions label {font-size:.7em;}
#subjectList {
	float: left;
	width: 100px;
	position:relative;
	left:49px; top:10px;
	z-index: 5;	
	overflow:visible;
}
#subjectList span {color:#6e6e6e; font-weight:700; margin-left: 25px;}
#subjectList li {
	line-height:1.5em; display:block; position:relative; z-index:2;
}
#subjectList a {
	padding-left: 25px;
	text-decoration:none; 
	color: #6e6e6e; 
	display:block;
	z-index:5;
	}
#subjectList li:hover {
	background: #fff;
	
	
}
#subjectList a:hover {
	
	width: 255px;
	background:#fff;
	border: 1px solid #ccc;
	border-left: none;	
}
.select, .select a {
	background: #fff;
	border: 1px solid #ccc;
	border-left: none;
	height: 25px;
	line-height:25px; 
	color:#333;	
}
.select a, .selected a:hover{border:none;}

#classContent { 
	background:#fff;
	border: 1px solid #ccc;
	-moz-box-shadow: 0px 0px 2px #ccc; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 2px #ccc; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 2px #ccc; /* Opera 10.5, IE 9.0 */
	width: 850px;
	padding:10px;
	left:50px;
	float:left;
	min-height:1100px;
	position:relative;
	z-index: 3;
	}
.class, .classFull {
	background:#e6e6e6;
	background-image: -moz-linear-gradient(top, rgba(252, 252, 252, 1), rgba(240, 240, 240, 1)); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(252, 252, 252, 1)),color-stop(1, rgba(240, 240, 240, 1))); /* Saf4+, Chrome */
    /*        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(252, 252, 252, 1)', EndColorStr='rgba(240, 240, 240, 1)'); /* IE6,IE7 */
      /*  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(252, 252, 252, 1)', EndColorStr='rgba(240, 240, 240, 1)')"; /* IE8 */
	border: 1px solid #ccc;
	margin: 10px auto 15px;
	padding: 5px;
	width:96%;
	
}

.class  {}
.class li, .classFull li  { padding-bottom:5px;}
.class a {}
.class ul, .classFull ul {position:relative; float:left;}
.classFull {
	color:#ababab;
	}  
.colOne{
	width: 110px;
}
.colTwo{
	width: 170px;
}
.colThree{
	width: 45%;
}
.name {
	font-size: 1.75em;
	line-height:2em;
	position:relative;
	float:left;
	width: 75%;
}
.namePlaceholder {
	width:75%;
	display:block;
	position:relative;
	float:left;
	height: 2em;	
}
.status, .statusFull{
	font-size: 1.75em;
	line-height:2em;
	text-align:right;
	position:relative;
	float:right;
	width: 20%;
}
.statusFull{
	
}
.IV{
	background: #e6e6e6;
}
.IVFull{
	color: #ababab;	
}
.IVFull a{
	color:#68ade7;	
}
.number {
	
}
.days {
	
}
.instructor {
	
}
.session {
	
}
.time {
	
}
.textbook {
	
}
.section {
	
}
.room {
	
}
.syllabus {
	
}
.credits {
	
}
.location {
	
}
.notes { 
}
#backToTop{
	position:fixed;
	right:8px;
	bottom:8px;
	background:#e6e6e6;
	background-image: -moz-linear-gradient(top, rgba(252, 252, 252, 1), rgba(240, 240, 240, 1)); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(252, 252, 252, 1)),color-stop(1, rgba(240, 240, 240, 1))); /* Saf4+, Chrome */
         
		
		-moz-box-shadow: 0px 0px 2px #ccc; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 2px #ccc; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 2px #ccc; /* Opera 10.5, IE 9.0 */
	width: 85px;
	height:20px;
	border:1px solid #aaa;
	text-align:center;
	z-index:99;
}
#backToTop:hover{
	-moz-box-shadow: 0px 0px 2px #0073cf; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 2px #0073cf; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 2px #0073cf; /* Opera 10.5, IE 9.0 */
	border:1px solid #68ade7;
}
#backToTop a, #backToTop a:visited, #backToTop a:hover{
	line-height:20px;
	padding:3px 5px;
	color:#6e6e6e;
	
	text-decoration:none;	
}
#backToTop a:hover {
	
	color:#0073cf;
	
}
#update {
	width: 100%;
	margin:10px auto;
	text-align:center;
	color:#bbb;
	
}
.contactInfo .name {font-size:1em; line-height:1.2em; width:100%;}
#instructions {height:70px;}
#semesterArrow, #subjectArrow{position: relative; border:none; padding:0; margin:0;}
#semesterArrow{height: 75px;}
#subjectArrow{float:right; width: 75px;}
#semesterInstruction {
	font-size: 2em; 
	width: 39%; 
	float:left;
	
}
#subjectInstruction {
	font-size:2em; 
	width: 59%; 
	float:right; 
	position:relative; 
	
	
	}
#semesterCalendar {}
#semesterCalendar h3 {text-align:center; width: 75%; margin:0 auto;}
#semesterCalendar ul, ol {padding-left: 2em; margin-bottom:1.5em; font-size:1em;}
#semesterCalendar ul li,#semesterCalendar ol li {list-style: disc; margin-bottom:.25em;}
#semesterCalendar table {
	width:75%;
	margin:10px auto;
	
}
#semesterCalendar tr {background-color:#DFF1FF;}
#semesterCalendar td, #semesterCalendar th{
    padding:5px;
    border: 1px solid #68ade7;
    color:#666;
    
}
#semesterCalendar th { background-color:#0073cf; color: #fff; text-shadow:1px 1px 1px #004987; border: 1px solid #004987;}
#semesterCalendar tr:nth-child(odd) {
 	background-color:#EFF8FF;
}