/*******************************/
/*******************************/
/* GENERAL STYLESHEET */
/*******************************/
/*******************************/

body {
text-align: center;
font-family: Arial;
margin: 0 0 5px 0;
background-color: #d4e5fc;
background-image: url('images/bg.gif');
background-repeat: repeat-x;
}

a:link, a:visited, a:active {
text-decoration: none;
color: #1D3E6D;
}

a:hover { 
text-decoration: underline;
color: #1D3E6D;
}

/* small blue link */
a.small_blue_link:link, a.small_blue_link:visited   { 
text-decoration: none;
font-size: 9pt;
text-align: left;
}

a.small_blue_link:hover { 
text-align: left;
text-decoration: underline; 
}

/* small text at the top right */
.top_links {
font-size: 9pt;
text-align: right;
margin: auto;
margin-top: 8px;
}

/* hover for small links at the top right */
a.top_links_hover:link, a.top_links_hover:visited   { 
font-size: 8pt;
text-decoration: none;
padding-right: 7px;
padding-left: 7px;
}

a.top_links_hover:hover { 
text-decoration: underline; 
}

/* small text at the top right */
.news_link_big {
font-size: 14pt;
height: 27px;
text-align: left;
}

/* hover for small links at the top right */
a.news_link_big:link, a.news_link_big:visited   { 
color: #1D3E6D; 
text-decoration: none;
}

a.news_link_big:hover { 
color: #1D3E6D; 
text-decoration: underline; 
}

/* header, logo table */
.table_main {
padding: 0;
border-spacing: 0;
border-collapse: collapse;
border: 0px;
margin-left: auto;
margin-right: auto;
table-layout: fixed;
margin-top: 12px;
width: 841px;
}

.home_image {
text-align: center;
width: 841px;
height: 370px;
margin: auto;
background-image: url('images/video_bg.png');
}

.home_image_demo {
margin-top: 124px;
margin-left: 58px;
float: left;
width: 201px;
height: 56px;
cursor: pointer;
background-image: url('images/watch_demo.png');
}

.home_image_demo_on {
margin-top: 124px;
margin-left: 58px;
float: left;
width: 201px;
height: 56px;
cursor: pointer;
background-image: url('images/watch_demo_over.png');
}

.download_now {
margin-top: 118px;
margin-left: 20px;
float: left;
width: 225px;
height: 67px;
cursor: pointer;
background-image: url('images/download_now.png');
}

.download_now_on {
margin-top: 118px;
margin-left: 20px;
float: left;
width: 225px;
height: 67px;
cursor: pointer;
background-image: url('images/download_now_over.png');
}

/* main navigation, search table */
.nav_subnav_search_row {
padding: 0;
border-spacing: 0;
border-collapse: collapse;
border-bottom: 0px;
margin-left: auto;
margin-right: auto;
height: 45px;
background-image: url('images/main_nav_bg.gif');
width: 841px;
line-height: 20px;
}

/* main navigation table */
.nav_search_bg {
padding: 0;
border-spacing: 0;
border-collapse: collapse;
border: 0px;
margin-left: auto;
margin-right: auto;
height: 45px;
line-height: 20px;
}

/* search table */
.search_box {
width: 250px;
height: 37px;
text-align: right;
padding: 0;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}

/* search text */
.search_input {
font-family:  Arial, Verdana;
color: #848484;
font-size: 10pt;
height: 16px;
padding: 4px 2px 4px 5px;
margin: 2px;
border: 1px solid #e5e3d8;
margin-right: 0;
}

/* breadtrail table*/
.breadtrail_bg {
padding: 0;
background-image: url('images/bread_bg.gif');
border: 0px;
height: 24px;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 841px;
}

/* breadtrail text */
.breadtrail {
vertical-align: middle;
text-align: left;
padding-left: 12px;
color: #FFFFFF;
font-size: 8pt;
font-weight: bold;
font-family:  Arial;
}

/* breadtrail links */
.breadtrail_links:link, .breadtrail_links:visited,  .breadtrail_links:active  { 
color: #FFFFFF;
font-size: 8pt;
font-weight: bold;
font-family:  Arial;
text-decoration: none;
}

