/* ********** [ GENERAL ] ********** */

body {
	margin: 0px; padding: 0px;
	cursor: default;
	color: #656b6f;
	font-family: "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, arial, sans-serif;
	font-size: 16px;
	background-color: #ffffff; }

div.clear {
	clear: both; }

img {
	border: 0;
}

a {
	color: #0088ee;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* ********** [ PAGE ] ********** */

div#page_wrap { }

	div#page { }



/* ********** [ HEADER ] ********** */

div#header_wrap {
	height: 146px;
	background: url(header_bg.jpg) repeat-x; }

	div#header {
		margin: 0px auto;
		padding: 0px;
		width: 960px;
		height: 146px; }

		div#header h1 {
			margin: 19px 0px 0px 0px;
			padding: 0px;
			width: 283px;
			height: 97px;
			float: left;
			display: inline;
  			background: url('header_logo.jpg') no-repeat; }

				#header_footer {
					background: url(header_footer_bg.gif) repeat-x;
					height: 21px;
				}

h2 {
	font-size: 24px;
	color: #ff0084;
	margin: 0;
}

/* ********** [ NAVIGATION ] ********** */

#header_menu {
	float: right;
	display: inline;
	margin-top: 92px;
}

.header_menuitem_active {
	background: url(menuitem_active_bg.jpg) repeat-x;
	display: inline;
	float: left;
	margin-left: 1px;
}

.header_menuitem_active_left {
	background: url(menuitem_active_left.jpg) no-repeat;
}

.header_menuitem_active_right {
	background: url(menuitem_active_right.jpg) 100% no-repeat;
}

.header_menuitem_active_right a {
	line-height: 41px;
	padding: 0 17px 0 17px;
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
}

.header_menuitem_active_right a:hover {
	text-decoration: none;
}

.header_menuitem_normal {
	background: url(menuitem_normal_bg.jpg) repeat-x;
	display: inline;
	float: left;
	margin-left: 1px;
}

.header_menuitem_normal_left {
	background: url(menuitem_normal_left.jpg) no-repeat;
}

.header_menuitem_normal_right {
	background: url(menuitem_normal_right.jpg) 100% 0 no-repeat;
}

.header_menuitem_normal_right a {
	line-height: 41px;
	padding: 0 17px;
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
}

.header_menuitem_normal_right a:hover {
	text-decoration: none;
}

#submenu {
	background-color: #00aff0;
	height: 40px;
	border-top: 1px solid #ffffff;
}

#submenu_links {
	text-align: center;
	padding-top: 7px;
}

#submenu_links a {
	color: #ffffff;
	font-size: 16px;
	margin-left: 6px;
	margin-right: 6px;
}

/* ********** [ FOOTER ] ********** */

#footer {
	background: url(footer_bg.gif) repeat-x;
	height: 102px;
}

#footer_links {
	text-align: center;
	padding-top: 12px;
}

#footer_links a {
	color: #ffffff;
	font-size: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

#copyrights {
	text-align: center;
	padding-top: 27px;
}


/* ********** [ CONTAINER ] ********** */

div#container_wrap {
	margin: 0px auto;
	padding: 0px;
	width: 960px; }

  	div#container {
		margin: 0px auto;
		width: 960px; }

.mainbox_bg {
	margin-bottom: 20px;
	width: 960px;
	background-color: #ffffff;
}

.mainbox_t {
	background: url(mainbox_t.gif) repeat-x;
}

.mainbox_b {
	background: url(mainbox_b.gif) repeat-x 0 100%;
}

.mainbox_l {
	background: url(mainbox_l.gif) repeat-y;
}

.mainbox_r {
	background: url(mainbox_r.gif) repeat-y 100% 0;
}

.mainbox_tl {
	background: url(mainbox_tl.jpg) no-repeat;
}

.mainbox_tr {
	background: url(mainbox_tr.jpg) no-repeat 100% 0;
}

.mainbox_bl {
	background: url(mainbox_bl.jpg) no-repeat 0 100%;
}

.mainbox_br {
	background: url(mainbox_br.jpg) no-repeat 100% 100%;
	padding-top: 3px;
}

.mainbox_caption_bg {
	background: url(mainbox_caption_bg.gif) repeat-x;
	margin: 0 3px 0 3px;
	padding: 13px 21px 17px 21px;
		}

.bluebox_bg {
	display: inline;
	float: left;
	width: 960px;
	background-color: #f3fbfe;
}

.bluebox_t {
	background: url(bluebox_point.gif) repeat-x;
}

.bluebox_b {
	background: url(bluebox_point.gif) repeat-x 0 100%;
}

.bluebox_l {
	background: url(bluebox_point.gif) repeat-y;
}

.bluebox_r {
	background: url(bluebox_point.gif) repeat-y 100% 0;
}

.bluebox_tl {
	background: url(bluebox_tl.gif) no-repeat;
}

.bluebox_tr {
	background: url(bluebox_tr.gif) no-repeat 100% 0;
}

.bluebox_bl {
	background: url(bluebox_bl.gif) no-repeat 0 100%;
}

.bluebox_br {
	background: url(bluebox_br.gif) no-repeat 100% 100%;
	padding: 10px 21px 16px 21px;
}

#steps {
	width: 500px;
	background: url(pic_steps.jpg) no-repeat;
	margin-left: 13px;
	padding-left: 100px;
	border: 1px solid #f3fbfe;
	float: left;
	display: inline;
}

#steps ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: -15px;
}

#steps li {
	margin-top: 7px;
	margin-bottom: 29px;
}

#loginbox {
	width: 288px;
	text-align: left;
	float: right;
	display: inline;
}

.squarebox {
	border: 1px solid #95d0fc;
	padding: 10px 15px 10px 15px;
	background: #ffffff;
}

.bluebox_bg h2 {
	font-size: 24px;
	color: #ff0084;
	margin: 0;
}

.bluebox_bg h3 {
	font-size: 24px;
	color: #00aff0;
	margin: 0 0 5px 0;
	padding-bottom: 12px;
	background: url(separator.gif) repeat-x 0 100%;
}

.blue_text {
	color: #00aff0;
}

.squarebox h3 img {
	vertical-align: middle;
}

.inputfield {
	border: 1px solid #ababab;
	background: #fff2f9;
	width: 254px;
	height: 20px;
	margin-bottom: 8px;
	font-size: 16px;
	color: #656b6f;
	padding-top: 3px;
}

.button {
	vertical-align: middle;
	float: right;
}

.login_button {
	width: 256px;
	margin-top: 9px;
	margin-bottom: 4px;
}

/* ********** [ CONTENT ] ********** */

#content_wrap {
	margin: 0px;
	padding: 0px;
	width: 910px; }

  	#content { }


/* ********** [ MESSAGES ] ********** */

div#info_message {
	margin: 10px 10px 0px 10px;
	padding: 10px;
    font: 14px arial;
	color: #aa571b;
    background-color: #FFFFC0;
    border-top: 1px #d8b62d solid;
    border-bottom: 1px #d8b62d solid;
}

div#error_message {
	margin: 10px 10px 0px 10px;
	padding: 10px;
    font: 14px arial;
	color: #800000;
    background-color: #FFD7D7;
    border-top: 1px #9D290D solid;
    border-bottom: 1px #9D290D solid;
}