@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
------------------------------------------------------------------------------------------------------------------------------------------------------
*/

#mainbody {
	width:980px; margin:0 auto;
	} 

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

#header_top {
	height:100px;
	}

#header_top .logo a {
	height:100px; width:235px; display:block;
	}

#header_top .logo {
	float:left;
	}
	
#header_top .nav {
	float:right;
	}
	
#header_top .nav ul {
	font:700 12px Candara, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; list-style:none;
	}
	
#header_top .nav li {
	margin:52px 5px 0 22px; float:left;
	}
	
#header_top .nav li.active {
	padding:0 0 14px 0;
	}

#header_banner {
	height:180px; width:730px; float:left;
	}
	
#header_banner .slogan {
	font:700 24px "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-align:right; padding:65px 370px 0 0;
	}

#header_domain {
	height:170px; width:230px; padding:0 0 0 20px; float:right;
	}
	
#header_domain h1 {
	font:700 14px Candara, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; padding:12px 0 10px 0;
	}
	
#header_domain dd.tlds {
	padding:15px 0 3px 0; height:auto;
	}
	
#header_domain dd.tlds span {
	width:70px; height:26px; display:inline-block;
	}
	
#header_domain .inputbox1 {
	width:195px;
	}

#header_login {
	font:700 11px/1.9 Candara, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; height:50px; width:100%; clear:both;
	}
	
#header_login dl {
	float:left; padding:10px 0 0 0;
	}
	
#header_login dt {
	float:left; padding:0 6px 0 10px;
	}
	
#header_login dd {
	float:left;
	}
	
#header_login .inputbox1 {
	width:175px;
	}

#header_login ul {
	float:left; padding:10px 0 0 0;
	}
	
#header_login li {
	float:left; list-style:none;
	}
	
#header_login li a {
	padding:0 20px 0 20px;
	}
	
#header_login li.greeting {
	padding:0 50px 0 10px;
	}

.breadcrumb {
	font:400 11px "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; padding:0 10px 0 10px; clear:both;
	}	 

#side_column {
	width:230px; margin:25px 0 0px 5px; padding:0 0 30px 0; float:left;
	}
	
#side_column h1 {
	font:700 13px Candara, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; padding:24px 0 20px 15px;
	}

#side_column ul {
	font:700 11px/1.6 Candara, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; list-style:none; padding:0 5px 30px 15px;
	}
	
#side_column li {
	padding:7px 0px;
	}
	
#side_column li a {
	padding: 0 0 0 20px;
	}

#side_column dd {
	height:25px;
	}
	
#side_column select {
	width:150px; height:20px;
	}
	
#side_column .inputbox1 {
	width:185px; height:16px;
	}

#box_search	dl {
	padding:10px 0 20px 15px;
	}

#footlink {
	height:170px; margin:10px 0 0 0; clear:both;
	}
	
#footlink .link_1 {
	width:200px; padding:15px 20px 0 3px; float:left;
	}
	
#footlink .link_2 {
	width:300px; height:140px; padding:10px 0 0 0; float:right;
	}

#footlink h1 {
	font:700 13px/1.6 Candara, "Trebuchet MS","Lucida Sans",  "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; background:url(images/separate_01.gif) right bottom no-repeat; margin:0 0 8px 0; padding:0 0 8px 6px;
	}
	
#footlink ul {
	font:700 11px/2.2 Candara, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; margin:0; list-style:none;
	}
	
#footlink li a {
	padding:0 0 0 28px;
	}
	
#footlink .language {
	background-repeat:no-repeat; background-position:right 9px; margin:0 10px 0 0; padding:5px 20px 0 0; float:right;
	}

#footer {
	font:400 10px "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; height:38px;
	}
	
#footer .copyright {
	width:980px; margin:0 auto;
	}
	
#footer .copyright span {
	padding:12px 10px;
	}
