/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display:none;
}

.ui-helper-hidden-accessible {
position:absolute;
left:-99999999px;
}

.ui-helper-reset {
margin:0;
padding:0;
border:0;
outline:0;
line-height:1.3;
text-decoration:none;
font-size:100%;
list-style:none;
}

.ui-helper-clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.ui-helper-clearfix {
display:inline-block;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
height:1%;
}

.ui-helper-clearfix {
display:block;
}

/* end clearfix */
.ui-helper-zfix {
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
opacity:0;
filter:Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor:default!important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display:block;
text-indent:-99999px;
overflow:hidden;
background-repeat:no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=2191c0&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=75&borderColorHeader=4297d7&fcHeader=eaf5f7&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=0078ae&bgColorDefault=0078ae&bgTextureDefault=02_glass.png&bgImgOpacityDefault=45&borderColorDefault=77d5f7&fcDefault=ffffff&iconColorDefault=e0fdff&bgColorHover=79c9ec&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=448dae&fcHover=026890&iconColorHover=056b93&bgColorActive=6eac2c&bgTextureActive=12_gloss_wave.png&bgImgOpacityActive=50&borderColorActive=acdd4a&fcActive=ffffff&iconColorActive=f5e175&bgColorHighlight=f8da4e&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcd113&fcHighlight=915608&iconColorHighlight=f7a50d&bgColorError=e14f1c&bgTextureError=12_gloss_wave.png&bgImgOpacityError=45&borderColorError=cd0a0a&fcError=ffffff&iconColorError=fcd113&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=999999&bgTextureShadow=01_flat.png&bgImgOpacityShadow=55&opacityShadow=45&thicknessShadow=0px&offsetTopShadow=5px&offsetLeftShadow=5px&cornerRadiusShadow=5px
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family:Verdana,Arial,sans-serif;
font-size:1.1em;
}

.ui-widget .ui-widget {
font-size:1em;
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
font-family:Verdana,Arial,sans-serif;
font-size:1em;
}

.ui-widget-content {
border:1px solid #a6c9e2;
background:#fcfdfd url(jquery-ui-1.8.custom.css_assets/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
color:#222;
}

.ui-widget-content a {
color:#222;
}

.ui-widget-header {
border:1px solid #4297d7;
background:#2191c0 url(jquery-ui-1.8.custom.css_assets/ui-bg_gloss-wave_75_2191c0_500x100.png) 50% 50% repeat-x;
color:#eaf5f7;
font-weight:700;
}

.ui-widget-header a {
color:#eaf5f7;
}

/* Interaction states
----------------------------------*/
.ui-state-default,.ui-widget-content .ui-state-default {
border:1px solid #77d5f7;
background:#0078ae url(jquery-ui-1.8.custom.css_assets/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x;
font-weight:400;
color:#fff;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
color:#fff;
text-decoration:none;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus {
border:1px solid #448dae;
background:#79c9ec url(jquery-ui-1.8.custom.css_assets/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;
font-weight:400;
color:#026890;
}

.ui-state-hover a,.ui-state-hover a:hover {
color:#026890;
text-decoration:none;
}

.ui-state-active,.ui-widget-content .ui-state-active {
border:1px solid #acdd4a;
background:#6eac2c url(jquery-ui-1.8.custom.css_assets/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x;
font-weight:400;
color:#fff;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
color:#fff;
text-decoration:none;
}

.ui-widget :active {
outline:none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,.ui-widget-content .ui-state-highlight {
border:1px solid #fcd113;
background:#f8da4e url(jquery-ui-1.8.custom.css_assets/ui-bg_glass_55_f8da4e_1x400.png) 50% 50% repeat-x;
color:#915608;
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a {
color:#915608;
}

.ui-state-error,.ui-widget-content .ui-state-error {
border:1px solid #cd0a0a;
background:#e14f1c url(jquery-ui-1.8.custom.css_assets/ui-bg_gloss-wave_45_e14f1c_500x100.png) 50% top repeat-x;
color:#fff;
}

.ui-state-error a,.ui-widget-content .ui-state-error a {
color:#fff;
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text {
color:#fff;
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary {
font-weight:700;
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary {
opacity:.7;
filter:Alpha(Opacity=70);
font-weight:400;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled {
opacity:.35;
filter:Alpha(Opacity=35);
background-image:none;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width:16px;
height:16px;
background-image:url(jquery-ui-1.8.custom.css_assets/ui-icons_0078ae_256x240.png);
}

.ui-widget-content .ui-icon {
background-image:url(jquery-ui-1.8.custom.css_assets/ui-icons_0078ae_256x240.png);
}

.ui-widget-header .ui-icon {
background-image:url(jquery-ui-1.8.custom.css_assets/ui-icons_d8e7f3_256x240.png);
}

.ui-state-default .ui-icon {
background-image:url(jquery-ui-1.8.custom.css_assets/ui-icons_e0fdff_256x240.png);
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
background-image:url(jquery-ui-1.8.custom.css_assets/ui-icons_056b93_256x240.png);
}

.ui-state-active .ui-icon {
background-image:url(jquery-ui-1.8.custom.css_assets/ui-icons_f5e175_256x240.png);
}

.ui-state-highlight .ui-icon {
background-image:url(jquery-ui-1.8.custom.css_assets/ui-icons_f7a50d_256x240.png);
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
background-image:url(jquery-ui-1.8.custom.css_assets/ui-icons_fcd113_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
background-position:0 0;
}

.ui-icon-carat-1-ne {
background-position:-16px 0;
}

.ui-icon-carat-1-e {
background-position:-32px 0;
}

.ui-icon-carat-1-se {
background-position:-48px 0;
}

.ui-icon-carat-1-s {
background-position:-64px 0;
}

.ui-icon-carat-1-sw {
background-position:-80px 0;
}

.ui-icon-carat-1-w {
background-position:-96px 0;
}

.ui-icon-carat-1-nw {
background-position:-112px 0;
}

.ui-icon-carat-2-n-s {
background-position:-128px 0;
}

.ui-icon-carat-2-e-w {
background-position:-144px 0;
}

.ui-icon-triangle-1-n {
background-position:0 -16px;
}

.ui-icon-triangle-1-ne {
background-position:-16px -16px;
}

.ui-icon-triangle-1-e {
background-position:-32px -16px;
}

.ui-icon-triangle-1-se {
background-position:-48px -16px;
}

.ui-icon-triangle-1-s {
background-position:-64px -16px;
}

.ui-icon-triangle-1-sw {
background-position:-80px -16px;
}

.ui-icon-triangle-1-w {
background-position:-96px -16px;
}

.ui-icon-triangle-1-nw {
background-position:-112px -16px;
}

.ui-icon-triangle-2-n-s {
background-position:-128px -16px;
}

.ui-icon-triangle-2-e-w {
background-position:-144px -16px;
}

.ui-icon-arrow-1-n {
background-position:0 -32px;
}

.ui-icon-arrow-1-ne {
background-position:-16px -32px;
}

.ui-icon-arrow-1-e {
background-position:-32px -32px;
}

.ui-icon-arrow-1-se {
background-position:-48px -32px;
}

.ui-icon-arrow-1-s {
background-position:-64px -32px;
}

.ui-icon-arrow-1-sw {
background-position:-80px -32px;
}

.ui-icon-arrow-1-w {
background-position:-96px -32px;
}

.ui-icon-arrow-1-nw {
background-position:-112px -32px;
}

.ui-icon-arrow-2-n-s {
background-position:-128px -32px;
}

.ui-icon-arrow-2-ne-sw {
background-position:-144px -32px;
}

.ui-icon-arrow-2-e-w {
background-position:-160px -32px;
}

.ui-icon-arrow-2-se-nw {
background-position:-176px -32px;
}

.ui-icon-arrowstop-1-n {
background-position:-192px -32px;
}

.ui-icon-arrowstop-1-e {
background-position:-208px -32px;
}

.ui-icon-arrowstop-1-s {
background-position:-224px -32px;
}

.ui-icon-arrowstop-1-w {
background-position:-240px -32px;
}

.ui-icon-arrowthick-1-n {
background-position:0 -48px;
}

.ui-icon-arrowthick-1-ne {
background-position:-16px -48px;
}

.ui-icon-arrowthick-1-e {
background-position:-32px -48px;
}

.ui-icon-arrowthick-1-se {
background-position:-48px -48px;
}

.ui-icon-arrowthick-1-s {
background-position:-64px -48px;
}

.ui-icon-arrowthick-1-sw {
background-position:-80px -48px;
}

.ui-icon-arrowthick-1-w {
background-position:-96px -48px;
}

.ui-icon-arrowthick-1-nw {
background-position:-112px -48px;
}

.ui-icon-arrowthick-2-n-s {
background-position:-128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
background-position:-144px -48px;
}

.ui-icon-arrowthick-2-e-w {
background-position:-160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
background-position:-176px -48px;
}

.ui-icon-arrowthickstop-1-n {
background-position:-192px -48px;
}

.ui-icon-arrowthickstop-1-e {
background-position:-208px -48px;
}

.ui-icon-arrowthickstop-1-s {
background-position:-224px -48px;
}

.ui-icon-arrowthickstop-1-w {
background-position:-240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
background-position:0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
background-position:-16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
background-position:-32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
background-position:-48px -64px;
}

.ui-icon-arrowreturn-1-w {
background-position:-64px -64px;
}

.ui-icon-arrowreturn-1-n {
background-position:-80px -64px;
}

.ui-icon-arrowreturn-1-e {
background-position:-96px -64px;
}

.ui-icon-arrowreturn-1-s {
background-position:-112px -64px;
}

.ui-icon-arrowrefresh-1-w {
background-position:-128px -64px;
}

.ui-icon-arrowrefresh-1-n {
background-position:-144px -64px;
}

.ui-icon-arrowrefresh-1-e {
background-position:-160px -64px;
}

.ui-icon-arrowrefresh-1-s {
background-position:-176px -64px;
}

.ui-icon-arrow-4 {
background-position:0 -80px;
}

.ui-icon-arrow-4-diag {
background-position:-16px -80px;
}

.ui-icon-extlink {
background-position:-32px -80px;
}

.ui-icon-newwin {
background-position:-48px -80px;
}

.ui-icon-refresh {
background-position:-64px -80px;
}

.ui-icon-shuffle {
background-position:-80px -80px;
}

.ui-icon-transfer-e-w {
background-position:-96px -80px;
}

.ui-icon-transferthick-e-w {
background-position:-112px -80px;
}

.ui-icon-folder-collapsed {
background-position:0 -96px;
}

.ui-icon-folder-open {
background-position:-16px -96px;
}

.ui-icon-document {
background-position:-32px -96px;
}

.ui-icon-document-b {
background-position:-48px -96px;
}

.ui-icon-note {
background-position:-64px -96px;
}

.ui-icon-mail-closed {
background-position:-80px -96px;
}

.ui-icon-mail-open {
background-position:-96px -96px;
}

.ui-icon-suitcase {
background-position:-112px -96px;
}

.ui-icon-comment {
background-position:-128px -96px;
}

.ui-icon-person {
background-position:-144px -96px;
}

.ui-icon-print {
background-position:-160px -96px;
}

.ui-icon-trash {
background-position:-176px -96px;
}

.ui-icon-locked {
background-position:-192px -96px;
}

.ui-icon-unlocked {
background-position:-208px -96px;
}

.ui-icon-bookmark {
background-position:-224px -96px;
}

.ui-icon-tag {
background-position:-240px -96px;
}

.ui-icon-home {
background-position:0 -112px;
}

.ui-icon-flag {
background-position:-16px -112px;
}

.ui-icon-calendar {
background-position:-32px -112px;
}

.ui-icon-cart {
background-position:-48px -112px;
}

.ui-icon-pencil {
background-position:-64px -112px;
}

.ui-icon-clock {
background-position:-80px -112px;
}

.ui-icon-disk {
background-position:-96px -112px;
}

.ui-icon-calculator {
background-position:-112px -112px;
}

.ui-icon-zoomin {
background-position:-128px -112px;
}

.ui-icon-zoomout {
background-position:-144px -112px;
}

.ui-icon-search {
background-position:-160px -112px;
}

.ui-icon-wrench {
background-position:-176px -112px;
}

.ui-icon-gear {
background-position:-192px -112px;
}

.ui-icon-heart {
background-position:-208px -112px;
}

.ui-icon-star {
background-position:-224px -112px;
}

.ui-icon-link {
background-position:-240px -112px;
}

.ui-icon-cancel {
background-position:0 -128px;
}

.ui-icon-plus {
background-position:-16px -128px;
}

.ui-icon-plusthick {
background-position:-32px -128px;
}

.ui-icon-minus {
background-position:-48px -128px;
}

.ui-icon-minusthick {
background-position:-64px -128px;
}

.ui-icon-close {
background-position:-80px -128px;
}

.ui-icon-closethick {
background-position:-96px -128px;
}

.ui-icon-key {
background-position:-112px -128px;
}

.ui-icon-lightbulb {
background-position:-128px -128px;
}

.ui-icon-scissors {
background-position:-144px -128px;
}

.ui-icon-clipboard {
background-position:-160px -128px;
}

.ui-icon-copy {
background-position:-176px -128px;
}

.ui-icon-contact {
background-position:-192px -128px;
}

.ui-icon-image {
background-position:-208px -128px;
}

.ui-icon-video {
background-position:-224px -128px;
}

.ui-icon-script {
background-position:-240px -128px;
}

.ui-icon-alert {
background-position:0 -144px;
}

.ui-icon-info {
background-position:-16px -144px;
}

.ui-icon-notice {
background-position:-32px -144px;
}

.ui-icon-help {
background-position:-48px -144px;
}

.ui-icon-check {
background-position:-64px -144px;
}

.ui-icon-bullet {
background-position:-80px -144px;
}

.ui-icon-radio-off {
background-position:-96px -144px;
}

.ui-icon-radio-on {
background-position:-112px -144px;
}

.ui-icon-pin-w {
background-position:-128px -144px;
}

.ui-icon-pin-s {
background-position:-144px -144px;
}

.ui-icon-play {
background-position:0 -160px;
}

.ui-icon-pause {
background-position:-16px -160px;
}

.ui-icon-seek-next {
background-position:-32px -160px;
}

.ui-icon-seek-prev {
background-position:-48px -160px;
}

.ui-icon-seek-end {
background-position:-64px -160px;
}

.ui-icon-seek-start {
background-position:-80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
background-position:-80px -160px;
}

.ui-icon-stop {
background-position:-96px -160px;
}

.ui-icon-eject {
background-position:-112px -160px;
}

.ui-icon-volume-off {
background-position:-128px -160px;
}

.ui-icon-volume-on {
background-position:-144px -160px;
}

.ui-icon-power {
background-position:0 -176px;
}

.ui-icon-signal-diag {
background-position:-16px -176px;
}

.ui-icon-signal {
background-position:-32px -176px;
}

.ui-icon-battery-0 {
background-position:-48px -176px;
}

.ui-icon-battery-1 {
background-position:-64px -176px;
}

.ui-icon-battery-2 {
background-position:-80px -176px;
}

.ui-icon-battery-3 {
background-position:-96px -176px;
}

.ui-icon-circle-plus {
background-position:0 -192px;
}

.ui-icon-circle-minus {
background-position:-16px -192px;
}

.ui-icon-circle-close {
background-position:-32px -192px;
}

.ui-icon-circle-triangle-e {
background-position:-48px -192px;
}

.ui-icon-circle-triangle-s {
background-position:-64px -192px;
}

.ui-icon-circle-triangle-w {
background-position:-80px -192px;
}

.ui-icon-circle-triangle-n {
background-position:-96px -192px;
}

.ui-icon-circle-arrow-e {
background-position:-112px -192px;
}

.ui-icon-circle-arrow-s {
background-position:-128px -192px;
}

.ui-icon-circle-arrow-w {
background-position:-144px -192px;
}

.ui-icon-circle-arrow-n {
background-position:-160px -192px;
}

.ui-icon-circle-zoomin {
background-position:-176px -192px;
}

.ui-icon-circle-zoomout {
background-position:-192px -192px;
}

.ui-icon-circle-check {
background-position:-208px -192px;
}

.ui-icon-circlesmall-plus {
background-position:0 -208px;
}

.ui-icon-circlesmall-minus {
background-position:-16px -208px;
}

.ui-icon-circlesmall-close {
background-position:-32px -208px;
}

.ui-icon-squaresmall-plus {
background-position:-48px -208px;
}

.ui-icon-squaresmall-minus {
background-position:-64px -208px;
}

.ui-icon-squaresmall-close {
background-position:-80px -208px;
}

.ui-icon-grip-dotted-vertical {
background-position:0 -224px;
}

.ui-icon-grip-dotted-horizontal {
background-position:-16px -224px;
}

.ui-icon-grip-solid-vertical {
background-position:-32px -224px;
}

.ui-icon-grip-solid-horizontal {
background-position:-48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
background-position:-64px -224px;
}

.ui-icon-grip-diagonal-se {
background-position:-80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl {
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
}

.ui-corner-tr {
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;
}

.ui-corner-bl {
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
}

.ui-corner-br {
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;
}

.ui-corner-top {
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;
}

.ui-corner-bottom {
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;
}

.ui-corner-right {
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;
}

.ui-corner-left {
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
}

.ui-corner-all {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

/* Overlays */
.ui-widget-overlay {
background:#aaa url(jquery-ui-1.8.custom.css_assets/ui-bg_flat_75_aaaaaa_40x100.png);
}

.ui-widget-shadow {
margin:5px 0 0 5px;
padding:0;
background:#999 url(jquery-ui-1.8.custom.css_assets/ui-bg_flat_55_999999_40x100.png);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

/* Resizable
----------------------------------*/
.ui-resizable {
position:relative;
}

.ui-resizable-handle {
position:absolute;
font-size:.1px;
z-index:99999;
display:block;
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
display:none;
}

.ui-resizable-n {
cursor:n-resize;
height:7px;
width:100%;
top:-5px;
left:0;
}

.ui-resizable-s {
cursor:s-resize;
height:7px;
width:100%;
bottom:-5px;
left:0;
}

.ui-resizable-e {
cursor:e-resize;
width:7px;
right:-5px;
top:0;
height:100%;
}

.ui-resizable-w {
cursor:w-resize;
width:7px;
left:-5px;
top:0;
height:100%;
}

.ui-resizable-se {
cursor:se-resize;
width:12px;
height:12px;
right:1px;
bottom:1px;
}

.ui-resizable-sw {
cursor:sw-resize;
width:9px;
height:9px;
left:-5px;
bottom:-5px;
}

.ui-resizable-nw {
cursor:nw-resize;
width:9px;
height:9px;
left:-5px;
top:-5px;
}

.ui-resizable-ne {
cursor:ne-resize;
width:9px;
height:9px;
right:-5px;
top:-5px;
}

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header {
cursor:pointer;
position:relative;
margin-top:1px;
zoom:1;
}

.ui-accordion .ui-accordion-li-fix {
display:inline;
}

.ui-accordion .ui-accordion-header-active {
border-bottom:0!important;
}

.ui-accordion .ui-accordion-header a {
display:block;
font-size:1em;
padding:.5em .5em .5em .7em;
}

.ui-accordion-icons .ui-accordion-header a {
padding-left:2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
position:absolute;
left:.5em;
top:50%;
margin-top:-8px;
}

.ui-accordion .ui-accordion-content {
padding:1em 2.2em;
border-top:0;
margin-top:-2px;
position:relative;
top:1px;
margin-bottom:2px;
overflow:auto;
display:none;
zoom:1;
}

.ui-accordion .ui-accordion-content-active {
display:block;
}

/* Autocomplete
----------------------------------*/
.ui-autocomplete {
position:absolute;
cursor:default;
}

.ui-autocomplete-loading {
background:#FFF url(jquery-ui-1.8.custom.css_assets/ui-anim_basic_16x16.gif) right center no-repeat;
}

/* workarounds */
* html .ui-autocomplete {
width:1px;
}

/* without this, the menu expands to 100% in IE6 */
/* Menu
----------------------------------*/
.ui-menu {
list-style:none;
padding:2px;
margin:0;
display:block;
}

.ui-menu .ui-menu {
margin-top:-3px;
}

.ui-menu .ui-menu-item {
margin:0;
padding:0;
width:100%;
}

.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
zoom:1;
}

.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active {
margin:-1px;
}

/* Button
----------------------------------*/
.ui-button {
display:inline-block;
position:relative;
padding:0;
margin-right:.1em;
text-decoration:none!important;
cursor:pointer;
text-align:center;
zoom:1;
overflow:visible;
}

/* the overflow property removes extra width in IE */
.ui-button-icon-only {
width:2.2em;
}

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
width:2.4em;
}

/* button elements seem to need a little more width */
.ui-button-icons-only {
width:3.4em;
}

button.ui-button-icons-only {
width:3.7em;
}

/*button text element */
.ui-button .ui-button-text {
display:block;
line-height:1.4;
}

.ui-button-text-only .ui-button-text {
padding:.4em 1em;
}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
padding:.4em;
text-indent:-9999999px;
}

.ui-button-text-icon .ui-button-text,.ui-button-text-icons .ui-button-text {
padding:.4em 1em .4em 2.1em;
}

.ui-button-text-icons .ui-button-text {
padding-left:2.1em;
padding-right:2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
padding:.4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon,.ui-button-text-icon .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon {
position:absolute;
top:50%;
margin-top:-8px;
}

.ui-button-icon-only .ui-icon {
left:50%;
margin-left:-8px;
}

.ui-button-text-icon .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary {
left:.5em;
}

.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
right:.5em;
}

/*button sets*/
.ui-buttonset {
margin-right:7px;
}

.ui-buttonset .ui-button {
margin-left:0;
margin-right:-.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
border:0;
padding:0;
}

/* reset extra padding in Firefox */
/* Dialog
----------------------------------*/
.ui-dialog {
position:absolute;
padding:.2em;
width:300px;
overflow:hidden;
}

.ui-dialog .ui-dialog-titlebar {
padding:.5em 1em .3em;
position:relative;
}

.ui-dialog .ui-dialog-title {
float:left;
margin:.1em 16px .2em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
position:absolute;
right:.3em;
top:50%;
width:19px;
margin:-10px 0 0;
padding:1px;
height:18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
display:block;
margin:1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus {
padding:0;
}

.ui-dialog .ui-dialog-content {
border:0;
padding:.5em 1em;
background:none;
overflow:auto;
zoom:1;
}

.ui-dialog .ui-dialog-buttonpane {
text-align:left;
border-width:1px 0 0;
background-image:none;
margin:.5em 0 0;
padding:.3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane button {
float:right;
margin:.5em .4em .5em 0;
cursor:pointer;
padding:.2em .6em .3em;
line-height:1.4em;
width:auto;
overflow:visible;
}

.ui-dialog .ui-resizable-se {
width:14px;
height:14px;
right:3px;
bottom:3px;
}

.ui-draggable .ui-dialog-titlebar {
cursor:move;
}

/* Slider
----------------------------------*/
.ui-slider {
position:relative;
text-align:left;
}

.ui-slider .ui-slider-handle {
position:absolute;
z-index:2;
width:1.2em;
height:1.2em;
cursor:default;
}

.ui-slider .ui-slider-range {
position:absolute;
z-index:1;
font-size:.7em;
display:block;
border:0;
background-position:0 0;
}

.ui-slider-horizontal {
height:.8em;
}

.ui-slider-horizontal .ui-slider-handle {
top:-.3em;
margin-left:-.6em;
}

.ui-slider-horizontal .ui-slider-range {
top:0;
height:100%;
}

.ui-slider-horizontal .ui-slider-range-min {
left:0;
}

.ui-slider-horizontal .ui-slider-range-max {
right:0;
}

.ui-slider-vertical {
width:.8em;
height:100px;
}

.ui-slider-vertical .ui-slider-handle {
left:-.3em;
margin-left:0;
margin-bottom:-.6em;
}

.ui-slider-vertical .ui-slider-range {
left:0;
width:100%;
}

.ui-slider-vertical .ui-slider-range-min {
bottom:0;
}

.ui-slider-vertical .ui-slider-range-max {
top:0;
}

/* Tabs
----------------------------------*/
.ui-tabs {
position:relative;
padding:.2em;
zoom:1;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
margin:0;
padding:.2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
list-style:none;
float:left;
position:relative;
top:1px;
margin:0 .2em 1px 0;
border-bottom:0!important;
padding:0;
white-space:nowrap;
}

.ui-tabs .ui-tabs-nav li a {
float:left;
padding:.5em 1em;
text-decoration:none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom:0;
padding-bottom:1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor:text;
}

.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor:pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
display:block;
border:0;
padding:1em 1.4em;
background:none;
}

.ui-tabs .ui-tabs-hide {
display:none!important;
}

/* Datepicker
----------------------------------*/
.ui-datepicker {
width:17em;
padding:.2em .2em 0;
}

.ui-datepicker .ui-datepicker-header {
position:relative;
padding:.2em 0;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
position:absolute;
top:2px;
width:1.8em;
height:1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
top:1px;
}

.ui-datepicker .ui-datepicker-prev {
left:2px;
}

.ui-datepicker .ui-datepicker-next {
right:2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
left:1px;
}

.ui-datepicker .ui-datepicker-next-hover {
right:1px;
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
display:block;
position:absolute;
left:50%;
margin-left:-8px;
top:50%;
margin-top:-8px;
}

.ui-datepicker .ui-datepicker-title {
margin:0 2.3em;
line-height:1.8em;
text-align:center;
}

.ui-datepicker .ui-datepicker-title select {
font-size:1em;
margin:1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
width:100%;
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
width:49%;
}

.ui-datepicker table {
width:100%;
font-size:.9em;
border-collapse:collapse;
margin:0 0 .4em;
}

.ui-datepicker th {
padding:.7em .3em;
text-align:center;
font-weight:700;
border:0;
}

.ui-datepicker td {
border:0;
padding:1px;
}

.ui-datepicker td span,.ui-datepicker td a {
display:block;
padding:.2em;
text-align:right;
text-decoration:none;
}

.ui-datepicker .ui-datepicker-buttonpane {
background-image:none;
margin:.7em 0 0;
padding:0 .2em;
border-left:0;
border-right:0;
border-bottom:0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
float:right;
margin:.5em .2em .4em;
cursor:pointer;
padding:.2em .6em .3em;
width:auto;
overflow:visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float:left;
}

#ui-datepicker-div {
z-index:10;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width:auto;
}

.ui-datepicker-multi .ui-datepicker-group {
float:left;
}

.ui-datepicker-multi .ui-datepicker-group table {
width:95%;
margin:0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
width:50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
width:33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
width:25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width:0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width:0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
clear:left;
}

.ui-datepicker-row-break {
clear:both;
width:100%;
}

/* RTL support */
.ui-datepicker-rtl {
direction:rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
right:2px;
left:auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
left:2px;
right:auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
right:1px;
left:auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
left:1px;
right:auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear:right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float:left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float:right;
}

.ui-datepicker-rtl .ui-datepicker-group {
float:right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width:0;
border-left-width:1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width:0;
border-left-width:1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display:none;
/*sorry for IE5*/
display:block;
/*sorry for IE5*/
position:absolute;
/*must have*/
z-index:-1;
/*must have*/
filter:mask();
/*must have*/
top:-4px;
/*must have*/
left:-4px;
/*must have*/
width:200px;
/*must have*/
height:200px;
/*must have*/
}

/* Progressbar
----------------------------------*/
.ui-progressbar {
height:2em;
text-align:left;
}

.ui-progressbar .ui-progressbar-value {
margin:-1px;
height:100%;
}

.ac_results {
padding:0;
border:1px solid #000;
background-color:#FFF;
overflow:hidden;
z-index:1000001;
}

.ac_results ul {
width:100%;
list-style-position:outside;
list-style:none;
padding:0;
margin:0;
}

.ac_results li {
margin:0;
padding:2px 5px;
cursor:default;
display:block;
/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
/*width: 100%;*/
font:menu;
font-size:12px;
/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
line-height:16px;
overflow:hidden;
}

.ac_loading {
background:#FFF url(jquery.autocomplete.css_assets/indicator.gif) right center no-repeat;
}

.ac_odd {
background-color:#eee;
}

.ac_over {
background-color:#0A246A;
color:#FFF;
}

.colorpicker {
width:356px;
height:176px;
overflow:hidden;
position:absolute;
background:url(/shared/core/client/javascript/libraries/jquery/plugins/colorpicker/images/ulearn_background.png);
font-family:Arial, Helvetica, sans-serif;
display:none;
}

.colorpicker_color {
width:150px;
height:150px;
left:14px;
top:13px;
position:absolute;
background:red;
overflow:hidden;
cursor:crosshair;
}

.colorpicker_color div {
position:absolute;
top:0;
left:0;
width:150px;
height:150px;
background:url(/shared/core/client/javascript/libraries/jquery/plugins/colorpicker/images/colorpicker_overlay.png);
}

.colorpicker_color div div {
position:absolute;
top:0;
left:0;
width:11px;
height:11px;
overflow:hidden;
background:url(/shared/core/client/javascript/libraries/jquery/plugins/colorpicker/images/colorpicker_select.gif);
margin:-5px 0 0 -5px;
}

.colorpicker_hue {
position:absolute;
top:13px;
left:171px;
width:35px;
height:150px;
cursor:n-resize;
}

.colorpicker_hue div {
position:absolute;
width:35px;
height:9px;
overflow:hidden;
background:url(/shared/core/client/javascript/libraries/jquery/plugins/colorpicker/images/ulearn_indic.gif) left top;
margin:-4px 0 0;
left:0;
}

.colorpicker_new_color {
position:absolute;
width:60px;
height:30px;
left:213px;
top:13px;
background:red;
}

.colorpicker_current_color {
position:absolute;
width:60px;
height:30px;
left:283px;
top:13px;
background:red;
}

.colorpicker input {
background-color:transparent;
border:1px solid transparent;
position:absolute;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
top:4px;
right:11px;
text-align:right;
margin:0;
padding:0;
height:11px;
}

.colorpicker_hex {
position:absolute;
width:72px;
height:22px;
background:url(/shared/core/client/javascript/libraries/jquery/plugins/colorpicker/images/ulearn_hex.png) top;
left:212px;
top:142px;
}

.colorpicker_hex input {
right:6px;
}

.colorpicker_field {
height:22px;
width:62px;
background-position:top;
position:absolute;
}

.colorpicker_field span {
position:absolute;
width:12px;
height:22px;
overflow:hidden;
top:0;
right:0;
cursor:n-resize;
}

.colorpicker_rgb_r {
background-image:url(/shared/core/client/javascript/libraries/jquery/plugins/colorpicker/images/ulearn_rgb_r.png);
top:52px;
left:212px;
}

.colorpicker_rgb_g {
background-image:url(/shared/core/client/javascript/libraries/jquery/plugins/colorpicker/images/ulearn_rgb_g.png);
top:82px;
left:212px;
}

.colorpicker_rgb_b {
background-image:url(/shared/core/client/javascript/libraries/jquery/plugins/colorpicker/images/ulearn_rgb_b.png);
top:112px;
left:212px;
}

.colorpicker_hsb_h {
background-image:url(/shared/core/client/javascript/libraries/jquery/plugins/colorpicker/images/ulearn_hsb_h.png);
top:52px;
left:282px;
}

.colorpicker_hsb_s {
background-image:url(/shared/core/client/javascript/libraries/jquery/plugins/colorpicker/images/ulearn_hsb_s.png);
top:82px;
left:282px;
}

.colorpicker_hsb_b {
background-image:url(/shared/core/client/javascript/libraries/jquery/plugins/colorpicker/images/ulearn_hsb_b.png);
top:112px;
left:282px;
}

.colorpicker_submit {
position:absolute;
width:22px;
height:22px;
background:url(/shared/core/client/javascript/libraries/jquery/plugins/colorpicker/images/ulearn_submit.png) top;
left:322px;
top:142px;
overflow:hidden;
}

.colorpicker_focus {
background-position:center;
}

.colorpicker_hex.colorpicker_focus {
background-position:bottom;
}

.colorpicker_submit.colorpicker_focus {
background-position:bottom;
}

.colorpicker_slider {
background-position:bottom;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
position:relative;
}

.jcarousel-clip {
z-index:2;
padding:0;
margin:0;
overflow:hidden;
position:relative;
}

.jcarousel-list {
z-index:1;
overflow:hidden;
position:relative;
top:0;
left:0;
margin:0;
padding:0;
}

.jcarousel-list li,.jcarousel-item {
float:left;
list-style:none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width:75px;
height:75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
z-index:3;
display:none;
}

.jcarousel-prev {
z-index:3;
display:none;
}

.jcarousel-skin-ulearn .jcarousel-container {
z-index:1;
}

.jcarousel-skin-ulearn .jcarousel-container-horizontal {
width:880px;
padding-top:30px;
padding-bottom:0;
padding-left:50px;
padding-right:50px;
}

.jcarousel-skin-ulearn .jcarousel-clip-horizontal {
width:880px;
height:160px;
}

.jcarousel-skin-ulearn .jcarousel-item,.jcarousel-skin-ulearn .jcarousel-list li {
width:160px;
height:160px;
}

.jcarousel-skin-ulearn .jcarousel-item-horizontal {
margin-right:20px;
}

.jcarousel-skin-ulearn .jcarousel-item-placeholder {
background:transparent url(/view/components/map/assets/images/map_picker/placeholder.gif) no-repeat center;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ulearn .jcarousel-next-horizontal {
position:absolute;
top:90px;
right:15px;
width:20px;
height:45px;
cursor:pointer;
background:transparent url(/view/components/map/assets/images/map_picker/carousel_next_arrow.png) no-repeat 0 0;
}

.jcarousel-skin-ulearn .jcarousel-next-horizontal:hover {
background-position:-25px 0;
}

.jcarousel-skin-ulearn .jcarousel-next-horizontal:active {
background-position:-50px 0;
}

.jcarousel-skin-ulearn .jcarousel-next-disabled-horizontal,.jcarousel-skin-ulearn .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-ulearn .jcarousel-next-disabled-horizontal:active {
cursor:default;
background-position:-75px 0;
}

.jcarousel-skin-ulearn .jcarousel-prev-horizontal {
position:absolute;
top:90px;
left:15px;
width:20px;
height:45px;
cursor:pointer;
background:transparent url(/view/components/map/assets/images/map_picker/carousel_previous_arrow.png) no-repeat 0 0;
}

.jcarousel-skin-ulearn .jcarousel-prev-horizontal:hover {
background-position:-25px 0;
}

.jcarousel-skin-ulearn .jcarousel-prev-horizontal:active {
background-position:-50px 0;
}

.jcarousel-skin-ulearn .jcarousel-prev-disabled-horizontal,.jcarousel-skin-ulearn .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-ulearn .jcarousel-prev-disabled-horizontal:active {
cursor:default;
background-position:-75px 0;
}

/* Styles for ColorPicker popUp */
#colorpicker {
position:absolute;
width:145px;
height:140px;
overflow:hidden;
background:#F9F9F9;
border:2px silver outset;
z-index:1000;
}

#colorpicker-hue-container {
position:absolute;
top:4px;
left:120px;
width:18px;
height:110px;
}

#colorpicker-hue-bg-img {
width:100%;
height:100%;
}

#colorpicker-hue-slider {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#colorpicker-hue-thumb {
position:absolute;
top:0;
left:0;
width:18px;
height:18px;
z-index:1009;
cursor:default;
}

#colorpicker-bar {
text-align:right;
padding-right:10px;
}

#colorpicker-close {
cursor:pointer;
color:blue;
font-size:10px;
font-family:Tahoma, Helvetica, Sans-Serif;
font-weight:700;
}

#colorpicker-div {
position:absolute;
top:8px;
left:8px;
width:100px;
height:100px;
border:1px solid #666;
}

#colorpicker-bg,#colorpicker-bg-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1001;
overflow:hidden;
}

#colorpicker-selector {
position:absolute;
top:0;
left:0;
width:11px;
height:11px;
z-index:1009;
margin-top:-6px;
margin-left:-6px;
cursor:default;
}

