/* 11Giraffes Color Guidelines
Blue	Orange	Pink	Green	White	Black
00b2db	dc592e	d04188	9ebd3a	ffffff	000000
*/

/* Main Body */
body, html
{
	width: 100%;
	/*text-align: left;*/
	padding: 0;
	margin: 0;
	font: normal 12px Arial, Helvetica, Sans-serif;
	color: #515151;
	background-color: #f4f4f4;
	/*background-image: url( "bckgrnd.gif" );*/
	background-repeat: repeat-x;
	/* Pulling scroll bar change because on admin and other 'wide' pages 2 scrollbars are
       drawn. John an dI will revisit this issue one day.
       URL: http://www.knowledgesutra.com/forums/topic/20688-css-trick-hide-disabled-internet-explorer-vertical-scrollbar/
    overflow: auto; 
    */
}
body
{
	min-width: 750px;
}
.outageMessage
{
	font-size: 14px;
}
a:link , a:visited 
{
	color : #5E8295;
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 10px;
	font-weight: bold;*/
	padding: 2px;
	/*display: block;*/
} 
a:hover , a:active 
{	
	font-family: Arial, Helvetica, sans-serif;
	color : #5E8295;
	/*background : #40566c;*/
	/*display: block;*/
	padding: 2px;
}
img
{
	border-style: none;
} 

.ZoneSelection
{
	width: 100%;
	position: relative;
    height: 260px;
}
.layoutZoneInactive
{
	background-color: #000000;
	position: absolute;
	border: solid 1px #ffffff;
}
.layoutZoneActive
{
 	background-color: #c0c0c0;
   	position: absolute;
   	cursor: pointer;
   	border: solid 1px #ffffff;
}
.layoutZoneActiveSelected
{
 	background-color: #00b2db;
   	position: absolute;
   	cursor: pointer;
   	border: solid 1px #ffffff;
   	z-index: 999;
}
.layoutZoneActiveHover
{
 	background-color: #00b2db;
   	position: absolute;
   	cursor: pointer;
   	border: dashed 1px #ffffff;
   	z-index: 1000;
}
.layoutZoneActiveSelectedHover
{
 	background-color: #00b2db;
   	position: absolute;
   	cursor: pointer;
   	border: dashed 1px #ffffff;
   	z-index: 1000;
}


/*disabled button*/
.disabledElement
{
	opacity: .3;
	filter: alpha(opacity=30);
	cursor: pointer;
		
}

a.playListSchedule
{
	color: #d04188;
}

a.playListScheduleHover
{
	color: #ffffff;
}

/* Player Admin Page */
.PlayerAdminSections
{
	color: #00b2db;
	font-weight: bold;
}
.PlayerNoCheckin
{
	color: #00b2db;
}
a.PlayerNoCheckin
{
	color: #00b2db;
}
a.PlayerNoCheckin:hover, a.PlayerNoCheckin:active
{
	color: #ffffff;
}
.PlayerOffline
{
	color: #d04188;
}
a.PlayerOffline
{
	color: #d04188;
}
a.PlayerOffline:hover, a.PlayerOffline:active
{
	color: #ffffff;
}
.PlayerOnline
{
	color: #9ebd3a;
}
a.PlayerOnline
{
	color: #9ebd3a;
}
a.PlayerOnline:hover, a.PlayerOnline:active
{
	color: #ffffff;
}
.PlayerOfflineExtended
{
	color: Red;
}
a.PlayerOfflineExtended
{
	color: Red;
}
a.PlayerOfflineExtended:hover, a.PlayerOfflineExtended:active
{
	color: #ffffff;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:.7;
}
.modalPopup {
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#E76F34;
	padding:3px;
	height: 300px;
	width: 330px;
	font-size: 10pt;
	
}
.modalPopupAddUser {
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#00b2db;
	padding:3px;
	height: 585px;
	width: 700px;
	
}
.modalPopupPlayerAdmin 
{
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#00b2db;
	padding:3px;
	height: 465px;
	width: 700px;

}
.modalPopupSchedule {
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#d04188;
	padding:3px;
	height: 320px;
	width: 485px;
}

.modalPopupEmptyPlaylist
{
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#d04188;
	padding:3px;
	height: 160px;
	width: 420px;
}

