html {
   width: 100%;
}

body {
   padding: 0;
   margin: 0;
   font-family: verdana, helvetica, arial, sans-serif;
   font-size: 11px;
   background-color: #ffffff;
   color: #333;
}

div.bodypadder {
   padding-left: 8px;
   padding-left: 18px;
   padding-right: 18px;
}

a {
   color: #1F3C79;
}

a:link {
   color: #1F3C79;
}

a:visited {
   color: #1F3C79;
}

div.footer {
   clear: both;
}

h1, h2, h3, h4, h5, h6 {
   font-family: verdana, helvetica, arial, sans-serif;
}

h1, #catalogtext h1 {
   color: #888;
   font-size: 16px;
}

h3 {
   font-size: 14px;
   margin: 0;
   padding: 0 0 4px;
}

h3.variableheader {
   color:#454545;
   font-size: 16px;
   font-weight: bold;
}

.readonly{
   background-color: #eeeeee;
}

.readonly:hover{
   cursor:default;
}

/* A class for the copyright | */
div.copyright, div.copyright a {
   color: #999999;
   text-decoration:none;
   font-size:9px;
}

div.errormessage {
   background-color: #FFFF99;
   border: 1px solid #CDCDCD;
   font-size: 10px;
   text-align: left;
   padding: 8px;
   margin: 0 4px 10px 10px;
   width: 300px;
   color: #000;
}

#errortip {
   margin-left: 6px;
   margin-top: -14px;
   float: left;
}

div.filtermessage, div.weightmessage {
   color: #666;
   font-size: 12px;
   height: 16px;
   line-height: 18px;
   padding-left: 24px;
   background-repeat: no-repeat;
   background-position: 0 0;
   background-color: transparent;
}

div.filtermessage {
   background-image: url(../images/menu/subset_double.png);
}

div.weightmessage {
   background-image: url(../images/menu/weight_double.png);
}

#tablemsg {
   clear: both;
   padding: 6px 0 8px 0; /* Used padding to create space between any floated elements (graph scalers) */ 
   font-style: italic;
}

td.titlemeny {
   background-color: #6688aa;
   color: #ffffff;
}

a.titleicons {
   padding-left: 3px;
}

a.makesomeroom {
   padding-left: 10px;
}

a.submenu {
   font-size: 12px;
   color: #ffffff;
   text-decoration: none;
}

a.submenu:link {
   font-size: 12px;
   color: #ffffff;
   text-decoration: none;
}

a.submenu:visited {
   font-size: 12px;
   color: #ffffff;
   text-decoration: none;
}

div.titletext {
   color: #1f2f6f;
   background-color: #ffffff;
   font-weight: bold;
}

.giveroom, .giveroom h2, #catalogtext h2, #bookmarkDialog h2 {
   color: #666;
   font-weight: normal;
   margin-bottom: 11px;
   font-size:14px;
   font-family: verdana, helvetica, arial, sans-serif;
}

.subtitle{
   color: #666;
   background-color: #ffffff;
   font-weight: normal;
   font-size: 11px;
   margin-bottom: 10px;
   margin-top: 0;
}

input.changeSubmit {
   color: #000000;
   border: 2px solid #6688aa;
   vertical-align: top;
   padding-left: 3px;
   padding-right: 3px;
}

/* These also apply for the weight window */

textarea {
   padding: 3px;
   font-size: 9pt;
   border: 1px solid #cdcdcd;
}

.textfield {
   padding: 3px;
   font-size: 10px;
   border: 1px solid #cdcdcd;
}

.noPadding {
   padding: 0;
}

select {
   padding: 2px;
   font-size: 9pt;
   border: 1px solid #cdcdcd;
}

input.changeSubsetButtons {
   border: 1px solid #666;
   vertical-align: top;
   padding-left: 3px;
   padding-right: 3px;
   margin-right: 3px;
   height: 22px;
   text-transform:uppercase;
}

input.changeSubsetButtonsNoPointer {
   border: 1px solid #666;
   vertical-align: top;
   padding-left: 3px;
   padding-right: 3px;
   height: 22px;
   text-transform:uppercase;
}

input.changeSubsetButtonOk {
   border: 1px solid #000000;
   vertical-align: top;
   padding-left: 6px;
   padding-right: 6px;
   height: 22px;
   border: 1px solid #898989;
   text-transform:uppercase;
}

