/******** LABELS **********/
body{
    background: #343434;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}

h2 {
    color: #565656;/*#ABC95E;*/
    font-size:1.7em;
    line-height:1;
    font-weight: bold;
    margin-bottom:3px;
}

h3 {
    color: #363636;/*#ABC95E;*/
    font-size:1.5em;
    line-height:1;
    font-weight: bold;
    margin-bottom:6px;
}

h4 {
    color: #363636;/*#ABC95E;*/
    font-size:1.3em;
    line-height:1;
    margin-bottom:0.5em;
}

a{
    color: #4E6E85;
    text-decoration: none;
}

input{
    font-size: 1.2em;
}

input[type="text"]{
    height:25px;
    -webkit-appearance: none;
}
input[type="password"]{
    height:25px;
    -webkit-appearance: none;
}

input[type="button"]{
    padding: 5px 0px 5px;
    min-width: 100px;
    line-height: 17px;
    background: #8EBC11;
    color: white;
    margin-top: 0px !important;
    margin-bottom: 2px !important;
    -webkit-box-shadow: #555 0px 2px 4px;
    -moz-box-shadow: #555556 0px 2px 4px;
    box-shadow: #555556 0px 2px 4px;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
}

input[type="button"]:active{
    padding: 5px 0px 5px;
    min-width: 100px;
    line-height: 17px;
    background: #6E9C01;
    color: white;
    margin-top: 2px !important;
    margin-bottom: 0px !important;
    -webkit-box-shadow: #555 0px 0px 4px;
    -moz-box-shadow: #555556 0px 0px 4px;
    box-shadow: #555556 0px 0px 4px;
    -webkit-appearance: none;
}

input[type="submit"]{
    padding: 5px 0px 5px;
    min-width: 50px;
    line-height: 17px;
    background: #8EBC11;
    color: white;
    margin-top: 0px !important;
    margin-bottom: 2px !important;
    -webkit-box-shadow: #555 0px 2px 4px;
    -moz-box-shadow: #555556 0px 2px 4px;
    box-shadow: #555556 0px 2px 4px;
    -webkit-appearance: none;
}

input[type="submit"]:active{
    padding: 5px 0px 5px;
    min-width: 50px;
    line-height: 17px;
    background: #6E9C01;
    color: white;
    margin-top: 2px !important;
    margin-bottom: 0px !important;
    -webkit-box-shadow: #555 0px 0px 4px;
    -moz-box-shadow: #555556 0px 0px 4px;
    box-shadow: #555556 0px 0px 4px;
    -webkit-appearance: none;
}

input[type="search"]{
    height:28px;
    font-size: 1.3em;
    padding:3px;
    margin-top: 2px;
}

input[type="search"]:active{
    height:28px;
    font-size: 1.3em;
    padding:3px;
    margin-top: 0px;
}

input[type="checkbox"]{
    margin:0px;
    top:0px;
    height: auto;
}

.justify{
    text-align:justify;
}


.jcrop-holder{
    text-align:left;
}

/******** CLASSES **********/

/* WATERMARK */
.with_watermark{
    background: #EAEAEA url(/images/watermark.png) 99% 94% no-repeat;
    font-family: 12px Helvetica, Arial, sans-serif;
}

/* SPACERS & ALIGNERS */

.space_10_at_top{
    margin-top:10px;
}

.space_10_at_bottom{
    margin-bottom:10px;
}

.space_20_at_top{
    margin-top: 20px;
}

.space_20_at_bottom{
    margin-bottom: 20px;
}

.space_40_at_top{
    margin-top: 40px;
}

.space_40_at_bottom{
    margin-bottom: 40px;
}

.space_30_at_left{
    margin-left: 30px;
}

.prepend-semi{
    padding-left: 20px;
}

.righted{
    text-align: right;
}

/* HEADER */
.top{
    background: #343434;
    position: fixed;
    width: 100%;
    min-height: 50px;
    -webkit-box-shadow: #888 0px 2px 4px;
    -moz-box-shadow: #888 0px 2px 4px;
    box-shadow: #888 0px 2px 4px;
    z-index: 50;
}

.header{
    margin-top:10px;
    position:relative;
    color: white;
    font-weight: bold;
}

.header-menu{
    padding-top:0px;
    padding-bottom: 6px;
}

.header a{
    color: white;
    text-decoration: none;
}
.header .link{
    float: right;
    padding-top: 10px;
}
.header .session{
    float: right;
    padding-top: 2px;
    padding-right: 5px;
}

.header .label{
    padding-top: 15px;
}

.login{
    color: white;
    background: #343434;
    position: fixed;
    top:40px;
    padding-top: 30px;
    padding-bottom: 20px;
    z-index: 20;
}


/* MENU */
.menu{
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #323232;
    margin-top: 55px;
}

.menu h3 {
    color: black;
    padding-top: 6px;
}

.menu h4 {
    color: black;
}

.menu a{
    color: black;
}

input[type="submit"].register{
    color: white;
    font-size:1.0em;
    font-weight: bold;
    padding-left:4px;
    padding-right:4px;
    padding-top:6px;
    padding-bottom:6px;
    background:#8EBC11;
    border: 0px;
    cursor: pointer;
    -webkit-box-shadow: #555556 0px 2px 4px;
    -moz-box-shadow: #555556 0px 2px 4px;
    box-shadow: #555556 0px 2px 4px;
    font-family: Helvetica, Arial, sans-serif;
    margin-right: 10px;
    min-width: 140px;
    min-height: 40px;
    font-size: 1.2em;
}

input[type="submit"].register:active{
    color: white;
    -webkit-box-shadow: #555 0px 0px 4px;
    -moz-box-shadow: #555556 0px 0px 4px;
    box-shadow: #555556 0px 0px 4px;
}

/* MAIN */
.main{
    background: white;
    -webkit-box-shadow: #888 0px 0px 4px;
    -moz-box-shadow: #888 0px 0px 4px;
    box-shadow: #888 0px 0px 4px;
}

/* CONTENT */
.content{
    padding-top: 10px;
    padding-bottom: 10px;
}

/* SIDEBAR */
.sidebar{
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 10px;

}

/* FOOTER */

.bottom {
    background: #343434;
    margin-top: 20px;
}

.footer {
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 1.0em;
}
.footer a{
    text-decoration: none;
    color: #efefef;
}

.footer-menu {
    padding-top: 3px;
    padding-bottom: 0px;
    font-weight: bold;
    color: #6E9C01;
    border-bottom: 2px solid #6E9C01;

}

/* QUOTA */

.quota-back{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #7f7f7f;
    height: 15px;
    margin-top:2px;            
}

.quota{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #8DAA26;
    height: 15px;       
}

/* FLASH */
#flash{
    position: fixed;
}

