﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
	background-color: #FFFFFF;
    background-image: url("/Images/body-background-img.gif");
    background-repeat: repeat-x;
    color: #000000;
	font-size: 12px; /*.71em;*/
	font-family:  Lucida Grande,Lucida Sans,Arial,sans-serif;
	padding: 2px;
	min-height: 100%;
	/*color: #868686;*/
	margin: 0px;
}

a:link
{
    color: #034af3;
    text-decoration: none;
}
a:visited
{
    color: #505abc;
    text-decoration: none;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
    text-decoration: none;
}

p, ul
{
    /* margin-bottom: 20px; */
    line-height: 1.6em;
}

textarea
{
	resize: none
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif, 宋体;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    font-size: 1.5em;
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.pagePopup
{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #f0f0f0;*/
    padding:5px;
}

#header
{
	position: relative;
	margin-bottom: 0px; /*color: #000;*/
	padding: 5;
	min-height: 82px;
	height: 82px;
	width: 80% ;
	background-color: #E7EBFE; 
	/*border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #008080;*/
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif, 宋体;
    font-size: 32px !important;
}

#logo
{
	margin-top: 0px;
	margin-bottom:0px;
	text-align:center;
}

#topArea
{
	float:right;
	top:0;

	width:70%;
	height:100%;
}

#logoMaster
{
	left:0;
	float:left;
	width:30%;
	height:100%;
}

#divleft
{
	margin-left: 0px;
    /*position: absolute;
    left: 0;
    top: 0;*/

	position:relative;
	overflow:hidden;
    
    float:left;
    padding: 10px;
    width: 150px;
    /*height: 100%; /* works only if parent container is assigned a height value */
    /*background-color: #f0f0f0;*/
    /*_height: 1px; /* only IE6 applies CSS properties starting with an underscore */

}


#main
{
	margin-left: 165px;
	margin-top: 0;
	padding: 20px 30px 15px 30px;
	/*background-color: #f0f0f0;*/
	overflow: hidden;
	left: 70%;
	/*border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #008080;*/
}

#middle
{
    padding: 0;
	margin:0 ;
    /*margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    /*height:100%;	/* works only if parent container is assigned a height value */
    overflow:hidden;
    position:relative;
    /*background-color:#f0f0f0;*/
}

#HeadButtons
{
	padding:5px;
	margin: -5px;
	background-color:#E7EBFE;
}

#FootButtons
{
	padding:7px;
	margin: -5px;
	background-color:#E7EBFE;
}


#footer
{
    /*color: #000;*/
    padding: 10px 0;
    line-height: normal;
    margin: 2px;
    font-size: .9em;
}


#logindisplay
{
	font-weight:bold ;
    display:block;
    width:100%;
    color: #696969;

	margin-top:5px;
	margin-right:15px;
}

#logindisplay a:link
{
	font-size: 1.1em;
	text-decoration: underline;
	color: #034af3;
}

#logindisplay a:visited
{
    color: #034af3;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

#menucontainer
{
	width:100%;

	bottom:0px;
}

#menucontainer ul
{
	list-style-type:none;

}

#menucontainer ul li
{
	clear:none;
	display:inline;
	padding: 0 0 2px;
	margin:0;

}

#menucontainer ul li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    /*background-color: #e8eef4;*/
    color: #034af3;
}

#menucontainer ul li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

#menucontainer ul li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

#menucontainer ul li.selected a
{
    background-color: #fff;
    color: #000;
}

.LegendHeader
{
	font-family :Arial ;
	font-size : 14px;
	font-weight : bold;
	color:Black ;
	text-align : left ;
	background-color :#E7EBFE ;
}


.Legend 
{
	text-align : left ;
	font-family :Arial ;
	font-size : 12px;
	font-weight : bold;
	color:Black ;
	background-color :#e8eef4;
}

.LegendDetails
{
	text-align : left ;
	font-family :Arial ;
	font-size : 12px;
	color:Black ;
		background-color :#e8eef4;

}

.ContextMenuPanel {
	background:#FAFAFA;
	border:1px solid #868686;
	color:#000000;
	cursor:default;
	font-size:xx-small;
	font-weight:normal;
	padding:1px 1px 0px;
	width:400px;
	z-index:1000;
}

/*Hover Menu*/
.popupMenu 
{
	border:1px outset;
	padding:5px;
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
}

.popupHover
{
	border: 2px solid #C0C0C0;
	background-color: #E7EBFE;
	color: #000000;
	padding: 5px;
	margin: 2px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #e8eef4;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    border: 1px solid #CCC;
}

input[type="textbox"] 
{
    border: 1px solid #CCC;
}

input[type="textbox"]:focus
{
    border: 1px solid  #000080;
}

input[type="text"]:focus
{
    border: 1px solid  #000080;
}

textarea:focus
{
	border: 1px solid  #000080;
}

input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{
	background-color: #DCDCDC;
	border: 1px solid #CCCCCC;
	color: #000000 !important;
	cursor: default;
} 

input[disabled]:hover, input[readonly]:hover, select[disabled]:hover, select[readonly]:hover, checkbox[disabled]:hover, checkbox[readonly]:hover, textarea[disabled]:hover, textarea[readonly]:hover
{
	border: 1px solid #CCCCCC;
	background: #999966;
} 

.textbox_error
{
    background-color: #FF0000;
}

.readonly
{
	background-color: #E0E0E0;
}

.readonly_AlignRight
{
	background-color: #E0E0E0;
	text-align:right ;
}

.TextAlignRight
{
	text-align:right ;
}

/*input[disabled], select[disabled], textarea[disabled]
{
	background-color: #A4C6FF;
	color: #000000;
	font-weight: bold;
	border-bottom: 0px;
	border-left: 0px;
	border-top: 0px;
	border-right: 1px solid #CCC;
}
*/

input[type="password"] 
{
    border: 1px solid #CCC;
}

/* TABLE With Border
----------------------------------------------------------*/

table
{
	width: 100%;
	border: 1px solid #CCCCFF;
	margin:3px;
	padding:4px;
	border-collapse:collapse ;
	/*table-layout:fixed ;*/
}

table.noborder
{
	width: 100%;
	border: 0px solid #CCCCFF;
	margin:3px;
	padding:4px;
	border-collapse:collapse ;
}

table.noborder td
{
	padding: 3px;
	border: solid 0px #CCCCFF;
	white-space: nowrap;
}

table.mainpage
{
	width: 100%;
	border: 1px solid #CCCCFF;
	margin:3px;
	padding:4px;
	border-collapse:collapse ;
}

table.mainpage td
{
	padding: 3px;
	border: solid 1px #CCCCFF;
	white-space: nowrap;
}

/*table.mainpage tr:hover
{
    background-color: #E0E0E0;
    cursor: pointer;
}
*/

table td
{
	padding: 3px;
	border: solid 1px #CCCCFF;
	/* white-space: nowrap; */
	margin: 2px;
	/* word-break:break-all; */
}

table tbody td
{
	/*white-space:normal;
	white-space: nowrap; 
	word-break: break-all; 
	word-wrap: break-word;
	cursor: pointer;
	cursor: hand;*/
}

.tr_title 
{
	background-color: #E7EBFE;
	color:white;
	/*cursor: pointer;
	cursor: hand;*/
}

.tr_title .sorting, .tr_title .sorting_desc, .tr_title .sorting_asc
{
	cursor: pointer;
	cursor: hand;
}

.tr_title td
{
	background-color: #E7EBFE;
	color:#000000;
}

.tr_hover
{
	background-color: #E0E0E0;
	cursor: pointer;
}

table caption
{
	padding: 3px 2px;
	 /*background-color: #e8eef4; */
	border: 0px;  
	/*font-weight:bold;
	font-size:1.1em;
	/*color:#e806f4;*/
}

table td input[type="text"]
{

    border: 1px solid #CCC;
    width:98%;
}

table td input[type="textbox"]
{

    border: 1px solid #CCC;
    width:98%;
}


table td textarea
{
    border: 1px solid #CCC;
    width:98%;
}

table td select
{
	border: 1px solid #CCC;
	
}

table td.detailNeedWrap
{
    white-space:normal;	
	word-break: break-all; 
	word-wrap: break-word;
}

table th
{
  padding: 3px 2px;
  /*background-color: #e8eef4; */
  border: solid 1px #CCCCFF;  
  text-align:left;

}

table th#title
{
	padding: 3px 2px;
	border: solid 1px #CCCCFF;
}

div table
{
	width: 100%; 
	margin-left: 0; 
	margin-right: 0;
} 

.DefaultTable
{
    border: 1px solid #CCCCFF;
    border-collapse: collapse;
    width:100%;
}

.DefaultTable td
{
    border: solid 1px #CCCCFF;
    white-space: nowrap;
}

.tr_title
{
    background-color: #9EAEFC;
}

/*table tr:hover
{
    background-color: #E0E0E0;
    cursor: pointer;
}*/

.DefaultTable caption
{
    padding: 3px 2px;
     /*background-color: #e8eef4; */
    border: 0px;  
    font-weight:bold;
    font-size:1.1em;
    /*color:#e806f4;*/
}

.DefaultTable th
{
  /*background-color: #e8eef4; */
  border: solid 1px #CCCCFF;  

}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: #D8000C;
	background-color: #FFBABA;
	/*background-image: url('/Images/Error.png');
	background-size:16px 16px;
	background-repeat: no-repeat;
	background-position: 2px center;*/
	margin: 2px;
	padding:5px;
}

