body {
background:#ffffff;
font-family:arial ,tahoma, sans-serif;
font-weight:normal;
font-variant:none;
text-decoration:none;
white-space:normal;
color:#000080;
font-size:11pt;
}

a {
  color:#1a3270;
}
a:hover{
  color:#ff0000;
}

h1,h2,h3 {
padding:0; 
margin:0;
}

h1 {
  font-size:18pt;
}
h2 {
  font-size:14pt;
  padding:10px 0 5px;
}  
h3 {
  font-size:12pt;
  padding:10px 0 5px;
}

img {
  border:0;
}

th {
  text-align:left;
}

.spartsecurity-login div.form-row {
  margin-bottom:2px;
  text-align:left;
}
.spartsecurity-login div.form-row label {
  float:left;
  margin-right:5px;
  text-align:right;
  width:260px;
}


form.user-details label {
  float:left;
  width:130px;
}
div.form-row label {
  width:130px;
}

form.unit-test {
  text-align:left;
}
form.unit-test p {
  font-weight:bold;
}
form.unit-test label {
  font-weight:normal;
}

p {
background:#ffffff;
color:#1a3270;
font-size:11pt;
font-weight:normal;
line-height:100%;
letter-spacing:0;
font-variant:normal;
vertical-align:middle;
white-space:nowrap;
padding:1px 0 0;
margin:0;
}

p.info {
  font-size:10pt;
  font-style:italic;
}

p a{
color:#1a3270;
font:10pt Arial, Verdana, Sans-Serif;
font-weight:bold;
white-space:nowrap;
}

p a:hover{
color:#ff0000;
font:10pt Arial, Verdana, Sans-Serif;
font-weight:bold;
white-space:nowrap;
text-decoration:underline;
}

table.student-progress {
  border-collapse:collapse;
}
table.student-progress td,
table.student-progress th {
  padding-right:10px;
}

#table-main {
background:#ffffff;
width:900px;
border:0;
padding:0;
margin:0 auto;
}

.main-tl {
background:#ffffff url(../images/tl.jpg) bottom right no-repeat;
width:30px;
padding:0;
margin:0;
}

.main-tm {
background:#ffffff url(../images/tm.jpg) bottom left repeat-x;
width:540px;
padding:0;
margin:0;
}

.main-tr {
background:#ffffff url(../images/tr.jpg) bottom left no-repeat;
width:30px;
padding:0;
margin:0;
}

.main-ml {
background:#ffffff url(../images/ml.jpg) top right repeat-y;
width:30px;
padding:0;
margin:0;
}

.main-logo {
background:#ffffff ;
width:540px;
padding:0;
margin:0;
vertical-align:top;
text-align:left;
}

.main-logout {
color:#1640a6;
background:#ffffff;
padding:0;
padding-right:5px;
margin:0;
vertical-align:top;
text-align:right;
font:8pt Arial, Verdana, Sans-Serif;
font-weight:normal;
line-height:100%;
letter-spacing:0;
font-variant:normal;
white-space:nowrap;
text-decoration:none;
}

.main-logout a {
color:#ff7f19;
font:8pt Arial, Verdana, Sans-Serif;
font-weight:bold;
font-variant:normal;
white-space:nowrap;
text-decoration:none;
}

.main-logout a:hover {
color:#ff0000;
font:8pt Arial, Verdana, Sans-Serif;
font-weight:bold;
font-variant:normal;
white-space:nowrap;
text-decoration:underline;
}


.main-mr {
background:#ffffff url(../images/mr.jpg) bottom left repeat-y;
width:30px;
padding:0;
margin:0;
}

.main-bl {
background:#ffffff url(../images/bl.jpg) top right no-repeat;
width:30px;
padding:0;
margin:0;
}

.main-bm {
background:#ffffff url(../images/bm.jpg) top left repeat-x;
width:540px;
padding:0;
margin:0;
}

.main-br {
background:#ffffff url(../images/br.jpg) top left no-repeat;
width:30px;
padding:0;
margin:0;
}

.loginBox {
background:#ffffff;
color:#dddddd;
}

.logoutBox {
background:#ffffff;
color:#16469b;
text-align:right;
vertical-align:top;
font:12pt Arial, Verdana, Sans-Serif;
font-weight:normal;
line-height:100%;
letter-spacing:0;
font-variant:normal;
white-space:nowrap;
text-decoration:none;
}

.logoutBox a{
color:#ff7f19;
font:12pt Arial, Verdana, Sans-Serif;
font-weight:normal;
white-space:nowrap;
text-decoration:underline;
}

.loginTextInput {
color:#bababa;
font:11pt Arial, Verdana, Sans-Serif;
font-weight:normal;
line-height:100%;
letter-spacing:0;
background:#efefef;
border-top:1px solid #bababa;
border-left:1px solid #bababa;
border-right:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
padding:2px 4px 2px 4px;
font-variant:normal;
vertical-align:middle;
margin:1px;
}

.loginTextInput:hover {
background:#ffffff;
color:#7b7c00;
border:1px solid #a0a0a0;
}

