/*======= CALENDAR - TABLE STYLES  ========*/

.months{
padding:8px 0px;
width:720px;
height:30px;
}


.months ul{
list-style:none;
margin:0px;
background-color:#ccc;
padding:10px 0px 20px 0px;
margin:0px 0px 0px 8px;
}


.months #ul_months{
margin-left:0px;
}


.months #ul_months li{
display:block;
font-size:11px;
padding:3px 18px 0px  0px;
display:block;
text-align:center;
width:41px;
float:left;
height:20px;
margin:-4px 0px 0px 0px;
_width:55px;
}

.months  #ul_months li a{
text-transform:uppercase;
text-decoration:none;
font-size:11px;
}

.months  #ul_months li a:hover{
text-decoration:none;
color:#A10A04;
}

.months  #ul_months li.selected{
background:url(/global/images/template/pres.gif) no-repeat;
}


.months  #ul_months li.fut{
/* background:url(/global/images/template/fut.gif) no-repeat; */
}

.months  #ul_months li.selected a, .months  #ul_months li.selected a:hover{
color:#FFF;
}



#content .week-days ul{
list-style:none;
background:#535353;
width:718px;
text-align:center;
height:16px;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
font-size:11px;
_padding:0px 0px 0px 0px;
}

.week-days ul li,  .week-days ul li a{
display:block;
float:left;
width:92px;
_width:100px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
_padding:0px;
}


.month-days{
width:718px;
background:#fff;
text-align:center;
padding:5px 0px 0px 0px;
border-bottom:5px solid #535353;
}

.events{
width:90px;
_width:100px;
margin:0px 1px;
padding:0px 5px;
float:left;
text-align:left;
color:#999999;
font-size:10px;
line-height:1.6em;
}

.events h3{
padding-bottom:7px;
}

#calendar_table .events h3 a{
color:#535353;
font-size:11px;
text-decoration:none;
}

#calendar_table .events h3 a:hover{
text-decoration:none;
color:#A10A04;

}


#calendar_table .events a{
color:#A10A04;
line-height:1.1em;
margin-bottom:6px;
}



.seven-wrapper{
min-height:120px;
_height:120px;
margin:3px 0px 0px 0px;
border-bottom:1px dotted #ccc;
background:url(/global/images/template/bg_seven_wrapper_dashed.gif) repeat-y;
}


a.calendar_nex{
height:22px;
width:22px;
font-size:0em;
margin: -5px 0px 0px 2px;
color:#FFF;
text-indent:-999em;
background:url(/global/images/template/btn_white_arrow_fw.gif) no-repeat;
}

a.calendar_nex:hover{
background:url(/global/images/template/btn_white_arrow_fw_hover.gif) no-repeat;
font-size:0em;
color:#FFF;
text-indent:-999em;
}

a.calendar_prev{
height:22px;
margin: -5px 0px 0px 10px;
width:22px;
color:#FFF;
font-size:0em;
text-indent:-999em;
background:url(/global/images/template/btn_white_arrow_bc.gif) no-repeat;
}

a.calendar_prev:hover{
font-size:0em;
text-indent:-999em;
color:#FFF;
background:url(/global/images/template/btn_white_arrow_bc_hover.gif) no-repeat;
}


#calendar_table h2{
color:#eee;
margin-top:0px;
background-color:#fff;
height:22px;
_height:29px;
color:#A10A04;
padding:5px 0px 0px 0px;
border:1px solid #ccc;
} 

#calendar_table h2 span{
width:300px;
display:block;
margin-left:200px;
_margin-left:100px;
}

#calendar_table a.prev{
left:5px;
/* position:absolute;  */
}

#calendar_table a.next{
right:10px;

/* position:absolute; */
}

#calendar_table a.next, #calendar_table a.prev{
margin-top:-1px;
}


/* ======================= Calendar  Listing =======================*/

.calendar_list_wrapper{
width:390px;
}

.calendar_list_wrapper h2{
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
color:#A10A04;
}


.nextPrev{
  padding:0px;
  margin:0px;
}
.nextPrev a{
  display: block;
  background-color: #eee;
  width: 46px;
        height:20px;
        padding:3px 0px;
  margin:0px;      
        text-decoration:none;
        text-indent:-999em;
}

.nextPrev a:hover{
  display: block;
        width: 46px;
}

.nextPrev a.prev{
        background:url(/global/images/template/btn_prev.gif) no-repeat;
}

.nextPrev a.prev:hover{
        background:url(/global/images/template/btn_prev_h.gif) no-repeat;
}

.nextPrev a.next{
        background:url(/global/images/template/btn_next.gif) no-repeat;
}

