/*  vuosaari.css
   description: an external stylesheet for John Nurminen vuosaari project template
   author: Ilari Tuominen <ituomine@creanor.com>
   copyright: Creanor Oy 2007 */





.header_vuosaari {
   color:#535353;
   background: url(/static/images/www/vuosaari_otsikkonuoli.gif) no-repeat top left;
   padding-left: 20px;
}

.infolink {
   background-color: #f8f8f8;
   color: #000000;
   border: 1px solid #ececec;
}

.infolink h2 {
   background: #f8f8f8 url(/static/images/www/vuosaari_headerbg.gif) repeat-x;
   color: #535353;
   text-transform:uppercase;
   font-family: Arial, Helvetica, sans-serif normal;
   font-size: 11px;
/*display: block;*/
   height: 30px;
   padding-left: 10px;
   padding-top: 6px;
   margin: 0px;
}

.infolink ul {
   /*list-style-image: url(/img/vuosaari_li_nuoli.gif);
   list-style-position: inside;*/
   list-style: none !important;
   padding: 0px 0px 10px 0px;
   margin: 0px 0px 0px 10px;
   color:#535353;
   text-transform:uppercase;
   font-family:Verdana, Arial, Helvetica, sans-serif normal;
   font-size: 11px;
   list-style-image: none !important
}

.infolink ul li {
   padding: 5px;
   border-bottom: #e1dfdf double 1px;
   background: transparent url(/static/images/www/vuosaari_li_nuoli.gif) no-repeat 0px 7px;
   padding: 0px 0px 5px 15px;
   margin: 5px 10px 0px 0px;
   list-style: none !important;
   list-style-image: none !important;
}

.infolink ul li a, .infolink ul li a:visited {
   color:#FF0000;
   text-transform:uppercase;
   font-family:Verdana, Arial, Helvetica, sans-serif normal;
   text-decoration: none;
   font-size: 11px;
}



.infolink ul li a:hover, .infolink ul li a:active {
   text-decoration:underline;
   color:#FF0000;
   text-transform:uppercase;
   font-family:Verdana, Arial, Helvetica, sans-serif normal;
   font-size: 11px;
}

.infotext {
   background-color: #f8f8f8;
   color: #000000;
   border: 1px solid #ececec;
   padding: 0px 0px 0px 0px !important;
}

.infotext h2 {
   background: #f8f8f8 url(/static/images/www/vuosaari_headerbg.gif) repeat-x;
   color: #535353;
   text-transform:uppercase;
   font-family:Arial, Helvetica, sans-serif normal;
   font-size: 11px;
   /*display: block;*/
   height: 30px;
   padding-left: 10px;
   padding-top: 7px;
   margin: 0px;
}

.infotext strong {
   text-transform:uppercase;
   font-family: Arial, Helvetica, sans-serif normal;
   font-size: 11px;
   color: #FF0000;
   margin: 10px;
}

.infotext ul {
   border-bottom: #e1dfdf double 1px;
   list-style: none !important;
   padding: 0px 0px 10px 0px;
   margin: 10px 10px 10px 10px;
}

.infotext ul li {
   background: transparent url(/static/images/www/vuosaari_li_nuoli.gif) no-repeat 0px 7px;
   padding: 0px 0px 0px 15px;
   font-family: Arial, Helvetica, sans-serif;
   color: #535353;
   font-family: Arial, Helvetica, sans-serif normal;
   font-size: 11px;
   list-style: none !important;
   list-style-image: none !important;
   font-weight: normal;
}
#vuosaari_banneri1 {

	background-image: url(/static/images/www/vuosaari_banneri_suuri.jpg);
	display: block;
	height: 69px;
	width: 320px;
	vertical-align: top;
}
.laskuri1, .laskuri1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
	color: #FFFFFF;
	text-align: right;
	padding-right: 6px;
	padding-top: 45px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
}
.laskuri_teksti1, .laskuri_teksti1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	display: block;
	float: right;
	padding-top: 46px;
	text-decoration: none;
}
#vuosaari_banneri2 {
	background-image: url(/static/images/www/vuosaari_banneri_pieni.jpg);
	display: block;
	height: 69px;
	width: 240px;
	margin-bottom: 15px;
}
#laskuri_teksti2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: right;
	padding-right: 10px !important;
	padding-top: 7px !important;
	display: block;
}
.laskuri2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27pt;
	color: #FFFFFF;
	text-align: right;
	padding-right: 10px !important;
	padding-top: 15px !important;
	font-style: oblique;
	display: block;
	
}
/* greybox määrittelyjä*/
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 17px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 10px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }