body 
{
	font-family:Arial;
	font-size: 11pt;
	background-image:url('../images/gbgray.png');
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:top right;
	
	scrollbar-base-color: #1C1C1C;
	scrollbar-arrow-color: #FDBE02;
	scrollbar-3dlight-color: #1C1C1C;
	scrollbar-darkshadow-color: #1C1C1C;
	scrollbar-face-color: #1C1C1C;
	scrollbar-highlight-color: #1C1C1C;
	scrollbar-shadow-color: #494949;
	scrollbar-track-color: #666666;
}

p {font-family:Arial}
p {color:#999999}
p {font-size:9pt}

h1 {font-family:Arial}
h1 {color:#FDBE02}
h1 {font-size:11pt}

.sidebarTitle, .sidebarTitleSelected, .sidebarTitle a, .sidebarTitleSelected a,
.sidebarTitle a:link, .sidebarTitleSelected a:link, .sidebarTitle a:visited, .sidebarTitleSelected a:visited,
.sidebarTitle a:hover, .sidebarTitleSelected a:hover, .sidebarTitle a:active, .sidebarTitleSelected a:active
{
	font-size: 18px;
	color:Black;
	text-decoration:none;
	font-weight: normal;
}

.sidebarTitleSelected
{
	font-weight: bold;
	color:Black;
}

.link, .link a, .link a:link, .link a:visited, .link a:hover,
.link a:active
{
	color: #FDBE02;
	text-decoration: none;
	font-size: 12pt;
}

.linkSmall, .linkSmall a, .linkSmall a:link, .linkSmall a:visited, .linkSmall a:hover,
.linkSmall a:active
{
	color: #FDBE02;
	text-decoration: none;
	font-size: 10pt;
}

.whiteLink, .whiteLink a, .whiteLink a:link, .whiteLink a:visited,
.whiteLink a:active
{
	color: Gray;
	text-decoration: none;
	font-size: 12pt;
}

.whiteLink a:hover
{
	color: #FDBE02;
}


.subsection
{
	font-size: 10pt;
	color: #999999;
}

.sideBarLink, .sideBarLink a, .sideBarLink a:link, .sideBarLink a:visited,
.sideBarLink a:active
{
	color: White;
	text-decoration: none;
	text-align: left;
}

.sideBarLink a:hover
{
	color: Black;
}


.BoldLink, .BoldLink a, .BoldLink a:link, .BoldLink a:visited, .BoldLink a:hover,
.BoldLink a:active
{
	color: #FDBE02;
	text-decoration: none;
	font-weight: bold;
}

.pager, .pager a, .pager a:link, .pager a:visited, .pager a:hover,
.pager a:active
{
	color: White;
	text-decoration: none;
}

.pager, .boldPager
{
	color: White;
	background-color: #595959;
	text-align: center;
	font-size: x-small;
}


.boldPager, .boldPager a, .boldPager a:link, .boldPager a:visited, .boldPager a:hover,
.boldPager a:active
{
	color: White;
	text-decoration: none;
	font-weight: bold;
}



.HeaderStyle, .HeaderStyle a, .HeaderStyle a:link, .HeaderStyle a:visited, .HeaderStyle a:hover,
.HeaderStyle a:active
{
	text-align:center;
	text-decoration: none;
	color: #FDBE02;
	font-weight: bold;
}

.ItemStyle
{
	color: #FDBE02;
	font-weight:normal;
}

.BoldText, BoldTextSmall
{
	color: Gray;
}

.BoldTextSmall
{
	font-size: 12px;
}

.PageStyle
{
	color: #FDBE02;
	font-weight:bold;
	text-align:right;
}

.PageStyle a, 
.PageStyle a:link, .PageStyle a:visited,
.PageStyle a:hover, .PageStyle a:active
{
	color: #FDBE02;
	font-weight:normal;
	text-align:right;
}

.BoldYellowText
{
	color: #FDBE02;
	font-weight:bold;
}

.RegularText
{
	color: #FDBE02;
	font-weight:normal;
}

.asterixText
{
	color: gray;
	font-size: small;
}

#modal-overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}

#modal-window {
	position: fixed;
	z-index: 102;
	display:none;
	top:50%;
	left:50%;
}
#modal-window img 
{
	display: block;
	border: 3px solid #ccc;
}

#modal-load{
    position: fixed;
    height:80px;
    width:208px;
    background: url(../images/loading.gif) no-repeat;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px;
}


