/* CSS file for picture_set_list, video_list, picture_set_page, video_page */

div.pictureSetList{
  	margin-top: 5px;
	}
div.pictureSetList .row {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #dfdfdf;
	}
div.pictureSetList a{
	color: #222;
	text-decoration:none;
	}
div.pictureSetList a:hover{
	text-decoration:underline;
	}

div.pictureSetListItem, div.pictureSetListItemRight{
  	width:140px;
  	float:left;
  	position:relative;
  	margin-bottom: 0px;
	}

div.pictureSetListItem {
	margin-right:23px;
	}
div.pictureSetListItemRight{
	margin-right:0px;
	}
.pictureSetList .previewContainer {
	position: relative;
	margin-bottom: 3px;
	}
#pictureSetLists .previewContainer {
    overflow: hidden;
    height: 105px;
    }
#videoLists .previewContainer {
    overflow: hidden;
    height: 78px;
    }
.pictureSetList .previewContainer .videoPreViewIcon,
.pictureSetList .previewContainer .pictureSetPreViewIcon {
	position: absolute;
	left: 2px;
	bottom: 2px;
	}
/*
img.videoPreViewIcon{
	top: 57px;
	left: 2px;
	}
img.pictureSetPreViewIcon{
	top: 83px;
	left: 2px;
	}
*/

img.pictureSetListThumbNail{
	width:140px;
	}

div.pictureSetListItem p.name, div.pictureSetListItemRight p.name{
	font-size: 12px;
	color:#000;
	margin-bottom:3px;
	}

div.pictureSetListItem p, div.pictureSetListItemRight p{
 	color:#999;
 	margin-bottom:0;
	}

div.pictureSetClear{
	clear:left;
	}
	
/* Browser */
#videoPictureSetBrowser {
	padding: 0px;
	}
#videoPictureSetBrowser .tabContent {
	padding-top: 0px;
	}
#videoPictureSetBrowser .navigationBox {
	padding: 5px;
	}
#videoPictureSetBrowser div.listItem {
	padding: 5px;
	margin-bottom: 0px;
	/*border-top: 1px dotted #dfdfdf;*/
	}
#videoPictureSetBrowser div.listItem.current {
	background-color: #f0f0f0;
	}
#videoPictureSetBrowser div div img.preview {
	float:left;
	margin-right: 10px;
	}

#videoPictureSetBrowser div div p {
	margin-bottom: 3px;
	margin-left: 110px;
	}

#videoPictureSetBrowser div.pictureSets img.preview {
	width: 100px;
	height: 75px;
	}

#videoPictureSetBrowser div.videos img.preview {
	width: 100px;
	height: 56px;
	/*
	border-top:11px solid #000;
	border-bottom:11px solid #000;
	*/
	}
#videoPictureSetBrowser .metadata {
	clear:none;
	margin-left: 110px;
	}

#videoPictureSetBrowser .moreLink {
	margin: 10px;
	}
#videoPictureSetBrowser a {
	color: #3f3f3f;
	text-decoration: none;
	}
#videoPictureSetBrowser a:hover {
	color: #3f3f3f;
	text-decoration: underline;
	}
/* end browser*/

/* video page */
#story.video{
	margin-bottom:10px;
	}

#story.video .videoPlayer {
	margin-bottom: 20px;
	}

#story.video .storyText {
	margin-bottom: 0px;
	}
	
/* Picture set page */

#story.pictureSet .storyText {
	margin-bottom: 0px;
	}
.setPicture{
	text-align: center;
	}
.pictureSetControls{
	padding: 10px 10px 8px 10px;
	background: #f5f5f5;
	}
.pictureSetControls .xvPagination {
	text-align: center;
	}
.pictureSet .xvPagination .numberOfPictures{
	margin: 0px 7px 0px 5px;
	}
.setPictureDescription{
	clear: both;
	padding: 0px 10px 10px 10px;
	background: #f5f5f5;
	}

