/**
 * learncentral.lms
 * The style of the standard deployment LMS.
*/

/*
 * Standard HTML element styles
*/
body {
 padding: 0;
 margin:  0;
 font: 8pt Verdana,sans-serif;
 background: url('colored_columns.gif') #fff repeat-y;
 color:      #000;
 height: 100%;
}
body.popup {
 background: transparent;
}
a {
 background: transparent;
 color: #002a90;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
h1 { font-size: 12pt; font-weight: bold; }
h2 { font-size: 10pt; font-weight: bold; }
h3 { font-size: 9pt; }
h4 { font-size: 8pt; }
h5 { font-size: 8pt; }
h6 { font-size: 8pt; }
fieldset {
 border: 0;
 padding: 0;
 margin: 0;
}


/*
 * General application element styles
*/
a.button, button.button, input.button {
 width: 70px;
 height: 17px;
 background: transparent url(button.gif) no-repeat top left;
 border: 0;
 color: #fff;
 font: bold 8pt Verdana, sans-serif;
 text-align: center;
 text-decoration: none;
 display: block;
}
a.widebutton {
 width: 120px;
 height: 17px;
 background: transparent url(button_wide.gif) no-repeat top left;
 border: 0;
 color: #fff;
 font: bold 8pt Verdana, sans-serif;
 text-align: center;
 text-decoration: none;
 display: block;
}
button.button, input.button {
 padding: 0 0 3px 0;
 vertical-align: middle;
}
button.widebutton, input.widebutton {
 width: 120px;
 height: 17px;
 background: transparent url(button_wide.gif) no-repeat top left;
 border: 0;
 color: #fff;
 font: bold 8pt Verdana, sans-serif;
 text-align: center;
 text-decoration: none;
 display: block;
 padding: 0 0 3px 0;
}

form {
 padding: 0;
 margin: 0;
}
form div.buttons {
 text-align: right;
 margin: 4px 0;
}
input, textarea {
 font-size: 8pt;
 background: #fff;
 color: #000;
 border: solid 1px #bbb;
}
span.error {
 background: transparent;
 color: #ba0000;
}


/*
 * Branding styles
*/
#brand {
 width:  100%;
 height: 53px;
 margin: 0; padding: 0;
 background: #233987 url(banner.jpg) no-repeat top left;
 color: #fff;
}


/*
 * Menu (primary navigation) styles
*/
#menu {
 width: 100%;
 height: 17px;
 margin: 0;
 padding: 0;
 background: #b9d6f9;
 color: #fff;
 border-bottom: solid 1px #5c97f7;
}
#menuitems {
 padding-left: 164px;
}
#menuitems ul {
 list-style: none;
 margin: 0;
 padding: 1px 0 0 0;
}
#menuitems ul li {
 display: inline;
 padding-right: 12px;
}
#menu a {
 color: #000;
 text-decoration: none;
 font-weight: bold;
 font-size: 11px;
}
#menu a:hover {
 text-decoration: underline;
}


/*
 * Dashboard (secondary navigation) styles
*/
#dashboard {
 width: 159px;
 float: left;
 padding-top: 2px;
}
#dashboard div.banner_plugin {
 margin: 0px auto;
 margin-top: 2px;
 margin-bottom: 8px;
 text-align: left;
 width: 149px;
 background: #def;
 color: #000;
 font: 8pt Verdana,sans-serif;
 border: 2px solid #2a93f2;
}
#dashboard div.banner_plugin h1 {
 height: 20px;
 margin: 0;
 padding: 6px 0 0 2px;
 white-space: nowrap;
 background: transparent url(banner_plugin_header.gif) repeat-x top left;
 border-bottom: 2px solid #2a93f2;
 font: bold 8pt Verdana,sans-serif;
 color: #000;
}
#dashboard div.banner_plugin h1 img {
 float: left;
 margin-top: -4px;
}
#dashboard div.banner_plugin ul {
 list-style-type: none;
 margin: 2px 2px 3px 4px;
 padding: 2px 2px 3px 4px;
}
#dashboard div.banner_plugin ul li {
 padding: 0 0 2px 0;
}
#dashboard div.banner_plugin a {
 color: #002a90;
 text-decoration: none;
 font: 8pt Verdana,sans-serif;
}
#dashboard div.banner_plugin a.button {
 margin: 4px 8px 0 60px;
 color: #fff;
 font: bold 8pt Verdana,sans-serif;
}
#dashboard div.banner_plugin a:hover {
 text-decoration: underline;
}
#dashboard div.banner_plugin form {
 width: auto;
 padding: 4px 4px 6px 8px;
 margin: 0 0 0 0;
}
#dashboard div.banner_plugin form input {
 width: 129px;
}
#dashboard div.banner_plugin form label {
 display: block;
}
#dashboard div.banner_plugin .buttons {
 margin: 4px 8px 0 60px;
}


/*
 * Content styles
*/
#content {
 margin: 0 10px 0 170px;
 padding: 3px 12px 8px 8px;
 font: 8pt Verdana,sans-serif;
 color: #000;
}
#content h1,h2,h3,h4,h5,h6 {
 background: transparent;
 color: #002a90;
}
#content h1 {
 font-weight: bold;
 font-size: 13pt;
}
#content h1.break {
 border-bottom: 1px solid #ccd;
}
#content .even {
 background: #f2f3f0;
 color: #000;
}
#content .odd {
 background: #b9d6f9;
 color: #000;
}

/*
 * Special markup styles
*/
p.notice {
 margin: 16px 12px 12px 20px;
 padding: 12px;
 border: 2px solid #f66;
 background-color: #eee;
 width: 400px;
 font: bold 9pt Verdana, sans-serif;
}

