body {
	font-size: 0.85em;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	/*font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;*/
	font-family: Arial, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-image : url('../../../templates/bg.jpg');
	background-color: #ffffff;
}

/* BASIC elements */
h1 {
	font-size: 1.3em;
	font-weight: bold;
}
h2 {
	font-size: 1.2em;
	font-weight: bold;
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
}
h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
}
h5 {
	font-size: 0.85em;
	font-weight: bold;
}

/* FORM elements */
option {
	margin: 2px;
}
option[selected] {
	background-color: #cecece;
}
select {
	font-size : 0.8em;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	border: 1px outset;
	padding: 0px;
}
input[type="text"], textarea {
	font-size : 0.8em;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	border: 1px inset;
	padding: 2px;
}

input[type="button"], input[type="submit"], input[type="reset"] {
	font-size : 0.8em;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	border: 1px outset;
	padding: 2px;
}
/* FORM elements end */

/* SITE TOP HEADER , same for all sites */

/* SITE TOP HEADER */


/* Systemlinks start */
#SystemLinks {
	display: block;
	/*
	position: absolute;
	right: 5px;
	top: 5px;
	*/
	float:right;
	font-size: 0.9em;
	padding: 3px 5px;
}
.block-core-SystemLink
.block-core-SystemLink a, 
.block-core-SystemLink a:visited, 
.block-core-SystemLink a:active, 
.block-core-SystemLink a:link {
	font-size: 0.85em;
	color: #ead6d6;
	text-decoration: none;
	border-left: 1px solid #ead6d6;
	padding-left: 6px;
	padding-right: 5px;
}
.block-core-SystemLink a:hover{
	font-size : 0.85em;
	color: #ffffff;
	text-decoration: underline;
}
/* Systemlinks end */



/* BreadCrumb start */

#BreadCrumb {
	display: block;
	border-bottom: 1px solid #999999;
	/*padding-left : 25px;*/
	max-width: 881px;
	margin-left: auto;
	margin-right: auto;
}

.block-core-BreadCrumb span {
	color: #999999;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	display: inline-block;
	font-weight: bold;
	font-style: italic;
}

.block-core-BreadCrumb a, 
.block-core-BreadCrumb a:visited, 
.block-core-BreadCrumb a:active, 
.block-core-BreadCrumb a:link {
	display: inline-block;
	color: #AA1A1A;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
	font-style: italic;
}

.block-core-BreadCrumb a:hover{
	color: #AA1A1A;
	border: 0px solid #000000;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}
#BreadCrumb .separator {
	color: #999999;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: bold;
	font-style: italic;
}

/* BreadCrumb end */

/* other elements */
#loading {
	position: absolute;
	left: 45%;
	right: 45%;
	top:30%;
	margin-left:auto;
	margin-right:auto;
	padding: 5px;
	z-index: 100;
	border: 1px solid #000000;
	background-color:#FFFFFF;
}

#gallery {
	/*width: 774px;*/
	max-width: 881px;
	border: 0px solid #0000ff;
	margin-left: auto;
	margin-right: auto;
}
#gallery_container2 {
	padding-left: 10px;
}
.bodycontent {
	border: none;
}
#gsSidebarCol {
	float: left;
	width: 235px;
	border-right: 0px solid #000000;
}
#gsContent {
	display: block;
	border: 0px solid #00FF00;
	margin-left: 235px;
	margin-right: 0;
	margin-top: 20px;
}
#gsBodyBg {
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-position: top left;
}
#gsFooter {
	clear: both;
	border-top: 0px solid #999;
	text-align: right;
	height: 100px;
}

#cleardiv {
	clear: both;
	height: 1em;
}

#gallery .gsDescriptionArea {
	/*text-align: justify;*/
	padding-top: 12px;
	padding-right: 17px;
	padding-bottom: 12px;
	border-bottom: 1px solid #cccccc;
}
.giInfo {
	font-size: 0.8em;
	line-height: 1.1em;
}

#gallery .imageBlock {
	text-align: center;
	float: none;
	border: 0px solid #ff0000;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	height: auto;
}

#gallery .ThumbnailsBlock {
	display: block;
	float: left;
	margin-top: 12px;
	padding-left: 12px;
	border-left: 0px solid #000000;
}

#gallery .Thumbnail {
	position: relative;
	display: block;
	float: left;
	width: 156px;
	height: 156px;
}

#gallery .ThumbnailCenter {
	/*
	display: block;
	float: none;
	width: 127px;
	height: 127px;
	border: 1px solid #55ff00;
	*/
}

#gallery .row {
	float: left;
	display: block;
	border: 0px solid #565656;
}

#gallery .Thumblink {
	display: block;
	border: 0px solid #ff55ff;
}