.must-Input
 {  color: red;  
    margin-left: 1px;
    margin-right: 2px;
 }
 
.urgent
{
    color:Red;
}

.asterisk
{
	color: Red;
	font-weight: bold;
}

p.MainContentheader
{
	font-family: Arial ;
	font-size : 16px;
	font-style : normal;
	font-weight: bold ;
	color :Blue ;
}

div#title
{
    display:block;
    float:left;
}

.Hidden
{
	visibility:hidden;
	width:0.001px;
}

div p select
{
    border: 1px solid #CCC;
}

p#paging
{
	margin:20px;
	word-spacing:20px;
}



removeitemlink
{
    color: #034af3;
    font-size:0.0001px;
    text-decoration: underline;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
    margin-left:20px;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}

/*.text-box
{
    width: 30em;
}*/

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

input[type="button"]
{
    /*min-width:80px !important;*/
    /*width:120px !important; */
}

/* Styles for floating box
----------------------------------------------------------*/
#slideMenu.closed{
	left:-400px;
}
 
#slideMenu{
	position:fixed;
	left:0;
	top:35px;
	width:400px;
	height:210px;
	border:1px solid #416888;
	border-left:0px;
	background-color:#FFFFFF;
	z-index:20;
}
 
#slideMenu a.toggleBtn{
	position:absolute;
	right:0;
	top:0;
	outline:none;
	display:block;
	height:210px;
	width:10px;
	border-width:1px 1px 1px 0px;
	margin:0;
	padding:0 6px 0;
	color:#000;
	text-decoration:none;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	/*writing-mode: tb-rl;*/
	/*text-indent:10px;*/
	background-color:#9EAEFC;
	/*background:url(../Images/right.gif) no-repeat;*/
	z-index:10;
}
 
