/* Oliver Pulges */
/* Krabi ja Mask */
/* 2008 */

body {
	margin:0;
	padding:0;
	background: #c9c8c8 url('../pics/bg.jpg') no-repeat;
	font: 14px/16px 'Trebuchet MS', helvetica, arial, sans-serif;
	color: #555555;
	text-align: center;
}
img { border: none; }
a { text-decoration: none; color: #00448f;}
a:hover { text-decoration: underline;}

.px10 { font-size: 10px; }

.blockImage { display: block; clear:both; margin:0; padding:0;}

.pdfbox {
	width: 700px;
	height: 500px;
	overflow: scroll;
}

#mainWrap { width: 980px; margin: 0 auto; text-align: left; }


#mainHead{ height: 155px; overflow:hidden; width:980px; background: url('../pics/business.png') no-repeat 0 0; }
	#mainHead.private{ background: url('../pics/private.png') no-repeat 0 0; }
	#mainHead.business{ }


	
	#mainHead  .topPart {text-align: right; line-height: 24px;clear:both;overflow:hidden;}
	#mainHead  .topPart a { color: #555555; text-decoration: none; }
	#mainHead  .topPart .chooseClient { margin: 2px 0 0 0; float:left;}
		#mainHead  .topPart .chooseClient button{ 
			border:none; 
			margin:0;
			margin-right: 1px; 
			width: 64px; height: 24px; 
			overflow:hidden; 
			cursor:pointer;
			padding: 0;
			
			color: #FFFFFF;
			font-size:12px;
		}
			#mainHead  .topPart .chooseClient button.tab1_a { background: url('../pics/clientTab1_a.gif'); }
			#mainHead  .topPart .chooseClient button.tab2 { background: url('../pics/clientTab2.gif'); }
			#mainHead  .topPart .chooseClient button.tab1 { background: url('../pics/clientTab1.gif'); }
			#mainHead  .topPart .chooseClient button.tab2_a { background: url('../pics/clientTab2_a.gif'); }
			#mainHead  .topPart .chooseClient button.tab1_a2 { background: url('../pics/clientTab1_a.gif'); }
			#mainHead  .topPart .chooseClient button.tab2_a2 { background: url('../pics/clientTab2_a.gif'); }
	#mainHead  .topPart .langmenu {
		float:right; list-style-type: none; margin:0 10px; padding:0; font-size: 10px;
	}
		#mainHead  .topPart .langmenu li{ margin:0; padding:0 4px; display: inline; line-height: 26px;}
		#mainHead  .topPart .langmenu li a.active { text-decoration: underline; color: #00448f;}
	
	#mainHead .midBlock { clear:both; overflow:hidden;}
		#mainHead .midBlock .domainBox { float: right; width: 380px; margin: 30px 0;}
			#mainHead .midBlock .domainBox .txtbox {background: #7a7a7a; width: 230px; height: 23px; padding: 3px 7px; border: none; font-size: 18px; color: #FFFFFF;}
			#mainHead .midBlock .domainBox .submitBtn { border: none; background: url('../pics/submitBg.gif'); width: 83px; height: 30px; color: #FFFFFF; cursor: pointer;}
		
#logo {display: block; float:left;}			
*html #logo{ margin-top: -10px;}


#mainMenu { background: url('../pics/menuBg.gif') no-repeat; height: 47px; overflow:hidden;}
	#mainMenu ul.MenuL1 { list-style-type: none; margin: 15px 0 0 30px; padding:0; overflow:hidden;}
	#mainMenu ul.MenuL1 li{  margin: 0; padding:0 30px 0 0; font-size: 16px; display: block; float:left; overflow:hidden;}
		#mainMenu ul.MenuL1 li a { color: #555555; text-decoration: none; padding-bottom: 15px; display: block; float:left; height: 32px }
		#mainMenu ul.MenuL1 li a.selected{ background: url('../pics/li_selected.gif') no-repeat center 20px; }
		*html #mainMenu ul.MenuL1 li a.selected{ background: url('../pics/li_selected.gif') no-repeat center; }
		#mainMenu ul.MenuL1 li a.over, #mainMenu ul.MenuL1 li a:hover { background: url('../pics/li_a.gif') no-repeat center 20px; }
		*html #mainMenu ul.MenuL1 li a.over, *html #mainMenu ul.MenuL1 li a:hover { background: url('../pics/li_a.gif') no-repeat center; }

