.header {
	position: absolute;
	left: 700px;
	top: 77px;
	font-family: arial, verdana, helvetica;
	font-size: 9pt;	
	color: #ccc;	
}

.inputbox {
	position: absolute;
	left: 215px;
	top: 106px;}

.regtext, .regtext .label {
	font-family: arial, verdana, helvetica;
	font-size: 10pt;
	color: #333;}

.label {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.HideLabel label
{
	display: none;
}

.regcell {
	border-bottom: 1px solid #999;
	font-family: verdana, helvetica;
	font-size: 10pt;
	color: #ccc;
	}

.assetregtext {
	font-family: arial, verdana, helvetica;
	font-size: 8pt;
	color: #333;}

.submenu {
	position: relative;
	font-family: verdana;
	font-size: 8pt;
	color: #999;}

.colname {
	font-family: verdana, helvetica;
	font-size: 8pt;
	font-weight: bold;
	background-color: #999;
	color: #333;}
	
.legtext {
	font-family: arial, verdana, helvetica;
	font-size: 8pt;
	color: #333;}

.colcell {
	border-bottom: 1px solid #999;
	font-family: verdana, helvetica;
	font-size: 10pt;
	color: #666;}

.collink {
	border-bottom: 1px solid #999;
	font-family: verdana, helvetica;
	font-size: 8pt;
	text-decoration: none;
	color: #999;}

.note 
{
	position:absolute;
	width: 100px;
	font-family: verdana;
	font-size: 8pt;}
	
.footer 
{
	font-family: Arial;
	font-size: 8pt;}
	
.version 
{
	font-family: Arial;
	font-size: 6pt;
	color: #aaa;
	text-decoration: none;}

#ctl00_lblUser
{
	font-family: Arial;
	font-size: 10pt;
	color:#CCC;
	padding-bottom:10px;}

a {
	color: #666;
	text-decoration: none;}

.bottomborder 
{
	border-bottom: solid 1px #CCC;
}

.linktext
{
	font-family: Verdana;
	font-size: 10pt;
	color: #999;
}

.adjustZIndexForIE8
{
	z-index: 1;			
}

.menuStyle
{	
	margin-top: 45px; margin-left: 32px;	
}

.menuStyle2
{	
	margin-top: 14px; margin-left: 32px;	
}

.menuItemStyle
{
	/* background-image: url(images/menulines.gif); */
	margin-top: 45px; margin-left: 32px;
	border-bottom: solid 1px #CCC;
}

/* GridView-Related CSS version 1.0 */ 
.grid
{
    font-size:9pt;
    font-family:Arial;
    /* border:solid 1px #333;
    background-color:#fff; */
    padding:1px;
}
.grid .title
{
	background: #5d859d;	
	color:#fff;
	height:20px;
	text-align:center;
	line-height:30px;
	font-size:10pt;	  
	font-weight:bold;  
}

.grid .title1, .title1
{
	  font-weight: bold; 
	  color: #666666; 
	  font-size: 14pt;
	  text-align: center;
}

.grid .datatable
{
	width:100%;
	border-bottom:solid 1px #d9d9d9;
}
.grid .datatable TH
{
	cursor: pointer; 
	text-align:center;
    vertical-align: middle;
	height:45px; 
	/* line-height:17px; */
	padding:0px 4px;	
	border-right:solid 1px #9e9e9e;
	border-bottom:solid 1px #555555;
	color:#fff;
	background:url(../images/darkgraybg_header.png) repeat-x;
}
.grid .datatable TD
{
	color:#222;
	text-align:left;
	padding:2px 4px;
	border-right:solid 1px #d9d9d9;
	min-height: 40px;
	vertical-align: top;
}
.grid .datatable TR.even { background-color:#ffffff; }
.grid .datatable TR.odd { background-color:#f5f5f4; }

.grid .datatable TR.even:hover { background-color:#ffcc99; cursor: pointer; }
.grid .datatable TR.odd:hover { background-color:#ffcc99; cursor: pointer;}

.grid .datatable TD ul
{
	margin-bottom: 7px;
}

/* LOGOFF button */
#logoff 
{
	vertical-align:top;
    width: 100px;
    height: 40px;    
    }
#logoff a img
{
	vertical-align:top;
    background-image: url(../images/logoff.png);
    width: 100px;
    height: 40px;
    }
#logoff a:hover img
{
	vertical-align:top;
    background-image: url(../images/logoffx.png);
    width: 100px;
    height: 40px;
    }
/*
.grid .datatable TR.even div.row_arrow img { visibility:visible; }
.grid .datatable TR.odd div.row_arrow img { visibility:visible; }

.grid .datatable TR.even div.row_arrow:hover 
{
	height: 23px;
	width: 10px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-image:url("../images/row_arrow_on.png");
}
.grid .datatable TR.odd div.row_arrow:hover 
{
	height: 23px;
	width: 10px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-image:url("../images/row_arrow_on.png");
}

.grid .datatable TR.even div.row_arrow img:hover 
{
	visibility:hidden;
}
.grid .datatable TR.odd div.row_arrow img:hover 
{
	visibility:hidden;
}
*/

/*
.grid .datatable TR.even div.row_arrow :hover
{
	height: 45px;
	width: 20px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-image:url("../images/row_arrow_on.png");
}

.grid .datatable TR.odd div.row_arrow :hover
{
	height: 45px;
	width: 20px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-image:url("../images/row_arrow_on.png");
}

.grid .datatable TR.even div.row_arrow a, div.row_arrow a:link, div.row_arrow a:visited {
	display:block;
}

.grid .datatable TR.odd div.row_arrow a, div.row_arrow a:link, div.row_arrow a:visited {
	display:block;
}

.grid .datatable TR.even div.row_arrow img {
	width:100%;
	height:100%;
	border:0;
}

.grid .datatable TR.odd div.row_arrow img {
	width:100%;
	height:100%;
	border:0;
}

.grid .datatable TR.even div.row_arrow :hover img {
	visibility:hidden;
}

.grid .datatable TR.even div.row_arrow :hover {visibility:visible;}

.grid .datatable TR.odd div.row_arrow :hover img {
	visibility:hidden;
}

.grid .datatable TR.odd div.row_arrow :hover {visibility:visible;}
*/
/*
.grid .up a, 
.grid .down a, 
.grid .sort a 
{ 
    display:block; padding:0 4px 0 15px; 
}
.grid .up a, 
.grid .down a 
{
    color:#8F5F00; 
}
.grid .sort a:hover 
{ 
    background:#ffcc66; 
}
.grid .up a 
{ 
    background:url(../images/sort_asc.png) left no-repeat; 
}
.grid .up a:hover 
{ 
    background:url(../images/sort_asc.png.gif) left no-repeat #ffcc66; 
}
.grid .down a 
{ 
    background:url(../images/sort_desc.png) left no-repeat;
}
.grid .down a:hover 
{ 
    background:url(../images/sort_desc.png) left no-repeat #ffcc66; 
}*/

/* END GridView-related CSS */

/* HELP BUTTON */
.helpbutton 
{
	cursor: pointer;
	/*position: absolute;*/
}
.helpbutton_off 
{
	/*position: absolute;*/
}

.smallbutton
{
	cursor: pointer;
	/*position: absolute;*/
	width: 85px;
	height: 20px;
}

/* AJAX-Related CSS */
/* 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;
	width:250px;
}

/* ADD'NAL MENU STYLE */
.addnalMenu
{
	margin: 335px 0px 0px 20px;
	font-family:Verdana;
	font-size: 10pt;
	text-align:left;
	border: solid 1px #ffffff;
	/* border-bottom: solid 1px #CCC; */
}

/* ADD'NAL MENU STYLE */
.addnalMenuMaster
{
	margin: 335px 0px 0px 20px;
	font-family:Verdana;
	font-size: 10pt;
	text-align:left;
	/* border-bottom: solid 1px #CCC; */
}

/* VALIDATOR CALLOUT */
.validatorCalloutHighlight
{
    background-color: LemonChiffon;
}

/* TEXTBOX WATERMARK */
.unwatermarked {
	height:18px;
	width:148px;
}

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

/* CALENDAR STYLES */
.MBRCalendar .ajax__calendar_container {
    border:1px solid #4b4f54;
    background-color: #FFFFFF;
    color: #65657D;
    
}
.MBRCalendar .ajax__calendar_container td 
{
    padding: 0px !important;
    margin: 0px !important;
}

.MBRCalendar .ajax__calendar_header .ajax__calendar_prev,
.MBRCalendar .ajax__calendar_header .ajax__calendar_title,
.MBRCalendar .ajax__calendar_header .ajax__calendar_next 
{
	background-color: #4b4f54;
	color: #FFFFCC;
	font-size: 10pt;	
}
.MBRCalendar .ajax__calendar_other .ajax__calendar_day,
.MBRCalendar .ajax__calendar_other .ajax__calendar_month {
    color: #CC9966;
}
.MBRCalendar .ajax__calendar_hover .ajax__calendar_day,
.MBRCalendar .ajax__calendar_hover .ajax__calendar_month,
.MBRCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #CC9966;
}
.MBRCalendar .ajax__calendar_active .ajax__calendar_day,
.MBRCalendar .ajax__calendar_active .ajax__calendar_month,
.MBRCalendar .ajax__calendar_active .ajax__calendar_year {
    color: #D0000D;
    font-weight:bold;
}
.MBRCalendar .ajax__calendar_footer 
{
	visibility: visible;
	font-weight: bold;
}

/* Custom Tabs */
.MBRTabPanel .ajax__tab_header .ajax__tab_hover .ajax__tab_outer .ajax__tab_inner .ajax__tab_active .ajax__tab_tab .ajax__tab_body
{
    font-family: Arial;
    font-size:11px;   
}

/* .MBRTabPanel .ajax__tab_hover {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:url(images/tab_01x.gif) repeat-x bottom;
}

.MBRTabPanel .ajax__tab_active {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:url(images/tab_01x.gif) repeat-x bottom;
} */

/* .ajax__tab_header - A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_outer - An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
/* .ajax__tab_inner	 - An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
/* .ajax__tab_tab - An element of the tab that contains the text content. Child CSS classes:none. */
/* .ajax__tab_body - A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
/* .ajax__tab_hover - This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_active - This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */   

/* XP IE7 theme - Backgrounds */
.visoft__tab_xpie7 .ajax__tab_header					{ background:url(../images/tab-line.gif) repeat-x bottom; }
.visoft__tab_xpie7 .ajax__tab_outer						{ background:url(../images/tab-right.gif) no-repeat right; }
.visoft__tab_xpie7 .ajax__tab_inner						{ background:url(../images/tab-left.gif) no-repeat; }
.visoft__tab_xpie7 .ajax__tab_tab						{ background:url(../images/tab.gif) repeat-x; }
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_outer	{ background:url(../images/tab-hover-right.gif) no-repeat right; }
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_inner	{ background:url(../images/tab-hover-left.gif) no-repeat; }
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_tab		{ background:url(../images/tab-hover.gif) repeat-x; }
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_outer	{ background:url(../images/tab-active-right.gif) no-repeat right; }
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_inner	{ background:url(../images/tab-active-left.gif) no-repeat; }
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_tab		{ background:url(../images/tab-active.gif) repeat-x; }

/* XP IE7 theme - Other Styles */
.visoft__tab_xpie7 .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:11px; }
.visoft__tab_xpie7 .ajax__tab_outer						{ height:29px; }
.visoft__tab_xpie7 .ajax__tab_inner						{ padding-left:3px; }
.visoft__tab_xpie7 .ajax__tab_tab						{ padding:8px 40px;margin:0; }
.visoft__tab_xpie7 .ajax__tab_body						
{ 
	font-family:verdana,tahoma,helvetica;
	font-size:10pt;
	border:1px solid #999999;
	border-top:0;
	padding:8px;
	background-color: #ffffff; 
	filter:alpha(opacity=50);
	opacity:0.7;
}

/* Added for new look Monitoring Visit */
.spectable
{
	background: url(../images/spectablebg.png) repeat;
	border: solid 1px #ffffff;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle;
}

#top {
	background-color: #f4f4f4;
	border: solid 1px #ffffff;
	width: 570px;
	height: 110px;
	}
.label3 {
	clear:left;
	float:left;
	text-align: right;
	width: 110px;
	font-weight: bold;
	margin-top: 5px;
	}
#top .text2 {	
	width: 150px;
	text-align: left;
	font-weight: normal;
	margin-left: 5px;
	float: left;
	margin-top: 2px;
	} 
.label4 {
	float:left;
	text-align: right;
	width: 110px;
	font-weight: bold;
	margin-top: 5px;
	}
	
.requiredField {
	background-color: #ffffff;	
    }

.spacedTable td {
	padding: 8px;
	text-align: left;
}

.noPadding td {
	padding: 0px;
}

.spacedTableVertical td {
	height: 20px;
}

.button1 
{
	min-width: 100px;
	height: 35px;
	/*background-image: url(../images/bigger-button.png);*/
    background-image: url(../images/button-dark-gray-bg.png);
	background-repeat: repeat-x;
	background-color: Transparent;
	font: bold 11pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
    box-shadow: 0px 2px 3px 0px grey;
    border-radius: 5px;
}

.button-orange
{
	min-width: 100px;
	height: 35px;
	/*background-image: url(../images/bigger-button.png);*/
    background-image: url(../images/button-orange-bg.png);
	background-repeat: repeat-x;
	background-color: Transparent;
	font: bold 11pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
    box-shadow: 0px 2px 3px 0px grey;
    border-radius: 5px;
}

.button1:hover
{
    color: #ffcc99;
}

.button2
{
	width: 200px;
	height: 35px;
	/*background-image: url(../images/bigger-button2.png);
	background-repeat: no-repeat;*/
    background-image: url(../images/button-dark-gray-bg.png);
	background-repeat: repeat-x;
	background-color: Transparent;
	font: bold 11pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
    box-shadow: 0px 2px 3px 0px grey;
    border-radius: 5px;
}

.addtaskbutton
{
	width: 200px;
	height: 35px;
	background-image: url(../images/add-task-icon.png);
	background-repeat: no-repeat;
	background-color: Transparent;
	font: bold 11pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
}

.mytaskbutton
{
	width: 200px;
	height: 35px;
	background-image: url(../images/my-task-icon.png);
	background-repeat: no-repeat;
	background-color: Transparent;
	font: bold 11pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
}

.autotaskbutton
{
	width: 200px;
	height: 35px;
	background-image: url(../images/autocomplete-button2.png);
	background-repeat: no-repeat;
	background-color: Transparent;
	font: bold 11pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
}

.recurtaskbutton
{
	width: 150px;
	height: 35px;
	background-image: url(../images/recurrence-button2.png);
	background-repeat: no-repeat;
	background-color: Transparent;
	font: bold 11pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
}

.remindtaskbutton
{
	width: 150px;
	height: 35px;
	background-image: url(../images/reminder-button2.png);
	background-repeat: no-repeat;
	background-color: Transparent;
	font: bold 11pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
}

.chklst input
{
    margin-right: 5px;
}

.redbutton 
{
	width: 85px;
	height: 20px;
	background-image: url(../images/redbutton.png);
	background-repeat: no-repeat;
	background-color: Transparent;
	font: bold 9pt Arial;
	color: #ffffff;
	margin-left: 5px;
	text-align: center;
	border: 0;
}

.redbutton1
{
	width: 115px;
	height: 20px;
	background-image: url(../images/redbutton1.png);
	background-repeat: no-repeat;
	background-color: Transparent;
	font: bold 9pt Arial;
	color: #ffffff;
	margin-left: 5px;
	text-align: center;
	border: 0;
}

.disable-icon 
{
	width: 40px;
	height: 40px;
	background-image: url(../images/disable-icon.png);
	background-repeat: no-repeat;
	background-color: Transparent;
	border: 0;
	cursor: pointer;
}

.delete-icon 
{
	width: 40px;
	height: 40px;
	background-image: url(../images/delete-icon.png);
	background-repeat: no-repeat;
	background-color: Transparent;
	border: 0;
	cursor: pointer;
}

.height25 td
{
	height:25px;
}

.Center
{	
	margin-left: 35%;
}

.yearbutton
{
	width: 90px;
	height: 25px;
	background-color: #9999ff;
	font: bold 10pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
}

.yearbutton2
{
	width: 90px;
	height: 25px;
	background-color: #9955ff;
	font: bold 10pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
}

.yearbutton1a
{
    width: 45px;
	height: 25px;
	background-color: #9999ff;
	font: bold 10pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
}

.yearbutton2a
{
	width: 45px;
	height: 25px;
	background-color: #9955ff;
	font: bold 10pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
}

.button_new1 
{
	width: 150px;
	height: 47px;
	background-image: url(../images/button-dark-gray.png);
	background-repeat: no-repeat;
	background-color: Transparent;
	font: bold 11pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
}

.button_new2
{
	width: 150px;
	height: 47px;
	background-image: url(../images/button-orange.png);
	background-repeat: no-repeat;
	background-color: Transparent;
	font: bold 11pt Arial;
	color: #ffffff;
	margin-left: 5px; 
	border: 0;
}

/* glow textboxes */
.requiredField {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
.requiredField:focus, requiredField:active {
  box-shadow: 0 0 5px rgba(204, 204, 204, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(204, 204, 204, 1);
}

.roundedEdges {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
.roundedEdges:focus, roundedEdges:active {
  box-shadow: 0 0 5px rgba(204, 204, 204, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(204, 204, 204, 1);
}

select
{
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid gray;
  min-width: 200px;
  border-radius: 5px;
}

input[type=checkbox]
{
    padding-right: 10px;
    vertical-align: top;
}

input[type=textbox]
{
    border-radius: 5px;
    min-width: 200px;
}

label
{
    padding-left: 10px;
    margin-top: 2px;
}

.pnl th
{
    background-color: #4b4f54; 
    color:#fff; 
    font-size:10pt; 
    font-weight:bold; 
    height: 23px;
}

.regtextbox {
    border-radius: 5px;
    min-width: 200px;
}

.popup_help {
    background-color: #4b4f54 !important;
    color:#fff; 
    height: 18px; 
    padding-left: 2px;
}

.popup_select {
    background: #4b4f54; 
    color:#fff; 
    font-size:10pt; 
    font-weight:bold; 
    height: 23px;
}

.styled-select {
   width: 100px;
   overflow: hidden;
   overflow: -moz-hidden-unscrollable;
   background: url(../images/down-arrow.png) no-repeat right white;
   border: 1px solid #666;
   display: inline-block;
   position:relative;
   }

.styled-select {
   background: transparent;
   -webkit-appearance: none;
   width: 100px;
   font-size: 11px;
   border: 0;
   height: 17px;
   position: absolute;
   left: 0;
   top: 0;
   }

.ddl {
    border: 1px solid #999999;
    border-radius:5px;
    padding:3px;
    -webkit-appearance: none; 
    -moz-appearance: none;
    background-image:url(../images/down-arrow.png);
    background-position:right;
    background-repeat:no-repeat;
    text-indent: 0.01px;/*In Firefox*/
    text-overflow: '';/*In Firefox*/
}

select::-ms-expand { display: none; }

/* file upload style */

input[type=file], input[type=file] + input {
    display: inline-block;
    background-color: #eee;
    border: 1px solid gray;
    font-size: 15px; padding: 4px;
}
input[type=file] + input {
    padding: 5px;
    background-color: #4d4d4d;
    color: #fff;
}
::-webkit-file-upload-button {
    -webkit-appearance: none;
    background-color: #4d4d4d;
    color: #fff;
    border: 1px solid gray;
    font-size: 15px; padding: 5px;
}
::-ms-browse {
    background-color: #4d4d4d;
    color: #fff;
    border: 1px solid gray;
    font-size: 15px; padding: 5px;
}
input[type=file]::-ms-value { border: none;  }