/*--------------------------------------------------------------------------------------------------------*/
/*-----------------------Copied From Master---------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------
Browser Resets - Do Not Edit */ /* body,ul, li, tbody, tfoot, thead, tr, th, td,table, h2, 
html,div, spsan, applet, object, iframe,
h1, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, 
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	vertical-align:baseline;
	
}
  */
body
{
	color: #404040;
	font-family: Arial,Verdana,Tahoma,sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}

ul 
{
    margin: 0px 20px 0px 0px;
    }
ol 
{
    margin: 0px 20px 0px 0px;
    }
/*
h1
{
	font-size: 18pt;
	color: #00386B;
	font-weight: normal;
}
h2
{
	font-size: 14pt;
	color: #00386B;
	font-weight: normal;
}
h3
{
	font-size: 12pt;
	font-weight: bold;
}
h4
{
	font-size: 10pt;
	font-weight: bold;
}

a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
}
a:active
{
	text-decoration: none;
}
a:link
{
	text-decoration: none;
	color: #005FB4;
	border: none;
}

*/

#mainnav {
	width: 100%;
	height: 39px;
	margin: 0 auto;
	background: #3160d1 url(../img/bg_button.jpg) top repeat-x; 		/* <--- Main Nav Background Variable */
	border-top: 1px solid #264389;
}


/* ---------------------------------- */
/* Grids Etc      */
/* ---------------------------------- */


.TimothyBushellDataGrid
{
	font-size: 8pt;
}


.TimothyBushellEditTable
{
	font-size: 8pt;
}

.TimothyBushellEditTable input
{
	color: #000000;
	font-size: 8pt;
}

.TimothyBushellEditTable select
{
	color: #000000;
	font-size: 8pt;
}

.TimothyBushellEditTable textarea
{
	color: #000000;
	font-size: 8pt;
}

.FilterControl
{
	float: left;
}

.WatermarkCssClass
{
	background-color: #BFF2FF;
	color: #333333;
}

.datePopUp .ajax__calendar_container
{
	text-align: center;
	border: 1px solid #646464;
	background-color: #FFFFFF;
	color: #000000;
	line-height: 0.8em;
	z-index: 500;
}

.datePopUp .ajax__calendar_other
{
	color: #666666;
}

.datePopUp .ajax__calendar_hover
{
	font-weight: bold;
}


.datePopUp .ajax__calendar_body
{
	text-align: center;
}


/* ---------------------------------- */
/* REPEATER LIST Switcher Styles      */
/* ---------------------------------- */

.StatusSwitcher
{
	margin: 0px;
	padding: 10px 0px 5px 0px;
	font-size: 8pt;
	text-align: right;
	white-space: nowrap;
}


