/**********************************

Use: Reset Styles for all browsers

***********************************/

body, p, blockquote {
	margin: 0;
	padding: 0;
}

a img, iframe { border: none; }
	
/* Headers
------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
	
/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}
	
/* Links
------------------------------*/

a, a:link, a:visited, a:active, a:hover, a:focus {
    color: #90cbff;
    text-decoration: none;
}

/*a:active {}*/

/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
}

form label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #f88316;
	font-style: italic;
	background: none;
}

error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #f88316;
	font-style: italic;
	background: none;
}

fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
}

input, textarea, select {
	margin: 1px;
	padding: 1px;
	font-size: 80%; 
	font-family: inherit;
   	color: #2E3851;
	background: #D2DAEF;
	border: #26a solid 1px 
}

.paypal input {
	margin: 0px;
	background: transparent;
	border: 0px transparent solid;
}


select { padding: 0; }

.submit-button {
	border: 2px #9cf outset
}

body {
	padding: 0 10px;
	font: normal 82.5% "Lucida Grande", Helvetica, Verdana, Arial;
	color: #eef7ff;
	background-color: #1f2a40;
	background-image:url('images/back.jpg');
	background-repeat:repeat-x;
	background-attachment: fixed;
	text-align: center;
}
	
p { margin: 10px 0; }

li { margin-left: 10px; }

h3 { margin: 5px 0; }

#loadingScreen { 
	background: url(images/ajax-loader.gif) no-repeat;
	background-position:center;
/*	background: #666666 url(images/ajax_loader_background.png) 50% 50% repeat; 
	opacity: .50;
	filter:Alpha(Opacity=50);*/ 
}

/* hide the close x on the loading screen */
.loadingScreenWindow .ui-dialog-titlebar-close { 
	display: none; 
}

#mainbody {
	text-align: left;
	margin: 0 auto;
	margin-top: 4px;
	width: 779px;
}

#head {
	position: relative;
	width: 779px;
}

#foot {
	position: relative;
	width: 779px;
}

#language {
	text-align: right;
	height: 20px;
}

#contents {
	position: relative;
	width: 779px;
/*	height: 400px;*/
/*	background: #354465;*/
	background-image: url(images/back_contents_gradient_transparent.png);
	background-repeat: no-repeat;
}

#contents_2layer_left {
	position: absolute;
	top:0;
	left:0;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	width: 568px; /* actually it is 588 = 568 + padding-left + padding-right */
}

#contents_2layer_separate {
	position: absolute;
	top:0;
	right: 189px;
	width: 2px;
/*	height: 591px;*/
	background-image: url(images/separate_gradient_transparent.png);
	background-repeat: no-repeat;
}

#contents_2layer_right {
	position: absolute;
	top:0;
	right: 0;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 179px; /* actually it is 189 but padding-left and padding-right had been added. */
}

.volko_top {
	background-image: url(images/volko_top_usp.png);
	width:779px;
	height:81px;
}

.menu {
	background-image: url(images/back_menu.png);
	text-align: right;
	width:779px;
	height:16px;
}

.explain_box {
	background-image: url(images/explain_box.jpg);
	text-align: left;
	width:779px;
	height:131px;
}

.page_name {
	background-image: url(images/back_page_name.jpg);
	width: 779px;
	height: 19px;
}

.small_box_short {
	width: 179px;
	background-image: url(images/small_box_short.png);
	background-repeat: no-repeat;
    padding-top: 22px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
/*    font-size: 80%; */
}

.small_box_short a, .small_box_short a:link, .small_box_short a:visited, .small_box_short a:active {
    color: #90cbff;
    text-decoration: none;
}

.small_box_short a:hover {
    color: #1f2a40;
    text-decoration: none;
    background-color: #34a0ff;
}

.small_box_long {
	width: 179px;
	background-image: url(images/small_box_long.png);
	background-repeat: no-repeat;
}

.big_box_short {
	width: 568px;
	background-image: url(images/big_box_short.png);
	background-repeat: no-repeat;
	padding-top: 22px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.big_box_long {
	width: 568px;
	background-image: url(images/big_box_long.png);
	background-repeat: no-repeat;
}

.hide {
    visibility: hidden;
}

.error_type {
	color: #f88316;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
 
.clearfix { display: inline-table; }
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


table {
	border: 0px solid #666;
	margin: 0px 0 0px 0 !important;
}

th, td {
	padding: 2px 4px 2px 4px !important;
	text-align: left;
	vertical-align: top;
}

th {
	background-color: transparent;
}

th:hover {
	background-color: transparent;
}

tbody tr.even {
	background-color: transparent;
}

tr a {
	color: rgb(102, 102, 102);
	text-decoration: none;
}
tr a:hover {
	text-decoration: underline;
}

dl dd {
	margin-left: 10px;
}

dl dt {
	font-weight: bold;
}

dl {
	border: 1px solid black;
	margin: 5px;
}

.highlight {
	border: 5px dotted #eee;
}