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

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

.printBar {
	background-color: #DDE2F6; /*#C3E9FB;#EDF8FD;*/
	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: #DDE2F6;/*#EDF8FD;*/
	height:20px;
}



.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.75em;
}
table, input, select{
	font-size: 100%;
}

TD {
	font-family: Arial;
	color:#000000;
}

ul, ol {
	padding: 2px 0 2px 0;
	margin: 2px 0 2px 30px;
}

p, li  {
	font-family: Arial;
	line-height: 18px;
	color:#000000;
	margin:0;
	padding: 2px 0 2px 0;
	text-align: justify;
}

/* taitlai: */

h1 {
	color: #305FBB;
	font-family: Arial;
	font-size:1.4em;
	margin:0px;
	padding:0px;
}

h2 {
	color: #305ead;
	font-weight: bold;
	font-family: Arial;
	font-size:1.2em;
	margin:0;
	padding: 5px 0 2px 0;
}

h3 {
	color: #04283E;
	font-weight: bold;
	font-family: Arial;
	font-size:1.0em;
	margin:0px;
	padding:0px;
}

hr {
	width: 96%;
	text-align:center;
	height: 0px;
	border-bottom: 1px solid #04283E;
}


a:link,
a:visited
{
	color: #2A64AD;
	text-decoration: underline;
}

a:hover {
	color: #2A64AD;
	text-decoration: none;
}

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

.logo
{
	background-color:#2A5297;
	background-image:url(../Images/design/logoBg01.gif); 
	background-repeat:repeat-y; 
	background-position:top;
	background-image:url(../Images/design/logoBg1.gif); 
	background-repeat:no-repeat; 
	width:171px; 
	background-position:bottom;
}

.logoInner
{
	background-color:#2A5297;
	background-image:url(../Images/design/logoBg01.gif); 
	background-repeat:repeat-y; 
	background-position:top;
	background-image:url(../Images/design/logoBg.gif); 
	background-repeat:no-repeat; 
	width:171px; 
	background-position:bottom;
}

.logoBg
{
	background-image:url(../Images/design/logoBg.gif);
	background-repeat:no-repeat;
	width:171px;
	background-position:bottom;
}

.headerImg
{
	background-color:#2B5293;
	background-image:url(../Images/design/header_intro.jpg);
	background-repeat:no-repeat;
	width:794px;
	height:119px;
}

.headerImgInner
{
	background-color:#2B5293;
	background-image:url(../Images/design/header.jpg);
	background-repeat:no-repeat;
	width:794px;
	height:78px;
}

.headerBg
{
	background-image:url(../Images/design/headerBg.gif);
	background-repeat:repeat-y;
	width:794px;
	height:43px;
}

/***********************************************************************
* Menu styles
/***********************************************************************/

.miniMenu
{
	float:right;
	width:13px;	
	padding-right:15px;
	padding-bottom:11px;
}

.menuColor
{
	background-color:#4981CC;
}

.menu {
	text-align:center; 
	position:relative; 
	height:31px;
	background-color:#4981CC;
}

.box {
  position:relative; 
  float:left; 
  top:1px;
}
  
.boxSelected {
  position:relative; 
  float:left; 
  top:1px;
  text-decoration:none; 
  background-color:#2E508D; 
  font-weight:bold;
  color:#fff; 
  display:block; 
  width:80px; 
  height:14px; 
  padding: 8px;
  margin:0;
}

.subMenuItem
{
     padding-left:25px;
}

  
.menu a, .menu a:visited {
  position:relative; 
  text-decoration:none; 
  background-color:#4981CC; 
  color:#fff; 
  display:block; 
  width:80px; 
  height:14px; 
  padding:8px;
  margin:0 0px;
  font-weight:bold;
  }

.menu a:hover {
  background-color:#3663B4; 
  color:#fff; 
}
  
.subTree
{
	padding-left:40px;
}

.subTree2
{
	padding-left:60px;
} 

.siteMap
{
	padding-left:10px;
}

.siteMap a:link,
.siteMap a:visited
{
	color: #2A64AD;
	font-weight:bold;
	text-decoration: underline;
}