.nextPrev a.next:hover{
        background:url(/global/images/template/btn_next_h.gif) no-repeat;
}


.eventsSearch{
        /*
  display: block;
  padding: 8px;
  background-color:#fff;
  margin: 15px 0px 15px 10px;
         border:1px solid #ccc;
         width:280px;
        */
         border:1px solid #ccc;
         padding:10px;
         width:270px;
}

.formBox{
  display: block;
  padding: 10px 5px 0px 0px;
  text-align: right;
  vertical-align: middle;
  line-height: 25px;
         width:275px;
        
}
.imgButtons, .imgButtons img{
  text-align: center;
  padding: 5px
}
.category{
        margin:15px 0px 10px 10px;
        clear:both;
        width:290px;
}

.categoryColumn{
  width: 140px;
  padding-left: 5px; 
         float:left;     
}

.calendarFormWrapper{
  width:314px;
  padding-bottom:15px;
         float:right;
}

/* little calendar pop-up */
.calendar{
z-index:100;
}


/*===========  Alumni Search Form ================= */
#alumniWrap{

}

#alumniWrap label{
width:auto;
display:block;
float:left;
padding-top:3px;
}


#alumniWrap label, #alumniWrap input{
margin:6px 2px;
}


#alumniWrap a.btn_65{
margin:0 auto;
_margin:-10px 0px 0px 247px;
}


/* ======== Search Staff & Faculty ====== */

#staffWrap{
}

#staffWrap p{
border:1px solid #ccc;
color:#A10A04;
padding:2px;
font-weight:bold;
text-align:center;
}

#staffWrap label{
display:block;
float:left;
width:140px;
margin:5px 0px; 
}

#staffWrap input, #staffWrap select{
margin:5px 0px; 
}


#staffWrap a.btn_65{
margin:10px 0px 5px 140px;
}




/* ======== REQUEST INFO FORM   ========= */
.request_info{
width:720px;
margin-top:20px;
}

.request_info label, .request_info span, .request_info select, .request_info input{
float:left;
margin:12px 4px;
}


.request_info span{
margin:10px 0px;
}

.request_info select, .request_info input{
margin-right:5px;

}

.request_info textarea{
border:1px solid #7F9DB9;
width:696px;
}



.personal_info{
border-right:1px dashed #ccc;
}


.personal_info label{
width:80px;
}


.mailing label{
width:60px;
}

.top_wrapper{
min-height:440px;
_height:440px;
margin:0px 0px 20px 0px;
padding:8px 0px;
}


.personal_info , .mailing{
float:left;

}

.mailing{
padding-left:7px;
}



.request_info p {
padding:3px;
color: #A10A04;
font-weight:bold;
padding-left:4px;
text-align:center;
margin:0px 0px 0px 0px;
height:18px;
}

.personal_info p , .mailing p{
margin-bottom:0px;
margin-right:10px;
}



#content #submit_info{
background:url(/global/images/template/btn_160.gif) no-repeat;
width:160px;
height:28px;
display:block;
color:#fff;
text-decoration:none;
font-weight:bold;
padding-top:5px;
text-align:center;
margin-top:13px;
margin-left:250px;
}

#content #submit_info:hover{
background:url(/global/images/template/btn_160_h.gif) no-repeat;
text-decoration:none;
}



/*===================== Athletic / Roster / Schedule and Results */

.athletic_header{
background:url(/global/images/template/Athletics-1.jpg);
width:570px;
height:256px;
padding: 10px 0px 0px 10px;
background-position: bottom right;
margin-bottom: 20px;
}

.athletic_header p{
width:360px;
}


/*============ Striped Tables================= */

.stripedTables .directory h2{
border:0px;
width:auto;
padding:3px 0px;
margin:-3px -10px -2px -10px;
text-align:center;
}


.stripedTables table,
.stripedTables td,
.stripedTables th{
  border: none;
        font-size: 11px;
}  
.stripedTables td{
  padding: 5px 10px;
}
.twoColsNoLeft .mainCol h2{
  width: auto;
}
.stripedTables table{
  background: #eee;
  width: 100%;
  border: solid 1px #ccc;
  margin-bottom: 10px;
}
.stripedTables .evenRow td{
  background: #fff;
  margin: 0;
}
.stripedTables th{
        border-bottom:1px solid #ddd;
  font-weight: bold;
  color: #fff;
  padding: 5px 10px;
  text-align: left;
       background-color:#535353;
}

#content .stripedTables th a{
color:#fff;
}


/* TEAM ROSTER */

.teamRoster a{
cursor: pointer; cursor: hand; 
}