.module-title-main {
color:#101010;
font:11pt Arial, Verdana, Sans-Serif;
font-weight:bold;
line-height:100%;
letter-spacing:0;
font-variant:normal;
vertical-align:bottom;
white-space:nowrap;
padding:0 12px 0 0;
margin:0;
}

.module-details {
color:#808080;
font:8pt Arial, Verdana, Sans-Serif;
font-weight:normal;
line-height:100%;
letter-spacing:0;
font-variant:normal;
vertical-align:top;
white-space:nowrap;
padding:0;
margin:0;
}

.module-icon{
border:1px solid #ffffff;
background:#ffffff;
padding:1px;
margin:0;
}

.module-icon-current {
border:1px solid #ff0000;
background:#ffeeee;
color:#ff0000;
padding:1px;
margin:0;
}


.module-title-complete {
color:#007e09;
font:7pt Arial, Verdana, Sans-Serif;
font-weight:normal;
line-height:100%;
letter-spacing:0;
font-variant:normal;
vertical-align:middle;
white-space:nowrap;
padding:0 0 0 4px;
margin:0;
}

.module-title-current {
border:0 solid #ff0000;
background:#ffffff;
color:#101010;
font:8pt Arial, Verdana, Sans-Serif;
font-weight:bold;
line-height:100%;
letter-spacing:0;
font-variant:normal;
vertical-align:middle;
white-space:nowrap;
padding:0 0 0 4px;
margin:0;
}

.module-title-pending {
color:#808080;
font:7pt Arial, Verdana, Sans-Serif;
font-weight:normal;
line-height:100%;
letter-spacing:0;
font-variant:normal;
vertical-align:middle;
white-space:nowrap;
padding:0 0 0 4px;
margin:0;
}

.unit-title-complete {
color:#204192;
font:10pt Arial, Verdana, Sans-Serif;
font-weight:normal;
line-height:100%;
letter-spacing:0;
font-variant:normal;
vertical-align:middle;
white-space:nowrap;
padding:0 0 0 4px;
margin:0;
}

.unit-title-current {
background:#ffffff;
color:#1a3270;
font:10pt Arial, Verdana, Sans-Serif;
font-weight:normal;
line-height:100%;
letter-spacing:0;
font-variant:normal;
vertical-align:middle;
white-space:nowrap;
padding:1px 4px 0 4px;
margin:0;
font-style:italic;
}

.unit-title-current a{
color:#1a3270;
font:10pt Arial, Verdana, Sans-Serif;
font-weight:bold;
white-space:nowrap;
text-decoration:none;
}

.unit-title-current a:hover{
color:#ff0000;
font:10pt Arial, Verdana, Sans-Serif;
font-weight:bold;
white-space:nowrap;
text-decoration:underline;
}

.unit-title-pending {
color:#6c8ee4;
font:10pt Arial, Verdana, Sans-Serif;
font-weight:normal;
line-height:100%;
letter-spacing:0;
font-variant:normal;
vertical-align:middle;
white-space:nowrap;
padding:0 0 0 4px;
margin:0;
}


.speach {
color:#1640a6;
width:182px;
text-align:center;
font:9pt Tahoma, Arial, Verdana, Sans-Serif;
font-weight:bold;
line-height:100%;
letter-spacing:0;
font-variant:normal;
vertical-align:middle;
white-space:normal;
padding:4px;
margin:0;
border-left:1px solid #000000;
border-right:1px solid #000000;
}

.error {
color:#ffffff;
font:10pt Arial, Verdana, Sans-Serif;
font-weight:bold;
letter-spacing:0;
/*width:60%;*/
background:#f18d0b;
border:2px solid #853403;
padding:4px 2px 4px 2px;
font-variant:normal;
vertical-align:middle;
margin:0;
}

div.info-message {
background-color:#57BF56;
border:1px solid #2F7D2E;
color:#fff;
font-size:13pt;
margin:15px 0;
padding:10px;
text-align:center;
text-shadow:0 1px 1px #014000;
}
div.info-message span,
div.info-message span a {
  color:#fff;
  font-size:11pt;
  text-shadow:none;
}

.rhs-char {
width:220px;
text-align:right;
}

.file-download { 
color:#808080;
font:8pt Arial, Verdana, Sans-Serif;
font-weight:normal;
line-height:100%;
letter-spacing:0;
font-variant:normal;
vertical-align:top;
white-space:normal;
padding:1px 4px 4px 4px;
margin:0;
text-align:center;
}

.file-download a{
color:#1a3270;
font:20pt Arial, Verdana, Sans-Serif;
font-weight:bold;
white-space:nowrap;
text-decoration:none;
text-align:center;
}

.file-download a:hover{
color:#ff0000;
font:20pt Arial, Verdana, Sans-Serif;
font-weight:bold;
white-space:nowrap;
text-decoration:underline;
}
.formKey {
  padding-right:10px;
  text-align:right;
  vertical-align:top;
}

form div.validate-error p {
  color:#c00;
  margin:0;
  padding:10px 0 5px;
}
form div.validate-error label {
  color:#c00;
  font-weight:bold;
}
form div.validate-error input,
form div.validate-error textarea,
form div.validate-error select {
  border:1px solid #c00;
  background:#ECD4D4;
}
