html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}

html {
	height: 100%;
}

body {
	font: normal 80% verdana,sans-serif;
	min-height: 100%;
	background-color: #000;
}

#body {
	background-repeat: repeat-x;
	padding-bottom: 0;
	color: #fff;
	min-height: 100%;
}

#header {
	background-repeat: repeat-x;
	background-position: 0 10px;
}

#wrapper {
	padding: 15px 5px 40px 5px;
	width: 990px;
	margin: 0 auto;
	height: 100%;
}

#topcontent {
	height: 25px;
	margin-top: 5px;
}

#topcontent a {
	color: #fff;
	text-decoration: none;
	margin: 3px 5px;
	padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#topcontent a:hover {
	background: url("/images/new/transparent_ffffff_20.png");
}


#topcontent a img.icon {
	margin-top: -3px;
}



#navi {
	height: 85px;
}

#navi #logo {
	float: left;
}

#navi ul {
	float: left;
	margin: 15px 0 0 25px;
}

#navi ul li {
	float: left;
	height: 20px;
	text-shadow: 2px 2px 2px #0071a6;
	padding: 5px;
	display: block;
	position: relative;
	text-decoration: none;
	margin: 0 10px;
}

#navi ul li a {
	font: normal 17px "myriad pro","trebuchet ms",arial,sans-serif;
	color: #fff;	
}

#navi ul li:hover,
#navi ul li:active {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	xxxbackground: url(/images/new/navi_selected_bg_white.png);
	background: url("/images/new/transparent_ffffff_25.png");
}




/* SISÄÄNKIRJAUTUNUT
##########################################################################################################
Kuvaus: 	Sisäänkirjautuneen käyttäjän tiedot sivun yläreunassa
Syyllinen: 	TM
########################################################################################################## */

#topcontent #logged-in {
	text-align: right;
	padding-top: 10px;
}

#topcontent #logged-in .nickname {
	font-weight: bold;
}

#topcontent #logged-in a.logout {
	background: url(http://galleria.city.fi/icon/fam/lock.png) no-repeat top left;
	padding-left: 20px;
	margin-left: 10px;
}

#tabs {
	margin-top: 10px;
	font: bold 12px verdana, sans-serif;
	color: #000;
	height: 18px;
	padding: 4px 0 0 5px;
	height: 24px;
}

#tabs ul li {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-radius: 3px 3px 0 0;
	background: url("/images/new/transparent_ffffff_60.png");
	float: left;
	margin-right: 5px;
}

#tabs ul li.selected {
	background: #fff;
}

/*
#tabs ul li a,
#tabs ul li.disabled {
*/
#tabs ul li {
	display: block;
	padding: 5px;
	text-decoration: none;
}

#tabs ul li a {
	color: #000;
}

#tabs ul li.selected a {
	color: #000 !important;
}

#tabs ul li.disabled {
	opacity:0.4;
	filter:alpha(opacity=40)
}

.tabs_extra {
	background: #c3c3c3;
	padding: 5px;
}





#content .tabs ul {
	margin: 1em 0;
	height: 25px;
	border-bottom: 1px solid #c3c3c3;
}


#content .tabs ul li {
	border: 1px solid #c3c3c3;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-radius: 3px 3px 0 0;
	height: 24px;
	background: #e1e1e1;
	float: left;
	margin-left: 5px;
}

#content .tabs ul li.selected {
	background: url(/images/new/content_tab_bg.png) repeat-x #fff;
	height: 25px;
	border-bottom: 0;
	font-weight: bold;
}

#content .tabs ul li a,
#content .tabs ul li.disabled {
	display: block;
	padding: 5px;
	text-decoration: none;
}

#content .tabs ul li a {
	color: #666;
}

#content .tabs ul li.selected a {
	color: #000;
}

#content .tabs ul li.disabled {
	background: #888;
	color: #555;
}

#content .tabs .content {
	clear: both;
}

#main {
	color: #000;
	margin: 0;
	padding: 5px;
	background: #fff;
}




	.sidebar {
		font-size: 93%;
	}

	.sidebars_enabled {
		position: relative;
		clear: both;
		float: left;
		width: 980px;
		overflow: hidden;
	}
	
	.sidebars_enabled .column_middle,
	.sidebars_enabled .column_left {
		float: left;
		width: 980px;
		position: relative;
	}
	
	.sidebars_enabled #content,
	.sidebars_enabled .sidebar_left,
	.sidebars_enabled .sidebar_right {
		float: left;
		position: relative;
		overflow: hidden;
	}
		
	.sidebars_enabled .sidebar_left,
	.sidebars_enabled .sidebar_right {
		padding: 5px 0;
	}
	
	

