*{
    margin: 0;
    padding: 0;
    outline: none;
}

body{
    background-color: #505050;
    font-family: Trebuchet MS;
}

h1{
    margin-bottom: 30px;
    padding-bottom: 10px;
    font-size: 28px;
    color: orange;    
}

h2{
    margin-bottom: 30px;
    margin-top: 40px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    font-size: 22px;
    color: orange;
    clear: both;
}


h3{
    margin-bottom: 5px;
}

h4{
    margin-bottom: 20px;
}



.login{
    width: 600px;
    margin: 0 auto;
}

.login form{
    width: 300px;
    margin: 0 auto;
}

.login .alert{
    width: 500px;
    margin: 20px auto;
}

.footer{
    margin: 30px auto;
    padding-top: 10px;
    border-top: 1px solid #EEEEEE;
    text-align: center;
    color: inherit;
}


a.backlink{
    background-image:url("../img/back.png");
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    text-indent: -9999px;
    width: 32px;
    height: 23px;
}

div.margin label{
    padding-right: 20px;
    display: inline-block;
    margin-bottom: 40px;
}

input.long{
    width: 800px;
}

select.long{
    width: 193px;
}

input.medium{
    width: 500px;
}

input.datepicker{
    width: 75px;
}
div.input-block label{
    float: left;
}

input[type="submit"]{
    padding: 7px;
    position: relative;
    top: 1px;
    cursor: pointer;
    color: black;
    text-decoration: none;
    font-family: Trebuchet MS;  
    font-size: 16px;  
    background-color: #eeeeee;
    border: 1px solid #acacac;
}

a.back-button{
    padding: 7px;
    position: relative;
    top: 1px;
    margin-right: 10px;
    color: black;
    text-decoration: none;
    font-family: Trebuchet MS;  
    font-size: 16px;  
    background-color: #eeeeee;
    border: 1px solid #acacac;
}

div.form-block{
    margin-bottom: 50px;
    overflow: hidden;
}

/*link for new activity, new linkimage, new article etc.*/
a.new{
    text-decoration: none;
    padding: 15px;
    font-size: 16px;
    color: #404040;
    font-weight: bold;
    text-transform: uppdaercase;
    border: 1px dashed silver;
    margin-bottom: 30px;
    display: block;
    padding-left: 60px;
    background-image:url("../img/plus.png");
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

a.new:hover{ 
}

/*delete links*/
a.delete{
    background-image:url("../img/icn_trash.png");
    width: 16px;
    height: 14px;
    display: block;
    text-indent: -99999px; 
    float: left;
    margin-right: 20px;
}

a.edit{
    background-image:url("../img/icn_edit.png");
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin-right: 20px;
    
}

a.duplicate{
    background-image:url("../img/icn_duplicate.png");
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    float: left;   
    margin-right: 20px; 
}

a.upload{
    background-image:url("../img/upload.png");
    width: 14px;
    height: 14px;
    display: block;
    text-indent: -9999px;
    float: left;    
    margin-right: 20px;
}



/*module output table*/
table.module-table{
    width: 100%;
    border-collapse: collapse; 
}

table.module-table tr:hover td{
    background-color: #ffff80;
}

table.module-table td, table.module-table th{
    border-bottom: 1px solid silver;
    padding: 10px;
}

div.module{
    margin-bottom: 15px;
    padding: 20px;
    border: 1px dashed silver;
}

input[type="text"]{
    padding: 3px;
    margin-bottom: 10px;
}

div.module input.file{
    width: 500px;
}


div.language-inputs{
    overflow: hidden;
}

div.language-inputs label{
    float: left;
}

div.input-block{
    float: left;
    display: inline;
    margin-right: 20px;
}

div.clearer{
    clear: both;
    overflow: hidden;
}

/*default label styles*/
label.deutsch{
    background-image:url("../img/de.png");
    background-repeat: no-repeat;
    background-position: 0 60%;
    width: 16px;
    height: 22px;
    text-indent: -9999px;    
    padding-left:20px;
}

label.italiano{
    background-image:url("../img/it.png");
    background-repeat: no-repeat;
    background-position: 0 60%;
    width: 16px;
    height: 22px;
    text-indent: -9999px;
    padding-left: 20px;    
}

label.english{
    background-image:url("../img/en.png");
    background-repeat: no-repeat;
    background-position: 0 60%;
    width: 16px;
    height: 22px;
    text-indent: -9999px;
    padding-left: 20px;    
}

label.ladin{
    background-image:url("../img/ld.png");
    background-repeat: no-repeat;
    background-position: 0 60%;
    width: 16px;
    height: 22px;
    text-indent: -9999px;  
    padding-left: 20px;    
}

label.francais{
    background-image:url("../img/fr.png");
    background-repeat: no-repeat;
    background-position: 0 60%;
    width: 16px;
    height: 22px;
    text-indent: -9999px;  
    padding-left: 20px;    
}

label.ру́сский{
    background-image:url("../img/ru.png");
    background-repeat: no-repeat;
    background-position: 0 60%;
    width: 16px;
    height: 22px;
    text-indent: -9999px;  
    padding-left: 20px;    
}




div#main-container{
    width: 1024px;
    margin: 0 auto;
    background-color: white;
    padding: 55px 35px 35px 35px;
    border-radius: 15px;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}


