/* ----- reset ----- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 11px;
    font-family: Verdana;
    vertical-align: baseline;
    text-align: left;
}

:focus 
{
    outline: 0;
}

body 
{
    line-height: 1;
    color: black;
    background: white;
}

ol, ul 
{
    list-style: none;
}

table 
{
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td 
{
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after 
{
    content: "";
}

blockquote, q 
{
    quotes: "" "";
}
/* ----- milkbox ----- */
#mbOverlay 
{
    position: absolute;
    left: 0;
    width:100%;
    background-color: #000;
    z-index:100;
    cursor: pointer;
}

#mbCenter 
{
    position: absolute;
    z-index:101;
    overflow:hidden;
    left: 50%;
    top:10%;
    background-color: #fff;
    border: 5px solid #fff;
    margin:0; padding:5px;
}

.mbLoading
{ 
    background: #fff url(/resources/libs/milkbox/2.3.0/images/loading.gif) no-repeat center; 
}

#mbCanvas
{ 
    margin:0; 
    padding:0; 
    height:0; 
    border:none; 
    font-size:0; 
    overflow:hidden; 
}

.clear
{ 
    clear:both; 
    height:0; 
    margin:0; 
    padding:0; 
    font-size:0; 
    overflow:hidden; 
}
    
#mbBottom 
{ 
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    padding-top:8px;
    margin:0;
}

#mbNavigation
{
    float:right;
    width:27px;
    padding-top:3px;
    border-left:1px solid #9c9c9c;
}

#mbCount
{ 
    width:55px; 
    overflow:hidden;
    padding-top:1px;
    float:right;
    text-align:right;
    font-size:9px;
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause
{
    outline:none;
    display:block;
    float:right;
    height:19px;
    cursor: pointer;
}

#mbPrevLink, #mbNextLink
{ 
    width:15px; 
}

#mbPrevLink
{ 
    background: transparent url(/resources/libs/milkbox/2.3.0/images/prev.gif) no-repeat;
}

#mbNextLink
{ 
    background: transparent url(/resources/libs/milkbox/2.3.0/images/next.gif) no-repeat; 
}

#mbPlayPause
{ 
    width:13px; 
}
#mbPlayPause
{ 
    background: transparent url(/resources/libs/milkbox/2.3.0/images/play-pause.gif) no-repeat; 
}

a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover 
{ 
    background-position: 0 -22px; 
}

#mbCloseLink 
{
    width:17px;
    background: transparent url(/resources/libs/milkbox/2.3.0/images/close.gif) no-repeat;
}

#mbDescription
{
    margin-right:27px;
    padding:0px 10px 0 0;
    font-weight: normal;
    text-align:justify;
}
/* ----- global ----- */
html, body
{
    width: 100%;
    height: 100%;
}       

body
{
    text-align: center;
}

input, select, textarea, button
{
    font-family: tahoma;
    font-size: 11px;
    padding: 2px; 
}

a
{
    text-decoration: none;
}
/* ----- global notice ----- */
div.globalNotice
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 2px 0px 2px 0px;
    padding: 4px;
    background-color: #ebe9dd;
    border: 1px solid #d8d6ca;
    overflow: auto;
}

div.globalNotice span
{
    float: right;
    font-size: 9px;
}

div.globalAccept, div.globalError, div.globalIdea, div.globalInfo, div.globalHelp, div.globalWarrning
{
    background-repeat: no-repeat;
    background-position: 4px 2px;
    padding-left: 25px;
}

div.globalAccept
{
    background-color: #b4e1ad;
    background-image: url( /resources/icons/accept.png );
    border-color: #4d9a40;
    color: #4d9a40;
}

div.globalError
{
    background-color: #ffd8d8;
    background-image: url( /resources/icons/exclamation.png );
    border-color: #d64949;
    color: #e12929;
}

div.globalIdea
{
    background-image: url( /resources/icons/lightbulb.png );
}