#overlay { text-align: left; width: 100%; background: url('../pics/pixel.gif'); width: 100%; position: absolute; z-index: 5;  top:0; left:0;}
.submenu {position:absolute; z-index: 10;  background: url('../pics/pixel.gif');}	
.submenu .headoverlay {height: 30px;  overflow:hidden;clear:both; width: 150px;}
	.submenu .headoverlay .hidder {height: 30px; overflow:hidden; background: url('../pics/pixel.gif');} 
.submenu ul{ text-align: left; background:#009ddb; border: 2px solid #FFFFFF; list-style-type: none; display: block;  margin:0; padding:7px 0; width: 150px;}
.submenu li{ display: inline; margin:0; padding:0; overflow:hidden; clear:both;}
.submenu li a {display:block; clear:both; overflow:hidden; margin:0; padding:4px 10px; color: #FFFFFF;}
.submenu li a:hover { background: #4dbbe6; text-decoration: none;}
	
	
#mainContents { background: url('../pics/mainBg.gif') repeat-y; clear:both; margin: 0; padding: 0 1px;  float:left; }

#packetsPromo { 
	width: 709px;
	height: 265px;
	padding:0;
	margin:8px 0px 8px 10px;
	background: url('../pics/packets_bg_promo.jpg') no-repeat;
	float:left;
	overflow: hidden;
	color: #FFFFFF;
}
*html #packetsPromo { margin:8px 0 8px 5px; }

	#packetsPromo .boxPromo{
		width: 432px;
		height: 265px;
		float:left;
		padding-right: 20px;
		padding-left: 20px;
		padding-top: 32px;
		padding-bottom: 10px;
	}
	#packetsPromo .box{
		width: 216px;
		height: 265px;
		float:left;
		padding: 0 0 0 20px;
	}
	
	#packetsPromo .box h1 {
		font-size: 30px;
		font-weight: normal;
		margin:15px 0;
		padding:0;
	}
		#packetsPromo .box h1 img { vertical-align: center; }
	
	#packetsPromo .box .prizes {
		background: url('../pics/packet_arrow.gif') no-repeat;
		padding: 0 0 0 25px;
		margin: 10px 0;
		font-weight: bold;
		font-size: 16px;
	}
	
	#packetsPromo .boxPromo .btn1{
		background: url('../pics/btn2.gif') no-repeat;
		width: 123px;
		height: 28px;
		border:0;
		margin:0;
		padding:0;
		cursor: pointer;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 16px;
		display: block;
		float:left;
	}
		
	#packetsPromo .box .btn1{
		background: url('../pics/btn1.gif') no-repeat;
		width: 49px;
		height: 28px;
		border:0;
		margin:0 10px 0 0;
		padding:0;
		cursor: pointer;
		color: #FFFFFF;
		font-size: 10px;
		line-height: 10px;
		display: block;
		float:left;
	}
	#packetsPromo .box .btn2{
		background: url('../pics/btn2.gif') no-repeat;
		width: 123px;
		height: 28px;
		border:0;
		margin:0;
		padding:0;
		cursor: pointer;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 16px;
		display: block;
		float:left;
	}
	#packetsPromo .arinuppPromo {
		position: absolute;
		top: 437px;
	}

#packets { 
	width: 709px;
	height: 265px;
	padding:0;
	margin:8px 0px 8px 10px;
	background: url('../pics/packets_bg.jpg') no-repeat;
	float:left;
	overflow: hidden;
	color: #FFFFFF;
}
*html #packets { margin:8px 0 8px 5px; }

	#packets .box{
		width: 216px;
		height: 265px;
		float:left;
		padding: 0 0 0 20px;
	}
	
	#packets .box h1 {
		font-size: 30px;
		font-weight: normal;
		margin:15px 0;
		padding:0;
	}
		#packets .box h1 img { vertical-align: center; }
	
	#packets .box .prizes {
		background: url('../pics/packet_arrow.gif') no-repeat;
		padding: 0 0 0 25px;
		margin: 10px 0;
		font-weight: bold;
		font-size: 16px;
	}
	
	#packets .box .btn1{
		background: url('../pics/btn1.gif') no-repeat;
		width: 49px;
		height: 28px;
		border:0;
		margin:0 10px 0 0;
		padding:0;
		cursor: pointer;
		color: #FFFFFF;
		font-size: 10px;
		line-height: 10px;
		display: block;
		float:left;
	}
	
	#packets .box .btn2{
		background: url('../pics/btn2.gif') no-repeat;
		width: 123px;
		height: 28px;
		border:0;
		margin:0;
		padding:0;
		cursor: pointer;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 16px;
		display: block;
		float:left;
	}
	