/* 3 Column settings */
	
		.sidebar_both_enabled {
			background: #e1e1e1;		/* right column background colour */
		}
		
		.sidebar_both_enabled .column_middle {
			right: 170px;			/* width of the right column */
			background: #fff;		/* center column background colour */
		}
		
		.sidebar_both_enabled .column_left {
			right: 615px;			/* width of the middle column */
			background: #e1e1e1;	/* left column background colour */
		}
		
		.sidebar_both_enabled #content {
			width: 605px;			/* width of center column content (column width minus padding on either side) */
			left: 985px;			/* 100% plus left padding of center column */
		}
		
		.sidebar_both_enabled .sidebar_left {
			width: 185px;			/* Width of left column content (column width minus padding on either side) */
			left: 185px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		}
		
		.sidebar_both_enabled .sidebar_right {
			width: 160px;			/* Width of right column content (column width minus padding on either side) */
			left: 810px;			/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		}



	/* 2 Column (left menu) settings */

	
		.sidebar_left_enabled {
			background: #fff;		/* right column background colour */
		}
		
		.sidebar_left_enabled .column_left {
			right: 785px;			/* right column width */
			background: #e1e1e1;	/* left column background colour */
		}
		
		.sidebar_left_enabled #content {
			width: 780px;			/* right column content width */
			left: 985px;			/* 100% plus left column left padding */
		}
		
		.sidebar_left_enabled .sidebar_left {
			width: 185px;			/* left column content width (column width minus left and right padding) */
			left: 10px;			/* (right column left and right padding) plus (left column left padding) */
		}
		
		
		
	/* 2 Column (right menu) settings */
	
		.sidebar_right_enabled {
			background: #e1e1e1;		/* right column background colour */
		}
		
		.sidebar_right_enabled .column_left {
			right: 170px;			/* right column width */
			background: #fff;		/* left column background colour */
		}
		
		.sidebar_right_enabled #content {
			width: 805px;			/* left column content width (left column width minus left and right padding) */
			left: 170px;			/* (right column width) plus (left column left padding) */
		}
		
		.sidebar_right_enabled .sidebar_right {
			width: 160px;			/* right column content width (right column width minus left and right padding) */
			left: 180px;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
		}

	/* Footer styles */
	
	#footer {
		clear: both;
		float: left;
		width: 990px;
		padding: 5px 0 0  0;
	}
	
	#footer,
	#footer a {
		color: #fff;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
	
	











































/* PERUSELEMENTIT
##########################################################################################################
Kuvaus: 	Perus-HTML-elementtien muotoilut
Syyllinen: 	TM
########################################################################################################## */

a {
	text-decoration: none;
	outline: none;
	color: #fff;
}

#main a:link,
#main a:visited,
#main a.unvisited {
	color: #0075c6;
}

#main a:hover {
	color: #000 !important;
}

#content p {
	margin-bottom: 0.7em;
	line-height: 140%;
}


/* LISTAT
##########################################################################################################
Kuvaus: 	Listaelementit
Syyllinen: 	TM
########################################################################################################## */

ul.fancy,
dl.fancy,
ol.fancy {
	margin-bottom: 1em;
}

ul.fancy li {
	background: url(/images/new/li_fancy.png) no-repeat 0 6px;
	padding-left: 12px;
	margin-bottom: 0.3em;
}

dl.fancy dt {
	font-weight: bold;
	margin-bottom: 0;
}

dl.fancy dd {
	padding-left: 0.5em;
	margin-bottom: 0.5em;
}

.sidebar ul.fancy li {
	margin-bottom: 0.1em;
}

ul.margin li {
	margin-left: 1em;
}


/* OTSIKOT
##########################################################################################################
Kuvaus: 	Läpi saitin käytettävät päätason (h1-h6) otsikot
Syyllinen: 	TM
########################################################################################################## */

h1 {
	font: normal 2em "myriad pro","trebuchet ms", sans-serif;
	color: #000;
	margin: 10px 0;
}

.sidebar h2 {
	padding: 0.3em 0.5em 0.3em 0.5em;
	font: bold 100% verdana,sans-serif;
	margin-bottom: 0.5em;
}

#content h2 {
	font: normal 1.7em "myriad pro","trebuchet ms", sans-serif;
	margin: 1em 0 0.3em 0;
}

