
/********************************************
Mira Hosting - H.c.K
*********************************************/

/*
www.mirahosting.com
*/

/********************************************
ana site
*********************************************/
.wrapper_center {
	margin: 0 auto;
	width: 970px;
	
}
/********************************************
TOP
*********************************************/
#wrapper_top {
	margin: 0 auto;
	width: 100%;
	height: 140px;
	background: url(../images/top_bg.png) repeat-x left top;
	
}
#top {
	width: 100%;
	height: 140px;
}
.logo {
	float: left;
	height: 70px;
	padding: 10px 0px;
}
.top_right {
	float: right;
	width: 270px;
	height: 45px;
	padding-top: 25px;
	font-size: 11px;
	color: #9996AB;
	line-height: 18px;
}
.top_right a:link, .top_right a:visited {
	font-size: 11px;
	color: #9996AB;
	text-decoration: none;
}
.top_right a:hover {
	font-size: 11px;
	color: #B8B7C0;
	text-decoration: none;
}
.menu {
	float: left;
	width: 100%;
	height: 50px;
}


/********************************************
HEADER
*********************************************/
#wrapper_header {
	margin: 0 auto;
	width: 100%;
	height: 358px;
	float: left;
	background: url(../images/header_bg.jpg) repeat-x center top;
	
}

#wrapper_header2 {
	margin: 0 auto;
	width: 100%;
	float: left;
	background: url(../images/header_bg2.jpg) repeat-x center top;
	
}

/********************************************
BODY
*********************************************/
#wrapper_body {
	margin: 0 auto;
	width: 100%;
	padding: 20px 0px 20px 0px;
	float: left;
	
}

/* ---------- domain ara ---------- */

.search_domain {
	float: left;
	width: 940px;
	height: 51px;
	padding: 15px;
	background: url(../images/doaminsearch_bg.jpg) no-repeat left top;
	font-size: 11px;
	color: #000;
}
.search_domain_form {
	float: left;
	width: 546px;
	height: 50px;
	margin-left: 125px;
}
input.search_domain {
	float: left;
	width: 374px;
	height: 25px;
	padding: 9px 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #727272;
	background: url(../images/doaminsearch_input.jpg) no-repeat left top;
}
select.search_domain_list {
	float: left;
	width: 55px;
	margin: 8px 0px 0px 10px;
	border: 1px solid #7F9DB9;

}

input.search_domain_go {
	float: left;
	width: 66px;
	height: 34px;
	margin-left: 15px;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #fff;
	cursor: pointer;
	background: url(../images/button_doaminsearch.jpg) no-repeat left top;
}
.domain_features {
	float: right;
	width: 160px;
	padding-top: 4px;
}
.domain_features ul {
	margin: 0px;
	padding: 0px;
}
.domain_features li {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	line-height: 16px;
	background: url(../images/bullet_point.jpg) no-repeat left 6px;
}

/* ---------- Plan kutu ---------- */

