﻿    .text 
    {
	    font-size: 12px; 
	    line-height: 20px; 
	    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    
    .midterm, .final, .notes
    {
        margin-left: 20%;
        margin-right: 19%;
    }
    
    .holiday input
    {
        width: 200px;
    }
    
    .holiday input.date, .final input, .midterm input
    {
        width: 80px;
    }
    
    .centered
    {
        margin-left:auto;
        margin-right:auto;
        clear:both;
    }
    address, caption, cite, code, dfn, em, strong, th, var
    {
        font-style:normal;
        font-weight:normal;
    }
    
    div.body 
    {
        width:760px;
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        margin:auto;
        clear:both;
    }
    .label, .note, .left
    {
        padding-top: 3px;
    }
    div.body#whiteArea
    {
        padding-top:5px;
        background-color:White;
    }
    div.darkBlueArea
    {
        /*background-color:#BED3F2;*/
        background-color:#24A5C9

    }
    
    .lightBlueTop div
    {             
        /*background: url(../images/tr-lb.jpg) no-repeat top right;*/
    }
    .lightBlueTop
    {             
        /*background: url(../images/tl-lb.jpg) no-repeat top left;*/
    }
    .lightBlueBottom div
    {             
        /*background: url(../images/br-lb.jpg) no-repeat bottom right;*/
    }
    .lightBlueBottom
    {             
        /*background: url(../images/bl-lb.jpg) no-repeat bottom left;*/
    }
    .darkBlueTop div
    {             
        /*background: url(../images/ne.gif) no-repeat top right;*/
    }
            .darkBlueTop
            {             
                /*background: url(../images/nw.gif) no-repeat top left;*/
            }
            .darkBlueBottom div
            {             
                /*background: url(../images/se.gif) no-repeat bottom right;*/
            }
            .darkBlueBottom
            {             
                /*background: url(../images/sw.gif) no-repeat bottom left;*/
            }
            			
            .lightBlueTop, .lightBlueTop div, .lightBlueBottom, .lightBlueBottom div, .darkBlueTop, .darkBlueTop div, .darkBlueBottom, .darkBlueBottom div,
            .tealTop, .tealTop div, .tealBottom, .tealBottom div
			{
				height: 10px;
}

            div.lightBlueArea
            {
                /*background-color:#D2E9F9;*/
                background-color:#24a5c7;
                color:white;
            }
            div.tealArea {
                /*background-color:#4391a5;*/
                background-color:#24a5c7;
}
            div.instruction_list
            {
                text-align:left;
                padding:0% 1%;
                font-family: Verdana, Arial, Helvetica, Sans-Serif;
                font-size:small;
            }
            .hl
            {
                font-weight:bold;
                /*color:#348aea;*/
                
            }

            .center
            {
                clear:both;
                text-align:center;
                font-size:small;
            }

            .center2
            {
                clear:both;
                text-align:center;
                font-size:small;
                margin: 5px 0px;
            }

           input.text
            {
                padding: 3px;
                border: 1px solid #999999;
            }
            .darkBlueText
            {
                color: #000099;
                font-weight:bold;
                margin-left:3%;
                margin-right:3%;
                margin-top:5px;
                display:block;
                clear:both;
            }
            input.text
            {
                width: 90%;
            }
            select
            {
                width: 90%;
            }

div.row {
  clear: both;
  padding-top: 5px;
  font-size:small;
  vertical-align:middle;
  margin-bottom: 5px;
    text-align: center;
}

div.row#final_top 
{
    margin: 2%;
}
  
div.row span.label {
  float: left;
  width: 30%;
  text-align: right;
  padding-right: 5px;
  display:block;
  }
div.row span.button {
  display:block;
  float:none;
  margin:auto;
  }
div.row span.righty {
  float: left;
  width: 15%;
  text-align: right;
  display:block;
  }

span.left
{
    float: left;
    width: 50%;
    text-align: right;
    /*height: 16px;*/
}

span.right
{
    float: left;
    margin-left: 20px;
    width: 30%;
    text-align: left;
}

div.row span.formw, span.forms {
  float: left;
  width: 65%;
  text-align: left;
  display:block;
  vertical-align:top;
  } 
  
.formw input, .formw select
{
    width:80%;
}  

.forms input
{
    width:15%;
}

div.row span.lgPullDown {
  float: left;
  width: 70%;
  text-align: left;
  display:table-row
  } 

div.row span.error 
{
    float: left;
    width:42%;
    text-align: left;
    display:block;
    color:Red;
    font-size:small;
}

div.row span.instruction
{
    float: left;
    width:42%;
    text-align: left;
    display:block;
    font-size:smaller;
    color:Black;
}
div.navcontainer {
	height:21px;
	margin:0;
	padding:0;
/* Hide from IE Mac \*/
	padding-left:0px;
/* End Hide */
	visibility: visible;
	position:relative;
	z-index:8;
	}

div.navcontainer#main_navigator {
	border-top:1px solid #fff;
    top: 0px;
}


