body {
    padding:10px;
    margin:0;
    background:#ccc9c7;
}

body,div,span,input,textarea,td,h1,h2,h3,h4,h5 {
    font-family:'Arial';
}

div,span,form{
    padding:0;
    margin:0;
}


div.maincontainer {
    background:white;
    box-shadow: 0px 2px 5px #535252;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:auto;
}


div.maincontainer > div.header {
    width:100%;
    height:49px;
    background:url(../images/header-bg.gif) repeat-x top left;
    clear:both;
    
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.maincontainer > div.header div.logo {
    float:left;
    width:198px;
    height:49px;
    line-height:49px;
    text-align:center;
}

div.maincontainer > div.header div.seperator {
    float:left;
    width:2px;
    height:48px;
    background:url(../images/header-sep.gif) repeat-y top left;
}


div.maincontainer > div.header div.inside {
    float:left;
    height:49px;
    line-height:49px;
    padding-left:10px;
    font-size:12pt;
    color:white;
    text-shadow:0px 1px 1px black;
}

div.maincontainer > div.fullpan {
    float:left;
    padding:5px;
    clear:both;
    color: black;
}



div.maincontainer.main {
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    background:url(../images/leftpan-bg.gif) left top repeat-y white;
}

div.maincontainer.main > div.header div.inside {
    float:left;
    width:790px;
    height:49px;
    line-height:49px;
    padding-left:10px;
    font-size:12pt;
    color:white;
    text-shadow:0px 1px 1px black;
}

div.maincontainer.main > div.header div.inside div.loginpath {
    float:right;
    width:400px;
    text-align:right;
    padding-right:10px;
}

div.maincontainer.main > div.leftpan {
    float:left;
    width:200px;
}

div.maincontainer.main > div.leftpan > div.menuitem {
    width:200px;
    height:39px;
    background:url(../images/solmenutus-bg.png) left bottom no-repeat;
    line-height:39px;
    color:#353535;
    font-size:11pt;
    text-shadow:0px 1px 1px white;
}

div.maincontainer.main > div.leftpan > div.menuitem > a {
    cursor:pointer;
    color:#353535;
    font-size:11pt;
    text-decoration: none;
}

div.maincontainer.main > div.leftpan > div.menuitem  img.icon {
    float:left;
    margin-top:8px;
    margin-right:10px;
    margin-left:14px;
    border:none;
    
}

div.maincontainer.main > div.leftpan > div.menuitem  img.indicator {
    float:right;
    margin-top:13px;
    margin-right:18px;
    display:none;
    border:none;
}

div.maincontainer.main > div.leftpan > div.menuitem.selected  img.indicator {
    display:block;
}

div.maincontainer.main > div.rightpan {
    float:left;
    width:800px;
}


div.maincontainer.login {
    width:285px;
    height:175px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-140px;
    margin-top:-87px;
}

div.maincontainer.login > div.fullpan {
    width:270px;
    height:116px;
}

div.maincontainer.login  label.email, div.maincontainer.login  label.password {
    float:left;
    width:65px;
    height:30px;
    line-height:30px;
    vertical-align: middle;
}

div.maincontainer.login input.email, div.maincontainer.login input.password {
    float:left;
    width:200px;
    vertical-align: middle;    
    outline:none;
}

div.maincontainer.login input.submit {
    padding:0;
    margin:0;
    float:left;
    width:275px;
    height:40px;
    text-align:center;
    font-size:16pt;
    color:white;
    background:url(../images/header-bg.gif) repeat-x top left;
    border:none;
    margin-top:5px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor:pointer;    
}


div.maincontainer.main div.vartable {
    width:800px;    
}


div.maincontainer.main div.vartable > div.line {
    float:left;
    height:38px;
    border-bottom:1px solid #afafaf;
    clear:both;
}
    
div.maincontainer.main div.vartable > div.line > div {
    float:left;
    height:38px;
    padding-left:5px;
    line-height: 38px;
    text-align:left;
    font-size:10pt;
    border-right:1px solid #b2b2b2;
}

div.maincontainer.main div.vartable > div.line.header > div {
    background-color:#e2e2e2;
    font-weight:bold;
    text-shadow: 0px 1px 1px white;
}

div.maincontainer.main div.vartable > div.line > div.servername {
    width:165px;
}

div.maincontainer.main div.vartable > div.line > div.load {
    width:120px;
}

div.maincontainer.main div.vartable > div.line > div.cpu {
    width:73px;
}

div.maincontainer.main div.vartable > div.line > div.ram {
    width:160px;
}

div.maincontainer.main div.vartable > div.line > div.upload {
    width:107px;
}

div.maincontainer.main div.vartable > div.line > div.download {
    width:110px;
}

div.maincontainer.main div.vartable > div.line > div.button {
    width:24px;
    border-right:none;
}


div.maincontainer.main div.vartable > div.line > div span.green {
    color:green;
}

div.maincontainer.main div.vartable > div.line > div span.yellow {
    color:#FF8000
}

div.maincontainer.main div.vartable > div.line > div span.red {
    color:#770000;
}


div.maincontainer.editserver div.rightpan div.item {
    float:left;
    margin:10px;
    width:235px;
    padding:5px;
    height:80px;
    background:#F9F5F2;
    font-size:10pt;
    box-shadow: 0px 1px 2px lightgray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
}

div.maincontainer.editserver div.rightpan div.item label {
    width:100%;
    clear:both;
}

div.maincontainer.editserver div.rightpan div.item input {
    width:225px;
}

div.maincontainer.editserver div.rightpan div.item.loads input {
    width:100px;
}

div.maincontainer.editserver div.rightpan input.save {
    float:left;
    margin:10px;
    width:245px;
    height:80px;
    font-size:16pt;
    text-align:Center;
    background:#A8E813;
    color: #36410E;
    box-shadow: 0px 1px 2px lightgray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
}


div.maincontainer.addserver div.rightpan div.item {
    float:left;
    margin:10px;
    width:235px;
    padding:5px;
    height:80px;
    background:#F9F5F2;
    font-size:10pt;
    box-shadow: 0px 1px 2px lightgray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
}

div.maincontainer.addserver div.rightpan div.item label {
    width:100%;
    clear:both;
}

div.maincontainer.addserver div.rightpan div.item input {
    width:225px;
}

div.maincontainer.addserver div.rightpan div.item.loads input {
    width:100px;
}

div.maincontainer.addserver div.rightpan input.save {
    float:left;
    margin:10px;
    width:245px;
    height:80px;
    font-size:16pt;
    text-align:Center;
    background:#A8E813;
    color: #36410E;
    box-shadow: 0px 1px 2px lightgray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
}

div.maincontainer.loadtracker div.rightpan, 
div.maincontainer.uptimechecker div.rightpan {
    padding-left:10px;
    width:780px;
} 

div.maincontainer.loadtracker ul.maindatalist, 
div.maincontainer.uptimechecker ul.maindatalist {
    width:100%;
    list-style:none;
    padding:0;
    margin:0;
    float:left;
    clear:both;
}

div.maincontainer.loadtracker ul.maindatalist > li, 
div.maincontainer.uptimechecker ul.maindatalist > li {
    padding:0;
    margin:0;
    width:100%;
    height:40px;
    float:left;
    border-bottom:1px solid #dddddd;
}

div.maincontainer.loadtracker ul.maindatalist > li.ornek, 
div.maincontainer.uptimechecker ul.maindatalist > li.ornek {
    display:none;
}

div.maincontainer.loadtracker ul.maindatalist > li form, 
div.maincontainer.uptimechecker ul.maindatalist > li form {
    padding:0;
    margin:0;
}

div.maincontainer.loadtracker ul.maindatalist > li div, 
div.maincontainer.uptimechecker ul.maindatalist > li div {
    float:left;
    height:30px;
    text-align:left;
    line-height:33px;
    margin:0;
    padding:0;
    border-left:1px solid #dddddd;
    padding-bottom:5px;
    padding-top:5px;
    padding-left: 5px;
}

fieldset.loadwatcher label{
    clear:both;
    width:250px;
    margin-bottom:10px;
    float:left;
}
fieldset.loadwatcher label input {
    width:100%;
}
div.maincontainer ul.maindatalist > li {
    background:white;
    cursor:move;
}
div.maincontainer ul.maindatalist > li.ui-sortable-helper {
    background:#FFF3EA;
}

div.maincontainer.loadtracker ul.maindatalist > li div.ayarlar, 
div.maincontainer.loadtracker ul.maindatalist > li.ayarlar div.normal,
div.maincontainer.uptimechecker ul.maindatalist > li div.ayarlar, 
div.maincontainer.uptimechecker ul.maindatalist > li.ayarlar div.normal  {
    display:none;
}

div.maincontainer.loadtracker ul.maindatalist > li div.normal, 
div.maincontainer.loadtracker ul.maindatalist > li.ayarlar div.ayarlar,
div.maincontainer.uptimechecker ul.maindatalist > li div.normal, 
div.maincontainer.uptimechecker ul.maindatalist > li.ayarlar div.ayarlar {
    display:block;
}

div.maincontainer.loadtracker ul.maindatalist li div.ad,
div.maincontainer.loadtracker ul.maindatalist li div.ip {
    width:19%;    
}

div.maincontainer.loadtracker ul.maindatalist li div.detay {
    width:49%;
}

div.maincontainer.loadtracker ul.maindatalist li div.ayar {
    width:8%;
}

div.maincontainer.loadtracker ul.maindatalist li div.ayar img {
    cursor:pointer;
}

div.maincontainer.loadtracker ul.maindatalist > li div.detay span.kirmizi {
    color:#A60004;
}

div.maincontainer.loadtracker ul.maindatalist > li div.detay span.sari {
    color:#8A8603;
}

div.maincontainer.loadtracker ul.maindatalist > li div.detay span.yesil {
    color:#05BC0A;
}

div.maincontainer.loadtracker ul.maindatalist li div.ad.ayarlar input.ad{
    width:60%;
}

div.maincontainer.loadtracker ul.maindatalist li div.ip.ayarlar input.ip{
    width:60%;
}

div.maincontainer.loadtracker ul.maindatalist li div.detay.ayarlar input.username{
    width:17%;
}
div.maincontainer.loadtracker ul.maindatalist li div.detay.ayarlar input.password{
    width:25%;
}


div.maincontainer.uptimechecker ul.maindatalist li div.ad,
div.maincontainer.uptimechecker ul.maindatalist li div.ip {
    width:19%;    
}

div.maincontainer.uptimechecker ul.maindatalist li div.detay {
    width:49%;
}

div.maincontainer.uptimechecker ul.maindatalist li div.ayar {
    width:8%;
}

div.maincontainer.uptimechecker ul.maindatalist li div.ayar img {
    cursor:pointer;
}

div.maincontainer.uptimechecker ul.maindatalist li div.ad.ayarlar input.ad{
    width:60%;
}

div.maincontainer.uptimechecker ul.maindatalist li div.ip.ayarlar input.ip{
    width:60%;
}


fieldset.uptimechecker label{
    clear:both;
    width:250px;
    margin-bottom:10px;
    float:left;
}
fieldset.uptimechecker label input {
    width:100%;
}

.button, input[type=submit], button {
    text-decoration: none;
    border-color:rgba(0, 0, 0, 0.56);
    cursor: pointer;
    outline: none;
    color:#111;
    font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Segoe UI",Verdana,sans-serif;
    display:inline-block;
    vertical-align:top;
    position:relative;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    background-color:#aaa;
    background: #aaa -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
    background: #aaa -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
    text-shadow:1px 1px 0 rgba(255,255,255,.67);
    line-height:24px;
    height:24px;
    margin:0 0 24px 12px;

    padding:0;
    padding-left:10px;
    padding-right:10px;
    /** Make the text unselectable **/
    -moz-user-select: none;
    -webkit-user-select: none;
}
input[type=submit], input[type=submit]:active {
    line-height:1 !important;
    width:auto;
    padding:0 9px 1px;
}
.button, .button:after, .button:before, button, button:after, button:before, input[type=submit] {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border-width:1px;
    border-style:solid;
}
.button:after, .button:before, button:after, button:before {
    display:block;
    position:absolute;
    content:' ';
}
.button:before, button:before {
    border-color: #FFF rgba(255,255,255,.25) rgba(255,255,255,.25);
    left:0;
    top:0;
    width:73px;
    height:22px;
}
.button:after, button:after {
    border-color: transparent transparent rgba(255, 255, 255, 0.63);
    left:-1px;
    bottom:-2px;
    height:100%;
    width:100%;
}
.button:hover, .button:focus, button:hover, button:focus, input[type=submit]:hover, input[type=submit]:focus {
    background-image:-moz-linear-gradient(top, rgba(255,255,255,.9), rgba(255,255,255,0.2));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.9)), to(rgba(255,255,255,0.2)));
}
.button:active, button:active, input[type=submit]:active {
    background-image:-moz-linear-gradient(top, rgba(75,75,75,.4), rgba(255,255,255,.4));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75,.4)), to(rgba(255,255,255,.4)));
    line-height:26px;
}
.button:active:before, button:active:before {
    border-color: rgba(255, 255, 255, 0.11) rgba(255, 255, 255, 0.23) rgba(255, 255, 255, 0.27);
}