div.scaleadjust {
   white-space: nowrap;
}

div.scaleadjust form {
   float: left;
}

div.graphmessage {
   margin-top: 20px;
   margin-bottom: 20px;
   font-weight: bold;
}

div.processing {
   display: none;
   font-weight: bold;
   font-size: 1.4em;
   text-align: center;
   margin-top: 60px;
}

div.download_auto {
   padding-bottom: 8px;
}

div.varHeading {
   color: #000000;
   font-size: 11px;
   padding-bottom: 5px;
}

div.layerVarHead {
   color: #000000;
   font-size: 11px;
   font-weight: bold;
}

div.layerVar {
   color: #000000;
   font-size: 11px;
   line-height: 1.4em;
}

div.layerVar sub, div.layerVar sup {
   line-height: 0px;
}

#itemlist, #itemlist li {
   list-style: none;
   padding-left: 0px;
   margin-left: 0px;
}

#itemlist li span {
   line-height: 1.4em;
}

#itemlist li span sub, #itemlist li span sup {
   line-height: 0px;
}

div.pageheader {
   margin-top: 20px;
   font-weight: bold;
   margin-bottom: 10px;
}

ul.serverbookmark {
   padding: 0px;
   margin: 0px;
   list-style: none;
   margin-bottom: 2em;
}

ul.serverbookmark li {
   display: inline;
   padding: 0px;
   margin: 0px;
}

ul.serverbookmark li form {
   display: inline;
   padding: 0px;
   margin: 0px;
}

ul.serverbookmark li form input {
   padding: 0px;
   margin: 0px;
}

div.bookmarkhelp {
   width: 400px;
   padding-top: 10px;
   margin-bottom: 10px;
}

.theInput {
   font-size: 100%;
   font-family: verdana, helvetica, arial, sans-serif;
}

div.poweredby {
   position: absolute;
   right: 3px;
   top: 5px;
}

/* For hints&tips placed below the tables */
.hint {
   clear: both;
   color: #000000;
   background-color: #f6f6f6;
   border: 1px solid #ddd;
   padding: 10px;
   height: auto;
   width: 800px;
   margin-top: 1em;
}

.hint h3 {
   margin: 0px;
}

.bookmarkinfo {
   padding-left: 40px;
   font-style: italic;
}

.bookmarkinfo h4 {
   margin-bottom: 4px;
   padding: 0px;
}

.hideClass {
   position: absolute;
   top: 0px;
   left: 0px;
   margin: 0;
   padding: 0;
   background: white;
   text-align: center;
   width: 100%;
   opacity: .9;
   font-weight: bold;
   font-size: 1.8em;
   z-index: 1000;
}


.hideClass img {
   margin: auto;
   padding-top: 30%;
}

/**The class for all the menus*/

#top {
   clear: both;
   margin: 0px;
   margin-bottom: 0em;
   white-space: nowrap;
   z-index: 2;
}

.form-row {
   margin: 6px 0;
}

.form-row label {
   display: block;
}

.form-row label input {
   width: 13px;
   height: 13px;
   padding: 0;
   margin: 0;
   vertical-align: middle;
   position: relative;
   top: -1px;
   *overflow: hidden;
}

#top li:hover ul, li.over ul {
   display: block;
}

#top li:hover ul {
   display: block;
}

#menu li > ul {
   top: auto;
   left: auto;
}

#mainmenu {
   height: auto;
   min-height: 20px;
   list-style: none;
   padding: 0;
   margin: 0;
   line-height: 0.7em;
   display: block;
   color: #333;
}

#mainmenu li ul li span.disabled {
   color: #888;
}

#mainmenu li ul li span.disabled:hover {
   background: white;
}

a.selectedLevel, a.selectedSlice, a.selectedType, a.selectedMeas {
   background-image: url( '../images/checkmark.gif' );
   background-position: left center;
   background-repeat: no-repeat;
}

#mainmenu li {
   float: left;
   text-align: center;
   padding: 0;
   margin: 0;
   position: relative;
   border: 1px solid #999;
}

