/* 
    Document   : common
    Created on : 23-sep-2011, 11:12:29
    Author     : zRed
    Description:
        For common parts (header, footer, section).
*/

/*@font-face {
    font-family: 'PrototypeRegular';
    src: url('../fonts/prototype-webfont.eot');
    src: url('../fonts/prototype-webfont.svg#PrototypeRegular') format('svg'),
        url('../fonts/prototype-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/prototype-webfont.woff') format('woff'),
        url('../fonts/prototype-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}*/

@import url("//fonts.googleapis.com/css?family=Montaga");

a:visited{
    color:blue;
}

body {
    font-family: 'Montaga','PrototypeRegular', "Lucida Grande", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 1px white;
    filter: dropshadow(color=white, offx=1, offy=1);
    margin:0px;
    padding:0px;
    color:#333;
    margin-top:2px;
}

h1{
    text-shadow: 1px 1px 1px #757575;
    filter: dropshadow(color=#757575, offx=1, offy=1);
    /*    color: #c5ba01;*/
    color: #4653da;
    /*font-weight: lighter;*/
}

h2{
    vertical-align: middle;
    font-size:14pt;
}

a img{
    border: none;
}

/**********
* HEADER
***********/
header { 
    color:white;
    background: rgb(59,103,158);
    background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(32,124,202,1) 51%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(51%,rgba(32,124,202,1)));
    background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(32,124,202,1) 51%);
    background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(32,124,202,1) 51%);
    background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(32,124,202,1) 51%);
    background: linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(32,124,202,1) 51%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#207cca',GradientType=0 );

    display: block;
    height:150px;
    border-bottom: 1px solid darkblue;
    -webkit-box-shadow: 0px 0px 5px 0px #000000;
    -moz-box-shadow: 0px 0px 5px 0px #000000;
    box-shadow: 0px 0px 5px 0px #000000;
    overflow: hidden;
    min-width:1024px;
    width:100%;
}

div.head { 
    display: block;
    width:80%;
    min-width:1024px;
    margin: 0 auto;
    position: relative;
}

div.logo{
    display:inline-block;
    width:200px;
    text-align:center;
    font-size: 17px;
    margin-top:10px;
    font-weight: bold;
    color: gold;
    text-shadow: 1px 1px 1px #757575;
}

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

div.logo img{
    height:130px;
}

div.logo_title{
    display:inline-block;
    position: absolute;
    top: 15%;
    vertical-align: middle;
    padding:20px;
    width: 500px;
    font-size: 40px;
    text-shadow: 1px 1px 1px #757575;
}

p.subtitle{
    font-size: 20px;
    /*    color: #c5ba01;*/
    color: #59ad41;
    text-shadow: 1px 1px 1px #757575;
}

div.weather iframe{
    height: 155px;
    display: block;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    margin: 25px 15px;
    box-shadow: 0px 0px 10px 0px #000000;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    /*    text-align:center;
        float:right;
        color:black;
        margin:10px 10px;
        padding:10px;
        box-shadow: 0px 0px 10px 0px #000000;
        -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
        -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
        background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%);
        background: linear-gradient(top, #ffffff 0%,#ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius:10px;*/
}

div.weather img{
    height:60px;
}

tr.cursor_pointer{
    display: none;
}

/**********
* USER BAR
***********/
div.user_bar { 
    background: #ececec; /* Old browsers */
    background: -moz-linear-gradient(top, #ececec 0%, #d8d8d8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* W3C */

    padding:5px 0px;
    display: block;
    -webkit-box-shadow: 0px 0px 5px 0px #000000;
    -moz-box-shadow: 0px 0px 5px 0px #000000;
    box-shadow: 0px 0px 5px 0px #000000;
    overflow: hidden;
    min-width:1024px;
    width:100%;
}

div#user_info_container { 
    text-align:right;
    display: block;
    width:80%;
    min-width:1024px;
    margin: 0 auto;
    position: relative;
}

div#user_info_container table{
    float: right;
    border-collapse: collapse;
    border-spacing: 0px;
}

div#user_info_container td{
    padding: 0px 10px;
    border-right: solid 1px gray;
}

div#user_info_container td:last-child{
    border-right: none;
    padding: 0px 0px 0px 10px;
}

div.user_bar a{
    text-decoration: none;
}

/**********
* ADMIN BAR
***********/

#admin_bar{
    display:inline-block;
    margin: 20px 0px;
    background: #ececec; /* Old browsers */
    background: -moz-linear-gradient(top, #ececec 0%, #d8d8d8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* W3C */

    padding:5px 40px 5px 30px;
    -webkit-box-shadow: 1px 1px 5px 1px #222222;
    -moz-box-shadow: 1px 1px 5px 1px #222222;
    box-shadow: 1px 1px 5px 1px #222222;
    overflow: hidden;

    border-bottom-right-radius: 50px 50%;
    border-top-right-radius: 50px 50%;
    
    border-bottom-left-radius: 50px 50%;
    border-top-left-radius: 50px 50%;
    text-align:center;
}