#packets2 { 
	width: 709px;
	height: 265px;
	padding:0;
	margin:8px 0px 8px 10px;
	background: url('../pics/packets_bg_2x.jpg') no-repeat;
	float:left;
	overflow: hidden;
	color: #FFFFFF;
}
*html #packets2 { margin:8px 0 8px 5px; }

	#packets2 .box{
		width: 324px;
		height: 265px;
		float:left;
		padding: 0 0 0 20px;
	}
	
	#packets2 .box h1 {
		font-size: 30px;
		font-weight: normal;
		margin:15px 0;
		padding:0;
	}
		#packets2 .box h1 img { vertical-align: center; }
	
	#packets2 .box .prizes {
		background: url('../pics/packet_arrow.gif') no-repeat;
		padding: 0 0 0 25px;
		margin: 10px 0;
		font-weight: bold;
		font-size: 16px;
	}
	
	#packets2 .box .btn1{
		background: url('../pics/btn1.gif') no-repeat;
		width: 49px;
		height: 28px;
		border:0;
		margin:0 10px 0 0;
		padding:0;
		cursor: pointer;
		color: #FFFFFF;
		font-size: 10px;
		line-height: 10px;
		display: block;
		float:left;
	}
	
	#packets2 .box .btn2{
		background: url('../pics/btn2.gif') no-repeat;
		width: 123px;
		height: 28px;
		border:0;
		margin:0;
		padding:0;
		cursor: pointer;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 16px;
		display: block;
		float:left;
	}


#logins {
	width: 245px;
	height: 265px;
	padding:0;
	margin:8px 0px 8px 5px;
	background: url('../pics/logins_bg.gif') no-repeat;
	float:left;
	overflow: hidden;
}
*html #logins { margin:8px 0 8px 5px; }

	#logins .loginMenu {
		border-top: 1px solid #d8e0e2;
		width: 104px;
		float: left;
		overflow: hidden;
		margin-top:5px;
	}
	
	#logins .loginMenu a { 
		display: block; 
		border-bottom: 1px solid #c5c6c6; 
		border-left: 1px solid #c5c6c6; 
		border-right: 1px solid #c5c6c6; 
		color: #555555; 
		text-decoration: none; 
		text-align: center; 
		height: 34px; 
		line-height: 34px; 
	}
	#logins .loginMenu a.selected { background: #009ddb; color: #FFFFFF; }
	#logins .loginMenu a:hover { background: #90f38b; color: #555555;  }
	
	#logins h1 {
		height: 40px; line-height: 40px; color: #FFFFFF;
		margin:0; padding:0 0 0 15px;
		font-size: 18px;
		font-weight: normal;
		overflow: hidden;
	}
	#logins .loginField { padding: 5px 0px 0px 15px; float:left; width: 112px; overflow: hidden; font-size: 12px;}
		#logins .loginField .help { float:right; text-decoration: none; margin-right: 2px;}
		#logins .loginField .help:hover { text-decoration: underline; }
		
		#logins .loginField .txtbox { border: 1px solid #8e997d; width: 106px; padding: 2px 2px; font-size: 10px; height: 14px;}
		#logins .loginField .selbox { border: 1px solid #8e997d; width: 110px; padding: 1px; font-size: 10px; height: 18px;}
		#logins .loginField .chkbox { margin:0; vertical-align: center; } 
		#logins .loginField .Thefield { margin-bottom: 2px; }
		
		#logins .loginField .btn3{
			background: url('../pics/btn3.gif') no-repeat;
			width: 55px;
			height: 19px;
			border:0;
			margin:0;
			padding:0;
			cursor: pointer;
			color: #FFFFFF;
			font-size: 10px;
		}
		#logins .loginField .LoginGo { margin-top:5px;}
			#logins .loginField .LoginGo a{ font-size: 10px; text-decoration: none;}
			#logins .loginField .LoginGo a:hover{ text-decoration: underline;}
			



