@media screen {

	/* ELEMENTS */

	body {
		padding:29px 20px 20px 20px;
		margin:0px;
		font-size: 11pt;
		#padding-top:26px;
	}

	/* FONTS */
	body, p, div, table, span {
		font-family: Arial, FreeSans, sans-serif;
	}
	div.footer, .smallest {
		font-family: Verdana, FreeSans, sans-serif;
	}
	
	.smaller {
		font-size: 9pt;
	}
	.smallest {
		font-size: 7pt;
	}

	/* TEXT-ELEMENTS */
	a, a:visited {
		color:#006699;
		text-decoration:none;
	}
	.navielements a, .footer a {
		color:#666666;
	}
	a:hover {
		color:#999999;
		text-decoration:underline;
	}
	a img {
		border: 0px none;
	}

	h3 {
		font-size: 13pt;
		font-weight: bold;
		margin: 10px 0px 5px 0px;
		border-bottom: 1px solid gray;
	}
	
	span.grey, span.gray {
		color: #AAAAAA;
	}
	span.green {
		color: darkgreen;
	}
	
	.notice, .warning, .error {
		margin:0px;
		padding:5px;
		font-weight:bold;
	}
	.notice {
		border:2px solid green;
		color:green;
	}
	.warning {
		border:2px solid orange;
		color:orange;
	}
	.error {
		border:2px solid red;
		color:red;
	}
	#flash {
		position:absolute;
		background-color:white;
		top:5px;
		left:5px;
		z-index:99;
	}
	#quick {
		position:absolute;
		top:5px;
		right:5px;
		padding:0px;
		margin:0px;
	}
	
	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;
	}

	div.footer {
		font-size:8pt;
		font-weight:bold;
	}	
	
	/* 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 { /* Sisältötaulukko */
		width:100%;
		padding: 10px 10px 10px 10px;
	}
	
	.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);
	}

	table.ct { /* Otsikko jossa sisällöt*/
		margin:0px;
		padding:0px;
		position:absolute;
		top:170px;
		height:20px;
		/*background-color:lightgray;*/
		background-image:url('../images/bg_opacity_50.png');
		border:1px solid black;
	}
	table.ct thead th.enabled {
		padding:0px 5px 0px 5px;
		font-size:9pt;
		vertical-align:middle;
	}

	.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;
		font-size: 9pt;
	}
	.kuvalipas .preview img {
		border: 1px solid gray;
	}
	/*.kuvalipas img.bought:hover {
		-moz-opacity:1;
		filter:alpha(opacity=100);
	}*/

	/*#navi {
		left: 5px;
		padding: 0px;
		position: absolute;
		top: 150px;
		width: 210px;
	}*/
	/*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;
	}*/
	#navi .navielements {
		/*padding-left:5px;*/
		width:210px;
		background-image:url('../images/layout-bws-dr-back.gif');
		background-position:top left;
		background-repeat:repeat-y;
	}
	#navi dl {
	  margin: 5px 5px 0px 10px;
	  padding: 0px 0px 5px 0px;
	}
	#navi dt {
		font-weight: bold;
		margin-top:5px;
	}
	#navi dd {
		margin: 0px;
	}
	#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 #006699;
	}

	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, .graycontainer {
		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;		
	}
	.graycontainer {
		border: 2px solid #666666;
		background-color: #CCCCCC;
	}
	.graycontainer, .graycontainer a {
		color: gray;
	}
	.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;
	}

	dl.pricing {
		margin:0px;
		padding-top:0px;
	}
	dl.pricing dd {
		background-color:#FAFAFA;
		border:1px solid #DDD;
		margin-bottom:2px;
		padding:3px;
	}
	dl.pricing dd:hover {
		background-color:#F6F6F6;
	}
	dl.pricing span {
		float:right;
		color:darkgreen;
	}


}

@media print {

	.ad, .navi, #folder_list, #settings, #search_bar, #more_search_options, .quicknavi, .navielements, #navi, #quick {
		display: none !important;
	}

	
	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;
	}

}