﻿/* 
Color Scheme Used

ORANGE - FF3C02
RED -
GREY - 
BLUE - #1573A6
FAINT PURPLE - B16C5C
PINK - #F8E8E9
*/
body
{
    font-family: Verdana;
}
#main
{
    margin: 0 auto;
    width: 900px;
}

h1, h3, h5
{
    font-family: Verdana;
    color: Red;
}

h2, h4
{
    font-family: Verdana;
    color: #FF3C02;
}

#instructor
{
    display: none; /*border: solid 2px black;*/
    background-color: White;
}
#outer
{
    display: none;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.7;
}
.linkheader
{
    color: #B16C5C;
    font-size: 14px;
    font-weight: bold;
    font-family: Tahoma;
    text-decoration: none;
}
.topnav
{
    color: #B16C5C;
    font-size: 14px;
    font-weight: bold;
    font-family: Tahoma;
    padding-bottom: 9px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
}
.topnavover
{
    color: #B16C5C;
    font-size: 14px;
    font-weight: bold;
    font-family: Tahoma;
    padding-bottom: 9px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    background-color: #FF3C02;
}
.whitelinks a:hover
{
    color: #ffffff;
}
.selected
{
    color: #ffffff;
    text-decoration: none;
}
.courier40normalwhite
{
    color: #ffffff;
    font-size: 40px;
    font-weight: 500;
    font-family: Courier New;
    letter-spacing: -3px;
}
.courier10normalwhite
{
    color: #ffffff;
    font-size: 15px;
    font-family: Courier New;
    letter-spacing: -1px;
    text-decoration: none;
}
/* actualy orange */
.verdana14blubold a
{
    color: #FF5000;
    font-family: Verdana;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    cursor: default;
}
.verdana15boldred
{
    color: #C02646;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
}
.verdana18boldred
{
    color: #F0141E;
    font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
}
.couriernew12red
{
    color: #FF4001;
    font-size: 12px;
    font-family: Courier New;
    letter-spacing: -1px;
    text-decoration: none;
    font-weight: bold;
}

.verdana11blueebold
{
    color: #37508A;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
}
.verdana14blueebold
{
    color: #37508A;
    font-family: Verdana;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}
