/* Make KDevelop highlight this file as CSS 
<style>
*/

/*
    using color1 = #333333, color2 = #99CCFF
*/

/********** BODY **********/
img
{
    margin:0 !important;
    padding:0 !important;
    border: 0;
}

body {
    font-family: Trebuchet MS, Verdana, Helvetica, Geneva, sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    margin-top: 0;
    
    
}

td {
    font-family: Trebuchet MS, Verdana, Helvetica, Geneva, sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
}

.visual-wrapper {
    border-right: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
    border-left: 1px #000000 solid;
}

#nurse
{
    background: url(http://www.thedentalassistantonline.com//view/header-mage.gif) no-repeat bottom right;
}

.total-wrapper {

    position: relative;
}

#content {
   margin: 15px;
   min-height: 20em;
   
}

/********** SPECIALIZED FONTS **********/

h1 {
    font-family: Trebuchet MS, Verdana, Helvetica, Geneva, sans-serif;
    border-bottom: 1px #CCCCCC solid;
    font-weight: bold;
    font-size: 18px;
    color: #000000;                  
}

h2 {
    font-family: Trebuchet MS, Verdana, Helvetica, Geneva, sans-serif;
    border-bottom: 1px #000000 solid;
    font-weight: normal;
    font-size: 16px;
    color: #000000;
}

/********** FORMS **********/

input {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    background-color: #FFFFFF;
}

.button {
    background-color: #333333;        /* edit this color */
/*    font-size: 11px; */
    color: #FFFFFF; 
    font-weight: normal; 
    border-style: outset;
}

.button_reverse {
    background-color: #FFFFFF;
/*    font-size: 11px;*/
    color: #333333 ;                 /* edit this color */
    font-weight: bold;
    border-style: outset;
}

.exambutton {
    background-color: #CC0000;
/*    font-size: 11px; */
    color: #FFFFFF; 
    font-weight: bold; 
    border-style: outset;
}




/********** LINKS **********/

a { 
    text-decoration: underline; 
    color: #333333;                  /* edit this color */
}

a:hover { 
    text-decoration: underline; 
    color: #000000;
}

a.taboff { 
    text-decoration: none; 
    color: #000000;
}

a.tabon {
    text-decoration: none;
    color: white;
}

a.taboff:hover { 
    text-decoration: none; 
    color: #666666;
}

a.submenu { 
    text-decoration: none; 
    color: #FFFFFF;
}

a.submenuon { 
    text-decoration: underline;
    color: white;
}

a.submenu:hover { 
    text-decoration: none; 
    color: #000000;
}

/********** BODY ROWS **********/
.uniteven td
{
    background-color: #F0F0F0; 
    padding: 4px; 
}

.unitodd td
{
    background-color: #CCCCCC; 
    padding: 4px; 
}

.unittop td
{
    border-bottom: 1px solid #b2b2b2;
}

.unitbottom td
{
    /*border-bottom: 2px groove black;*/
    border-bottom: 1px solid black; 
    
}

.formtable td, td.roweven, tr.roweven td 
{ 
    padding: 4px;
    background-color: #F0F0F0; 
    font-size: 12px; 
    font-weight: normal; 
    color: #000000;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #000000;
}

 

table.formtable th, td.rowodd, tr.rowodd td { 
    padding: 4px;
    background-color: #CCCCCC; 
    font-size: 12px; 
    font-weight: normal; 
    color: #000000;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #000000;
    
}


tr.row1 th, td.row1, th, div.row1{ 
    font-family: Trebuchet MS, Verdana, Helvetica, Geneva, sans-serif;
    background-color: #333333 ;         /* edit this color */
    font-size: 12px; 
    font-weight: bold; 
    color: #FFFFFF;
    padding: 4px;
}

tr.row2 th, td.row2, div.row2 { 
    font-family: Trebuchet MS, Verdana, Helvetica, Geneva, sans-serif;
    background-color: #99CCFF ;        /* edit this color */ 
    font-size: 12px; 
    font-weight: bold; 
    color: #000000;
    padding: 4px;
}

tr.row3 th, tr.row3  td, td.row3, div.row3 { 
    font-weight: bold;    
    padding: 4px;
    border-style: solid none dotted none;
    border-color: black;
    border-width: 1px;
}


/********** HEADER SETTINGS **********/

td.headerspacer { 
    background-color: #FFFFFF; 
    width: 10px; 
    border-bottom: 1px solid #000000;
}