.StatusSwitcher a
{
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

.FilterTab, .FilterSelectedTab
{
	margin: 0px 0px 0px 1px;
	padding: 4px 10px 5px 10px;
	z-index: 0;
	color: #808080;
	text-decoration: none;
}
.FilterTab
{
	background-image: url(../images/tabSelected.gif);
	border-right: solid 1px #808080;
}
.FilterSelectedTab
{
	background-image: url(../images/tabMain.gif);
	border-right: solid 1px #00386B;
	color: #E6E9FF;
}
.FilterTab:hover a
{
	color: #3F8584;
	text-decoration: none;
}

/* ---------------------------------- */
/* HELP Panel Switcher Styles      */
/* ---------------------------------- */

.HelpPanel
{
	z-index: 99999;
}
.NoHelpPanel
{
	z-index: 1;
}

.RepeaterList_PagingRow
{
	background-color: #FFFFFF;
	font-size: 8pt;
	color: #000000;
}

.RepeaterList_Pager
{
	margin: 5px 5px 5px 0px;
	font-size: 8pt;
	text-align: right;
	color: #000000;
}

.RepeaterList_PagingNums_DropDown
{
	font-family: Verdana,Tahoma;
	color: #000000;
	font-size: 10px;
}

.RepeaterList_PagingNums_Link
{
	font-family: Verdana,Tahoma;
	color: #000000;
	font-weight: bold;
	font-size: 8pt;
}

.RepeaterList_PagingNums_Current
{
	font-family: Verdana,Tahoma;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
}

.RepeaterList_PagingNums_Cell
{
	padding: 1px 1px 2px 1px;
	border: solid 1px #DFDFDF;
}


.RepeaterList_PagingNums_Cell_Sel
{
	background: #00386B;
	padding: 1px 3px 2px 3px;
}

 
/*body {
	line-height: 1;
}*/

/*ol, ul {
	list-style: none;
}*/

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*-------------------------------------------------------------------------------------------------------------Variables */

/* Style Variables */
		
.lighttext {																
	color: #BBBBBB;
	margin-top:2px;
	font-size:10.5pt;
	text-decoration:none;
	font-weight:normal;
}
	
.headingfont {																	
	color: #00386B;
	font-family:Arial,sans-serif;
	line-height:120%;
}

.standardtext {																	
	color: #000000;
}

.margintop4
{
    margin-top: 140px;
}
.margintop3 
{
    margin-top: 100px;
}
.margintop2 
{
    margin-top: 50px;
}
.margintop1 
{
    margin-top: 20px;
}
.margintop0
{
    margin-top: 0px;
}
.paddingtop4 
{
    padding-top: 140px;
}
.paddingtop3 
{
    padding-top: 100px;
}
.paddingtop2 
{
    padding-top: 50px;
}
.paddingtop1 
{
    padding-top: 20px;
}
.paddingtop0
{
    padding-top: 0px;
}
.white {
	color: #FFFFFF;
}
.black {
	color: #000000;
}.blue {
	color: #00386B;
}
.lightGray {
	color: #D0D0D0;
}
.midgray {
	color: #808080;
}
.darkgray {
	color: #444444;
}
.red {
	color: #FF0000;
	font-weight:bold;
}
.lightgraybackground {
	background-color: #D0D0D0;
	color: #000000;
}
.midgraybackground {
	background-color: #808080;
	color: #FFFFFF;
}
.darkgraybackground {
	background-color: #444444;
	color: #FFFFFF;
}
.redbackground {
	background-color: #FF0000;
	color: #FFFFFF;
}
.introboxbackground {
	background-color: #00386B;
	color: #FFFFFF;
}
.rolloverbackground {
	background-color: #0080A0;
	color: #FFFFFF;
}
.bannerbackground {
	background-color: #CEE0F4;
	color: #FFFFFF;
}
.contentboxtint {
	background-color: #F2F6F7;
	color: #000000;
}

/* Text Variables */
.fontsize8 {
	font-size: 1.85em;
}
.fontsize7 {
	font-size: 1.625em;
}
.fontsize6 {
	font-size: 1.425em;
}
.fontsize5 {
	font-size: 1.125em;
}
.fontsize4 {
	font-size: 1em;
}
.fontsize3 {
	font-size: 0.875em;
}
.fontsize2 {
	/*font-size: 0.75em;*/
	font-size:10pt;
}
.fontsize1 {
	/*font-size: 0.625em;
	line-height: 1.025em;*/
	font-size:8pt;
}
.fontsize0 {
	font-size: 0.525em;
	line-height:  0.925em;
	
}
.bold {
	font-weight: bold;
}
.widthfull {
	width: 100%;
}
.width7 {
	width: 400px;
}
.width6 {
	width: 325px;
}
.width5 {
	width: 205px;
}
.width4 {
	width: 150px;
}
.width3 {
	width: 120px;
}
.width2 {
	width: 95px;
}
.width1 {
	width: 30px;
}
.width0 {
	width: 13px;
}
.dropwidth7 {
	width: 410px;
}
.dropwidth6 {
	width: 335px;
}
.dropwidth5 {
	width: 215px;
}
.dropwidth4 {
	width: 160px;
}
.dropwidth3 {
	width: 130px;
}
.dropwidth2 {
	width: 85px;
}
.dropwidth1 {
	width: 40px;
}
.dropwidth0 {
	width: 23px;
}
.height7 {
	height: 420px;
}
.height6 {
	height: 280px;
}
.height5 {
	height: 210px;
}
.height4 {
	height: 140px;
}
.height3 {
	height: 70px;
}
.height2 {
	height: 35px;
}
.height1 {
	height: 10px;
}
.height0 {
	height: 0px;
}


.boxborder { border: 1px solid #808080;	}
.floatright { float: right; }
.floatleft { float: left; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligntop { vertical-align: top; }
.alignmiddle { vertical-align: middle; }

/*h1 {
	padding-top: 30px;
	line-height: 110%;
}*/



h3 {
	padding: 10px 0px;
	font-weight: normal;
}

h4 {}

/* Button Variables */

a.button {
	display: block;
	height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 0px 10px;
	background: url(/img/bg_button.png) top #00386B;
	position: relative;
	color: #FFFFFF;
	border: 1px solid #808080;
	line-height: 120%;
	float: left;
}

a.button:hover {
	background-position:0% -39px ;
	color: #FFFFFF;
}

a.button:active {
	background: url(/img/bg_button.png) bottom #0080A0;
	color: #FFFFFF;
}

a.button:visited {
	background: url(/img/bg_button.png) bottom #0080A0;
	color: #BBBBBB;
}

/* Green Button */
a.buttong {
	display: block;
	height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 0px 10px;
	background: url(/img/bg_button_green.png) top #0080A0;
	position: relative;
	color: #FFFFFF;
	border: 1px solid #808080;
	line-height: 120%;
}

a.buttong:hover {
	background-position:0% -39px ;
	color: #FFFFFF;
}

a.buttong:active {
	background: url(/img/bg_button_green.png) bottom #00386B;
	color: #FFFFFF;
}

a.buttong:visited {
	background: url(/img/bg_button_green.png) bottom #00386B;
	color: #BBBBBB;
}	


.contentbox {																
	min-height: 80px;
	width: auto;
	padding: 10px;
	float: left;
}

.contentboximage {																
    background: url(/img/multiwrap.png) no-repeat 0px 0px ;
    padding: 30px 5px 10px 30px;
}

.titlebar {
	height: 39px;
	width: inherit;
	background: url(/img/bg_button.png) repeat-x #0080A0;
												
	border-left: 1px solid #808080;		
}

.titlebar li {
	min-width: 80px;
	float: left;
}

a.smallbutton {
	display: block;
	height: 10px;
	margin:  2px 5px 10px 0px;
	padding: 5px 5px 5px 5px;
	background: url(/img/bg_button.png) top #00386B;
	position: relative;
	color: #FFFFFF;
	border: 1px solid #808080;
	line-height: 120%;
	float: left;
	font-size: 11px;
}

a.smallbutton:hover {
	color: #FFFFFF;
	background: url(/img/bg_button.png) #0080A0;
	background-position:0% -39px;
}

a.smallbutton:active {
	background: url(/img/bg_button.png) bottom #0080A0;
	color: #FFFFFF;
}

a.smallbutton:visited {
	background: url(/img/bg_button.png) bottom #0080A0;
	color: #FFFFFF;
}

a.active {
	background-position: bottom;	
}


/*-------------------------------------------------------------------------------------------------------------
Global Definitions */

/*body {
	font-family:  Arial, sans-serif;
	font-size: 1em;
	color: #000000;
	background: #FFFFFF;
	line-height: 120%;
}*/
/*.contentblockbodystyle
{
	font-family:  Arial, sans-serif;
	font-size: 1em;
	color: #000000;
	background: #FFFFFF;
	line-height: 120%;
	}*/
a {
	color: #00386B;
	text-decoration: none;
}

a:hover {
	color: #00386B;	
}

a:visited {
	color: #0080A0;		
}

/*p {
	font-size: 0.875em;
}*/

input {
	/*width: 100%;
	border: 1px solid #808080;
	background: url(/img/bg_courseselectslider.png) bottom left repeat-x #FFFFFF;
	padding: 4px;*/
}

input.button {
	display: block;
	height: 34px;
	padding: 3px 10px 0px 10px;
	background: url(/img/bg_button.png) top #0080A0;
	position: relative;
	color: #FFFFFF;
	border: 1px solid #808080;
	line-height: 120%;
	text-align: center;
	float: left;
}

input.button:hover {
	background-position:0% -39px;
	color: #FFFFFF;
}

input.button:active {
	background: url(/img/bg_button.png) bottom #00386B;
	color: #FFFFFF;
}

input.button:visited {
	background: url(/img/bg_button.png) bottom #00386B;
	color: #BBBBBB;
}

textarea {
	background: url(/img/bg_courseselectslider.png) bottom repeat-x #FFFFFF;	
}

.submit {
	width: 50px;
	border: 1px solid #808080;
	background: url(/img/bg_button.png) top repeat-x #00386B;
	color: #FFFFFF;
	text-align: center;
	padding: 0 3px 1px 3px;
	float: left;
}

.spacer {
	width: 100%;
	height: 25px;
	clear: both;
	display: block;
}

.radio {
	width: auto;
	margin: 0px 15px 0px 0px;
}

.checkbox {
	width: 14px;
	margin: 0px 15px 0px 0px;
}

.drop {
	border: 1px solid #808080;
	background: url(/img/bg_courseselectslider.png) bottom repeat-x #FFFFFF;
	padding: 3px;
	margin: 0px 0px 14px 0px;
}


/*-------------------------------------------------------------------------------------------------------------
Input Definitions */


/* Input Definitions */

.contacttable input {
	margin: 0px 15px 15px 0px;
	float: left;
}

.contacttable textarea {
	margin: 0px 15px 15px 0px;
	float: left;
}

.contacttable td {
	vertical-align:top;
}

textarea {
	min-height: 30px;
	border: 1px solid #808080;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
}

/*-------------------------------------------------------------------------------------------------------------
Global Layout Definitions */

.content {
	width: 930px;
	height: inherit; 
	margin: 0 auto;
	position: relative;
}
            

#header {
	width: 100%;
	height: 124px;
	margin: 0 auto;
	background: url(/design/header_bgnd.jpg) repeat #CEE0F4;
}

#logo {
	width: 615px;
	height: 124px;
	float: left;
	background: url(/design/entiretopbanner_CMD.jpg) no-repeat;
    position: absolute; 
  
}

#headerbox {
	width: 295px;
	height: 100px;
	padding: 10px 10px 0px 10px;
	float: right;
}

