/*This is the main WebMentor style sheet*/

/* ######### General ######### */

font {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
}

textarea {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
}

option {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
}

pre {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
}

select {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
}

/* images */
img {
border: 0;
padding: 0px 0px 0px 0px;
}

/* used by div objects to show hide div object. */
.show {} 
.hide {
display: none
} 

.bold {
font-weight: bold;
}

.outline {
background-color: #FFFFE0;
border: thin solid Yellow;
font-weight: bold;
}

.underline {
text-decoration: underline;
}

.borderbottom {
border-bottom: 2px solid Black;
}

.italic {
font-style: italic;
}

.message {
color: green;
}

.error {
color: red;
}

.warning {
color: yellow;
}

.whiteline {
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 1px;
border-right-color: #FFFFFF;
border-right-style: solid;
border-right-width: 1px;
}

.blackline {
border-top-color: #000000;
border-top-style: solid;
border-top-width: 1px;
}

.grayline {
border-top-color: #CCCCCC;
border-top-style: solid;
border-top-width: 1px;
}

.whiteText {
color: white;
}

.greyBackground {
background: #EEEEEE;
background-color: #EEEEEE;
}

.silverBackground {
background: #C0C0C0;
background-color: #C0C0C0;
}

.whiteBGColor {
background: #FFFFFF;
background-color: #FFFFFF;
}

.headerBGColor {
background: #003399;
background-color: #003399;
}

.noMargin {
margin: 0px;
}

.indent {
padding-left: 10px;
}

.tab {
padding-left: 25px;
}

.header {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
text-transform: uppercase;
color: #336666;
}

.title {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold
}

.titleWithGreyBackground {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
background: #EEEEEE;
background-color: #EEEEEE;
}

.superscript {
vertical-align: super;
font-size : 8px;
}

.notes {
color: 808080;
}

th {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
font-weight: bold
}

td {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
}

input {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
}

td.small {
font-size: 9px;
}

td.smalltotal {
font-size: 11px;
font-weight: bold;
}

td.total {
font-weight: bold;
}

td.formHeading {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: left;
}

tr.odd {
background: white;
}

tr.even {
background: #EEEEEE;
}

.center {
text-align: center;
}

.center1 {
text-align: center;
}

/* div tags forming a box around messages */
div.error {
border-color: #FF0000;
border: solid #FF0000 2px;
margin: 4px 4px 4px 4px;
padding: 8px 16px;
background-color: #FFDFDF;
}

div.errorbox {
border-color: #FF0000;
border: solid #FF0000 2px;
margin: 4px 4px 4px 4px;
padding: 8px 16px;
background-color: #FFDFDF;
}

div.warning {
border-color: #FF6600;
border: solid #FF6600 2px;
margin: 4px 4px 4px 4px;
padding: 8px 16px;
background-color: #FED065;
}

div.success {
border-color: #008000;
border: solid #008000 2px;
margin: 4px 4px 4px 4px;
padding: 8px 16px;
background-color: #E3F3E3;
}

div.message {
border-color: #008000;
border: solid #008000 2px;
margin: 4px 4px 4px 4px;
padding: 8px 16px;
background-color: #E3F3E3;
}

/* ######### END General ######### */

/* ######### Error Messages ######### */

.error {
font-size: 11px;
font-family: Arial, Verdana, sans-serif;
color: red;
font-weight:bold;
}

.success {
font-size: 11px;
font-family: Arial, Verdana, sans-serif;
color: green;
font-weight: bold;
}

.warning {
font-size: 11px;
font-family: Arial, Verdana, sans-serif;
color: yellow;
font-weight: bold;
}

.message {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: blue;
font-weight: bold;
} 

li.success {
list-style-image: url(/training/images/complete.gif);
}

li.warning {
list-style-image: url(/training/images/warning_16x16.gif);
}

li.error {
list-style-image: url(/training/images/error.gif);
}

/* ######### END Error Messages ######### */

/* ######### Bulletin Board ######### */

#bulletinboard {
border-style: ridged;
border-width: 5px;
border-color: white;
background-color: #CC9966;
}

#postit {
border-style: none;
background-color: pink;
}

#postit font {
font-size: 11px;
color: black;
}

/* ######### END Bulletin Board ######### */

/* ######### Access Denied Screen (red screen of death) ######### */

.accessdeniedbody {
background-color: #dee8f4;
}

#accessdenied h2 {
font-size: 16px;
font-weight: bold;
color: #000000;
}

#accessdenied font {
font-size: 11px;
color: #000000;
}

/* ######### END Access Denied Screen ######### */

/* ######### Access Paused Screen ######### */

.accesspausedbody {
background-color: #ffff00;
}

#accesspaused h2 {
font-size: 16px;
font-weight: bold;
color: #000000;
}