#colorpicker-selector img {
position:absolute;
left:0;
top:0;
}

#colorpicker-footer {
position:absolute;
top:114px;
left:10px;
width:127px;
}

#colorpicker-value {
float:left;
}

#colorpicker-value,#colorpicker-value-input {
font-size:9px!important;
font-family:Helvetica, Verdana, Sans-Serif;
height:14px;
padding:0;
}

#colorpicker-value-input {
width:40px;
}

#colorpicker-okbutton {
float:right;
padding:0 10px;
background:#36F;
font-size:10px;
font-family:Tahoma, Helvetica, Sans-Serif;
border:1px solid #666;
color:#fff;
}

.ui-spinner {
position:relative;
}

.ui-spinner-buttons {
position:absolute;
}

.ui-spinner-button {
overflow:hidden;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating {
float:left;
width:17px;
height:15px;
text-indent:-999em;
cursor:pointer;
display:block;
background:transparent;
overflow:hidden;
}

div.rating-cancel,div.rating-cancel a {
background:url(/shared/core/client/javascript/libraries/jquery/plugins/star-rating/delete.gif) no-repeat 0 -16px;
}

div.star-rating,div.star-rating a {
background:url(/shared/core/client/javascript/libraries/jquery/plugins/star-rating/star.png) no-repeat 0 0;
}

div.rating-cancel a,div.star-rating a {
display:block;
width:16px;
height:100%;
background-position:0 0;
border:0;
}

div.star-rating-on a {
background-position:0 -16px!important;
}

div.star-rating-hover a {
background-position:0 -32px;
}

/* Read Only CSS */
div.star-rating-readonly a {
cursor:default!important;
}

/* Partial Star CSS */
div.star-rating {
background:transparent!important;
overflow:hidden!important;
}

/* END jQuery.Rating Plugin CSS */
/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */
#lightbox {
display:none;
position:absolute;
top:50%;
left:50%;
z-index:1000000;
width:350px;
height:250px;
margin:-200px 0 0 -200px;
border:3px solid #4b4b4b;
background:#fff;
text-align:left;
overflow:auto;
overflow-x:hidden;
padding:0;
}

#lightbox[id] {
position:fixed;
}

#overlay {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:999998;
background-color:#000;
-moz-opacity:0.3;
opacity:.30;
filter:alpha(opacity=30);
}

#overlay[id] {
position:fixed;
}

#lightbox.done #lbLoadMessage {
display:none;
}

#lightbox.done #lbContent {
display:block;
}

#lightbox.loading #lbContent {
display:none;
}

#lightbox.loading #lbLoadMessage {
display:block;
}

/* WebBased: Removed obsolete rule which interferes with other stuff */
/*
#lightbox.done img{
	width:100%;
	height:100%;
}
*/
/*

Buttons.

*/
/* General button behaviour */
span.button {
white-space:nowrap;
color:#fff;
}

span.button a {
text-decoration:none;
color:#fff;
}

span.button a:hover {
text-decoration:none;
color:#fff;
}

span.button,span.button a:visited {
color:#fff;
}

/* Use padding so that the link's active area includes the gap */
span.button a.icon {
padding-right:4px;
}

/* Use margin because IE6 is ignoring padding */
span.button img.icon {
margin-right:4px;
}

span.button img {
vertical-align:middle;
}

span.buttonBackground {
vertical-align:middle;
font-size:14pt;
}

span.buttonLabel {
font-size:10pt;
vertical-align:15%;
}

span.buttonCorner {
background:no-repeat;
}

span.topLeft {
background-position:top left;
}

span.bottomLeft {
background-position:bottom left;
}

span.topRight {
background-position:top right;
}

span.bottomRight {
background-position:bottom right;
}

/* Shared button types ... */
/* Active */
span.activeButtonBackground {
background-color:#157697;
}

span.activeButtonBackground span.topLeft {
background-image:url(/view/shared/assets/images/corners/active/topLeft.png);
}

span.activeButtonBackground span.bottomLeft {
background-image:url(/view/shared/assets/images/corners/active/bottomLeft.png);
}

span.activeButtonBackground span.topRight {
background-image:url(/view/shared/assets/images/corners/active/topRight.png);
}

span.activeButtonBackground span.bottomRight {
background-image:url(/view/shared/assets/images/corners/active/bottomRight.png);
}

/* Inactive */
span.inactiveButtonBackground {
background-color:#8bbacc;
}

span.inactiveButtonBackground span.topLeft {
background-image:url(/view/shared/assets/images/corners/inactive/topLeft.png);
}

span.inactiveButtonBackground span.bottomLeft {
background-image:url(/view/shared/assets/images/corners/inactive/bottomLeft.png);
}

span.inactiveButtonBackground span.topRight {
background-image:url(/view/shared/assets/images/corners/inactive/topRight.png);
}

span.inactiveButtonBackground span.bottomRight {
background-image:url(/view/shared/assets/images/corners/inactive/bottomRight.png);
}

/* Label */
span.labelButtonBackground {
background-color:#b5b5b5;
}

span.labelButtonBackground span.topLeft {
background-image:url(/view/shared/assets/images/corners/label/topLeft.png);
}

span.labelButtonBackground span.bottomLeft {
background-image:url(/view/shared/assets/images/corners/label/bottomLeft.png);
}

span.labelButtonBackground span.topRight {
background-image:url(/view/shared/assets/images/corners/label/topRight.png);
}

span.labelButtonBackground span.bottomRight {
background-image:url(/view/shared/assets/images/corners/label/bottomRight.png);
}

.dynamic_tabs {
position:absolute;
top:0;
left:0;
width:100%;
height:23px;
background:url(/view/components/resource_explorer/assets/images/container_titlebar_gradient.png) #BCE9FA repeat-x left top;
border-bottom:1px solid #7C8CBC;
}

.dynamic_tabs_item {
float:left;
height:23px;
overflow:hidden;
cursor:pointer;
padding-top:0;
padding-bottom:0;
padding-left:10px;
padding-right:10px;
background-color:transparent;
border-right:1px solid #7C8CBC;
border-bottom:1px solid #7C8CBC;
color:#25408F;
font-size:70%;
font-weight:700;
line-height:23px;
}

.dynamic_tabs_item_normal {
background-color:transparent;
border-bottom:1px solid #7C8CBC;
color:#25408F;
}

.dynamic_tabs_item_hovered {
background-color:transparent;
border-bottom:1px solid #7C8CBC;
color:#25408F;
}

.dynamic_tabs_item_selected {
background-color:#FFF;
border-bottom:1px solid #FFF;
color:#db3328;
}

/*

Misc.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Form field highlights */
.highlightField {
border:1px solid red;
background-color:#ffe3e3;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Notifcation message */
.component .notification_message {
border:1px solid red;
background-color:#ffe3e3;
padding:5px;
margin-bottom:5px;
font-size:70%;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Auto complete styles */
div.auto_complete_results {
border:1px solid gray;
z-index:1000001;
position:absolute;
bottom:0;
right:0;
width:300px;
height:75px;
background-color:#FFF;
padding:0;
overflow:auto;
font-size:10px;
}

div.auto_complete_results ul {
padding:3px;
margin:0;
}

div.auto_complete_results ul li {
list-style:none;
border-bottom:1px dotted gray;
padding-left:0;
padding-right:0;
padding-bottom:3px;
padding-top:3px;
margin:0;
background-color:#fff;
cursor:pointer;
}

div.auto_complete_results ul li:hover {
background-color:#ccc;
}

/*

Reset stylesheet.

The idea behind the reset stylesheet is to remove any and all default browser rendering
styles (to 'reset' them =P). By doing this we are left with a clean slate when it comes
to applying our own styles within the application.

This CSS file should therefore be included before any other CSS files.

*/
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}

/* remember to define focus styles! */
:focus {
outline:0;
}

body {
color:#000;
background:#FFF;
}

ol,ul {
list-style:none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:separate;
border-spacing:0;
}

caption,th,td {
text-align:left;
font-weight:400;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

blockquote,q {
quotes:;
}

/*
Menu related selectors
*/
.umenu {
cursor:pointer;
background-color:#FFF;
opacity:0.95;
/* Can't have opacity set on IE6 ... makes the menus take *ages* to pop up */
qfilter:alpha(opacity='95');
/* NB. This turns off ClearType ... so we need to choose which looks better/worse */
border:1px solid #8bbacc;
padding:8px;
}

.umenuItem,.umenuItemFirst {
background-color:transparent;
border:none;
color:#000;
font-family:Tahoma, Helvetica, sans, Arial, sans-serif;
font-size:12px;
padding-bottom:2px;
padding-right:15px;
padding-top:2px;
position:relative;
/* Do not alter this line! */
border-bottom:1px solid gray;
padding-left:4px;
}

.umenuItemOver,.umenuItemFirstOver {
font-family:Tahoma, Helvetica, sans, Arial, sans-serif;
font-size:12px;
padding-bottom:2px;
padding-right:15px;
padding-top:2px;
position:relative;
/* Do not alter this line! */
background-color:#8bbacc;
border-bottom:1px solid gray;
padding-left:4px;
}

.umenuarrow {
background-image:url(/view/components/shell/assets/images/menu/submenu.png);
background-repeat:no-repeat;
/* Do not alter this line! */
position:absolute;
/* Do not alter this line! */
right:8px;
width:5px;
height:9px;
top:6px;
}

.umenuarrowover {
background-image:url(/view/components/shell/assets/images/menu/submenu.png);
background-repeat:no-repeat;
/* Do not alter this line! */
position:absolute;
/* Do not alter this line! */
right:8px;
width:5px;
height:9px;
top:6px;
}

.umenusep {
background-color:#CBEAFC;
border-bottom:1px solid gray;
padding:12px 0 6px;
}

.umenusep hr {
text-align:center;
width:95%;
display:none;
}

/*

Account component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.account {
padding:5px;
font-size:100%;
color:#000;
}

.account p {
font-size:70%;
margin-bottom:5px;
}

.account a {
color:#157697;
text-decoration:none;
}

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

.account hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.account span.button {
padding-right:4px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Account options state specific styles */
.account .account_options ul {
margin-top:10px;
margin-bottom:10px;
}

.account .account_options ul li {
margin-bottom:5px;
padding-top:10px;
}

.account .account_options ul li a {
font-size:80%;
color:#157697;
text-decoration:none;
padding-left:25px;
margin-left:5px;
}

.account .account_options ul li a:hover {
text-decoration:underline;
}

.account .account_options ul .update_username_password a {
background:url(/view/components/account/assets/images/user_change_password_16px.png) no-repeat top left;
}

.account .account_options ul .update_email a {
background:url(/view/components/account/assets/images/message_edit_16px.png) no-repeat top left;
}

.account .account_options ul .update_communication a {
background:url(/view/components/account/assets/images/content_blog_16px.png) no-repeat top left;
}

.account .account_options ul .update_profile a {
background:url(/view/components/account/assets/images/user_manage_edit_16px.png) no-repeat top left;
}

.account .account_options ul .update_display a {
background:url(/view/components/account/assets/images/file.png) no-repeat top left;
}

.account .account_options ul .purchase_renew_licence a {
background:url(/view/components/account/assets/images/map_16px.png) no-repeat top left;
}

.account .account_options .licences {
font-size:70%;
}

.account .account_options .licences hr {
height:1px;
border-top:1px dashed gray;
background:none;
margin-bottom:10px;
}

.account .account_options .licences .licence_title {
font-weight:700;
margin-right:5px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Update username/password state specific styles */
.account .username_password_update table {
width:100%;
}

.account .username_password_update table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
}

.account .username_password_update table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.account .username_password_update table tr .mandatory img {
display:block;
}

.account .username_password_update table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Account username/password success state specific styles */
.account .username_password_update_success .success_title {
font-weight:700;
font-size:90%;
color:green;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Account username/password error state specific styles */
.account .username_password_update_error .error_title {
font-weight:700;
font-size:90%;
color:red;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Update email state specific styles */
.account .email_update table {
width:100%;
}

.account .email_update table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
}

.account .email_update table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.account .email_update table tr .mandatory img {
display:block;
}

.account .email_update table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Account email success state specific styles */
.account .email_update_success .success_title {
font-weight:700;
font-size:90%;
color:green;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Account email error state specific styles */
.account .email_update_error .error_title {
font-weight:700;
font-size:90%;
color:red;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Update communication prefs state specific styles */
.account .communication_update table {
width:100%;
}

.account .communication_update table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
}

.account .communication_update table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.account .communication_update table tr .mandatory img {
display:block;
}

.account .communication_update table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Account comunication prefs success state specific styles */
.account .communication_update_success .success_title {
font-weight:700;
font-size:90%;
color:green;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Account communication prefs error state specific styles */
.account .communication_update_error .error_title {
font-weight:700;
font-size:90%;
color:red;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Update profile state specific styles */
.account .profile_update table {
width:100%;
}

.account .profile_update table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
}

.account .profile_update table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.account .profile_update table tr .mandatory img {
display:block;
}

.account .profile_update table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Account profile success state specific styles */
.account .profile_update_success .success_title {
font-weight:700;
font-size:90%;
color:green;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Account profile error state specific styles */
.account .profile_update_error .error_title {
font-weight:700;
font-size:90%;
color:red;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Update display state specific styles */
.account .display_update table {
width:100%;
}

.account .display_update table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
}

.account .display_update table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.account .display_update table tr .mandatory img {
display:block;
}

.account .display_update table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Account profile success state specific styles */
.account .display_update_success .success_title {
font-weight:700;
font-size:90%;
color:green;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Account profile error state specific styles */
.account .display_update_error .error_title {
font-weight:700;
font-size:90%;
color:red;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Account Purchase / Renew Licence state specific styles */
.account .purchase_renew_licence {
}

.account .purchase_renew_licence #existingLicences {
}

.account .purchase_renew_licence #existingLicences dl {
font-size:70%;
}

.account .purchase_renew_licence #existingLicences dl dt {
font-weight:700;
color:#157697;
}

.account .purchase_renew_licence #existingLicences dl dd {
}

.account .purchase_renew_licence #existingLicences hr,.account .purchase_renew_licence #purchaseLicenceContainer hr {
height:1px;
border-top:1px dashed gray;
background:none;
margin-bottom:10px;
}

.account .purchase_renew_licence table {
width:100%;
}

.account .purchase_renew_licence table tr th {
font-size:70%;
font-weight:700;
}

.account .purchase_renew_licence table tr td {
font-size:70%;
}

.account .purchase_renew_licence table tr td hr {
height:1px;
border:none;
border-top:1px dashed gray;
color:#FFF;
background-color:#FFF;
margin-bottom:5px;
}

.account .purchase_renew_licence #purchaseLicenceContainer h2 {
font-size:70%;
font-weight:700;
margin-bottom:10px;
}

.account .purchase_renew_licence table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:middle;
}

.account .purchase_renew_licence table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.account .purchase_renew_licence table tr .mandatory img {
display:block;
}

/*

AnnotateMap component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.annotateMap {
padding:5px;
font-size:100%;
color:#000;
}

.annotateMap h2 {
font-size:70%;
color:#000;
font-weight:700;
}

.annotateMap p {
font-size:70%;
margin-bottom:5px;
}

.annotateMap a {
color:#157697;
text-decoration:none;
}

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

.annotateMap hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.annotateMap span.button {
padding-right:4px;
}

.annotateMap div.actions {
margin-top:10px;
}

.annotateMap div.actions span.button {
margin:4px 0;
}

.annotateMap ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:none;
}

.annotateMap ul li {
font-size:70%;
margin-left:20px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* show_icons form state specific styles */
.annotateMap .show_icons {
padding-top:25px;
}

.annotateMap .show_icons table tr th {
color:gray;
font-size:70%;
font-weight:700;
}

.annotateMap .show_icons table tr .rowSpacer {
height:5px;
}

.annotateMap .show_icons table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:top;
}

.annotateMap .show_icons table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.annotateMap .show_icons table tr .mandatory img {
display:block;
}

.annotateMap .show_icons table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

.annotateMap .show_icons table tr input {
vertical-align:middle;
}

.annotateMap .show_icons table tr label {
font-size:70%;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Tabs */
.annotateMap div.tabs {
position:absolute;
top:0;
left:0;
width:100%;
height:24px;
}

.annotateMap div.tabs ul {
margin-top:0;
list-style:none;
width:100%;
height:24px;
background:url(/view/components/resource_explorer/assets/images/container_titlebar_gradient.png) #BCE9FA repeat-x left top;
border-bottom:1px solid #7C8CBC;
}

.annotateMap div.tabs ul li {
display:inline;
}

.annotateMap div.tabs ul li a {
font-weight:700;
color:#25408F;
padding:5px 10px;
border-right:1px solid #7C8CBC;
text-decoration:none;
float:left;
}

.annotateMap div.tabs ul li a.selected {
font-weight:700;
color:#DB3328;
border-right:1px solid #7C8CBC;
text-decoration:none;
background-color:#FFF;
padding-bottom:6px;
}

/*

Contact component.

*/
div.contact div.rule {
border-bottom:1px solid #000;
margin:8px 0;
}

div.contact {
padding:5px;
}

div.contact td.label {
font-weight:700;
font-size:70%;
color:#157697;
padding-right:10px;
vertical-align:middle;
}

div.contact td.value {
font-size:90%;
padding:4px 0;
}

div.contact td.mandatory {
padding:4px;
vertical-align:middle;
}

div.contact td.mandatory img {
display:block;
}

div.contact input,div.contact textarea {
width:90%;
}

div.contact span.button {
padding-right:4px;
}

div.contact p {
margin:0 0 5px;
font-size:90%;
}

/*

Container component.

The Container does what it says on the tin =P It acts as a containing 'box' for an
element and offers interaction in specific ways, eg. they can be dragged, toggled on/off,
resized?, collapsed and expanded.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* General */
.containerWrapper {
zoom:1;
}

.container {
/* Spacing values */
margin:0 0 4px;
/* Background values */
background:#FFF;
position:relative;
border:1px solid #7C8CBC;
zoom:1;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Title bar */
.container .title_bar {
/* Positional values */
position:relative;
/* Spacing values */
padding:4px 5px;
/* Background values */
background:url(/view/components/container/assets/images/skin/container_titlebar_gradient.png) #BCE9FA repeat-x left top;
z-index:10000;
}

.container .title_bar .handle {
/* Positional values */
position:relative;
height:25px;
/* Spacing values */
margin-left:21px;
margin-right:55px;
cursor:move;
z-index:9999;
background:transparent;
overflow:hidden;
}

.container .title_bar .handle .handle_table {
position:absolute;
top:0;
left:0;
width:100%;
border:none;
padding:0;
margin:0;
}

.container .title_bar .handle .handle_table td {
border:none;
padding:0;
margin:0;
}

.container .title_bar .lock_widget {
/* Position values */
position:absolute;
top:8px;
left:6px;
/* Size values */
width:14px;
height:14px;
z-index:10000;
}

.container .title_bar .lock_widget img {
display:block;
}

.container .title_bar .collapse_widget {
/* Position values */
position:absolute;
top:8px;
right:22px;
/* Size values */
width:14px;
height:14px;
z-index:10000;
}

.container .title_bar .collapse_widget img {
display:block;
}

.container .title_bar h2 {
float:left;
overflow:hidden;
/* Font values */
font-size:70%;
color:#25408F;
font-weight:700;
/* Position values */
margin-left:0;
padding:5px 0;
}

.container .title_bar .menu_widget {
/* Position values */
position:absolute;
top:7px;
right:40px;
/* Size values */
width:14px;
height:14px;
z-index:10000;
}

.container .title_bar .close_widget {
/* Position values */
position:absolute;
top:7px;
right:5px;
/* Size values */
width:14px;
height:14px;
z-index:10000;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Activity indicator */
.container .title_bar .activity_widget {
/* Position values */
/*
	position:absolute;
	top:5px;
	right:9px;
	*/
float:right;
/* Size values */
width:16px;
height:16px;
margin-top:3px;
}

.container .title_bar .activity_widget_hidden {
/* Background values */
background:none;
}

.container .title_bar .activity_widget_visible {
/* Background values */
background:url(/view/components/container/assets/images/activity/activity_indicator_a.gif) no-repeat left top;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Toolbar button styles */
.container .title_bar .containerToolbarButton {
position:relative;
float:right;
display:block;
border:1px solid #f36b00;
background:#FFF;
padding:1px 5px;
z-index:100000;
font-size:60%;
text-decoration:none;
color:#000;
}

.container .title_bar .containerToolbarButton:hover {
border:1px solid #FFF;
background:#f36b00;
text-decoration:none;
color:#FFF;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Body */
.container .body {
/* Spacing values */
padding:2px;
padding-top:0;
background-color:#BCE9FA;
z-index:1;
}

.container .body .background {
border:1px solid #7C8CBC;
background-color:#FFF;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Style overrides for placeholder container */
.containerPlaceholder {
border:1px solid #828282;
}

.containerPlaceholder .title_bar {
/* Background values */
background:url(/view/components/container/assets/images/skin/container_titlebar_gradient_grey.png) #e1e1e1 repeat-x left top;
}

.containerPlaceholder .title_bar h2 {
/* Font values */
font-size:70%;
color:#828282;
font-weight:700;
/* Position values */
margin-left:0;
padding:5px 0;
}

.containerPlaceholder .title_bar .activity_widget_visible {
/* Background values */
background:url(/view/components/container/assets/images/activity/activity_indicator_a_grey.gif) no-repeat left top;
}

.containerPlaceholder .title_bar .handle {
margin-left:0;
margin-right:0;
cursor:wait;
}

.containerPlaceholder .body {
background-color:#e1e1e1;
}

.containerPlaceholder .body .background {
border:1px solid #828282;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* This will style the drop zone for sortables. */
.emptyPlaceMarker {
z-index:2;
border-right:gray 1px dashed;
border-top:gray 1px dashed;
border-left:gray 1px dashed;
border-bottom:gray 1px dashed;
background-color:Transparent;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Right-column specific overrides */
#shellColumnRight div.container {
/* This will set a rough starting size before the Container javascript component sets the absolute size available */
width:99%;
height:99%;
}

#shellColumnRight div.container div.body {
height:100%;
}

#shellColumnRight .container .title_bar .collapse_widget {
display:none;
}

#shellColumnRight .container .title_bar .handle {
margin-right:20px;
margin-left:0;
cursor:default;
}

#shellColumnRight .container .title_bar .menu_widget {
display:none;
}

#shellColumnRight .container .title_bar .lock_widget {
display:none;
}

#shellColumnRight .containerPlaceholder .title_bar .handle {
margin-left:0;
margin-right:0;
cursor:wait;
}

#shellColumnRight .containerPlaceholder {
width:99%;
height:99%;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Whole page specific overrides */
#shellColumnWhole .container .title_bar .collapse_widget {
display:none;
}

#shellColumnWhole .container .title_bar .handle {
margin-left:0;
cursor:default;
}

#shellColumnWhole .container .title_bar .menu_widget {
display:none;
}

#shellColumnWhole .container .title_bar .close_widget {
display:none;
}

#shellColumnWhole .container .title_bar .lock_widget {
display:none;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* showLinkToMapEzmaps specific overrides */
#showLinkToMapEzmaps .container {
margin:0;
}

#showLinkToMapEzmaps .container .title_bar .collapse_widget {
display:none;
}

#showLinkToMapEzmaps .container .title_bar .handle {
margin-right:0;
margin-left:0;
cursor:default;
}

#showLinkToMapEzmaps .container .title_bar .menu_widget {
display:none;
}

#showLinkToMapEzmaps .container .title_bar .close_widget {
display:none;
}

#showLinkToMapEzmaps .container .title_bar .lock_widget {
display:none;
}

.containerContent {
position:relative;
width:100%;
height:100%;
overflow:hidden;
}

/*

FavouritesOrganiser component.

*/
div.favouritesOrganiser div.rule {
border-bottom:1px solid #000;
margin:2px 0;
}

div.favouritesOrganiser {
padding:16px;
position:relative;
}

div.favouritesOrganiser div.header {
margin-bottom:8px;
text-align:right;
}