#content h3 {
	font: bold 1.3em "trebuchet ms", sans-serif;
	margin: 1em 0 0.3em 0;
}

#content h4 {
	font: bold 1.2em "trebuchet ms", sans-serif;
	margin: 1em 0 0.3em 0;
}

#content h5 {
	font: bold 1em "trebuchet ms", sans-serif;
	margin: 1em 0 0.3em 0;
}

#content h6 {
	font: bold 0.9em "trebuchet ms", sans-serif;
	margin: 1em 0 0.3em 0;
}


/* BG
##########################################################################################################
Kuvaus: 	Yleiset taulukko- ja lomake-elementtien taustavärit
Syyllinen: 	TM
########################################################################################################## */

.bg1 {
/* 	background-color: #fff; */
}

.bg2 {
	background: url(/images/new/bg2.png);
}

.bg2_error {
	background-color: #ffbdc5;
}

.bg1_error {
	background-color: #ffd1d6;
}


/* TAULUKOT
##########################################################################################################
Kuvaus: 	Yleiset taulukkotyylit
Syyllinen: 	TM
########################################################################################################## */

table.fancy {
	width: 100%;
}

table.fancy th {
	font-weight: bold;
	vertical-align: top;
	padding: 0.3em;
}

table.fancy td {
	text-align: left;
	vertical-align: top;
	padding: 0.3em;
}

table.fancy td.wide {
	width: 100%;
}




/* TIEDONANNOT
##########################################################################################################
Kuvaus: 	Virhe- ja ok-ilmoitukset ym. 
Syyllinen: 	TM
########################################################################################################## */

div.notice {
	background-color: #dbeeff;
	padding: 5px;
	font-weight: bold;
	margin-bottom: 0.75em;
}

