/*
 Screen style    
 Site: UVa
*/
body { font-size: 68.75%; padding: 0; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }
a.ir span { cursor: pointer; }
.ir2 { overflow: hidden; text-indent: -2000px; }

/* Auto clearing floats */
#nav .flyout .inner:after, .audience-panel .top:after, .home-cols:after, #footer .inner:after, #bottom:after, .sortable-box .inner:after, .customize-box .welcome:after, .customize-box .inner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Wrapper */
#wrapper { width: 951px; margin: 0 auto; }

/* Header */
#header { height: 72px; position: relative;z-index:9999; }/* updated 08/01/2008 */
#header h1 { width: 334px; height: 44px; position: absolute; top: 18px; left: 20px; }
#header h1 span { background-image: url(../images/text/logo.gif); }
#header .weather { color: #505c59; font-size: 0.91em; position: absolute; top: 23px; left: 361px; width: 235px; }
#header .weather img { vertical-align: middle; }

/* Top navigation */
#top-nav { width: 293px; height: 25px; padding-left: 24px; position: absolute; top: 0; right: 0; background: #7091CF url(../images/bg/top-nav.gif); }
#top-nav li { float: left; }
#top-nav a { color: #fff; display: block; font-size: 0.82em; height: 18px; line-height: 18px; margin: 0; overflow: hidden; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; }
#top-nav a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#top-nav a:hover { background-color: #7091CF; color: #fff; }
#top-nav a:hover span, #top-nav a.current span { background-position: left bottom; }
#top-nav a#top-nav01 { width: 52px; }
#top-nav a#top-nav02 { width: 74px; }
#top-nav a#top-nav03 { width: 71px; }
#top-nav a#top-nav04 { width: 71px; }
#top-nav a#top-nav01 span { background-image: url(../images/top-nav/01b.gif); }
#top-nav a#top-nav02 span { background-image: url(../images/top-nav/02b.gif); }
#top-nav a#top-nav03 span { background-image: url(../images/top-nav/03b.gif); }
#top-nav a#top-nav04 span { background-image: url(../images/top-nav/04b.gif); }

/* Accessibility Navigation */

#header .accessibility { position: absolute; top: 31px; right: 60px; font-size: 0.82em; text-transform: uppercase; color: #547DC9; }
#header .accessibility li { float: left; padding-left: 7px; margin-left: 5px; background: url(../images/bg/sep1.gif) left center no-repeat; }
#header .accessibility li.first { margin: 0; padding: 0; background: none; }
#header .accessibility li.to-content { display: none; }
#header .accessibility span { display: block; float: left; margin-right: 4px; }
#header .accessibility a { text-decoration: none; color: #547DC9; }
#header .accessibility a.decrease { display: block; float: left; width: 9px; height: 9px; margin: 2px 3px 0 0; }
#header .accessibility a.decrease span { background-image: url(../images/bg/decrease.gif); }
#header .accessibility a.increase { display: block; float: left; width: 9px; height: 9px; margin-top: 2px; }
#header .accessibility a.increase span { background-image: url(../images/bg/increase.gif); }

/* Accessibility Navigation */
#header .student-res { position: absolute; top: 31px; right: -27px; font-size: 0.82em; text-transform: uppercase; color: #547DC9; }/* updated 07/15/2008 */
#header .student-res li { padding:0 7px 0 11px; float:left; border-right:#bbcac5 solid 1px; margin: 0 7px 0 0;}
#header .student-res li.isis { background:url(../images/icons/isis2.jpg) left center no-repeat; }
#header .student-res li.toolkit { background:url(../images/icons/toolkit2.jpg) left center no-repeat; }
#header .student-res li.cod { background:url(../images/icons/cod2.jpg) left center no-repeat; border-right:none; padding:0 7px 0 11px; margin: 0; }/* updated 07/15/2008 */
#header .student-res li.prefs { visibility:hidden; border-right:none; padding:0 0 0 8px; margin:0; }/* added 07/15/2008 */
#header .student-res a { text-decoration: none; color: #547DC9; }
/* added 07/15/2008 */
#header .student-res li div{ position: absolute; left: -1000em; text-align: left; width: 288px; padding: 10px; z-index: 9999; background: #fff; color: #666; font-size: 1em; text-transform: none; border: 1px solid #f0f0f0; }
#header .student-res li.active div{ position:absolute; left: -20px; top: 16px; text-align: left; z-index: 9999;}
#header .student-res li div p{ margin: 0 0 5px;}
#header .student-res li div fieldset{ border-bottom: 1px solid #eee; margin: 0 0 5px;}
#header .student-res li div fieldset label{ margin: 0 5px 0 0;}
#header .student-res li div fieldset input{vertical-align: middle; margin: 0 2px 0 0; padding: 0;}
#header .student-res li div fieldset.search { margin: 0 0 10px;}


/* Mobile flyout */
#nav .mobile .flyout { margin-left: -86px; width: 311px; }
#nav .mobile .flyout .inner { background: #E9EEED url(../images/bg/search-flyout.jpg) no-repeat; padding: 18px 10px 6px 23px; }
#nav .mobile .flyout .bottom { background: url(../images/bg/search-flyout-bottom.png) no-repeat; width: 311px; height: 13px; }
#nav .mobile .flyout ul.first { width: 110px; }
#nav .mobile .flyout ul.last { width: 116px; }

/* Search flyout */
#nav .search .flyout { margin-left: -178px; width: 311px; }
#nav .search .flyout .inner { background: #E9EEED url(../images/bg/search-flyout.jpg) no-repeat; padding: 18px 10px 6px 23px; }
#nav .search .flyout .bottom { background: url(../images/bg/search-flyout-bottom.png) no-repeat; width: 311px; height: 13px; }
#nav .search .flyout p { margin: 0 0 4px 0; }
#nav .search .flyout input { vertical-align: middle; margin: 0; }
#nav .search .flyout label { vertical-align: middle; margin: 0 6px 0 1px; }
#nav .search .flyout img { vertical-align: middle; margin: 0 0 0 -6px; }
#nav .search .flyout input.keyword { background: url(../images/bg/keyword.gif) no-repeat; color: #2D2D2D; font-size: 0.92em; border: none; width: 228px; padding: 2px 6px; margin-right: 4px; }

/* Emergency Message */
ul.emergency {background:url(../images/bg/emergency.gif) no-repeat; height: 36px;}
ul.emergency li { background:url(../images/bg/emergency-text.gif) no-repeat 25px 8px; padding: 5px 0 0 33px; color:#FF0000;}

/* Content */
#content { clear: both; }


/* Table */
.odd {background-color: #d8e1de; vertical-align:top;}
.even {background-color: #ffffff; vertical-align:top;}

/* preference popups */
.customize-box div.pop {position:relative; left:-22px; top:-128px; z-index:9999}
.customize-box div.pop div{ position: absolute; left: -1000em; text-align: left; width: 288px; padding: 10px; z-index: 9999; background: #fff; color: #666; font-size: 1em; text-transform: none; border: 1px solid #f0f0f0; }
.customize-box div.pop div.active{ position:absolute; left: 0; text-align: left; z-index: 9999; top:0; width:288px; }
.customize-box div.pop div p{ margin: 0 0 5px;}
.customize-box div.pop div fieldset{ border-bottom: 1px solid #eee; margin: 0 0 5px; }
.customize-box div.pop div fieldset label{ margin: 0 5px 0 0;}
.customize-box div.pop div fieldset input{vertical-align: middle; margin: 0 2px 0 0; padding: 0;}
.customize-box div.pop div fieldset.search { margin: 0 0 10px;}