/* Standardisation */
*{ margin:0; padding:0; }
*:focus {
    outline: none;
}
html {
    overflow-y:scroll;
}
body{
 background-color: #FFFFFF
 color: #000000;
 font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;
}
textarea {
 resize: none;
}
input{
 border: none;
 color: #000000;
 font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;
}
select{
 font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;
 font-size: 16px;
 padding: 5px;
}
textarea{
 font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;
}
img{
 width: 100%;
 height: auto;
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

p{ font-size: 1em; }
h1{ font-size: 1.50em; margin-top: 0.5em; }
h2{ font-size: 1.25em; margin-top: 0.5em; }
h3{ font-size: 1.00em; margin-top: 0.5em; }
h4{ font-size: 1.00em; margin-top: 0.5em; }
h5{ font-size: 1.00em; margin-top: 0.5em; }
h6{ font-size: 1.00em; margin-top: 0.5em; }
a{
 color: #000000;
 text-decoration: underline;
}
a:hover{
 color: #0000FF;
}
.click{ cursor: pointer; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }

.page{
 width: 100%;
 background-color: #FFFFFF;
 padding: 25px 0;
}
.content{
 width: 1124px;
 margin: 0 auto;
 background-color: #FFFFFF;
}

.hbr{
 margin: 5px;
}
.floatLeft{
 float: left;
}
.floatRight{
 float: right;
}
.floatClear{
 clear: both;
}

.nodisplay{
 display: none;
}

.input{
 width: 100%;
 background-color: #FFFFFF;
}
.select{
 background-color: #FFFFFF;
 border: 2px solid #CCCCCC;
}

.tablelink{
 text-decoration: none;
 color: rgb(50,0,250);
}
.tableheaderlink{
 text-decoration: none;
 color: #FFFFFF;
}
.tableheaderlink:hover{
 color: #FFFFFF;
}
.tableheaderlink:visited{
 color: #FFFFFF;
}
.tableheaderlink:active{
 color: #FFFFFF;
}

.textarea{
 width: 100%;
 height: 5em;
 border: none;
}
.instanceSelect{
 margin-top: 9px;
}

.header{
}
.headerContents{
 width: 1124px;
 margin: 0 auto;
}
.logo{
 width: 250px;
 height: auto;
 padding: 10px;
}

.footer{
}
.footerContents{
 width: 1124px;
 margin: 0 auto;
}

.site{
 font-size: 36px;
 font-weight: bold;
 font-style: italic;
 margin-top: 16px;
}

.widthFifty{
 width: 50%;
}
.widthFull{
 width: 100%;
}

.centered{
 text-align: center;
}

.table{
 border-collapse: collapse;
 border: 2px solid #000000;
}

.tableHeader{
 color: #FFFFFF;
 background-color: #000000;
 font-weight: bold;
}
.tableRow{
 height: 1.5em;
}
.tableRowAlt{
 background-color: #DDDDDD;
}
.tableCell{
 padding: 0.5em;
}

.menubar{
 background-color: #202020;
 width: 100%;
 height: 50px;
}
.menubarLabel{
 background-color: #202020;
 color: #FFFFFF;
 font-weight: bold;
 padding: 10px;
 margin-top: 5px;
 display: inline-block;
}
.menubarItem{
 background-color: #202020;
 color: #FFFFFF;
 font-weight: bold;
 cursor: pointer;
 text-decoration: none;
 padding: 10px;
 margin-top: 5px;
 display: inline-block;
}
.menubarItem:visited{
 color: #FFFFFF;
}
.menubarItem:hover{
 color: #FFFFFF;
}
.menubarItemSelected{
 background-color: #202020;
 color: #FFFFFF;
 font-weight: bold;
 cursor: pointer;
 text-decoration: none;
 text-shadow: 0px 0px 10px #ccccff;
 padding: 10px;
 margin-top: 5px;
 display: inline-block;
}
.menubarItemSelected:visited{
 color: #FFFFFF;
}
.menubarItemSelected:hover{
 color: #FFFFFF;
}
.menubarItemLeft{
 padding-left: 25px;
}
.menubarItemRight{
 padding-right: 25px;
}

.upbutton{
 background-color: #CCCCCC;
 border: none;
 width: 1.5em;
 height: 1.5em;
 border-radius: 1.5em;
 font-size: 120%;
 font-weight: bold;
 cursor: pointer;
 text-decoration: none;
 padding-bottom: 0.2em;
}
.upbutton:hover{
 background-color: #7700FF;
 color: #FFFFFF;
}
.downbutton{
 background-color: #CCCCCC;
 border: none;
 width: 1.5em;
 height: 1.5em;
 border-radius: 1.5em;
 font-size: 120%;
 font-weight: bold;
 cursor: pointer;
 text-decoration: none;
 padding-bottom: 0.2em;
}
.downbutton:hover{
 background-color: #7700FF;
 color: #FFFFFF;
}

.leaderboardContainer{
 height: 281px;
 width: 562px;
 overflow-y: scroll;
 overflow-x: initial;
}
.leaderboardTable{
 border-collapse: collapse;
 width: 100%;
 heigth: auto;
}
.leaderboardHeader{
}
.leaderboardHeaderCell{
 padding: 0.5em 0.1em 0.1em 0.1em;
 font-size: 80%;
 text-align: center;
 font-weight: bold;
}
.leaderboardRow{
 padding: 0; margin: 0;
}
.leaderboardCell{
 padding: 0.1em;
 font-size: 80%;
 text-align: center;
}


.narrowColumn{
 width: 30%;
 margin: 0 auto;
}

.gadgetLabel{
 font-weight: bold;
 width: 100%;
 text-align: center;
 margin-top: 1em;
}

.inputLabel{
 padding-top: 15px;
}
.inputContainer{
 border: 2px solid #CCCCCC;
 padding: 3px 5px 5px 5px;
}
.inputContainerError{
 border: 2px solid #CC5555;
 padding: 3px 5px 5px 5px;
}
.textareaContainer{
 border: 2px solid #CCCCCC;
 padding: 3px 5px 5px 5px;
}

.button{
 padding: 10px;
 background-color: #CCCCCC;
 font-size: 14px;
 font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;
 font-weight: bold;
 cursor: pointer;
 border: none;
 margin: 0;
 padding: 10px;
}
.button:visited{
 color: #000000;
}
.button:hover{
 color: #000000;
}