.modalPopupBranded
{
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#00b2db;
	padding:3px;
	height: 400px;
	width: 400px;
}

.modalPopupAddDistributor {
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#00b2db;
	padding:3px;
	height: 200px;
	width: 350px;
}

.modalPopupGroupConfirm{
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#00b2db;
	padding:3px;
	height: 250px;
	width: 350px;	
}
.modalPopupRetiredTemplate
{
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#d04188;
	padding:3px;
	height: 115px;
	width: 330px;
}
.modalPopupSettingsConfirm{
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#d04188;
	padding:3px;
	height: 100px;
	width: 300px;	
}

.modalPopupConfirm {
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#00b2db;
	padding:3px;
	height: 160px;
	width: 550px;
	
}

.modalPopupLocationSelect {
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#00b2db;
	padding:3px;
	height: 220px;
	width: 350px;
	
}

.modalPopupPreview {
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#404040;
	padding:3px;
	/*height: 600px;
	width: 860px;*/
}

.modalPopupDelete {
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#d04188;
	padding:3px;
	height: 180px;
	width: 300px;
}

.modalPopupDeleteShort {
	background-color:#141414;
	border-width:3px;
	border-style:solid;
	border-color:#d04188;
	padding:3px;
	height: 100px;
	width: 300px;
}

.LoggedInAs{
	font-weight:bold;
	color:White;
}

a.itemsPerPage
{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 9pt;
}

span.itemsPerPage
{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 9pt;
}

a.itemsPerPageSelected
{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 9pt;
	font-weight:bold;
	color: #d04188;
}

/* Nav bar */
.mainNavBar
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #141414;
	height: 15px;
	color: #999999;
}
.mainNavBar a:link, .mainNavBar a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	
}
.mainNavBar a:hover, .mainNavBar a:active
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;	
}

#tdTopBar
{
	background-image: url("thickTopOrangeLine.gif");
	width: 90%;
}



/* Breadcrumb trail */
#BreadCrumbs
{
	position: relative;
	width: 745px;
	text-align: left;
	/*text-indent: -40px;*/
}
#BreadCrumbs ul
{
    margin:0;
    padding: 0;
    list-style:none;
}
#BreadCrumbs li
{
    display:inline;
    margin:0;
    font-size: 12px;
	font-weight: bold;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
 
}
#BreadCrumbs .separator
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
#BreadCrumbs .selectedGroup
{
	font-family: Arial, Helvetica, sans-serif;
	color: #00b2db;
}
#BreadCrumbs .selectedCustomGroup
{
	font-family: Arial, Helvetica, sans-serif;
	color: #e76f34;
}
#BreadCrumbs .activePage
{
	font-family: Arial, Helvetica, sans-serif;
	color: #e76f34;
}
#BreadCrumbs a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#BreadCrumbs a:hover, #BreadCrumbs a:active
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}
#BreadCrumbs2
{
	width: 745px;
	text-align: left;
	/*text-indent: -45px;*/
}
#BreadCrumbs2 ul
{
    margin:0;
    padding: 0;
    list-style:none;
}
#BreadCrumbs2 li
{
    display:inline;
    margin:0;
    font-size: 12px;
	font-weight: bold;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;   
}
#BreadCrumbs2 .separator
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
#BreadCrumbs2 .selectedGroup
{
	font-family: Arial, Helvetica, sans-serif;
	color: #00b2db;
}
#BreadCrumbs2 .selectedCustomGroup
{
	font-family: Arial, Helvetica, sans-serif;
	color: #e76f34;
}
#BreadCrumbs2 .activePage
{
	font-family: Arial, Helvetica, sans-serif;
	color: #e76f34;
}
#BreadCrumbs2 a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#BreadCrumbs2 a:hover, #BreadCrumbs2 a:active
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}


/* Header section */
.HeaderTable
{
	/*background-color: #ffffff;*/
	/*background-image: url("ToolBox.png");*/
	width: 750px;
	height: 42px;
	background-repeat: no-repeat;
	/*position: absolute;*/
}

.HeaderTableLogin
{
	/*background-color: #ffffff;*/
	/*background-image: url("bigCobalt.png");*/
	width: 750px;
	height: 114px;
	background-repeat: no-repeat;
	/*position: absolute;*/
}

