/**************************************************************************************************************
 * Reset
 **************************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
}

/**************************************************************************************************************
 * Globals
 **************************************************************************************************************/
body 
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #fff; 
	background-color: #28303D;
}
h1, h2, h3, h4, p, table, ul, pre { margin: 10px; }
h1 { font-size: 24pt; font-weight: bold; color: #C5000E; }
h2 { font-size: 16pt; font-weight: bold; }
h3 { font-size: 14pt; font-weight: bold; }
h4 { font-size: 10pt; font-weight: bold; }
li { margin: 10px 10px 10px 40px; }
th { white-space: nowrap; font-weight: bold; }
td { text-align: left; vertical-align: top; }
a { color: #C5000E; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
input.textbox, textarea { padding: 2px; border: solid #28303D 1px; }
blockquote { margin: 20px 50px; }

/* IE doesnt render margins correctly on tables */
/* .ie table { border: solid transparent 10px; margin: 0; } */

.clear { clear: both; }
.right { text-align: right; }
.center { text-align: center; }
.error { color: #B4000C; }
.captcha { display: none; }
.hcregion { border: dashed 1px; }
.hcsharedregion { border: dashed red 1px; }

div.box { background-color: #829FC7; color: #27303C; border: solid #fff 5px; margin: 10px; }
div.video_list { padding: 10px; width: 100%; }
div.video_list_item { float: left; width: 170px; margin-right: 20px; text-align: center; }
div.video_thumb { background-color: #fff; border: solid #000 1px; width: 160px; height: 120px; padding: 5px; }
div.video_title { text-align: center; width: 170px; padding: 10px 0; }
div.disabledreason { margin: 10px; padding: 10px; background-color: yellow; border: solid black 1px; color: #000; }
div.downloadlist { margin: 10px; padding: 0 20px 10px 20px; }

.csharpcode, .csharpcode pre { width: 500px; padding: 5px; border: solid black 1px; overflow: auto; font-size: 8pt; color: black; font-family: Consolas, "Courier New", Courier, Monospace; background-color: #ffffff; }
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0; }
.csharpcode .lnum { color: #606060; }

/**************************************************************************************************************
 * Layout
 **************************************************************************************************************/
#header_row { background: #181818 url(Images/header_bg.gif) top left repeat-x; }
#header { margin: 0 auto; width: 990px; color: #fff; height: 199px; overflow: hidden; }
#header ul { list-style: none; float: right; }
#header ul li { display: inline; margin: 0; font-size: 8pt; font-weight: bold; }
#header ul li a { color: #fff; text-decoration: none; }
#header ul li a:hover { text-decoration: underline; }
#header ul li.username { font-weight: normal; }
#header h1 { background: url(Images/logo.gif) no-repeat; margin: 0 10px; float: left; height: 199px; width: 506px; overflow: hidden; padding-top: 199px; margin: 0; }

#nav { margin: 0 auto; width: 990px; height: 45px; padding: 0; overflow: hidden; position: relative; top: -45px; right: 0; }
#nav ul { list-style: none; margin: 0; padding: 0; float: right; }
#nav ul li { display: inline; margin: 0; padding: 0; height: 45px; line-height: 45px; }
#nav ul li a { background: url("Images/tab_right.png") no-repeat top right; text-decoration: none; padding: 0 12px 0 0; cursor: hand; float: left; text-decoration: none; margin: 0; font-size: 12pt; font-weight: bold; }
#nav ul li a span { color: #fff; background: url("Images/tab_left.png") no-repeat top left; padding: 0 0 0 12px; margin: 0 0 0 6px; height: 45px; text-align: center; float: left; display: block; text-decoration: none; }
#nav ul li a:hover { background-position: 100% -45px; }
#nav ul li a:hover span { background-position: 0 -45px; color: #C5000E; }
#nav ul li a.selected { background-position: 100% -45px; }
#nav ul li a.selected span { background-position: 0 -45px; color: #C5000E; }

/* IE6 doesnt support PNG alpha blending so use gif images instead */
.ie6 #nav ul li a { background: url("Images/tab_right.gif") no-repeat top right; }
.ie6 #nav ul li a span { background: url("Images/tab_left.gif") no-repeat top left; }
.ie6 #nav ul li a:hover { background-position: 100% -45px; }

#content_row { background-color: #181818; }
#content { margin: 0 auto; width: 990px; min-height: 300px; border: solid #181818 1px; position: relative; top: -35px; }

#columns { width: 1000px; }
#column1 { width: 680px; float: left; margin: 0; padding: 0; }
#column2 { width: 300px; float: left; margin: 0; padding: 0; }

#footer_row { background: url(Images/footer_bg.gif) top left repeat-x; padding-top: 25px; margin: 0; }
#footer { margin: 0 auto; width: 990px; color: #fff; height: 50px; font-size: 8pt; }
#footer p  { font-size: 8pt; margin: 10px 20px; text-align: center; }
#footer ul { list-style: none; float: right; }
#footer li { display: inline; margin: 0; }
#footer a  { color: #fff; }

/**************************************************************************************************************
 * Pages
 **************************************************************************************************************/

/* ~/Default.aspx */
#product_boxes { margin: 20px 20px 0 20px; padding: 0; } 
#product_boxes .spacer { width: 100%; }
#product_boxes .content { color:#000; background-color: #E8F3F7; }
#product_boxes .content h1 { color: #B4000C; font-size: 14pt; }

#marketing_boxes { margin: 0 20px; padding: 0; } 
#marketing_boxes .spacer { width: 100%; line-height: 8px; font-size: 8px; }
#marketing_boxes .content { background-color: #829FC7; color: #27303C; font-size: 10pt; }
#marketing_boxes .form { font-size: 10pt; margin: 20px 0 0 80px; width: 200px; }
#marketing_boxes .content input.textbox { border: solid #27303C 1px; padding: 2px; }
.note { font-size: 8pt; }

/* ~/Login.aspx */
#login { margin: 0 50px; }
#login h1 { text-align: center; }
#login .container { width: 250px; margin-left: auto; margin-right: auto; background-color: #829FC7; color: #27303C; border: solid #fff 5px; }
#login p { text-align: center; }
#login label { display: block; font-weight: bold; }
#login input.text { width: 200px; }

/* ~/Email/Unsubscribe.aspx */
#email_unsubscribe { width: 470px; margin: 0 auto; margin-top: 20px; }
#email_unsubscribe .content { background-color: #829FC7; color: #27303C; font-size: 10pt; }
#email_unsubscribe .form { font-size: 10pt; margin: 20px 0 0 20px; }
#email_unsubscribe .error { text-align: center; }
#email_unsubscribe label { font-weight: bold; }
#email_unsubscribe input.textbox { vertical-align: text-top; width: 300px; }

/* ~/Admin/Default.aspx */
#dashboard { }
#dashboard .column1 { width: 700px; }
#dashboard .column1 table { margin-right: 0; }
#dashboard .column2 { width: 350px; }

/* ~/Admin/Users.aspx */
#searchterms { margin: 10px; background-color: #ccc; border: solid #3A75B6 1px; }
#searchterms li, #searchterms a { font-size: 8pt; }
#searchterms li { margin-top: 2px; margin-bottom: 2px; }
#searchterms p { margin: 2px 4px; }

#userlist { }
#userlist .gv { margin: 0 10px; }
#userlist .count { margin: 0 10px; text-align: right; font-size: 8pt; font-weight: bold; }
#userlist .gvedrs td { width: 730px; padding: 5px; }

/* ~/Admin/Roles.aspx */
#roles { }
#roles .list { margin: 0 10px; padding: 10px; }
#roles .list table { }
#roles .list td { padding: 4px; }
#roles .list label { margin-left: 5px; }
#roles .note { }

/* ~/Member/MyProducts.aspx */
.product { margin: 10px; background-color: #829FC7; color: #27303C; border: solid #fff 5px; }
.product_icon { float: left; background-color: #fff; padding: 5px; width: 142px; margin: 10px; }
.product_icon img { border: solid #000 1px; }
.product_content { }
.product_actions { text-align: right; margin: 10px; }

.payment_pending { margin: 10px; border: solid #fff 5px; }
.payment_pending div { border: solid black 1px; background-color: yellow; color: #000; }
.payment_pending div h1 { color: red; }
.payment_pending div table { margin: 0; }

#software_download { width: 760px; margin: 0 auto; }
#license_agreement { width: 525px; height: 200px;  margin: 0; padding: 10px; overflow: auto; font-size: 8pt; border: solid #27303C 1px; background-color: #fff; color: #000; }

#contact { width: 760px; margin: 0 auto; }

/* ~/Products/HeroContent/FAQ */
.Question { color:blue; margin-left:30px; font-size:11pt;}
.Answer { color: #27303C; margin-left:4.5em; margin-bottom:2em;}


/**************************************************************************************************************
 * ASP.NET Controls
 **************************************************************************************************************/

/* <hc:CreditCardTextBoxExtender /> */
#cc_icon { margin-top: 5px; }
.cc_number { padding: 2px; border: solid #28303D 1px; }
.cc_invalid { background-color: #FFC4E1; padding: 2px; border: solid #28303D 1px; }
.cc_valid { width: 157px; background-color: #80FF80; border: solid black 1px; padding: 2px; }
.cc_unk { width: 157px; height: 26px; background: url(Images/icons_cc.gif) top left no-repeat; margin: 0; padding: 0; }
.cc_amex { width: 157px; height: 26px; background: url(Images/icon_amex.gif) no-repeat; margin: 0; padding: 0; }
.cc_visa { width: 157px; height: 26px; background: url(Images/icon_visa.gif) no-repeat; margin: 0; padding: 0; }
.cc_mc { width: 157px; height: 26px; background: url(Images/icon_mastercard.gif) no-repeat; margin: 0; padding: 0; }
.cc_disc { width: 157px; height: 26px; background: url(Images/icon_discover.gif) no-repeat; margin: 0; padding: 0; }

/* <hc:CartListView /> */
table.cart { }
table.cart td { vertical-align: top; }
table.cart tr.row { }
table.cart tr.altrow { }
table.cart td.remove { padding-right: 5px; }
table.cart td.desc { width: 100%; }
table.cart td.price { text-align: right; padding-left: 10px; white-space: nowrap; }
table.cart tr.total td { text-align: right; white-space: nowrap; }
table.cart td.label { font-weight: bold; padding-right: 5px; }
table.cart_empty { font-style: italic; margin:20px; }

/* <hc:CouponView /> */
table.coupons { background-color: #fff; border: none; border-collapse: collapse; margin: 10px; }
table.coupons tr.invalid { color: #f00; background-color: #FFDDDE; }
table.coupons tr.row { background-color: #eee; }
table.coupons tr.altrow { background-color: #ccc; }
table.coupons td { vertical-align: top; }
table.coupons td.remove { padding-right: 5px; }

/* <hc:Button /> */
button.btn { background-color: transparent; border: none; margin: 0; padding: 0; cursor: pointer; }
button.btn div { border: 0; cursor: pointer; padding: 0 12px 0 0; text-align: center; height: 38px; }
button.btn div span { display: block; white-space: nowrap; padding: 0 0 0 12px; color: #fff; font-size: 12pt; font-weight: bold; height: 38px; line-height: 38px; }
/* button browser specific tweaks */
.ie button.btn { width: auto; overflow: visible; padding: 0 0 0 4px; cursor: hand; }
.gecko button.btn div { margin: 0 -3px; }
.gecko button.btn div span { padding-right: 10px; }
/* button graphics */
button.btn div { background: url(Images/button_lightblue_right.png) top right no-repeat; }
button.btn div span { background: url(Images/button_lightblue_left.png) top left no-repeat; }
button.red div { background: url(Images/button_red_right.png) top right no-repeat; }
button.red div span { background: url(Images/button_red_left.png) top left no-repeat; }
button.redb div { background: url(Images/button_red_border_right.png) top right no-repeat; }
button.redb div span { background: url(Images/button_red_border_left.png) top left no-repeat; }
button.greyb div { background: url(Images/button_grey_border_right.png) top right no-repeat; }
button.greyb div span { background: url(Images/button_grey_border_left.png) top left no-repeat; }

/* IE6/5 doesnt support PNG alpha blending so use gif images instead */
.ie5 button.btn div,
.ie6 button.btn div { background: url(Images/button_lightblue_right.gif) top right no-repeat; }
.ie5 button.btn div span,
.ie6 button.btn div span { background: url(Images/button_lightblue_left.gif) top left no-repeat; }
.ie5 button.red div,
.ie6 button.red div { background: url(Images/button_red_right.gif) top right no-repeat; }
.ie5 button.red div span,
.ie6 button.red div span { background: url(Images/button_red_left.gif) top left no-repeat; }
.ie5 button.redb div,
.ie6 button.redb div { background: url(Images/button_red_border_right.gif) top right no-repeat; }
.ie5 button.redb div span,
.ie6 button.redb div span { background: url(Images/button_red_border_left.gif) top left no-repeat; }
.ie5 button.greyb div,
.ie6 button.greyb div { background: url(Images/button_grey_border_right.gif) top right no-repeat; }
.ie5 button.greyb div span,
.ie6 button.greyb div span { background: url(Images/button_grey_border_left.gif) top left no-repeat; }

/* <asp:ValidationSummary /> */
.vs { color: #fff; background-color: #c00; margin: 0; padding: 4px; }
.vs ul { margin: 0; padding: 0; list-style: none; }
.vs li { margin: 0; padding: 0; font-size: 8pt; font-weight: normal; }

/* <asp:GridView /> */
.gv { background-color: #E8F3F7; border: solid #27303C 1px; border-collapse: collapse; }
.gv th, .gv td { text-align: left; padding: 2px; font-size: 8pt; border-right: solid #27303C 1px; }
.gv th { color: #fff; background-color: #27303C; }
.gv th a { color: #fff; text-decoration: none; }
.gv td { color: #27303C; }
.gvar { background-color: #ccc; }
.gvpr td { color: #fff; font-weight: bold; background-color: #3A75B6; font-size: 10pt; }
.gvpr a { color: #ccc; font-weight: bold; }
.gvpr td table { margin: 0; }
.gvr_warning {background-color:#FFDDE3;}

/* <asp:DetailsView /> */
.dv { color: #27303C; background-color: #E8F3F7; border-collapse: collapse; }
.dv td { padding: 5px 10px; }
.dvh { text-align: right; white-space: nowrap; background-color: #27303C; color: #fff; font-weight: bold; }

/* <hc:Dialog /> */
.dialog { color: #000; background-color: #829FC7; border: solid #fff 5px; }
.dialog_title { color: #fff; background-color: #3A75B6; font-size: 12pt; font-weight: bold; padding: 4px; text-align: left; }
.dialog_content { text-align: left; }
.dialog_content .gv, .dialog_content .dv, .dialog_content table, .dialog_content p { margin: 10px 10px 0 10px; }
.dialog_buttons { padding: 10px; text-align: right; }
.dialog_background { background-color: #000; filter: alpha(opacity=70); opacity: 0.7; }