/* RESET */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
    margin: 0; padding: 0; border: 0;
}

body {
    background: #888899;
    color: #EEE;
    height: 100%;
    font: 11px Verdana, Tahoma, sans-serif;;
}

input {
    padding: 5px;
    margin: 0.5em;
    border: solid 1px #E5E5E5;
    outline: 0;
    width: 200px;
    background: #FFFFFF url('bg_form.png') left top repeat-x;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

input:hover, input:focus {
    border-color: #696969;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.form label {
    margin-left: 10px;
    color: #999999;
}

.submit input {
    width:auto;
    -moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #efefef), color-stop(1, #aaaaaa) );
    background:-moz-linear-gradient( center top, #efefef 5%, #aaaaaa 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#aaaaaa');
    background-color:#efefef;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#535353;
    font-size:11px;
    padding:5px 10px;
    text-decoration:none;
    margin: 2em;
}.submit input:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #aaaaaa), color-stop(1, #efefef) );
    background:-moz-linear-gradient( center top, #aaaaaa 5%, #efefef 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#efefef');
    background-color:#aaaaaa;
}.submit input:active {
    position:relative;
    top:1px;
}

.buttonlink {
    width:auto;
    -moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #efefef), color-stop(1, #aaaaaa) );
    background:-moz-linear-gradient( center top, #efefef 5%, #aaaaaa 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#aaaaaa');
    background-color:#efefef;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#535353;
    font-size:11px;
    padding:5px 10px;
    text-decoration:none;
    margin: 2em;
}.buttonlink:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #aaaaaa), color-stop(1, #efefef) );
    background:-moz-linear-gradient( center top, #aaaaaa 5%, #efefef 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#efefef');
    background-color:#aaaaaa;
}.buttonlink:active {
    position:relative;
    top:1px;
}



img { max-width: 100%; }
a { color:#33ffff; }
h1, h2 {
    margin: 0.7em 0;
}

.center {
    text-align: center;
}

#logo {
    background-image: url(/static/images/splclogo.png);
    background-repeat: no-repeat;
    width: 250px; height: 66px;
}

/* NAVIGATION MENU */
/********************************************/
#navdiv {
    margin: 3em auto;
    text-align: center;
    font-size: 15px;
}

#navdiv ul ul {
    display: none;
}

#navdiv ul li:hover > ul {
    display: block;
}

#navdiv ul {
    background: #efefef;
    background: linear-gradient(top, #efefef 0%, #aaaaaa 100%);
    background: -moz-linear-gradient(top, #efefef 0%, #aaaaaa 100%);
    background: -webkit-linear-gradient(top, #efefef 0%,#aaaaaa 100%);
    box-shadow: 0px 7px 7px rgba(0,0,0,0.15);
    padding: 0 0.5em;
    border-radius: 10px;
    list-style: none;
    position: relative;
    display: inline-table;
}
#navdiv ul:after {
    content: ""; clear: both; display: block;
}

#navdiv ul li {
    float: left;
}
#navdiv ul li:hover {
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
#navdiv ul li:hover a {
    color: #fff;
}

#navdiv ul li a {
    display: block; padding: 0.5em 0.8em;
    color: #535353; text-decoration: none;
}


#navdiv ul ul {
    background: #5f6975; border-radius: 0px; padding: 0;
    position: absolute; top: 100%;
}
#navdiv ul ul li {
    float: none;
    border-top: 1px solid #6b727c;
    border-bottom: 1px solid #575f6a; position: relative;
}
#navdiv ul ul li a {
    padding: 0.5em 0.8em;
    color: #fff;
}
#navdiv ul ul li a:hover {
    background: #4b545f;
}

#navdiv ul ul ul {
    position: absolute; left: 100%; top:0;
}
/********************************************/