#admin_bar span{
    font-size: 20px;
    font-variant: small-caps;
    color: #777777;
}

.bar_option{
    vertical-align: middle;
    text-align: center;
    display:inline-block;
    margin:0px 5px;
    transition: transform 0.2s linear;
    -moz-transition: -moz-transform 0.2s linear;    /* FF3.7+ */
    -o-transition: -o-transform 0.2s linear;      /* Opera 10.5 */
    -webkit-transition: -webkit-transform 0.2s linear; /* Saf3.2+, Chrome */
}

.bar_option a{
    text-decoration: none;
}

.bar_option img{
    height: 75px;
}
.bar_option:hover{
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);  
    -o-transform: scale(1.1);  
    transform: scale(1.1);  
}

/**********
* FOOTER
***********/

footer{
    border-top: 1px solid darkblue;
    background: rgb(32,124,202);
    background: -moz-linear-gradient(top,  rgba(32,124,202,1) 49%, rgba(59,103,158,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,rgba(32,124,202,1)), color-stop(100%,rgba(59,103,158,1)));
    background: -webkit-linear-gradient(top,  rgba(32,124,202,1) 49%,rgba(59,103,158,1) 100%);
    background: -o-linear-gradient(top,  rgba(32,124,202,1) 49%,rgba(59,103,158,1) 100%);
    background: -ms-linear-gradient(top,  rgba(32,124,202,1) 49%,rgba(59,103,158,1) 100%);
    background: linear-gradient(top,  rgba(32,124,202,1) 49%,rgba(59,103,158,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#3b679e',GradientType=0 );


    color:white;
    text-shadow: 1px 1px 1px #757575;
    filter: dropshadow(color=#757575, offx=1, offy=1);
    padding: 30px 0px;
    clear:both;
    -webkit-box-shadow: 0px -1px 8px 0px #000000;
    -moz-box-shadow: 0px -1px 8px 0px #000000;
    box-shadow: 0px -1px 8px 0px #000000;    
    width:100%;
    min-width:1024px;
    font-size:12px;
}

div.footer_content{
    width: 50%;
    min-width:1024px;
    margin: auto;
}

div.footer_block{
    margin-right:10px;
    display:inline-block;
    color:white;
    text-align:center;
    float:left;
}

div.footer_block img{
    max-width:200px;
    margin-top:5px;
    max-height:70px;
}

div.address{
    margin-right:5px;
    display:inline-block;
    color:white;
    text-align:right;
    height:90px;
    width:500px;
    float:right;
}

footer a,footer a:visited{
    color: white;
    text-decoration: none;
}

/**********
* CONTENT
***********/

section{
    display:block;
    margin-top:1px;
    margin-bottom:2px;
    min-width:1024px;
    width:100%;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url('../img/background.png');
    background-repeat:no-repeat;
    background-position: right bottom; 
}

div.content{
    width:80%;
    min-width:964px;
    display:block;
    min-height:600px;
    margin:0 auto;
    padding:30px 20px;
    padding-bottom:30px;
}

/**********
* COMMON COMPONENTS
***********/


div.button_bar{
    padding:15px 0px;
    text-align: right;
}

.center{
    text-align:center !important;
}

img.inline{
    height:24px;
    vertical-align:middle;
}

button{
    font: 11pt 'Montaga','PrototypeRegular', "Lucida Grande", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 1px white;
    filter: dropshadow(color=white, offx=1, offy=1);
}

button img{
    height:24px;
    vertical-align:middle;
}

input, select, textarea{
    font-family: 'Montaga','PrototypeRegular', "Lucida Grande", Helvetica, Arial, sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;

    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

textarea{
    width: 100%;
    height: 80px;
}


fieldset {
    margin: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

fieldset.showSelector{
    font-size: 12px;
    display: inline-block;
    margin: 10px 5px 10px 0px !important;
    background: #ebf1f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */

}

div.return_button { 
    display: inline-block;
    position: relative; 
    margin: 6px 0 0 12px; 
    height: 26px; 
    width: 145px; 
    border: 1px solid rgba(0,0,0, 0.4);  
    border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    background: -webkit-gradient(linear, left top, left bottom, from(#9fb3cc), to(#5b80ab), color-stop(0.5, #6b8bb2), color-stop(0.51, #597eaa)); 
    background: -moz-linear-gradient(top, #9fb3cc 0%, #5b80ab 100%);
    box-shadow: 0px 1px 0 rgba(255,255,255, 0.25);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.25), inset 0 1px 1px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 10px 0px rgba(255,255,255, 0.25);
    vertical-align: middle;
    cursor:pointer;
}

h1{
    display:inline-block;
    vertical-align: middle;
}

div.return_button div { 
    position: absolute; 
    z-index: 1; 
    top: 4px; 
    left: -7px; 
    -webkit-transform: rotate(51deg);
    -moz-transform: rotate(51deg);
}

div.return_button span { 
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    display: block; 
    width: 15px; 
    height: 16px; 
    background: -webkit-gradient(linear, left top, right bottom, from(#9fb3cc), to(#5b80ab), color-stop(0.5, #6b8bb2), color-stop(0.51, #597eaa));   
    background: -moz-linear-gradient(top, #9fb3cc 0%, #5b80ab 100%);
    border-radius: 1px; 
    -moz-border-radius: 1px; 
    -webkit-border-radius: 1px; 
    border: 1px solid rgba(0,0,0, 0.4); 
    border-right: 0; 
    border-top: 0;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.25);
    -moz-box-shadow: 0px 10px 0px rgba(255,255,255, 0.25);
} 

div.return_button p { 
    width:100%;
    text-align:center;
    position: absolute; 
    z-index: 2; 
    top: 5px; 
    margin: 0; 
    padding: 0; 
    font-weight: bold; 
    color: #fff; 
    text-shadow: 0 -1px 0 rgba(0,0,0, 0.4);
}

div.return_button a,div.return_button a:visited{
    color:white;
    text-decoration: none;
}

div.step{
    margin-bottom:30px;
    padding:20px;

    box-shadow: 0px 0px 10px 0px #000000;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5);

    background: #f2f2f2;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #d6d6d6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d6d6d6));
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#d6d6d6 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%,#d6d6d6 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%,#d6d6d6 100%);
    background: linear-gradient(top, #f2f2f2 0%,#d6d6d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d6d6d6',GradientType=0 );


    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px;
}

div.step_title{
    width:100%;
    cursor:pointer;
}

a.go_to_payment,.no-break-line{
    white-space: nowrap;
}

p.big_label{
    font-size: 1.2em;
}


/****
* TABLES
****/
table.format {
    width:100%;
    border-width: 0px;
    border-spacing: 0px;
    border-style: outset;
    border-color: gray;

    box-shadow: 0px 0px 10px 0px #000000;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

table.format thead tr:first-child th:first-child {
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    border-top-left-radius:10px
}

table.format tr:first-child th:last-child {
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    border-top-right-radius:10px
}

table.format tr:last-child td:first-child, table.format tbody tr:last-child th:first-child {
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    border-bottom-left-radius:10px
}

table.format tr:last-child td:last-child {
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-right-radius:10px
}

table.format th {
    border-width: 1px;
    padding: 1px;
    border-style: solid;
    border-color: gray;
    background: rgb(136,191,232);
    background: -moz-linear-gradient(top, rgba(136,191,232,1) 0%, rgba(112,176,224,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,191,232,1)), color-stop(100%,rgba(112,176,224,1)));
    background: -webkit-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%);
    background: -o-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%);
    background: -ms-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%);
    background: linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%);

    padding:2px;
}
table.format td {
    border-width: 1px;
    padding: 1px;
    border-style: solid;
    border-color: gray;
    background-color:white;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius:0px;

    padding:4px;
}

td.center{
    text-align:center;
}

table.display td img{
    height: 20px;
    vertical-align: middle;
}

table.display img.action{
    cursor:pointer;
    height: 20px;
    vertical-align: middle;
    border-radius:0px;
    padding: 0px;
    background-color: transparent;
    box-shadow: none;
}

div.dataTables_wrapper label{
    text-shadow: 1px 1px 1px #757575;
    font-weight: normal;
}

table.display img.icon{
    height: 25px;
    vertical-align: middle;
    border-radius:0px;
    padding: 0px;
    background-color: transparent;
    box-shadow: none;
}

table.display tfoot{
    background: #fefcea; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */

}

/*  ACTION MESSAGES */

.message_box{
    border: 1px solid;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 5px 0px #000000;
    -moz-box-shadow: 0px 0px 5px 0px #000000;
    box-shadow: 0px 0px 5px 0px #000000;
    margin: 10px 0px;
    padding:15px 10px 15px 70px;
    background-repeat: no-repeat;
    background-position: 10px center;
    min-height:35px;
}

.info_message {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/info.png');
    background-size:50px 50px;
}

.success_message {
    display: none;
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/ok.png');
}
.warning_message {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/warning.png');
}

.error_message {
    display: none;
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/error.png');
}

/**
* LEGEND
**/
.legend_box{
    font-style: italic;
    font-size:0.8em;
    margin: 15px 0px 0px;
}

.legend_item {

    box-shadow: 0px 0px 2px 0px #000000;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.5);

    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 5px;
    border: 1px solid gray;
}

/****
* ADVERTISEMENTS
****/

div.advertisements{
    max-width:80%;
    text-align: center;
    margin: 20px auto;

}

div.advertisements img{
    display: inline-block;
    max-height: 75px;
    vertical-align: middle;
    border-radius: 15px;
    margin: 0px 10px;
    -webkit-box-shadow: 0px 0px 5px 0px #000000;
    -moz-box-shadow: 0px 0px 5px 0px #000000;
    box-shadow: 0px 0px 5px 0px #000000;
}