.button.bg {
    -webkit-transition: all .185s linear;
    -moz-transition: all .185s linear;
}
.button.bg, .button.bg:hover, .button.bg:focus {
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
}
.button.bg:hover, .button.bg:focus {
    background-color:#a8c0cb;
}
.button.bg:active {
    background-image:-moz-linear-gradient(top, rgba(75,75,75,.4), rgba(255,255,255,.4));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75,.4)), to(rgba(255,255,255,.4)));
}

/* Lengths */
.button.short {
    width:50px;
}
.button.short:before {
    width:48px;
}
.button.long {
    width:125px;
}
.button.long:before {
    width:123px;
}
.button.super, button.super {
    width:200px;
}
.button.super:before, button.super:before {
    width:198px;
}
.button.crazy {
    width:250px;
}
.button.crazy:before {
    width:248px;
}

/* Colors/Styles */
.button.blue {
    background-color:#9eb4bf;
}
.button.darkblue {
    background-color:#046;
    color:#fff;
    text-shadow:-1px -1px 0 rgba(0,0,0,.3);
}
.button.red {
    background-color:#900;
    color:#fff;
    text-shadow:-1px -1px 0 rgba(0,0,0,.3);
}
.button.red:before {
    border-top-color:rgba(255,255,255,.5);
}
.button.green {
    background-color:#86bf7c;
}
.button.pill, .button.pill:before, .button.pill:after {
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
.button.black {
    background-color:#000;
    color:#fff;
    text-shadow:-1px -1px 0 rgba(0,0,0,.3);
}
.button.black:before {
    border-top-color:rgba(255,255,255,.67);
}
.button.sharp {
    background-image:-moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,.33) 50%, transparent 50%, transparent 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, 
        from(rgba(255,255,255,.75)),
        color-stop(0.5, rgba(255,255,255,.33) ),
        color-stop(0.5, transparent ),
        to(transparent)
    );
    background-repeat:repeat-x;
}
.button.sharp:hover, .button.sharp:focus {
    background-image:-moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,.4) 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, 
        from(rgba(255,255,255,.75)),
        color-stop(0.5, rgba(255,255,255,.67) ),
        color-stop(0.5, rgba(255,255,255,.33) ),
        to( rgba(255,255,255,.15) )
    );
}
.button.sharp:active {
    background-image:-moz-linear-gradient(top, rgba(75,75,75,.4), rgba(255,255,255,.4));
    background-image:-moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0) 50%, rgba(255,255,255,.25) 50%, rgba(255,255,255,.33) 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, 
        from(rgba(255,255,255,.75)),
        color-stop(0.5, rgba(255,255,255,.67) ),
        color-stop(0.5, rgba(255,255,255,.33) ),
        to( rgba(255,255,255,.15) )
    );
}
.credit {
    padding:60px 0 0;
    line-height:26px;
}

