/* --------------------------------------------------------------
   GLOBAL
-------------------------------------------------------------- */

/* ANA STYLE DOSYASI */

@import "anamenu.css";
@import "solmenu.css";
@import "footer.css";
@import "ozelalanlar.css";


.nedenbiz { height:125px; width:640px; background-image:url(images/nedenbiz/bg.gif);  }

.nedenbizresim { float:left; padding-left:5px; width:90px; height:70px; padding-top:28px; }

.nedenbizyazi2 { float:left; width:530px; }

.nedenbizbaslik { font-family:'Century Gothic'; font-size:16px; color:#042B3C; font-weight:bold; padding-top:20px; }

.nedenbizaciklama { font-family: Tahoma, "Trebuchet MS"; color:#333333; font-size:11px; padding-top:5px;}

.aciklamakutulari2 { height:131px; width:636px; margin:auto; background:url(images/webtasarim/whmcstemapaketleri.jpg); }
.aciklamakutularisol { float:left; width:556px; height:100px; padding-top:11px; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
.aciklamakutularibaslik { float:left; width:556px; font-size:14px; font-family:'Century Gothic'; font-weight:bold; }
.aciklamakutulariaciklama { float:left; width:556px; padding-top:10px; line-height:25px; }
.whmcskutu1 { float:left; width:306px; height:142px; background:url(images/webtasarim/whmcskutu.jpg); }


.aciklamakutulari { height:131px; width:636px; margin:auto; background:url(images/webtasarim/aciklamakutulari.jpg); }
.aciklamakutulari1 { height:177px; width:636px; margin:auto; background:url(images/webtasarim/aciklamakutulari1.jpg); }

.aciklamakutulari3 { float:left; width:400px; padding-top:10px; line-height:18px; }
.aciklamakutulari3 span { font-family:Tahoma; font-size:11px; color:#333333; }
.aciklamakutulari3 img { margin-left:25px; }


body { background:url(images/arkaplan.jpg); background-color: #B2BDC9; width:1003px; margin: 0px auto; }

#ustalancerceve { background:url(images/ustalanbg.jpg); height:100px; }


#indexkampanyaalani { width:983px; margin:auto; height:211px; margin-bottom:10px; }

#musterigirisiemail { margin:auto; margin-bottom:2px; width:275px; font: 12px Arial; color:#333333; height:18px; line-height:18px; padding-top:7px; padding-left:4px; }
#musterigirisiemaildiv { margin:auto; width:270px; height:30px;  }
#musterigirisisifre { margin:auto; margin-bottom:2px; width:275px; font: 12px Arial; color:#333333; height:18px; line-height:18px; padding-top:4px; padding-left:4px; }
#musterigirisisifrediv { margin:auto; width:270px; height:30px;  }
#musterigirisisubmit { float:left; width:100px; height:25px; margin-top:9px; }

#sayfaoturtma { width:983px; margin:auto;}

#sayfaorta { background:url(images/sayfaortabg.gif); width:1003px; clear:both; line-height:10px; }
#sayfaust { background:url(images/sayfaustbg.gif) #DEE2E6 no-repeat; height:10px; line-height:10px; width:1003px; }
#sayfaalt { background:url(images/sayfaaltbg.gif) no-repeat; clear:both; height:36px; line-height:10px; width:1003px; }
#sayfahiza { margin-left:10px; margin-right:10px; width:983px; }

#sagblok { float:right; width:746px; }



#alanadiblok { background:url(images/alanadibg.gif); width:746px; height:177px; font:12px Arial, Helvetica, sans-serif; color:#666666; }
#alanadiblok2 { background:url(images/alanadibgtr.gif); width:746px; height:177px; font:12px Arial, Helvetica, sans-serif; color:#666666; }


#alanadiyazi { height:50px; width:577px; float:left; padding-top:18px; margin-right:20px; }
#alanadiyazi02 { height:50px; width:740px; float:left; padding-top:18px; }
#alanadiyazi a { color:#666666; text-decoration:none; }
#alanadiyazi a:hover { color:#666666; text-decoration:underline; }

#alanadiinputsatiri { height:40px; padding-left:5px; width:600px; float:left; }
#alanadiinputcer { margin:9px auto; width:297px; height:28px; float:left; background-color:#FFFFFF; border: #CCCCCC 1px double; }
.alanadiinputcer { border: 0px #FFFFFF; height:21px; line-height:15px; width:295px; margin-top:4px; }
#alanadisubmitcer { float:left; width:98px; height:31px; margin-top:9px; }
#alanadiuzanticer { height:40px; padding-left:112px; margin-top:8px; width:430px; float:left; }

#paketblokust { margin-top:10px; width:746px; height:207px; font:12px Arial, Helvetica, sans-serif; color:#333333; }
#paketyesillin { float:left; height:216px; width:170px; background:url(images/paketler/paketyesillin.jpg); }
#paketyesilwin { float:left; height:216px; width:170px; background:url(images/paketler/paketyesilwin.jpg); }
#paketyesilwin02 { float:left; height:216px; width:170px; margin-top:10px; background:url(images/paketler/paketyesilwin.jpg); }
#paketacik { float:left; height:216px; width:170px; margin-top:10px; background:url(images/paketler/paketacik.jpg); }
#paketaciklin { float:left; height:216px; width:170px; margin-top:10px;  background:url(images/paketler/paketaciklin.jpg); }
#paketacikwin { float:left; height:216px; width:170px; margin-top:10px;  background:url(images/paketler/paketacikwin.jpg); }
#paketmavilin { float:left; height:216px; width:170px; margin-top:10px; background:url(images/paketler/paketmavilin.jpg); }
#paketmavilin002 { float:left; height:216px; width:170px; margin-top:10px; background:url(images/paketler/paketgrilin.jpg); }
#paketgriwin002 { float:left; height:216px; width:170px; margin-top:10px; background:url(images/paketler/paketgriwindows.jpg); }
#paketmaviwin { float:left; height:216px; width:170px; background:url(images/paketler/paketmaviwin.jpg); }
#paketgrilin { float:left; height:216px; width:170px; background:url(images/paketler/paketgrilin.jpg); }
#paketgrilin002 { float:left; height:216px; width:170px; background:url(images/paketler/paketmavilin.jpg); }
#paketgriwin { float:left; height:216px; width:170px; background:url(images/paketler/paketgriwin.jpg); }
#paketbaslik { width:150px; height:20px; padding-left:10px; font: bold 14px Arial; color:#172C3D; padding-top:20px; }
#paketcizgi { float:left; height:5px; }
#paketozellik20 { width:150px; height:16px; line-height:20px; float:left; padding-left:7px; margin-top:2px; color:#112F3E; font: bold 16px Century Gothic; }
#paketozellik { width:150px; height:20px; line-height:20px; float:left; padding-left:15px; margin-top:2px; }
#paketozellik img { margin-top:5px; }
#paketozellik5adet { height:3px; line-height:3px; width:100px; float:left; }
#paketfiyatayrinti { height:40px; float:left; clear:both; width:160px; }
#paketsatinal { height:25px; width:75px; padding-top:10px; float:left; }
#paketsatinal02 { height:25px; width:75px; padding-top:10px; float:left; }
#paketfiyat { height:40px; width:70px; float:left; color:#112F3E; font: bold 41px Century Gothic; }
#paketfiyat2 { height:40px; width:70px; float:left; color:#112F3E; font: bold 25px Century Gothic; }
#pakettutar { width:45px; height:40px; line-height:40px; clear:both; float:left; }
#paketdovizcer { width:20px; height:35px; padding-top:5px; padding-left:2px; float:left; }
#paketbirim { width:20px; height:17px; line-height:17px; font-size:18px; font-weight:bold; }
#paketdoviz { width:20px; height:15px; line-height:15px; font-size:12px; font-weight:bold; }
#paketsolayasla { width:22px; height:200px; float:left; }





#paketacik-001 { float:left; height:216px; width:170px; margin-top:10px; background:url(images/paketler/vpslite.png); }
#paketacik-002 { float:left; height:216px; width:170px; margin-top:10px; background:url(images/paketler/vpslarge.png); }
#paketacik-003 { float:left; height:216px; width:170px; margin-top:10px; background:url(images/paketler/bronzeseller.png); }
#paketacik-004 { float:left; height:216px; width:170px; margin-top:10px; background:url(images/paketler/diamondseller.png); }


#ustpaket1 { float:left; height:216px; width:170px; background:url(images/paketler/ekoplanlite.png); }
#ustpaket2 { float:left; height:216px; width:170px; background:url(images/paketler/ekoplan2.png); }
#ustpaket3 { float:left; height:216px; width:170px; background:url(images/paketler/midplan.png); }
#ustpaket4 { float:left; height:216px; width:170px; background:url(images/paketler/proplan.png); }




#paketblokvps { margin-top:10px; width:746px; height:265px; font:12px Arial, Helvetica, sans-serif; color:#333333; }
#paketyesilvpslin { float:left; height:265px; width:184px; background:url(images/paketler/paketyesilvpslin.jpg); }
#paketyesilvpswin { float:left; height:265px; width:184px; background:url(images/paketler/paketyesilvpswin.jpg); }


































form {
	margin: 0px;
}

body,td,input,select,textarea {
	font-family: Tahoma;
	font-size: 11px;
}

a {
	color: #65A5E6;
}

a:hover {
	text-decoration: none;
}

.wrapper {
	width: 730px;
	border: 0px;
	padding: 5px;
	border-collapse: collapse;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------
   HEADINGS
-------------------------------------------------------------- */

.heading {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #65A5E6;
}

.heading2 {
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.heading3 {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #16679F;
}

/* --------------------------------------------------------------
   INFO BOXES
-------------------------------------------------------------- */

.contentbox {
	width: 98%;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	font-family:Tahoma; font-size:12px;
	color:#666666;
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto;
	margin-right: auto;
}

.nonerrorbox {
	border: 1px dashed #005900;
	font-weight: bold;
	background-color: #E6FFE6;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #005900;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------
   CLIENT AREA NAVBAR
-------------------------------------------------------------- */

.clientarealinks {
    background-color: #FDFCDD;
    padding: 10px;
}

.clientarealinks a {
	color: #555555;
}

/* --------------------------------------------------------------
   TABLES
-------------------------------------------------------------- */

table.topnavbar {
	width: 100%;
}

tr.topnavbar {
	background-color: #efefef;
	font-weight:bold;
	text-align: center;
}

tr.topnavbar a {
	color: #000000;
	text-decoration: none;
}

tr.topnavbar a:hover {
	color: #666666;
}

table.frame {
	width: 100%;

	padding: 0px;
}

.fieldarea {
	background-color: #F5F5F5;
	height:34px; line-height:34px;
	text-align: right;
}

.fieldarea2 {
	background-color: #FBFBFB;
	height:34px; line-height:34px;
	text-align: right;
}

.fbaslik { color: #333333; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px;  }


.clientareatable {
	width: 100%;
	border:1px #CCCCCC solid;
}

tr.clientareatableheading {
background:#F7F7F7;
 	font-weight: bold;
	height:25px;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #FFFFE2;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #E9FFD2;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #FFE1E1;
	text-align: center;
}

/* --------------------------------------------------------------
   NETWORK ISSUES
-------------------------------------------------------------- */

.networkissuessummary {
    background-color: #f6f6f6;
    border: 1px dashed #cccccc;
    padding: 10px;
    text-align: center;
}

.networkissuesopen {
    font-size: 16px;
    font-weight: bold;
    color: #65CC00;
    padding-right: 20px;
}

.networkissuesscheduled {
    font-size: 16px;
    font-weight: bold;
    color: #EEDD00;
    padding-right: 20px;
}

.networkissuesclosed {
    font-size: 16px;
    font-weight: bold;
    color: #888888;
}

.networkissuedescription {
    border-left: 5px solid #efefef;
    padding: 20px;
    padding-top: 1px;
}

.networkissueaffected {
    background-color: #FDFCDD;
    padding: 10px;
    margin-top: 10px;
}

/* --------------------------------------------------------------
   SUPPORT TICKETS
-------------------------------------------------------------- */

.clientticketreplyheader {
    margin-top: 20px;
    background-color: #92BDEA;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.clientticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/clientticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.adminticketreplyheader {
    margin-top: 20px;
    background-color: #888888;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.adminticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/adminticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.closeticket {
    border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
    color: #cc0000;
}

/* --------------------------------------------------------------
   TEXT COLORS
-------------------------------------------------------------- */

.textblack {
	color: #000000;
}

.textblue {
    color: #224488;
}

.textgreen {
	color: #779500;
}

.textgrey {
	color: #888888;
}

.textgold {
    color: #ffbb55;
}

.textorange {
	color: #ff6600;
}

.textred {
	color: #cc0000;
}
tr.clientareatablehighlight td{background-color:#eeeeff !important;}






/* Slider */
#slider {  width:682px; padding:0 0 0 0; margin:0 auto;}
div#slideshow { float:left; width:100%; height:211px; }
.slider-item { width:100% !important; height:211px; }
.slider_content_inner img { border:none; }
.controls-center { width:120px; margin-left:auto; margin-right:auto; }
#slider_controls { float:right; position:absolute; no-repeat top center; margin:0; z-index:1000; width:682px; height:23px;}
#slider_controls ul { margin:0 auto; padding:2px; width:150px;}
#slider_controls ul li { margin:0; padding:0; list-style:none; }
#slider_controls ul li { float:left; display:block; }
#slider_controls ul li a { width:10px; height:10px; background:url('images/yenislider/tabs_2.gif') no-repeat center center; display:block; float:left; padding:2px; margin:2px !important; margin:1px 1px; outline:none; }
#slider_controls ul li a:focus { outline:none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/yenislider/tabs_1.gif') no-repeat center center; }




/* --------------------------------------------------------------
   TWITTER FEED
-------------------------------------------------------------- */

#twitterfeed ul {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 20px 0;
}
#twitterfeed li {
    background-image: url(../../images/twittericon.png);
    background-repeat: no-repeat;
    background-position: 0;
    margin: 0 20px 10px 20px;
    padding-left: 25px;
}
#twitterfeed p {
    text-align: center;
    margin: 15px;
}

#announcementstwitter {
    float: right;
    width: 250px;
    margin: 0 0 20px 10px;
    padding: 10px 0 10px 0;
    border: 1px dashed #f5e303;
    background-color: #ffffec;
}
#announcementstwitterfeed ul {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 0 0;
}
#announcementstwitterfeed li {
    padding: 10px;
    border-top: 1px dashed #f5e303;
}
#announcementstwitterfeed p {
    text-align: center;
    padding: 10px;
    margin: 10px 0 0 0;
    border-top: 1px dashed #f5e303;
}




/* SSS Sayfasi */

#faqSection{
	padding:20px 90px 60px 60px;
	border:0px solid white;
	text-shadow:1px 1px 0 white;
}


/* The expand / collapse button */

a.button{
	background:url('img/buttons.png') no-repeat;
	width:80px;
	height:38px;
	position:absolute;
	right:325px;
	top:425px;
	text-indent:-9999px;
	overflow:hidden;
	border:none !important;
}

a.button.expand:hover{ background-position:0 -38px;}
a.button.collapse{ background-position:0 -76px;}
a.button.collapse:hover{ background-position:0 bottom;}



dt{
	color:#8F9AA3;
	font-size:16px;
	margin-top:20px;
	padding-left:25px;
	position:relative;
	cursor:pointer;
	border:1px solid transparent;
}

dt:hover{ color:#5f6a73;}

dt .icon{
	background:url('img/bullets.png') no-repeat;
	height:12px;
	left:0;
	position:absolute;
	top:2px;
	width:12px;
}

dt.opened .icon{ background-position:left bottom;}

dd{
	font-size:14px;
	color:#717f89;
	line-height:1.5;
	padding:20px 0 0 0px;
	width:580px;
	display:none;
}


/* SSS Sayfasi Son ve VPS Slider Baslangici */


#horizWrapper{position:relative;background:url(images/bg_940x130.jpg) no-repeat top left;width:688px;height:130px;display:block;}
#horizHandleDiv{position:absolute;left:16px;top:0px;cursor:default;width:24px;height:24px;}
#horizBGDiv{position:absolute;top:0px;left:0px;display:block;width:908px;height:44px;top:10px;left:15px;background:url(images/horizBg.png) no-repeat top left;zindex:5}
#horizValueDiv{position:absolute;top:100px;left:0px;display:block;width:300px;}
.packages{position:absolute;top:74px;left:0px;display:block;}
.package_toptitle{position:absolute;display:block;top:-28px;width:707px;text-align:center;left:0px;}
.package_values{position:absolute;display:block;top:22px;left:0px;}
.package_titles{position:absolute;display:block;top:46px;left:0px;}
.package_order{position:absolute;display:block;top:0px;left:556px;text-align:center;width:170px;}

.packages .cpu{position:absolute;top:0px;left:10px;width:155px;text-align:left;}
.packages .ram{position:absolute;top:0px;left:120px;width:155px;text-align:left;}
.packages .storage{position:absolute;top:0px;left:230px;width:155px;text-align:left;}
.packages .bw{position:absolute;top:0px;left:340px;width:155px;text-align:left;}
.packages .orderdetail{position:absolute;top:0px;left:450px;width:155px;text-align:left;}

.packages .orderit{position:absolute;background:url(images/siparis.png) no-repeat 0px 0px;width:120px;height:34px;top:5px;left:0px;display:block;}
.packages .orderit:hover{background:url(images/siparis.png) no-repeat 0px -44px;}

.size22{font-size:18px;}
.font2{font-family:"Arial", sans-serif;}
.dkgray{color:#454545;}
.isbold{font-weight:bold;}
.font3{font-family:"Arial", sans-serif; color:#156cbb;}