/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
    }
body {
	line-height: 1;
	overflow: hidden;
    }
ol, ul {
	list-style: none;
    }
blockquote, q {
	quotes: none;
    }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
    }
table {
	border-collapse: collapse;
	border-spacing: 0;
    }

/* Typography */

body,
input,
textarea {
    font: 14px/20px 'OpenSans', sans-serif;
    color: #333;
    -webkit-font-smoothing: antialiased;
    }

pre,
code { font:normal 12px/20px monospace; }

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    margin-bottom: 234px;    
    bottom: 0px;        
    margin-left: 640px;
    height: 35px;
    width: 120px;
    
    

    /* top:    float: left;
     *          64px;
    left:       0px;
    height:     45px;
    width:      120px;
    */
    background: rgba( 255, 255, 255, 0.0 ) 
                url('../img/ajax-loader.gif') 
                100% 100% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

h1, h2, h3, h4, h5, h6 { 
    margin: 0;
    }
    
h1 {
    font-family: 'OswaldBook', "Arial Narrow", sans-serif;
    line-height: 1em;
    font-size: 2em;
    }

a {
    color:#369;
    text-decoration:none;
    }

/* Layout */

h1 {
    display: block;
    margin: 20px 0;
    }

p {
    margin-bottom: 20px;
    }

body > div {
    position: relative;
    z-index: 1;
    }

.map {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    }
    
#logos {
    position: absolute;
    height: 112px;
    width: 290px;
    float:top;
    float:left;
    top: 0px;
    left: 50px;
    float:top;
    overflow-y: hidden;
    z-index: 2;    
}
    
#logos #logo_container_a {
    display: inline;
    top: 0px;
    float:top;
    float:left;
    height: 66px; 
    width:  69px;

}

#logo_container_b {
    top: 0px;
    float:top;
    float:left;
    height: 32px; 
    width: 69px;
    border-bottom: 1px solid #bbb;
}

#logo_container_c {
    top: 0px;
    float:top;
    float:left;
    height: 42px; 
    width: 276px;
    border-bottom: 1px solid #bbb;
}

.logo1 {
    background: url(../img/NOA.png) 3px 3px no-repeat,-moz-linear-gradient(top,  rgba(255,255,255,0.55) 0%, rgba(229,229,229,0.75) 100%); /* FF3.6+ */
    background: url(../img/NOA.png) 3px 3px no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.55)), color-stop(100%,rgba(229,229,229,0.75))); /* Chrome,Safari4+ */
    background: url(../img/NOA.png) 3px 3px no-repeat,-webkit-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Chrome10+,Safari5.1+ */
    background: url(../img/NOA.png) 3px 3px no-repeat,-o-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Opera 11.10+ */
    background: url(../img/NOA.png) 3px 3px no-repeat,-ms-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* IE10+ */
    background: url(../img/NOA.png) 3px 3px no-repeat,linear-gradient(to bottom,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff', endColorstr='#bfe5e5e5',GradientType=0 ); /* IE6-9 */
    
    -moz-box-shadow: 2px 2px 4px #888;
    -webkit-box-shadow: 2px 2px 4px #888;
    
    -moz-border-radius-topleft: 15px;
    
    -webkit-border-top-left-radius: 15px;
}

.logo2 {
    background: url(../img/IAASARS.png) 3px 3px no-repeat,-moz-linear-gradient(top,  rgba(255,255,255,0.55) 0%, rgba(229,229,229,0.75) 100%); /* FF3.6+ */
    background: url(../img/IAASARS.png) 3px 3px no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.55)), color-stop(100%,rgba(229,229,229,0.75))); /* Chrome,Safari4+ */
    background: url(../img/IAASARS.png) 3px 3px no-repeat,-webkit-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Chrome10+,Safari5.1+ */
    background: url(../img/IAASARS.png) 3px 3px no-repeat,-o-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Opera 11.10+ */
    background: url(../img/IAASARS.png) 3px 3px no-repeat,-ms-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* IE10+ */
    background: url(../img/IAASARS.png) 3px 3px no-repeat,linear-gradient(to bottom,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff', endColorstr='#bfe5e5e5',GradientType=0 ); /* IE6-9 */
    
    -moz-box-shadow: 2px 2px 4px #888;
    -webkit-box-shadow: 2px 2px 4px #888;
}