/*============  PLAYER BIO POP-UP ===============*/

div#content span.playerBio{
float: left;
position: absolute; 
background: #fff; 
border: solid 1px #ccc; 
width: 300px; 
z-index:1000;
padding: 5px 10px;
}

.playerBio h4{
color:#A10A04;
margin-top:0px;
}

.playerBio dl{
}


.playerBio dd,
.playerBio dt hr,
.playerBio h3{
margin-left: 0;
}


.playerBio dt img{
margin-right: 10px;
margin-bottom: 3px;
float: left;
}

.playerBio span{
font-weight: bold;
}

.playerBio dd{
padding: 0;
margin-bottom: 10px;
}


/*========== ATHLETIC --- Request Info ================ */
.athletic_form{
width:720px;
}

.athletic_form label, .athletic_form span, .athletic_form select, .athletic_form input{
float:left;
margin:12px 4px;
}


.athletic_form span{
margin:10px 0px;
}

.athletic_form select, .athletic_form input{
margin-right:5px;

}

.athletic_form textarea{
border:1px solid #7F9DB9;
width:696px;
}



.personal_info{
}


.personal_info label{
width:84px;
}



.general label{
width:152px;
}

.top_wrapper{
min-height:440px;
_height:440px;
margin:0px 0px 20px 0px;
}


.personal_info {
width:340px;
float:left;
}

.general{
padding-left:10px;
width:340px;
float:left;
}


.athletic_form p {
padding:2px;
color:#A10A04;
font-weight:bold;
padding-left:4px;
text-align:center;
margin-bottom:0px;
}


.personal_info p , .general p{
margin-bottom:0px;
margin-right:10px;
}

/*================== SITE FEATURES =================== */
#right_side .siteFeatures ul{
border: dashed 1px #eee;
background-color:#ddd;
}

#right_side .siteFeatures ul,.siteFeatures li{
  margin: 0 0 2px 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
         width:136px;
        _width:134px;
}

#right_side .siteFeatures li{

}
#right_side .siteFeatures a, #right_side .siteFeatures a:visited{
  margin: 0;
  color: #A10A04;
  display: block;
  height: 22px;
  text-decoration: none;
  vertical-align: middle;
        font-weight:bold;        

}
#right_side .siteFeatures a:hover{
  text-decoration: none;
        color:#333

}

#right_side .siteFeatures li img{
  padding-right: 4px;
  vertical-align: middle;
}


/* ==================== Search Results ================= */

.searchResults{
border:1px solid #CCCCCC;
background-color:#fff;
}

.searchResults, .searchResults td{
color: #A10A04;
font-weight: normal;
height:25px;
font-size:12px;
padding:2px 2px 0px 2px;
background-color:#fff;
}



/* ==================== Email From ================== */

#emailWrap{

}

#emailWrap label{
display:block;
width:150px;
float:left;
}


#emailWrap input, #emailWrap textarea{
width:220px;
}


/* =================== Send to Friend ====================  */


#wide_content_container #sendarticletofriend, #related_links #sendarticletofriend{
position:absolute;
z-index:4000;
padding:10px 10px;
color:#333;
width:420px;
background:url(/global/images/template/bg_form_shadow.gif) repeat-x #fff;
background-position:bottom;
border:1px solid #515151;
}


#related_links #sendarticletofriend{
left:-140px;
top:25px;
}

#wide_content_container #sendarticletofriend td, #sendarticletofriend #closeWin, #related_links #sendarticletofriend td, #related_links #sendarticletofriend #closeWin{
font-size:11px;
font-family: Verdana, Arial, sans-serif; 
}


#wide_content_container #sendarticletofriend #message, #related_links #sendarticletofriend #message{
width:210px;
height:65px;
}

#sendarticletofriend td, #related_links #sendarticletofriend td{
padding:5px;
}

#sendarticletofriend #send_to_friend_submit, #sendarticletofriend #closeWin, #related_links #sendarticletofriend #send_to_friend_submit, #related_links #sendarticletofriend #closeWin{
border:0px;
background:url(/global/images/template/btn_65.gif) no-repeat;
color:#fff;
width:65px;
font-weight:bold;
font-size:11px;
display:block;
text-align:center;
}



#sendarticletofriend #send_to_friend_submit, #related_links #sendarticletofriend #send_to_friend_submit{
cursor:hand;
cursor:pointer;
height:28px;
}


#sendarticletofriend #closeWin, #related_links #sendarticletofriend #closeWin{
display:block;
width:65px;
height:28px;
padding-top:8px;
margin-bottom:-8px;
_margin-bottom:-2px;
}