.headerTitle
{
	font-weight: bold;
	font-size: large;
	margin-left: 40px;
}

.popupHeaderTitle
{
	font-weight: bold;
	font-size: large;
	color: White;
}

.popupConfirmText
{
	font-weight: bold;
	font-size:medium;
	color: #cccccc;
}
.popupRetiredTemplateText
{
	font-weight: bold;
	font-size:medium;
	color: #cccccc;
}

.headerTagline
{
	font-weight: bold;
	font-size: small;
	margin-left: 40px;
}


/* Misc Items */
.notVisible
{
	display: none;
}
.UpdateProgress
{
	font-family: Arial, Helvetica, sans-serif;
	color: #00b2db;
}
.DataGridEditing
{
	background-color:#999999;
}
/* Body Alignment for ALL main content section */
.ContentAlignment
{
	text-align: center;
	margin:0 auto;
    width:750px;
}
.Content
{
	width: 800px;
	text-align: left;	
	margin:0 auto;
	min-height: 400px;
}

.bottomImage
{
	width: 750px;
	text-align: right;
	
}
.PageContent
{
	margin: 4px;
}
/* Highlighting applied to incorrect required field validations */
.validatorCalloutHighlight 
{
    background-color: #fffacd; 
}



/* control template tables */
.logon, .retrievepw, .changepw
{
	width: 266px;
	height: 124px;
	text-decoration: none;
	padding: 2px;
	display: block;
	text-align: left;
	font-weight: bold;
}
/* TextBoxes */
.logonTextBox, .retrievePWTextBox
{
	font-family: Arial, Helvetica, sans-serif;
	width: 350px;
	border-style: solid;
	border-width: thin;
	border-color: #545454;
	background-color: #222222;
	color: #999999;
}
.changePWTextBox
{
	width: 150px;
	border-style: solid;
	border-width: thin;
	border-color: #545454;
	background-color: #222222;
	color: #999999;
}
.skinnedBoxes
{
	font-family: Arial, Helvetica 35 Thin, Sans-Serif;
	border-style: solid;
	border-width: thin;
	border-color: #545454;
	background-color: #222222;
	color: #999999;
	
}

/* used to align button on RetrievePW Form */
.retrievePWTextAlign
{
	text-align: left;
}
/* used to align button on Logon Form */
.logonButtonAlign, .retrievePWButtonAlign
{
	text-align: left;
}
/* alignment for pw change buttons */
.pwChangeButtonAlign
{
	text-align: left;
}
.pwChangeCancelButtonAlign
{
	text-align: left;
}
.pwChangeContinueButtonAlign
{
	text-align: left;
}


/* Default (Main) Page */
.MainPage
{
	width: 720px;
	text-align: left;
	margin-left: 20px;
}
.MainWelcomeMessage
{
	font-size: 14px;
}

.LandingPageWelcomeText
{
	font-size:24pt; 
	font-weight:bold; 
	font-family: Arial, Helvetica, sans-serif;
}

.CompletedMessage
{
	font-size:16pt; 
	font-family: Arial, Helvetica, sans-serif;
}

.GatewayInstructions
{
	font-size:12pt; 
	font-family: Arial, Helvetica, sans-serif;
}

.MainInstructions
{
}
.MainGroupList
{
}
.MainBuckets
{
}
.MainRSS
{
}
.categoryHeader
{
	text-transform: uppercase;
}
.panelContainerUnused
{
	border-color: #e76f34;
	border-style: dotted;
	border-width: thin;
}
.panelCustomGroup
{
	margin-left: 20px;
	margin-top: 15px;
}

.misassignedTemplate
{
	opacity: .3;
	filter: alpha(opacity=30);
	
}
.assignedTempalte
{
}
/* Image Upload */
.ImageUploadInstructions
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9ebd3a;
}
.ImageUploadError
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: red;
}
/* Template.aspx */
.mlFriendlyName
{
	width: 180px;
}
.mlSelectRSS
{
	position: relative;
	left: 10px;
	width: 185px;
}
.TemplateInstructions
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-left: 20px;
	text-transform: none;
	font-style: italic;
	color: #9ebd3a;
}
.TemplateCategory
{
	text-transform: uppercase;
	text-align: left;
}
.TemplateItem
{
	width: 85px;
	height: 85px;
	vertical-align: top;	
}
.TemplateItemSelected
{
	border-color: Lime;
	border-style: solid;
	border-width: 2px;
}