.pictureSetThumbNailList {
	border-top: 1px solid #dfdfdf;
	text-align: center;
	background: #f5f5f5;
	padding: 10px 10px 4px 10px;
	margin-bottom: 10px;
	}

.pictureSetThumbNailList .pictureSetThumbNail {
	background-color: #ffffff;
	border: 2px solid #dfdfdf;
	padding: 1px;
	width: 32px;
	height: 32px;
	margin: 2px 2px 8px 2px;
	vertical-align: middle;
	}
.pictureSetThumbNailList .pictureSetThumbNail.current {
	border: 2px solid #2366c1;
	}
.pictureSetThumbNailList .pictureSetThumbNail:hover {
	border: 2px solid #2366c1;
	}


#ie6FixedTopAd, #ie6navigation, #ie6br { display: none; }

#ie6cover {
    position: absolute;
}

#loginBarArea {
    clear: both;
    float: left;
    width: 100%;
    padding: 7px 0 6px;
    color: #606060;
    font-size: 12px;
    line-height: 1.3;
    background: #efefef url(/img/login_bar.png) repeat-x scroll center bottom;
}

#loginBar {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 8px;
}

#loginBar ul, #loginBar li {
    display: inline;
    list-style: none;
}

#loginBar li {
    margin-bottom: 0;
}

span.item {
    display: block;
}

#siteVersions {
    float: left;
    margin-top: 1px;
    /* For Taloussanomat network logo */
    margin-left: 88px;
}

#loginBar .item {
    float: left;
    margin-left: 0.8em;
    padding-left: 0.8em;
    border-left: 1px solid #c0c0c0;
}

#loginBar .first {
    border-left: medium none;
    margin-left: 0;
    padding-left: 0;
}

#loginBar a, #loginBar a:visited {
    color: #606060;
    text-decoration: none;
}

#loginFormArea {
    float: right;
    white-space: nowrap;
}

#loginBar input {
    font-size: 11px;
    vertical-align: middle;
}

#loginBar label {
    display: inline;
    padding: 0;
}

#loginBar .submit {
    font-family: Helvetica, Arial;
}

#siteBar {
    clear: both;
    float: left;
    width: 100%;
    color: #606060;
    padding: 0;
    text-align: right;

    /* For Taloussanomat network logo */
    position: relative;
    z-index: 4;
}

#logoNetwork {
    position: absolute;
    top: -26px;
    left: 0;
    margin: -4px 12px 0 -4px;
    border: 4px solid #fff;
}

#siteNav {
    float: left;
    list-style: none;
    padding: 6px 0 0;
}

#siteNav .item {
    float: left;
    margin-left: 0.8em;
    padding-left: 0.8em;
    border-left: 1px solid #d0d0d0;
}

#siteNav .first {
    padding-left: 0;
    border-left: medium none;
    /* For Taloussanomat network logo */
    margin-left: 88px;
}    
    
#siteNav li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#siteNav a, #siteNav a:visited {
    color: #606060;
    text-decoration: none;
}

#siteNav .selected {
    font-weight: bold;
}

#utilityNav {
    position: relative;
    z-index: 4;
    float: right;
    margin-bottom: 6px;
    text-align: right;
}

#utilityNav li {
    position: relative;
    float: left;
    margin-bottom: 0;
    padding: 0 8px;
    line-height: 27px;
    white-space: nowrap;
    background-position: left top;
    background-repeat: repeat-x;
}

#utilityNav .first {
    margin-left: 0px;
    padding-left: 0px;
    border-left: none;
}

#utilityNav li .dropDown li {
	position: static;
	float: none;
	margin-left: 0;
	padding: 0;
	line-height: 1.6;
	border-right: none;
}

#utilityNav li .itemBg {
    background-position: left bottom;
    background-repeat: repeat-x;
}