#mainmenu li a,
#mainmenu li span {
   display: block;
   margin: 0px;
   white-space: nowrap;
   text-decoration: none;
   text-align: left;
   font-size: 11px;
   color: #333;
   float: none;
   position: relative;
   padding: 5px 25px 5px 5px;
}

#mainmenu li a.combolink {
   background-image: url( '../images/menuarrow.gif' );
   background-position: right center;
   background-repeat: no-repeat;
   cursor: pointer;
}

span.sliceselection,
#mainmenu li a span.sliceselection {
   padding: 0px;
   margin: 0px;
   display: inline;
   font-weight: normal;
}

#mainmenu li span.movingcelllayer,
#mainmenu li span.layerlabel,
#mainmenu li span.mouseoverlayer {
   background-image: url( '../images/grip.png' );
   background-repeat: repeat;
   width: 10px;
   font-size: 10px;
   padding-left: 0px;
   padding-right: 0px;
   margin: 0px;
   border: none;
   padding-bottom: 0px;
   margin-right: 2px;
   display: block;
   float: left;
   cursor: move;
   z-index: 2;
   white-space: nowrap;
}

span.layerlabel {
   line-height: 10px;
}

div.layerlabel {
   z-index: 2;
   width: auto;
   padding: 1px 4px 1px 4px;
   margin: 0px;
   color: black;
   font-size: 11px;
   position: relative;
   border: 1px solid black;
   background-position: right center;
   background-repeat: repeat-y;
   background-color: white;
}

div.layerlabel span.sliceselection {
   margin-left: 3px;
}

#mainmenu li.toppop {
   visibility: visible;
   margin: 0 1.5em .5em 0;
}

#mainmenu li.toppop:hover ul {
   display: block;
}

#mainmenu li.hiddencombo {
   visibility: hidden;
}

#mainmenu li.hiddencombo span {
   display: none;
}

#mainmenu li ul > li {
   position: relative;
}

#mainmenu li:hover > ul {
   visibility: visible;
}

#mainmenu li ul {
   z-index: 3;
   display: block;
   margin-top: -1.5em;
   background-color: white;
   border: 1px solid #888;
   padding: 0px;
   margin: 0px;
   padding-right: 0px;
   padding-left: 0px;
   min-width: 200px;
   position: absolute;
   margin-left: -1px;
   list-style: none;
   left: 0px;
   float: none;
   visibility: hidden;
}

#mainmenu.jai li ul li > ul {
   visibility: hidden;
}

#mainmenu.jai li ul li:hover > ul {
   visibility: visible;
}

#mainmenu li ul li {
   margin-right: 0px;
   padding: 0px;
   background-image: none;
   min-width: 200px;
   width: 100%;
   border: none;
   display: block;
   float: none;
   clear: both;
}

#mainmenu li ul li ul {
   margin-top: -1.5em;
   left: 100%;
}

#mainmenu li ul li.parentmenu {
   background-image: url( '../images/right.gif' );
   background-position: right center;
   background-repeat: no-repeat;
}

#mainmenu li ul li a,
#mainmenu li ul li span {
   padding-right: 0px;
   position: relative;
   border: none;
   display: block;
   padding-left: 15px;
   float: none; /* Works around bug in Firefox 1.0.7 */
   min-width: 185px;
   line-height: 0.7em;
}

#mainmenu li ul li:hover {
   background-color: #eee;
}

hr.menuseparator {
   width: 100%;
   margin: 0px;
   padding: 0px;
   color: #aaa;
   border: none;
   border-top: solid 1px #aaa;
   background-color: #aaa;
   margin-left: -15px;
   height: 0px;
   font-size: 0px; /* Works around bug in Firefox 1.0.7 */
   min-width: 200px;
}

table.matrix {
   clear: both;
}

div#tableinfo {
   clear: both;
}

div#colorschememenu {
   position: relative;
   border: 1px solid black;
   height: 2em;
   min-width: 100px;
   display: inline;
   padding: 3px;
   padding-left: 5px;
   padding-right: 20px;
   background-color: white;
   background-image: url( '../images/menuarrow.gif' );
   background-position: right center;
   background-repeat: no-repeat;
   cursor: pointer;
   top: 4px;
}

div#colorschememenu span {
   background-position: left center;
   background-repeat: no-repeat;
   padding-left: 15px;
}

