body {
	color: #444;
	margin: 10px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 12px;
}
a {
	color: #1B75BC;
	text-decoration: none;
}
a:hover {
	color: gray;
	text-decoration: underline;
}

#lgPreload {
	color: white;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #0068B3;
	text-align: center;
	padding: 20% 0 0 0;
	z-index: 10000;
}

.lg-tree-dataset {
	background-image:url(/img/silkicons/silk/map.png);
}
.lgTitle {
	background: url(/js/extjs/resources/images/lougis/panel/white-top-bottom.png);
	height: 100%;
}
.lgTaskbar {
	background: url(/js/extjs/resources/images/lougis/panel/white-top-bottom.png);
	height: 24px;
}
#lgNorth {
	background: url(/img/north-bg.png);
	width: 100%;
	height: 50px;
}
#lgNorth #logo {
	position: absolute;
	top: 12px;
	left: 15px;
	font-size: 22px;
	font-weight: normal;
}
#lgNorth #userLinks {
	position: absolute;
	top: 3px;
	right: 20px;
	font-size: 11px;
}
#userLinks ul {
	margin: 0;
	padding: 0;
}
#userLinks ul li {
	float: left;
}
#userLinks a {
	color: white;
}
#userLinks a:hover {
	text-decoration: underline;
}
#lgNorth #modulePicker {
	position: absolute;
	bottom: 2px;
	right: 0;
	font-size: 18px;
}
#modulePicker ul {
	margin: 0;
	padding: 0;
}
#modulePicker ul li {
	float: left;
	margin-right: 20px;
}
#modulePicker a {
	color: white;
}
#modulePicker a:hover {
	color: #16ff2c;
	text-decoration: none;
}
#modulePicker .modActive {
	font-weight: bold;
	font-style: italic
}
#modulePicker .modActive:hover {
	color: white;
}
#lgNorth #siteSearchBox {
	position: absolute;
	top: 8px;
	right: 20px;
	border: 1px solid #cecece;
	padding: 2px 5px;
	color: #888;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 325px;
	font-size: 10px;
	background: white;
}
#siteSearchBox #siteSearchInput {
	margin: 0;
	padding: 0;
	border: 0;
	width: 200px;
	background: none;
}
table.dataset-metadata {
	font-size: 11px;
	margin: 5px;
    width: 98%;
}
table.dataset-metadata th, table.dataset-metadata td {
	padding: 2px 3px;
}
table.dataset-metadata th {
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #999;
}
table.dataset-metadata td {
	vertical-align: top;
	border-bottom: 1px solid #999;
}
#lgWest {
	padding: 3px;
}
#lgSouth {
/*	background: #6bbef7 url(/js/extjs/resources/images/lougis/window/top-bottom-ns.png); */
	background-image: none;
	background-color: #1b79bc;
	height: 100%;
}
/*
#lgMapControlPanZoomBar {
	visibility: hidden;
}
*/
.hiddenPanel {
	opacity: 0;
}

#lgMaptree {
	border: 0;
}
#lgMaptree .x-panel-body {
	border: 0;
}

#userLinks {
	position: absolute;
	top: 3px;
	right: 20px;
	font-size: 12px;
    color: #ffffff;
}
#userLinks ul {
	margin: 0;
	padding: 0;
}
#userLinks ul li {
	float: left;
    margin-left: 3px;
}

#userLogin, #userRegister, #userInfo, #addMaterial, #logout, #userHelp {
    cursor: pointer;
}

#permalink, #feedbacklink {
	float: left;
	margin: 3px 0 0 10px;
	color: white;
	font-size: 12px;
	cursor: pointer;
}
#feedbacklink {
	float: right;
	margin: 3px 10px 0 0;
}

#permalink:hover, #feedbacklink:hover, #userLogin:hover, #userRegister:hover, #userInfo:hover, #addMaterial:hover, #logout:hover, #userHelp:hover{
	color: #16ff2c;
}
#permalinkWin {
	font-size: 14px;
	text-align: center;
}
#permalinkWin textarea {
	font-size: 12px;
	width: 95%;
	height: 40px;
	vertical-align: middle;
	text-align: center;
}

.datasetRmBtn {
	height: 15px;
	width: 15px;
	background-image: url(js/extjs/resources/images/lougis/panel/tool-sprites.png);
	background-position: 0px 0px;
}

#dataset-description {
	margin: 5px;
	clear: both;
}
#legend-graphics {
	margin: 5px;
}

#legend-graphics .legend {
	margin-top: 5px;
}