#headerbox #contact {
	width: 50%;
	height: 100px;
	border-right: 1px solid #808080;
	float: left;
	margin: 0px;
}

#headerbox #login {
	width: 129px;
	height: 100px;
	padding: 0px 5px 0px 10px;
	float: left;
}

#login .submit {
	height: 20px;
}

#headerbox input {
	margin: 3px 0px 0px 0px;
	height: 11px;
	font-size: 10px;
}

#mainnav {
	width: 100%;
	height: 39px;
	margin: 0 auto;
	background: url(/img/bg_button.png) top repeat-x #0080A0;
	border-top: 1px solid #CEE0F4;
	border-bottom: 1px solid #00386B;
}

#footer {
	width: 100%;
	min-height: 100px;
	background: url(/design/bg_footer.png) repeat-x top;	
	margin: 0 auto;								
	clear: both;
}

#footer .content {
	border-bottom: 1px none #808080;									
}

#footer p {
	padding: 25px 0px;
}

/*-------------------------------------------------------------------------------------------------------------
Main Navigation Definitions */
 #navwrap {
	width: 930px;
	margin: 0 auto;
}

 #nav { width: 920px; _width: 920px; width: 920px;  z-index: 1;  margin: 0 auto; float: left;}
 #nav ul { padding: 0; margin: 0px 20px; list-style-type: none; z-index: 2;}
 #nav ul ul { width:280px;  z-index: 3; }
 #nav li { float: left; width: inherit; position: relative; z-index: 4; height: inherit;}
 #nav a, #nav a:visited { display: block; text-decoration: none; height: 27px; padding: 12px 15px 0 15px; color: #FFFFFF; }  