div.favouritesOrganiser div.heading {
text-align:center;
font-weight:700;
color:#157697;
margin-bottom:10px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Folders column and resources column layout */
div.favouritesOrganiser td.folders {
white-space:nowrap;
padding-right:32px;
width:200px;
border-right:3px double #000;
}

div.favouritesOrganiser td.resources {
width:400px;
padding-left:32px;
}

div.favouritesOrganiser td.loading {
cursor:wait;
}

div.favouritesOrganiser div.virtualFolders {
padding-bottom:8px;
}

div.favouritesOrganiser div.selected {
background-color:#FDE6D7;
}

div.favouritesOrganiser div.folder {
padding:4px;
padding-top:10px;
padding-bottom:10px;
font-weight:700;
font-size:90%;
color:#157697;
cursor:pointer;
}

div.favouritesOrganiser td.loading div.folder {
cursor:wait;
}

div.favouritesOrganiser div.folder * {
vertical-align:middle;
}

div.favouritesOrganiser div.folder img {
margin-right:4px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Resource content */
div.favouritesOrganiser div.noResources {
margin:0;
font-style:italic;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Items */
div.favouritesOrganiser div.items {
zoom:1;
}

div.favouritesOrganiser div.items td {
vertical-align:top;
}

div.favouritesOrganiser div.items td.thumbnail {
width:1%;
}

div.favouritesOrganiser div.items td.thumbnail img {
display:block;
}

div.favouritesOrganiser div.items div.resource td.thumbnail img {
cursor:pointer;
}

div.favouritesOrganiser div.items td.thumbnail img {
border:2px solid #D1E4EA;
}

div.favouritesOrganiser div.items td.selected img {
border:2px solid #F36B00;
}

div.favouritesOrganiser div.itemThumbnails div.resource td.thumbnail img {
width:89px;
height:89px;
}

div.favouritesOrganiser div.items td.menu {
padding:0 8px 0 1px;
zoom:1;
}

div.favouritesOrganiser div.itemSummaries td.menu {
width:1%;
zoom:1;
}

div.favouritesOrganiser div.itemThumbnails td.menu {
width:99%;
zoom:1;
}

div.favouritesOrganiser div.items td.menu div.menu {
position:relative;
background-color:#d1e4ea;
width:12px;
z-index:1;
zoom:1;
}

div.favouritesOrganiser div.itemSummaries td.menu div.menu {
padding:49px 2px 15px;
zoom:1;
}

div.favouritesOrganiser div.items div.detail div.menu img.menu_button {
position:absolute;
bottom:2px;
right:1px;
cursor:pointer;
}

div.favouritesOrganiser div.items td.menu div img {
display:block;
cursor:pointer;
}

div.favouritesOrganiser div.items td.menu div img.favourite {
position:absolute;
top:2px;
}

div.favouritesOrganiser div.items div.name {
font-weight:700;
font-size:80%;
color:#157697;
margin:4px 0;
width:80%;
height:40px;
overflow:hidden;
}

div.favouritesOrganiser div.items div.name * {
vertical-align:middle;
margin-right:4px;
}

div.favouritesOrganiser div.items div.name img.favourite {
position:absolute;
top:4px;
right:0;
}

div.favouritesOrganiser div.items td.description {
font-size:60%;
color:#666;
padding-right:8px;
padding-left:5px;
width:300px;
}

div.favouritesOrganiser div.itemSummaries td.details {
font-size:60%;
padding-right:8px;
}

div.favouritesOrganiser div.itemSummaries div.resource td.details {
width:85px;
}

div.favouritesOrganiser div.items td.details span.label {
padding-right:4px;
font-weight:700;
}

div.favouritesOrganiser div.items td.details span.value {
color:#666;
}

div.favouritesOrganiser div.items td.details div.access * {
vertical-align:middle;
}

div.favouritesOrganiser div.items td.details div.access span {
text-transform:capitalize;
}

div.favouritesOrganiser div.items td.details div.access img {
padding-left:4px;
}

div.favouritesOrganiser div.items td.details div.rating {
cursor:pointer;
}

div.favouritesOrganiser div.items div.grid {
position:relative;
float:left;
width:90px;
height:90px;
padding:5px;
margin-right:2px;
margin-bottom:2px;
border-style:solid;
border-width:1px;
border-color:#000;
text-align:center;
font-size:65%;
font-weight:700;
color:#157697;
}

div.favouritesOrganiser div.items div.grid div.menu img.grid_menu_button {
position:absolute;
width:10px;
height:5px;
bottom:1px;
margin-left:-5px;
cursor:pointer;
zoom:1;
}

div.favouritesOrganiser div.items div.grid div.stamp {
position:absolute;
top:2px;
left:0;
}

div.favouritesOrganiser div.items table.listRow td.stamp {
width:45px;
height:40px;
}

div.favouritesOrganiser img.mapSymbol {
width:40px;
height:40px;
}

div.favouritesOrganiser div.grid img.mapSymbol {
width:20px;
height:20px;
}

div.favouritesOrganiser div.items div.grid div.menu img.favourite {
position:absolute;
top:5px;
right:3px;
cursor:pointer;
}

div.favouritesOrganiser div.items div.grid div.menu img.menu_button {
position:absolute;
bottom:2px;
right:1px;
cursor:pointer;
}

div.favouritesOrganiser div.items div.grid div.gridResourceName {
height:25px;
margin-top:-1px;
overflow:hidden;
}

div.favouritesOrganiser div.items table.listRow {
position:relative;
width:100%;
}

div.favouritesOrganiser div.items table.listRow td.name {
vertical-align:middle;
font-weight:700;
font-size:80%;
color:#157697;
}

div.favouritesOrganiser div.items table.listRow td.favourite {
width:16px;
vertical-align:middle;
text-align:center;
font-weight:700;
font-size:80%;
color:#157697;
}

div.favouritesOrganiser div.items table.listRow td.info {
width:45px;
vertical-align:middle;
text-align:center;
font-weight:700;
font-size:80%;
color:#157697;
}

div.favouritesOrganiser div.items table.listRow td.info div.info {
width:35px;
height:20px;
margin:0 auto;
padding-top:5px;
border:1px solid #2E90BD;
background-image:url(/view/components/favourites_organiser/assets/images/list_view_button_gradient.png);
text-align:center;
font-weight:700;
cursor:pointer;
}

div.favouritesOrganiser div.items table.listRow td.favourite div.favourite {
height:25px;
border:1px solid #2E90BD;
background-image:url(/view/components/favourites_organiser/assets/images/list_view_button_gradient.png);
text-align:center;
font-weight:700;
cursor:pointer;
}

div.favouritesOrganiser div.items table.listRow td.favourite div.favourite img {
margin-top:7px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Highlight items */
div.favouritesOrganiser div.item_highlight {
background-color:#e8f1ff;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* All items */
div.favouritesOrganiser div.favourites_organiser_item {
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Nested items */
div.favouritesOrganiser .normal_mode .nested_items {
margin-top:10px;
}

div.favouritesOrganiser .thumbnail_mode .nested_items {
margin-top:5px;
margin-bottom:5px;
clear:both;
}

div.favouritesOrganiser div.nested_items p {
font-size:60%;
color:#666;
}

div.favouritesOrganiser div.nested_items ul {
clear:both;
}

div.favouritesOrganiser div.nested_items ul li {
font-size:60%;
display:inline;
}

div.favouritesOrganiser div.nested_items ul li a {
position:relative;
color:#157697;
text-decoration:none;
margin-right:5px;
margin-bottom:5px;
border:2px solid #D1E4EA;
padding:1px;
display:block;
width:30px;
height:30px;
float:left;
}

div.favouritesOrganiser div.nested_items ul .selected a {
position:relative;
color:#157697;
text-decoration:none;
margin-right:5px;
margin-bottom:5px;
border:2px solid #F36B00;
padding:1px;
display:block;
width:30px;
height:30px;
float:left;
}

div.favouritesOrganiser div.nested_items ul li a:hover {
text-decoration:underline;
border:2px solid #157697;
}

div.favouritesOrganiser div.nested_items p {
margin-bottom:10px;
}

div.favouritesOrganiser div.nested_items ul li a img {
position:relative;
width:100%;
height:100%;
}

div.favouritesOrganiser div.nested_items .nestedItemMouseoverDetails {
clear:both;
padding-top:10px;
font-size:70%;
}

div.favouritesOrganiser div.nested_items .nestedItemMouseoverDetails a {
color:#157697;
text-decoration:none;
}

div.favouritesOrganiser div.nested_items .nestedItemMouseoverDetails a:hover {
text-decoration:underline;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
div.favouritesOrganiser .resourcesTotal {
font-size:70%;
}

div.favouritesOrganiser .resourcesTotal a {
color:#157697;
text-decoration:none;
}

div.favouritesOrganiser .resourcesTotal a:hover {
text-decoration:underline;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Paging */
/* New style paging for all normal users and browsers.*/
div.favouritesOrganiser div.paging {
margin:0 0 8px;
font-size:70%;
}

div.favouritesOrganiser div.paging div.page,div.favouritesOrganiser div.paging div.disabled_page,div.favouritesOrganiser div.paging div.stepping_page {
float:left;
min-width:20px;
height:15px;
border:1px solid #2E90BD;
background-color:#097CB0;
padding-top:2px;
padding-bottom:2px;
text-align:center;
margin-right:2px;
}

div.favouritesOrganiser div.paging div.disabled_page {
background-color:#7f7f7f;
}

div.favouritesOrganiser div.paging div.stepping_page {
width:12px;
}

div.favouritesOrganiser div.paging a {
text-decoration:none;
color:#fff;
font-weight:700;
}

div.favouritesOrganiser div.paging input.current_page {
float:left;
width:20px;
height:16px;
padding-top:2px;
margin-right:2px;
border:1px solid #2E90BD;
background-color:#f36b00;
color:#fff;
text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-weight:700;
font-size:100%;
text-decoration:underline;
}

div.favouritesOrganiser div.paging input.resultsSpinner {
width:35px;
height:16px;
text-align:center;
}

div.favouritesOrganiser div.paging select.viewMode {
margin-left:5px;
margin-top:-1px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*

ForgottenPassword component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.forgottenPassword {
padding:5px;
font-size:100%;
color:#000;
}

.forgottenPassword p {
font-size:70%;
margin-bottom:5px;
}

.forgottenPassword hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.forgottenPassword .forgottenPassword_form span#cancel_forgottenpassword_button {
padding-left:4px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* ForgottenPassword form state specific styles */
.forgottenPassword .forgottenPassword_form table {
margin-top:5px;
}

.forgottenPassword .forgottenPassword_form table tr td input {
width:150px;
}

.forgottenPassword .forgottenPassword_form tr td.label {
font-weight:700;
font-size:90%;
color:#157697;
margin:4px 0;
padding-right:10px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Logout form state specific styles */
.forgottenPassword a {
color:#157697;
text-decoration:none;
}

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

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Success confirmation state specific styles */
.forgottenPassword .success_title {
font-weight:700;
font-size:90%;
color:green;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Error state specific styles */
.forgottenPassword .error_title {
font-weight:700;
font-size:90%;
color:red;
}

/*

LinkToUlearn component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.linkToUlearn {
padding:5px;
font-size:100%;
color:#000;
}

.linkToUlearn h2 {
font-size:70%;
color:#000;
font-weight:700;
}

.linkToUlearn p {
font-size:70%;
margin-bottom:5px;
}

.linkToUlearn a {
color:#157697;
text-decoration:none;
}

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

.linkToUlearn hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.linkToUlearn span.button {
padding-right:4px;
}

.linkToUlearn div.actions {
margin-top:10px;
}

.linkToUlearn div.actions span.button {
display:block;
margin:4px 0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* show_settings form state specific styles */
.linkToUlearn .show_settings {
}

.linkToUlearn .show_settings table tr td {
padding-bottom:5px;
}

.linkToUlearn .show_settings table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:top;
}

.linkToUlearn .show_settings table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.linkToUlearn .show_settings table tr .mandatory img {
display:block;
}

.linkToUlearn .show_settings table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* show_links form state specific styles */
.linkToUlearn .show_links {
}

.linkToUlearn .show_links table {
}

.linkToUlearn .show_links table tr th {
font-size:70%;
font-weight:700;
}

.linkToUlearn .show_links table tr td {
font-size:70%;
}

.linkToUlearn .show_links table tr td {
font-size:70%;
}

.linkToUlearn .show_links table tr td hr {
height:1px;
border:none;
border-top:1px dashed gray;
color:#FFF;
background-color:#FFF;
margin-bottom:5px;
}

.linkToUlearn .show_links table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:middle;
}

.linkToUlearn .show_links table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.linkToUlearn .show_links table tr .mandatory img {
display:block;
}

.linkToUlearn .show_links table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

.linkToUlearn .show_links table tr td #establishmentName {
width:200px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Paging */
.linkToUlearn div.paging {
margin:8px 0;
font-size:70%;
}

.linkToUlearn div.paging span.page {
padding-right:4px;
}

.linkToUlearn div.paging span.inactive {
border:1px solid #888;
color:#888;
padding:2px 4px;
}

.linkToUlearn div.paging a {
border:1px solid #000;
padding:2px 4px;
text-decoration:none;
color:#157697;
}

.linkToUlearn div.paging a.step {
color:#000;
}

.linkToUlearn div.paging span.current {
border:1px solid #f36b00;
padding:2px 4px;
color:#f36b00;
}

#strLinkSearchCriteria {
width:140px;
}

/*

LinkToUlearnEditor component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.linkToUlearnEditor {
padding:5px;
font-size:100%;
color:#000;
}

.linkToUlearnEditor h2 {
font-size:70%;
color:#000;
font-weight:700;
}

.linkToUlearnEditor p {
font-size:70%;
margin-bottom:5px;
}

.linkToUlearnEditor a {
color:#157697;
text-decoration:none;
}

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

.linkToUlearnEditor hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.linkToUlearnEditor span.button {
padding-right:4px;
}

.linkToUlearnEditor div.actions {
margin-top:10px;
}

.linkToUlearnEditor div.actions span.button {
margin:4px 0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* add_link form state specific styles */
.linkToUlearnEditor .add_link {
}

.linkToUlearnEditor .add_link table tr th {
color:gray;
font-size:70%;
font-weight:700;
}

.linkToUlearnEditor .add_link table tr .rowSpacer {
height:5px;
}

.linkToUlearnEditor .add_link table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:top;
}

.linkToUlearnEditor .add_link table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.linkToUlearnEditor .add_link table tr .mandatory img {
display:block;
}

.linkToUlearnEditor .add_link table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

.linkToUlearnEditor .add_link table tr input {
vertical-align:middle;
}

.linkToUlearnEditor .add_link table tr label {
font-size:70%;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* edit_link form state specific styles */
.linkToUlearnEditor .edit_link {
}

.linkToUlearnEditor .edit_link table tr th {
color:gray;
font-size:70%;
font-weight:700;
}

.linkToUlearnEditor .edit_link table tr .rowSpacer {
height:5px;
}

.linkToUlearnEditor .edit_link table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:top;
}

.linkToUlearnEditor .edit_link table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.linkToUlearnEditor .edit_link table tr .mandatory img {
display:block;
}

.linkToUlearnEditor .edit_link table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

.linkToUlearnEditor .edit_link table tr input {
vertical-align:middle;
}

.linkToUlearnEditor .edit_link table tr label {
font-size:70%;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Lightbox school on map ... */
#showGenerateSchoolOnMapLink {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#showGenerateSchoolOnMapLink h2 {
font-weight:700;
margin-bottom:10px;
}

#showGenerateSchoolOnMapLink h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#showGenerateSchoolOnMapLink h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#showGenerateSchoolOnMapLink p {
font-size:70%;
margin-bottom:5px;
}

#showGenerateSchoolOnMapLink a {
color:#157697;
text-decoration:none;
}

#showGenerateSchoolOnMapLink a:hover {
text-decoration:underline;
}

#showGenerateSchoolOnMapLink hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#showGenerateSchoolOnMapLink ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#showGenerateSchoolOnMapLink ul li {
font-size:70%;
margin-left:30px;
clear:both;
margin-bottom:10px;
}

#showGenerateSchoolOnMapLink ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#showGenerateSchoolOnMapLink span.button {
padding-right:16px;
}

#showGenerateSchoolOnMapLink span.button a {
color:#FFF;
}

#showGenerateSchoolOnMapLink span.button a:hover {
text-decoration:none;
}

/*

Login component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.login {
padding:5px;
font-size:100%;
color:#000;
}

.login p {
font-size:70%;
margin-bottom:5px;
}

.login hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.login span#forgotten_password_button {
padding-left:4px;
}

.login .logout_form span#logout_cancel_button {
padding-left:4px;
}

.login span#register_button {
padding-left:4px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Login form state specific styles */
.login .login_form table {
margin-top:5px;
}

.login .login_form table tr td input {
width:150px;
}

.login .login_form tr td.label {
font-weight:700;
font-size:90%;
color:#157697;
margin:4px 0;
padding-right:10px;
}

.login .login_form tr td .password_field {
margin-top:10px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Logout form state specific styles */
.login a {
color:#157697;
text-decoration:none;
}

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

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Logged in confirmation state specific styles */
.login .login_confirmation .success_title {
font-weight:700;
font-size:90%;
color:green;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Logged out confirmation state specific styles */
.login .logout_confirmation .success_title {
font-weight:700;
font-size:90%;
color:green;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Login error state specific styles */
.login .login_error .error_title {
font-weight:700;
font-size:90%;
color:red;
}

/*

Map component.

*/
.map {
position:relative;
height:100%;
}

.map a {
color:#157697;
text-decoration:none;
}

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

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Layer list styles */
/* Button that appears in the toolbar to toggle the whole layer list on/off */
.container #layer_list_button {
width:24px;
height:24px;
float:right;
cursor:pointer;
}

.container #layer_list_button:hover {
margin:2px;
background-image:url(/view/shared/assets/images/map_icons/toolbar/layers_24px.png);
border:1px solid #75d1f7;
}

.container div.layer_list_button {
margin:3px;
background-image:url(/view/shared/assets/images/map_icons/toolbar/layers_24px_out.png);
border:none;
}

.container div.layer_list_button_selected {
margin:3px;
background-image:url(/view/shared/assets/images/map_icons/toolbar/layers_24px.png);
}

.container div.layer_list_button_flashing {
margin:2px;
background-image:url(/view/shared/assets/images/map_icons/toolbar/layers_24px.png);
border:1px solid red;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* This is the top level containing element for the layer list. It just acts as a container/position reference point and is not visible at all. */
.container #layer_list_container {
border:0 solid red;
position:absolute;
top:0;
left:0;
width:100%;
overflow:visible;
z-index:999;
/* make sure layer list appears above things like the reference map*/
}

/* This is the visible part of the layer list. This element will act as the holder for the list of layers and can be docked/undocked/moved etc. */
.container #layer_list_container #layer_list_panel {
position:relative;
width:275px;
height:200px;
background:#FFF;
overflow:hidden;
}

.container #layer_list_container #layer_list_panel img {
position:relative!important;
/* ezMaps sets absolute position on all images, so we need to override it back for the layer list*/
z-index:auto;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Container for all header elements within the layer list. */
.container #layer_list_container #layer_list_panel #layer_list_panel_header {
border:0 solid green;
padding:5px;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_header h2 {
font-size:70%;
font-weight:700;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Container for transparency elements within the layer list. */
.container #layer_list_container #layer_list_panel #layers_transparency_slider_container {
border:0 solid green;
padding:5px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Container for all content elements within the layer list. */
.container #layer_list_container #layer_list_panel #layer_list_panel_content {
padding:5px;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_content table {
}

.container #layer_list_container #layer_list_panel #layer_list_panel_content table tr {
}

.container #layer_list_container #layer_list_panel #layer_list_panel_content table tr td {
vertical-align:top;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_content table tr td span.rule {
height:1px;
border-top:1px dashed gray;
margin-bottom:5px;
margin-right:5px;
margin-top:3px;
margin-bottom:3px;
display:block;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_content table tr td #mapLegendTable {
width:100%;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_content table tr td #mapLegendTable td {
vertical-align:top;
padding-bottom:5px;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_content table tr td #mapLegendTable .polygonStyle {
width:15px;
height:15px;
border:1px solid;
margin-right:2px;
margin-left:7px;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_content table tr td #mapLegendTable .lineStyle {
width:15px;
height:1px;
border:1px solid;
margin-top:5px;
margin-right:2px;
margin-left:7px;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_content table tr td #mapLegendTable .textStyle {
width:15px;
height:15px;
border:1px solid gray;
margin-right:2px;
margin-left:7px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Container for all footer elements within the layer list. */
.container #layer_list_container #layer_list_panel #layer_list_panel_footer {
border:0 solid green;
position:absolute;
bottom:0;
left:0;
width:100%;
background:#EFEFEF;
padding:5px;
}

/* Status bar. */
.container #layer_list_container #layer_list_panel #layer_list_panel_footer #layer_list_status_bar {
border:0 solid green;
display:block;
background:#EFEFEF;
color:gray;
font-size:70%;
height:15px;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_footer #layer_list_status_bar a {
color:gray;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_footer #layer_list_status_bar a:hover {
color:#000;
text-decoration:none;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_footer #layer_list_status_bar #layer_list_status_bar_menu {
border:0 solid green;
cursor:pointer;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_footer #layer_list_status_bar #layer_list_status_bar_activity {
cursor:wait;
float:left;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_footer #layer_list_status_bar #layer_list_status_bar_menu {
float:left;
}

.container #layer_list_container #layer_list_panel #layer_list_panel_footer #layer_list_status_bar #layer_list_status_bar_tooltips {
float:left;
margin-left:5px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Generic Popup styles */
.ezMaps .widgetPopup .popUp .contents {
font-size:70%;
color:#666;
}

.ezMaps .widgetPopup .popUp .contents img {
position:relative;
}

.ezMaps .widgetPopup .popUp .contents div {
position:relative;
}

/* This is the table that sits directly within the popup and expands to 100% size of the popup width/height */
.ezMaps .widgetPopup .popUp .contents #popupContentContainer {
height:100%;
width:100%;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner {
position:relative;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner iframe body {
margin:0;
padding:0;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner #popupFooterRow {
position:absolute;
bottom:0;
left:0;
width:100%;
height:30px;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner p {
margin-bottom:5px;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner p.description {
margin:3px 0;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner img {
cursor:pointer;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner span.button {
padding-right:4px;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner hr {
position:absolute;
top:0;
left:0;
height:1px;
width:100%;
border:0;
color:#000;
background-color:#000;
margin:0;
}

#popupContentContainer td.name {
color:#000;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner .resourceBody {
height:75px;
overflow:auto;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner .resourceBody .activeLinksContainer {
width:220px;
height:73px;
padding:0;
overflow-x:auto;
overflow-y:hidden;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner .resourceBody .activeLinksContainer ul {
width:1059px;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner .resourceBody .activeLinksContainer ul li {
height:30px;
margin-right:5px;
float:left;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner .resourceBody .activeLinksContainer ul li a {
float:left;
height:30px;
padding:1px;
border:1px solid gray;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner .resourceBody .activeLinksContainer ul li a:hover {
border:1px solid #F36B00;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner .resourceBody .activeLinksContainer ul li img {
height:30px;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner #popupFooterRow #savingMessage {
margin-bottom:0;
display:block;
height:20px;
padding-left:20px;
background:url(/view/shared/assets/images/activity.gif) no-repeat 0 0;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner #popupFooterRow #savedMessage {
margin-bottom:0;
display:block;
height:20px;
padding-left:20px;
background:url(/view/shared/assets/images/tick.png) no-repeat 0 0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Resource Details Popup styles */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Gecoding Popup styles */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Geocoding drop target Popup styles */
.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner #dropTargetContainer {
width:223px;
height:70px;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner #dropTargetContainer #dropTargetCell {
width:223px;
height:70px;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner #dropTargetContainer #dropTargetCell #dropTargetArea {
width:223px;
height:75px;
border:1px dashed gray;
padding:0;
overflow:hidden;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner #dropTargetContainer #dropTargetCell .dropTargetAreaHover {
border:1px dashed red!important;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner #dropTargetContainer #dropTargetCell #dropTargetArea #resourceListContainer {
width:100000px;
height:65px;
padding:5px;
position:relative;
}

.ezMaps .widgetPopup .popUp .contents #popupContentContainer #popupContentContainerInner #dropTargetContainer #dropTargetCell #dropTargetArea #resourceListContainer .resourceListItemContainer {
width:60px;
height:60px;
margin-right:5px;
float:left;
}

#popupContentContainer span.unit {
padding-left:1px;
}

#popupContentContainer span.unit sup {
position:relative;
top:-3px;
left:1px;
font-size:smaller;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Link to uLearn search result styles */
.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapSearch {
/* Spacing values */
margin-bottom:5px;
padding:3px;
/* Background values */
background:#FFF;
position:relative;
border:1px solid #6ba4d9;
/* Background values */
background:url(/view/components/shell/assets/images/search_bar_gradient.png) #84a6c5 repeat-x left top;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapSearch a {
color:#157697;
text-decoration:none;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapSearch a:hover {
text-decoration:underline;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Link to uLearn layer panel styles */
.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapLayers #selectedLayerDetailsContainer {
margin-top:10px;
padding-top:10px;
border-top:1px dotted #8cbace;
display:block;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapLayers #selectedLayerDetailsContainer h2 {
/* Font values */
color:#25408F;
font-weight:700;
margin-bottom:5px;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapLayers #selectedLayerDetailsContainer p {
/* Font values */
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapLayers #selectedLayerDetailsContainer .selectedLayerLegendContainer #mapLegendTable {
width:99%;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapLayers #selectedLayerDetailsContainer .selectedLayerLegendContainer #mapLegendTable th {
font-weight:700;
font-size:100%;
padding-bottom:5px;
padding-right:5px;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapLayers #selectedLayerDetailsContainer .selectedLayerLegendContainer #mapLegendTable td {
vertical-align:top;
padding-bottom:5px;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapLayers #selectedLayerDetailsContainer .selectedLayerLegendContainer #mapLegendTable .polygonStyle {
width:15px;
height:15px;
border:1px solid;
margin-right:2px;
margin-left:7px;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapLayers #selectedLayerDetailsContainer .selectedLayerLegendContainer #mapLegendTable .lineStyle {
width:15px;
height:1px;
border:1px solid;
margin-top:5px;
margin-right:2px;
margin-left:7px;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapLayers #selectedLayerDetailsContainer .selectedLayerLegendContainer #mapLegendTable .textStyle {
width:15px;
height:15px;
border:1px solid gray;
margin-right:2px;
margin-left:7px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Lightbox expired licence prompt for ... */
#renewMapLicencePrompt {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#renewMapLicencePrompt h2 {
font-weight:700;
margin-bottom:10px;
}

#renewMapLicencePrompt h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#renewMapLicencePrompt h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#renewMapLicencePrompt p {
font-size:70%;
margin-bottom:5px;
}

#renewMapLicencePrompt a {
color:#157697;
text-decoration:none;
}

#renewMapLicencePrompt a:hover {
text-decoration:underline;
}

#renewMapLicencePrompt hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#renewMapLicencePrompt ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#renewMapLicencePrompt ul li {
margin-left:30px;
clear:both;
}

#renewMapLicencePrompt ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#renewMapLicencePrompt span.button {
padding-right:16px;
}

#renewMapLicencePrompt span.button a {
color:#FFF;
}

#renewMapLicencePrompt span.button a:hover {
text-decoration:none;
}

.menuA .noMap {
display:none;
}

#measuretool {
height:130px;
width:220px;
overflow:auto;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Lightbox confirm save as resources ... */
#confirmSaveAsResources {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#confirmSaveAsResources h2 {
font-weight:700;
margin-bottom:10px;
}

#confirmSaveAsResources h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#confirmSaveAsResources h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#confirmSaveAsResources p {
font-size:70%;
margin-bottom:5px;
}

#confirmSaveAsResources a {
color:#157697;
text-decoration:none;
}

#confirmSaveAsResources a:hover {
text-decoration:underline;
}

#confirmSaveAsResources hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#confirmSaveAsResources ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#confirmSaveAsResources ul li {
font-size:70%;
margin-left:30px;
clear:both;
}

#confirmSaveAsResources ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#confirmSaveAsResources span.button {
padding-right:16px;
}

#confirmSaveAsResources span.button a {
color:#FFF;
}

#confirmSaveAsResources span.button a:hover {
text-decoration:none;
}

#confirmSaveAsResources .resourceList {
}

#confirmSaveAsResources .resourceList .resourceDetail {
}

#confirmSaveAsResources .resourceList .resourceDetail img {
margin-right:10px;
}

#confirmSaveAsResources .resourceList .resourceDetail h3 {
margin:0;
padding:0;
color:#157697;
}

#confirmSaveAsResources .resourceList .resourceDetail p {
margin:0;
padding:0;
}

#confirmSaveAsResources .saveAsForm {
}

#confirmSaveAsResources .saveAsForm td {
padding-bottom:5px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Lightbox annotation layer has geometries ... */
#annotationLayerHasGeometriesDetails {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#annotationLayerHasGeometriesDetails h2 {
font-weight:700;
margin-bottom:10px;
}

#annotationLayerHasGeometriesDetails h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#annotationLayerHasGeometriesDetails h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#annotationLayerHasGeometriesDetails p {
font-size:70%;
margin-bottom:5px;
}

#annotationLayerHasGeometriesDetails a {
color:#157697;
text-decoration:none;
}

#annotationLayerHasGeometriesDetails a:hover {
text-decoration:underline;
}

#annotationLayerHasGeometriesDetails hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#annotationLayerHasGeometriesDetails ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#annotationLayerHasGeometriesDetails ul li {
font-size:70%;
margin-left:30px;
clear:both;
}

#annotationLayerHasGeometriesDetails ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#annotationLayerHasGeometriesDetails span.button {
padding-right:16px;
}

#annotationLayerHasGeometriesDetails span.button a {
color:#FFF;
}

#annotationLayerHasGeometriesDetails span.button a:hover {
text-decoration:none;
}

#annotationLayerHasGeometriesDetails .resourceList {
}

#annotationLayerHasGeometriesDetails .resourceList .resourceDetail {
}

#annotationLayerHasGeometriesDetails .resourceList .resourceDetail img {
margin-right:10px;
}

#annotationLayerHasGeometriesDetails .resourceList .resourceDetail h3 {
margin:0;
padding:0;
color:#157697;
}

#annotationLayerHasGeometriesDetails .resourceList .resourceDetail p {
margin:0;
padding:0;
}

#annotationLayerHasGeometriesDetails .saveAsForm {
}

#annotationLayerHasGeometriesDetails .saveAsForm td {
padding-bottom:5px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Transparent Topic Box Styles ... */
.resourceDetailsTransparentBox {
position:relative;
height:100%;
}

.resourceDetailsTransparentBox hr {
border-style:solid;
border-color:#fff;
border-width:1px;
padding:0;
margin:0;
}

.resourceDetailsTransparentBox a {
color:#fff;
font-weight:700;
text-decoration:none;
}

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

.resourceDetailsTransparentBox #resourceBody {
height:75px;
overflow:auto;
color:#fff;
}

.resourceDetailsTransparentBox #popupFooterRow {
position:absolute;
width:100%;
bottom:10px;
}

div#resource_details_page_description div.legend {
border:0 solid red;
overflow:hidden;
}

div#resource_details_page_description div.data {
border-top:1px solid grey;
overflow:hidden;
margin-top:10px;
padding-top:5px;
clear:both;
}

#ezmapsLayerTransparencySlider {
width:100px;
margin-top:10px;
margin-left:10px;
text-align:center;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Map Menu / Resource Picker Carousel Styles ... */
/**********************************************************************************************/
#mapMenuCarousel {
position:absolute;
left:50%;
top:200px;
z-index:100000;
}

#resourcePickerCarousel {
position:absolute;
left:50%;
top:50%;
z-index:95000;
}

/**********************************************************************************************/
#mapMenuCarouselContainer,#resourcePickerCarouselContainer {
position:relative;
width:980px;
height:180px;
padding:5px;
margin-top:30px;
}

#mapMenuCarouselContainer {
background-image:url(/view/components/map/assets/images/map_picker/carousel_container_back_middle.png);
}

#resourcePickerCarouselContainer {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_back_middle.png);
}

/**********************************************************************************************/
.mapMenuBackTopLeft,.resourcePickerBackTopLeft {
position:absolute;
top:0;
left:0;
margin-top:-30px;
margin-left:0;
width:30px;
height:30px;
}

.mapMenuBackTopLeft {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_container/sprite_sheet_no_repeat.png) no-repeat -120px 0;
}

.resourcePickerBackTopLeft {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_back_top_left.png);
}

/**********************************************************************************************/
.mapMenuBackTopRight,.resourcePickerBackTopRight {
position:absolute;
top:0;
right:0;
margin-top:-30px;
margin-right:0;
width:30px;
height:30px;
}

.mapMenuBackTopRight {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_container/sprite_sheet_no_repeat.png) no-repeat -150px 0;
}

.resourcePickerBackTopRight {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_back_top_right.png);
}

/**********************************************************************************************/
.mapMenuBackTopMiddleContainer,.resourcePickerBackTopMiddleContainer {
position:absolute;
top:0;
left:0;
margin-top:-30px;
margin-left:30px;
width:100%;
height:30px;
overflow:hidden;
}

/**********************************************************************************************/
.mapMenuBackTopMiddle,.resourcePickerBackTopMiddle {
height:30px;
margin-right:60px;
}

.mapMenuBackTopMiddle {
background-image:url(/view/components/map/assets/images/map_picker/carousel_container_back_middle.png);
}

.resourcePickerBackTopMiddle {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_back_middle.png);
}

/**********************************************************************************************/
.mapMenuBackBottomLeft,.resourcePickerBackBottomLeft {
position:absolute;
bottom:0;
left:0;
margin-bottom:-30px;
margin-left:0;
width:30px;
height:30px;
}

.mapMenuBackBottomLeft {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_container/sprite_sheet_no_repeat.png) no-repeat -180px 0;
}

.resourcePickerBackBottomLeft {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_back_bottom_left.png);
}

/**********************************************************************************************/
.mapMenuBackBottomRight,.resourcePickerBackBottomRight {
position:absolute;
bottom:0;
right:0;
margin-bottom:-30px;
margin-right:0;
width:30px;
height:30px;
}

.mapMenuBackBottomRight {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_container/sprite_sheet_no_repeat.png) no-repeat -210px 0;
}

.resourcePickerBackBottomRight {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_back_bottom_right.png);
}

/**********************************************************************************************/
.mapMenuBackBottomMiddleContainer,.resourcePickerBackBottomMiddleContainer {
position:absolute;
bottom:0;
left:0;
margin-bottom:-30px;
margin-left:30px;
width:100%;
height:30px;
overflow:hidden;
}

/**********************************************************************************************/
.mapMenuBackBottomMiddle,.resourcePickerBackBottomMiddle {
height:30px;
margin-right:60px;
}

.mapMenuBackBottomMiddle {
background-image:url(/view/components/map/assets/images/map_picker/carousel_container_back_middle.png);
}

.resourcePickerBackBottomMiddle {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_back_middle.png);
}

/**********************************************************************************************/
#mapMenuCarouselPointer {
position:absolute;
left:50%;
top:175px;
margin-top:-2000px;
margin-left:-25px;
width:50px;
height:25px;
background-image:url(/view/components/map/assets/images/map_picker/carousel_pointer.png);
z-index:100001;
}

/**********************************************************************************************/
#mapMenuCarouselPositioner,#resourcePickerCarouselPositioner {
position:relative;
width:100%;
height:100%;
margin-top:0;
}

#mapMenuCarouselPositioner {
background-image:url(/view/components/map/assets/images/map_picker/carousel_container_front_middle.png);
}

#resourcePickerCarouselPositioner {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_front_middle.png);
}

/**********************************************************************************************/
.mapMenuFrontTopLeft,.resourcePickerFrontTopLeft {
position:absolute;
top:0;
left:0;
margin-top:-30px;
margin-left:0;
width:30px;
height:30px;
}

.mapMenuFrontTopLeft {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_container/sprite_sheet_no_repeat.png) no-repeat 0 0;
}

.resourcePickerFrontTopLeft {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_front_top_left.png);
}

/**********************************************************************************************/
.mapMenuFrontTopRight,.resourcePickerFrontTopRight {
position:absolute;
top:0;
right:0;
margin-top:-30px;
margin-right:0;
width:30px;
height:30px;
}

.mapMenuFrontTopRight {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_container/sprite_sheet_no_repeat.png) no-repeat -30px 0;
}

.resourcePickerFrontTopRight {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_front_top_right.png);
}

/**********************************************************************************************/
.mapMenuFrontTopMiddleContainer,.resourcePickerFrontTopMiddleContainer {
position:absolute;
top:0;
left:0;
margin-top:-30px;
margin-left:30px;
width:100%;
height:30px;
overflow:hidden;
}

/**********************************************************************************************/
.mapMenuFrontTopMiddle,.resourcePickerFrontTopMiddle {
height:30px;
margin-right:60px;
}

.mapMenuFrontTopMiddle {
background-image:url(/view/components/map/assets/images/map_picker/carousel_container_front_middle.png);
}

.resourcePickerFrontTopMiddle {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_front_middle.png);
}

/**********************************************************************************************/
.mapMenuFrontBottomLeft,.resourcePickerFrontBottomLeft {
position:absolute;
bottom:0;
left:0;
margin-bottom:-30px;
margin-left:0;
width:30px;
height:30px;
}

.mapMenuFrontBottomLeft {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_container/sprite_sheet_no_repeat.png) no-repeat -60px 0;
}

.resourcePickerFrontBottomLeft {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_front_bottom_left.png);
}

/**********************************************************************************************/
.mapMenuFrontBottomRight,.resourcePickerFrontBottomRight {
position:absolute;
bottom:0;
right:0;
margin-bottom:-30px;
margin-right:0;
width:30px;
height:30px;
}

