/***********************************************************************
* KRDA
/***********************************************************************/
.DivContainer
{
	border: 1px solid #919B9C;
	overflow: auto;
	padding:5 5 5 5;
}
/*****************************************************
Print style
******************************************************/

@media screen {
	*.noview
		{ display : none; }
		
	*.Height100
	{
		height:100%;
	}
}

.printBar {
	background-color: #ECECEC;
	height: 40px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0px;
	vertical-align: middle;
	text-align:right;
	padding: 4px;
}

.printBarBottom 
{
	background-color: #ECECEC;
	height:20px;
}

.TablePrint
{
	background-color: Black;
}

.TablePrint td
{
	background-color: White;
}

.TablePrint th
{
	background-color: White;
	font-weight: bold;
}

.printBar a:link,
.printBar a:visited {
	color: #110050;
	text-decoration: none;
}
.printBar a:hover {
	color: #110050;
	text-decoration: underline;
}

/***********************************************************************
* Page under-construction style  
/***********************************************************************/
.HeaderStyle { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0066cc; HEIGHT: 27px;  }
TABLE.TableBorder { BACKGROUND-COLOR: #74baf3 }	
	
TD.TableTD {BACKGROUND-COLOR: #f1f9ff}		
TD.TableTD A:link {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0066cc; TEXT-DECORATION: underline}
TD.TableTD A:visited {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0066cc; TEXT-DECORATION: underline}
TD.TableTD A:hover {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0066cc; TEXT-DECORATION: none}

@media screen {
	*.noview
		{ display : none; }
		
	*.Height100
	{
		height:100%;
	}
}

/***********************************************************************
* Global styles
/***********************************************************************/
html {
	font-size: 100%;
}
body {
	font-size: 0.68em;
	font-size: 0.71em !important;
}
table, input, select{
	font-size: 100%;
	
}

TD,TH { font-family: Tahoma; color:#363636;}	
ul, li {
	font-family: Tahoma;
	margin: 5px 6px 5px 6px;
	line-height: 18px;
	padding: 0px;
	text-align: justify;
}

p {
	font-family: Tahoma;
	line-height: 18px;
	color:#000000;
	margin:0;
	/*padding-left:5px;*/
	/*padding-top:20px;*/
}

/* taitlai: */

h1 {
	color: #585858;
	font-family: Tahoma;
	font-weight:bold;
	font-size:1.1em;
	margin:0;
	padding:0;
}

h2 {
	color: #585858;
	font-weight: bold;
	font-family: Tahoma;
	font-size:1.0em;
	margin:0;
	padding:0;
}

hr {
	width: 100%;
	text-align:center;
	height: 0px;
	border:none;
	border-bottom: 1px solid #585858;
}


a:link,
a:visited
{
	color: #7B7B7D;
	text-decoration: none;
}

a:hover {
	color: #7B7B7D;
	text-decoration: underline;
}


/***********************************************************************
* Header styles
/***********************************************************************/

.header
{
	background-color:#EBEBEB;
	heigth:100px;
	vertical-align:middle;
	padding-left:10px;
}

.headerImg
{
	padding-left:50px;
}

/***********************************************************************
* Menu styles
/***********************************************************************/
#mainMenu 
{
	font-family: tahoma;
	width: 168px;
	padding: 0px;
	padding-top:10px;
	margin: 0px;
}

#mainMenu ul 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#mainMenu ul li 
{
	margin: 0px;
	padding: 0px;
	height:19px;
}

#mainMenu ul li a 
{
	display: block;
	padding-left:32px;
	font-size:1.1em;
	text-decoration: none;
	color: #666666;
	width:168px;
}

#mainMenu ul li a:hover, #mainMenu ul li a:focus 
{
	background-color: #ebebeb;
	/*font-weight:bold;*/
}
.bold
{
	font-weight:bold;
}

/***********************************************************************
* content box
/***********************************************************************/

.content
{
	padding:10 15 15 15px;
}
.table
{
	background-color:#ECECEC;
}


.table th, thCell
{
	background-color:#D5D4D4;
	text-align:left;
	padding-left:5px;
	height:23px;
}

.tableCell
{
	background-color:#ECECEC;
	padding:7 7 7 7px;
	vertical-align:top;
}

.tableCellLast
{
	background-color:#ECECEC;
	padding:7 7 7 7px;
	vertical-align:top;
	border-bottom: solid 1px White;
}

.tableCellAlt
{
	background-color:#ffffff;
	padding:7 7 7 7px;
	vertical-align:top;
}

.tabs a:link
{
	text-decoration:underline;
	font-weight:bold;
}

.tabs a:visited
{
	text-decoration:underline;
	font-weight:bold;
}

.tabs a:hover
{
	text-decoration:none;
	font-weight:bold;
}

.tabCell
{
	font-family: Tahoma;
	font-size: 11px;
    COLOR: #585858;    
    background-color:#EDEDED;
	border:1px solid #D5D3D4;
	height:19px;
	vertical-align:middle;
	text-align:center;
	width:100px;
}

.tabCellOver
{
	font-family: Tahoma;
	font-size: 11px;
    COLOR:#585858;    
    background-color:#D4D3D3;
	border:1px solid #D5D3D4;
	height:19px;
	vertical-align:middle;
	text-align:center;
	width:100px;
}

.tabSpacer
{
	width:5px;
    BACKGROUND-COLOR:#ffffff;
	height:19px;
	border-bottom:1px solid #D5D3D4;
}

.empty
{
    BACKGROUND-COLOR:#ffffff;
	height:19px;
	border-bottom:1px solid #D5D3D4;
}

/***********************************************************************
* Inputs, buttons styles 
/***********************************************************************/

.labelText
{
	color:#2D2264;
}

.inputStyle,
.inputStyleRequired,
.inputStyleSearch
{
	font-family: Tahoma;
	font-size: 11px;
    COLOR: #585858;    
    BACKGROUND-COLOR: #ffffff;
	border:1px solid #D5D3D4;
	height:19px;
	vertical-align:middle;
}

.inputStyleRequired {
	border:1px solid #ff0000;
}

.selectStyle
{
	border:1px solid #D5D3D4;
	color:#585858;
	height:15px;
	font-size:10px;
	vertical-align:middle;
}

select.simpleSelect,
select.municipalityStyle {
	font-family: Verdana;
	font-size: 11px;	 
	color: #585858;
	border:1px solid #D5D3D4;
	background-color: #FFFFFF;
}

input.buttonStyle,
input.buttonStyleOver,
input.buttonBack,
input.buttonBackOver
{
	background:none;
	font-family: Tahoma;
	font-size: 11px;
    COLOR: #585858;
	font-weight:bold;
	height:19px;
	background-color:#EDEDED;
	border:1px solid #D5D3D4;
	text-align:center;
	vertical-align:middle;
	cursor:pointer; 
}

input.buttonStyleOver,
input.buttonBackOver
{
	background-color:#D5D3D4;
}


a.buttonStyleLink:link, 
a.buttonStyleLink:visited
{
	background:none;
	font-family: Tahoma;
	font-size: 11px;
    COLOR: #585858;
	font-weight:bold;
	height:19px;
	background-color:#EDEDED;
	border:1px solid #D5D3D4;
	text-align:center;
	vertical-align:middle;
	cursor:pointer; 
	text-decoration: none;
	padding: 2px 5px 2px 5px;
}

a.buttonStyleLink:hover
{
	background-color:#D5D3D4;
	text-decoration: none;
}
/***********************************************************************
* Footer styles
/***********************************************************************/

.footer
{
	background-color:#EBEBEB;
	color:#353535;
	height:25px;
	padding-left:10px;
}

.footerSpaces
{
	padding-top:5px;
	padding-left:11px;
}

.footerText
{
	padding-left:50px;
}

.mail
{
	color:#0026B7;
}

/***********************************************************************
* solution style
/***********************************************************************/


a.Solution:link,
a.Solution:visited
{
      text-decoration:none;
      color: #4C4C4C;
}
a.Solution:hover
{
      text-decoration:none;
      color: #000000;
}

.orange
{
	color: #FF6600;
}

a.Solution:hover SPAN
{
      color:#FF8833;
	  text-decoration: underline;
}


/***********************************************************************
* CALENDAR
***********************************************************************/


.calendar_button
{
	border:none;
	cursor:pointer;
	width:25px;
	height:22px;
}

.calendar td
{
  font-size:11px;
}

.title
{
	font-weight:bold;
  background-color:#D7D7E5;
}

.calendarHeader
{
	background-color:#EBEBEB;
	font-size:9pt;
	font-family:Verdana;
	text-align:left;
	padding: 0px 4px 0px 4px;
	vertical-align:middle;
	height:32px;
}

.headerbutton
{
	/*font-size:10pt;*/
	  cursor:pointer;
	padding-left:5px;
	padding-right:5px;
}
.day
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
	width:25px;
  background-color:#E4C7CB;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}
.picker
{
		font-size: 11px;
	border: solid 1px #74BAF3;

}
.pickerGrey
{
	font-size: 11px;
	border: solid 1px #808080;

}
a.ProjectLink:link,
a.ProjectLink:visited
{
	font-size: 11px;
	color: #110050;
	text-decoration: none;
}

a.ProjectLink:hover
{
	font-size: 11px;
	color: Black;
	text-decoration: underline;
}

.smallText
{
	font-size: 10px;
}

/*****************************************************
Paging style
******************************************************/
.Prev, .PrevOver, .PrevDisable,
	.Next, .NextOver, .NextDisable,
	.Numeric, .NumericOver, .NumericSelect
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;	
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
}

.Prev
{
	BACKGROUND: url(/Images/design/arrow_orange_back.gif);	
	font-family: Arial, Tahoma, Verdana;	
	font-size:11px;
	font-weight: bold;
	letter-spacing: 1px;
	height:7px;
	width:14px;
	CURSOR: pointer;
	CURSOR: hand;
}

.PrevOver
{
	BACKGROUND: url(/Images/design/arrow_orange_back.gif);	
	font-family: Arial, Tahoma, Verdana;	
	font-size:11px;
	font-weight: bold;
	letter-spacing: 1px;
	height:7px;
	width:14px;
	CURSOR: pointer;
	CURSOR: hand;
}

.PrevDisable
{
	BACKGROUND: url(/Images/design/arrow_orange_back.gif);	
	font-family: Arial, Tahoma, Verdana;	
	font-size:11px;
	font-weight: bold;
	letter-spacing: 1px;
	height:7px;
	width:14px;
	CURSOR: pointer;
	CURSOR: hand;
}

.Next
{
	BACKGROUND: url(/Images/design/arrow_orange.gif);	
	font-family: Arial, Tahoma, Verdana;	
	font-size:11px;
	font-weight: bold;
	letter-spacing: 1px;
	height:7px;
	width:14px;
	CURSOR: pointer;
	CURSOR: hand;
}

.NextOver
{
	BACKGROUND: url(/Images/design/arrow_orange.gif);	
	font-family: Arial, Tahoma, Verdana;	
	font-size:11px;
	font-weight: bold;
	letter-spacing: 1px;
	height:7px;
	width:14px;
	CURSOR: pointer;
	CURSOR: hand;
}

.NextDisable
{
	BACKGROUND: url(/Images/design/arrow_orange.gif);	
	font-family: Arial, Tahoma, Verdana;	
	font-size:11px;
	font-weight: bold;
	letter-spacing: 1px;
	height:7px;
	width:14px;
	CURSOR: pointer;
	CURSOR: hand;
}

.Numeric
{
	font-family: Arial, Tahoma, Verdana;
	background-color: White;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 11px;
	color: Black;
	CURSOR: pointer;
	CURSOR: hand;
}

.NumericOver
{
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	color: Black;
	letter-spacing: 1px;
	background-color: White;
	text-decoration: underline;
	CURSOR: pointer;
	CURSOR: hand;
}

.NumericSelect
{
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	color: #C3102F;
	letter-spacing: 1px;
}

.Error
{
	color: Red;
}

.contentToolbar
{
	padding: 10px 15px 0px 15px;
}

.HeaderStyle
{
	font-size: 11px;
	color: #363636;
	font-weight:bold;
	background-color: #D5D4D4; /*#FFF0C6;*/
}

.FooterStyleNew
{
	font-size: 11px;
	color: #4A3C8C;
	background-color: #D5D4D4; /*#FFF0C6;*/
} 

.EditItemStyle
{
	font-size: 11px;
	color: #4A3C8C;
	background-color:  #FFCD93;
}

.SelectedTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 2px; 
  padding-right: 2px; 
  cursor: default; 
  background-color:#FFEEC2; 
  color:black; 
  border:solid 1px #4B4B6F; 
}

.SelectedTreeNodeBold  
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 2px; 
  padding-right: 2px; 
  cursor: default; 
  background-color:#FFEEC2; 
  color:black; 
  border:solid 1px #4B4B6F;
    font-weight:bold;  
}


