/* GENERAL TAG STYLING */

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color: #000;
	}
a {
	color: blue;
	/**/text-decoration: underline;
	}
a:hover {
	color: red;
	text-decoration: underline;
	}
a.static {
	color: black;
	text-decoration: none;
	}
a.static:hover {
	color: red;
	}
h1 {
	/*color: red;
	font-size: 197%;*/
	font-size: 167%;
	font-weight: bold;
	}
h2 {
	font-weight: bold;
	font-size: 107%;
	}
h3 {
	font-weight: bold;
	}
label.required {
	font-weight: bold;
	}
input.submit {
	font-weight: bold;
	}
input.small {
	font-size: 85%; 
	}
small {
	font-size: 85%;
	font-weight: normal;
	color: #aaa;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}




/* GENERAL PURPOSE STYLE SHORTCUTS */

.cr { clear: right; }
.cl { clear: left; }
.cb { clear: both; }
.hide { display: none; }
.nobr { white-space: nowrap; }
.block { display: block; }
.highlight { color: red; }
.grayed { color: #aaa; }
.emptytext { color: #aaa; }
.label { color: #aaa; }
.ok { color: #00CC00; }
.no { color: red; }
.hm { padding-bottom: 5px; } /* Half-Margin - displays half margin under element */
.fm { padding-bottom: 10px; } /* Full-Margin - displays full margin under element */
.hmt { margin-top: 5px; } /* Half-Margin-Top - displays half margin above element */
.fmt { margin-top: 10px; } /* Full-Margin-Top - displays full margin above element */
.fl { float: left !important; }
.fr { float: right !important; }
.pr { position: relative; }
.clear:after { /* clear both to use inside container */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}



/* MASTERPAGE ELEMENT STYLES */

#header {
	padding: 10px 10px 0 10px;
	/*height: 35px;*/
	background: #eee url(/images/nagi/pageback.gif) repeat-x;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1px;
	position: relative;
	}
#header .inner {
	min-width: 750px;
	max-width: 1400px;
	margin: auto;
	padding-bottom: 5px;
	position: relative;
	/*height: 35px;
	overflow: visible;*/
	}
#header #logo {
	float: left;
	padding-right: 10px;
	position: relative;
	z-index: 998;
	}
#header #logo img {
	display: block;
	}
#header #usermenu {
	position: absolute;
	z-index: 99;
	right: 10px;
	top: 0px;
	}


#header .mainmenu {
	position: relative;
	z-index: 999;
	float: left;
	font-weight: bold;
	}
#header .mainmenu li {
	float: left;
	background-image: url(/images/nagi/mainmenu_back.gif);
	background-repeat: no-repeat;
	margin-right: 5px;
	}
#header .mainmenu li a {
	display: block;
	padding: 3px 12px 5px 12px;
	background-image: url(/images/nagi/mainmenu_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	/*color: #666;
	text-decoration: none;*/
	}


#userinfo2 {
	float: right;
	/*position: absolute;
	z-index: 999;
	right: 10px;
	top: 10px;*/
	}
#userinfo2 li {
	float: left;
	background-image: url(/images/nagi/usermenu2_back.gif);
	background-repeat: no-repeat;
	margin-right: 5px;
	}
#userinfo2 li.selected { background-image: url(/images/nagi/usermenu2_back_on.gif); }
#userinfo2 li a {
	display: block;
	background-image: url(/images/nagi/usermenu2_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
#userinfo2 li.selected a { background-image: url(/images/nagi/usermenu2_right_on.gif); }
#userinfo2 li a strong, #userinfo2 li a span {
	display: block;
	padding: 3px 12px 5px 12px;
	line-height: 16px;
	}
#userinfo2 .login strong {
	background: url(/images/nagi/action_login.gif) no-repeat 8px 4px;
	padding-left: 28px;
	}
#userinfo2 li.selected strong { background-image: url(/images/nagi/action_login_on.gif); padding-bottom: 19px; }



#header #sitesearch {
	float: right;
	padding-right: 10px;
	}
#header #sitesearch fieldset {
	display: inline;
	}
#header #searchkeyword {
	width: 80px;
	font-size: 11px;
	height: 16px;
	vertical-align: 11%;
	}


#userinfo {
	float: right;
	font-size: 85%;
	background-image: url(/images/nagi/usermenu_back.gif);
	background-repeat: repeat-x;
	height: 23px;
	overflow: hidden;
	}
#header #userinfo h3 {
	float: left;
	background-image: url(/images/nagi/usermenu_back.gif);
	background-repeat: repeat-x;
	background-position: 0 -22px;
	/*height: 23px;
	overflow: hidden;*/
	}
#header #userinfo h3 a {
	display: block;
	padding: 4px 5px 6px 10px;
	background-image: url(/images/nagi/usermenu_corner.gif);
	background-repeat: no-repeat;
	}
#header #userinfo ul {
	float: left;
	padding: 4px 10px 6px 10px;
	background-image: url(/images/nagi/usermenu_back.gif);
	background-position: 0 -44px;
	background-repeat: no-repeat;
	}
#header #userinfo ul li {
	display: block;
	float: left;
	padding-left: 10px;
	}
#header #userinfo .corner {
	float: left;
	background-image: url(/images/nagi/usermenu_corner.gif);
	background-position: 0 -23px;
	background-repeat: no-repeat;
	height: 23px;
	width: 6px;
	}


#banner_top_image,
#banner_top_html {
	padding: 5px 10px 5px 10px;
	background-color: transparent;
/*	overflow: hidden; */
	white-space: nowrap;
	margin-top: 0px;
	}
#banner_top_image .inner,
#banner_top_html .inner {
	min-width: 750px;
	max-width: 1400px;
	margin: auto;
	}
