/**Tag redefinitions*/

body {
margin:0;
padding:0;
background-image:url(images/v2_images/bg.jpg);
background-repeat:repeat-x;
background-color:#4f312d;
color:#353535;
font-family:Arial,Verdana,Sans-serif;
font-size:9pt;
line-height:140%;
min-width:980px;}

ul {
padding-left:30px;
margin:0}

li {
margin:0;
padding:0}

a img {
border:0}

h1 {
font-size:20px;
margin:0 0 12px 0}

h2 {
font-size:18px;
margin:0 0 12px 0}

p {
margin:0 0 10px 0}

select {
margin-bottom:16px}

form {
display:inline;
margin:0;
padding:0}

a div {
cursor:pointer}

/**Common Classes*/

.noShow {
display:none}

.iconLift {
position:relative;
bottom:2px}

.iconText {
margin-left:5px}

.lightLift, .plainLift {
position:relative;
bottom:3px;}

.helpBox {
background-color:#FFF9ED;
border:2px solid #DDDDDD;
margin-top:20px;
padding:0 5px 5px}

.helpImg {
border:1px solid #DDDDDD}

.helpBox h2 {
font-size:12px;
line-height:normal;
margin:5px 0;
padding:0}

.subTab {
border-right:2px solid #efecdb}

.indent {
margin-left:20px}

.indent2 {
margin-left:25px}

.floatRight {
float:right}

.unavailableClass {
color:#8d8d8d}

.deletedClass {
color:#d57b7b}

#deletedClassesHeading {
font-size:14px;
margin:8px 0 8px 0}

/**Top Bar*/

#topBar {
height:30px;
background-position:0 0;
background-image:url(images/v2_images/topbar.jpg);
background-repeat:repeat-x;
text-align:right;
padding-right:50px}

#topBar p{
margin:0;
padding:0;
color:#DF96A9}

#topBarWelcome {
position:relative;
top:5px;
z-index:9}

#topBar a {
color:#FFFFFF;
text-decoration:none}

#logInStatus, #signupLink {
color:#E0BA50;
border-right:1px solid #999999;
padding-right:10px;
margin-right:10px}

#email, #password {
font-size:9px;
margin:0 0 0 10px;
position:relative;
bottom:1px}

#logInButton {
border:0;
margin:0 0 0 10px;
padding:0;
position:relative;
top:4px}

#actionConfirmation {
background-color:#FFE2E2;
border:1px solid #F77D7D;
width:500px;
height:25px;
z-index:11;
position:absolute;
right:33%;
margin-right:-250px;
top:122px;
overflow:hidden;
text-align:center;
opacity:0;
filter: alpha(opacity=0);
display:none}

#actionConfirmation p {
font-size:10px;
color:#000000;
margin:1px 0 0 0;
line-height:100%}

#actionConfirmation a {
color:#0000FF;
text-decoration:underline;
font-weight:normal}

/**Header and Navigation*/

#header {
height:62px;
padding-left:360px;
overflow:hidden;
position:relative}

#header p{
color:#FFFFFF;
font-size:15px;
font-weight:bold}

#logo {
position:absolute;
z-index:10;
left:0px;
top:0px}

.tab {
width:102px;
text-align:center;
float:left;
margin-right:20px}

.tab .sprite {
position:relative;
top:54px}

.tab p {
position:relative;
bottom:16px}

#tab1 {
top:16px}

/**Popups*/

#over {
z-index:100;
background:url(images/v2_images/shadowlight.gif) repeat;
position:fixed; 
left:0;
top:0;
width:100%; 
height:100%;
margin:0;
filter:alpha(opacity=80);
opacity:0.8;
display:none}

#clearUnder , #labelMakerOver, #messageOver, #quickFilterOver{
z-index:100;
position:fixed; 
left:0;
top:0;
width:100%; 
height:100%;
margin:0;
background:url(images/v2_images/shadowlight.gif) repeat;
filter:alpha(opacity=1);
opacity:0;
display:none}

#labelMakerOver {
z-index:204}

#inline, #messagePopup {
background-color:#efecdb;
border:5px solid #ffffff;
position:fixed;
left:50%;
padding:10px;
top:45px;
width:100px;
margin-left:-50px;
z-index:101;
display:none;
overflow-y:scroll;
max-height:80%}