div#welcome-message{
    margin-bottom: 15px;
}

div#activated-modules{
    margin-bottom: 15px;
}

div#activated-modules ul{
    list-style-position: inside;
    margin-top: 5px;
    list-style-type: none;
    display: inline;
}


div#activated-modules ul li{
    float: left;
}


/*logout*/
div#logout{
    position: absolute;
    right: 15px;
    top: 10px;
}

/*photogallery module*/
div#upload_images{
    padding: 10px;
    border: 1px dashed #cccccc;
}


div.categories{
    padding: 10px;
    padding: 10px;
    border: 1px dashed silver;
}


div.category{
    margin-bottom: 10px;
    background-color: #efefef;
    padding: 10px;
    position: relative;
    overflow: hidden;
}

ul.category_names{
    list-style-type: none;
    overflow: hidden;
    margin-bottom: 10px;
}

ul.category_names li{
    margin-right: 10px;
    float: left;
    display: block;
    width: 200px;
    padding: 3px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 20px;
    text-transform: uppercase;
}

ul.category_names li.Deutsch{
    background-image:url("../img/de.png");
}
ul.category_names li.Italiano{
    background-image:url("../img/it.png");
}
ul.category_names li.English{
    background-image:url("../img/en.png");
}

span.category_delete{
    position: absolute;
    right: 10px;
    top: 10px;
}

div#create-new-category{
    padding: 10px;
    border: 1px dashed silver;
    margin-bottom: 20px;
}

div#create-new-category label{
    display: inline-block;
}

div#create-new-category input{
    padding: 2px;
    margin-bottom: 2px;
    margin-right: 50px;
}

div#create-new-category input[type="submit"]{
    margin-top: 10px;
}

div.category_image{
    float: left;
    margin-right: 5px;
    position: relative;
}

div.delete_image{
    background-image:url("../img/delete.png");
    width: 11px;
    height: 11px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
    visibility: hidden; 
}

div.delete_image a{
    height: 100%;
    width: 100%;
    display: block;
}

div.upload_new_image{
    margin-bottom: 10px;
}

div.category_image:hover div.delete_image{
    visibility: visible;
}


/*guestbook*/
div.guestbook_comments{
    border: 1px dashed #cccccc;
    position: relative;
    overflow: hidden;
    padding: 10px;
}

div.guestbook_comment{
    position: relative;
    margin-bottom:10px;
}

div.guestbook_comments div.delete{
    position: absolute;
    right: 10px;
    top: 10px;
}

/*dynamicweb*/
div#dynamicweb h3{
    margin-top: 10px;
}


textarea.dynamicweb{
    width: 100%;
    height: 180px;
}

div.dynamicweb_entries div.dynamicweb_entry{
    margin-bottom: 80px;
}



.float_right{
    float: right;
    margin-top: 5px;
    
}




/*errors*/
span.error{
    border-radius: 5px;
    background-color: red;
    color: white;
    padding: 5px;
    margin-bottom: 15px;
    display: block;
}




/*admin modules*/
table#users, table#modules{
    width: 100%;
    border-collapse: collapse;
}

table#users tr, table#modules tr{
    border-bottom: 1px solid silver;
}

th{
    text-align: left;
    padding: 5px;
}

table#users tr:hover{
    background-color: yellow;
}

table#users tr td, table#modules tr td{
    padding: 5px;
}



/*article_image*/
div.article_image{
    display: block;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}


div.article_image_delete{
    overflow: hidden;
}




/*remote suport module*/
table#users tr{
}

table#users tr:hover{
    background-color: #FFFF80 !important;
}


table#users tr.negative{
    background-color: #fe9494;
    color: white;
}

table#users tr.neutral{
    background-color: #fbe683;
    color: black;
}

table#users tr.positive{
    background-color: #b7eaa9;
}



table#user_balances{
    width: 100%;
}

table#user_balances tr{
}

table#user_balances td{
    padding: 5px;
}


table#user_balances tr.negative{
    background-color: #fe9494;
    
}

table#user_balances tr.positive{
    background-color: #b7eaa9;
}


textarea.large{
    width: 100%;
}


td.date{
    width: 160px;
}

td.balance{
    width: 130px;
}



.grey{
    background-color: lightgrey;
}