* html #nav a, * html #nav a:visited { width: 100px; w\idth: 100px; }
 #nav ul ul a, #nav ul ul a:visited { background: none; border: none;}
 #nav ul ul a:hover{ border: none;}
 #nav ul ul :hover > a { border: none;}
 #nav ul ul ul a, #nav ul ul ul a:visited { border: none;}
 #nav ul ul ul a:hover { background: #00386B; border: none;}
 #nav ul ul { visibility: hidden; position: absolute; top: 39px; left: -21px; width:300px; } 
* html #nav ul ul { top:40px;top:40px; border: none;}
 #nav ul ul ul{ left:150px; top:-1px; width:80px; border: none;}
 #nav ul ul ul.left { left:-150px; border: none;}
 #nav table { position:absolute; top:0; left:0; border-collapse: collapse; border: none;}
 #nav ul ul a, #nav ul ul a:visited { width:280px; color: #000000  ;  font-style: normal; height:11px; line-height:100%; padding:9px 0 10px 10px; } 
* html #nav ul ul a, * html #nav ul ul a:visited { width:280px; border: none; }
 #nav a:hover, #nav ul ul a:hover{ color: #FFFFFF;  } 
 #nav :hover > a { background: #00386B;  color: #FFFFFF  } 
 #nav ul ul :hover > a { color: #FFFFFF ; width:290px;  background: #00386B ; }
 #nav ul li:hover ul,
 #nav ul a:hover ul{ visibility:visible;}
 #nav ul :hover ul ul{ visibility:hidden;}
 #nav ul :hover ul :hover ul{ visibility:visible; }
 #nav ul a.active { background-color: #0080A0; color: #FFFFFF; text-decoration: none;  }