#messagePopup {
margin-left:-200px;
max-height:60%;
top:100px;
width:400px;
z-index:505}

#inlineCloseButton {
z-index:102;
position:fixed;
left:50%;
margin-left:-12px;
padding-top:3px;
top:26px;
display:none;
width:100px;
background-image:url(images/v2_images/closePopupBg.gif);
background-repeat:no-repeat;
text-align:center;}

#inlineCloseButton a{
text-decoration:none;
color:#ff1e26}

#inlineCloseButton img{
position:relative;
top:3px}

#loadingImage {
left:50%;
margin-left:-27px;
margin-top:-27px;
position:fixed;
top:50%;
z-index:500}

#labelMaker {
background-color:#FFFFFF;
border:1px solid #353535;
display:none;
padding:0 2px 2px 10px;
position:fixed;
z-index:205}

#labelMaker h2 {
font-size:10px;
line-height:normal;
margin:5px 0;
padding:0}

#labelMaker img {
margin:0 5px}

/**Registration*/

.notify {
color:#6694E3}

.registerField {
margin-left:120px}

#registrationError {
background-color:#ffffff;
color:#ff1e26;
border:1px solid #ff1e26;
padding:5px;
margin-bottom:10px;
width:354px}

#registrationError p {
margin:1px}

/**Content Containers*/

#content {
background-color:#efecdb;
border:5px solid #ffffff;
margin:0 19px;
padding:20px 0;
overflow-y:auto;
overflow-x:hidden;
position:relative;
z-index:1}

#unloggedContainer {
width:910px;
margin: 0 auto}

#home {
width:920px;
margin:20px auto 40px auto}

#introImage {
float:left}

#welcome, #about, #contact , #passwordReset, #resetNotification {
margin-left:520px;
border-bottom:1px solid #888888;
padding: 22px 10px 10px 10px}

#reps  {
margin-left:520px;
padding: 22px 10px 10px 10px}

#welcome h1, #landing h1 {
color:#b84b1b}

#about h1, #browse h1 {
color:#126a0d}

#contact h1, #build h1 {
color:#152d7c}

#reps h1, #reps h2, #share h1{
color:#52117f}

#passwordReset h1 {
color:#152d7c}

#signup {
margin-left:520px;
padding: 10px}

#loggedContent {
margin-left:264px;
padding:10px 10px 0 0}

#passwordReset #passwordResetEmail, #passwordReset #passwordReset1, #passwordReset #passwordReset2 {
float:right}

/**Dashboard*/

#dashboard {
width:295px;
background-color:#eeeeee;
border:1px solid #9b9b9b;
border-left:0;
position:absolute;
left:-50px;
top:120px;
padding:40px 30px 10px 0;
z-index:5}

#dashboard a {
text-decoration:none;
color:#626262}

#dashTop {
position:absolute;
top:-1px;
right:-1px}

#dashBottom {
position:absolute;
bottom:-9px;
right:-1px}

.dashCat {
padding:4px 5px 2px 5px;
font-size:13px;
margin:0}

.dashCat:hover {
background-color:#dddddd}

.dashCat .iconLift {
bottom:1px}

.dashItem {
padding:3px 5px 1px 10px;
margin:0}

.dashItem:hover {
background-color:#dddddd}

.dashItem select {
margin:0 0 2px 0}

.dashIcon {
float:right;
margin:5px 5px 0 0}

#possCountArea {
border:dashed #9b9b9b;
border-width:1px 0;
padding-bottom:10px}

#mySchedules, #activeScheduleArea, #recentClasses {
border-bottom:1px dashed #9b9b9b;
padding-bottom:10px}

#dashboardContent {
margin-left:55px}

#showHideDash {
position:absolute;
right:3px;
top:50%;
margin-top:-53px}

#newScheduleNameSpace, #newGroupNameSpace {
display:none;
margin-top:5px;
position:relative;
z-index:199;
width:110px}

.smallTextBox {
font-size:7pt;
line-height:9pt;
margin-left:13px;
width:110px}

#newLabel {
position:absolute;
left:200px;
bottom:2px;
z-index:200;}

/**Logged in Landing Page*/

#customWelcomeMessage {
background-color:#FFF9D7;
border:1px solid #E2C822;
margin:20px 0 10px 0;
padding:5px}