div.notice p {
	background: url(http://galleria.city.fi/icon/fam/information.png) 2px 6px no-repeat;
	padding: 5px 5px 5px 20px;
}

div.notice_error {
	background-color: #ffd1d6;
	color: #e00034;
	
}

div.notice_error p {
	background: url(http://galleria.city.fi/icon/fam/exclamation.png) 2px 6px no-repeat;
	padding: 5px 5px 5px 20px;
}

div.notice_ok {
	background-color: #c2ffb5;
	color: #1d6c1a;
	
}

div.notice_ok p {
	background: url(http://galleria.city.fi/icon/fam/accept.png) 2px 6px no-repeat;
	padding: 5px 5px 5px 20px;
}




/* SMS-ohjeet
##########################################################################################################
Kuvaus: 	Tekstiviestiohjeiden tyylit
Syyllinen: 	TM
########################################################################################################## */

.sms {
	color: #3e6e00;
	padding: 0.3em;
	background: url(http://galleria.city.fi/icon/fam/phone.png) 0 center no-repeat #dbffab;
	padding-left: 20px;
}

.unconfirmed {
	background: url(icon/ajax-loader-16x16.gif) 0 center no-repeat;
	padding-left: 20px;
}

.confirmed {
	background: url(http://galleria.city.fi/icon/fam/accept.png) 0 center no-repeat !important;
	padding-left: 20px;
}

/* IKONIT
##########################################################################################################
Kuvaus: 	Kuvakkeet
Syyllinen: 	TM
########################################################################################################## */

html .icon {
	padding: 0 !important;
}

ul li a .icon {
	margin-right: 5px;
	margin-bottom: -3px;
}

img.icon {
	margin-right: 5px;
}

a.icon {
	padding-left: 20px !important;	
}

#extrainfo_editor h4.icon,
#extrainfo_content h4.icon {
	padding-left: 20px !important;
}

/* KUVAT
##########################################################################################################
Kuvaus: 	Kuvat
Syyllinen: 	TM
########################################################################################################## */

img.fancy {
	padding: 3px;
	background: #fff;
	border: 1px solid #acacac;
}


ul.image_list {

}

ul.image_list li.preview {
	float: left;
	display: block;
	width: 160px;
	height: 180px;
	background: #e1e1e1;
	padding: 18px 18px 0 18px;
	margin: 0 2px 5px 3px;
}

ul.image_list li.preview .links {
	display: block;
	text-align: center;
}

ul.image_list li.preview .links a{
	text-decoration: none;
}

/* SISÄLTÖLAATIKKO
##########################################################################################################
Syyllinen: 	TM
########################################################################################################## */

#content .box {
	background: url(/images/new/gradient.png) repeat-x;
	margin: 0 0 1em 0;
	padding: 5px;
}

#content .box h2 {
	padding: 0.3em 0.5em 0.3em 0.5em;
	font: bold 93% verdana,sans-serif;
	background: #e1e1e1;
	margin: 0 0 0.5em 0;
}


/* LOMAKKEET
##########################################################################################################
Kuvaus: 	Yleisesti käytettävien lomakkeiden perustyylit
Syyllinen: 	TM
########################################################################################################## */

form.fancy fieldset {
	border: 0 solid;
	margin: 0 0 10px 0;
}

form.fancy ol li {
	list-style-type: none;
	padding: .5em;
	margin: 2px 0;
}

form.fancy label {
	color: #444;
	float: left;
	font-weight: bold;
	width: 170px;
	margin-right: .5em;
}

.sidebar form.fancy label {
	color: #555;
	float: left;
	font-weight: normal;
	width: 170px;
	margin-right: .5em;
}

form.fancy .content {
	margin-left: 175px; 
}

form.fancy .content label {
	float: none;
	width: auto;
	cursor: pointer;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0;
}

form.fancy input.fancy,
form.fancy select.fancy,
form.fancy textarea.fancy {
	background-color: #fdfdfd;
	border: 1px solid #999;
	color: #666;
	margin: 0;
	padding: 4px;
	margin-bottom: 0.3em;
}

form.fancy .fancy:focus {
	background: #fff;
	color: #000;
}

form.fancy textarea.fancy {
	line-height: 120%;
	width: 434px;
}

form.fancy textarea.low {
	height: 40px;
}

form.fancy textarea.high {
	height: 250px;
}

form.fancy .wide {
	width: 434px;	
}

.sidebar form.fancy .wide {
	width: 175px;	
}

dfn {
	font-size: 85%;
	display: block;
	line-height: 130%;
	color: #666;
	font-style: normal;
	padding-left: 0;
}

dfn.error {
	font-style: normal;
	background: url(icon/silk/error.png) 0 0 no-repeat;
	color: #e00034;
	font-weight: bold;
	margin-top: .3em;
	min-height: 16px;
	padding: 1px 0 0 21px;
}

dfn.ok {
	font-style: normal;
	background: url(icon/silk/accept.png) 0 0 no-repeat;
	color: #1e731a;
	font-weight: bold;
	margin-top: .3em;
	min-height: 16px;
	padding: 1px 0 0 21px;
}





/* BUTTONS */

a.button,
form.fancy button,
ul.tabs li a,
ul.tabs li.disabled {
	margin: 0.5em 0.5em 0 0;
	background: #eaeaea;
	border: 1px solid #dadada;
	font-family: arial,sans-serif;
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #666;
	cursor: pointer;
	padding: 4px 8px 4px 5px; /* Links */
}

form.fancy button:hover,
a.button:hover {
	background-color: #e4e4e4;
	border-color: #cfcfcf;
	color: #444;
}

.sidebar a.button,
form.fancy button  {
	background-color: #dadada;
	border-color: #999;
	color: #444;
	padding: 3px 7px 3px 4px;
}

.sidebar a.button:hover,
form.fancy button:hover  {
	background-color: #cccccc;
	border-color: #a8a8a8;
	color: #222;
}

body ul.tabs li.disabled {
	height: 17px;
	cursor: default;
	filter: Alpha(opacity=40);
	-moz-opacity: .40;
	opacity: 0.40;
	zoom:1
}

ul.tabs li a,
ul.tabs li.disabled {
	display: block;
	float: left;
}

.button_align_right a, .button_align_right {
	float: right;
}

form.fancy button {
	width: auto;
	overflow: visible;
	padding: 2px 8px 1px 5px; /* IE6 */
}

.sidebar form.fancy button {
	padding: 1px 7px 1px 4px; /* IE6 */
}

form.fancy button[type]{
	padding: 3px 8px 3px 5px; /* Firefox */
	line-height: 17px; /* Safari */
}

.sidebar form.fancy button[type]{
	padding: 2px 7px 2px 4px; /* Firefox */
}

*:first-child+html button[type]{
	padding: 4px 10px 0px 7px; /* IE7 */
}

*:first-child+html .sidebar  button[type]{
	padding: 3px 7px 0px 6px; /* IE7 */
}

form.fancy button img,
a.button img,
ul.tabs li a img,
ul.tabs li.disabled img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border:none;
	width: 16px;
	height: 16px;
}

ul.tabs li.disabled img {
	
}

div.statBar {
	font: 10px Arial; 
	padding-left: 10px; 
	padding-right: 10px; 
	overflow: hidden; 
	height: 14px; 
	border-width: 1px;
	border-style: solid; 
	background-color: #0075c6;
	color: #e1e1e1;
}
/** FLOATWHITEBOX
 ****************************************************************/
div.floatwhitebox {
	position: absolute;
	z-index: 15;
	left: 250px;
	top: 100px;
	width: 500px;
	background-color: grey;
}

div.floatwhitebox div.whitebox {
	background-image: none !important;
	background-color: white !important;
	border-width: 0 !important;
	color: black !important;
	font: 11px Verdana, Arial, sans-serif !important;
}
div.floatwhitebox div.whiteboxSubject {
	background-image: none !important;
	background-color: #abbacd !important;
	border-width: 0 !important;
	color: white !important;
	font: bold 12px Verdana, Arial, sans-serif !important;
	line-height: 22px !important;
}
div.floatwhitebox div.whiteboxFooter {
	height: 0 !important;
}
div.floatwhitebox div.whitebox div.fwb_buttons {
	margin-top: 20px;
	text-align: right;
}


/* SEKAMELSKA */
div.left {
	float: left;
}

div#communityBox {
	margin: 0 5px 5px 0;
	border-bottom: 1px solid #a8a8a8;
}

