﻿* { margin: 0; padding: 0; border: 0; }
hr { display: none; }
.ac { position: absolute; left: -9999px; z-index: -1; }
.cl { clear: both; visibility: hidden; overflow: hidden; width: 1px; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; }

body 
{
    background: #cccccc url('images/bgGrad2px.png') repeat-x;
    background-position: top;
    text-align: center;
    font: 75%/1.5 sans-serif; color: #566d74;
}

#homeScreen { background: url('images/bgTitle.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#lessonScreen { background: url('images/bgLessons.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#studentScreen { background: url('images/bgStudents.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#checkScreen { background: url('images/bgCheck.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#assessScreen { background: url('images/bgAssessment.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#profileScreen { background: url('images/bgProfile.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#monitorScreen { background: url('images/bgMonitor.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#targetScreen { background: url('images/bgTargets.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#contentScreen { background: url('images/bgContent.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#thinScreen { background: url('images/bgBlank.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 300px; }
#welcomeScreen { background: url('images/bgWelcome.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#trainScreen { background: url('images/bgTrain.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#adminScreen { background: url('images/bgAdmin.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#contactScreen { background: url('images/bgContact.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#benchmarkScreen { background: url('images/bgBench.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }
#standardsScreen { background: url('images/bgStandards.gif') left top no-repeat; width: 800px; margin: 0 auto; height: 500px; }

#header
{
    background: url('images/bgHead.png') repeat-x;
    height: 70px; width: 780px;
    padding-left: 10px;
}

#headMenu
{ 
    /*text-align:right;*/
    padding: 10px 10px 0 0;
    border: 1px;
}

#headMenuRight
{
    clear:both;
    float: right;
    margin-top: -5px;
    position: inherit;
    display:block;
}

#bgSpacer
{
    height: 300px;
}

.footer
{
    clear: both;
    width: 780px;
    height: 50px;
}

#logoDiv { float:left; position:absolute; }
#logo { float: left; width:140px; height: 58px; margin-left: 10px; margin-top: 5px; display: inline; }
#logo span { background: url('images/uLogo.gif') left top no-repeat; }
#nLogo { float: left; width:55px; height: 58px; margin-top: 5px; display: inline; }
#nLogo span { background: url('images/n2yLogo.gif') left top no-repeat; }

.ir, .ir a { position:relative; overflow:hidden; display:block; }
.ir a, .ir span, .plus .ir { width: 100%; height:100%; }
.ir span { position: absolute; left:0; top:0; }
.ir a span { cursor: pointer; }

#darkBar { margin-top:260px; clear:both; width:790px; background: #333333; color: #fff; padding: 10px 0 10px 0; font-size: 1.4em; }
#darkBarHigh { margin-top:100px; clear:both; width:790px; background: #333333; color: #fff; padding: 3px 0 3px 0; font-size: 1.4em; }
#darkBarHigher { margin-top:50px; clear:both; width:790px; background: #333333; color: #fff; padding: 3px 0 3px 0; font-size: 1.4em; }
#darkBar2 { margin-top:160px; clear:both; width:790px; background: #333333; color: #fff; padding: 20px 0 0 0; font-size: 1.4em; }
#orangeBar { clear:both; width:790px; background: #ff8800; color: #222; padding: 10px 0 10px 0; font-size: 1.3em; }

#uContent { width: 760px; background: #fff; color:#333333; font-size:1.1em; text-align: left; padding: 10px 15px 20px 15px; }
#uContent h2, #contentScreen h2  { font-family:Verdana; font-size: 1.4em; font-weight:bold; color:#fe5c11; }


#mainNavBar { float: right; padding-top: 10px; }

.loginHeadTextBox { border: solid 1px #566d74; width: 100px; }
.loginHeadButton { border: solid 1px #566d74; }


#rightMenu { float: right; display:inline; }
#rightExtra { float: right; display:inline; margin-right:150px; margin-top:80px; }

.lessonTable { border: solid 1px #999999; }
.lessonTable td { padding: 4px 4px 4px 4px; font-size:1.0em; }
.lessonTable th {  padding: 4px 4px 4px 4px; font-size:1.2em; background:#2C4182 url('nbHeaderBack.gif') repeat-x; color:#fff; }
.fivePadding { padding: 5px 5px 5px 5px; }

.topLink a { color:#f60; font-weight: bold; text-decoration:none; }
.topLink2 a { color:#f60; font-weight: bold; text-decoration:none; font-size:0.9em; }
.topLink a:hover, topLink2 a:hover { color:#f00; }
.topLink a:visited, topLink2 a:visited { color:#f60; }

.uData, .uData2, .aData { font: 8pt Tahoma; color: black; vertical-align: top; }
.uData th { background: #2C4182 url('nbHeaderBack.gif') repeat-x; }
.uData2 th { background: #ffffff url('nbHeaderBack2.gif') repeat-x; color:#555555; }
.aData th { background: #ffffff url('nbHeaderBack3.gif') repeat-x; color:#555555; }
.summaryData { font: 8pt Tahoma; color: Black; vertical-align:top;}
.summaryData td { padding: 4px 4px 4px 4px; }

.b1 { font: 14pt Verdana; color:Black; font-weight: bold; }
.b2 { font: 12pt Verdana; color:Black; font-weight: bold; }

.redText { color: Red; }
.alertText { color: Red; font-weight: bold; }
.checkpointGraph { padding: 20px 0px 20px 0px; }



.indent
{
    margin-left:70px;
}

.blok
{
    border-top: solid 1px #888888;
    padding: 5px 0px 5px 0px;
    margin: 3px 0px 10px 0px;
}