.breadtrail_links:hover { 
color: #FFFFFF;
text-decoration: underline;
font-size: 8pt;
font-weight: bold;
font-family:  Arial;
}

/* "Welcome, username" text */
.welcome_text {
vertical-align: middle;
text-align: right;
padding-right: 12px;
color: #FFFFFF;
font-size: 8pt;
font-weight: bold;
font-family:  Arial;
}

/* left column, main content area */
.left_col_table {
text-align:center;
border-spacing: 0;
border-collapse: collapse;
border: 0px;
margin-left: auto;
margin-right: auto;
padding: 4px;
}


/* login box table (big), background */
.login {
width: 226px;
height: 168px;
background-image: url('images/memb_log.gif');
vertical-align: top;
}

/* login box table (small) */
.login_box {
border-collapse: collapse;
border: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
width: 200px;
text-align: center;
height: 159px;
}

/* username and password text */
.login_input {
font-family:  Arial, Verdana;
color: #848484;
font-size: 11pt;
height: 21px;
padding: 6px 4px 4px 8px;
margin: 2px;
border: 1px solid #e5e3d8;
}


/* not registered, forgot password text */
.login_text3 {
font-family:  Arial, Verdana;
color: #848484;
text-align: left;
font-size: 8pt;
padding: 0px 0px 0px 0px;
vertical-align: middle;
}

/* not registered, forgot password links */
a.login_links:link, a.login_links:visited   { 
font-family:  Arial, Verdana;
color: #848484;
font-size: 8pt;
vertical-align: middle;
text-decoration: none;
text-align: right;
margin-right: 0;
}

a.login_links:hover { 
font-family:  Arial, Verdana;
color: #848484;
text-decoration: underline; 
}

/* main news table, background */
.news_box {
border-collapse: collapse;
border-bottom: solid #dedede;
border-bottom-width: 1px;
padding: 0px;
margin-left: 8px;
margin-top: -4px;
margin-bottom: 14px;
margin-right: 10px;
width: 560px;
}

/* main news table, background */
.news_box_home {
border-collapse: collapse;
border-bottom: solid #dedede;
border-bottom-width: 1px;
padding: 0px;
margin-left: 8px;
margin-top: -4px;
margin-bottom: 14px;
margin-right: 10px;
width: 500px;
}

.news_comments, .news_comments A:link, .news_commentsA:active, .news_comments A:visited, .news_comments A:hover {
width: 55px;
height: 55px;
background-image: url('images/news_comments_bg.gif');
float: left;
margin-right: 8px;
margin-bottom: -2px;
text-decoration: none;
cursor: pointer;
}

.news_comments_text {
text-align: center;
vertical-align: middle;
font-size: 16pt;
color: #FFFFFF;
float: center;
margin-top: 6px;
}

/* news title table, background, text */
.news_title , .news_title A:link, .news_title A:active, .news_title A:visited, .news_title A:hover {
font-family: Arial, Verdana;
color: #0c486e;
text-align: left;
font-weight: bold;
font-size: 14pt;
vertical-align: middle;
}

/* news date text */
.news_date {
font-family: Arial, Verdana;
color: #55a3d8;
text-align: left;
font-size: 9pt;
vertical-align: middle;
float: left;
margin-top: 2px;
}

/* news author text */
.news_author {
margin-top: 2px;
font-family:  Arial, Verdana;
color: #55a3d8;
text-align: left;
font-size: 9pt;
vertical-align: middle;
}

/* main news article text */
.news_content {
font-family:  Arial, Verdana;
color: #000000;
text-align: left;
font-size: 9pt;
vertical-align: top;
margin-bottom: 12px;
margin-top: 2px;
line-height: 19px;
}

/* news view more text */
.news_more {
width: 562px;
height: 20px;
padding-right: 8px;
padding-bottom: 4px;
text-align: right;
text-decoration: none;
font-size: 9pt;
vertical-align: top;
}

/* news view more link */
a.news_more_link:link, a.news_more_link:active, a.news_more_link:visited { 
font-family: Arial, Verdana;
color: #000000;
font-size: 9pt;
text-decoration: none;
}

a.news_more_link:hover { 
text-decoration: underline; 
}

.quick_register {
width: 311px;
height: 373px;
display: inline;
padding: 0;
margin-right: 8px;
float: right;
margin-top: 0px;
background-image: url('images/quick_register.gif');
}