#legend-graphics .legend span {
	display: block;
	font-size: 11px;
	font-weight: bold;
}
#settings ul {
	list-style: circle outside;
}
#settings ul li {
	padding: 3px 5px;
}
#dataset-tools {
	padding: 10px 5px 5px 5px;
	font-size: 11px;
}
#dataset-tools div, #dataset-tools span {
	float: left;
}
#dataset-tools .tool-div {
	margin: 0 5px 5px 5px;
}
#dataset-tools .tool-div span {
	margin: 0 5px 0 0;
}
#dataset-tools th {
	font-size: 11px;
	text-align: right;
}
#dataset-metadata {
	background: white;
}

#siteWin p {
	font-size: 14px;
	margin: 5px 0;
}

#siteWin h1,#siteWin h2,#siteWin h3 {
	margin: 10px 0;
	width: 100%;
}
#siteWin h1 { font-size: 20px; }
#siteWin h2 { font-size: 18px; }
#siteWin h3 { font-size: 16px; }

#siteWin ul {
	font-size: 14px;
	margin: 4px 10px 4px 20px;
	list-style-type: disc;
}

#siteWin #siteNav {
	font-size: 14px;
}
#siteWin #siteNav .x-panel-body {
	background: #1b79bc;
}
#siteWin #siteNav a {
	color: white;
}
#siteWin #siteNav a:hover {
	color: #16ff2c;
	text-decoration: none;
}
#siteWin #siteNav ul {
	font-weight: bold;
	margin: 0;
	list-style-type: none;
}
#siteWin #siteNav ul li ul li ul {
	font-weight: normal;
	margin: 2px 0 2px 15px;
}
#siteWin #siteNav ul li ul li ul li ul {
	margin-left: 20px;
}
#siteWin #siteNav hr {
	margin: 5px 0;
	border: 0;
	border-top: 1px solid white;
}
hr.pageEnd {
	opacity: 0;
	border: 1px solid white3;
	width: 100%;
	clear: both;
}


.queryMode {
	cursor: pointer;
}
table.featureQueryTable {
	font-size: 11px;
	border: 0;
	margin: 4px;
}
table.featureQueryTable th {
	font-weight: bold;
	margin: 0;
	padding: 2px;
}
table.featureQueryTable td {
	font-weight: normal;
	margin: 0;
	padding: 2px;
}
table.featureQueryTable .feat_title {
	font-size: 12px;
	padding: 4px 2px;
}
table.featureQueryTable tr.datarow th, table.featureQueryTable tr.datarow td {
	border-bottom: 1px solid #999;
}
table.featureQueryTable .nodata {
	font-weight: normal;
	text-align: center;
}

.x-layout-mini x-layout-mini-east {
    width: 10px;
}

#layerList {
    padding: 5px
}

.wideTextField {
    width: 250px;
    text-align: center;
    cursor: text;
}

.editGroupButton button {
    height: 16px;
    width: 16px;
    border: 0px;
    background-color: white;
}

.editGroupButton #groupInfobutton {
    background-image: url(/img/silkicons/silk/table_edit.png);
}

.editGroupButton #removeUserButton {
    background-image: url(/img/silkicons/silk/cross.png);
}

.editGroupButton #joinGroupButton {
    background-image: url(/img/silkicons/silk/user_add.png);
}

.editGroupButton #removeRoleButton {
    background-image: url(/img/silkicons/silk/delete.png);
}

.groupInfoField {
    color: #000;
}

.gridBox {
    margin-top: 2px;
}

.olControlScaleBar {
    bottom: 0px;
    left: 0px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}
.olControlLoadingPanel div {
    width: 55px;
    height: 55px;
}
.olControlLoadingPanel {
    color: white;
	display: block;
	position: relative;
    width: 32px;
    height: 32px;
	top: 20px;
	right: 20px;
    float: left;
	z-index: 10000;
    background-image:url(/img/layer-load.gif);
    background-repeat:no-repeat;
    background-color: #257dcd;
    margin: 0 auto;
    border: 5px solid #257dcd;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 1px 1px 1px #888;
    -webkit-box-shadow: 1px 1px 1px #888;
    box-shadow: 1px 1px 1px #888;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#888888')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#888888');
}

.dataset-button {
	margin-left: 20%;
	margin-right: 20%;
        margin-bottom: 3px;
}

.meta-save-button {
	margin-left: -150%;
}

/*.dataset-panel {
    position: absolute;
    bottom: 20px;
}*/

.gridIcon {
    margin-right: 3px;
    vertical-align: middle;
}

.clickableIcon {
    cursor: pointer;
}

.theme-image {
    position: relative;
    float: left;
    margin: 0 auto;
}

.themeSelectable {
    min-height: 54px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding-bottom: 4px;
    width: 100%;
    margin: 0 4px 4px 0;
    float: left;
    background-color: #eaf1f9;
    -moz-box-shadow: 2px 2px 2px #CCC; /* Firefox */
    -webkit-box-shadow: 2px 2px 2px #CCC; /* Safari, Chrome */
    box-shadow: 2px 2px 2px #CCC; /* CSS3 */
}

