﻿
/***************************
Astra Schedule 7 base css document
---------------------------------------

This document is to remain a strict schema and a base for re-themeing of the main application.

TODO:
All other @medias  
Accessability testing

Ben's clamoured and desperate color scheme:
the header, the king of blue: 0d3e63 
links, the bottom logo: 347EBF

****************************/
.DayDayTab
{
    background: url(images/Calendar/DayTabActive.gif) top left no-repeat;
    width:65px;
    height:20px;
    display:inline;
    margin:0px;
    margin-top:6px;
    float:left;
}
.DayWeekTab
{
    background: url(images/Calendar/DayTabWeekInactive.gif) top left no-repeat;
    width:55px;
    height:20px;
    display:inline;
    margin:0px;
    margin-top:6px;
    float:left;
}
.DayMonthTab
{
    background: url(images/Calendar/DayTabMonthInactive.gif) top left no-repeat;
    width:56px;
    height:20px;
    display:inline;
    margin:0px;
    margin-top:6px;
    float:left;
}

.WeekDayTab
{
    background: url(images/Calendar/WeekTabDayInactive.gif) top left no-repeat;
    width:54px;
    height:20px;
    display:inline;
    margin:0px;
    margin-top:6px;
    float:left;
}
.WeekWeekTab
{
    background: url(images/Calendar/WeekTabActive.gif) top left no-repeat;
    width:64px;
    height:20px;
    display:inline;
    margin:0px;
    margin-top:6px;
    float:left;
}
.WeekMonthTab
{
    background: url(images/Calendar/WeekTabMonthInactive.gif) top left no-repeat;
    width:56px;
    height:20px;
    display:inline;
    margin:0px;
    margin-top:6px;
    float:left;
}

.MonthDayTab
{
    background: url(images/Calendar/MonthTabDayInactive.gif) top left no-repeat;
    width:64px;
    height:20px;
    display:inline;
    margin:0px;
    margin-top:6px;
    float:left;
}
.MonthWeekTab
{
    background: url(images/Calendar/MonthTabWeekInactive.gif) top left no-repeat;
    width:43px;
    height:20px;
    display:inline;
    margin:0px;
    margin-top:6px;
    float:left;
}
.MonthMonthTab
{
    background: url(images/Calendar/MonthTabActive.gif) top left no-repeat;
    width:66px;
    height:20px;
    display:inline;
    margin:0px;
    margin-top:6px;
    float:left;
}

/* Creates a scroll area using css, Fits in 1024 x 768 */
div.scroll
{
    height: 450px;
    overflow: auto;
}


:-moz-any-link:focus
{
    outline: none;
}

html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, a
{
    margin: 0;
    padding: 0;
    border: 0;
}
h2 
{
	font-size:12px;	
	padding:4px;
}
h2.Gradient
{
	font-size:12px;	
	font-weight:bold;
	padding:6px;
    background: #cccccc url(images/GridHeaderGradient.gif) top;
    border-bottom:1px solid #cccccc;
}

p
{
	font-size:11px;	
}
.padding
{
	padding:10px;
}
fieldset
{
    display: block;
    background-color: #ffffff;
    border: none;
    padding: 0px;
    margin: 0px;
}
fieldset.display
{
	border:1px solid #cccccc;
	padding:5px;
	margin:5px 0px;
}
legend
{
    font-weight: bold;
    color: #000000;
    background-color: Transparent;
    font-size: 11px;
    margin-left: -5px;
    display: none;
}
.legend 
{
	padding:4px;
	font-weight:bold;
	font-size:11px;
	color:#254a6f;
	background:#f3f3f3;
	border-bottom:1px solid #eeeeee;
}
legend.display
{
	display:block;
	color:#336699;
}
#ApproverGroup h2.hide 
{
	visibility:hidden;
}
html, body
{
    min-width: 840px;
}
@media screen
{
    html
    {
        height: 100%;
    }
}
.ApplicationLogo {
  width: 206px;
  height: 43px;
  background-image: url(images/logo.jpg);
}
body
{
    min-height: 100%; /*     background-color:#f4f5f0;     */
    position: relative;
    background: #eeeeee;
    cursor: default;
}
/*
 * IE hack - IE doesn't know min-height but does incorrectly interpret
 * height, effectively causing the same effect as min-height should in
 * this case. Uses IE's root ghost hack to only apply to IE.
 */
* html body
{
    height: 100%;
}

body, input, td, textarea, option, select
{
    font-family: Verdana, Times, serif;
    font-size: x-small;
	font-family: tahoma,arial,verdana,sans-serif;
}

input, textarea, select
{
    margin: 1px;
    margin-right: 2px;
    margin-left: 0px;
    margin-top: 1px;
    padding-left: 2px;
    padding-top: 0px;
	font-size:normal;
}
optgroup
{
	font-weight: bold;
	font-style: normal
}

.unFocused
{
    color: #999999;
    font-weight: normal;
}
.Focused
{
    font-weight: normal;
}

input.Checkbox
{
    border: 0px;
}

input .disabled
{
    border: 0px;
    color: #999;
}

/*** use at every list of checkboxes ***/
.CheckBoxList
{
    text-align: left;
}
.CheckBoxList label
{
    color: #000000;
}
option
{
    margin: 1px;
    margin-right: 2px;
    margin-top: 3px;
}

b
{
    color: #0d3e63;
}
a
{
    color: #347EBF;
    text-decoration: underline;
}
a:hover, a:focus
{
    text-decoration: underline;
    color: #000066;
}

/** the outer frame of a page, just inside the <body> **/
.Frame
{
    width: 100%;
}

/** the inner frame for all page controls/widgets **/
.Main
{
    min-width: 450px;
    min-height: 100%;
}

/** full head block **/
.Header
{
    background-image: url(images/repeater_header.gif);
    background-repeat: repeat-x;
    background-color: #316293;
    color: #ffffff;
    width: 100%;
}
.Header a, .Footer a
{
    color: #ffffff;
}
.Header .Utilities
{
    float: right;
    display: inline;
    padding: 5px;
    text-align: right;
}
.Header .Utilities .break
{
    color: #476f8d;
}
.Header .Utilities a, .Footer .Utilities a
{
    color: #B5C7EC;
}
.Header .Utilities a:hover, .Footer .Utilities a:hover, .Header .Utilities a:focus, .Footer .Utilities a:focus
{
    color: #ffffff;
}
.Header .Utilities .Search
{
    margin-top: 5px;
}
.anchorhide
{
    display: none;
}
.Search input.Button
{
    background-color: #ddddff;
    font-size: xx-small;
}
.Header .Branding
{
    float: left;
}
.TopNav
{
    clear: both;
    display: block;
    background-color: #316293;
    text-align: left;
}
.LoginHeader Label
{
    color: #B5C7EC;
}

/** the area of work not the nav or things around the nav  **/
.Content
{
}

.InnerContent, .CenterCol
{
    background: #eeeeee url(images/InnerContentBG.gif) repeat-x;
    padding: 6px;
    padding-top: 0px;
}

.FormWrapper
{
    margin-right: 0px;
    border-left: 1px solid #dcdcda;
    border-right: 1px solid #dcdcda;
    border-bottom: 1px solid #dcdcda;
}


/*** full foot block **/

.AspFooter
{
    bottom: 0px;
    z-index: 1;
    position: absolute;
}

.Footer
{
    background-color: #316293;
    padding: 0;
    height: 25px;
    width: 100%;
}

.ApplicationFooterLogo {
  width: 272px;
  height: 25px;
  background-image: url(images/footerAstraLogo.jpg);
}
.footerspacer
{
	 height: 25px;
}


/**** destroy for demos ****/
.Footer .Diagnostics
{
    float: right;
    padding: 5px;
    color: #cccccc;
    padding-left: 0px;
    font-size: 9px;
}
.Diagnostics a
{
    color: #cccccc;
}



/** flexible and contextual!(?) **/
.Title
{
    font-weight: bold;
    color: #316293;
}


/*** TabNavigation ****/

.TabPassiveLeftEnd {
    background-image: url(images/tab-passive-left-end.gif);
    height:17px;
    width:8px;
}

.TabPassiveMiddle {
    background: url(images/tab-passive-middle.gif);
    height:17px;
    width:8px;
}
.TabActiveLeftEndSelected {
    background: url(images/tab-active-left-end.gif);
    height:17px;
    width:8px;
}
.TabActiveLeftSelected {
    background: url(images/TabActiveLeft.gif);
    height:17px;
    width:8px;
}

.TabActiveRightEndSelected {
    background: url(images/tab-active-right-end.gif);
    height:17px;
    width:8px;
}

.TabActiveRightSelected {
    background: url(images/TabActiveRight.gif);
    height:17px;
    width:8px;
}

.TabPassiveRightEndSelected {
    background: url(images/tab-passive-right-end.gif);
    height:17px;
    width:8px;
}







.TabNavigation
{
  background-color: #316293;
  height: 17px;	  
  /*   	border:1px solid #ff00ff;  	display:block; 	*/
}
.TabNavigation img
{
    float: left;
}
.TabNavigation a /** the individual tabs **/
{
    display: inline;
    float: left;
    color: #555577;
    background-image: url(images/tab-repeater.gif);
    background-repeat: repeat-x;
    padding-left: 12px;
    padding-top: 2px;
    padding-bottom: 0px;
    padding-right: 12px;
    text-decoration: none;
    height: 15px;
}
.TabNavigation a:hover /** the individual tabs **/
{

}
.TabNavigation a.Selected, .TabNavigation .Selected a
{
    background-image: url(images/TabActiveGradient.gif);
    color: #363636;
    font-weight: bold;
}
.TabNavigation a.Selected:hover, .TabNavigation .Selected a:hover
{

}

.SubTabNavigation
{
    clear: both;
    padding: 5px;
    padding-left: 18px;
    background: #ffffff url(images/SubNavGradient.gif) center repeat-x;
    min-height:13px;
    color: #cccccc;
}

.SubTabNavigation a
{
    color: #666666;
    text-decoration: none;
    font-size: x-small;
    padding: 1px;
}
.SubTabNavigation a.Selected
{
    font-weight: bold;
    color: #000000;
}
.SubTabNavigation a:hover
{
    text-decoration: underline;
}

/**** LeftNav: Everything that goes in the left hand column ***/
.LeftNav, .LeftCol, .RightCol
{
    background: #eeeeee url(images/InnerContentBG.gif) repeat-x;
    height: 134px;
    text-align: left;
    padding-left: 0px;
    padding-top: 14px;
    font-weight: bold;
    font-size: small;
    color: #8f8f8f;
    padding-left: 5px;
}
.LeftNav a
{
    display: block;
    margin: 0px;
    padding-left: 0px;
}
.LeftNav .SubNav, .LeftNav .SubNavCollapsed
{
    width: 210px;
    margin-top: 1px;
    display: block;
    background: #336699 url(images/ArrowExpand.gif) no-repeat top right;
}
.LeftNav .SubNavCollapsed
{
    width: 26px;
}
.LeftNav .Head
{
    border: 1px solid #efefef;
    margin: 0px;
    padding: 0px;
    display: block;
    height: 22px;
}
.Head .Icon
{
    background-image: url(images/searchLeftTab.gif);
    float: left;
    border: 1px solid #ff00ff;
    margin-top: 6px;
    margin-right: 7px;
    margin-left: 6px;
    width: 14px;
    height: 14px;
}

.Head .HelpIcon
{
    background-image: url(images/helpLeftTab.gif);
    float: left;
    border: 1px solid #ff00ff;
    margin-top: 6px;
    margin-right: 7px;
    margin-left: 6px;
    width: 14px;
    height: 14px;
}.Head .Title, .SubNavCollapsed .Title
{
    text-decoration: none;
    padding-left: 14px;
    padding: 6px;
    padding-bottom: 0px;
    color: #083e6a;
    font-size: 12px;
}
.SubNavCollapsed .Title
{
    display: none;
}
.LeftNav a
{
    height: 19px;
    width: auto;
    text-decoration: none;
}
.LeftNav .FnGreyBars a
{
    text-decoration: underline;
}
.LeftNav .FnGreyBars
{
    border: 0px;
    padding: 0px;
    padding-bottom: 4px;
    margin: 0px;
    border-right: 1px solid #efefef;
}

.SubNavCollapsed .FnGreyBars
{
    display: none;
}
.LeftNav .SubNavBottom
{
    height: 12px;
    border-right: 0px;
    position: relative;
}
.LeftNav .SubNavCollapsed .SubNavBottom .SubNavBotLeft
{
    height: 12px;
    background: #EEEEEE url(images/leftColSubNavBottomGray.gif);
}
.LeftNav .SubNavCollapsed .SubNavBottom .SubNavBotCurve
{
    position: absolute;
    bottom: 0px;
    right: 0px !important;
    right: -3px; /** negative right for ie6 **/
    height: 12px;
    width: 20px;
    background: #EEEEEE url(images/leftColSubNavBottomGray.gif) right top;
}
.LeftNav .SubNavBottom .SubNavBotLeft
{
    height: 12px;
    background: #EEEEEE url(images/leftColSubNavBottomGray.gif);
}
.LeftNav .SubNavBottom .SubNavBotCurve
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 12px;
    width: 99px;
    background: none;
}
.LeftNav .SubNav
{
    background-image: none;
    background: #FFFFFF;
    border: none;
}

.LeftNav .SubNav .Title
{
    background: #369;
    padding: 4px;
    color: #FFFFFF;
}

.LeftNav .SubNav .Title:hover
{
    background: #1c4f82;
}
.LeftNav .FnGreyBars .LeftContent
{
    border: 1px solid #dddddd;
    background-color: #ffffff;
    font-weight: normal;
    font-size: 11px;
    padding: 6px;
    margin: 6px;
    margin-bottom: 3px;
}
.LeftContent a
{
    display: block;
    width: 170px;
}

.LeftContent .Help
{
}
.LeftContent .Help a
{
    color: #7c1f18;
}


.DetailColumn
{
    width: 174px;
    border: 1px solid #dddddd;
    padding: 6px;
    float: right;
}
.DetailColumn .DescriptiveThumbs
{
    text-align: center;
}
.DescriptiveImage a
{
    font-size: small;
}


.WizardTitle
{
    font-size: 11px;
    margin-bottom: 10px;
}
.WizardTitle b
{
    color: #0f3c72;
    margin-right: 10px;
}
.Wizard
{
    margin:0px;
    background:#ffffff;
}
.FilterSearchButton 
{
	text-align:center;
	padding:5px;	
}
.Button, .ControlButton, .TitleButton, .ControlSelectButton, .ControlSelectButtonDown, .WizardButton, .SelectedButton, input.Verb, .ERFControlButton, .CommandButton
{
    border: 1px solid #999999;
    height: 19px;
    background: #339933 url(images/ButtonBG.gif);
    font-weight: bold;
    display: inline;
    text-decoration: none;
    color: #ffffff;
    padding: 2px 4px 4px 4px;
    border: 1px solid #006600;
    cursor: pointer;
}

.ControlButtonRed
{
    height: 19px;
    background: #330000 url(images/ButtonBGRed.gif);
    font-weight: bold;
    display: inline;
    text-decoration: none;
    color: #ffffff;
    padding: 2px 4px 4px 4px;
    border: 1px solid #660000;
    cursor: pointer;
}
.ControlButtonRed:hover
{
    border: 1px solid #660000;
    height: 19px;
    background: #330000 url(images/ButtonDownBGRed.gif);
}
.Button:hover, .ControlButton:hover, .TitleButton:hover, .ControlSelectButton:hover, .ControlSelectButtonDown:hover, .WizardButton:hover, .SelectedButton:hover, input.Verb:hover, .CommandButton:hover
{
    background: #339933 url(images/ButtonDownBG.gif);
    color: #ffffff;
    text-decoration:none;
}
.ButtonHeader
{
    padding: 0px;
}
.ButtonHeader input
{
    margin: 0px;
}
.TitleButton
{
    height: 17px;
    font-weight: bold;
}