.mapMenuFrontBottomRight {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_container/sprite_sheet_no_repeat.png) no-repeat -90px 0;
}

.resourcePickerFrontBottomRight {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_front_bottom_right.png);
}

/**********************************************************************************************/
.mapMenuFrontBottomMiddleContainer,.resourcePickerFrontBottomMiddleContainer {
position:absolute;
bottom:0;
left:0;
margin-bottom:-30px;
margin-left:30px;
width:100%;
height:30px;
overflow:hidden;
}

/**********************************************************************************************/
.mapMenuFrontBottomMiddle,.resourcePickerFrontBottomMiddle {
height:30px;
margin-right:60px;
}

.mapMenuFrontBottomMiddle {
background-image:url(/view/components/map/assets/images/map_picker/carousel_container_front_middle.png);
}

.resourcePickerFrontBottomMiddle {
background-image:url(/view/components/map/assets/images/resource_picker/carousel_container_front_middle.png);
}

/**********************************************************************************************/
#mapMenuCarouselBreadcrumb,#resourcePickerCarouselBreadcrumb {
position:absolute;
width:520px;
top:0;
left:230px;
margin-top:-10px;
text-align:center;
font-weight:700;
font-size:80%;
color:#fff;
z-index:1;
}

#mapMenuCarouselBreadcrumb a,#resourcePickerCarouselBreadcrumb a {
color:#fff;
text-decoration:none;
}

#mapMenuCarouselBreadcrumb a:hover,#resourcePickerCarouselBreadcrumb a:hover {
text-decoration:underline;
}

/**********************************************************************************************/
#mapMenuCarouselCloseButton,#resourcePickerCarouselCloseButton {
position:absolute;
top:0;
right:54px;
margin-top:-10px;
width:25px;
height:25px;
cursor:pointer;
z-index:5;
}

#mapMenuCarouselCloseButton {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_buttons/sprite_sheet_no_repeat.png) no-repeat -950px 0;
}

#resourcePickerCarouselCloseButton {
background:transparent url(/view/components/map/assets/images/resource_picker/close_button.png) no-repeat 0 0;
}

#mapMenuCarouselCloseButton:hover {
background-position:-975px 0;
}

/**********************************************************************************************/
#mapMenuCarouselBackButton,#resourcePickerCarouselBackButton {
position:absolute;
top:0;
left:54px;
margin-top:-10px;
width:70px;
height:21px;
padding-top:4px;
padding-left:5px;
font-weight:700;
font-size:80%;
color:#999;
cursor:pointer;
z-index:5;
}

#mapMenuCarouselBackButton {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_buttons/sprite_sheet_no_repeat.png) no-repeat -300px 0;
}

#resourcePickerCarouselBackButton {
background:transparent url(/view/components/map/assets/images/resource_picker/back_button.png) no-repeat 0 0;
}

/**********************************************************************************************/
#mapMenuCarouselFullscreenButton,#resourcePickerCarouselFullscreenButton {
position:absolute;
top:0;
right:84px;
margin-top:-10px;
width:115px;
height:21px;
padding-top:4px;
padding-left:10px;
font-weight:700;
font-size:80%;
color:#fff;
cursor:pointer;
z-index:5;
}

#mapMenuCarouselFullscreenButton {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_buttons/sprite_sheet_no_repeat.png) no-repeat -450px 0;
}

#resourcePickerCarouselFullscreenButton {
background:transparent url(/view/components/map/assets/images/resource_picker/fullscreen_button.png) no-repeat 0 0;
}

#mapMenuCarouselFullscreenButton:hover {
background-position:-575px 0;
}

/**********************************************************************************************/
#mapMenuCarouselMinimiseButton,#resourcePickerCarouselMinimiseButton {
position:absolute;
top:0;
right:84px;
margin-top:-10px;
width:115px;
height:21px;
padding-top:4px;
padding-left:10px;
font-weight:700;
font-size:80%;
color:#fff;
cursor:pointer;
z-index:5;
}

#mapMenuCarouselMinimiseButton {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_buttons/sprite_sheet_no_repeat.png) no-repeat -700px 0;
}

#resourcePickerCarouselMinimiseButton {
background:transparent url(/view/components/map/assets/images/resource_picker/minimise_button.png) no-repeat 0 0;
}

#mapMenuCarouselMinimiseButton:hover {
background-position:-825px 0;
}

/**********************************************************************************************/
#mapMenuFullScreen,#resourcePickerFullScreen {
position:relative;
padding-top:20px;
padding-left:10px;
padding-right:10px;
height:100%;
}

#resourcePickerFullScreen {
padding-left:50px;
padding-right:50px;
}

#mapMenuFullScreenContent,#resourcePickerFullScreenContent {
position:relative;
height:100%;
overflow:scroll;
overflow-x:hidden;
}

#resourcePickerFullScreenPreviousPageButton {
position:absolute;
top:50%;
left:15px;
margin-top:-22px;
width:20px;
height:45px;
cursor:default;
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_buttons/sprite_sheet_no_repeat.png) no-repeat -1225px 0;
}

#resourcePickerFullScreenNextPageButton {
position:absolute;
top:50%;
right:15px;
margin-top:-22px;
width:20px;
height:45px;
cursor:default;
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_buttons/sprite_sheet_no_repeat.png) no-repeat -1125px 0;
}

#resourcePickerFullScreenTopics {
width:100%;
height:100%;
}

#resourcePickerFullScreenResources {
width:100%;
height:100%;
}

/**********************************************************************************************/
.mapMenuCarouselMap,.resourcePickerCarouselTopic,.resourcePickerCarouselResource {
position:relative;
width:160px;
height:160px;
color:#fff;
cursor:pointer;
}

.mapMenuCarouselMap {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_container/sprite_sheet_no_repeat.png) no-repeat -240px 0;
}

.resourcePickerCarouselTopic,.resourcePickerCarouselResource {
background:transparent url(/view/components/map/assets/images/resource_picker/map_container.png) no-repeat 0 0;
}

/**********************************************************************************************/
.mapMenuCarouselMapDisabled,.resourcePickerCarouselTopicDisabled,.resourcePickerCarouselResourceDisabled {
position:relative;
width:160px;
height:160px;
color:#999;
cursor:pointer;
}

.mapMenuCarouselMapDisabled {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_container/sprite_sheet_no_repeat.png) no-repeat -570px 0;
}

.resourcePickerCarouselTopicDisabled,.resourcePickerCarouselResourceDisabled {
background:transparent url(/view/components/map/assets/images/resource_picker/map_container_disabled.png) no-repeat 0 0;
}

/**********************************************************************************************/
.mapMenuCarouselMapThumbnail,.resourcePickerCarouselTopicThumbnail,.resourcePickerCarouselResourceThumbnail {
position:absolute;
left:12px;
top:12px;
width:136px;
height:69px;
background-position:center;
background-repeat:no-repeat;
}

.mapMenuCarouselMapDetails,.resourcePickerCarouselTopicDetails,.resourcePickerCarouselResourceDetails {
position:absolute;
top:85px;
left:10px;
width:140px;
height:65px;
overflow:auto;
overflow-x:hidden;
}

.mapMenuCarouselMapName,.resourcePickerCarouselTopicName,.resourcePickerCarouselResourceName {
text-align:center;
font-size:80%;
font-weight:700;
}

.resourcePickerCarouselResourceName {
font-size:70%;
}

.mapMenuCarouselMapDescription,.resourcePickerCarouselTopicResources,.resourcePickerCarouselResourceDescription {
font-size:70%;
}

.mapMenuCarouselMapDescription {
margin-top:5px;
text-align:center;
}

.resourcePickerCarouselTopicResources {
text-align:center;
margin-top:15px;
}

.resourcePickerCarouselResourceLink {
position:absolute;
left:20px;
bottom:25px;
font-size:70%;
}

.resourcePickerCarouselResourceRating {
position:absolute;
left:28px;
bottom:5px;
}

/**********************************************************************************************/
#mapMenuHoverPointer {
position:absolute;
width:50px;
height:25px;
margin-left:-25px;
background-image:url(/view/components/map/assets/images/map_picker/carousel_pointer.png);
z-index:100001;
display:none;
}

#mapMenuHoverDetails {
position:absolute;
left:50%;
top:200px;
display:none;
z-index:100000;
}

#mapMenuHoverDetailsContainer {
position:relative;
width:310px;
padding:5px;
margin-top:30px;
background-image:url(/view/components/map/assets/images/map_picker/carousel_container_back_middle.png);
}

#mapMenuHoverDetailsPositioner {
position:relative;
background-image:url(/view/components/map/assets/images/map_picker/carousel_container_front_middle.png);
width:300px;
height:100%;
margin-top:0;
padding-left:5px;
padding-right:5px;
}

#mapMenuHoverDetails table {
width:100%;
border-spacing:5px;
}

#mapMenuHoverDetails table td {
font-size:80%;
color:#fff;
vertical-align:top;
}

#mapMenuHoverDetails table td.title {
width:100px;
font-weight:700;
}

/**********************************************************************************************/
#mapMenuCarouselMapGlow,#resourcePickerCarouselResourceGlow {
position:absolute;
width:190px;
height:190px;
z-index:0;
}

#mapMenuCarouselMapGlow {
background:url(/view/components/map/assets/images/map_picker/sprite_sheets/carousel_container/sprite_sheet_no_repeat.png) no-repeat -900px 0;
}

#resourcePickerCarouselResourceGlow {
background-image:url(/view/components/map/assets/images/resource_picker/map_glow.png);
}

/**********************************************************************************************/
#mapMenuCarousel div.coverflow_container {
padding-top:30px;
}

#mapMenuCarousel div.name {
text-align:center;
font-size:80%;
font-weight:700;
}

#mapMenuCarousel div.description {
margin-top:15px;
text-align:center;
font-size:70%;
}

#mapMenuFullScreenContent div.description,#mapMenuMaps div.description {
margin-top:5px;
}

/**
 * Master CSS for the MapPrintView
 * @author cblunt
 */
/** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -**/
/** Page **/
body {
font-family:sans-serif;
font-size:1em;
}

#headerContainer {
width:904px;
padding:0;
margin-left:20px;
}

#notesContainer {
float:right;
width:570px;
}

#notesText {
display:none;
}

#container {
clear:both;
padding:0;
width:900px;
height:540px;
overflow:hidden;
border:1px solid #909090;
top:11px;
position:relative;
margin-bottom:1.25em;
margin-left:1.25em;
}

#widgetNorthArrow {
width:24px;
height:50px;
position:relative;
left:874px;
top:0;
}

#summary {
margin-top:-10px;
margin-left:20px;
width:900px;
font-size:.7em;
line-height:1.25em;
}

#summary p {
text-align:right;
}

#layerLegend {
width:900px;
display:none;
padding-left:10px;
padding-bottom:15px;
}

div#mapPrintContainer {
position:relative;
}

div#mapPrintContainer #ezMaps {
width:900px;
height:auto;
clear:both;
margin-left:20px;
overflow:visible;
text-align:center;
z-index:2;
}

div#mapPrintContainer #loadingImage {
position:absolute;
left:450px;
top:250px;
z-index:1;
}

/** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -**/
/** Toolbar **/
#print_toolbar {
font-size:70%;
font-weight:700;
margin-bottom:.25em;
margin-left:20px;
width:902px;
}

#print_toolbar ul {
display:block;
list-style-type:none;
margin:0;
padding:0;
height:2.5em;
}

#print_toolbar li {
float:right;
text-align:center;
}

#print_toolbar li a {
background-color:#bce9fa;
color:#25408f;
font-weight:700;
text-decoration:none;
border:1px solid #7c8cbc;
border-left:none;
display:block;
padding:.5em 1em;
background-image:url(/view/components/shell/assets/images/buttons/container_titlebar_gradient.png);
background-repeat:repeat-x;
}

#print_toolbar li #gridButton {
width:65px;
border-left:1px solid #7c8cbc;
}

#landscapeWarning {
float:left;
width:500px;
font-weight:400;
color:#404040;
}

/** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -**/
/** Grid **/
div#ezMaps img.grid {
position:absolute;
top:0;
left:0;
display:none;
}

/** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -**/
/** Layer Legend **/
#layerLegend .polygonStyle {
width:15px;
height:15px;
border:1px solid;
margin-right:2px;
margin-left:7px;
}

#layerLegend .lineStyle {
width:15px;
height:1px;
border:1px solid;
margin-top:5px;
margin-right:2px;
margin-left:7px;
}

#layerLegend .textStyle {
width:15px;
height:15px;
border:1px solid gray;
margin-right:2px;
margin-left:7px;
}

/*

MapPicker component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.mapPicker {
padding:5px;
font-size:100%;
color:#666;
}

.mapPicker p {
font-size:70%;
margin-bottom:5px;
}

.mapPicker a {
color:#157697;
text-decoration:none;
}

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

.mapPicker .expired a {
color:gray;
text-decoration:none;
}

.mapPicker hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.mapPicker span.button {
padding-right:4px;
}

.mapPicker h3 {
font-weight:700;
font-size:70%;
color:#157697;
margin:4px 0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Show map picker specific styles */
#show_map_picker div.category_level1 {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #000;
}

#show_map_picker div.categories_level2_container {
overflow:hidden;
}

#show_map_picker div.category_level2 {
border:1px dotted #000;
width:75px;
min-height:95px;
float:left;
margin-right:10px;
margin-bottom:10px;
padding:2px;
text-align:center;
background-color:#FFF;
}

#show_map_picker div.category_level2 img {
width:75px;
height:50px;
vertical-align:top;
display:block;
margin-bottom:5px;
}

#show_map_picker div.category_level2 a {
font-size:70%;
margin-bottom:5px;
}

#show_map_picker div.categories_level2_end {
clear:both;
}

/*

Organiser component.

*/
div.organiser div.rule {
border-bottom:1px solid #000;
margin:8px 0;
}

div.organiser {
padding:16px;
position:relative;
height:400px;
}

div.organiser span#organiserDone {
position:absolute;
right:16px;
top:16px;
}

.draggable {
width:60px;
height:60px;
}

div.organiser div.help {
margin-bottom:16px;
}

div.organiser div.organiseSrcContainer {
position:relative;
float:left;
width:45%;
overflow:hidden;
overflow-y:hidden;
}

div.organiser div.organiseDestContainer {
position:relative;
float:right;
width:45%;
overflow:hidden;
overflow-y:hidden;
}

div.organiser div.organiseContent {
position:relative;
margin:0;
padding:0;
height:245px;
overflow:hidden;
overflow-y:hidden;
}

div.organiser div.organiseScroll {
border:1px dashed gray;
overflow-y:scroll;
overflow-x:hidden;
height:204px;
position:relative;
}

div.organiser div.actions {
margin-bottom:8px;
}

div.organiser div.actions div.folderUpdating {
float:right;
}

div.organiser div.actions span.path {
font-size:10pt;
vertical-align:middle;
padding-left:2em;
}

div.organiser div.organiseLoading {
margin-top:16px;
}

div.organiser div.organiseSrcContainer div.organiseResources {
height:204px;
position:relative;
}

div.organiser div.organiseDestContainer div.organiseResources {
height:204px;
position:relative;
}

div.organiser div.organiseResources {
border:1px solid #FFF;
height:204px;
position:relative;
}

div.organiser div.organiseContent div div.organiseHover {
border:0;
}

div.organiser div.resource {
float:left;
width:60px;
margin:8px;
}

div.organiser div.resource div.thumbnailContainer {
margin-bottom:2px;
}

div.organiser div.resource div.thumbnailContainer img.thumbnail {
display:block;
width:60px;
height:60px;
}

div.organiser div.resource div.labelContainer {
background-color:#e5e5e5;
height:16px;
padding:4px;
}

div.organiser div.resource div.labelContainer .label {
font-size:8pt;
overflow:hidden;
text-transform:capitalize;
width:52px;
height:16px;
}

div.organiser div.bottom {
clear:both;
}

/*

PlaceExplorer component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.placeExplorer {
padding:5px;
font-size:100%;
color:#000;
}

.placeExplorer h2 {
font-size:70%;
color:#000;
font-weight:700;
}

.placeExplorer p {
font-size:70%;
margin-bottom:5px;
}

.placeExplorer a {
color:#157697;
text-decoration:none;
}

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

.placeExplorer hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.placeExplorer span.button {
padding-right:4px;
}

.placeExplorer div.actions {
margin-top:10px;
}

.placeExplorer div.actions span.button {
margin:4px 0;
}

#exactPlaceMatches,#partialPlaceMatches,#postcodeMatches {
}

#exactPlaceMatches li,#partialPlaceMatches li,#postcodeMatches li {
font-size:70%;
border-bottom:1px dashed gray;
display:block;
}

#exactPlaceMatches li:hover,#partialPlaceMatches li:hover,#postcodeMatches li:hover {
background-color:#efefef;
}

#exactPlaceMatches li.selected,#partialPlaceMatches li.selected,#postcodeMatches li.selected {
background:url(/view/shared/assets/images/tick.png) no-repeat right top;
color:red!important;
background-color:#efefef;
}

#exactPlaceMatches li a,#partialPlaceMatches li a,#postcodeMatches li a {
display:block;
color:#157697;
text-decoration:none;
padding:4px;
margin-right:5px;
}

#exactPlaceMatches li a:hover,#partialPlaceMatches li a:hover,#postcodeMatches li a:hover {
color:red;
}

.alterativeSearchTerms {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

.alterativeSearchTerms li {
margin-left:20px;
}

.alterativeSearchTerms li a {
color:#157697;
text-decoration:none;
}

.alterativeSearchTerms li a:hover {
color:#FFF;
background-color:#157697;
}

#place_explorer_active_links_container div.jcarousel-next {
position:absolute;
}

#place_explorer_active_links_container div.jcarousel-prev {
position:absolute;
}

#place_explorer_active_links a {
margin-right:5px;
margin-bottom:5px;
}

/*

ProjectOrganiser component.

*/
div.projectOrganiser div.rule {
border-bottom:1px solid #000;
margin:8px 0;
}

div.projectOrganiser {
padding:16px;
position:relative;
}

div.projectOrganiser span#projectOrganiserDone {
position:absolute;
right:16px;
top:16px;
}

div.projectOrganiser div.help {
margin-bottom:16px;
}

div.projectOrganiser div.help span.name {
font-weight:700;
}

div.projectOrganiser div.organiseScroll {
border:1px dashed gray;
overflow-y:scroll;
overflow-x:hidden;
height:204px;
position:relative;
}

div.projectOrganiser div.organiseSrcContainer {
position:relative;
float:left;
width:45%;
}

div.projectOrganiser div.organiseDestContainer {
position:relative;
float:right;
width:45%;
}

div.projectOrganiser div.organiseDestContainer div.actions {
visibility:hidden;
}

div.projectOrganiser div.organiseContent {
position:relative;
}

div.projectOrganiser div.actions {
margin-bottom:8px;
}

div.projectOrganiser div.actions div.folderUpdating {
float:right;
}

div.projectOrganiser div.actions span.path {
font-size:10pt;
vertical-align:middle;
padding-left:2em;
}

div.projectOrganiser div.organiseLoading {
margin-top:16px;
}

div.projectOrganiser div.organiseSrcContainer div.organiseResources {
border:1px dashed #FFF;
height:204px;
position:relative;
}

div.projectOrganiser div.organiseDestContainer div.organiseResources {
height:204px;
position:relative;
}

div.projectOrganiser div.organiseContent > div.organiseHover {
border:1px dashed red;
}

div.projectOrganiser div.resource {
float:left;
width:60px;
margin:8px;
}

div.projectOrganiser div.resource div.thumbnailContainer {
margin-bottom:2px;
position:relative;
}

div.projectOrganiser div.resource div.thumbnailContainer img.thumbnail {
display:block;
width:60px;
height:60px;
}

div.projectOrganiser div.resource div.thumbnailContainer img.remove {
display:block;
position:absolute;
top:0;
right:0;
opacity:0.6;
filter:alpha(opacity='60');
width:21px;
height:21px;
}

div.projectOrganiser div.resource div.labelContainer {
background-color:#e5e5e5;
height:16px;
padding:0;
margin-top:4px;
margin-bottom:4px;
margin-left:0;
margin-right:0;
overflow:hidden;
width:60px;
}

div.projectOrganiser div.resource div.labelContainer .label {
font-size:8pt;
height:100%;
overflow:hidden;
text-transform:capitalize;
}

div.projectOrganiser div.bottom {
clear:both;
}

div.clear {
clear:both;
}

/*

ProjectMutator component.

*/
div.projectMutator div.rule {
border-bottom:1px solid #000;
margin:8px 0;
}

div.projectMutator {
padding:1px 5px 5px;
}

/* mode: Re-order project */
div.projectMutator div.reorderProject div.project {
margin:8px 0;
border-bottom:1px solid #000;
}

div.projectMutator div.reorderProject div.project div.name {
color:#157697;
font-size:90%;
font-weight:700;
margin:4px 0;
}

div.projectMutator div.reorderProject div.project div.name * {
vertical-align:middle;
margin-right:4px;
}

div.projectMutator div.reorderProject div.project td.thumbnail img {
width:60px;
height:60px;
border:2px solid #D1E4EA;
display:block;
}

div.projectMutator div.reorderProject div.project td.menu {
padding-left:1px;
vertical-align:top;
}

div.projectMutator div.reorderProject div.project td.menu div {
padding:49px 2px 4px;
background:#D1E4EA;
width:12px;
}

div.projectMutator div.reorderProject div.project td.menu img {
display:block;
cursor:pointer;
}

div.projectMutator div.reorderProject div.project div.prompt {
color:#333;
font-size:80%;
font-weight:700;
margin:8px 0;
}

div.projectMutator div.reorderProject div.empty {
margin:16px 0;
font-size:80%;
font-style:italic;
}

div.projectMutator div.reorderProject div.members {
margin:8px 0;
}

div.projectMutator div.reorderProject div.member {
cursor:n-resize;
}

div.projectMutator div.reorderProject div.member div.name {
color:#157697;
font-size:90%;
font-weight:700;
margin:4px 0;
}

div.projectMutator div.reorderProject div.member div.name * {
padding-right:4px;
vertical-align:middle;
}

div.projectMutator div.reorderProject div.member td.thumbnail {
vertical-align:top;
}

div.projectMutator div.reorderProject div.member td.thumbnail img {
width:60px;
height:60px;
display:block;
}

div.projectMutator div.reorderProject div.member td.actions {
vertical-align:top;
padding-left:8px;
}

div.projectMutator div.reorderProject div.member td.actions span.button {
display:block;
margin:4px 0;
}

/*

Registration component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.registration {
padding:5px;
font-size:100%;
color:#000;
}

.registration p {
font-size:75%;
margin-bottom:5px;
}

.registration a {
color:#157697;
text-decoration:none;
}

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

.registration hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.registration span.button {
padding-right:4px;
}

.registration ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:none;
}

.registration ul li {
font-size:70%;
margin-left:20px;
}

.registration .step_title {
font-weight:700;
color:#157697;
margin-bottom:10px;
}

.registration table {
width:100%;
}

.registration table tr td {
padding-top:5px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Show registration step 1 state specific styles */
.registration .show_registration_step1 {
}

.registration .show_registration_step1 table tr th {
font-size:70%;
font-weight:700;
}

.registration .show_registration_step1 table tr td {
font-size:70%;
}

.registration .show_registration_step1 table tr td {
font-size:70%;
}

.registration .show_registration_step1 table tr td hr {
height:1px;
border:none;
border-top:1px dashed gray;
color:#FFF;
background-color:#FFF;
margin-bottom:5px;
}

.registration .show_registration_step1 table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:middle;
}

.registration .show_registration_step1 table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.registration .show_registration_step1 table tr .mandatory img {
display:block;
}

.registration .show_registration_step1 table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

.registration .show_registration_step1 table tr td #establishmentName {
width:200px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Show registration step 1a state specific styles */
.registration .show_registration_step1a table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:top;
}

.registration .show_registration_step1a table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.registration .show_registration_step1a table tr .mandatory img {
display:block;
}

.registration .show_registration_step1a table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Show registration step 1b state specific styles */
.registration .show_registration_step1b table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:middle;
}

.registration .show_registration_step1b table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.registration .show_registration_step1b table tr .mandatory img {
display:block;
}

.registration .show_registration_step1b table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Show registration step 2 state specific styles */
.registration .show_registration_step2 table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:top;
}

.registration .show_registration_step2 table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.registration .show_registration_step2 table tr .mandatory img {
display:block;
}

.registration .show_registration_step2 table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

.registration .show_registration_step2 table tr input {
vertical-align:middle;
}

.registration .show_registration_step2 table tr label {
font-size:70%;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Show registration step 3 state specific styles */
.registration .show_registration_step3 {
}

.registration .show_registration_step3 #existingLicences {
}

.registration .show_registration_step3 #existingLicences dl {
font-size:70%;
}

.registration .show_registration_step3 #existingLicences dl dt {
font-weight:700;
color:#157697;
}

.registration .show_registration_step3 #existingLicences dl dd {
}

.registration .show_registration_step3 #existingLicences hr,.registration .show_registration_step3 #purchaseLicenceContainer hr {
height:1px;
border-top:1px dashed gray;
background:none;
margin-bottom:10px;
}

.registration .show_registration_step3 table tr th {
font-size:70%;
font-weight:700;
}

.registration .show_registration_step3 table tr td {
font-size:70%;
}

.registration .show_registration_step3 table tr td hr {
height:1px;
border:none;
border-top:1px dashed gray;
color:#FFF;
background-color:#FFF;
margin-bottom:5px;
}

.registration .show_registration_step3 #purchaseLicenceContainer h2 {
font-size:70%;
font-weight:700;
margin-bottom:10px;
}

.registration .show_registration_step3 table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:middle;
}

.registration .show_registration_step3 table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.registration .show_registration_step3 table tr .mandatory img {
display:block;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Show registration complete state specific styles */
.registration .show_registration_complete {
}

.registration .show_registration_complete #existingLicences {
}

.registration .show_registration_complete #existingLicences dl {
font-size:70%;
}

.registration .show_registration_complete #existingLicences dl dt {
font-weight:700;
color:#157697;
}

.registration .show_registration_complete #existingLicences dl dd {
}

.registration .show_registration_complete #existingLicences hr,.registration .show_registration_step3 #purchaseLicenceContainer hr {
height:1px;
border-top:1px dashed gray;
background:none;
margin-bottom:10px;
}

.registration .show_registration_complete table tr th {
font-size:70%;
font-weight:700;
}

.registration .show_registration_complete table tr td {
font-size:70%;
}

.registration .show_registration_complete table tr td hr {
height:1px;
border:none;
border-top:1px dashed gray;
color:#FFF;
background-color:#FFF;
margin-bottom:5px;
}

.registration .show_registration_complete #purchaseLicenceContainer h2 {
font-size:70%;
font-weight:700;
margin-bottom:10px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Paging */
.registration div.paging {
margin:8px 0;
font-size:70%;
}

.registration div.paging span.page {
padding-right:4px;
}

.registration div.paging span.inactive {
border:1px solid #888;
color:#888;
padding:2px 4px;
}

.registration div.paging a {
border:1px solid #000;
padding:2px 4px;
text-decoration:none;
color:#157697;
}

.registration div.paging a.step {
color:#000;
}

.registration div.paging span.current {
border:1px solid #f36b00;
padding:2px 4px;
color:#f36b00;
}

/*

ResourceDetails component.

*/
div.resourceDetails div.rule {
border-bottom:1px solid #000;
margin:8px 0;
}

div.resourceDetails {
padding:5px;
}

div.resourceDetails p.note {
margin-top:15px;
font-size:60%;
color:red;
}

div.resourceDetails div.resource div.name {
font-weight:700;
font-size:90%;
color:#157697;
margin:4px 0;
}

div.resourceDetails div.resource a.url {
font-size:80%;
margin:8px 0;
display:block;
overflow:hidden;
}

div.resourceDetails div.resource div.actions {
margin:8px 0;
}

div.resourceDetails div.resource div.actions span.button {
padding-right:4px;
}

div.resourceDetails div.resource img.file {
max-width:100%;
/* Supply a "width: 100%" property to IE6 */
}

div.resourceDetails div.resource iframe.audio,div.resourceDetails div.resource iframe.video {
width:100%;
height:260px;
border:0;
}

div.resourceDetails div.resource div.description {
font-size:60%;
color:#666;
margin:8px 0;
}

div.resourceDetails div.resource div.description p.contact {
margin-top:4px;
}

div.resourceDetails div.resource iframe.resourceBody {
overflow:auto;
height:50px;
width:100%;
}

div.resourceDetails div.resource div.details {
font-size:60%;
clear:both;
}

div.resourceDetails div.resource div.details span.label {
padding-right:4px;
font-weight:700;
}

div.resourceDetails div.resource div.details span.value {
color:#666;
}

div.resourceDetails div.resource div.details div.access * {
vertical-align:middle;
}

div.resourceDetails div.resource div.details div.access span {
text-transform:capitalize;
}

div.resourceDetails div.resource div.details div.access img {
padding-left:4px;
}

div.resourceDetails div.resource div.details div.rating {
margin-top:4px;
cursor:pointer;
}

/*

ResourceEditor component.

*/
div.resourceEditor div.rule {
border-bottom:1px solid #000;
margin:8px 0;
}

div.resourceEditor {
padding:1px 5px 5px;
}

/* General */
div.resourceEditor input.file {
border:1px solid gray;
padding:2px 1px 1px;
}

div.resourceEditor input.text {
border:1px solid gray;
padding:2px 1px 1px;
}

div.resourceEditor input.number {
border:1px solid gray;
padding:2px 1px 1px;
}

div.resourceEditor input.url {
width:100%;
}

div.resourceEditor textarea {
border:1px solid gray;
padding:2px 1px 1px;
}

div.resourceEditor form.resourceEditor {
overflow:hidden;
}

div.resourceEditor div.info {
font-size:80%;
padding:4px 0 8px;
border-bottom:1px solid #000;
}

div.resourceEditor div.info p {
margin-bottom:8px;
}

div.resourceEditor form.resourceEditor div.mode {
margin:4px 0 8px;
}

div.resourceEditor form.resourceEditor div.mode span.button {
padding-right:4px;
}

div.resourceEditor form.resourceEditor td {
border-bottom:1px solid #000;
}

div.resourceEditor form.resourceEditor td.label {
font-size:70%;
font-weight:700;
color:#157697;
width:1%;
}

div.resourceEditor form.resourceEditor td.simpleLabel {
vertical-align:middle;
padding:4px 0;
}

div.resourceEditor form.resourceEditor td.complexLabel {
vertical-align:top;
padding:8px 0;
}

div.resourceEditor form.resourceEditor td.mandatory {
padding:4px;
vertical-align:middle;
}

div.resourceEditor form.resourceEditor td.mandatory img {
display:block;
}

div.resourceEditor form.resourceEditor td.complexMandatory {
padding:4px;
vertical-align:top;
}

div.resourceEditor form.resourceEditor td.complexMandatory img {
display:block;
}

div.resourceEditor form.resourceEditor td.value {
font-size:70%;
padding:4px 8px 4px 0;
}

div.resourceEditor form.resourceEditor td.simpleValue {
vertical-align:middle;
}

div.resourceEditor form.resourceEditor td.complexValue {
vertical-align:top;
}

div.resourceEditor form.resourceEditor td.value div#resourceEditorFileUpload {
width:450px;
height:138px;
overflow:hidden;
}

div.resourceEditor form.resourceEditor td.value input.text {
font-size:100%;
font-family:inherit;
}

div.resourceEditor form.resourceEditor td.value input.number {
font-size:100%;
font-family:inherit;
width:3em;
}

div.resourceEditor form.resourceEditor td.value input.file {
font-size:100%;
font-family:inherit;
}

div.resourceEditor form.resourceEditor td.value div.textarea {
}

div.resourceEditor form.resourceEditor td.value div.url {
margin-right:8px;
}

div.resourceEditor form.resourceEditor td.value textarea {
width:100%;
font-size:100%;
font-family:inherit;
}

div.resourceEditor form.resourceEditor td.value textarea.pageBody {
height:150px;
visibility:hidden;
}

div.resourceEditor form.resourceEditor td.value div.help {
margin:0 16px;
color:#666;
}

div.resourceEditor form.resourceEditor td.value input {
vertical-align:middle;
}

div.resourceEditor form.resourceEditor td.value span {
vertical-align:middle;
color:#666;
}

div.resourceEditor form.resourceEditor td.value img {
vertical-align:middle;
}

div.resourceEditor form.resourceEditor td.value div.scopeOption input {
margin-left:0;
}

div.resourceEditor form.resourceEditor td.value a.selectGroups {
padding-left:8px;
text-decoration:none;
}