.logo3 {
    background: url(../img/TELEIOS.png) 3px 3px no-repeat,-moz-linear-gradient(top,  rgba(255,255,255,0.55) 0%, rgba(229,229,229,0.75) 100%); /* FF3.6+ */
    background: url(../img/TELEIOS.png) 3px 3px no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.55)), color-stop(100%,rgba(229,229,229,0.75))); /* Chrome,Safari4+ */
    background: url(../img/TELEIOS.png) 3px 3px no-repeat,-webkit-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Chrome10+,Safari5.1+ */
    background: url(../img/TELEIOS.png) 3px 3px no-repeat,-o-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Opera 11.10+ */
    background: url(../img/TELEIOS.png) 3px 3px no-repeat,-ms-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* IE10+ */
    background: url(../img/TELEIOS.png) 3px 3px no-repeat,linear-gradient(to bottom,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff', endColorstr='#bfe5e5e5',GradientType=0 ); /* IE6-9 */
    
    -moz-box-shadow: 2px 2px 0px #888;
    -webkit-box-shadow: 2px 2px 0px #888;
    
}

.logo4 {
    background: url(../img/GMES.png) 3px 3px no-repeat,-moz-linear-gradient(top,  rgba(255,255,255,0.55) 0%, rgba(229,229,229,0.75) 100%); /* FF3.6+ */
    background: url(../img/GMES.png) 3px 3px no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.55)), color-stop(100%,rgba(229,229,229,0.75))); /* Chrome,Safari4+ */
    background: url(../img/GMES.png) 3px 3px no-repeat,-webkit-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Chrome10+,Safari5.1+ */
    background: url(../img/GMES.png) 3px 3px no-repeat,-o-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Opera 11.10+ */
    background: url(../img/GMES.png) 3px 3px no-repeat,-ms-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* IE10+ */
    background: url(../img/GMES.png) 3px 3px no-repeat,linear-gradient(to bottom,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff', endColorstr='#bfe5e5e5',GradientType=0 ); /* IE6-9 */
    
    -moz-box-shadow: 2px 2px 4px #888;
    -webkit-box-shadow: 2px 2px 4px #888;
    
}

.logo5 {
    background: url(../img/swefs.png) 3px 3px no-repeat,-moz-linear-gradient(top,  rgba(255,255,255,0.55) 0%, rgba(229,229,229,0.75) 100%); /* FF3.6+ */
    background: url(../img/swefs.png) 3px 3px no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.55)), color-stop(100%,rgba(229,229,229,0.75))); /* Chrome,Safari4+ */
    background: url(../img/swefs.png) 3px 3px no-repeat,-webkit-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Chrome10+,Safari5.1+ */
    background: url(../img/swefs.png) 3px 3px no-repeat,-o-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Opera 11.10+ */
    background: url(../img/swefs.png) 3px 3px no-repeat,-ms-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* IE10+ */
    background: url(../img/swefs.png) 3px 3px no-repeat,linear-gradient(to bottom,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff', endColorstr='#bfe5e5e5',GradientType=0 ); /* IE6-9 */
    
    -moz-box-shadow: 2px 2px 0px #888;
    -webkit-box-shadow: 2px 2px 0px #888;
    
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
}