.siteMap a:hover 
{
	color: #2A64AD;
	text-decoration: none;
}


/***********************************************************************
* Submenu style
/***********************************************************************/

.line
{
	padding-bottom:7px;
	border-bottom:1px solid #71A8EB;
	width:130px;
}
.lineEmpty
{
	padding-bottom:8px;
}

.lineLong
{
	padding-top:10px;
	border-bottom:1px solid #71A8EB;
	vertical-align:middle;
	padding-bottom:3px;
	width:150px;
}


.lineLongWithOut
{
	padding-top:10px;
	vertical-align:middle;
	padding-bottom:3px;
	width:150px;
}

.subMenu
{
	background-color:#4981CC;
	padding-left:23px;
	height:30px;
	vertical-align:middle;
}

.menuBottom
{
	background-color:#4981CC;
	background-image:url(../Images/design/menuBottom.gif);
	background-repeat:no-repeat;
	height:23px;
}

.menuLineColor
{
	background-color:#FDE5B7;
	height:7px;
}

.menuLink:link,
.menuLink:visited {
	color: #ffffff;
	text-decoration: none;
	padding-left:3px;
	padding-top:2px;
}

.menuLink:hover {
	color: #ffffff;
	text-decoration: underline;
	padding-top:2px;
}

.subLinkON:link,
.subLinkON:visited {
	color: #ffffff;
	text-decoration: none;
	padding-left:3px;
	vertical-align:middle;
}
.subLinkON:hover {
	color: #ffffff;
	text-decoration: underline;
	vertical-align:middle;
}

.subLink:link,
.subLink:visited {
	color: #C4DCF6;
	text-decoration: none;
	padding-left:14px;
	vertical-align:middle;
}

.subLink:hover {
	color: #C4DCF6;
	padding-left:14px;
	text-decoration: underline;
	vertical-align:middle;
}