td.tabon { 
    background-color: #333333;          /* edit this color */ 
    font-size: 13px; 
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF; 
    border-left: 1px solid #CCCCCC; 
    border-right: 1px solid #000000; 
    border-top: 1px solid #CCCCCC; 
    padding: 2px 6px 2px 6px; 
}

td.taboff { 
    background-color: #EFEFEF; 
    font-size: 12px;
    font-weight: normal; 
    border: 1px solid #000000; 
    padding: 2px 6px 2px 6px; 
}

td.submenu { 
    background-color: #333333 ;         /* edit this color */ 
    color: #000000; 
    font-size: 12px; 
    border-top: 1px solid #000000; 	
    padding: 6px;
}

table.listing th
{
    color: black;
    background-color: silver;
}

table.listing td
{
    border-bottom: 1px solid #cccccc;
    padding: 2px 4px;
    
}

table.listing {
    /*max-width: 50em;*/
    border-collapse: collapse;
}

table.listing th
{
    text-align: left;
}



/********** FOOTER SETTINGS **********/

td.footer { 
    background-color: #333333 ;         /* edit this color */ 
    font-size: 11px; 
    color: #FFFFFF; 
    border-top: 1px solid #000000;
    padding: 4px; 
}

/****** LOGIN FORM *********/

#login-wrapper
{
    /*border: 1px solid red;*/
    width: 500px; 
    height: 350px; 
    background: #99CCFF;
    border: 1px solid black; 
    margin-top: 5em; 
    border-bottom: none
    
} 