#accesspaused font {
font-size: 11px;
color: #000000;
}

/* ######### END Access Paused Screen ######### */

/* ######### Access Suspended Screen ######### */

.accesssuspendedbody {
background-color: #f0f0f0;
}

#accesssuspended h2 {
font-size: 16px;
font-weight: bold;
color: #000000;
}

#accesssuspended font {
font-size: 11px;
color: #000000;
}

/* ######### END Access Suspended Screen ######### */

/* ######### Notebook Screens ######### */

#notebookbody {
background-color: #ffffff;
}

#notebook th font {
font-family: Arial, Verdana, sans-serif;
font-style: italic;
font-weight: bold;
font-size: 14px;
color: #006699;
}

#notebook font {
font-size: 11px;
color: #000000;
}

/* ######### END Notebook Screens ######### */

/* ######### Terms and Conditions Screen ######### */

.termsandconditionsbody {
background-color: #ffffc0;
}

#termsandconditions h2 {
font-size: 14px;
font-weight: bold;
color: #000000;
}

#termsandconditions font {
font-size: 11px;
color: #000000;
}

/* ######### END Terms and Conditions Screen ######### */

/* ######### Popup Screens ######### */

.popupbody {
}

/* ######### END Popup Screens ######### */

/* ######### Form and Report Tables ######### */

#formtable {
border-style: solid;
border-width: 1px;
border-color: #006699;
}

#reporttable {
border-style: solid;
border-width: 1px;
border-color: #006699;
}

#reporttable font {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
}

#reporttable .reportheader font {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
}

/* ######### END Form and Report Tables ######### */

/* ######### Report Controls ######### */

#reportcontrols {
border-style: solid;
border-color: black;
background-color: #006699;
}

#reportcontrolsheader font {
font-size: 11px;
font-weight: bold;
color: white
}

#reportcontrolsbody font {
font-size: 11px;
color: white
}

/* ######### END Report Controls ######### */

/* ######### Screen Title ######### */

#screentitle {
margin: -20px 0px 0px 0px;
text-align: center;
}

#screentitle font {
font-family: Arial, Verdana, sans-serif;
font-style: italic;
font-weight: bold;
font-size: 18px;
color: #5987C5; 
}

/* First and second title lines can be styled differently, if necessary */
font.screentitle1 {
}

font.screentitle2 {
}

/* ######### END Screen Title ######### */

/* ######### Menu items for unframed mode ######### */

#ddmenuitems {
width: 500px;
}

#ddmenuitems ul {
list-style: none;
}

#ddmenuitems li span {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #0000ff;
cursor: hand;
}

#ddmenuitems a, #ddmenuitems strong {
text-decoration: none;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #6D6E70;
}

#ddmenuitems a:hover {
color: #6D6E70;
/* font-weight: bold; */
text-decoration: underline;
}

#ddmenuitems p {
margin-top: 4px;
}

/* ######### END Menu items for unframed mode ######### */

/* ######### Submenu items for unframed mode ######### */

#ddcurriculumitems {
display: block;
}

#ddclassroomitems {
display: block;
}

#ddsubscriptionitems {
display: block;
}

#ddadditionalmenuitems {
display: none;
}

/* ######### END Submenu items for unframed mode ######### */

/* ######### Menu items for Role Menu ######### */


#rolemenu {
}

#rolemenuTop {
	margin-left: 0px;
	margin-top: 0px;
	background-color: #666666;
}

#rolemenuBottom {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(/training/images/hr_role_top_bar.gif);
	background-repeat: repeat-x;
}

.leftspacer {
}

.innerspacer {
}

.roleon {
}

.roleoff {
}

/* ######### END Menu items for Role Menu ######### */

/* ######### Tabs ######### */

.header a:link, .header a:visited, .header a:active
{
text-decoration: none;
color: #FFFFFF;
}

.tabs #selectedtab
{
font-size: 11px;
font-weight: bold;
line-height: 12px;
color: #FFFFFF;
text-decoration: none;
font-family: Arial, Verdana, sans-serif;
}

.tabs #unselectedtab
{
font-size: 11px;
line-height: 12px;
color: #FFFFFF;
text-decoration: none;
font-family: tahoma, arial, geneva, sans-serif;
}

.header a:hover
{
text-decoration: underline;
}

.tabs .leftoff
{
background-image: url(/training/images/tabs-left-off.gif);
background-repeat: no-repeat;
}

.tabs .lefton
{
background-image: url(/training/images/tabs-left-on.gif);
background-repeat: no-repeat;
}

.tabs .middleoff
{
background-image: url(/training/images/tabs-middle-off.gif);
background-repeat: no-repeat;
}

.tabs .middleon
{
background-image: url(/training/images/tabs-middle-on.gif);
background-repeat: no-repeat;
white-space: nowrap;
}

