@charset "utf-8";
/* CSS Document */

/*------------------------------     text     ------------------------------*/

.admincontrol {
 color: #fff;
 background: #999; float: right; font-size: 10px;
 border: 1px solid #000; margin: 3px;
}

#trainee_table_row {
 height: 30px;
}

.trainee_table_heading {
 font-weight: bold;
 float: left; padding-right: 6%;
}

/*------------------------------ Table styles ------------------------------*/

td  {
 color:#434343;
 text-decoration: none;
}

td.shaded  {
 background : #F3F3F3;
}

td.body  {
 Text-Decoration : none;
}

td.required  {
 Text-Decoration : none;
 color : Red;
}

td.head {
    color:#FFF;
    background-color : #999999;
    text-align : center;
}

/*------------------------------ Category display page ------------------------------*/

#cat_img2, #cat_img1, #pdflink, #tech_inf {
text-align: center;
}


/*------------------------------ Forms ------------------------------*/

.formlabel {
 width: 130px;
 clear:both;
}

.smslabel {
 float: left;
 width: 200px;
 padding-right: 10px;
 text-align: right;
 vertical-align: bottom;
 font-weight: bold;
}

.buttons {
 width: 100%;
 text-align: center;
 padding:0;
 margin:0;
}

br.cl {
 clear: both; line-height: 0px;
}

/*------------------------------ Block styles ------------------------------*/

blockquote {
 color: #777;
 margin: 10px;
 padding: 5px;
 background: #fff;
}

#controls {
 width: 100%;
}

label {
 float: left; width: 133px; padding-right: 2px; text-align: right; vertical-align: bottom;
}

.checklist {
 margin: 10px 10px 10px 100px;
}

input,textarea,select {
 color: #333;
 border: 1px solid #000;
 margin: 1px;
 background-color: #ecebec;
}

input.editcheckbox {
 margin-left: 10px; background-color: transparent; border: none;
}

#specselectdiv {
 float: right;
}

.loose0 {
 float: left; border: #000 1px solid; text-align: left;
 width: 100px; height: 160px; margin: 0px; padding: 5px;
}

.loose1 {
 float:left; border: #000 1px solid; text-align: left;
 width: 100px; height: 160px; margin: 0px; padding: 5px;
}

#issues, .edittable, #downloadkeys, .items {
 width: 85%;
 margin-right: 5px;
}

.edittable td, .loctable td, #issues td, #downloadkeys td,th, .items td {
 border: #c5d1ff 1px solid;
 text-align: left;
 padding: 3px;
 vertical-align: top;
}

.tdheader {
 font-weight: bold;
 width: 20%;
}

.issuename {
 width: 30%;
}

#smslog {
width: 100%;
}

#smslog td {
 border: #c5d1ff 1px solid;
}

.alert, .alertgreen, .alertred, .alertblue {
 border: #ddd 1px dashed;
 color: #222;
 margin-bottom: 10px;
 background: no-repeat url(../img/info.gif) #e8a6a7;
 background-position: left top;
 padding: 1px 4px 4px 30px;

}

div.alertred {
 background: no-repeat url(../img/info.gif) #e8a6a7;
}

div.alertgreen {
 background: no-repeat url(../img/info.gif) #98cb98;
}

div.alertblue {
 background: no-repeat url(../img/info.gif) #bcbcde;
}

div.sbox {
 overflow: auto; height: 200px;;
}

#shout {
 display: block;
 margin: 10px 3px;
 color: #ddf;
 line-height: 20px;
 font-family: serif;
 text-align: center;
 /*filter:alpha(opacity=40);
 opacity: 0.4;*/
 background-color: #334;
 padding: 3px;
 width: 190px;
 border: 2px solid #aab;
 font-size: 18px;
}

/*------------------------------ Images + barlist ------------------------------*/

.loose0 {
 float: left; border: #000 1px solid; text-align: left;
 width: 100px; height: 130px; margin: 0px; padding: 5px;
}

.loose1 {
 float:left; border: #000 1px solid; text-align: left;
 width: 100px; height: 130px; margin: 0px; padding: 5px;
}

img {
 border: none;
}

img.decorimg {
 float: right;
 margin: 10px;
 border: none;
 background: #fff;
}

#multisearch { 
 position:absolute;
 top:10px;
 left:0;
}

.orderconfirm {
width: 100%;
border: #000 1px solid;
}

.orderconfirm td {
border: #000 1px solid;
}

.floatingleft {
 margin: 5px;
 float: left;
}

.floatingright {
 margin: 5px;
 float: right;
}

.keystate a {
 color: black;
}

/*------------------------------ Tabular DB output ------------------------------*/

#database {
 margin: 15px 5px;
}

#database tr td {
 height: 20px;
 border: 1px solid #ddd;
 border-width: 0px 0px 1px 1px;
 padding: 2px 4px;
}

.truefalse, .state {
 text-align: center;
}

/*------------------------------ Annotation - table cells ------------------------------*/

.note_indicator {
 font-size: xx-small;
 border: 1px solid gray;
 text-decoration: none;
 float: right;
}

.bright {
 border-color: #333;
}

.dark {
 color: #eee;
 border-color: #eee;
}

/*------------------------------ Annotation - Show notes ------------------------------*/

#notes_main {
 text-align: left;
}

.note_header {
 font-size: 10px;
 background: #eed;
}

.note_body {
 background: #ffd;
}


.note_footer {
 font-size: 10px;
 text-align: right;
 background: #ffd;
}

/*------------------------------ Help Comments ------------------------------*/

a.helpicon span {
 display: none;
}

a.helpicon:hover span {
 display: block;
 width: 200px;
 color: #114411;
 background: #b3d2a1;
 border: 1px dotted green;
 position: absolute;
 left: 650px;
 margin-right: 200px;
 z-index: 999;
}