.verdana11grayebold
{
    color: #C4C4C4;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
}
.verdana10grayebold
{
    color: #C4C4C4;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}
.textboxlogin
{
    border-bottom-color: #FE8104;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: #FE8104;
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: #FE8104;
    border-right-style: solid;
    border-right-width: 2px;
    border-top-color: #FE8104;
    border-top-style: solid;
    border-top-width: 2px;
    width: 200px;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.textboxsmall
{
    /*border-bottom-color: #FE8104; 	border-bottom-style: solid; 	border-bottom-width: 2px; 	border-left-color: #FE8104; 	border-left-style: solid; 	border-left-width: 2px; 	border-right-color: #FE8104; 	border-right-style: solid; 	border-right-width: 2px; 	border-top-color: #FE8104; 	border-top-style: solid; 	border-top-width: 2px;*/
    width: 180px;
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Verdana;
    font-size: 10px;
}
.textboxsmallform
{
    /*border-bottom-color: #FE8104; 	border-bottom-style: solid; 	border-bottom-width: 2px; 	border-left-color: #FE8104; 	border-left-style: solid; 	border-left-width: 2px; 	border-right-color: #FE8104; 	border-right-style: solid; 	border-right-width: 2px; 	border-top-color: #FE8104; 	border-top-style: solid; 	border-top-width: 2px;*/
    width: 220px;
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Verdana;
    font-size: 10px;
}
.ddlnormal
{
    width: 170px;
    height: 22px;
    font-family: Verdana;
    font-size: 10px;
}
.verdana10boldlink
{
    font-family: Verdana;
    color: #B121B3;
    font-size: 10px;
    font-weight: bold;
}
.verdana11normallink
{
    font-family: Verdana;
    color: #C411CF;
    font-size: 11px;
    font-weight: normal;
}
.verdana12boldpink
{
    font-family: Verdana;
    color: #D53E81;
    font-size: 12px;
    font-weight: bold;
}
.verdana10boldpinkishdark
{
    font-family: Verdana;
    color: #D53E81;
    font-size: 10px;
    font-weight: bold;
}
.verdana10boldorange
{
    font-family: Verdana;
    color: #FF5000;
    font-size: 10px;
    font-weight: bold;
}
.tahoma12redbold
{
    color: #F00D0D;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}
.verdana11navynormal
{
    color: #104AA9;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
}
.verdana10bolderorange
{
    font-family: Verdana;
    color: #E6A045;
    font-size: 10px;
    font-weight: bold;
}
.verdana13bluebold
{
    color: #24B3E8;
    font-family: Verdana;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}
.verdana13redbold
{
    color: #E6A045;
    font-family: Verdana;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}
.verdana12linkbluenormal
{
    color: #2663C0;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
}
.verdana9boldorange
{
    font-family: Verdana;
    color: #FF5000;
    font-size: 9px;
    font-weight: bold;
}
.verdana9boldgray
{
    font-family: Verdana;
    color: #C9CAC8;
    font-size: 9px;
    font-weight: bold;
}
.verdana12boldorange
{
    font-family: Verdana;
    color: #FF5000;
    font-size: 12px;
    font-weight: bold;
}
.verdana11normallinkover a:hover
{
    font-family: Verdana;
    color: #C411CF;
    font-size: 11px;
    font-weight: normal;
}
.verdana10boldlinkdarkblue
{
    color: #1573A6;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}
.verdana13bolddarkblue
{
    color: #1573A6;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
.verdana10normalbluelink
{
    color: #1573A6;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.verdana10normalblack
{
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.verdana9normalblack
{
    color: #000000;
    font-family: Verdana;
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
}
.tahoma9normalblack
{
    color: #000000;
    font-family: tahoma;
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
}
.verdana10normalblackleft
{
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
}
.verdana11normalblack
{
    color: #000000;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
.verdana11blacknormal
{
    color: #000000;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
.verdana18normalred
{
    color: #FF5C01;
    font-family: Verdana;
    font-size: 18px;
    font-weight: normal;
}
.verdana18normalwhite
{
    color: #ffffff;
    font-family: Verdana;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
}
.verdana16normalwhite
{
    color: #ffffff;
    font-family: Verdana;
    font-size: 14px;
    font-weight: 500;
}
.errormsg
{
    color: Red;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight: normal;
}
.verdana12creambold
{
    color: #FEF6ED;
    font-family: Verdana;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}
.verdana18creambold
{
    color: #FEF6ED;
    font-family: Verdana;
    font-size: 18px;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.verdana10creambold
{
    color: #FEF6ED;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}
.verdana11boldred
{
    color: #FF5702;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}
.verdana10normalredlink
{
    color: red;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.verdana10greenbold
{
    color: #5B734C;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}
.comicsans24red
{
    color: #FF5702;
    font-family: Comic Sans MS;
    font-size: 24px;
    font-weight: bold;
    text-transform: capitalize;
}
/* actually red class */
.verdana11bluenormal
{
    color: Red;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
}
.comicsans18red
{
    color: #FF5702;
    font-family: Comic Sans MS;
    font-size: 18px;
    font-weight: bold;
}
.verdana14blured a
{
    color: #900000;
    font-family: Verdana;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    cursor: default;
}

.verdana22black
{
    color: #000;
    font-family: Verdana;
    font-size: 22px;
}
.verdana25boldred
{
    color: #FF5702;
    font-family: Verdana;
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}
.comicsans14blue
{
    color: #1573A6;
    font-family: Comic Sans MS;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
.HiddenControl
{
    visibility: hidden;
}
img
{
    border: none;
}
ul, li
{
    margin: 0;
    padding: 0;
}
li
{
    list-style: none;
    display: inline;
    margin-right: 10px;
}

#tooltip
{
    position: absolute;
    border: 1px solid #333;
    background: #f7f5d1;
    padding: 2px 5px;
    color: #333;
    display: none;
}

/*  */

#preview
{
    position: absolute;
    border: 1px solid #ccc;
    padding: 5px;
    display: none;
    font-family: Verdana;
    color: #1F5B89;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}


.orangeDiv
{
    -moz-border-radius: 8px 8px 8px 8px;
    -moz-box-shadow: 0 2px 16px #000000, 0 0 1px #000000, 0 0 1px #000000;
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid rgb(255, 64, 1);
    left: 150px;
    padding: 7px;
    position: absolute;
    text-shadow: 0 0 15px #FFFFFF, 0 0 15px #FFFFFF;
    top: 75px;
    width: 800px;
}

/* table properties */
.containerTable
{
    display: table;
}

.tableRow
{
    display: table-row;
    margin-top: 5px;
}

.leftColumn
{
    width: 150px;
    display: table-cell;
}
.rightColumn, .middleColumn
{
    display: table-cell;
}
