/* ----- Main Body ----- */

body, html {
	background-color: #ffffff;
}

body {
	font-family: Verdana, Verdana, Geneva, sans-serif;
	color: #000000;
	font-size: 11pt;
}


/* ----- Page General Styles ----- */

/*
p, li, dt {
	font-size: 77%;
}
*/

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.accessability {
	display: none;
}


/* ----- Template ----- */

.clear {
	clear: both;
}

.maincontent dl.standardfaq dt {
	font-weight: bold;
	margin-bottom: 10px;
	color: #eb7112;
}

.maincontent dl.standardfaq dd {
	margin-bottom: 20px;
}

.wrapper {
	width: 971px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.maincontent h1, .bannerbox h1 {
	color: #eb7112;
	font-weight: bold;
	font-size: 16pt;
	margin-bottom: 1em;
}

.maincontent h2 {
	color: #eb7112;
	font-weight: bold;
	font-size: 12pt;
	margin-bottom: 1em;
}

.maincontent p {
	margin-bottom: 1em;
}

.maincontent a, .bannerbox a, .register a {
	color: #eb7112;
}

.maincontent a:hover, .bannerbox a:hover, .register a:hover {
	color: #aa540d;
}

/* Lists */

.maincontent ol {
	margin-bottom: 1.5em;
	list-style-type: decimal;
}

.maincontent ol li {
	margin-bottom: 0.8em;
	margin-left: 3em;
}

/*
.maincontent ul {
	margin-bottom: 1.5em;
}

.maincontent ul li {
	margin-bottom: 0.8em;
	padding-left: 25px;
	margin-left: 15px;
	background-image: url(../../../resources/template/tick.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 1.2em;
}
*/

.maincontent ul {
	margin-bottom: 1.5em;
}

.maincontent ul li {
	margin-bottom: 0.8em;
	padding-left: 5px;
	margin-left: 30px;
	line-height: 1.2em;
	list-style-type: square;
}

.maincontent .last {
	margin-bottom: 0;
}

/* Header */

.header {
	background-image: url(../../../resources/template/header.jpg);
	height: 95px;
}

.header .logolink {
	display: block;
	float: left;
	width: 315px;
	height: 95px;
}

.header .login {
	float: right;
	width: 250px;
	height: 95px;
	margin-right: 15px;
}

/* Header Form */

.header .login {
}

.header .login .loginform {
	margin-top: 15px;
	min-height: 1px; /* IE Fix */
}

.header .login .inputxttitle {
	font-size: 10pt;
	line-height: 20px;
	height: 20px;
	float: left;
	width: 80px;
	text-align: right;
	padding-right: 10px;
}

.header .login .autologin {
	margin-left: 90px;
	float: left;
}

.header .login .loginbtncontainer {
	float: right;
}

.header .login .checkbox {
	width: 12px;
	height: 12px;
	float: left;
}

.header .login .autotitle {
	font-size: 8pt;
	float: left;
	margin-left: 4px;
}

.header .login .inputtxt {
	background-image: url(../../../resources/template/login_fieldbox.gif);
	border-width: 0;
	width: 159px;
	height: 20px;
	float: left;
	margin-bottom: 5px;
}

.header .login .loggedin {
	margin-top: 10px;
	font-size: 10pt;
}

.header .login .loggedin .logoutbtn {
	margin-top: 5px;
	display: block;
}

/* Header Banner */

.header_banner {
	background-image: url(../../../resources/template/header_banner.gif);
	height: 91px;
	font-family: sans-serif;
}

.header_banner ul {
	margin-bottom: 1.5em;
}

.header_banner .tagline {
	color: #ffffff;
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 30px;
	padding-top: 23px;
}

.header_banner ul {
	margin-left: 32px;
	padding-top: 10px;
}

.header_banner ul li {
	margin-bottom: 0.8em;
	padding-left: 25px;
	margin-right: 20px;
	background-image: url(../../../resources/template/header_tick.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 1.2em;
	color: #ffffff;
	float: left;
	font-weight: bold;
	font-size: 11pt;
}

/* Navigation */

.header-navigation, .header-navigation ul .sep, .header-navigation ul li, .header-navigation ul li a, .header-navigation ul li .selected .middle, .header-navigation ul li .selected .left, .header-navigation ul li .selected .right {
	height: 38px;
}

.header-navigation {
	background-image: url(../../../resources/template/navigation/background.gif);
	background-repeat: repeat-x;
}

.header-navigation ul .sep {
	background-image: url(../../../resources/template/navigation/separator.gif);
	width: 1px;
	display: block;
}

.header-navigation ul li {
	float: left;
}

.header-navigation ul li a {
	display: block;
	color: #ffffff;
	line-height: 40px;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	text-transform: uppercase;
}

.header-navigation ul li .selected {
	color: #13274b;
}

.header-navigation ul li .left {
	padding-left: 12px;
}

.header-navigation ul li .selected .left {
	background-image: url(../../../resources/template/navigation/btn_left.gif);
	background-repeat: no-repeat;
	background-position: center left;
	display: block;
}

.header-navigation ul li .selected .middle {
	background-image: url(../../../resources/template/navigation/btn_middle.gif);
	background-repeat: repeat-x;
	display: block;
}

.header-navigation ul li .right {
	padding-right: 12px;
}

.header-navigation ul li .selected .right {
	background-image: url(../../../resources/template/navigation/btn_right.gif);
	background-repeat: no-repeat;
	background-position: center right;
	display: block;
}

/* Left Panel */

.left_panel {
	margin-top: 4px;
	width: 324px;
	float: left;
}

/* Left Panel - Register Message */

.left_panel .reigster_now {
	background-image: url(../../../resources/template/left_panel/register_now.jpg);
	height: 137px;
	font-weight: bold;
}

.left_panel .reigster_now .info {
	margin-left: 120px;
	padding-top: 5px;
	padding-right: 10px;
}

.left_panel .reigster_now .line1 {
	color: #eb7112;
	font-weight: bold;
	font-size: 16pt;
	margin-bottom: 5px;
	text-align: right;
}

.left_panel .reigster_now .line2, .left_panel .reigster_now .line3 {
	color: #13274b;
	font-size: 11pt;
	text-align: right;
}

/* Left Panel - Register Form */

.register {
	margin-top: 4px;
}

.register .group {
	min-height: 1px; /* IE haslayout fix */
}

.register .title {
	height: 30px;
	line-height: 30px;
	font-size: 12pt;
	color: #ffffff;
	background-color: #13274b;
	font-weight: bold;
	text-indent: 10px;
}

.register .boxcontenet {
	padding: 10px;
	border: 1px solid #c2c2c2;
	min-height: 190px;
}

.register .boxcontenet .group {
	padding-bottom: 8px;
}

.register .boxcontenet .inputxttitle {
	float: left;
	width: 100px;
	height: 23px;
	line-height: 23px;
	color: #223a67;
	font-size: 10pt;
	font-weight: bold;
}

.register .boxcontenet .inputtxt {
	background-image: url(../../../resources/template/left_panel/register_fieldbox.gif);
	width: 186px;
	height: 23px;
	border-width: 0;
	line-height: 23px;
	text-indent: 2px;
	float: left;
	display: block;
}

.register .boxcontenet .extrainfo {
	margin-left: 100px;
	font-size: 8pt;
	color: #505050;
	margin-top: 1px;
}

.register .note {
	color: #646464;
	font-size: 8pt;
	text-align: justify;
}

.register .note .line {
	background-image: url(../../../resources/template/left_panel/register_line.gif);
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.register .registerbtn {
	margin-left: 100px;
}

.register .errorcontainer {
	margin-bottom: 10px;
}

/* Right Panel */

.right_panel {
	margin-top: 4px;
	float: right;
	width: 643px;
}

.right_panel .maincontent {
	padding: 15px;
	border: 1px solid #c2c2c2;
}

/* Right Panel - Banner Box */

.right_panel .bannerbox {
	margin-bottom: 4px;
	height: 137px;
}

.right_panel .bannerbox .info {
	/*padding-top: 10px;*/
	padding-top: 40px;
	margin-left: 280px;
	font-size: 9pt;
	width: 350px;
}

.right_panel .bannerbox .info h1 {
	margin-bottom: 15px;
}

/* Footer */

.footer {
	background-image: url(../../../resources/template/footer.gif);
	height: 39px;
	margin-top: 4px;
}

.footer .left {
	width: 60%;
	float: left;
	color: #ffffff;
	font-size: 9pt;
	height: 39px;
	line-height: 39px;
}

.footer .right {
	width: 30%;
	float: right;
	text-align: right;
	color: #ffffff;
	font-size: 9pt;
	height: 39px;
	line-height: 39px;
	padding-right: 10px;
}

.footer .navigation {
	margin-left: 10px;
}

.footer .navigation li a, .footer .navigation li {
	color: #ffffff;
}

.footer .navigation li {
	display: inline;
}

.footer .navigation li a {
	text-decoration: none;
}

.footer .navigation li a:hover {
	text-decoration: underline;
}

.footer {
	margin-bottom: 10px;
}


/* ----- Authentication ----- */

.loginbox {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 240px;
	color: #ffffff;
}

.loginbox .error {
	background-color: #ffc4c5;
	padding: 3px;
	margin-bottom: 1px;
	color: #000000;
	font-size: 10pt;
}

.loginbox .loginboxcontent {
	padding: 10px;
	background-color: #162c55;
}

.loginbox .loginboxtitle {
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 2px;
}

.loginbox .loginboxcontentinner {
	border: 1px solid #ffffff;
	padding: 10px;
}

.loginbox .inputxttitle {
	display: block;
}

.loginbox label {
	font-size: 9pt;
}

.loginbox .inputtxt {
	display: block;
	margin-bottom: 5px;
	width: 195px;
}

.loginbox .autologin {
	margin-bottom: 5px;
}


/* ----- Error Message ----- */

.errorcontainer {
	padding-top: 1px;
}

.errorcontainer .errormsg {
	background-color: #ffc4c5;
	padding: 3px;
	margin-bottom: 1px;
	font-weight: bold;
	font-size: 10pt;
}

.successmsg {
	background-color: #d8fdc8;
	padding: 5px;
	margin-bottom: 1px;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 1px;
}


/* ----- Contact Page ----- */

.page-contact .conteactform .inputxttitle {
	display: block;
	font-size: 10pt;
	margin-bottom: 2px;
	font-weight: bold;
	color: #eb7112;
}

.page-contact .conteactform .inputxt, .page-contact .txtarea {
	margin-bottom: 10px;
}

.page-contact .errorcontainer {
	margin-bottom: 5px;
}


/* ----- Home Page ----- */

.page-home .maincontent {
	font-size: 10pt;
	text-align: justify;
	min-height: 351px;
}

.page-home .float-right {
	float: right;
}

.page-home .photo {
	border: 1px solid #c2c2c2;
	margin-left: 10px;
	display: block;
	padding: 2px;
}


/* ----- Costs Page ----- */

.page-costs .right_panel .bannerbox {
	background-image: url(../../../resources/costs/bannerbox.jpg);
}

/* Credit Pack */

.page-costs .creditpack {
	border-collapse: collapse;
	font-size: 10pt;
}

.page-costs .creditpack th {
	color: #eb7112;
	font-weight: bold;
}

.page-costs .creditpack th, .page-costs .creditpack td {
	padding: 5px;
	border: 1px solid #eb7112;
}

/* Credit Usage */

.page-costs .creditusage {
	border-collapse: collapse;
	font-size: 10pt;
}

.page-costs .creditusage th {
	color: #eb7112;
	font-weight: bold;
}

.page-costs .creditusage th, .page-costs .creditusage td {
	padding: 5px;
	border: 1px solid #eb7112;
}


/* ----- About Page ----- */

.page-about .right_panel .bannerbox {
	background-image: url(../../../resources/about/bannerbox.jpg);
}

.page-about .maincontent ul li {
	color: #eb7112;
}


/* ----- FAQ Page ----- */

.page-faq .right_panel .bannerbox {
	background-image: url(../../../resources/faq/bannerbox.jpg);
}