div.jGrowl div.jGrowl-notification.error {
    background: #FBC2C4;
}

div.jGrowl div.jGrowl-notification.notice {
    background: #FFD324;
}

div.jGrowl div.jGrowl-notification.success {
    background: #8DAA26;
}

div.jGrowl div.jGrowl-notification.advice {
    background: #8DAA26;
}

/* WELCOME */
.welcome_message{
    padding-top:60px;
}

.welcome_logo{
    text-align: center;
}

.welcome_message h3{
    margin-bottom: 1em;
}

.message{
    padding-top:30px;
    margin-bottom: 1em;
    font-size: 1.2em;
}

/* HOME */
.title{
    padding-top: 25px;
}

/* ARCHIVE - FILE */
.file{
    padding-top: 4px;
    border-bottom: 1px solid #6E9C01;
}

.counter{
    background: #8EBC11; /*#8EBC11;*/
    text-align: center;
    cursor: pointer;
    margin-bottom: 8px;
    -webkit-box-shadow: #555556 0px 2px 4px;
    -moz-box-shadow: #555556 0px 2px 4px;
    box-shadow: #555556 0px 2px 4px;
    margin-top: 0px;
    margin-bottom: 2px;
}

.counter.active{
    background:#6E9C01;
}
.counter:active{
    background:#6E9C01;
    margin-top: 2px;
    margin-bottom: 0px;
    -webkit-box-shadow: #555556 0px 0px 4px;
    -moz-box-shadow: #555556 0px 0px 4px;
    box-shadow: #555556 0px 0px 4px;
}

.counter .number{
    color: white;
    font-size: 1.3em;
    padding-top: 10px;
    padding-bottom: 6px;
}

.counter .text{
    color: white;
    font-size: 0.9em;
    padding-top: 2px;
    padding-bottom: 2px;
    text-transform: uppercase;
    border-top: 1px solid white;
}

.counter .text a{
    color: white;
    font-size: 0.9em;
}

.comment{
    background: #eaeaea;
    margin-top: 5px;
    color: black;
    padding-top: 4px;
    padding-bottom: 4px;
}

.itemtag{
    background: #6E9C01;
    padding: 3px; 
    color: white;
    text-transform: uppercase;
    font-size: 0.9em;
}

a.itemtag{
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9em;
    margin-top: 5px;
    margin-right: 5px;
}

a.itemtag1{
    padding: 3px;
    color: #6E9C01;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9em;
    margin-top: 5px;
    margin-right: 5px;
}

a.itemtag2{
    background: url(/images/actions/tag.png) no-repeat;
    padding: 3px;
    padding-left: 30px;
    color: #4E6E85;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 5px;
    margin-right: 5px;
}