.floatnote {
 float: right;
 margin: 0 0 4px 8px;
 padding: 0;
 color: #900;
}


/*
 * UI Control styles
*/
div.grid_header {
 background: transparent url(table_header.gif) repeat-x top left;
 color: #ffce11;
 height: 26px;
 padding: 2px 0 0 12px;
 text-align: left;
 font-size: 9pt;
 font-weight: bold;
 clear: right;
}
table.grid {
 padding: 0;
 margin: 2px 6px 6px 0;
 border-collapse: collapse;
 border-bottom: solid 2px #002a90;
}
table.grid thead th {
 text-align: left;
}
table.grid tbody th {
 text-align: right;
}
table.grid caption {
 margin: 2px 6px 0 0;
}
table.grid caption div.pg_nav {
 text-align: right;
 padding: 0px 12px 4px 6px;
 float: right;
}
table.grid caption div.pg_num {
 text-align: left;
 padding: 0px 6px 4px 12px;
}
table.grid tbody {
 background: #f2f3f0;
 color: #000;
}
table.grid td {
 border-left: 1px solid #8095c8;
 border-right: 1px solid #8095c8;
 padding: 4px 1em 4px 1em;
}
table.grid th {
 border-bottom: 1px solid #8095c8;
 padding: 4px 1em 2px 1em;
}
table.grid img {
 border: 0;
}

div.infopane {
 background-color: transparent;
 margin: 6px 6px 12px 0;
 width: 65%;
}
div.infopane div.infoheader {
 background: transparent url(table_header.gif) repeat-x top left;
 color: #ffce11;
 height: 26px;
 padding: 2px 0 0 12px;
 text-align: left;
 font-weight: bold;
}
div.infopane div.infobody {
 border: 1px solid #8095c8;
 background-color: #eee;
 padding: 6px;
}

div.formcontainer table  {
 border: 2px solid #8095c8;
 background-color: transparent;
}

div.legend {
 float: right;
 width: 150px;
 margin: 4px 6px 8px 4px;
 color: #000;
 background-color: #def;
 font: 8pt Verdana,sans-serif;
 border: 2px solid #2a93f2;
}
div.legend h4 {
 height: 20px;
 margin: 0;
 padding: 6px 0 0 2px;
 white-space: nowrap;
 background: transparent url(banner_plugin_header.gif) repeat-x top left;
 border-bottom: 2px solid #2a93f2;
 font: bold 8pt Verdana,sans-serif;
 color: #000;
}
div.legend h4 img {
 float: left;
 margin-top: -4px;
}
div.legend table {
 margin: 2px;
}
div.legend table td {
 padding-left: 3px;
 background: transparent;
 border: 0;
}

div.filter {
 margin: 6px 4px 6px 6px;
 padding-top: 4px;
}


/*
 * Footer styles
*/
#footer {
 margin: 0 0 0 160px;
 background: transparent;
 text-align: center;
 border-top: solid 1px #5c97f7;
 clear: both;
 font: bold 8pt Verdana,sans-serif;
}
#footer table {
 margin: 0 auto;
}
#footer table a { padding: 0 1em; }
.copyright { margin-top: 1em; }


/*
 * Older popup window styles (should go away eventually)
*/
table.data {
 background-color: #f2f3f0;
 color: #000;
}
table.error {
 background-color: #f2f3f0;
 color: #fff;
 border: 2px double #2a93f2;
}
table.form {
 border-collapse: collapse;
 border: 1px solid #2a93f2;
 background: #f2f3f0;
 padding: 2px;
}
td.data {
 font-size: 10px;
 padding: 1pt;
 vertical-align: top;
}
td.dataodd {
 background-color: #fff;
 font-size: 10px;
 padding: 1pt;
 vertical-align: top;
}
td.error {
 font-size: 9pt;
 font-weight: bold;
 text-align: center;
 padding-left: 15pt;
 padding-right: 15pt;
}
td.form {
 vertical-align: top;
 padding: 3px;
}
td.formbuttons {
 vertical-align: middle;
 padding: 6px;
 border-top: 2px solid #2a93f0;
 text-align: center;
}
td.formerror {
 vertical-align: top;
 padding: 3px;
 background: #f2f3f0;
 border-right: 3px dashed red;
 border-bottom: 3px dashed red;
}
td.formmessage {
 vertical-align: bottom;
 padding: 4px;
 border-left: 3px dashed red;
 border-right: 3px dashed red;
 border-top: 3px dashed red;
 color: red;
 background: #f2f3f0;
}
td.formnote {
 vertical-align: top;
 padding: 3px;
 text-align: left;
}
td.formsection {
 vertical-align: bottom;
 padding-top: 8px;
 padding-bottom: 2px;
 padding-left: 3px;
 border-top: 2px solid #2a93f0;
 font-size: 14px;
 font-weight: bold;
}
td.groupheader {
 background: #f2f3f0;
 font-size: 9pt;
 font-style: italic;
 font-weight: bold;
}
td.header {
 background-color: #f2f3f0;
 font-size: 11px;
 font-style: normal;
 font-weight: bold;
}
th.form {
 text-align: right;
 padding: 3px;
 font-weight: normal;
 vertical-align: top;
 font-size: 11px;
}
th.formerror {
 text-align: right;
 padding: 4px;
 font-weight: bold;
 vertical-align: top;
 color: red;
 background: #f2f3f0;
 border-left: 3px dashed red;
 border-bottom: 3px dashed red;
 font-size: 11px;
}