#banner_top_image .big {
	height: 90px;
	width: 728px;
	float: left;
	}
#banner_top_image .vlb {
	height: 180px;
	width: 980px;
	}
#banner_top_image .small {
	height: 90px;
	width: 180px;
	float: left;
	margin-left: 10px;
	}
#banner_top_html .big {
	height: 90px;
	margin-right: 190px;
	background-color: white;
	}
#banner_top_html .small {
	height: 90px;
	width: 180px;
	float: right;
	}


#subheader {
	background-color: #d9d9ff;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	color: #b2b2ff;
	clear: both;
/** banner top
	margin-bottom: 10px;
**/
	border-bottom: 1px solid #b2b2ff;
	border-top: 1px solid #b2b2ff;
	}
#subheader .subheader {
	min-width: 750px;
	max-width: 1400px;
	margin: auto;
	background-repeat: no-repeat;
	background-position: 10px 3px;
	padding: 3px 10px 4px 30px;
	}
#subheader span, #subheader strong, #subheader label, #subheader h3 {
	color: black;
	}
#subheader .shopping { background-image:url(/images/nagi/header_shopping.gif); }
#subheader .login { background-image:url(/images/nagi/header_login.gif); background-position: 10px 7px !important; }
#subheader .login label { padding-left: 10px; white-space: nowrap; }
#subheader_login #login_status { font-style: italic; padding: 3px 0 0 10px; white-space: nowrap; display: block; }
#subheader_login #login_status * { display: inline; }
#subheader_login #login_status .no { color: red; font-style: normal; font-weight: bold; }
#subheader_login #login_links { padding-left: 10px; white-space: nowrap; }
#login_links a { }
#subheader_login h3 { float:left; margin: 3px 20px 0 0; }


#container {
	clear: both;
	padding: 10px;
	min-width: 790px;
	max-width: 1400px;
	margin: auto;
	}


#sidebar {
	float: left;
	width: 120px;
	overflow: hidden;
	}
#sidebar .actionmenu {
	padding-top: 5px;
	}
#sidebar .userpic {
	height: 75px;
	width: 75px;
	overflow: hidden;
	position: relative;
	}
#sidebar .userpic img {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	}
.compact #sidebar { /* sidebar is closed */
	width: 40px;
	}
/*.compact #context .moduleheader {
	height: 20px;
	}*/
.compact #context .header {
	padding: 5px 0 0 10px;
	}
.compact #context h2 {
	position: static;
	}
.compact #sidebar ul,
.compact #sidebar .module .body {  /* sidebar is closed */
	display: none;
	}

#content {
	margin-left: 130px;
	position: relative;
	}
.compact #content {  /* sidebar is closed */
	margin-left: 50px;
	}
.full #content { /* no sidebar */
	margin-left: 0;
	}
#content .columns {
	position: relative;
	}
.hidefirst .first { display: none  !important; }
.hidefirst .second { margin-right: 0 !important; margin-left: 0 !important; } /* !!! margin left POLE TESTITUD !!! */
.hidesecond .second { display: none; }
.hidesecond .first { margin-right: 0; }



#footer {
	clear: both;
	padding: 25px 0;
	color: #aaa;
	font-size: 85%;
	}
#footer p {
	padding: 5px;
	line-height: 160%;
	border-top: 1px solid #ddd;
	}
#footer a, #footer span {
	padding: 5px;
	}
p#rss {
	background: url(/images/nagi/feed-icon16x16.png) no-repeat 0 6px;
	padding-left: 15px;
	padding-right: 10px;
	}



.module {
	overflow: hidden;
	}
.boxed {
	padding-top: 5px;
	padding-bottom: 11px;
	border-top: 1px solid #ddd;
	}
.decorated {
	padding-top: 0;
	padding-bottom: 5px;
	border: none;
	border: none;
	}
.boxed .body {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 5px 10px 0px 10px;
	}
.module .tight {
	padding-left: 20px !important;
	}
.boxed .header {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 5px 10px 0px 10px;
	}
#rightbox .body { padding-left: 10px; }


/* javascript rewrite */
/*.modulecontainer {
	padding-bottom: 5px;
	}*/
