﻿/* CSS for Hyperion, search */


html { overflow: -moz-scrollbars-vertical; } /* firefox scroll bar fix*/


body {
background: #efefef repeat-x 0 0;
font-family:Arial, Helvetica, Sans-Serif;
font-size:small;
}
a:link {
color: #006;
}
a:visited {
color: #006;
}
a:hover, a:focus {
color: #900;
}
a:active {
color: #c00;
}

a img {
border: 0;
}

/* Internet Explorer PNG fix.  */   
img, div { 
behavior: url(/www/js/iepngfix.htc) 
}  

/* Basic layout for the pages */
.WebDefault{
width:810px;
margin:0 auto;
padding: 0 0 5px 0;
border-left:  solid 1px #dedeff;
border-right:  solid 1px #dedeff;
border-bottom:  solid 1px #dedeff;
background: #fff;
}
div.searchbanner {
height: 120px;
}

div.searching {
float: right;
margin: 20px 20px 0 0;
padding: 5px;
width: 120px;
text-align: center;
}

table.CourseSearchTable {
margin: 0 0 10px 10px;
float: left;
width: 600px;
display: inline;
}
table.CourseSearchTable td {
padding: 2px;
}
table.CourseSearchTable td.noresults {
font-size: 120%;
color: #600;
font-weight: bold;
}

div.results {
clear: both;
margin: 0 10px 10px 10px;
}

/* Footer */
div.footer {
clear:  both;
width: 800px;
margin: 0px 0 15px 5px;
display: block;
font-size: 75%;
overflow: auto;
}
div.footer ul {
margin: 0;
padding: 0;
list-style: none;
}
div.footer ul li {
padding: 0 5px;
margin: 0;
float: left;
border-right: 1px solid #999;
}
div.footer ul li a:link {
color: #333;
text-decoration: none;
}
div.footer ul li a:visited {
color: #333;
text-decoration: none;
}
div.footer ul li a:focus, div.footer ul li a:hover, div.footer ul li a:active {
color: #333;
text-decoration: underline;
}
div.footer ul li.last {
border: 0;
}
div.footer ul.vcard {
clear: left;
}
div.footer ul.vcard li {
border: 0;
color: #666;
}

/* Bounding box - grey-white, 780 pixels wide */
#fw_box1 {
width: 780px;
color:#666;
background:url(/images/box/fullwidth/box_mid.gif) repeat-y;
margin: 0 auto;
}
#fw_box1 .cap {
margin:0;
padding: 0;
}
#fw_box1 .cap.top {
height:5px;
background:url(/images/box/fullwidth/box_top.gif) no-repeat top left;
padding: 0;
}
#fw_box1 .cap.bottom {
height:15px;
background:url(/images/box/fullwidth/box_bttm.gif) no-repeat bottom left;
padding: 0;
}
div#fw_box1 p {
margin: 0px 12px 8px 20px;
}


/* Title Bars */
/* This applies the grey-blue background with white text. */
#greyblue_title {
background: #7D8BA5 url(/images/titlebars/greyblue_title.jpg) top left;
font-weight:bold;
color: #fff;
padding: 2px 0 2px 10px;
margin: 5px 10px 10px 0;
font-size: 115%;
font-family: Arial, Helvetica, Sans-Serif;
}

/* Basics used all over the site */
p {
padding: 0px 0px 8px 0px; 
}
.img {
padding: 0px 0px 3px 7px;
float:right;
}
.imgl {
padding: 0px 8px 3px 13px;

float:left;
}
.center {
text-align: center;
}
/* Because you might always need a clear */
.clearleft {
clear: left;
}
.clearright {
clear: right;
}
.clearboth {
clear: both;
}

/* Headlines.
<h1> is covered by the title bars above.*/
h2 {
font-size: 115%; 
padding: 0 0 15px 20px; 
margin: 0;
}


/* Print Button */
a.printbutton {
text-decoration: none;
float: right;
margin-right: 50px;
background: url(/images/printer.gif) no-repeat;
padding-left: 20px;
}
a.printbutton:link, a.printbutton:visited {
color: #ff9;
}
a.printbutton:hover, a.printbutton:active, a.printbutton:focus {
color: #FFE317;
}

table.CourseDetailTable {
margin: 0 auto 10px auto;
background: #fff;
border: 1px solid #333;
width: 99%;
}
table.CourseDetailTable td {
padding: 5px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
table.CourseDetailTable th {
border-bottom: 1px solid #666;
padding: 5px;
font-size: 125%;
text-align: left;
}
table.CourseDetailTable td.LeftCol {
background: #f5f5f5;
}
table.CourseDetailTable td.RightCol {
border-right: 1px solid #333;
background: #f5f5f5;
}
table.CourseDetailTable td.RightColAlt {
border-right: 1px solid #333;
}
table.CourseDetailTable td.Footer {
display: none;
}


div.PagerLeft_Gray, div.PagerRight_Gray {
font-size: 150%;
font-weight: bold;
margin: 5px 0;
}