.body {background-color: #FFFFFF;
}

.body2 {
	background-color: #888888;
}

.topmenu {font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: white; background-color: #000000;
}

.smpath {font-family: Verdana, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

.frameImage
{
	width:600px;
	height:400px;
	overflow:hidden;
	float:inherit;
	padding:4px;
}

.frameText
{
	width:350px;
	height:240px;
	overflow:auto;
	float:inherit;
	background-color:#eeeeee;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
	position:inherit;  
}

.frameText1
{
	width:300px;
	height:370px;
	overflow:auto;
	float:inherit;
	/*background-color:#dddddd;*/
	border-style:solid;
	border-width:2px;
	border-color:ActiveBorder;
	font-family:Arial;
	line-height:normal;
}

.frameText2
{
	width:200px;
	height:20px;
	overflow:auto;
	float:inherit;
	background-color:#eeeeee;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
	
}
.frameText3
{
	width:200px;
	height:20px;
	overflow:auto;
	float:inherit;
	background-color:Transparent;
	border-style:solid;
	border-width:2px;
	border-color:ActiveBorder;
	font-family:Helvetica;
	line-height:normal;
}

.frameText4
{
	width:450px;
	height:200px;
	overflow:auto;
	float:inherit;
	background-color:#eeeeee;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
	position:inherit;
	  
}

.frameText5
{
	width:600px;
	height:350px;
	overflow:auto;
	float:inherit;
	background-color:#ffffff;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
	position:inherit;
	vertical-align:top;   
}

.frameText6
{
	width:350px;
	height:283px;
	overflow:auto;
	float:inherit;
	background-color:#eeeeee;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
	position:inherit;  
}



.frameText7
{
	width:585px;
	height:30px;
	overflow:auto;
	float:inherit;
	background-color:#eeeeee;
	border-style:solid;
	border-width:6px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
	color: blue; 
	font-size: 20px;
}

.frameText8
{
	width:350px;
	height:420px;
	overflow:auto;
	float:inherit;
	background-color:#eeeeee;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
	position:inherit;  
}


.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:1px;
	border-style:solid;
	border-width:3px;
	border-color:#B4D35D;
}

.resizingText
{
	padding:1px;
	border-style:solid;
	border-width:3px;
	border-color:#7391BA;
}


.loginlink {font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
  	text-align: right;
}

.logoutlink {font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
  	text-align: right;
}


.cmslabel {font-family: Verdana;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: white; 
	background-color:#2d6489; 
	text-align: center;
}

.menulist {background-color: #E6E6FA;
}
	
.menulist1 {font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	vertical-align: top; background-color: #E6E6FA; text-align: left;
}

.menulist2 {font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	vertical-align: top; text-align: left;
}

.footer {font-family: Verdana, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left; 
	background-color: #888888;color: white;
}
	

.text {font-family: Verdana, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	font-weight:bold;
	text-align:center;
	color: #000000;
}

.textred {font-family: Verdana, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	color: red;
}
	
.text2 {font-family: Verdana, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: center; color: #0000FF;
}

.text6 {font-family: Verdana, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align:left; color: #0000FF;
}
	
.rolelist {font-family: Verdana, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: justify; Background-Color:#E3E3E3;
}
	
	
.text3 {font-family: Verdana, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
}
	
.text5 {font-family: Verdana, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-style: normal;
	font-weight:bold;
	text-align: center; color: #000000;
}
	
.validator {font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	background-color: #ffffff; width: 489px;
}


.profile {font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
	
.text4 {font-family: Verdana, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

.text5 {font-family: Verdana, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

.login {
	font-family: verdana;
	font-Weight: bold;
	font-Size: 1em;
	color: white;
	text-align: center;
	background-color: #5d7b9d;
}

.animationReferenceTable
{
}

.animationReferenceRow
{
}

.animationReferenceField
{
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.animationReferenceCode
{
	margin-top: 5px;
	vertical-align: top;
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
	
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
	margin-bottom: 5px;
}

.animationReferenceItems
{
	vertical-align: top;
}

.animationReferenceItemTable
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItemRow
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItem
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

ReferenceItemCode
{
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	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;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    background-image:url(images/bg_nav.gif);
    /*background-color: #eeeeee;*/
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
    color: white; 
    text-align: center; 
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.dragContainer{
	background-color: #FFC0FF;
	height: 282px;
	width: 600px;
	border-bottom-color: black;
	position:fixed;
}


.dragHeader{
	background-color: #8080FF; 
	height: 38px;
	width: 600px;	
}

.dragBody{
	background-color: #eeeeee;
	height: 213px; 
	width: 357px;	
}

.dragBody1{
	background-color: #eeeeee;
	height: 100px; 
	width: 600px;	
}

.accordionContent
{
    background-color: #cccccc;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
	
	
}

.collapsePanelHeader{	
	width:400px;		
	height:20px;
	background-image: url(images/goldbar.jpg);
	background-repeat:repeat-x;
	float:inherit;
	 
	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);
	top: 600px;
	left:200px;
}

.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:Transparent;
}

/* 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:#eeeeee;
	font-size:15pt;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:Arial Black;
	font-size:15pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:25pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:15pt;
}

/*Popup Control
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}*/
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}



/*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:center;
}


/* Rounded Corners*/

.roundedPanel
{	
	width:300px;	
	background-color:#5377A9;	
	color:white;
	font-weight:bold;		
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
	font-weight:bold;
}

.watermarked {
		
	
		
	background: #FFEEFF;
}

	
	

/* 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;
}

/************ PasswordStrength Related Styles ***********************/

.BarIndicator_TextBox2
{
    color:Purple;
    background-color:Purple;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    width:140px;
    vertical-align:middle;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight:normal;
	font-size:smaller;  
}
.MaskedEditError
{
    background-color: #ffcccc;
    font-size:smaller;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: red;
    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;
}

.validatorCalloutHighlight 
{
    background-color: white; 
}

.ListSearchExtenderPrompt
{
	font-style:italic;
	color:Gray;
	background-color:white;
}

.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;
}

/* PagingBulletedList */
.selectIndex {
    font-weight: bold;
    text-decoration:none;
   }
.unselectIndex {
    font-weight:normal;
    text-decoration:underline;
   }

.bulletdiv {
height: 150px;
width:auto;  
overflow: auto; 
background-color:Silver; 
overflow:auto; 
border: solid 2px #CCCCCC;
   }
   
.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;
}


    
wireFrame {
display: 	none; 
overflow: hidden; 
z-index: 2; 
background-color: #FFFFFF; 
border: solid 1px #D0D0D0;

}

.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}