.logo6 {
    background: url(../img/Logo-Strabon-v0.png) 3px 3px no-repeat,-moz-linear-gradient(top,  rgba(255,255,255,0.55) 0%, rgba(229,229,229,0.75) 100%); /* FF3.6+ */
    background: url(../img/Logo-Strabon-v0.png) 3px 3px no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.55)), color-stop(100%,rgba(229,229,229,0.75))); /* Chrome,Safari4+ */
    background: url(../img/Logo-Strabon-v0.png) 3px 3px no-repeat,-webkit-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Chrome10+,Safari5.1+ */
    background: url(../img/Logo-Strabon-v0.png) 3px 3px no-repeat,-o-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Opera 11.10+ */
    background: url(../img/Logo-Strabon-v0.png) 3px 3px no-repeat,-ms-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* IE10+ */
    background: url(../img/Logo-Strabon-v0.png) 3px 3px no-repeat,linear-gradient(to bottom,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff', endColorstr='#bfe5e5e5',GradientType=0 ); /* IE6-9 */
    
    -moz-box-shadow: 2px 2px 4px #888;
    -webkit-box-shadow: 2px 2px 4px #888;
        
}

.logo7 {
    background: url(../img/eumetsat.png) 50px 3px no-repeat,-moz-linear-gradient(top,  rgba(255,255,255,0.55) 0%, rgba(229,229,229,0.75) 100%); /* FF3.6+ */
    background: url(../img/eumetsat.png) 50px 3px no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.55)), color-stop(100%,rgba(229,229,229,0.75))); /* Chrome,Safari4+ */
    background: url(../img/eumetsat.png) 50px 3px no-repeat,-webkit-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Chrome10+,Safari5.1+ */
    background: url(../img/eumetsat.png) 50px 3px no-repeat,-o-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* Opera 11.10+ */
    background: url(../img/eumetsat.png) 50px 3px no-repeat,-ms-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* IE10+ */
    background: url(../img/eumetsat.png) 50px 3px no-repeat,linear-gradient(to bottom,  rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.75) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff', endColorstr='#bfe5e5e5',GradientType=0 ); /* IE6-9 */
    
    -moz-box-shadow: 2px 2px 4px #888;
    -webkit-box-shadow: 2px 2px 4px #888;
    
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-bottom-left-radius: 15px;
}

#winctrl {
	position: absolute;
    height: 25px;
	width: 62px;
    float: left;
    margin-bottom: 230px;
	bottom: 0px;
    
    background: -moz-linear-gradient(top,  rgba(125,126,125,0.67) 0%, rgba(124,125,124,0.67) 1%, rgba(14,14,14,0.77) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,0.67)), color-stop(1%,rgba(124,125,124,0.67)), color-stop(100%,rgba(14,14,14,0.77))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(125,126,125,0.67) 0%,rgba(124,125,124,0.67) 1%,rgba(14,14,14,0.77) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(125,126,125,0.67) 0%,rgba(124,125,124,0.67) 1%,rgba(14,14,14,0.77) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(125,126,125,0.67) 0%,rgba(124,125,124,0.67) 1%,rgba(14,14,14,0.77) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(125,126,125,0.67) 0%,rgba(124,125,124,0.67) 1%,rgba(14,14,14,0.77) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab7d7e7d', endColorstr='#c40e0e0e',GradientType=0 ); /* IE6-9 */
    
    border-bottom: 1px solid #333;
    border-top:    1px solid #333;
    border-left:   1px solid #333;
    border-right:  1px solid #333;
    overflow-y: hidden;
    z-index: 4;
    }

