
/* GENERAL TAG STYLING */
body {
	margin: 0;
	padding: 0;
	background:transparent url("/img/blank.gif") no-repeat left;
	background-color:none;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  color:#fff;
  font-size:13px;  
}
a {
	color: #fff;
	text-decoration: underline;
	}
a:hover {
	/*color: red;
	text-decoration: underline;*/
	}
a.static {
	color: black;
	text-decoration: none;
	}
a.static:hover {
	color: red;
	}
h1 {
	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: #fff;
	}
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: #fff; }
.boxed { border: 1px solid #ddd; }
.boxed.notop { border-top: none; }
.bg { background-color: #eee; }
.small { font-size: 95%; }
.emptytext { color: #fff; }
.label { color: #fff; }
.ok { color: #00CC00; }
.no, .error { color: red !important; }
.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 */
.dmt { margin-top: 20px; } /* Double-Margin-Top - displays double margin above element */
.fl { float: left !important; }
.fr { float: right !important; }
.rt { border-top: 1px solid #eee; padding-top: 5px; } /* rule top */
.rb { border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px; } /* rule top */
.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;
	background: #eee url(/img/pageback.gif) repeat-x;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1px;
	position: relative;
	}
#header .inner {
	width:980px;
	margin: auto;
	padding-bottom: 5px;
	position: relative;
	}
#header h1#logo {
	float: left;
	padding-right: 10px;
	position: relative;
	z-index: 998;
	margin-top: -4px;
	}
#header #logo img {
	display: block;
	}
#header #usermenu {
	position: absolute;
	z-index: 99;
	right: 10px;
	top: 0px;
	}
#header h1#pagetitle {
	margin-top: -4px;
	float: left;
	/*background: #ccc;
	color: #fff;*/
	color: #fff;
	}



#header .mainmenu {
	position: relative;
	z-index: 999;
	float: left;
	font-weight: bold;
	}
#header .mainmenu li {
	float: left;
	background-image: url(/img/mainmenu_back.gif);
	background-repeat: no-repeat;
	margin-right: 5px;
	}
#header .mainmenu li a {
	display: block;
	padding: 3px 12px 5px 12px;
	background-image: url(/img/mainmenu_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
#upload {
	background-image: url(/img/mainmenu_upload.gif) !important;
	background-position: 6px 3px;
	padding-left: 15px;
	}
#upload a {
	background-image: none !important;
	}



#userinfo2 {
	float: right;
	}
#userinfo2 li {
	float: left;
	background-image: url(/img/usermenu2_back.gif);
	background-repeat: no-repeat;
	margin-right: 5px;
	}
#userinfo2 li.selected { background-image: url(/img/usermenu2_back_on.gif); }
#userinfo2 li a {
	display: block;
	background-image: url(/img/usermenu2_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
#userinfo2 li.selected a { background-image: url(/img/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(/img/action_login.gif) no-repeat 8px 4px;
	padding-left: 28px;
	}
#userinfo2 li.selected strong { background-image: url(/img/action_login_on.gif);padding-bottom: 13px; }



#header #sitesearch {
	float: right;
	padding-right: 10px;
	}
#header #sitesearch fieldset {
	display: inline;
	}
#header #searchkeyword {
	width: 80px;
	}
fieldset {
  border:none;
  border-bottom:2px groove threedface;
}
.buttonbar {
  border:none;
}

#userinfo {
	float: right;
	font-size: 85%;
	background-image: url(/img/usermenu_back.gif);
	background-repeat: repeat-x;
	height: 23px;
	overflow: hidden;
	}
#header #userinfo h3 {
	float: left;
	background-image: url(/img/usermenu_back.gif);
	background-repeat: repeat-x;
	background-position: 0 -22px;
	}
#header #userinfo h3 a {
	display: block;
	padding: 4px 5px 6px 10px;
	background-image: url(/img/usermenu_corner.gif);
	background-repeat: no-repeat;
	}
#header #userinfo ul {
	float: left;
	padding: 4px 10px 6px 10px;
	background-image: url(/img/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(/img/usermenu_corner.gif);
	background-position: 0 -23px;
	background-repeat: no-repeat;
	height: 23px;
	width: 6px;
	}


#banner_top_image,
#banner_top_html {
	padding: 10px 0 0 10px;
	overflow: hidden;
	white-space: nowrap;
	}
#banner_top_image .inner,
#banner_top_html .inner {
	width:980px;
	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;
/*	margin-bottom: 10px; */
	border-bottom: 1px solid #b2b2ff;
	border-top: 1px solid #b2b2ff;
	}