div#colorschememenu ul {
   z-index: 3;
   display: block;
   background-color: white;
   border: 1px solid black;
   padding: 0px;
   margin: 0px;
   padding-right: 0px;
   padding-left: 0px;
   min-width: 100px;
   position: absolute;
   margin-left: -1px;
   list-style: none;
   left: 0px;
   top: 1.5em;
   float: none;
   visibility: hidden;
}

div#colorschememenu:hover ul {
   visibility: visible;
}

div#colorschememenu ul li a {
   padding-right: 0px;
   position: relative;
   border: none;
   display: block;
   text-decoration: none;
   float: none; /* Works around bug in Firefox 1.0.7 */
   min-width: 100px;
   padding: 3px;
   padding-left: 5px;
}

div#colorschememenu ul li a:hover {
   background: #eee;
}

div#colorschememenu ul li {
   margin-right: 0px;
   padding: 0px;
   background-image: none;
   min-width: 100px;
   width: 100%;
   border: none;
   display: block;
   float: none;
   clear: both;
}

div#colorschememenu img {
   margin-right: 5px;
   vertical-align: middle;
   border: 1px solid #aab;
}

/* Maps */
div.mapping {
   clear: both;
   width: 1050px;
}

#mapdiv {
   padding: 0px;
   position: relative;
   float: left;
   z-index: 1;
}

#mapdiv p {
   margin: 0px;
   padding: 0px;
   margin-right: 1em;
   position: absolute;
}

#reset {
   position: absolute;
   right: 20px;
   display: none;
}

#reset img {
   border: none;
}

#mapImage {
   float: left;
   position: relative;
   border: 1px solid #aab;
   background-position: top left;
   background-repeat: no-repeat;
   margin-right: 1em;
   margin-bottom: 1em;
   /*
   -moz-transition: background 0.5s linear;
   -webkit-transition: background  0.5s linear;
   -o-transition: background  0.5s linear;
   transition: background  0.5s linear;
   */
}

.mapMessageBox {
   background-color: black;
   padding: 0.5em 2em;
   opacity: 0.8;
   color: white;
   position: absolute;
   bottom: 0px;
   left: 0;
   right: 0;
   min-height: 30px;
   line-height: 36px;
   display: none;
   z-index: 10;
}

.mapMessageBox span {
   margin-left: 10px
}

#mapLoadingTimeoutIndicator, #genericMapErrorIndicator {
   background-color: #600;
   margin-bottom: 1em;
   /*
   -moz-transition: background 0.5s linear;
   -webkit-transition: background  0.5s linear;
   -o-transition: background  0.5s linear;
   transition: background  0.5s linear;
   */
}

.mapMessageBox {
   background-color: black;
   padding: 0.5em 2em;
   opacity: 0.8;
   color: white;
   position: absolute;
   bottom: 0px;
   left: 0;
   right: 0;
   min-height: 30px;
   line-height: 36px;
   display: none;
   z-index: 10;
}

.mapMessageBox span {
   margin-left: 10px
}

#mapLoadingTimeoutIndicator, #genericMapErrorIndicator {
   background-color: #600;
}

#tempMapImage {
   position: absolute;
   left: 0;
   top: 0;
   padding: 1px;
   margin: 0px;
   z-index: 0;
   display: none;
}

#rubberBand {
   border: 2px solid black !important;
   background-image: url( '../images/rubberbandbackground.png' );
   z-index: 2;
}

#wmsPanInstructions {
   display: none;
}

#sidebar {
   display: none;
   width: 150px;
   float: left;
   margin: auto;
}

#sidebar hr {
   height: 1px;
   background-color: #888;
   color: #888;
   border: none;
   width: 50%;
   margin-top: 1em;
   margin-bottom: 1em;
}

form#categories {
   padding: 0px;
   margin: 0px;
}

div#legend {
   padding: 1em;
   border: 1px solid #aab;
   background: #fff;
   margin-bottom: 1em;
   font-size: 90%;
}

div#legend div {
   margin: 0px;
   margin-bottom: 0.5em;
   border: none;
   border-left: 2ex solid;
   padding-left: 1em;
}

ul#legendlist {
   list-style-type: none;
   margin-left: 0px;
   padding: 0px;
}

#imgLoader {
   display: none;
}