div.globalInfo
{
    background-image: url( /resources/icons/information.png );
}

div.globalHelp
{
    background-image: url( /resources/icons/help.png );
}

div.globalWarrning
{
    background-color: #feeddb;
    background-image: url( /resources/icons/error.png );
    border-color: #f2b272;
    color: #c63300;
} 

 /* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(/resources/libs/milkbox/2.3.0/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.mbClear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(/resources/libs/milkbox/2.3.0/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(/resources/libs/milkbox/2.3.0/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(/resources/libs/milkbox/2.3.0/play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(/resources/libs/milkbox/2.3.0/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}

 

 body
{
	background-color: #ffffff;
	background-image: url( /frontend/views/default/images/background.png );
	background-position: top;
	background-repeat: repeat-x;
	color: #2e3133;
}

a
{
	color: #2e3133;
}

input, select, textarea
{
	/*background-color: transparent;*/
	color: #80806e;
	/*border: none;*/
}

#ie6update
{
	background-color:#D5EDB4;
	border:1px solid #BDD799;
	margin:18px auto 0;
	padding:15px;
	width:919px;
	margin-bottom: 10px;
}

#ie6update *
{
	font-family: tahoma;
}

#ie6update p
{
	float:left;
	line-height: 1.2;
}

#ie6update strong
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

#ie6update span
{
	float:right;
	width: 360px;
	padding-left: 10px;
}

#ie6update span a
{
	float:left;
	margin-right: 5px;
}

button
{
	background-color: transparent;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: auto;
	overflow: visible;
}

button span
{
	position: relative;
	height: 20px;
	display: block;
	overflow: hidden;
}

button span.bg,
button span.btn_left,
button span.btn_right
{
	background-image: url( /frontend/views/default/images/button.png );
}

button span.btn_left,
button span.btn_right
{
	background-repeat: no-repeat;
	position: absolute;
	width: 50%;
}

button span.btn_left
{
	background-position: 0 -20px;
	left: 0;
}

button span.btn_right
{
	background-position: right bottom;
	right: 0;
}

button span.text
{
	color: #ffffff;
	line-height: 18px;
	z-index: 1;
	padding: 0 8px;
	font-family: tahoma;
}

#container
{
	height: auto !important;
	height: 100%;
	min-height: 100%;

	width: 1000px;
	margin: 0 auto;
	margin-bottom: -103px;
	
	overflow: hidden;
}

#header
{
	background-image: url( /frontend/views/default/images/header.png );
	background-position: 0 0;
	height: 60px;
	margin: 0 3px 18px;
	position: relative;
}

#header .logo
{
	background-image: url( /frontend/views/default/images/header.png );
	background-position: 0 -60px;
	color: transparent;
	display: block;
	height: 100%;
	float: left;
	font-size: 0;
	width: 225px;
}

#header ul
{
	left: 233px;
	position: absolute;
}

#header li
{
	float: left;
	height: 51px;
	position: relative;
	margin-right: 5px;
	overflow: hidden;
}

#header li .top_left,
#header li .top_center,
#header li .top_right
{
	display: block;
}

#header li .top_left,
#header li .top_center,
#header li .top_right
{
	height: 51px;
}

#header li .top_left,
#header li .top_right
{
	position: absolute;
	width: 2px;
	top: 0 !important;
}

#header li .top_left
{
	left: 0;
}

#header li .top_center
{
	background-position: center -51px;
	background-repeat: no-repeat;

	position: absolute;
	width: 95px;
	height: 51px;
	left: 50%;
	margin-left: -47.5px;
	top: 0;
}

#header li .top_right
{
	right: 0;
	background-position: right top;
}

#header li .bottom_left,
#header li .bottom_right
{
	background-repeat: no-repeat;
	top: 51px;
	height: 20px;
	width: 50%;
	position: absolute;
}

#header li .bottom_left
{
	left: 0;
	background-position: left top;
}

#header li .bottom_right
{
	right: 0;
	background-position: right bottom;
}