#subheader .subheader {
	width:980px;
	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(/img/header_shopping.gif); }
#subheader .login { background-image:url(/img/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;
	width:960px;
	margin: auto;
	}
.loose {
	clear: both;
	padding: 30px;
	width:980px;
	margin: auto;
	}



#sidebar {
	float: left;
	width: 120px;
	overflow: hidden;
	margin-bottom: 10px;
	}
#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 #sidebarminimize {
	position: static;
	}
.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: #fff;
	font-size: 85%;
	}
#footer p {
	padding: 5px;
	line-height: 160%;
	border-top: 1px solid #ddd;
	}
#footer a, #footer span {
	padding: 5px;
	}



.module {
	overflow: hidden;
	}
.module.boxed {
	padding-top: 5px;
	padding-bottom: 11px;
	}
.module.bg {
	padding: 15px;
	}
/*.decorated {
	padding-top: 0;
	padding-bottom: 5px;
	border: none;
	border: none;
	}*/
.boxed .body {
	/*padding: 5px 10px 0px 10px;*/
	margin: 5px 10px 0px 10px;
	}
.module .tight {
	margin-left: 0 !important;
	}
.boxed .tight {
	margin-left: 10px !important;
	}
.collapsible .tight {
	margin-left: 20px !important;
	}
.boxed .header {
	margin: 5px 10px 0px 10px;
	}






