/*
 * This is atlas css for controls used from the Tool Extender that came with altas july ctp.  
 * Once this is upgraded at asp:ajax not sure if this will go away 
 */


/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel
{
	border-style: outset;
	border-width: 1px;
	background-repeat: repeat-x;
	width: 150px;
}

.collapsePanelHeader
{
	border-style: outset;
	border-width: 1px;
	width: 150px;
	height: 30px;
	background-repeat: repeat-x;
	color: #345563;
	font-weight: bold;
}

#rightcolumn .collapsePanelHeader a
{
	color: #FFF;
}
#rightcolumn .collapsePanelHeader a:hover
{
	text-decoration: none;
	background: none;
}

/*Confirm Button*/

/* DropShadow */

#rightcolumn .dropShadowPanel span
{
	color: white;
	text-decoration: underline;
}
#rightcolumn .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;
	text-align: center;
	cursor: move;
	font-weight: bold;
}

.overflowHidden
{
	overflow: hidden;
}

.overflowScroll
{
	overflow: hidden;
}

/*Hover Menu*/
.popupMenu
{
	position: absolute;
	visibility: hidden;
	opacity: .9;
	filter: alpha(opacity=90);
}

.popupHover
{
	background-position: left top;
	background-color: #F5F7F8;
}

/*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;
}

.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
{
	position: relative;
	width: 10px;
	height: 15px;
	background-color: Blue;
	cursor: move;
	border: outset thin white;
}

.reorderListDemo li
{
	list-style: none;
	margin: 2px;
	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;
	text-align: left;
}

/* Rounded Corners*/

.roundedPanel
{
	width: 300px;
	background-color: #5377A9;
	color: white;
	font-weight: bold;
}


/*Textbox Watermark*/

.unwatermarked
{
	height: 18px;
	width: 148px;
	font-weight: bold;
}

.watermarked
{
	height: 20px;
	width: 150px;
	padding: 2px 0 0 2px;
	border: 1px solid #BEBEBE;
	background-color: #F0F8FF;
	color: gray;
}

/*Toggle Button*/

/*Setup*/
.walkthrough li
{
	padding-bottom: 5px;
}

/*Using a sample extender*/

/*Creating a new extender*/
.walkthroughNote
{
	padding-left: 25px;
	font-style: italic;
}