#wintitle {
    position: absolute;
    height: 25px;
    width: 570px;
    float: left;
    margin-bottom: 230px;
    margin-left: 62px;
    bottom: 0px;
        
    background: -moz-linear-gradient(top,  rgba(125,126,125,0.67) 0%, rgba(124,125,124,0.67) 1%, rgba(14,14,14,0.77) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,0.67)), color-stop(1%,rgba(124,125,124,0.67)), color-stop(100%,rgba(14,14,14,0.77))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(125,126,125,0.67) 0%,rgba(124,125,124,0.67) 1%,rgba(14,14,14,0.77) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(125,126,125,0.67) 0%,rgba(124,125,124,0.67) 1%,rgba(14,14,14,0.77) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(125,126,125,0.67) 0%,rgba(124,125,124,0.67) 1%,rgba(14,14,14,0.77) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(125,126,125,0.67) 0%,rgba(124,125,124,0.67) 1%,rgba(14,14,14,0.77) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab7d7e7d', endColorstr='#c40e0e0e',GradientType=0 ); /* IE6-9 */
    


    color: #fafafa;
    text-align:center;    
    font-size:16px;
    font-family: Constantia, "Droid Serif", Georgia, "Minion Web Pro", "Minion Web", Minion, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu LGC Serif", "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", "Nimbus Roman No9 L", "Century Schoolbook L", Norasi, Rekha, serif; 
    font-weight:bold; 
    letter-spacing: 1.8px; 
    text-shadow: 0.7px 0.7px 0.8px #6E7B91, 0 0 1em gray, 0 0 0.2em gray;
    
    border-bottom: 1px solid #333;
    border-top:    1px solid #333;
    border-left:   1px solid #333;
    border-right:  1px solid #333;
    overflow-y: hidden;
    z-index: 4;
}

#rotator {
    position: absolute;
    height: 25px;
    width: 140px;
    float: left;
    margin-bottom: 230px;
    margin-left: 632px;
    bottom: 0px;
        
    background: -moz-linear-gradient(top,  rgba(125,126,125,0.67) 0%, rgba(124,125,124,0.67) 1%, rgba(14,14,14,0.77) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,0.67)), color-stop(1%,rgba(124,125,124,0.67)), color-stop(100%,rgba(14,14,14,0.77))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(125,126,125,0.67) 0%,rgba(124,125,124,0.67) 1%,rgba(14,14,14,0.77) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(125,126,125,0.67) 0%,rgba(124,125,124,0.67) 1%,rgba(14,14,14,0.77) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(125,126,125,0.67) 0%,rgba(124,125,124,0.67) 1%,rgba(14,14,14,0.77) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(125,126,125,0.67) 0%,rgba(124,125,124,0.67) 1%,rgba(14,14,14,0.77) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab7d7e7d', endColorstr='#c40e0e0e',GradientType=0 ); /* IE6-9 */
    
    -moz-border-radius-topright: 7px;
    -webkit-border-radius-topright: 7px;
    -khtml-border-radius-topright: 7px;
    border-top-right-radius: 7px;

    color: #fafafa;
    text-align:center;    
    font-size:18px;
    font-family: Constantia, "Droid Serif", Georgia, "Minion Web Pro", "Minion Web", Minion, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu LGC Serif", "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", "Nimbus Roman No9 L", "Century Schoolbook L", Norasi, Rekha, serif; 
    font-weight:bold; 
    letter-spacing: 1.8px; 
    text-shadow: 0.7px 0.7px 0.8px #6E7B91, 0 0 1em gray, 0 0 0.2em gray;
    
    border-bottom: 1px solid #333;
    border-top:    1px solid #333;
    border-left:   1px solid #333;
    border-right:  1px solid #333;
    overflow-y: hidden;
    z-index: 4;
}

#div_table {
    position: absolute;
    height: 190px;
    float: right;
    right: 0px;
    margin-bottom: 230px;
    bottom: 0px;
    
    padding: 0 0px;
    
    -moz-border-radius-topright: 7px;
    -webkit-border-radius-topright: 7px;
    -khtml-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    
    overflow-y: hidden;
    z-index: 4;
}

    
#div_table div {
    margin: 1px 0;
    border-left: 2px solid rgba(84,98,120,.2);
    right:0px;
    background:rgba(84,98,120,.7);
    color:#fff;
    padding:5px 0px 5px 5px;
    height:182px;
    
    font: 0.9em/1.2em 'OswaldBook',  "Arial Narrow", sans-serif;
    width: 490px;
    float: left;
    margin-right: 0px;    
    
    -webkit-user-select:auto;
    opacity:0.9;
    -webkit-transition:opacity 150ms;
    -moz-transition:opacity 150ms;
    }
    