.home_planboxes {
	float: left;
	width: 970px;
	padding: 20px 0px 20px 0px;
}
.planboxes_01 {
	float: left;
	width: 300px;
	height: 255px;
	background: url(../images/planbox.jpg) no-repeat left top;
}
.planboxes_01 span.title {
	float: left;
	width: 210px;
	height: 50px;
	padding: 9px 0px 0px 18px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.planboxes_01 span.price {
	float: left;
	width: 70px;
	height: 50px;
	padding-top: 8px;
	color: #fff;
	text-align: center;
}
.planboxes_01 span.price strong {
	font-size: 27px;
	line-height: 25px;
}
.planboxes_01 div.details {
	float: left;
	width: 260px;
	padding: 0px 18px;
}
.planboxes_01 div.details ul {
	margin: 0px;
	padding: 0px;
}
.planboxes_01 div.details li {
	margin: 0px;
	padding: 0px 0px 0px 13px;
	line-height: 21px;
	list-style-type: none;
	background: url(../images/arrowsmall_grey.jpg) no-repeat left 7px;
}
.planboxes_01 div.details a {
	float: left;
	width: 85px;
	height: 22px;
	padding-top: 5px;
	text-align: center;
	background: url(../images/button_planbox.jpg) no-repeat left top;
	font-weight: bold;
	color: #606060;
	text-decoration: none;
	margin-top: 14px;
	margin-right: 10px;
}
.planboxes_01 div.details a:hover {
	font-weight: bold;
	color: #454545;
	text-decoration: none;
}
.space_vartical {
	float: left;
	width: 35px;
	height: 255px;
}
.space_horizantal {
	float: left;
	width: 595px;
	height: 20px;
}

/* ---------- Bottom ---------- */

.home_bottom {
	float: left;
	width: 932px;
	height: 222px;
	padding: 18px;
	background: url(../images/bottom_bg.jpg) repeat-x left top;
	border: 1px solid #E2E2E2;
}
.home_bottom .section_01 {
	float: left;
	width: 280px;
	height: 222px;
}
.home_bottom .section_01 ul {
	margin: 0px;
	padding: 0px;
}
.home_bottom .section_01 li {
	margin: 0px;
	padding: 0px 0px 0px 18px;
	line-height: 27px;
	list-style-type: none;
	background: url(../images/arrow_blue.jpg) no-repeat left 9px;
}
.home_bottom .section_02 {
	float: left;
	width: 280px;
	height: 222px;
	padding-left: 10px;
	padding-right: 10px;
}
.home_bottom .section_03 {
	float: left;
	width: 259px;
	height: 212px;
	margin-left: 10px;
	background: url(../images/testimonials_bgsmall.jpg) no-repeat left bottom;
}
.home_bottom .section_03 div.testicontent {
	float: left;
	padding: 22px 18px 0px 18px;
	width: 230px;
}
.home_bottom .section_03 div.testicontent i {
	float: right;
	height: 20px;
	padding-top: 20px;
	padding-right: 100px;
}
.v_line {
	float: left;
	width: 1px;
	height: 222px;
	background: url(../images/v_line.jpg) no-repeat center top;
	padding-left: 15px;
	padding-right: 20px;
}


/* ---------- oto script ---------- */

.autoinstall_scripts {
	float: left;
	width: 970px;
	height: 130px;
	background: url(../images/autoinstall_scripts.jpg) no-repeat left top;
	margin-top: 20px;
}

/********************************************
FOOTER
*********************************************/
#wrapper_footer {
	margin: 0 auto;
	width: 100%;
	height: 269px;
	background: url(../images/footer_bg.jpg) repeat-x left top;
	float: left;
	
}
#wrapper_footer a {
	color: #5C5A68;
	text-decoration: none;
}
#wrapper_footer a:hover {
	color: #787686;
	text-decoration: none;
}
#wrapper_footer ul {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
#wrapper_footer li {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	line-height: 27px;
	list-style-type: none;
	background: url(../images/arrow_footerlist.jpg) no-repeat left 11px;
	border-bottom: 1px solid #373542;
}
#wrapper_footer p {
	color: #5C5A68;
	float: left;
	width: 280px;
}
.footer_column_1 {
	float: left;
	width: 140px;
	height: 206px;
	margin-top: 15px;
	margin-right: 30px;			
}
.footer_column_2 {
	float: left;
	width: 145px;
	margin-top: 15px;
	margin-right: 30px;			
}
.footer_column_3 {
	float: left;
	width: 145px;
	margin-top: 15px;
	margin-right: 30px;			
}
.footer_column_4 {
	float: left;
	width: 145px;
	margin-top: 15px;
	margin-right: 30px;		
}
.footer_column_5 {
	float: left;
	width: 245px;
	height: 130px;
	padding: 15px;
	background: url(../images/footer_domaininfo_bg.jpg) no-repeat left top;
	margin-top: 30px;			
}
.footer_column_5 strong {
	font-size: 14px;
	font-weight: bold;
	color: #9A98A4;
	text-transform: uppercase;
}
.footer_column_5 span.footer_domains_info {
	width: 226px;
	height: 20px;
	padding: 4px 0px 0px 10px;
	margin-top: 3px;
	display: block;
	font-size: 11px;
	color: #9A98A4;
	background: url(../images/footerdomain_listbg.jpg) no-repeat left top;
}
.footer_column_5 span.footer_domains_info i {
	width: 180px;
	float: left;
	font-style: normal;
}

/* ---------- Copyright bilgileri ---------- */

#copyright {
	width: 970px;
	height: 30px;
	float: left;
	font-size: 11px;
	color: #585761;
	padding-top: 9px;
}
#copyright p {
	float: left;
	font-size: 11px;
	color: #585761;
	width: 500px;
	height: 32px;
	padding-top: 7px;
}
#copyright span.payments {
	float: right;
	width: 247px;
	height: 39px;
}

/********************************************
sayfa
*********************************************/
#innerpage_title {
	margin: 0 auto;
	width: 100%;
	height: 50px;
	background: url(../images/pagetitle_bg.jpg) repeat-x left top;
	float: left;
	
}
.pagetitle {
	float: left;
	width: 670px;
	padding-top: 12px;
}
.bebcrumb_links {
	float: left;
	width: 300px;
	height: 32px;
	padding-top: 18px;
	font-size: 11px;
	background: url(../images/bedcrum_hline.jpg) no-repeat left 12px;
}
.bebcrumb_links a:link, .bebcrumb_links a:visited {
	font-size: 11px;
	color: #1C4574;
	text-decoration: none;
	background: url(../images/bedcrum_arrow.jpg) no-repeat right 5px;
	padding-right: 7px;
	margin-left: 10px;
}
.bebcrumb_links a:hover {
	text-decoration: underline;

}