ul#nonthematiclegendlist {
   list-style-type: none;
   margin-left: 0px;
   padding: 0px;
}

span.wordcnp {
   border: none;
   padding-left: 1em;
   padding-right: 1em;
   margin-right: 1em;
   font-family: mono;
   display: none;
}

div#legend h3, h3#layersheader {
   font-size: 12px;
   text-align: center;
   margin: 0 0 0.5em 0;
   padding: 0;
}

#legend ul li span {
   border: none; 
   padding-left: 0px;	
   white-space: nowrap;
}

#legend ul li img {
   margin-right: 1em;
   vertical-align: middle;	
}

div#tooltipdiv {
   background: #ff9;
   color: black;
   border: 1px solid black;
   padding: 2px;
   z-index: 2;
   margin-left: 13px;
}

div.controls ul {
   list-style-type: none;
   margin-left: 0px;
   padding: 0px;
}

ul.numCategoriesList {
   margin: 0px;
   margin: auto;
   padding: 0px;
   list-style-type: none;
   white-space: nowrap;
}

ul.numCategoriesList li {
   display: inline;
   padding: 0px;
   margin: 0px;
}

ul.numCategoriesList li label {
   padding: 0px;
   margin: 0px;
}

ul.numCategoriesList li label img {
   padding: 0px;
   margin: 0px;
}

ul.numCategoriesList li input {
   display: none;
}

ul.classification {
   list-style-type: none;
   margin-left: 0px;
   padding: 0px;
   margin-top: 1em;
}

ul.classification li {
   margin-left: 0px;
   padding-left: 0px;
   margin-bottom: 0.5em;
}

ul.classification li input {
   display: none;
}

ul.classification li label {
   color: #555;
   white-space: nowrap;
}

ul.classification li label.selected {
   color: black;
}

ul.classification li label img {
   vertical-align: middle;
   display: inline;
}

ul.labels {
   list-style-type: none;
   margin-left: 0px;
   padding: 0px;
   margin-top: 2em;
}

ul.labels li {
   margin-left: 0px;
   padding-left: 0px;
   margin-bottom: 0.5em;
}

ul.labels li input {
   display: none;
}

ul.labels li label {
   color: #555;
   white-space: nowrap;
}

ul.labels li label.selected {
   color: black;
}

ul.labels li label img {
   vertical-align: middle;
   display: inline;
}

ul.layers li {
   margin-bottom: 3px;
   white-space: nowrap;
}

ul.layers li.toggle-all-layers {
   border-bottom: 1px dotted #D3D3D3;
}

ul.layers li.hidden {
    display: none;
}

ul.layers label {
   margin-bottom: 2px;
   position: relative;
   bottom: 2px;
   left: 4px;
}

div.mapAbstract {
   width: 820px;
   font-size: 80%;
   color: #888;
   text-align: right;
   margin-right: 1em;
}

#referer {
   margin: 0;
   padding: 0;
   padding-right: 18px;
   float: right;
}

/* Login template */
#login fieldset {
   border: none;
   padding: 2em;
   width: 290px;
}

#login .loginelement {
   margin: 0;
   padding: 0;
   line-height: 22px;
   clear: both;
   text-align: right;
}

#login .failedlogin {
   color: #ed2326;
}

#login p, #login label {
   color: #000;
   font-size: 11px;
}

#login label, #login input {
   margin-bottom: 8px;
}

#login label {
   font-weight: bold;
   margin: 0 1em 0 0;
   padding: 0;
   width: 90px;
   float: left;
   text-align: right;
}

#login .textfield {
   width: 170px;
}

#login h2, #login h3 {
   color: #666;
   font-weight: bold;
}
#login h2 {
   font-size: 14px;
}
#login h3 {
   font-size: 11px;
}

#login p.loginfail, #login p.replay{
   color: red;
   font-weight: bold;
}

.minWidth{
   min-width:40px;
}

.small {
   font-size: 8pt;
   padding: 2px;
   margin-left: 4px;
}

.button_margin {
   margin-right: 1em;
}

.formbutton {
   vertical-align: top;
   padding-right: 4px;
}

.button_top_margin {
   margin-top: 10px;
}

.buttonpadder {
   text-align: right;
   clear: both;
}

#login button {
   font-size: 120%;
}