.tabs .middleoffonleft
{
background-image: url(/training/images/tabs-middle-off-onleft.gif);
background-repeat: no-repeat;
}

.tabs .rightoff
{
background-image: url(/training/images/tabs-right-off.gif);
background-repeat: no-repeat;
}

.tabs .righton
{
background-image: url(/training/images/tabs-right-on.gif);
background-repeat: no-repeat;
}

.tabs div
{
color:#FFFFFF;
margin-left: 23px;
}

.leftoff div, .lefton div
{
color:#FFFFFF;
margin-left: 13px;
}

.main-border
{
border-top: 3px solid #668CB1;
border-left: 3px solid #668CB1;
border-right: 3px solid #668CB1;
border-bottom: 3px solid #668CB1;
background-color: #FFFFFF;
}

.inner-border
{
border-top: 2px solid #e0e6f4;
border-left: 2px solid #e0e6f4;
border-right: 2px solid #e0e6f4;
border-bottom: 2px solid #e0e6f4;
background-color: #FFFFFF;
}

/* ######### END Tabs ######### */

/* ######### Class Schedule ######### */

#classschedule {
border-style: solid;
border-width: 1px;
border-color: #006699;
padding: 0;
margin-left: 25px;
}

#classschedule td {
padding-left: 2px;
padding-right: 2px;
}

#classschedule font {
font-size: 11px;
}

/* ######### END Class Schedule ######### */

/* ######### Attendance Sheet ######### */

#attendancetable {
border-style: none;
padding: 0;
}

.attendancesheet #orgname font {
font-size: 20px;
}

.attendancesheet #header H1 {
font-size: 22px;
}

.attendancesheet #header font {
font-weight: bold;
font-style: italic;
}

.attendancesheet #headerinfo font {
font-weight: bold;
font-size: 14px;
}

.attendancesheet #colheaderone {
border-style: solid;
border-width: 1px;
border-color: black;
}

.attendancesheet #colheaderone font {
font-size: 14px;
font-weight: bold;
}

.attendancesheet #colheadermultiple {
border-style: solid;
border-width: 1px;
border-color: black;
}

.attendancesheet #colheadermultiple font {
font-size: 12px;
font-weight: bold;
}

.attendancesheet #studentinfo {
border-style: solid;
border-width: 1px;
border-color: #A8A8A8;
}

.attendancesheet #studentinfo font {
font-size: 12px;
}

/* ######### END Attendance Sheet ######### */

/* ######### START Time Drop Down Box ######### */
/* 	Fix issue with style not placing the box properly.	*/
a.tmsel:link, a.tmsel:active, a.tmsel:visited {
text-decoration: none;
position: absolute;
text-indent: -10000px;
padding: 0;
width: 16px;
height: 18px;
margin: 2px 0 0 -19px;
background: url(/training/images/dropdown.gif) no-repeat 0 1px;
line-height: 18px;
}

a.tmsel:hover {
background-position: 0 -17px;
}

/* hacks for IE to make the dropdown button vertically centered */
* html a.tmsel:link, * html a.tmsel:active, * html a.tmsel:visited {
margin: 3px 0 0 -19px;
}

/* ######### END Time Drop Down Box ######### */

/* ######### Bread crumbs ######### */

#breadcrumbs
{
margin-top: 5px;
margin-left: 5px;
}

#breadcrumbs a {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
text-decoration: none;
color: #6D6E70;
}

#breadcrumbs a:hover {
/* font-weight: bold; */
text-decoration: underline;
}

/* ######### END Bread crumbs ######### */

/* ######### Epilogue ######### */

#epilogue {
text-align: center;
padding: 10px;
}

#epilogue font {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: #5987C5;
}

#epilogue a {
    color: #5987C5;
}

/* mail to and copyright lines can be styled differently, if necessary */
font.mailto {
}

font.copyright {
}

/* ######### END Epilogue ######### */

/* ######### Fancy (Block) Menus ######### */

.WMmenuTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
background-color: #006699;
}

.WMmenuHead1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 0px;
}

.WMmenuHead2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
}

.WMmenuDesc1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
}

.WMmenuItem1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
}

.WMmenuItem2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
}

.WMmenuItem3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 30px;
}

.WMmenuCell {
background-color: #EFEFEF;
}

/* ######### END Fancy (Block) Menus ######### */

/* ######### Validation Messages ######### */

#validationmessages {
border: solid 1px #FF0000;
margin-top: 2px;
margin-left: 0px;
margin-bottom: 2px;
background-color: #FFDFDF;
}

#validationmessages ul {
list-style-type: disc;
margin-top: 2px;
margin-left: 15px;
margin-bottom: 2px;
}

#validationmessages font {
color: red;
}

.inputerror font {
color: red;
}

/* ######### END Validation Messages ######### */