
body{
    font-family:"Arial","Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding:0;
    margin:0;
    font-size:12px;
    color:#333;
    background-color: #DDD;
}
label{
    font-weight:bold;
    font-size: 13px;
    padding: 5px 0px;
    display: inline-block;
}
h2{
    font-size:18px;
    padding:10px 20px;
    color:#AA0000;
    border-bottom:4px solid #EEE;
    margin-bottom: 10px;
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
}
.submitempty.error, .submitemptyurl.error{
    border:1px solid #AA0000;
    background-color: #ffa99a;
}
#output{
    padding:10px;
    color:#333;
    background-color: #eee;
    border:1px solid #DDD;
    font-size:13px;
    overflow: auto;
}
.box{
    display:none;
}
#activebox{
    display:block;
}

a{
    color:#555;
}
#navi{
    cursor: default;
}
#header{
    background-color: #222222;
    border-bottom: 4px solid #CCCCCC;
    color: white;
    height: 73px;
    padding: 0 30px;
    position: relative;
}
.warning{
    background-color: #AA0000;
    color:#FFF;
    padding: 10px;
}
.cwrap{
    padding:15px;
}
.info{
    padding:15px;
    padding-left:45px;
    font-size: 13px;
    background-color: #fffadb;
    border-radius: 10px;
    margin :10px 0px;
    color:#555;
    border:1px solid #f5deb3;
    position:relative;
    min-height: 50px;
}
.info_simple{
    padding:15px;

    font-size: 12px;
    background-color: #fffadb;
    border-radius: 10px;
    margin :10px 0px;
    color:#555;
    border:1px solid #f5deb3;
    position:relative;

}
.info h3{
    margin-top:0;
}
.info i{
    float:left;
    margin-right:10px;
    color:wheat;
    position: absolute;
    left:15px;
}
.succes{
    background-color: #008503;
    color:#FFF;
    padding: 10px;
}
.warning_small{
    display:block;background-color:orange;color:white;padding:5px 10px;
}
.success_small{
    display:block;background-color:green;color:white;padding:5px 10px;
}
.error_small{
    display:block;background-color:red;color:white;padding:5px 10px;
}
#sidebar{
    border-right:1px solid #DDD;
}
.dashtable td {
    vertical-align: top;
    border: 1px solid #DDD;
}
.dashtable td table td{
    vertical-align: middle;
    border: 0px;
}
.fieldwrap textarea{
    width:100%;
}
h1 i{
    vertical-align: middle;
    color:#AA0000;
}