a.itemtag3{
    padding: 3px;
    color: #6E9C01;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.3em;
    margin-top: 5px;
    margin-right: 5px;
}

a.itemtag4{
    padding: 3px;
    color: #6E9C01;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.5em;
    margin-top: 5px;
    margin-right: 5px;
}

div.counter:hover{
    background:#6E9C01;
}

.private{
    color: #B22222;
}

.public{
    color: #7D9A16;
}

.note{
    background: #FFF6BF  url('/images/theme/clip.png') no-repeat 1px -4px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.1em;
    padding-bottom:20px;
}

.image{
    padding-top: 6px;
    margin-left: 8px;
}

.date{
    font-style: italic;
    font-size: 10px;
}

.name{
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 2px;
}

.name a{
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 2px;
    text-decoration: none;
}

.description{
    font-size: 11px;
    padding-top: 2px;
}

.erase-image{
    margin-right: 5px;
}

.rounded{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.bigrounded{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/* RESULT */
.result {
    padding-top: 4px;
    margin-bottom: 8px;
}

.result a{
    text-decoration: none;
}

.result img{
    margin-left: 5px;
}

/* FORMS & MENUS */
.file_input{
    height: 25px;
    margin-bottom: 10px;
    margin-right:10px;
}

.pagination a{
    color: #6E9C01;
    font-size:1.0em;
    font-weight: bold;
    padding-left:10px;
    padding-right:10px;
    padding-top:6px;
    padding-bottom:6px;
    background:white;
    border: 0px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.pagination .current{
    color: white;
    font-size:1.0em;
    font-weight: bold;
    padding-left:10px;
    padding-right:10px;
    padding-top:6px;
    padding-bottom:6px;
    background:#8EBC11;
    border: 0px;
    cursor: pointer;
    margin-top: 0px !important;
    margin-bottom: 2px !important;
    -webkit-box-shadow: #555 0px 2px 4px;
    -moz-box-shadow: #555556 0px 2px 4px;
    box-shadow: #555556 0px 2px 4px;
    font-family: Helvetica, Arial, sans-serif;
    font-style: italic;
}


.pagination .disabled{
    display: none;
}

.pagination .gap
{
    margin-left:8px;
    margin-right: 8px;
}


.button{
    font-size:1.0em;
    font-weight: bold;
    padding-left:4px;
    padding-right:4px;
    padding-top:6px;
    padding-bottom:6px;
    border: 0px;
    cursor: pointer;
    -webkit-box-shadow: #555556 0px 2px 4px;
    -moz-box-shadow: #555556 0px 2px 4px;
    box-shadow: #555556 0px 2px 4px;
    font-family: Helvetica, Arial, sans-serif;
    background: #8EBC11;
    color: white;
    margin-top: 0px;
    margin-bottom: 2px;
    -webkit-appearance: none;
}

.button:hover{
    background: #6E9C01;
    color: white;
    border:0px;
}

.button:active{
    background: #6E9C01;
    color: white;
    border:0px;
    -webkit-box-shadow: #555556 0px 0px 4px;
    -moz-box-shadow: #555556 0px 0px 4px;
    box-shadow: #555556 0px 0px 4px;
    margin-top: 2px;
    margin-bottom: 0px;
}

.tabs .text{
    padding-top:6px;
    padding-left:4px;
    float: left;
}

.tabs img{
    float: left;
}

div.button, button[type]{
    text-align: center;        
    padding: 6px 0px 6px;
}

.button a{
    color: white;
    text-decoration:none;    
}

#recaptcha_table{
    float:left;
    margin-right:10px;
    width:310px;
}

/* TAGS PLUGIN */

.taglist {
    background: url("/images/tag/textbox-bg.png") repeat-x scroll center top white;
    border-color: #727272 #B4B4B4 #DADADA;
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    overflow: hidden;
    font-family: sans-serif;
    font-size: 13px;
    cursor: text;
    text-align: left;
}

.taglist li.tag {
    background: white;
    list-style: none;
    float: left;
    border: 1px solid #6E9C01;
    cursor: default;
    padding: 1px 2px 1px 4px;
    margin: 0 4px 3px 0;
    width: auto;
}

.taglist li.input {
    list-style: none;
    float:left;
}

.taglist li.input input {
    border: medium none;
    cursor: default;
    margin: 0;
    outline: 0 none;
    padding: 3px 0 2px;
    width: 300px !important;
    font-size: 12px;
}

.taglist li.tag a.delete span {
    visibility: hidden;
}

.taglist li.tag a.delete {
    background: url("/images/tag/to-delete.png") no-repeat 5px 5px;
    width: 8px;
    height: 7px;
    text-decoration: none;
    cursor: pointer;
}