#inbox {
border:1px solid #E2C822}

#inbox h2 {
font-size:14px;
margin:0}

#inbox  p {
margin:0}

#inbox td {
border:1px solid #E2C822;
padding:5px}

#stepsOverview {
margin-bottom:20px}

/**Browse Tab*/

#quickSearch {
position:absolute;
top:0px;
right:0px}

#history {
font-size:14px}

.resultBar {
border-top:1px dotted #999999;
clear:right;
margin:0;
padding-top:2px}

.resultBar p {
margin:0 0 0 5px}

.result {
margin-left:5px}

.resultBar a {
color:#000000;
text-decoration:none}

.resultLink {
font-weight:bold}

.resultOptions {
float:right;
margin-right:5px}

.resultOptions .sprite {
margin-left:3px}

.moreInfoText {
margin:0 0 1px 19px;
width:640px}

.moreInfoBar {
display:none;
padding:5px 0 3px}

.semesterQuickInfoLink {
margin-right:10px}

.warning {
background-color:#FFE2E2;
border:1px solid #F77D7D;
padding:3px}

#popupOptions {
float:right}

#moreInfoTabs {
position:fixed;
left:50%;
top:50px;
margin-left:-315px}

#classInfoTab {
position:absolute;
left:0;
top:0;
z-index:2}

#meetingsTab {
position:absolute;
left:90px;
top:0;
z-index:1}

.moreInfoTitle {
margin-top:30px}

#advSearch {
width:353px}

.advSearchField {
float:right;
margin-right:33px;
width:194px}

.creditField {
margin:0 23px 0 22px;
width:20px}

#labelMaker p {
margin:4px 0 0 0}

#labelMaker .sprite{
margin:0 10px 5px 0}

.labelPlace {
margin-bottom:10px}

.labelHeader {
margin-bottom:4px}

.labelHeader span {
position:relative;
top:2px;
left:3px}

#conflictNotifier h1{
color:#D63675}

#conflictNotifier {
background-image:url(images/v2_images/noticeBox.png);
bottom:10px;
display:none;
height:169px;
opacity:0;
padding:12px 14px;
position:fixed;
right:20px;
width:222px;
z-index:901;}

#conflictResolutionBox {
background-color:#E4E4E4;
border-color:#B5B5B5 #B5B5B5 -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px 0;
bottom:-11px;
left:5%;
padding:5px 10px;
position:fixed;
width:90%;
z-index:900}

#conflictNotifierCloseLink {
text-decoration:none}

.smallDrop {
position:relative;
top:2px}

#schedulingConflict {
color:#FF0000;
font-size:16px;
font-weight:bold}

#deptHint {
background-color:#FFFFFF;
border:1px solid #A7A6AA;
display:none;
left:386px;
position:absolute;
top:162px;
width:196px;
z-index:100}

/**Personal Events*/

#eventName {
margin-left:10px}

.time {
width:17px}

.updown {
border:0;
position:relative;
top:5px}

.checkBoxText {
position:relative;
bottom:2px}

#meetingTimesArea {
border-top:1px dashed #353535;
padding-top:10px}

.meetingTime {
border-bottom:1px dashed #353535;
margin-bottom:10px}

#errorSpace {
color:#ff1e26}

/**SubTabs*/

.subTabs {
background-color:#ffffff;
position:absolute;
top:-60px;
left:50%;

padding:0 6px;
height:40px}

#browseTabs {
margin-left:-165px;}

#buildTabs {
margin-left:-111px;}

#shareTabs {
margin-left:-114px;}

.subTabsBL {
position:absolute;
bottom:-1px;
left:-1px}

.subTabsBR {
position:absolute;
bottom:-1px;
right:-1px}

.subTabs a {
color:#353535;
padding:45px 5px 5px 5px;
text-decoration:none;
font-weight:bold;
position:relative;
top:20px}

/**Help tab*/

#help h1, #help .pink{
color:#831a1f}

#help h2 {
color:#831a1f;
font-size:14px}

#help .contentSection {
border-bottom:1px solid #cccccc;
margin-bottom:10px;
padding-bottom:10px}

#helpTableOfContents {
float:left;
width:150px}

#helpContent {
margin-left:160px}

/**Schedule Generation*/

.time_large {
background-image:url(images/v2_images/time_large.jpg)}