.module h2 {
	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(/img/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;
	}



.pagemessage {
	padding: 3px 10px;
	border: 1px solid #eee;
	margin-bottom: 10px;
	font-size: 85%;
	position: relative;
	}
.pagemessage.confirm {
	border: 1px solid #00cc00;
	padding-left: 25px;
	color: #00cc00;
	background-color: #e6ffc9;
	background-image: url(/img/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(/img/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(/img/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(/img/formback_index.gif);
	position: relative;
	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;
	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(/img/bullet_inactive.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	}
.vmenu.xl a {
	font-size: 107%;
	}
.vmenu .selected {
	background-image: url(/img/bullet_active_hr.gif);
	font-weight: bold;
	}


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



.tabmenu {
	overflow: hidden;
	background: url(/img/module_footerback.gif) repeat-x bottom left;
	list-style:none;
	margin-bottom:0px;
	padding-bottom:0px;
	}
.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(/img/bullet_active.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left: 22px;
	padding-top: 6px;
	color: red;
	}
.tabmenu li.selected a:hover {
	/*color: red;*/
	}
.tabmenu li.label {
	padding: 6px 6px 0 0;
	/*font-size: 85%;*/
	color: #fff;
	}
.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;
	line-height: 133%;
	}
.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: #fff;
	}
.grayed {
	color: #fff;
	}
.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 {
  text-align:center;
  display:block;
  margin-left:110px;
  text-decoration:none;
}
.pager a,
.pager b,
.pager em {
	display: block;
	width: 30px;
	height: 25px;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 25px;
	text-decoration:none;
	}
.pager em {
	color: #fff;
	}
.pager a:hover {
	/*border-color: red;*/
	}
.pager .selected {
	color: #000;
	font-weight: bold;
	width: 30px;
	font-size: 136%;
	background-color: #fff;
	}
.pager .info {
	display: block;
	float: left;
	color: #fff;
	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;
	border:none;
	text-decoration:none;
	}
.pager .blank {
	width: auto;
	padding-left: 0px;
	padding-right: 0px;
	border-color: white;
	}


.comment {
	background-image: url(/img/action_comment.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 18px;
	padding-bottom: 5px;
	clear: left;
	}
.commentdate {
	color: #fff;
	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 .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 {
	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(/img/moduleh_openclose.gif);
	}
.contextmenu .header {
	padding: 0;
	}
.contextmenu #sidebarminimize a:hover { background-position: 0 -30px; }
.compact .contextmenu #sidebarminimize a { background-position: 0 -60px; }
.compact .contextmenu #sidebarminimize a:hover { background-position: 0 -90px; }*/

.clips a {
	display: block;
	text-decoration: none;
	float: left;
	overflow: hidden;
	border: 0px solid #fff;
	padding: 23px;
	width: 120px;
	height: 160px;
	text-align:center;
	}
.clips a:hover {
	text-decoration: none;
	border-color: none;
	}
.clips a .picture {
	display: block;
	position: relative;
	background-color: #fff;
	
	}
.clips a .picture img {
	display: block;
	border:2px solid #fff;
	}
.clips a strong {
	/*display: block;*/
	text-decoration: none;
	font-weight: bold;
	/*font-size: 85%;*/
	margin-bottom: 5px;
	font-size:12px;
	}
.clips a em {
	font-weight: bold;
	font-style: normal;
	}
.clips a .author,
.clips a .details,
.clips a .date {
	/*display: block;*/
	color: #fff;
	font-size: 85%;
	margin-top: .3em;
	}
.clips a .comments {
	background: url(/img/action_comment_highlight.gif) no-repeat 2px 2px;
	padding-left: 18px;
	color: red;
	}
.clips a .date {
	display: block;
	}
.clips a .views {
	background: url(/img/listdetails_views.gif) no-repeat 5px 2px;
	padding-left: 25px;
	color:#fff;
	}
.clips a .length {
	background: url(/img/listdetails_time.gif) no-repeat 0px 1px;
	padding-left: 18px;
	color:#fff;
	}
.clips a .rating {
	display: block;
	}
.clips a .rating b {
	display: block;
	width: 11px;
	height: 9px;
	float: left;
	background: url(/img/ratescale_s.gif) no-repeat 0 -30px;
	}
.clips a .rating b.full {
	background-position: 0 0;
	}
.clips a .rating b.half {
	background-position: 0 -15px;
	}
.clips a .rating em {
	display: none;
	}
.clips .more {clear:both;}
.clips .more a {
	display:block;
	border: 1px solid #ddd;
	width:auto;
	height:auto;
	padding: 3px 10px;
	text-decoration: underline;
	font-size: 85%;
}
.clips .more a:hover {
	/*border: 1px solid red;
	color: red;*/
	}
.sms a {
	padding: 7px;
	width: 120px;
	height: 120px;
	}
.sms a .date,
.sms a .length,
.sms a .views {
	display:none
}





.userinfo {
	background: url(/img/action_friends.gif) no-repeat;
/*	background-position: -6px 0;
	padding-left: 14px;*/
	background-position: -2px 0;
	padding-left:20px;
	}
.userdata .active {
	font-weight: bold;
	background-image: url(/img/action_friends_active.gif);
	}
.userdata .fade {
	background-image: url(/img/action_friends_fade.gif);
	}
.userdata .group {
	font-style: italic;
	background-image: url(/img/action_group.gif) no-repeat;
	color: #fff;
	}




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



.bulleted {
	padding-top: 5px;
	}
.bulleted li,
.freetext ul li {
	padding-left: 14px;
	padding-bottom: 5px;
	background-image: url(/img/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: #fff;
	}



.actionform {
	background-color: transparent;
	overflow:hidden;
	background-image: url(/img/formback_body.gif);
	background-repeat: repeat-y;
	}
.actionform .formsection {
	padding: 0px 0px 5px 15px;
	border: 1px solid #ddd;
	background: transparent;
	}
.actionform .buttonbar {
	padding: 5px 15px;
	background-color: none;
	}
.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;
	border:none;
	}
.actionform fieldset h3,
.actionform fieldset h2 {
	padding-bottom: 3px;
	margin-bottom: 10px;
	}
.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: 10px 15px 0 15px;
	}
.actionform .error {
	color: red !important;
	font-weight: bold;
	font-style: normal;
	}
.actionform .instruction {
	line-height: normal;
	font-size: 107%;
	margin-bottom: 10px;
	}
.actionform .hint {
	line-height: normal;
	font-size: 85%;
	/*padding: 8px 0;*/
	color: #999;
	}
.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: 140px; /* 33% */
	float: left;
	text-align: right;
	padding-right: 10px;
	}
.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;
	}




.actionmenu .selected {
	background-image: none;
	}
.actionmenu .selected a {
	background-color: #eee;
	border-color: #ddd;
	}
.horizontal {
	overflow: hidden;
	}
.horizontal li,
.horizontal p,
.horizontal div {
	float: left;
	margin-right: 5px;
	}
.action {
	font-size: 85%;
	}
.action a {
	display: block;
	border: 1px solid #ddd;
	padding: 3px 10px;
	}
.action a:hover {
	/*border: 1px solid red;
	color: red;*/
	}
a.ico {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 5px 3px;
	}
.action a.check { background-image: url(/img/action_check_off.gif); }
.action a.edit { background-image: url(/img/action_edit.gif); }
.action a.delete { background-image: url(/img/action_delete.gif); }
.action a.removealbum { background-image: url(/img/action_removealbum.gif); }
.action a.buy { background-image: url(/img/action_addtocart.gif); }
.action a.mobile { background-image: url(/img/action_mobile.gif); }
.action a.stuff { background-image: url(/img/action_buystuff.gif); }
.action a.ecard { background-image: url(/img/action_ecard.gif); }
.action a.album { background-image: url(/img/action_album.gif); }
.action a.photo { background-image: url(/img/action_photo.gif); }
.action a.zoom { background-image: url(/img/action_zoom.gif); }
.action a.addto { background-image: url(/img/action_managealbums.gif); }
.action a.addalbum { background-image: url(/img/action_addalbum.gif); }
.action a.addimages { background-image: url(/img/action_addphotos.gif); }
.action a.slideshow { background-image: url(/img/action_slideshow.gif); }
.action a.browse { background-image: url(/img/action_browse.gif); }
.action a.comment { background-image: url(/img/action_comment.gif); }
.action a.addfriend { background-image: url(/img/action_addfriend.gif); }
.action a.friends { background-image: url(/img/action_friends.gif); }
.action a.checkfriend { background-image: url(/img/action_checkfriend_off.gif); }
.action a.favourite { background-image: url(/img/action_favourite.gif); }
.action a.cover { background-image: url(/img/action_cover.gif); }
.action a.sendmessage { background-image: url(/img/action_sendmail.gif); }
.action a.ratepositive { background-image: url(/img/action_rate_positive.gif); }
.action a.ratenegative { background-image: url(/img/action_rate_negative.gif); }


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




.ratescale {
	border: 1px solid #ddd;
	padding: 3px 5px;
	}
.ratescale .label {
	float: left;
	padding-right: 5px;
	}
.ratescale .buttons {
	float: left;
	}
.ratescale .buttons .button {
	padding: 0 2px;
	display: block;
	float:left;
	width: 17px;
	height: 17px;
	background: url(/img/ratescale.gif) no-repeat 0 -60px;
	}
.ratescale .buttons .half {
	background-position: 0 -30px;
	}
.ratescale .buttons .full {
	background-position: 0 0;
	}
.ratescale .button em {
	display: none;
	}



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(/img/action_slideshow.gif); }
a.sendmail { background-image: url(/img/action_sendmail.gif); }
a.favourite { background-image: url(/img/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 #fff;
	float: left;
	}
.progressbar span {
	display: block;
	height: 5px;
	background-color: #fff;
	overflow: hidden;
	}
.highlight .progressbar {
	border-color: red;
	}
.highlight .progressbar span {
	background-color: red;
	}



.datatable {
	border-collapse: collapse;
	}
.datatable th {
	font-size: 85%;
	color: #fff;
	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: #ddd;
	}



.textads {
	border: 1px solid #ddd;
	position: relative
	}
.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 {
	}



.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(/img/adblock_go.gif) no-repeat 0 1px;
	}

#player, #recorder {
  margin:0px;
}