div.navcontainer#company_selected_container {
	left:0;
	top:0;
	position:absolute;
	padding-left:0px;
	}

div.navcontainer#support_selected_container {
	left:0;
	top:0;
	position:absolute;
	padding-left:0px;
	}

div.navcontainer#products_selected_container {
	left:0;
	top:0;
	position:absolute;
	padding-left:0px;
	}

	
/* Hide from IE-Mac \*/
html>body div.navcontainer {
	height:20px;
	}
/* End hide */

div.navcontainer ul {
	border:0;
	list-style-type:none;
	text-align:center;
	vertical-align:bottom;
	margin:0;
	padding:0;
	display:block;
}

div.navcontainer ul li {
	display:block;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
}

div.navcontainer ul li a {
	text-decoration:none;
	display:block;
	text-align:center;
	font:normal 10px/18px Verdana, Arial, Georgia, sans-serif;
	margin:0;
	padding:0;
	color:#fff;
}

/* Hide from IE-Mac \*/
html>body div.navcontainer ul li a {
	height:20px;
	}
/* End Hide */

div.navcontainer ul li a:hover, div.navcontainer li#active {
	color:#60614D;
	font-weight:700;
	background-color: #FFFFFF;
}

div.navcontainer ul li.nonright {
	background:#a0a52e;
	color:#fff;
	border-right:1px dotted #fff;
	}

div.navcontainer ul li.right {
	background:#a0a52e;
	width:100px;
	color:#fff;
	}

div.navcontainer ul li.selected {
	font-weight:700;
	background:#ffffff;
	width:100px;
	}
	
.note 
{
	margin-left: 15%;
}

.column 
{
	margin-left: 10%;
	width: 20%;
}

.invalid
{
    font-size: smaller;
    color: Red;
}

.yellow
{
    background-color:Yellow;
}

.tealTop div
    {             
        background: url(../images/teal_tr.png) no-repeat top right;
    }
    .tealTop
    {             
        background: url(../images/teal_tl.png) no-repeat top left;
    }
    .tealBottom div
    {             
        background: url(../images/teal_br.png) no-repeat bottom right;
    }
    .tealBottom
    {             
        background: url(../images/teal_bl.png) no-repeat bottom left;
    }
.roundedPanel {
    width: 200px;
    height: 32px;
    background-color: #156F8D;
    color: white;
    font-weight: bold;
    text-align: center;
}

.notabene
{
    font-size: smaller;
    color: Gray;
}

.invalid, .notvalid, .nonvalid
{
    font-size: smaller;
    color: Red;
}

.valid
{
    font-size: smaller;
    color: Blue;
}
#section_text
{
    color:white;

}
#ex_and_hol_txt
{
    margin-top:10px;
}
#HolidayName1
{
    resize:100;
}