#div_table div:hover, #div_table div:focus, #div_table div.active {
    border-left: 0px solid #333;
    background:rgba(84,98,120,.7);
    color: transparent;
    } 


    
#content {
    min-width: 1200px;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    height: 225px;
    width: 100%;
    bottom: 0px;
    background: rgb(255,255,255); /* old ie */
    background: rgba(255,255,255,.7);
    border-bottom: 1px solid #ccc;
    border-top: 5px solid #333;
    z-index: 99999;
}
    
#branding {
    position: absolute;
    height: 225px;
    width: 12px;
    left: 0;
    float: left;

    background: -moz-linear-gradient(left,  rgba(69,72,77,0.5) 0%, rgba(68,71,76,0.5) 1%, rgba(0,0,0,0.55) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(69,72,77,0.5)), color-stop(1%,rgba(68,71,76,0.5)), color-stop(100%,rgba(0,0,0,0.55))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(69,72,77,0.5) 0%,rgba(68,71,76,0.5) 1%,rgba(0,0,0,0.55) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(69,72,77,0.5) 0%,rgba(68,71,76,0.5) 1%,rgba(0,0,0,0.55) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(69,72,77,0.5) 0%,rgba(68,71,76,0.5) 1%,rgba(0,0,0,0.55) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(69,72,77,0.5) 0%,rgba(68,71,76,0.5) 1%,rgba(0,0,0,0.55) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#8c000000',GradientType=1 ); /* IE6-9 */
}
    
#div_a {
    margin-left: 12px;
    height: 225px;
    width: 840px;
    float: left;
    padding: 0 20px;

    }
    