.themeSelectable img {
    width: 54px;
    height: 54px;
    position: relative;
    float: left;
}

.themeSelectable .themeDescription {
    padding: 2px;
}

.themeSelectable .themeDescription h1 {
    font-weight: bold;
}

.tickIcon {
    position: relative;
    background-image: url(/img/silkicons/silk/tick-grey.png);
    float: right;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    margin-top: 2px;
}

.themeSelected .tickIcon {
    background-image: url(/img/silkicons/silk/tick.png);
}

.themeSlider {
    text-align: center;
}

.themeSlider h1 {
    font-size: 1.3em;
}

.themeSlider img {
    width: 130px;
}

.themeSlider p {
    text-align: left;
}

.themeSelectable:hover {
    background-color: #DAEAFD;
    cursor: pointer;
}

.themeSelected {
    background-color: #a3cbfa;
}

.themeSelected:hover {
    background-color: #65a9f8;
}
.greenTickIcon {
    position: relative;
    background-image: url(/img/silkicons/silk/tick.png);
    float: right;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    margin-top: 10px;
}
.datasetSelectable {
    height: 35px;
    /*border: 2px outset #97c883;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding-bottom: 4px;
    width: 75%;
    /*margin: 0 4px 4px 0;*/
    margin-bottom: 3px;
    float: left;
    background: #eaf1f9;
    -moz-box-shadow: 2px 2px 2px #CCC; /* Firefox */
    -webkit-box-shadow: 2px 2px 2px #CCC; /* Safari, Chrome */
    box-shadow: 2px 2px 2px #CCC; /* CSS3 */
}

.datasetSelectable img {
    width: 54px;
    height: 54px;
    position: relative;
    float: left;
}

.datasetSelectable .datasetDescription {
    margin-top: 10px;
    padding: 2px;
}

.datasetSelectable .datasetDescription h1 {
    font-weight: bold;
}

.datasetSelected .datasetIcon {
    background-image: url(/img/silkicons/silk/tick.png);
}

.datasetSlider {
    text-align: center;
}

.datasetSlider h1 {
    font-size: 1.3em;
}

.datasetSlider img {
    width: 130px;
}

.datasetSlider p {
    text-align: left;
}

.datasetSelectable:hover {
    background: #97c883;
    cursor: pointer;
}

.datasetSelected {
    background-color: #a3cbfa;
}

.datasetSelected:hover {
    background-color: #65a9f8;
}

.crossIcon {
    position: relative;
    background-image: url(/img/silkicons/silk/cross.png);
    float: right;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    margin-top: 10px;
}
.datasetDeletable {
    height: 35px;
    /*border: 2px outset #f2afa6;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding-bottom: 4px;
    width: 20%;
    /*margin: 0 6px 6px 6px;*/
    margin-bottom: 3px;
    float: right;
    background-color: #eaf1f9;
    -moz-box-shadow: 2px 2px 2px #CCC; /* Firefox */
    -webkit-box-shadow: 2px 2px 2px #CCC; /* Safari, Chrome */
    box-shadow: 2px 2px 2px #CCC; /* CSS3 */
}

.datasetDeletable:hover {
    background-color: #f2afa6;
    cursor: pointer;
}
.datasetDeletable img {
    width: 54px;
    height: 54px;
    position: relative;
    float: left;
}

.datasetDeletable .datasetDescription {
    margin-top: 10px;
    padding: 2px;
}

.datasetDeletable .datasetDescription h1 {
    font-weight: bold;
}


.LouClass_imagediv {
    position: relative;
    float: left;
}

#LounaispaikkaClassificationFormPanel .x-form-clear-left {
    clear: none;
}
.LouClass_image {
    position: relative;
    float: left;
}

.LouClass_html {
    position: relative;
}

.LouClass_html_leaf {
    position: relative;
    width: 90%;
    float: right;
}

.LouClass_checkbox {
    text-align: center;
    position: absolute;
    left: 5%;
}

