﻿body{
	background-image:url('imgs/backgroundIm.png');
	margin: 0;
	padding: 0;

}

#topComponent{
	position:absolute; left:9%;
	top:-10px;

}


#underMenu{
	position: absolute; 
	width: 880px; 
	height: 24px; 
	z-index: 6; 
	left: 0px; 
	top: 0px; 
	background-image:url('./imgs/menu.png'); 
	background-repeat:repeat-x;
	margin-left:-8px;
	padding-right:8px;
}

.menuTabDisabled{
	position: absolute; 
	width: 110px; 
	height: 44px;
	z-index: 99000;  
	text-align: center; 
	padding-top: 10px;
}

.menuTabDisabled a {
	display:block;
	width: 134px; 
	height:61px;
	text-decoration: none;
	padding-top: 8px;
	cursor:pointer;
	color:#1c1c1c;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:  600;
	text-decoration: none; 
	font-size:13px;
	background: url('./imgs/button.png');
	background-repeat:no-repeat;
	top:-5px;
}
.menuTabDisabled a:hover {
	background: url('./imgs/buttonHL.png');	
	background-repeat:no-repeat;
	color: #000000;
	text-decoration: none;
	text-decoration:underline;
	font-weight:600;
}
.menuTabDisabled a:active {
}

.leftSideMenuList{
	color: #7b98a9;
	/*margin-left: -40px;*/
	/*margin-left: 0px;*/
	list-style-type:none; 
	height: 256px; 
	width: 155px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-indent:10px;
	/*margin-top:5px;*/
}
.leftSideMenuList a{
	color:#a5b8c9;
	cursor:pointer;
	height: 25px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	text-decoration:none;
	width: 200px; 
}
.leftSideMenuList a:hover{
	color: #ffffff;
	list-style-type:none; 
	height: 25px; 
	width: 200px; 
	background-color: #414b56;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
}

.leftSideMenuListSub{
	/*margin-left: -30px;*/
	list-style-type:none;
	color:#626469;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.leftSideMenuListSub a{
	color: #c9cacb;
	list-style-type:none; 
	height: 15px; 
	width: 190px; 
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
.leftSideMenuListSub a:hover{
	color: #ffffff;
	list-style-type:none; 
	height: 15px; 
	width: 190px; 
	background-color: #414b56;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	text-decoration:none;
}

.leftSideMenuSelected{
	color: #a5b8c9;
	list-style-type:none; 
	height: 25px; 
	width: 200px; 
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
}

.centerMainHeader{
	position: absolute; width: 530px; height: 20px; z-index: 6;
	left: 2px; top: -25px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.centerText{
	position: absolute; width: 475px; height: 224px; z-index: 2; left: 32px; top: 87px;
	color:#000000;
	text-align: justify; 
	font-family: Leelawadee, Calibri, Arial, Helvetica, sans-serif; 
 	font-size: 10pt;
 	padding-left:10px;
}

.centerText h1{
	font-family: Leelawadee, Calibri, Arial, Helvetica, sans-serif; 
 	font-size: 10.5pt;
 	font-weight:normal;
}

.centerText li{
	list-style-image:url('./imgs/smallXX.png');
}

.centerText a{
	color:#43708C;
	text-decoration: none;
	cursor:pointer;
}
.centerText a:hover{
	color: #002B41;
	text-decoration: none;
}

.centerTextStripe{
	background-image:url('./imgs/TitleStipe.png'); background-repeat:repeat-x; height: 16px;
}


.centerTextBlockBox{
	position: absolute; 
	left: 249px; top: 231px; height: 331px;
	font-family: Arial, Helvetica, sans-serif; 
 	font-size: 10pt;
 	text-align: justify; 
 	background-image:url('./imgs/sl/midleSreipe.png');
 	background-repeat:repeat-y; 
 	width:560px; 
 	z-index: 6;
}

.centerTextBlockBox h1{
	text-align: justify; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14pt; 
	color: #43708C;
	padding-left:12px;
}
.centerTextBlockBox h2{
	text-align: justify; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #43708C;
	padding-left:12px;
	margin-top:1px;
	margin-bottom:1px;
}

.centerTextBlockBox h3{
	text-align: justify; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #43708C;
	padding-left:12px;
	margin-top:1px;
	margin-bottom:1px;
}
.centerTextBlockBox h4{
	text-align: justify; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #000000;
	padding-left:12px;
	margin-top:1px;
	margin-bottom:1px;
}
.centerTextBlockBox h5{
	text-align: justify; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #43708C;
	padding-left:12px;
	margin-top:1px;
	margin-bottom:1px;
}
.centerTextBlockBox h6{
	text-align: justify; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #43708C;
	padding-left:12px;
	margin-top:1px;
	margin-bottom:1px;
}

.centerTextBlockBox p{
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:0cm;
	line-height:115%;
	text-align: justify; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
 	font-size: 9.5pt;
  	color: #4A4D4E;
  	margin:15px 0;
 	padding-left:12px;
 	word-spacing:2px;
 	line-height: 18px;
}

.centerTextBlockBox p a{
	color:#43708C;
	text-decoration: none;
	cursor:pointer;
}
.centerTextBlockBox p a:hover{
	color: #002B41;
	text-decoration: none;
}
.centerTextBlockBox a{
	color:#43708C;
	text-decoration: none;
	cursor:pointer;
}
.centerTextBlockBox a:hover{
	color: #002B41;
	text-decoration: none;
}


.centerTextBlockBox ul{
	color: #257296;
}
.centerTextBlockBox ol{
	color: #257296;
}

.centerTextBlockBox ol li{
	list-style:decimal;
}

.centerTextBlockBox li{
	list-style-image:url('./imgs/smallXX.png');
	padding-left:12px;
	text-align: justify; 
}

.centerTextBlockBox li a{
	color:#43708C;
	text-decoration: none;
	font-weight:bolder;
	cursor:pointer;
}
.centerTextBlockBox li a:hover{
	color: #002B41;
	text-decoration: none;
}

.blockHeader{
	color:#626469;
	display:block;
	width: 523px;
	height: 18px;
	background-color: #414b56;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
	margin-bottom:3px;
	margin-left:10px;
	background-image:url('imgs/blockHeader.png');
	padding-left:10px;
}
.blockHeader a{
	color: #000000;
	height: 18px; 
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
	font-weight:600;
}
.blockHeader a:hover{
	color: #232323;
	height: 18px; 
	background-color: #626469;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
	background-image:url('imgs/blockHeaderHL.png');
	font-weight:600;

}

#pageFooter{
	background-image:url('imgs/downBanner.png'); 
	background-repeat:repeat-x; 
	position:relative; 
	left: 0px; top: 0px;
	height: 29px; 
	width: 1012px; 
	z-index: 50;
	padding-right:8px;
}
#underRigthMenu{
	position: absolute; width: 207px; height: 358px; z-index: 2; left: 814px; top: 230px; background-color:#758391
}
#rightMenu{
	position: absolute; width: 202px; height: 239px; z-index: 5; left: 817px; top: 230px; 
	background-image:url('imgs/rightMenu.png'); background-repeat:no-repeat;
	font-family: Leelawadee, Calibri, Arial, Helvetica, sans-serif; 
 	font-size: 10pt;
}
#rightMenu a{
	color:#002B41;
	text-decoration: none;
	cursor:pointer;
	background-image:url('./imgs/pdfSmall.png');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	line-height:18px;
}