.TemplateSelectionList
{
	height: 500px;
}
#TemplateList
{
	float: left;
	width: 349px;
	height: 600px;
	text-align: left;
	vertical-align: top;
	margin-left: 0px;
}
#TemplatePanel
{
	float: right;
	width: 365px;
	height: 600px;
	position: relative;
	vertical-align: top;

}

#ColumnWrapper
{
    margin:0 auto;
    width:740px;
}

#badContent
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: Red;
	color: White;
	font-size: 10px;
	float: left;
	padding: 2px;
}
.EnterTextData
{
	position:absolute; 
	top: 30px; 
	left: 8px;
	z-index: 29;
}

.EnterTextDataWithFonts
{
	position:absolute; 
	top: 105px; 
	left: 8px;
	z-index: 29;
}

.FontProperties
{
	position: absolute;
	top: 25px;
	left: 8px;
	z-index: 28;
}
.start
{	
	position: absolute;
	top: 229px;
	left: 445px;
	z-index:3;
}
.checkExpire
{
	position: relative;
	left: -15px;
}
.expire
{	
	position: absolute;
	top: 249px;
	left: 445px;
	z-index:2;
}
.checkStart
{
	position: relative;
	left: -15px;
}
.checkSound
{
	position: relative;
	left: -3px;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #fffacd;
    color: black;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.TextEntryBox
{
	top: 5px;
	width:300px; 
	height:330px;
	z-index: 30;
	position: relative;

}

.ImageSelection
{
	width: 315px;
	height: 335px;
	position: relative;
	background-color: #cccccc;
	overflow: auto;
}
.ImageSelectionContainer
{
	top: 30px;
	left: 5px;
	width:316px;
	height: 325px;
	position: absolute;
	z-index: 15;
}
.ImageSelectionInactive
{
	border: 1px solid #cccccc;
	width: 93px;
}
.ImageSelectionActive
{
	border: 1px solid #00ff00;
	width: 93px;
}
.ImagePreview
{
	width: 93px;
}
#flashPreview
{
	z-index: 10;
	width: 345px;
	height: 308px;
	position: absolute;
	top: 23px;
	left: 10px;
}
#FlashLargePreview
{
	z-index: 10;
	width: 740px;
	height: 500px;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: center;
}
#FlashLargePreviewButtons
{
	width: 100%;
	text-align: right;
	float: right;
}

.flashChoose
{
	position: absolute;
	top: 340px;
	left: 13px;
	width: 368px;
	text-align: center;
}
.TemplateInputField
{
	width: 250px;
	border-style: solid;
	border-width: thin;
	border-color: #999999;
	display: block;
	clear: both;
}
#TemplateFinished
{
	z-index: 10;
	width: 740px;
	height: 500px;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
}
/* Add Template Page */
.AddTemplateContent
{
	text-align: left;
	width: 400px;
}
.AddTemplateTextBox
{
	width: 150px;
	border-style: solid;
	border-width: thin;
	font-family: Arial, Helvetica 35 Thin, Sans-Serif;
	border-color: #545454;
	background-color: #222222;
	color: #999999;
	
}
.AddTemplateTextBoxDynamic
{
	width: 350px;
	border-style: solid;
	border-width: thin;
	font-family: Arial, Helvetica 35 Thin, Sans-Serif;
	border-color: #545454;
	background-color: #222222;
	color: #999999;
}
.listbox_groups
{
	width: 250px;
	height: 300px;
	border-style: solid;
	border-width: thin;
	font-family: Arial, Helvetica 35 Thin, Sans-Serif;
	border-color: #545454;
	background-color: #222222;
	color: #999999;
}

/* Banned word page */
.bannedWordList
{
	height: 475px;
	width: 580px;
	overflow: auto;
}

/* CSS items for flyout animation features */
#flyOut
{
	display: none; 
	overflow: hidden;
	z-index: 4; 
	background-color: #ffffff; 
	border: solid 1px #D0D0D0;
	position: relative;	
}
#infoBG
{
	display: none;
	z-index: 4;
	background-color: #222222;
	opacity: .4;
	filter: alpha(opacity=40);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
}
.editItem
{
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	width: 315px;
	height: 370px;
	z-index: 5;
	font-size: 12px;
	border: solid 1px #000000;
	background-color: #999999;
	padding: 5px;
	position: relative;
	color: #333333;
	
}
#editInstr
{
	float: left;
}
#CloseButtons
{
	 float: right;
}
/* end sections for flyout animation support*/

/* V-align Div */
/*requires nested divs to work properly*/
.CenterDiv1
{
	#top: 50%;
	left: 0px;
	#position: absolute;
	display: table-cell;
	vertical-align: middle;
	width: 50px;
}
.CenterDiv2
{
	position: relative;
	top: -50%;
}

    
/* Veritcal Tabs */
.vTabs
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 350px;
	height: 410px;	
	color: #333333;
}
.vTabLeft
{
	float: left;
	width: 56px;
	height: 400px;	
}
.vTabLeftSingle
{
	display: none;
	float: left;
	width: 0px;
	height: 400px;	
}
.vTabRight
{
	float: right;
	width: 267px;
	height: 400px;
	background-color: #cccccc;
	z-index: 1;
	position: relative;
	border: solid 1px #333333;
	padding-left: 25px;
	padding-top: 15px;
}
.vTabRightSingle
{
	float: right;
	width: 267px;
	height: 400px;
	background-color: #cccccc;
	z-index: 1;
	position: relative;
	border: solid 1px #333333;
	padding-left: 25px;
	padding-top: 15px;
	left: -40px;
}
.tabElement
{
	float: right;
	width: 50px;
	height: 25px;
	text-align: center;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #333333;
	background-color: #666666;
	position: relative;
	display: table;
}
.tabElementExpired
{
	float: right;
	width: 50px;
	height: 25px;
	text-align: center;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #333333;
	background-color: #ee0000;
	position: relative;
	display: table;
}
.tabElementHover
{
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	width: 50px;
	height: 25px;
	text-align: center;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #333333;
	background-color: #bbbbbb;
	color: Yellow;
	cursor: pointer;
	position: relative;
	display: table;
}
.tabElementExpiredHover
{
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	width: 50px;
	height: 25px;
	text-align: center;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #333333;
	background-color: #ee0000;
	color: Yellow;
	cursor: pointer;
	position: relative;
	display: table;
}
.tabElementActive, .tabElementActiveHover
{
	float: right;
	width: 54px;
	height: 25px;
	text-align: center;
	border-bottom: solid 1px #333333;
	border-top: solid 1px #333333;
	border-left: solid 1px #333333;
	background-color: #cccccc;
	z-index: 2;
	cursor: default;
	left: 1px;
	position: relative;
	display: table;
}

.vTabRight a:link, .vTabRight a:visited, .vTabRight a:hover, .vTabRight a:active
{
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	color: Red;
	font-size: 8px;
	text-transform: uppercase;
	text-align: right;
	width: 50px;
	
}
.vTabRightSingle a:link, .vTabRight a:visited, .vTabRight a:hover, .vTabRight a:active
{
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	color: Red;
	font-size: 8px;
	text-transform: uppercase;
	text-align: right;
	width: 50px;
	
}
.vTabRightInstructions
{
	float: left;
	width: 210px;
	
}

.StatusGridHeader a
{
	font-size:10pt;
	color:White;
	font-weight:bold;
	border-bottom:1px solid #ffffff;
}

.StatusGridItem
{
	color:White;
	height:20px;
}


/*----------------------------------------------------------------------------\
|                   Copyright (c) 2005, 2006 Emil A Eklund                    |
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -|
| This program is  free software;  you can redistribute  it and/or  modify it |
| under the terms of the MIT License.                                         |
|-----------------------------------------------------------------------------|
| Refer to the source file for complete license terms and further information |
\----------------------------------------------------------------------------*/


.webfx-spellchecker-menu {
	border: 1px solid;
	border-color: threedlightshadow threeddarkshadow threeddarkshadow threedlightshadow;
	position: absolute;
	z-index: 500;
}