.x-fieldset {
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.x-fieldset-header .x-tool {
    background-image: url(http://beta.lounaispaikka.fi/js/extjs/resources/images/default/panel/tool-sprites.gif);
    position: relative;
    top: 4px;
}

.x-fieldset-header-text {
    color: #15428B;
    font: normal normal bold 16px/normal 'Lucida Grande', 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.htmlText {
    font: normal normal bold 13px/normal 'Lucida Grande', 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.x-panel .datasetUploader .x-panel-bwrap .x-panel-tbar {
    border: 1px solid;
    border-color: #1B79BC;
    -moz-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.x-panel .datasetUploader .x-panel-bwrap .x-toolbar {
    background-color: #DFE8F6;
}

.x-panel .datasetUploader .x-panel-bwrap .x-panel-bbar {
    border: 1px solid;
    border-color: #1B79BC;
    -moz-border-bottom-left-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.icon-point {
    background-image: url(http://beta.lounaispaikka.fi/img/silkicons/silk/bullet_green.png) !important;
}

.icon-line {
    background-image: url(http://beta.lounaispaikka.fi/img/silkicons/geosilk/line_green.png) !important;
}

.icon-polygon {
    background-image: url(http://beta.lounaispaikka.fi/img/silkicons/geosilk/shape_square_green.png) !important;
}

.x-combo-list-item img {
    vertical-align: top;
    padding-right: 4px;
}

.required {
    font-weight: 900;
}

.optional {
    font-weight: normal;
}

.userInfoPanel p {
    margin-top: 5px;
}

.rightAligned {
    float: right;
    margin-bottom: 10px;
}

.addbutton {
    width: 16px !important;
    height: 16px !important;
    padding: 3px 1px 2px 0px;
}
.folderButton {
    margin-left: 200px;
    margin-top: -22px;
    padding-left: 20px;
}

.gridBox {
    text-align: center;
}

.themeIcon {
    width: 62px;
    height: 62px;
    float: left;
}

.themeCheck {
    float: right;
    margin: 8px 5px 5px 5px;
}

.lounaispaikkaClass {
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 3px;
    margin: 2px 0 4px 0;
    background-color: #eaf1f9 !important;
    width: 98%;
    -moz-box-shadow: 2px 2px 2px #CCC; /* Firefox */
    -webkit-box-shadow: 2px 2px 2px #CCC; /* Safari, Chrome */
    box-shadow: 2px 2px 2px #CCC; /* CSS3 */
}

.lounaispaikkaClass:hover {
    cursor: pointer;
    background-color: #DAEAFD !important;
}

.clearSearch {
    padding: 2px 2px 2px 2px !important;
    background-color:  #eaf1f9 !important;
    background-image: none !important;
    width: 16px !important;
    height: 16px !important;
    border-color: #7EADD9 !important;
    border-width: 1px 1px 1px 0 !important;
    border-style: solid !important;
}
.gx-popup-anc {
    background-image: url(/img/anchor-blue.png) !important;
}


#images-view .x-panel-ml {

}

#images-view .x-panel-body{
}

#images-view .x-panel-tl, #images-view .x-panel-bwrap, #images-view .x-panel-ml, #images-view .x-panel-mr, #images-view .x-panel-mc, #images-view .x-panel-bc, #images-view .x-panel-br, #images-view .x-panel-bl {
    background-image: none !important;
    border: none !important;
}

#images-view .thumb{
	background: #dddddd;
	padding: 3px;
    height: 120px;
    width: 120px;
    overflow: hidden;
    text-align: center;
    border: none;
    cursor: pointer;
}
#images-view .thumb img{
	height: 120px;
}
#images-view .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#images-view .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#images-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(/js/extjs/resources/images/default/grid/row-over.gif) repeat-x left top;
	padding: 4px;
}

#images-view .x-view-selected{
	background-color: #eff5fb;
	border:1px solid #99bbe8;
	padding: 4px;
}
#images-view .x-view-selected .thumb{
	background: transparent;
}

#images-view .loading-indicator {
	font-size:11px;
	background-image:url(/js/extjs/resources/images/default/grid/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

.profilePicture {
    text-align: center;
}

.profilePicture img {
    padding: 3px;
    background-color: white;
    border: 1px solid #333333;
    margin: 5px 5px 5px 0;
    width: 200px;
    height: auto;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.photoPanel img {
    float: left;
    padding: 5px;
    border: 1px solid #000000;
    margin-bottom: 4px;
}

.removeImageButton {
    background-image: url(/img/silkicons/silk/cross.png);
    width: 20px;
    height: 20px;
    position: relative;
    margin-left: 102px;
    margin-top: -20px;
    top: -20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    opacity: 0.7;
}

.removeImageButton:hover {
    opacity: 1.0;
}

/*.attachmentDeleteButton {
    float: right;
}*/

.greenCell {
    background-color: #99ff66;
}

.searchResult .x-panel-header {
    background-image: none;
    background-color: #3f8dd2;
}

.rightAlignedButton {
    float: right !important;
    padding: 3px;
}
.leftAlignedButton {
    float: left !important;
    padding: 3px;
}
#x-form-el-mapfile {
    margin-left: 12px !important;
    float: none !important;
}

.datasetEditor {
    position: relative;
    float: right !important;
    margin: 4px;
}

#myDatasetFieldSet .x-fieldset-header-text {
    width: 270px;
}

h1 {
    font-size: 1.3em !important;
}

p {
    margin-bottom: 4px !important;
}

.toolname {
    width: 150px;
    font-style: italic;
    display: inline-block;
}

.helplist {
    list-style: decimal outside none !important;
    padding-left: 35px !important;
}