.unregistered {
   margin-top: 2em;
   padding-top: .3em;
   border-top: 1px solid #DEDEDE;
}

ul.variableActions {
   list-style: none;
   margin: 0px;
   padding: 0px;
   margin-top: 1em;
   margin-bottom: 1em;
}

ul.variableActions li {
   background-image: url( '../images/shoppingcart-right.png' );
   height: 39px;
   font-size: 12px;
   width: 22em;
   background-position: top right;
   background-repeat: no-repeat;
   margin: 0px;
   padding: 0px;
   padding-right: 10px;
}

ul.variableActions li a {
   background-image: url( '../images/shoppingcart-left.png' );
   padding-left: 25px;
   padding-top: 12px;
   white-space: nowrap;
   color: #777;
   font-weight: bold;
   text-decoration: none;
   display: block;
   background-position: top left;
   background-repeat: no-repeat;
   height: 38px;
}

span.searchHighlight0 {
   background-color: #ff6;
   color: black;
   padding: 0px;
   margin: 0px;
   display: inline;
}

span.searchHighlight1 {
   background-color: #aff;
   color: black;
   padding: 0px;
   margin: 0px;
   display: inline;
}

span.searchHighlight2 {
   background-color: #9f9;
   color: black;
   padding: 0px;
   margin: 0px;
   display: inline;
}

span.searchHighlight3 {
   background-color: #f99;
   color: white;
   padding: 0px;
   margin: 0px;
   display: inline;
}

span.searchHighlight4 {
   background-color: #f6f;
   color: black;
   padding: 0px;
   margin: 0px;
   display: inline;
}

label {
   cursor: pointer;
   font-size: 9pt;
}

#diagram img {
   border: none;
}


/* Spider */
form#spiderlabelform {
   text-align: center;
}

/****************************
**
** Start feedback form
**
**
*****************************/

#feedback a {
}

#feedbackform {
   text-align: left;
   padding: 20px;
}

#feedbackform input, #feedbackform textarea, #feedbackform label {
   display: block;
   margin-bottom: 6px;
   font-family: verdana, helvetica, arial, sans-serif;
}

#email {
	width: 100%;
	padding: 2px;
}

#feedbackform .button {
	display: inline;
}

#feedbackform div.close {
   position: absolute;
   top: 0px;
   right: 0px;
}

div.close a img {
   border: none;
}

#feedbackform textarea {
   height: 10em;
   width: 25em;
}

#feedbackform label {
   margin-bottom: 4px;
}

#feedbackform p {
   margin-top: 0px;
   padding: 0px;
   color: #000;
   font-family: verdana, helvetica, arial, sans-serif;
   line-height: 150%;
}

a.email {
   float: right;
   font-weight: bold;
   padding-right: 18px;
   padding-left: 4px;
   color: #666;
   text-transform: uppercase;
   text-decoration: none;
   font-size: 10pt;
}

a.email:hover {
	text-decoration: underline;
}

/****************************
**
** End feedback form
**
**
*****************************/

/**********************
**
** Embedding
**
*****************************/
#embeddingcontainer {
    margin: 10px 14px 10px 10px;
}

#advancedembedding td, #advancedembedding label {
   font-size: 11px !important;
}

#simpleembedding {
   margin: 10px auto 0 auto;
   width: 396px;
}

fieldset#advancedembedding {
    border: 1px solid #B3C0CD;
    width: 396px;
    margin: 0 auto;
    padding: 5px;
}
#advancedembedding legend {
    background-color: #EFEFEF; /* hopefully fixes IE-bug letting fieldset frame bleed through */
}

#advancedembedding legend, #advancedembedding h3 {
    font-size: 13px;
    font-weight: bold;
}

#advancedembedding h3 {
    margin: 1em 0 .3em 0;
    padding: 0;
}

#advancedembedding div.col {
    float: left;
    width: 46%;
    position: relative;
    margin: .8em 6px 0 6px;
    padding: 0;
}

#advancedembedding .element {
    margin: .2em;
    padding-bottom: 0;
}

#advancedembedding .sub {
    padding-left: .4em;
}

#advancedembedding .disabled {
    font-style: italic;
    color: #ccc;
}

input.code, input.number {
    border: 1px solid #B3C0CD;
    padding: 3px;
    margin: 0;
}