.menuLabel
{
	background-color:#4981CC;
	background-image:url(../Images/design/menuTop.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#BCDDFC;
	font-weight:bold;
	padding-left:13px;
	width:175px;
}

.menuBgColor
{
	background-color:#4981CC;
}

.menuBorder
{
	border-top:0px solid #94BCA2;
}

/***********************************************************************
* Box, content styles
/***********************************************************************/

.introBoxBg
{
	background-image:url(../Images/design/introBoxBg.gif);
	background-repeat:repeat-y;
}

.introBoxTop
{
	background-image:url(../Images/design/introBoxTop.gif);
	background-repeat:no-repeat;
	padding:22px;
}


.introBoxBottom
{
	background-color:#2B569A;
	background-image:url(../Images/design/introBoxBottom.gif);
	background-repeat:no-repeat;
	height:36px;
}

.contentHeader
{
	background-image:url(../Images/design/contentHeader.gif);
	background-repeat:no-repeat;
	padding-left:37px;
	padding-top:10px;
	height:40px;
}

.contentBg,
.contentBg2 {
	background-image:url(../Images/design/contentBg.gif);
	background-repeat:repeat-y;
	padding: 0 20px 0 20px;
	width: 779px;
	vertical-align: top;
}
.contentBg2 {
	padding: 0 20px 10px 20px;
	/*height: 400px;*/
}

.contentTop
{
	background-image:url(../Images/design/contentTop.gif);
	background-repeat:no-repeat;
	padding:0 20px 20px 20px;
}

.contentTop ul
{
	color: #2A64AD;
}

.contentTop li
{
	color: #2A64AD;
}

.contentBottom
{
	background-image:url(../Images/design/contentBottom.gif);
	background-repeat:no-repeat;
	height:38px;
	width: 779px;
}

.nameBox
{
	float:left;
	text-align:right;
	width:80px;
	padding-top:10px;
	padding-right:5px;
}

.nameBox p
{
	line-height:21px;
}

.inputBox
{
	float:left;
	width:400px;
	padding-top:10px;
}

.contentTable {
	background-color: #999999;
}
.contentTable td {
	background-color: #FFFFFF;
}

/***********************************************************************
* News
/***********************************************************************/
/*
.date
{
	color:#082642;
}

a.newsCaption:link,
a.newsCaption:visited
{
	text-decoration:none;
	color:#082642
}

a.newsCaption:hover
{
	text-decoration:underline;
	color:#082642;
	
}

.newsHeader
{
	font-weight:bold;
}
*/
/***********************************************************************
* Images styles
/***********************************************************************/

IMG.imageTitle  {
  width: 0px;
  height: 0px;
  border: none;
  vertical-align:middle;  
}

IMG.imageBack {
  width: 13px;
  height: 10px;
  border: none;
  vertical-align:middle;  
}

IMG.imageNext {
  width: 13px;
  height: 10px;
  border: none;
  vertical-align:middle;  
}

IMG.imageContent,
IMG.imageBox {
  width: 7px;
  height: 14px;
  border: none;
  vertical-align:middle;  
}

IMG.imageSubmenu,
IMG.imageMenu {  
}

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

.labelText
{
	color:#042840;
}

.inputStyle,
.inputStyleRequired,
.inputStyleSearch,
.inputStyleComment
{
	font-family: Arial;
	font-size: 11px;
    COLOR: #000000;    
    BACKGROUND-COLOR: #ffffff;
	border:1px solid #75A5E7;
	height:19px;
	vertical-align:middle;
}

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

.inputStyleSearch
{
	width:97px;	
}

.inputStyleComment
{
	width:300px;
	height:50px;
}

.inputCart {
	text-align:center;
}

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

select.simpleSelect,
select.municipalityStyle {
	font-family: Arial;
	font-size: 11px;	 
	color: #000000;
	border:1px solid #75A5E7;
	background-color: #FFFFFF;
}

input.buttonStyle,
input.buttonStyleOver
{
	background:none;
	background-color:#4981CC;
	background-repeat:repeat-x;
	font-family: Arial;
	font-size: 11px;
    COLOR: #FFFFFF;
	border:1px solid #75A5E7;
	font-weight:bold;
	height:18px;
	border:none;
	text-align:center;
	vertical-align:middle;
	cursor:pointer; 
}

/***********************************************************************
* Spacers styles
/***********************************************************************/

.topSpaces {
	padding-top: 6px;
}
.boxSpaces {
	padding-bottom: 6px;
}
.menuSpaces {
	padding: 0px 2px 0px 2px;
}
.tableSpaces {
	padding: 6px 6px 0px 6px;
	color:#283E74;
}
.subheadSpaces {
	padding: 0px 6px 0px 6px;
}
.contentSpaces {
	padding: 5px;
	color:#283E74;
}
.strikeThrough {
	text-decoration: line-through;
}

.headerSpaces {
	padding: 0px 4px 0px 4px;
}

.space {
	padding-left:20px;
}
.submenuSpaces {
	padding-left:12px;
	font-size:11px;
	line-height:25px;
	color:#283E74;
}

.contentSp
{
	padding:5px;
}

/***********************************************************************
* Footer styles
/***********************************************************************/

.footer
{
	color:#ffffff;
	height:35px;
	background-color:#285397;
	padding-left:15px;
}

.text
{
	color:#ffffff;
	text-align: center;
}

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

a.Solution:link,
a.Solution:visited
{
      text-decoration:none;
      color:#B1B4AD;/* #4C4C4C;*/
}
a.Solution:hover
{
      text-decoration:none;
      color: #ffffff;
}

.orange
{
	color: #F96A1B; /*#FF6600;*/
}

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

/***********************************************************************
* system style
/***********************************************************************/

.hiddenText
{
	visibility:hidden;
}

.visibilityText
{
	visibility:visible;
}

.noneText
{
	display:none;
}

.displayText
{
	display:block;
}

.ValidateError,
.ValidateErrorTitle
{
	color:Red;
}
.InformationError,
.InformationErrorTitle
{
	color:#2D3292;
}
.ValidateErrorTitle,
.InformationErrorTitle
{
	font-weight: bold;
}