div.box {
	margin-bottom: 10px;
}

table.forumcatlist,
table.forumcatlist table.content {
	width: 100%;
}

h1 {
	color: #fff;
}

table.prevNext {
	width: 100%;
	margin: 0 auto;
}

table.varList {
	width: 100%;
}


div.banner_leaderbanner,
div#banner_9 {
	margin: 10px auto;
	text-align: center;
}

div.comnavs {
	width: 100%;
	text-align: center;
}

div.sidebar_left div.thumbs {
	height: auto;
	min-height: 0;
	padding: 0;
	margin: 5px;
}

div.thumbs {
	background-color: #e1e1e1;
	text-align: center;
	padding: 10px 0;
	margin: 10px;
	min-height: 180px;
}
div.thumbs div.image img {
	vertical-align: middle;
}
div.thumbs .mask {
	display:block;
	padding:3px 0 0 3px;
	position:absolute;
}

div.thumbs .image {
	text-align: left;
	display: inline;
}
div.thumbs .frame {
	text-align: center;
	margin: 0 auto;
}
div.folderImages {
	background-color: #e1e1e1;
	margin: 5px 5px 10px 5px;
	padding-top: 5px;
}
div.folderImages .thumbs {
	margin-top: 0;
	font-size: 0.8em;
}	
div.headerBar {
	background-color: #e1e1e1;
	margin: 0 5px;
	padding-left: 5px;
}
div.headerBar td {
	vertical-align: top;
	padding: 3px 5px 3px 0;
}
table.blogs {
	width: 100%;	
}
table.blogs td.blogUser {
	width: 180px;
}
img.icon {
	vertical-align: middle;
}
table.blogs td.blogText,
table.blogs td.blogUser {
	vertical-align: top;
}
#tabs li.hig {
	background-color: #fff;
}
table.userSearchForm td {
	text-align: left;
}
div.communityMember {
	display: inline-block;
	margin: 2px;
}
table.commentTable {
	width: 100%;
	text-align: left;
}
td.commentTime {
	padding: 5px 0 5px 5px;
	vertical-align: top;
	white-space: nowrap;
	color: #666666;
}
td.commentNick {
	padding: 5px 0 5px 5px;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
}
td.commentText {
	padding: 5px 0 5px 5px;
	vertical-align: top;
	text-align: left;
	width: 100%;
}
span.commentTime {	
	font-size: 0.6em;
	vertical-align: top;
}
td.oldStyleCommentText {
	margin-bottom: 10px;
}	
a#main {
	background-color: transparent;
	padding: 0;
}
.sidebar_right {
	text-align: center;
}
.videoContent {
	text-align: center;
}
.user_communities_logo {
	float: left;
	text-align: center;
	width: 45px;
	padding-top: 5px;
}	
.user_communities_desc {
	margin-left: 50px;
}
.user_communities_desc a {
	font-weight: 700;
}
.user_communities_info {
	margin: 5px 5px 10px 5px;
	min-height: 50px;
	background-color: #e1e1e1;
}
table.varList td {
	vertical-align: top;
}
input.followCommunity {
	margin: 5px 0;
}
div.annotation {
	position: absolute;
	border: 1px outset #fff;
}
div.annotation_hover {
	position: absolute;
	border: 1px solid white;
}
.annotation_noneditable {
	background-color: white;
}
div.anComment {
	padding: 5px;
	position: absolute;
	left: 0px;
	text-align: left;
	border: 1px solid white;
	background-color: black;
	opacity: 0.8;
	-moz-opacity: 0.8;
	z-index: 100;
}