/* 
------------------------------------------------------------------------------------------------------------------------------------------------------
default.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#mainpage {
	display:inline-block;
	}
	
#mainpage a.topic {
	height:280px; width:280px; float:right;
	}
 
#mainpage .tab_1 {
	height:170px; width:230px; margin-top:110px; float:left;
	}
	
#mainpage .tab_2 {
	height:170px; width:230px; margin-top:110px; float:left;
	}
	
#mainpage .tab_3 {
	height:170px; width:230px; margin-top:110px; float:left;
	}
	
#mainpage .tab_4 {
	height:200px; width:230px; float:left;
	}
	
#mainpage .tab_5 {
	height:200px; width:230px; float:left;
	}
	
#mainpage .tab_6 {
	height:200px; width:230px; float:left;
	}

#mainpage .price p.startfrom {
	font:700 12px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; padding:113px 0 0 16px;
	}
	
#mainpage .price p.showprice {
	font:700 20px "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; padding:0 0 0 16px;
	}

#mainpage .features ul {
	font:400 11px/2.2  "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; padding:65px 0 6px 18px; list-style:none;
	}
	
#mainpage .features li {
	padding:0 0 0 20px;
	}
	
#mainpage .features a {
	margin:0 0 0 18px;
	}

#mainpage .highlight {
	margin:25px 0 10px 5px;
	}
	
#mainpage .highlight dl {
	font:400 11px/1.8  "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; width:250px; margin:0 15px 25px 0; padding:0 0 0 60px; float:left;
        }
	
#mainpage .highlight dt {
	font:700 12px/1.8  "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; margin:0 0 2px 0;
	}
/* 
------------------------------------------------------------------------------------------------------------------------------------------------------
homepage.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#supporthome {
	display:inline-block;
	}
	
#supporthome .shortcuts {
	background:url(images/header_separate.gif) no-repeat; padding:3px 2px 30px 2px; margin:30px 0 0 0;
	}
	
#supporthome .shortcuts ul {
	list-style:none; line-height:1.6; border-bottom:1px solid #CCCCCC; 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:165px; padding:0 0 0 50px; display:block;
	}
	
#supporthome .shortcuts span.title {
	font:700 12px Candara, "Trebuchet MS", "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; 
	}
/*
------------------------------------------------------------------------------------------------------------------------------------------------------
homepage.tpl, contact.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#supporthome .contactinfo {
	padding:25px 0 0 95px; float:left;
	}
	
#supporthome .contactinfo span.title {
	font:700 12px Candara, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; color:#959595; text-transform:uppercase; padding:15px 0 6px 0; display:block;
	}
	
#supporthome .contactform {
	height:auto!important; height:300px; min-height:300px; background:url(images/contact_info_1.jpg) no-repeat; clear:both;
	}

#contact .contactinfo {
	padding:25px 0 0 95px; float:left;
	}
	
#contact .contactinfo span.title {
	font:700 12px Candara, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; color:#959595; 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 10px 0; display:inline-block;
	}
	
#clientinfo .title {
	font:700 12px/1.8 Candara, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; background:url(images/icon_info.gif) 3px 1px no-repeat; padding:0 0 8px 30px;
	}
	
#clientinfo .address {
	width:260px; float:left;
	}
	
#clientinfo .address dl {
	border-top:1px #aaa dotted; line-height:2.0; padding:8px 0 0 10px;
	}
	
#clientinfo .stats {
	height:auto!important; height:200px; min-height:200px; padding:0 0 0 60px; float:left;
	}
	
#clientinfo .stats dl {
	border-top:1px #aaa dotted; 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:#C60;
	}
	
#clientinfo .stats a:hover {
	color:#930;
	}
	
#clientareahome .table_frame {
	margin-bottom:10px;
	}
/*
------------------------------------------------------------------------------------------------------------------------------------------------------
login.php
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#layout_login .content {
	background:url(images/login_bg.gif) no-repeat 80px 30px; text-align:center; margin-top:20px;
	}
	
#layout_login .section {
	width:550px; margin:0px auto;
	}
	
#layout_login .fieldarea {
	padding:20px 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 {
	font:700 12px/1.8 Candara, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; background:url(images/icon_info.gif) 3px 6px no-repeat; padding:5px 0 5px 30px;
	}
	
.table_frame {
	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 {
	font-weight:700; height:28px; 
	}
/*
*/
#layout_sysmessage {
	height:auto!important; height:550px; min-height:550px; padding:60px 110px 20px 110px;
	}

#layout_clientarea .topic {
	border-bottom:1px dotted #BBBBBB; padding:0 0 5px 0;
	}
	
#layout_clientarea .topic span {
	font-weight:700; margin:0 0 0 8px;
	}

#layout_support .topic {
	border-bottom:1px dotted #BBBBBB; padding:0 0 5px 0;
	}
	
