@font-face { font-family: 'Candara'; src: url('fonts/candarab.eot'); src: local('Candara Bold'), url('fonts/candarab.ttf') format('truetype'); }
/*
------------------------------------------------------------------------------------------------------------------------------------------------------
site_header.tpl, site_footer.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/

body 							{ background: #F7F7F7; }

body, th, td, tr  {
	font:400 12px/1.8 "Arial", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif";
	}

body							{ /**/color:#959595;/**/ }
th, td, tr						{ /**/color:#dddddd;/**/ }
a								{ /**/color:#666;/**/ }
a:hover							{ /**/color:#666;/**/ }

.inputbox1, .inputbox2, textarea {
	color:#666; border:1px solid #CCCCCC; padding:5px; font-size:12px; font-family: Arial;
	}

select {
	color:#666;  border:1px solid #CCCCCC; font-size: 12px; font-family: Arial;
	}

#mainbody {
	width:970px; margin:0 auto; margin-bottom:20px;
	} 

#container {
	width:100%; display:inline-block;
	}
	
#innertube {
	height:auto!important; height:600px; min-height:600px; width:710px; margin:0px 50px 0 0px; float:right;
	}
	
.content {
	height:auto!important; height:550px; min-height:550px; margin:0px 0 0px 0; clear:both;
	}

.breadcrumb {
	/**/color:#dddddd;/**/ font:400 14px "Arial", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; padding:0 8px 0 8px; clear:both;
	}	 

.breadcrumb a {
	/**/color:#dddddd;/**/
	}
	
.breadcrumb a:hover {
	/**/color:#BBBBBB;/**/
	}

#side_column {
	border: 1px solid #eee; background: #fcfcfc;
 	font-family: Arial;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px; 

width:190px; height:auto; margin-top:3px; margin-left:-6px; float:left; padding:5px 0 15px 15px;
	}
	
#side_column h1 {
	/**/color:#00aff0;/**/ font:700 13px "Arial", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:none; padding:5px 0 5px 0;
	}

#side_column ul {
	font:700 11px/1.6 "Arial", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; list-style:none; width:200px; padding:0 0 0 0;
	}
	
#side_column li {
	padding:3px 0px;
	}
	
#side_column li a {
	/**/color:#666; background:url(images/sidemenu_bullet.png) no-repeat;/**/ padding: 0 0 0 20px;
	}

#side_column li a:hover {
	/**/background-position:0 -100px;/**/
	}

#side_column dd {
	height:28px;
	}
	
#side_column select {
	width:150px; height:20px;
	}
	
#side_column .inputbox1 {
	width:215px;
	}
	
#box_login p.greeting {
	padding:0 0 5px 0;
	}
/* 
------------------------------------------------------------------------------------------------------------------------------------------------------
site_footer.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/

	
	
/* 
------------------------------------------------------------------------------------------------------------------------------------------------------
homepage.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#supporthome {
	display:inline-block;
	}
	
#supporthome .shortcuts {
	padding:3px 2px 30px 2px; margin:10px 0 0 0;
	}
	
#supporthome .shortcuts ul {
	list-style:none; line-height:1.6; border-bottom:0px solid #454545; width:100%; padding:15px 0 12px; display:inline-block; clear:both; 
	}
	
#supporthome .shortcuts li {
	height:auto!important; height:55px; min-height:55px; margin:0 18px 0 10px; float:left; background:0 2px no-repeat;
	}
	
#supporthome .shortcuts li a {
	width:155px; padding:0 0 0 50px; display:block;
	}
	
#supporthome .shortcuts li a:hover {
	text-decoration:none;
	}
	
#supporthome .shortcuts span.title {
	font:700 12px "Arial", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; padding:0 0 4px 6px; display:block; 
	}
	
#supporthome .shortcuts span.desc {
	padding:0 0 0px 6px; display:block; 
	}
.BtnSmall { 
margin-top: 5px;
}
/*
------------------------------------------------------------------------------------------------------------------------------------------------------
homepage.tpl, contact.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#contact .contactinfo {
	color:#CCC; padding:25px 0 0 95px; float:left;
	}
	
#contact .contactinfo span.title {
	font:700 12px Candara, "Arial", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; color:#A5A5A5; text-transform:uppercase; padding:15px 0 12px 0; display:block;
	}
	
#contact .contactform {
	height:auto!important; height:300px; min-height:300px; background:url(images/contact_info_2.jpg) no-repeat; clear:both;
	}

.contactform dl {
	width:400px; padding:15px 0 0 0; float:right;
	}
	
.contactform dt {
	width:90px; padding:4px 8px 0 0; text-align:right; white-space:nowrap; float:left; clear:left;
	}
	
.contactform dd {
	padding:3px 0;
	}
/*
------------------------------------------------------------------------------------------------------------------------------------------------------
clientareahome.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#clientinfo {
	width:100%; padding:0 0 0px 0; display:inline-block;
	}
	
#clientinfo .title {
	/**/color:#666;/**/ font:700 12px/1.8 Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform: none; padding:0 0 8px 5px;
	}
	