.TreeView 
{ 
  background-color: #FFFFFF;
  padding-top: 4px; 
  padding-left: 1px; 
  border: #57566F 1px solid; 
  cursor: default; 
}

.HoverTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 2px; 
  padding-right: 2px; 
  background-color:#FFEEC2; 
  color:black; 
  border:solid 1px #4B4B6F; 
  cursor:default; 
 }
 
 .TreeNodee 
{ 
  font-family: tahoma;
  font-weight:bold;
  color:Red;
  font-size: 11px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
}


.inputStyleTextArea
{
	font-family: Tahoma;
	font-size: 11px;
    COLOR: #585858;    
    BACKGROUND-COLOR: #ffffff;
	border:1px solid #D5D3D4;	
	vertical-align:middle;
}

.clfMenu
{
    background-color:#ECECEC;
    border:1px solid #D5D3D4;
	padding:5px 5px 5px 5px;
	vertical-align:top;
	text-align:center;		
}

.clfMenu a:link
{
	text-decoration:underline;
	font-weight:bold;
}

.clfMenu a:visited
{
	text-decoration:underline;
	font-weight:bold;
}

.clfMenu a:hover
{
	text-decoration:none;
	font-weight:bold;
}
/*
.ButtonStyleDisable
{
	background-image: url(~/images/Button/button-disable.gif);	
}

.ButtonStyle
{
	background-image: url(~/images/Button/button.gif);
}
.ButtonStyleOver
{
	background-image: url(~/images/Button/button-over.gif);	
}
*/
.validInputFooter
{
	font-size: 11px;
	border: solid 1px #808080;	
}