#sendarticletofriend #closeWin:hover, #related_links #sendarticletofriend #closeWin:hover{
background:url(/global/images/template/btn_65.gif) no-repeat;
}


/* =================== APPLY TO MSOE (faculty & staff ======== */

#applyWrap label{
display:block;
width:120px;
float:left;
}

#applyWrap input{
width:180px;
}

#applyWrap textarea{
width:350px;
}






/* ======================= Sitemap =======================*/

#content .siteMap{
  margin-left: 30px;
  line-height: 24px;
}
#content  .siteMap a, .siteMap a:visited{
  text-decoration: none;
}

#content .siteMap a:hover{
  text-decoration: underline;
}

.siteMap ul, .siteMap ul li{
  list-style-image: none;
  list-style: none;
  margin-left: 0;
  padding: 0;
}
.siteMap ul li{
  padding-left: 5px;
  font-weight: bold;
}
.siteMap ul li ul li{
  padding-left: 10px;
  margin-left: 40px;
  font-weight: normal;
  list-style-image: url(/global/images/template/bulletSM.gif);
}
.siteMap ul li ul li ul li{
  padding-left: 10px;
  font-weight: normal;
        margin-left: 50px;

}

#content .siteMap ul li{
font-size:13px;
}

#content .siteMap ul li ul li{
font-size:11px;
}


/* ========== Profile ================== */

.profile{
margin-right:10px;
margin-top:0px;
padding:0px 0px 0px 0px;
}


#feature_area .profile{
margin-right:-5px;
padding:0px 0px 0px 0px;
_width:125px;
}

.profile span, #feature_area .profile span{
color:#555;
display:block;
margin:7px 0px;
}

#feature_area .profile span{
color: #ccc;
}

.profile h3, #feature_area .profile h3{
color:#A10A04;
margin-bottom:3px;
}

#feature_area .profile h3{
color:#eee;
font-size:13px;
}

.profile a{
margin:5px -1px;
display:block;
}

.profile img, #feature_area .profile img{
border:1px solid #555;
margin-top:0px;
}



/* ========== Form Error Messages ==================== */
#errorMessages ul{
color:#A10A04;
list-style-type:square;
margin:0px 0px 10px 14px;
_margin:0px 0px -8px 14px;
}



/* ============ Photo Gallery ==============  */

.photoGallery{
padding:0px 0px 0px 0px;
clear:both;
}

.photoGalleryImage, .photoGalleryIndex{
float:left;
width:110px;
text-align:center;
padding:0px 5px 25px 0px;
}

#content .photoGalleryImage h2, #content .photoGalleryIndex h2{
/*
font-size:10px;
font-weight:normal;
color:#A10A04;
min-height:45px;
_height:45px;
border:0px;
*/
display:none;
}



/* ============ MSOE Form Styles ================ */
/* ============ by: Cory Larson  ================ */

form.msoe-form label {
  float:left;
  width:120px;
  display:block;
  clear:both;
  margin:7px 0px 0px 0px;
}

form.msoe-form input, form.msoe-form select, form.msoe-form textarea {
  margin:4px 3px 0;
}

form.float-spans span {
  margin-top: 4px; /* needs to match the margin-top of the input elements */
  float: left;
  line-height: 2.0em; /* space them apart vertically a bit */
}

form.float-spans span input, form.float-spans span select,
form.msoe-form label input {
  margin: -1px 3px; /* readjust the margins because they don't inherit properties correctly */
}

.form-no-labels input {
  position: relative;
  /* top: 4px; */ /* must match input margin-top in msoe_section.css */
}



.videoGalleryItem{
 font-size:11px;
 position:relative;
 border:1px solid #999;
 background-color:#eee;
 padding:5px;
 width:320px;
 float:left;
 margin:10px 30px 20px 0px;
}


.videoGalleryItem a img{
 float:left;
 border:1px solid #ccc;
 margin-right:10px;
}


.videoGalleryItemTitle{
display:block;
margin:0px 0px 5px 0px;
}

#content .videoGalleryItemTitle a{
color:#A10A04;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

#content .videoGalleryItemTitle a:hover{
color:#333;
}

.videoGalleryItemDesc{

}

.floatingPlayer{
display:none;
position:absolute;
z-index:5000;
border:1px solid #999;
padding:5px;
background-color:#eee;
top:-1px;
left:-1px;
}



#content .floatingPlayer a{
color:#A10A04;
text-decoration:none;
font-size:13px;
text-align:center;
display:block;
margin:7px auto 0px auto;
font-weight:bold;
}

#content .floatingPlayer a:hover{
color:#333;
}