#header li a
{
	color: #ffffff;
	display: block;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -0.2px;
	line-height: 78px;
	text-align: center;
	text-transform: uppercase;
	padding: 0 5px;
	position: relative;
	z-index: 1;
	float: left;

	text-shadow: 1px 1px #000000;
}

#header li a .icon
{
	background-image: url( /frontend/views/default/images/headerIcon.png );
	color: transparent;
	display: block;
	font-size: 0;
	height: 22px;
	line-height: 1;
	width: 0;
	position: absolute;
	top: 5px;
	left: 50%;
	width: 22px;
}

#header li a .icon.home
{
	background-position: 0 0;
	width: 22px;
	margin-left: -11px;
}

#header li a .icon.profile
{
	background-position: -22px 0;
	width: 19px;
	margin-left: -9.5px;
}

#header li a .icon.friends
{
	background-position: -41px 0;
	width: 23px;
	margin-left: -11.5px;
}

#header li a .icon.messages
{
	background-position: -64px 0;
	width: 20px;
	margin-left: -10px;
}

#header li a .icon.invite
{
	background-position: -84px 0;
	width: 43px;
	margin-left: -21.5px;
}

#header li a .icon.favorite
{
	background-position: -127px 0;
	width: 21px;
	margin-left: -10.5px;
}

#header li a .icon.help
{
	background-position: -148px 0;
	width: 21px;
	margin-left: -10.5px;
}

#header li a .icon.contact
{
	background-position: -169px 0;
	width: 23px;
	margin-left: -11.5px;
}

#header li.active .top_left,
#header li.active .top_center,
#header li.active .top_right,
#header li:hover .top_left,
#header li:hover .top_center,
#header li:hover .top_right
{
	background-image: url(/frontend/views/default/images/headerBtn.png);
}

#header li.active,
#header li:hover
{
	background-image: url( /frontend/views/default/images/headerBtn.png );
	background-position: 0 -102px;
	height: 71px;
}

#header li.active .bottom_left,
#header li.active .bottom_right,
#header li:hover .bottom_left,
#header li:hover .bottom_right
{
	background-image: url( /frontend/views/default/images/headerBtnBottom.png );
}

#header li.active a .icon.home,
#header li:hover a .icon.home
{
	background-position: 0 22px;
}

#header li.active a .icon.profile,
#header li:hover a .icon.profile
{
	background-position: -22px 22px;
}

#header li.active a .icon.friends,
#header li:hover a .icon.friends
{
	background-position: -41px 22px;
}

#header li.active a .icon.messages,
#header li:hover a .icon.messages
{
	background-position: -64px 22px;
}

#header li.active a .icon.invite,
#header li:hover a .icon.invite
{
	background-position: -84px 22px;
}

#header li.active a .icon.favorite,
#header li:hover a .icon.favorite
{
	background-position: -127px 22px;
}

#header li.active a .icon.help,
#header li:hover a .icon.help
{
	background-position: -148px 22px;
}

#header li.active a .icon.contact,
#header li:hover a .icon.contact
{
	background-position: -169px 22px;
}

#header .border.right
{
	background-image: url( /frontend/views/default/images/header.png );
	background-position: 0 60px;
	float: right;
	width: 225px;
	height: 100%;
}

#push
{
	height: 110px;
}

#footer
{
	background-color: #1d2022;
	background-image: url( /frontend/views/default/images/footer.png );
	height: 103px;
	text-align: center;
}

#footer .content
{
	margin: 0 auto;
	width: 900px;
	padding-top: 20px;
}

#footer .content *
{
	color: #f5f5f5;
	font-family: tahoma;
}

#footer .content span
{
	float: left;
}

#footer .content ul
{
	float: right;
}

#footer .content li
{
	float: left;
	font-weight: bold;
	padding: 0 5px;
}

#footer .content a
{
	font-weight: normal;
}

