﻿lbody
{
font-family: Arial, sans-serif;
font-size: 13px;
color: #1E4584;
}

html, body , .wrapper{
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
  }  


/* Module Style*/

td
{
    font-size:10pt;
    font-family:Arial;
}e

#WorkSpace
{
	background-color:#707070;
}

#ChildWorkSpace
{
    background-color:#ffffff;
	width:100%;
	height:100%;
	border-top:solid 1px #9B9B9B;
	border-left:solid 1px #9B9B9B;
	border-right:solid 1px #595959;
	border-bottom:solid 1px #595959;
}

.ChildWorkSpaceHeaderLabel
{
	color:#CCCCCC;
	width:100%;
    font-weight:bold;
	font-family:Arial;
	font-size:medium;
	background-color:#efefef;
}
.GroupHeader
{
    background-color:#738AAD;
	font-family:Trebuchet MS;
	font-size:xx-small;
	font-weight:bold;
	border:solid 1px #cecfde;
	border-bottom:solid 2px #30527F;
	height:10px;
	text-align:left;
	vertical-align:middle;
	padding:3px 10px 2px 2px;
	color:#FFFFFF;
}
.GroupDetail
{
     border-left:solid 1px #CECFCE;
     border-right:solid 1px #CECFCE;
     border-bottom:solid 1px #CECFCE;
     padding:5px;
     width:100%;
     background-color:#EFEFEF;
}


/* Hyperlink */
/*
A:Link
{
    text-decoration: none;
    color:#000000;
}	
		
A:visited	{	
	text-decoration: none;
	color:#000000;
	}	
*/		
A:active	{	
	text-decoration: none;
	color:#FF8000;
	}	
		
A:hover	
{	
    text-decoration: none;
    color:#0000FF;
}


/* Header */
.header1
{
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 24px;
    color: #1D4485;
}

.header2
{
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
}


.header3
{
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 18px;
    color: #1E4584;
}

.header4
{
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 60px;
    color:#006699;
}

.sidebar-title
{
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 14px;
text-align: center;
color: #1E4584;
}

.alerts
{
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
    font: #7BBDE8;
}





/* Drop Down list */
.DropDown
 {
	font-family: Trebuchet MS;
	font-size:x-small;
	border:solid 1px #cecfde;
 }
 
 /* Menu */
 .StaticMenu
 {
    border:solid 1px #cecfde;
    background-color:#cecfde;
    padding:2px;
    color:#FF8000;
 }
 .StaticMenuItem
 {
    font-family:Trebuchet MS;
    background-color:#cecfde;
    font-size:12px;
    color:#FF8000;
 }
 .DynamicMenu
 {
    border-top:outset 1px silver;
    border-left:outset 1px silver;
    border-bottom:outset 1px #727272;
    border-right:outset 1px #727272;
    background-color:#cecfde;
    padding:1px 1px 0px 1px;
 }
 .DynamicMenuItem
 {
    font-family:Trebuchet MS;
    background-color:#cecfde;
    font-size:11px;
    color:#FF8000;
    padding:3px;
 }
 .DynamicHover
{
    background-color: gray;
    color: white;
}

/* Panel */
.Panel
{
    width:100%;
    height:100%;
}

/* Button */
.btn
{
	filter:	progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
	cursor:	hand;
	padding-left: 5px;
	padding-right: 5px;
	border:	1px solid #7b9ebd;
	font-size:10px;
	font-family:Arial;
}

/* textbox */
.txt 
{
	font-family:Trebuchet MS;
    FONT-SIZE: 12px;
    border:solid 1px #4A494A;
    width:150px;  
 }
 
/* Label */
.lbl
{
    font-family : Arial;
    font-size: 11pt;
    color:#000000;    
}

.hl
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    text-decoration:underline;
    color:#000000;
}

.HeaderFont
{
    font-size:larger;
    font-family:@MS Gothic;
    font-weight:bold;   
}


/* List Box */
.lb
{   
    font-family:Trebuchet MS;
    font-size:10pt;
    color:#000010;
    text-decoration: none;     
}

/* Drop down list */
.ddl
 {
	font-family: Trebuchet MS;
	font-size:x-small;
	border:solid 1px #cecfde;
 }
 
 /* Radio Button */
 .rd
 {
	font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 12px;    
    color: #000000;
 }
 
 /* validator */
 .Validator
 {
    font-family:Trebuchet MS;
    font-size:xx-small;
    color:Red;
 }
 
 /* Error */
 .err
 {
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 11px;    
    text-decoration:none;
    color:red;
 }

 /* Grid Style */
.gridHdr 
{
	background-color:#EFE7D6;
	font-family:Trebuchet MS;
	font-size:xx-small;
	color:#000000;
	border:solid 2px #FFFFFF;
	border-bottom:#000000;
	padding:4px;
}

.gridSelectedItem
{
	background-color:#cecfde;
	font-family:Trebuchet MS;
	font-size:x-small;
	Color:#000000;
	font-style:italic;
}

.gridItem
{
	background-color:#FFFFFF;
	border-bottom:solid 1px #cecfde;
	font-family:Trebuchet MS;
	font-size:x-small;
	vertical-align:middle;
}

.requiredField
{
    color:Blue;
}

 /* Table */
 .tbl
 {
    border :1;
    border-color:Maroon;
 }
 
 .counter
{
    font-family:Trebuchet MS;
    font-size: 7pt;
    color:#000000;
}

.box
{
    border-left-color: #006699; 
    border-bottom-color: #006699; 
    border-top-style: solid; 
    border-top-color: #006699; 
    border-right-style: solid; 
    border-left-style: solid; 
    border-right-color: #006699; 
    border-bottom-style: solid;
    border-width : thin ;
}



.validatorCallout
{
    background-color: ButtonShadow; 
}



 /* Animation Css */
.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(images/demobottom.png) no-repeat left bottom;
}

wireFrame {
display: 	none; 
overflow: hidden; 
z-index: 2; 
background-color: #FFFFFF; 
border: solid 1px #D0D0D0;

}

CloseButtonStyle {
background-color: #666666; 
color: #FFFFFF; 
text-align: center; 
font-weight: bold; 
text-decoration: none; 
border: outset thin #FFFFFF; 
padding: 5px;
}

.modalProgressGreyBackground 
{
    background:#CCCCCC;
	filter:alpha(opacity=60);
	opacity:0.8;
}

.modalProgressRedBackground 
{
    background:blue;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup
{
    text-align:center;
    padding-top: 10px; 
    border-style:solid; 
    border-width:1px; 
    background-color:White; 
    width:165px; 
    height:50px;
}


/*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;	
    background-image:url(../images/bg_nav.gif);
}

.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;
    background-image:url(../images/bg_nav.gif);
}

/*For panel Grouping text color*/
legend { 
      color:#2461BF; 
} 