#attribution {
    position: absolute;
    height: 30px;
    width: 762px;
    float:left;
    margin-bottom: 0px;
    margin-left: 0px;
    left:12px;
    bottom: 0px;
    
    overflow-y: hidden;
    z-index: 2;    
	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(69,72,77,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(69,72,77,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(69,72,77,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(69,72,77,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(69,72,77,0.9) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(69,72,77,0.9) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#e645484d',GradientType=0 ); /* IE6-9 */

    
    -moz-box-shadow: 2px 2px 4px #888;
    -webkit-box-shadow: 2px 2px 4px #888;
    
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
    
#div_legend {
    height: 225px;
    width: 600px;
    float: none;    
    padding: 0 0px;
    
    -moz-border-radius-topright: 7px;
    -webkit-border-radius-topright: 7px;
    -khtml-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    z-index: 4;
    
}

.tlegends{
    left: auto;
    right: 10px;
    height: 225px;
    overflow-x: hidden;
    font-size: 11px;
	font: .9em/1.5em 'OpenSans', sans-serif;	
}

.tlegends a {
    color: rgb(51, 51, 51);
    }

.tlegends .tlegend {
    width: 590px;
    }

.tlegends .scale img { 
    float: left; 
    }

.tlegend {
    padding-left: 10px;
    padding-right: 5px;
	display:block;
  	position:absolute;
  	border:1px solid #ccc;
  	border-radius:3px;
  	-moz-border-radius:3px;
  	-webkit-border-radius:3px;
  	box-shadow:rgba(0,0,0,0.1) 0px 1px 3px;
  	-moz-box-shadow:rgba(0,0,0,0.1) 0px 1px 3px;
  	-webkit-box-shadow:rgba(0,0,0,0.1) 0px 1px 3px;
    
        /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(190, 191, 204);
    /* RGBa with 0.6 opacity */
    background: rgba(190, 191, 204, 0.7);
    /* For IE 5.5 - 7*/ 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    }

.tlegend .scale {
    width: 100%;
    margin-bottom: 0px;
    }
.tlegend > div {
    clear: both;
    } 
.tlegend .scale span {
    display: block;
    width: 30px;
    float: left;
    text-align: center;
    font-size: 6px;
    }

.tlegends .scale label {
    display: block;
    margin-bottom: 5px;
    }

.tlegend .scale > div {
    }   
    
.stitle{
    width:260px;
    height:18px;
    background: -moz-linear-gradient(top,  rgba(69,72,77,0.2) 0%, rgba(68,71,76,0.2) 1%, rgba(0,0,0,0.35) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.2)), color-stop(1%,rgba(68,71,76,0.2)), color-stop(100%,rgba(0,0,0,0.35))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(68,71,76,0.2) 1%,rgba(0,0,0,0.35) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(68,71,76,0.2) 1%,rgba(0,0,0,0.35) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(68,71,76,0.2) 1%,rgba(0,0,0,0.35) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(69,72,77,0.2) 0%,rgba(68,71,76,0.2) 1%,rgba(0,0,0,0.35) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3345484d', endColorstr='#59000000',GradientType=0 ); /* IE6-9 */

    -moz-border-radius-topleft: 5px;
    -webkit-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    
    -moz-border-radius-topright: 15px;
    -webkit-border-radius-topright: 15px;
    -khtml-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    
    color: #EBF1F2; 
    font-size:11px;
    font-family: Constantia, "Droid Serif", Georgia, "Minion Web Pro", "Minion Web", Minion, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu LGC Serif", "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", "Nimbus Roman No9 L", "Century Schoolbook L", Norasi, Rekha, serif;  
    font-weight:bold; 
    letter-spacing: 1.4px;
    text-align:center; 
    text-shadow: 1.0px 1.0px 2.0px #2F3030, 0 0 1em gray, 0 0 0.2em gray;
}

.layers {    
    z-index:999999;
    position:absolute;
    right:10px;
    padding-left:0px;
    top:0px;
    min-width:440px;
    max-width:440px;
    height:360px;
    }
    
.layers div {
    margin: 1px 0;
    border-left: 5px solid #333;
    right:20px;
    background:#546278;
    color:#fff;
    padding:10px;
    height:360px;
    
    font: 0.9em/1.2em 'OswaldBook',  "Arial Narrow", sans-serif;
    width: 430px;
    float: left;
    margin-right: 20px;    
    
    -webkit-user-select:auto;
    opacity:0.9;
    -webkit-transition:opacity 150ms;
    -moz-transition:opacity 150ms;
    }
    
.layers div:hover, .layers div:focus, .layers div.active {
    border-left: 5px solid #333;
    background: #546278;
    color: white;
    } 
    
#rounded-corner
{
        font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
        font-size: 8px;
        margin: 0px;
        width: 480px;
        text-align: left;
        border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
        background: #b9c9fe url('table-images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
        background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
        padding: 8px;
        font-weight: normal;
        font-size: 9px;
        color: #039;
        background: #b9c9fe;
}
#rounded-corner td
{
        padding: 8px;
        background: #e8edff;
        border-top: 1px solid #fff;
        color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
        background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
        background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
        background: #d0dafd;
}    
       

#search {
    height: 30px;
    margin-bottom: 20px;
    }

form.geocode input[type=text] {
    font-size: .85em;
    color: #333;
    height: 18px;
    width: 200px;
    display: block;
    float: left;
    padding: 5px;
    margin: 0;
    border: 1px solid  #ccc;
    }
    
form.geocode input[type=submit] {
    background: #2da0ef url(../img/search.png) no-repeat -0px -0px;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    display: block;
    border: none;
    margin: 0;
    padding: 0;
    float: left;
    cursor: pointer;
    }
    
    form.geocode input[type=submit]:hover { background-color:#333; }
	form.geocode input[type=submit]:active { background-color:#000; }
	
form.geocode.loading input[type=submit] {
    background: url(img/ajax-loader.gif) no-repeat 50% 50%;
    border-color:#bbb;
    background-color:#ddd;
    box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;
    -moz-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;
    -webkit-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;
    }
    
#geocode-error {
    display: none;
    float: left;
    position: relative;
    top: 1em;
    margin-left: 20px;
    color: #e34f4f;
    font-size: 1em;
    line-height: 0em;
    }
    
a.zoomer {
	position: absolute;
    top: 10px;
    }

/* Map */

.wax-tooltip {
    border:none;
    background:none;
    border-radius:none;
    -moz-border-radius:none;
    -webkit-border-radius:none;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    
    top: 0px;
    left: 0px;
    border: none;
    color: white;
    font-size: 11px;
    width: 200px;
    margin-left: 10px;
    line-height: 16px;
    margin-bottom: 20px;
    overflow: visible;
    }

.wax-tooltip .inner {
    padding: 4px 9px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #333;
    z-index: 2;
    text-transform: lowercase;
    }
    
.wax-tooltip .inner:first-letter {
    text-transform: uppercase;
    }
    
.wax-tooltip .desc2 { font-style: italic; }

.wax-tooltip .offense { font-weight: 700; }

.wax-tooltip .tip {
    background: rgba(51,51,51,1);
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    top: -5px;
    left: 50%;
    margin-left: -14px;
    z-index: 1;
    }

.wax-tooltip.flip-y {
    margin-top: 20px;
    margin-bottom: auto;
    }

.wax-tooltip.flip-y .tip {
    position: absolute;
    margin-top: 5px;
    }

.wax-legends {
    left: auto;
    right: 10px;
    height: 125px;
    overflow-x: hidden;
    bottom: 215px;
    font-size: 11px;
	font: .9em/1.5em 'OpenSans', sans-serif;
    }
    
.wax-legends a {
    color: rgb(51, 51, 51);
    }

.wax-legends .wax-legend {
    width: 275px;
    }

.wax-legends .scale img { 
    float: left; 
    }

.wax-legend {
    padding: 10px;
    }

.wax-legend .scale {
    width: 100%;
    margin-bottom: 0;
    }
.wax-legend > div {
    clear: both;
    } 
.wax-legend .scale span {
    display: block;
    width: 30px;
    float: left;
    text-align: center;
    font-size: 9px;
    }

.wax-legends .scale label {
    display: block;
    margin-bottom: 5px;
    }

.wax-legend .scale > div {
    }

.wax-attribution {
    bottom: 205px;
    }

.wax-share h3 {
    margin: 0px 0px 10px;
    font-size: 16px;
    font-weight: normal;
    }

.wax-share strong {
    font-weight: 700;
    }

.wax-share small {
    font-size: 11px;
    color: #999;
    display: block;
    margin-top: 0.5em;
    }

.share {
    top: 45px;
    z-index: 2;
    }
    
.mmg-default {
    width: 20px;
    height: 40px;
    background: url(../img/map.png) -120px -30px;
    left: -10px;
    top: -30px;
    }
    
/* embed */

.embed .map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: white;
    z-index: 1000;
    }

.embed #header, .embed #content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
    visibility: hidden;
    overflow: hidden;
    }

.embed a.zoomer {
    top: 10px;
    }

.embed .wax-tooltip {
    top: 10px;
    right: 10px;
    }

.embed .wax-legends {
    right: 10px;
    bottom: 10px;
    }

.embed .share {
    top: 45px;
    z-index: 1001;
    }

.embed .layers {
    position: absolute	;
    top: 90px;
    left: 0;
    z-index: 1001;
    visibility: visible;
    }

.embed .layer {
    width: 100px;
    text-align: center;
    border: 1px solid #ccc;
    }

/* Animation */

.map-tile-loaded {
    -webkit-animation-name:               fade-in;
    -moz-animation-name:                  fade-in;
    -ms-animation-name:                   fade-in;
    -o-animation-name:                    fade-in;
    -webkit-animation-timing-function:    linear;
    -moz-animation-timing-function:       linear;
    -ms-animation-timing-function:        linear;
    -o-animation-timing-function:         linear;
    -webkit-animation-duration:           .2s;
    -moz-animation-duration:              .2s;
    -ms-animation-duration:               .2s;
    -o-animation-duration:                .2s;
}

@-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@-ms-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }