﻿
/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/*Confirm Button*/

	/* DropShadow */

	#master_content .dropShadowPanel span {color:white;text-decoration:underline;}
	#master_content .dropShadowPanel span:hover {text-decoration:none;}


	.dropShadowPanel 
	{
		width:300px;
		background-color:#5377A9;
		color:white;
		font-weight:bold;
	}

	/*Drag Panel*/
	.dragMe {
		width:100%;
		height:21px;
		background-color:#FFF;
		background-image:url(images/header-opened.png);
		text-align:center;
		cursor:move;
		font-weight:bold;
	}

	.overflowHidden {overflow:hidden;}

	.overflowScroll {overflow:hidden;}

	/*Hover Menu*/
	.popupMenu {
		position:absolute;
		visibility:hidden;
		background-color:#F5F7F8;
		opacity:.9;
		filter: alpha(opacity=90);
	}

	.popupHover {
		background-image:url(images/header-opened.png);
		background-repeat:repeat-x;
		background-position:left top;
		background-color:#F5F7F8;
	}

	/* PagingBulletedList */
	.selectIndex {
		font-weight: bold;
		text-decoration:none;
	}
	.unselectIndex {
		font-weight:normal;
		text-decoration:underline;
	}


	/*Modal Popup*/
	.modalBackground {
		background-color:Gray;
		filter:alpha(opacity=70);
		opacity:0.7;
	}

	.modalPopup {
		background-color:#ffffdd;
		border-width:3px;
		border-style:solid;
		border-color:Gray;
		padding:3px;
		width:250px;
	}

	.sampleStyleA {
		background-color:#FFF;
	}

	.sampleStyleB {
		background-color:#FFF;
		font-family:monospace;
		font-size:10pt;
		font-weight:bold;
	}

	.sampleStyleC {
		background-color:#ddffdd;
		font-family:sans-serif;
		font-size:10pt;
		font-style:italic;
	}

	.sampleStyleD {
		background-color:Blue;
		color:White;
		font-family:Arial;
		font-size:10pt;
	}

	/*Popup Control*/
	.popupControl{
		background-color:White;
		position:absolute;
		visibility:hidden;
	}

	/*Reorder List*/
	.dragHandle {
		width:10px;
		height:15px;
		background-color:Blue;
		background-image:url(images/bg-menu-main.png);
		cursor:move;
		border:outset thin white;
	}

	.callbackStyle {
		border:thin blue inset;		
	}

	.callbackStyle table {
		background-color:#5377A9;	
		color:Black;
	}


	.reorderListDemo li {
		list-style:none;
		margin:2px;
		background-image:url(images/bg_nav.gif);
		background-repeat:repeat-x;
		color:#FFF;
	}

	.reorderListDemo li a {color:#FFF !important; font-weight:bold;}

	.reorderCue {
		border:dashed thin black;
		width:100%;
		height:25px;
	}

	.itemArea {
		margin-left:15px;
		font-family:Arial, Verdana, sans-serif;
		font-size:1em;
		text-align:left;
	}


	/* Rounded Corners*/

	.roundedPanel
	{	
		width:300px;
		background-color:#000000;
		color:white;
		font-weight:bold;
	}

	/* ResizableControl */

	.frameImage
	{
		width:130px;
		height:65px;
		overflow:hidden;
		float:left;
		padding:3px;
	}

	.frameText
	{
		width:100px;
		height:100px;
		overflow:auto;
		float:left;
		background-color:#ffffff;
		border-style:solid;
		border-width:2px;
		border-color:Gray;
		font-family:Helvetica;
		line-height:normal;
	}

	.handleImage
	{
		width:15px;
		height:16px;
		background-image:url(images/HandleHand.png);
		overflow:hidden;
		cursor:se-resize;
	}

	.handleText
	{
		width:16px;
		height:16px;
		background-image:url(images/HandleGrip.png);
		overflow:hidden;
		cursor:se-resize;
	}

	.resizingImage
	{
		padding:0px;
		border-style:solid;
		border-width:3px;
		border-color:#B4D35D;
	}

	.resizingText
	{
		padding:0px;
		border-style:solid;
		border-width:2px;
		border-color:#7391BA;
	}

	/*Textbox Watermark*/

	.unwatermarked {
		height:18px;
		width:148px;
	}

	.watermarked {
		height:20px;
		width:150px;
		padding:2px 0 0 2px;
		border:1px solid #BEBEBE;
		background-color:#F0F8FF;
		color:gray;
	}	

	/* Rating */
	.ratingStar {
		font-size: 0pt;
		width: 13px;
		height: 12px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
		display: block;
		background-repeat: no-repeat;
	}

	.filledRatingStar {
		background-image: url(Images/FilledStar.png);

	}

	.emptyRatingStar {
		background-image: url(Images/EmptyStar.png);
	}

	.savedRatingStar {
		background-image: url(Images/SavedStar.png);
	}


	/*Toggle Button*/

	/*Setup*/
	.walkthrough li {padding-bottom:5px;}

	/*Using a sample extender*/

	/*Creating a new extender*/
	.walkthroughNote {
		padding-left:25px;
		font-style:italic;
	}

	/*Other neat stuff*/





	/************ PasswordStrength Related Styles ***********************/
	.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;
	}

	.TextIndicator_TextBox1_Strength1
	{
		 background-color:Gray;
		 color:White;
		 font-family:Arial;
		 font-size:x-small;
		 font-style:italic;
		 padding: 2px 3px 2px 3px;
		 font-weight:bold;
	}
	.TextIndicator_TextBox1_Strength2
	{
		 background-color:Gray;
		 color:Yellow;
		 font-family:Arial;
		 font-size:x-small;
		 font-style:italic;
		 padding: 2px 3px 2px 3px;
		 font-weight:bold;
	}
	.TextIndicator_TextBox1_Strength3
	{
		 background-color:Gray;
		 color: #FFCAAF;
		 font-family:Arial;
		 font-size:x-small;
		 font-style:italic;
		 padding: 2px 3px 2px 3px;
		 font-weight:bold;
	}
	.TextIndicator_TextBox1_Strength4
	{
		 background-color:Gray;
		 color:Aqua;
		 font-family:Arial;
		 font-size:x-small;
		 font-style:italic;
		 padding: 2px 3px 2px 3px;
		 font-weight:bold;
	}
	.TextIndicator_TextBox1_Strength5
	{
		 background-color:Gray;
		 color: #93FF9E;
		 font-family:Arial;
		 font-size:x-small;
		 font-style:italic;
		 padding: 2px 3px 2px 3px;
		 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;
	}
	/************ MaskedEdit Related Styles ***********************/
	.MaskedEditFocus
	{
		background-color: #ffffcc;
		color: #000000;
	}
	.MaskedEditMessage
	{
		color: #ff0000;
		font-weight: bold;
	}
	.MaskedEditError
	{
		background-color: #ffcccc;
	}
	.MaskedEditFocusNegative
	{
		background-color: #ffffcc;
		color: #ff0000;
	}
	.MaskedEditBlurNegative
	{
		color: #ff0000;
	}

	.MyCalendar .ajax__calendar_container {
		border:1px solid #646464;
		background-color: lemonchiffon;
		color: red;
	}
	.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;
	}

	/* SlideShow styles */

	.slideTitle
	{
		font-weight:bold;
		font-size:small;
		font-style:italic;
	}

	.slideDescription
	{
		font-size:small;
		font-weight:bold;
	}

	.validatorCalloutHighlight
	{
		background-color: lemonchiffon;
	}

	.ListSearchExtenderPrompt
	{
		font-style:italic;
		color:Gray;
		background-color:white;
	}