h6.legend
{
	background-image: url( /frontend/views/default/images/widgetHead.png );
	background-position: top;
	color: #ffffff;
	height: 20px;
	line-height: 20px;
	float: left;
	position: relative;
	top: -16px;
	left: 0;
	overflow: hidden;
}

h6.legend .left,
h6.legend .right
{
	background-image: url( /frontend/views/default/images/widgetHead.png );
	display: block;
	float: left;
	height: 100% !important;
	width: 7px !important;
}

h6.legend .text
{
	color: #ffffff;
	float: left;
	font-size: 10px;
	padding: 0 2px;
	font-style: normal;
}

h6.legend .left
{
	background-position: 0 -20px !important;
}

h6.legend .right
{
	background-position: 0 -40px !important;
}

#sideLeft
{
	float: left;
	width: 250px;
	margin-top: 8px;  
}

#content
{
	margin-left: 260px;
	margin-top: 8px;  
}

.dock154
{
	background-color: #efefef;
	background-image: url( /frontend/views/default/images/dock154.png );   
	background-position: 0 0;
	background-repeat: repeat-x;
}

.dock154
{
	float: left;
	height: 154px;
	position: relative;
}

.dock154.dock_border_left,
.dock154.dock_border_right
{
	background-position: 0 -154px;
	width: 12px;
}

.dock154.dock_border_left
{
	background-position: 0 -308px;
}

.dock154.dock_border_right
{
	background-position: 0 -154px;
}

.dock213
{
	background-color: #efefef;
	background-image: url( /frontend/views/default/images/dock213.png );   
	background-position: 0 0;
	background-repeat: repeat-x;
}

.dock213
{
	float: left;
	height: 213px;
	position: relative;
}

.dock213.dock_border_left,
.dock213.dock_border_right
{
	width: 12px;
}

.dock213.dock_border_left
{
	background-position: 0 -426px;
}

.dock213.dock_border_right
{
	background-position: 0 -213px;
}

.dock213inner
{
	background-color: #efefef;
	background-image: url( /frontend/views/default/images/dock213inner.png );   
	background-position: 0 0;
	background-repeat: repeat-x;
}

.dock213inner
{
	float: left;
	height: 213px;
	position: relative;
}

.dock213inner.dock_border_left,
.dock213inner.dock_border_right
{
	width: 20px;
}

.dock213inner.dock_border_left
{
	background-position: 0 -213px;
}

.dock213inner.dock_border_right
{
	background-position: 0 -426px;
}

.btn
{
	background-color: transparent;
	border: none;
	color: transparent;
	cursor: pointer;
	font-size: 0;
}

.btnadd
{
	background-image: url( /frontend/views/default/images/lang/pl/add.png );
	height: 20px;
	width: 74px;
}

.btnanswer
{
	background-image: url( /frontend/views/default/images/lang/pl/answer.png );
	height: 20px;
	width: 74px;
}

.btnedit
{
	background-image: url( /frontend/views/default/images/lang/pl/edit.png );
	height: 20px;
	width: 74px;
}

.btnsave
{
	background-image: url( /frontend/views/default/images/lang/pl/save.png );
	height: 20px;
	width: 52px;
}

.btnsend
{
	background-image: url( /frontend/views/default/images/lang/pl/send.png );
	height: 20px;
	width: 74px;
}

.btnyes
{
	background-image: url( /frontend/views/default/images/lang/pl/yes.png );
	height: 20px;
	width: 52px;
}

#path
{
	padding: 5px;
}

#path li
{
	display: inline;
	padding: 0 2px;
}

#path li a
{

}

#path li:last-child a
{
	font-weight: bold;
}
/* gallery dock | media dock */
.albumDock,
.mediaDock
{
	background-color:#F5F5F5;
	float:left;
	margin:1%;
	outline-color:#E1E1E1;
	outline-style:solid;
	outline-width:1px;
	padding:1%;
	width:29%;
}

.albumDock .clean,
.mediaDock .clean
{
	display: block;
}