input.code {
    width: 398px;
}

input.number {
    width: 30px;
}

input.number:focus {
    border-color: #888;
}

div.output {
    margin: .8em 0;
    padding: 0;
    text-align: center;
}

div.link {
    text-align: center;
    padding: 1em 0;
}

div.link a {
    display: inline;
    margin: 0 20px;
}

#embedPreviewContents {
    margin: 18px;
    border: none;
}

.creationdate {
   font-size: 7pt;
   font-weight: bold;
   color: #B3C0CD;
   text-transform: uppercase;
}

.openorig {
   padding: 2px;
 	background-color:#eee;
 	border: 1px solid #bbb;
 	color:#888;
	width: 110px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 7pt;
	margin-top: 5px;
}

.openorig:visited {
	color: #888;
}
.openorig:link {
   color: #888;
}
.updated {
   padding-bottom: 6px;
   margin-left: 2px;
   width: 100%;
}

/**
Styles for hiding the navigation tree
*/
#navhide {
	position: fixed;
	top: 50%;
	left: 0;
	width: 8px;
	height: 50px;
	background-color: transparent;
	line-height: 50px;
	text-decoration: none;
   z-index: 10001;
}

#navhide img {
	border: 0;
}

.navigationvisible {
	background: transparent url(../images/nav_hide.png) no-repeat top left;
}

.navigationvisible:hover {
	background-image: url(../images/nav_hide_hover.png);
}

.navigationhidden {
	background: transparent url(../images/nav_show.png) no-repeat top left;
}

.navigationhidden:hover {
	background-image: url(../images/nav_show_hover.png);
}

/* bookmark dialog */
#bookmarkDialog h2 {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	float: left;
	margin: 0;
}

#bookmarkDialog h2, #bookmarkDialog span, #bookmarkDialog label {
	color: #000;
	margin-bottom: 0;
}

#bookmarkDialog span {
	margin-left: 8px;
}

#bookmarkDialog input, #bookmarkDialog textarea {
	clear: both;
	width: 100%;
	color: #666;
}

#bookmarkDialog .bd, #emailDialog .bd, #embedDialog .bd {
	padding: 0 !important;
	font-family: verdana, arial, sans-serif;
}

div#embedDialog, div#bookmarkDialog {
   display: none;
   background-color: #efefef;
}

#urlpane, #embedpane, #serversidebookmarkpane {
	width: 300px;
	margin: 0;
	border-bottom: 1px solid #aaa;
}

#urlpane, #embedpane {
	height: 50px;
	padding: 6px 12px;
}

#serversidebookmarkpane {
	height: 229px;
	padding: 6px 12px;
	line-height: 10px;
}

#serversidebookmarkpane h2 {
	float: none;
}

#serversidebookmarkpane p {
	margin: 4px 0;
}

#serversidebookmarkpane label {
	display: block;
	margin: 8px 0 2px 0;
   font-size: 1em;
}

#serversidebookmarkpane textarea {
	width: 100%;
}

#serversidebookmarkpane button {
	margin-top: 6px;
}

#serversidebookmarkcontent {
	padding-top: 12px;
}

#bookmarkDialog a {
	text-decoration: none;
}

#bookmarkDialog a img {
	border: none;
}

#advancedLink {
	display: block;
	text-align: right;
}

#togglearrow {
	background-image: url(../images/togglearrow.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}

.toggleright {
	background-position: 0 2px;
}

.toggledown {
	background-position: 0 -9px;
}

/** subset */
table.categorysubset {
	width: 100%;
	font-size: 8pt;
}

table.categorysubset tr.selected {
	background-color: #E0E1E1;
}

table.categorysubset td {
	padding: 2px 4px;
}

table.categorysubset:hover{
   cursor:pointer;
}

.indicatorlink:hover {
   cursor: pointer;
}

#inlinePopupContents, #inlinePopupContents html, #inlinePopupContents body {
	/*margin-left: -1px;*/
	margin: 0;
	padding: 0;
   border: none;
}

#inlinePopupContents {
    width: 100%;
}

.linkcategory img {
	border: none;
	position: relative;
	top: 2px;
	padding-left: 1px;
}

#drop {
	margin-left: -19px;
	margin-bottom: 10px;
	border: none;
}