/* drag resize */
.drsElement {
	position: absolute;
	border: 1px solid #333;
	z-index: 0;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
	height: 20px;
	border: 1px dotted red;
	cursor: move;
	z-index: 0;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
	 position: absolute;
	width: 5px;
	height: 5px;
	font-size: 1px;
	background: #EEE;
	border: 1px solid #333;
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/
.dragresize-tl {
	top: -8px;
	left: -8px;
	cursor: nw-resize;
}
.dragresize-tm {
	top: -8px;
	left: 50%;
	margin-left: -4px;
	cursor: n-resize;
}
.dragresize-tr {
	top: -8px;
	right: -8px;
	cursor: ne-resize;
}

.dragresize-ml {
	top: 50%;
	margin-top: -4px;
	left: -8px;
	cursor: w-resize;
}
.dragresize-mr {
	top: 50%;
	margin-top: -4px;
	right: -8px;
	cursor: e-resize;
}

.dragresize-bl {
	 bottom: -8px;
	 left: -8px;
	 cursor: sw-resize;
}
.dragresize-bm {
	 bottom: -8px;
	 left: 50%;
	 margin-left: -4px;
	 cursor: s-resize;	
}
.dragresize-br {
	 bottom: -8px;
	 right: -8px;
	 cursor: se-resize;
}			


div.userPicture {
	/* text-align: center;*/
}
div.userPicture .picture {
	margin-bottom: 20px;
}
.registerTeaser {
	float: left;
	width: 50%;
	text-align: left;
	margin-bottom: 10px;
}
.registerTeaser h4 {
	text-align: center;	
}
.registerTeaser .icon {
	float: left;
}
table.oraakkeli {
	margin: 0 auto;
}
table.oraakkeli input.kysymys {
	width: 400px;
}
div#yhdyssanakuvatContainer {
	text-align: center;
}
div.byTheWayPicture {
	float: left;
	margin-right: 10px;
}
input.byTheWayText {
	width: 531px;
}	
input.byTheWayButton {
	vertical-align: middle;
	margin-top: -3px;
	padding: 0;
}
.picture .mask {
	display: block;
	position: absolute;
	padding: 0;
}
.picture .mask a {
	height: 100%;
	float: left;
	background: url(http://img.ii2.org/html/images/overlay.gif);
	display: block;
}
.picture .mask a img {
	filter: Alpha(opacity=0);
	-moz-opacity: .0;
	opacity: 0.0;
}
.picture .mask a.lLeft {
	text-align: left;
}
.picture .mask a.lLeft img {
	padding-left: 5px;
}
.picture .mask a.lRight {
	text-align: right;
}
.picture .mask a.lMiddle{
	text-align: center;
}
.picture .mask img {
	border: 0;
	padding-top: 5px;
}
.picture .mask a:hover img {
	filter: Alpha(opacity=75);
	-moz-opacity: .75;
	opacity: 0.75;
}
p.headError {
	border: 2px dotted #000;
	padding: 5px;
}
div.loveStats {
	text-align: center;
}
div.bannerLeaderBoard {
	text-align: center;
}
table.forumcatlist tr {
	line-height: 1.5em;	
}
.r1 {
	background-color: #e1e1e1 !important;
}
.r2 {
	background-color: #fff !important;
}
div.games {
	background-color: #e1e1e1;
}
div.games td.gameText {
	background-color: #fff;
}
div.communityImages {
	text-align: center;
}
table.communityInfo td {
	width: 50%;
	line-height: 1.5em;
}
table.stats table.content td {
	padding-right: 20px;
}
div.communityListCategory {
	background-color: #e1e1e1;
	padding-left: 5px;
	height: 70px;
	_height: 72px;
	overflow: hidden;
}
div.communityListTitle {
	font-size: 1.2em;
}
form.nickSearch input.image {
	width: 20px;
	background-color: #e1e1e1;
}
div.profileEditor {
	left:30px;
	padding:20px;
	position:absolute;
	top:50px;
	width:880px;
	z-index:15;
	background-color: #fff;
	color: #000;
}
div#extraDiv div.profileEditor a {
	color: #000 !important;
	text-shadow: none;
	padding: 5px;
	display: inline;
	font: inherit;
	height: 15px;
	position: inherit;
	text-decoration: none;
	margin: 0 10px;
}
div#extraDiv div.profileEditor li {
	float: none;
	font-weight: bold;
}
div.faq-canvas h2 {
	font-weight: bold;
}
form.nickSearch {
	display: inline;
}
.dropDown {
	background:none repeat scroll 0 0 #e1e1e1;
	border:1px solid grey;
	padding:5px 10px 15px;
	position:absolute;
	text-align:left;
	width:145px;
	z-index:50;
	color: #000;
}
.dropDown a {
	color: #000 !important;
}
.darkDropDown {
	background: #2a2f42;
	border: 1px dotted white;
	text-align: left;
	padding: 10px 10px 10px 5px;
	z-index: 50;
	color: white;
	position: relative;
}
.darkDropDown a, .darkDropDown a:visited {
	color: white;
}
.usageTerms {
	height: 150px;
	overflow: auto;
}
.registerProfileInfo td {
	line-height: 2em;
}
.sidebar p {
	margin-bottom: 10px;
}
table.content th {
	font-weight: bold;
}
input.submitButton {
	margin: 5px;
}
table.userSearchForm th,
table.content th {
	padding: 2px 5px 2px 2px;
}
.mobileContent {
	text-align: center;
}
.sidebar h2:first-child,
.sidebar h3:first-child,
#content h2:first-child,
#content h3:first-child {
	margin-top: 0 !important;
}
table.smsOhjeTxt th {
	font-weight: bold;
}
table.smsOhjeTxt td {
	padding-right: 20px;
}
#content ul li {
	background: url(/images/new/li_fancy.png) no-repeat 0 6px;
	padding-left: 12px;
	margin-bottom: 0.3em;
}
.smsOhjeImage {
	float: right;
}
#content p {
	margin: 10px 0;
}
div.box h3 {
	margin-top: 0.5em !important;
}	
th {
	font-weight: bold;
}
#communitySeparator {
	border-bottom: 1px solid #a8a8a8;
}
#communityDescriptionCell h3 {
	border-bottom: 1px solid #a8a8a8;
}
#communityDescriptionCell {
	vertical-align: top;	
}
table#communityTable {
	width: 100%;
}
table.content td,
table.content th,
table.stylized td,
table.stylized th,
table.spacious th,
table.spacious td {
	padding: 3px;
	/*padding: 3px 10px 3px 0;*/
	vertical-align: top;
}
img.imageAcceptImage {
	border: 1px solid #e1e1e1;
}
ol li {
	list-style: decimal inside;
}
.friendbankImage {
	float: right;
}
span.highlight {
	color: red;
	font-weight: bold;
}
.friendImages {
	display: inline;
	margin: 2px;
}
div.gift {
	width: 50%;
	float: left;
}
#blockFieldDaily {
	margin: 5px 0;
}
#imageText {
	text-align: center;
	margin: 5px 0;
}
.dailysecondLabels,
.forumadLabel,
.minifeedLabels {
	text-align: center;
	margin-bottom: 5px;
}
.smallText,
span.sc {
	font-size: 0.8em;
}
#forumad table.spacious td {
	padding-left: 5px;
}
ul.mapTabs li {
	background: none !important;
	padding-left: 0 !important;
}
#mapShowLink,
#mapHideLink {
	margin-top: 0 !important;
}
#topcontent {
	text-align: right;
	padding-top: 5px;
}
#topcontent img.icon {
	margin-right: 0;
	
}
a.naviNewComments {
	margin: -1px 0 0 3px;
	background: red !important;
	padding: 2px;
	color: white !important;
	font: bold 11px verdana,sans-serif !important;
	text-shadow: none !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	top: -1px;
	margin-top: 2px;
	box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;

}