.albumDock ul.btns,
.mediaDock ul.btns
{
	background-color: #E1E1E1;
	border: 1px solid #D1D1D1;
	display: block;
	overflow: hidden;
	padding: 4px;
	margin: 4px 0;
}

.albumDock ul.btns li,
.mediaDock ul.btns li
{
	float: right;
	padding: 0 4px;
}

.albumDock .stack,
.mediaDock .preview
{
	display: block;
	height: 180px;
	width: 180px;
	position: relative;
	margin: 0 auto;
}

.mediaDock .preview
{
	width: 200px;
	height: 200px;
	text-align: center;
	line-height: 200px;
	font-size: 0;
}

.mediaDock .preview img
{
	vertical-align: middle;
}

.albumDock .stack img
{
	/*background-color: #f5f5f5;*/
	padding: 1px;
	position: absolute;
}

.albumDock .stack img.one
{
	left: 22px;
	top: 4px;
}

.albumDock .stack img.two
{
	left: 3px;
	top: 30px;
}

.albumDock .stack img.three
{
	bottom: 8px;
	right: 3px;
}

.albumDock p
{
	padding: 2px 3px;
	text-align: center;
}

.mediaDock p
{
	clear: both;
	padding: 6px 3px 2px;
}

.albumDock p a
{
	font-weight: bold;
}

.albumDock ul,
.mediaDock ul
{
	padding: 0 10px;
}

.albumDock ul li,
.mediaDock ul li
{
	background-position: left center;
	background-repeat: no-repeat;
	float: left;
	font-size: 10px;
	height: 16px;
	letter-spacing: -1px;
	line-height: 16px;
	overflow: hidden;
	padding-left: 18px;
	text-align: left;
}

.albumDock ul li.date,
.mediaDock ul li.date
{
	background-image: url("/resources/icons/time.png");
}

.albumDock ul li.count
{
	background-image: url("/resources/icons/page_white_stack.png");
	float: right;
}
/* --- */
#submenu .container,
#submenu .decoration,
#submenu li.separator,
#submenu li.first,
#submenu li.last
{
	background-image: url( /frontend/views/default/images/submenu.png );
}

#submenu,
#submenu .container
{
	float: left;
	position: relative;
}

#submenu
{
	left: 50%;
	margin-bottom: 15px;
}

#submenu .container
{
	background-position: bottom;
	height: 30px;
	right: 50%;
}

#submenu .decoration
{
	height: 6px;
	position: absolute;
	top: 0;
	width: 20px;
}

#submenu .decoration.left
{
	background-position: 0 0;
	left: 0;
}

#submenu .decoration.right
{
	background-position: 0 -6px;
	right: 0;
}

#submenu ul
{
	padding-top: 6px;
}

#submenu li
{
	float: left;
	height: 24px;
}

#submenu li a
{
	float: left;
	line-height: 24px;
	padding: 0 5px;
	font-size: 10px;

	text-shadow: 1px 1px #eeeeee;
}

#submenu li a:hover
{
	font-weight: bold;
}

#submenu li.first,
#submenu li.last,
#submenu li.separator
{
	font-size: 0;
}

#submenu li.first,
#submenu li.last
{
	width: 6px;
}

#submenu li.first
{
	background-position: 0 -12px;
}

#submenu li.last
{
	background-position: 6px -12px;
}

#submenu li.separator
{
	background-position: -9px -18px;
	width: 2px;
}
/* --- */
h1.underline
{
	border-bottom: 1px solid #A6A6A6;
	margin-bottom: 10px;

	color: #232629;
	font-weight: bold;
	padding: 5px 0 5px 10px;
}

h1.underline ul#pagination
{
	float: right;
}

h1.underline ul#pagination li
{
	float: left;
	font-weight: normal;
	padding: 0 1px;

	text-decoration: underline;
}

h1.underline ul#pagination li,
h1.underline ul#pagination li a
{
	color: #232629;
}