div.resourceEditor form.resourceEditor td.value a.selectGroups span {
color:#000;
}

div.resourceEditor form.resourceEditor td.value div.groupList {
margin-left:32px;
}

div.resourceEditor form.resourceEditor td.value div.groupList a {
padding-left:8px;
vertical-align:middle;
}

div.resourceEditor form.resourceEditor td.value a.selectFolder {
padding-left:8px;
text-decoration:none;
}

div.resourceEditor form.resourceEditor td.value a.selectFolder span {
color:#000;
}

div.resourceEditor form.resourceEditor td.value p.estTypeIcon {
margin-bottom:4px;
position:relative;
}

div.resourceEditor form.resourceEditor td.value p.estTypeIcon img {
position:absolute;
top:0;
left:50px;
}

div.resourceEditor div.actions {
margin:16px 0 8px;
}

div.resourceEditor div.actions span.cancel {
float:right;
}

div.resourceEditor div.actions span.tabNav span.button {
padding-right:40px;
}

div.resourceEditor div.actions span.button {
padding-right:4px;
}

/* Firefox specific rule to counter its missing-cursor bug.
	See http://www.bram.us/2007/05/31/my-note-to-myself-dissapearing-firefox-caret-cursor-css-fix/ */
div#lightbox::-moz-any-link {
overflow:auto;
}

div#lbContent div.resourceEditorContent {
margin:5px 10px 5px 5px;
}

div#lbContent div.resourceEditorContent textarea.body {
width:100%;
height:150px;
visibility:hidden;
}

div#lbContent div.resourceEditorContent div.actions {
margin-top:16px;
}

div#lbContent div.resourceEditorContent div.actions span.button {
padding-right:4px;
}

/* General completion page */
div.resourceEditor div.complete div.status {
font-size:70%;
margin:16px 0;
}

div.resourceEditor div.complete p.errorDescription {
font-size:70%;
color:red;
margin:16px 0;
}

div.resourceEditor div.complete div.actions {
margin:16px 0;
}

div.resourceEditor div.complete div.actions span.button {
display:block;
margin:4px 0;
}

/* mode: Edit resource */
div.resourceEditor div.editResource {
}

/* mode: Add files */
div.resourceEditor div.addFiles {
}

/* mode: Add files summary */
div.resourceEditor div.addFilesSummary div.fileCount {
margin:16px 0;
font-size:70%;
}

div.resourceEditor div.addFilesSummary div.details {
margin:0 4px 0 68px;
min-height:60px;
position:relative;
}

div.resourceEditor div.addFilesSummary div.details img {
position:absolute;
left:-68px;
}

div.resourceEditor div.addFilesSummary table {
width:100%;
}

div.resourceEditor div.addFilesSummary td {
vertical-align:middle;
padding-bottom:4px;
}

div.resourceEditor div.addFilesSummary td.label {
vertical-align:middle;
padding-right:8px;
font-size:70%;
font-weight:700;
color:#157697;
width:1%;
}

div.resourceEditor div.addFilesSummary td.value input {
border:1px solid gray;
padding:2px 1px 1px;
font-size:70%;
}

div.resourceEditor div.addFilesSummary td.value input.description {
width:100%;
}

div.resourceEditor div.addFilesSummary div.actions {
margin:16px 0 8px;
}

div.resourceEditor div.addFilesSummary div.actions span.button {
padding-right:4px;
}

/* mode: Group selection lightbox */
/* This can't really stay here! */
body.component div#lightbox div#lbLoadMessage {
padding:5px;
}

div.resourceEditorSelectGroups {
padding:5px;
}

div.resourceEditorSelectGroups div.actions {
margin-top:16px;
}

div.resourceEditorSelectGroups div.actions span.button {
padding-right:4px;
}

/* mode: Folder selection lightbox */
/* This can't really stay here! */
div.resourceEditorSelectFolder {
padding:5px;
}

div.resourceEditorSelectFolder div.folder * {
vertical-align:middle;
}

div.resourceEditorSelectFolder div.children {
margin-left:32px;
}

div.resourceEditorSelectFolder div.actions {
margin-top:16px;
}

div.resourceEditorSelectFolder div.actions span.button {
padding-right:4px;
}

/* mode: Symbol selection lightbox */
/* This can't really stay here! */
div.resourceEditorSelectThemeSymbol {
padding:5px;
height:240px;
}

div.resourceEditorSelectThemeSymbol div.folder * {
vertical-align:middle;
}

div.resourceEditorSelectThemeSymbol div.children {
margin-left:32px;
}

div.resourceEditorSelectThemeSymbol div.symbolsContainer {
}

div.resourceEditorSelectThemeSymbol div.symbolsContainer div.symbol {
float:left;
width:25px;
height:25px;
margin-right:3px;
margin-bottom:3px;
border:1px solid gray;
padding:1px;
cursor:pointer;
}

div.resourceEditorSelectThemeSymbol div.symbolsContainer div.symbol:hover {
border-color:#F36B00;
}

div.resourceEditorSelectThemeSymbol div.symbolsContainer div.symbol img {
width:25px;
height:25px;
}

div.resourceEditorSelectThemeSymbol div.actions {
margin-top:16px;
}

div.resourceEditorSelectThemeSymbol div.actions span.button {
padding-right:4px;
}

/* Theme table styles. */
div.resourceEditor form.resourceEditor .themeTable {
width:auto;
margin-left:10px;
}

div.resourceEditor form.resourceEditor .themeTable tr .themeLabel {
width:100px;
font-weight:700;
color:#666;
}

div.resourceEditor form.resourceEditor .themeTable tr td {
border:none;
padding-top:4px;
padding-bottom:4px;
vertical-align:top;
width:130px;
}

div.resourceEditor form.resourceEditor .themeTable tr td #themeThumbnailDropTarget {
width:60px;
height:60px;
border:1px dashed gray;
padding:1px;
}

div.resourceEditor form.resourceEditor .themeTable tr td .themeThumbnailDropTargetHover {
width:60px;
height:60px;
border:1px dashed red!important;
}

div.resourceEditor form.resourceEditor .themeTable tr td a.selectThemeSymbol {
text-decoration:none;
}

div.resourceEditor form.resourceEditor .themeTable tr td a.selectThemeSymbol span {
color:#000;
}

/* Auto complete styles */
div.resourceEditor div.auto_complete_results {
border:1px solid gray;
z-index:9999999;
position:absolute;
top:3px;
left:210px;
width:300px;
height:75px;
background-color:#FFF;
padding:0;
overflow:auto;
}

div.resourceEditor div.auto_complete_results ul {
padding:3px;
}

div.resourceEditor div.auto_complete_results ul li {
border-bottom:1px dotted gray;
padding-bottom:3px;
padding-top:3px;
background-color:#fff;
cursor:pointer;
}

div.resourceEditor div.auto_complete_results ul li:hover {
background-color:#ccc;
}

/*

* ResourceExplorer component.
*
* The ResourceExplorer component replaces the old resource_explorer and handles all resource related data within uLearn.
* 
* It comprises of 3 tabs:
* 	- Tags: this tab always shows any tagged resources found in the current viewport extents. This is the default tab.
* 	- Resources: this tab (when selected), shows a summary of all published resources found matching the last search.
* 	- My Resources: this tab (when selected), lists/allows management of the users personal resources.

*/
div.resourceExplorer div.rule {
border-bottom:1px solid #000;
margin:8px 0;
}

div.resourceExplorer {
padding:5px;
padding-top:25px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Loading */
div.resourceExplorer div.loading {
background:url(/view/components/resource_explorer/assets/images/activity_indicator.gif) 0 50% no-repeat;
padding:8px 8px 8px 24px;
margin-left:8px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Old Tabs */
div.resourceExplorer div.oldTabs {
position:absolute;
top:0;
left:0;
width:100%;
height:24px;
}

div.resourceExplorer div.oldTabs ul {
list-style:none;
width:100%;
height:23px;
background:url(/view/components/resource_explorer/assets/images/container_titlebar_gradient.png) #BCE9FA repeat-x left top;
border-bottom:1px solid #7C8CBC;
}

div.resourceExplorer div.oldTabs ul li {
display:inline;
}

div.resourceExplorer div.oldTabs ul li a {
font-size:70%;
font-weight:700;
color:#25408F;
padding:5px 10px;
border-right:1px solid #7C8CBC;
text-decoration:none;
float:left;
}

div.resourceExplorer div.oldTabs ul li a.selected {
font-size:70%;
font-weight:700;
color:#db3328;
border-right:1px solid #7C8CBC;
text-decoration:none;
background-color:#FFF;
padding-bottom:6px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* New Tabs*/
div.resourceExplorer div.newTabs {
position:absolute;
top:0;
left:0;
overflow:hidden;
width:100%;
height:27px;
}

div.resourceExplorer div.newTabs td.tabNav {
width:30px;
float:left;
height:23px;
padding-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
margin-top:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
border:1px solid #7C8CBC;
}

div.resourceExplorer div.newTabs td.tabNav a img {
padding-bottom:5px;
padding-left:5px;
}

div.resourceExplorer div.newTabs #outerTabButtons {
width:200px;
overflow:hidden;
padding:0;
margin:0;
background:url(/view/components/resource_explorer/assets/images/container_titlebar_gradient.png) #BCE9FA repeat-x left top;
border-bottom:1px solid #7C8CBC;
border-top:1px solid #7C8CBC;
position:relative;
}

div.resourceExplorer div.newTabs #innerTabButtons {
width:900px;
height:23px;
background:url(/view/components/resource_explorer/assets/images/container_titlebar_gradient.png) #BCE9FA repeat-x left top;
position:relative;
}

div.resourceExplorer div.newTabs .tab {
height:23px;
border-right:1px solid #7C8CBC;
float:left;
padding-left:5px;
padding-right:5px;
width:auto;
}

div.resourceExplorer div.newTabs .tab a {
font-size:70%;
font-weight:700;
color:#25408F;
text-decoration:none;
}

div.resourceExplorer div.newTabs .tab a.selected {
font-size:70%;
font-weight:700;
color:#DB3328;
text-decoration:none;
}

div.resourceExplorer div.newTabs .tab a.selected div.tabTitle {
/*width:200px;*/
height:24px;
background:#FFF;
}

div.resourceExplorer div.newTabs table {
width:10px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Search within */
div.resourceExplorer div.searchWithin {
margin:0 0 16px;
}

div.resourceExplorer div.searchWithin span.title {
color:#157697;
font-size:70%;
font-weight:700;
cursor:pointer;
}

div.resourceExplorer div.searchWithin div.searchFilters {
font-size:70%;
margin-left:16px;
clear:left;
}

div.resourceExplorer div.searchWithin div.searchFilters td {
padding:2px;
vertical-align:middle;
}

div.resourceExplorer div.searchWithin div.searchFilters span.buttonBackground {
font-size:12pt;
}

div.resourceExplorer div.searchWithin div.searchFilters span.buttonLabel {
font-size:10pt;
vertical-align:10%;
}

div.resourceExplorer div.searchWithin div.summary {
font-size:80%;
}

div.resourceExplorer div.searchWithin div.summary a {
vertical-align:super;
}

div.resourceExplorer div.searchWithin div.summary span {
text-transform:lowercase;
}

div.resourceExplorer div.searchWithin div.summary span .uppercase {
text-transform:uppercase;
}

/***********************************************
div.resourceExplorer div.searchWithin span.openSearchFiltersLink{
	float:left;
	margin: 8px;
}

div.resourceExplorer div.searchWithin span.closeSearchFiltersLink{
	float:left;
}

div.quickSearchFilters{
	border:0px solid red;
	float:left;	
}

div.resourceExplorer div.paging {
	float:left;
	margin: 8px;
	font-size: 70%;
	height:26px;
}
***********************************************/
div.resourceExplorer div.searchWithin span.numberOfResults {
position:absolute;
right:10px;
top:39px;
text-align:right;
cursor:default;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Paging */
div.resourceExplorer div.paging {
margin:8px 0;
font-size:70%;
}

div.resourceExplorer div.paging div.page,div.resourceExplorer div.paging div.disabled_page,div.resourceExplorer div.paging div.stepping_page {
float:left;
min-width:20px;
height:15px;
border:1px solid #2E90BD;
background-color:#097CB0;
padding-top:2px;
padding-bottom:2px;
text-align:center;
margin-right:2px;
}

div.resourceExplorer div.paging div.disabled_page {
background-color:#7f7f7f;
}

div.resourceExplorer div.paging div.stepping_page {
width:12px;
}

div.resourceExplorer div.paging a {
text-decoration:none;
color:#fff;
font-weight:700;
}

div.resourceExplorer div.paging input.current_page {
float:left;
width:20px;
height:16px;
padding-top:2px;
margin-right:2px;
border:1px solid #2E90BD;
background-color:#f36b00;
color:#fff;
text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-weight:700;
font-size:100%;
text-decoration:underline;
}

div.resourceExplorer div.paging input.resultsSpinner {
width:35px;
height:16px;
text-align:center;
}

div.resourceExplorer div.paging select.viewMode {
margin-left:5px;
margin-top:-1px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* OLD Paging for Scoilnet */
div.resourceExplorer div.pagingScoilnet {
margin:8px 0;
font-size:70%;
}

div.resourceExplorer div.pagingScoilnet span.page {
padding-right:4px;
height:26px;
}

div.resourceExplorer div.pagingScoilnet span.inactive {
border:1px solid #888;
color:#888;
padding:2px 4px;
}

div.resourceExplorer div.pagingScoilnet a {
border:1px solid #000;
padding:2px 4px;
text-decoration:none;
color:#157697;
}

div.resourceExplorer div.pagingScoilnet a.step {
color:#000;
}

div.resourceExplorer div.pagingScoilnet span.current {
border:1px solid #f36b00;
padding:2px 4px;
color:#f36b00;
}

div.resourceExplorer div.pagingScoilnet input.resultsSpinner {
width:35px;
height:16px;
text-align:center;
}

div.resourceExplorer div.pagingScoilnet div.page_numbers {
float:left;
margin-top:4px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Children mode */
div.resourceExplorer div.childrenMode div.parent {
margin-bottom:24px;
}

div.resourceExplorer div.childrenMode div.children {
margin:24px 0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Items */
div.resourceExplorer div.items {
zoom:1;
}

div.resourceExplorer div.items td {
vertical-align:top;
}

div.resourceExplorer div.items td.thumbnail {
width:1%;
}

div.resourceExplorer div.items td.thumbnail img {
display:block;
}

div.resourceExplorer div.items div.resource td.thumbnail img,div.resourceExplorer div.items div.geometry td.thumbnail img {
cursor:pointer;
}

div.resourceExplorer div.items td.thumbnail img {
border:2px solid #D1E4EA;
}

div.resourceExplorer div.items td.selected img {
border:2px solid #F36B00;
}

div.resourceExplorer div.noSearchResultsFound {
}

div.resourceExplorer div.noSearchResultsFound p {
font-size:80%;
font-style:italic;
}

div.resourceExplorer div.noSearchResultsFound hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

div.resourceExplorer div.noSearchCarriedOut {
}

div.resourceExplorer div.noSearchCarriedOut p {
font-size:80%;
font-style:italic;
}

div.resourceExplorer div.noSearchCarriedOut hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

/*
div.resourceExplorer div.itemSummaries div.geometry td.thumbnail div {
	width: 58px;
	height: 58px;
	border: 1px solid black;
}
div.resourceExplorer div.itemSummaries div.geometry td.thumbnail img {
	padding: 14px 0px 0px 14px;
	width: 29px;
	height: 29px;
}
*/
div.resourceExplorer img.mapSymbol {
width:40px;
height:40px;
}

div.resourceExplorer div.grid img.mapSymbol {
width:20px;
height:20px;
}

div.resourceExplorer div.itemSummaries div.postcode td.thumbnail div {
width:58px;
height:58px;
border:1px solid #000;
}

div.resourceExplorer div.itemSummaries div.postcode td.thumbnail img {
padding:14px 0 0 14px;
width:29px;
height:29px;
}

div.resourceExplorer div.itemSummaries div.resource td.thumbnail img {
width:60px;
height:60px;
}

div.resourceExplorer div.itemThumbnails div.geometry td.thumbnail div.dimensions {
width:89px;
height:89px;
}

div.resourceExplorer div.itemThumbnails div.geometry td.thumbnail div.border {
padding:14px;
border:2px solid #D1E4EA;
}

div.resourceExplorer div.itemThumbnails div.geometry td.thumbnail img {
width:57px;
height:57px;
display:block;
border:0;
}

div.resourceExplorer div.itemThumbnails div.postcode td.thumbnail div.dimensions {
width:89px;
height:89px;
}

div.resourceExplorer div.itemThumbnails div.postcode td.thumbnail div.border {
padding:14px;
border:2px solid #D1E4EA;
}

div.resourceExplorer div.itemThumbnails div.postcode td.thumbnail img {
width:57px;
height:57px;
display:block;
border:0;
}

div.resourceExplorer div.itemThumbnails div.resource td.thumbnail img {
width:89px;
height:89px;
}

div.resourceExplorer div.items td.menu {
padding:0 8px 0 1px;
zoom:1;
}

div.resourceExplorer div.itemSummaries td.menu {
width:1%;
zoom:1;
}

div.resourceExplorer div.itemThumbnails td.menu {
width:99%;
zoom:1;
}

div.resourceExplorer div.items td.menu div.menu {
position:relative;
background-color:#d1e4ea;
width:12px;
z-index:1;
zoom:1;
}

div.resourceExplorer div.itemSummaries td.menu div.menu {
padding:49px 2px 4px;
zoom:1;
}

div.resourceExplorer div.itemThumbnails td.menu div.menu {
padding:78px 2px 4px;
zoom:1;
}

div.resourceExplorer div.items td.menu div img {
display:block;
cursor:pointer;
}

div.resourceExplorer div.items td.menu div img.favourite {
position:absolute;
top:2px;
}

div.resourceExplorer div.items div.name {
font-weight:700;
font-size:80%;
color:#157697;
margin:4px 0;
width:80%;
height:40px;
overflow:hidden;
}

div.resourceExplorer div.items div.name * {
vertical-align:middle;
margin-right:4px;
}

div.resourceExplorer div.items div.name img.favourite {
position:absolute;
top:4px;
right:0;
}

div.resourceExplorer div.items td.description {
font-size:60%;
color:#666;
padding-right:8px;
padding-left:5px;
}

div.resourceExplorer div.itemSummaries td.details {
font-size:60%;
padding-right:8px;
}

div.resourceExplorer div.itemSummaries div.resource td.details {
width:85px;
}

div.resourceExplorer div.items td.details span.label {
padding-right:4px;
font-weight:700;
}

div.resourceExplorer div.items td.details span.value {
color:#666;
}

div.resourceExplorer div.items td.details div.access * {
vertical-align:middle;
}

div.resourceExplorer div.items td.details div.access span {
text-transform:capitalize;
}

div.resourceExplorer div.items td.details div.access img {
padding-left:4px;
}

div.resourceExplorer div.items td.details div.rating {
cursor:pointer;
}

div.resourceExplorer div.items div.grid {
position:relative;
float:left;
width:90px;
height:90px;
padding:5px;
margin-right:2px;
margin-bottom:2px;
border-style:solid;
border-width:1px;
border-color:#000;
text-align:center;
font-size:65%;
font-weight:700;
color:#157697;
}

div.resourceExplorer div.items div.grid div.menu img.grid_menu_button {
position:absolute;
width:10px;
height:5px;
bottom:1px;
margin-left:-5px;
cursor:pointer;
zoom:1;
}

div.resourceExplorer div.items div.grid div.stamp {
position:absolute;
top:2px;
left:0;
}

div.resourceExplorer div.items div.grid div.menu img.favourite {
position:absolute;
top:5px;
right:3px;
cursor:pointer;
}

div.resourceExplorer div.items div.grid div.menu img.menu_button {
position:absolute;
bottom:2px;
right:1px;
cursor:pointer;
}

div.resourceExplorer div.items div.grid div.gridResourceName {
height:25px;
margin-top:-1px;
overflow:hidden;
}

div.resourceExplorer div.items table.listRow {
position:relative;
width:100%;
}

div.resourceExplorer div.items table.listRow td.stamp {
width:45px;
height:40px;
}

div.resourceExplorer div.items table.listRow td.name {
vertical-align:middle;
font-weight:700;
font-size:80%;
color:#157697;
}

div.resourceExplorer div.items table.listRow td.favourite {
width:16px;
vertical-align:middle;
text-align:center;
font-weight:700;
font-size:80%;
color:#157697;
}

div.resourceExplorer div.items table.listRow td.info {
width:45px;
vertical-align:middle;
text-align:center;
font-weight:700;
font-size:80%;
color:#157697;
}

div.resourceExplorer div.items table.listRow td.info div.info {
width:35px;
height:20px;
margin:0 auto;
padding-top:5px;
border:1px solid #2E90BD;
background-image:url(/view/components/resource_explorer/assets/images/list_view_button_gradient.png);
text-align:center;
font-weight:700;
cursor:pointer;
}

div.resourceExplorer div.items table.listRow td.favourite div.favourite {
height:25px;
border:1px solid #2E90BD;
background-image:url(/view/components/resource_explorer/assets/images/list_view_button_gradient.png);
text-align:center;
font-weight:700;
cursor:pointer;
}

div.resourceExplorer div.items table.listRow td.favourite div.favourite img {
margin-top:7px;
}

/* Project mode */
div.resourceExplorer div.projectMode span.position {
padding:0 8px;
}

div.resourceExplorer div.projectMode div.empty {
font-size:80%;
font-style:italic;
margin:16px 0;
}

div.resourceExplorer div.projectMode div.member div.name {
font-weight:700;
font-size:90%;
color:#157697;
margin:4px 0;
}

div.resourceExplorer div.projectMode div.member a.url {
font-size:80%;
margin:8px 0;
display:block;
overflow:hidden;
}

div.resourceExplorer div.projectMode div.member img.file {
max-width:100%;
}

div.resourceExplorer div.projectMode div.member iframe.video {
width:100%;
height:260px;
border:0;
}

div.resourceExplorer div.projectMode div.member div.description {
font-size:60%;
color:#666;
margin:8px 0;
}

div.resourceExplorer div.projectMode div.member iframe {
width:100%;
border:0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Highlight items */
div.resourceExplorer div.item_highlight {
background-color:#e8f1ff;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* All items */
div.resourceExplorer div.resource_explorer_item {
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Nested items */
div.resourceExplorer .normal_mode .nested_items {
margin-top:10px;
}

div.resourceExplorer .thumbnail_mode .nested_items {
margin-top:5px;
margin-bottom:5px;
clear:both;
}

div.resourceExplorer div.nested_items p {
font-size:60%;
color:#666;
}

div.resourceExplorer div.nested_items ul {
clear:both;
}

div.resourceExplorer div.nested_items ul li {
font-size:60%;
display:inline;
}

div.resourceExplorer div.nested_items ul li a {
position:relative;
color:#157697;
text-decoration:none;
margin-right:5px;
margin-bottom:5px;
border:2px solid #D1E4EA;
padding:1px;
display:block;
width:30px;
height:30px;
float:left;
}

div.resourceExplorer div.nested_items ul .selected a {
position:relative;
color:#157697;
text-decoration:none;
margin-right:5px;
margin-bottom:5px;
border:2px solid #F36B00;
padding:1px;
display:block;
width:30px;
height:30px;
float:left;
}

div.resourceExplorer div.nested_items ul li a:hover {
text-decoration:underline;
border:2px solid #157697;
}

div.resourceExplorer div.nested_items p {
margin-bottom:10px;
}

div.resourceExplorer div.nested_items ul li a img {
position:relative;
width:100%;
height:100%;
}

div.resourceExplorer div.nested_items .nestedItemMouseoverDetails {
clear:both;
padding-top:10px;
font-size:70%;
}

div.resourceExplorer div.nested_items .nestedItemMouseoverDetails a {
color:#157697;
text-decoration:none;
}

div.resourceExplorer div.nested_items .nestedItemMouseoverDetails a:hover {
text-decoration:underline;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Map controls */
div.resourceExplorer div#map_controls_button_container {
float:right;
}

div.resourceExplorer #map_controls_button_container .toggle_button {
font-size:80%;
color:#157697;
text-decoration:none;
}

div.resourceExplorer div#map_controls_button_container a.toggle_button:hover {
text-decoration:underline;
}

div.resourceExplorer div#map_controls_button_container a.toggle_button:hover span {
text-decoration:none;
}

div.resourceExplorer #map_controls_button_container a.toggle_button img {
vertical-align:middle;
}

div.resourceExplorer #map_controls_button_container a.toggle_button span {
vertical-align:middle;
padding-left:4px;
}

div.resourceExplorer .ezmapDraggables {
cursor:move;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
div.resourceExplorer .resourcesTotal {
font-size:70%;
}

div.resourceExplorer .resourcesTotal a {
color:#157697;
text-decoration:none;
}

div.resourceExplorer .resourcesTotal a:hover {
text-decoration:underline;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Lightbox login prompt for project ... */
#projectLoginPrompt {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#projectLoginPrompt h2 {
font-weight:700;
margin-bottom:10px;
}

#projectLoginPrompt h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#projectLoginPrompt h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#projectLoginPrompt p {
font-size:80%;
margin-bottom:5px;
}

#projectLoginPrompt a {
color:#157697;
text-decoration:none;
}

#projectLoginPrompt a:hover {
text-decoration:underline;
}

#projectLoginPrompt hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#projectLoginPrompt ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#projectLoginPrompt ul li {
margin-left:30px;
clear:both;
}

#projectLoginPrompt ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#projectLoginPrompt span.button {
padding-right:16px;
}

#projectLoginPrompt span.button a {
color:#FFF;
}

#projectLoginPrompt span.button a:hover {
text-decoration:none;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Lightbox login prompt for playlist ... */
#playlistLoginPrompt {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#playlistLoginPrompt h2 {
font-weight:700;
margin-bottom:10px;
}

#playlistLoginPrompt h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#playlistLoginPrompt h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#playlistLoginPrompt p {
font-size:80%;
margin-bottom:5px;
}

#playlistLoginPrompt a {
color:#157697;
text-decoration:none;
}

#playlistLoginPrompt a:hover {
text-decoration:underline;
}

#playlistLoginPrompt hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#playlistLoginPrompt ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#playlistLoginPrompt ul li {
margin-left:30px;
clear:both;
}

#playlistLoginPrompt ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#playlistLoginPrompt span.button {
padding-right:16px;
}

#playlistLoginPrompt span.button a {
color:#FFF;
}

#playlistLoginPrompt span.button a:hover {
text-decoration:none;
}

/*********************************************************************************/
/* styles for playlist draggables												 */
/*********************************************************************************/
div.resourceExplorer div.playlistViews {
font-size:90%;
}

div.resourceExplorer div.playlistViews div.draggables {
width:100%;
cursor:move;
}

div.resourceExplorer div.playlistViews div.draggables div.name {
font-weight:700;
color:#157697;
margin:4px 0;
float:left;
width:40%;
height:auto;
}

div.resourceExplorer div.playlistViews div.draggables div.details {
font-weight:700;
color:#157697;
margin:4px 0;
float:right;
width:10%;
}

.resourceExplorerDraggablePlaceholder {
border-color:#666;
border-style:dashed;
border-width:1px;
margin-bottom:2px;
}

div.clear {
clear:both;
}

table.playlistNavigation {
width:100%;
}

#showMarkAsFeatured {
padding:10px;
}

#showMarkAsFeatured h2 {
font-weight:700;
margin-bottom:10px;
}

#showMarkAsFeatured p {
font-size:70%;
margin-bottom:5px;
}

#showMarkAsFeatured ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#showMarkAsFeatured ul li {
font-size:70%;
margin-left:30px;
clear:both;
}

/* Add tags styles */
#showAddTags {
padding:10px;
}

#showAddTags h2 {
font-weight:700;
margin-bottom:10px;
}

#showAddTags p {
font-size:70%;
margin-bottom:5px;
}

#showAddTags div.help {
font-size:70%;
color:#666;
}

#showAddTags #resourceExplorerAddTags {
width:500px;
height:50px;
}

#sets_tab_selector {
position:absolute;
top:35px;
right:10px;
}

/*

ResourceresourceGatekeeping component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.resourceGatekeeping {
padding:5px;
font-size:100%;
color:#000;
}

.resourceGatekeeping h2 {
font-size:70%;
font-weight:700;
margin-bottom:10px;
}

.resourceGatekeeping p {
font-size:70%;
margin-bottom:5px;
}

.resourceGatekeeping a {
color:#157697;
text-decoration:none;
}

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

.resourceGatekeeping hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.resourceGatekeeping span.button {
padding-right:4px;
}

.resourceGatekeeping ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:none;
}

.resourceGatekeeping ul li {
font-size:70%;
margin-left:20px;
}

.resourceGatekeeping div.actions {
margin-top:10px;
}

.resourceGatekeeping div.actions span.button {
display:block;
margin:4px 0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Lightbox confirm approve resources ... */
#confirmApproveResources {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#confirmApproveResources h2 {
font-weight:700;
margin-bottom:10px;
}

#confirmApproveResources h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#confirmApproveResources h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#confirmApproveResources p {
font-size:70%;
margin-bottom:5px;
}

#confirmApproveResources a {
color:#157697;
text-decoration:none;
}

#confirmApproveResources a:hover {
text-decoration:underline;
}

#confirmApproveResources hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#confirmApproveResources ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#confirmApproveResources ul li {
font-size:70%;
margin-left:30px;
clear:both;
}

#confirmApproveResources ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#confirmApproveResources span.button {
padding-right:16px;
}

#confirmApproveResources span.button a {
color:#FFF;
}

#confirmApproveResources span.button a:hover {
text-decoration:none;
}

#confirmApproveResources .resourceList {
}

#confirmApproveResources .resourceList .resourceDetail {
}

#confirmApproveResources .resourceList .resourceDetail img {
margin-right:10px;
}

#confirmApproveResources .resourceList .resourceDetail h3 {
margin:0;
padding:0;
color:#157697;
}

#confirmApproveResources .resourceList .resourceDetail p {
margin:0;
padding:0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Lightbox confirm reject resources ... */
#confirmRejectResources {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#confirmRejectResources h2 {
font-weight:700;
margin-bottom:10px;
}

#confirmRejectResources h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#confirmRejectResources h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#confirmRejectResources p {
font-size:70%;
margin-bottom:5px;
}

#confirmRejectResources a {
color:#157697;
text-decoration:none;
}

#confirmRejectResources a:hover {
text-decoration:underline;
}

#confirmRejectResources hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#confirmRejectResources ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#confirmRejectResources ul li {
font-size:70%;
margin-left:30px;
clear:both;
}

#confirmRejectResources ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#confirmRejectResources span.button {
padding-right:16px;
}

#confirmRejectResources span.button a {
color:#FFF;
}

#confirmRejectResources span.button a:hover {
text-decoration:none;
}

#confirmRejectResources .resourceList {
}

#confirmRejectResources .resourceList .resourceDetail {
}

#confirmRejectResources .resourceList .resourceDetail img {
margin-right:10px;
}

#confirmRejectResources .resourceList .resourceDetail h3 {
margin:0;
padding:0;
color:#157697;
}

#confirmRejectResources .resourceList .resourceDetail p {
margin:0;
padding:0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Lightbox approve resources complete ... */
#approveResourcesComplete {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#approveResourcesComplete h2 {
font-weight:700;
margin-bottom:10px;
}

#approveResourcesComplete h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#approveResourcesComplete h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#approveResourcesComplete p {
font-size:70%;
margin-bottom:5px;
}

#approveResourcesComplete a {
color:#157697;
text-decoration:none;
}

#approveResourcesComplete a:hover {
text-decoration:underline;
}

#approveResourcesComplete hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#approveResourcesComplete ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#approveResourcesComplete ul li {
font-size:70%;
margin-left:30px;
clear:both;
}

#approveResourcesComplete ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#approveResourcesComplete span.button {
padding-right:16px;
}

#approveResourcesComplete span.button a {
color:#FFF;
}

#approveResourcesComplete span.button a:hover {
text-decoration:none;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Lightbox reject resources complete ... */
#rejectResourcesComplete {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#rejectResourcesComplete h2 {
font-weight:700;
margin-bottom:10px;
}

#rejectResourcesComplete h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#rejectResourcesComplete h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#rejectResourcesComplete p {
font-size:70%;
margin-bottom:5px;
}

#rejectResourcesComplete a {
color:#157697;
text-decoration:none;
}

#rejectResourcesComplete a:hover {
text-decoration:underline;
}

#rejectResourcesComplete hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#rejectResourcesComplete ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#rejectResourcesComplete ul li {
font-size:70%;
margin-left:30px;
clear:both;
}