.dd { background: #F2F6F7; border-left: 1px solid #808080 ; border-right: 1px solid #808080 ; border-bottom: 1px solid #808080 ; padding:0px; }	
.dd a { color:#000000; }



/*-------------------------------------------------------------------------------------------------------------
Homepage Definitions */

#introbox {
	width: 100%;
	height: 225px;
	margin: 0 auto;
	background: url(/img/bg_introbox_rpt.png) repeat-x center #FFFFFF;
}



#introbox p {
	display: block;
	width: 625px;

}


#introbox .content {
	background: url(/img/bg_introbox.png) no-repeat ;
}



/* Tab Definitions */
.coursebox {
	margin: 25px 0px 0px 0px;
}


/* Multibox Definitions */

.multiwrap 
{
	width: 275px;
	min-height: 280px; 
	float: left;
	margin-top: 25px;
	margin-bottom: 5px;
	clear:right;
}

.marginright 
{
	margin-right: 18px;
}

.inputwrap {
	width: auto;
	height: 35px;
	margin: 15px 15px 0px 0px;
	float: left;
}


/*-------------------------------------------------------------------------------------------------------------
Accordion Definitions */

.np {
	padding: 0px;	
}


/* Content Management System Style */

.contentareabox 	
{
	margin: 20px 0px 30px 0px;
}

/*
.contentareabox h1, .content h1, .multiwrap h1
{
    margin: 0px 0px 15px 0px;
	font-size: 1.625em;
	color: #00386B;
	font-weight: bold;
}
.contentareabox h2, .content h2, .multiwrap h2
{
    margin: 0px 0px 15px 0px;
	font-size: 1.425em;
	color: #00386B;
	font-weight: bold;
}
.contentareabox h3, .content h3 , .multiwrap h3
{
    margin: 0px 0px 10px 0px;
	font-size: 1.2em;
	color: #00386B;
	font-weight: bold;
}
.contentareabox h4, .content h4, .multiwrap h4
{
    margin: 0px 0px 10px 0px;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
}

.contentareabox p, .contentareabox body, .content p, .content body, .multiwrap p, .multiwrap body  {
	color: #000000;
	font-size: 1em;
	line-height: 130%;
	margin: 0px 0px 15px 0px;
}
.contentareabox li, .content li, .multiwrap li
{
	color: #000000;
	font-size: 1em;	
}
.contentareabox ul, .content ul, .multiwrap ul
{
	color: #000000;
	font-size: 1em;
    list-style-type: circle;
	list-style-position: inside;
	line-height: 130%;
	margin: 0px 0px 15px 5px;
}

.contentareabox ol, .content ol, .multiwrap ol
{
	color: #000000;
	font-size: 1em;
	list-style-type: decimal;
	list-style-position: inside;
	line-height: 130%;
	margin: 0px 0px 15px 5px;
}

*/
.contentareabox .storyspacer 
{
    margin: 35px 0px 0px 0px;
}

.clearall 
{
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	float: none;
	clear: both;
	color: #000000;
}

.clearBoth{ clear: left; }

.modalbackground 
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.valerror {
	background: url(/images/ValidationError.png) left no-repeat #f9e9b5;
	font-size: 0.70em;
	padding: 1px 1px 1px 13px;
}



/*  MY BOOKINGS PAGE */
pdflink {
padding-left: 16px
background-position: left top;
background-repeat: no-repeat;
background-image: url(/images/pdflink.png) ;
}

.cui_icon {
width: 100%;
height:22px;
margin-bottom: 3px;
padding:0px;
border:none;
background-position: left top;
background-repeat: no-repeat;
}
.cui_icon:hover {
background-color:#D0D0D0;
}
.cui_icon_td {
width: auto;
height:22px;
margin-bottom: 0px;
padding:0px;
border:none;
background-position: left top;
background-repeat: no-repeat;
float:left;
}
.cui_icon_inner {
vertical-align: middle;
padding:0px 0px 0px 22px;
background-position: left top;
background-repeat: no-repeat;
}
.cui_question {
background-image: url(/images/cui_question.png) ;
}
.cui_tick {
background-image: url(/images/cui_tick.png) ;
}
.cui_alarm {
background-image: url(/images/cui_alarm.png) ;
}
.cui_progress {
background-image: url(/images/cui_progress.png) ;
}
.cui_none {

}





/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*newly added funcs*/