.moduleheader {
	background-image: url(/images/nagi/module_headerback.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #ddd;
	font-size: 1px;
	}
.moduleheader .corner {
	background-image: url(/images/nagi/module_headercorner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 6px;
	}
.modulefooter {
	background-image: url(/images/nagi/module_footerback.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	border-right: 1px solid #ddd;
	font-size: 1px;
	}
.modulefooter .corner {
	background-image: url(/images/nagi/module_footercorner.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 6px;
	}
/* javascript rewrite */



.module h2 {
	/*margin: 0 0 5px 0;*/
	padding-bottom: 5px;
	line-height: normal;
	}
.module h2 .trigger {
	background-repeat: no-repeat;
	padding-left: 20px;
	color: black;
	text-decoration: none;
	}
.module h2 .trigger:hover {
	color: red;
	}
.minimize { background-image: url(/images/nagi/modulev_openclose.gif); }
a:hover.minimize { background-position: 0 -30px; }
.closed .minimize { background-position: 0 -60px; }
.closed a:hover.minimize { background-position: 0 -90px; }
.module .body {
	clear: both;
	padding-left: 30px;
	}
.collapsible .body {
	}
.closed .body {
	display: none;
	}



.breadcrumb {
	/*overflow: hidden;
	width: 100%;*/
	padding: 0 0 0px 0;
	font-size: 92%;
	height: 30px;
	}
.breadcrumb a,
.breadcrumb b {
	display: block;
	float: left;
	padding: 3px 6px 0 14px;
	background: url(/images/nagi/breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
	font-size: 144%;
	}
.breadcrumb b {
	padding-top: 0;
	font-size: 167%;
	font-weight: normal;
	}
.breadcrumb a:hover {
	background-position: 0px -20px;
	}



.pagemessage {
	padding: 3px 10px;
	border: 1px solid #eee;
	margin-bottom: 5px;
	font-size: 85%;
	position: relative;
	}
.pagemessage.confirm {
	border: 1px solid #00cc00;
	padding-left: 25px;
	color: #00cc00;
	background-color: #e6ffc9;
	background-image: url(/images/nagi/msg_confirm.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	font-weight: bold;
	}
.pagemessage.error {
	border: 1px solid #ff0000;
	padding-left: 25px;
	background-image: url(/images/nagi/msg_error.gif);
	background-repeat: no-repeat;
	background-position: 10px 4px;
	color: #ff0000;
	background-color: #ffff57;
	font-weight: bold;
	}
.pagemessage a {
	display: block;
	position: absolute;
	right: 5px;
	top: 2px;
	height: 15px;
	width: 15px;
	background-image: url(/images/nagi/ui_close.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}
.pagemessage a em {
	display: none;
	}


.pageindex {
	padding: 20px;
	padding-bottom: 5px;
	background-color: #eee;
	border: 1px solid #ddd;
	background-image: url(/images/nagi/formback_index.gif);
	/*position: relative; IE joonistab kast paremasse aarde moodulite peale muidu*/
	overflow: hidden;
	}
.pageindex .leading {
	margin-left: 0px;
	}
.pageindex dt {
	width: 50px;
	height: 40px;
	float: left;
	clear: left;
	background-repeat: no-repeat;
	background-position: right top;
	}
.pageindex dt {
	text-align: right;
	}
.pageindex dd {
	float: left;
	width: 300px;
	margin-left: 5px;
	margin-top: 5px;
	/*margin-left: 60px;*/
	padding-bottom: 15px;
	}
.pageindex dd h2 {
	margin: 0;
	}
.pageindex dd p {
	}


.contentindex {
	padding: 15px;
	padding-bottom: 5px;
	position: relative;
	overflow: hidden;
	}
.contentindex .leading {
	margin-left: 0px;
	}
.contentindex dt {
	width: 50px;
	height: 40px;
	float: left;
	clear: left;
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
	}
.contentindex dd {
	margin-left: 60px;
	margin-top: 5px;
	padding-bottom: 15px;
	}
.contentindex dd h1,
.contentindex dd h2,
.contentindex dd h3 {
	margin: 0;
	}
.contentindex dd p {
	}


.vmenu {
	}
.vmenu li {
	padding: 0 0 5px 10px;
	background-image: url(/images/nagi/bullet_inactive.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	}
.vmenu .selected {
	background-image: url(/images/nagi/bullet_active.gif);
	font-weight: bold;
	}

.hmenu {
       overflow: hidden;
       }
.hmenu li {
       padding: 0 15px 5px 10px;
       background-image: url(/images/nagi/bullet_inactive.gif);
       background-repeat: no-repeat;
       background-position: 0 4px;
       float: left;
       }
.hmenu .selected {
       background-image: url(/images/nagi/bullet_active.gif);
       font-weight: bold;
       }

.hmenu {
	overflow: hidden;
	}
.hmenu li {
	padding: 0 15px 5px 10px;
	background-image: url(/images/nagi/bullet_inactive.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	float: left;
	}
.hmenu .selected {
	background-image: url(/images/nagi/bullet_active.gif);
	font-weight: bold;
	}



.tabmenu {
	overflow: hidden;
	background: url(/images/nagi/module_footerback.gif) repeat-x bottom left;
	}
.tabmenu li {
	float: left;
	margin-right: 1px;
	padding-top: 3px;
	}
.tabmenu a {
	display: block;
	padding: 3px 10px;
	font-size: 92%;
	line-height: normal;
	background-color: #ddd;
	text-decoration: none;
	color: black;
	}
.tabmenu a:hover {
	color: red;
	}
.tabmenu li.selected {
	border: 1px solid #ddd;
	border-bottom: none;
	padding-top: 0;
	}
.tabmenu li.selected a {
	background-color: #fff;
	background-image: url(/images/nagi/bullet_active.gif);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	padding-left: 19px;
	padding-top: 6px;
	color: red;
	}
.tabmenu li.selected a:hover {
	color: red;
	}
.tabmenu li.label {
	padding: 6px 10px 0 0;
	font-size: 85%;
	color: #aaa;
	}
.tabmenu li.filter {
       padding-top: 0;
       padding-left: 20px;
       }
.xl .tabmenu a {
       font-size: 107%;
       font-weight: bold;
       }
.xl .tabmenu li.selected a {
       }




.freetext {
        }
.freetext p, .freetext ul, .freetext ol, .freetext dl {
        font-size: 107%;
        margin-bottom: 10px;
        }
.freetext table {
        margin-bottom: 10px;
        }
.freetext ol {
        list-style-type: decimal;
        }
.freetext li {
        margin-left: 40px;
        }
.freetext .leading {
        padding-bottom: 5px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 15px;
        }
.note {
	font-size: 85%;
	color: #aaa;
	}
.leading {
	font-size: 107%;
	line-height: 133%;
	margin-bottom: 10px;
	}



.contenttable {
	border-collapse: collapse;
	}
.contenttable th {
	font-weight: bold;
	padding: 5px 10px 5px 0;
	white-space: nowrap;
	}
.contenttable td {
	padding: 5px 10px 5px 0;
	}
table.fullborder th {
	padding: 5px;
	background: #ddd;
	border: 1px solid #ddd;
	}
table.fullborder td {
	border: 1px solid #ddd;
	padding: 5px;
	}



.pager {}
.pager a,
.pager b,
.pager em {
	display: block;
	width: 30px;
	height: 25px;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	border: 1px solid #ddd;
	/*border-left-color: white;*/
	text-align: center;
	line-height: 25px;
	}
.pager em {
	color: #aaa;
	}
.pager a:hover {
	border-color: red;
	}
.pager .selected {
	color: red;
	font-weight: bold;
	width: 30px;
	/*height: 30px;
	line-height: 30px;*/
	font-size: 136%;
	background-color: #ddd;
	}
.pager .info {
	display: block;
	float: left;
	color: #aaa;
	line-height: 25px;
	padding-right: 10px;
	height: 25px;
	margin-bottom: 3px;
	}
.pager .navi {
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
	border-color: white;
	font-weight: bold;
	}
.pager .blank {
	width: auto;
	padding-left: 0px;
	padding-right: 0px;
	border-color: white;
	}


.comment {
	background-image: url(/images/nagi/action_comment.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 18px;
	padding-bottom: 5px;
	clear: left;
	}
.commentdate {
	color: #aaa;
	font-size: 85%;
	white-space: nowrap;
	}
.comment .responses {
	font-weight: bold;
	}
.comment .thumbnail {
	float: left;
	padding: 0 5px 5px 0;
	}
.comment .thumbnail img {
	width: 37px;
	}




.contextmenu {
/*	overflow: visible;
	position: relative; */
	}
.contextmenu .body {
	padding: 5px 10px;
	clear: none;
	}
.contextmenu .body h2 {
	margin-top: 5px;
	}
.contextmenu ul {
	padding-bottom: 5px;
	padding-left: 5px;
	}
.contextmenu .private {
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px solid #ddd;
	}
.contextmenu #sidebarminimize {
	position: absolute;
	right: 10px;
	top: 10px;
	}
.contextmenu #sidebarminimize a span {
	display: none;
	}
.contextmenu #sidebarminimize a {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/images/nagi/moduleh_openclose.gif);
	}
.contextmenu .header {
	padding: 0;
	}
.contextmenu #sidebarminimize a:hover { background-position: 0 -30px; }
.compact #sidebarminimize { position: static; }
.compact .contextmenu #sidebarminimize a { background-position: 0 -60px; }
.compact .contextmenu #sidebarminimize a:hover { background-position: 0 -90px; }



.imagethumbs {
	overflow: hidden;
	}
.imagethumbs a {
	display: block;
	float: left;
	width: 75px;
	height: 75px;
	overflow: hidden;
	border: 1px solid white;
	}
.imagethumbs a:hover {
	border-color: red;
	}
.imagethumbs a.selected img {
	border: 2px solid red;
	width: 71px;
	height: 71px;
	}
.imagethumbs a img {
	display: block;
	}
.imagethumbs .navi {
	background-color: #eee;
	background-repeat: no-repeat;
	background-image: url(/images/nagi/imagethumb_navi_back.gif);
	}
.imagethumbs .prev {
	background-image: url(/images/nagi/imagethumb_navi_back.gif);
	background-position: left top;
	}
.imagethumbs .next {
	background-image: url(/images/nagi/imagethumb_navi_forward.gif);
	background-position: right bottom;
	}
.imagelog a .ratescale {
	display: block;
	}
.imagelog a .ratescale img {
	margin-left: 0;
	}



.imagelog a {
	display: block;
	text-decoration: none;
	float: left;
	overflow: hidden;
	border: 1px solid #fff;
	/*cursor: pointer;*/
	padding: 10px;
	}
.imagelog a:hover {
	text-decoration: none;
	border-color: red;
	}
.imagelog a .picture {
	display: block;
	position: relative;
	/*overflow: hidden;*/
	background-color: #fff;
	}
.imagelog a .picture img {
	display: block;
	}
.imagelog a strong {
	display: block;
	text-decoration: underline;
	font-weight: normal;
	font-size: 85%;
	margin-bottom: 5px;
	}
.imagelog a .author,
.imagelog a .details,
.imagelog a .date {
	display: block;
	color: #aaa;
	font-size: 85%;
	}
.imagelog a .comments {
	background: url(/images/nagi/action_comment_highlight.gif) no-repeat;
	padding-left: 18px;
	color: red;
	}
.imagelog a .ratescale {
       display: block;
       }
.imagelog a .ratescale img {
       margin-left: 0;
       }

.square a {
	width: 75px;
	height: 110px;
	padding: 9px;
	}
.square a .picture {
	width: 75px;
	height: 75px;
	margin-bottom: 3px;
	}
.square a strong {
	display: none;
	}
.square a .date {
	margin-bottom: 0px;
	}
.square a .comments {
	float: right;
	color: red;
	}
.square a .userinfo {
	margin-top: 2px;
	white-space: nowrap;
	}

.thumbs a {
	width: 75px;
	height: 75px;
	border: 1px solid white;
	padding: 0;
	}
.thumbs a:hover {
	border-color: red;
	}
.thumbs a.selected img {
	border: 2px solid red;
	width: 71px;
	height: 71px;
	}
.thumbs a img {
	display: block;
	}
.thumbs a .ratescale,
.thumbs a strong,
.thumbs a .author,
.thumbs a .details,
.thumbs a .date {
	display: none;
	}

.smallpics a {
	width: 246px;
	height: 130px;
	}
.smallpics a .picture {
	width: 128px;
	height: 128px;
	float: left;
	border: 1px solid #ddd;
	}
.smallpics a .picture img {
	position: absolute;
	top: 0;
	right: 0;
	}
.smallpics strong,
.smallpics a .author,
.smallpics a .details,
.smallpics a .date,
.smallpics a .ratescale {
	margin-left: 138px;
	}
.smallpics a .ratescale {
        margin-left: 138px;
        }

.selectpics a {
	width: 152px;
	height: 130px;
	}
.selectpics .selected a {
	background-color: #ddd;
	border-left-color: #ddd;
	border-top-color: #ddd;
	}
.selectpics .selected a:hover {
	border-color: red;
	}
.selectpics .selected a .picture {
	background-color: #ddd;
	border-color: #ddd;
	}
.selectpics a .picture {
	width: 128px;
	height: 128px;
	float: left;
	border: 1px solid #ddd;
	}
.selectpics a .picture img {
	position: absolute;
	top: 0;
	right: 0;
	}
.selectpics a strong,
.selectpics a .author,
.selectpics a .details,
.selectpics a .date {
	display: none;
	}
.selectpics input.choose {
	float: right;
	}

.mediumpics a {
	width: 242px;
	height: 290px;
	padding: 0 10px 10px 0;
	}
.mediumpics a:hover {
	border-color: white;
	}
.mediumpics a .picture {
	width: 240px;
	height: 240px;
	float: none;
	margin: 0 0 5px 0;
	border: 1px solid #ddd;
	}
.mediumpics a:hover .picture {
	border-color: red;
	}
.mediumpics a .picture img {
	position: absolute;
	left: 0;
	bottom: 0;
	}
.mediumpics a .details,
.mediumpics a .date {
	margin-left: 0;
	float: right;
	}
.mediumpics a strong {
	width: 150px;
	font-size: 107%;
	float: left;
	}


.friendlist {
	width: 100%;
	}

.friendlist a {
	display: block;
	text-decoration: none;
	padding: 5px;
	width: 193px;
	height: 75px;
	float: left;
	overflow: hidden;
	border: 1px solid #eee;
	border-bottom-color: #ddd;
	border-right-color: #ddd;
	margin: 0 3px 3px 0;
	}
.friendlist a.current {
	background-color: #eee;
	}
.friendlist a:hover {
	border-color: red;
	text-decoration: none;
	}
.friendlist a .picture {
	display: block;
	overflow: hidden;
	width: 75px;
	height: 75px;
	float: left;
	margin: 0 5px 5px 0;
	text-align: right;
	}
.friendlist a .picture img {
	vertical-align: middle;
	}
.friendlist a .picture img {
	display: inline;
	vertical-align: bottom;
	}
.friendlist a strong {
	text-decoration: underline;
	font-size: 85%;
	font-weight: normal;
	}
.friendlist a .group {
	color: black;
	font-size: 85%;
	display: block;
	}
.friendlist a .details {
	color: #aaa;
	/*color: #000;*/
	font-size: 85%;
	padding-right: 0px;
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	}
.friendlist a .pictures {
	background: url(/images/nagi/action_photo.gif) no-repeat;
	padding-left: 20px;
	}
.friendlist a .albums {
	background: url(/images/nagi/action_album.gif) no-repeat;
	padding-left: 20px;
	}
.friendlist a .friends {
	background: url(/images/nagi/action_friends.gif) no-repeat;
	padding-left: 20px;
	white-space: nowrap;
	}
.friendlist a .friendsoffriends {
       background: url(/images/nagi/action_friendsoffriends.gif) no-repeat;
       padding-left: 20px;
       white-space: nowrap;
       }
.friendlist a .favourites {
       background: url(/images/nagi/action_favourite.gif) no-repeat;
       padding-left: 20px;
       white-space: nowrap;
       }

.simple a {
	padding: 5px;
	width: 75px;
	height: 120px;
	border: 1px solid #eee;
	border-bottom-color: #ddd;
	border-right-color: #ddd;
	margin: 0 3px 3px 0;
	}
.simple a .picture {
	float: none;
	/*text-align: center;*/
	text-align: left;
	margin-bottom: 3px;
	position: relative;
	line-height: 75px;
	}
.simple a strong {
	font-size: 85%;
	height: 40px;
	overflow: hidden;
	/*text-align: center;*/
	}




.albumthumbs {
	overflow: hidden;
	width: 100%;
	}
.albumthumbs a {
	text-decoration: none;
	display: block;
	float: left;
	overflow: hidden;
	width: 100px;
	height: 144px;
	background-color: #eee;
	border: 1px solid #ddd;
	border-top-color: #eee;
	border-left-color: #eee;
	padding: 10px;
	margin: 0 3px 3px 0;
	}
.albumthumbs a:hover {
	text-decoration: none;
	border-color: red;
	}
.albumthumbs a img {
	display: block;
	margin-bottom: 3px;
	}
.albumthumbs a b {
	text-decoration: underline;
	font-size: 107%;
	}
.albumthumbs a span {
	color: #aaa;
	}
.albumthumbs a .details {
	display: block;
	font-size: 85%;
	margin-top: 1px;
	}


.widealbum a {
	width: 195px;
	height: 75px;
	}
.widealbum a img {
	float: left;
	margin-right: 5px;
	}
.widealbum .details,
.widealbum .heading {
	display: block;
	margin-left: 80px;
	}


.inbox {}
.inbox td {
	white-space: nowrap;
	}
.inbox td {
	vertical-align: top;
	}
.inbox td.date,
.inbox td.sender {
	font-size: 85%;
	}
.inbox td.subject {
	white-space: normal;
	}
.new {font-weight: bold;}



.userinfo {
	/*font-size: 85%;*/
	background: url(/images/nagi/action_friends.gif) no-repeat;
	background-position: -2px 0;
	padding-left:20px;
	}
.userdata .active {
	font-weight: bold;
	background-image: url(/images/nagi/action_friends_active.gif);
	}
.userdata .fade {
	background-image: url(/images/nagi/action_friends_fade.gif);
	}
.userdata .group {
	font-style: italic;
	background-image: url(/images/nagi/action_group.gif);
	background-repeat: no-repeat;
	color: #aaa;
	}

.details dt {
	width: 95px;
	float: left;
	clear: left;
	text-align: right;
	color: #aaa;
	font-size: 85%;
	padding-top: 2px;
	overflow: hidden;
	white-space: nowrap;
	}
.details dd {
	padding-bottom: 5px;
	margin-left: 100px;
	/*float: left;
	padding-left: 5px;*/
	}



.bulleted {
	padding-top: 5px;
	}
.bulleted li,
.freetext ul li {
	padding-left: 14px;
	padding-bottom: 5px;
	background-image: url(/images/nagi/bullet_ul.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	}
.large li {
	font-size: 122%;
	}


.numbered li {
	list-style-type: decimal;
	list-style-position: inside;
	padding-bottom: 5px;
	}
.numbered .selected {
	font-weight: bold;
	}
.numbered .unselected {
	color: #aaa;
	}



.actionform {
	/*background-color: #eee;*/
	background-color: white;
	overflow:hidden;
	background-image: url(/images/nagi/formback_body.gif);
	background-repeat: repeat-y;
	}
.actionform .formsection {
	padding: 5px 10px 5px 15px;
	border: 1px solid #ddd;
	background: #fff;
	/*background: url(/images/nagi/formsection_common.gif) no-repeat 10px 8px #fff;*/
	}
.actionform .buttonbar {
	/*text-align: center;*/
	padding: 5px 15px;
	background-color: #ddd;
	border-bottom: 1px solid #fff;
	/**/background-image: url(/images/nagi/formback_footer.gif);
	background-repeat: repeat-y;
	}
.actionform .buttonbar input {
	padding: 0 10px;
	}
.actionform .required label,
.actionform label.required {
	font-weight: bold;
	}
.actionform p,
.actionform li,
.field,
.fields li,
.fields p {
	line-height: 20px;
	padding-bottom: 3px;
	}
.actionform fieldset h1 {
	margin-bottom: 5px;
	}
.actionform fieldset h3,
.actionform fieldset h2 {
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	}
.actionform p input,
.actionform li input,
.actionform p img,
.actionform li img {
	vertical-align: middle;
	}
.actionform ul ul {
	padding-left: 20px;
	}
.actionform hr {
	height: 1px;
	border: none;
	border-bottom: 1px solid white; 
	}
.actionform .status {
	color: green;
	font-style: italic;
	padding: 5px;
	}
.actionform .instruction {
	line-height: normal;
	font-size: 107%;
	margin-bottom: 10px;
	}
.actionform .hint {
	line-height: normal;
	font-size: 85%;
	padding: 3px 0;
	color: #aaa;
	}
.actionform .block {
	padding: 15px;
	}
.actionform .element {
	display: block;
	width: 66%; /* for IE6 3px text jog */
	}
.actionform .leftlabel .element {
	margin-left: 150px; /* 33% */
	}
.actionform .leftlabel label {
	width: 150px; /* 33% */
	float: left;
	}
.actionform .rightlabel label {
	width: auto;
	float: none;
	}
.actionform .toplabel label {
	margin-bottom: 5px;
	}
.actionform .toplabel element {
	clear: left;
	}
.actionform .leftlabel {
	clear: left;
	}
.actionform .action a {
	background-color: #fff;
	}


.servicemenu {
	/*border: 1px solid #eee;
	padding: 5px 10px;*/
	overflow: hidden;
	padding-top: 0px;
	}
.servicemenu .action {
	/*background-color: #ddd;
	width: 120px;*/
	float: left;
	/*margin: 0 5px 5px 0;*/
	font-size: 12px;
	border: 1px solid white;
	}
.servicemenu .action a {
	border: none;
	/*border-left-color: #eee;
	border-top-color: #eee;
	font-weight: bold;*/
	white-space: nowrap;
	padding-top: 6px;/**/
	padding-bottom: 6px;
	}
.servicemenu .action a:hover {
	/**/border: none;
	}
.servicemenu a.ico {
	padding-left: 25px;
	background-position: 5px 6px;
	}
.actionmenu {
	/*line-height: 85%;
	font-size: 85%;*/
	}
.servicemenu .selected {
	border-color: #ddd;
	}
.actionmenu .selected {
	background-color: #eee;
	background-image: none;
	}
.actionmenu .selected a {
	border-color: #eee;
	/*border-top-color: #ddd;*/
	}
.horizontal {
	overflow: hidden;
	}
.horizontal li,
.horizontal p,
.horizontal div {
        float: left;
        margin-right: 5px;
        }

.action {
	font-size: 85%;

	/*padding: 0 0 5px 0;
	background: url(/images/nagi/actionback.gif) repeat-x;*/
	}
.action a {
	display: block;
	border: 1px solid #ddd;
	/*border: 1px solid #eee;
	background: url(/images/nagi/action_addalbum.gif) no-repeat 5px 3px;*/
	padding: 3px 10px;
	/*color: #999;
	color: #aaa;
	text-decoration: none;*/
	/*padding-left: 25px;*/
	}
.action a:hover {
	border: 1px solid red;
	color: red;
	}
a.ico {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 5px 3px;
	}
/*.icononly a {
	width: 1px;
	padding-right: 3px;
	overflow: hidden;
	color: #fff;
	}
.icononly a:hover {
	color: #fff;
	}
.icononly a * {
	display: block;
	width: 1px;
	overflow: hidden;
	white-space: nowrap;
	}*/
.action a.check { background-image: url(/images/nagi/action_check_off.gif); }
.action a.edit { background-image: url(/images/nagi/action_edit.gif); }
.action a.delete { background-image: url(/images/nagi/action_delete.gif); }
.action a.removealbum { background-image: url(/images/nagi/action_removealbum.gif); }
.action a.buy { background-image: url(/images/nagi/action_addtocart.gif); }
.action a.mobile { background-image: url(/images/nagi/action_mobile.gif); }
.action a.stuff { background-image: url(/images/nagi/action_buystuff.gif); }
.action a.ecard { background-image: url(/images/nagi/action_ecard.gif); }
.action a.album { background-image: url(/images/nagi/action_album.gif); }
/*.action a.albumcover { background-image: url(/images/nagi/action_albumcover.gif); }*/
.action a.photo { background-image: url(/images/nagi/action_photo.gif); }
.action a.activephoto { background-image: url(/images/nagi/action_photo_on.gif); }
.action a.zoom { background-image: url(/images/nagi/action_zoom.gif); }
.action a.addto { background-image: url(/images/nagi/action_managealbums.gif); }
.action a.addalbum { background-image: url(/images/nagi/action_addalbum.gif); }
.action a.addimages { background-image: url(/images/nagi/action_addphotos.gif); }
.action a.slideshow { background-image: url(/images/nagi/action_slideshow.gif); }
.action a.browse { background-image: url(/images/nagi/action_browse.gif); }
.action a.comment { background-image: url(/images/nagi/action_comment.gif); }
.action a.addfriend { background-image: url(/images/nagi/action_addfriend.gif); }
.action a.friends { background-image: url(/images/nagi/action_friends.gif); }
.action a.friendsoffriends { background-image: url(/images/nagi/action_friendsoffriends.gif); }
.action a.checkfriend { background-image: url(/images/nagi/action_checkfriend_off.gif); }
.action a.favourite { background-image: url(/images/nagi/action_favourite.gif); }
.action a.cover { background-image: url(/images/nagi/action_cover.gif); }
.action a.activefriend { background-image: url(/images/nagi/action_checkfriend_on.gif); }
.action a.sendmessage { background-image: url(/images/nagi/action_sendmail.gif); }
.action a.ratepositive { background-image: url(/images/nagi/action_rate_positive.gif); }
.action a.ratenegative { background-image: url(/images/nagi/action_rate_negative.gif); }
.action a.group_add { background-image: url(/images/nagi/ico_group_add.gif); }


.action a.delphotos { background-image: url(/images/nagi/action_delphotos.gif); }
.action a.delmail { background-image: url(/images/nagi/action_delmail.gif); }
.action a.delalbum { background-image: url(/images/nagi/action_delalbum.gif); }
.action a.delfriend { background-image: url(/images/nagi/action_removefriend.gif); }
.action a.mobile { background-image: url(/images/nagi/action_mobile.gif); }

.on a.check { background-image: url(/images/nagi/action_check_on.gif); }
.on a.checkfriend { background-image: url(/images/nagi/action_checkfriend_on.gif); }
.on a.favourite { background-image: url(/images/nagi/action_favourite_on.gif); }
.on a.cover { background-image: url(/images/nagi/action_cover_on.gif); }

/*.on a.albumcover { background-image: url(/images/nagi/action_albumcover_active.gif); }*/
.action a.ratepositive { background-image: url(/images/nagi/action_rate_positive.gif); }
.action a.ratenegative { background-image: url(/images/nagi/action_rate_negative.gif); }


p.shortcuts {
	float: right;
	padding-top: 5px;
	font-size: 85%;
	}
p.shortcuts a {
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding-left: 20px;
	margin-left: 10px;
	}
a.slideshow { background-image: url(/images/nagi/action_slideshow.gif); }
a.sendmail { background-image: url(/images/nagi/action_sendmail.gif); }
a.favourite { background-image: url(/images/nagi/action_favourite.gif); }



.importante {
	border: 1px solid #00cc00;
	background-color: #e6ffc9;
	}
.importante small {
	color: #00cc00;
	}



.progressbar {
	width: 80px;
	margin-top: 6px;
	margin-right: 5px;
	background-color: #fff;
	border: 1px solid #aaa;
	float: left;
	}
.progressbar span {
	display: block;
	height: 5px;
	background-color: #aaa;
	overflow: hidden;
	}
.highlight .progressbar {
	border-color: red;
	}
.highlight .progressbar span {
	background-color: red;
	}



.datatable {
	border-collapse: collapse;
	}
.datatable th {
	font-size: 85%;
	color: #aaa;
	padding: 5px 10px 5px 0;
	border-bottom: 1px solid #ddd;
	}
.datatable td {
	padding: 5px 10px 5px 0;
	border-bottom: 1px solid #ddd;
	}
.datatable td.filled {
	padding: 0 10px 0 0;
	}
.datatable .padded {
	padding-left: 10px;
	}
.datatable .colored td,
.datatable .colored th {
	background-color: #eee;
	}
.datatable td img {
	display: block;
	}
.datatable tr.selected {
	/*background-color: #ffff57;
	background-color: #ddd;
	background-image: url(/images/nagi/formback_footer.gif);
	background-repeat: repeat-y;*/
	background-color: #ddd;
	}



.textads {
	border: 1px solid #ddd;
	/* position: relative; */
	}
.nohead {
	padding-top: 10px;
	}
.textads .aditem {
	padding: 0 10px 10px 10px;
	}
.textads h4 {
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .4em;
	color: #999;
	font-size: 85%;
	padding: 5px 10px 10px 10px;
	}
.horizontal .aditem {
	}

#sidebar .textads {
	align: center;
	text-align: center;
}

#sidebar .textads .aditem {
	padding: 0px 0px 10px 0px;
	margin: 0px 5px 0px 5px;
	width: 108px;
	overflow: hidden;
	text-align: center;
	align: center;
}

.compact #sidebar .textads {
	visibility: hidden;
}

.adblock {
	padding: 10px 20px 5px 25px;
	border: 1px solid #FFCC33;
	background-color: #FFFFCC;
	margin-bottom: 5px;
	}
.adblock .aditem {
	margin-bottom: 5px;
	padding-left: 20px;
	}
.adblock .go {
	background: url(/images/nagi/adblock_go.gif) no-repeat 0 1px;
	}


.ratescale { line-height: 10px; }
.ratescale img { margin: 1px 1px 0 1px; }
.ratescale .score { font-weight: bold; margin-left: 0px; color: #000; }
.ratescale .positive { color: red; }
.ratescale .negative { color: blue; }
.ratescale .votes { color: #aaa; }
.rating { padding-right: 80px; background: url(/images/nagi/ratescale_arrow.gif) no-repeat right center; }




.infoblock {
	padding: 10px 20px 5px 38px;
	border: 1px solid #FFCC33;
	background: #FFFFCC url(/images/nagi/index_info.gif) no-repeat 10px 7px;
	margin-bottom: 5px;
	}
.infoblock h1 {
	font-size: 107%;
	margin-bottom: 10px;
	color: #ff9933;
	}


#sitebar {
       background: #ddd url(/images/nagi/sitebar_back.gif) left bottom repeat-x;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       width: 100%;
       border-collapse: collapse;
       }
#sitebar a {
       display: block;
       padding: 9px 11px;
       text-decoration: none;
       color: #eee;
       font-weight: bold;
       font-size: 10px;
       line-height: normal;
       }
#sitebar .selected a {
       background: #fff;
       border-bottom: 1px solid #ddd;
       padding-bottom: 8px;
       color: #000;
       }


/* HACKS FOR IE */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .details dt {
	margin-right: 5px;
	}
* html .details dd {
	height: 1%;
	margin-left: 95px;
	}
* html #sidebar {
	margin-right: 7px;
	}
* html #content {
	height: 1%;
	margin-left: 0;
	}
* html .clear {
	height: 1%;
	}
* html .imagelog a .picture {
	margin-right: 7px;
	}
* html .square a .picture {
	margin-right: 2px;
	}
* html .imagelog a strong,
* html .imagelog a .author,
* html .imagelog a .details,
* html .imagelog a .date {
	height: 1%;
	margin-left: 0;
	}
* html .pageindex dd {
	height: 1%;
	margin-left: 0;	
	}
* html .pageindex dt {
	margin-right: 10px;
	}
* html .userinfo {
	background-position: -5px 0;
	}
/* End hide from IE5/mac */


.textfloatads {
	float: left;
	width: 100%;
}

.textfloatads .aditem {
	float: left;
	width: 31%;
	padding-right: 1%;
}

.rightads {
	float: right;
	width: 180px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#FooterAds {
	border: 1px solid #ddd;
	float: none;
	width: 99%;
	height: 200px;
	clear: both;
	margin-left: 0px;
	padding-left: 0px;
}

#FooterAds .aditem {
	float: left;
	width: 22%;
	min-width: 200px;
	padding-left: 1%;
	padding-right: 1%;
}

#sendmessage .block0 {padding-top: 15px; padding-left: 15px; width: 97%;clear: left; }
#sendmessage .block0 input, #sendmessage .block0 textarea { width: 97%;}
#sendmessage .block0 label { display:block; align: left;}

#topheader {
	background: #fff;
	height: 90px;
	width: 100%;
	text-align: center;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
}