#clientinfo .address {
	width:260px; float:left;
	}
	
#clientinfo .address dl {
	border-top:1px #CCCCCC solid; line-height:2.0; padding:8px 0 0 2px; 
	}
	
#clientinfo .stats {
	height:auto!important; height:200px; min-height:200px; padding:0 0 0 60px; float:left;
	}
	
#clientinfo .stats dl {
	border-top:1px #CCCCCC solid; line-height:2.1; padding:8px 0 8px 5px; width:360px;
	}
	
#clientinfo .stats dt {
	width::auto!important; width:260px; min-width:260px; white-space:nowrap; padding:0 0 0 3px; float:left;
	}
	
#clientinfo .stats a {
	color:#00aff0;
	}
	
#clientinfo .stats a:hover {
	color:#666;
	}
	
#clientareahome .table_frame {
	margin-bottom:10px;
	}
/*
------------------------------------------------------------------------------------------------------------------------------------------------------
login.php
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#layout_login .content {
	}
	
#layout_login .section {
	width:650px; margin:0px auto;
	}
	
#layout_login .fieldarea {
	padding:10px 0 0 40px;
	}
	
#layout_login .fieldarea dt {
	width:auto!important; width:180px; min-width:180px;
	}
	
#layout_login .inputbox1 {
	width:190px;
	}
	
#layout_login .incorrect {
	color:#C00; font-weight:700; height:25px;
	}
/*
*/
.table_title {
	/**/color:#666;/**/ font:700 12px/1.8 Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform: none; padding:5px 0 5px 10px;
	}
	
.table_frame {
	color:#666; margin:10px auto 0;
	}
	
.table_head {
	/**/padding:5px 10px 35px 10px;
	}
	
.table_foot {
	margin:14px 0 -18px 0; text-align:center;
	}

table.tb_data th {
	/**/color:#666;/**/ font-weight:700; height:28px; 
	}
table.tb_data td {
	height:28px; background-color:#FFF;
	}
	
table.tb_data tr.highlight:hover {
	background-color:#FFF; cursor:pointer;
	}
	
table.tb_data tr.clientareatableactive {
	color:#FFF; background-color:#FFF;
	}
	
table.tb_data tr.clientareatablepending {
	color:#666; background-color:#FFF;
	}
/*
*/
#layout_sysmessage {
	 margin-right:80px; margin-top:50px;
	}

#layout_clientarea .topic {
	border-bottom:0px solid #656565; padding:0 0 5px 0;
	}

#layout_clientarea .topic span {
	/**/color:#666;/**/ font-weight:700; font-size:12px; margin:0 0 0 8px;
	}

#layout_support .topic {
	border-bottom:1px solid #CCCCCC; padding:0 0 5px 0;
	}

#layout_support .topic span {
	/**/color:#666; font-size: 12px; font-weight:700; margin:0 0 0 8px;
	}

#layout_support .list dl:hover {
	/**/color:#EEEEEE;/**/
	}

#category .list dl {
	width:230px; float:left;
	}

#popular .topic {
	border-top:3px solid #353535; border-bottom:none; margin:0 0 20px 0; display:block;
	}
	
#popular .topic span {
	display:none;
	}
	
#category .section, #popular .section, #article .section {
	padding:0 0 0 6px;
	}

#popular .list dd {
	border-bottom:0px solid #656565; padding-bottom:15px; margin:0 0 5px 0;
	}
	
#article .list dd {
	border-bottom:0px solid #656565; padding-bottom:15px; margin:0 0 5px 0;
	}

#innertext .topic {
	background:none; border:none;
	}

#innertext .topic span {
	font-size:12px; font-weight:700;
	}

#pwrest .topic, #tutorials .topic, #supportticketsubmit-stepone .topic, #affiliatessignup .topic, #category .topic, #article .topic {
	display:none;
	}
/*
*/

.pagetitle h1 {
	/**/color:#666;/**/ font:700 22px "Arial", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; padding:43px 0 10px 5px; margin:0;
	}
