/* Global reset */
*               { margin: 0; padding: 0; }
img             { border: 0; }

/* Paddings & margins */
.margin-top     { margin-top: 25px }
.margin-bottom  { margin-bottom: 25px }
.margin-left    { margin-left: 50px }
.margin-right   { margin-right: 25px }
.padding-both   { padding: 17px 0 }
.no-padding     { padding: 0; margin: 0 }

/* Floats */
.left           { float: left }
.right          { float: right }
.clear          { clear: both }
.overflow       { overflow: hidden; height: 100%; }

/* Text positions */
.text-left      { text-align: left }
.text-right     { text-align: right }
.text-center    { text-align: center }
.middle         { vertical-align: middle }

/* Popular selectors styles */
p               { text-align: left; }

h1              { font: bold 30px "Trebruchet MS", Helvetica, sans-serif; } 
h2              { font: normal 20px "Trebruchet MS", Arial, Helvetica, sans-serif; }
h3              { font: bold 14px "Trebruchet MS", Arial, Helvetica, sans-serif; } 

h1, h2			{ border-bottom: 1px solid #d9dad5; margin-bottom: 10px; line-height: 40px; letter-spacing: -1px; color: #4c5238; }
h1 span, 
h2 span         { float: right; font: 12px/40px Arial, Helvetica, sans-serif; letter-spacing: 0; }
h1 span .link 	{ margin-top: 10px; }

a               { color: #4280c3; text-decoration: none; outline: none; cursor: pointer; }
a:hover         { text-decoration: underline; }
:focus          { -moz-outline-style: none; }

ul, ol          { padding: 10px 0 10px 35px; }
ul li, ol li    { padding: 3px 0; }

body .width40px { width: 40px; }
body .width50px { width: 50px; }
body .width75px { width: 75px; }
body .width80px { width: 80px; }
body .width100px { width: 100px; }
body .width140px { width: 140px; }
body .width150px { width: 150px; }
body .width200px { width: 200px; }
body .width300px { width: 300px; }
body .width360px { width: 360px; }
body .width380px { width: 380px; }
body .width400px { width: 400px; }
body .width440px { width: 440px; }
body .width530px { width: 530px; }
body .width570px { width: 570px; }
body .latest-entry, body .thread-latest-entry { width: 200px; }

table { width: 100%; border-collapse: collapse; }
table tr th,
table tr td { padding: 3px 5px; border-bottom: 1px solid #d9dad5; }
table tr th { text-align: left; color: #567601; }
table tr td { border-left: 1px solid #d9dad5; background: 10px center no-repeat; }

	table .even td { background: #fafaf8 10px center no-repeat; } 
	table tr .count { width: 100px; }
	table tr .topic { width: 300px; }
	table tr td.name { padding-left: 25px; border-left: 0; background-image: url(../img/misc/arr.gif); }
	table tr td.name a { color: #4280c3; }
	table tr td.first { border-left: 0; }
	
	table .avatar-link { float: left; margin-right: 5px; }
	table .nick { float: left; line-height: 32px; }
	
/**************************************************************
	Layers
**************************************************************/	
html {	
	background: #efefe7 url(../img/body-bg.gif) repeat-x;
	height: 100%;
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #727171;
	text-align: center;	
	line-height: 150%;
	height: 100%;
	cursor: default;
}

#body-container {
	position: relative;
	min-height: 100%;
}

* html #body-container {
	height: 100%; 
}	
/*************************** 
* 	Container
****************************/
#container { width: 960px; margin: 0 auto; text-align: left; position: relative; padding-bottom: 175px }	
	
	/*************************** 
	* 	Top 
	****************************/
	#top { height: 78px; margin-bottom: 35px; }	
		
		/* Logo */
		#top h1 { float: left; width: 177px; height: 72px; text-indent: -99999px; border: 0; }	
		#top h1 a { display: block; height: 72px; background: url(../img/logo.gif) 0 bottom no-repeat; }
		
		/* Menu */	
		#top ul { float: left; height: 44px; padding: 0; margin-top: 34px; margin-left: 20px; background: url(../img/misc/menu-bg.gif) repeat-x;  }
		#top ul li { float: left; margin: 0; padding: 4px 5px 0; list-style: none; font: 14px/36px "Trebuchet MS", Helvetica, sans-serif; }
			#top ul .first { background: url(../img/misc/menu-l.gif) no-repeat; }
			#top ul .last { background: url(../img/misc/menu-r.gif) right 0 no-repeat; }
		
		#top ul li a { float: left; height: 40px; padding-left: 10px; color: #fff; text-decoration: none; }
		#top ul li a strong { float: left; height: 40px; padding-right: 10px; }	
		#top ul li a:hover { color: #4c5238; background: #efefe7 url(../img/misc/menu-ll.gif) no-repeat; }
		#top ul li a:hover strong { background: url(../img/misc/menu-lr.gif) right 0 no-repeat; }
			
			/* With submenu */
			.module-friend #nav-friend a,
			.module-gallery #nav-gallery a,
			.module-profile #nav-profile a,
			.module-message #nav-message a,
			.module-group #nav-group a { color: #4c5238; background: #fafaf8 url(../img/misc/menu-gll.gif) no-repeat; }
			
			.module-friend #nav-friend a strong,
			.module-gallery #nav-gallery a strong,
			.module-profile #nav-profile a strong,
			.module-message #nav-message a strong,
			.module-group #nav-group a strong { background: url(../img/misc/menu-glr.gif) right 0 no-repeat; }
			
			/* Without submenu */
			.module-presentation #nav-presentation a,
			.module-search #nav-search a { color: #4c5238; background: #efefe7 url(../img/misc/menu-ll.gif) no-repeat; }
			
			.module-presentation #nav-presentation a strong,
			.module-search #nav-search a strong { background: url(../img/misc/menu-lr.gif) right 0 no-repeat; }
			
		#top ol { float: right; margin-left: 18px; padding: 41px 0 0 0; }
		#top ol li { float: left; list-style: none; margin-left: 20px; }
		#top ol li a { padding: 3px 0 3px 25px; text-decoration: none; color: #fff; background: url(../img/misc/menu-arr.gif) 0 center no-repeat; }  
		#top ol li a:hover { text-decoration: underline; }
		
		/* Submenu */
		.sub-navigation { position: absolute; top: 77px; height: 35px; line-height: 35px; padding-left: 9px; background: url(../img/misc/submenu-left.gif) 0 0 no-repeat; }
		.sub-navigation ul { float: left; width: auto; height: 35px; padding: 0 9px 0 0; background: url(../img/misc/submenu-right.gif) right 0 no-repeat; }
		.sub-navigation ul li { float: left; height: 35px; list-style: none; padding: 0 10px; background: #fafaf8 url(../img/misc/submenu-bottom.gif) 0 bottom repeat-x; }
		.sub-navigation ul li a { color: #4380c3; text-decoration: none; }
		.sub-navigation ul li a:hover { color: #4c5238; }
			
			
			.sub-navigation { margin-left: 400px; }
			.module-message .sub-navigation { margin-left: 266px; }
			.module-gallery .sub-navigation { right: 133px; }
			.module-group .sub-navigation { margin-left: 372px; }
			.module-friend .sub-navigation { margin-left: 287px; }
		
	/*************************** 
	* 	Content
	****************************/
		
		/* Misc */
		.description { padding: 10px 15px; margin-bottom: 15px; background: #fafaf8; }
		
		/* Flash messages & 'empty' class */
		.flash, .empty, #error_for_global { padding: 15px 0 15px 65px; margin: 0 0 15px; font-weight: bold; background: 0 center no-repeat; border: 3px solid; }
		
		.flash-notice, .flash-notice-inline,
		.empty { color: #2a2f6e; border-color: #9cc3f5; background-image: url(../img/misc/flash-info.jpg); }
		.flash-warning, .flash-warning-inline { color: #3d3f35; border-color: #efb224; background-image: url(../img/misc/flash-warning.jpg); }
		.flash-error, .flash-error-inline, #error_for_global { color: #b5363a; border-color: #ec1e2b; background-image: url(../img/misc/flash-error.jpg); }
		
		/* Box */
		.box { margin-bottom: 25px; background: #fff; border: 1px solid #dfdfd4; border-bottom: 2px solid #c5c5b4; border-top: 1px solid #fff; }
		.box .inside { padding: 0 15px 15px; position: relative; top: 2px; left: 1px; background: url(../img/misc/c-br.gif) right bottom no-repeat; }
		.box b, .box i { display: block; height: 10px; position: relative; line-height: 0; font-size: 0; }		
		.box b { bottom: 1px; right: 1px; background: url(../img/misc/c-tl.gif) no-repeat; }
		.box b b { float: right; width: 10px; bottom: 0; right: 0; left: 2px; background: url(../img/misc/c-tr.gif) no-repeat; }
		.box i { position: absolute; width: 10px; margin: -8px 0 0 -1px; background: url(../img/misc/c-bl.gif) no-repeat; }
		
		/* Smart box ;-) */
		.smartbox { _height: 50px; min-height: 50px; padding: 10px 15px; margin-bottom: 15px; border-bottom: 3px solid #b6d6ff; background: #dfeeff url(../img/misc/smart-box-bg.gif) 0 bottom repeat-x; }
		
		#container .smartbox .searcher { height: 45px; }
		#container .smartbox .searcher span input { height: 43px; padding: 0 15px 0 5px; background: url(../img/misc/smart-box-search-r.gif) right 0 no-repeat; }
		#container .smartbox .searcher span { height: 43px; padding-left: 38px; background: url(../img/misc/smart-box-search-l.gif) left 0 no-repeat; }
		
		
		/* List */
		.list { padding: 0; }
		.list li { clear: left; _height: 20px; min-height: 20px; padding: 3px 5px; list-style: none; border-bottom: 1px solid #d5d6cf; }
		.list li strong { float: left; min-height: 20px; _height: 20px; width: 160px; font-weight: normal; color: #567601; }
		.list .even { background-color: #fafaf8; }
		.list .last { border: 0 }
		
		/* Headers */
		.header { background: left center no-repeat; }
		h1.header { padding-left: 50px; line-height: 50px; min-height: 50px; _height: 50px; }
		h2.header { padding-left: 35px; min-height: 35px; _height: 35px; }
			
			h3.friend { background-image: url(../img/icon/container-friends.gif) }
			h3.location { background-image: url(../img/icon/container-location.gif) }
			h3.presentation { background-image: url(../img/icon/sm-presentation.gif) }
			
			.login { background-image: url(../img/icon/login.gif) }
			.comment { background-image: url(../img/icon/comment.gif) }
			.profile { background-image: url(../img/icon/profile.gif) }
			.gallery { background-image: url(../img/icon/gallery.gif) }
			.message { background-image: url(../img/icon/messages.gif) }
			.search { background-image: url(../img/icon/search.gif) }
			.friend { background-image: url(../img/icon/friends.gif) }
			.presentation { background-image: url(../img/icon/presentation.gif) }
			.group { background-image: url(../img/icon/groups.gif) }
			.group-small { background-image: url(../img/icon/groups-small.gif) }
			.board { background-image: url(../img/icon/board.gif) }
			.sms { background-image: url(../img/icon/sms.gif) }
		
		h1.no-margin,
		h2.no-margin { margin-bottom: 0; }
		
		h1 a, h2 a { color: #4d5136 }
		
			/* Editing photo title */
			.header #editPhotoTitle { float: left; margin-right: 20px; }
			.header .edit-title { float: left; font-size: 11px; letter-spacing: 0; line-height: 50px; padding-left: 18px; font-weight: normal; color: #a1a594;
								  background: url(../img/icon/discussion.gif) left center no-repeat; }
			
			.header .input { float: left; width: 350px; padding: 7px 5px; margin: 10px 20px 0 0; border: 1px solid #d9dad5; }
			.header .submit { line-height: 25px; margin-top: 13px; } 
			
		/* Link */
		.link { float: left; height: 26px; padding-left: 11px; background: url(../img/misc/link-left.gif) left 0 no-repeat; }
		.link { color: #437fc5; line-height: 26px; margin-right: 10px; text-decoration: none; } 
		.link strong { float: left; height: 26px; padding-right: 11px; font-weight: normal; font-size: 11px; background: url(../img/misc/link-right.gif) right 0 no-repeat; }
		.link strong em { float: left; height: 26px; padding-left: 25px; font-style: normal; background: left center no-repeat; }
			
			.delete-profile strong em { background-image: url(../img/icon/delete-profile.gif) }
			.compose strong em { background-image: url(../img/icon/sm-messages-new.gif) }
			.add-presentation strong em { background-image: url(../img/icon/add-presentation.gif)}
			
		h1 .link, h2 .link { margin-top: 5px; font: 11px/26px Tahoma; letter-spacing: 0; }

			
		/* User actions */
		.actions li a { padding: 7px 0 7px 30px; text-decoration: none; font-size: 11px; color: #4280c3; background: left center no-repeat; }
		.actions li a:hover { text-decoration: underline; }
		.actions li span { font-size: 11px; color: #bebfbb; }
		.actions li span a { padding: 0; } 
			
			.actions .action-photo a { background-image: url(../img/icon/sm-gallery.gif) }
			.actions .action-message a { background-image: url(../img/icon/sm-messages.gif) }
			.actions .action-editProfile a { background-image: url(../img/icon/edit-profile.gif) }
			.actions .action-settings a { background-image: url(../img/icon/manage.gif) }
			.actions .action-delete a { background-image: url(../img/icon/delete-profile.gif) }
			.actions .action-gift a { background-image: url(../img/icon/account.gif) }
			.actions .action-addFriend a { background-image: url(../img/icon/add-friend.gif) }
			
		/* User profile */
		#user-avatar .photos-thumbs li { min-height: 0; _height: 0; }
		
		#give-sms { width: 359px; height: 103px; margin-bottom: 15px; background: url(../img/misc/sms-bg.jpg) no-repeat; }
		#give-sms h3 { padding: 20px 0 10px 20px; font-weight: normal; color: #fff; font-size: 22px; }
		#container .no-logged { background: url(../img/misc/sms-out.jpg) no-repeat; }
		#container .no-logged h3 { padding-top: 40px }
		#container .two-lines h3 { font-size: 18px }
		#give-sms p { padding: 10px 0 0 50px; font-size: 14px; font-weight: bold; }
		#give-sms p a { color: #4481c2; text-decoration: none; }
		
		#profile-friend h3 { margin-bottom: 5px; }
		#profile-friend h3 .link { margin: 7px 0 0; }
		#profile-friend .avatar-link img { vertical-align: bottom; margin: 4px 2px 0 0; border: 1px solid #d2d2c9 }
		
		#profile-group h3 { margin-bottom: 5px; }
		#profile-group a { color: #727171 } 
		
		#add-comment { min-height: 40px; _height: 40px; }
		#add-comment ul { float: left; width: 790px; }
		#add-comment label { float: left; width: 110px; margin-top: 2px; font-weight: bold; }
		#add-comment .input,
		#add-comment textarea { float: left; width: 620px; padding: 5px 5px 0 5px; height: 30px; font-size: 17px; }
		#add-comment .submit { margin-top: 10px; }
		
		.presentation-count { margin: 3px 0 15px; padding: 12px 0 12px 40px; font-size: 11px; color: #4280c3; background: #c4dfff url(../img/misc/presentations-info.gif) 0 0 no-repeat; }
		
		#gBox { height: 350px; }
		#gMap { width: 300px; height: 300px; position: absolute; top: 360px; left: 50%; margin-left: 130px; overflow: hidden; }
		#map { width: 300px; height: 300px; }
		
		/* Pagination */
		.pagination { clear: both; text-align: center; padding: 15px 0; }
		.pagination a { padding: 5px 8px; border: 1px solid #d9dad5; color: #adadad; }
		.pagination strong { padding: 5px 8px; border: 1px solid #87b2e2; color: #6a6a5c; background: #deedff }
		
		/* Container */
		.container { padding: 0 20px 20px; margin-bottom: 15px; margin-right: 7px; background: #f1f1ea; border: 1px solid #d2d2c8; border-top: 3px solid #c6c6b5; }
		.container h3 { color: #4c5238; line-height: 40px; padding-left: 35px; border-bottom: 1px solid #d5d6cf; }
		
		/* Gallery */
		.photos-thumbs { padding: 0; overflow: hidden; height: 100%; }
		.photos-thumbs li { float: left; width: 141px; min-height: 200px; _height: 200px; margin: 0 10px 10px 0; list-style: none; }
		.photos-thumbs li .photo { padding: 7px; margin-bottom: 10px; width: 127px; background: #e5e5d9 url(../img/misc/gallery-bg.gif) no-repeat; }
		.photos-thumbs li .photo.deactivated { border: 1px solid red; }
		.photos-thumbs li .photo img { display: block; border: 1px solid #adad9f; padding: 1px; background: #fff; }
		.photos-thumbs li .photo .title { display: block; text-align: center; margin: 5px 0; line-height: 12px; }
		.photos-thumbs li .photo .title a { color: #4280c3 }
		.photos-thumbs li .photo .desc { font-size: 11px; }
		.photos-thumbs li .photo .desc strong { float: left; width: 85px; }
		
		.photos-thumbs li .link { clear: left; float: none; display: block; margin-bottom: 5px; margin-right: 0; }
		.photos-thumbs li .link strong { float: none; display: block; text-align: center; }
		.photos-thumbs li .link.activated { color: red; }
		.photos-thumbs li .link.deactivated { color: green; }
			
			.album-height { min-height: 200px; _height: 200px }
		
			/* Prev & next */
			.link-prev, .link-next { width: 65px; height: 65px; text-indent: -999999px; position: relative; top: 150px; }
			.link-prev { float: left; background: url(../img/misc/gallery-prev.gif); left: 35px; }
			.link-next { float: right; background: url(../img/misc/gallery-next.gif); right: 35px; }
		
		/* Photo */
		#photo { width: 600px; padding: 5px; margin: 0 auto; background: #efefe7; }
		#photo img { display: block; width: 600px; }
			
		#rating { height: 25px; padding: 10px; border-bottom: 1px solid #fff; }
		#rating #photo_starbox { float: left; width: 100%; padding-top: 5px; }
		#rating #photo_average_score { float: right; padding-left: 10px; }
		
		#rating .link { float: right; }
		
		#photo .list { padding: 10px; }
		#photo .list li { border: 0; font-size: 11px; padding: 0; }
		
		#thumbs { padding-top: 15px; margin-top: 15px; border-top: 1px solid #d9dad5; text-align: center; }
		#thumbs li { float: none; display: inline; }
		#thumbs li img { display: inline; padding: 1px; vertical-align: top; border: 5px solid #f0f0e9; background: #acac9e; }
		#thumbs .current img { border-color: #acac9e } 
				
		/* Paginator */
		.paginator { clear: both; padding: 10px; text-align: center; }
		.paginator .paginator-desc { display: block; margin-bottom: 10px; } 
		.paginator a { padding: 2px 5px; color: #d9dad5; border: 1px solid #d9dad5; text-decoration: none; }
		.paginator a:hover { border-color: #4280c3; color: #4280c3; }
		
		/* Breadcrumb */
		#breadcrumb { padding: 0; margin-bottom: 15px; height: 20px; line-height: 12px; }
		#breadcrumb a { float: left; color: #6a6a5c; text-decoration: none; }
		#breadcrumb a:hover { text-decoration: underline; }
		#breadcrumb strong { float: left; width: 12px; height: 12px; margin: 0 10px; text-indent: -999999px; background: url(../img/misc/breadcrumb-arr.gif) }
		
		/* Messages */
		#message-menu { width: 185px; }
		#message-menu .current { border: 1px solid #d9dad4; border-right: 0; border-top: 0; background: #fafaf8; font-weight: bold; }
		#message-menu li { padding: 5px 0 6px 10px; }
		#message-menu li a { padding: 7px 0 7px 30px; font-size: 11px; color: #4280c3; background: left center no-repeat; } 
			
			#message-menu #mail-inbox a { background-image: url(../img/icon/sm-messages-inbox.gif) }
			#message-menu #mail-outbox a { background-image: url(../img/icon/sm-messages-outbox.gif) }
			#message-menu #mail-trash a { background-image: url(../img/icon/sm-messages-trash.gif) }
			
			#message-menu #mail-compose { padding: 10px 0; height: 30px; }
			#message-menu #mail-compose a { padding: 0 0 0 7px; background: url(../img/misc/link-left.gif) left 0 no-repeat; }
			#message-menu #mail-compose a:hover { text-decoration: none; }
			#message-menu #mail-compose em { padding-left: 35px; color: #4280c3; background-image: url(../img/icon/sm-messages-new.gif) }
			
		#message { float: left; width: 735px; border: 1px solid #d9dad4; border-collapse: collapse; }
		#message th { padding: 10px 10px; text-align: center; color: #4c5238; border-left: 1px solid #cdcec0; background: #cccdbd url(../img/misc/messages-th.gif) repeat-x; font-weight: normal; }
		#message td { padding: 5px 10px; background: #fafaf8; border-bottom: 1px solid #d4d5cf; }
		#message tr:hover td { background: #fff }
		#message tfoot tr td, #message tfoot tr:hover td { padding: 10px 10px; background: #e9e9e1 url(../img/misc/messages-foot.gif) 0 bottom repeat-x;  }
				#message th.page { width: 150px; }
			#message th.checkbox { width: 25px; }
			#message th.user { width: 100px; }				
			/* Unread */
			#message .unread td { font-weight: bold; }
			#message .unread .user a, #message .unread, #message .unread .topic a { color: #4380c3; }
			
			#message .first { width: 25px; text-align: center; }
			#message .first img.left { margin-top: 8px; margin-right: 10px; }
			#message td.checkbox { margin-left: 1px; }
			#message td.user { width: 100px; border-left: 0; text-align: left; }
			#message .topic {  }
			#message .date { width: 150px; text-align: center }
			#message .count { border-left: 0; font-size: 11px; }
			#message .del { width: 90px }
			
			#message .page .prev { float: left; padding-left: 23px; background: url(../img/misc/prev.gif) 0 center no-repeat; }
			#message .page .next { float: right; padding-right: 23px; background: url(../img/misc/next.gif) right center no-repeat; }
			
			/* Empty  */
			#message .empty { text-align: center; font-weight: bold; padding: 30px; }
			
			/* Submits */
			#message .submit { float: left; height: 26px; padding-left: 25px; }
			#message .submit.delete { background: url(../img/misc/submit-delete.gif) 0 0 no-repeat; }
			#message .submit.refresh { background: url(../img/misc/submit-refresh.gif) 0 0 no-repeat; }
			#message .submit input,
			#message .submit button { float: left; width: 60px; height: 26px; font-size: 11px; padding-left: 5px; overflow: visible; color: #4280c3; background: url(../img/misc/submit-r.gif) right 0 no-repeat; }
			
		/* Show message */	
		.comment dt, .comment dd { float: left; padding: 10px 0; border-top: 1px solid #d9dad5 }
		.comment .first { border: 0; }
		.comment dt { width: 180px; padding-left: 15px; background: url(../img/misc/comment-arr.gif) right center no-repeat; }
		.comment dt img { float: left; width: 32px; height: 32px; padding: 1px; margin-right: 10px; border: 1px solid #aaa; }
		.comment dt span { float: left; font-size: 11px; color: #969696; }
		.comment dt span a { display: block; color: #4280c3; font-size: 12px; }
		.comment dd { width: 732px; }
		.comment dd p { padding: 0 15px; min-height: 40px; _height: 40px; border-left: 1px solid #d9dad5; }
		.comment dd h4 { display: block; padding: 0 15px; margin: 0; border-left: 1px solid #d9dad5; border-bottom: 0; font-size: 12px; }
		.comment dd span { min-height: 10px; _height: 10px; }
		
		.comment.question { overflow: hidden; height: 100%; background: #dfeeff url(../img/misc/question-bg.gif) 0 bottom repeat-x }
		.comment.best { overflow: hidden; height: 100%; background: #dfeeff url(../img/misc/question-bg.gif) 0 bottom repeat-x; margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #d9dad5 }
		
		/* Croping image */
		#cropper-wrap { margin-bottom: 15px; }
		#preview-box { float: left; }
		.imgCrop_wrap { float: right; }
		
		.upload-button { display: block; width: 200px; height: 200px; background: red; }
		
		/* Upload image */
		#upload-image { float: right; width: 400px; }
		#upload-image #upload-progress {  }
		
		/* Presentations */
		.box .presentation-content b,
		.box .presentation-content i { display: inline; line-height: normal; height: auto; background: none; text-indent: 0; position: static; font-size: 12px; height: auto; }
		
		.presentation-details { overflow: hidden; height: 100%; padding: 10px 15px; position: relative; margin: -15px 0 25px; background: #efefe8; border-bottom: 3px solid #e1e1d2; }
		.presentation-details ul { float: left; width: 350px; }
		.presentation-details #photo_starbox { float: right; margin-top: 20px; }
		
		
		.presentation-content { float: left; width: 600px }
		.presentation-side { float: right; width: 300px }
		
		.presentation-info { overflow: hidden; height: 100%; padding: 10px 10px 10px 15px; margin-bottom: 15px; background: #f2f2ec; border-bottom: 3px solid #e7e7db }
		.presentation-info dt { float: left; width: 87px; padding: 5px 0; height: 20px; color: #608101; border-bottom: 1px solid #e7e7db; }
		.presentation-info dd { float: left; width: 180px; padding: 5px 0; height: 20px; border-bottom: 1px solid #e7e7db; }
		.presentation-info .last { padding-bottom: 0; border: 0; }
		.presentation-info .last.clear {  }
		
		#search-side { padding: 0 10px 20px 15px; margin-bottom: 15px }
		#search-side .search { border-color: #b7d7ff; margin: 0; background-image: url(../img/icon/presentation-search.gif) }
		#search-side label { display: block; float: none; }
		#search-side li input { width: 245px; margin-top: 20px; }
		#search-side .searcher { padding-top: 10px }
		#search-side .searcher span { float: right; margin: 0 }
		#search-side .searcher span input { font-size: 11px; color: #4280c3 } 
		#search-side .searcher a { float: left; font-size: 11px; padding: 3px 15px 3px 20px; margin-top: 10px; background: url(../img/misc/advanced.gif) no-repeat left center }
		
		#download-presentation h2 { background-image: url(../img/misc/popular-presentations.gif) }
		#download-presentation ul { padding: 0; height: 50px }
		#download-presentation li { float: left; font-size: 11px; text-align: center; list-style: none }
		#download-presentation li a,
		#download-presentation li span { display: block; padding-top: 34px; background: center 0 no-repeat }
			#download-presentation .pdf a { width: 75px; background-image: url(../img/icon/pdf.gif) }
			#download-presentation .pdf span { width: 75px; background-image: url(../img/icon/pdf-no.gif) }
			#download-presentation .ppt a { width: 75px; background-image: url(../img/icon/ppt.gif) }
			#download-presentation .ppt span { width: 75px; background-image: url(../img/icon/ppt-no.gif) }
			#download-presentation .print a { width: 75px; background-image: url(../img/icon/print.gif) }
		#download-presentation .print { border-left: 1px solid #bfbfb5; border-right: 1px solid #bfbfb5; } 
		#download-presentation .ppt { padding-right: 10px; }
		#download-presentation .pdf { padding-left: 10px; }
			
		/* Search */
		.container.popular { float: left; min-height: 220px; _height: 220px; padding-bottom: 10px }
		.container.popular h3 { margin-bottom: 10px }
		.container.popular img { padding: 1px; background: #fff; border: 1px solid #aaa }
		
			#popular-presentation.popular { width: 270px;  margin-right: 20px; }
			#popular-presentation.popular h3 { background-image: url(../img/misc/popular-presentations.gif) }		
			#popular-presentation.popular ul { padding: 0; color: #4c5238 }
			#popular-presentation.popular li { list-style: none; height: 50px; padding: 0; margin-bottom: 1px;  font-size: 11px;background: #f7f7f3 }
			#popular-presentation.popular li h4 { font-weight: bold; font-size: 11px; padding: 8px 0 0 5px; }
			#popular-presentation.popular li em { display: block; padding: 0 5px; font-style: normal }
			#popular-presentation.popular li em a { color: #4c5238 }
			
			#popular-presentation { width: 260px;  margin-right: 20px; }
			#popular-presentation h3 { background-image: url(../img/misc/popular-presentations.gif) }
			#popular-presentation ul { padding: 0; color: #4c5238 }
			#popular-presentation li { list-style: none; height: 50px; padding: 0; margin-bottom: 1px;  font-size: 11px;background: #f7f7f3 }
			#popular-presentation li span { float: right; width: 120px; height: 35px; padding: 5px 0 10px 5px; border-left: 1px solid #efefe7 }
			#popular-presentation li span strong { float: left; width: 50px; font-weight: normal }
			#popular-presentation li h4 { font-weight: bold; font-size: 11px; padding: 5px 0 15px 5px; }
			#popular-presentation li em { display: block; padding: 0 5px; font-style: normal }
			#popular-presentation li em a { color: #4c5238 }
			
			#popular-post { width: 260px;  margin-right: 20px; }
			#popular-post h3 { background-image: url(../img/misc/popular-groups.gif) }
			#popular-post ul { padding: 0; color: #4c5238 }
			#popular-post li { list-style: none; height: 50px; padding: 0; margin-bottom: 1px;  font-size: 11px;background: #f7f7f3 }
			#popular-post li span { float: right; width: 120px; height: 35px; padding: 5px 0 10px 5px; border-left: 1px solid #efefe7 }
			#popular-post li span strong { float: left; width: 50px; font-weight: normal }
			#popular-post li h4 { font-weight: bold; font-size: 11px; padding: 5px 0 15px 5px; }
			#popular-post li em { display: block; padding: 0 5px; font-style: normal }
			#popular-post li em a { color: #4c5238 }
			
			#popular-user.popular { width: 220px; margin-right: 20px; }
			#popular-user.popular .users { margin-left: 15px; }
			
			#popular-user { width: 265px; margin-right: 20px; }
			#popular-user .users {  }
			
			#popular-group.popular { width: 270px;  margin: 0; }
			#popular-group.popular h3 { background-image: url(../img/misc/popular-groups.gif) }		
			#popular-group.popular ul { padding: 0; color: #4c5238 }
			#popular-group.popular li { list-style: none; height: 50px; padding: 0; margin-bottom: 1px;  font-size: 11px;background: #f7f7f3 }
			#popular-group.popular li h4 { font-weight: bold; font-size: 11px; padding: 8px 0 0 5px; }
			#popular-group.popular li em { display: block; padding: 0 5px; font-style: normal }
			#popular-group.popular li em a { color: #4c5238 }
			
			#popular-group { width: 236px; margin: 0 }
			#popular-group h3 { background-image: url(../img/misc/popular-groups.gif) }
			#popular-group ul { padding: 0 }
			#popular-group li img { float: left; margin-right: 10px }
		
			#popular-group { width: 260px;  margin-right: 20px; }
			#popular-group h3 { background-image: url(../img/misc/popular-groups.gif) }
			#popular-group ul { padding: 0; color: #4c5238 }
			#popular-group li { list-style: none; height: 50px; padding: 0; margin-bottom: 1px;  font-size: 11px;background: #f7f7f3 }
			#popular-group li span { float: right; width: 120px; height: 35px; padding: 5px 0 10px 5px; border-left: 1px solid #efefe7 }
			#popular-group li span strong { float: left; width: 50px; font-weight: normal }
			#popular-group li h4 { font-weight: bold; font-size: 11px; padding: 5px 0 15px 5px; }
			#popular-group li em { display: block; padding: 0 5px; font-style: normal }
			#popular-group li em a { color: #4c5238 }
		
		
		#container .search-box { width: 885px; margin: 0 0 15px; }
		#container .search-box h3 { margin-bottom: 15px }
		#container .search-box h3 span { float: right; padding-top: 8px }
		#container .search-box img { padding: 1px; background: #fff; border: 1px solid #aaa }
		#container .search-box li { line-height: normal }
		#container .search-box li p { line-height: normal; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d5d6cf }
		#container .search-presentation li { float: left; width: 441px; margin-right: 1px }
		#container .search-presentation ul { overflow: hidden; height: 100% }
		
		#container .search-post li { float: left; width: 441px; margin-right: 1px }
		#container .search-post ul { overflow: hidden; height: 100% }
		
		#container .search-group li { float: left; width: 441px; margin-right: 1px }
		#container .search-group ul { overflow: hidden; height: 100% }		
		
		.posts-list { padding: 0; }
		.posts-list li { list-style: none; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d5d6cf }
		
		/* Delete profile */
		#delete-my-profile { width: 400px; margin: 15px auto; }
		#delete-my-profile p { margin-bottom: 15px; text-align: center }
		#delete-my-profile span { display: block; width: 100px; margin: 0 auto }
		#delete-my-profile span .link { margin: 0 }
		#delete-my-profile span .right { float: right }
		
		/* Tabbed menu */
		.tabbed { padding: 0; overflow: hidden; height: 100% }
		.tabbed li { float: left; list-style: none; padding: 0 5px 0 0 }
		.tabbed a { float: left; padding: 5px 15px; margin-top: 10px; color: #acadaa; background: #f6f6f7; border: 1px solid #dfeeff; border-top: 3px solid #b6d6ff; border-bottom: 0 }
		.tabbed .current a { color: #4c5238; padding: 10px 15px; margin: 0; background: #dfeeff; }
				
	/*************************** 
	* 	Footer
	****************************/	
	#footer { position: relative; height: 175px; margin-top: -175px; background: url(../img/html-bg.gif) 0 bottom repeat-x; }
	#footer div { width: 960px; margin: 0 auto; height: 20px; text-align: left; }
	
	#footer dl { float: left; width: 172px; height: 110px; padding: 20px 0 0 20px; }
	#footer dl dt { font-weight: bold; color: #44550f; margin-bottom: 8px; }
	#footer dl dd { margin-bottom: 3px; }
	#footer dl dd a { color: #fff; text-decoration: none; } 
	#footer dl dd a:hover { text-decoration: underline; }

        #footer dl.categories { width: 748px; }
        #footer dl.categories dd { float: left; width: 182px; }



	#footer p { line-height: 45px; color: #3b3b2b; font-size: 11px; }
	#footer p .right a { color: #fff; padding: 3px 0 3px 25px; text-decoration: none; background: url(../img/misc/menu-arr.gif) 0 center no-repeat; }
	#footer p .right a:hover { text-decoration: underline; }	
		
/*************************** 
* 	Layouts#
****************************/
	
	/* Register */
	/*#register { background: url(../img/register-bg.gif) 0 470px repeat-x; }
	#register #footer { clear: both; height: 257px; background-image: url(../img/footer-bg.gif); }
	#register #footer div { width: 800px; padding-top: 212px; }
	#register #footer p, #register #footer p a  {  color: #FFFFFF; } 
	
	#register #top { margin-bottom: 0; padding-bottom: 75px; }
	#register #top ol li { margin-left: 20px; }
	#register .box { width: 600px; margin-left: 190px; }
	#register .box .inside { _height: 250px; min-height: 250px; }
	
	#register #container { position: relative; width: 800px; }
        */

	#man { position: absolute; width: 206px; height: 385px; margin: 30px 0 0 0; left: 60px; background: url(../img/misc/register-misc.gif) no-repeat; }
        .box.man { width: 700px; margin-left: 250px; margin-bottom: 50px; }
        .box.man .inside { _height: 250px; min-height: 250px; }

        body.module-auth { background: url(../img/register-bg.gif) 0 470px repeat-x; }
        .module-auth #top { margin-bottom: 0; padding-bottom: 45px; }

	/* With submenu */
	.module-friend #top,
	.module-gallery #top,

	.module-message #top,
	.module-group #top { margin-bottom: 45px; }
	
	
	
	
	
	
	
	
	
	
	#upload-form { text-align: center; }
	
	
	ul.error_list
	{
		clear: both;
	}/*############################### ende layout.css*/

/* CSS Document
   ***************************** 
   
* ERROR STYLES
**************************************************************/
form .field-hint {
	position: absolute;
	width: 180px;
	z-index: 50;
	background-image: url('/img/hint_topborder.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding: 14px 0 0 0;
	margin:  0px 0 0 210px;
	color: #000;
}

form .field-hint div {
	background-color: #fffbb8;
	border-left: 1px solid #ffc20d;
	border-right: 1px solid #ffc20d;
	border-bottom: 1px solid #ffc20d;
	padding: 4px;
}

form .formErrorContainer {
   position:relative;
   display: block;
   top: -48px;
   left: 0px;
}

form .formErrorContainer .form_error {
	background:url(/img/form_error_bg.gif) bottom left no-repeat;
	color:#fff;
	text-align:left;
	white-space:nowrap;
	padding:4px 10px 11px 10px;
	display:block;
	position:absolute;
}


    /* *** pages specific styles */
#error_for_sport_1 {
	position:absolute;
	top: 210px;
	left: 480px;
}

	/*end - error styles */


/*############################### ende constructor.css*/
/**************************************************************
 *	CSS Forms Framework, v.1.0
 *	
 *	Author: Kamil Kuczmera 
 *	E-mail: kamil@kuczmera.com
 **************************************************************/



.forms {  }
.forms fieldset { border: 0; }
.forms fieldset legend {  }
	
.forms ul { padding: 0; }
.forms ul li { clear: left;list-style: none; padding: 0; } /* clear: left; */
.forms ul li label { display: block; color: #4c5238; padding: 0; margin: 0; line-height: 30px; }

.forms ul li ul { float: left; padding: 0; margin-bottom: 10px; }
.forms ul li ul li { float: left; clear: none; margin-right: 10px; }
.forms ul li ul li label { float: left; clear: none; width: auto; line-height: normal; }
.forms ul li ul li input { width: auto; padding: 0; border: 0; vertical-align: middle; } 

/* Input[text], Select, Textarea */
.forms ul li input,
.forms ul li select,
.forms ul li textarea 
{ color: #969696; border: 1px solid #87b2e2; padding: 5px 10px; font-size: 12px; font-family: Arial; }

.forms ul li input { width: 200px; }
.forms ul li select { width: 220px; padding-right: 0; }
.forms ul li textarea { width: 200px; }

.forms ul li input:focus,
.forms ul li select:focus,
.forms ul li textarea:focus 
{ color: #2d4f76; border-color: #355c88; }
	
	/* Border */
	.forms ul li span { float: left; padding: 5px; background-color: #dfeeff; }
	

	.forms ul.no-span span, .forms ul li span span { float: none; padding: 0; background-color: transparent; }
	
.forms ul.checkboxes { width: 100%; }
.forms ul.checkboxes li { clear: none; display: inline; float: left; width: 45%; padding-right: 20px; }
.forms ul.checkboxes li label { float: left; }
.forms ul.checkboxes li span { float: right; margin-top: 8px; }


	/* Error */
	.forms ul li .form_error { clear: both; font-size: 10px; color: #df0101; }
	
/* Input[checkbox], Input[radio] */
.forms ul .checkbox input
{ width: auto; border: 0; vertical-align: middle; margin-right: 3px; }



.forms ul.terms { clear: both; padding-top: 20px; }
.forms ul.terms li { }
.forms ul.terms li label { }
.forms ul.terms li input { float: left; margin: 8px 0; width: auto; }




/* Input[submit] */
.forms p.submit { clear: both; padding-top: 25px; min-height: 30px; _height: 30px; }
.forms p.submit span,
span.submit { float: left; height: 27px; padding: 0 0 0 11px; margin-right: 15px; background: url(../img/misc/submit-left.gif) 0 center no-repeat; }
.forms p.submit span input,
span.submit input,
span.submit button { height: 27px; padding: 0 11px 0 0; overflow: visible; border: 0; color: #8c9490; 
					 background: url(../img/misc/submit-right.gif) right center no-repeat; cursor: pointer; }

/* Input[checkbox] */
.forms p.checkbox { padding: 3px 0; }
.forms p.checkbox input { vertical-align: middle; }

/* Tos */
.forms p.tos { clear: both; padding-top: 10px; }

/* Vertical */
.forms.vertical ul li { clear: left; min-height: 35px; _height: 35px; padding: 5px 0; }
.forms.vertical ul li label { float: left; width: 200px; line-height: 30px; }
.forms.vertical ul li ul li { clear: none; float: none; min-height: 0; _height: 0 }
.forms.vertical ul li ul li label { clear: none; float: none; display: inline; }

.forms.vertical ul .vertical ul li { float: left; }
.forms.vertical ul .vertical ul li input { margin-right: 3px; vertical-align: middle; }

/* Long */
.forms.vertical.long ul li input { width: 450px; }
.forms.vertical.long ul li textarea { width: 450px; }
.forms.vertical.long ul li select { width: 470px; }
.forms.vertical.long p.submit { padding-left: 200px; }

.forms.vertical.long ul li ul li input { width: auto; }


/* Short */
.forms.vertical.short ul li label { width: 135px; }




.inline-register ul li { clear: none; float: left; width: 290px; }
.inline-register p.submit { float: right; padding-top: 10px; }
.inline-register ul li.left-space { margin-left: 20px; }
.inline-register ul li input {width: 260px;}



/*******************************
 *	Styles
 ******************************/
 
 /* Resgistration */
body.module-auth .forms div.left { width: 360px; }
body.module-auth .forms fieldset.right { width: 270px; padding-left: 20px; border-left: 1px solid #ece4d4; }
 
 /* Search */
 #container #searcher { height: 50px }
 #container #searcher ul { float: left; width: 620px; background: url(../img/misc/searcher.gif) right center no-repeat }
 #container #searcher ul li { padding: 10px 0; width: 100%; }
 #container #searcher li label { text-align: right; padding-right: 10px; }
  #container #searcher li span input { width: 95%; }
    #container #searcher li span { width: 95%; margin-left: 5px; }
 #container #searcher .checkbox { padding: 0 }
 #container #searcher .checkbox label { width: auto; text-align: left; }
 #container #searcher .checkbox label input {margin-right: 0; }
 #container #searcher #search_text { width: 320px; }
 #container #searcher .searcher { clear: none; float: right; padding: 5px 0 0 0; width: 230px; line-height: 40px; }
 #container #searcher .searcher a { padding: 3px 15px 3px 20px; background: url(../img/misc/advanced.gif) left center no-repeat } 
 /* ############################### ende forms.css*/




		.link.activated, .link.activated, a.activated, .comment dt span a.activated { color: red; }
		.link.deactivated, .link.deactivated, a.deactivated, .comment dt span a.deactivated { color: green; }	
		
		#group-list tr.deactivated { border: 1px solid red; }
		.topic-listing tr.deactivated { border: 1px solid red; }
		
		
		
		
		.highlight { background-color: yellow }



select.filter { width: 100%; }
select.filter.small { }