#bottomContent { display:block; clear:both; overflow: hidden; font-size:12px;}
#bottomContent .submitBtnStart {
	border: none;
	background: url('../pics/btn4_start.gif') no-repeat;
	color:#FFFFFF;
	font-size: 11px;
	width: 3px;
	height: 20px;
	cursor: pointer;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
}
#bottomContent .submitBtn {
	border: none;
	background: url('../pics/btn4_center.gif') repeat-x;
	color:#FFFFFF;
	font-size: 11px;
	height: 20px;
	cursor: pointer;
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 0px;
}
#bottomContent .submitBtnEnd {
	border: none;
	background: url('../pics/btn4_end.gif') no-repeat;
	color:#FFFFFF;
	font-size: 11px;
	width: 4px;
	height: 20px;
	cursor: pointer;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
}
#bottomContent .left, #bottomContent .center, #bottomContent .right, #bottomContent .leftWide , #bottomContent .leftWideSearch{
	float:left; padding: 10px 25px;
	overflow:hidden;
} 	
#bottomContent .left{width: 195px;}
#bottomContent .leftWide{width: 685px; font-size:14px; border-right: 1px dotted #c5c5c5; padding-right: 10px;}
#bottomContent .arveldus_list_table{width: 100%;}
#bottomContent .center{width: 420px;}
#bottomContent .right{width: 195px;}		
#bottomContent .leftWideSearch{width: 720px; font-size:14px; border-right: 1px dotted #c5c5c5; padding: 10px 0px;}
#bottomContent .leftWideSearch .innerBox1{ padding: 0 25px 10px 25px; margin-bottom: 0; border-bottom: 1px dotted #c5c5c5; overflow:hidden;clear:both; line-height: 30px;}
#bottomContent .leftWideSearch .headtext { font-size: 18px; color: #00448f; padding: 5px 0 10px 0; }
#bottomContent .leftWideSearch .searchWord { background: #96edff;}
#bottomContent .leftWideSearch ul li { padding-bottom: 4px; }
#bottomContent .leftWideSearch .innerBox1 .txtbox { margin:0; border: 1px solid #a4b97f; }
#bottomContent .leftWideSearch .innerBox1 .submitBtn{
			background: url('../pics/btn3.gif') no-repeat;
			width: 55px;
			height: 19px;
			border:0;
			cursor: pointer;
			color: #FFFFFF;
			font-size: 10px;
		}
#bottomContent .leftWideSearch .innerBox1 table { width: 100%; }	
#bottomContent .leftWideSearch .innerBox1 table  td{ vertical-align: top; text-align: left;}		
#bottomContent .leftWideSearch .innerBox1 table  td ul li { background: url('../pics/contentW_li.gif') no-repeat 0px 7px; padding: 0 0 0 10px; line-height: 20px;}
#bottomContent .leftWideSearch .innerBox1 table  td ul li a{ margin:0; padding:0; line-height: 20px;}	
		
#bottomContent .leftWideSearch .innerBox2{ padding: 10px 25px; }
#bottomContent .leftWideSearch .innerBox2 ul { margin-bottom: 5px; }

#bottomContent .orderArea1 { width:978px;  clear:both; padding: 10px 0px; overflow:hidden; margin:0 0px; float:left; border-bottom: 1px dotted #c5c5c5; }
#bottomContent .orderArea1 .topscroller{ font-size: 14px;  width: 921px;  margin: 0 25px;  border-collapse: collapse;}
#bottomContent .orderArea1 .topscroller td { margin:0; padding:0 4px;}
#bottomContent .orderArea1 .topscroller .ticks td { border-bottom: 1px solid #989898; border-left: 1px solid #989898; border-right: 1px solid #989898; height: 4px; line-height: 4px; font-size: 1px;}
#bottomContent .orderArea1 .topscroller .blueArea td { margin:0; padding:0; height: 10px; background: url('../pics/order_scrollBg1.gif') repeat-x;}
#bottomContent .orderArea1 .topscroller .blueArea td.selected { background: url('../pics/order_scrollBg2.gif') repeat-x;}
#bottomContent .orderArea1 .arveldusmenu{ font-size: 14px;  margin: 0 25px;  border-collapse: collapse;}
#bottomContent .orderArea1 .arveldusmenu td { margin:0; padding:0 4px;}
#bottomContent .orderArea1 .arveldusmenu td.selected { font-weight:bold;}
#bottomContent .orderArea1 .arveldusmenu .ticks td { border-bottom: 1px solid #989898; border-left: 1px solid #989898; border-right: 1px solid #989898; height: 4px; line-height: 4px; font-size: 1px;}

