body {
	background: url('Login Window/images/bg.png') repeat;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:300;
 
	text-decoration: none;
	margin-left:0pt; margin-right:0pt;margin-top:0pt;margin-bottom:0pt
}

a {text-decoration:none;color:GrayText;}
a:hover {color:#F45F42;text-decoration:underline;}

#wrapper {margin: 0 auto; width: 980px;}
#header { width:980px; height: 100px;}
#logo { margin-top:10px; float: left; width:300px; height:100px;}
#topmenubar { float: left;}
#topuserbar1 {float:left; margin-left:50px; margin-top:10px; background-image:url('images/userbar_back1.jpg'); width:170px; height:100px;}  

#topuserbar {float:left; margin-left:50px; background-image:url('images/userbar_back.jpg'); width:400px; height:100px; padding-left:0px;padding-right:0px;padding-top:10px}  
.scroller { height:50px;font-family:arial, tahoma;color:#DA5D08;font-size:10pt;font-weight:bold;} 

.topmenu {background-image:url('images/topmenu_back.jpg'); width:132px; height:50px; font-family:Century Gothic,arial, tahoma;font-size:11pt;border-top:8px solid #1C4D6E;border-right:1px solid #DDE0DA;padding:5;}
.topmenuhover {background-image:url('images/topmenu_back.jpg');width:132px; height:75px; font-family:Century Gothic,arial, tahoma;font-size:11pt;border-top:8px solid #88B25E;border-right:1px solid #DDE0DA;padding:5;}
.topmenu a {display:block;}

#pageleft {margin-top:35px; float:left;width:750px;min-height:500px; background:#FFFFFF;border:1px solid #596E44; text-align:center;}
#pageright { margin-top:35px; float:left;width:220px; }
 

#navbar {width:980px; margin-top:35px; background:#5F5F5F; background-image:url('images/navbar_back.jpg'); border:1px solid #000000;clear:both; border-radius:25px;opacity: 0.8; }
#userpageP { min-height:524px;  width:982px; padding:0px;   background-color:White; }
#userpage { min-height:524px;  width:960px; padding:10px; }
#userpageleft {margin-top:0px; float:left;width:730px;min-height:465px; background:#FFFFFF;}
#userpageright {margin-top:0px; float:left;width:220px;}


.pagetitle {  background:#1C4D6E; font-family: arial, tahoma, verdana; font-size: 14pt;color:#FFFFFF;  padding:5px; border: 1px solid #1C4D6E; text-align:center}
.pagetext {  font-family: arial, verdana, Arial; font-size: 9pt; color: #000000; text-align:Justify; padding:5px;padding-left:10px}
.pagetext a {text-decoration:underline}
.pageDashtitle{ background:#1C4D6E; font-family: arial, tahoma, verdana; font-size: 10pt;color:#FFFFFF; border: 1px solid #D7DFCF; text-align:center}
.mainDiv{ text-align:left;  border: thick groove #fff;}  
      
                                                                                                                                                                             
.pagewindow {background:#FFFFFF;border: 1px solid #D7DFCF;    margin:18% auto 18% auto; width:500px; }
.pagetable {  margin-left:auto; margin-right:auto;}

 

.grid {background:#F3F3F3; border:1px solid #D9DBD7}
.gridtitle {background:#D9DBD7; padding:3px;  border-bottom:1px solid #D9DBD7; color:#596642; font-family:arial, tahoma;font-size:10pt;font-weight:bold}
.griditem {padding:3px;  font-family:arial, tahoma;font-size:9pt;}

#footer { margin-top:20px; background:#333333; background-image:url('images/footer_back.jpg'); height:100px; text-align:center; clear:both;}
.bottommenu { font-family:arial, tahoma;font-size:9pt;border-right:1px solid #000000;padding:5;}
.bottommenu a {display:block; color:#FFFFFF;}

.menubox {border:1px solid #D7DFCF; margin-left:10px;margin-bottom:10px; background:#8AB9DD;}
.menubox th {background:#1C4D6E; padding:3px;font-family:Century Gothic,arial, tahoma;font-size:10pt;color:#FFFFFF;}
.menubox td {padding:5px;font-family:arial,tahoma;font-size:9pt;}

.flash { border:1px solid #E2E4E3;}
.pic { border:1px solid #E2E4E3;margin-right:5px}
.highlighttitle { border-bottom:1px solid #E2E4E3; font-family:Century Gothic,arial, tahoma;font-size:12pt}
.highlight { border:1px solid #E2E4E3;background:#EEF0EF; font-family:arial, tahoma;font-size:8pt;text-align:justify;padding:5px;}

/*GradientTextBox */
.GradientTextBox {

	background: transparent url('images/bg.jpg') no-repeat;
	color : #747862;
	height:15px;
	width:100px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
}

/*CSS For File Uploader */
.UploaderCS
{
background-color:#FFFFFF;
color: #747862;
border: 1px solid #D7DFCF;
font: Verdana 10px;
padding: 1px 4px;
font-family: Palatino Linotype, Arial, Helvetica, sans-serif;

}

/* GreenButton */

.green {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	 
border-radius:25px;
}
.green:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.green:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}



/* GreenButton */


/* Mouse Move*/
a.MouseMove{color:Gray;text-decoration: none;} 
a.MouseMove:visited{color:Black;text-decoration: none;}
a.MouseMove:hover{color:Orange;text-decoration: none;}
a.MouseMove:active{color:Red;text-decoration: none;}


/* Font styles */
.tableFont{font-family: arial, verdana, Arial; font-size: 10pt; color:#363437 ; text-align:left;}

/* Font styles */ 
.tableFont1{font-family: arial, verdana, Arial; font-size: 8pt; color:#363437 ; text-align:left; background: linear-gradient(0deg, white, white); opacity: 0.65;}

/* menu styles */

.ddsmoothmenu{
font: bold 12px Arial;
width: 100%;
}

/* menu styles */

.CenterAlignment{text-align:center;}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
color: #FFFFFF;
padding: 8px 18px;
border-right: 1px solid #6C6A6A;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #000000; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: #000000; /*background of menu items during onmouseover (hover state)*/
color: white;
border-radius:25px;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
background:#5B5757;
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: bold 11px Arial;
width: 175px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;

border-top: 1px solid #5B5857;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}





/* CSS For Table */

.CSSTableGenerator {

	margin:0px;padding:0px;

	width:100%;
	

	border:1px solid #8baa6b;

	

	-moz-border-radius-bottomleft:14px;

	-webkit-border-bottom-left-radius:14px;

	border-bottom-left-radius:14px;

	

	-moz-border-radius-bottomright:14px;

	-webkit-border-bottom-right-radius:14px;

	border-bottom-right-radius:14px;

	

	-moz-border-radius-topright:14px;

	-webkit-border-top-right-radius:14px;

	border-top-right-radius:14px;

	

	-moz-border-radius-topleft:14px;

	-webkit-border-top-left-radius:14px;

	border-top-left-radius:14px;

}.CSSTableGenerator table{

	width:100%;

	height:100%;

	margin:0px;padding:0px;

}.CSSTableGenerator tr:last-child td:last-child {

	-moz-border-radius-bottomright:14px;

	-webkit-border-bottom-right-radius:14px;

	border-bottom-right-radius:14px;

}

.CSSTableGenerator table tr:first-child td:first-child {

	-moz-border-radius-topleft:14px;

	-webkit-border-top-left-radius:14px;

	border-top-left-radius:14px;

}

.CSSTableGenerator table tr:first-child td:last-child {

	-moz-border-radius-topright:14px;

	-webkit-border-top-right-radius:14px;

	border-top-right-radius:14px;

}.CSSTableGenerator tr:last-child td:first-child{

	-moz-border-radius-bottomleft:14px;

	-webkit-border-bottom-left-radius:14px;

	border-bottom-left-radius:14px;

}.CSSTableGenerator tr:hover td{

	background-color:#ffffff;

		


}

.CSSTableGenerator td{

	vertical-align:middle;

		background:-o-linear-gradient(bottom, #8AB9DD 5%, #ffffff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8AB9DD), color-stop(1, #ffffff) ); 
	background:-moz-linear-gradient( center top, #8AB9DD 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8AB9DD", endColorstr="#ffffff");	background: -o-linear-gradient(top,#8AB9DD,ffffff);


	background-color:#8AB9DD;


	border:1px solid #1C4D6E;

	border-width:0px 1px 1px 0px;

	text-align:left;

	padding:7px;

	font-size:10px;

	font-family:Arial;

	font-weight:normal;

	color:#000000;

}.CSSTableGenerator tr:last-child td{

	border-width:0px 1px 0px 0px;

}.CSSTableGenerator tr td:last-child{

	border-width:0px 0px 1px 0px;

}.CSSTableGenerator tr:last-child td:last-child{

	border-width:0px 0px 0px 0px;

}

.CSSTableGenerator tr:first-child td{

		background:-o-linear-gradient(bottom, #8AB9DD 5%, #1C4D6E 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8AB9DD), color-stop(1, #1C4D6E) );
	background:-moz-linear-gradient( center top, #8AB9DD 5%, #1C4D6E 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8AB9DD", endColorstr="#1C4D6E");	background: -o-linear-gradient(top,#8AB9DD,1C4D6E);


	background-color:#1C4D6E;

	border:0px solid #8AB9DD;

	text-align:center;

	border-width:0px 0px 1px 1px;

	font-size:14px;

	font-family:Arial;

	font-weight:bold;

	color:#ffffff;

}

.CSSTableGenerator tr:first-child:hover td{

	background:-o-linear-gradient(bottom, #8AB9DD 5%, #1C4D6E 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8AB9DD), color-stop(1, #1C4D6E) );
	background:-moz-linear-gradient( center top, #8AB9DD 5%, #1C4D6E 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8AB9DD", endColorstr="#1C4D6E");	background: -o-linear-gradient(top,#8AB9DD,1C4D6E);


	background-color:#8AB9DD;

}

.CSSTableGenerator tr:first-child td:first-child{

	border-width:0px 0px 1px 0px;

}

.CSSTableGenerator tr:first-child td:last-child{

	border-width:0px 0px 1px 1px;

}

/* CSS For Table */





/* CSS For TabContainer */

/* ajax__tab_green-theme theme (images/green.jpg) */
.ajax__tab_green-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #596E44;
}
.ajax__tab_green-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/green.jpg) #98BA84 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #6D9953;
    border-bottom-width:0px;
}
.ajax__tab_green-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_green-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(images/green.jpg) #E1FAD4 repeat-x left -1300px;
}
.ajax__tab_green-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_green-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(images/green.jpg) #596E44 repeat-x left -1400px;
}
.ajax__tab_green-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#EBEBEB;    
    border:solid 1px #808080;
    border-top-width:0px;
}


/* ajax__tab_darkblue-theme theme (images/darkblue.jpg) */
.ajax__tab_green-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #84aeef;
}
.ajax__tab_green-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/darkblue.jpg) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_green-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_green-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(images/darkblue.jpg) #bfdaff repeat-x left -1300px;
}
.ajax__tab_green-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_green-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(images/darkblue.jpg) #84aeef repeat-x left -1400px;
}
.ajax__tab_green-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#edf5ff;    
    border:solid 1px #808080;
    border-top-width:0px;
}


/* ajax__tab_darkblue-theme theme (images/darkblue.jpg) */

/* CSS For TabContainer */





/* CSS For Grid View / Data Grid */

h1 {
    font: bold 32px Times;
	color: #666;
	text-align: center;
	padding: 20px 0;    
}

#container {
    width: 700px;
    margin: 10px auto;
}


.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .mGrid td {text-align:center;  padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .mGrid th { text-align:center; padding: 4px 2px; color: #fff; background: #1C4D6E url(Styles/grd_head_Blue.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGrid .alt { background: #fcfcfc url(Styles/grd_alt_Blue.png) repeat-x top; }
.mGrid .pgr {background: #1C4D6E url(Styles/grd_head_Blue.png) repeat-x top; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td {border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .mGrid .pgr a { color: #8AB9DD; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }
    .mDataGrid{ background: url(Styles/grd_head_Blue.png); }
    
    
    /*
Css for Table (Gray) 
*/
     .mGrid1 { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .mGrid1 td {padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .mGrid1 th { text-align:left; padding: 4px 2px; color: #fff; background: #1C4D6E url(Styles/grd_head_Blue.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGrid1 .alt { background: #fcfcfc url(Styles/grd_alt_Blue.png) repeat-x top; }
.mGrid1 .pgr {background: #1C4D6E url(Styles/grd_head_Blue.png) repeat-x top; }
    .mGrid1 .pgr table { margin: 5px 0; }
    .mGrid1 .pgr td {border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .mGrid1 .pgr a { color: #8AB9DD; text-decoration: none; }
    .mGrid1 .pgr a:hover { color: #000; text-decoration: none; }
    .mDataGrid1{ background: url(Styles/grd_head_Blue.png); }
    
    
 /* CSS For Grid View / Data Grid   */
 
 
 
 
  /* CSS For Calendar */
  
  
 /*
    Set the Style for parent CSS Class
    of Calendar control
    Parent [CssClass] = myCalendar
*/
.myCalendar {
    background-color: #efefef;
    width: 200px;
}

/*
    Common style declaration for hyper linked text
*/
.myCalendar a {
    text-decoration: none;
}

/*
    Styles declaration for top title
    [TitleStyle] [CssClass] = myCalendarTitle
*/
.myCalendar .myCalendarTitle {
    font-weight: bold;
}

/*
    Styles declaration for date cells
    [DayStyle] [CssClass] = myCalendarDay
*/
.myCalendar td.myCalendarDay {
    border: solid 2px #fff;
    border-left: 0;
    border-top: 0;
}

/*
    Styles declaration for next/previous month links
    [NextPrevStyle] [CssClass] = myCalendarNextPrev
*/
.myCalendar .myCalendarNextPrev {
    text-align: center;
}

/*
    Styles declaration for Week/Month selector links cells
    [SelectorStyle] [CssClass] = myCalendarSelector
*/
.myCalendar td.myCalendarSelector {
    background-color: #dddddd;
}

.myCalendar .myCalendarDay a, 
.myCalendar .myCalendarSelector a,
.myCalendar .myCalendarNextPrev a {
    display: block;
    line-height: 18px;
}

.myCalendar .myCalendarDay a:hover, 
.myCalendar .myCalendarSelector a:hover {
    background-color: #cccccc;
}

.myCalendar .myCalendarNextPrev a:hover {
    background-color: #fff;
}

  /* CSS For Calendar */
  
  
  /* CSS For Message Box */
  
   
.CSSTableGeneratorMB {
margin:0px;padding:0px;
width:100%;	
border:0px solid #000000;

-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;

-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;

-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;

-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}.CSSTableGeneratorMB table{
width:100%;
height:100%;
margin:0px;padding:0px;
}.CSSTableGeneratorMB tr:last-child td:last-child {
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
}
.CSSTableGeneratorMB table tr:first-child td:first-child {
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}
.CSSTableGeneratorMB table tr:first-child td:last-child {
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
}.CSSTableGeneratorMB tr:last-child td:first-child{
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
}.CSSTableGeneratorMB tr:hover td{

}.CSSTableGeneratorMB tr:nth-child(odd){ background-color:#ffffff; }
.CSSTableGeneratorMB tr:nth-child(even)    { background-color:#ffffff; }
.CSSTableGeneratorMB td{
vertical-align:middle;


border:0px solid #000000;
border-width:0px 0px 0px 0px;

padding:7px;
font-size:10px;
font-family:arial;
font-weight:normal;
color:#000000;
}.CSSTableGeneratorMB tr:last-child td{
border-width:0px 0px 0px 0px;
}.CSSTableGeneratorMB tr td:last-child{
border-width:0px 0px 0px 0px;
}.CSSTableGeneratorMB tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.CSSTableGeneratorMB tr:first-child td{
	background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );	background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");	background: -o-linear-gradient(top,#4c4c4c,000000);
background-color:#4c4c4c;
border:0px solid #000000;
text-align:center;
border-width:0px 0px 0px 0px;
font-size:14px;
font-family:arial;
font-weight:bold;
color:#ffffff;
}
.CSSTableGeneratorMB tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );	background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");	background: -o-linear-gradient(top,#4c4c4c,000000);
background-color:#4c4c4c;
}
.CSSTableGeneratorMB tr:first-child td:first-child{
border-width:0px 0px 0px 0px;
}
.CSSTableGeneratorMB tr:first-child td:last-child{
border-width:0px 0px 0px 0px;
}
  
  
  /* CSS For Message Box */
  
  
  
/*Button CSS For Message Box (black) */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/*Button CSS For Message Box (black) */

/*Hide Control CSS For Hiding */

.Hide_Control
{
    visibility:hidden;
}

/*Hide Control CSS For Hiding */




/*Hide Grid Control CSS For Hiding Grid Column */

 .hideGridColumn
    {
        display:none;
    }
    
/*Hide Grid Control CSS For Hiding Grid Column */


/*
Back to top button For (Scroll Top Button) 
*/
#back-top {
	position: fixed;
	bottom: 5px;
  right  : 0px;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url('Images/up-arrow.png') no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}

/*
Back to top button (Scroll Top Button) 
*/


/*
Css for Table (Gray) 
*/
.CSSGray {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSGray table{
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSGray tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSGray table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSGray table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSGray tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSGray tr:hover td{
	background-color:#e5e5e5;
		

}
.CSSGray td{
	vertical-align:middle;
		background:-o-linear-gradient(bottom, #ffffff 5%, #e5e5e5 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e5e5e5) ); 
	background:-moz-linear-gradient( center top, #ffffff 5%, #e5e5e5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e5e5e5");	background: -o-linear-gradient(top,#ffffff,e5e5e5);

	background-color:#ffffff;

	border:1px solid #ffffff;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSGray tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSGray tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSGray tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSGray tr:first-child td{
		background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
	border:0px solid #ffffff;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.CSSGray tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
}
.CSSGray tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSGray tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}


/*
Css for Table (Gray) 
*/











#wrapperLW {
	/* Center wrapper perfectly  
	width: 300px;
	height: 100px;
	position: relative;
	left: 40%;
	top: 0%;
	margin-left: 40% ;
	margin-top: 0% ;  */
	
	 width: 300px;
	height: 100px;
	position: relative;
	left: 18%;
	top: 0%;
	margin-left: 18% ;
	margin-top: 0% ;
	 
}

/*



.gradient {
	width: 600px;
	height: 600px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -300px;
	
	background: url(../images/gradient.png) no-repeat;
}
*/

.gradient {
	/* Center Positioning */
	width: 600px;
	height: 600px;
	position: fixed;
	left: 51%;
	top: 45%;
	margin-left: -300px;
	margin-top: -300px;
	
	/* Fallback */ 
	background-image: url('Login Window/images/gradient.png'); 
	background-repeat: no-repeat; 
	
	/* CSS3 Gradient */
	background-image: -webkit-gradient(radial, 0% 0%, 0% 100%, from(rgba(213,246,255,1)), to(rgba(213,246,255,0)));
	background-image: -webkit-radial-gradient(50% 50%, 40% 40%, rgba(213,246,255,1), rgba(213,246,255,0));
	background-image: -moz-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
	background-image: -ms-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
	background-image: -o-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
}


/*******************
LOGIN FORM
*******************/

.login-form {
	width: 300px;
	margin: 0 auto;
	position: relative;
	z-index:5;
	
	background: #f3f3f3;
	border: 1px solid #fff;
	border-radius: 5px;
	
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/*******************
HEADER
*******************/

.login-form .header {
	padding: 0px 30px 30px 30px;
}

.login-form .header h2 {
	font-family: 'Bree Serif', serif;
	font-weight: 300;
	font-size: 28px;
	line-height:34px;
	color: #414848;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	margin-bottom: 10px;
}

.login-form .header span1 {
	font-size: 11px;
	line-height: 16px;
	color: #678889;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
}

/*******************
CONTENT
*******************/

.login-form .content {
	padding: 0px 30px 25px 30px;
}

/* Input field */
.login-form .content .input {
	width: 188px;
	padding: 15px 25px;
	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #9d9e9e;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}

/* Second input field */
.login-form .content .password, .login-form .content .pass-icon {
	margin-top: 25px;
}

.login-form .content .input:hover {
	background: #dfe9ec;
	color: #414848;
}

.login-form .content .input:focus {
	background: #dfe9ec;
	color: #414848;
	
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}

.user-icon, .pass-icon {
	width: 46px;
	height: 47px;
	display: block;
	position: absolute;
	left: 0px;
	padding-right: 2px;
	z-index: 3;
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.user-icon {
	top:145px; /* Positioning fix for slide-in, got lazy to think up of simpler method. */
	background: rgba(65,72,72,0.75) url('Login Window/images/user-icon.png') no-repeat center;	
}

.pass-icon {
	top:220px;
	background: rgba(65,72,72,0.75) url('Login Window/images/pass-icon.png') no-repeat center;
}

/* Animation */
.input, .user-icon, .pass-icon, .button, .register {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
}

/*******************
FOOTER
*******************/

.login-form .footer {
	padding: 25px 30px 40px 30px;
	overflow: auto;
	
	background: #d4dedf;
	border-top: 1px solid #fff;
	
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
}

/* Login button */
.login-form .footer .button {
	float:right;
	padding: 11px 25px;
	
	font-family: 'Bree Serif', serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	
	background: #56c2e1;
	border: 1px solid #46b3d3;
	border-radius: 5px;
	cursor: pointer;
	
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

.login-form .footer .button:hover {
	background: #3f9db8;
	border: 1px solid rgba(256,256,256,0.75);
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.login-form .footer .button:focus {
	position: relative;
	bottom: -1px;
	
	background: #56c2e1;
	
	box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}

/* Register button */
.login-form .footer .register {
	display: block;
	float: right;
	padding: 10px;
	margin-right: 20px;
	
	background: none;
	border: none;
	cursor: pointer;
	
	font-family: 'Bree Serif', serif;
	font-weight: 300;
	font-size: 18px;
	color: #414848;
	text-shadow: 0px 1px 0 rgba(256,256,256,0.5);
}

.login-form .footer .register:hover {
	color: #3f9db8;
}

.login-form .footer .register:focus {
	position: relative;
	bottom: -1px;
}