/*
########################
# GLOBAL
########################
*/

body {
	background: #ffffff url("../img/background.gif") top left repeat-x;
	margin: 0px; }

table {
	border-collapse: collapse;
	border-spacing: 0px; }

td {
	padding: 0px;
	vertical-align: top; }

form {
	margin: 0px; }

p {
	margin: 0px; }

ul {
	margin: 0px 15px; }

div {
	text-align: left; }

img {
	border: 0px; }

div.center {
	text-align: center; }

/*
########################
# HEADER
########################
*/

div.header {
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	background: #102e56 url("../img/header.gif") no-repeat; }

table.header {
	margin: 0px auto;
	width: 920px; }

div.body {
	text-align: center;
	padding: 53px 20px;
	background: url("../img/waves.gif") top left no-repeat; }

a.facebook {
	width: 38px;
	height: 67px;
	margin-left: 10px;
	display: block;
	overflow: hidden;
	background: url("../img/home_facebook.gif") 0px 0px no-repeat; }

a.facebook:hover {
	background: url("../img/home_facebook.gif") 0px -67px no-repeat; }

a.twitter {
	width: 58px;
	height: 67px;
	margin-left: 10px;
	display: block;
	overflow: hidden;
	background: url("../img/home_twitter.gif") 0px 0px no-repeat; }

a.twitter:hover {
	background: url("../img/home_twitter.gif") 0px -67px no-repeat; }

a.home, a.home_s, a.services, a.services_s, a.about, a.about_s, a.contact, a.contact_s, a.support, a.support_s, a.signin, a.signin_s, a.signout, a.myaccount, a.myaccount_s, a.dashboard, a.dashboard_s, a.admin, a.admin_s, a.cms, a.cms_s {
	width: 38px;
	height: 67px;
	display: block;
	overflow: hidden;
	background: url("../img/home.gif") 0px 0px no-repeat; }

a.home:hover {
	background: url("../img/home.gif") 0px -67px no-repeat; }

a.home_s {
	background: url("../img/home.gif") 0px -134px no-repeat; }

a.services, a.services_s {
	width: 52px;
	margin-left: 20px;
	background: url("../img/services.gif") 0px 0px no-repeat; }

a.services:hover {
	background: url("../img/services.gif") 0px -67px no-repeat; }

a.services_s {
	background: url("../img/services.gif") 0px -134px no-repeat; }

a.about, a.about_s {
	width: 39px;
	margin-left: 20px;
	background: url("../img/about.gif") 0px 0px no-repeat; }

a.about:hover {
	background: url("../img/about.gif") 0px -67px no-repeat; }

a.about_s {
	background: url("../img/about.gif") 0px -134px no-repeat; }

a.contact, a.contact_s {
	width: 48px;
	margin-left: 20px;
	background: url("../img/contact.gif") 0px 0px no-repeat; }

a.contact:hover {
	background: url("../img/contact.gif") 0px -67px no-repeat; }

a.contact_s {
	background: url("../img/contact.gif") 0px -134px no-repeat; }

a.support, a.support_s {
	width: 51px;
	margin-left: 20px;
	background: url("../img/support.gif") 0px 0px no-repeat; }

a.support:hover {
	background: url("../img/support.gif") 0px -67px no-repeat; }

a.support_s {
	background: url("../img/support.gif") 0px -134px no-repeat; }

a.signin, a.signin_s {
	width: 44px;
	margin-left: 20px;
	background: url("../img/signin.gif") 0px 0px no-repeat; }

a.signin:hover {
	background: url("../img/signin.gif") 0px -67px no-repeat; }

a.signin_s {
	background: url("../img/signin.gif") 0px -134px no-repeat; }

a.signout {
	width: 56px;
	margin-left: 20px;
	background: url("../img/signout.gif") 0px 0px no-repeat; }

a.signout:hover {
	background: url("../img/signout.gif") 0px -67px no-repeat; }

a.myaccount, a.myaccount_s {
	width: 76px;
	margin-left: 20px;
	background: url("../img/myaccount.gif") 0px 0px no-repeat; }

a.myaccount:hover {
	background: url("../img/myaccount.gif") 0px -67px no-repeat; }

a.myaccount_s {
	background: url("../img/myaccount.gif") 0px -134px no-repeat; }

a.dashboard, a.dashboard_s {
	width: 69px;
	margin-left: 20px;
	background: url("../img/dashboard.gif") 0px 0px no-repeat; }

a.dashboard:hover {
	background: url("../img/dashboard.gif") 0px -67px no-repeat; }

a.dashboard_s {
	background: url("../img/dashboard.gif") 0px -134px no-repeat; }

a.admin, a.admin_s {
	width: 42px;
	margin-left: 20px;
	background: url("../img/admin.gif") 0px 0px no-repeat; }

a.admin:hover {
	background: url("../img/admin.gif") 0px -67px no-repeat; }

a.admin_s {
	background: url("../img/admin.gif") 0px -134px no-repeat; }

a.cms, a.cms_s {
	width: 30px;
	margin-left: 20px;
	background: url("../img/cms.gif") 0px 0px no-repeat; }

a.cms:hover {
	background: url("../img/cms.gif") 0px -67px no-repeat; }

a.cms_s {
	background: url("../img/cms.gif") 0px -134px no-repeat; }

/*
########################
# HOME
########################
*/

a.f1, a.f1_s, a.f2, a.f2_s, a.f3, a.f3_s, a.f4, a.f4_s {
	width: 40px;
	height: 39px;
	display: block;
	overflow: hidden;
	background: url("../img/home_f1.gif") 0px 0px no-repeat; }

a.f1:hover {
	background: url("../img/home_f1.gif") 0px -39px no-repeat; }

a.f1_s {
	background: url("../img/home_f1.gif") 0px -78px no-repeat; }

a.f2 {
	background: url("../img/home_f2.gif") 0px 0px no-repeat; }

a.f2:hover {
	background: url("../img/home_f2.gif") 0px -39px no-repeat; }

a.f2_s {
	background: url("../img/home_f2.gif") 0px -78px no-repeat; }

a.f3 {
	background: url("../img/home_f3.gif") 0px 0px no-repeat; }

a.f3:hover {
	background: url("../img/home_f3.gif") 0px -39px no-repeat; }

a.f3_s {
	background: url("../img/home_f3.gif") 0px -78px no-repeat; }

a.f4 {
	background: url("../img/home_f4.gif") 0px 0px no-repeat; }

a.f4:hover {
	background: url("../img/home_f4.gif") 0px -39px no-repeat; }

a.f4_s {
	background: url("../img/home_f4.gif") 0px -78px no-repeat; }

/*
########################
# CONTENT
########################
*/

div.content {
	width: 920px; }

p.header {
	font-size: 32px;
	font-family: arial;
	color: #102e56;
	line-height: 34px; }

p.content, p.content a, p.content_small, p.content_small a, li, p.subheader, font.subheader {
	font-size: 16px;
	font-family: arial;
	color: #545f79;
	line-height: 24px; }

p.subheader, font.subheader {
	font-size: 26px;
	color: #d57c3a;
	line-height: 30px; }

font.subheader {
	line-height: 17px; }

p.content a, p.content_small a {
	color: #d57c3a; }

p.content a:hover, p.content_small a:hover {
	color: #ffb757; }

p.content_small, p.content_small a {
	font-size: 11px; }

/*
########################
# GUI
########################
*/

div.mid {
	background: #bbc1d0;
	border-left: 1px solid #969fb7;
	border-right: 1px solid #969fb7; }

p.midheader {
	font-size: 26px;
	font-family: arial;
	color: #ffffff;
	line-height: 35px; }

p.midcontent, p.midcontent a, ul.midcontent {
	font-size: 12px;
	font-family: arial;
	color: #424b61;
	line-height: 24px; }

p.midcontent a {
	color: #b45814; }

p.midcontent a:hover {
	color: #d57c3a; }

/*
########################
# PORTAL
########################
*/

div.mid_portal {
	padding: 20px;
	background: #ffffff;
	border-left: 1px solid #bcc2d1;
	border-right: 1px solid #bcc2d1; }

div.head_portal {
	height: 38px;
	display: block;
	background: #102e56;
	overflow: hidden;
	text-align: left; }

div.head_portal p {
	white-space: nowrap;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 20px; }

p.content_portal, p.content_portal a, p.error_portal {
	font-family: arial;
	font-size: 12px;
	color: #545f79;
	line-height: 18px; }

p.content_portal a, p.error_portal {
	color: #d57c3a; }

p.content_portal a:hover {
	color: #ffb757; }

a.search {
	width: 29px;
	height: 28px;
	display: block;
	overflow: hidden;
	background: #d57c3a url("../img/search.gif") 0px 0px no-repeat;
	cursor: pointer; }

a.search:hover {
	background: #ffb757 url("../img/search.gif") 0px -28px no-repeat; }

a.close {
	width: 10px;
	height: 28px;
	display: block;
	overflow: hidden;
	background: #102e56 url("../img/close.gif") 0px 0px no-repeat;
	cursor: pointer; }

a.close:hover {
	background: #102e56 url("../img/close.gif") 0px -28px no-repeat; }

a.new {
	width: 39px;
	height: 28px;
	display: block;
	overflow: hidden;
	background: #85b939 url("../img/new.gif") 0px 0px no-repeat;
	cursor: pointer; }

a.new:hover {
	background: #689427 url("../img/new.gif") 0px -28px no-repeat; }

/*
########################
# GRID
########################
*/

td.grid {
	padding: 4px 10px;
	border-bottom: 1px solid #e7e8f0; }

td.grid_head, td.grid_head_hover {
	vertical-align: middle;
	height: 29px;
	background: #e7e8f0;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #bbc1d0;
	border-top: 0px; }

td.grid_head_hover {
	cursor: pointer;
	background: #bbc1d0; }

td.grid p, td.grid a, td.grid_head p, td.grid_head_hover p {
	font-family: arial;
	font-size: 11px;
	color: #545f79;
	line-height: 17px; }

td.grid_head p, td.grid_head_hover p {
	margin: 2px 0px;
	margin-top: 4px;
	line-height: 13px; }

td.grid a {
	color: #d57c3a; }

td.grid a:hover {
	color: #ffb757; }

/*
########################
# FORM
########################
*/

p.form {
	margin-top: 6px;
	margin-right: 10px;
	font-size: 12px;
	font-family: arial;
	color: #545f79;
	font-weight: bold; }

div.textbox {
	display: block;
	overflow: hidden;
	width: 240px;
	height: 29px;
	margin-bottom:10px; }

input.textbox, input.textbox_focus, textarea.textarea, textarea.textarea_focus {
	width: 240px;
	height: 28px;
	font-family: arial;
	font-size: 12px;
	background: #e7e8f0 url("../img/textbox.gif") no-repeat;
	border: 0px;
	padding: 6px 10px;
	color: #bbc1d0; }

div.textarea {
	width: 240px;
	padding: 5px 1px;
	height: 120px;
	background: #ffffff url("../img/textarea.gif") no-repeat; }

textarea.textarea, textarea.textarea_focus {
	padding: 6px 10px;
	width: 218px;
	background: #e7e8f0;
	height: 96px; }

input.textbox, input.textbox_focus, div.textarea {
	margin-bottom: 8px; }

input.textbox_focus, textarea.textarea_focus {
	color: #545f79; }

input.button, input.button_rollover {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	border: 0px;
	background: url("../img/button.gif") 0px 0px no-repeat;
	color: #ffffff;
	height: 28px;
	width: 80px;
	cursor: pointer; }

input.button_rollover {
	background: url("../img/button.gif") 0px -28px no-repeat; }

input.button2, input.button2_rollover {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	border: 0px;
	background: #d57c3a url("../img/button_t.gif") 0px 0px no-repeat;
	color: #ffffff;
	height: 28px;
	width: 80px;
	cursor: pointer; }

input.button2_rollover {
	background: #ffb757 url("../img/button_t.gif") 0px -28px no-repeat; }

div.dropdown {
	background: #e7e8f0 url("../img/textbox.gif") no-repeat;
	padding: 4px 6px;
	width: 240px;
	margin-bottom: 10px;
	height: 28px; }

div.dropdown div {
	background: #e7e8f0;
	display: block;
	overflow: hidden;
	height: 19px;
	width: 228px; }

select.select {
	width: 230px;
	margin: -1px -1px;
	color: #545f79;
	background: #e7e8f0;
	font-family: arial;
	font-size: 12px; }

input.midheader, input.midheader_focus, input.midlink, input.midlink_focus {
	width: 260px;
	margin: 0px;
	font-size: 26px;
	font-family: arial;
	color: #ffffff;
	border: 1px dashed #969fb7;
	background: transparent; }

textarea.midcontent, textarea.midcontent_focus {
	font-size: 12px;
	font-family: arial;
	color: #424b61;
	line-height: 24px;
	border: 1px dashed #969fb7;
	background: transparent;
	width: 260px;
	height: 72px;
	overflow: hidden; }

input.midlink, input.midlink_focus {
	width: 215px;
	font-size: 12px;
	color: #b45814;
	text-decoration: underline;
}

input.midheader_focus, textarea.midcontent_focus, input.midlink_focus {
	border: 1px dashed #424b61;
}

input.midinput, input.midinput_focus {
	width: 248px;
	height: 18px;
	margin: 0px;
	font-size: 12px;
	font-family: arial;
	color: #ffffff;
	padding: 5px 8px;
	border: none;
	margin-top: 6px;
	background: transparent; }


/*
########################
# FOOTER
########################
*/

div.footer {
	margin: 20px auto;
	margin-top: 0px;
	width: 920px; }

p.footer_big, p.footer_small, p.footer_small a {
	font-size: 26px;
	font-family: arial;
	color: #bbc1d0; /*ced3db*/
	line-height: 28px; }

p.footer_big {
	white-space: nowrap; }

p.footer_small, p.footer_small a {
	margin-top: 1px;
	font-size: 11px;
	line-height: 12px; }

p.footer_small a {
	color: #d57c3a; }

p.footer_small a:hover {
	color: #ffb757; }

/*
########################
# BUTTONS
########################
*/

a.accept, a.accept_s, a.accept_x, a.decline, a.decline_s, a.decline_x, a.question, a.question_s,, a.question_x {
	width: 30px;
	height: 28px;
	display: block;
	overflow: hidden; }

a.accept { background: url("../img/button_check.gif") 0px 0px no-repeat; }
a.accept_s { background: url("../img/button_check.gif") 0px -28px no-repeat; }
a.accept_x { background: url("../img/button_check.gif") 0px -56px no-repeat; }

a.decline { background: url("../img/button_x.gif") 0px 0px no-repeat; }
a.decline_s { background: url("../img/button_x.gif") 0px -28px no-repeat; }
a.decline_x { background: url("../img/button_x.gif") 0px -56px no-repeat; }

a.question { background: url("../img/button_question.gif") 0px 0px no-repeat; }
a.question_s { background: url("../img/button_question.gif") 0px -28px no-repeat; }
a.question_x { background: url("../img/button_question.gif") 0px -56px no-repeat; }