/* ---------- ana icerik ---------- */

#main_content {
	float: left;
	width: 630px;
}
.whatwedo {
	float: left;
	width: 598px;
	padding: 15px;
	margin-bottom: 20px;
	background-color: #F8F8F8;
	border: 1px solid #eee;
}
.whatwedo div.section_category {
	float: left;
	width: 598px;
	height: 140px;
}
.content_box {
	float: left;
	width: 630px;
}
.button_readmore {
	float: left;
	width: 300px;
	height: 24px;
	padding-top: 12px;
}
.button_readmore a:link, .button_readmore a:visited {
	float: left;
	background: url(../images/button_readmore.jpg) no-repeat left top;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 76px;
	height: 19px;
	padding: 5px 0px 0px 10px;
	text-decoration: none;
}
.button_readmore a:hover {
	color: #AFADB8;
}
.imgright {
	float: right;
}
.imgleft {
	float: left;
	margin-right: 28px;
}
.section_box {
	float: left;
	width: 630px;
	height: 182px;
}
.section_box_02 {
	float: left;
	width: 630px;
}
.horizantal_line {
	float: left;
	width: 630px;
	margin-top: 15px;
	margin-bottom: 15px;
	background: url(../images/h_line.jpg) no-repeat left top;
}
.section_box_02 p {
	margin: 0px;
}
ul.list_01 {
	margin: 0px;
	padding: 0px 0px 0px 30px;
}
.list_01 li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	line-height: 27px;
	list-style-type: none;
	background: url(../images/icon_star.jpg) no-repeat left 7px;
}

ul.list_02 {
	margin: 0px;
	padding: 0px 0px 0px 30px;
	width: 230px;
	float: left;
}
.list_02 li {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	line-height: 27px;
	list-style-type: none;
	background: url(../images/icon_rightmark.jpg) no-repeat left 7px;
}


/* ---------- host paketleri ---------- */


#tabvanilla {
	width: 970px;
	float: left;
	margin-bottom: 15px;

}
ul.tabnav {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
}
.tabnav li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
.tabnav li a {
	text-decoration: none;
	color: #727272;
	font-size: 16px;
	font-weight: bold;
	outline: none;
	float: left;
	width: 240px;
	height: 38px;
	padding: 10px 0px 0px 0px;
	border: 1px solid #fff;
	text-align: center;
	background-image: url(../images/plantabs_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}
.tabnav li a:hover {
	background-color: #2B2A34;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/plantabs_hover2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.tabnav li a.currenttab {
	background-color: #2B2A34;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/plantabs_hover2.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.table_planes {
	float: left;
	width: 970px;
}
.table_planes th {
	height: 39px;
	text-align: center;
	background: url(../images/planth_bg.jpg) repeat-x left top;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 16px;
	font-weight: bold;
	color: #555;
	padding-left: 20px;
}
.table_planes th b {
	text-align: left;
	float: left;
}
.table_planes th strong {
	font-size: 12px;
}
.table_planes td {
	height: 30px;
}
.table_planes .left {
	padding-left: 20px;
}
.table_planes .center {
	text-align: center;
}
.table_planes_shadow {
	width: 970px;
	height: 7px;
	float: left;
	margin-bottom: 20px;
	background: url(../images/plantable_shadow.jpg) no-repeat center top;
}
.table_planes .big_text {
	font-size: 23px;
	font-weight: bold;
	color: #AFAFAF;
	text-transform: uppercase;

}
.orange_text {
	font-size: 25px;
	font-weight: bold;
	color: #DB7D00;
	padding: 10px;
	display: block;
}
.orange_text i {
	font-size: 12px;
	font-weight: normal;
	color: #DB7D00;
	font-style: normal;
}
.orange_text a:link, .orange_text a:visited {
	height: 22px;
	padding-top: 7px;
	background: url(../images/button_ordernow.jpg) no-repeat center top;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	display: block;
	text-decoration: none;
}
.orange_text a:hover{
	height: 22px;
	padding-top: 7px;
	background: url(../images/button_ordernow.jpg) no-repeat center top;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	display: block;
	text-decoration: none;
}


/********************************************
SIDEBAR
*********************************************/

#sidebar {
	float: right;
	width: 300px;
	padding-bottom: 20px;

}

/* ---------- Ana sayfa domain ---------- */

