html
{
	padding: 0px;
	margin: 0px;
	height: 100%;
}

body
{
	background-color: rgb(235,235,235);
	color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	height: 100%;
	letter-spacing: -0.2px;
}

h1
{
	font-size: 21px;
	color: rgb(16,173,228);
	text-transform: uppercase;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-weight: normal;
	/*
	padding-bottom: 0px;
	margin-bottom: 0px;
	*/
}

h2
{
	font-size: 22px;
	color: rgb(1,1,1);
	font-weight: 100;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

h3
{
	color: rgb(16,173,228);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	margin: -18px 0px 15px 0px;
	padding: 0px;
}

p
{
	padding: 0px;
	margin: 25px 0px 0px 0px;
	line-height: 25px;
	text-align: justify;
}

form
{
	padding: 0px;
	margin: 0px;
}

.comment
{
	font-size: 12px;
	font-weight: normal;
}

.highlight
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}

input[type=text]
{
	border: 1px solid rgb(218,218,218);
	background-color: white;
	padding: 7px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.2px;
	margin: 0px;
	/*margin-right: 12px;*/
}

input[type=text].disabled
{
	border: 1px solid rgb(218,218,218);
	background-color: rgb(243,243,243);
	color: rgb(201,201,201);
	padding: 7px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.2px;
	margin: 0px;
	/*margin-right: 12px;*/
}

input[type=text].error
{
	border: 1px solid rgb(255,0,0);
	background-color: white;
	padding: 7px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.2px;
	margin: 0px;
	/*margin-right: 12px;*/
}

input[type=radio]
{
	padding: 0px;
	margin: 0px;
	margin-right: 12px;
	/*background: url('pics/radio.png') no-repeat;*/

}

input[type=button], input[type=submit]
{
	padding: 12px;
	margin: 0px;
	margin-left: 5px;
	color: white;
	background-color: rgb(15, 170, 235);
	border: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
}

textarea
{
	border: 1px solid rgb(218,218,218);
	background-color: white;
	padding: 7px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.2px;
	margin: 0px;
	/*margin-right: 12px;*/
}

span.label
{
	margin-right: 20px;
	font-weight: bold;
	font-size: 13px;
}

hr
{
	border: none;
	border-top: 1px dashed rgb(204,204,204);
	margin-top: 25px;
	margin-bottom: 25px;
}

ul
{
	padding-left: 23px;
	padding-top: 10px;
	line-height: 25px;
	list-style-image: url('pics/pick.gif');
	text-indent: -2px;
}

li
{

}

a, a:link, a:visited, a:active
{
	text-decoration: none;
	color: black;
}

a:hover
{
	text-decoration: underline;
	color: black;
}

img.noborder
{
	padding: 0px;
	margin: 0px;
	border: none;
}

span.error
{
	color: rgb(255,0,0);
	font-size: 12px;
}

/* header, menu */

table.header
{
	background-color: #E1E1E1;
	border-bottom: 1px dashed white;
	margin: none;
}

.menu
{
	margin-top: 61px;
	height: 111px;
	background: url('pics/menu_bg.jpg') repeat-x bottom left;
}

a.menuitem, a.menuitem:link, a.menuitem:visited, a.menuitem:active
{
	padding: 15px 0px 15px 0px;
	cursor: pointer;
	float: left;
	color: white;
}

a.menuitem:hover
{
	color: rgb(16,173,228);
	text-decoration: none;
}

a.menuitem_active, a.menuitem_active:link, a.menuitem_active:visited, a.menuitem_active:active, a.menuitem_active:hover
{
	padding: 15px 0px 15px 0px;
	cursor: default;
	float: left;
	color: white;
	text-decoration: none;
	background: url('pics/menu_active.jpg') no-repeat bottom center;
}

a.menuitem div, a.menuitem_active div
{
	text-transform: uppercase;
	font-size: 14px;
	padding: 4px 18px 4px 18px;
	border-right: 1px dashed #4C4C4C;
}

/* content */

.content
{
	padding: 10px;
}

.box
{
	background-color: rgb(235,235,235);
	border-top: 1px dashed white;
	border-bottom: 1px dashed white;
	table-layout: fixed;
}

.step_header_inactive
{
	background: white url('pics/step_arrow_inactive.jpg') no-repeat center right;
	color: rgb(201,201,201);
	height: 43px;
	/*margin-top: 18px;*/
	margin-bottom: 18px;
}

.step_inactive
{
	display: none;
	padding: 10px 15px 10px 15px;
	margin-bottom: 18px;
	font-size: 14px;
}

.step_header_active
{
	background: black url('pics/step_arrow_active.jpg') no-repeat center right;
	color: white;
	height: 43px;
	/*margin-top: 18px;*/
	margin-bottom: 18px;
}

.step_active
{
	display: block;
	padding: 10px 15px 10px 15px;
	margin-bottom: 18px;
	font-size: 14px;
}

.step_header_inactive td, .step_header_active td
{
	text-transform: uppercase;
	font-size: 23px;
	padding-left: 17px;
}

.send
{
	background: rgb(15,170,236) url('pics/send.jpg') no-repeat center right;
	color: white;
	height: 43px;
	/*margin-top: 18px;*/
	margin-bottom: 18px;
	cursor: pointer;
}

.send td
{
	text-transform: uppercase;
	font-size: 23px;
	padding-left: 17px;
}

/* footer */

.footer
{
	table-layout: fixed;
	background-color: black;
	color: white;
}

.footer h1
{
	font-size: 21px;
	color: rgb(127,126,126);
	text-transform: uppercase;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-weight: normal;	
}

.footer h2
{
	color: rgb(77,77,77);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	margin: -18px 0px 10px 0px;
	padding: 0px;
}

.footer a, .footer a:link, .footer a:visited, .footer a:active
{
	color: rgb(16,173,228);
}

.footer small
{
	font-size: 11px;
	color: rgb(127,126,126);
	text-transform: uppercase;
}

.footer small a, .footer small a:link, .footer small a:visited, .footer small a:active
{
	font-size: 10px;
	color: rgb(93,93,93);
	text-transform: none;
}

#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color: #777;
  color: white;
  font-size: 0.95em;
}

table.arak {
  font-size: 12px;
}
