@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:url(images/bgm.jpg) center 72px repeat-x #2C2C2B; }



body, th, td, tr  {

	font:400 11px/1.8 "Arial", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif";

	}



body							{ /**/color:#959595;/**/ }

th, td, tr						{ /**/color:#C5C5C5;/**/ }

a								{ /**/color:#959595;/**/ }

a:hover							{ /**/color:#EEEEEE; text-decoration:underline;/**/ }



.inputbox1, .inputbox2, select, textarea {

	color:#CCCCCC; background:#656565; border:1px solid #858585;

	}



.logo {

	background: url(images/kazila.jpg) no-repeat; height:67px; width:274px; margin:0 0 0 -20px; padding:0 0 10px 0; 

	}



#header_top {

	background:url(images/blank.gif) repeat-x; height:68px;

	}



#mainbody {

	width:1080px; margin:0 auto;

	} 



#container {

	width:100%; display:inline-block;

	}

	

#innertube {

	height:auto!important; height:600px; min-height:600px; width:710px; margin:175px 0 15px 0; float:right;

	}

	

.content {

	height:auto!important; height:550px; min-height:550px; margin:0 5px; clear:both;

	}



.breadcrumb {

	/**/color:#858585;/**/ font:400 11px "Arial", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; padding:0 8px 0 8px; clear:both;

	}	 



.breadcrumb a {

	/**/color:#858585;/**/

	}

	

.breadcrumb a:hover {

	/**/color:#BBBBBB;/**/

	}



#side_column {

	background:url(images/menul.png) 0 bottom no-repeat; width:300px; margin:4px 0 0 0; float:left; padding:30px 0 35px 50px;

	}

	

#side_column h1 {

	/**/color:#6DB1FA;/**/ font:700 13px Candara, "Arial", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; padding:24px 0 10px 0;

	}



#side_column ul {

	font:700 11px/1.6 Candara, "Arial", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; list-style:none; width:200px; padding:0 0 0px 0;

	}

	

#side_column li {

	padding:5px 0px;

	}

	

#side_column li a {

	/**/color:#CCC; 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:25px;

	}

	

#side_column select {

	width:150px; height:20px;

	}

	

#side_column .inputbox1 {

	width:185px; height:16px;

	}

	

#box_login p.greeting {

	padding:0 0 5px 0;

	}

/* 

------------------------------------------------------------------------------------------------------------------------------------------------------

site_footer.tpl

------------------------------------------------------------------------------------------------------------------------------------------------------

*/

#footlink {

	margin:30px 0 0 0; padding: 0 0 15px 50px; clear:both; background:#373736; border-bottom:5px solid #4D4C4D;

	}

	

#footlink .link_1 {

	width:200px; padding:15px 20px 0 0; float:left;

	}

	

#footlink h1 {

	color:#858585; font:700 13px/1.6 Candara, "Arial", "Lucida Sans",  "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; padding:0 0 5px 0;

	}

	

#footlink ul {

	font:400 11px/2 "Arial", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; margin:0; list-style:none;

	}

	

#footlink li a {

	color:#757575;

	}

	

#footlink li a:hover {

	color:#EEEEEE;

	}

	

#footer {

	color:#DDDDDD; font:400 10px "Arial", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; height:32px; padding:18px 50px 0 50px; background:url(images/bhg.jpg) repeat-x; 

	}



#footer a {

	color:#DDDDDD;

	}

	

#footer a:hover {

	color:#FFFFFF;

	}

	

/* 

------------------------------------------------------------------------------------------------------------------------------------------------------

homepage.tpl

------------------------------------------------------------------------------------------------------------------------------------------------------

*/

#supporthome {

	display:inline-block;

	}

	

#supporthome .shortcuts {

	padding:3px 2px 30px 2px; margin:30px 0 0 0;

	}

	

#supporthome .shortcuts ul {

	list-style:none; line-height:1.6; border-bottom:1px 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 Candara, "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; 

	}

/*

------------------------------------------------------------------------------------------------------------------------------------------------------

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 10px 0; display:inline-block;

	}

	

#clientinfo .title {

	/**/color:#CCC;/**/ font:700 12px/1.8 Candara, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; background:url(images/title_icon.gif) 3px 1px no-repeat; padding:0 0 8px 40px;

	}

	

#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 {

	/**/color:#CCC;/**/ font:700 12px/1.8 Candara, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; background:url(images/title_icon.gif) 3px 7px no-repeat; padding:5px 0 5px 40px;

	}

	

.table_frame {

	/**/background:url(images/table_foot.gif) bottom no-repeat #555;/**/ margin:10px auto 0;

	}

	

.table_head {

	/**/background:url(images/table_head.gif) top no-repeat;/**/ padding:5px 10px 35px 10px;

	}

	

.table_foot {

	margin:14px 0 -18px 0; text-align:center;

	}



table.tb_data th {

	/**/color:#FFFFFF;/**/ font-weight:700; height:28px; 

	}

	

table.tb_data tr.highlight:hover {

	background-color:#444; cursor:pointer;

	}

	

table.tb_data tr.clientareatableactive {

	background-color:#555;

	}

	

table.tb_data tr.clientareatablepending {

	background-color:#444;

	}

/*

*/

#layout_sysmessage {

	height:auto!important; height:550px; min-height:550px; padding:60px 110px 20px 110px;

	}



#layout_clientarea .topic {

	border-bottom:1px dotted #656565; padding:0 0 5px 0;

	}



#layout_clientarea .topic span {

	/**/color:#CCC;/**/ font-weight:700; margin:0 0 0 8px;

	}



#layout_support .topic {

	border-bottom:1px dotted #656565; padding:0 0 5px 0;

	}



#layout_support .topic span {

	/**/color:#CCC;/**/ 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:1px dotted #656565; padding-bottom:15px; margin:0 0 5px 0;

	}

	

#article .list dd {

	border-bottom:1px dotted #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 {

	background:url(images/title_default.jpg) no-repeat; height:100px; margin:0 0 10px 0;

	}

	

.pagetitle h1 {

	/**/color:#757575;/**/ font:700 14px/1.5 "Arial", "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_domainchecker .pagetitle {

	background:url(images/title_domainchecker.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, "Arial", "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.png) 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.png) 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:26px; margin:0;

	}

	

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

	}

}