/*---------------------------------------------------------------- 
  Copyright: 
  Copyright (C) 2009 Oklahoma State University
  http://okstate.edu

  Author: 
  Lex Meyer - lex.meyer@okstate.edu
---------------------------------------------------------------- */


/* Template structure
***************************************************************************** */

/*
body 
  wrapper 
    header 
      logo
      branding
      search
    menubar  
      topnav
    main
      container
        sidebar1
        content
        sidebar2
    bottom
      footer
      copyright
*/

/* GLOBAL RESET
***************************************************************************** */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-family:Arial, Helvetica, Tahoma;
}

/* Template
***************************************************************************** */

body {
  color:#000;
  font-family:Arial, Helvetica, Tahoma;
  font-size: 12px;
  color: #444;
  margin:0;
  padding:0px;
  text-align:center;
}

.bodybg {
  background: #444444 url(../images/bg_secondary.jpg) top repeat-x;
}

#wrapper {margin:0 auto; width:900px; padding:0px; position:relative; text-align:left;}


/* Headings
***************************************************************************** */
h1,h2,h3,h4,h5,h6 {
  font-family: Arial, Helvetica, Tahoma;
  font-weight: bold;
  text-align:left;
}
  
h1 { 
color: #ff6600; 
font-size: 14px; 
margin-bottom:5px;
padding:0px;
border-bottom:1px solid #ff6600;
}

h2 { 
color: #ff6600; 
font-size: 16px; 
margin-bottom:9px; 
text-transform: uppercase; 
}

h3 { 
color: #999999; 
font-size: 12px; 
font-weight: bold; 
line-height: 14px; 
text-transform: uppercase; 
border-bottom: 1px solid #999999;
}

h4 { 
color: #999999; 
font-size: 13px; 
border-bottom: 1px solid #999999; 
margin-bottom:9px; 
text-transform: uppercase; 
font-weight:bold; 
}

h5 {
  margin-top:10px;
  border-bottom:1px solid #999999;
  color:#999999;
}


/* General elements
***************************************************************************** */

p {text-align:left;}

hr {}

b, strong {font-weight:bold;}


/* Links
***************************************************************************** */

