.TextIndicator_TextBox1 {
         background-color:Gray;
         color:White;
         font-family:Arial;
         font-size:x-small;
         font-style:italic;  
         padding: 2px 3px 2px 3px;   
    }

.BarIndicator_TextBox2 {
        color:Blue;
        background-color:Blue;
        padding-bottom:1px;
    }

.BarBorder_TextBox2 {
        border-style:solid;
        border-width:1px;
        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;
    }
    
.subheading {
	padding:1em 0 0.8em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size:1.2em;
}

.dynamicPopulate_Normal {	
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:400px;
}

.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:400px;
}


.DragHandleClass
{
    cursor: move;
    width: 16px;
    height: 16px;
    background-image: url(images/UpDown.png);
    background-repeat: no-repeat;
    margin:2px;
}
.DragHandleClassBody
{
    background-color: #FFFFCC;
}
.dragContainer
{
    background-color: #009900;
    height: 282px;
    width: 357px;
    border-bottom-color: black;
}

.dragHeader {
	background-color: #8080FF; 
	height: 48px;
	width: 358px;	
}

.dragBody {
	background-color: #FFC0FF;
	height: 213px; 
	width: 357px;	
}

.collapsePanel {
	width: 640px;
	height:0px;
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader {	
	width:640px;		
	height:20px;
	color: Yellow;
	background-color: Black;
	font-weight:bold;
	float:left;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
}

.accordionHeaderMain
{
    border: 1px solid #00000;
    color: white;
    background-color: #383838;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    margin: 1px;
    
}

.accordionContentMain
{
    background-color: #ececec;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    margin: 1px;
}

.accordionHeader
{
    border: 1px solid #00000;
    color: black;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    margin: 3px;
    background: url(images/img07.gif) repeat-x;
} 

.accordionContent
{
    background-color: #ececec;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    margin: 1px;
    border-style: dashed;
    border-width: 1px;
    border-color: #2F4F4F;
}
.accordionLink
{
 background-color: #D3DEEF;
    
}

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}
.popupControl1
{
    background-color: #FFFF99;
    position: absolute;
    visibility: visible;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.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;
}

.modalPopup2 {
	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;
}
.imageInfoBox
{
    background-color: #ececec;
    border: thin solid #C0C0C0;
    width: 200px;
    display: block;
    text-align: center;
}

/*  ajax image and text resizing preperty  example is in aboutMe.aspx*/
.handleImage
{
	width:15px;
	height:16px;
	background-image:url(images/HandleHand.png);
	overflow:hidden;
	cursor:se-resize;
}

.resizingImage
{
	padding:0px;
	border-style:solid;
	border-width:3px;
	border-color:#B4D35D;
}
.handleText
{
	width:16px;
	height:16px;
	background-image:url(images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}
.resizingText
{
	padding:0px;
	border-style:solid;
	border-width:2px;
	border-color:#7391BA;
	}
	
.frameText
{
	width:300px;
	height:100px;
	overflow:auto;
	float:left;
	background-color:#ffffff;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
}
.frameImage
{
	width:130px;
	height:65px;
	overflow:hidden;
	
	padding:3px;
}
/* rating icons */
.emptypng { background-image: url(images/empty.png); width: 16px; height: 16px; }
     .smileypng { background-image: url(images/smiley.png); width: 16px; height: 16px; }
     .donesmileypng { background-image: url(images/smiley-done.png); width: 16px; height: 16px; }