#rejectResourcesComplete ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#rejectResourcesComplete span.button {
padding-right:16px;
}

#rejectResourcesComplete span.button a {
color:#FFF;
}

#rejectResourcesComplete span.button a:hover {
text-decoration:none;
}

/*

ResourceRating component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.resourceRating {
padding:5px;
font-size:100%;
color:#000;
}

.resourceRating p {
font-size:70%;
margin-bottom:5px;
}

.resourceRating hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.resourceRating span#cancel_rate_resource_button {
padding-left:4px;
}

.resourceRating span#back_to_all_reviews_button {
padding-left:4px;
}

.resourceRating div.rule {
border-bottom:1px solid #000;
margin:8px 0;
}

.resourceRating div.name {
font-weight:700;
font-size:90%;
color:#157697;
margin-bottom:4px;
cursor:pointer;
}

.resourceRating div.name * {
vertical-align:middle;
margin-right:4px;
}

.resourceRating td {
vertical-align:top;
}

.resourceRating td.thumbnail {
width:1%;
}

.resourceRating td.thumbnail img {
display:block;
border:2px solid #D1E4EA;
width:60px;
height:60px;
}

.resourceRating td.menu {
width:1%;
padding:0 8px 0 1px;
}

.resourceRating div.menu {
padding:49px 2px 4px;
width:12px;
background-color:#d1e4ea;
z-index:1;
}

.resourceRating div.menu img {
display:block;
cursor:pointer;
}

.resourceRating td.description {
font-size:60%;
color:#666;
padding-right:8px;
padding-left:5px;
}

.resourceRating td.details {
width:85px;
font-size:60%;
}

.resourceRating span.label {
font-weight:700;
padding-right:4px;
}

.resourceRating span.value {
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* ResourceRating state specific styles */
/* Paging */
.resourceRating .resourceComments div.paging {
margin:8px 0;
font-size:70%;
}

.resourceRating .resourceComments div.paging span.page {
padding-right:4px;
}

.resourceRating .resourceComments div.paging span.inactive {
border:1px solid #888;
color:#888;
padding:2px 4px;
}

.resourceRating .resourceComments div.paging a {
border:1px solid #000;
padding:2px 4px;
text-decoration:none;
color:#157697;
}

.resourceRating .resourceComments div.paging a.step {
color:#000;
}

.resourceRating .resourceComments div.paging span.current {
border:1px solid #f36b00;
padding:2px 4px;
color:#f36b00;
}

.resourceRating .resourceComments .ratingContainer {
padding-top:5px;
margin-top:5px;
border-top:1px dotted gray;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* ResourceRating state specific styles */
.resourceRating .rateResource #rateResource_form table {
margin-top:5px;
}

.resourceRating .rateResource #rateResource_form table tr td input {
width:150px;
}

.resourceRating .rateResource #rateResource_form tr td.label {
font-weight:700;
font-size:90%;
color:#157697;
margin:4px 0;
padding-right:10px;
}

/*

Shell component.

The Shell is the underlying framework that all application components reside within.

There is probably not enough output in the Shell component to warrant splitting it up into
seperate files....so everything is contained here.

*/
html {
overflow:hidden;
}

body {
overflow:hidden;
padding-top:125px;
/* Start below the banner */
font-family:Arial, Helvetica, sans-serif;
background-color:#FFF;
}

body .footer {
padding-bottom:60px;
}

#shellOverlay,.shellOverlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
cursor:wait;
background:#FFF;
opacity:0.6;
filter:alpha(opacity='60');
}

iframe.shellOverlay {
opacity:0.0;
filter:alpha(opacity='0');
}

#shellLoading {
padding-top:100px;
text-align:center;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* The banner. This element contains the application logo, menu and search. */
#shellBanner {
position:absolute;
top:0;
left:0;
display:block;
height:120px;
min-width:1008px;
padding-left:5px;
padding-right:3px;
background-color:#FFF;
z-index:22;
/* Over the top of the map and the content */
width:99%;
}

#shellBanner #bannerLanguageSwitcher {
position:absolute;
top:10px;
right:10px;
font-size:80%;
z-index:1000;
}

#shellBanner #bannerLanguageSwitcher a {
color:#000;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Everything in the banner is grouped into 3 columns by this table */
#shellBanner #bannerPositionTable {
width:100%;
height:120px;
}

#shellBanner #bannerPositionTable td {
padding:0;
margin:0;
vertical-align:top;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
#shellBanner #bannerPositionTable #logoCell {
margin-top:5px;
/* Background values */
background:url(/view/components/shell/assets/images/banner/banner_seperator_left.png) repeat-x left bottom;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
#shellBanner #bannerPositionTable #joinCell {
width:76px;
vertical-align:bottom;
}

#shellBanner #bannerPositionTable #joinCell #joinGraphic {
/* Background values */
background:url(/view/components/shell/assets/images/banner/banner_seperator_join.png) repeat-x left bottom;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
#shellBanner #bannerPositionTable #contentCell {
width:100%;
/* Background values */
background:url(/view/components/shell/assets/images/banner/banner_seperator_right.gif) repeat-x left bottom;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* The search controls */
#shellBanner #bannerPositionTable #contentCell #search {
position:absolute;
top:53px;
left:0;
z-index:999;
width:380px;
height:25px;
vertical-align:top;
}

#shellBanner #bannerPositionTable #contentCell #search #search_text,#shellBanner #bannerPositionTable #contentCell #search span.buttonBackground {
vertical-align:middle;
}

#shellBanner #bannerPositionTable #contentCell #search #search_text {
width:155px;
position:absolute;
top:1px;
left:0;
}

#shellBanner #bannerPositionTable #contentCell #search #search_media_type {
position:absolute;
top:1px;
left:164px;
width:135px;
height:22px;
}

#shellBanner #bannerPositionTable #contentCell #search #search_button {
position:absolute;
top:0;
left:300px;
}

#shellBanner #bannerPositionTable #contentCell #search span.button {
padding-left:4px;
}

#shellBanner #bannerPositionTable #contentCell #search span.button a {
color:#FFF;
}

#shellBanner #bannerPositionTable #contentCell #search div.options {
font-size:70%;
}

#shellBanner #bannerPositionTable #contentCell #search div.options span {
}

#shellBanner #bannerPositionTable #contentCell #search div.options span a {
color:#15759b;
text-decoration:none;
}

#shellBanner #bannerPositionTable #contentCell #search div.options span a:hover {
text-decoration:underline;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* The navigation. */
#shellBanner #bannerPositionTable #contentCell #navigation {
/* Positional values */
position:absolute;
top:53px;
right:0;
}

#shellBanner #bannerPositionTable #contentCell #navigation span.button {
padding-left:4px;
}

#shellBanner #bannerPositionTable #contentCell #navigation span.button span.buttonLabel {
padding:0 2px;
color:#FFF;
}

/* Navigation drop-down menus */
div.shellMenu {
font-size:70%;
background-color:#FFF;
border:1px solid #f36b00;
padding:3px;
cursor:pointer;
color:#666;
}

div.shellMenu div.shellMenuItemFirst {
padding:3px 8px;
position:relative;
}

div.shellMenu div.shellMenuItem {
border-top:1px solid #f38e3e;
padding:3px 8px;
position:relative;
}

div.shellMenu div.shellMenuItemFirstOver {
padding:3px 8px;
background:#f3ccad;
color:#000;
position:relative;
}

div.shellMenu div.shellMenuItemFirstOver div.umenuarrow {
background-image:url(/view/components/shell/assets/images/menu/submenuHighlight.png);
width:5px;
height:9px;
top:6px;
}

div.shellMenu div.shellMenuItemOver {
border-top:1px solid #f36b00;
padding:3px 8px;
background:#f3ccad;
color:#000;
position:relative;
}

div.shellMenu div.umenuarrow {
background-image:url(/view/components/shell/assets/images/menu/submenuWhite.png);
width:5px;
height:9px;
top:6px;
}

div.shellMenu div.shellMenuItemOver div.umenuarrow {
background-image:url(/view/components/shell/assets/images/menu/submenuHighlight.png);
width:5px;
height:9px;
top:6px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* The misc bar. */
#shellBanner #bannerPositionTable #contentCell #misc {
/* Positional values */
position:absolute;
bottom:0;
left:0;
/* Spacing values */
padding:2px 0;
height:29px;
width:100%;
border-bottom:1px solid #7C8CBC;
margin-right:0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* The more search options button. */
#shellBanner #bannerPositionTable #contentCell #misc #moreSearchOptions {
float:left;
margin-right:10px;
}

#shellBanner #bannerPositionTable #contentCell #misc #moreSearchOptions a {
display:block;
border:1px solid #7C8CBC;
border-bottom:none;
background:url(/view/components/shell/assets/images/buttons/container_titlebar_gradient.png) #BCE9FA repeat-x left top;
font-size:70%;
padding:8px 6px;
text-decoration:none;
color:#25408F;
font-weight:700;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* The user_toolbar. */
#shellBanner #bannerPositionTable #contentCell #misc #authenticationStatus {
float:left;
margin-top:5px;
}

#shellBanner #bannerPositionTable #contentCell #misc #authenticationStatus ul {
/* Positional values */
float:left;
padding-top:4px;
}

#shellBanner #bannerPositionTable #contentCell #misc #authenticationStatus ul li {
/* Spacing values */
margin-right:0;
/* Positional values */
float:left;
/* Font values */
font-size:70%;
color:#25408F;
}

#shellBanner #bannerPositionTable #contentCell #misc #authenticationStatus ul li a {
/* Font values */
color:#DB3328;
text-decoration:none;
}

#shellBanner #bannerPositionTable #contentCell #misc #authenticationStatus ul li a:hover {
/* Font values */
text-decoration:underline;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* The print button. */
#shellBanner #bannerPositionTable #contentCell #misc #print {
float:right;
}

#shellBanner #bannerPositionTable #contentCell #misc #print a {
display:block;
border:1px solid #7C8CBC;
border-bottom:none;
background:url(/view/components/shell/assets/images/buttons/container_titlebar_gradient.png) #BCE9FA repeat-x left top;
font-size:70%;
padding:8px 6px;
text-decoration:none;
color:#25408F;
font-weight:700;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* The save current view to playlist button. */
#shellBanner #bannerPositionTable #contentCell #misc #saveViewToPlaylist {
position:relative;
float:right;
margin-right:1px;
}

#shellBanner #bannerPositionTable #contentCell #misc #saveViewToPlaylist a {
display:block;
border:1px solid #7C8CBC;
border-bottom:none;
background:url(/view/components/shell/assets/images/buttons/container_titlebar_gradient.png) #BCE9FA repeat-x left top;
font-size:70%;
padding:8px 6px;
text-decoration:none;
color:#25408F;
font-weight:700;
}

#shellBanner #bannerPositionTable #contentCell #misc #saveViewToPlaylist .rootMenu {
position:absolute;
bottom:-2px;
right:0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* The favourite sets button. */
#shellBanner #bannerPositionTable #contentCell #misc #favouriteSets {
position:relative;
float:right;
margin-right:1px;
}

#shellBanner #bannerPositionTable #contentCell #misc #favouriteSets a {
display:block;
border:1px solid #7C8CBC;
border-bottom:none;
background:url(/view/components/shell/assets/images/buttons/container_titlebar_gradient.png) #BCE9FA repeat-x left top;
font-size:70%;
padding:8px 6px;
text-decoration:none;
color:#25408F;
font-weight:700;
}

#shellBanner #bannerPositionTable #contentCell #misc #favouriteSets .rootMenu {
position:absolute;
bottom:-2px;
right:0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* The content wrapper and columns. */
/* This is the container for all scrolling content */
#shellContent {
position:absolute;
margin-left:5px;
margin-right:3px;
width:100%;
height:100%;
z-index:10;
}

#shellContent #shellColumnLeft {
position:relative;
float:left;
overflow:hidden;
overflow-y:scroll;
overflow-x:hidden;
margin-right:10px;
width:34%;
height:100%;
z-index:11;
}

#shellContent #shellColumnRight {
position:relative;
float:left;
overflow:hidden;
width:64%;
height:100%;
z-index:20;
}

#shellContent #shellColumnWhole {
position:absolute;
top:0;
left:0;
overflow:hidden;
overflow-y:scroll;
overflow-x:hidden;
z-index:21;
}

#shellContent #shellColumnDividerWidgets {
/* Positional values */
position:relative;
float:left;
/* Sizing values */
width:5px;
height:100%;
}

#shellContent #shellColumnDividerWidgets #shellColumnDividerWidgetLeft {
/* Positional values */
position:absolute;
left:0;
top:38%;
/* Sizing values */
width:5px;
height:10px;
cursor:pointer;
background:url(/view/components/shell/assets/images/widgets/drag_page_left.png) no-repeat left bottom;
}

#shellContent #shellColumnDividerWidgets #shellColumnDividerWidgetRight {
/* Positional values */
position:absolute;
left:0;
top:40%;
/* Sizing values */
width:5px;
height:10px;
cursor:pointer;
background:url(/view/components/shell/assets/images/widgets/drag_page_right.png) no-repeat left top;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* The footer. */
#shellFooter {
position:absolute;
/* Move to 'fixed' stylesheet */
bottom:0;
left:0;
display:block;
height:59px;
border-top:1px solid #7c8cbc;
margin:0 3px 0 4px;
background-color:#FFF;
z-index:22;
/* Over the top of the map and the content */
}

#shellFooter .left {
float:left;
}

#shellFooter .right {
float:right;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Buttons ... */
/* Home */
span.shellHomeButtonBackground {
background-color:#162d73;
}

span.shellHomeButtonBackground span.topLeft {
background-image:url(/view/components/shell/assets/images/corners/home/topLeft.png);
}

span.shellHomeButtonBackground span.bottomLeft {
background-image:url(/view/components/shell/assets/images/corners/home/bottomLeft.png);
}

span.shellHomeButtonBackground span.topRight {
background-image:url(/view/components/shell/assets/images/corners/home/topRight.png);
}

span.shellHomeButtonBackground span.bottomRight {
background-image:url(/view/components/shell/assets/images/corners/home/bottomRight.png);
}

/* Action (NB. Unlike the normal action buttons, these are designed to blend with the header background.) */
span.shellActionButtonBackground {
background-color:#3cadba;
}

span.shellActionButtonBackground span.topLeft {
background-image:url(/view/components/shell/assets/images/corners/action/topLeft.png);
}

span.shellActionButtonBackground span.bottomLeft {
background-image:url(/view/components/shell/assets/images/corners/action/bottomLeft.png);
}

span.shellActionButtonBackground span.topRight {
background-image:url(/view/components/shell/assets/images/corners/action/topRight.png);
}

span.shellActionButtonBackground span.bottomRight {
background-image:url(/view/components/shell/assets/images/corners/action/bottomRight.png);
}

/* ActionHighlight (NB. Unlike the normal action buttons, these are designed to blend with the header background.) */
span.shellActionHighlightButtonBackground {
background-color:#f36b00;
}

span.shellActionHighlightButtonBackground span.topLeft {
background-image:url(/view/components/shell/assets/images/corners/actionHighlight/topLeft.png);
}

span.shellActionHighlightButtonBackground span.bottomLeft {
background-image:url(/view/components/shell/assets/images/corners/actionHighlight/bottomLeft.png);
}

span.shellActionHighlightButtonBackground span.topRight {
background-image:url(/view/components/shell/assets/images/corners/actionHighlight/topRight.png);
}

span.shellActionHighlightButtonBackground span.bottomRight {
background-image:url(/view/components/shell/assets/images/corners/actionHighlight/bottomRight.png);
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Speech bubble ... */
#speech_bubble1 {
zoom:1;
}

#speech_bubble1 * {
zoom:1;
}

#speech_bubble1 img {
margin:0;
padding:0!important;
vertical-align:bottom;
}

#speech_bubble1 table tr td {
margin:0!important;
padding:0!important;
}

#speech_bubble1 table tr {
margin:0!important;
padding:0!important;
}

#speech_bubble1 #speech_bubble_close {
float:right;
cursor:pointer;
margin-right:4px;
}

#speech_bubble1 td.top {
background:url(/view/components/shell/assets/images/speech_bubble/top.png) repeat-x;
}

#speech_bubble1 td.left {
background:url(/view/components/shell/assets/images/speech_bubble/left.png) repeat-y;
}

#speech_bubble1 td.right {
background:url(/view/components/shell/assets/images/speech_bubble/right.png) repeat-y;
}

#speech_bubble1 td.bottom {
background:url(/view/components/shell/assets/images/speech_bubble/bottom.png) repeat-x;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Speech bubble ... */
#speech_bubble2 img {
margin:0;
padding:0!important;
vertical-align:bottom;
}

#speech_bubble2 table tr td {
margin:0!important;
padding:0!important;
}

#speech_bubble2 table tr {
margin:0!important;
padding:0!important;
}

#speech_bubble2 #speech_bubble_close {
float:right;
cursor:pointer;
margin-right:4px;
}

#speech_bubble2 td.top {
background:url(/view/components/shell/assets/images/speech_bubble/top.png) repeat-x;
}

#speech_bubble2 td.left {
background:url(/view/components/shell/assets/images/speech_bubble/left.png) repeat-y;
}

#speech_bubble2 td.right {
background:url(/view/components/shell/assets/images/speech_bubble/right.png) repeat-y;
}

#speech_bubble2 td.bottom {
background:url(/view/components/shell/assets/images/speech_bubble/bottom.png) repeat-x;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Terms and conditions ... */
#termsAndConditions {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#termsAndConditions h2 {
font-weight:700;
margin-bottom:10px;
}

#termsAndConditions h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#termsAndConditions p {
font-size:70%;
margin-bottom:5px;
}

#termsAndConditions a {
color:#157697;
text-decoration:none;
}

#termsAndConditions a:hover {
text-decoration:underline;
}

#termsAndConditions hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#termsAndConditions table tr th {
font-size:80%;
font-weight:700;
padding-bottom:10px;
padding-top:20px;
}

#termsAndConditions table tr td {
font-size:70%;
}

#termsAndConditions table tr td table tr td {
font-size:100%;
}

#termsAndConditions table td ul {
font-size:100%;
}

#termsAndConditions ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
font-size:70%;
}

#termsAndConditions ul li {
margin-left:30px;
}

#termsAndConditions span.button {
padding-right:16px;
}

#termsAndConditions span.button a {
color:#FFF;
}

#termsAndConditions span.button a:hover {
text-decoration:none;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* New release notification ... */
#newReleaseNotification {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#newReleaseNotification h2 {
font-weight:700;
margin-bottom:10px;
}

#newReleaseNotification h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#newReleaseNotification p {
font-size:70%;
margin-bottom:5px;
}

#newReleaseNotification a {
color:#157697;
text-decoration:none;
}

#newReleaseNotification a:hover {
text-decoration:underline;
}

#newReleaseNotification hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#newReleaseNotification table {
width:100%;
}

#newReleaseNotification table tr td {
vertical-align:top;
}

#newReleaseNotification .yourVersion {
border:1px dotted gray;
margin:10px;
padding:10px;
min-height:75px;
background-color:#FFC;
}

#newReleaseNotification .latestVersion {
border:1px dotted gray;
margin:10px;
padding:10px;
min-height:75px;
background-color:#FF9;
}

#newReleaseNotification .version {
font-size:100%;
font-weight:700;
color:green;
}

#newReleaseNotification dl dd {
font-size:70%;
}

#newReleaseNotification ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#newReleaseNotification ul li {
margin-left:30px;
}

#newReleaseNotification span.button {
padding-right:16px;
}

#newReleaseNotification span.button a {
color:#FFF;
}

#newReleaseNotification span.button a:hover {
text-decoration:none;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* System status message ... */
#systemStatusMessages {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#systemStatusMessages h2 {
font-weight:700;
margin-bottom:10px;
}

#systemStatusMessages h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#systemStatusMessages h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#systemStatusMessages p {
font-size:70%;
margin-bottom:5px;
}

#systemStatusMessages a {
color:#157697;
text-decoration:none;
}

#systemStatusMessages a:hover {
text-decoration:underline;
}

#systemStatusMessages hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#systemStatusMessages ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#systemStatusMessages ul li {
margin-left:30px;
clear:both;
}

#systemStatusMessages ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#systemStatusMessages span.button {
padding-right:16px;
}

#systemStatusMessages span.button a {
color:#FFF;
}

#systemStatusMessages span.button a:hover {
text-decoration:none;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Link to map styles and overrides. */
body.showLinkToMapBody {
padding-top:0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Container for all link to ulearn stuff. */
.showLinkToMapBody #showLinkToMapContainer {
/* Spacing values */
margin:4px;
padding:0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Container for all mapping components. */
.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer {
border:0 solid green;
/* Spacing values */
height:200px;
position:relative;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapSearch {
/* Spacing values */
margin-bottom:5px;
padding:3px;
/* Background values */
background:#FFF;
position:relative;
border:1px solid #6ba4d9;
/* Background values */
background:url(/view/components/shell/assets/images/search_bar_gradient.png) #84a6c5 repeat-x left top;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapEzmaps {
width:700px;
border:0 solid #000;
float:left;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapLayers {
margin-left:705px;
border:1px solid #6ba4d9;
background:#def3ff;
padding:5px;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapMapComponentsContainer #showLinkToMapLayers #showLinkToMapLayersTitleBar {
margin-bottom:10px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Details about the link. */
.showLinkToMapBody #showLinkToMapContainer #showLinkToMapDetails {
clear:both;
/* Spacing values */
margin-bottom:5px;
padding:7px;
/* Background values */
background:#FFF;
position:relative;
border:1px solid #6ba4d9;
height:60px;
overflow:auto;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapDetails h2 {
/* Font values */
color:#25408F;
font-weight:700;
font-size:70%;
margin-bottom:5px;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapDetails p {
font-size:70%;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Footer. */
.showLinkToMapBody #showLinkToMapContainer #showLinkToMapFooter {
/* Spacing values */
margin:0;
padding:7px;
/* Background values */
background:#FFF;
position:relative;
border:1px solid #6ba4d9;
/* Background values */
background:url(/view/components/container/assets/images/skin/container_titlebar_gradient.png) #BCE9FA repeat-x left top;
/* Font values */
color:#25408F;
font-weight:700;
font-size:70%;
overflow:hidden;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapFooter #establishmentFooter {
float:left;
}

.showLinkToMapBody #showLinkToMapContainer #showLinkToMapFooter #systemFooter {
float:right;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Custom lightbox container */
#customLightboxWrapper {
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Custom lightbox background table */
#customLightboxWrapper .backgroundTable {
padding:0;
margin:0;
border-collapse:collapse;
}

#customLightboxWrapper .backgroundTable tr {
padding:0;
margin:0;
}

#customLightboxWrapper .backgroundTable tr td {
padding:0;
margin:0;
border:0 solid red;
}

#customLightboxWrapper .backgroundTable tr td img {
width:15px;
height:15px;
float:left;
display:inline;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Top left */
#customLightboxWrapper .backgroundTable tr .topLeftCell {
height:15px;
}

#customLightboxWrapper .backgroundTable tr .topLeftImage {
vertical-align:top;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Top right */
#customLightboxWrapper .backgroundTable tr .topRightCell {
height:15px;
}

#customLightboxWrapper .backgroundTable tr .topRightImage {
vertical-align:top;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Bottom left */
#customLightboxWrapper .backgroundTable tr .bottomLeftCell {
height:15px;
}

#customLightboxWrapper .backgroundTable tr .bottomLeftImage {
vertical-align:bottom;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Bottom right */
#customLightboxWrapper .backgroundTable tr .bottomRightCell {
height:15px;
}

#customLightboxWrapper .backgroundTable tr .bottomRightImage {
vertical-align:bottom;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Centers */
#customLightboxWrapper .backgroundTable tr .topCenterCell {
background-color:#000;
height:15px;
}

#customLightboxWrapper .backgroundTable tr .middleLeftCell {
background-color:#000;
}

#customLightboxWrapper .backgroundTable tr .middleCenterCell {
width:100%;
background-color:#000;
}

#customLightboxWrapper .backgroundTable tr .middleRightCell {
background-color:#000;
}

#customLightboxWrapper .backgroundTable tr .bottomCenterCell {
background-color:#000;
height:15px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Custom lightbox buttons table */
#customLightboxWrapper .buttonsBackground {
padding:0;
margin:0;
background-color:#000;
position:absolute;
bottom:10px;
left:10px;
height:30px;
}

#customLightboxWrapper .buttonsTable {
padding:0;
margin:0;
border-collapse:collapse;
position:absolute;
bottom:10px;
left:10px;
height:30px;
}

#customLightboxWrapper .buttonsForeground {
padding:0;
margin:0;
background-color:#000;
position:absolute;
bottom:10px;
left:10px;
height:30px;
}

#customLightboxWrapper .buttonsForegroundText {
padding:0;
margin:0;
position:absolute;
bottom:10px;
left:10px;
height:30px;
}

/*
 * 
 * Save current view to playlist
 * 
 */
#showSaveCurrentViewToPlaylistAsLightbox #viewDetails {
display:none;
}

#showSaveCurrentViewToPlaylistAsLightbox #playlistDetails {
display:block;
}

#showSaveCurrentViewToPlaylistAsLightbox h2 {
font-weight:700;
margin-bottom:10px;
}

#showSaveCurrentViewToPlaylistAsLightbox p {
font-size:70%;
margin-bottom:5px;
}

#showSaveCurrentViewToPlaylistAsLightbox div.help {
font-size:70%;
color:#666;
width:475px;
}

#showSaveCurrentViewToPlaylistAsLightbox div.table_container {
width:100%;
text-align:center;
}

#showSaveCurrentViewToPlaylistAsLightbox table {
}

#showSaveCurrentViewToPlaylistAsLightbox table tr td {
vertical-align:top;
}

#showSaveCurrentViewToPlaylistAsLightbox table tr td.title {
font-weight:700;
}

#showSaveCurrentViewToPlaylistAsLightbox table tr td.mandatory {
padding:4px;
vertical-align:middle;
}

/*
 * 
 * User Details Update Form
 * 
 */
#userDetailsUpdateForm {
padding:15px;
}

#userDetailsUpdateForm h2 {
font-weight:700;
margin-bottom:15px;
}

#userDetailsUpdateForm p {
font-size:70%;
margin-bottom:5px;
}

#userDetailsUpdateForm table tr th {
font-size:70%;
font-weight:700;
}

#userDetailsUpdateForm table tr td {
font-size:70%;
}

#userDetailsUpdateForm table tr td {
font-size:70%;
}

#userDetailsUpdateForm table tr td hr {
height:1px;
border:none;
border-top:1px dashed gray;
color:#FFF;
background-color:#FFF;
margin-bottom:5px;
}

#userDetailsUpdateForm table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:middle;
}

#userDetailsUpdateForm table tr .mandatory {
padding:4px;
vertical-align:middle;
}

#userDetailsUpdateForm table tr .mandatory img {
display:block;
}

#userDetailsUpdateForm table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

.shellColumnLeftPlaceholder {
border-color:#666;
border-style:dashed;
border-width:1px;
margin-bottom:2px;
}

/*

TagExplorer component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.tagExplorer {
padding:5px;
font-size:70%;
color:#666;
}

.tagExplorer hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.tagExplorer p {
margin-bottom:5px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Popular tags state specific styles */
.tagExplorer .popular_tags #popular_tag_cloud {
overflow:hidden;
}

.tagExplorer .popular_tags #popular_tag_cloud span {
padding-right:5px;
}

.tagExplorer .popular_tags #popular_tag_cloud a {
color:#157697;
text-decoration:none;
}

.tagExplorer .popular_tags #popular_tag_cloud a:hover {
color:#FFF;
background-color:#157697;
}

.tagExplorer .popular_tags #popular_tag_cloud .sizeBracket0 {
/* Font styling values */
font-size:9px;
}

.tagExplorer .popular_tags #popular_tag_cloud .sizeBracket1 {
/* Font styling values */
font-size:10px;
}

.tagExplorer .popular_tags #popular_tag_cloud .sizeBracket2 {
/* Font styling values */
font-size:11px;
}

.tagExplorer .popular_tags #popular_tag_cloud .sizeBracket3 {
/* Font styling values */
font-size:12px;
}

.tagExplorer .popular_tags #popular_tag_cloud .sizeBracket4 {
/* Font styling values */
font-size:13px;
}

.tagExplorer .popular_tags #popular_tag_cloud .sizeBracket6 {
/* Font styling values */
font-size:14px;
}

.tagExplorer .popular_tags #popular_tag_cloud .sizeBracket7 {
/* Font styling values */
font-size:15px;
}

.tagExplorer .popular_tags #popular_tag_cloud .sizeBracket8 {
/* Font styling values */
font-size:16px;
}

.tagExplorer .popular_tags #popular_tag_cloud .sizeBracket9 {
/* Font styling values */
font-size:17px;
}

.tagExplorer .popular_tags #popular_tag_cloud .sizeBracket10 {
/* Font styling values */
font-size:18px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Resource tags state specific styles */
.tagExplorer .resource_tags .resource_name {
font-weight:700;
font-size:110%;
color:#157697;
margin-bottom:10px;
}

.tagExplorer .resource_tags .resource_name a {
color:#157697;
text-decoration:none;
}

.tagExplorer .resource_tags .resource_name a:hover {
text-decoration:underline;
}

.tagExplorer .resource_tags ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

.tagExplorer .resource_tags ul li {
margin-left:20px;
}

.tagExplorer .resource_tags ul li a {
color:#157697;
text-decoration:none;
}

.tagExplorer .resource_tags ul li a:hover {
color:#FFF;
background-color:#157697;
}

/*

Thematics component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.thematics {
padding:5px;
font-size:100%;
color:#000;
}

.thematics h2 {
font-size:70%;
font-weight:700;
margin-bottom:10px;
}

.thematics p {
font-size:70%;
margin-bottom:5px;
}

.thematics a {
color:#157697;
text-decoration:none;
}

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

.thematics hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.thematics span.button {
padding-right:4px;
}

.thematics ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:none;
}

.thematics ul li {
font-size:70%;
margin-left:20px;
}

.thematics .step_title {
font-weight:700;
color:#157697;
margin-bottom:10px;
}

.thematics table tr td {
padding-top:5px;
}

.thematics div.actions {
margin-top:10px;
}

.thematics div.actions span.button {
display:block;
margin:4px 0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Show data field ranges specific styles */
.thematics #dataDefinitions {
width:90%;
}

.thematics .show_data_field_ranges {
}

.thematics .show_data_field_ranges table {
font-size:70%;
}

.thematics .show_data_field_ranges table tr th {
font-weight:700;
padding-right:8px;
}

.thematics .show_data_field_ranges table tr td {
vertical-align:top;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Show complete specific styles */
.thematics .show_complete {
}

.thematics .show_complete table {
font-size:70%;
}

.thematics .show_complete table tr th {
font-weight:700;
}

.thematics .show_complete table tr td {
vertical-align:top;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Show views specific styles */
.thematics .show_views {
padding-top:25px;
}

.thematics .show_views table {
font-size:70%;
}

.thematics .show_views table tr th {
font-weight:700;
padding-right:8px;
}

.thematics .show_views table tr td {
vertical-align:top;
padding-right:10px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Add view specific styles */
.thematics .add_view {
padding-top:25px;
}

.thematics .add_view table tr th {
color:gray;
font-size:70%;
font-weight:700;
}

.thematics .add_view table tr .rowSpacer {
height:5px;
}

.thematics .add_view table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:top;
}

.thematics .add_view table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.thematics .add_view table tr .mandatory img {
display:block;
}

.thematics .add_view table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

.thematics .add_view table tr input {
vertical-align:middle;
}

.thematics .add_view table tr label {
font-size:70%;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Edit view specific styles */
.thematics .edit_view {
padding-top:25px;
}

.thematics .edit_view table tr th {
color:gray;
font-size:70%;
font-weight:700;
}

.thematics .edit_view table tr .rowSpacer {
height:5px;
}

.thematics .edit_view table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:top;
}

.thematics .edit_view table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.thematics .edit_view table tr .mandatory img {
display:block;
}

.thematics .edit_view table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

.thematics .edit_view table tr input {
vertical-align:middle;
}

.thematics .edit_view table tr label {
font-size:70%;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* range themes form specific styles */
.thematics #themesFormContainer {
}

.thematics #themesFormContainer table tr th {
color:gray;
font-size:70%;
font-weight:700;
}

.thematics #themesFormContainer table tr td {
vertical-align:top;
padding:0;
padding-bottom:5px;
}

.thematics #themesFormContainer table tr .rowSpacer {
height:5px;
}

.thematics #themesFormContainer table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:top;
}

.thematics #themesFormContainer table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.thematics #themesFormContainer table tr .mandatory img {
display:block;
}