#rightMenu a:hover{
	color: #ffffff;
	text-decoration: none;
}

#rightMenuStripe{
	position: absolute; width: 180px; height: 181px; z-index: 1; left: 10px; top: 31px; background-image:url('imgs/rightMenuStripe.png'); background-repeat:repeat-y;
}

#leftMenu{
	position: absolute; width: 208px; height: 339px; z-index: 4; left: 30px; top: 230px; background-image:url('imgs/leftMenu.png'); background-repeat:repeat-y
}
#underMenu{
	position: absolute; width: 1013px; 
	height: 72px; z-index: 3; 
	left: 8px; top: 158px; 
	background-image:url('imgs/blackStripe.png'); 
	background-repeat:repeat-x;
	margin-bottom: 0px;
}
#loginBoxTopPage{
	position: absolute; width: 186px; height: 138px; z-index: 2; background-color:#434242;
	left: 697px; top: -1px;
	color:#ffffff;
	font-size:10.5px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: right;
}
#loginBoxTopPageInside{
	color:#ffffff;
}
#loginBoxTopPageInside a{
	color:#ffffff;
	text-decoration:none;
}

#loginBoxTopPageInside a:hover{
	color:#43708C;	
	text-decoration:none;
}

.loginBoxTopPageButton{
	background-color:#758391; color:#ffffff
}
.loginBoxTopPageButton:hover{
	background-color:#ffffff ; color:#758391
}

#loginBoxTopPage input{
	background-color:#626469;
}
#loginBoxTopPage input:hover{
	background-color:#ffffff;
}

#loginBoxTopPage h1{
	font-size:16px;
}
#HeaderImage{
	position: absolute; width: 615px; height: 136px; z-index: 2; 
	background-image:url('imgs/HeaderImage.png'); background-repeat:no-repeat; left: 75px; top: 0px;
}
#HeaderImage p{
	color:#ffffff; padding:20px; font-size:14px;
}
#contentsBackground{
	background-color:#212627 ; 
	height: 598px; 
	width:1022px;
	margin-top:-22px;
}
#headerBackground{
	position: absolute; width: 956px; height: 136px; z-index: 1; left: 29px; top: 19px; 
}
#headerLeft{
	position: absolute; width: 70px; 
	height: 136px; z-index: 1; left: 0px; top: 0px; background-image:url('./imgs/headerLeftStripe.png');
}
#headerRight{
	position: absolute; width: 70px; height: 135px; z-index: 2; left: 886px; top: 0px; background-image:url('./imgs/headerRightStripe.png');
}
.textHidableBlock{
	width: 500px;
	font-size:12px; 
	padding-left:5px; 
	margin-bottom:1px;
	margin-left:10px;
	text-align: justify; 
}
.textHidableBlock ul{
	margin-top:3px; margin-bottom:3px;
}
.textHidableBlockRightAllign{
	text-align: right;
}