#bottomContent .orderArea2 {width:928px;   clear:both;  padding: 10px 25px; overflow:hidden; margin:0 0px; float:left; border-bottom: 1px dotted #c5c5c5; }
#bottomContent .orderArea2 table { width: 928px; margin:0; padding:0; font-size: 12px;  }
#bottomContent .orderArea2 table td { margin:0; padding: 5px; vertical-align: top;}
#bottomContent .orderArea2 table td.row1 { margin:0; padding: 5px 5px 5px 0px; width: 125px; font-weight: bold; color:#555555; font-size: 14px;}
#bottomContent .orderArea2 table td.row1 .mustbe{ color:#009ddb;}
#bottomContent .orderArea2 table td .comment{ color:#979696;}
#bottomContent .orderArea2 table td .txtbox { margin:0; border: 1px solid #a4b97f; }
#bottomContent .orderArea2 table td .txtbox_error { margin:0; border: 1px solid #a4b97f; background-color: #faafba}
#bottomContent .orderArea2 .green { color:#006600;}
#bottomContent .orderArea2 .orange { color:#ff9900;}
#bottomContent .orderArea2 .red { color:#ff0000;}
#bottomContent .orderArea2 table th { text-align: left;}

#bottomContent .orderArea3{width:928px;  clear:both;  padding: 10px 25px 10px 25px; overflow:hidden; margin:0 0px; float:left;}


#bottomContent .orderArea3 .naviBtnStart {
	border: none;
	background: url('../pics/btn2_start.gif') no-repeat;
	color:#FFFFFF;
	font-size: 11px;
	width: 4px;
	height: 20px;
	cursor: pointer;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
}
#bottomContent .orderArea3 .naviBtn {
	border: none;
	background: url('../pics/btn2_center.gif') repeat-x;
	color:#FFFFFF;
	font-size: 11px;
	height: 20px;
	cursor: pointer;
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 0px;
}
#bottomContent .orderArea3 .naviBtnEnd {
	border: none;
	background: url('../pics/btn2_end.gif') no-repeat;
	color:#FFFFFF;
	font-size: 11px;
	width: 4px;
	height: 20px;
	cursor: pointer;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
}

#bottomContent h1 {
	margin:5px 0 10px 0; padding:0;
	font-size:18px;
	line-height: 20px;
	color: #00448f;
}
#bottomContent ul{ list-style-type: none; margin:0; padding:0; }
	#bottomContent ul li { margin:0; padding: 0 0 0 10px; background: url('../pics/content_li.gif') no-repeat 0px 5px; }
	#bottomContent ul li a { color: #555555; }
	
#bottomContent .leftWide h1 { font-size:24px; line-height: 30px;}
#bottomContent .leftWide h2{ font-size:14px; line-height: 18px;margin: 15px 0 0 0; padding:0; font-weight:bold;}
#bottomContent .leftWide p { margin: 0 0 15px 0; padding:0;}
#bottomContent .leftWide img#right_img { display: block; float: right; margin: 10px 0 10px 15px;}
#bottomContent .leftWide img#admin_nupp_img { display: inline; float: none; margin: 0px 0 0px 0px;}
#bottomContent .leftWide ul li { background: url('../pics/contentW_li.gif') no-repeat 0px 5px; }
#bottomContent .leftWide .txtbox { margin:0; border: 1px solid #a4b97f; }
#bottomContent .orderBill { display:block; clear:both; overflow: hidden; font-size:12px;}
#bottomContent .orderBill table { width: 928px; margin:0; padding:0; font-size: 12px;  }
#bottomContent .orderBill table th { border-bottom-style: solid; border-color: #c5c5c5;}
#bottomContent .orderBill table td { margin:0; padding: 5px; vertical-align: top;}
#bottomContent .summary td { border-top-style: solid; border-color: #c5c5c5;}
#bottomContent .orderBill .alignright { text-align: right;}

#bottomContent .banklink { float: left;}
#bottomContent .banklink .imageresize{ width: auto; height : 38px;}


#footer { 
	background: url('../pics/footBg.gif') no-repeat; 
	height: 11px; 
	padding: 11px 20px; 
	margin-bottom: 20px; 
	clear:both; 
	overflow:hidden;
	font-size: 11px; 
	color: #FFFFFF;
}

#krabi img { vertical-align: center;display:block; float:right; margin-top: 5px;}

*html #badInIE1 { padding-top: 4px; line-height: 1em;  height: 16px;margin:0}