@media screen,print,handheld {

}

@media screen {

	/* YLEISASETUKSET */

	body {
		/*background-image:url('../images/navi-bottomright.gif');*/
		background-repeat:repeat-x;
		background-position:1024px 130px;
		padding:0px;
		margin:0px;
		font-size: 11pt;
	} 
	
	body, p, div, table, span, .smaller, .smallest {
		font-family: Arial, FreeSans, sans-serif;
	}

	h3 {
		border-bottom:1px solid #dfdfdf;
		margin-left:5px;
	}

	/* YKSITTÄISET ELEMENTIT */
	
	.smaller {
		font-size: 9pt;
	}

	.smallest {
		font-size: 7pt;
	}
	
	p.preview { /* Kuvatekstit */
		font-size: 9pt;
		font-style: italic;
		margin: 5px 0px 0px 0px;
		padding:0px;
	}

	div.footer { /* Footer-teksti */
		color: #5F5F5F;
		font-family: Verdana, FreeSans, sans-serif;
		font-size: 7pt;
		font-weight: bold;
		text-align: center;
		padding-bottom: 10px;
	}
	
	.quicknavi { /* Pikavalinnat oikeassa yläkulmassa */
		position:absolute;
		top:5px;
		right:5px;
		padding:0px;
		font-weight:bold;
		font-size:7.5pt;
		font-family:Verdana,FreeSans,sans-serif;
	}

	/* KYSELYT */

	table.questionnaire {
	}
	table.questionnaire td {
		padding:2px;
	}
	table.questionnaire label {
		display:block;
		text-align:right;
		padding-right:10px;
		width:175px;
	}	
	table.questionnaire input.text {
		width:250px;
	}
	
	/* REUNUSTETUT LOORAT */

	.block, .selectable, .selected {
		background-color:#ffffff;
		border:1px solid #dfdfdf;
		color:#666666;
		font-size:9pt;
		font-weight:bold;
		padding:3px;
		margin-bottom:3px;
	}
	.block:hover, .selectable:hover {
		background-color:#f6f6f6;
		border:1px solid #cccccc;
	}

	th.block { /* Inverse */
		background-color:#999999;
		border:1px solid #666666;
		color:white;
	}
	th.block:hover {
		background-color:#999999;
		border:1px solid #666666;
		color:white;
	}
	.selectable, th.selected {
		cursor:pointer;
	}
	.selectable:hover {
		background-color:#ffe8d0;
		border:1px solid #e9a982;
	}
	.selected {
		background-color:#ffe8d0;
		border:1px solid #e9a982;
		color:#7b5e46;
	}


	/* NAVI */

	table.navi {
		width: 100%;
		background-image: url('../images/navi-right.gif');
		background-repeat: repeat-x;
		background-position: 1024px 0px;
	}
	table.navi img {
		border: 0px none;
	}

	/* SISÄLTÖ - contenttable eli "fieldsetit" tabeilla */
	
	table.ct {
		width: 100%;
	}
	table.ct thead th {
		font-size: 11.5pt;
		font-weight: bold;
		height: 30px;
	}
	table.ct thead th.first { /* Ensimmäinen pala, vasen reunus */
		text-align: right;
		width: 5px;
	}
	table.ct thead th.fill { /* Täyttöosa: tabien pyöreät reunat */
		width: 15px;
	}
	table.ct thead th.rest { /* Loput, eli oikean reunan fylliosuus */
		text-align:left;
	}
	table.ct thead th.enabled, table.ct thead th.disabled {
		background-repeat: repeat-x;
		background-position: top left;
		vertical-align: bottom;
		width: 150px;
	}
	table.ct thead th.enabled div, table.ct thead th.disabled div {
		margin: 0px;
		padding: 0px 0px 4px 0px;
	}
	table.ct thead th.enabled { /* Valittu tabi */
		background-image: url('../images/ct-tab-enabled-c.png');
		color: #883b07;
	}
	table.ct thead th.disabled { /* Valitsematon tabi */
		background-image: url('../images/ct-tab-disabled-c.png');
	}
	table.ct thead th.disabled a {
		color: #8D8D8D;
		text-decoration: none;
	}
	table.ct thead th.disabled a:hover {
	  color: #5F5F5F;
		text-decoration: underline;
	}
	table.ct tbody td.content {
		background-color: white;
		background-image: url('../images/ct-bg.gif');
		background-repeat: repeat-x;
		background-position: bottom;
		border: 2px solid #e9a982;
		padding: 5px 5px 5px 5px;
	}
	table.ct tbody td.content p {
		margin: 5px 5px 10px 5px;
	}
	div.c { /* Sisältöcontainer: esim. taustakuva ja paddingit */
		background-image: url('../images/navi-bottom.gif');
		background-repeat: repeat-x;
		background-position: 0px 0px;
		padding: 3px 5px 0px 5px;
		margin: 0px;
	}
	div.container { /* Esim table.ct:n container, ajaxid:tä varten */
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}

	/* VALINTALISTA - koristeltu valintalista esim. Hallin ominaisuudet */

	ul.boxed a:hover {
		text-decoration: none;
	}
	ul.boxed li {
		border: 1px solid transparent;
		font-weight: bold;
		padding: 1px;
		margin: 0px;
		width: 300px; /* IE aiheuttaa taas harmaita hiuksia: li jatkuu float-elementtien taakse */
	}
	ul.boxed li.default {
		color: #9d0d09;
	}
	ul.boxed li.default:hover {
		border: 1px solid #9d0d09;
		background-color: white;
		cursor: pointer;
	}
	ul.boxed li.current {
		color: black;
		cursor: default;
	}
	
	/* KUVALIPAS */
	div.notice, div.warning, div.error {
		background-color:white;
		font-weight:bold;
		padding:5px;
	}
	div.notice {
		border:2px solid darkgreen;
		color:darkgreen;
	}
	div.warning {
		border:2px solid orange;
		color:darkorange;
	}
	div.error {
		border:2px solid red;
		color:red;
	}

	/* TEXT-ELEMENTS */
	a {
		color: #9d0d09;
		text-decoration:none;
		outline: 0px none;
	}
	a:hover {
		text-decoration:underline;
	}
	a img {
		border: 0px none;
	}

	#flash {
		position:absolute;
		background-color:white;
		top:5px;
		left:5px;
	}
	
	label.fixed { /* Tekstikenttien vasemmalla puolella oleva label, fixed width */
		display: block;
		float: left;
		text-align: right;
		padding-right:10px;
		width: 150px;
	}
	div.labelcontainer { /* Labelin ja inputin ympäröivä divi */
		margin: 5px 0px 5px 0px;
	}
	input.for_fixed_label { /* Submit-buttoni fixed labelia varten */
		margin-left: 160px;
	}
	
	div.hr { /* Horizontal ruler */
		padding: 5px 0px 0px 0px;
		width: 100%;
	}

	.caption, span#caption { /* Kuvalipas: Lightboxin caption-osa ja esim. folder_treen rekisteröinti */
		font-weight: bold;
		font-size: 9pt;
	}
	
	/* Yhteiset asetukset */
	
	#folder_list, #login, #settings { /* Lisätään marginia navi-elementtien väliin */
		margin-bottom: 5px;
	}
	
	#floatnavi { /* Tehdään float navista, TODO */
		
		margin:0px;
		padding:0px;
		
	}
	
	.kuvalipas_c { /* Kuvalippaan sisällön container, siirtää elementit oikealle navin verran */
		padding: 0px;
		margin: 0px 0px 0px 205px;
	}

	#search_bar, .kuvalipas { /* Lisätään marginia kuvalipas-elementtien väliin*/
	  margin: 0px 0px 5px 0px;
	}
	
	#login input {
		margin-bottom: 5px;
		width: 165px;
	}
	
	.kuvalipas img.thumb, .kuvalipas img.bought, .kuvalipas img.owned {
		border: 1px solid gray;
		cursor: pointer;
		margin: 0px;
		padding: 0px;
		height: 150px;
		width: 150px;
	}
	.kuvalipas img.bought { /* Ostetut kuvat */
		border: 1px solid lightgray;
		cursor: default;
		-moz-opacity:0.3;
		filter:alpha(opacity=30);
	}
	.kuvalipas img.owned { /* Omistetut kuvat */
		border: 1px solid darkgreen;
		cursor: pointer;
		-moz-opacity:0.3;
		filter:alpha(opacity=30);
	}
	.kuvalipas img.owned:hover { 
		-moz-opacity:1.0;
		filter:alpha(opacity=100);
	}
	.kuvalipas .preview { /* Kuvien esikatselut */
		border-bottom: 1px dashed gray;
		font-weight: bold;
		text-align: left;
		padding: 0px 0px 5px 0px;
 		margin: 0px 0px 5px 0px; //margin-bottom: 10px;
	}
	.info {
		background-color: #F0F6FA;
		border: 2px solid #A2C5D7;
		float: right;
		margin: 0px 0px 5px 5px;
		padding: 10px;
		width: 250px;
	}
	.info div {
		margin: 5px 0px 0px 0px;
		padding: 0px;
	}
	.kuvalipas .preview .price {
		color: green;
		float: right;
	}
	.kuvalipas .preview img {
		border: 1px solid gray;
	}
	/*.kuvalipas img.bought:hover {
		-moz-opacity:1;
		filter:alpha(opacity=100);
	}*/

	div#navi {
		left: 5px;
		padding: 0px;
		position: absolute;
		top: 134px;
		width: 200px;
	}
	/*div#navi fieldset {
		margin: 0px 0px 5px 0px;
	}*/
	/*div#navi #login div {  Huomautusalue 
    color: red;
		font-weight: bold;
		margin: 0px 0px 5px 0px;
		padding: 0px;
		text-align: center;
	}*/
	div#navi dl {
	  margin: 0px;
	}
	div#navi dt {
		font-weight: bold;
	}
	div#navi dd {
		margin: 0px 0px 5px 0px;
	}
	div#navi ul {
		margin: 0px;
		padding-left: 15px;
	}
	
	div.imagesearch { /* Värien haku */
		margin: 5px 0px 0px 0px;
		padding: 0px;
	}
	div.imagesearch img {
		border: 1px solid transparent;
		cursor: pointer;
		height: 9px;
		width: 9px;
	}
	div.imagesearch img:hover {
		border: 1px solid #9d0d09;
	}

	/*img.cartbutton {  Lisää ostoskoriin -painike kuvissa 
		border: 1px solid transparent;
		cursor: pointer;
		margin-bottom: 3px;
		vertical-align: middle;
	}
	img.cartbutton:hover {
		border: 1px dashed grey;
	}*/
	
	.greencontainer, .redcontainer {
		font-weight: bold;
		padding: 5px;
		text-align: center;
		width: 120px;
	}
	.greencontainer, .greenphotocontainer {
		border: 2px solid darkgreen;
		background-color: #C2FFBF;		
	}
	.redcontainer {
		border: 2px solid red;
		background-color: #FFCFCF;		
	}
	.greencontainer a {
		color: darkgreen;
	}
	.redcontainer a {
		color: red;
	}
	
	.greenphotocontainer, .orangephotocontainer, .bluephotocontainer {
		float:left;
		margin:0px 5px 5px 0px;
		padding:0px;
	}
	.bluephotocontainer {
		background-color:#F0F6FA;
		border:2px solid #A2C5D7;
	}
	.orangephotocontainer {
		background-color:#FFDE9F;
		border:2px solid orange;
	}

	.greenphotocontainer div, .orangephotocontainer div, .bluephotocontainer div {
		font-weight:bold;
		text-align:center;
		padding:5px;
	}
	
	input.action { /* Toimintopainikkeet */
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold;
		margin-top:5px;
	}

	.printonly {
		display: none;
	}

}

@media print {

	table.ct thead, div.ad, div.ec, .navi, #folder_list, #settings, #search_bar, #more_search_options, .quicknavi {
		display: none;
	}
	
	div.footer { /* Footer-teksti */
		color: #5F5F5F;
		font-size: 7pt;
		font-weight: bold;
		text-align: center;
		padding-top: 10px;
	}
	
	.kuvalipas .preview .price {
		color: green;
		float: right;
	}

	th.enabled h1.printonly {
		display:block !important;
	}

	h3.questionnaire {
		border-bottom:1px solid darkgray;
	}
	
	table.questionnaire label {
		display:block;
		text-align:right;
		padding-right:10px;
		width:175px;
	}

	table.questionnaire td {
		padding:5px;
	}
	table.questionnaire input.text {
		border:0px none;
		border-bottom:1px solid gray;
		width:250px;
	}

}

@media handheld {

	div.ad, div.ec {
		display: none;
	}

}