#utilityNav li .itemBg .isDropDown {
    background-image: url(/img/utility_nav_drop_down_arrow.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 14px;
}

#utilityNav li .itemBg span {
    cursor: default;
}

#utilityNav li .dropDownShadow {
    position: absolute;
    left: -999em;
    margin-right: -3px;
    margin-top: 0;
    padding-bottom: 3px;
    background: transparent url(/img/transparent_25_8x8.png) repeat scroll 0 0;
}

#utilityNav li .dropDown {
    position: relative;
    top: 0;
    left: -3px;
    padding: 8px 12px;
    color: #606060;
    font-family: "Arial","Tahoma","Geneva","Verdana",sans-serif;
    font-size: 12px;
    background-color: #F7F7F7;
    border: 1px solid #606060;
}

#utilityNav  li .dropDown a {
	color: #606060;
	text-decoration: none;
}

#utilityNav  li .dropDown a:hover {
	text-decoration: underline;
}

#utilityNav li:hover, #utilityNav li.sfhover { /* lists nested under hovered list items */
    background-color: #606060;
    color: #ffffff;
}

#utilityNav li:hover .dropDown li, #utilityNav li.sfhover .dropDown li { /* lists nested under hovered list items */
    background-color: #f7f7f7;
}

#utilityNav li:hover .dropDownShadow, #utilityNav li.sfhover .dropDownShadow { /* lists nested under hovered list items */
    left: auto;
    right: 0px;
}

/* Overrides */

#frame {
    clear: both;
}

#adsOnTop {
    float: none;
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

#adsOnRight {
    position: relative;
    float: right;
}


#loginBarArea, #siteBarArea {
    font-family: Arial, Helvetica;
    font-size: 12px;
}

#siteBarArea {
    overflow: visible;
    position: relative;
    z-index: 4;
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

#siteBar {
    padding-bottom: 4px;
    background-image: url(/img/header_shadow.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}




/* User navigation starts */

#userNav {
	position: relative;
	z-index: 5;
    height: 16px;
	text-align: right;
}

#userNav li {
	float: left;
	background-position: top left;
	background-repeat: repeat-x;
	padding: 0px 8px;
	position: relative;
	white-space: nowrap;
}

#userNav .first {
	border-left: none;
	padding-left: 0px;
	margin-left: 0px;
}
	
#userNav .col1,
#userNav .col2 {
    float: left;
    width: 15em;
}

#userNav li .dropDown li {
	float: left;
	width:100%;
	border-right: none;
	padding: 0px 0px;
	margin-left: 0px;
	position: static;
	line-height: 1.6;
}

#userNav  li .dropDown a {
	color: #606060;
	text-decoration: none;
}

#userNav  li .dropDown a:hover {
	text-decoration: underline;
}

#userNav li .itemBg {
	background-position: bottom left;
	background-repeat: repeat-x;
}

#userNav li .itemBg span {
	cursor: default;
}

#userNav li .itemBg .isDropDown {
	padding-right: 14px;
	background-image: url(/img/utility_nav_drop_down_arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

#userNav li .dropDownShadow {
	margin-right: -3px;
	margin-top: 0px;
	padding-bottom: 3px;
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background: url(/img/transparent_25_8x8.png);
}

#userNav li .dropDown {
	width: 15em;
	position: relative;
	left: -3px;
	top: 0px;
	background-color: #f7f7f7;
	color: #606060;
	padding: 8px 12px;
	font-family: "Arial", "Tahoma", "Geneva", "Verdana", sans-serif;
	font-size: 12px;
	border: 1px solid #606060;
}

#userNav  li:hover, #userNav li.sfhover { /* lists nested under hovered list items */
	background-color: #606060;
	color: #ffffff;
}

#userNav li:hover .dropDown li, #userNav li.sfhover .dropDown li { /* lists nested under hovered list items */
	background-color: #f7f7f7;
}

