/*
//Basic container layout
*/


html, body
{
    margin: 0px;
    padding: 0px;
    height: 100%; /* needed for container min-height */
    background-color: #fff;
    font-family: arial,sans-serif;
    font-size: 0.9em;
    color: #000;
    background-image: url(images/body_blue_gradient.jpg);
    background-repeat: repeat-x;

}
xmp
{
    color: Red;
    font-size: 1.4em;
}

#pagewrap
{
    padding: 10px;
}
#container
{
    min-width: 788px;
    max-width: 1260px;
    margin: auto; 
    position: relative; /* needed for footer positioning*/ /*margin: 0 auto; /*center, not in IE5 */
    width: 100%;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treated as min-height*/
    min-height: 100%; /* real browsers */
    padding-bottom: 30px;
    overflow: hidden;
    background-color: #fff;
}

#header
{
    background-image: url(images/header_gradient_small.jpg);
    background-repeat: repeat-x; 
    background-color: #0078fd;
}
#header h1
{
    font-size: 1.8em;
    font-style:italic;
    color: #e5e5e5;
    padding-top: 14px;
}
.headerTable td
{
    vertical-align: middle;
    margin-top:0px;
}

.headerLogo
{
    margin: 0px;
    padding: 0px;
}

.headerCustomLogo
{
    border:1px solid #ff0000;
}

#navmenu
{
    height: 30px; /*margin: 0px 190px 0px 0px;*/
    background: url(images/small_grey_background.jpg);
    background-repeat: repeat-x;
    border-bottom: 1px solid #bbb;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    font-size: 1.0em;
}
#navmenu table
{
}
#navmenu a, #navmenu span
{
    margin-right: 5px;
    text-decoration: none;
}
#navmenu h1
{
    color: #ffac4a;
    padding: 0px;
    margin: 0px;
}

#navmenu table td
{
    text-align: left;
    padding: 4px 5px 5px 5px;
    vertical-align: middle;
}

.imageNoBorder
{
    border: none;
    margin: 0px 0px 10px 0px;
}


.dataListRedHat 
{
     width:100%;
   
}

.dataListRedHat td
{
    padding-bottom: 5px;
    width:100%;
}


#footer
{
    position: fixed;
    bottom: 0px; /* stick to bottom */ /*background: url(images/footer_background.jpg);*/ /* background: url(images/header_logo_gradient.jpg);     background-repeat: repeat-x;*/ /*background: url(images/cityscape.png);     background-repeat:repeat-x;     background-position:top;*/
    z-index: 0;
    padding: 4px 0px 4px 0px;
    width: 100%;
    border: 1px #ccc solid;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    min-width: 780px;
    max-width: 1260px;
    background-color: #2b5e8d;
}


.smallNavLinks a
{
    color: #fff;
}
.smallNavLinks
{
    width: 600px;
    text-align: center;
    margin: auto;
}
.smallNavLinks td
{
    width: 100px;
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 0px 1px 0px 0px;
}

.searchTable
{
    background-color: #2b5e8d;
    color: #fff;
}

/*
//tag formatting
*/


h1
{
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    margin: 18px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
}

h2
{
    font-size: 1.1em;
  
    color: #0055a5;
    margin: 0px 0px 0px 5px;
    padding:0px;
}