a {  text-decoration: none; }
  a:link    { color: #ff6600; }
  a:hover   { color: #ff9900; }
  a:active  { color: #ff6600; }
  a:visited { color: #ff9900; }

a img {  border: none;}

#search {color: #ffffff; font-size: 10px;}

#search a {color: #ffffff; font-size: 10px;}

#search a:hover {color: #ff9900;}


/* List Styles 
***************************************************************************** */

ul, ol {}

ul {list-style-type: square; margin:5px; text-align:left;}

ol { list-style-type: decimal}

ul li {margin-left:10px;}



/* header
***************************************************************************** */

.printHeader {display: none;}

.header {height:68px; width:900px; margin:0px; padding:0px; position:relative; z-index:998;}

.logo {position:absolute; top:23px; left:-25px; z-index:999;}

#branding {margin:0px; padding-left:167px; float:left;}

#branding h1 {margin-top:15px; font-size:30px; color:#ffffff; font-weight:bold; border:0px;}

#search {float:right; margin-top:10px;}

#search-text {margin-top:30px; text-align:center;}

#cse-search-box {margin:0; padding:0; position:absolute; top:5; right:0;}


/* menubar
***************************************************************************** */

#dropList { height:40px; width:900px; background:#444444 url(../images/topnav.jpg) repeat-x left top; position:relative; font-family:arial, verdana, sans-serif; font-size:11px; z-index:500; border:0px;} 

#dropList ul#menu { margin:0; padding:0px; list-style:none; /*white-space:nowrap;*/ } 


/* ****** menu topnav ****** */

#dropList ul#menu li.topnav-li { float:left; width:122px; height:40px; padding:0px; margin:0px; text-align:center; background: url(../images/topnav1.png) no-repeat top right;} 

#dropList ul#menu li.topnav-li a.topnav-a { display:block; width:122px; height:40px; float:left; padding:0px; text-decoration:none; line-height:40px; white-space:nowrap; font-weight:bold; color:#ffffff; } 

#dropList ul#menu li.sub a.topnav-a {color:#ffffff;} 

#dropList ul#menu li.topnav-li:hover, #dropList ul#menu li.topnav-li a.topnav-a:hover {position:relative;} 

#dropList ul#menu li.topnav-li a.topnav-a:hover, #dropList ul#menu li.topnav-li:hover a.topnav-a { border:0px; color:#ffffff; background:url(../images/topnav2.png) no-repeat top right;} 

#dropList ul#menu li.sub a.topnav-a:hover { height:40px; color:#ffffff; background:url(../images/topnav2.png) no-repeat top right; }  

#dropList ul#menu li.sub:hover > a.topnav-a { height:40px; color:#ffffff; background:url(../images/topnav2.png) no-repeat top right;} 

#logospacer {width:158px; height:40px; display:block; background: url(../images/topnav.jpg) top right no-repeat; float:left; }

* html #logospacer {width:148px;}


/* ****** menu applynow ****** */

#dropList ul#menu li.applynow-li { float:left; width:122px; height:40px; padding:0px; margin:0px; text-align:center; background: url(../images/orange1.png) no-repeat top right;} 

#dropList ul#menu li.applynow-li a.applynow-a { display:block; width:122px; height:40px; float:left; padding:0px; text-decoration:none; line-height:40px; white-space:nowrap; font-weight:bold; color:#ffffff; } 

#dropList ul#menu li.sub a.applynow-a {color:#ffffff;} 

#dropList ul#menu li.applynow-li:hover, #dropList ul#menu li.applynow-li a.applynow-a:hover {position:relative;} 

#dropList ul#menu li.applynow-li a.applynow-a:hover, #dropList ul#menu li.applynow-li:hover a.applynow-a { border:0px; color:#ffffff; background:url(../images/orange2.png) no-repeat top right;} 

#dropList ul#menu li.sub a.applynow-a:hover { height:40px; color:#ffffff; background:url(../images/orange2.png) no-repeat top right; }  

#dropList ul#menu li.sub:hover > a.applynow-a { height:40px; color:#ffffff; background:url(../images/orange2.png) no-repeat top right;} 


/* ****** menu dropList ****** */

#dropList ul#menu li div.listHolder { position:absolute; left:-9999px; top:40px; background:#4d4d4d url(../images/dropfade.png) repeat-x top; border:1px solid #000; border-width:0 1px 1px 1px; padding:0; 

    -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  
    -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  
    -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  
    -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
} 

/* IE6 only */  #dropList table { border-collapse:collapse; margin:-1px -10px; font-size:1em; width:0; height:0; } 

#dropList ul#menu :hover div.listHolder {left:0;} 

#dropList ul#menu a:hover div.listHolder {left:-1px;} 

#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {left:-141px;} 

#dropList ul#menu div.col4 {width:732px;}

#dropList ul#menu div.listHolder div.listCol {display:block; float:left; padding:5px; margin:0; width:173px;} 

/* #dropList ul#menu div.listHolder div.listCol h5 {padding:0px; margin:0; font-size:11px; line-height:14px;} */

#dropList ul#menu div.listHolder div.listCol ul {padding:0; margin:0; list-style:none;} 

#dropList ul#menu div.listHolder div.listCol ul li {line-height:15px; padding:0; margin:0;} 

#dropList ul#menu div.listHolder div.listCol ul li a {color:#ffffff; text-decoration:none; padding-left:0px; font-weight:normal; } 

#dropList ul#menu div.listHolder div.listCol ul li a:hover {text-decoration:underline; color:#ff6600;} 


/* ****** menu adjustments ****** */

#academics {}
#studentlife {margin-left:-122px;}
#facultystaff {margin-left:-244px;}
#aboutosu {margin-left:-366px;}
#futurestudents {margin-left:-488px;}


/* ****** menu bottomLine ****** */

#dropList ul#menu div.listHolder div.bottomLine {clear:left; background: url(../images/dropfoot.png) no-repeat right bottom; height:25px; width:730px;} 



/* main
***************************************************************************** */

#container  {width: 900px;  padding:0px; margin:0px; border-left: 1px solid #000000; border-right: 1px solid #000000; background:#fff; position:relative; background: url(../images/container-bg.jpg) top right no-repeat #FFF; clear:both;}
#container-nobg  {width: 900px;  padding:0px; margin:0px; border-left: 1px solid #000000; border-right: 1px solid #000000; background:#fff; position:relative; background: #FFF; clear:both;}

#content {
  width: 480px; 
  padding: 0px; 
  margin: 15px 5px 15px 5px;
  float:left; 
  position:relative;   
  min-height:500px;
  height:auto !important;
  height:500px;
}

#content-wide {
  width: 600px;
  padding:0px; 
  margin: 15px 5px 15px 5px; 
  float:left; 
  position:relative;   
  min-height:500px;
  height:auto !important;
  height:500px;
}


#banner  {padding:0px; margin:25px 5px 15px 5px; border:0; position:relative; text-align:left;}

#info  {padding:0px; margin:5px;  position:relative; clear:both;}

#info-footer {padding:0px; margin:5px;  position:relative; clear:both; text-align:center;}


.users {padding:0px; margin-top:5px; margin-bottom:10px; position:relative; display:block; width:100%; clear:both; font-size:11px; text-align:center;}

#user1 {display:block; float:left; padding:5px; position:relative; width:210px; margin-bottom:10px; font-size:11px; text-align:center;}

#user2 {display:block; float:left; padding:5px; position:relative; width:210px; margin-bottom:10px; font-size:11px; text-align:center;}

#user3 {display:block; float:left; padding:5px; position:relative; width:210px; margin-bottom:10px; font-size:11px; text-align:center;}

#user4 {display:block; float:left; padding:5px; position:relative; width:210px; margin-bottom:10px; font-size:11px; text-align:center;}


.componentheading {display:none;}

.contentheading {font-weight:bold; text-transform:uppercase; font-size:11px;}

#contact {padding:10px; color:#999999; font-size:11px;}





/* sidebar nav
***************************************************************************** */
#sidebar1  {width: 180px; padding:0px; margin:55px 5px 5px 5px;  float:left;}

#sidebar1 ul {margin-bottom:15px;}

#sidebar1 li {list-style:none; text-align:left; padding:0px;}

#sidebar1 li a, #sidebar1 .separator {text-decoration:none; padding:5px; color:#000000; font-weight:bold; display:block; background: url(../images/sidebar1.jpg) top center repeat-y #FFF; border-bottom: 1px solid #fefefe;}

#sidebar1 li a:hover {color:#ff6600;}



/* sidebar sub-nav
***************************************************************************** */


  #sidebar1 li ul { /* second-level lists */
    position : absolute;
    left: -999em;
    width: 160px;
    margin-left : 140px;
    margin-top : -26px;
    z-index:999;
    border: 1px solid #ddd;
    background: #fff;
  }
  
  #sidebar1 li ul ul { /* third-and-above-level lists */
    left: -999em;
  }
  
  #sidebar1 li:hover ul ul, #sidebar1 li:hover ul ul ul, #sidebar1 li.sfhover ul ul, #sidebar1 li.sfhover ul ul ul {
    left: -999em;
  }
  
  #sidebar1 li:hover ul, #sidebar1 li li:hover ul, #sidebar1 li li li:hover ul, #sidebar1 li.sfhover ul, #sidebar1 li li.sfhover ul, #sidebar1 li li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
  }







