﻿body
{
    margin: 0px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    background-image: url('../Images/bg.gif'); 
    color: #336666
}

h1
{
    font-size: 24px;
}

h2
{
    font-size: 16px;    
}

a
{
    color: #336666;
    text-decoration: none;
}

a:visited
{
    color: #336666;
    text-decoration: none;
}

a:hover
{
    color: #000000;
    text-decoration: none;
}

a:active
{
    color: #336666;
    text-decoration: none;
}

li
{
    height: 4px;
}

table 
{
    border-collapse : collapse; 
}

table td, table th 
{
    padding : 0px; 
}

.warn
{
    color: Red;    
}

.notify
{
    color: Green;    
}

.contentTable
{
    background-color: White;    
}

.pnlCourseNotAvailable
{
    background-color: #d6eff1;
}

.top-banner
{
    background-color: #0099A8;
    background-image: url('../Images/top_banner.gif'); 
    background-repeat: no-repeat;
}

.top-banner-tabCell
{

}

.top-banner-logoCell
{
    text-align: left;    
    height: 90px;  
    background-image: url('../Images/bg.gif'); 
}

.top-banner-logoImage
{
    padding: 0px;
    margin: 0px;    
    margin-top: 6px;
}

.top-banner-languages
{
    display: block;
    color: White;
    padding-right: 12px;
    text-align: right;
    margin-bottom: 8px;
    padding-top: 5px;
}

.top-banner-languages-selected
{
    font-weight: bold;
    color: #b5e2e7; 
}

.top-banner-languages a
{    
    color: White;
}

.layout-leftCell
{
    background-color: #0099A8;   
    width: 10px; 
}

.girdersTable
{
    border: 1px solid #bad1d3; 
    width: 570px;
    border-collapse: separate;   
}

.naviTable
{
    width: 184px;
    border: 1px solid #bad1d3; 
}

.naviTable tr
{
    border-bottom: 1px solid #bad1d3;
    height: 25px;
}

.naviTableCell
{
    border-bottom: 1px solid #bad1d3;
}

.courseTableDiv
{
    border: 1px solid #bad1d3;
    padding: 1px 0px 0px 1px;
    width: 570px;
}

.courseTable
{
    border: 0px solid #bad1d3; 
    width: 100%;
}

.courseTable td
{
    padding-left: 7px;    
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 7px;
    border: 1px solid #ffffff;
}

.button_1 td
{
    font-weight: normal;
    padding-left: 0px;    
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    border: 0px;
}

.multiViewButton
{    
    height: 32px;             
    margin-bottom: 1px;
}

.courseTableHeader
{
    padding-left: 10px;    
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;    
    vertical-align: top;
    font-size: 12px;
    background-image: url('../Images/sheet_bg_1_grad.gif'); 
    background-repeat: repeat-y; 
    background-color: #b5e2e7;
    color: White;
}

.courseTableHeader TH
{
    padding-left: 10px;    
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;    
    vertical-align: top;
    font-size: 12px;
    background-image: url('../Images/sheet_bg_1_grad.gif'); 
    background-repeat: repeat-y; 
    background-color: #b5e2e7;
    color: White;
}

.courseTableCell
{
    padding-left: 10px;    
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;    
    vertical-align: top;
}

.courseDatesCell
{
    color: White;
    font-weight: bold;
}

.courseDatesCellSmall
{
    color: White;
    font-weight: normal;
    font-size: 10px;
}

.searchHighlight 
{
    padding: 2px;
    background-color: #0099A8;
    color: White; 
}

.searchHighlight:hover
{
    padding: 2px;
    background-color: #0099A8;
    color: #000000; 
}

.periodId
{
    font-weight: bold;  
}

.hidden
{
    display: none;    
}

.noborder
{
    border: none;
    border-width: 0px;
}

.noborder td
{
    border: none;
    border-width: 0px;
}

.gridViewTextBox
{
    width: 30px;    
}

.loginButton
{
    padding-top: 6px;    
}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 â 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen 
{
      .sIFR-active h1 
      {
            margin-top: 12px;
            margin-bottom: 6px;
	        visibility: hidden;
	        letter-spacing: -15px;
	        font-size: 25px;
	      
      }
  
      .sIFR-active h2
      {
      
 	        visibility: hidden;	
	        letter-spacing: -7px;
	        font-size: 16px;        
      }
    
      .sIFR-active h3 
      {
            visibility: hidden;
	        letter-spacing: -6px;
	        font-size: 12px;
      }

      .sIFR-active h4
      {
     	    visibility: hidden;
	        letter-spacing: -5px;
	        font-size: 10px;
      }

      .sIFR-active h5#pullquote
      {
    	    letter-spacing: -4px;
	        visibility: hidden;
	        font-size: 8px;
      }
}

.courseHeading
{
}

.pageHeading
{
    padding-left: 0px;
    vertical-align: middle; 
    margin-left: 0px; 
    margin-bottom: 8px;
    margin-top: 16px;
}

.subject1
{
    color: #0080ff;
}

.subject2
{
    color: #0000a0;
}

.subject3
{
    color: #ffff00;
}

.subject4
{
    color: #ff8000;
}

.subject5
{
    color: #ff8000;
}

.subject6
{
    color: #8000ff;
}

.subject7
{
    color: #808080;
}

subject8
{
    color: #008080;
}

.subject9
{
    color: #d2ff00;
}

.subject10
{
    color: #008000;
}

.subject11
{
    background: #804040;
}

.subject12
{
    background: #8080ff;
}

.subject13
{
    background: #e3e360;
}

.subject14
{
    background: #00ff80;
}

.subject15
{
    background: #ff0080;
}

.subject16
{
    background: #ff80ff;
}

.subject17
{
    background: #80ffff;
}

.subject18
{
    background: #808040;
}

.subject19
{
    background: #0080ff;
}

.subject20
{
    background: #540b5f;
}

.subject21
{
    background: #c40101;
}

.subjectBg1
{
    background-color: #0080ff;
}

.subjectBg2
{
    background-color: #0000a0;
}

.subjectBg3
{
    background-color: #ffff00;
}

.subjectBg4
{
    background-color: #ff8000;
}

.subjectBg5
{
    background-color: #ff8000;
}

.subjectBg6
{
    background-color: #8000ff;
}

.subjectBg7
{
    background-color: #808080;
}

.subjectBg8
{
     background-color: #008080;
}

.subjectBg9
{
    background-color: #d2ff00;
}

.subjectBg10
{
    background-color: #008000;
}

.subjectBg11
{
    background-color: #804040;
}

.subjectBg12
{
    background-color: #8080ff;
}

.subjectBg13
{
    background-color: #e3e360;
}

.subjectBg14
{
    background-color: #00ff80;
}

.subjectBg15
{
    background-color: #ff0080;
}

.subjectBg16
{
    background-color: #ff80ff;
}

.subjectBg17
{
    background-color: #80ffff;
}

.subjectBg18
{
    background-color: #808040;
}

.subjectBg19
{
    background-color: #0080ff;
}

.subjectBg20
{
    background-color: #540b5f;
}

.subjectBg21
{
    background-color: #c40101;
}