.ControlSelectButton, .ControlSelectButtonDown, .WizardButton, .SelectedButton
{
    color: #999999;
    text-decoration: none;
    display: inline;
    text-align: center;
    width: 90px;
    border: 1px solid #999999;
}
.WizardButton, .SelectedButton
{
    width: auto;
    display: inline;
    color: #ffffff;
    padding: 2px 4px 4px 4px;
    border: 1px solid #006600;
    cursor: pointer;
}
.ControlSelectButton:hover, .ControlSelectButtonDown:hover, .WizardButton:hover, .SelectedButton:hover
{
    text-decoration: none;
}
.ControlSelectButtonDown, .SelectedButton
{
    border: 1px inset #bebebe;
    color: #e73c00;
    background-image: url(images/ButtonDownBG.gif);
}


.Notes
{
    background: #ffffff;
    padding: 10px;
}
.Notes .Note
{
    display: block;
    padding: 4px;
    padding-left: 0px;
    padding-top: 0px;
    margin-bottom: 6px;
    border-bottom: 1px solid #cccccc;
    font-size: 11px;
}

.Note .Detail
{
    color: #777777;
    padding: 2px;
    padding-left: 8px;
    font-size: 10px;
}


/**** ListGrid ***/
.ListGrid, .PrefListGrid, .QuickListGrid, .igtbl_AstraStyleLibraryControl
{
    background-color: #ffffff;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    clear: both;
}
.ListGridPad
{
    background-color: #ffffff;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    clear: both;
    margin:10px;
}
.PrefListGrid, .QuickListGrid
{
    background-color: #eaeced;
    border-left: 0px;
    border-right: 0px;
}
.QuickListGrid
{
    width: auto;
}
.PrefListGrid .CommandButton, .QuickListGrid .CommandButton
{
    font-size: 9px;
    padding: 0px;
}
.CommandButtonGreen
{
	height:18px;
    background: #330000 url(images/ButtonBGCommand.gif);
    font-weight: bold;
    display: inline;
    text-decoration: none;
    color: #ffffff;
    padding: 1px 4px 4px 4px;
    border: 1px solid #0D4069;
    cursor: pointer;
    margin:4px;
    margin-top:2px;
}
.CommandButtonGreen:hover
{
    border: 1px solid #0D4069;
    height: 18px;
    background: #330000 url(images/ButtonDownBGCommand.gif);
}

.ListGrid .Row, .PrefListGrid .Row, .ListGrid .AltRow, .PrefListGrid .AltRow, .ListGrid .ColumnHead, .PrefListGrid .ColumnHead, .QuickListGrid .Row, .QuickListGrid .AltRow, .QuickListGrid .ColumnHead
{
    border-left: 1px solid #E2E2E2;
    height: 25px;
    font-size: 11px;
}
.ListGrid .ColumnHead
{
    border-left: 1px solid #E2E2E2;
    height: auto;
    padding: 4px;
}
.PrefListGrid .ColumnHead, .QuickListGrid .ColumnHead
{
    height: 16px;
}
.QuickListGrid .ColumnHead
{
    font-weight: bold;
}
.PrefListGrid .Row, .QuickListGrid .Row
{
    border: 1px solid #dddddd;
    clear: both;
}
.ColumnHead a
{
}
.ColumnHead .Asc
{
    display: inline;
    float: right;
    background-repeat: no-repeat;
    background-image: url(images/Grid/SortAscHeaderArrow.gif);
    margin-top: 3px;
    width: 5px;
    height: 5px;
}
.ColumnHead .Dsc
{
    display: inline;
    float: right;
    background-repeat: no-repeat;
    background-image: url(images/Grid/SortDescHeaderArrow.gif);
    margin-top: 3px;
    width: 5px;
    height: 5px;
}

.ListGrid .Row td,.PrefListGrid .Row td
{
    background-color: #fcfcfc;
    border-right: 1px solid #ebece7;
}

.ListGrid .AltRow td,.PrefListGrid .AltRow td
{
    background-color: #ebebeb;
    border-right: 1px solid #dfe0db;
}
.ListGrid .Row a, .PrefListGrid .Row a, .QuickListGrid .Row a
{
    font-weight: bold;
    float: left;
    width: auto;
}
.ListGrid .AltRow a, .PrefListGrid .AltRow a, .QuickListGrid .AltRow a
{
    font-weight: bold;
    float: left;
    width: auto;
}
.ListGrid .Row td, .PrefListGrid .Row td, .QuickListGrid .Row td
{
    text-align: left;
}
.ListGrid .Selected, .PrefListGrid .Selected, .QuickListGrid .Selected
{
    background-color: #ffcccc;
}
.ListGrid .Hover, .PrefListGrid .Hover, .QuickListGrid .Hover
{
    background-color: #ccffcc;
}

.ListGrid .ColumnHead td, .PrefListGrid .ColumnHead th, .PrefListGrid .ColumnHead td, .QuickListGrid .ColumnHead th, .QuickListGrid .ColumnHead td, #GridHeaderXGridRow .GridBox, .TopLeft .ColumnHead td, .ListGrid .ColumnHead th
{
    border-right:none;
    border-bottom: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    vertical-align: top;
    overflow: hidden;
    background: #eeeeee;
}
.PrefListGrid .ColumnHead th, .PrefListGrid .ColumnHead td, .QuickListGrid .ColumnHead td
{
    background-image: none;
    background-color: #eaeced;
    height: 16px;
    color: #347ebf;
    border-right: 0px;
    border-top: 0px;
    font-size: smaller;
    padding: 0px;
    padding-left: 6px;
    padding-right: 10px;
}


.ListGrid .ColumnHead a, .PrefListGrid .ColumnHead a, .QuickListGrid .ColumnHead a
{
    color: #666666;
    text-decoration: none;
}
.PrefListGrid .ColumnHead a
{
    color: #347ebf;
}
.ListGrid .ColumnHead a:hover, .PrefListGrid .ColumnHead a:hover, .QuickListGrid .ColumnHead a:hover
{
    color: #347EBF;
    text-decoration: underline;
}
.ListGrid .ColumnHead .HeaderSortArrow, .PrefListGrid .ColumnHead .HeaderSortArrow, .QuickListGrid .ColumnHead .HeaderSortArrow
{
    margin-top: 3px;
    float: right;
}
.PrefListGrid th, .QuickListGrid th
{
    padding: 0px;
}
.ListGrid .CommandColumn, .PrefListGrid .CommandColumn, .QuickListGrid .CommandColumn
{
    padding: 0px;
    width: 42px;
    text-align: center;
}
.ListGrid .CommandColumn a, .ListGrid .CommandColumn input, .PrefListGrid .CommandColumn a, .PrefListGrid .CommandColumn input, .QuickListGrid .CommandColumn a, .QuickListGrid .CommandColumn input
{
    padding: 3px;
    margin: 0px;
    display: inline;
    float: left;
}
.ListGrid .CommandColumn input
{
    padding: 0px !important;
}
.ListGrid .Row td, .ListGrid .AltRow td
{
    padding-left:5px;
}
.ListGrid .ColumnHead th, table.AccordianTable tr.ColumnHead th
{
    font-weight: bold;
    font-size:10px;
    text-align:left;
    background:  url(images/GridHeaderGradient.gif);
    padding: 4px;
    color: #333333;
    border-color:#dcdcdc;
}
 .ListGrid .ColumnHead th a, .ListGrid .ColumnHead th a:hover
{
    font-weight: bold;
    font-size:10px;
    color: #333333;
}
.ListGrid .ColumnHead td
{
    background: #cccccc url(images/GridHeaderGradient.gif);
    padding: 2px;
}
.ListGrid tr.Row td,.ListGrid tr.AltRow td
{
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
}
.GridFooter td
{
    background-image: url(images/GridFooterBackground.gif);
    border-top: 1px solid #e6e6e6;
    text-align: right;
    padding: 4px;
}
.GridFooterLeft, 
{
    text-align: left;
}

.GridFooterLeft input
{
    margin-left: 0px !important;
}

.GridButtons /* the little icons on each GridRow */
{
    text-align: left;
    padding: 0px;
    width: 69px;
    vertical-align: middle;
    vertical-align: text-bottom;
}
.GridButtons a
{
    margin-left: 6px;
    margin-top: 3px;
}

/*  strip off junk for internal ListGrids */
.FormGroupItems .ListGrid
{
    border: 0px;
    background-color: Transparent;
} 