#login-header
{
    /*height:74px; */
    background: url(http://www.thedentalassistantonline.com//view/header-image.gif) no-repeat 100% 100%;
    background-color: white; 
    
    margin:0;
    text-align: left;
    
}

#login-table
{
    border: 1px solid #333333;
    padding: 1em 5em 1em 5em;
}

.login-row
{
    background: #333333 ;
    text-align: center; 
    color: white;
}

#login-footer
{
    width: 500px; 
    background: #333333;
    color: white; 
    text-align: right; 
    height: 20px; 
    border: 1px solid black;
}


/********* Student Area ********/
td.passed { 
    background-color: #FFFFFF !important;
    font-size: 10px !important; 
    color: #009933; 
    border-top: 3px solid #666666 !important;
    border-left: 3px solid #666666 !important;
    border-right: 3px solid #ECECEC !important;
    border-bottom: 3px solid #ECECEC !important;
    text-align: center;
    padding: 6px;
    width: 81px;
    height: 75px;
}

td.passed a {
    color: #009933;
    text-decoration: none;
}

td.passed a:hover {
    color: #009933;
}

td.failed { 
    background-color: #FFFFFF !important;
    font-size: 10px !important; 
    color: #FF0000; 
    border-top: 3px solid #666666 !important;
    border-left: 3px solid #666666 !important;
    border-right: 3px solid #ECECEC !important;
    border-bottom: 3px solid #ECECEC !important;
    text-align: center;
    padding: 6px;
    width: 81px;
    height: 75px;
}

td.failed a {
    color: #FF0000;
    text-decoration: none;
}

td.failed a:hover {
    color: #FF0000;
}

td.incomplete { 
    background-color: #FFCC00 !important;
    font-size: 10px !important; 
    color: #000000; 
    border-right: 3px solid #666666 !important;
    border-bottom: 3px solid #666666 !important;
    border-top: 3px solid #ECECEC !important;
    border-left: 3px solid #ECECEC !important;
    text-align: center;
    padding: 6px;
    width: 81px;
    height: 75px;
}

td.incomplete a { 
    color: #0000FF;
    text-decoration: none; 
}

td.incomplete a:hover {
    color: #0000CC;
}

td.na { 
    background-color: #F0F0F0 !important;
    font-size: 10px !important; 
    color: #999999 !important; 
    border-right: 3px solid #666666 !important;
    border-bottom: 3px solid #666666 !important;
    border-top: 3px solid #ECECEC !important;
    border-left: 3px solid #ECECEC !important;
    text-align: center;
    padding: 6px;
    width: 83px;
    height: 75px;
}

td.na a { 
    color: #999999;
    text-decoration: none; 
}

td.na a:hover {
    color: #999999;
}

td.available { 
    background-color: #7D92FF !important;
    font-size: 10px !important; 
    color: #000000; 
    border-right: 3px solid #666666 !important;
    border-bottom: 3px solid #666666 !important;
    border-top: 3px solid #ECECEC !important;
    border-left: 3px solid #ECECEC !important;
    text-align: center;
    padding: 6px;
    width: 82px;
    height: 75px;
}

td.available a { 
    color: #FFFFFF;
    text-decoration: none; 
}

td.available a:hover {
    color: #FFFF66;
}
 
td.question div {
    border-bottom: 1px #CCCCCC solid;
    vertical-align: center;
    padding: 5px 0 5px 0;
}


#question-count 
{
    color: red;
}

#exam-wrapper
{
    border: 1px solid black;
    width: 700px;
    text-align: left;
    
}

.self_cell
{
    border-right: 1px solid #c0c0c0;
}

/*********** Graphing *************/

.score       { background-color: #0000FF; font-size: 1px; border: 1px solid #000000 }
.yaxis       { background-color: #FFFFFF; width: 15px; border-left: 2px solid #000000; 
               border-bottom: 2px solid #000000 }
.xaxis       { background-color: #FFFFFF; width: 15px; border-bottom: 2px solid #000000 }
.xaxiss      { background-color: #EEEEFF; text-align: center }

table.formtable th { text-align: left; }


/*********** Reporting *************/
.roweven li, .rowodd li {
    list-style: none;
}

span.passed { color: #008732; }
span.failed { color: #B90003; }




a:hover *{ text-decoration: underline !important }


.row, row
{
    display: block;
}

.label, label
{
    display: block;
    font-weight: bold;   
}

.field, field
{
    display: block;   
    margin-bottom: 0.5em;
}

.formHelp
{
    color: #777777;
}

.lightFormTable th
{
    color: black;
    text-align: left;
    padding: 0.5em;
}

th{ color: white; } 
td{ color: black; }

th a 
{
    color: white;
}


.summary_passed
{
    /*background-color: green;*/
    background-color: #829ab2;
}

.summary_incomplete
{
    background-color: white;
}

.summary_exempt
{
    background-color: silver;
}

.summary_passed_optional
{
    /*background-color: silver;*/
    /*background-color: #FF6632;*/
    background-color:#f48c67;
    
}

.summary_incomplete_optional
{
    /*background-color:#efefef;*/
} 

input:focus
{
    background-color: #D6DFEB;
}

.clickable
{
    cursor: pointer;
}


.calendar
{
    
}

a.menu
{
    text-decoration: none;
}

a.active
{
    text-decoration: underline;    
}

@media screen
{
    
    .onlyPrint
    {
        display: none;
    }
}

@media print{
    
a
{
    color: black;
    text-decoration: none;
}

#main-tabs
{
    display: none;
}

input, select, textarea
{
    border-style: none !important;
}

.noPrint
{
    display: none;   
}

.visual-wrapper {
    border: none;        
}

.button
{
    display: none;
}



}




#results-subtable td:first-child
{
        width: 15em;
}

#results-subtable td
{
    border-style: none;
}

#results-subtable a
{
    text-decoration: none;
}



#results-table tr.roweven > td:first-child, #results-table tr.rowodd > td:first-child
{
    width: 20em; 
    padding: 0;  
    padding-left: 2px;
}

#results-table
{
    width: 100%;
}



.customAvailable
{
    border-style: none !important;
    background-color: white !important;
    padding: none !important;
    margin: none !important;       
} 
  
.customPassed
{
    border-style: none !important;
    background-color: white !important;
    padding: none !important;
    margin: none !important;  
}   

.WORKPLACE_cell
{
    background-color: white !important;
    /*text-align: center;*/
    padding: none !important;
    margin: none !important;     
}

.WORKPLACE_header, .WORKPLACE_cell
{
    border-left: 1px solid #666666;
    text-align: center;
}

.WORKPLACE_header, .OTHER_header
{
    background-color: #d6dfeb;
    color: black;
    text-align: center; 
}

.OTHER_cell
{
    text-align: center;
    background-color: white !important; 
    
}

.OTHER_cell, .WORKPLACE_cell
{
    width: 8em;    
    
}

.SELF_ASSESSMENT_cell, .SELF_ASSESSMENT_header
{
    /*text-align: center;*/
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
}


.state_INCOMPLETE
{
    color: red;
}

.state_COMPETENT, .state_EXEMPT
{
    color: green;
}


#student-unit-list td
{
    font-size: x-small !important;
    font-family: Arial, Helvetica, sans-serif;
}

#results-table
{
    margin-bottom: 2em;    
}

#student_report-student_name
{
    display: block;
    border-bottom: 1px solid black;
}


#results-table td
{
    width: 40%;
}

#results-table td#results-table-unit
{
    width: 20%;
   /* font-weight: bold;
    border-left: 3px double black;*/
}



tr.even td
{
    background-color: #f0f0f0;
    padding: 0.2em;
}

tr.odd td
{
    padding: 0.2em;
}