button.inset {
    width:auto;
    padding:0 9px;
    -moz-box-shadow:1px 1px 0 rgba(255,255,255,.5) inset;
    -webkit-box-shadow:1px 1px 1px pink inset;
}
button.inset:before, button.inset:after {
    display:none;
}

.hucre-satir, .hucre-1,.hucre-2,.hucre-3,.hucre-4,.hucre-5,.hucre-6,.hucre-7,.hucre-8,.hucre-9,.hucre-10,.hucre-11,.hucre-12 {
    float:left;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}

.hucre-1 {
    width:8.33333333%;
}
.hucre-2 {
    width:16.66666666%;
}
.hucre-3 {
    width:25%;
}
.hucre-4 {
    width:33.333333333%;
}
.hucre-5 {
    width:41.66666666666667%;
}
.hucre-6 {
    width:50%;
}
.hucre-7 {
    width:58.3333333333%;
}
.hucre-8 {
    width:66.66666666666667%;
}
.hucre-9 {
    width:75%;
}
.hucre-10 {
    width:83.33333333333333%;
}
.hucre-11 {
    width:91.66666666666667%;
}
.hucre-12 {
    width:100%;
}


.hucre-satir {
    width:100%;
    clear:both;
}


.spamlist *{
      box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}


.spamlist > div > div {
    border-left:1px solid gray;
    padding:10px;
    
}


.spamlist .iplist {
    list-style:none;
    padding:0;
    margin:0;
}

.spamlist .iplist li {
 
    cursor: pointer;
    padding:5px;
    padding-top:7px;
    padding-bottom:7px;
    margin-bottom:10px;
    border:1px solid #E8E4ED;
    
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );


    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;  
      box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;    
}

.spamlist .iplist .ipok {
background: #f8ffe8;
background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#b7df2d));
background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 );

    
}


.spamlist .iplist .ipno {
background: #febbbb;
background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c));
background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
background: -o-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
background: -ms-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
background: linear-gradient(to bottom,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 );
 
}