.FormGroupItems .ListGrid td, .FormGroupItems .ListGrid .ColumnHead td, .FormGroupItems .ListGrid td, FormGroupItems .ListGrid .Row td, FormGroupItems .ListGrid .AltRow td, .FormGroupItems .ListGrid .GridFooter
{
    background: none;
    border: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/*to display alternaive rows in MasterList Page with different background color.*/
.ListGrid .AltRow td
{
    border: 0px;
    background-color: #F5F5F5 !important;
}
.FormGroupItems .ListGrid .ColumnHead td, .FormGroupItems .ListGrid th
{
    background: url("../../Theme/images/default/grid/grid3-hrow.gif") repeat scroll 0 0 #CCCCCC;
    border-right: 1px solid #E2E2E2;
    color: #000000;
    font: 11px/15px arial,tahoma,helvetica,sans-serif;
    padding: 4px 3px 4px 5px;
}
.FormGroupItems .ListGrid .Row td, .FormGroupItems .ListGrid .AltRow td
{
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #F2F2F2;
    font: 11px arial,tahoma,helvetica,sans-serif;
    padding: 3px 3px 3px 5px;
}

/*** FormGroupTab: for tabbed FormGroups, tends to be within an existing FormGroup ***/
.FormGroupTabSet
{
    border-left: 1px solid #347EBF;
    border-bottom: 1px solid #347EBF;
}
.FormGroupTabSet .FormGroupItems
{
}
.FormGroupTabLegend, .FormGroupTabLegendSelected
{
    float: left;
    border-top: 1px solid #347EBF;
    border-right: 1px solid #347EBF;
    border-bottom: 1px solid #347EBF;
    background-color: #d0d0e0;
    padding-top: 4px;
    padding-bottom: 4px;
}
.FormGroupTabLegend a, .FormGroupTabLegendSelected a
{
    margin: 8px;
    font-size: 12px;
    text-decoration: none;
}
.FormGroupTabLegendSelected
{
    border-bottom: solid 1px #ffffff;
    background-color: #ffffff;
}
.FormGroupTab .Legend
{
    float: left;
}
.FormGroupTab .FormGroupItems
{
}
.Success, .Success td
{
    background-color: #ccffcc;
    border: 1px solid #66ee66;
}
.Error
{
    display: block;
    margin: 0px;
    padding: 8px;
    padding-top: 30px;
    background-color: #ffdcda;
    color: #ff3333;
}
.ErrorHelp .Error
{
    display: block;
    margin: 10px;
    padding: 8px;
    background-color: #ffdcda;
    color: #ff3333;
}


.ErrorClear
{
    display: block;
    margin: 0px;
    padding: 8px;
    background-color: #ffdcda;
    color: #ff3333;
    clear:both;
    position:relative;
    display:inline-table;
    width:100%;
}
.Error li
{
    margin: 8px;
    list-style-position: inside;
    margin-left: 12px;
}
.InGridError
{
    margin: 0px;
    padding: 8px;
    background-color: #FFC0CB;
    color: #ffffff;
}
.InGridError td
{
    color: #ffffff;
    overflow: auto;
}
.WizardContent
{
    vertical-align: top;
}
.WizardContent table
{
    height: 100%;
}


/*** FormController v2 styling ***/
.FormController
{
    padding-left: 1px;
    border: none;
    background: #ffffff;
}


.FormControllerTop, .ListControllerTop
{
    margin-top: 4px;
    position: relative;
}
.FormControllerTop .TopIcon, .ListControllerTop .TopIcon
{
    position: absolute;
    left: 12px;
}
.FormControllerTitle, .ListControllerTitle
{
    background-image: url(images/FormController/TopRightBG.gif);
    width: 100%;
    /*height: 36px;*/
    padding-top: 11px;
}

.FormControllerTitle .TitleNameLeft, .ListControllerTitle .TitleNameLeft
{
    float: left;
    width: 71px;
    height: 36px;
    border-left: 1px solid #efefef;
    background-image: url(images/FormController/NameLeft.gif);
}
.FormControllerTitle .TitleName, .ListControllerTitle .TitleName
{
    background-image: url(images/FormController/NameBG.gif);
}
.FormControllerTitle .TitleName .Title, .ListControllerTitle .TitleName .Title
{
    margin-left: 4px;
    margin-right: 6px;
    margin-top: 16px;
    font-weight: normal;
    color: #666666;
    font-size: 11px;
}
.FormControllerTitle .TitleName .Title .FormTypeName, .ListControllerTitle .TitleName .Title .FormTypeName
{
    font-weight: bold;
    color: #0a3e66;
}
.FormControllerTitle .TitleNameRight, .ListControllerTitle .TitleNameRight
{
    float: left;
    width: 47px;
    height: 36px;
    background-image: url(images/FormController/NameRight.gif);
}
.FormControllerTitle .TitleListReturn, .ListControllerTitle .TitleListReturn
{
    float: right;
    border-right: 1px solid #bfbfbf;
    height: 22px;
    padding-top: 10px;
    margin-top: 2px;
    padding-right: 8px;
    color: #666666;
}

.ListControllerTitle .TitleListReturn
{
    margin-top: 0px;
}

label, .FormLabel
{
}

.FormController .FormGroupLinks
{
    color: #456c8a;
    float: left;
    margin: 12px;
    background-color: Transparent;
}

.FormController .ControlButtonRow, .ControlButtonBottomRow
{
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}
.ControlButtonBottomRow
{
    float: none;
    margin-bottom: 12px;
    margin-left: 12px;
}


.FormController .FormGroup
{
    border: 1px solid #006699;
    background: #ffc url(images/BackgroundYellow.gif);
    padding: 0px;
    margin: 10px;
}

.CalendarView .FormController .FormGroup
{
	border-color:#003366;	
	border-bottom-width:2px;
	margin:8px 0px;
}
.CalendarView .FormController .FormGroup .Legend
{
	border-color:#1c4f82;	
	background:#1c4f82;
}
.CalendarView .FormGroup:active .Legend:active
{
	background: #1c4f82;
}
.CalendarView .ControlButton
{
	margin:0px;	
}

.FormController .FormGroup .Legend
{
    background-image: none;
    margin: 0px;
    padding: 0px;
}

.FormController .FormControllerDescription
{
    border: solid 1px #cccccc;
    overflow: hidden;
}
.FormGroup .Legend .Title
{
    font-size: 11px;
    padding: 0px;
    width: auto;
}
.PaneBody .FormGroup .Legend .Title
{
    font-size: 11px;
    padding: 0px;
    width: auto;
    margin: 6px 12px 0px 11px;
    color:#ffffff;
}
.FormGroup .Legend .Title a, .FormGroup .Legend a.Title
{
    text-decoration: none;
}
.FormGroup .Legend .HelpAnchor
{
    float: right;
    text-decoration: none;
    color: #347ebf;
    height: auto;
    padding: 0px;
    vertical-align: top;
}
.FormGroup .Legend .HelpAnchor .FormGroupHelpIcon
{
}
.FormGroup .Legend .HelpAnchor span
{
    text-decoration: underline;
    font-size: smaller;
    font-weight: normal;
    margin: 2px;
    margin-right: 6px;
    float: left;
    display: none;
}

.FormController .FormGroup .FormGroupItems
{
    background-color: Transparent;
    border: 0px;
    padding-bottom: 0px;
}


/*** old crumbbar from FormController v1 days...***/
.CrumbBar, .CalendarCrumbBar
{
    width: 100%;
    background-image: url(images/CrumbBarBG.gif);
    background-repeat: repeat-x;
    padding-bottom: 6px;
    float: left;
    display: inline;
    margin-top: 0px;
}
.CalendarCrumbBar
{
    margin-top:0px;
    background:none;
}
.CrumbBar img
{
    float: left;
}
.CrumbBar .Crumb
{
    margin-top: 7px;
    margin-left: 6px;
    display: block;
    float: left;
}
.CrumbBar .Title, .CalendarCrumbBar .Title
{
    font-size: 13px;
}
.CalendarCrumbBar .Title
{
    float: left;
    padding:0px;
    margin:0px;
    margin-top:-7px;
    margin-bottom:4px;
    color:#FFFFFF;
    width: 100%;
}
.CrumbBar .ControlBar
{
    background-color: #666666;
    text-align: center;
}
.CrumbBar .ControlButton
{
    float: right;

    color: #316293;
}

/* Form stuff */
.FormGroup
{
    color: #347EBF;
    clear: both;
    padding: 0px;
    margin: 0px;
}

.InnerFormGroup .FormGroup .FormGroup 
{
	padding:4px;
}
.FormGroup .FormGroupFixed
{
    width: 300px;
}
.LeftNav .FormGroup
{
}

/*.FormGroup .FormGroup .Legend, .FormGroup .FormGroupFixed .Legend, */
.LeftNav .FormGroup .Legend, .LeftNav .FormGroupFixed .Legend
{
    margin: 0px;
    background-image: none;
    padding: 0px;
    height: 20px;
    background-color: #f7f7f7;
    border-bottom: solid 1px #347EBF;
}
/*
.FormGroup .FormGroup .FormGroupHeaderImage, .
.FormGroup .FormGroupFixed .FormGroupHeaderImage, 
.FormGroup .FormGroup .FormGroupHeaderCheckbox, 
.FormGroup .FormGroupFixed .FormGroupHeaderCheckbox, 
*/
.LeftNav .FormGroup .FormGroupHeaderImage, .LeftNav .FormGroup .FormGroupFixed .FormGroupHeaderImage, .LeftNav .FormGroup .FormGroupHeaderCheckbox, .LeftNav .FormGroup .FormGroupFixed .FormGroupHeaderCheckbox
{
    margin-top: 5px;
    margin-right: 3px;
    padding-top: 6px;
    padding-right: 5px;
    padding: 0px;
    float: left;
}
/*
.FormGroup .FormGroup .FormGroupHeaderCheckbox, 
.FormGroup .FormGroupFixed .FormGroupHeaderCheckbox, 
*/
.LeftNav .FormGroup .FormGroupHeaderCheckbox, .LeftNav .FormGroup .FormGroupFixed .FormGroupHeaderCheckbox
{
    padding: 0px;
    margin: 0px;
    float: left;
}
/*
.FormGroup .FormGroup .Legend .Title, 
.FormGroup .FormGroupFixed .Legend .Title, 
*/
.LeftNav .FormGroup .Legend .Title, .LeftNav .FormGroup .FormGroupFixed .Legend .Title
{
    border: 0px;
    color: #347EBF;
    font-size: 11px;
    text-decoration: none;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-top: 4px;
    display: inline;
    width: auto;
}
/*
.FormGroup .FormGroup .FormGroupItems, 
.FormGroup .FormGroupFixed .FormGroupItems, 
*/
.LeftNav .FormGroup .FormGroupItems, .LeftNav .FormGroupFixed .FormGroupItems
{
    background-color: #ffffff;
    border: 0px;
}

.FormGroup .Legend
{
    color: #083e6a;
    font-weight: bold;
    font-size: small;
    cursor: pointer;
    height: 25px;
    background: #336699;
}
.FormGroup:hover .Legend:hover
{
    background: #1C4F82;
}
.FormGroup:active .Legend:active
{
    background: #003366;
}

.Legend .Icon
{
    float: left;
}
.Legend a
{
    color: #083e6a;
    color: #ffffff;
}
.Legend .Title
{
    padding-top: 4px;
    float: left;
}
.Legend .ControlButtonRow
{
    display: inline;
}
.Legend .ControlButtonRow .ControlButton
{
    margin-top: 3px;
    color: #ffffff;
    background: #336633 url(images/ButtonBG.gif);
    border-color:#006600;
}
.Legend .ControlButtonRow .ControlButton:hover
{
    margin-top: 3px;
    color: #ffffff;
    background: #336633 url(images/ButtonDownBG.gif);
}
.ControlButtonBlue
{
    padding:2px;
    color: #ffffff;
    font-weight:bold;
    background: #336699 url(images/ButtonBGBlue.gif) bottom;
    border:1px solid #204161;
    cursor:pointer;
}
.ControlButtonBlue:hover
{
    color: #ffffff;
    background: #336699 url(images/ButtonDownBGBlue.gif);
}
.Wizard .FormGroup .Legend
{
	background:#336699;
	cursor:default;    

}

.Wizard .FormGroup .Legend .Title
{
	color:#ffffff;
}

.Wizard .FormGroup .Legend:hover
{
	background:#336699;
	cursor:default;
}

.FormGroup .FormGroupItems
{
    border: solid 1px #083e6a;
    border-top: 0px;
    background-color: #f4f4f4;
    height: inherit;
    display: block;
    color: #000000;
    clear: both;
    padding: 0px;
}
.FormGroup .FormGroupItems input:disabled + label
{
    color: #7f7f7f;
}
.FormGroupItems .SubPanel
{
    padding-top: 6px;
    clear: both;
}

/* the expand/collapse image */
.FormGroupHeaderImage
{
    display: block;
    float: left;
    height: 9px;
    width: 9px;
    padding-right: 2px;
    background-repeat: no-repeat;
    background-image: url(images/FieldsetExpanded.gif);
    margin-top: 10px;
}
.Collapsed .FormGroupHeaderImage
{
    background-image: url(images/FieldsetCollapsed.gif);
}
.FormGroupHeaderImageGray
{
    display: block;
    float: left;
    height: 9px;
    width: 9px;
    padding-right: 2px;
    background-repeat: no-repeat;
    background-image: url(images/FieldsetExpandedGray.gif);
    margin-top: 10px;
}
.Collapsed .FormGroupHeaderImageGray
{
    background-image: url(images/FieldsetCollapsedGray.gif);
}
.Collapsed .Legend
{
    background: #6699CC;
}
.Collapsed .FormGroupItems
{
    display: none;
}

.ImageColumn .Button
{
    float: right;
}


.FormGroup .MoreHeader
{
    float: right;
    margin-right: 12px;
    color: #347EBF;
}

.FormLabel, label, .label
{
    color: #254A6F;
    font-size: 11px;
    font-weight: bold;
    padding-right: 0px;
}
div.FormLabel
{
    display: block;
}
span.FormLabel
{
    display: inline;
}
.FormObject
{
    font-weight: normal;
    color: #000000;
    padding: 0.5px 0px;
}
.UDFField
{
    display: block;
    margin-bottom: 12px;
}


.FormObject textarea
{
   /* commented out because it restricts textareas for User Defined Fields
	However, commented this leaves the possibility that other textareas throughout
	the sites will not stretch to 99% of the available space. 
	width: 99%; */
    padding: 3px;
}

.FormObject option
{
    padding-left: 0px;
}

.FormObject a:hover
{
    text-decoration: underline;
}

.FormItem
{
    clear: both;
    display: block;
    margin-bottom: 6px;
    margin-left: 2px;
}
.FormInput
{
    font-size: 8pt;
    width: 225px;
}

.FormRow
{
    margin: 0px;
    clear: both;
    display: block;
    text-align: left;
    width: 100%;
    min-height: 33px; /** this is entirely ridiculous but there are weird random errors in Firefox without it... **/
}
.FormRowHeightless
{
}
.FormRowHeightless .FormItem
{
    clear: none;
    float: left;
    display: inline;
}
.FormRow .FormItem
{
    clear: none;
    float: left;
    display: inline;
    width: 33%;
}

.AdditionalNote
{
    clear: left;
    color: #333333;
    font-size: 7pt;
    width: 230px;
    padding-left: 5px;
}
.AdditionalNote a
{
    color: #333333;
    text-decoration: none;
}
.AdditionalNote a:hover
{
    text-decoration: underline;
}

.AaisGridView
{
    width: 219px;
    background-color: #ffffff;
    border: 1px solid #999999;
    color: #cccccc;
}
.AaisGridView .Selected
{
    background-color: #bbccee;
}
.CheckBoxList input
{
    border: 0px;
}
.CheckBoxList label
{
    font-weight: normal;
}

.SingleSelectGrid
{
    width: 195px;
    float: left;
}
.SingleSelectGrid .CheckBoxList
{
    overflow: auto;
    border: 1px solid #9999aa;
}
.CheckBoxList .Selected
{
    background-color: #ccddff;
}
.CheckBoxList nobr div div
{
    clear: both;
    display: block;
    height: 18px;
    padding: 0px;
}
.CheckBoxList nobr div div span
{
    display: none;
}
.CheckBoxList nobr div div input
{
    float: left;
    display: inline;
    margin-left: 3px;
    border: 0px;
    margin: 0px;
    margin-top: 4px;
    padding: 0px;
}
.CheckBoxList nobr div div .Node
{
    padding-top: 0px;
    width: 143px;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    float: left;
    margin: 0px;
    display: inline;
}
.SingleSelectGrid .DeleteButton
{
    float: right;
    display: inline;
    visibility: hidden;
}

.SingleSelectGrid .Selected .DeleteButton
{
    visibility: visible;
}
.SingleSelectGrid .InsertRow input
{
    width: 152px;
    display: inline;
}
.SingleSelectGrid .InsertRow img
{
    margin-top: 3px;
    display: inline;
}

.SingleSelectGrid .Tree
{
    background-color: #ffffff;
    height: 150px;
    border: 1px solid #9999aa;
}
.Tree div
{
    color: #666688;
    font-size: 11px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.SortColumn
{
    float: left;
    padding-left: 3px;
}
.SortColumn a
{
    display: block;
    margin-bottom: 6px;
}
.MultiSelectPanel, .MultiSelectPanelShort, .OptimizerMultiSelectPanel
{
    border: 1px solid #9999aa;
    background-color: #ffffff;
    overflow: auto;
    height: 250px;
    width: 250px;
    padding: 4px;
}
.MultiSelectPanelBorder
{
    border: 1px solid #9999aa;
    background-color: #ffffff;
    padding: 4px;
}
.MultiSelectPanel li
{
    margin-left: 16px;
}
.MultiSelectPanel div
{
    width: auto;
    overflow: hidden;
}
.MultiSelectPanelShort, .OptimizerMultiSelectPanel
{
    height: 250px;
}
.OptimizerMultiSelectPanel
{
    border: 1px solid #9999aa;
    width: 200px;
}

.SplashGuide
{
    margin-top: 8px;
    position: relative;
    background:none;
    border:none;
    width: 100%;
}
.SplashGuide .HeaderGraphic
{
    margin: 8px;
    margin-left: 0px;
    margin-right: 0px; /** need bg img of gradient **/
}
.HeaderGraphic img
{
    margin-bottom: 2px;
}
.HeaderGraphic .HeaderText
{
    font-size: 17px;
    color: #113c5e;
}
.SplashGuide .IntroText
{
    line-height: 14px;
    font-size:11px;
    color: #000000;
}
.SplashGuide .SplashSubList
{
    clear: both;
    background:#ffffff; 
    border: 1px solid #dddddd;
}
.SplashGuide .SplashMainItem
{
}
.SplashGuide .SplashMainItem td
{
    /* border-bottom: 1px solid #dddddd; */
}
.SplashGuide .SplashMainItem img, .SplashGuide .SplashMainItem span
{
    margin: 0px;
    margin-top: 12px;
    margin-bottom: 12px;
}
.SplashGuide .SplashItemBody
{
    padding: 12px;
}
.SplashGuide .SplashMainItem td.SplashItemBody .SplashItemDescription, .SplashGroup .SplashItemDescription
{
    color: #666666;
    text-decoration: none;
}
.SplashGuide .SplashMainItem a
{
    color: #113c5e;
}
.SplashGuide .SplashMainItem a .LinkText
{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.SplashGuide .SplashGroup a
{
    text-decoration: none;
}
.SplashGuide .SplashGroup .LinkText
{
    font-size: 10px;
    text-decoration: underline;
}
.SplashGuide .SplashMainItem a:hover
{
}
.SplashGuide .SplashMainItem a img
{
    float: left;
}
.SplashGuide .SplashGroup
{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 12px;
    padding-bottom: 0px;
    margin-bottom: 12px;
}
.SplashGuide .SplashGroup a
{
    display: block;
    padding-bottom: 12px;
}
.SplashGuide .SplashGroup .HelpText
{
    text-decoration: underline;
}
.SplashGuide .SplashGroupTitle
{
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 6px;
    display: block;
    background:#336699;
    padding:5px;
    border:1px solid #cccccc;
    border-bottom:none;
}

.SplashGuide .SplashGroupTitle img {float:right;padding:0px;}

.SplashGuide .SplashGroupTitle img, .SplashGuide .SplashGroupTitle span
{
    margin-right: 4px;
}
.SplashGuide .fieldset
{
    margin: 16px;
    margin-left: 12px;
    margin-right: 12px;
}
.SplashGuide .SplashSubLink
{
    display: block;
    margin-left: 24px;
    margin-bottom: 10px;
    font-size: 13px;
}

.fieldset .legend
{
    color: #113a5b;
    font-weight: bold;
    font-size: larger;
    border-bottom: 1px solid #113c5e;
    position: relative;
    height: 29px;
}
.fieldset .legend a
{
    position: absolute;
    top: 2px;
    text-decoration: none;
}
.fieldset .legend a:hover
{
    text-decoration: none;
}
.fieldset .legend .LinkText
{
    display: inline;
    position: relative;
    top: 7px;
}
.fieldset .legend a img
{
    float: left;
}
.fieldset .body
{
    padding: 4px;
    padding-top: 6px;
}
div.GridPager
{
    border: 1px solid #dddddd;
    border-top:none;
    background:#FFFFFF;
    text-align: right;
}
td.GridPager, div.GridPager
{
    padding: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
}
.GridPager .PagerLength
{
    display: inline;
    margin-right: 30px;
    color: #666666;
}
.PagerLength select
{
    color: #666666;
}
.GridPager .PagerInfo
{
    display: inline;
    float: left;
    margin-right: 30px;
    color: #666666;
    margin-top: 8px;
}
.GridPager a /*** Ben: experimental!!! could be problematic! ***/
{
    display: inline;
}

/*** Room Config: File Upload ***/
.FileUpload
{
    text-align: left;
    width: 189px;
    border-top: 0px;
    border-bottom: 3px solid #888888;
}
.FileUpload .Icon
{
    display: block;
    margin-left: 8px;
}
.FileUpload .FormObject
{
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
}
.FileUpload .FormLabel
{
    display: block;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
    padding-top: 2px;
    height: 18px;
    text-align: right;
    color: #ffffff;
    background-image: url(images/FileUploadBG.gif);
    background-repeat: repeat-x;
}
.FileUpload .FormLabel img
{
    float: left;
    margin-left: 3px;
}
.FileUpload .FileItem
{
    padding: 2px;
}
.FileUpload .ButtonRow
{
    padding-left: 4px;
    height: 24px;
}


/*** revised UsagePolicy classes (Rod) ***/
/*** for creating round cornered boxes ***/
.UsagePolicyContainer
{
    min-width: 110px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    padding-left: 2px; /*** filter:alpha(opacity=90); ***/
    padding-right: 2px;
}
.UsagePolicyContainer .UsagePolicyContent
{
    background-color: #FF5D5D;
    color: #ffffff;
    padding: 5px;
    overflow: hidden;
}
.UsagePolicyrtop, .UsagePolicyrbottom
{
    display: block;
}
.UsagePolicyrtop *
{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #FE9692;
    z-index: 1;
}
.UsagePolicyrbottom *
{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #FF5D5D;
    z-index: 1;
}
.UsagePolicyr1
{
	/* font-size fixes an issue with IE with line height */
	font-size: 1px;
    margin: 0 5px 0 5px;
    z-index: 1;
}
.UsagePolicyr2
{
	/* font-size fixes an issue with IE with line height */
	font-size: 1px;
    margin: 0 3px 0 3px;
    z-index: 1;
}
.UsagePolicyr3
{
	/* font-size fixes an issue with IE with line height */
	font-size: 1px;
    margin: 0 2px 0 2px;
    z-index: 1;
}
.UsagePolicyr4
{
	/* font-size fixes an issue with IE with line height */
	font-size: 1px;
    margin: 0 1px 0 1px;
    height: 2px;
}
.UsagePolicyDescrip
{
    background-color: #FE9692;
    height: 16px;
    color: #ffffff;
    text-align: left;
    padding-left: 2px;
    white-space:nowrap;
}
.UsagePolicyEmptyTimespan
{
    /*** border-bottom: 1px solid #D9D9D9; ***/
    width: 124px;
    background-color: #ffffff;
}

.RoomConfigurationGrid
{
    position: relative;
}

.RoomConfigurationGrid .RoomConfigurationGridHeader
{
    top: 0px;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-left: 0px; /*** border-top:1px solid #323232;      border-bottom:1px solid #323232;***/
    background-color: #ffd83c;
    border-right: 1px solid #323232; /***     background-color:#eee8b9; 	***/
    background-image: url(images/TimeHeaderGradient.gif);
    color: #666666;
    height: 19px;
    font-size: 11px;
}

/*** end revised UsagePolicy class definitions ***/



/*** Section: Meeting Pattern ***/
.MeetingPatternCalendar
{
    position: relative;
}
table.MeetingPatternCalendar
{
    border-right: 1px solid #666666;
    border-top: 1px solid #666666;
}
.MeetingPatternCalendar .MeetingDetail
{
    padding-top: 1px;
    border-bottom: 2px solid #f2f2f2;
}
.MeetingPatternCalendar .MeetingDetail table
{
    border: 0px;
    width: 175px;
}


.MeetingPatternCalendar .UsagePolicyDay
{
    /* width: 120px;*/
    background-color: #ffffff;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    /* border-right: 1px solid #666666;*/
}
.MeetingPatternCalendar .UsagePolicyTimeSpan, .UsagePolicyBlockedTimeSpan
{
    top: 0px;
    position: relative;
    overflow: hidden;
    margin-left: 1px;
    border-right: 1px solid #d1b957;
    background-color: #ffd83c;
    height: 222px;
}
.UsagePolicyTimeSpan .Descrip, .UsagePolicyBlockedTimeSpan .Descrip
{
    color: #666666;
    position: absolute;
    display: block;
    text-align: left;
    width: 400px;
    padding: 2px;
}
.UsagePolicyTimeSpan .Descrip
{
    border-top: 1px solid #f1e987;
}
.UsagePolicyBlockedTimeSpan .Descrip
{
    border-top: 1px solid #e1e1e1;
}
.MeetingPatternCalendar .UsagePolicyBlockedTimeSpan
{
    border-right: 1px solid #b9b9b9;
    background-color: #d8d8d8;
}

.MeetingPatternCalendar .TimeHeader
{
    border-left: 1px solid #323232;
    border-bottom: 1px solid #323232; /***     background-color:#ccd4dc; 	***/
    background-image: url(images/TimeHeaderGradient.gif);
    text-align: left;
    color: #444465;
    font-weight: bold;
    text-align: right;
    padding: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 120px;
}
.MeetingPatternCalendar .TimeLegend
{
    /*** width:100px;     background-color:#e5f1ff; 	
    background-image: url(images/TimeHeaderGradient.gif);
    border-left: 1px solid #323232;
    border-bottom: 1px solid #323232;
    border-right: 1px solid #323232; 
***/
	padding: 0;
	margin: 0;
	border-left: 1px solid #323232;
    border-bottom: 1px solid #323232;
}
.MeetingPatternCalendar .TimeLegendHour
{
    top: 0px;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0; /*** border-top:1px solid #323232;      border-right:1px solid #323232; ***/
    border-bottom: 1px solid #323232;
    background-color: #ffd83c; /***     background-color:#eee8b9; 	***/
    background-image: url(images/TimeHeaderGradient.gif);
    color: #666666;
    padding: 0;
}
.TimeLegendHour .Descrip
{
    padding: 5px;
    text-align: right;
    white-space: nowrap;
}
.UsagePolicies
{
    position: relative;
}
.UsagePolicyType
{
    width: 50%;
}
.UsagePolicyType .UsagePolicyTypeIcon
{
    position: absolute;
    text-align: center;
    width: 100%;
    padding-top: 3px;
}
.UsagePolicyType .UsagePolicyTypeIcon img
{
    margin-left: auto;
    margin-right: auto;
}
.UsagePolicyTypeL
{
    position: relative;
    left: 0px;
    top: 17px;
}
.UsagePolicyTypeR
{
    position: relative;
    left: 51%;
    top: 17px;
}
.UsagePolicyType .RibbonL
{
    height: 1000px;
    padding-top: 55px;
    top: 0px;
    left: 0px;
    position: absolute;
    width: 50%;
    background-color: #cac621;
    margin-right: 1px;
    text-align: center;
}
.UsagePolicyType .RibbonR
{
    height: 1000px;
    padding-top: 55px;
    top: 0px;
    left: 50%;
    position: absolute;
    width: 50%;
    background-color: #f4c621;
    margin-right: 1px;
    text-align: center;
}

.MeetingPatternCalendar .CalHeader
{
    border: 1px solid #666666;
    height: 21px;
    padding: 4px;
    font-size: 14px;
    background-color: #3263b8;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
.MeetingPatternCalendar .DayHeader
{
    border-left: 1px solid #323232;
    border-bottom: 1px solid #323232; /***     background-color:#ccd4dc; 	***/
    background-image: url(images/TimeHeaderGradient.gif);
    color: #444465;
    font-weight: bold;
    text-align: right;
    padding: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    /* width: 150px;*/
}
.MeetingPatternCalendar .Day
{
    background-color: #e5f1ff;
}

.Meeting
{
    margin-top: 1px;
    overflow: hidden;
}
.Meeting .MeetingHeader
{
    display: block;
    overflow: hidden;
    height: 12px;
}

.MeetingPatternCalendar .StdMeetingEvent
{
    background-color: #f8f5dd;
    color: #666666;
    cursor: pointer;
}
.StdMeetingEvent .Day
{
    background-color: #f8f5dd;
}
.StdMeetingEvent .Meeting
{
    background-color: #ffffcc;
    border: 1px solid #ffcc00;
}
.StdMeetingEvent .MeetingHeader, .MeetingHeader td
{
    background-color: #ffcc00;
    padding: 3px;
}

.MeetingPatternCalendar .StdMeetingEvent_hover
{
    background-color: #ffffdd;
    color: #666666;
    cursor: pointer;
}
.StdMeetingEvent_hover .Day
{
    background-color: #ffffdd;
}
.StdMeetingEvent_hover .Meeting
{
    background-color: #ffffdd;
    border: 1px solid #ffdd66;
}
.StdMeetingEvent_hover .MeetingHeader, .StdMeetingEvent_hover .MeetingHeader td
{
    background-color: #ffdd66;
    padding: 3px;
}

.Cancellation, .Cancellation td
{
    background-color: #BBBBBB;
    font-style: italic;
    text-decoration: line-through;
    /*background: url(images/Grid/linethrough.gif) repeat-x center left;*/ 
}

.MeetingPatternCalendar .ExceptMeetingEvent, .Exception, .Exception td
{
    background-color: #ffd0d0;
}
.MeetingPatternCalendar .ExceptMeetingEvent
{
    color: #666666;
    cursor: pointer;
}
.ExceptMeetingEvent .Meeting
{
    background-color: #f9f4d9;
    border: 1px solid #ffaa11;
}
.ExceptMeetingEvent .Day
{
    background-color: #f6e6d0;
}
.ExceptMeetingEvent .MeetingHeader
{
    background-color: #ffaa11;
}

.MeetingPatternCalendar .ExceptMeetingEvent_hover
{
    background-color: #ffffff;
    color: #666666;
    cursor: pointer;
}
.ExceptMeetingEvent_hover .Meeting
{
    background-color: #f9f4d9;
    border: 1px solid #ffaa11;
}
.ExceptMeetingEvent_hover .Day
{
    background-color: #ffffff;
}
.ExceptMeetingEvent_hover .MeetingHeader
{
    background-color: #ffaa11;
}

.MeetingPatternCalendar .ExamMeetingEvent
{
    background-color: #f6dcd8;
    color: #666666;
    cursor: pointer;
}
.ExamMeetingEvent .Day
{
    background-color: #f6dcd8;
}
.ExamMeetingEvent .Meeting
{
    background-color: #ffeeee;
    border: 1px solid #ff7766;
}
.ExamMeetingEvent .MeetingHeader
{
    background-color: #7f3b33;
}

.MeetingPatternCalendar .ExamMeetingEvent_hover
{
    background-color: #ffffff;
    color: #666666;
    cursor: pointer;
}
.ExamMeetingEvent_hover .Day
{
    background-color: #ffffff;
}
.ExamMeetingEvent_hover .Meeting
{
    background-color: #ffeeee;
    border: 1px solid #ff7766;
}
.ExamMeetingEvent_hover .MeetingHeader
{
    background-color: #7f3b33;
}

.MeetingPatternCalendar .Day
{
    border-left: 1px solid #446666;
    border-bottom: 3px solid #e5f1ff;
    padding-left: 1px;
    padding-right: 1px;
    width: 115px;
}

.Null
{
    color: #cc3333;
    font-weight: lighter;
}


.DaysMetSelector
{
    display: inline;
    padding: 0px;
    margin: 0px;
}
.DaysMetSelector td
{
    padding: 0px;
    margin: 0px;
}
.DaysMetSelector input, .DaysMetSelector label
{
    text-align: center;
    width: 16px;
    display: block;
}
.DaysMetSelector label
{
    width: 15px;
    font-weight: bold;
}
.ComplexPerms
{
    margin-top: 6px;
    margin-left: 10px;
    border: solid 1px #cecece;
}

.ComplexPerms td
{
    border: solid 1px #cecece; /*** font-size:12px;     padding:5px;     color:#6b92af;     font-weight:bold; 	***/
}
.ComplexPerms .Permission
{
    background-color: #d7dfe5;
    padding-right: 8px;
    border-bottom: 2px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
}
.ComplexPerms .PermColumn
{
    background-color: #f6f6c3;
}
.ComplexPerms .PermRow
{
    padding-left: 8px;
    background-color: #dfe6b5;
    border-bottom: 1px solid #f6f6c3;
    color: #666666;
}
.DateRangePainter .TimeBox
{
    background-color: #aaaaaa;
    border-right: 1px solid #777777;
    border-bottom: 1px solid #777777;
    height: 24px;
    width: 50px;
}
.DateRangePainter .TimeBoxSelected
{
    background-color: #3333ee;
    border-right: 1px solid #333399;
    border-bottom: 1px solid #333399;
    height: 24px;
    width: 50px;
}

.EnrollmentValues
{
    width: 110px;
}

/* fix provided from bottom of the page: http://forums.asp.net/thread/1550925.aspx */
.ajax__calendar_container
{
    z-index: 512000;
    width:200px;
    background-color: White;
}

.WizardInnerFormGroup .ajax__calendar_container table td,
.WizardInnerFormGroupNoTable .ajax__calendar_container table td,
.wrapper .ajax__calendar_container table td,
.ajax__calendar .ajax__calendar_container table td
{	
	border:none;
	padding:0px;
	margin:0px;
}

.CriteriaBox 
{
	margin:0px;
	padding:4px;
	border:1px solid #cccccc;
	background:#ffffff;	
}

/** the asp.net ajax calendars **/

/*Preference for SectionMeetings and Global Prefs*/
.Slider
{
    float: right;
    width: 110px;
}
.SlideControl
{
    float: right;
}
.SliderLabel
{
    text-align: center;
    float: left;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 6px;
}

.PaneHeader td
{
    background-color: #eff9ff;
    padding-right: 2px;
    border-right: solid 1px #e2e2e2;
    border-bottom: 0px;
    font-weight: normal;
    line-height: 20px;
}

.FormViewPreferenceBlockTd
{
    padding: 0px;
    margin: 0px;
}
.FormViewPreferenceControl
{
    clear: both;
    border: 1px solid #6FA26F;
    background:#ffffff;
    margin-bottom: 2px;

}
.FormViewPreferenceControl td
{
    background-color: Transparent;
    padding: 0px;
}
.FormViewPreferenceControl .header
{
    height: 23px;
    background-color: #8BBE8B;
    border-bottom:1px solid #6FA26F;
    color:#fff;
}
.EmptyDataRow, EmptyDataRow td
{
    background-color: #ffffff;
    height: 19px;
    font-weight: normal;
    font-style: italic;
    padding-left: 4px;
}
.FormViewPreferenceControl .header .Title
{
    color: #003366;
    padding-top: 6px;
    line-height: 22px;
    font-size:11px;
}
/** the "add panel" in a FVPC **/
.ContextMenuPanel
{
    border-bottom: 1px solid #cecece;
    overflow:visible;
}
.FormViewPreferenceControl .headerImage
{
    float: left;
    height: 9px;
    width: 9px;
    margin-left: 8px;
    margin-top: 8px;
    padding-right: 2px;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-image: url(images/FieldsetExpanded.gif);
}
.FormViewPreferenceControl .headerImageCollapsed
{
    display: block;
    float: left;
    height: 9px;
    width: 9px;
    margin-left: 8px;
    margin-top: 8px;
    padding-right: 2px;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-image: url(images/FieldsetCollapsed.gif);
}

.FormViewTextBox, select
{
    background-color: #FFFFFF;
    background-image: url("../../Theme/images/default/form/text-bg.gif");
    background-repeat: repeat-x;
    font: 12px tahoma,arial,helvetica,sans-serif;
    height: 21px;
    padding: 1px 3px 0;
    border: 1px solid #CCCCCC;
}

div.trunctext
{
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    color:#466F99;
}

.Appt div.trunctext
{
    width: auto;
}
.QuickListGrid .trunctext
{
    width: 200px;
}
.hiddenText
{
    display: none;
}

/*
div.trunctext:hover
{
    width:auto;
    white-space:normal;
    overflow:auto;
    position:relative;
}
*/
.ToolTippable
{
    position: relative;
    z-index: 128;
}
.ToolTip
{
    min-width: 110px;
    display: none;
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 1024;
    padding: 6px;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-right: 12px;
    background-color: #ffffe1;
    border:1px solid #666;
}
.ToolTipScroll
{
    width: 800px;
    display: none;
    position: absolute;
    top: -5px;
    left: -3px;
    z-index: 1024;
    height: 100px;
    overflow: scroll;
    padding: 6px;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-right: 12px;
    padding:0px;
    background-color: #ffffe1;
    border:4px solid #B0B0B0;
    margin-top:10px;
}
.ModalBackground
{
    background-image: url(images/ModalBkg.gif);
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.ModalPanel, .OptimizerStatusModalPanel
{
    background-color: #f4f4f4;
    background-image: url(images/Wizard/WizardPanelMacOSBG.gif);
    border: 1px solid #1c4976;
    color: #000000;
    position: relative;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    max-width:90%;
}
.ModalPanelCrosslist
{
    background-color: #f4f4f4;
    background-image: url(images/Wizard/WizardPanelMacOSBG.gif);
    border: 1px solid #1c4976;
    color: #000000;
    position: relative;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 550px;
    max-width:90%;
}
.TinyModalPanel
{
    background:#ffffff;
    color: #000000;
    font-size:12px;
    position: relative;
    padding-top:0;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    border:1px solid #1c4976;
}

.MessageModalPanel
{
    background:#ffffff;
    color: #000000;
    font-size:12px;
    position: relative;
    padding:12px;
    padding-top:0;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    border:1px solid #1c4976;
    border-top:20px solid #1c4976;
}


.ModalContent
{
	padding:8px;
}
.ModalContent table tr td
{
}


.ModalPanelHeader
{
	background:#336699;	
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	padding:4px;
}

.ModalPanelHeader h2
{
	font-size:12px;
	padding:4px;
}

h2.ModalHeader
{
	background:#d5dadf;
	border:1px solid #ccc;
	color:#333333;
}
.ModalBorder
{
	border:1px solid #ccc;
	border-top:none;
	border-bottom:2px solid #ccc;
	margin-bottom:6px;
}

.ModalPanelHeader table td, .ModalPanelHeader .FormObject
{
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
}


.ModalPanelBorder
{
	background:#eeeeee;
	padding:6px;
}
.ModalCancelButton
{
    float: right;
}
.ModalHelpButton
{
    float: right;
    padding:4px;
}
.ModalButtons
{
	margin-top:15px;
	text-align:center;	
}


.TinyModalPanel
{
    width: 300px;
    height: auto;
}
.OptimizerStatusModalPanel
{
    background:#ffffff;
    color: #000000;
    font-size:12px;
    position: relative;
    padding:12px;
    padding-top:5px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    border:1px solid #1c4976;
    border-top:20px solid #1c4976;
}
.OptimizerStatusModalPanel .ajaxStatus
{
    background-image: url(images/Wizard/WizardPanelMacOSBG.gif);
    width: 212px;
    height: 16px;
    padding-left: 8px;
    padding-top: 3px;
}

.ConflictRowList
{
    height: 420px;
    overflow: scroll;
    overflow: auto;
}
/*** Ajax loading ***/
.loading
{
    position: absolute;
    left: 48%;
    top: 50px;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/*** new wizard stuff 
    TODO: clean up ancient Wizard styles
***/
.WizardCrumbBar
{
}
.WizardCrumbBar .WizardHead
{
    margin-top: 6px;
}
.WizardStep, .CurrentStep, .WizardDisabledStep, .FinishedStep
{
    display: inline;
    float: left;
    text-align: center;
    border-right: 1px solid #cccccc;
}
.WizardStep
{
    background-image: url(images/Wizard/UnavailableStep.gif);
}

.CurrentStep
{
    background-image: url(images/Wizard/CurrentStep.gif);
    height: 25px;
}

.FinishedStep
{
    background-image: url(images/Wizard/FinishedStep.gif); /*background-image:url(images/Wizard/CurrentStep.gif);*/
}
.WizardStep .Title, .WizardDisabledStep .Title, .CurrentStep .Title, .FinishedStep .Title
{
    margin: 6px;
    margin-left: 0px;
    margin-right: 0px;
}
.WizardStep .Title a, .WizardDisabledStep .Title a, .CurrentStep .Title a, .FinishedStep .Title a
{
    text-decoration: none;
    font-size: 11px;
}
.WizardStep .Title a
{
    color: #999999;
}
.CurrentStep span.Title
{
    font-size: 11px;
}
.CurrentStep .Title
{
}
.WizardDisabledStep
{
    background-image: url(images/WizardStepBG.gif);
}
.WizardDisabledStep .Title a
{
}
.Wizard .FormGroup
{
}
.Wizard .FormGroup .Legend
{
    padding-left: 0px;
    background-image: none;
}

.Wizard .FormGroup .Legend a
{
    text-decoration: none;
    color: #000000;
}
.Wizard .WizardCrumbBar
{
    font-size: 10px;
    margin-top: 4px;
    margin-bottom: 8px;
}
hr
{
    border: 0px;
    height: 1px;
    background-color: #d6d6d6;
    color: #d6d6d6;
}
.Wizard .FormGroup
{
    font-size: 11px;
}
.Wizard .FormGroup .FormGroupItems
{
    background-color: Transparent;
    border: 0px;
    padding: 0px;
}

.Wizard .FormGroup .FormGroup .FormGroupItems
{
    background: none;
}

.WizardInnerFormLegend
{
    color: #316293;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 7px;
}
.WizardInnerFormGroupOuter
{
    border: none;
    padding-top: 0px;
    padding: 0px;
    margin: 0px;
}
.WizardInnerFormGroup, .InnerFormGroup
{
    background: #ffffff;
    border: 1px solid #B5B5B5;
    padding: 0px;
    margin: 10px;
}

.Wizard .WizardPanel
{
    background-image: url(images/Wizard/WizardPanelMacOSBG.gif);
    border:none;
    padding: 5px;
}
.Wizard .WizardPreview
{
    background-image: url(images/Wizard/WizardPanelMacOSBG.gif);
    border: 1px solid #dcdcdc;
    border-bottom: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    width: 477px;
    padding: 14px;
    margin-left: auto;
    margin-right: auto;
}
.Wizard .WizardPreview .IntroHeader
{
    background-image: url(images/Wizard/IntroHeaderBG.gif);
    width: 477px;
    height: 59px;
}
.Wizard .WizardPreview .IntroHeader .HeaderIcon
{
    float: left;
    margin-top: 7px;
    margin-left: 18px;
    margin-right: 12px;
}
.Wizard .WizardPreview .IntroHeader .Title
{
    color: #0a3e66;
    font-size: 13px;
    font-weight: bold;
    float: left;
    padding-top: 22px;
}
.Wizard .WizardPreview .PreviewItem
{
    float: left;
    text-align: center;
}
.Wizard .WizardPreview .WizardButtons
{
    float: right;
}
.Wizard .WizardPreview .PreviewText
{
    padding: 14px;
    padding-top: 28px;
    padding-bottom: 0px;
}
.Wizard .WizardPreview .PreviewInput
{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.WizardMultiLine
{
    border: 1px solid #dcdcdc;
}

.WizardControlButtons
{
	border-top:1px solid #cccccc;
	padding:5px;	
}

/*** CALENDAR STYLES ***/

.CalendarWrapper 
{
	background:#336699 url(images/Calendar/CalendarBackground.gif) repeat-x top;
	border:1px solid #336699;
	margin-top:5px;
	padding:10px;
	padding-bottom:45px;	
}

.CalendarViewPanel
{
    height: 1048px;
}

.footerspacer .CalendarWrapper 
{
	
}


.CalendarWrapper .ListView 
{
	border:1px solid #1c4f82;
	padding:20px 20px 10px 20px;
	background:#ffffff url(images/Calendar/CalendarWrapperListBackground.gif) repeat-x top;
}
.CalSearch
{
	border:1px solid #cccccc;
	padding:6px;
	background:#ffffff;
	border:none;
}
.CalSearch .FormGroup
{
	margin:0px;
}
.CalSearch .FormGroup .Legend:hover
{
	background:#1c4f82;
}
.CalSearch .FormGroup .Legend .Title:hover
{
	color:#204161;
}

.CalendarControlRow
{
    padding: 5px;
    padding-top: 4px;
    padding-bottom: 6px;
    margin-top: 8px;
    background-image: url(images/Calendar/CalControlRowBG.gif);
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    margin-left: 5px;
    margin-right: 5px;
}
.CalendarControlRow .ControlSelectButton, .CalendarControlRow .ControlSelectButtonDown
{
    font-size: 10px;
}

.MyCalendars
{
    color: #777777;
    float: right;
    margin:0px 14px 0px 4px;
}
.CalendarPagingModes
{
    text-align: center;
    margin-bottom: 5px;
}
.CalendarPagingModes a
{
    display: inline;
    font-weight: bold;
    text-decoration: none;
}
.CalendarDatePicker .TodayDay
{
    background-color: #00ff00;
}

.CalendarView
{
    width: 100%;
}
.CalendarView .CalendarMonthView
{
}

.Appointment, .SelectedAppointment
{
    /** blue background, regular appointment **/
    background-color: #0078d2;
    border: 1px solid #005ea4;
    color: #ffffff;
    font-family: Verdana;
    font-size: 9px;
    font-family: Verdana;
}


.WorkingTimeSlot
{
    border-bottom: 1px solid #f7f7f7;
    background-color: #ffffff;
}
.CalendarViewPanel, .WizardViewPanel
{
    clear: both;
    height: 430px;
}

.CalendarViewPanel .MonthView
{
    height: 100%;
}

.WizardViewPanel
{
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
.CalendarViewControls
{
    display: inline;
    clear: both;
}

.CenterCol .CalendarViewControls
{
	min-width: 460px;
}

.LeftCol .CalendarViewControls
{
	min-width: 295px;
}

.RightCol .CalendarViewControls
{
	min-width: 220px;
}
.CalendarViewButtons
{
    display: block;
    text-align: right;
    padding: 0px;
    margin-right: 12px;
    float: right;
}
.CalendarViewButtons .Tab
{
    margin-right: 6px;
    margin-bottom: 6px;
}
.WizardTabs
 {
    position: relative;
    text-align: left;
    margin: 0px;
    padding: 0px;
    top: 1px;
    z-index: 128;
}
.CalendarFilters
{
    color:#ffffff;
    font-weight:bold;
    margin-right:7px;
    margin-top:5px;
}
.CalendarFiltersBox
{
	float:right;	
}
.CalendarTabsBox 
{
	float:left;
	width:200px;
	text-align:center;
}
.CalendarTabs
{
	width:500px;
	float:left;
    position: relative;
    text-align: left;
    margin: 0px;
    padding: 0px;
    top: 1px;
    z-index: 128;
}

.CenterCol .CalendarTabs
{
	width: 300px;
}

.LeftCol .CalendarTabs
{
	width: 295px;
}

.RightCol .CalendarTabs
{
	width: 220px;
}

.CalendarTabs .Tab, .WizardTabs .Tab
{
    margin-top: 6px;
}
.Tab
{
    margin: 0px;
    padding: 0px;
    float: left;
    cursor: pointer;
}
.TabButtonBox
{
	float:left;
	margin-right:0px;
	width:50px;
}
.TabButton
{
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

.ChooseDate
{
	background:none;
	border:none;
	color:#ffffff;
	font-weight:bold;
	width:72px;
	text-align:right;
}

.CreateEvent
{
	float:right;
	margin-right:10px;
}

.CalEditFilterOptions fieldset
{
    height:175px;
	border: none;
}
.CalEditFilterOptions table td
{
	border:1px solid #ccc;
}
.LocationFilter, .EventsFilter, .SectionsFilter, .OptionsFilter 
{
    width:100%;
    margin-right:10px;
    height:215px;
    display:inline;
}
.FilterOpterionsHide 
{
	display:none;
}
.ResourcesFilter 
{
    float:left;
    width:100%;
    margin-right:10px;
    height:190px;
    display:inline;
}
table.cleartablestyles tr td, .cleartablestyles
{
	padding:0px;
	margin:0px;
	border:none;
}

/*** GridView ***/
.GridViewSide
{
	width:176px;
	background:#4a7db0;
	border:1px solid #1c4f82;
	padding:4px;	
    height: 400px;
    overflow:auto;
}

.GridViewListWrapper
{
    overflow:auto;
    height:400px;
    background-color: #FFFFFF;    
}

.PrintButton
{
    float: right;
    margin-right: 22px;
}

.GridFrame
{
    position: relative;
}

.WeekGridView
{
    height: 400px;
}

.DayGridHeight  
{
   height:350px;
   overflow:auto;
}  
#CalGridView .GridFrame
{
    position: relative;
    background:#336699;
}
.GridFrame .TopLeft
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 250px;
    padding-top: 2px;
    padding-left: 0px;
    background-color: #f4ffff;
    border-right: 1px solid #dcdcda;
    border-bottom: 1px solid #dcdcda;
    overflow: hidden;
}
.GridInnerFrame
{
    /** will cause grid wraps if width not set properly **/
    position: relative;
    top: 16px;
    left: 250px;
    width: 632px;
}
.GridYInnerFrame
{
    /** will cause grid wraps if width not set properly **/
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: scroll;
    height: 354px;
    width: 249px;
}
.GridYInnerFrame .ListGrid td
{
    padding:5px;
    padding-left:4px;
    padding-right:4px;
    margin:0px;
    cursor:pointer;
    height:auto !important;
    height:22px;
    background-color:#f8f8f8;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #cccccc;

}
.GridYInnerFrame tr
{
    height: 16px;
}
.GridHeaderX, #GridHeaderXGridRow
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: Transparent;
    text-align: center;
    height: 45px;
}
.GridHeaderX .GridBox
{
    background-color: #e5f1ff;
    display: block;
}
.GridHeaderY
{
    position: absolute;
    top: 14px;
    width: 150px;
    padding-top: 1px;
}
.GridHeaderY .GridBox
{
    background-color: #808080;
    margin-bottom: 1px;
    width: 150px;
    display: block;
    float: none;
    clear: both;
}
.GridHeaderY .GridRow
{
    height: 16px;
}
  
.GridBox
{
	border-bottom: 1px solid #cccccc;
	border-right:none;
	border-top:none;
}
.GridBox, .GridRow, .GridBoxSelected
{
}
.QtySelectGridBox
{
    background-color: #12ce59;
    display: block;
    width: 120px;
    height: 22px;
    padding: 2px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    color: #ffffff;
}
.QtySelectGridBox input
{
    margin: 0px;
    margin-top: 3px;
    border: 1px solid #666699;
}
.GridBox, .GridBoxSelected
{
    width: 59px;
    border-left: 1px solid #808080;
    /* border-bottom: 1px solid #808080; */
    background-color: #808080;
    float: left;
}
.RoomGridBox, .GridRow, .GridBoxSelected, .GridYInnerFrame td
{
    height: 15px;
}
.RoomGridBox, .GridBoxSelected
{
    width: 59px;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080; /* margin-bottom:1px;*/
    background-color: #eeeeee;
    float: left;
}
.GridBoxSelected
{
    background-color: #ff3377;
    color: #000000;
}
.GridRow, GridHeaderX
{
    display: block;
}
.GridHeaderX .GridBox
{
    color: #000000;
    border-left: 0px;
    border-right: 0px;
}
.GridInnerFrame .GridRow
{
    position: relative;
}
.GridInnerFrame .WorkHourGridBox
{
    background-color: #fcfcfc;
}
.GridRow .Appt
{
    background-color: #4169e1;
    position: absolute;
    overflow: hidden;
    border: 1px solid #222233;
    color: #ffffff;
    z-index: 100;
	height:auto;
    margin:0px;
   
}
.GridRow .Appt .Detail
{
    width: 400px;
    position: static;
    color: #ffffff;
    text-decoration: none;
}
.GridRow .Appt .Detail a
{
    color: #ffffff;
    text-decoration: underline;
}
.OptimizerFilterPanel
{
    /* Disabled to fix sectionMeetingForm layout, not found elsewhere in solution     width: 280px;     background-color: #ffffff;     */
}
#GridHeaderXGridRow .GridBox
{
    overflow: hidden;
    height: 45px;
    border-right: 0px;
    border-left: 1px solid #cdcdcd;
    font-size: 9px;
    border-top: 0px;
}

/*** ListView.ascx ListGrouping ***/

.CalListView
{
	background:#ffffff;	
	border:1px solid #1c4f82;
}
.CalListView label
{
	color:#DDECF1;
}
.CalListTopBlue
{
	background:#4a7db0;	
	border-bottom:1px solid #1c4f82;
}
.CalListView .GroupHeader
{
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #e4e4e4;
}
.CalListView .DateRow
{
	font-weight:bold;
	color:#333333;
}
.EventSpacing
{
	margin:10px 0px 5px 10px;	
}
.GroupByList
{
	padding:0px 0px 3px 4px;
	color:#ffffff;	
}
.ListView
{
    display: block;
    border: 1px solid #cccccc;
}
.ListView .GroupHead
{
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
    clear: both;
    color: #44647b;
    float: left;
}
.ListView .WhenHeader
{
    float: left;
}
.ListView .WhatHeader
{
    padding: 2px;
}
.ListView .DateRow
{
    font-weight: bold;
    background-color: #ddecf1;
    border-bottom: 1px solid #C4E0E4;
    font-size: 11px;
    color: #000000;
    padding: 4px;
    clear: both;
}
.ListView .ListAppointment
{
    background-color: Transparent;
    background-image: none;
    border: 0px;
    display: block;
    clear: both;
    padding: 4px;
    padding-top: 2px;
}
.ListView .ListAppointment .MeetingTime
{
    float: left;
    width: 127px;
    color: #000000;
    padding-right: 6px;
    text-align: right;
}
.ListView .ListAppointment .AppointmentName
{
    padding-right: 6px;
    float: left;
}
.ListView .ListAppointment .AppointmentName a
{
    margin-left: 6px;
}
.ListGrid .ResourceRow a
{
    font-weight: normal;
}
.ListGrid .ResourceRow img, .ListGrid .SelectedResourceRow img, .ListGrid .SelectedResourceRowWithActivity img
{
    margin-top: 4px;
}

.ListGrid .SelectedResourceRow td
{
    background-color: #EFF9FF;
}

.ListGrid .SelectedResourceRowWithActivity td
{
    font-weight: bold;
    color: red;
    background-color: #EFF9FF;
}

.ListGrid .ResourceRowWithActivity a
{
    font-weight: bold;
    color: red;
}

/*** needs style! ***/
.QuickEventPanel
{
    background-color: #ffffff;
    border: 2px solid #dcdcdc;
    border-bottom: 3px solid #dcdcdc;
    border-right: 3px solid #dcdcdc;
    width: 400px;
    height: auto;
    min-width: 210px;
    padding: 6px;
    position: absolute;
    z-index: 1024;
}


.HasHoliday .GridInnerFrame .GridBox
{
    background-color: #009999;
    border-left: 1px solid #99c9c9;
    border-top: 1px solid #99c9c9;
}
.HasMilestone .GridInnerFrame .GridBox
{
    background-color: #d1abd1;
    border-left: 1px solid #c999c9;
    border-top: 1px solid #c999c9;
}
.HasHolidayAnnouncement .GridInnerFrame .GridBox
{
    background-image: url(images/Calendar/HolidayMilestoneBG.gif);
    border-left: 1px solid #b9b9c9;
    border-top: 1px solid #b9b9c9;
}

/*** DailyGridView ***/

.daygridcover
{
  height:18px;width:249px;position:absolute;background:#4a7db0;border-bottom:1px solid #999;border-right:1px solid #999;z-index:100;
}
.DailyGridView
{
    border:1px solid #1c4f82;
    width:101%;
    background:#4a7db0;	
    overflow: auto;
    min-height: 420px;
}
.ResourceListFrame
{
	background:#4a7db0;
	width:100%;	
}
.ResourceListFrameText
{
	color:#ffffff;
	font-weight:bold;
}
.DailyGridView .GridBox
{
    width: 59px;
    height: 20px;
    border-left: 1px solid #808080;
    border-top: 1px solid #808080;
}
.DailyGridView .GridHeaderX
{
    border-top: 1px solid #DFE0DB;
}
.DailyGridView .GridHeaderX .GridBox
{
    height: 15px;
    margin: 0px;
    width: 59px;
    border-top: 0px;
    border-bottom: 0px;
}
.DailyGridView .TopLeft
{
    height: 15px;
    width: 241px;
    padding-left: 6px;
    padding-top: 1px;
    border-left: 1px solid #DFE0DB;
    border-top: 1px solid #DFE0DB;
}
.DailyGridView .GridHeaderY
{
    top: 17px;
}
.DailyGridView .GridInnerFrame
{
    top: 17px;
    left: 249px;
}
.DailyGridView .GridRow
{
}
.DailyGridView .GridInnerFrame .GridBox
{
    background-color: #ffffff;
    border-left: 1px solid #DFE0DB;
    border-top: 1px solid #DFE0DB;
}

.HolidayAnnounceLabel
{
    float: left;
    padding-top: 12px;
    padding-left: 12px;
    font-weight: bold;
}

/*** ResourceSelectionGrid styles ***/
.ResourceSelectionGrid
{
}

.ResourceSelectionGrid .GridInnerFrame, .ResourceSelectionGrid .GridHeaderY
{
    top: 45px;
}

.ResourceSelectionGrid .TopLeft
{
    height: 44px;
}
.ResourceSelectionGrid .GridRow
{
}
.ResourceSelectionGrid .GridHeaderX
{
    left: 57px;
}
.ResourceSelectionGrid .GridHeaderX .GridBox
{
    overflow: hidden;
}
.ResourceSelectionGrid .GridHeaderX .GridRow .GridBox b
{
    height: 15px;
    font-size: 11px;
    display: block;
    width: 111px;
    overflow: hidden;
    text-align: center;
}
.ResourceSelectionGrid .GridHeaderY .GridBox
{
    text-align: left;
    padding-left: 8px;
    width: 140px;
}

.ResourceSelectionGrid .GridBox, .GridBoxSelected
{
    width: 120px;
    background-color: #d9d9d9;
    text-align: center;
    height: 19px;
    position: relative;
}
.ResourceSelectionGrid .GridBoxBlocked
{
    background-color: #ce1259;
}
.ResourceSelectionGrid .GridRow a
{
    text-decoration: none;
}
.ResourceSelectionGrid .PoolGridBox
{
    background-color: #12ce59;
    color: #ffffff;
    font-size: 10px;
    padding-top: 4px;
    height: 17px;
}

.ResourceSelectionGrid .GridFrame
{
    height: 400px;
    width: 100%;
}
.ResourceSelectionGrid .GridInnerFrame
{
   /* height: 356px; */
    width: auto;
}

.GridFrame .ListGrid .Row td,.GridFrame .ListGrid .AltRow td
{
      padding:0px 0px 0px 3px;
      border-bottom:1px solid #ddd;
      vertical-align:middle;
}

/*** RoomStatuses on InnerGrid GridBoxes ***/
.ResourceSelectionGrid .Allowed
{
    background-image: url(images/ResourceGridAvailableBG.gif);
    background-color: #ffffff;
}
.ResourceSelectionGrid .ActivityConflict
{
    background-color: #ffdcda;
    background-image: url(images/ResourceGridUnavailableBG.gif);
}
/*** need background image for "selected"*/
.ResourceSelectionGrid .GridBoxSelected, .Assigned
{
    background-image: url(images/ResourceGridSelectedBG.gif);
    background-color: #12ce59;
}
.ResourceSelectionGrid .GridBoxSelected, .AssignedMulti
{
    background-image: none;
    background-color: #12ce59;
}
.ResourceSelectionGrid .AssignedNotInFilter
{
    background-color: #ebebeb;
}
.ResourceSelectionGrid .UsagePolicyConflict
{
    background-color: #ffdcda;
}
.ResourceSelectionGrid .RoomNotAllowedConflict
{
    background-image: url(images/ResourceGridRestrictedBG.gif);
    background-color: #ffffcc;
}

.ResourceSelectionGrid .HolidayConflict{
	background-image: url(images/ResourceGridHolidayConflictBG.gif);
    background-color: #ffffcc;
}

/*** Portal Styles ***/
.LeftCol, .RightCol, .CenterCol
{
    padding-top: 10px;
}
.CenterCol
{

}
.PartChrome
{
    width: auto;
    border: 0px;
    background-image: url(images/Wizard/WizardPanelMacOSBG.gif);
}
.EditorZone
{
    /* width:500px;     height: 300px; */
}
.EditorZone .PartChrome
{
    background-image: none;
}
table.EditorZone tr td
{
	font-size:12px;	
	padding:4px;
}
.modalScrollBox
{
    width: 680px;
    height: 400px;
    overflow: auto;

}
.PartTitle
{
    font-weight: bold;
    border:1px solid #cccccc;
    border-bottom:none;
    background:#1c4976;
}


.PartSection
{
    padding: 6px;
    font-size: 10px;
    font-weight: bold;
    color: #0a3e66;
}

.Part
{
    width: 100%;
    border: 0px;
    border:1px solid #cccccc;
    border-top:none;
    background-color: #ffffff;
    margin-bottom:10px;
}
.Part title
{
    width: 100%;
}
.Part div
{
    padding: 2px;
}
.ModalPanel .Part
{
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
}
.Part div div
{
    border: 0px;
    padding: 0px;
}

.WebPartZone, .CatalogZone
{
    border: 0px;
    width: 100%;
}
.CatalogFooter, .ModalFooter
{
}
.ZoneHeader
{
    display: none;
}
.PartTitle
{
    padding: 6px;
}
.CatalogHeader, .ModalHeader
{
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background:#1c4976;
}
table.CatalogHeader tr td
{
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background:#1c4976;
}
.PartTitle span
{
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
}

.ModalHeader input
{
    margin: 0px;
    padding: 0px;
}

.FeedTitle
{
    margin: 4px;
    margin-left: 0px;
    margin-top: 0px;
    display: block;
}
.Part .TitleBarVerb
{
    margin-left: 4px;
}

/*** RSS Part styles ***/
.Part .rssTitle, .Part .rssDateTime, .Part .rssCategory, .Part .rssDescription
{
    border: 0px;
    background-color: Transparent;
    font-weight: normal;
}
.Part .rssTitle, .Part .rssSmallTitle
{
    font-size: 15px;
    font-weight: bold;
}
.Part .rssSmallTitle
{
    font-size: 12px;
}
.Part .rssDateTime
{
    color: #444444;
    display: inline;
}
.Part .rssCategory
{
    font-weight: bold;
    color: #444444;
    display: inline;
}
.Part .rssDescription
{
    clear: both;
    padding-top: 6px;
}
.Part .rssDescription table, .Part .rssDescription img
{
    float: right;
    margin-bottom: 4px;
    margin-left: 4px;
}
.WizardSubNavButton
{
    float: right;
}


/***  accordion styles ***/
.Accordion
{
    margin: 0px;
}
.AccordionTitle
{
    font-weight: bold;
    text-align: left;
    border-left: solid 1px #e2e2e2;
    border-top: solid 1px #e2e2e2;
}
.AccordionTitle td
{
    background-color: #D9D9D9;
    background-image: url("../../Theme/images/default/grid/grid3-hrow.gif");
    background-repeat: repeat-x;
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    font: 11px/15px arial,tahoma,helvetica,sans-serif;
    padding: 4px 3px 4px 5px;
}

.Pane
{
    text-align: left;
    font-weight: bold;
    font-size: small;
    display: block;
    border-top: none;
    margin-bottom: 1px;
    background: #ffffff;
    border-bottom: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
}

.Pane .FormGroup
{
    background: #ffffff;
}



.Pane .Pane .item td
{
    background-color: Transparent;
    padding: 0px;
    border: 0px;
}
.Collapsed, .Collapsed td
{
    background-color: #ffffff;
}
/* the expand/collapse image */
.AccordionHeaderImage
{
    display: block;
    float: left;
    height: 9px;
    width: 9px;
    margin-top: 2px;
    padding-right: 2px;
    background-repeat: no-repeat;
    background-image: url(images/FieldsetExpandedGray.gif);
}
.Collapsed .AccordionHeaderImage
{
    background-image: url(images/FieldsetCollapsedGray.gif);
}

.accordion_headings
{
    padding: 5px;
    background: #FCFCFC;
    color: #666;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #B5B5B5;
    border-top: none;
}

.accordion_headings:hover
{
    background: #C7E3B9;
}

.header_highlight
{
    background: #EBEBEB;
}

.header_highlight .AccordionHeaderImage
{
    background-image: url(images/FieldsetExpandedGray.gif);
}


.PaneHeader, .Selected .PaneHeader
{
    font-weight: normal;
    cursor: pointer;
}
.PaneHeader td
{
    font: 11px/13px arial,tahoma,helvetica,sans-serif;
    border-right: 1px solid #e3e3e3;
    padding: 2px 2px 2px 6px;
    height: 25px;
}
.FilterSentence
{
    font-size: small;
}
.Collapsed
{
    background-color: #ffffff;
}
.Collapsed .PaneHeader
{
    background-color: #ffffff;
}
/*** for filters, could be dangerous ***/
.ModalPanel .Pane
{
    border: 0px;
    background-color: Transparent;
}
.ModalPanel .PaneHeader
{
    color: #666666;
}
.Pane input, .Pane textarea, .Pane select
{
    font-weight: normal;
}

.Pane .PaneHeader
{
    background-color: #ffffff;
    border: 0px;
}
.Collapsed .PaneHeader
{
    background-color: #ffffff;
}
.Pane .PaneBody
{
    border-top: 1px solid #e2e2e2;
    margin-left: 5px;
    padding: 0px;
}
.Collapsed .PaneBody
{
    display: none;
}

.AffectedEventsGrid
{
    overflow: auto;
    height: 230px;
    background-color: #ffffff;
    clear: both;
    display: block;
    position: relative;
}

/*** Crosslisting Modal Style ***/
.CrosslistSelect .ParentNode
{
}
.CrosslistSearch .ChildNodes input, .CrosslistSelect input
{
    display: inline;
}
.CrosslistSelect input
{
    display: inline;
}

.ChildNodeBold
{
    font-weight: bold;
}

.FromCrosslist .smallitalic
{
    font-style: italic;
    font-size: xx-small;
}

.FormController .EventRequestBody
{
}

.TagSelector
{
    height: 120px;
    overflow: scroll;
    padding: 0px;
    vertical-align: top;
}


/*** new FilterTitle's ***/
.FilterTitle
{
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.FilterTitle thead tr td
{
    height: 22px;
    padding: 3px;
    color: #666666;
    background-image: url(images/FilterTitleHeadBG.gif);
    font-size: 10px;
    font-weight: normal;
}
.FilterTitle tr td
{
    height: 30px;
    background-image: url(images/FilterTitleRowBG.gif);
    font-weight: bold;
    font-size: 12px;
}

/*** HoverPop styles ***/
.HoverPoppaple
{
    /* the element that's hoverpoping */
    cursor: pointer;
}
.HoverPoppable img
{
    margin-top: 3px;
}
.HoverPop
{
    left: 555px;
    position: absolute;
    z-index: 3333333;
    width: 200px;
    height: 200px;
    border: 1px dashed #ff0066;
    background-color: #cc66aa;
}

/*** from prototip.css ***/
/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip
{
    position: absolute;
}
.prototip .effectWrapper
{
    position: relative;
}
.prototip .tooltip
{
    position: relative;
}
.prototip .toolbar
{
    position: relative;
    display: block;
}
.prototip .toolbar .title
{
    display: block;
    position: relative;
}
.prototip .content
{
    clear: both;
}
.prototip .toolbar a.close
{
    position: relative;
    text-decoration: none;
    float: right;
    width: 15px;
    height: 15px;
    background: transparent url(close.gif);
    display: block;
    line-height: 0;
    font-size: 0px;
    border: 0;
}
.prototip .toolbar a.close:hover
{
    background: transparent url(close_hover.gif);
}

.iframeShim
{
    position: absolute;
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
}

/* Tooltip styles */
.prototip .default
{
    width: 240px;
    color: #000000;
}
.prototip .default .toolbar
{
    font-size: 12px;
}
.prototip .default .title
{
    background-color: #5786b7;
    color: #ffffff;
    padding: 4px;
}
.prototip .default .title b
{
    color: #ffffff;
}
.prototip .default .content
{
    background-color: #ffffff;
    border-left: 1px solid #5786b7;
    border-right: 1px solid #5786b7;
    border-bottom: 1px solid #5786b7;
    background-image: url(images/HoverPopContentBG.gif);
    padding: 4px;
    color: #000000;
}
.prototip .default .content img
{
    float: right;
}
.prototip .default .content ul
{
    margin-left: 12px;
}

.PanelUpdate
{
    position: absolute;
    z-index: 99;
}
.EventRequestPadding .FormController table
{
	margin:10px;
}
.EventRequestIntroText
{
    line-height: 16px;
    color: #666666;
    display: block;
    padding-left: 30px;
    padding-top: 15px;
    font-weight: bold;
}
.ModalTitle
{
    font-weight: bold;
    font-size: medium;
    color: #ffffff;
}

.RunProgressBar
{
    background-color: Green;
}
.RunInProgressBar
{
    background-color: Blue;
}

/* ---------------------- */
/* Event Request Form CSS */
/* ---------------------- */
.RequestTitle
{
  font-weight:bold;
  font-size:14px;
}
.list-item
{
    background-color: #ddecf1;
    color: #316293;
    margin-left: 5px;
    margin-right: 5px;
    width: 340px;
    height: 30px;
    border: 1px;
    border-style: solid;
    border-color: #B1BBBF;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    position: relative;
    font-weight: normal;
    cursor: move;
    overflow:hidden;
}
.list-item-outer
{
    height: 35px;
    padding: 0px;
    margin: 0px;
}
.selectedERFField
{
    background-color: #99CCCC;
}
.section-item-over
{
    background-color: #cccccc;
}
.erfSection
{
    width:350px;
    border: dotted 1px black;
    background-color: #eef6f8;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    display: block;
    font-size: 12px;
    font-weight: bold;
    background: url(images/BoxHeader-Repeater.gif) repeat-x top;
}
.erfSectionTop
{
    cursor: move;
    display: block;
    white-space:nowrap;
    height:35px;
    margin-bottom:4px;
}
.erfSectionTop a.ERFControlButton
{
    margin:6px 6px 6px 0px;    
    text-decoration: none;
}
div.erfSection h3
{
	line-height: 20px;
    font-size: 12px;	
    padding: 5px;
    margin: 0 0 10px 0;
    background: url(images/BoxHeader-Repeater.gif) repeat-x;
    display: block;
    cursor: move;
    color: #316293;
}
.ERFControlButton
{
    float: right;
    height: 11px;
    font-weight: normal;
    padding-left: 4px;
    padding-right: 4px;
    margin: 2px;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    color:#eeeeee;
    background: #393 url(images/ButtonBGBlue.gif);
    border-color:#204161; 
}
.ERFImage
{
    float: right;
    font-weight: normal;
    padding: 0px;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
}
div#ctl00_MainContentPlaceHolder_EventRequestFormGroup_panelDesignerFields h3
{
    cursor: default;
    height: 25px;
}
div#ctl00_MainContentPlaceHolder_EventRequestFormGroup_panelDesignerFields div.list-item
{
    background-color: #dde2f1;
    color: #316293;
    width: 270px;
    font-size:11px;
}
.erfSectionFieldCatalog
{
    border:1px solid #666666;
    background-color: #eef6f8;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    display: block;
    font-size: 12px;
    font-weight: bold;
}
.erfSectionTopFieldCatalog
{
	width: 100%;
    background: url(images/header-gradient.jpg) repeat-x;
    color: #ffffff;
    font-size: 12px;
    display: block;
    white-space:nowrap;
    margin: 0 0 5px 0;
    height:35px;
}
.erfSectionTopFieldCatalog h3
{
    padding:8px;
}

.erfSectionTopFieldCatalog a.ERFControlButton
{
    margin:8px;
}


.PersonChooser
{
    position: relative;
}

.WizardInnerFormGroup table
{
    /* TODO: */
}

.wrapper table
{
	width:100%;
}

.WizardInnerFormGroup table tr td.thcell,.WizardInnerFormGroup table tr th,
.wrapper table tr td.thcell,.wrapper table tr th
{
    text-align: left;
    padding: 4px;
    background: #F3F3F3;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.WizardInnerFormGroup table td
{
    /* TODO: */
}
.wrapper table td,
.wrapper_yellow table td
{
    border-bottom: 1px solid #eeeeee;
    height:18px;
    padding: 3px;
}

table tr td textarea
{
/* commented out because it restricts textareas for User Defined Fields
	width:98%;	*/
}

textarea.FormViewTextBox
{
    border: 1px solid #CCCCCC;
    padding-top: 4px;
    padding-bottom: 0px;
    height: auto;
    resize: none;
}

table.TableWizardReview tr th,table.TableWizardReview tr td
{
	padding:4px;
}
table.main tr td.thcell, table.main tr th
{
    text-align: left;
    padding: 4px;
    background: #F3F3F3;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
table.main tr td
{
    border-bottom: 1px solid #eeeeee;
    height: 20px;
    padding: 4px;
}

.ajax__calendar_container table.main td,.WizardInnerFormGroup table.main td
{
    border:none;
    height:auto;
    padding:0px;
}

table.main .WizardButton
{
    background: #336699 url(images/ButtonBGBlue.gif);
    padding: 0px 1px 0px 1px;
    margin: 0px;
    font-size: 9px;
    border: 1px solid #000000;
    height: auto;
}
table.main .ControlButton
{
    padding: 0px 4px 0px 4px;
    margin: 4px;
    font-size: 9px;
    height: auto;
}
.TextControlButton
{
    background: url("images/ButtonBGlightgrey.gif") repeat-x scroll center bottom #336699;
    border: 1px solid #BDBDBD;
    border-radius: 4px 4px 4px 4px;
    color: #000000;
    font-size: 9px;
    padding: 3px 4px;
    text-decoration: none;
}
.TextControlButton:hover
{
    color:#000000;
    text-decoration:none;
}
table.main tr th.dif, table.main tr td.dif
{
    border-bottom: 2px solid #eeeeee;
}
.ButtonRight
{
    text-align: right;
    margin: 8px 10px 5px 0;
}

.wrapper
{
    background: #ffffff;
    border: 1px solid #B5B5B5;
    padding: 0px;
    margin: 0px;
}

.wrapperlistgrid
{
    background: #ffffff;
    border: 1px solid #B5B5B5;
    padding: 0px;
    margin: 0px;
}
.wrapper_yellow
{
    border: 1px solid #006699;
    padding: 0px;
    margin: 0px;
    background: #ffc url(images/BackgroundYellow.gif);
}


table.OptimizerFilterPanel
{
	width: 100%;
	background: #fff;
	margin: 0px;
	border-bottom: 1px solid #eee;
}
table.OptimizerFilterPanel td
{
	padding: 4px;
}

.SearchHeaderSpacing
{
	padding-top: 14px !important;
	padding-top: 0px;
}

.calendarbutton .WizardButton
{
	background: #eeeeee;
    color: #000000 !important;
	border: 1px solid #dddddd;
	cursor: default;
}
.calendarbutton .WizardButton:hover
{
	background: #eeeeee;
	color: #666666;
	border: 1px solid #dddddd;
	cursor: default;
}
.calendarbutton .SelectedButton
{
	background: #009900;
	color: #ffffff;
	border: 1px solid #006600;
}
.calendarbutton .SelectedButton:hover
{
	background: #009900;
	color: #ffffff;
	border: 1px solid #006600;
}
.strikethrough
{
	background: url(images/Grid/linethrough.gif) repeat-x center left; 
}
.shadow1 
{
	float:left;
	height:20px;
	width:50%;
	background: #eee url(images/leftColSubNavBottomGray.gif) top left;
}
.shadow2 
{
	float:right;
	height:20px;
	width:50%;
	background: #eee url(images/leftColSubNavBottomGray.gif) top right;
}


.MeetingRecurrence .optiontd
{
	background:#fc3;
	display:none;
}
.SubContainers table.main tr th
{
	background:#E4E4E4;
	border-bottom:1px solid #cccccc;
}

.RoleForm .ButtonHover
{
	cursor:pointer;
}

.RoleForm table.main tr td, .RoleForm table.main tr th
{
    border-bottom: 1px solid #DDDDDD;
}

.cursor
{
	cursor:pointer;
}

table.noborder tr th, table.noborder tr td
{
	border:none;	
}


/* Used on ManageRequestList (row buttons width) */
.ig_790737da_rc16 {
  width:95px; 
}

.PrefListGrid .Row td {vertical-align:middle;}

.jobParameterCaption
{
    width: 150px;
    text-align:left;
}

.jobParameterContent
{
    width: 250px;
    text-align:left;
}

/* ATEJobList */

#AteNewJobModalGrid .x-grid3-header 
{
    display:none;
}

.x-grid3-row .astra-row-radio {
    background-position:2px 2px;
}

.x-grid3-row-selected .astra-row-radio, .x-grid3-hd-checker-on .x-grid3-hd-checker, .x-grid3-row-checked .astra-row-radio {
    background-position:-23px 2px;
}

/**/


/*** TabNavigation ****/
.TopNav {
  border:none;
  min-width:900px;
}


.TabPassiveLeftEnd {
    background-image: url(../../Theme/images/aais/tab-passive-left-end.gif);
    height:29px;
    width:8px;
}

.TabPassiveMiddle {
    background: url(../../Theme/images/aais/tab-passive-middle.gif);
    height:29px;
    width:8px;
}
.TabActiveLeftEndSelected {
    background: url(../../Theme/images/aais/tab-active-left-end.gif);
    height:29px;
    width:8px;
}
.TabActiveLeftSelected {
    background: url(../../Theme/images/aais/TabActiveLeft.gif);
    height:29px;
    width:8px;
}

.TabActiveRightEndSelected {
    background: url(../../Theme/images/aais/tab-active-right-end.gif);
    height:29px;
    width:8px;
}

.TabActiveRightSelected {
    background: url(../../Theme/images/aais/TabActiveRight.gif);
    height:29px;
    width:8px;
}

.TabPassiveRightEndSelected {
    background: url(../../Theme/images/aais/tab-passive-right-end.gif);
    height:29px;
    width:8px;
}

.TabNavigation
{
  background: url(../../Theme/images/aais/tabbarrepeat.gif) repeat-x bottom;
  height: 29px;
  /*   	border:1px solid #ff00ff;  	display:block; 	*/
}
.TabNavigation img
{
    float: left;
}
.TabNavigation a /** the individual tabs **/
{
    display: inline;
    float: left;
    color: #555577;
    background-image: url(../../Theme/images/aais/tab-repeater.gif);
    background-repeat: repeat-x;
    padding-left: 12px;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-right: 12px;
    text-decoration: none;
    height: 15px;
	font-size:10px;
	border:none;
}


.TabNavigation a:hover /** the individual tabs **/
{

}
.TabNavigation a.Selected, .TabNavigation .Selected a
{
    background: #f7f5f4 url(../../Theme/images/aais/TabActiveGradient.gif);
    color: #363636;
	height: 21px;
    font-weight: bold;
}
.ext-ie .TabNavigation a.Selected, .ext-ie .TabNavigation .Selected a
{
	padding-bottom:9px;
}
.TabNavigation a.Selected:hover, .TabNavigation .Selected a:hover
{

}

.SubTabNavigation
{
    clear: both;
    padding: 0px 5px 5px 5px;
    padding-left: 18px;
    background: #ffffff url(../../Theme/images/aais/SubNavGradient.gif) top repeat-x;
    min-height:13px;
	font-size:10px;
    color: #cccccc;
}

.SubTabNavigation a
{
    color: #666666;
    text-decoration: none;
    font-size: 10px;
    padding: 1px;
}
.SubTabNavigation a.Selected
{
    font-weight: bold;
    color: #000000;
}
.SubTabNavigation a:hover
{
    text-decoration: underline;
}




/***** Mac Project *****/
.InnerContent, .CenterCol
{   
    background: #eeeeee url(images/InnerContentBG.gif) repeat-x;
    padding: 0px;
    padding-top: 0px;
}
.LeftNav, .LeftCol, .RightCol {
    background: url("images/InnerContentBG.gif") repeat-x scroll 0 0 #EEEEEE;
    color: #8F8F8F;
    font-size: small;
    font-weight: bold;
    height: 134px;
    padding-left: 0px;
    padding-top: 14px;
    text-align: left;
}

.FormGroupHeaderImage
{
    background-image: url("images/FieldsetExpandedGray.gif");
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 9px;
    margin-left: 8px;
    margin-top: 5px;
    width: 9px;
}
.Collapsed .FormGroupHeaderImage
{
    background-image: url(images/FieldsetCollapsedGray.gif);
}

.AspHeader 
{
    background:#a0adc0 url(../../Theme/images/default/toolbar/bg-slatebar.gif) right top;
	padding: 5px;
}

.FormController .FormGroup .Legend {
    background-image: none;
    margin: 0;
    padding: 6px 5px 5px;
}
.LeftNav .SubNav .Title
{
    background:none;
    padding: 4px;
    color: #000;
}
.FormGroup .Legend .Title {
    font-size: 14px;
    padding: 0;
    width: auto;
}

.LeftNav .SubNav .Title:hover
{
    background: #fff;
}
.FormGroup .Legend
{
    color: #083e6a;
    font-weight: bold;
    font-size: small;
    cursor: pointer;
    height: 16px;
    background: #336699;
	background:none;
	border-bottom:1px solid #ccc;
	color:#000;
	font-size: 14px;
}
.FormGroup:hover .Legend:hover
{
    background: #fff;
	color:#000
}
.FormGroup:active .Legend:active
{
    background: #fff;
	color:#000
}
.Legend a {
    color: #000;
	font-size: 14px;
}



.FormControllerTitle, .ListControllerTitle
{
    background-image: url(images/FormController/TopRightBG.gif);
    width: 100%;
    padding-top: 11px;	
    background:#2f6092;
    width: 100%;
    height: 27px;
    padding: 0px;
}

.FormControllerTitle .TitleNameLeft, .ListControllerTitle .TitleNameLeft
{
    float: left;
    width: 71px;
    height: 25px;
    border-left: 1px solid #efefef;
    background-image: url(images/FormController/NameLeft.gif);

	width:0px;
    background: none;
	border: none;
	
}
.FormControllerTitle .TitleName, .ListControllerTitle .TitleName
{
    float: left;
    height: 25px;
    background-image: url(images/FormController/NameBG.gif);

    background:none;	
}
.FormControllerTitle .TitleName .Title, .ListControllerTitle .TitleName .Title
{
    margin-left: 4px;
    margin-right: 6px;
    margin-top: 16px;
    font-weight: normal;
    color: #666666;
    font-size: 11px;

    margin:0px;
	padding: 5px;
	color:#fff;
	font-size: 14px;
}
.FormControllerTitle b
{
    color: #fff;
}

.FormControllerTitle .TitleName .Title .FormTypeName, 
.ListControllerTitle .TitleName .Title .FormTypeName
{
    font-weight: bold;
    color: #0a3e66;
}
.FormControllerTitle .TitleNameRight, .ListControllerTitle .TitleNameRight
{
    float: left;
    width: 47px;
    height: 25px;
    background-image: url(images/FormController/NameRight.gif);
    background:none;
}
.FormControllerTitle .TitleListReturn, 
.ListControllerTitle .TitleListReturn
{
    float: right;
	padding: 0px 10px;
	border:none;
}
.TitleListReturn a {
	color:#fff;
}


.FormController .FormGroup
{
    border: 1px solid #006699;
    background: #ffc url(images/BackgroundYellow.gif);
    padding: 0px;
    margin: 5px 7px 15px;	
	border:none;
	background:#fff;
}
.wrapper_yellow
{
    border: 1px solid #006699;
    padding: 0px;
    margin: 0px;
    background: #ffc url(images/BackgroundYellow.gif);
	
	border:none;
	background:#fff;
}


/** effects checkboxes and radios. Need to adjust before this can
be implemented.**/
input
{
    margin: 2px 1px 1px 0;
    padding-left: 2px;
    padding-top: 0px;
	font-size:normal;
	height:18px;
	font-size:12px;
}
select
{
    border: 1px solid #CCCCCC;
    padding: 0;
}
textarea
{
	font-size:12px;
}


.AspHeader .Button, 
.AspHeader .ControlButton, 
.AspHeader .TitleButton, 
.AspHeader .ControlSelectButton, 
.AspHeader .ControlSelectButtonDown, 
.AspHeader .WizardButton, 
.AspHeader .SelectedButton, 
.AspHeader input.Verb, 
.AspHeader .ERFControlButton, 
.AspHeader .CommandButton
{
    border: 1px solid #4e6493;
	border-radius: 4px;
    height: 26px;
    background-image: url("../../Theme/images/default/button/btnslate.gif");
    background-position: 0 -1096px;
    font-weight: bold;
    display: inline;
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
	font-size:11px;
    font-family: arial,tahoma,helvetica,sans-serif;
    background-color: #4e6493;
}

.AspHeader .Button:hover, 
.AspHeader .ControlButton:hover, 
.AspHeader .TitleButton:hover, 
.AspHeader .ControlSelectButton:hover, 
.AspHeader .ControlSelectButtonDown:hover, 
.AspHeader .WizardButton:hover, 
.AspHeader .SelectedButton:hover, 
.AspHeader input.Verb:hover, 
.AspHeader .CommandButton:hover
{
    background-image: url("../../Theme/images/default/button/btnslate.gif");
    background-position: 0 -1096px;
	color:#fff;
    background-color: #4e6493;
}

.AspHeader .Button:focus, 
.AspHeader .ControlButton:focus, 
.AspHeader .TitleButton:focus, 
.AspHeader .ControlSelectButton:focus, 
.AspHeader .ControlSelectButtonDown:focus, 
.AspHeader .WizardButton:focus, 
.AspHeader .SelectedButton:focus, 
.AspHeader input.Verb:focus, 
.AspHeader .ERFControlButton:focus, 
.AspHeader .CommandButton:focus
{
    border: 1px solid #4e6493;
	border-radius: 4px;
    height: 26px;
    background-image: url("../../Theme/images/default/button/btnslate.gif");
    background-position: 0 -1096px;
    font-weight: bold;
    display: inline;
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
	font-size:11px;
    font-family: arial,tahoma,helvetica,sans-serif;
    background-color: #4e6493;

}

.Button, 
.ControlButton, 
.TitleButton, 
.ControlSelectButton, 
.ControlSelectButtonDown, 
.WizardButton, 
.SelectedButton, 
input.Verb, 
.ERFControlButton,
.CommandButton
{
    border: 1px solid #bdbdbd;
	border-radius: 4px;
    height: 25px;
    background: #e8e8e8 url(images/ButtonBGlightgrey.gif) repeat-x bottom;
    font-weight: normal;
    display: inline;
    text-decoration: none;
    color: #000;
    cursor: pointer;
	font-size:11px;
    font-family: Verdana, Times, serif;
}

.ERFControlButton
{
    height: 15px;
}

.Button:hover, 
.ControlButton:hover, 
.TitleButton:hover, 
.ControlSelectButton:hover, 
.ControlSelectButtonDown:hover, 
.WizardButton:hover, 
.SelectedButton:hover, 
input.Verb:hover, 
.CommandButton:hover
{
    background: #e8e8e8 url(images/ButtonBGlightgrey.gif) repeat-x bottom;
	color:#000;
}


.ControlButtonBlue
{
    border: 1px solid #bdbdbd;
	border-radius: 4px;
    height: 25px;
    background: #e8e8e8 url(images/ButtonBGlightgrey.gif) repeat-x bottom;
    font-weight: normal;
    display: inline;
    text-decoration: none;
    color: #000;
    padding: 2px 5px;
    cursor: pointer;
	font-size:11px;
    font-family: Verdana, Times, serif;
}

.ControlButtonBlue:hover

{
    background: #e8e8e8 url(images/ButtonBGlightgrey.gif) repeat-x bottom;
	color:#000;
}




.WizardInnerFormGroup, .InnerFormGroup
{
    background: #ffffff;
    border: 1px solid #ddd;
    margin: 10px;
}

body, input, td, textarea, option {
    font-family: verdana;
    font-size: 11px;
}
.FormLabel, label, .label
{
    color: #333;
    font-size: 11px;
    font-weight: bold;
    padding-right: 0px;
}

.WizardInnerFormGroup table tr td.thcell,.WizardInnerFormGroup table tr th,
.wrapper table tr td.thcell,.wrapper table tr th
{
    text-align: left;
    padding: 4px;
    background: #F3F3F3;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
	
	background: none;
	border:none;
	padding:5px;
}
.WizardInnerFormGroup, .InnerFormGroup {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    margin: 10px;
	
	border: none;
}
.checkboxedit input
{
    height: 13px;
    border:none;
}

.checkboxeditwithinput input{
	height:13px;
    padding-top: 0;
    border: 0px;
}

.checkboxeditwithinput .FormViewTextBox
{
    height: 15px;
    border: 1px solid #CCCCCC;
}

.greybarasp {
	background: #eee url(../../Theme/images/default/toolbar/bg-greybar.gif);
	padding:2px 4px 4px;
}
.greybarasp .ControlButton{
    background: #9e9e9e url(images/buttongrey.gif) repeat-x bottom;
	color:#fff;
	font-weight:bold;
	border:1px solid #646464;
}



/*** List Pages ***/


.FormControllerTop, .ListControllerTop
{
    margin-top: 2px;
    position: relative;
}
.FormControllerTop .TopIcon, .ListControllerTop .TopIcon
{
    position: absolute;
    left: 12px;
}

.TitleListReturn input
{
    margin-top: 1px;
}

.ListHeaderText b {color:#fff}

.LeftNav .SubNav, .LeftNav .SubNavCollapsed
{
    width: 210px;
    margin-top: 1px;
    display: block;
    background: #336699 url(images/ArrowExpand.gif) no-repeat top right;
}
.LeftNav .SubNavCollapsed
{
    width: 26px;
}
.LeftNav .Head
{
    border: 1px solid #efefef;
    margin: 0px;
    padding: 0px;
    display: block;
    height: 22px;
}
.Head .Icon
{
    background-image: url(images/searchLeftTab.gif);
    float: left;
    border: 1px solid #ff00ff;
    margin-top: 6px;
    margin-right: 7px;
    margin-left: 6px;
    width: 14px;
    height: 14px;
}

.Head .HelpIcon
{
    background-image: url(images/helpLeftTab.gif);
    float: left;
    border: 1px solid #ff00ff;
    margin-top: 6px;
    margin-right: 7px;
    margin-left: 6px;
    width: 14px;
    height: 14px;
}.Head .Title, .SubNavCollapsed .Title
{
    text-decoration: none;
    padding-left: 14px;
    padding: 6px;
    padding-bottom: 0px;
    color: #083e6a;
    font-size: 12px;
}
.SubNavCollapsed .Title
{
    display: none;
}
.LeftNav a
{
    height: 19px;
    width: auto;
    text-decoration: none;
}
.LeftNav .FnGreyBars a
{
    text-decoration: underline;
}
.LeftNav .FnGreyBars
{
    border: 0px;
    padding: 0px;
    padding-bottom: 4px;
    margin: 0px;
    border-right: 1px solid #efefef;
}

.SubNavCollapsed .FnGreyBars
{
    display: none;
}
.LeftNav .SubNavBottom
{
    height: 12px;
    border-right: 0px;
    position: relative;
}
.LeftNav .SubNavCollapsed .SubNavBottom .SubNavBotLeft
{
    height: 12px;
    background: #EEEEEE url(images/leftColSubNavBottomGray.gif);
}
.LeftNav .SubNavCollapsed .SubNavBottom .SubNavBotCurve
{
    position: absolute;
    bottom: 0px;
    right: 0px !important;
    right: -3px; /** negative right for ie6 **/
    height: 12px;
    width: 20px;
    background: #EEEEEE url(images/leftColSubNavBottomGray.gif) right top;
}
.LeftNav .SubNavBottom .SubNavBotLeft
{
    height: 12px;
    background: #EEEEEE url(images/leftColSubNavBottomGray.gif);
}
.LeftNav .SubNavBottom .SubNavBotCurve
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 12px;
    width: 99px;
    background: none;
}
.LeftNav .SubNav
{
    background-image: none;
    background: #FFFFFF;
    border: none;
	margin:0px;
	padding:0px;
}

.LeftNav .SubNav .Title
{
    background: #369;
    padding: 4px;
	font-size:14px;
    color: #FFFFFF;
}

.LeftNav .SubNav .Title:hover
{
    background: #1c4f82;
}
.LeftNav .FnGreyBars .LeftContent
{
    border: 1px solid #dddddd;
    background-color: #ffffff;
    font-weight: normal;
    font-size: 11px;
    padding: 6px;
    margin: 6px;
    margin-bottom: 3px;
}
.LeftContent a
{
    display: block;
    width: 170px;
}

.LeftContent .Help
{
}
.LeftContent .Help a
{
    color: #7c1f18;
}
.LeftNav
{
	border:none;
	height: 134px;
    text-align: left;
    padding-left: 0px;
    padding-top: 0px;
    font-weight: bold;
    font-size: small;
    color: #8f8f8f;
	margin-top:-4px;
}

/**** Calendar Styles ****/

.CalendarViewPanel .FormGroup a
{
    color:#fff;
}

.CalendarView .FormController .FormGroup .Legend
{
	background:#1c4f82
}

.CalendarViewPanel .FormGroupHeaderImage
{
	background-image: url("images/FieldsetExpandedWhite.gif");
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 9px;
    padding-right: 2px;
    width: 9px;
}

.Title, .Title b
{
	font-weight:bold;
	color:#fff;
}

.x-item-disabled {
	color:#ccc
}

.ASPViewModeText
{
    float: left;
    font-family: arial,tahoma,helvetica,sans-serif;
    font-style: italic !important;
    padding: 9px 3px 4px 8px;
}

.AspCheckBox
{
    padding-left: 1px;
}

.WizardInnerFormGroup .label, .WizardInnerFormGroup .FormLabel, .WizardInnerFormGroup label
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.AccordionTitle .label, .AccordionTitle .FormLabel, .AccordionTitle label
{
    width: auto;
}

.VertBtnSep
{
    height: 7px;
}

.AspRowAction
{
    height: 16px;
    padding: 0px !important;
    border-color: #E3E3E3 !important;
}

.AspRowActionContainer
{
    padding: 3px 3px 3px 5px !important;
    border-color: #E3E3E3 !important;
}

.AspRowActionColumnHeader1Button
{
    width: 2% !important;
}

.AspRowActionColumnHeader2Buttons
{
    width: 5% !important;
}

.AspLabel
{
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100px;
}

.AspEndSection
{
    margin: 5px 7px 30px !important;
}

.AspFooterSpacer
{
}

.AspCalendarIcon
{
    vertical-align: top;
}

.AspCalendarIconRelative
{
    left: -5px;
    position: relative;
    top: 1px;
}

.RecurrenceText
{
    float: left;
    margin-right: 8px;
    margin-top: 12px;
}

.InlineElement
{
    float: left;
}

.AspContainer
{
    margin-left: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 8px;
}

.AspPaddedLabel
{
    padding-left: 5px;
}

/*Changes in ASPx UI styles to go with EXT Pages */
.Header-Bar-ASPtoExt
{
    background:#eee url(../../Theme/images/default/toolbar/bg-greybar.gif) right top;
    border-color: #cccccc;
    border-width: 0 0 1px;
    border-style: solid;
    padding: 2px;
    display: block;
    
}

.ButtonAdd-ASPxtoExt
{
   background-image: url(../../Theme/images/default/icons/plusicon.gif);
   background-repeat: no-repeat;
   background-position: 4%;
   background-color: Gray;
   padding: 0px 0px 4px 19px;
   margin-left:8px;
   margin-bottom:5px;
   vertical-align: middle;
   text-align:center;
   cursor: pointer;
   font: 11px arial,tahoma,helvetica,sans-serif;
   font-weight: bold;
   height: 25px;
   color: #FFFFFF;
   border-style: none;
   border-radius:4px;
   white-space: nowrap;
   /*min-width:60px;*/
 }
 
 .ButtonAddSmall-ASPxtoExt
{
   background-image: url(../../Theme/images/default/icons/plusicon.gif);
   background-repeat: no-repeat;
   background-position: 8%;
   background-color: Gray;
   padding: 0px 0px 4px 8px;
   margin-left:8px;
   margin-bottom:5px;
   vertical-align: middle;
   text-align:center;
   cursor: pointer;
   font: 11px arial,tahoma,helvetica,sans-serif;
   font-weight: bold;
   height: 25px;
   color: #FFFFFF;
   border-style: none;
   border-radius:4px;
   white-space: nowrap;
   min-width:50px;
 }

.Button-ASPxtoExt
{
   background-color: Gray;
   padding: 0px 0px 4px 0px;
   vertical-align: middle;
   text-align:center;
   margin-bottom:5px; 
   cursor: pointer;
   font: 11px arial,tahoma,helvetica,sans-serif;
   font-weight: bold;
   height: 25px;
   color: #FFFFFF;
   border-style: none;
   border-radius:4px;
   white-space: nowrap;
}
.GridHyperLink-ASPxtoEXT
{
    color: #347EBF;
    text-decoration: underline;
    font-weight:normal !important;
    font: 11px arial,tahoma,helvetica,sans-serif;
}

.GridColumnHead-ASPxtoEXT th a, .GridColumnHead-ASPxtoEXT th, .GridColumnHead-ASPxtoEXT td 
{
    color: #333333;
    font-size: 11px !important;
    font-weight:normal !important;
    font: 11px arial,tahoma,helvetica,sans-serif;
    background: none repeat scroll 0 0 #EEEEEE !important;
    border-style: none solid solid;
}

.GridColumnRow-ASPxtoEXT td, .GridColumnRow-ASPxtoEXT td a
{
    border-bottom: 1px solid #E4E4E4;
    border-right: none !important;
    font: 11px/13px arial,tahoma,helvetica,sans-serif;
}
.GridColumnRowCCF-ASPxtoEXT td 
{
    border-style:none !important;
    font: 11px/13px arial,tahoma,helvetica,sans-serif;
}

.GridColumnHeadCCF-ASPxtoEXT th, .GridColumnHeadCCF-ASPxtoEXT td 
{
    color: #333333;
    font-size: 11px !important;
    font-weight:normal !important;
    font: 11px arial,tahoma,helvetica,sans-serif;
    background: none repeat scroll 0 0 #EEEEEE !important;
    border-left:2px solid #CDCDCD;
}

.NoBorder
{
    border: none !Important
}