#slideMenu a.toggleBtnHighlight{
	position:absolute;
	right:0;
	top:0;
	outline:none;
	display:block;
	height:210px;
	width:10px;
	border-width:1px 1px 1px 0px;
	margin:0;
	padding:0 6px 0;
	color:#000;
	text-decoration:none;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	/*writing-mode: tb-rl;*/
	/*text-indent:10px;*/
	/*-moz-transform: rotate(7.5deg);  /* FF3.5+ */
       /*-o-transform: rotate(7.5deg);  /* Opera 10.5 */
  /*-webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome */
     /*        filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
        /* -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */

	background-color:#9EAEFC;
	/*background:url(../Images/left.jpeg) no-repeat;*/
	z-index:10;
}
 
.content{
	padding:5px;
	z-index:20;
}

#slideMenu.opened{
	left:0px;
}
/*disable datepicker invalid*/
#ui-datepicker-div
        {
            display:none;
        }

/***********************************************************************************************/        
/* Div Display As TableBox*/
.TableWithBorder
{
	border: 1px solid #CCCCFF;
	margin: 8px auto auto auto;
	padding: 2px;
}

.TableWithBorder h1.Title{
    text-align: left;
    text-indent: 10px;
    margin-top: -12px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
}

.TableWithBorder span.title{
    display: inline-block;
    position:relative;
    top:-10px;
    background-color:#fff;
    color: Gray;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
}
.TableWithBorder .TableRowWithFourColumnsWithNoBorder
{
	margin: 1px 20px ; 
	padding: 1px;
	position: relative;
}

.TableWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnLabel
{
	float:left;
	font-weight:bold;
	margin: 5px;
	width: 15%;
}

.TableWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnSpace
{
	float:left;
	margin: 5px;
	width: 5%;
}

.TableWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnContent
{
	text-align:left;
	float:left;
	margin:5px;
	padding-left: 1px;
	width: 29%;
}

.TableWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnContent select
{
	width:98%;
}

.TableWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnContent input[type="text"]
{
	width:98%;
}

.TableWithBorder .TableRowWithFourColumnsWithNoBorder .TableColuTmnContent .NoBorderTextBox
{
	border: 0px;
}

.TableWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnContent .NoBorderTextBox:hover
{
	border: 1px solid #CCCCCC;
	background: #999966;
}

.TableWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnContent input[type="textbox"]
{
	width:98%;
}

.HiddenVariableContainer
{
	display: none;
}

/*.TableWithBorder .TableRowWithNoBorder .TableColumnLabel
{
	width:10%; 
	float:left;
	font-weight:bold;
}*/
/* Div Display As TableBox*/

/* P display as navigation */
.NavigationBar
{
	font-weight: bold;
	color: #034AF3;
	margin: 35px 1px 5px 1px;
	padding: 2px;
	border-bottom-style: solid;
	border-bottom-color: Gray;
	border-bottom-width: 1px;
}
/* P display as navigation */

.ButtonContainer
{
	text-align:center;
	vertical-align:middle;
	overflow: hidden;
}

.ButtonContainerFloating
{
	background: #E7EBFE;
    display: block;
    position: fixed;
    bottom: 0px;
    visibility: visible;
    width: 100%;
    left: 0px;
    text-align:center;
	vertical-align:middle;
	overflow: hidden;
}

.ExportButton
{
	background: #66CCFF none !important;
	color: White !important;
	font-weight: bold;
}

.ExportButtonHover
{
	background: #0066FF none !important;
	color: White !important;
	font-weight: bold;
}

/*** Div Float = Left ****/
.FloatLeftDiv
{
	clear:left;
	float:left;
	width:15%;
}

.FloatLeftDivWithHalfPecentageWidthFixHeight
{
	float:left;
	width:50%;
	height:60px;
}

.FloatLeftDivWithHalfPecentageWidthAlighRightFixHeight
{
	float:left;
	width:50%;
	height:60px;
	text-align:right;
}

/*** Div Float = Right ****/
.FloatRightDiv
{
	float:right;
	/*clear:right; 
	top: 0;
	position: relative;*/
	width:85%;
}

#divTop
{
	margin: 0px 1%;
	padding-top: 5px; 
	padding-right: 5px; 
	padding-bottom: auto; 
	padding-left: auto;
	background-color:#E7EBFE;
}

/******  DIV Footer ******/
#divFooter
{
    padding: 10px 0;
    line-height: normal;
    margin: 0px 1%;
    font-size: .9em;
    text-align:center ;
    background-color: #EEEEEE;
}

#divPageBorder
{
	margin:0px auto; 
	width: 1000px;
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
}

#divMainContent
{
	margin: 0px 1%;
	vertical-align: top ;
}

#divMain
{
	margin:5px 1% auto;
	padding:2px;
}

#divLeftMenuContainer
{
	margin: 5px 1% auto 1%; 
	padding: 2px; 
	border-right-style: solid; 
	border-right-width: 1px; 
	border-right-color: #808080;
}

#divLeftMenuContainer .titlebar {
    border-bottom: 1px solid #7B9BC4;
    color: gray;
    font-weight: bold;
    margin: 1em 0;
    padding: 2px 2px 2px 10px;
    text-transform: uppercase;
}

.leftmenu
{
	list-style-type: none;
    margin: 1px 0 8px;
    padding: 1px;
}

.leftmenu li 
{
    padding-bottom: 2px;
}

.leftmenu li a 
{
    background: url("/Images/arrowbullet.png") no-repeat scroll left center transparent;
    border-bottom: 1px solid #DADADA;
    color: #F4570B;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 0 2px 19px;
    text-decoration: none;
    text-transform: uppercase;
}

.fieldsetGroupHeader
{
	border: 1px solid #CCCCFF; 
    margin: 2px;
    padding: 0 2px 15px;
    /*height:100%;*/
}

.fieldsetGroupHeader legend
{
	color: gray;
    font-size: 12px;
    font-weight: normal;
}

