body {
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 11px Tahoma,Arial,Helvetica,sans-serif;
	background-color: #e2e2e2;
	/*background-image: url(../images/bg/background_tile );*/
	background-repeat: repeat;
}

h1, h2 { color: #c3c3c3; }
img { border: none; }	

@font-face {
 font-family: 'daazo_bold';
 src: url(../truetype/VAG_Rounded_Bold_HU.ttf); /* TTF file for CSS3 browsers */}

@font-face {
 font-family: 'daazo_thin';
 src: url(../truetype/VAG_Rounded_Thin.ttf); /* TTF file for CSS3 browsers */}
 
@font-face {
 font-family: 'daazo_bold_spec';
 src: url(../truetype/1E970D_0_0.ttf); /* TTF file for CSS3 browsers */} 

@font-face {
 font-family: 'daazo_thin_spec';
 src: url(../truetype/1E970D_1_0.ttf); /* TTF file for CSS3 browsers */} 

#cboxContent {background: #F7F1E8 !important;}
#cboxContent INPUT[type="text"],
#cboxContent TEXTAREA,
#cboxContent INPUT[type="password"] {width: 400px;}
#cboxContent LABEL {font-size: 18px; font-weight: bold; }

.config, .configuration { display: none; }
.fl {float: left;}
.fr {float: right;}
.display-block {display: block;}
.hidden {display: none;}
.center {text-align:center;}
.clear { clear: both; }
.white-bg {background: #fff;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pl10 {padding-left: 10px !important;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.dark {color: #555;}

A {color: #6CB8DC;}
INPUT[type="text"],TEXTAREA,INPUT[type="password"] { -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;color: #575757; font-size: 13px; font-family:Tahoma; padding:5px; border: 1px solid #ede7de; height:30px; }


.invisible { filter: alpha(opacity=0); opacity: 0; }

#page { z-index:1; width:100%; border: 0px solid #C9E0ED; background-image: url( https://s3-eu-west-1.amazonaws.com/dzfiles/images/bg/default_background_image ); background-position: center -90px; background-repeat: repeat-y; }
#page.main { }
#page #headline { background-color:#282828;left:0; height: 50px; position: absolute; border-top: 1px solid #8c8c8c; width: 100%; }

#header { z-index:17000;width:980px; margin: 0 auto; padding: 0; border-top: 1px solid #8c8c8c; position: relative;}
div.content {  z-index:0; margin: 0 auto; position: relative; width: 100%; overflow:hidden; }

#footer { position: relative; background-color:#313131; height: auto; width: 100%; padding: 0; margin: 0; overflow:hidden;}

#footer div.menuContainer {  background-image: url(../images/footerleftfloat.png); background-position: -145px 0; background-repeat: no-repeat; position: relative; width: 980px; height: 34px; margin:auto; padding-top:29px; padding-bottom: 29px; }
#footer div.banners { position: relative; width:100%; height: 179px; background-color: #141414; }
#footer div.menu { position:relative; width:862px; margin-left:118px; height: 34px; }
#footer div.menu ul li { display: inline; border-right: 1px solid #414141; height: 34px; padding-top:10px; padding-bottom:10px;}
#footer div.menu ul li.last { display: inline; border-right: none; }
#footer div.menu ul li.last div.item{ display: inline; border-right: none; }
#footer div.menu .cmenuitems { background-color: #fff; }
#footer div.menu ul li a { color:#6cb8dd; background-color:transparent; font-family: Tahoma; font-size:13px; font-weight:normal; text-decoration:none; padding:10px 20px; }
#footer div.menu ul { padding:6px 20px 5px 20px; margin:0px; }
#footer div.menu ul li a:hover, #footer div.menu ul li.active a { color: #6cb8dd; text-decoration:underline; }
#footer div.copyright { position: absolute; right:20px; top:36px; color:#818181; font-family: Tahoma; font-size: 13px;  }
#footer div.rss { position: absolute; right:210px; top:8px; width:16px; height: 15px; background-image: url(../images/userinterface.png); background-position: -145px -36px;  }

#logo { position: absolute; left:0; top:0;  cursor: pointer; background-image: url(../images/logo133x64.png); width: 133px; height: 64px; z-index: 10; }
#logo:hover { background-position: 0 -65px; }

/** MENU in daazo-moz.css  **/

#header input.search {  z-index: 20001; position: absolute; padding: 4px; width:188px; height: 19px; margin: 0;  border: none; right: 0; top:20px; background-image: url(../images/searchinputbg196x27.png); -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}

div.content div.portfolio_menu { position: relative; background-color: #e2e2e2; height: 76px; overflow: hidden; border-bottom:5px solid white; }
div.content div.portfolio_menu div.menubar { width:960px; position: relative; height: 76px; margin:0 auto; margin-top:10px; padding-left:25px; overflow: hidden;  }
div.content div.portfolio_menu div.menubar div.settings { position: absolute; background-image: url(../images/userinterface.png); width: 124px; height: 31px; background-position: 0 -186px; overflow: hidden; right:0; bottom:30px; cursor: pointer; }
div.content div.portfolio_menu div.menubar div.settings:hover { background-position: 0 -217px; }

div.content div.portfolio_menu div.item { font-family: 'daazo_thin'; color:#313131; font-size: 16px; float:left; padding-left:41px; padding-right: 20px; position:relative; margin-right:6px; background-color: #d4d4d4; height: 46px; padding-top:14px;margin-top:10px;}
div.content div.portfolio_menu div.item:hover,
div.content div.portfolio_menu LI.active div.item:HOVER { background-color:#bcbcbc; }
div.content div.portfolio_menu LI.active div.item { background: #fff ; }

div.content div.portfolio_menu div.item a { color:#313131; text-decoration: none; }
div.content div.portfolio_menu div.item div.icon { width:18px; height: 18px; position: absolute; left:11px; background-image: url(../images/portfoliomenuicons18x18.png); overflow: hidden;}

div.content div.portfolio_menu div.item div.act { padding-top:3px; height: 15px; cursor: help; text-align: center; color:#fff; font-size: 12px; font-family: 'daazo_bold'; }
div.content div.portfolio_menu div.item div.inactive-act { padding-top:3px; height: 15px;  text-align: center; color:#fff; font-size: 12px; font-family: 'daazo_bold'; background-position: -54px 0px; }
div.content div.portfolio_menu .active div.item  div.inactive-act {background-position: -54px -18px; }


div.content div.portfolio_menu div.item div.prt { background-position: -18px -18px;  }
div.content div.portfolio_menu .active div.item div.prt { background-position: -18px 0;  }
div.content div.portfolio_menu div.item div.fvr { background-position: -36px 0; }
div.content div.portfolio_menu .active div.item div.fvr { background-position: -36px -18px; }

div.content div.portfolio_menu div.item div.tl { position: absolute; top:0; left:0; width: 10px; height: 10px; background-image: url(../images/portfoliomenuround10x10.png); overflow: hidden; }
div.content div.portfolio_menu div.item div.tr { position: absolute; top:0; right:0; width: 10px; height: 10px; background-image: url(../images/portfoliomenuround10x10.png); background-position: 10px 0; overflow: hidden;  }

div.content div.portfolio_menu ul li { display: inline; border-right: 0px solid #414141; height: 50px; }

div.content div.portfolio_header { position: relative; width: 980px; height: 213px; }
div.content div.portfolio_header div.title { position: absolute; width: 305px; left: 335px; top: 48px; font-size: 40px; line-height: 44px; font-family: 'daazo_bold_spec'; padding-bottom: 10px; border-bottom: 2px solid #D4D3D1; }

div.content div.portfolio_header .follow { left:335px;  position: relative; top: 165px; }
div.content div.portfolio_header .followed { left:335px; position:relative; top: 165px; }
div.content div.portfolio_header .like { left:507px; position: relative; top: 135px; }
div.content div.portfolio_header .liked { left:507px; position: relative; top: 135px; }

/* pages */
div.content div.pages { position: relative; width:980px; margin: 0 auto; margin-bottom: 30px; /* overflow: hidden; */ }
div.content div.pages.oh { overflow: hidden; } 
div.content div.page_middle { position: relative; height: 100%; width: 980px; background-image: none; background-color: white; overflow: hidden; padding-top: 10px; /* padding-bottom: 20px; */
	-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.3 );
	-moz-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.3 );
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.3 );
}
div.white { background-color: white; }

div.flash-error, div.flash-notice, div.flash-success {
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}
div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

.all-rounded-5px {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.all-rounded-10px {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.all-rounded-20px {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.left-rounded-5px {
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;	
}

.left-rounded-10px {
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;	
}

.right-rounded-5px {
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;	
}

.right-rounded-10px {
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;	
}

.top-left-rounded-10px {
	-moz-border-radius: 10px 0px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px;	
}

.top-rounded-5px {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;	
}

.top-rounded-10px {
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;	
}

.bottom-rounded-10px {
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;	
}

.bottom-rounded-5px {
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;	
}

.box-title {
	font-family: daazo_thin;
	font-size: 22px;
	padding: 10px 0px 4px 10px;
}

.stats .icon {
	width: 20px;
	height: 18px;
	float: left;
	margin: 0px 10px 0px 0px;
	cursor: default;
}


/*  ***********************  microsite/contest-related stuff  ********************/
div.content div.microsite  { position: relative; width: 980px; height: 100%; margin: 0px auto 30px auto; }
div.content div.microsite div.page_top { position: relative; height: 250px; z-index: 500; }
div.content div.microsite div.page_top div.microsite_head_holder {position: absolute; left: 30px; top: 45px;}
div.content div.microsite div.page_top div.microsite_title_holder {height:80px;width:600px;overflow:hidden;}
div.content div.microsite div.page_top h1 { color: #282725; font-family: daazo_thin; font-size: 32px;margin:0;padding:0; }
div.content div.microsite div.page_top div.microsite_head_holder div.buttons {margin-top:10px;}
div.content div.microsite div.page_top div.microsite_head_holder div.buttons div.buttonbank { float: left; margin-left: 20px; }
div.content div.microsite div.page_middle { z-index: 300; }
div.content div.microsite.contest div.filmForCompetitionBackground {
	position: absolute;
	width: 320px;
	height: 170px;
	top: 20px;
	right: 0px;
	border: 1px solid #dccab6;
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	opacity: .70;
	background-color: #ccc5bc;
}

div.content div.microsite.contest div.filmForCompetition { position: absolute; width: 300px; height: 150px; top: 31px; right: 11px; }

div.content div.microsite div.submenu { padding-left: 20px; position: absolute; bottom: -1px; }
div.content div.microsite div.submenu a.menuitem {
	float: left;
	height: 14px;
	color: #464646;
	text-decoration: none;
	font-family: daazo_thin;
	font-size: 16px;
	font-weight: bold;
	background-color: #d4d4d4;
	vertical-align: middle;
	padding: 10px 20px 13px 20px;
	border-left: 1px solid #d3d4cf;
	border-top: 1px solid #d3d4cf;
	border-right: 1px solid #d3d4cf;
	margin-right: 5px;
}
div.content div.microsite div.submenu a.menuitem:hover { background-color: #bababa; }

div.content div.microsite div.submenu a.menuitem.active {
	background-color: #fff;
	color: #6cb8dd;
	border-bottom: 1px solid #fff;
}
div.content div.microsite div.submenu a.menuitem.active:hover {}



/* category */
.category { padding: 0 0 10px 10px; }
.category h2.box-title { color: #313131; font-size:35px; padding: 0px 0px 10px 0px; margin:0px; }
.category .leadImage IMG{ width: 630px; display: block; }
.category .description { color: #575757; font-size: 13px; padding: 0px 0px 10px 0px; }
.category .buttons { position: relative; overflow: auto; margin-bottom: 10px; }
.category .buttons .buttonbank.follow,
.category .buttons .buttonbank.followed { float: left; margin-left: 0px; }
.category .buttons .buttonbank.like,
.category .buttons .buttonbank.liked { float: left; margin-left: 10px; }

/* buttonbank */
.buttonbank { font-family: Tahoma; font-weight: bold; font-size: 12px;  overflow: hidden; background-repeat: no-repeat;background: transparent;background-image: url(../images/userinterface.png);border: 0px;cursor: pointer;vertical-align: middle;}
.buttonbank.play {background-position: 0px -248px;}
.buttonbank.views-small { background-position: -145px -18px;width: 19px;height:18px;}
.buttonbank.likes-small { background-position: -145px -0px;	width: 19px;height:18px;}
.buttonbank.films-small { width: 19px;height: 18px;background-position: -166px -0px;	}

/* 'change xxx' buttons are not fully opaque */
.buttonbank.on-profile-widget { position: absolute; top: 10px; right: 10px; -moz-opacity:.60; filter:alpha(opacity=60); opacity: .60;  }
.buttonbank.on-profile-widget:hover { -moz-opacity: 1; filter:alpha(opacity=100); opacity: 1; }

.buttonbank.change-canvas { display: block; width: 140px; height: 30px; background-position: -260px -401px; }
.buttonbank.change-canvas:hover { background-position: -260px -432px; }
.buttonbank.use-default-image { display: block; width: 140px; height: 30px; background-position: 0px -662px; }
.buttonbank.use-default-image:hover { background-position: -140px -662px; }
.buttonbank.followers-small {width: 19px;height: 18px;background-position: -166px -18px; }
.buttonbank.getstarted { width: 196px;height: 44px;background-position: 0px -364px; }
.buttonbank.getstarted:hover { background-position: 0px -320px; }
.buttonbank.enter-film { width: 118px; height: 26px;background-position: 0px -408px; }
.buttonbank.enter-film:hover { background-position: -118px -408px; }
.buttonbank.upload-film { width: 115px; height: 26px;background-position: 0px -434px; }
.buttonbank.upload-film:hover { background-position: -115px -434px; }
.buttonbank.see-all { width: 73px; height: 26px; background-position: 0px -460px; }
.buttonbank.see-all:hover { background-position: -73px -460px; }
.buttonbank.send { width: 83px; height: 30px;background-position: 0px -486px; }	
.buttonbank.send:hover { background-position: -83px -486px; }
.buttonbank.submit { width: 90px; height: 30px; background-position: 0px -516px; }
.buttonbank.submit:hover { background-position: -90px -516px; }
.buttonbank.followed { width: 163px; height: 30px; background-position: 0 -62px; position: relative; }
.buttonbank.follow { width:145px; height: 30px; background-position: 0 0px; position: relative; }
.buttonbank.follow:hover { background-position: 0 -31px; }
.buttonbank.followed div.value { left: 125px; top:8px; position: absolute; width:20px; }
.buttonbank.follow div.value { left: 107px; top:8px; position: absolute; }
.buttonbank.like { height: 30px; background-position: 0 -93px; width: 164px; position: relative; }
.buttonbank.like:hover { background-position: 0 -124px; }
.buttonbank.like div.value { top: 8px; position: absolute; width:20px; left: 90px; position: relative; }
.buttonbank.liked { height: 30px; background-position: 0px -155px; width: 164px; position: relative; }
.buttonbank.liked div.value { left: 96px; top: 8px; position: absolute; }
.buttonbank.p1 { height: 62px;width: 62px;background-position: 0px -568px; }
.buttonbank.p2 { height: 62px;width: 62px;background-position: -62px -568px; }
.buttonbank.p3 { height: 62px;width: 62px;background-position: -124px -568px; }
.buttonbank.edit-blue { background-position: -147px -460px; width: 55px; height: 26px; display: block; }
.buttonbank.edit-blue:hover { background-position: -202px -460px; }
.buttonbank.edit-blue-big { background-position: 0px -632px; width: 55px; height: 30px; display: block; }
.buttonbank.edit-blue-big:hover { background-position: -55px -632px; }
.buttonbank.follow-small { background-position: -190px -516px ; width: 77px; height: 27px; display:block; }
.buttonbank.follow-small:hover { background-position: -267px -516px; display:block;}
.buttonbank.followed-small { background-position: -190px -489px; width:77px; height: 27px; display:block;}
.buttonbank.followed-small:hover { background-position: -267px -489px; }
.buttonbank.yes { display:block; background-position: -200px 0px; height: 27px; width: 73px; }
.buttonbank.no { display:block; background-position: -200px -27px; height: 27px; width: 73px; }
.buttonbank.delete { width: 89px; height: 30px; background-position: -276px 0px;}
.buttonbank.delete:hover { background-position: -276px -30px; }
.buttonbank.delete.disabled { background-position: -276px -60px; }
.buttonbank.editFilm { background-position: -166px -75px; width: 18px; height: 18px; display:block; }
.buttonbank.save { background-position: -276px -91px; width: 81px; height: 30px; display:block; }
.buttonbank.save:hover { background-position: -276px -121px; }
.buttonbank.save-changes { background-position: -276px -247px; width: 106px; height: 30px; display:block; }
.buttonbank.search { background-position: -276px -155px; width: 97px; height: 30px; display:block; }
.buttonbank.search:hover { background-position: -276px -185px; }
.buttonbank.private { background-position: -166px -56px; width: 18px; height: 18px; display: block; cursor: default; }
.buttonbank.pw-protected { background-position: -166px -37px; width: 18px; height: 18px; display: block; cursor: default; }
.buttonbank.facebook { background-position: -166px -94px; width: 16px; height: 15px; display: block; }
.buttonbank.youtube { background-position: -166px -109px; width: 16px; height: 15px; display: block; }
.buttonbank.imdb { background-position: -166px -154px; width: 16px; height: 15px; display: block; }
.buttonbank.twitter { background-position: -166px -124px; width: 16px; height: 15px; display: block; }
.buttonbank.linkedin { background-position: -166px -139px; width: 16px; height: 15px; display: block; }
.buttonbank.icon-edit { background-position: -166px -168px; width: 18px; height: 18px; display: block; }
.buttonbank.icon-edit:hover { background-position: -184px -168px; }
.buttonbank.all-results { background-position: -276px -280px; width: 89px; height: 26px; display: block; }
.buttonbank.all-results:hover { background-position: -276px -306px; }
.buttonbank.alert { background-position: -166px -186px; width: 51px; height: 51px; display: block; }
.buttonbank.pageLeft { background-position: -377px 0px; width: 23px; height: 32px; display: block; float:left; }
.buttonbank.pageLeft.active { background-position: -377px -32px; width: 23px; height: 32px; display: block; float:left; }
.buttonbank.pageLeft.inactive { cursor: default; }
.buttonbank.pageLeft.active:hover { background-position: -377px -64px; }
.buttonbank.pageRight { background-position: -377px -96px; width: 23px; height: 32px; display: block; float:left; }
.buttonbank.pageRight.active { background-position: -377px -128px; width: 23px; height: 32px; display: block; float:left; }
.buttonbank.pageRight.inactive { cursor: default; }
.buttonbank.pageRight.active:hover { background-position: -377px -160px; }
.buttonbank.morePosts { display: block; background-position: -255px -348px; width: 145px; height: 26px; margin: 30px auto; }
.buttonbank.morePosts:hover { display: block; background-position: -255px -374px; }


.text-no-wrap { overflow: hidden;text-overflow: ellipsis;}
.boxcontainer { margin: 0px 0px 0px 10px; }
.content .static.pages { background: white; margin-top: 30px; padding: 10px; }


/* pager */
div.pager {	position: absolute; top: -42px; padding: 7px 7px 0px 7px; right: -1px; background-color: #f8f1e7; border: 1px solid #ece9e2; border-bottom: 1px solid #f8f1e7; border-radius: 10px 10px 0px 0px; /* CSS3 */-moz-border-radius: 10px 10px 0px 0px; /* Firefox */-webkit-border-radius: 10px 10px 0px 0px; /* Safari, Chrome */}
div.pager div.leftButton { width: 23px; height: 32px; background: url( '../images/pager_buttons.png' ) no-repeat 0px -32px;overflow: hidden;border: 1px solid #ece9e2;border-radius: 10px 0px 0px 10px; /* CSS3 */-moz-border-radius: 10px 0px 0px 10px; /* Firefox */-webkit-border-radius: 10px 0px 0px 10px; /* Safari, Chrome */}
div.pager div.leftButton:hover { background-position: 0px -64px;cursor: pointer;}
div.pager div.leftButton.inactive { background-position: 0px 0px;}
div.pager div.leftButton.inactive:hover { cursor: default;}
div.pager div.rightButton { width: 23px; height: 32px; background: url( '../images/pager_buttons.png' ) no-repeat 0px -128px;overflow: hidden;border: 1px solid #ece9e2;border-radius: 0px 10px 10px 0px; /* CSS3 */-moz-border-radius: 0px 10px 10px 0px; /* Firefox */-webkit-border-radius: 0px 10px 10px 0px; /* Safari, Chrome */}
div.pager div.rightButton.active { background-position: 0px -128px; }
div.pager div.rightButton.active:hover { background-position: 0px -160px; cursor: pointer;}
div.pager div.rightButton.inactive { background-position: 0px -96px;}
div.pager div.rightButton.inactive:hover { cursor: default; }
div.pager div.pageNum { background-color: #fff; text-align: center; width: 60px; height: 24px; padding-top: 8px; font-weight: bold; font-size: 13px; border-top: 1px solid #ece9e2; border-bottom: 1px solid #ece9e2 }


/* ordering */
div.ordering { font-family: daazo_thin; font-size: 14px; padding-top: 1px; margin-left: 3px; margin-right: 10px; }
div.ordering div.label { padding: 7px 3px 0px 0px; }
div.ordering div.designSelect { position: relative; width: 150px; height: 30px; background: url( ../images/userinterface.png ) no-repeat -250px -552px; border: 1px solid #ebe8e3; }
div.ordering div.designSelect:hover { background-position: -250px -582px; }
div.ordering div.designSelect div.selectedValue { position: absolute; top: 7px; left: 6px; }
div.ordering div.designSelect select { position: absolute; top: 0px; left: 0px; width: 150px; height: 32px; }

/* image change form */
.vertical-spacer-10 { height: 10px; }
.vertical-spacer-20 { height: 20px; }

.image-change-form { padding: 20px; }
.image-change-form .image-container { width: 150px; border: solid 5px white; padding: 5px; margin-right: 10px; }
.image-change-form .image-container img { width: 150px; }
.image-change-form .right-column .label { width: 210px; font-size: 14px; }

.image-change-form.background-image { height: 280px; }
.image-change-form.background-image .image-container { height: 280px; } 
.image-change-form.background-image .right-column .label { padding: 20px 0px 10px 20px; } 
.image-change-form.background-image .image-buttons { margin: 30px 0px 0px 50px; }
.image-change-form.background-image .loader-anim { margin: 60px 0px 0px 90px !important; }

.image-change-form.profile-image { height: 150px; }
.image-change-form.profile-image .image-container { height: 150px; }
.image-change-form.profile-image .image-container img { height: 150px; }
.image-change-form.profile-image .right-column .label { padding: 0px 0px 10px 20px; } 
.image-change-form.profile-image .image-buttons { margin: 10px 0px 0px 50px; }
.image-change-form.profile-image .loader-anim { margin: 30px 0px 0px 90px !important; }

.listEmptyMessage { font-family: daazo_thin; font-size: 16px; margin: 10px 10px 10px 10px; }

/* common item-related thins */
.item a { text-decoration: none; }
.item .avatar { width: 100%; height: 90px; display: block; overflow: hidden; position: relative; background-repeat: no-repeat; }
.item .avatar.user { background-position: -40px 0px; }

/* loader anim in a div */
.loader-anim { width: 43px; height: 11px; background: url( ../images/ajax-loader-hor-blue.gif ) no-repeat; }
.in-progress .loader-anim { margin: 25px 15px 15px 25px !important; }

/* fb connect button in a colorbox */
#colorbox .fb_login_widget { width: 200px; }
#colorbox .fb-login-box { position: relative; left: 190px; top: 0px; }


div.abs{position:absolute;width:1px;height:1px;z-index:10;}
div.iconAct{ background-image: url(../images/portfoliomenuicons18x18.png);width:18px;height:18px;position:relative;z-index:800000; }
#itemProfile .item .iconAct{left:70px;top:0;}
#menuActivity .item .iconAct{left:100px;top:0;}