.requiredField
{
	background-color:#EFEFEF;  
	font-size: 11px;
	border: solid 1px #808080;	
}

.validInput
{
	font-size: 11px;
	border: solid 1px #74BAF3;
}


.ButtonStyleSmall
{
	background-image: url(..../images/Button/buttonsmall.gif);
}

.ButtonStyleSmallOver
{
	background-image: url(..../images/Button/buttonsmall-over.gif);	
}

.ButtonStyleSmall,
.ButtonStyleSmallOver,
.ButtonStyleSmallDisable
{
	font-family: Verdana, Tahoma, Arial;
	font-size:10px;
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BORDER-LEFT-WIDTH: 0px;	
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	CURSOR: pointer;
	CURSOR: hand;
	PADDING-TOP: 0px;
	WIDTH: 40px;
	HEIGHT: 22px; 		
	Color:#777F8A;		
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 2px;	
	
}
.noneText
{
	display:none;
}
.printExport
{
    vertical-align:top;
    padding-top:4px;	
}

.clfMenuOver
{   
    background-color:#D4D3D3;
    border:1px solid #D5D3D4;
	padding:5px 5px 5px 5px;
	vertical-align:top;
	text-align:center;	
	font-family: Tahoma;
	font-weight:bold;
	font-size: 11px;
    COLOR:#585858;
	height:19px;
	
}
.validationWarningSmall,
.validateError
{
    color: Red;
    font-size : 11px;   
}