/* 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 .columns2 .first {
	margin-left: 7px;
	}
* html .columns2 .second {
	height: 1%;
	margin-right: 0;
	}
* html .columns .first {
	margin-right: 7px;
	}
* html .columns .second {
	height: 1%;
	margin-left: 0;
	}
* html .userinfo {
        background-position: -5px 0;
        }
/* End hide from IE5/mac */

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

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

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


.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 strong {
	text-decoration: underline;
	font-size: 85%;
	font-weight: normal;
	/*margin-bottom: 5px;*/
	}
/*.active a strong {
	font-weight: bold;
	}*/
.friendlist a .group {
	color: black;
	font-size: 85%;
	display: block;
	}
.friendlist a .details {
	color: #fff;
	/*color: #000;*/
	font-size: 85%;
	padding-right: 0px;
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	}
.friendlist a .pictures {
	background: url(/img/action_photo.gif) no-repeat;
	padding-left: 20px;
	}
.friendlist a .albums {
	background: url(/img/action_album.gif) no-repeat;
	padding-left: 20px;
	}
.friendlist a .friends {
	background: url(/img/action_friends.gif) no-repeat;
	padding-left: 20px;
	white-space: nowrap;
	}

.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: #fff;
	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;
       }
.smallpics a {
	width: 238px;
	height: 122px;
	}
.smallpics a .picture {
	width: 120px;
	height: 120px;
	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: 130px;
	}
.smallpics a .ratescale {
        margin-left: 130px;
        }

.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: #fff;
	}
.albumthumbs a .details {
	display: block;
	font-size: 85%;
	margin-top: 1px;
	}

#sitebar, #sitebar table, #sitebar td, #sitebar tr {padding:0; margin:0;border-collapse:collapse}
#sitebar {
       background: #ddd url(/img/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;
       }

#ratescale_form {
    border:none;
}
#ratescale_fieldset {
    border:none;
}