span.naviNewCommentsBracket {
	display: none;
}

#nickSearchBox {
	border: 0;
	background:#fff;
	width: 150px;
	height: 20px;
	text-align: left;
	padding: 2px 3px;
	display: inline;
}

#nickSearchBox div {
display: inline;	
}

#nickSearchBox input {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.nickSearchText {
	width: 120px;
	margin-left: 2px;
	font: normal 12px verdana,sans-serif;
}
div#smallImg {
	z-index: 80; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	background-color: #a8a8a8;
	padding: 5px;
	border: 1px solid black;
}
div#dropDown_friends {
	width: 200px;
}
div.hidden div img {
	opacity: 0.35;
}
div.ii2Plus ul {
	margin-left: 20px;
	text-align: left;
}
.sidebar_left .box table.content td {
	padding: 2px 5px;
}
.themeEditorColumn {
	float: left;
	width: 20%;
}
.themeEditorRowSeparator {
	clear: both;
}

#profileEditorContentLeft {
	float: left;
	width: 50%;
}
#profileEditorContentRight {
	float: right;
	width: 50%;
}

#forumEditForm textarea#message,
#forumReplyForm textarea#message {
	width: 700px;
	height: 200px;	
}

#extrainfo_editor table td,
#extrainfo_content table td {
	text-align: left;	
}