.thematics #themesFormContainer table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

.thematics #themesFormContainer table tr input {
vertical-align:middle;
}

.thematics #themesFormContainer table tr label {
font-size:70%;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* theme edit lightbox specific styles */
.thematics #rangeDetailedThemeEditForm {
}

.thematics #rangeDetailedThemeEditForm table tr th {
color:gray;
font-size:70%;
font-weight:700;
}

.thematics #rangeDetailedThemeEditForm table tr .rowSpacer {
height:5px;
}

.thematics #rangeDetailedThemeEditForm table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:top;
}

.thematics #rangeDetailedThemeEditForm table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.thematics #rangeDetailedThemeEditForm table tr .mandatory img {
display:block;
}

.thematics #rangeDetailedThemeEditForm table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

.thematics #rangeDetailedThemeEditForm table tr input {
vertical-align:middle;
}

.thematics #rangeDetailedThemeEditForm table tr label {
font-size:70%;
color:#666;
}

/* Theme table styles. */
.thematics #rangeDetailedThemeEditForm .themeTable {
width:auto;
margin-left:10px;
}

.thematics #rangeDetailedThemeEditForm .themeTable tr .themeLabel {
width:100px;
font-weight:700;
color:#666;
}

.thematics #rangeDetailedThemeEditForm .themeTable tr td {
border:none;
padding-top:4px;
padding-bottom:4px;
vertical-align:top;
width:130px;
font-size:70%;
}

/* Lightbox symbol select themes */
.thematics #rangeDetailedThemeEditForm .themeTable tr td a.selectThemeSymbol {
text-decoration:none;
}

.thematics #rangeDetailedThemeEditForm .themeTable tr td a.selectThemeSymbol span {
color:#000;
}

.thematics div.ThematicsSelectThemeSymbol {
padding:5px;
height:190px;
}

.thematics div.ThematicsSelectThemeSymbol div.symbolsContainer {
height:150px;
overflow-y:scroll;
}

.thematics div.ThematicsSelectThemeSymbol div.symbolsContainer div.symbol {
float:left;
width:25px;
height:25px;
margin-right:3px;
margin-bottom:3px;
border:1px solid gray;
padding:1px;
cursor:pointer;
}

.thematics div.ThematicsSelectThemeSymbol div.symbolsContainer div.symbol:hover {
border-color:#F36B00;
}

.thematics div.ThematicsSelectThemeSymbol div.symbolsContainer div.symbol img {
width:25px;
height:25px;
}

.thematics div.ThematicsSelectThemeSymbol div.actions {
margin-top:16px;
}

.thematics div.ThematicsSelectThemeSymbol div.actions span.button {
padding-right:4px;
display:inline;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Add filter specific styles */
.thematics .add_filter {
padding-top:0;
}

.thematics .add_filter table tr th {
color:gray;
font-size:70%;
font-weight:700;
}

.thematics .add_filter table tr .rowSpacer {
height:5px;
}

.thematics .add_filter table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:top;
}

.thematics .add_filter table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.thematics .add_filter table tr .mandatory img {
display:block;
}

.thematics .add_filter table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

.thematics .add_filter table tr input {
vertical-align:middle;
}

.thematics .add_filter table tr label {
font-size:70%;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Edit filter specific styles */
.thematics .edit_filter {
padding-top:0;
}

.thematics .edit_filter table tr th {
color:gray;
font-size:70%;
font-weight:700;
}

.thematics .edit_filter table tr .rowSpacer {
height:5px;
}

.thematics .edit_filter table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:top;
}

.thematics .edit_filter table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.thematics .edit_filter table tr .mandatory img {
display:block;
}

.thematics .edit_filter table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

.thematics .edit_filter table tr input {
vertical-align:middle;
}

.thematics .edit_filter table tr label {
font-size:70%;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Tabs */
.thematics div.tabs {
position:absolute;
top:0;
left:0;
width:100%;
height:24px;
}

.thematics div.tabs ul {
margin-top:0;
list-style:none;
width:100%;
height:24px;
background:url(/view/components/resource_explorer/assets/images/container_titlebar_gradient.png) #BCE9FA repeat-x left top;
border-bottom:1px solid #7C8CBC;
}

.thematics div.tabs ul li {
display:inline;
}

.thematics div.tabs ul li a {
font-weight:700;
color:#25408F;
padding:5px 10px;
border-right:1px solid #7C8CBC;
text-decoration:none;
float:left;
}

.thematics div.tabs ul li a.selected {
font-weight:700;
color:#DB3328;
border-right:1px solid #7C8CBC;
text-decoration:none;
background-color:#FFF;
padding-bottom:6px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* Nested Tabs */
.thematics div.nestedTabs {
position:absolute;
top:0;
left:0;
width:100%;
height:24px;
}

.thematics div.nestedTabs ul {
margin-top:0;
list-style:none;
width:100%;
height:24px;
border-bottom:1px solid #000;
}

.thematics div.nestedTabs ul li {
display:inline;
}

.thematics div.nestedTabs ul li a {
font-weight:700;
color:#25408F;
padding:5px 10px;
border-right:1px solid #000;
border-top:1px solid #000;
text-decoration:none;
float:left;
}

.thematics div.nestedTabs ul li a.selected {
font-weight:700;
color:#DB3328;
border-right:1px solid #000;
text-decoration:none;
background-color:#f8fbff;
padding-bottom:6px;
}

/*

UserManagement component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.userManagement {
padding:5px;
font-size:100%;
color:#000;
}

.userManagement p {
font-size:70%;
margin-bottom:5px;
}

.userManagement a {
color:#157697;
text-decoration:none;
}

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

.userManagement hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.userManagement span.button {
padding-right:4px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* UserManagement options state specific styles */
.userManagement .show_users dl {
font-size:70%;
}

.userManagement .show_users dl dt {
font-weight:700;
}

.userManagement .show_users dl dd {
}

.userManagement .show_users dl hr {
height:1px;
border:none;
border-top:1px dashed gray;
color:#FFF;
background-color:#FFF;
margin-bottom:5px;
}

/* Paging */
.userManagement .show_users div.paging {
margin:8px 0;
font-size:70%;
}

.userManagement .show_users div.paging span.page {
padding-right:4px;
}

.userManagement .show_users div.paging span.inactive {
border:1px solid #888;
color:#888;
padding:2px 4px;
}

.userManagement .show_users div.paging a {
border:1px solid #000;
padding:2px 4px;
text-decoration:none;
color:#157697;
}

.userManagement .show_users div.paging a.step {
color:#000;
}

.userManagement .show_users div.paging span.current {
border:1px solid #f36b00;
padding:2px 4px;
color:#f36b00;
}

/*

UserManagementEditor component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.userManagementEditor {
padding:5px;
font-size:100%;
color:#000;
}

.userManagementEditor h2 {
font-size:70%;
color:#000;
font-weight:700;
}

.userManagementEditor p {
font-size:70%;
margin-bottom:5px;
}

.userManagementEditor a {
color:#157697;
text-decoration:none;
}

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

.userManagementEditor hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.userManagementEditor span.button {
padding-right:4px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* UserManagementEditor options state specific styles */
.userManagementEditor .show_add_user {
}

.userManagementEditor .show_add_user table tr td {
padding-bottom:5px;
}

.userManagementEditor .show_add_user table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
}

.userManagementEditor .show_add_user table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.userManagementEditor .show_add_user table tr .mandatory img {
display:block;
}

.userManagementEditor .show_add_user table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* UserManagementEditor options state specific styles */
.userManagementEditor .show_edit_user {
}

.userManagementEditor .show_edit_user table tr td {
padding-bottom:5px;
}

.userManagementEditor .show_edit_user table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
}

.userManagementEditor .show_edit_user table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.userManagementEditor .show_edit_user table tr .mandatory img {
display:block;
}

.userManagementEditor .show_edit_user table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* UserManagementEditor options state specific styles */
.userManagementEditor .show_upload_users {
}

.userManagementEditor .show_upload_users table tr td {
padding-bottom:5px;
}

.userManagementEditor .show_upload_users table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
}

.userManagementEditor .show_upload_users table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.userManagementEditor .show_upload_users table tr .mandatory img {
display:block;
}

.userManagementEditor .show_upload_users table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* UserManagementEditor options state specific styles */
.userManagementEditor .uploadUsersComplete {
}

.userManagementEditor .uploadUsersComplete dl {
font-size:70%;
}

.userManagementEditor .uploadUsersComplete dl dt {
font-weight:700;
}

.userManagementEditor .uploadUsersComplete dl dd {
font-style:italic;
margin-bottom:10px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Success confirmation state specific styles */
.userManagementEditor .success_title {
font-weight:700;
font-size:90%;
color:green;
}

/*
 * CSS Styles for the wb_establishment_manager component
 * @author Chris Blunt
 */
/*
 * Block classes
 */
em {
font-style:italic;
}

/*
 * Utility classes
 */
.clear {
clear:both;
}

/*
 * Administration component
 */
#wb_establishment_manager {
font-size:.7em;
line-height:1.25em;
padding:5px;
}

#wb_establishment_manager strong {
font-weight:bolder;
}

#wb_establishment_manager .warn {
text-align:center;
font-size:1.2em;
color:#e00;
font-weight:700;
}

/*
 * Administration Toolbar
 */
#main_toolbar {
clear:both;
float:none;
}

#main_toolbar {
display:block;
}

#main_toolbar ul li {
float:left;
list-style-type:none;
display:block;
}

#main_toolbar ul li a {
display:block;
padding:.125em .25em;
}

/*
 * Administration Forms
 */
#wb_establishment_manager input,#wb_establishment_manager select {
font-size:1em;
}

#wb_establishment_manager select {
width:45%;
}

#wb_establishment_manager .form_key {
clear:left;
float:left;
margin:0 1em;
padding-top:.2em;
}

#wb_establishment_manager .form_value {
margin-bottom:.25em;
}

#wb_establishment_manager .form_controls {
clear:both;
margin:1em;
}

#wb_establishment_manager#add_establishment_button {
margin-left:1em;
}

/* Paging */
#wb_establishment_manager div.paging {
margin:8px auto;
font-size:70%;
}

#wb_establishment_manager div.paging span.page {
padding-right:4px;
}

#wb_establishment_manager div.paging span.inactive {
border:1px solid #888;
color:#888;
padding:2px 4px;
}

#wb_establishment_manager div.paging a {
border:1px solid #000;
padding:2px 4px;
text-decoration:none;
color:#157697;
}

#wb_establishment_manager div.paging a.step {
color:#000;
}

#wb_establishment_manager div.paging span.current {
border:1px solid #f36b00;
padding:2px 4px;
color:#f36b00;
}

/*

EstablishmentManagerEditor component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.wb_establishment_manager_editor {
padding:5px;
font-size:100%;
color:#000;
}

.wb_establishment_manager_editor h2 {
font-size:70%;
color:#000;
font-weight:700;
}

.wb_establishment_manager_editor p {
font-size:70%;
margin-bottom:5px;
}

.wb_establishment_manager_editor a {
color:#157697;
text-decoration:none;
}

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

.wb_establishment_manager_editor hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.wb_establishment_manager_editor span.button {
padding-right:4px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* EstablishmentManagerEditor options state specific styles */
.wb_establishment_manager_editor .show_add_establishment {
}

.wb_establishment_manager_editor .show_add_establishment table tr td {
padding-bottom:5px;
}

.wb_establishment_manager_editor .show_add_establishment table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
}

.wb_establishment_manager_editor .show_add_establishment table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.wb_establishment_manager_editor .show_add_establishment table tr .mandatory img {
display:block;
}

.wb_establishment_manager_editor .show_add_establishment table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* EstablishmentManagerEditor options state specific styles */
.wb_establishment_manager_editor .show_edit_establishment {
}

.wb_establishment_manager_editor .show_edit_establishment table tr td {
padding-bottom:5px;
}

.wb_establishment_manager_editor .show_edit_establishment table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
}

.wb_establishment_manager_editor .show_edit_establishment table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.wb_establishment_manager_editor .show_edit_establishment table tr .mandatory img {
display:block;
}

.wb_establishment_manager_editor .show_edit_establishment table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* EstablishmentManagerEditor options state specific styles */
.wb_establishment_manager_editor .uploadUsersComplete {
}

.wb_establishment_manager_editor .uploadUsersComplete dl {
font-size:70%;
}

.wb_establishment_manager_editor .uploadUsersComplete dl dt {
font-weight:700;
}

.wb_establishment_manager_editor .uploadUsersComplete dl dd {
font-style:italic;
margin-bottom:10px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Success confirmation state specific styles */
.wb_establishment_manager_editor .success_title {
font-weight:700;
font-size:90%;
color:green;
}

/*

WbMapManagement component.

*/
/* Generic styles that apply to ALL states of this component */
#wb_map_management {
padding:5px;
font-size:80%;
color:#000;
}

#wb_map_management table tr {
color:#000;
}

#wb_map_management table td {
font-weight:700;
}

#wb_map_management a {
color:#157697;
text-decoration:none;
}

#wb_map_management a:hover {
color:red;
text-decoration:underline;
}

#wb_map_management .button a {
color:#fff;
font-weight:400;
text-decoration:none;
}

#wb_map_management .button a:hover {
color:#fff;
text-decoration:none;
}

#wb_map_management div.page_heading {
font-size:110%;
font-weight:700;
margin-bottom:15px;
}

#wb_map_management .dashed {
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#666;
}

#wb_map_management hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Menu */
#wb_map_management .wb_map_management_menu {
}

#wb_map_management .wb_map_management_menu ul {
list-style:disc;
padding-left:20px;
}

#wb_map_management .wb_map_management_menu ul li {
}

/*

WbSpiderManager component.

*/
/* Generic styles that apply to ALL states of this component */
#wb_spider_manager {
padding:5px;
font-size:70%;
color:#000;
}

#wb_spider_manager table tr {
color:#000;
}

#wb_spider_manager table td {
height:25px;
padding:2px;
}

#wb_spider_manager table td.heading {
font-weight:700;
color:#157697;
}

#wb_spider_manager a {
color:#157697;
font-weight:700;
text-decoration:none;
}

#wb_spider_manager a:hover {
color:red;
text-decoration:underline;
}

#wb_spider_manager .button a {
color:#fff;
font-weight:400;
text-decoration:none;
}

#wb_spider_manager .button a:hover {
color:#fff;
text-decoration:none;
}

#wb_spider_manager div.page_heading {
font-size:110%;
font-weight:700;
margin-bottom:15px;
}

#wb_spider_manager .dashed {
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Site search styles */
#wb_spider_manager table.site_list {
width:100%;
}

#wb_spider_manager table.site_list tr {
background-color:#FFF;
vertical-align:top;
}

#wb_spider_manager table.site_list tr:hover {
background-color:#EFEFEF;
color:red;
}

#wb_spider_manager table.site_list td.options {
text-align:center;
}

#wb_spider_manager .site_search {
width:100%;
padding-top:5px;
padding-bottom:5px;
margin-top:5px;
margin-bottom:5px;
border-top-style:dashed;
border-top-width:1px;
border-top-color:#666;
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#666;
}

#wb_spider_manager .multiple_update_options {
width:100%;
margin-top:15px;
margin-bottom:15px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Site edit styles */
#wb_spider_manager table.site_details {
width:100%;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Match authorisation page styles */
#wb_spider_manager table.authorise_matches {
width:100%;
}

#WbSpiderManagerPageIframe {
width:100%;
height:600px;
}

#wb_spider_manager span.highlight {
background-color:#ffff80;
color:#000;
}

#wb_spider_manager div.matches_tabs {
width:100%;
height:25px;
}

#wb_spider_manager div.matches_tab {
float:left;
width:30%;
margin-right:1px;
padding:2px;
border-style:solid;
border-width:1px;
border-color:#000;
background-color:#fff;
color:#25408F;
text-align:center;
font-weight:700;
cursor:pointer;
}

#wb_spider_manager div.matches_tab_selected {
border-bottom-style:none;
background-color:#fff;
color:red;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Validation Errors */
#wb_spider_manager .validation_errors {
width:100%;
padding-top:5px;
padding-bottom:5px;
margin-top:5px;
margin-bottom:5px;
border-top-style:dashed;
border-top-width:1px;
border-top-color:#666;
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#666;
font-weight:700;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Paging */
#wb_spider_manager div.total_results {
font-weight:700;
}

#wb_spider_manager div.paging {
margin:8px auto;
}

#wb_spider_manager div.paging span.page {
padding-right:4px;
}

#wb_spider_manager div.paging span.inactive {
border:1px solid #888;
color:#888;
padding:2px 4px;
}

#wb_spider_manager div.paging a {
border:1px solid #000;
padding:2px 4px;
text-decoration:none;
color:#157697;
}

#wb_spider_manager div.paging a.step {
color:#000;
}

#wb_spider_manager div.paging span.current {
border:1px solid #f36b00;
padding:2px 4px;
color:#f36b00;
}

/*

WBTagManager component.

*/
/* Generic styles that apply to ALL states of this component */
#wb_tag_manager {
padding:5px;
font-size:70%;
font-weight:700;
color:#000;
}

#wb_tag_manager table tr {
color:#000;
}

#wb_tag_manager table td {
font-weight:700;
}

#wb_tag_manager a {
color:#157697;
font-weight:700;
text-decoration:none;
}

#wb_tag_manager a:hover {
color:red;
text-decoration:underline;
}

#wb_tag_manager .button a {
color:#fff;
font-weight:400;
text-decoration:none;
}

#wb_tag_manager .button a:hover {
color:#fff;
text-decoration:none;
}

#wb_tag_manager div.page_heading {
font-size:110%;
font-weight:700;
margin-bottom:15px;
}

#wb_tag_manager .dashed {
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Tag search styles */
#wb_tag_manager table.tag_list {
width:100%;
}

#wb_tag_manager table.tag_list tr {
background-color:#FFF;
vertical-align:top;
}

#wb_tag_manager table.tag_list tr:hover {
background-color:#EFEFEF;
color:red;
}

#wb_tag_manager table.tag_list td {
height:25px;
padding:2px;
}

#wb_tag_manager table.tag_list td.heading {
color:#157697;
}

#wb_tag_manager table.tag_list td.options {
text-align:center;
}

#wb_tag_manager .tag_search {
width:100%;
padding-top:5px;
padding-bottom:5px;
margin-top:5px;
margin-bottom:5px;
border-top-style:dashed;
border-top-width:1px;
border-top-color:#666;
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#666;
}

#wb_tag_manager .multiple_update_options {
width:100%;
margin-top:15px;
margin-bottom:15px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Tag edit styles */
#wb_tag_manager .tag_details {
width:100%;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Validation Errors */
#wb_tag_manager .validation_errors {
width:100%;
padding-top:5px;
padding-bottom:5px;
margin-top:5px;
margin-bottom:5px;
border-top-style:dashed;
border-top-width:1px;
border-top-color:#666;
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Paging */
#wb_tag_manager div.total_results {
}

#wb_tag_manager div.paging {
margin:8px auto;
}

#wb_tag_manager div.paging span.page {
padding-right:4px;
}

#wb_tag_manager div.paging span.inactive {
border:1px solid #888;
color:#888;
padding:2px 4px;
}

#wb_tag_manager div.paging a {
border:1px solid #000;
padding:2px 4px;
text-decoration:none;
color:#157697;
}

#wb_tag_manager div.paging a.step {
color:#000;
}

#wb_tag_manager div.paging span.current {
border:1px solid #f36b00;
padding:2px 4px;
color:#f36b00;
}

/*
 * CSS Styles for the wb_user_manager component
 * @author Chris Blunt
 */
/*
 * Utility classes
 */
.clear {
clear:both;
}

/*
 * Administration component
 */
#wb_user_manager {
font-size:.7em;
line-height:1.25em;
padding:5px;
}

#wb_user_manager strong {
font-weight:bolder;
}

#wb_user_manager .warn {
text-align:center;
font-size:1.2em;
color:#e00;
font-weight:700;
}

/*
 * Administration Toolbar
 */
#main_toolbar {
clear:both;
float:none;
}

#main_toolbar {
display:block;
}

#main_toolbar ul li {
float:left;
list-style-type:none;
display:block;
}

#main_toolbar ul li a {
display:block;
padding:.125em .25em;
}

/*
 * Administration Forms
 */
#wb_user_manager input,#wb_user_manager select {
font-size:1em;
}

#wb_user_manager select {
width:45%;
}

#wb_user_manager .form_key {
clear:left;
float:left;
margin:0 1em;
padding-top:.2em;
}

#wb_user_manager .form_value {
margin-bottom:.25em;
}

#wb_user_manager .form_controls {
clear:both;
margin:1em;
}

.establishment_admin_true {
background:#ffff90;
}

#wb_user_manager#add_user_button {
margin-left:1em;
}

/* Paging */
#wb_user_manager div.paging {
margin:8px auto;
font-size:70%;
}

#wb_user_manager div.paging span.page {
padding-right:4px;
}

#wb_user_manager div.paging span.inactive {
border:1px solid #888;
color:#888;
padding:2px 4px;
}

#wb_user_manager div.paging a {
border:1px solid #000;
padding:2px 4px;
text-decoration:none;
color:#157697;
}

#wb_user_manager div.paging a.step {
color:#000;
}

#wb_user_manager div.paging span.current {
border:1px solid #f36b00;
padding:2px 4px;
color:#f36b00;
}

/*

UserManagementEditor component.

*/
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Generic styles that apply to ALL states of this component */
.wb_user_manager_editor {
padding:5px;
font-size:100%;
color:#000;
}

.wb_user_manager_editor h2 {
font-size:70%;
color:#000;
font-weight:700;
}

.wb_user_manager_editor p {
font-size:70%;
margin-bottom:5px;
}

.wb_user_manager_editor a {
color:#157697;
text-decoration:none;
}

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

.wb_user_manager_editor hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

.wb_user_manager_editor span.button {
padding-right:4px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* UserManagementEditor options state specific styles */
.wb_user_manager_editor .show_add_user {
}

.wb_user_manager_editor .show_add_user table tr td {
padding-bottom:5px;
}

.wb_user_manager_editor .show_add_user table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
}

.wb_user_manager_editor .show_add_user table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.wb_user_manager_editor .show_add_user table tr .mandatory img {
display:block;
}

.wb_user_manager_editor .show_add_user table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* UserManagementEditor options state specific styles */
.wb_user_manager_editor .show_edit_user {
}

.wb_user_manager_editor .show_edit_user table tr td {
padding-bottom:5px;
}

.wb_user_manager_editor .show_edit_user table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:top;
}

.wb_user_manager_editor .show_edit_user table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.wb_user_manager_editor .show_edit_user table tr .mandatory img {
display:block;
}

.wb_user_manager_editor .show_edit_user table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* UserManagementEditor options state specific styles */
.wb_user_manager_editor .show_upload_users {
}

.wb_user_manager_editor .show_upload_users table tr td {
padding-bottom:5px;
}

.wb_user_manager_editor .show_upload_users table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
}

.wb_user_manager_editor .show_upload_users table tr .mandatory {
padding:4px;
vertical-align:middle;
}

.wb_user_manager_editor .show_upload_users table tr .mandatory img {
display:block;
}

.wb_user_manager_editor .show_upload_users table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* UserManagementEditor options state specific styles */
.wb_user_manager_editor .uploadUsersComplete {
}

.wb_user_manager_editor .uploadUsersComplete dl {
font-size:70%;
}

.wb_user_manager_editor .uploadUsersComplete dl dt {
font-weight:700;
}