.dtsViewProjectHeaderStyle
{
	background-color:#D4D3D3;    		
	text-align:left;	
	font-family: Tahoma;
	font-weight:bold;
	font-size: 11px;
    COLOR:#363636;    	
    width:25%;    
    padding: 0 7 7 7px;    
}

.dtsViewProjectHeaderStyleAlt
{
	background-color:#ECECEC;    		
	text-align:left;	
	font-family: Tahoma;
	font-weight:bold;
	font-size: 11px;
    COLOR:#363636;    	
    width:25%; 
    padding: 0 7 7 7px;
}

.dtsViewProjectRowStyle
{
	background-color:#ECECEC;    		
	text-align:left;	
	font-family: Tahoma;	
	font-size: 11px;
    COLOR:#363636;    	
    height:auto;       
    width:100%;   
    padding: 7 7 7 7px;
}
.dtsViewProjectRowStyleAlt
{	
	text-align:left;	
	font-family: Tahoma;	
	font-size: 11px;
    COLOR:#363636;    	
    height:auto;       
    width:100%;   
    padding: 7 7 7 7px;
}
.newProject
{
	font-weight:bold;
}
.pickerProject
{
    font-size : 11px;
	border: solid 1px #808080;
}

.dtsViewProjectRowStyleNoPadding
{
    background-color:#ECECEC;    
    
}

.tablePaging
{
	border-top:1px solid #D5D3D4;	
	border-left:1px solid #D5D3D4;	
	border-right:1px solid #D5D3D4;		
}

.tablePrintCell
{
	background-color:#ECECEC;
	padding:7 7 7 7px;
	vertical-align:middle;
}

.tablePrintCellAlt
{
	background-color:#ffffff;
	padding:7 7 7 7px;
	vertical-align:middle;
}
div {
 scrollbar-face-color:#B6B6B6;
    /*scrollbar-shadow-color:#8e8c63;*/
    scrollbar-highlight-color:#B6B6B6;
    scrollbar-3dlight-color:#8B8B8B;
    /*scrollbar-darkshadow-color:#8e8c63;*/
    scrollbar-track-color:#B6B6B6;
    scrollbar-arrow-color:#DFDFDF;
}

div.scrollContainer
{
 overflow:auto;
 overflow-x:visible;
 background-color: #ffffff;
 padding: 0;
 vertical-align:top;
 margin-top:0px;
 margin-left:0px;
 height:25px; 
 font-family: Tahoma;	
	font-size: 11px;
    COLOR:#363636;   
}

table.printNoBeauty 
{      
	border-width: 1px;
	border-spacing: 1px;
	border-style: outset;
	border-color: #808080;
	border-collapse: collapse;
	background-color: #ffffff;
}
table.printNoBeauty th {
	border-width: 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-color: #808080;
	background-color: #ffffff;
	text-align:left;	
}
table.printNoBeauty td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #808080;	
	
}
table.printNoBeauty td.printNoBeautyName {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #808080;	
	width:30%;
	background-color: #666;
}