h1.underline ul#pagination li.number
{
	text-decoration: none;
}
/* --- */
form.dock,
form.dock .border_left,
form.dock .border_right
{
	background-image: url( /frontend/views/default/images/widgetSearch.png );
	height: 138px;
}

form.dock .border_left,
form.dock .border_right,
form.dock table
{
	float: left;
}

form.dock .border_left,
form.dock .border_right
{
	width: 8px;
}

form.dock .border_left
{
	background-position: 0 -138px;
}

form.dock .border_right
{
	background-position: 0 -276px;
}

form.dock table
{
	padding-top: 10px;
	width: 724px;   
}

form.dock td.label
{
	font-weight: bold;
	width: 150px;
}

/** form.global **/
form.global
{
	width: 350px;
}

form.global legend
{
	padding: 0 10px;
}

form.global div.input,
form.global div.select,
form.global div.textarea,
form.global div.captcha
{
	padding: 2px;
	overflow: hidden;
}

form.global div.input label,
form.global div.select label,
form.global div.textarea label,
form.global div.captcha label
{
	float: left;
	width: 150px;
	font-weight: bold;
	text-align: right;
	padding-top: 2px;
}

form.global div.input div.globalFormContainer,
form.global div.select div.globalFormContainer,
form.global div.textarea div.globalFormContainer,
form.global div.captcha div.globalFormContainer
{
	margin-left: 160px;
}

form.global div.input div.fieldBorder,
form.global div.select div.fieldBorder,
form.global div.textarea div.fieldBorder,
form.global div.captcha div.fieldBorder
{
	width: 180px;
}

form.global div.input input,
form.global div.select select,
form.global div.textarea textarea,
form.global div.captcha input
{
	height: 100%;
	width: 100%;
}

form.global div.buttons
{
	text-align: right;
	padding: 5px;
}

div.globalNotice
{
	line-height: 1.3;
	padding-top: 2px;
	padding-bottom: 2px;
}
/** ---- **/
.cards li
{
	border: 1px solid #E1E1E1;
	
	float:left;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 5px;
	position:relative;
	
	width: 132px;
	
	white-space: nowrap;
}

.cards li .status
{
	position: absolute;
	left: 14px;
	bottom: 17px;
}

.cards li .image
{
	background-color:#D5D5D5;
	background-image:url(/frontend/views/default/images/imageFrame.png);
	display:block;
	font-size:0;
	height:131px;
	line-height:131px;
	margin-bottom:5px;
	text-align:center;
	width:132px;
}

.cards li .image img
{
	vertical-align:middle;
}

.cards li .star
{
	background-image:url(/frontend/views/default/images/star.gif);
	color:#000000;
	display:block;
	font-family:tahoma;
	font-size:10px;
	font-weight:bold;
	height:33px;
	line-height:32px;
	position:absolute;
	right:-5px;
	text-align:center;
	top:107px;
	width:35px;
}

.cards li .nick
{    
	background-position:0 4px;
	background-repeat:no-repeat;
	color:#000000;
	display:block;
	font-weight:bold;
	line-height:22px;
	margin-left:4px;
	padding-left:22px;
	
	padding-top: 4px;
	border-top: 1px solid #E1E1E1;
}

.cards li .nick.female
{
	background-image:url(/frontend/views/default/images/female.png);
}

.cards li .nick.male
{
	background-image:url(/frontend/views/default/images/male.png);
}

.cards li p
{
	color:#000000;
	font-family:tahoma;
	line-height:1.1;
	padding:5px 0 0 24px;
	
	overflow: hidden;
}

.code
{
	background-color: #FDFDFD;
	border: 1px solid #A5A5A5;
	color: #333333;
	display: block;
	font-size: 10px;
	padding: 5px;
	text-indent: 0;
	margin: 20px;
	
	overflow: scroll;
}

.code legend
{
	padding: 0 5px;
	font-weight: bold;
}

h2
{
	display: block;
	font-size: 15px;
	font-style: italic;
	margin: 10px;
}