#photopage {
	display: table-cell;
}

/* Thumbnails puhekuplina */
/*
.thumbInfo {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000;
}

.thumbInfoContent {
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	padding: 3px;
	background-color: #ffffff;
}
.thumbInfoFooter {
	background-image : url(../merisaari2/images/bubblearrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 15px;
}

.thumbshadow {
	z-index: 300;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	background-color: #000000;
}
.giThumbTitle, .giThumbTitle H4 {
	display: block;
	margin: 0px;
	padding: 0px;
}
.giThumbTitle2, .giThumbTitle2 H4 {
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: 0px solid #ff0000;
}
.giThumbSummary {
	display: block;
	margin: 0px;
}
*/
.albumThumbInfo {
	position: relative;
	top: -30px;
	left: 0px;
	margin: 2px;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	padding: 5px;
	background-color: #ffffff;
	display: inline-block;
}
.thumbInfo {
	position: relative;
	/*top: -156px;*/
	top: -30px;
	left: 0px;
	margin: 2px;
}
.thumbInfoContent {
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 5px;
	background-color: #ffffff;
}
.thumbInfoFooter {
	display: none;
	background-image : url(../merisaari2/images/bubblearrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 15px;
}
.thumbshadow {
	z-index: 300;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	background-color: #000000;
}
.thumbInfoContent H4 {
	font-size: 0.9em;
	line-height: 1.2em;
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #DCDCDC;
}
.thumbInfoContent p {
	color: #333333;
	font-size: 0.8em;
	line-height: 1.2em;
}
.giThumbTitle {
	display: block;
	margin: 0px;
	padding: 0px;
}
.giThumbTitle2 {
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: 0px solid #ff0000;
}
.giThumbSummary {
	display: block;
	margin: 0px;
}

div.gbNavigator a.first{
	background : url("images/nav_first.gif") left no-repeat;
	padding-left : 27px;
}
div.gbNavigator a.last{
	background : url("images/nav_last.gif") right no-repeat;
	padding-right : 27px;
}
div.gbNavigator a.next{
	background : url("images/nav_next.gif") right no-repeat;
	padding-right : 27px;
}
div.gbNavigator a.previous{
	background : url("images/nav_prev.gif") left no-repeat;
	padding-left : 27px;
}
div.gbNavigator a.up{
	background : url("images/nav_up.gif") left no-repeat;
	padding-left : 27px;
}
div.gbNavigator div.first-and-previous img{
	padding-right : 0.5em;
	vertical-align : middle;
}
div.gbNavigator div.next-and-last{
	display : inline;
	padding : 3px 0px 3px 10px;
}
div.gbNavigator div.next-and-last img{
	padding-left : 0.5em;
}
div.gbNavigator div.first-and-previous{
	display : inline;
	padding : 3px 10px 3px 0px;
	border-right : 1px solid #ACACAC;
}
div.gbNavigator div.next-and-last.no-previous{
	display : inline;
	padding : 3px 0px 3px 10px;
}
div.gbNavigator div.up{
	display : inline;
	padding : 3px 10px 3px 0px;
	border-right : 1px solid #ACACAC;
}
div.block-core-Navigator {
	display : block;
	text-align : center;
}
div.block-core-ItemLinks {
	text-align: left;
}
div.block-core-ItemLinks a {
	clear: both;
	display: block;
}

#gsImageView {
}

div.block-core-Pager {
	text-align : center;
}

/* PAGES */
.pagerpage {
	background-image : url('../merisaari2/images/sivu_off.gif');
	width : 17px;
	height : 20px;
	background-position : center;
	background-repeat : no-repeat;
	background-color : #FFFFFF;
	text-decoration : none;
	color : #808080;
	padding : 7px;
	margin : 0px 0px 0px 0px;
	text-align : center;
}

a:hover.pagerpage {
	background-image : url('../merisaari2/images/sivu_on.gif');
}

.pagerpage_current {
	background-image : url('../merisaari2/images/sivu_on.gif');
	width : 17px;
	height : 20px;
	background-position : center;
	background-repeat : no-repeat;
	background-color : #FFFFFF;
	text-decoration : none;
	color : #800000;
	padding : 7px;
	margin : 0px 0px 0px 0px;
	text-align : center;
}

#AddComment_trigger {
	border: 1px solid #00FF00;
}

.hiddenSizeInfo {
	display: none;
}

#ajaxwindow {
	display: none;
	border: 1px solid #000000;
	overflow: auto;
	z-index: 1000;
}

a, a:visited, a:active, a:link {
	color: #808080;
	text-decoration: none;
}
a:hover{
	color: #AA1A1A;
	text-decoration: underline;
}
