/*
This website was designed only for use with Jeutie's Blizzlike Repack by Pradox - pradoxblog@gmail.com
*/

body{
   background-image:url("img/background.jpg");
   background-position:top center;
   margin:0px;
   text-shadow:#000 0 0 3px;
   }
   
img{
   border:0;
   }
   
.toastmsg {
   font-size: 12pt;
   font-weight: bold;
}

.tphistory-label {
   margin-top: 4px;
   margin-bottom: 6px;
   font-weight: bold;
}
a.tphistory {
   text-decoration: none;
   display: block;
   margin-top: 2px;
   margin-bottom: 2px;
}
a.tphistory:hover {
   text-decoration: underline;
}

table.reg{
   width:600px;
   margin:40px 0 0 90px;
   }
   
div.copy{
   color:#ccc;
   font-size:12px;
   font-family:arial;
   text-align:center;
    font-weight: bold;
   }

div.logintitle{
        color: white;
        font-size: 42pt;
        font-family: arial;
        font-weight: bold;
        }
   
div.newregister{
        color: white;
        font-size: 12pt;
        font-family: arial;
        font-weight: bold;
        text-align:center;
        margin-bottom: 10px;
        }

div.failedregistration{
   color: red;
   font-size: 22pt;
   font-family: arial;
   font-weight: bold;
   margin: 10px 0px 10px 0px;
   }
   
div.errors{
   color:#fff;
   font-family:arial;
   font-size:12px;
   font-weight:bold;
   text-align:center;
   }
   
table.form{
   width:100%;
   color:#fff;
   margin:15px 0;
   font-family:arial;
   border-spacing: 5px;
   font-size:16px;
   }
   
input:not([type=checkbox]):not([type=button]), select{
   width:200px;
   padding:3px;
   background-color:#f7f7f7;
   color:#454545;
   border:0;
   font-size:14px;
   -moz-border-radius: 3px;  
   -webkit-border-radius: 3px;
   border-radius: 3px;
   box-shadow: 0px 0px 3px #000;
   -moz-box-shadow: 0px 0px 3px #000;
   -webkit-box-shadow: 0px 0px 3px #000;
   }
   
input:focus, select:focus{
   box-shadow: 0px 0px 3px #fff;
   -moz-box-shadow: 0px 0px 3px #fff;
   -webkit-box-shadow: 0px 0px 3px #fff;
   color:#1b1b1b;
   }
   
input.sbm{
   width:auto;
   padding:3px 15px;
   background-image:url("img/inputbg.png");
   color:#dfdfdf;
   border:0;
   font-size:14px;
   -moz-border-radius: 3px;  
   margin-top:30px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   box-shadow: 0px 0px 1px #ccc;
   -moz-box-shadow: 0px 0px 1px #ccc;
   -webkit-box-shadow: 0px 0px 1px #ccc;
   }
   
   
input.sbm:hover{
   box-shadow: 0px 0px 3px #fff;
   -moz-box-shadow: 0px 0px 3px #fff;
   -webkit-box-shadow: 0px 0px 3px #fff;
   color:#fff;
   background-image:url("img/inputbg2.png");
   }

/* Edit by Jeutie */   
a:link {color:#ccc;}
a:visited {color:#ccc;}
a:hover {color:#ccc;}
a:active {color:#ccc;}

div.admintabframe {
   width: 800px;
}
#admintabs .ui-tabs-nav {
   margin-top: 0em;
   font-size: 60%;
}
#admintabs .ui-tabs-nav li.ui-tabs-selected,
#admintabs .ui-tabs-nav li.ui-tabs-active {
   margin-top: 0em;
   font-size: 100%;
}
div.tabsubarea {
   width: 100%;
   font-size: 10pt;
   border: 1px solid white;
   margin-bottom: 10px;
   padding: 2px;
}
div.tabsubarea select, input {
   font-size: 8pt;
}
p {
   color: orange;
}
td p {
   margin: 0;
}
.inputmedium {
   width: 20em;
}
.inputmediumsmall {
   width: 12em;
}
.inputbuttonfit {
   width: auto;
}
.inputsmall {
   width: 0;
}
.selectfilter {
   cursor: pointer;
}
.selectfilter:hover {
   color: yellow;
}
tr.highlightrow:hover {
   background-color: #444;
}
tr.unverified {
   background-color: #FF7777 !important;
}
tr.banned {
   background-color: #560980 !important;
}
div.gmcommandhistory {
   width: 75%;
   height: 18em;
   border: 1px solid gray;
   margin-top: 2px;
   margin-bottom: 6px;
   margin-left: 4px;
   overflow-x: hidden;
   overflow-y: scroll;
}
div.gmcommandhistory p {
   margin-left: 1em;
   margin-top: 0;
   margin-bottom: 0;
}
table.chars {
   border-collapse: collapse;
}
tr.chars:hover {
   background-color: #444;
}
th.chars {
   border-width: 1px 1px 2px 1px;
   border-color: white;
   border-style: solid;
   color: orange;
}
td.chars {
   font-size: 10pt;
   border: 1px solid white;
}
th.chars, td.chars {
   padding: 2px;
   text-align: center;
   width: 15em;
}
div.infotext {
   font-size: 12pt;
   font-color: white;
}
.spaceabove {
   margin-top: 1em;
}
.noshow {
   display: none;
}