.time_small {
background-image:url(images/v2_images/time_small.jpg)}

.time_filter {
background-image:url(images/v2_images/time_filter.jpg)}

.time_preview {
background-image:url(images/v2_images/time_preview.jpg)}

.time_large, .time_small, .time_preview, .time_filter {
background-repeat:repeat-y;
width:20px}

.large_5 {
background-image:url(images/v2_images/large_5.jpg)}

.large_6 {
background-image:url(images/v2_images/large_6.jpg)}

.large_7 {
background-image:url(images/v2_images/large_7.jpg)}

.small_5 {
background-image:url(images/v2_images/small_5.jpg)}

.small_6 {
background-image:url(images/v2_images/small_6.jpg)}

.small_7 {
background-image:url(images/v2_images/small_7.jpg)}

.preview_5 {
background-image:url(images/v2_images/preview_5.jpg)}

.preview_6 {
background-image:url(images/v2_images/preview_6.jpg)}

.preview_7 {
background-image:url(images/v2_images/preview_7.jpg)}

.filter_5 {
background-image:url(images/v2_images/filter_5.jpg)}

.filter_6 {
background-image:url(images/v2_images/filter_6.jpg)}

.filter_7 {
background-image:url(images/v2_images/filter_7.jpg)}

.small_5, .small_6, .small_7 {
margin-bottom: 8px}

.large_5, .large_6, .large_7, .small_5, .small_6, .small_7, .preview_5, .preview_6, .preview_7, .filter_5, .filter_6, .filter_7 {
padding-top:20px;
background-position:20px 14px;
border:1px solid #dddddd;}

.setSlot {
width:328px}

#binoculars {
left:50%;
margin-left:255px;
position:fixed;
top:114px}

.schedInfoBox {
margin-top:2px}

/**Build-page styles*/

.schedInfo {
font-size:7pt;
margin:0;
padding:0;
line-height:110%}

.possOption {
margin: 0 80px 0 0}

.possOptions {
margin-bottom: 4px}

.inAllSchedules {
opacity:0.5}

#quickFilterMenu {
background-color:#FFFFFF;
border:1px solid #353535;
display:none;
padding:0 2px 2px 10px;
position:fixed;
width:175px;
z-index:250}

#quickFilterMenu h2 {
font-size:10px;
line-height:normal;
margin:5px 0;
padding:0}

.inactive {
color:#BCBCBC}

#quickFilterMenu p {
font-size:7pt;
line-height:7pt;
margin-bottom:6px;}

.ignoreTextLink {
margin:0 10px}

.filterColor {
position:relative;
top:2px}

.missingClassTable {
border:1px solid #C3C3C3;
font-size:11px;
margin-bottom:7px;
width:479px;
background-color:#ffffff}

.missingClassTable td {
border-top:1px solid #C3C3C3;
height:18px;
padding:0 0 1px 4px}

.missingClassTable p {
margin-bottom:0}

#shareLink {
width:80%;}

#filterList .sprite-expand, #filterList .sprite-contract {
position:relative;
top:5px}

.filterColor {
margin:0 3px 0 3px}

#filterList table {
margin-bottom:8px}

/**Footer*/

#footer {
margin:0 60px}

#footer p {
color:#999999;
font-size:9px;
margin:0;
padding-top:6px}

#footer a {
margin-left:10px;
text-decoration:none;
color:#ffffff}

.shell1 {
width:175px}

.shell2 {
width:200px;
margin-bottom:10px}

.dh_new_media span {
background:transparent url(images/v2_images/new_media_button_plus.gif) no-repeat scroll left center;
color:#333333;
display:block;
font-size:11px;
font-weight:bold;
margin-left:9px;
padding:2px 9px 2px 13px;
text-shadow:0 1px 1px white}

.dh_new_media {
color:#777777;
text-decoration:none;
}
.dh_new_media .tl {
background:transparent url(images/v2_images/new_media_button.gif) no-repeat scroll left top;
}
.dh_new_media .tr {
background:transparent url(images/v2_images/new_media_button.gif) no-repeat scroll right top;
}
.dh_new_media .bl {
background:transparent url(images/v2_images/new_media_button.gif) no-repeat scroll left bottom;
}
.dh_new_media .br {
background:transparent url(images/v2_images/new_media_button.gif) no-repeat scroll right bottom;
}