#layout_support .topic span {
	font-weight:700; margin:0 0 0 8px;
	}

#category .list dl {
	width:230px; float:left;
	}
	
#popular .topic {
	border-top:3px solid #ddd; 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:1px dotted #bbb; padding-bottom:15px; margin:0 0 5px 0;
	}
	
#article .list dd {
	border-bottom:1px dotted #bbb; 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 {
	background:url(images/title_default.jpg) no-repeat; height:100px; margin:0 0 10px 0;
	}
	
.pagetitle h1 {
	font:700 14px/1.5 "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; padding:43px 0 0 48px; margin:0;
	}
/*
*/
#layout_clientarea .pagetitle {
	background:url(images/title_clientarea.jpg) no-repeat;
	}
	
#affiliates .pagetitle, #affiliatessignup .pagetitle {
	background:url(images/title_affiliates.jpg) no-repeat;
	}
	
#announcements .pagetitle, #viewannouncement .pagetitle {
	background:url(images/title_announcements.jpg) no-repeat;
	}
	
#downloads .pagetitle, #downloadscat .pagetitle {
	background:url(images/title_downloads.jpg) no-repeat;
	}
	
#knowledgebase .pagetitle, #knowledgebasearticle .pagetitle, #knowledgebasecat .pagetitle {
	background:url(images/title_knowledgebase.jpg) no-repeat;
	}
	
#networkissues .pagetitle, #serverstatus .pagetitle {
	background:url(images/title_serverstatus.jpg) no-repeat;
	}
	
#supportticketsubmit-stepone .pagetitle, #supportticketsubmit-steptwo .pagetitle, #viewticket .pagetitle {
	background:url(images/title_supporttickets.jpg) no-repeat;
	}
	
#tutorials .pagetitle {
	background:url(images/title_tutorials.jpg) no-repeat;
	}
	
#layout_legal .pagetitle {
	background:url(images/title_legal.jpg) no-repeat;
	}

#clientareahome .pagetitle, #contact .pagetitle, #clientregister .pagetitle, #login .pagetitle{
	display:none;
	}
	
#clientareahome, #contact, #clientregister {
	padding-top:43px;
	}
/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Below styles are used for handle all buttons for this template
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
button {
	font:700 11px Candara, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode"; text-transform:uppercase; text-align:center; vertical-align:top; border:0; padding:0; position:relative;	cursor:pointer; #overflow:visible;
	}
	
button::-moz-focus-inner {
	border:none; /* overrides extra padding in Firefox */
	} 
	
button span {
	white-space:nowrap; position:relative; display:block;
	}

button.BtnSubmit {
	color:#454545; background:transparent url(images/btn_submit.gif) no-repeat right -100px; padding:0 12px 0 0; margin:0 0 0 -3px; #margin:0;
	}
	
button.BtnSubmit span {
	background:transparent url(images/btn_submit.gif) no-repeat left top; width:auto!important; width:55px; min-width:55px; height:19px; padding: 6px 0 0 13px; #padding-right:3px; #margin:0 0 -2px 0;
	}
	
button.BtnSubmit:hover, button.BtnSubmitHover {
	color:#454545; background-position:right -150px;
	}
	
button.BtnSubmit:hover span, button.BtnSubmitHover span {
	background-position:0 -50px;
	}

button.BtnSmall {
	color:#FFFFFF; background:transparent url(images/btn_small.gif) no-repeat right -100px; padding:0 28px 0 0; margin:0 0 0 -3px; #margin:0; 
	}
	
button.BtnSmall span {
	background:transparent url(images/btn_small.gif) no-repeat left top; width:auto!important; width:32px; min-width:32px; height:17px; padding: 3px 0 0 10px; #padding-right:3px; #margin:0 0 -2px 0;
	}
	
button.BtnSmall:hover, button.BtnSmallHover {
	color:#FFFFFF; background-position:right -150px;
	}
	
button.BtnSmall:hover span, button.BtnSmallHover span {
	background-position:0 -50px;
	}

button.BtnGo {
	background:transparent url(images/btn_go.png) no-repeat right 0px; height:20px; width:24px; margin:0; margin-left:-5px;
	}
	
button.BtnGo span {
	display:none;
	}
	
button.BtnGo:hover, button.BtnGoHover {
	background-position:right -50px;
	}

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