.removeprofile
{
	-moz-border-radius-bottomleft:5px;
	background-color:white;
	padding:3px;
	position:absolute;
	right:3px;
	top:3px;
}

.swfsep
{
	clear: both;
	width: 100%;
	height: 20px;
} 

 .contentTop
{
    overflow: hidden;
} 

 .widget.stats,
.widget_stats_border_left
{
	margin-top: 16px !important;
}

.widget.stats
{
	background-image: url( /frontend/views/default/images/widgetStart.png );
	background-position: top;
	height: 105px;
	width: 233px;
	float: left;
	position: relative;
}

.widget_stats_border_left
{
	background-image: url( /frontend/views/default/images/widgetStart.png );
	background-position: 0 -105px;
	height: 105px;
	width: 12px;
	float: left;
	margin: 0;
	padding: 0;
}

.widget.stats ul
{
	padding-left: 2px;
}

.widget.stats li
{
	line-height: 1.6;
} 

 .widget.join
{
    background-image: url( /frontend/views/default/images/widgetJoin.png );
    float: left;
    height: 121px;
    width: 482px;
    position: relative;
}

.widget.join a
{
    background-image: url( /frontend/views/default/images/widgetJoinBtn.png );
    color: transparent;
    font-size: 0;
    height: 39px;
    width: 167px;
    position: absolute;
    right: 13px;
    bottom: 15px;
} 

 .widget.login,
.widget_login_border_right
{
    margin-top: 16px !important;
}

.widget.login
{
    background-image: url( /frontend/views/default/images/widgetStart.png );
    background-position: top;
    height: 105px;
    width: 250px;
    float: left;
    position: relative;
}

.widget_login_border_right
{
    background-image: url( /frontend/views/default/images/widgetStart.png );
    background-position: 0 -210px;
    height: 105px;
    width: 12px;
    float: left;
    margin: 0;
    padding: 0;
}

.widget.login h6
{
    left: 6px;
}

.widget.login a
{
    position: absolute;
    right: 2px;
    top: 12px;
    font-family: tahoma;
    overflow: visible;
}

.widget.login form
{
    padding: 18px 0 0 10px;
}

.widget.login table
{
    width: 170px;
}

.widget.login td
{
    padding: 2px;
    vertical-align: middle;
}

.widget.login td.label
{
    text-align: right;
}

.widget.login input
{
    width: 100px;
}

.widget.login button
{
    position: absolute;
    right: 9px;
    top: 64px;
} 

 .widget.firstplace
{
    background-image: url( /frontend/views/default/images/widgetFirstplace.png );
    background-position: right;
    background-repeat: no-repeat;
    float: left;
    height: 155px;
    width: 256px;
    position: relative;
}

.widget.firstplace div,
.widget.firstplace a,
.widget.firstplace p
{
    position: absolute;
}

.widget.firstplace a.picture
{
    -moz-border-radius: 4px;
    
    background-color: #626466;
    border: 2px solid #4b4f51;
    height: 140px;
    width: 140px;
    
    left: 10px;
    top: 5px;
}

.widget.firstplace a.nick
{
    color: #ffffff;
    display: block;
    font-family: tahoma;
    font-size: 12px;
    text-align: center;
    width: 90px;
    
    right: 5px;
    top: 102px;
}

.widget.firstplace p
{
    color: #ffffff;
    display: block;
    font-family: tahoma;
    text-align: center;
    width: 90px;
    line-height: 1.3;
    
    right: 5px;
    top: 118px;
} 

 .widget_most_border_left,
.widget.most,
.widget_most_border_right
{
	background-image: url( /frontend/views/default/images/widgetMost.png );
	position: relative;
	height: 213px;
	float: left;
	margin-top: 26px;
}

.widget.most
{
	width: 718px;
}

.widget_most_border_left,
.widget_most_border_right
{
	width: 11px;
}

.widget_most_border_left
{
	background-position: 0 -426px;
}