.ratescale { line-height: 10px; }
.ratescale img { margin: 1px 1px 0 1px; }
.ratescale .score { font-weight: bold; margin-left: 0px; color: #000; }
.ratescale .positive { color: red; }
.ratescale .negative { color: blue; }
.ratescale .votes { color: #aaa; }
.rating { padding-right: 80px; background: url(/images/nagi/ratescale_arrow.gif) no-repeat right center; }

.kitems {height:22px; FONT-SIZE: 11px; VERTICAL-ALIGN: top; COLOR: #000000; FONT-FAMILY: Tahoma; padding:3px;}
.kitem {padding: 2px 3px; float:left; margin:1px 1px 1px 5px; border:0 none; text-decoration:none}
.kitem2 {float:right; margin:1px 1px 1px 5px; border:0 none; height:16px; padding:2px 3px; text-decoration:none;}
.kitem3 {padding: 2px 3px; margin:1px 1px 1px 5px; border:0 none; text-decoration:none; height:22px;}
.kitem:hover, .kitem2:hover, .kitem3:hover {background:#f2f2f2; border:1px #e5e5e5 solid; margin:0 0 0 4px;}

.kbutton {background:url('http://static1.keskus.ee/images/keskus_widget.png') no-repeat; padding-left: 20px; display:block; heighgt:16px; line-height:16px; cursor:pointer;}
.kbutton.email {background-position:0 -16px;}
.kbutton.digg {background-position:0 0;}
.kbutton.fb {background-position:0 -32px;}
.kbutton.bookmark {background-position:0 -64px;}
.kbutton.keskus {background-position:0 -80px;}
.kbutton.twitter {background-position:0 -48px;}
.kbutton.mob {background-position:0 -96px;}