.quick_register_field_box {
margin-bottom: 4px;
margin-top: 4px;
}

.quick_register_text {
width: 130px; 
font-size: 9pt; 
font-weight: bold; 
float: left; 
text-align: right; 
margin-right: 2px;
padding-top: 11px;
}

.quick_register_text_special {
width: 130px; 
font-size: 9pt; 
font-weight: bold; 
float: left; 
text-align: right; 
margin-right: 2px;
}

.quick_register_input_box {
width: 180px; 
margin-left: -14px; 
display: inline;
padding: 0; 
text-align: left;
}

.quick_register_input {
font-family:  Arial, Verdana;
color: #848484;
font-size: 11pt;
height: 20px;
padding: 5px 3px 3px 4px;
margin: 2px;
border: 1px solid #e5e3d8;
}

/* footer text */
.body_bottom {
width: 841px;
margin-right: auto;
margin-left: auto;
background-image:url('images/footer.gif');
height: 21px;
}


.footer {
width: 841px;
color: #17608d; 
font-family: Arial;
font-size: 8pt;
text-decoration: none;
margin-top: 15px;
height: 30px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* footer links */
a.footer_links:link, a.footer_links:visited   { 
color: #17608d; 
font-family: Arial;
font-size: 8pt;
padding-right: 9px;
padding-left: 9px;
text-decoration: none;
}

a.footer_links:hover { 
text-decoration: underline; 
}


/* main content area table (small), with no background */
.main_body_area {
width: 841px;
padding: 0;
border-spacing: 0;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
background-image: url('images/main_bg.gif');
}

/* main content area, left side */
.main_content {
color: #000000;
font-family: , Arial;
font-size: 10pt;
width: 580px;
padding: 0;
margin-top: 14px;
margin-bottom: 16px;
margin-right: 0px;
min-height: 390px;
text-align: left;
margin-left: 14px;
vertical-align: middle;
}

.right_column {
padding: 0;
width: 246px;
color: #000000; 
font-family: Arial;
font-size: 10pt;
margin-right: auto;
margin-left: auto;
vertical-align: middle;
margin-top: 7px;
}

/* main content area, header text cell */
.content_header {
color: #1D3E6D;
font-weight: bold;
font-family:  Arial;
font-size: 10pt;
text-align: center;
padding-bottom: 4px;
}

.content_header_row {
background-image: url("/view/images/content_header_bg.gif");
width: 576px;
height: 33px;
vertical-align: middle;
padding: 0px;
margin: 0px;
text-align: left;
float: left;
margin-top: 10px;
}

.content_header_text {
color: #cc1e00;
height: 33px;
padding-top: 7px;
padding-left: 13px;
font-size: 12pt;
font-weight: bold;
vertical-align: middle;
float: left;
}


/* main content area, header text */
.header_text {
height: 23px;
font-size: 9pt;
font-weight: bold;
padding-left: 0px;
text-decoration: none;	
background-color: #DFDFDF;
}

.small_text {
font-size: 9pt;
}

/* right column (login + stats boxes) */


.sidebar_header {
background-image: url("/view/images/side_bar_header.gif");
width: 220px;
height: 40px;
text-align: center;
vertical-align: middle;
color: #cc1e00;
font-size: 12pt;
padding: 2px 0 0 0;
font-weight: bold;
}



/* register pgae text */
.register_text {
font-family: Verdana;
color: #000000;
text-align: right;
font-size: 8pt;
width: 150px;
height:30px;
}

/* register page - Username and Password text */
.register_text_special {
font-family: Verdana;
color: #000000;
vertical-align: top;
text-align: right;
font-size: 8pt;
width: 150px;
padding-top: 6px;
}

/* register page - Username and Password text */
.register_text_special2 {
font-family: Verdana;
color: #000000;
vertical-align: top;
text-align: left;
font-size: 8pt;
width: 150px;
padding-top: 6px;
}

/* register page - Username and Password clarification text */
.register_text_small {
font-family: Verdana;
color: #6B6B6B;
padding-top: 1px;
font-size: 7pt;
}

.register_account_box {
float: left;
width: 100%; 
padding: 6px; 
border: 1px dashed #CDCDCD; 
margin-bottom: 10px;
cursor: pointer;
}

.register_account_box:hover {
float: left;
width: 100%; 
padding: 6px; 
border: 1px solid #256e9d; 
margin-bottom: 10px;
cursor: pointer;
}

.register_account_box_on {
float: left;
width: 100%; 
padding: 6px; 
border: 1px solid #256e9d; 
margin-bottom: 10px;
cursor: pointer;
}

/* register page - Username and Password clarification text */
.ajax_error_response{
font-family: Verdana;
color: #ff0000;
padding-top: 1px;
font-size: 7pt;
}

/* register page - Error box text */
.error{
	background-color: #ffcccc;
	border: 1px solid;
	width: 90%;
	text-align: left;
	vertical-align: center;
	font-size: 10pt;
	font-weight: 900;
	border-color: #000000;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 4px;
	padding-left: 10px;
	margin-bottom: 10px;
	margin: auto;
} 


.success{
	background-color: #d0deff;
	border: 1px solid;
	width: 90%;
	text-align: left;
	vertical-align: center;
	font-size: 10pt;
	font-weight: 900;
	border-color: #000000;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 4px;
	padding-left: 10px;
	margin-bottom: 10px;
	margin: auto;
} 


.reply_box {
	BORDER-TOP: #cccccc 1px solid; 
	FONT-SIZE: 12px; 
	PADDING-top: 5px; 
	PADDING-bottom: 10px; 
	PADDING-left: 10px; 
	PADDING-right: 10px; 
	margin-bottom: 10px;
	margin-top: 5px;
	BORDER-BOTTOM: #cccccc 1px solid; 
	FONT-FAMILY: verdana, Verdana, arial; 
	BACKGROUND-COLOR: #EEEEEE;
	width:540px;
  text-align: left;
}


.reply_box_date {
font-family: Verdana;
color: #6B6B6B;
padding-top: 1px;
font-size: 8pt;
}


.news_subtitle {
font-family: Verdana;
color: #3d3d3d;
padding-top: 1px;
font-size: 10pt;
font-weight:900;
}

.not_logged_in {
  	margin-top: 15px;
	BORDER-RIGHT: #cccccc 1px solid; 
	BORDER-TOP: #cccccc 1px solid; 
	FONT-SIZE: 12px; 
	PADDING-top:30px; 
	PADDING-bottom: 30px; 
	PADDING-left: 5px; 
	PADDING-right: 0px; 
	margin-bottom:10px;
	BORDER-LEFT: #cccccc 1px solid; 
	BORDER-BOTTOM: #cccccc 1px solid; 
	FONT-FAMILY: verdana, Verdana, arial; 
	color:#616161;
	width:500px;
  	text-align: center;
}

.progress_bar{
	width: 174px;
	padding: 0px;
	font-size: 3pt;
	height: 13px;
	background-color: #CFCFCF;
	border: 1px solid;
	border-color: #F1F1F1;
}
.progress_bar_inner{
	height: 100%;
	padding: 0px;
	background-color: #3381B5;
	vertical-align:middle;
	text-align:left;
}


.wii_register_box {
  MARGIN: 0px;
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid; 
	FONT-SIZE: 12px; 
	PADDING-top: 5px; 
	PADDING-bottom: 10px; 
	PADDING-left: 10px; 
	PADDING-right: 10px; 
	margin-bottom:10px;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid; 
	FONT-FAMILY: verdana, Verdana, arial; 
	BACKGROUND-COLOR: #EEEEEE;
	width:500px;
	font-weight: bold;
	color: #000000;
  text-align: center;
}


.sponsors_box {
margin:auto;
text-align: center;
}

.sub_container {
background-color: #E4EFFD;
border: #A8CCEF 1px solid;
margin: auto;
text-align: center;
font-size: 9pt;
width: 550px;
margin: 2px;
}

.sub_title {
width: 210px;
color: #1D3E6D;
font-weight: bold;
padding-right: 0px;
padding-top: 3px;
text-align: right;
}

.sub_content {
width: 340px;
text-align: left;
padding-top: 4px;
}

.sub_container td {
padding: 3px 3px 5px 3px;
}

.hidden {
display:none;
}