a
{
    color: #0055a5;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

p
{
    margin:2px 0px 0px 5px;
    padding:0px;
}

table
{
    width: 100%;
    }
.tableSetWidth
{
    width: 590px;
}
.tableSetWidth td
{
    vertical-align: top;
}
table td
{
    vertical-align: top;
    }

.bodyContent {
  background-color:#fff;
  margin:5px 8px 2px 8px;
  padding:0px 5px 0px 5px;

}

.standardTable
{
   width: 99%;
    border: 1px solid #ccc;
    /*border-top: 0px;*/
    background-color: #f1f1f1;
    margin-left:5px;

    
}
.standardTable th 
{
	
	font-weight:bold;
	text-align:left;
	font-size:0.9em;
	padding:2px 0px 2px 4px;
	color:#fff;
	background-color:#00455C;
}

.standardTableBold
{
    font-weight:bold;
}
.standardTable td
{
padding:2px 0px 2px 4px;
}
.standardTable caption
{
     text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    color:#fff;
	background-color:#5091BA;
    margin:5px 0px 0px 0px;
   padding:8px 8px 8px 10px;
}
.standardTableRequired
{
    background: url(images/redDot.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 10px;
}
.noBorder {
border:0px;
}
.locationsTable
{
    width: 100%;
    background: url(images/grey_background_light.jpg);
    background-repeat: repeat-x;
    background-color: #f1f1f1;
    border: 1px dotted #0066b6;
    border-top: 0px;
    border-right: 0px;
    background: transparent;
}
.locationsTable h1 a
{
    text-decoration: underline;
}
.locationsTable h1
{
    color: #d6d6d6;
    font-size: 1.0em;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-weight: bold;
}

.locationsTable p
{
    font-size: .9em;
    color: #b0b0b0;
}

.locationsTable td
{
    padding-left: 2px;
}

.locationsTable a
{
    color: #d6d6d6;
}
.locationsTable caption
{
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
    background: url(images/reflected_blue_gradient_small.jpg);
    background-repeat: repeat-x;
    padding: 5px 5px 5px 8px;
}




.standardTableAlt
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    background-color: #f1f1f1;
    border: 1px solid #dfdfdf;
}
.standardTableAlt td
{
    padding: 2px 5px 2px 5px;
}
.standardTableAlt h1
{
    /*font-size: 1.0em;
    font-weight: bold;
    color: #000;*/
    margin: 10px 0px 4px 0px;
    padding: 0px;
}


.standardTableAlt p
{
    margin: 0px 0px 0px 5px;
    padding: 0px;
}
.standardTableAlt a
{
    padding: 0px;
    margin: 0px;
}
.standardTableAlt .fakeCaption, caption
{
    text-align: left;
    font-size: 1.1em;
    font-weight: bold; /*background: url(images/reflected_blue_gradient_small.jpg);     background-repeat: repeat-x;*/
    padding: 5px 5px 5px 8px;
    margin: 5px 0px 0px 0px; /*border-bottom: 1px solid #dfdfdf;*/
    background-color: #fff;
}


.innerContainerRight2, .innerContainerLeft2
{
    background-color:#fff;
    background-image: url(images/grey_gradient_small.jpg);
    background-repeat: repeat-x;
}
.innerContainerLeft2
{
    border: 1px solid #dfdfdf;
    float: left;
    width:14%;
}

.innerContainerRight2
{
    float: right;
    width:85%;
    border: 1px solid #dfdfdf;
    overflow-x:scroll;
}

hr
{
    border: 0;
    border-top: 1px solid #000;
    height: 0;
}


.rightAlign
{
    text-align: right;
}

ul
{
    margin-left: 20px;
}

.textboxDisabled
{
    background: #ccc;
}

.warningMessage
{
    color: red;
}
.titleHighlight
{
    color: #0055a5;
}
.highlightBlack
{
    font-weight: bold;
    color: #000;
}
.highlightWhite
{
    color: #fff;
}
.highlightOrange
{
    color: #ffac4a;
}
.highlightDarkBlue
{
    color: #00417c;
}

.valSummaryHidden ul{
display: none;
visibility: hidden;
}

.registrationTitleHighlight
{
    color: #000;
}
.pHighlight
{
    color: #0055a5;
}


.viewCourseOutlineLink
{
    text-decoration: none;
    margin-top: -10px;
    padding: 0px;
}

.requiredField
{
    background: url(images/redDot.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 15px;
}

.registrationBillingMethod .radio
{
    border: 0px;
}

/*
//form input type classes
*/
.radio input td
{
    border: 0px;
}

.radio input
{
    margin: 0px 5px 0px 0px;
    width: auto;
    border: 0px;
}

.checkboxInstructorAbilities input
{
    margin: 0px 5px 0px 0px;
    width: auto;
    border: 0px;
}

.checkbox input
{
    margin: 0px 5px 0px 0px;
    width: auto;
    border: 0px;
}
.submitButton
{
    border: 1px solid #0055a5;
    width: 110px;
    text-align: center;
    padding: 1px;
    background: #eee;
}
.submitButtonReturnToSearch
{
    border: 1px solid #0055a5;
    width: 120px;
    text-align: center;
    padding: 0px;
    background: #eee;
}
input
{
    border: 1px solid #aaa;
    width: 170px;
    padding-left: 22px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #fff;
}
textarea
{
    border: 1px solid #aaa;
    padding-left: 22px;
    padding-top: 2px;
    padding-bottom: 2px;
}
select
{
    border: 1px solid #aaa;
    width: 194px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.inputTextAreaQuestion
{
    background: url(images/txtQuestion.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: White;
}
.inputEmail
{
    background: url(images/txtEmail.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: White;
}
.inputPassword
{
    background: url(images/txtPassword.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: White;
}
.inputName
{
    background: url(images/txtName.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: White;
}
.inputPhone
{
    background: url(images/txtPhone.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: White;
}
.inputExtension
{
    background: url(images/txtPhone.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: White;
}

.inputAddress
{
    background: url(images/txtAddress.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: White;
}
.inputCard
{
    background: url(images/txtCard.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    background-color: White;
}
.inputFax
{
    background: url(images/txtFax.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
.inputInfo
{
    background: url(images/txtInfo.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: White;
}
.inputSearch
{
    background: url(images/txtSearch.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
}


.dateDisplay
{
    font-size: 10px;
    color: #000;
}
/*
//Search related classes
*/
.searchResultsLabel
{
    text-align: center;
}

/*
//Default gridview control
*/

.gridViewMouseOutStyle
{
    /* background: #D9D7AC;*/
}

.gridViewMouseOverStyle
{
    background: #ddd;
}

.gridViewDefault
{
    margin-right: 0px;
    background-color: #f1f1f1;
    margin: 0px 0px 0px 0px;
}

.gridViewDefault a
{
    text-decoration: underline;
    color: #0055a5;
}

.gridViewDefault th
{
    text-align: left;
    padding: 6px 0px 6px 5px;
    color: #000;
    background: transparent;
    font-size: 1.1em;
    font-weight: bold;
    background: url(images/grey_background_small.jpg);
    background-repeat: repeat-x;
}
.gridViewDefault th a
{
    color: #fff;
    margin-left: 5px;
}
.gridViewDefault td
{
    padding: 2px 5px 2px 0px;
    cursor: pointer; /* border: 1px solid #c8c89f;*/
    border-top: 1px solid #dfdfdf;
    padding-left: 2px;
    text-align: left;
}

.gridViewDefault caption
{
    display: none;
    color: #000;
    background-color: #000;
    padding: 2px 0px 2px 0px;
    text-align: left;
    font-size: 1.4em;
    background: url(images/reflected_blue_gradient_small.jpg);
    background-repeat: repeat-x;
    text-align: left;
}
.gridviewDefaultFooter
{
    background: url(images/grey_background_small_rev.jpg);
    background-repeat: repeat-x;
    padding-bottom: 150px;
}

.listCoursesPrice
{
    text-align: right;
}

/*
//Course view dates controls
*/

.dataListLocationsDiv table
{
    width: 60%;
}

.dataListCategoryCourseName
{
    width: 50%;
}


/*
/registation wizard
*/
.registerFormDiv
{
    width: 100%;
}
.registerFormDiv table
{
    padding: 0px;
    margin: 0px;
}
.registerFormDiv td
{
    padding: 0px;
    text-align: left;
    margin: 0px;
}

.registrationNavStyle
{
    text-align: left;
}


.registrationWizardContent caption
{
    color: #0055a5;
    font-size: 1.2em;
    font-weight: bold;
    padding: 2px;
    text-align: left;
    padding: 5px;
    margin-top: 20px;
}
.registrationWizardContent table
{
    background: #e4e4e4;
    font-size: 1.08em;
    margin-top: 5px;
    border: 1px solid #ccc;
}
.registrationWizardContent td
{
    padding: 2px;
}
.registrationFormTd input
{
    background-color: #fff;
}

.registrationFormDiscount td
{
    border-top: 1px solid #ccc;
    padding: 10px 0px 8px 2px;
}
.registrationFormDiscount input
{
    background-color: #fff;
}


.registrationFormLabelTdRequired
{
    background: url(images/redDot.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 10px;
}



.registrationFormLabelCreditCardTd
{
    width: 150px;
    font-weight: bold;
    padding-right: 15px;
    color: Green;
}
.registrationFormLabelCreditCardTdRequired
{
    width: 150px;
    font-weight: bold;
    background: url(images/redDot.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 15px;
    color: Green;
}
.registrationCreditCardDropDown
{
    width: 60px;
}

.registrationCreditCardCaption
{
    background: url(images/iconLock.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.registrationFormAddStudents
{
    background: #ccc;
}

.registrationFormAddStudents input
{
    padding: 2px;
    margin-right: 2px;
}
.registeredStudentsFooter
{
    text-align: left;
}

.registrationCreateAccountCheckBox td
{
    vertical-align: middle;
}

.registrationCreateAccountCheckBox
{
    width: 500px;
}
.registrationCreateAccountCheckBox input
{
    border: none;
    background-color: Transparent;
    margin: 0px;
    padding: 0px;
    width: 30px;
}
.registrationLogin
{
    width: 500px;
}
.registrationAddStudentsGrid
{
    margin-bottom: 10px;
}

.registrationAddStudentsGrid td
{
    padding: 4px 2px 2px 2px;
    border: 1px solid #eee;
    border-left: 0px;
    border-bottom: 0px;
    border-right: 0px;
    text-align: left;
    background-color: #BFE4FF;
    width: 150px;
}

.registrationReviewCourseInfoTable table
{
    margin: 0px;
    padding: 0px;
    width: 500px;
}
.registrationReviewCourseInfoTable td
{
    width: 50%;
}
.registrationReviewStudentInfo
{
    padding: 0px;
    width: 500px;
}
.registrationReviewStudentInfo td
{
    width: 50%;
}

.tableTitle
{
    background: #a1a1a1;
    border: 1px solid #fff;
    color: #000;
    font-weight: bold;
}
.GridViewReviewStudentList
{
    width: 500px;
}


/*
//new user account creation
*/
.newAccountTable
{
    background: #e4e4e4;
    font-size: 1.08em;
    border: 1px solid #ccc;
}
.newAccountTable caption
{
    color: #000;
    background-color: #f1f1f1;
    padding: 2px 0px 2px 0px;
    text-align: left;
    font-size: 1.05em;
    background-image: none;
}
.newAccountTable td
{
    padding: 2px;
}
.newAccountTable input
{
    background-color: #fff;
}
.newAccountTableButtons
{
    width: 200px;
}

/*
//location details 
*/
.locationImage
{
    padding: 2px;
    border: 1px solid #ccc;
}
.locationDetailTable
{
    width: 600px;
    border: 1px solid #dfdfdf;
    margin-bottom: 10px;
    background-color: #f1f1f1;
}

.locationDetailTable .addressInfo
{
    width: 180px;
}

.locationDetailTable td
{
    text-align: right;
    padding: 4px 2px 2px 2px;
}

.locationDetailTable caption
{
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px;
    background-color: #fff;
    background-image: none;
    padding: 5px 0px 5px 2px;
}

.locationDetailTable p
{
    text-align: left;
    margin-left: 93px;
}
.locationDetailTable ul
{
    text-align: left;
    margin-left: 93px;
}
.locationDetailCenterDiv
{
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}
address
{
    margin: 5px 0px 5px 0px;
}


/*instructor portal*/

.checkboxInstructorAbilities input
{
    margin: 0px;
}

/*class eval form*/
.evalFormTable
{
    width: 100%;
    border: 1px solid #ccc;
    border-top: 0px;
    margin: 0px 0px 10px 0px;
}
.evalFormTable caption
{
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px;
    background: url(images/small_grey_background.jpg);
    background-repeat: repeat-x;
    padding: 5px 0px 5px 2px;
}

.evalFormTable .checkBox input
{
    margin: 0px 2px 0px 2px;
    width: auto;
    border: 0px;
}
.evalTitle
{
    font-weight: bold;
    color: #0055a5;
    margin-top: 5px;
}
.evalRadioButton
{
    width: 250px;
}
.evalRadioButton td input
{
    width: 20px;
    margin: 0px 0px 0px 10px;
    border: none;
}
.evalRadioButton td label
{
    margin: 0px;
    padding: 0px;
}
.checkBoxAlign
{
    width: 20px;
    text-align: center;
}

.dropDownAlign
{
    width: 350px;
}

/*instructor eval tables*/

.gridViewEval td
{
    text-align: left;
}
.evalScore
{
    padding: 0px 10px 0px 10px;
    text-align: center;
}
.gridViewEval caption
{
    color: #000;
    font-weight: bold;
    padding: 0px 0px 20px 0px;
    text-align: left;
    font-size: 1.4em;
}

.courseAssessmentTable
{
    width: 600px;
    margin: 0px 0px 0px 0px;
    background-color: #f1f1f1;
    padding: 5px;
    border-bottom: 1px solid #dfdfdf;
}
.courseAssessmentTable th
{
    font-weight: bold;
}

.nowBookingTable
{
    font-size: 1.2em;
    width: 100%;
    color: #000;
    width:700px;
}

.nowBookingTable h2
{
    font-size: 1.4em;
}

.nowBookingTable h3
{
    margin: 8px 0px 8px 0px;
    font-weight: normal;
    font-size: 0.8em;
    font-style: italic;
}

.nowBookingTable a
{
    margin-top: 4px;
    font-weight: normal;
    font-size: 0.9em;
}

.courseBrowserTable 
{
    width: 32%;
    border: 1px solid #ccc;
	float:left;
	display:inline;
	margin:5px;
	background-color: #f1f1f1;

}
.courseBrowserTable td {
	padding:0px 5px 5px 5px;
	width:500px;
 }
 .courseBrowserTable tr 
 {
 	 width:100%;
 }
.courseBrowserTable caption
{
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    background: url(images/small_grey_background.jpg);
    background-repeat: repeat-x;
    padding: 4px 0px 5px 6px;
    width:100%;
    margin:0px 0px 5px 0px;
}

.courseTableHeader 
{
	width:100%;
	background: url(images/courseTableHeader_bg.jpg);
	height:100px;
	background-position:top right;
    background-repeat:no-repeat;
    background-color:#d2d2d2;
    
}

.userRegistrationStudentTable 
{
  background-color:#fff;
  color:#0088cc;
  border:1px solid #ccc;
  margin:0px 0px 10px 0px;
  padding:0px;
  font-size:0.9em;
}

.clear {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }