﻿#controlWrapper{font: bold Arial, Verdana, sans-serif; color:#000000;}

#bannerBox {width: 715px; min-height:65px; text-align:left; }

#bannerBox .bannerBoxSeperator{background:url(../images/bannerBox_spacer.gif) repeat-x; clear:both; max-height:4px; min-height:4px;}

/*.bannerCampusNav { float:left; width:49%;}*/
.bannerCampusNav { float:left;}
.bannerCampusNav h2{ font-size:14px; padding: 0px 0px 13px 3px;}
.bannerCampusNav ul{ margin:0; padding:0; font:13px Arial, serif; color:#FFFFFF; letter-spacing: .1em; margin-bottom: 3px;}
.bannerCampusNav li{ background-color:#3B3F42; border: solid 1px #000000; border-bottom-style:none; display:inline; list-style-type:none; margin-left: 3px; padding: 0; text-align: center; }

/*li.navFirstItem{border:solid 1px #000000; border-bottom-style:none; list-style-type:none; margin:0px 0px 0px 2px; padding:0; text-align:center;}*/
.bannerCampusNav li a{ text-decoration: none; padding: 2px 7px 3px 7px; }    
.bannerCampusNav li a:link, .bannerCampusNav li a:visited{ color: #FFFFFF; }
.bannerCampusNav li a:hover { background-color:#c78812; color: #000000; }
.bannerCampusNav li a.activeTab{ background-color:#c78812; color: #000000; font-weight: bold; padding-top:5px; }
.pinDown { position:relative; /*top:2px;*/ /*left:-1px;*/ }


/*#BannerQuarterSelect { float: left; margin-top: 31px; padding: 0; width: 51%;}*/
#BannerQuarterSelect { float: right; margin-right: 5px; margin-top: 40px; padding: 0; text-align: center; }
#BannerQuarterSelect div { font-size:12px; }
#BannerQuarterSelect a:link, #BannerQuarterSelect a:visited {color:#0a246a; font-size:14px; text-decoration:none; }
#BannerQuarterSelect .currentQTR { background-image:url(../images/QTRicon.gif); background-repeat:no-repeat; background-position:left 0px; font-weight:bold; padding-left:11px; }

/* This is the box that contains the department list and class list on left side  */
#TabBox{float:left; width:419px;}
#TabBox a:link, #TabBox a:visited{color: #0a246a; text-decoration:none; /*border-bottom:dotted 1px #0a246a;*/}
#TabBox a:hover{color:#0a246a; font-weight:bold; text-decoration:underline; border-bottom:0px;}

#TabBox a.classlist_detaillink:link, #TabBox a.classlist_detaillink:visited
{ border-bottom: dotted 1px #0a246a; }
#TabBox a.classlist_detaillink:hover
{  border-bottom: 0; }


#TabBox #listtable
  { width: 419px; }


#AdBox
{   float: left;
    margin-top:10px;
    /*width: 419px;*/
    width: 295px;
    /*height: 560px;*/
    /*min-height: 560px;*/
    min-height: 800px;
    /*background-color: #FFFFFF;*/
    background-image: url(../images/adBlock_4panex.gif);
    background-repeat: no-repeat;
    /*background-attachment:fixed;*/
    background-position: 2px 105px;/*575px 171px*/
}

#AdBox .academicCalendar{padding:0px 4px; font-size: 12px;}

/*#AdBox a:link, #AdBox a:visited{ color:#0a246a; }*/
/*#AdBox a:hover{color:#0a246a; font-weight:bold;}*/
#AdBox a:link, #AdBox a:visited{ color:#0A246A; }
#AdBox a:hover{color:#0A246A; font-weight:bold;}

.quarterRange{border:solid 1px #744c05; padding:0px 3px 3px 3px;}
.quarterRange legend{color:#251113; font-weight:bold;}

.registrationBox{border:solid 1px #744c05; padding-bottom:2px; width:90%;}

.rStudents, nStudents{display:inline; float:left; width:49%;}
.rStudents div, nStudents div{text-align:center;}

.fifthDayBox, .tenthDayBox{clear:both; font-size:11px; padding:3px 1px 0px 1px;}
/*.regDates{ color: #306754; font-weight:bold;}*/
.regDates{ color: #800000; font-weight:bold;}

/*Custom Tabs CSS*/

/*.titlebar {height: 21px; background-color: #251113; color:#FFFFFF; font-weight:bold; text-align:right;}*/
/*.titlebarHeading span { float:left; padding-top:4px; padding-left:3px; font-weight:bold; letter-spacing:1.5px;} */

.titlebar { height: 24px; color: #3B3F42; font-weight:bold; text-align: right; border-bottom: solid 2px #3D3F42; font-size: 12px; }
.titlebarHeading span { float:left; padding-top:4px; padding-left:3px; font-weight:bold; letter-spacing: .2em;}
.titlebarControl { padding-top:2px; padding-right:2px;}
.titlebarControl select { width:230px; background-color:#bdd4e6; color:#3B3F42; font-weight:bold; font-size:.75em; font-family:Tahoma; border:inset .5px #9c6525; border-right-style:none; padding:1px;}

#divCampusContent{clear:both; font-size: 12px;}/* max-height:440px; overflow-y:scroll;*/

.noClass{color:#0a246a; font-size:16px; margin:5px 0px; text-align:center;}

.ItemTemplate { padding: 2px 0; }

.AlternatingItemTemplate{ background-color: #eeeeee; padding: 2px 0;}


.totalClasses span{font-size:14px; font-weight:bold;}
.ClassCount {font-size:12px; font-style: italic; }
.subClassCount{font-size:11px; float:left; width:49%;}

/* These are the page numbers that appear at top of list */
#PagerHeadingContainer {text-align:right; padding-bottom:1px; width:51%; float:left;}
#PagerFooterContainer {text-align:right; padding-top:2px; width:418px; margin-bottom: 40px;}
#PagerHeadingContainer a{font-size:12px; padding:0px 2px; text-decoration:none;}
#PagerFooterContainer a{font-size:12px; padding:0px 2px; text-decoration:none;}
#PagerHeadingContainer a.pSelected{color:#56ab54; font-weight:bold; text-decoration:underline;} 
#PagerFooterContainer a.pSelected{color:#56ab54; font-weight:bold; text-decoration:underline;}
#PagerHeadingContainer a.pControl{color:#0a246a;}
#PagerFooterContainer a.pControl{color:#0a246a;}
#PagerHeadingContainer a.pControlHidden{display:none;}
#PagerFooterContainer a.pControlHidden{display:none;}       


/*Modal*/
.divmodal#mheading { background-color: #065a82; color:white; padding: 3px 2px 4px 2px; text-align: right; border-bottom: solid 2px #c78812;}
.divmodal#mheading h2 {margin:0; float: left; }
.divmodal#mheading h4 {padding:1px 0px 0px 5px; float: left;}
.divmodal#mheading img {cursor: pointer; padding-right: 2px; padding-top: 3px;}

.divmodal#mbody {clear:both; padding:3px 0px 2px 0px; }

.divmodal#mbody .classDetailContent td {font-size:10px;}
.divmodal#mbody .classDetailSummary td {font-size:11px;}

.modalFooter {padding-bottom: 8px; text-align:center; margin: 10px; padding-top: 3px; border-top: solid 1px #3B3F42;}
.modalFooter a:link {color: #3B3F42; font-size: 11px; font-weight:bold; text-decoration:underline; cursor:pointer; letter-spacing: .2em; text-transform: uppercase;}

.modalBackground { background-color: #999999; filter:alpha(opacity=70); opacity:0.7;}
.modalTarget {display:none;}


/* wrapper table - set to same width as overall modal (modal width has to be set inline - schedules.ascx ) */
#tblInfoWrap
{ width: 500px; }
/* inner tables need to be set 20px less than wrapper table */
#courseinfo, #tblLab, #tblClass, #tblEnrollment, #tblSummary
 { width: 480px; }




/* ROWS FOR THE CLASS LISTINGS VIEW */
 
 /* BASE CASE FOR BOTTOM LINE */
.classList_linebtmCC, .classList_lablinebtmCC, .linebtmCCdetail
{ border-bottom: dotted 1px black;
   padding-bottom: 6px;
   padding-top: 6px;  }

/* ADJUSTMENTS TO BASE CASE */
.classList_lablinebtmCC
{ border-bottom-color: #3B3F42;  }

.classList_linebtmCCdetail
{ border-bottom-color: #9C9C9C;
   padding-bottom: 3px;
   padding-top: 3px;   }