#userNav li:hover .dropDownShadow, #userNav li.sfhover .dropDownShadow { /* lists nested under hovered list items */
	left: auto;
	right: 0px;
}

/* User navigation ends */

.clear {
    clear: both;
    height: 0;
    font-size: 0px;
    line-height: 0;
}

#oikotieAsunnot {
    overflow: auto;
    font-family: Helvetica, Arial, sans-serif;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.ot298 {
    position: relative;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_top-left_435.png);
} * html .ot298 {
    zoom: 1;
}

.ot298 .otHeader, .ot298 .otBody, .ot298 .otFooter {
    padding-right: 14px;
    padding-left: 14px;
}

.ot298 .otHeader {
    margin: 19px auto 20px auto;
}

.ot298 .otHeader a {
    display: block;
    height: 23px;
    text-indent: -5000px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/logo_oikotie-asunnot_198.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
}

.otCategory {
    overflow: auto;
    margin: 20px 0 0;
    font-size: 13px;
    text-align: center;
}

.ot298 .otCategory.mokit a {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/category_mokit_198.gif);
}

.ot298 .otCategory.varsinaissuomi a {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/category_varsinais-suomi_198.gif);
}

.ot298 .otCategory.uusimaa a {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/category_uusimaa_198.gif);
}

.ot298 .otCategory a {
    display: block;
    margin: 0 auto;
    color: #96b64e;
    font-weight: bold;
    text-decoration: none;  
    text-indent: -5000px;
    height: 63px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.ot298 ul.otTabs {
    list-style: none;
    overflow: hidden;
    margin: 40px 0 10px 0;
    padding-left: 17px;
} * html .ot298 ul.otTabs {
    width: 80%;
}

.ot298 .otBody ul.otTabs {
    margin: 12px 0 10px 0;
    padding-left: 3px;
}

ul.otTabs li {
    list-style: none;
    float: left;
    margin: 0 3px 0 0;
    padding: 0;

}

ul.otTabs li a {
    display: block;
    height: 21px;
    color: #000;
    font-size: 11px;
    text-decoration: none;
    text-indent: -5000px;
    background-repeat: no-repeat;
}

ul.otTabs li a.uusimmat {
    width: 71px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_uusimmat.gif);
}

ul.otTabs li a.suosituimmat {
    width: 91px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_suosituimmat.gif);
}

ul.otTabs li a.vuokrataan {
    width: 91px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_vuokrataan.gif);
}

ul.otTabs li a.myydaan {
    width: 71px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_myydaan.gif);
}

ul.otTabs li.here a.uusimmat {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_uusimmat_hi.gif);
}

ul.otTabs li.here a.suosituimmat {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_suosituimmat_hi.gif);
}

ul.otTabs li.here a.vuokrataan {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_vuokrataan_hi.gif);
}

ul.otTabs li.here a.myydaan {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_myydaan_hi.gif);
}

ul.otTabs li.here a {
    cursor: default;
}

.ot298 .otBody {
    overflow: auto;
    clear: none;
    width: 250px;
    margin-top: 0;
    padding-bottom: 5px;
    font-family: "Scala Sans Sanomat", sans-serif;
    font-size: 10px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_middle-left_435.png);
    background-repeat: repeat-y;
} * html .ot298 .otBody {
    zoom: 1;
}

.otListing {
    overflow: hidden;
    margin-bottom: 10px;
} * html .otListing {
    zoom: 1;
}

.ot298 .otListing span {
    clear: left;
    float: left;
    margin-right: 9px;
	overflow:hidden;
}

.ot298 .otListing span a {
    display: block;
    float: none;
    margin-left: 0;
    padding: 5px 6px 5px 6px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_img_238.gif);
    background-repeat: no-repeat;
}

.ot298 .otListing a {
    float: left;
    padding-top: 3px;
    color: #000;
    text-decoration: none;
	font-weight: normal;
    line-height: 1.3em;
}