#extrainfo_editor table h4:first-child,
#extrainfo_content table h4:first-child {
	margin-top: 0;
}

td.newComments {
	font-size: 1.5em;	
}

.commentField #comment {
	width: 500px;	
}

div#cal td.currentDate {
	font-weight: bold;
}
div#cal td.shownDate {
	border: 1px solid red;
}

div#last_logins {
	margin-bottom: -15px;
}

.selectedCategoryLink a {
	font-weight: bold;	
}

td.forum_message div {
	text-align: center;
}

#forumThreadMessages td.forumMessage {
	width: 100%;
	vertical-align: top;
	padding: 10px 2px;
}

#forumThreadMessages td.forumWriter {
	white-space: nowrap;
	vertical-align: top;
	padding: 10px 2px;
	padding-right: 20px;
}

#forumThreadMessages td.forumWriter div.frame {
	margin: 0 auto;
}
	
#forumThreadMessages td.forumMessageLinks {
	padding: 3px;
}
a.forumTime {
	float: right;
	margin-top: 5px;
	color: #fff;
	margin-right: 5px;
}
hr {
	height: 1px;
	padding: 0;
	margin: 5px 0;
	background-color: #a8a8a8;
	border: 1px solid #a8a8a8;
}
	
.rateBlockImage {
	width: 16px;
	height: 16px;
	margin: 1px;	
}

#imageSettingsComment {
	width: 500px;	
}

a.showAllLink {
	margin: 5px 0;
	display: block;
	background: url(/images/new/li_fancy.png) no-repeat 0 6px;
	padding-left: 12px;
	margin-bottom: 0.3em;
}
	
.publicMessageNick {
	font-weight: bold;
}
.publicMessageCom {
	margin: 0 auto 5px auto;
	background-color: #ffffff;
	padding: 5px;
	border: 1px solid #a8a8a8;
	border-top: none;
}
.publicMessageCom a {
	font-weight: bold;	
}
.publicMessageWhiteTop {
	height: 16px; 
	width: 186px;
	overflow: hidden;
	vertical-align: top;	
}
.publicMessageRadio	{
	margin-bottom: 5px;
	text-align: center;
}
	
.fancyLike {
	background: url(/images/new/li_fancy.png) no-repeat 0 6px;
	padding-left: 12px;
	margin-bottom: 0.3em;
}	
	
#banner_5 {
	margin-bottom: 5px;	
}	
	
#fbLike {
	text-align: center;
	margin: 10px 5px;
}	
	
/**
 *	AVATAR
 **/
div.narrowDiv
{
	margin-left: 60px;
	padding: 15 15 15 15px;
}
div.profiletypeInfo
{
	width: 160px;
	margin: 10 40 10 40px;
	left: 50%;
	float: left;
}
div.thumbs .avatarRibbon {
	background: url(http://img1.ii2.org/html/images/avatar-ribbon.png) left top no-repeat;
	height: 53px;
	width: 53px;
}
div.secretProfile {
	text-align: left; 
	margin-top: 30px; 
	background: url(http://img1.ii2.org/html/images/privateprofile.jpg); 
	border: 3px solid black; 
	width: 475px; 
}
div.secretProfile div.innerDiv {
	margin: 10px 0 0 240px; 
	width: 200px;
}

table.noborder td {
	border: 0 !important;
}

div.avatar {
	width: 150px;	
}
	
div#townTalks {
	margin: 5px;	
}	
div.townTalk {
	padding: 5px;	
}

div.townTalkImage {
	text-align: center;	
}
	
div.townTalkTitleFirst {
	font-weight: bold;
}


	
/* TEEMAT
##########################################################################################################
Kuvaus: 	Teemat
Syyllinen: 	TM
########################################################################################################## */

.theme_icon {
	color: #000 !important;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right 1px;
}