﻿
/*
blue: #80A6B7
mid blue: #6C92A3
dark blue: #47626E
light blue: #B3CAD4
off-white: #FFFFF0
*/

/***************************************************************************/
/* training schedule styles */
/***************************************************************************/
.trainingschedule .class {padding: 10px;}
.trainingschedule h3 {clear: both; font-size: 100%; font-weight: normal; margin: 30px 0 0 0; padding: 3px 0 3px 10px; color: #FFF; background-color: #B3CAD4;}
.trainingschedule p {font-size: 90%; line-height: 1.2em; margin: 5px 0 5px 0;}
.trainingschedule label {font-weight: bold;}
.trainingschedule input {margin: 15px 0 0 0; font-size: 80%; padding: 0 2px 0 2px;}
.trainingschedule .moreinfo {font-size: 90%; margin: 30px 0 15px 0; padding: 0 0 0 10px;}
.trainingschedule .coursedescription {margin: 15px 15px 15px 0;}
.trainingschedule .column2 {width: 200px; float: right; margin: 0; padding: 0;}
.trainingschedule .divider {clear: both;}

.trainingschedulecompact {text-align: center;}
.trainingschedulecompact h3 {font-size: 110%; margin: 18px 0 5px 0; padding: 0;}
.trainingschedulecompact p {font-size: 90%; line-height: 1.2em; margin: 5px 0 5px 0;}
.trainingschedulecompact div {margin: 30px 0 0 0; font-weight: bold; font-size: 90%;}

/***************************************************************************/
/* admin page styles */
/***************************************************************************/
/* grids */
.admingrid, .adminsortablegrid {width: 95%; border: solid 1px #80A6B7; border-collapse: collapse;}
.admingrid th, .admingrid td, 
.adminsortablegrid th, .adminsortablegrid td {font-family: Arial, sans-serif; font-size: 70%; text-align: center; padding: 2px; border: solid 1px #80A6B7;}
.admingrid th, .adminsortablegrid th {color: #47626E; background-color: #B3CAD4; vertical-align: middle;}
.admingrid .left, .adminsortablegrid .left {text-align: left; padding-left: 10px;}
.adminsortablegrid .currentsort {background-color: #6C92A3;}
.adminsortablegrid th a:link, .adminsortablegrid th a:visited,
.adminsortablegrid th a:hover, .adminsortablegrid th a:active {color: #FFFFF0; text-decoration: underline;}
.adminsortablegrid th a:hover {color: #47626E;}

/* gridview pager */
.adminpager td {border: none;}

/* nested grid */
.adminnestedgrid {width: 90%; margin: 5px;}
.adminnestedgrid th, .adminnestedgrid td {text-align: center; padding: 2px;}

/* standard table */
.admintable {width: 95%; border: none; border-collapse: collapse;}
.admintable th, .admintable td {font-family: Arial, sans-serif; font-size: 70%; text-align: left; padding: 2px; border: none;}

/* grid command links */
a.admincommand:link, a.admincommand:visited, 
a.admincommand:hover, a.admincommand:active {font-weight: bold; text-decoration: underline;}

/* used to disable links consistently across ie and firefox */
.admincommanddisabled, a.admincommanddisabled:link, a.admincommanddisabled:visited, 
a.admincommanddisabled:hover, a.admincommanddisabled:active {font-weight: bold; color: #CCC; text-decoration: none;}

/* validation messages */
.adminvalidation {font-family: Arial, sans-serif; font-size: 11px; color: #FF0000;}
.adminvalidation ul {font-family: Arial, sans-serif; font-size: 11px; color: #FF0000;}

/* non-validation user messages */
.adminmessage {font-family: Arial, sans-serif; color: #FF0000;}

/* list and detail control containers */
.adminlist {padding-top: 5px;}
.admindetail {padding-top: 5px;}

/* form fields */
.field {font-size: 85%; clear: both; margin-top: 5px;}

/* paragraphs on admin form and list pages */
.adminform p {font-family: Arial, sans-serif; font-size: 85%; line-height: 1.3em;}
.adminlist p {font-family: Arial, sans-serif; font-size: 85%; line-height: 1.3em;}

/* admin form note */
.adminform p.note {margin: 5px 0 0 0; font-style: italic;}

/* admin form labels */
.adminform p label, .adminform .field label {font-family: Arial, sans-serif; font-size: 100%;}

/* admin form input and select elements */
.adminform input, .adminform select {font-family: Arial, sans-serif; font-size: 120%;}

/* admin disabled form input */
.adminform input.disabled {background-color: #EEE;}

/* columns on admin forms */
.adminform .column {float: left; padding: 0 20px 0 0;}
.adminform .columns {height: 1%;}

/* section headlines */
.adminform h1 {font-size: 140%; font-weight: bold; clear: both;}
.adminform h2 {font-size: 130%; font-weight: bold; clear: both;}
.adminform h3 {font-size: 120%; font-weight: bold; clear: both;}
.adminform h4 {font-size: 110%; font-weight: bold; clear: both;}

.adminclear {clear: both;}

/*
blue: #80A6B7
mid blue: #6C92A3
dark blue: #47626E
light blue: #B3CAD4
off-white: #FFFFF0
*/
