﻿/*	GLOBAL
	----------------------------------------------------*/
* {
	margin: 0;
	padding: 0;

	color: #666;
	font-size: 12px;
}

body {
	text-align: center;

	font-size: 12px;
	font-weight: Normal;
	font-family: Helvetica,Arial,Garuda,sans-serif;
}

a {
	color: #666;
	text-decoration: None;
}

a:hover {
	color: #999;
	text-decoration: None;
}

table {
	margin: 10px 0 0 0;
	width: 100%;
	border-collapse: collapse;
}

th, td {
	border-bottom: 1px solid #AAA;
	padding: 3px 10px;
	vertical-align: top !important;
	text-align: left;
}

th p, td p {
	color: #999;
	font-style: italic;
	padding: 5px 0 0 0;
}

th input[type="radio"], td input[type="radio"] {
	margin: 2px 0 -2px 0;
}
td input { margin: 0 !important; }
	
th.control, td.control {
	padding: 0 10px 10px 10px;
	border: none;
}

th.checkbox, td.checkbox {
	border: none;
}

strong {
	font-weight: bold !important;
}

ul {
	padding: 0pt 0pt 0pt 10px;
	list-style-position: inside;
}

li {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}

h3 {
	margin: 0;
	padding: 14px 10px 10px 10px;
	font-size: 2em;
	font-weight: normal;
	background-color: Transparent;
	text-align: left;
}

h4, h5, h6 {
	padding: 20px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
}

td h4, td h5, td h6 {
	padding: 20px 0 0 0;
	margin: 0 0 -5px 0;
}

p {
	padding: 10px 10px 0 10px;
	text-align: left;
}

p.relevant {
	margin: 10px 10px -10px 10px;
	padding: 10px;
	background-color: #EEEEEE;
}

p.footnote { }

p.error {
	margin: 0;
	padding: 10px;
	color: #A01414;
	font-weight: bold;
	border-top: 5px solid #B01414;
	border-right: 5px solid #A01414;
	border-bottom: 5px solid #A01414;
	border-left: 5px solid #B01414;
	background-color: #FAF3F3;
}

img {
	vertical-align: middle;
}
	
/*	Classes
	----------------------------------------------------*/
.left {
	text-align: left;
}
input.left {
	float: left;
	text-align: center;
}
img.left {
	float: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}
input.right {
	float: right;
	text-align: center;
}
img.right {
	float: right;
}

.obligationMark {
	vertical-align: top;
	line-height: 100%;
	font-size: 10px;
	font-family: Symbol;
	font-weight: normal;
}

.tableBox, .inputBox {
	margin: 0 10px;
}

.relevant {
	background-color: #EEEEEE;
}

.relevant p {
	padding: 10px;
}

.inputBox .relevant {
	margin: 0 0 -10px 0;
}

.vcard {
	margin: 0 10px 10px 10px;
	text-align: left;
}

.vcard input {
	margin: 0 10px 10px 10px !important;
}

.clear { clear:both; }


/*	#popupContent
	----------------------------------------------------*/	
#popupContent {
	padding: 0 6px 0 10px;
}


/*	Input
	----------------------------------------------------*/	
input[type="button"], input[type="submit"], input[type="reset"] {
	margin: 10px 0 0 0;
	padding: 2px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #AAA #000 #000 #AAA;
	color: #FFF;
	background-color: #5F5F64;
			
	font-size: 12px;
}

input[type="text"], input[type="password"] {
	margin: 0;
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #AAA #000 #000 #AAA;
	font-size: 12px;
}

select {
	margin: 0;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #AAA #000 #000 #AAA;

	font-size: 12px;
}

textarea[readonly="readonly"], input[readonly="readonly"] {
	border-top: 1px solid #DDD;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #DDD;
	background-color: #F5F5F5;
}

textarea.error, input.error, select.error {
	color: #A01414;
	border-top: 1px solid #B01414;
	border-right: 1px solid #A01414;
	border-bottom: 1px solid #A01414;
	border-left: 1px solid #B01414;
	background: #FAF3F3 url(Images/error_background.gif) repeat-x bottom;
}

input[type="button"].mini, input[type="submit"].mini, input[type="reset"].mini { width: 25px; }
input[type="button"].small, input[type="submit"].small, input[type="reset"].small { width: 100px; }
input[type="button"].medium, input[type="submit"].medium, input[type="reset"].medium { width: 153px; }
input[type="button"].large, input[type="submit"].large, input[type="reset"].large { width: 280px; }
input[type="button"].half, input[type="submit"].half, input[type="reset"].half { width: 145px; }
input[type="button"].full, input[type="submit"].full, input[type="reset"].full { width: 288px; }

input[type="text"].mini, input[type="password"].mini { width: 25px; }
input[type="text"].small, input[type="password"].small { width: 100px; }
input[type="text"].medium, input[type="password"].medium { width: 145px; }
input[type="text"].large, input[type="password"].large { width: 280px; }
input[type="text"].half, input[type="password"].half { width: 145px; }
input[type="text"].full, input[type="password"].full { width: 280px; }

textarea.medium { width: 31px; }
textarea.small { width: 106px; }
textarea.medium { width: 151px; }
textarea.large { width: 286px; }
textarea.half { width: 151px; }
textarea.full { width: 286px; }

select.mini { width: 25px; }
select.small { width: 100px; }
select.medium { width: 145px; }
select.large { width: 280px; }
select.half { width: 145px; }
select.full { width: 280px; }