.wb_user_manager_editor .uploadUsersComplete dl dd {
font-style:italic;
margin-bottom:10px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Success confirmation state specific styles */
.wb_user_manager_editor .success_title {
font-weight:700;
font-size:90%;
color:green;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Core ezmaps elements. */
.ezMaps img {
position:absolute;
padding:0;
border:0;
}

.ezMaps {
overflow:hidden;
display:block;
position:relative;
}

.ezMaps .layer {
position:absolute;
bottom:0;
left:0;
}

.ezMaps .layers div {
width:100%;
height:100%;
}

.ezMaps .imageDiv {
position:absolute;
}

.ezMaps .eventLayer {
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
opacity:.01;
filter:alpha(opacity=1);
background:red;
}

.ezMaps .layerWrapper {
position:absolute;
overflow:hidden;
bottom:0;
left:0;
}

.ezMaps .iconsDiv {
position:absolute;
height:0;
width:0;
vertical-align:top!important;
}

.ezMaps .iconsDiv .ezmapsIcon {
position:absolute;
background-repeat:no-repeat;
overflow:hidden;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Toolbar button widgets. */
.ezMaps .widgetExtent {
height:0;
width:0;
}

.ezMaps .resetButtonWidget {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat 0 0;
}

.ezMaps .resetButtonWidget:hover {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat 0 -24px;
}

.ezMaps .widgetPadlock {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -24px 0;
}

.ezMaps .widgetPadlockLocked {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -24px -24px;
}

.ezMaps div.widgetUndo {
float:right;
margin:0;
width:60px;
}

.ezMaps .widgetUndo .redoButton {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -72px 0;
}

.ezMaps .widgetUndo .undoButton {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -48px 0;
}

.ezMaps .widgetUndo .redoButtonNone,.ezMaps .widgetUndo .redoButtonNone:hover {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -72px -48px;
margin:2px;
border:none;
cursor:default;
}

.ezMaps .widgetUndo .undoButtonNone,.ezMaps .widgetUndo .undoButtonNone:hover {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -48px -48px;
cursor:default;
margin:2px;
border:none;
}

.ezMaps .widgetScribble .polygonButton {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -216px -24px;
}

.ezMaps .widgetScribble .polylineButton {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -240px -24px;
}

.ezMaps .widgetScribble .hotspotButton {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -264px -24px;
}

.ezMaps .widgetScribble .measureButton {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -288px 0;
}

.ezMaps .widgetScribble .polygonButton:hover,.ezMaps .widgetScribble .polygonButtonActive {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -216px 0;
}

.ezMaps .widgetScribble .polylineButton:hover,.ezMaps .widgetScribble .polylineButtonActive {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -240px 0;
}

.ezMaps .widgetScribble .hotspotButton:hover,.ezMaps .widgetScribble .hotspotButtonActive {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -264px 0;
}

.ezMaps .widgetScribble .measureButton:hover,.ezMaps .widgetScribble .measureButtonActive {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -288px 0;
}

.ezMaps .widgetZoomSlider .zoomInButton {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -96px -24px;
}

.ezMaps .widgetZoomSlider .zoomInButton:hover {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -96px 0;
}

.ezMaps .widgetZoomSlider .zoomOutButton {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -120px -24px;
}

.ezMaps .widgetZoomSlider .zoomOutButton:hover {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -120px 0;
}

.ezMaps .widgetMapModeButtons {
}

.ezMaps .widgetMapModeButtons .layerButton {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -144px -24px;
}

.ezMaps .widgetMapModeButtons .layerButton:hover,.ezMaps .widgetMapModeButtons .layerButtonActive {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -144px 0;
}

.ezMaps .widgetMapModeButtons .stitchedButton {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -192px -24px;
}

.ezMaps .widgetMapModeButtons .stitchedButton:hover,.ezMaps .widgetMapModeButtons .stitchedButtonActive {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -192px 0;
}

.ezMaps .widgetMapModeButtons .mirroredButton {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -168px -24px;
}

.ezMaps .widgetMapModeButtons .mirroredButton:hover,.ezMaps .widgetMapModeButtons .mirroredButtonActive {
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -168px 0;
}

.ezMaps .widgetMapModeButtons .mirroredButton:hover,.ezMaps .widgetMapModeButtons .stitchedButton:hover,.ezMaps .widgetMapModeButtons .layerButton:hover,.ezMaps .widgetZoomSlider .zoomOutButton:hover,.ezMaps .widgetZoomSlider .zoomInButton:hover,.ezMaps .resetButtonWidget:hover,.ezMaps .widgetUndo .undoButton:hover,.ezMaps .widgetUndo .redoButton:hover,.ezMaps .widgetScribble .polygonButton:hover,.ezMaps .widgetScribble .hotspotButton:hover,.ezMaps .widgetScribble .polylineButton:hover {
border:1px solid #75d1f7;
margin:1px;
}

.ezMaps .verticalToolbarDiv div {
clear:left;
}

.ezMaps .widgetsTop {
width:100%;
height:100%;
}

.ezMaps .horizontalToolbarDiv,.ezMaps .verticalToolbarDiv {
left:0;
top:0;
position:relative;
float:left;
overflow:visible;
z-index:999;
}

.ezMaps .verticalToolbarDiv {
height:100%;
background:url(ezMaps.css_assets/leftToolbar.png);
width:30px;
z-index:1;
}

.ezMaps .horizontalToolbarDiv .widgetArea {
position:absolute;
background:transparent url(ezMaps.css_assets/leftToolbarCap.png) no-repeat;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}

.ezMaps .horizontalToolbarDiv {
background:url(ezMaps.css_assets/topToolbar.png);
height:30px;
width:100%;
z-index:1;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Watermark widget. */
.ezMaps .widgetWatermark div {
width:auto;
height:auto;
position:absolute;
}

.ezMaps .widgetWatermark img {
position:relative;
}

.ezMaps .widgetWatermark .vertical {
clear:both;
}

.ezMaps .widgetWatermark .top_right {
top:0;
right:0;
}

.ezMaps .widgetWatermark .top_right img {
float:right;
}

.ezMaps .widgetWatermark .bottom_right {
bottom:14px;
right:105px;
}

.ezMaps .widgetWatermark .bottom_right img {
float:right;
}

.ezMaps .widgetWatermark .top_left {
top:0;
left:0;
}

.ezMaps .widgetWatermark .top_left img {
float:left;
}

.ezMaps .widgetWatermark .bottom_left {
bottom:15px;
left:40px;
}

.ezMaps .widgetWatermark .bottom_left img {
float:left;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Scale bar widget. */
.widgetScaleBar {
bottom:25px;
height:50px;
left:40px;
position:absolute;
width:150px;
vertical-align:top;
font-size:10px;
font-weight:700;
}

.widgetScaleBar .foot {
border-top:1px solid #DB0C41;
border-right:1px solid #DB0C41;
border-left:1px solid #DB0C41;
padding:0 1px;
color:#DB0C41;
bottom:0;
height:auto;
left:0;
position:absolute;
width:0;
}

.widgetScaleBar .meter {
border-bottom:1px solid #25408F;
border-right:1px solid #25408F;
border-left:1px solid #25408F;
color:#25408F;
padding:0 1px;
bottom:15px;
height:auto;
left:0;
position:absolute;
width:0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Status bar widget */
.ezMaps .widgetProgressBar {
position:absolute;
bottom:15px;
left:0;
width:100%;
height:3px;
background-color:#db0c41;
opacity:.6;
filter:alpha(opacity=60);
font-size:0;
}

.ezMaps .widgetStatus {
position:absolute;
bottom:0;
left:30px;
width:100%;
height:15px;
font-size:0;
border:0;
}

.ezMaps .widgetStatus .background {
bottom:0;
left:0;
height:100%;
background-color:#FFF;
bottom:0;
opacity:.6;
filter:alpha(opacity=60);
font-size:0;
width:100%;
border:0 none;
}

.ezMaps .widgetStatus .text {
position:absolute;
top:0;
left:18px;
font-size:11px;
color:#db3328;
vertical-align:top;
padding-left:10px;
font-weight:700;
}

.ezMaps .widgetStatus .text span {
color:#25408F;
font-size:8px;
vertical-align:middle;
font-weight:700;
}

.ezMaps .widgetStatus .cycleStatusText {
position:absolute;
top:0;
left:0;
font-size:11px;
color:#db3328;
vertical-align:top;
padding-top:0;
padding-left:0;
font-weight:700;
width:24px;
height:24px;
}

.ezMaps .widgetStatus .cycleStatusText a {
position:absolute;
top:-5px;
left:0;
width:24px;
height:24px;
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -48px -48px;
}

.ezMaps .widgetStatus .cycleStatusText a:hover {
position:absolute;
top:-5px;
left:0;
width:24px;
height:24px;
background:url(ezMaps.css_assets/sprite_sheet_toolbar_buttons_no_repeat.png) no-repeat -48px -24px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Reference map widget. */
.ezMaps .widgetReferenceMapExpander {
background:#FFF url(ezMaps.css_assets/sprite_sheet_reference_map_no_repeat.png) no-repeat -72px 0;
bottom:0;
height:10px;
position:absolute;
right:0;
width:10px;
border:#75d1f7 solid 1px;
}

.ezMaps .widgetReferenceMapExpanderExpand {
background:#FFF url(ezMaps.css_assets/sprite_sheet_reference_map_no_repeat.png) no-repeat -90px 0;
}

.ezMaps .widgetReferenceMap {
right:0;
bottom:0;
position:absolute;
background:#FFF;
width:100px;
height:100px;
overflow:hidden;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#75d1f7;
font-size:.6em;
text-align:center;
color:#009;
}

.ezMaps .widgetReferenceMap .north,.ezMaps .widgetReferenceMap .south,.ezMaps .widgetReferenceMap .east,.ezMaps .widgetReferenceMap .west {
position:absolute;
cursor:pointer;
width:12px;
height:21px;
}

.ezMaps .widgetReferenceMap .north,.ezMaps .widgetReferenceMap .south {
width:21px;
height:12px;
}

.ezMaps .widgetReferenceMap .label {
width:14px;
height:14px;
cursor:pointer;
}

.ezMaps .widgetReferenceMap #northLabel {
position:relative;
top:10px;
left:43px;
}

.ezMaps .widgetReferenceMap #southLabel {
position:relative;
top:63px;
left:43px;
}

.ezMaps .widgetReferenceMap #westLabel {
position:relative;
top:2px;
left:11px;
}

.ezMaps .widgetReferenceMap #eastLabel {
position:relative;
top:16px;
left:75px;
}

.ezMaps .widgetReferenceMap .north {
background:url(ezMaps.css_assets/sprite_sheet_reference_map_no_repeat.png) no-repeat -18px 0;
bottom:90px;
left:40px;
width:18px;
}

.ezMaps .widgetReferenceMap .south {
background:url(ezMaps.css_assets/sprite_sheet_reference_map_no_repeat.png) no-repeat 0 0;
bottom:0;
left:40px;
width:18px;
}

.ezMaps .widgetReferenceMap .east {
background:url(ezMaps.css_assets/sprite_sheet_reference_map_no_repeat.png) no-repeat -54px 0;
bottom:40px;
right:0;
}

.ezMaps .widgetReferenceMap .west {
background:url(ezMaps.css_assets/sprite_sheet_reference_map_no_repeat.png) no-repeat -36px 0;
bottom:40px;
left:0;
}

.ezMaps .widgetReferenceMap .mapDiv {
width:100%;
height:100%;
right:0;
bottom:0;
position:absolute;
}

.ezMaps .widgetReferenceMap .horizontalToolbarDiv,.ezMaps .widgetReferenceMap .verticalToolbarDiv {
display:none;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Compass widget. */
.widgetNorthArrow {
/**
	 * Hide North Arrow as per case 21183
	 */
display:none;
background-image:url(ezMaps.css_assets/northArrow.png);
height:50px;
width:24px;
position:absolute;
top:40px;
right:10px;
}

.ezMaps .widgetCompass {
background:transparent url(ezMaps.css_assets/compass.png) no-repeat scroll 0;
float:left;
height:56px;
position:relative;
width:56px;
margin:3px;
}

.ezMaps .widgetCompass div {
cursor:pointer;
position:absolute;
width:20px;
height:20px;
}

.ezMaps .widgetCompass .northWest {
top:0;
left:0;
}

.ezMaps .widgetCompass .north {
left:18px;
top:0;
}

.ezMaps .widgetCompass .northEast {
top:0;
right:0;
}

.ezMaps .widgetCompass .west {
top:18px;
left:0;
}

.ezMaps .widgetCompass .east {
top:18px;
right:0;
}

.ezMaps .widgetCompass .southWest {
bottom:0;
left:0;
}

.ezMaps .widgetCompass .south {
left:18px;
bottom:0;
}

.ezMaps .widgetCompass .southEast {
bottom:0;
right:0;
}

.ezMaps .widgetCompass .resetExtents {
left:18px;
top:18px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Misc widgets. */
.ezMaps div.zoomBoxWidget {
border:solid #db0c41 2px;
display:none;
width:0;
height:0;
position:absolute;
}

.ezMaps div.focusSquareWidget {
border:solid #db0c41 1px;
display:none;
width:0;
height:0;
position:absolute;
background-image:url(ezMaps.css_assets/whitePixel.png);
}

.ezMaps .widgetScribbleInfoDiv {
position:absolute;
width:auto;
height:auto;
background-color:#FFF;
opacity:.6;
filter:alpha(opacity=60);
border:solid 1px;
padding:2px;
}

.ezMaps .droppableGeocodeWidget {
width:301px;
height:301px;
position:absolute;
margin:-150px;
}

.ezMaps .invalidDroppableGeocodeWidget {
background-image:url(ezMaps.css_assets/access_denied.png);
background-position:center;
background-repeat:no-repeat;
cursor:none;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Popup. */
.ezMaps .popUp {
position:absolute;
}

.ezMaps .popUp .close {
background:url(ezMaps.css_assets/sprite_sheet_popup_no_repeat.png) no-repeat -320px 0;
position:absolute;
width:13px;
height:13px;
top:10px;
right:15px;
cursor:pointer;
}

.ezMaps .popUp .contents {
background-color:#FFF;
overflow:hidden;
position:absolute;
top:10px;
left:10px;
}

.ezMaps .popUp .contents img {
position:relative;
}

.ezMaps .popUp .contents table tr td {
vertical-align:top;
}

.ezMaps .popUp .popUpBg {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}

.ezMaps .popUp .popUpBg .corner {
position:absolute;
background-repeat:no-repeat;
}

.ezMaps .popUp .popUpBg .straight {
position:absolute;
}

.ezMaps .popUp .popUpBg .l {
width:19px;
left:0;
top:23px;
background-color:#FFF;
border-left:1px solid #157697;
}

.ezMaps .popUp .popUpBg .t {
height:19px;
left:19px;
top:0;
background-color:#FFF;
border-top:1px solid #157697;
}

.ezMaps .popUp .popUpBg .b {
height:23px;
left:19px;
bottom:0;
background-image:url(ezMaps.css_assets/b.png);
background-repeat:repeat-x;
background-position:bottom;
}

.ezMaps .popUp .popUpBg .r {
width:19px;
right:0;
top:19px;
background-image:url(ezMaps.css_assets/r.png);
background-repeat:repeat-y;
background-position:right;
}

.ezMaps .popUp .popUpBg .bp {
left:19px;
bottom:-26px;
background:url(ezMaps.css_assets/sprite_sheet_popup_no_repeat.png) no-repeat -160px bottom;
}

.ezMaps .popUp .popUpBg .bp_bottom_left {
left:19px;
bottom:-26px;
background:url(ezMaps.css_assets/sprite_sheet_popup_no_repeat.png) no-repeat -160px bottom;
}

.ezMaps .popUp .popUpBg .bp_bottom_right {
right:19px;
bottom:-26px;
background:url(ezMaps.css_assets/sprite_sheet_popup_no_repeat.png) no-repeat -200px bottom;
}

.ezMaps .popUp .popUpBg .bp_top_left {
left:19px;
top:-31px;
background:url(ezMaps.css_assets/sprite_sheet_popup_no_repeat.png) no-repeat -240px bottom;
}

.ezMaps .popUp .popUpBg .bp_top_right {
right:19px;
top:-31px;
background:url(ezMaps.css_assets/sprite_sheet_popup_no_repeat.png) no-repeat -280px bottom;
}

.ezMaps .popUp .popUpBg .tr {
right:0;
top:0;
background:url(ezMaps.css_assets/sprite_sheet_popup_no_repeat.png) no-repeat -40px top;
height:19px;
width:23px;
}

.ezMaps .popUp .popUpBg .tl {
left:0;
top:0;
background:url(ezMaps.css_assets/sprite_sheet_popup_no_repeat.png) no-repeat 0 top;
width:19px;
height:23px;
}

.ezMaps .popUp .popUpBg .br {
right:0;
bottom:0;
background-image:url(ezMaps.css_assets/br.png);
background-position:bottom;
height:26px;
width:23px;
}

.ezMaps .popUp .popUpBg .bl {
left:0;
bottom:0;
background-image:url(ezMaps.css_assets/bl.png);
width:19px;
height:23px;
}

.ezMaps .widgetPopup {
position:absolute;
bottom:0;
left:0;
width:0;
height:0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Slider */
.ui-slider-horizontal {
height:17px;
background:none;
border:none;
/*
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #a6a6a6;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #a6a6a6;*/
background-image:url(ezMaps.css_assets/zoom_slide_notch_padded_horizontal_with_track.png);
background-repeat:repeat;
}

.ui-slider-horizontal .ui-slider-handle {
position:absolute;
height:23px;
background:none;
border:none;
background-image:url(ezMaps.css_assets/zoom_slide_middle_horizontal.png);
background-repeat:no-repeat;
background-position:center;
cursor:move;
}

.ezMaps .horizontalTrack {
height:9px;
float:left;
position:relative;
}

.ezMaps .horizontalTrack .handle {
width:10px;
height:23px;
background-image:url(ezMaps.css_assets/zoom_slide_middle_horizontal.png);
cursor:move;
position:absolute;
background-repeat:no-repeat;
}

.ezMaps .horizontalTrack .leftCap {
background-image:url(ezMaps.css_assets/zoom_slide_bar_left.png);
background-repeat:no-repeat;
height:7px;
width:3px;
left:0;
position:absolute;
top:8px;
}

.ezMaps .horizontalTrack .middle {
background-image:url(ezMaps.css_assets/zoom_slide_bar__horizontal_1px.png);
background-repeat:repeat;
height:7px;
left:3px;
position:absolute;
width:44px;
top:8px;
}

.ezMaps .horizontalTrack .rightCap {
background-image:url(ezMaps.css_assets/zoom_slide_bar_right.png);
background-repeat:no-repeat;
height:7px;
left:47px;
position:absolute;
width:3px;
top:8px;
}

.ezMaps .horizontalTrack .notches {
background-image:url(ezMaps.css_assets/zoom_slide_notch_padded_horizontal.png);
background-repeat:repeat;
position:absolute;
left:0;
height:17px;
top:3px;
}

.ezMaps .verticalTrack {
position:absolute;
height:100px;
background-color:#aaa;
width:7px;
margin:26px 8px;
}

.ezMaps .verticalTrack .notches {
background-image:url(ezMaps.css_assets/zoom_slide_notch_padded.png);
background-repeat:repeat;
position:absolute;
top:0;
width:17px;
margin-left:-5px;
}

.ezMaps .verticalTrack .topCap {
background-image:url(ezMaps.css_assets/zoom_slide_bar_top.png);
background-repeat:no-repeat;
height:3px;
width:7px;
top:0;
position:absolute;
}

.ezMaps .verticalTrack .middle {
background-image:url(ezMaps.css_assets/zoom_slide_bar_vertical_1px.png);
background-repeat:repeat;
height:94px;
top:3px;
position:absolute;
width:7px;
}

.ezMaps .verticalTrack .bottomCap {
background-image:url(ezMaps.css_assets/zoom_slide_bar_bottom.png);
background-repeat:no-repeat;
height:3px;
top:97px;
position:absolute;
width:7px;
}

.ezMaps .verticalTrack .handle {
width:23px;
height:10px;
background-image:url(ezMaps.css_assets/zoom_slide_middle.png);
margin-left:-8px;
font-size:0;
padding:0;
cursor:move;
top:0;
position:absolute;
background-repeat:no-repeat;
}

.ezMaps .widgetsBottom {
width:100%;
height:100%;
bottom:0;
left:0;
position:absolute;
}

.ezMaps .renderer {
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
}

.ezMaps .widgetsBottom .relative {
position:absolute;
}

.ezMaps .widgetsBottom .static {
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
}

.ezMaps .widgetsTop {
width:100%;
height:100%;
}

.ezMaps .widgetTransparencySlider {
position:relative;
float:left;
top:0;
}

.ezMaps .widgetTransparencyLayersSlider {
height:0;
right:75px;
position:absolute;
top:50px;
width:0;
}

.ezMaps .queryWidget {
height:0;
position:absolute;
width:0;
top:50%;
left:50%;
}

.ezMaps .queryWidget .crossHair {
height:20px;
width:20px;
left:-10px;
top:-10px;
background-image:url(ezMaps.css_assets/cross.png);
position:absolute;
}

.ezMaps .zoomDisplayWidget {
height:150px;
position:absolute;
width:150px;
}

.ezMaps .widgetTransparencySlider .mapAButton {
background-image:url(ezMaps.css_assets/map_a_tool.png);
}

.ezMaps .widgetTransparencySlider .mapBButton {
background-image:url(ezMaps.css_assets/map_b_tool.png);
}

.ezMaps .widgetZoomSlider .zoomInButton,.ezMaps .widgetZoomSlider .zoomOutButton,.ezMaps .widgetMapModeButtons div,.ezMaps .widgetExtent .button,.ezMaps .widgetLayerMenu .imgB,.ezMaps .widgetLayerMenu .imgA,.ezMaps .widgetUndo div,.ezMaps .widgetScribble div,.ezMaps .widgetTransparencySlider .mapAButton,.ezMaps .widgetTransparencySlider .mapBButton,.ezMaps .widgetPadlock,.ezMaps .resetButtonWidget {
float:left;
width:24px;
height:24px;
margin:2px;
cursor:pointer;
zoom:1;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Map Menu stuff*/
.ezMaps .widgetLayerMenu {
float:left;
margin:0;
height:0;
}

.ezMaps .widgetLayerMenu .slider {
float:left;
margin-bottom:2px;
margin-left:2px;
margin-right:2px;
margin-top:2px;
width:45px;
}

.ezMaps .widgetLayerMenu .imgA {
background-image:url(ezMaps.css_assets/map_a.png);
}

.ezMaps .widgetLayerMenu .imgB {
background-image:url(ezMaps.css_assets/map_b.png);
}

ul li.mapMenu {
z-index:1000;
}

ul li.mapMenu a.top {
background:#FFF;
background:#FFF url(ezMaps.css_assets/arrow_down_menu.gif) no-repeat scroll 100% 50%;
margin-top:2px;
min-width:100px;
}

ul li.mapMenu a.top:hover {
background:#FFF;
}

ul#map_menu_list {
font-size:60%;
/*          ****CHANGE**** change for larger or smaller font */
font-weight:700;
left:0;
vertical-align:top;
}

ul#map_menu_list,ul#map_menu_list ul {
padding:0;
margin:0;
list-style:none;
border-left:/*solid #238126*/
1px;
border-bottom:/*solid #238126*/
.04em;
}

ul#map_menu_list li {
line-height:1.35em;
position:relative;
float:left;
}

ul#map_menu_list>li li {
/* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
float:none;
}

#map_menu_list li a {
display:block;
text-decoration:none;
/*color: white;
	 background-color: #C0EFBE;
	width: 10em;           ****CHANGE-MENU**** */
padding:.5em 1.3em .5em 1em;
border-top:/*solid  #8BBACC*/
.04em;
border-right:/*solid  #8BBACC*/
1px;
cursor:pointer;
}

ul#map_menu_list li li a {
width:8em;
/*        ****CHANGE-SUBMENU**** */
text-align:left;
}

ul#map_menu_list .sfhover_left_top a,ul#map_menu_list .sfhover_left a {
text-align:right;
}

ul#map_menu_list li li li a {
width:9em;
/*          ****CHANGE-SUBMENU**** */
}

li.sfhover_right_top a.nest,li.sfhover_right a.nest {
background:url(/view/shared/assets/images/arrows/small_white_show_arrow_right.gif) no-repeat scroll right 50%;
}

li.sfhover_left_top a.nest,li.sfhover_left a.nest {
background:url(/view/shared/assets/images/arrows/small_white_show_arrow_left.gif) no-repeat scroll left 50%;
}

ul#map_menu_list li ul {
/* Hides the first unhovered sub-menu */
position:absolute;
display:none;
}

#map_menu_list li:active ul ul,#map_menu_list li:active ul ul ul,#map_menu_list li:hover ul ul,#map_menu_list li:hover ul ul ul,#map_menu_list li.sfhover ul ul,#map_menu_list li.sfhover ul ul ul {
display:none;
}

/*#map_menu_list li:hover ul, #map_menu_list li li:hover ul, #map_menu_list li li li:hover ul, #map_menu_list li.sfhover ul, #map_menu_list li li.sfhover ul, #map_menu_list li li li.sfhover ul {
	top: 0;
	left: 0px;
	margin-left: 100%;
	display: block;
}*/
#map_menu_list li.sfhover_right_top ul,#map_menu_list li li.sfhover_right_top ul,#map_menu_list li li li.sfhover_right_top ul {
top:0;
left:0;
margin-left:100%;
display:block;
}

#map_menu_list li.sfhover_right ul,#map_menu_list li li.sfhover_right ul,#map_menu_list li li li.sfhover_right ul {
top:0;
left:0;
margin-left:100%;
display:block;
}

#map_menu_list li.sfhover_left_top ul,#map_menu_list li li.sfhover_left_top ul,#map_menu_list li li li.sfhover_left_top ul {
top:0;
right:0;
margin-right:0;
display:block;
}

#map_menu_list li.sfhover_left ul,#map_menu_list li li.sfhover_left ul,#map_menu_list li li li.sfhover_left ul {
top:0;
right:0;
margin-right:100%;
display:block;
}

/*                       ****DISPLAYS HORIZONTAL MENU(2) ******* */
#map_menu_list li:hover ul,#map_menu_list li a:focus ul,#map_menu_list li.sfhover ul {
top:100%;
margin-left:0;
zoom:1;
/*display: block;*/
}

#map_menu_list li.sfhover_left_top ul,#map_menu_list li.sfhover_left ul {
margin-right:0;
}

div#map_picker {
width:100%;
}

/* BACKGROUND EFFECTS */
/* Allows each succesive parent list item and the hovered submenu to have a lighter background color */
/*hover list select */
#map_menu_list li:hover a,#map_menu_list li.sfhover a {
color:#FFF;
background-color:#6a8e9c;
}

ul#map_menu_list li ul li:hover a,ul#map_menu_list li ul li.sfhover a {
color:#FFF;
background-color:#587682;
}

ul#map_menu_list li ul ul li:hover a,ul#map_menu_list li ul ul li.sfhover a {
color:#FFF;
background-color:#48606a;
}

/*hover select */
div#map_picker ul#map_menu_list li ul li:hover,div#map_picker ul#map_menu_list li li li a:hover,ul#map_menu_list li a:hover,ul#map_menu_list ul li:hover a:hover {
color:#FFF;
background-color:#db0c41;
}

/* Override expired items to be in gray */
#map_menu_list li:hover a.expired,#map_menu_list li.sfhover a.expired {
color:#A0B6C0;
}

ul#map_menu_list li ul li:hover a.expired,ul#map_menu_list li ul li.sfhover a.expired {
color:#A0B6C0;
}

ul#map_menu_list li ul ul li:hover a.expired,ul#map_menu_list li ul ul li.sfhover a.expired {
color:#A0B6C0;
}

/* added by Marc to Fix for FF3*/
#map_menu_list {
width:auto;
float:left;
}

.widgetLayerMenu {
float:left;
width:auto;
min-width:70%;
}

.ezMaps .messageDiv {
position:absolute;
top:80px;
left:80px;
width:0;
height:0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Lightbox confirm pre publish resources ... */
#confirmPublishResources {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#confirmPublishResources h2 {
font-weight:700;
margin-bottom:10px;
}

#confirmPublishResources h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#confirmPublishResources h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#confirmPublishResources p {
font-size:70%;
margin-bottom:5px;
}

#confirmPublishResources a {
color:#157697;
text-decoration:none;
}

#confirmPublishResources a:hover {
text-decoration:underline;
}

#confirmPublishResources hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#confirmPublishResources ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#confirmPublishResources ul li {
font-size:70%;
margin-left:30px;
clear:both;
}

#confirmPublishResources ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#confirmPublishResources span.button {
padding-right:16px;
}

#confirmPublishResources span.button a {
color:#FFF;
}

#confirmPublishResources span.button a:hover {
text-decoration:none;
}

#confirmPublishResources .resourceList {
}

#confirmPublishResources .resourceList .resourceDetail {
}

#confirmPublishResources .resourceList .resourceDetail img {
margin-right:10px;
}

#confirmPublishResources .resourceList .resourceDetail h3 {
margin:0;
padding:0;
color:#157697;
}

#confirmPublishResources .resourceList .resourceDetail p {
margin:0;
padding:0;
}

/*
 * 
 * User Details Update Form
 * 
 */
#confirmPublishResources #userDetailsUpdateForm table tr th {
font-size:70%;
font-weight:700;
}

#confirmPublishResources #userDetailsUpdateForm table tr td {
font-size:70%;
}

#confirmPublishResources #userDetailsUpdateForm table tr td {
font-size:70%;
}

#confirmPublishResources #userDetailsUpdateForm table tr td hr {
height:1px;
border:none;
border-top:1px dashed gray;
color:#FFF;
background-color:#FFF;
margin-bottom:5px;
}

#confirmPublishResources #userDetailsUpdateForm table tr .label {
font-size:70%;
font-weight:700;
color:#157697;
padding-right:10px;
vertical-align:middle;
}

#confirmPublishResources #userDetailsUpdateForm table tr .mandatory {
padding:4px;
vertical-align:middle;
}

#confirmPublishResources #userDetailsUpdateForm table tr .mandatory img {
display:block;
}

#confirmPublishResources #userDetailsUpdateForm table tr .help {
font-size:70%;
margin:0 16px;
color:#666;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Lightbox confirm unpublish resources ... */
#confirmUnpublishResources {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#confirmUnpublishResources h2 {
font-weight:700;
margin-bottom:10px;
}

#confirmUnpublishResources h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#confirmUnpublishResources h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#confirmUnpublishResources p {
font-size:70%;
margin-bottom:5px;
}

#confirmUnpublishResources a {
color:#157697;
text-decoration:none;
}

#confirmUnpublishResources a:hover {
text-decoration:underline;
}

#confirmUnpublishResources hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#confirmUnpublishResources ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#confirmUnpublishResources ul li {
font-size:70%;
margin-left:30px;
clear:both;
}

#confirmUnpublishResources ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#confirmUnpublishResources span.button {
padding-right:16px;
}

#confirmUnpublishResources span.button a {
color:#FFF;
}

#confirmUnpublishResources span.button a:hover {
text-decoration:none;
}

#confirmUnpublishResources .resourceList {
}

#confirmUnpublishResources .resourceList .resourceDetail {
}

#confirmUnpublishResources .resourceList .resourceDetail img {
margin-right:10px;
}

#confirmUnpublishResources .resourceList .resourceDetail h3 {
margin:0;
padding:0;
color:#157697;
}

#confirmUnpublishResources .resourceList .resourceDetail p {
margin:0;
padding:0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Lightbox confirm delete resources ... */
#confirmDeleteResources {
display:block;
padding:5px;
}

.background_Scoilnet {
background:url(/view/components/shell/assets/images/system_messages/scoilnet_watermark_logo.jpg) no-repeat -155px -155px;
}

.background_uLearn {
background:url(/view/components/shell/assets/images/system_messages/ulearn_watermark_logo.jpg) no-repeat -155px -155px;
}

#confirmDeleteResources h2 {
font-weight:700;
margin-bottom:10px;
}

#confirmDeleteResources h3 {
font-size:80%;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

#confirmDeleteResources h4 {
font-size:80%;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}

#confirmDeleteResources p {
font-size:70%;
margin-bottom:5px;
}

#confirmDeleteResources a {
color:#157697;
text-decoration:none;
}

#confirmDeleteResources a:hover {
text-decoration:underline;
}

#confirmDeleteResources hr {
height:1px;
border:0;
color:#000;
background-color:#000;
}

#confirmDeleteResources ul {
margin-top:10px;
margin-bottom:10px;
list-style-type:disc;
}

#confirmDeleteResources ul li {
font-size:70%;
margin-left:30px;
clear:both;
}

#confirmDeleteResources ul .seperator {
border-bottom:1px dotted gray;
list-style-type:none;
padding-top:15px;
}

#confirmDeleteResources span.button {
padding-right:16px;
}

#confirmDeleteResources span.button a {
color:#FFF;
}

#confirmDeleteResources span.button a:hover {
text-decoration:none;
}

#confirmDeleteResources .resourceList {
}

#confirmDeleteResources .resourceList .resourceDetail {
}

#confirmDeleteResources .resourceList .resourceDetail img {
margin-right:10px;
}

#confirmDeleteResources .resourceList .resourceDetail h3 {
margin:0;
padding:0;
color:#157697;
}

#confirmDeleteResources .resourceList .resourceDetail p {
margin:0;
padding:0;
}

div.resource_popup {
position:absolute;
width:345px;
background-image:url(/view/components/resource_explorer/assets/images/tag_icons/ulearn_tag_hoverbackground_middle.png);
color:#fff;
font-size:80%;
top:-2000px;
left:-2000px;
z-index:5000;
}

div.resource_popup table.details {
position:relative;
width:325px;
margin:0;
margin-top:10px;
margin-left:10px;
padding:0;
color:#fff;
}

div.resource_popup table.details td.thumbnail {
vertical-align:top;
text-align:center;
overflow:hidden;
}

div.resource_popup table.details td.thumbnail img {
padding:0;
margin:0;
}

div.resource_popup table.details td.divider {
width:10px;
}

div.resource_popup table.details td.name {
padding-top:10px;
padding-bottom:10px;
font-weight:700;
}

div.resource_popup table.details td.description div.description {
max-height:48px;
overflow:hidden;
margin-bottom:10px;
}

div.resource_popup table.details td.rating {
width:33%;
text-align:left;
}

div.resource_popup table.details td.views {
width:33%;
text-align:center;
font-weight:700;
}

div.resource_popup table.details td.favourites {
width:33%;
text-align:right;
font-weight:700;
}

div.coverflow_container {
position:relative;
}

div.coverflow_container div.arrow_previous {
position:absolute;
top:50%;
left:13px;
margin-top:-23px;
width:20px;
height:45px;
background:url(/view/shared/assets/images/helpers/coverflow/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -1995px -45px;
cursor:pointer;
}

div.coverflow_container div.arrow_next {
position:absolute;
top:50%;
right:13px;
margin-top:-23px;
width:20px;
height:45px;
background:url(/view/shared/assets/images/helpers/coverflow/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -1995px 0;
cursor:pointer;
}

div.coverflow {
position:relative;
overflow:hidden;
z-index:2;
}

div.coverflow ul.coverflow_list {
height:160px;
z-index:2;
}

li.coverflow_list_item,li.coverflow_list_item_placeholder {
width:160px;
height:160px;
float:left;
margin-left:8px;
margin-right:8px;
text-align:center;
color:#fff;
overflow:hidden;
}

li.coverflow_list_item {
background:url(/view/shared/assets/images/helpers/coverflow/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat 0 0;
cursor:pointer;
}

li.coverflow_list_item_placeholder {
background:url(/view/shared/assets/images/helpers/coverflow/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -1280px 0;
cursor:default;
}

li.coverflow_list_item div.content {
position:relative;
width:160px;
height:160px;
overflow:hidden;
}

li.coverflow_list_item div.content div.thumbnail {
position:absolute;
top:12px;
left:12px;
width:136px;
height:69px;
}

li.coverflow_list_item div.content div.details {
position:absolute;
top:85px;
left:10px;
width:140px;
height:65px;
}

li.coverflow_list_item div.name {
font-size:70%;
font-weight:700;
text-align:center;
}

li.coverflow_list_item div.rating {
position:absolute;
left:28px;
bottom:5px;
}

div.glow {
position:absolute;
width:190px;
height:190px;
background:url(/view/shared/assets/images/helpers/coverflow/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -2080px 0;
z-index:1;
display:none;
}

div.favourites_sets,div.favourites_set {
position:absolute;
top:0;
left:5px;
height:120px;
background-image:url(/view/shared/assets/images/helpers/favourites_sets/container_front_middle.png);
background-repeat:both;
z-index:1000;
display:none;
}

div.favourites_set {
background-image:url(/view/shared/assets/images/helpers/favourites_sets/container_front_middle_alternative.png);
}

div.favourites_sets div.favourites_sets_border,div.favourites_set div.favourites_set_border {
position:absolute;
width:100%;
height:100%;
padding-bottom:5px;
top:0;
left:0;
background-image:url(/view/shared/assets/images/helpers/favourites_sets/container_back_middle.png);
background-repeat:both;
z-index:-1;
display:none;
}

div.favourites_sets div.component_buttons,div.favourites_set div.component_buttons {
position:absolute;
top:2px;
left:2px;
z-index:3;
}

div.favourites_set div.back_button {
width:25px;
height:25px;
background:url(/view/shared/assets/images/windows/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -100px 0;
float:left;
margin-right:1px;
cursor:pointer;
}

div.favourites_sets div.help_button,div.favourites_set div.help_button {
width:25px;
height:25px;
background:url(/view/shared/assets/images/windows/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -125px 0;
float:left;
margin-right:1px;
cursor:pointer;
}

div.favourites_sets div.title,div.favourites_set div.title {
width:100%;
height:16px;
margin-top:10px;
margin-bottom:20px;
color:#fff;
font-weight:700;
text-align:center;
z-index:2;
display:none;
}

div.favourites_sets div.help,div.favourites_set div.help {
padding-top:25px;
padding-left:100px;
padding-right:100px;
text-align:center;
color:#fff;
display:none;
}

div.favourites_sets div.coverflow_container,div.favourites_set div.coverflow_container {
margin-top:5px;
z-index:1;
}

div.favourites_sets div.window_buttons,div.favourites_set div.window_buttons {
position:absolute;
top:2px;
right:2px;
z-index:3;
}

div.favourites_sets div.window_buttons div.minimise_button,div.favourites_set div.window_buttons div.minimise_button {
width:25px;
height:25px;
background:url(/view/shared/assets/images/windows/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -50px 0;
float:left;
margin-left:1px;
cursor:pointer;
display:none;
}

div.favourites_sets div.window_buttons div.maximise_button,div.favourites_set div.window_buttons div.maximise_button {
width:25px;
height:25px;
background:url(/view/shared/assets/images/windows/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -25px 0;
float:left;
margin-left:1px;
cursor:pointer;
}

div.favourites_sets div.window_buttons div.close_button,div.favourites_set div.window_buttons div.close_button {
width:25px;
height:25px;
background:url(/view/shared/assets/images/windows/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -75px 0;
float:left;
margin-left:1px;
cursor:pointer;
}

div.favourites_set div.options_buttons {
margin-top:25px;
margin-left:5%;
margin-right:5%;
display:none;
}

div.favourites_sets_options_buttons,div.favourites_set_options_buttons {
position:absolute;
width:160px;
height:38px;
background:url(/view/shared/assets/images/helpers/coverflow/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -1920px -90px;
z-index:10005;
display:none;
}

div.favourites_sets_options_buttons div,div.favourites_set_options_buttons div {
width:24px;
height:24px;
float:left;
margin-right:6px;
cursor:pointer;
}

div.favourites_sets_options_buttons div.open {
background:url(/view/shared/assets/images/helpers/favourites_sets/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -96px 0;
margin-left:22px;
}

div.favourites_sets_options_buttons div.edit {
background:url(/view/shared/assets/images/helpers/favourites_sets/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -24px 0;
}

div.favourites_sets_options_buttons div.delete {
background:url(/view/shared/assets/images/helpers/favourites_sets/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat 0 0;
}

div.favourites_sets_options_buttons div.publish {
background:url(/view/shared/assets/images/helpers/favourites_sets/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -120px 0;
}

div.favourites_set_options_buttons div.open {
background:url(/view/shared/assets/images/helpers/favourites_sets/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -96px 0;
margin-left:22px;
}

div.favourites_set_options_buttons div.move {
background:url(/view/shared/assets/images/helpers/favourites_sets/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -72px 0;
}

div.favourites_set_options_buttons div.set_thumbnail {
background:url(/view/shared/assets/images/helpers/favourites_sets/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -168px 0;
}

div.favourites_set_options_buttons div.remove {
background:url(/view/shared/assets/images/helpers/favourites_sets/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat 0 0;
}

div.favourites_set_options_buttons div.left {
background:url(/view/shared/assets/images/helpers/favourites_sets/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -48px 0;
margin-left:8px;
}

div.favourites_set_options_buttons div.right {
background:url(/view/shared/assets/images/helpers/favourites_sets/sprite_sheets/sprite_sheet_no_repeat.png) no-repeat -144px 0;
}

/*********************************************
* 
*	Lightbox styles
* 
*********************************************/
#favourites_helper_lightbox {
padding:15px;
}

#favourites_helper_lightbox h2 {
font-weight:700;
margin-bottom:15px;
}

#favourites_helper_lightbox p {
margin-bottom:5px;
}

#favourites_helper_lightbox p.heading {
font-weight:700;
}

#favourites_helper_lightbox div.help {
font-size:70%;
margin:0 5px;
color:#666;
}

#favourites_helper_lightbox div.automatic_resources_tags {
height:60px;
margin-bottom:5px;
overflow:scroll;
overflow-x:hidden;
}