/*
*/
#clientareahome .pagetitle, #contact .pagetitle, #clientregister .pagetitle, #login .pagetitle{
	display:none;
	}
	
#clientareahome, #contact, #clientregister {
	padding-top:13px;
	}
/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Below styles are used for handle all buttons for this template
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
button.BtnGo {
	height:28px; border:0px; width:30px; margin:0;
	}
	
button.BtnGo span {
	display:none;
	}
button.BtnSmall {
	margin-top: 0px;
	}
ul.navigation { margin-left:-10px; padding:0px; list-style-type:none; }
ul.navigation li { display:inline; margin:0; padding:0; } /*floating here would cause last item to wrap: just display:inline is adequte*/
ul.navigation a { float:left; display:inline; font-size:12px; font-weight:bold; text-decoration:none; white-space:nowrap; padding:3px 22px 3px 22px; background:#fcfcfc; border-bottom:1px solid #eee;border-top:1px solid #eee;border-right:1px solid #eee; }
ul.navigation a:link, ul.navigation a:visited { color:#00f0; }
ul.navigation li a:hover { color:#666; }
	
ul.navigation li.current a:link, ul.navigation li.current a:visited { color:#666; background:#f7f7f7; }
ul.navigation li.current a:hover { color:#666; background:#f7f7f7; }

.style35 {font-size: 12px}
.style38 {font-size: 2em}
.style43 {font-size: 16px; color: #555;}
.style44 {font-size: 14px; color: #666;}
.style45 {font-size: 12}
.style46 {font-size: 12; font-weight: bold;}
.style47 {font-size: 12px}
.style48 {font-size: 12; color: #666666;}
.style49 {font-size: 1.5em;}
.style50 {color: #97C3F0}
.style51 {color: #666666}
.style53 {color: #CCCCCC; font-size: 16px;}
.style55 {color: #97C3F0; font-size: 14px;}
.style59 {color: #97C3F0; font-size: 16px;}
.style62 {color: #97C3F0; font-size: 14px; font-weight: bold;}
.style63 {color: #666666}
.style64 {font-size: 12px; color: #dddddd; }
.style65 {font-size: 14px}
.style66 {font-size: 1.2em; }
.style67 {font-size: 12px; color: #666666; align: left;}
.style434 {font-size: 12px; color: #666666; align: left;}
.style68 {color: #dddddd}
.style69 { font-size: 1.4em; color: #97C3F0; }
.style71 {font-size: 0.9em}
.style74 {font-size: 0.7em}
.style75 {font-size: 0.7em; color: #666666; }
.input_tiny{width:50px}.input_small{width:100px}.input_medium{width:150px}.input_large{width:200px}.input_xlarge{width:250px}.input_xxlarge{width:300px}
.input_full{width:100%}.input_full_wrap{display:block;padding-right:8px}input[type="search"]::-webkit-search-decoration{display:none}
input:invalid,button:invalid,select:invalid,textarea:invalid{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
input:focus,button:focus,select:focus,textarea:focus{-webkit-box-shadow:#06f 0 0 5px 0;-moz-box-shadow:#06f 0 0 5px 0;box-shadow:#06f 0 0 5px 0;z-index:1}
input[type="file"]:focus,input[type="file"]:active,input[type="radio"]:focus,input[type="radio"]:active,input[type="checkbox"]:focus,input[type="checkbox"]:active{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}button,input[type="reset"],input[type="submit"],input[type="button"]{-webkit-appearance:none;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background:#ddd url('../images/button.png?1298351022') repeat-x;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));background-image:-webkit-linear-gradient(#ffffff,#dddddd);background-image:-moz-linear-gradient(#ffffff,#dddddd);background-image:-o-linear-gradient(#ffffff,#dddddd);background-image:-ms-linear-gradient(#ffffff,#dddddd);background-image:linear-gradient(#ffffff,#dddddd);border:1px solid;border-color:#ddd #bbb #999;cursor:pointer;color:#333;font:bold 12px/1.3 "Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif;outline:0;overflow:visible;margin:0;padding:3px 10px;text-shadow:#fff 0 1px 1px;vertical-align:top;width:auto;*padding-top:2px;*padding-bottom:0}button:hover,input[type="reset"]:hover,input[type="submit"]:hover,input[type="button"]:hover{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc));background-image:-webkit-linear-gradient(#ffffff,#eeeeee 1px,#cccccc);background-image:-moz-linear-gradient(#ffffff,#eeeeee 1px,#cccccc);background-image:-o-linear-gradient(#ffffff,#eeeeee 1px,#cccccc);background-image:-ms-linear-gradient(#ffffff,#eeeeee 1px,#cccccc);background-image:linear-gradient(#ffffff,#eeeeee 1px,#cccccc)}button:active,input[type="reset"]:active,input[type="submit"]:active,input[type="button"]:active{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #dddddd), color-stop(100%, #eeeeee));background-image:-webkit-linear-gradient(#ffffff,#dddddd 1px,#eeeeee);background-image:-moz-linear-gradient(#ffffff,#dddddd 1px,#eeeeee);background-image:-o-linear-gradient(#ffffff,#dddddd 1px,#eeeeee);background-image:-ms-linear-gradient(#ffffff,#dddddd 1px,#eeeeee);background-image:linear-gradient(#ffffff,#dddddd 1px,#eeeeee);-webkit-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;-moz-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;border-color:#999 #bbb #ddd}button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner{border:0;padding:0}button{*padding-top:1px;*padding-bottom:1px}textarea,select,input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-appearance:none;background-color:#fff;border:1px solid; border-color:#CCC #c1c1c1 #e1e1e1;color:#000;outline:0;margin:0;padding:2px 3px;text-align:left;font-size:13px;font-family:Arial,"Liberation Sans",FreeSans,sans-serif;height:1.8em;vertical-align:top;*padding-top:2px;*padding-bottom:1px;*height:auto}textarea[disabled],select[disabled],input[type="date"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="email"][disabled],input[type="month"][disabled],input[type="number"][disabled],input[type="password"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="text"][disabled],input[type="time"][disabled],input[type="url"][disabled],input[type="week"][disabled]{background-color:#eee}button[disabled],input[disabled],select[disabled],select[disabled] option,select[disabled] optgroup,textarea[disabled]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-moz-user-select:-moz-none;-webkit-user-select:none;-khtml-user-select:none;user-select:none;color:#888;cursor:default}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888}input:-moz-placeholder,textarea:-moz-placeholder{color:#888}input.placeholder_text,textarea.placeholder_text{color:#888}textarea,select[size],select[multiple]{height:auto}select[size="0"],select[size="1"]{height:1.8em;*height:auto}@media (-webkit-min-device-pixel-ratio: 0){select[size],select[multiple],select[multiple][size]{background-image:none;padding-right:3px}select,select[size="0"],select[size="1"]{background-image:url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);background-repeat:no-repeat;background-position:right center;padding-right:20px}::-webkit-validation-bubble-message{-webkit-box-shadow:none;box-shadow:none;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));border:1px solid;border-color:#747474 #5e5e5e #4f4f4f;color:#fff;font:13px/17px "Lucida Grande",Arial,"Liberation Sans",FreeSans,sans-serif;overflow:hidden;padding:15px 15px 17px;text-shadow:#000 0 0 1px;height:16px}::-webkit-validation-bubble-arrow,::-webkit-validation-bubble-top-outer-arrow,::-webkit-validation-bubble-top-inner-arrow{-webkit-box-shadow:none;box-shadow:none;background:#666;border:0}}textarea{min-height:40px;overflow:auto;resize:vertical;width:100%}optgroup{color:#000;font-style:normal;font-weight:normal;font-family:Arial,"Liberation Sans",FreeSans,sans-serif}optgroup::-moz-focus-inner{border:0;padding:0}.ie6_button,* html button{background:#ddd url('../images/button.png?1298351022') repeat-x;border:1px solid;border-color:#ddd #bbb #999;cursor:pointer;color:#333;font:bold 12px/1.2 Arial,sans-serif;padding:2px 10px 0px;overflow:visible;width:auto}* html button{padding-top:1px;padding-bottom:1px}.ie6_input,* html textarea,* html select{background:#fff;border:1px solid;border-color:#848484 #c1c1c1 #e1e1e1;color:#000;padding:2px 3px 1px;font-size:13px;font-family:Arial,sans-serif;vertical-align:top}* html select{margin-top:1px}.placeholder_text,.ie6_input_disabled,.ie6_button_disabled{color:#888}.ie6_input_disabled{background:#eee}body{background:#fff;color:#000}#wrapper{margin:0 auto;padding:20px;width:800px}label.error{background:#ffc;color:#c00;font-style:italic}input.error,select.error,textarea.error{background-color:#fee}.horiz{margin-top:-20px;margin-left:-20px}.horiz td{padding:20px 0 0 20px}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
button span {
	margin-top:-1px; /* Safari and Google Chrome only - fix margins */
	}
}