/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-div, .ui-datepicker-inline {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 0.8; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Trebuchet MS, Arial, sans-serif;
	background-color: #3e3d3d;
	font-size: 1em;
	border: 1px solid #777777;
	width: 15.9em;
	padding: 2.3em .3em .3em .3em;
	position: relative;
	z-index: 100;
}
#ui-datepicker-div,
.ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
	background: #3e3d3d;
}
.ui-datepicker-inline {
	float: left;
	display: block;	
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #444444 url(images/444444_40x100_textures_02_glass_25.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #333333 url(images/333333_40x100_textures_02_glass_25.png) 0 50% repeat-x;
}
.ui-datepicker-next a,
.ui-datepicker-next label,
.ui-datepicker-prev label,
.ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(images/eeeeee_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #777777;
	cursor: pointer;
}
.ui-datepicker-next label,
.ui-datepicker-next a {
	background: url(images/eeeeee_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(images/ffd40f_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(images/ffd40f_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(images/ffffff_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(images/ffffff_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #777777;
	color: #cfcfcf;
	background: #444444;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
	
}
.ui-datepicker-header select.ui-datepicker-new-month {
width: 7em;
left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td.ui-datepicker-unselectable
{
	padding: .1em .3em .1em 0;
	border: 1px solid transparent;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #cfcfcf;
	background: #444444 url(images/444444_40x100_textures_02_glass_25.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #3e3d3d;
}
table.ui-datepicker td a:hover {
	border: 1px solid #444444;
	color: #ffffff;
	background: #333333 url(images/333333_40x100_textures_02_glass_25.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #841515;
	color: #ffffff;
	background: #841515 url(images/841515_40x100_textures_02_glass_35.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #cfcfcf;
	text-transform: uppercase;
	/*border-bottom: 1px solid #777777;*/
}

table.ui-datepicker .ui-datepicker-title-row td a {
	color: #cfcfcf;
}

table.ui-datepicker td.ui-datepicker-current-day a,
table.ui-datepicker td.selected a
{
	color: black;
	background: #999999 url(images/999999_40x100_textures_02_glass_25.png) 0 50% repeat-x;
}

table.ui-datepicker td.ui-datepicker-today a
{
	color: black;
	background: #a21111 url(images/a21111_40x100_textures_02_glass_35.png) 0 50% repeat-x;
}



/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 1.1em;
}
/*component content styles*/
.ui-component-content {
	border: 1px solid #777777;
	background: #3e3d3d;
	color: #cfcfcf;
}
.ui-component-content a {
	color: #cfcfcf;
	text-decoration: underline;
}
/*component states*/
.ui-default-state {
	border: 1px solid #777777;
	background: #444444 url(images/444444_40x100_textures_02_glass_25.png) 0 50% repeat-x;
	font-weight: bold;
	color: #cfcfcf !important;
}
.ui-default-state a {
	color: #cfcfcf;
}
.ui-default-state:hover, .ui-hover-state {
	border: 1px solid #444444;
	background: #333333 url(images/333333_40x100_textures_02_glass_25.png) 0 50% repeat-x;
	font-weight: bold;
	color: #ffffff !important;
}
.ui-hover-state a {
	color: #ffffff;
}
.ui-default-state:active, .ui-active-state {
	border: 1px solid #841515;
	background: #841515 url(images/841515_40x100_textures_02_glass_35.png) 0 50% repeat-x;
	font-weight: bold;
	color: #ffffff !important;
	outline: none;
}
.ui-active-state a {
	color: #ffffff;
	outline: none;
}
/*icons*/
.ui-arrow-right-default {background: url(images/eeeeee_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/ffd40f_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/ffffff_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-left-default {background: url(images/eeeeee_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/ffd40f_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/ffffff_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-down-default {background: url(images/eeeeee_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/ffd40f_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/ffffff_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-up-default {background: url(images/eeeeee_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/ffd40f_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/ffffff_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-close-default {background: url(images/eeeeee_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:hover, .ui-close-hover {background: url(images/ffd40f_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:active, .ui-close-active {background: url(images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-folder-closed-default {background: url(images/eeeeee_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/ffd40f_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/ffffff_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-open-default {background: url(images/eeeeee_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/ffd40f_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:active, .ui-folder-open-active {background: url(images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-doc-default {background: url(images/eeeeee_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:hover, .ui-doc-hover {background: url(images/ffd40f_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:active, .ui-doc-active {background: url(images/ffffff_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default {background: url(images/eeeeee_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/ffd40f_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/ffffff_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default {background: url(images/eeeeee_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/ffd40f_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/ffffff_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-minus-default {background: url(images/eeeeee_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:hover, .ui-minus-hover {background: url(images/ffd40f_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:active, .ui-minus-active {background: url(images/ffffff_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-plus-default {background: url(images/eeeeee_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:hover, .ui-plus-hover {background: url(images/ffd40f_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:active, .ui-plus-active {background: url(images/ffffff_11x11_icon_plus.gif) no-repeat 50% 50%;}
/*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

.showWhenSelected
{	
	visibility: hidden;
}

#rheader
{
	background:transparent;
	position:absolute;
	left: 0;
	top:10;
	width:1144px;
	text-align: left;
	height: 68px;
	z-index:5;
	overflow: hidden;
	
}

#contents
{
	background:transparent;
	position:absolute;
	left:0;
	top:66px;
	bottom: 19px;
	z-index:1;
	width: 1144px;
	text-align: left;
}

#contentsNoFooter
{
	background:transparent;
	position:absolute;
	left:0;
	top:66px;
	bottom: 0px;
	z-index:1;
	width: 1144px;
	text-align: left;
}

#footer 
{
   background:#000000;
   position:absolute;
   bottom:0;
   left :0;
   overflow: hidden;
   z-index: 20;
   height: 19px;
   width: 1144px;
   text-align: left;
}

.resizableArea
{
	background:transparent;
	border:none;
	bottom:0;
	display:block;
	height:auto;
	position:absolute;
	top:0;
	width:100%
}

* html .resizableArea
{
	background:transparent;
	border:none;
	bottom:0;
	display:block;
	height:auto;
	position:relative;
	top:0;
	width:100%
}

.RightPanel
{
	margin:0;
	padding:0;
	vertical-align:top;
	text-align: left;
	background-color: #000000;
}

.leftSection
{
	display:block;
	float:left;
	position:relative;
	width:200px;
	height:100%;
	background:#FDBE02;
	overflow:hidden;
	z-index:1;
	margin: 0 4px 0 0;
	padding:0;
}

.rightSection, .rightSectionNoScroll
{
	height:100%;
	border:0 none;
	background:#000000;
	position:relative;
	z-index:10;
	margin:0;
	padding:0; 
}

.rightSection
{
	overflow:auto;
}

.rightSectionNoScroll
{
	overflow:hidden;
}

.RightPanel
{
	VERTICAL-ALIGN:top;
	width:100%;
	padding:0;
	margin:0
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  display:none;
  z-index:9998;
  padding:5px;
}

#boxes #AddSessionTime 
{
  padding:10px;
  background-color:#ffffff;
  overflow: hidden;
}

#boxes #ViewSession
{
  padding:10px;
  background-color:#ffffff;
  overflow: hidden;
}

#boxes #CopyDay {
  width:300px;
  height:250px;
  padding:10px;
  background-color:#ffffff;
  overflow: hidden;
}

#boxes #CopyWeek {
  width:400px;
  height:250px;
  padding:10px;
  background-color:#ffffff;
  overflow: hidden;
}

.ButtonStyle
{
	color: #000000; 
	border: 1px solid #000000; 
	background-color: #FDBE02;
	cursor: pointer;
}

#boxes #AddSession
{
  padding:10px;
  background-color:#ffffff;
  overflow: hidden;
}

.ButtonStyle a, .sidebarTitleSelected a,
.ButtonStyle a:link, .ButtonStyle a:visited,
.ButtonStyle a:hover, .ButtonStyle a:active
{
	text-decoration: none;
	color: Black;
}