.menu-bar
{
	/* height: 31px; 
	background-color: #99CCFF; */
	margin: 0 1%
}


/***  Jquery UI theme table style ****/
.JqueryUITable 
{
}

.JqueryUITable thead tr th
{
	
}

/***  Jquery UI theme table style ****/


/*********************************************************************************************************/

/*****ScheduleCalendar*****/

legend-schedule
{
    border-style: groove;
    border-width: medium;
    border-color: inherit;
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    margin-top: 50px;
}


/******************************/
/* Lable Display AS Link Style*/
.LinkStyle
{
	cursor:pointer;
	color: #034af3;
	text-decoration: none;
	cursor:hand;
}
/******************************/
/* Warning Text for Marcom eBudget */
.WarningStyle 
{ 
    width: 240px; 
    height: 135px; 
    padding: 0.4em; 
    position: relative; 
    color: white;
    background-color: Red;
    text-decoration: blink;
    font-weight: bold;
    font-size: x-large;
    cursor: pointer;
}
div.divDialog
{
	display: none;
	cursor: default;
	width: 100%;
}

div.divDialog div.table
{
	padding-left: 10px;
    padding-right: 10px; 
    text-align: left;
}
div.divDialog div.button
{
	padding-bottom: 20px;
	padding-top: 40px;
}
div.divDialog div.button input[type="button"]
{
	margin-left: 10px; 
	margin-right: 10px;
}
div.divDialog .message
{
	color:#000000;
    font-size:1.2em;
    font-weight:Bold;
}
div.divDialog .error
{
	color:red;
    font-size:12px;
    font-weight:normal;
}

.row_selected {
	color: red;
	font-weight:Bold;
	font-style:italic;
}

/***********************************************************************************************/        
/* fieldset Display As TableBox*/
.FieldSetWithBorder
{
	border: 1px solid #CCCCFF;
	margin: 8px auto auto auto;
	padding: 2px;
}

.FieldSetWithBorder .TableRowWithFourColumnsWithNoBorder
{
	margin: 1px 20px ; 
	padding: 1px;
	position: relative;
}

.FieldSetWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnLabel
{
	float:left;
	font-weight:bold;
	margin: 5px;
	width: 15%;
}

.FieldSetWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnSpace
{
	float:left;
	margin: 5px;
	width: 5%;
}

.FieldSetWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnContent
{
	text-align:left;
	float:left;
	margin:5px;
	padding-left: 1px;
	width: 29%;
}

.FieldSetWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnContent select
{
	width:98%;
}

.FieldSetWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnContent input[type="text"]
{
	width:98%;
}

.FieldSetWithBorder .TableRowWithFourColumnsWithNoBorder .TableColuTmnContent .NoBorderTextBox
{
	border: 0px;
}

.FieldSetWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnContent .NoBorderTextBox:hover
{
	border: 1px solid #CCCCCC;
	background: #999966;
}

.FieldSetWithBorder .TableRowWithFourColumnsWithNoBorder .TableColumnContent input[type="textbox"]
{
	width:98%;
}

/***********************************************************************************************/        
/* fieldset Display As TableBox*/

/* DIV FieldSet Box */
.fieldsetbox 
{
    border:1px solid #ccccff;
    margin: 2px;
    padding:2px 4px 26px;
    width:100%;
    }
.fieldsetbox .title
{
    display: inline-block;
    position:relative;
    top:-10px;
    background-color:#fff;
    color: Gray;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
}

.newFieldsetbox {
  position: absolute;
  left: 1px;
  border: 1px solid #ccccff;
  padding: 2px 4px 26px;
  width: 97vw;
}
.newFieldsetbox .title {
  display: inline-block;
  position: relative;
  top: -10px;
  background-color: #fff;
  color: Gray;
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
}

/***********************************************************************************************/        
/* Align checkbox with label */
/*label.CheckboxAlign {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
    }
input[type=checkbox].CheckboxAlign {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}*/

.ajaxloader /*loading*/ 
{
    display: none;
    z-index: 999;
    position: fixed; /* absolute */
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .7) url("/Images/ajax_loader_big.gif") 50% 50% no-repeat;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.7; 
    filter: alpha(opacity=60); /* For IE8 and earlier */    
}
.spaceNoWrap {
  white-space: nowrap !important;
}
