body  
{
    background: url(../images/bg.jpg) repeat-x;
    margin:0; padding:0;
}
.main_content{ font-family:Arial, Helvetica, sans-serif;  font-size:12px; color:#585656; font-weight:normal; text-decoration:none; text-align:justify;}

#header_container
{	 
	 height:38px; 
	 left:0; 
	 position:fixed; 
	 width:100%; 
	 top:0; 
	 background-color:#061431;		
	 color:#FFFFFF; 
}
#bgcontainer
{
	background-color:#FFFFFF;
	width:100%; 
	margin-top:40px;
	float:left;
}
#container 
{ 	
	overflow:hidden; 
	vertical-align:top;
}
#header_container1
{	 
	 height:66px; 
	 left:0; 
	 position:fixed; 
	 width:100%; 
	 top:0; 
	 background-color:#061431;		
	 color:#FFFFFF; 
}
#bgcontainer1
{
	background-color:#FFFFFF;
	width:100%; 
	margin-top:71px;
	float:left;
	margin-bottom:20px;
}
#container1
{ 	
	overflow:hidden; 
	vertical-align:top;
}

#container { margin:0 auto; overflow:auto; padding:0 0 25px 0; width:100%; }
#content{ }
#footer_container { background:#eee; border:1px solid #E6E6E6; bottom:0; height:22px; left:0; position:fixed; width:100%; }
#footer { line-height:22px; margin:0 auto; width:100%; text-align:center; }
.footer{ font: normal 11px/15px Arial; color:#eee; text-decoration:none;}
.foottxt
{
    font-family: Tahoma; font-size:11px;
    color:#031527;
}
.subheader
{
    line-height:18pt;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;  font-size:14px; color:#49494a;
    text-decoration:none;
}
.watermark
{
    float: left; margin: 0px 3px 2px 0; padding: 4px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
    font-size: 9pt;
    height:15px;
}
.txtbox1
{
    float: left; margin: 0px 3px 2px 0; padding: 4px;
    border: 1px solid #BEBEBE;
}

.txtbox
{
    float: left; margin: 0px 3px 2px 0; padding: 3px;
    border: 1px solid #BEBEBE;
    width:200px;
}
.dropdownlist
{
    float: left; margin: 0px 3px 2px 0; padding: 3px;
    border: 1px solid #BEBEBE;
    width:207px;
}
.allcaps
{
    text-transform:uppercase;
}
.watermark1
{
    float: left; margin: 0px 3px 2px 0; padding: 3px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
    text-align:left;
}
.button
{
    cursor:pointer;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:2px solid #3866a3;
    display:inline-block;
    background-color: #061431;
    border: 1px #3B8314 outset;
    padding: 2px 4px 2px 4px;
    color: white;
    height:24px;
    width:60px;
    text-decoration: none;
    font: normal 90% Helvetica, Arial, sans-serif; font-size:small;
}
.button:visited
{
    color: black;
}
.button:hover
{
    border-style: inset;
    background-color: #f45501;
    border: 1px #FF6501 outset;
    text-decoration: underline;
    color: white;
    font-weight:normal;
    padding: 2px 4px 2px 4px;
}
.button:active
{
    color: black;
}
.colon{float: right; padding-right: 5px;}
.mousecursor
{
	TEXT-ALIGN: center; 
	padding-right: 3px; 
	padding-left: 3px; 
	cursor:pointer;
}

.animatedtabs
{
    border-bottom: 1px solid gray;
    overflow: hidden;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
 /*font of menu text*/
}
.animatedtabs ul
{
    list-style-type: none;
    color: #FFFFFF;
    margin: 0;
    margin-left: 10px; /*offset of first tab relative to page left edge*/
    padding: 0;
}
.animatedtabs li
{
    float: left;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}
.animatedtabs a
{
    float: left;
    position: relative;
    top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
    background-color: #0D173D;
    margin: 0;
    color: #FFFFFF;
    margin-right: 3px; /*Spacing between each tab*/
    padding: 0 0 0 9px;
    text-decoration: none;
}
.animatedtabs a span
{
    float: left;
    position: relative;
    display: block;
    background-color: #f45501;
    padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
    font-weight: bold;
    color: #FFFFFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */

.animatedtabs .selected a
{
    background-position: 0 -125px;
    text-transform:uppercase;
    top: 0;
}
.animatedtabs .selected a span
{
    background-position: 100% -125px;
    color: #FFFFFF;
    padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
    top: 0;
}
.animatedtabs a:hover
{
    background-position: 0% -125px;
    top: 0;
}
.animatedtabs a:hover span
{
    background-position: 100% -125px;
    padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
    top: 0;
}
.login
{
    background-image:url(../images/log_top.png);
    background-repeat:repeat-x;
    height:38px;
    margin-top:70px;
}
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 10000;
}
/*AJAX VALIDATION*/
.CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td 
{ 
    
    /*background: url(../images/topbg.jpg) repeat-x;*/
    background-color:#FE642E;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    color:White;
    font-family:Arial;
    font-size:11px;
}
/*AutoExtender in Ajax*/
.AutoComplete_List
{
	background-color:#EFFBFB;
	border:solid 1px black;
	float:left;
	margin: 0px;
	padding-left:4px; 
	cursor: pointer; 
	overflow: auto; 
	text-align: left; 
	list-style-type: none; 
	max-height: 250px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
	width:150px;
	line-height:25px;
}
.AutoComplete_ListItem
{
	color: #666; 
	padding: 1px;
	border-bottom: 1px solid #ddd;
	list-style-type: none;
}
.AutoComplete_ListItemHilite
{
	color: #000; 
	padding: 1px;
	border-bottom: 1px solid #ddd;
	list-style-type: none;
}
.AutoComplete_ListItemHiliteText
{
	background-color: #7AC142; 
	color: #FFF;
	list-style-type: none;
}


/*AutoExtender in Ajax For route name*/
.AutoComplete_List1
{	
	float:left;
	margin: 0px;
	padding-left:4px; 
	cursor: pointer; 
	text-align: left; 
	list-style-type: none; 
	height: 250px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
	width:250px;
	line-height:25px;
	background-color:#EFFBFB;
	overflow:hidden;
	border:solid 1px black;
}
.AutoComplete_ListItem1
{
	color: #666; 
	padding: 1px;
	border-bottom: 1px solid #ddd;
	list-style-type: none;

}
.AutoComplete_ListItemHilite1
{
	color: #000; 
	padding: 1px;
	border-bottom: 1px solid #ddd;
	list-style-type: none;	
}
.AutoComplete_ListItemHiliteText1
{
	background-color: #7AC142; 
	color: #FFF;
	list-style-type: none;	
}
/*Menu Bar*/
.jqueryslidemenu{
    font: normal 12px arial;
    width: 100%;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#040539), to(#e08a0b));
	background: -moz-linear-gradient(top,  #040539,  #e08a0b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#040539', endColorstr='#e08a0b');*/
    background-color:#040539;
    border-bottom-color:White;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
.jqueryslidemenu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li
{
    position: relative;
    display: inline;
    float: left;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#040539), to(#e08a0b));
	background: -moz-linear-gradient(top,  #040539,  #e08a0b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#040539', endColorstr='#e08a0b');*/
	background-color:#040539;	
}
/*Top level menu link items style*/
.jqueryslidemenu ul li a
{
    display: block;
    /*background of tabs (default state)*/
    color: white;
    padding: 8px 10px;
    border-right: 1px solid #778;
    color: #2d2b2b;
    text-decoration: none;
}

* html .jqueryslidemenu ul li a
{ 
    /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
    color: white;
    font-family:Arial;
}

.jqueryslidemenu ul li a:hover
{
    background: #e08a0b; /*tab link background during hover state*/
    color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li
{
    display: list-item;
    float: none;
    border-top: 1px solid White;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul
{
    top: 0;
    padding-left:1px;
}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a
{
    font: normal 12px arial;
    width: 180px; /*width of sub menus*/
    padding: 7px;
    margin: 0;
    border-top-width: 0;
    background: #040539;
}
.jqueryslidemenuz ul li ul li a:hover
{ 
    /*sub menus hover style*/
    color: black;
    background-color:White;
    border-bottom: 1px solid red;
}
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass
{
    position: absolute;
    top: 12px;
    right: 7px;
}
.rightarrowclass
{
    position: absolute;
    top: 6px;
    right: 5px;
}

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

.pnl
{
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 10px #000000;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
    overflow-y: scroll;
    overflow-x: hidden;
    height:600px;
}

/****************************************************************************************************************/
									/************Tab***********/
/****************************************************************************************************************/

 /*Header*/
.Tab .ajax__tab_header
{
    color: #585656;
    font-size: 12px;
    font-weight: bold;
	background-color:#dad0d0;
	border:solid 1px #dad0d0;
	border-bottom:none;
}
/*Body*/
.Tab .ajax__tab_body
{
    font-size: 12px;
    padding: 5px;
    background-color:#fff;
    border:1px solid #dad0d0;  
    border-top:none; 
    color:#585656;
}
/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab
{
    background-color:#ffffff;   
}
.Tab .ajax__tab_active .ajax__tab_inner
{
    background-color:#ffffff;
}
.Tab .ajax__tab_active .ajax__tab_outer
{
    color: #585656;
    padding-right:6px;
    background-color:#ffffff
}
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab
{
    color: #585656;
    background-color:#ffffff;
}
.Tab .ajax__tab_hover .ajax__tab_inner
{
    color: #585656;
    padding-left:10px;
    background-color:#ffffff;
}
.Tab .ajax__tab_hover .ajax__tab_outer
{
    color: #585656;
    padding-right:6px;
    background-color:#ffffff;
}
/*Tab Inactive*/
.Tab .ajax__tab_tab
{
    color: #585656;
    padding:8px 8px 8px 0px;
    text-align:center;
}
.Tab .ajax__tab_inner
{
    color: #585656;
    padding-left:10px;
}
.Tab .ajax__tab_outer
{
    color: #585656;
    padding-right:6px;
    background-color:#eeeeee;
    margin-right: 2px;
}
.userdfttbl  
{
	width: 100%;
	background-color: #fff; 
	margin: 5px 0 10px 0; 
	border: solid 1px #C0C0C0; 
	border-collapse:collapse;
	
 }
 
.userdfttbl td 
{ 
	padding: 4px; 
	border: solid 1px #C0C0C0; 
	color: #585656;
	font-family:Arial;
}

.userdfttbl th 
{
	 padding: 4px 2px; 
	 color: #585656; 
	 background-color:#bad7e6; 
	 border-left: solid 1px #C0C0C0; 
	 font-weight:bold;
	 font-size:12px;	 
}

/***************************************************************************************************/
										/* Meassage Display   */
/***************************************************************************************************/
.Msg
{
    border: solid 1px #FFDEAD;
    position: absolute;
    background-color: white;
    z-index: 100;
    width: 350px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family:Arial;	
	padding:10px 10px 10px 10px;
}

.drag
{
	cursor:move;
}

/***************************************************************************************************/
										/*Model Popup*/
/***************************************************************************************************/
.modalBackground
{
    background-color:Black;
    filter:alpha(opacity=70);
    opacity:0.6;
    z-index: 10000;    
}

/*************** KEYBAORD ***************/

#write {
    margin: 0 0 5px;
    padding: 5px;
    height: 100px;
    font: 1em/1.5 Verdana, Sans-Serif;
    background: #fff;
    border: 1px solid #f9f9f9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
#keyboard {
    margin: 0;
    padding: 0;
    list-style: none;
    position:fixed;
    background-color:#4296EC; 
    width:368px;
    height:393px;
    }
#keyboard li {
    float: left;
    margin: 3px 3px 3px 3px;
    width: 114px;
    height: 90px;
    font: 5em/20 Verdana, Sans-Serif;
    font-weight:bold;
    line-height: 80px;
    text-align: center;
    background: #fff;
    border: 1px solid #f9f9f9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
#keyboard .tab, #keyboard .delete {
    width: 235px;
    }

#keyboard li:hover {
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #e5e5e5;
    cursor: pointer;
    }
    
.commankeypad
{
    float: left; margin: 0px 3px 2px 0; padding: 3px;
    border: 1px solid #BEBEBE;
}