/* right sidebar
***************************************************************************** */


#sidebar2 {width: 180px; padding:5px; margin:35px 5px 5px 5px; border:0px; float:left;}

#right-top {padding:5px; margin:0px; border: 1px solid #CCC; background: url(../images/sidebar-bg.jpg) repeat-x #FFF; position:relative; display:block;

    -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  
    -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  
    -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  
    -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

#right-bottom {padding:5px; margin:0px; border:0px; position:relative; display:block;}





/* bottom
***************************************************************************** */

.bottom {width:100%; margin:0; padding:0; border-bottom: 1px solid #000000;  clear:both; background: #3a3a3a;}

 
#footer {padding-left: 20px; width:auto; height:95px; line-height:45px; position:relative; background: url(../images/footer_logo.jpg) center top no-repeat; text-align:center; text-decoration:none; color:#ff6600;}

#footer a {color:#ff6600; padding: 5px;}

#footer a:hover {text-decoration:underline;}

.foot-text {padding-top:50px;  text-align:center; text-transform:uppercase; font-size:10px; font-weight:normal; font-family:Arial;}

.foot-text a {font-size:10px; color:#ff6600; text-decoration:none;}

#library {position:absolute; bottom:0px; left:20px; height:169px; z-index:900;}

#sustainability {position:absolute; bottom:0px; right:0px; height:95px; z-index:900;}

#copyright,#copyright p {position:relative; margin:0px; padding: 5px; clear:both; text-align:center; color:#cccccc; font-size:10px;}

#copyright a {color:#cccccc; font-size:10px; text-align:center; }

#copyright a:hover {color:#ff6600; text-align:center; }




/* bottom navigation
***************************************************************************** */

#bottomnav {position:relative; display:block;}

.bottommenu a, .bottommenu a:visited {color:#ffffff; text-decoration:none; width:180px; line-height:27px; display:block; background:#222222 url(../images/bottom-nav.jpg) top right no-repeat; }

.bottommenu a:hover, .bottommenu a:active {background: url(../images/bottom-nav-hover.jpg) bottom right no-repeat;}

div.bottommenu 
{
  display:block;
  float:left;
  width:180px;
  line-height:27px;
  padding:0px;
  margin:0px;
  background: #222222 url(../images/bottom-nav.jpg) top right no-repeat; 
  text-decoration: none;
  text-align:center;
  color:   #ffffff;
}

#news-feed {padding:10px;}


/* Login form
***************************************************************************** */
.login fieldset { padding: 10px; }
.login .login-fields { margin-bottom: 8px; }
.login .login-fields label { display: inline-block; width: 8em; }

/* Hide word "CONTACT" and <hr> from contact pages per Tina 7/5/2013
***************************************************************************** */
#contact-slider div.panel h3 { display: none; }


/* Remove centering from DJ Image Slider slideshows */
.djslider { margin: 0 !important; }

/* Add corner radius to images (if they fit perfectly in the space) */
.djslider .slider-container ul li img { border-radius: 8px; }


/* Custom styling for tables in computer worksheet article */
#comp-worksheet { border: 1px solid #fa850f; border-spacing: 0; background-color: #fef6ec; width: 100%; }
#comp-worksheet th,
#comp-worksheet td { padding: 0.5em 1em; vertical-align: baseline; font-size: 12px; text-align: left; }
#comp-worksheet th { background-color: #fa850f; color: #fff; }
#comp-worksheet.table1 td { border-bottom: 1px solid #fa850f; }
#comp-worksheet.table1 tr:last-child td { border-bottom: none; }
#comp-worksheet.table2 td:first-child { width: 30%; }
#comp-worksheet.table2 td { border-bottom: 1px solid #fa850f; }
#comp-worksheet.table2 tr:last-child td { border-bottom: none; }
#comp-worksheet.table3 td { border-right: 1px solid #fa850f; border-bottom: 1px solid #fa850f; }
#comp-worksheet.table3 tr:last-child td { border-bottom: none; }
#comp-worksheet.table3 td:last-child { border-right: none; }

#comp-worksheet-terms { border: none; }
#comp-worksheet-terms td { vertical-align: baseline; padding-bottom: 20px; }
#comp-worksheet-terms p { margin-bottom: 1em; }
#comp-worksheet-terms td:nth-child(1) { width: 120px; padding-right: 15px; }
#comp-worksheet-terms td:nth-child(2) { text-align: justify; }
#comp-worksheet-terms ul { margin: 0 0 0 15px; }
#comp-worksheet-terms ul li { margin: 0 0 0.5em; text-align: justify; }


/* Tweaks to breezing forms */
/* Customer satisfaction survey */
#ff_form6 section { margin: 15px 0; }
#ff_form6 section label { float: auto; width: auto; margin: 5px 0; font-weight: bold;}
#ff_form6 section span { float: auto; width: auto; margin-left: 14px; }
#ff_form6 section textarea { clear: both; }
#ff_form6 section input { clear: both; }
#ff_form6 section span.bfRequired { font-size: 1.8em; line-height: 1em; }
#ff_form6 input.ff_elem { margin-right: 3px !important; }
#ff_form6 label.bfGroupLabel { margin-right: 20px !important; }
#ff_form6 section span.bfRequired { margin-left: 0; }
#ff_form6 section#bfElemWrap207 { margin-bottom: 0; padding-bottom: 0; }
#ff_form6 section#bfElemWrap208 { margin-top: 0; padding-top: 0; }
#ff_form6 section span#bfReCaptchaSpan { margin-left: 0; }
#ff_form6 button#bfSubmitButton { top: -10px; }


/* Custom table styling for Useful Contacts article */
table.useful-contacts { border-collapse: collapse; }
table.useful-contacts td { padding: 2px 8px; }