.webfx-spellchecker-menu .inner {
	border: 1px solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	background: threedface;
	padding: 2px;
}
.webfx-spellchecker-menu a:link , .webfx-spellchecker-menu a:visited {
	display: block;
	font: menu;
	color: menutext;
	padding: 1px 5ex 1px 3ex;
	text-decoration: none;
}

.webfx-spellchecker-menu a:hover , .webfx-spellchecker-menu a:active {
	background: highlight;
	display: block;
	font: menu;
	color: highlighttext;
	padding: 1px 5ex 1px 3ex;
	text-decoration: none;
}

.webfx-spellchecker-menu .separator {
	border-top: 1px solid threedshadow;
	border-bottom: 1px solid threedhighlight;
	overflow: hidden;
	margin: 2px;
}

.webfx-spell-textarea {
	border: 0px;
	position: absolute;
	background: transparent;
	color: windowtext;
	font: menu;
	line-height: expression('1.5em');
	padding: 1px;
}

.webfx-spell-markupbox {
	position: absolute;
	overflow: hidden;
	font: menu;
	line-height: expression('1.5em');
	padding: 3px 1px 1px 1px;
	background: window;
	color: window;
	white-space: pre;
}

/*  This is for the DHTML drop down menu */
.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:18pt;
/*line-height: 18px;*/
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: black;
width: 130px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
font-size:10pt;
font-style:italic;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: black;
color: #9ebd3a;
}

.anylinkmenusettings{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: black;
width: 130px; /* default width for menu */
}

.anylinkmenusettings ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenusettings ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
font-size:10pt;
font-style:italic;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenusettings a:hover{ /*hover background color*/
background: black;
color: #dc592e;
}

.anylinkmenuadmin{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: black;
width: 160px; /* default width for menu */
}

.anylinkmenuadmin ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenuadmin ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
font-size:10pt;
font-style:italic;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenuadmin a:hover{ /*hover background color*/
background: black;
color: #00b2db;
}

.anylinkmenuschedule{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: black;
width: 200px; /* default width for menu */
}

.anylinkmenuschedule ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenuschedule ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
font-size:10pt;
font-style:italic;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenuschedule a:hover{ /*hover background color*/
background: black;
color: #d04188;
}

.anylinkmenudistributor{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: black;
width: 130px; /* default width for menu */
}

.anylinkmenudistributor ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenudistributor ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
font-size:10pt;
font-style:italic;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenudistributor a:hover{ /*hover background color*/
background: black;
color: #d04188;
}
/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

/* classes for password strength */
/*.TextIndicator_TextBox1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}

.BarIndicator_TextBox2_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_TextBox2_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_TextBox2_good
{
    color:Green;
    background-color:Green;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    padding:2px 2px 2px 2px;
    width:200px;
    vertical-align:middle;
}

.TextIndicator_TextBox3
{
     background-color:Blue;
     color:Yellow;
     font-size:small;
     font-variant:small-caps;
     padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox3_Handle
{
	width:16px;
	height:14px;
	background-image:url(images/Question.png);
	overflow:hidden;
	cursor:help;
}
*/
.PWStrength1
{
     color:White;
     font-weight:bold;
}
.PWStrength2
{
     color:Yellow;
     font-weight:bold;
}
.PWStrength3
{
     color: #FFCAAF;
     font-weight:bold;
}
.PWStrength4
{
     color:Aqua;
     font-weight:bold;
}
.PWStrength5
{
     color: #93FF9E;
     font-weight:bold;
}
/*
.dynamicPopulate_Normal
{
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:200px;
}
.dynamicPopulate_Updating 
{
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:center;
	padding:2px;
	height:2em;
	margin:5px;
	width:200px;
}
*/

/*DHTML Goodies Color Picker*/
#dhtmlgoodies_colorPicker{
	position:absolute;
	width:250px;
	padding-bottom:1px;
	background-color:#FFF;
	border:1px solid #317082;
	z-index: 10000;
	
	width: 252px;	/* IE 5.x */
	width/* */:/**/250px;	/* Other browsers */
	width: /**/250px;	
			
}