.pricingTable{
	border-width: 0px; 
	padding-left:10px; 
	width:543px;
	border-color:aqua;
	border-spacing:1px;
	empty-cells:show;
}
.pricingTable td{
	vertical-align:top
}
.pricingTable thead{
	empty-cells:show;

}
.pricingTable th{
	background-color:#7b98a9;
	color: #ffffff;
	empty-cells:show;
}

.error {
	font-family: Arial, Helvetica, sans-serif;
	color: #008000;
	font-weight: bold;
	font-size: 12px;
	left:10px;
}

.input{
	width: 284px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.input_select{
	width: 290px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.label{
	cursor:pointer;
}

.label2{
	cursor:pointer;
	font-weight:bold;
}

#formInputTable{
	margin-left:10px;
	width:530px;
}
#formInputTable td{
	vertical-align:top
}
.supportTbl tbody tr{
	background-color:aqua;
}
.supportTbl tbody tr:hover{
	background-color:gray;
	color:#FFFFFF;
}
.supportTbl tbody tr a:hover{
	color:aqua;
}

.supportTbl2 {
	border-width: 0px; 
	padding-left:10px; 
	width:543px;
	border-color:aqua;
	border-spacing:1px;
	empty-cells:show;
}
.supportTbl2 td{
	vertical-align:top
}
.supportTbl2 thead{
	empty-cells:show;

}
.supportTbl2 th{
	background-color:#7b98a9;
	color: #ffffff;
	empty-cells:show;
}

.supportTbl2 tbody tr{
	background-color:aqua;
}
.supportTbl2 tbody tr:hover{
	background-color:gray;
	color:#FFFFFF;
}
.supportTbl2 tbody tr a:hover{
	color:aqua;
}

#customerDetailsLayer{
	position: absolute; width: 255px; height: 334px; z-index: 90; left: 549px; top: 242px;
	font-size:11.5px;
}

#customerDetailsLayer a{
	color:#43708C;
	text-decoration: none;
	cursor:pointer;
}
#customerDetailsLayer a:hover{
	color: #002B41;
	text-decoration: none;
}

.whiteTableList{
	/*margin-left: -30px;*/
	list-style-type:none;
	color:#626469;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.whiteTableList a{
	color: #414b56;
	list-style-type:none; 
	height: 15px; 
	width: 190px; 
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}
.whiteTableList a:hover{
	color: #ffffff;
	list-style-type:none; 
	height: 15px; 
	width: 190px; 
	background-color: #414b56;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	text-decoration:none;
}

.whiteTableList li{
	list-style-image:none;
	text-align:left;
}
.whiteTableList li a:hover{
	color: #ffffff;
}

.whiteTableList2{
	margin-left: -30px;
	list-style-type:none;
	color:#626469;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11.5px;
	list-style-position:inside;
}

.whiteTableList3{
	padding-left:40px;
	color:#ffffff;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11.5px;
	list-style-position:inside;
}

.div4TableLinks{
	padding-left:10px;
}

.table4Links{
	border: thin solid #758391; width: 243px;
}
.table4Links th{
	height: 13px; width: 325px; border: thin solid #758391;
	color: #434242;
	text-align:left;
}
.table4Links td{
	height: 92px; width: 325px;
	color: #414B56;
}

/* dimensios for both splash image and the player wrapper */
a.flowplayer img {
	display:block;				
	width:300px;
	height:240px;
	border:0px;		
}

a.flowplayer {
	display:block;				
	width:300px;
	height:240px;
	border:0px;		
}

/* play button on top of splash screenn */
div.playButton {
	/* background:url(./imgs/play.png) no-repeat; */
	width:50px;
	height:50px;
	position:relative;
	top:-140px;
	left:125px;	
	opacity:0.9;
	margin-bottom:-50px;
}

/* play button upon mouseover */
div.playButton:hover {
	opacity:1.0;		
}

.playButton:hover {
	opacity:1.0;		
}

.blockHeaderSecond{
	color:#626469;
	/* display:block;*/
	width: 523px;
	height: 18px;
	/* background-color: #414b56; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
	margin-bottom:3px;
	margin-left:10px;
	/* background-image:url('imgs/blockHeader.png');
	padding-left:10px; */
}
.blockHeaderSecond a{
	color: #43708C;
	height: 18px; 
	/* display:block;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
	font-weight:600;
}
.blockHeaderSecond a:hover{
	color: #232323;
	height: 18px; 
	/* background-color: #626469;
	display:block;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
	/* background-image:url('imgs/blockHeaderHL.png'); */
	font-weight:600;
}

.siteNavBottomPage{
	color: #43708C;
	z-index: 100; 
 	margin-left:250px;
	width: 560px; height: 52px;
	text-align:center;
	font-size:13px;
}

.siteNavBottomPage a{
	color: #006699;
	cursor:pointer;
}

.siteNavBottomPage a:hover{
	color:#FFFFFF;
}
