/***** Framework *****/

html { height:100%;}

body {
	height:100%;
	margin: 0;
	padding: 0;
	background:url(../img/gradient_body.jpg) repeat-y #DCE0E3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#333;
}

#wrapper {
	width:725px;
	min-height:100%;
	background-color:#fff;
	padding-bottom: 50px;
}

/***** Global's *****/

.clear { clear:both;}

img { border: 0;}

a.popup,
div.popup a {
	text-decoration:none;
	color:#036;
	background: url(../img/arrow.gif) no-repeat;
	padding-left:10px;
	margin-left:0;
}

a.popup:hover,
div.popup a:hover { 
	color:#00ADEF;
	background: url(../img/arrow_hover.gif) no-repeat;
}

div.space {	height:6px;}

/***** Header *****/

#header {
	width: 725px;
	height: 90px;
	background:url(../img/header_v2.jpg) repeat-y #DCE0E3;
}

#header img { margin:23px 0 0 64px;}

/***** Navigation *****/

#navi {
	height:27px;
	margin-top: 66px;
	float: right;
}

#navi ul {
	height:27px;
	margin-top:-4px;
	padding:0;
	list-style:none;
	line-height:10px;
}

#navi ul li {
	float:left;
	padding:4px 15px 0 15px;
	color:#036;
	height:23px;
	border-bottom:1px solid #C1C1C1;
	background:url(../img/border_navi.gif) no-repeat left #F0F0F0;
}

#navi ul li.activ {
	height:24px;
	color:#00ADEF;
	border-bottom:none;
	background-image:none;
	background-color:#fff;
}

#navi ul li.bg-left_white_grey { background:url(../img/border_left_white_grey.gif) no-repeat left #F0F0F0;}

#navi ul li.bg-left_grey_white { 
	background:url(../img/border_left_grey_white.gif) no-repeat left #fff;
	height:24px;
	color:#00ADEF;
	border-bottom:none;
}

#navi ul li.activ.third { background:url(../img/border_left_grey_white.gif) no-repeat left #fff;}

#navi ul li.first { background-image:none;}

#navi ul li span { margin-left:12px;}

#navi ul li.empty { 
	background:none;
	height:27px;
	margin:0;
	padding:0;}

hr {
width:100%;
color: #d4d4d4;
background-color: #d4d4d4;
height:1px;
border: 0;
padding: 0;
}

.loc, .loc_over {
margin: 0;
padding: 0 10px 0 8px;
border: none;
text-align: left;
background-color: #e6e6e6;
background-image: url('../img/btn_arrow_grey.gif');
background-repeat: no-repeat;
background-position: left;
font-size: 11px;
color: #666666;
text-decoration: none;
cursor: pointer;
}

.loc_over {
background-image: url('../img/btn_arrow_orange.gif');
color: #ff6600;
}

/***** Form Navigation *****/

#formnav {
float:left;
position: relative;
font-size: 10px;
top:63px;
left:20px;
}

#formnav td.norm {
padding: 0;
margin: 0;
background-color: #f0f0f0;
background-image: url('../img/bg_register_norm.gif');
background-position: bottom;
background-repeat: repeat-x;
vertical-align:top;
padding-top:2px;
color:#333333;
font-weight:400;
font-size:10px;
line-height:11px;
}

#formnav td.active {
padding: 0;
margin: 0;
background-color: #ffffff;
vertical-align:top;
padding-top:2px;
color: #ff6600;
font-weight:400;
font-size:10px;
line-height:11px;
}

#formnav td.off {
padding: 0;
margin: 0;
background-color: #f0f0f0;
background-image: url('../img/bg_register_norm.gif');
background-position: bottom;
background-repeat: repeat-x;
vertical-align:top;
padding-top:2px;
color: #c1c1c1;
font-weight:400;
font-size:10px;
line-height:11px;
}

#formnav a {
color: #333333;
text-decoration: none;
}

#formnav a:hover {
color: #ff6600;
}

/***** Forms *****/

#forms {
margin: 0;
padding: 0  20px 0 20px;
position: relative;
background-color: #ffffff;
width: 508px;
}

#forms p {
margin: 0 0 10px 0;
padding: 0;
}

#forms p.error {
color: #ff6600;
}

#forms fieldset {
margin: 0;
padding: 0;
border: none;
}

form {
margin-top: 20px;
}

input.radio {
margin: 3px 5px 0 0;
padding: 0;
height: 15px;
width: 15px;
}

input.text {
width: 200px;
font-size: 12px;
}

select {
font-size: 11px;
width: 200px;
}

td.left {
margin:0;
padding: 4px 5px 8px 0;
text-align: left;
width: 100px;
line-height: 14px;
font-size: 11px;
}

td.right {
margin: 0;
padding: 4px 0 8px 0;
line-height: 14px;
font-size: 11px;
}

td.spacer {
height: 20px;
}

p.subline {
margin-top: 50px;
padding-top: 50px;
font-weight: bold;
font-size: 11px;
}

/***** Footer *****/

#footer  {
	width:725px;
	height:25px;
	position:fixed;
	bottom:0;
	background:url(../img/gradient_body.jpg) repeat-y #DCE0E3;
	padding-bottom: 25px;
}

#footer div {
	float:right;
	height:17px;
	margin-right:10px;
	margin-top:5px;
}

a.buttonRight,
a.buttonRight:hover {
	height: 17px ;
	padding:0 0 3px 8px;
	background:url(../img/btn_left_up.gif) scroll no-repeat;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

a.buttonRight:hover { background:url(../img/btn_left_do.gif) scroll no-repeat;}

a.buttonRight span,
a.buttonRight:hover span {
	height: 17px;
	padding:0 8px 3px 1px;
	background-color: transparent;
	background: url(../img/btn_right_up.gif) scroll repeat right;
}

a.buttonRight:hover span { background: url(../img/btn_right_do.gif) scroll repeat right;}