#dhtmlgoodies_colorPicker .colorPicker_topRow{
	padding-bottom:1px;
	border-bottom:3px double #317082;
	background-color:#E2EBED;
	padding-left:2px;
	
	width: 250px;	/* IE 5.x */
	width/* */:/**/248px;	/* Other browsers */
	width: /**/248px;	
	
	height: 20px;	/* IE 5.x */
	height/* */:/**/16px;	/* Other browsers */
	height: /**/16px;	
			
}

#dhtmlgoodies_colorPicker .colorPicker_statusBar{
	height:13px;
	padding-bottom:2px;
	width:248px;
	border-top:3px double #317082;	
	background-color:#E2EBED;
	padding-left:2px;
	clear:both;
	
	width: 250px;	/* IE 5.x */
	width/* */:/**/248px;	/* Other browsers */
	width: /**/248px;	
	
	height: 18px;	/* IE 5.x */
	height/* */:/**/13px;	/* Other browsers */
	height: /**/13px;	
					
}

#dhtmlgoodies_colorPicker .colorSquare{
	margin-left:1px;
	margin-bottom:1px;
	float:left;
	border:1px solid #000;
	cursor:pointer;
	
	width: 12px;	/* IE 5.x */
	width/* */:/**/10px;	/* Other browsers */
	width: /**/10px;	
	
	height: 12px;	/* IE 5.x */
	height/* */:/**/10px;	/* Other browsers */
	height: /**/10px;	
			
}

.colorPickerTab_inactive,.colorPickerTab_active{

	height:17px;
	padding-left:4px;
	cursor:pointer;	
	
	
}
.colorPickerTab_inactive span{
	background-image:url('../tab_left_inactive.gif');
}

.colorPickerTab_active span{
	background-image:url('../tab_left_active.gif');

}
.colorPickerTab_inactive span, .colorPickerTab_active span{
	line-height:16px;
	font-weight:bold;
	font-family:arial;
	font-size:11px;
	padding-top:1px;
	vertical-align:middle;
	background-position:top left;
	background-repeat: no-repeat;	
	float:left;
	padding-left:6px;
	-moz-user-select:no;
}	
.colorPickerTab_inactive img,.colorPickerTab_active img{
	float:left;
}
.colorPickerCloseButton{
	width:11px;
	height:11px;
	text-align:center;
	line-height:10px;
	border:1px solid #317082;
	position:absolute;
	right:1px;
	font-size:12px;
	font-weight:bold;
	top:1px;
	padding:1px;
	cursor:pointer;	
	
	width: 15px;	/* IE 5.x */
	width/* */:/**/11px;	/* Other browsers */
	width: /**/11px;
	
	height: 15px;	/* IE 5.x */
	height/* */:/**/11px;	/* Other browsers */
	height: /**/11px;

		
}
#colorPicker_statusBarTxt{
	font-size:11px;
	font-family:arial;
	vertical-align:top;
	line-height:13px;

}

.form_widget_amount_slider{
	border-top:1px solid #9d9c99;
	border-left:1px solid #9d9c99;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	background-color:#f0ede0;
	position:absolute;
	bottom:0px;
	
	width: 5px;	/* IE 5.x */
	width/* */:/**/3px;	/* Other browsers */
	width: /**/3px;
	
	height: 5px;	/* IE 5.x */
	height/* */:/**/3px;	/* Other browsers */
	height: /**/3px;
			
}
.colorSliderLabel{
	width:15px;
	height:20px;
	float:left;
	font-size:11px;
	font-weight:bold;
}
.colorSlider{
	width:175px;
	height:20px;
	float:left;
}
.colorInput{
	width:45px;
	height:20px;
	float:left;
}	
.colorPreviewDiv{
	width:186px;
	margin-right:2px;
	margin-top:1px;
	border:1px solid #CCC;
	height:20px;
	float:left;
	cursor:pointer;
	
	width: 188px;	/* IE 5.x */
	width/* */:/**/186px;	/* Other browsers */
	width: /**/186px;
	
	height: 22px;	/* IE 5.x */
	height/* */:/**/20px;	/* Other browsers */
	height: /**/20px;
			

}
.colorCodeDiv{
	width:50px;
	height:20px;
	float:left;
}

.reportingservices div
{
	display:block;
}

.watermarked 
{ 
   background-color: #E1E1E1; 
   border: solid 1px #808080; 
   padding: 2px;
   color: #555555; 
}