.widget_most_border_right
{
	background-position: 0 -213px;
}

.widget.most h6
{
	top: -18px;
}

.widget.most ul
{
	position: relative;
	top: -9px;
	left: 3px;
}

.widget.most li
{
	float: left;
	position: relative;
	margin-right: 11px;
	width: 132px;
}

.widget.most li .status
{
	position: absolute;
	left: 10px;
	top: 147px;
}

.widget.most li .image
{
	background-image: url( /frontend/views/default/images/imageFrame.png );
	background-color: #d5d5d5;
	display: block;
	width: 132px;
	height: 131px;

	text-align: center;
	line-height: 131px;
	margin-bottom: 5px;
	font-size: 0;
	text-align: center;
}

.widget.most li .image img
{
	vertical-align: middle;
}

.widget.most li .star
{
	background-image: url( /frontend/views/default/images/star.gif );
	display: block;
	color: #000000;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	width: 35px;
	height: 33px;

	position: absolute;
	top: 107px;
	right: -10px;
	text-align: center;
	line-height: 32px;
}

.widget.most li .nick
{
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	padding-left: 22px;
	line-height: 22px;
	font-weight: bold;
	color: #000;
	margin-left: 4px;
}

.widget.most li .nick.female
{
	background-image: url( /frontend/views/default/images/female.png );
}

.widget.most li .nick.male
{
	background-image: url( /frontend/views/default/images/male.png );
}


.widget.most li p
{
	color: #000000;
	line-height: 1.1;
	font-family: tahoma;
	padding: 5px 0 0 24px;
	overflow: hidden;
}

.widget.most a.more
{
	bottom:8px;
	font-size:10px;
	font-weight:bold;
	position:absolute;
	right:0;
}

.widget.most.vertical
{
	height: auto;
	width: 100%;

	background-image: none;	
	
	background-color:#F8F8F8;
	border-top:1px solid #C6C6C6;
	margin-top:30px;
	position:relative;
}

.widget.most.vertical h6
{
	top: -21px;
	position: absolute;
}

.widget.most.vertical ul
{
	top: 0;
	left: 0;
	padding: 10px;
}

.widget.most.vertical li
{
	border-bottom: 1px solid #F0F0F0;
	float: none;
	margin-bottom: 5px;
	margin-right: 0;
	padding-bottom: 5px;
	width: 100%;
}

.widget.most.vertical li .image
{
	margin: 0 auto;
}

.widget.most.vertical a.more
{
	background-color:#FFFFFF;
	font-weight:bold;
	padding:0 4px;
	position:absolute;
	right:10px;
	top:-8px;
	bottom: auto;
} 

 .widget.search,
.widget_search_border_left,
.widget_search_border_right
{
    background-image: url( /frontend/views/default/images/widgetSearch.png );
    margin-top: 19px;
    height: 138px;
}

.widget.search
{
    background-position: 0 0;
    float: left;
    width: 459px;
    position: relative;
}

.widget_search_border_left,
.widget_search_border_right
{
    float: left;
    width: 8px;
}

.widget_search_border_left
{
    background-position: 0 -138px;
}

.widget_search_border_right
{
    background-position: 0 -276px;
    margin-right: 4px;
}

.widget.search h5
{
    font-family: tahoma;
    left: 3px;
    position: relative;
    top: -18px;
}

.widget.search form
{
    padding-top: 15px;
}

.widget.search table
{
    width: 100%;
}

.widget.search td
{
    padding: 2px;
    padding-bottom: 10px;
    vertical-align: middle;
}

.widget.search td.label
{
    text-align: right;
}

.widget.search td.age select
{
    text-align: center;
    width: 65.5px;
}

.widget.search input
{
    width: 138px;
}

.widget.search select
{
    width: 144px;
}

.widget.search button
{
    position: absolute;
    right: 24px;
    top: 97px;
}

.widget.search a
{
    font-family: tahoma;
    position: absolute;
    right: 94px;
    top: 101px;
}