#navi li a{
    text-decoration: none;
}
#navi li{
    float: left;
    padding: 5px 10px;
    width: 200px;
}
.navicon{
    padding:10px;
    background-color: #eee;
    display:none;
}
li{

    padding: 5px 10px;
}
.infotable{
    border:1px solid #EEE;
    font-size: 13px;
}
.tr_2, #output .tr_2{
    background-color: #EEE;
}
.firsttd, #output .firsttd{
    border-right: 1px solid #DDD;
}
#content h1{
    font-family: 'Roboto Slab', serif;
    font-weight:normal;
    font-size:26px;
    color:#555;
    margin-left:20px;
    line-height:2;
}
#content .bigger{
    font-family: 'Roboto Slab', serif;
    font-size:20px;
    padding: 10px;
}
#content{
    margin: 0px auto 0px 0px;float:left;border-left:1px solid #DDD;padding:20px;position:relative;width: 728px;
}
.teaser{
    font-family: 'Roboto Slab', serif;
    font-size:22px;
    font-weight:300;
}
#navi{


    margin:0;
    font-size:13px;
    float:left;
    background-color: #EEE;
    z-index: 100;
    list-style-type: none;

    padding: 10px;
}
.mainnavi li{
    list-style-type: none;
    border: 1px solid #ddd;
    width:180px;
    float:left;
    text-align: center;

}
.mainnavi{
    padding: 0;
    margin: 0;
}
.mainnavi li a div{
    font-weight:bold;
    padding:10px;
}
.mainnavi li a{
    text-decoration: none;
    margin-top:20px;
    display:inline-block;
}
#navi i{
    display:inline-block;
    vertical-align: middle;
    width:20px;
    text-align: center;
    background-color: #222;
    color:#ddd;
    padding:5px;
    border-radius: 3px;
}
.mainnavi i{
    background-color: #222222;
    border-radius: 5px 5px 5px 5px;
    color: #DDDDDD;
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    width: 50px;
    cursor: pointer;
    background:linear-gradient(#555, #000000);
    border:1px solid #000;


    background-image: linear-gradient(#555, #000000);
    background-image: -o-linear-gradient(#555, #000000);
    background-image: -moz-linear-gradient(#555, #000000);
    background-image: -webkit-linear-gradient(#555, #000000);
    background-image: -ms-linear-gradient(#555, #000000);

    background-image: -webkit-gradient(#555, #000000);


}

#formtable td, form p, .fieldwrap{

    border-bottom:1px solid #EEE;
    font-size:13px;
    padding:15px;
}
#formtable{
    border-bottom:0px solid #EEE;
    margin-bottom:50px;
}
input, select, textarea{
    color:#555;
    padding:5px;
    border:1px solid #999;
}
input:focus, select:focus, textarea:focus{
    border:1px solid #0088CC;
}
button, .btn, input[type="submit"]{
    border-radius: 4px;
    display:inline-block;
    color:#FFF;
    background-color: #AA0000;
    text-decoration: none;
    padding: 5px 10px;
    margin: 5px;
    border:0px;
    font-family: 'Roboto Slab', serif;
    font-weight:normal;
    font-size:20px;
    cursor:pointer;
    background: linear-gradient(rgb(255, 0, 0), #AA0000);
    border:1px solid #AA0000;
    background-image: linear-gradient(rgb(255, 0, 0), #AA0000);
    background-image: -o-linear-gradient(rgb(255, 0, 0), #AA0000);
    background-image: -moz-linear-gradient(rgb(255, 0, 0), #AA0000);
    background-image: -webkit-linear-gradient(rgb(255, 0, 0), #AA0000);
    background-image: -ms-linear-gradient(rgb(255, 0, 0), #AA0000);

    background-image: -webkit-gradient(rgb(255, 0, 0), #AA0000);

}
.btn.grey{
    background: linear-gradient(#EEE, #BBB);
    border:1px solid #BBB;
    background-color: #BBB;
    background-image: linear-gradient(#EEE, #BBB);
    background-image: -o-linear-gradient(#EEE, #BBB);
    background-image: -moz-linear-gradient(#EEE, #BBB);
    background-image: -webkit-linear-gradient(#EEE, #BBB);
    background-image: -ms-linear-gradient(#EEE, #BBB);

    background-image: -webkit-gradient(#EEE, #BBB);
}
.list td .btn{
    font-size:11px;
    margin:0px;
}
.list tr:hover{
    background-color:#FFC;

}
.list td{
    border-left:1px solid #eee;

}
#list_top td{
    border-bottom:1px solid #EEE;
    font-weight:bold;

}
.list{
    border:1px solid #EEE;
    font-size:13px;
}
#sidebar li{
    list-style-type: none;
}
#sidebar ul{
    padding: 0;
    margin: 0;
}
#sidebar{
    float:left;
    font-size: 13px;
    width:300px;
    padding: 10px;
}
#navicon{
    float:left;
    width:190px;
}
#wrap{
    width:1090px;
}
.loading{
    position:fixed;height:100%;width:100%;background-color:black;opacity: 0.5;top:0;
    background-image:  url("images/loader.gif");
    background-position: center;
    background-repeat: no-repeat;

}
#navmain{
    list-style-type: none;

}
#navmain li{
    padding:5px 10px;
    background-color: #000;
    position: relative;
    white-space: nowrap;
    cursor: pointer;

}
#navmain li #navi li{
    background-color: transparent;
    cursor: default;
}
#navmain li ul{
    position: absolute;
    left:0;
    top:30px;


}
.social_icons{
    position:absolute;right:20px;top:25px;font-size:20px;
}
.social_icons i{
    cursor:pointer;
}
.social_icons a{
    text-decoration: none;
    cursor:pointer;

}
.headline_td{
    background-color: #555;
    color:white;
}
.tip{
    background-color: #f5deb3;
    padding:10px;
    margin:15px 0px;
}
.navi{
    position:absolute;left:270px;top:10px;
}
.logo{
    position:absolute;font-size:24px;font-weight:bold;
}
.logoinner{
    background:linear-gradient(#FF0000, #AA0000) repeat scroll 0 0 transparent;
    background-image: linear-gradient(rgb(255, 0, 0), #AA0000);
    background-image: -o-linear-gradient(rgb(255, 0, 0), #AA0000);
    background-image: -moz-linear-gradient(rgb(255, 0, 0), #AA0000);
    background-image: -webkit-linear-gradient(rgb(255, 0, 0), #AA0000);
    background-image: -ms-linear-gradient(rgb(255, 0, 0), #AA0000);

    background-image: -webkit-gradient(rgb(255, 0, 0), #AA0000);
    display:inline-block;color:white;background-color: #AA0000;padding:5px 10px;
}
.teaser strong{
    color:#AA0000;
}
.footer{
    margin: 0px auto;border-top:1px solid #DDD;padding:15px;
}
.clear{
    clear: both;
}
.fbframe{
    margin-top: 20px;height:70px;margin-bottom:15px;
}