.search_domain_sidebar {
	float: left;
	width: 258px;
	height: 112px;
	padding: 20px;
	background-color: #DAEAFB;
	border: 1px solid #C8DCF0;
}
.search_domain_sidebar h1 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #1C4574;
}
input.search_domain_sidebar {
	float: left;
	width: 234px;
	height: 25px;
	padding: 9px 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #727272;
	background: url(../images/doaminsearch_input_small.jpg) no-repeat left top;
	border: 0px;
}
select.search_domain_list_sidebar {
	float: left;
	width: 55px;
	margin: 8px 0px 0px 10px;
	border: 1px solid #4E97CA;
}

/* ---------- Haberler ---------- */

.news {
	float: left;
	width: 298px;
	border: 1px solid #E2E2E2;
	margin-top: 20px;
}
.news h1 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../images/newstitle_bg.jpg) repeat-x left top;
	height: 30px;
	padding-top: 7px;
	padding-left: 20px;
}
.news ul {
	margin: 0px;
	padding: 0px 20px 30px 20px;
}
.news li {
	margin: 0px;
	padding: 15px 0px 15px 20px;
	list-style-type: none;
	background: url(../images/arrow_news.jpg) no-repeat left 17px;
	border-bottom: 1px dashed #C8C8C8;
}

/* ---------- Reseller ---------- */

.become_reseller {
	float: left;
	width: 300px;
	height: 89px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* ---------- testii ---------- */

.testimonials {
	float: left;
	width: 300px;
	height: 212px;
	background: url(../images/testimonials_bg.jpg) no-repeat left bottom;
}
.testimonials h1 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #000;
}
.testimonials div.testicontent {
	float: left;
	padding: 25px 18px 0px 18px;
	width: 265px;
}
.testimonials div.testicontent i {
	float: right;
	height: 20px;
	padding-right: 100px;
}

/* ---------- iletisim formu ---------- */

.contact_form {
	float: left;
	width: 585px;

}
.contact_form label{
	width: 372px;
	height: 21px;
	display: block;
}
.input_bg {
	width: 373px;
	height: 25px;
	padding: 7px 10px 0px 10px;
	background: url(../images/input_bg.jpg) no-repeat left top;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #727272;
}
.textarea_bg {
	width: 543px;
	height: 235px;
	padding: 7px 10px 0px 10px;
	background: url(../images/textarea_bg.jpg) no-repeat left top;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #727272;
}
.input_submit {
	width: 113px;
	height: 34px;
	background: url(../images/button_formsubmit.jpg) no-repeat left top;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #fff;
	cursor: pointer;
}

/* ---------- Adres yerlesimi ---------- */

.location_map {
	float: left;
	width: 300px;
	padding-bottom: 20px;
}
.location_map img {
	float: left;
}
.address_locations {
	float: left;
	width: 300px;
}
.address_locations ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 300px;
}
.address_locations li {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	list-style-type: none;
	line-height: 18px;
	border-bottom: 1px solid #eee;
}
.address_locations h1 {
	float: left;
	width: 300px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #1B1A22;
}




/* ---------- WHMCS CSS'leri giriyor ---------- */







#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}
#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:5px solid #258;color:#666;margin:20px auto 0;padding:0;text-align:left;width:950px;}
#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:670px;}
#side_menu{background-color:#EFF5FF;border-left:1px solid #CFE2FF;float:right;margin:0;padding:15px;text-align:left;width:219px;}
#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}
#side_menu ul li{line-height:25px;margin:0;padding:0;}
#top_container{background-color:#00162c;border-bottom:3px solid #036;color:#FFF;height:60px;margin:0;padding:0;text-align:center;}
#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;line-height:30px;margin:0;padding:0;text-align:left;}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:100px;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:700;width:99px;}
#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}
#welcome_box{background-color:#00162C;float:right;line-height:60px;margin:0;padding:0;text-align:right;}
#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;}
#welcome_box a:hover{text-decoration:underline;}
.absmiddle{vertical-align:middle;}
.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}
.clear{clear:both;}
.green{color:#006F0F;}
.header{color:#1a4d80;font-size:14px;font-weight:700;}
.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.contentbox{padding:10px;margin:0 0 10px;text-align:center;}
.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}
.successbox {border: 1px solid #66CC00;font-weight: bold;background-color: #DDFFC6;text-align: center;padding: 10px;color: #009933;}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}
.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}
.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}
.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}
a,a:visited{color:#333;text-decoration:underline;}
a:hover{color:#666;text-decoration:none;}
form{margin:0;padding:0;}
h1{border-bottom:1px solid #EBEBEB;color:#1a4d80;font-size:24px;font-weight:400;margin:0 0 12px;padding:0 0 3px;}
h2{border-bottom:1px solid #F5F5F5;color:#333;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}
h3{color:#666;font-size:16px;font-weight:700;margin:0;padding:10px 0 5px;}
hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}
input,select,textarea{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;margin:0;padding:2px;}
p{margin:0;padding:3px 0 8px;}
table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}