.ot298 .otFooter {
    clear: both;
    width: 250px;
    padding-bottom: 12px;
    padding-left: 17px;
    font-size: 12px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_bottom-left_435.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.otFooter a {
    color: #70883a;
    padding-left: 11px;
    text-decoration: none;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/icon_arrow_green.gif);
    background-repeat: no-repeat;
    background-position: -2px 1px;
	font-weight: normal;
}

.ot298 .otRightTop {
    overflow: auto;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_top-right_435.jpg);
} * html .otRightTop {
    zoom: 1;
}

.ot298 .otRightTop.kantahame {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_top-right_435_kantahame.png);
}
.ot298 .otRightTop.ppohjanmaa {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_top-right_435_ppohjanmaa.png);
}
.ot298 .otRightTop.paijathame {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_top-right_435_paijathame.png);
}

.ot298 .otRightBottom {
    overflow: auto;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_bottom-right_435.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.otListing .otLink {
  height:74px;
  overflow:hidden;
  width:83px;
}


#otTp-container {
    text-align: left;
    position: relative;
    width: 400px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    background: #f4f4ec url('http://tyopaikat.oikotie.fi/static/external_lifts/ts_premium/bg_tyopaikat_top.png') top left no-repeat;
}

#otTp-header {
    height: 47px;
    padding-top: 12px;
}

#otTp-header h2 {
    display: inline; /* IE6 */
    float: left;
    width: 114px;
    height: 33px;
    margin: 0 12px 0 20px;
    text-indent: -5000px;
    background: transparent url('http://tyopaikat.oikotie.fi/static/external_lifts/ts_premium/logo_oikotie_114x33.png') top left no-repeat;
}

#otTp-header h2 a {
    display: block;
    height: 33px;
}

#otTp-header h3 {
    float: left;
    width: 101px;
    height: 18px;
    margin: 0 100px 0 0;
    font-size: 15px;
    text-indent: -5000px;
    text-transform: uppercase;
    background: transparent url('http://tyopaikat.oikotie.fi/static/external_lifts/ts_premium/hdr_tyopaikat.png') top left no-repeat;
}

#otTp-header h3 a {
    display: block;
    height: 18px;
}

a.otTp-more:link, a.otTp-more:visited {
    display: block;
    float: left;
    padding: 0 9px;
    color: #619100;
    font-size: 11px;
    text-decoration: none;
    background: transparent url('http://tyopaikat.oikotie.fi/static/external_lifts/ts_premium/ico_arrow_green_right.png') 0 3px no-repeat;
}
a.otTp-more:visited {
    text-decoration: underline;
}

#otTp-container ul {
    margin: 0 20px;
    padding: 0 0 10px 0;
}

#otTp-container li {
    position: relative;
    z-index: 2;
    list-style: none;
    clear: both;
    overflow: hidden;
    margin: 3px 0 0 0;
    padding: 0 0 3px 0;
    border-bottom: 1px dotted #626262;
} * html #otTp-container li { /* IE6 */
    display: inline;
    border: 0;
}

#otTp-container li.otTp-last {
    border: 0;
}

#otTp-container li a {
    border: 0;
    text-decoration: none;
}

#otTp-container li a img {
    float: right;
    border: 0;
    max-width: 140px;
    max-height: 50px;
} * html #otTp-container li a img { /* IE6 */
    padding: 0 0 5px 0;
}

#otTp-container li a span {
    display: block;
    overflow: hidden;
    width: 218px;
    margin: 5px 0 0 0;
    color: #619100;
    text-transform: uppercase;
}

#otTp-container li a:hover span {
    text-decoration: underline;
}

#otTp-container li a em {
    color: #000;
    font-style: normal;
}

#otTp-footer {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 400px;
    height: 35px;
    font-size: 1px;
    background: transparent url('http://tyopaikat.oikotie.fi/static/external_lifts/ts_premium/bg_tyopaikat_bottom.gif') bottom left no-repeat;
}