.highlight-dropzone fieldset.collapsable>div {
	background: transparent;
}

fieldset.collapsable {	
	border: none;
	padding: 0px;	
	margin: 0px;
}

fieldset.collapsable>div {
   padding-top: 1.5em;
   padding-bottom: 1.5em;
   padding-left: 18px;
   padding-right: 18px;   
   background: #fcfcfc;
   -moz-box-shadow: inset 0px -5px 5px -5px #aaa, inset 0px 5px 5px -5px #aaa;
   -webkit-box-shadow: inset 0px -5px 5px -5px #aaa, inset 0px 5px 5px -5px #aaa;
   box-shadow: inset 0px -5px 5px -5px #aaa, inset 0px 5px 5px -5px #aaa;
   display: none; /* Initially hidden, exposed by jQuery trigger */
   overflow: hidden;
}
	
fieldset.collapsable legend {	
	padding-left: 18px;
	font-size: 125%;
	cursor: pointer;	
}

fieldset.collapsable legend a {
	padding: 0 0 0 18px;
	text-decoration: none;
	background-image: url(../images/showhidesprite.png);
   background-position: 0 2px;
   background-repeat: no-repeat;   
   font-size: 90%
}

fieldset.collapsable button { 
   cursor: pointer;
}

fieldset.collapsable button.selected {
   color: #006ECF;
}

fieldset.collapsable legend:hover {
	background-color: #eee;
}

fieldset.collapsable legend.expanded a {
   background-position: 0 -23px;
}

/**
Hack for IE6 to position the hide/show navigation button correctly.
*/
* html #navhide {
	position: absolute;
}

div#suppressionmsg{
   margin: 0 0 10px 0;
}

div.tooltipcontent {   
   display: none;
}

#tooltip.fancyDimensionDialogTooltip {
	font-size: 100%;
	 background-color: black;
	 color: white;
    border: none;
    padding: 1em;
    opacity: 0.8;
    box-shadow: 2px 2px 2px black;
    border-radius: 0.5em;
}

#tooltip.fancyDimensionDialogTooltip h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 0px;
   margin-bottom: 0.5em;
}

   /**
   Hack for IE6 to position the hide/show navigation button correctly.
    */
* html #navhide {
   position: absolute;
}

div#suppressionmsg{
   margin: 0 0 10px 0;
}

div.mapping div.controls div.bd {
   margin: 1em;
}

div#mapcontrolpanel {
   width: 270px;
}

div#mapcontrolpanel .bd {
   overflow-y: auto;
   overflow-x: hidden;
}

button.map-button {
   position: absolute;
   right: 20px;
   padding: 7px 10px 5px 10px;
}

button.map-button img {
   width: 15px;
}

button.map-button span {
   float: right;
   margin-left: 5px;
}

button#settings {
   top: 20px;   
   z-index: 10;
}

button#reset {
   bottom: 20px;
   z-index: 10;
}

label.sprite {
   height: 19px;
   padding-left: 22px;
   overflow: hidden;
   background-position: 0px -3px;
   background-repeat: no-repeat;
}

label#equal-interval {   
   background-image: url('../images/equal-interval.png');
}

label#equal-groups {
   background-image: url('../images/equal-groups.png');
}

label#show-labels {
   background-image: url('../images/show-labels.png');
}

label#show-values {
   background-image: url('../images/show-values.png');
}

#mapcontrolpanel label.selected {
   background-position: 0px -21px !important;
}

div.header {
   z-index: 2;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   padding: 0px;
   margin: 0px;
   height: 22px;
}

div#topstrip tr.mainmenu {
   background: transparent url('../images/menu/forlopning.jpg') repeat-x top left;
}

div.headersub {
   height: 30px;
}

div.headerTree {
   border-bottom: solid 3px #b2b2b2;
   position: fixed;
   top: 0;
   left: 0;
   background-color: #e6e7e8;
   z-index: 2;
   width: 100%;
   padding: 0px;
   margin: 0px;
   height: 22px;   
}

div.mozview {
   margin-top: 33px;
}

div.mozviewanalysis{
   margin-top: 55px;
}

#categoriesslider {
   width: 90%;
   margin: 0 auto;
}

.relative {
   position: relative;
}

.vertical-middle {
   position: absolute;
   top: 40%;
}