﻿/* GLOBAL STYLES */
*
{
	margin:0px;
	padding:0px;
}

body {
	background:#545454;
}

body, th, td, input, textarea, select {
	font-family:Verdana;
	font-size:12px;
	color:#717366;
}
ul, li 
{
	list-style:none;
}

.orange {color:#e86024;}
.green {color:#b8d03b;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.divider {height:25px;}
.w_100 {width:100%;}
.section_spacer {height:15px; display:block;}
div.hr {border: none 0; border-bottom: 2px solid #d5d5d5; height: 1px; margin: 5px auto 10px auto; display:block;}
p, ul.listitems {margin:0px 0px 15px 0px; text-align:justify;}
p {font-size:11px; font-weight:normal; line-height:150%;}
ul.listitems li {list-style-type:disc; list-style-position:outside; margin:5px 0px 5px 30px;}
.spacer_top {margin-top:15px;}
.spacer_bottom {margin-bottom:15px;}
.spacer {margin-top:15px; margin-bottom:15px;}
.spacer_small_top {margin-top:5px;}
.spacer_small_bottom {margin-bottom:5px;}
.spacer_small {margin-top:15px; margin-bottom:5px;}
.padding_3 {padding:5px;}
.red {color:Red;}
.center {text-align:center;}
.error_info {color:#e86024; border:solid 1px #e86024; padding:15px;}
table.error_info {padding:0px;}
.block {display:block;}
.marginl {margin-left:20px;}

h1, h2, h3 {font-family:Verdana;}
h1 {font-size:18px; font-weight:bold; color:#e86024;}
h2 {font-size:15px; font-weight:bold; margin:3px 0px 6px 0px;}
h3 {font-size:15px; font-weight:bold; color:#000000; margin-bottom:8px;}

blockquote 
{
	text-align:justify;
	margin-bottom:15px;
}

a, a:visited {color:#717366; text-decoration:none; font-weight:bold;}
a:hover {color:#e86024;}
.button, .button:link, .button:visited
{
	border:solid 1px #cc0000;
	background:url(../images/button_bg.gif) repeat-x top left #cb3721;
	height:20px;
	line-height:18px;
	display:block;
	font-size:10px;
	color: #FFFFFF;
	cursor: pointer;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
}
.button:hover {background:url(../images/button_bg_hover.gif) repeat-x top left; color:#FFFFFF; border-color:#330000;}

input, textarea, select
{
    font-size: 10px;
	color:#000000;
	border:solid 1px #d5d5d5;
    padding:3px 4px;
	background:#FFFFFF url(../Images/input_bg.gif) repeat-x top left;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{
	border:solid 1px #e86024;
	background-image:none;
	background-color:#FFFFFF;
}
input[type="image"]
{
	background-image:none;
	background-color:Transparent;
	padding:0px;
}

a.orange , a.orange:visited
{
	color:#e86024;
	text-decoration:none;
	font-weight:bold;
}
a.orange:hover {text-decoration:underline; cursor:pointer;}

label 
{
	font-weight:bold;
	display:block;
}
.noblock {display:inherit;}


/* MAIN STYLES */
.page_holder {width:800px; margin-left:auto; margin-right:auto;}

/* HEADER STYLES */
.header 
{
	background:url(../images/header_bg.jpg) top left repeat-x #FFFFFF;
}
.header .logo 
{
	margin-left:24px;
	margin-top:23px;
}
.header .name
{
	margin-left:13px;
	margin-top:27px;
	font-family:Arial Black;
	color:#FFFFFF;
}
.header a.pagelink {font-size:36px; text-decoration:none; color:#FFFFFF;}
.header a.pagelink:visited {color:#FFFFFF; text-decoration:none;}
.header a.pagelink:hover {color:#98d850;}

.header .pagedescription
{
	font-size:14px;
	margin-top:-5px;
	margin-left:2px;
}
.header .rightimage
{
	background:url(../images/header_right.jpg) top left no-repeat;
	height:126px;
	width:397px;
	display:block;
}


/* NAVIGATION TOP MENU */
.header .navigation_top
{
	height:30px;
	background:url(../images/menu_top_bg.gif) top left repeat-x;
	line-height:30px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}
.header .navigation_top li {float:left; height:30px; display:block}
.header .navigation_top li.top_menu_left
{
	width:2px;
	background:url(../images/menu_top_bg_left.gif) top left repeat-x;
}
.header .navigation_top li.top_menu_right
{
	width:2px;
	background:url(../images/menu_top_bg_right.gif) top left repeat-x;
	float:right;
}
.header .navigation_top li.top_menu_spacer{width:196px;}
.header .navigation_top a 
{
	background:url(../images/menu_top_bg.gif) top left repeat-x;
	width:150px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
.header .navigation_top a:hover, .header .navigation_top a.active
{
	background:url(../images/menu_top_bg_hover.gif) top left repeat-x;
}
.header .navigation_top a:visited 
{
	color:#FFFFFF;
	text-decoration:none;
}
.header .banner_top 
{
	background:url(../images/banner_top.jpg) top left no-repeat;
	height:170px;
	width:800px;
	display:block;
	margin-top:12px;
}
.header .banner_top .button_signup 
{
	position:relative;
	top:130px;
	left:150px;
	width:160px;
}

/* FOOTER STYLES */
.footer 
{
	color:#7c7c7b;
	font-size:10px;
	margin-top:14px;
	padding-bottom:14px;
	line-height:22px;
}
.footer a, .footer a:visited
{
	text-decoration:none;
	color:#7c7c7b;
}
.footer a:hover {color:#98d850;}
.footer a img { text-align:inherit;}


/* MAIN CONTENT STYLES */
.main_container 
{
	font-size:10px;
	font-family:Verdana;
	background:none #FFFFFF;
	padding:30px 0px;
	overflow:hidden;
}
.main_container .col_left 
{
	width:195px;
	float:left;
}
.main_container .col_right 
{
	margin-left:225px;
}


/* BOX STYLES */
.box_gradient 
{
	font-weight:bold;
	font-family:Verdana;
}
.box_gradient .box_gradient_top *, .box_gradient .box_gradient_bottom *
{
	height:6px;
	display:block;
}

.box_gradient .box_gradient_t
{
	background:url(../images/box_bg_t.gif) top left repeat-x;
	margin-left:6px;
	margin-right:6px;
	
}
.box_gradient .box_gradient_tl
{
	background:url(../images/box_bg_tl.gif) top left no-repeat;
	width:6px;
	float:left;
}
.box_gradient .box_gradient_tr
{
	background:url(../images/box_bg_tr.gif) top left no-repeat;
	width:6px;
	float:right;
}
.box_gradient .box_gradient_b
{
	background:url(../images/box_bg_b.gif) top left repeat-x;
	margin-left:6px;
	margin-right:6px;
	
}
.box_gradient .box_gradient_bl
{
	background:url(../images/box_bg_bl.gif) top left no-repeat;
	width:6px;
	float:left;
}
.box_gradient .box_gradient_br
{
	background:url(../images/box_bg_br.gif) top left no-repeat;
	width:6px;
	float:right;
}
.box_gradient .box_gradient_center 
{
	background:#f9f9f9 url(../images/box_bg_c.gif) bottom left repeat-x;
	border-left:solid 1px #d5d5d5;
	border-right:solid 1px #d5d5d5;
}
.box_gradient .box_form
{
	background:#f9f9f9 url(../images/box_bg_c_form.gif) bottom left repeat-x;
	padding-bottom:10px;
}
.box_gradient .box_gradient_center .box_gradient_content 
{
	padding:8px 13px;
}
.box_gradient .bottom_panel
{
	overflow:hidden;
	margin-top:8px;
	line-height:20px;
}
.box_gradient .login_button 
{
	width:60px;
}
.box_gradient input[type="text"], .box_gradient input[type="password"], .box_gradient textarea
{
	width:156px;
}

.menu_nav li.spacer 
{
	height:12px;
	display:block;
	margin:0px;
	padding:0px;
	background:url(../images/dot3.gif) repeat-x center left;
}
.menu_nav a, .menu_nav a:visited
{
	height:16px;
	display:block;
	line-height:16px;
	padding-left:3px;
}
.menu_nav a:hover 
{
	color:White;
	background:url(../images/menu_nav_bg_hover.gif) repeat-x center left;
}
.menu_nav a.active
{
	background:url(../images/menu_nav_bg_selected.gif) no-repeat center right;
}
.menu_nav a.active:hover
{
	background:url(../images/menu_nav_bg_hover.gif) repeat-x center left;
}

/* TABS */
.box_gradient ul.tabs
{
    float:right;
    margin-right:7px;
    margin-bottom:-1px;
}
.box_gradient ul.tabs li
{
    float:left;
}
.box_gradient ul.tabs li a, .box_gradient ul.tabs li a:visited
{
    width:124px;
    height:21px;
	background:url(../images/tab_bg.gif) no-repeat center right;
	display:block;
    text-align:center;
    line-height:21px;
    margin-left:1px;
    font-weight:normal;
}
.box_gradient ul.tabs li a.active
{
	background:url(../images/tab_bg_active.gif) no-repeat center right;
}
.box_gradient .tab_clear
{
    clear:right;
}

/* FORM TABLE STYLES */
table.form_table 
{
	width:100%;
	border-width:1px;
	border-spacing:1px;
	border-style:solid;
	border-color:#d5d5d5;
	border-collapse:collapse;
}
table.form_table td, table.form_table th 
{
	border-width:1px;
	border-style:solid;
	border-color:#eaeaea;
	color:#000000;
	font-size:10px;
	vertical-align:middle;
	padding:4px;
	line-height:100%;
	font-weight:normal;
}
table.form_table th 
{
	font-weight:bold;
}
table.form_table thead {margin:0px; padding:0px;}
table.form_table thead th, table.form_table tbody tr.section_label th, table.form_table thead tr
{
	line-height:20px;
	height:20px;
	color:#FFFFFF;
	padding:0px;
}

table.form_table thead th
{
	background:url(../images/button_bg.gif) bottom left repeat-x;
}
table.form_table tbody tr.section_label th
{
	background:url(../images/section_label_bg.gif) bottom left repeat-x;
	text-align:left;
	padding:0px 5px;
}
table.form_table tbody th 
{
	text-align:right;
	width:140px;
}
table.form_table tbody td 
{
	min-height:12px;
}
table.form_table tbody tr.section_label td
{
	min-height:0px;
}
table.form_table tbody td.validation_result {width:100px;}
table.form_table td span.description {padding:0px; margin:0px; font-weight:normal; font-size:10px; color:#717366; display:block;}

table.form_table tbody tr:hover td, table.form_table tbody tr:hover th {background-color:#f1f1f1;}
table.form_table tbody tr.section_label:hover td {background:none;}

/*** tables for different form elements ***/
table.radiolist 
{
    width:100%;
}
table.radiolist td, table.radiolist tr, table.radiolist th
{
    padding:3px;
    border:none 0px;
    width:100%;
}
table.nostyles 
{
	width:auto;
	border-width:0px;
	border-spacing:0px;
	border-style:none;
	border-collapse:collapse;
}
table.nostyles tr, table.nostyles td 
{
	margin:0px;
	padding:0px;
	border-style:none;
}
table.screenshots 
{
	width:100%;
}
table.screenshots td 
{
	text-align:center;
	padding:15px 0px;
}

/*** FORM ELEMENTS SIZE CONTROL ***/
.main_form input[type="text"], .main_form input[type="password"], .main_form textarea 
{
    width:266px;
}
.main_form select 
{
	width:276px;
}
.center_values td {text-align:center;}


/* MAIN PAGE STYLES */
.screenshot_box 
{
	width:295px;
	height:auto;
	background:url(images/spacer_1px.gif) top left repeat-y;
	display:block;
	float:right;
	text-align:center;
}
.list_withticks li
{
	list-style-image:url(../images/tick_small.gif);
	list-style-position:inside;
	list-style-type:square;
	line-height:25px;
	padding-left:1em;
	text-indent:-1em;
	font-size:13px;
	
}
.list_withdots li
{
	list-style-image:none;
	list-style-position:inside;
	list-style-type:circle;
	padding-left:1em;
	text-indent:-1em;
	font-size:11px;
    line-height:150%;
}


/* CHECK BOX STYLES */
span.checkbox_item
{
	background:#FFFFFF url(../Images/input_bg.gif) repeat-x top left;
	display:block;
	border:solid 1px #d5d5d5;
	text-align:center;
	padding:2px;
}
span.checkbox_item input
{
    border:none;
    background:none;
    margin:0px;
    padding:0px;
}
span.checkbox_item label
{
    margin-top:2px;
}
