@charset "UTF-8";
/* CSS Document */
/* Theme name: SOCIAL */
/* Gemilo Social, Copyright Gemilo Oy 2010 */

/* INDEX */
/* PLEASE ADD NEW SECTIONS TO INDEX */
/* 
 - Reset
 - Body Styles
 - Basic Typography
 - Lists
 - Markup fields
 - Tables
 - Forms
   - Custom Content form fields
   - Custom form fields
 - Helpers
   - Notifications and errors
   - Other
   - Diff
 - UI-elements
   - Tabs
   - Content area
   - Buttons
   - Actions 
   - Popup
   - Loaders
 - Components
   - Page actions
   - Content listings
   - Comments
   - Work hour report
   - Breadcrumb
   - Tags
   - Pager
   - RSS feed
   - Star rating
   - Dropdown
   - Carousel
   - Translations
   - File Attachments
   - Work time tracking
   - Status updates
   - Activities
   - autocomplete
   - datepicker
   - fancybox
   - colorpicker
   - slider
   - wiki content
 - Page Structure
   - Header
   - Footer
   - Navibar
   - Content
 - Page Components
 */


/* ----------------------------------------- */
/* --------------  RESET  ------------------ */
/* ----------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;}
a img {border:none;}


/* ------------------------------------------*/
/* ------------ BODY STYLES -----------------*/
/* ------------------------------------------*/

html {height:100%;}

body {
	font-family:Arial, sans-serif;
	font-size:75%;
	line-height:1.5;
	color:#222;
	background-color: #fff;
	height:100%;
	margin:0 auto; 
	}

/* for sticky footer */
body > #outer_wrapper {height: auto; min-height: 100%;}

/*Opera Fix for sticky footer*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}


	
/* ------------------------------------------ */
/* ---------- BASIC TYPOGRAPHY -------------- */
/* ------------------------------------------ */

h1,h2,h3,h4,h5 {
	font-family:Trebuchet, "Trebuchet MS", Arial, sans-serif;
}

h1 {
	font-size:2em;
	font-weight:normal;
	line-height:1.3333;
	margin-bottom:0.625em;}

h2 {
	font-size:1.5em;
	font-weight:normal;
	line-height:1;
	margin-bottom:0.5em;
	}

h3 {
	font-size:1.25em;
	font-weight:normal;
	line-height:1.2;
	margin-bottom:1.2em;
	}

h4 {
	font-weight:bold;
	}

p {
	margin-bottom:1.5em;
	}
	

em {
	font-style:italic;
	}

strong {
	font-weight:bold;
	}

small {
	font-size:0.8333em;
	}
	
a {
	color:#1b98d8;
	text-decoration:none;
	}

a:hover{
	color:#1082bd;
	}

a:active {
	color:#e48100;
	}

a:visited {
	color:#4997bf;
	}


/*link to external site, only works in compliant browsers, but degrades gracefully */
.ext_link:after {
	content: url(../images/external_link.png);
	}

/* ------------------------------------------ */
/* LISTS ------------------------------------ */
/* ------------------------------------------ */

ol,	
ul{}

li{}


dl {
	}

dt {
/*	border-bottom:1px solid #ccc ;*/
	margin:0.5em 0 0 0;
	}

dd {
	margin-left:0.5em;
	}
	
/*---------------------------------
--------  MARKUP FIELDS -----------
---------------------------------*/
div.markup ul {list-style-type: disc !important; }
div.markup ol {list-style-type: decimal !important; }
div.markup ol, div.markup ul {list-style-position:inside; padding-left:40px; margin:10px 0pt; border:none;color:#000 !important; }
div.markup li{border:none;color:#000 !important;}	


/* ------------------------------------------ */
/* TABLES ----------------------------------- */
/* ------------------------------------------ */

/* Let's not use thead, tbody and tfoot because of uncomplete browser support */
table {
	/*border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;*/}

th{
	color:#888;
	font-weight:bold;}

tr {}

td {
	padding:0.25em 0.5em;}


/* ------------------------------------------ */
/* FORMS ------------------------------------ */
/* ------------------------------------------ */

form {
	}	

fieldset {
	border-top:1px solid #ddd;
	/*position:relative;*/
	margin-bottom:2em;
	}

legend {
	display:block;
	background:#ddd url('../images/form_legend_bg.png') repeat-x bottom;
	width:96%;
	font-weight:bold;
	padding:1% 2%;
	border-bottom:1px solid #ddd;
	}
	

legend em{
	font-weight:normal;}

	.field_group {
	padding:0.75em 2em 1em 2em;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	background:transparent url('../images/form_field_group_bg.png') bottom repeat-x;}
	

.field {
	}
	
label {
	color:#888;
	} 

label.required em,
#required_info em {
	display:block;
	padding-right:0.25em;
	float:left;
	color:red;
	font-size:1.5em;
	}

label.required em{
	margin-left:-0.5em;
	}
	
input{ 
	}
	
input.text,
textarea{
	border:1px solid #ccc; 
	padding:0.25em;
	}

input.text {
	width:17em;}
	
input.text.unfocus {
	background-color:#f6f6f6;
	font-style:italic;
	color:#888;}

input.text:focus{ 
	background-color:#f0f0f0;}

input.browse {
	width:auto;
	}

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

input.radio{ 
	}
	
input.checkbox{ 
	}

.textarea{ 
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5;
	width:30em;
	height:4em;}
	
.textarea:focus{ 
	background-color:#f0f0f0;}

select {
	margin-top:0.5em;
	}
	
.helpText {
	color:#888;
	font-size:0.8333em;
	margin-top:0.25em;}

.helpText strong{
	color:#e48100}
	
form .error-message {
	display:block;
	width:auto;	
	color:#990000;
	background-color:#FFCCCC;
	padding:0.25em 0.5em;
	margin:0.25em 0;}

form br {
	display:inline;
	height:0;}
	
/* EXEPCTIONS */
form.add_tag_form .field_group,
form.add_tag_form .field_group,
#preferences .field_group,
form.add_member_form .field_group{
	background:none;
	border:none;
	padding:0;
	}

form#config textarea {
    width : 100%;
}

/* --- sub Custom Content form fields --------------- */

.custom_content fieldset {
	clear:both;
	border-top:0;}

.custom_content fieldset h2 {
	display:block;
	background:#ddd url('../images/form_legend_bg.png') repeat-x bottom;
	width:96%;
	font-weight:bold;
	font-size: 1.1em;
	padding:1% 2%;
	border-bottom:1px solid #ddd;
	}

.custom_content fieldset fieldset h2 {
	background:none;
	border-bottom:0;
	padding-left:0;
	font-size: 1.1em;
	font-weight:bold;}


.custom_content legend {
    white-space:normal;
	font-weight:normal;}

.custom_content .field_group {
        border: 0px;
        background:none;
        padding:0.2em 1em 0.5em 1.5em;}

.custom_content .field {
        float: left;
		padding-bottom:0.3em; }

.custom_content label {
   float:left; 
   clear:both;
   text-align:right; 
   width: 12em;
   padding-right:0.5em;
   color:#222;}

.custom_content .custom_field {
   padding: 0; 
   }
   
.custom_field fieldset {margin:0;}

.custom_field_picture {
   clear:both;
   padding: 0.5em 0 0 14em; 
   }

.custom_content #add_new_field_button {clear:both;}
.custom_content fieldset ul li {clear:both;}
   
/* --- sub CUSTOM FORM FIELDS --------------- */

#publishing_year,
#zip_code{
	width:4em;}

#start_date_part,
#end_date_part,
#price,
#registration_deadline
{
	width:7em;}

#start_time_part,
#end_time_part,
#max_num_items{
	width:4em;}

#phone_number,
#city,
#current_password,
#password,
#confirm_password{
	width:10em;
	}

#invitation_message {
	height:8em;}
	
#invitation_topic,
#update_text{
	width:30em;}

#new_persons,
#new_groups {
	width:15em;}




/* ------------------------------------------ */
/* HELPERS ---------------------------------- */
/* ------------------------------------------ */


#tooltip {
    background-color:#EEEEEE;
    border:1px solid #111111;
    opacity:0.95;
    padding:5px;
    position:absolute;
    z-index:999;
    max-width: 700px;
}

#tooltip img {
    opacity: 1 !important;
}

.tooltip-content {
    display : none;
}

/* --- sub NOTIFICATIONS & ERRORS ----------- */
	#notifications,
	#errors,
	#alerts {
		-webkit-border-radius:0.5em;
		-moz-border-radius:0.5em;
		border-radius: 0.5em;
		margin:0.5em 1em 1em 1em;}
		
	#notifications,
	#errors,
	#alerts,
	.ajax-error,
	.ajax-success {
		padding:0.5em 2em;}
	
	#notifications, #alerts {
		background-color:#ffce25;
		border:1px solid #e89403;}

	#errors,
	.ajax-error {
		background-color:#ffce25;
		border:1px solid #e89403;}	
	
	.ajax-success {
		background-color:#E9F4F6;
		border:1px solid #ccc;}
	
/* --- sub AJAX POPUP MESSAGE BOXES -----*/

	.ajax-error,
	.ajax-success {
		width:20em;/* needed for fanybox not to break. */ 
		overflow:visible;}

/* --- sub AJAX LOADER BOXES -----*/
    .ajax-action-loading-message img {
        max-width: 100%;}

/* --- sub DIFF ----------- */
    .diff-element {
    
    }

    .diff-field-name {
        color: #4B767B;        
    }
    
    .diff-old-value {
        color: #b04a12;
    }
    
    .diff-new-value {
        color: #2e7154;
    }
	    	
/* --- sub OTHER -----------------------------*/
	.meta,
	dt {
		color:#888;
		font-size:0.8333em;	
		}

	img.avatar {
		border:1px solid #e1d9b0;
		}
	
	.nostyle {
		border-top:1px solid #ccc;
		clear:both;
		overflow:hidden;}
	
	.hidden {
    	display:none;
	}

/* ------------------------------------------ */
/* UI-ELEMENTS ------------------------------ */
/* ------------------------------------------ */

/* --- sub TABS ----------------------------- */
	.tabs_container {
		clear:both;
		overflow:hidden;
		width:100%;
		margin-top:1em;}
	
	ul.tabs,
	#search_results_tabs {
		overflow:hidden;
		width:100%;
		background:transparent url('../images/tabs_bottom_bg.png') repeat-x bottom;
		}
		
	ul.tabs li,
	#search_results_tabs li {
		display:block;
		float:left;
		margin-right:0.5em;
		background:#fff;
		padding:0.25em 0.5em;
		border:1px solid #ccc;
		-webkit-border-top-left-radius:0.5em;
		-webkit-border-top-right-radius:0.5em;
		-moz-border-radius-topleft:0.5em;
		-moz-border-radius-topright:0.5em;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 0.5em;
		
	}
	
	ul.tabs li a,
	#search_results_tabs li a {
	
		display:block;
		float:left;

		outline:none;}
	
	ul.tabs .selected,
	#search_results_tabs li#selected {
		
		background-color:#fff;
		background-image:none;
		border-bottom:1px solid #fff;
	}
	
	ul.tabs .selected a,
	#search_results_tabs li#selected a {
		color:#222;
	}
	
	.tab_content_area {
		margin-top:1em;
	}
	
	#search_results_tabs li em{
		margin-left:0.5em;
		font-weight:bold;
		font-style:normal;
		color:#ccc;}
		
	ul.tabs .selected em,
	#search_results_tabs #selected em {
		color:#666666;
		}
	


/* --- sub CONTENT AREA ------------------------------ */
	
	.content_area { /* --- IE6 fix in ie6.css --- */
	margin:0 0 1em 0;
	padding:0 1em 1em 1em;

	}
	
	.content_wrapper,
	.content_area{
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	border-radius: 0.5em;
	border: 1px solid #dddddd;
	margin-bottom:1em;
	overflow:hidden;
	}
			
	/* different visual attributes for different types of content areas */
	.content_area.navi_area,
	.content_wrapper.navi_area {
		background-color:#ffffff;
		border: 1px solid #dddddd}
	.content_area.profile_area,
	.content_wrapper.profile_area {
		background-color:#ffffff;
		border: 1px solid #dddddd}
	.content_area.meta_area,
	.content_wrapper.meta_area {
		background-color:#ffffff;}

	.status_update_content {overflow:hidden; } /* ie6 fix*/
	
	/* if many content areas are wrapped into one unity */
	.content_wrapper .content_area{
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	border:none;
	padding-bottom:0;
	background-color:transparent;}
	

	/*header of content area */ 
	.content_area  h3 { 	/* --- IE6 fix in ie6.css --- */
		color: #000;
		border-bottom:1px solid #c4c4c4;
		margin:0 -1em 0.5em -1em;
		padding:0.5em 1em;
		background:#dedede url('../images/h3_bg.png') repeat-x bottom;
		-webkit-border-top-left-radius:0.6em;
		-webkit-border-top-right-radius:0.6em;
		-moz-border-radius-topleft:0.6em;
		-moz-border-radius-topright:0.6em;
		border-top-left-radius: 0.6em;
		border-top-right-radius: 0.6em;
		}
	
	.content_area h2 a, 
	.content_area h2 a:visited,
	.content_area h3 a, 
	.content_area h3 a:visited {
		color:#000;
		}
		


/* --- sub BUTTONS -------------------------- */
	.btn,
	.form_image_btn,
	.add_tag_image_btn,
	.btn_small,
	.link_button {
		color:#fff;
		-moz-border-radius: 0.5em;
		-webkit-border-radius:0.5em;
		border-radius:0.5em;
		padding:0.2em 0.5em;
		background:#5abbec url('../images/btn_bg.png') repeat-x bottom;
		border:1px solid #42a4d6;
		font-weight:bold;
		margin-top:0.5em;
		margin-bottom:0.5em;
		}
	
		.btn:hover,
		.form_image_btn:hover,
		.add_tag_image_btn:hover,
		.btn_small:hover,
		.link_button:hover {
			background-color:#5abbec;
			color:#fff;
			background-image: none;
			border:1px solid #42a4d6;
			}
			
		.btn:active,
		.form_image_btn:active,
		.add_tag_image_btn:active,
		.btn_small:active,
		.link_button:active {
			background-color:#47abde;
			color:#fff;
			background-image: none;
			border:1px solid #42a4d6;
			}
		
	.form_image_btn_disabled {
		color:#999999;
        border:1px solid #dddddd;
		background-color:#ddd;
        background-image:none; 
        -moz-border-radius: 0.5em;
		-webkit-border-radius:0.5em;
		border-radius:0.5em;
		padding:0.2em 0.5em;
		font-weight:bold;
		margin-top:0.5em;
		margin-bottom:0.5em; }
		
	.btn.add_tag {}
	.btn.add_comment {}
	.btn.invite_user {}
	.btn.translate_document {}
	.btn.join_group {}
	
	.add_tag_image_btn,
	.btn_small,
	.link_button {
			padding:0.25em 0.5em;
			display:inline-block;
			font-size:0.91666em;
			font-family:Arial, Helvetica, sans-serif;}
	
	.btn_small:visited,
	.link_small:visited,
	.link_button:visited {
		color:#fff;}
    


/* --- sub ACTIONS -------------------------- */
	.edit {}
	.delete {}
	.set_permissions {}
	.export{}
	
/* ---sub POPUP ---------------------------- */
/*	html {
    	height: auto;}
*/
	
	body#popup {
		background-color:#fff;
		overflow:auto;
		margin: 0 2em;
		max-height:480px;}

	#popup .field_group {
		width: auto;}
	
	#popup .field input {
	}
	
	#popup .helpText { 
		}
		
	#popup #work_hour_form #minutes {
		width:4em;}
	
	#popup #work_hour_form #work_date{
		width:7em;}
	
	#popup #contact-partners label {
		float: none;
		text-align: left;
		width: 250px;}
	
	#popup #contact-partners table {
		width: 250px;}
	
	#popup #contact-partners tr.partner {
		border-bottom: 1px solid #238DBE;}
	
	#popup #contact-partners td {
		padding-top: 3px;}
	
	#popup #contact-partners td.partner-name {
		font-size: 1.3em;
		font-weight: bold;
		width: 180px;}
	
	#popup #contact-partners select {
		width: 95%;}



/* ------------------------------------------ */
/* COMPONENTS ------------------------------- */
/* ------------------------------------------ */
/* As Social is very component-driven and configurable software, this is where */
/* most of the styles are. Always try to make styles general. */


/* ---sub PAGE ACTIONS ------------------------*/
	.actions {
		overflow:hidden;
		text-align:right;	
		margin-bottom:1em;
		width:100%;
		}
		
	.actions form{ /* ie6 and ie7 fix */
		/*display:inline;*/
		float:right;
		}			
	
	a#invite-friends { /* ie6 and ie7 fix */
	/*	overflow:hidden;*/
		margin-left:0.75em;
		float:right;
		display:block;
		width:24px;
		height:22px;
		text-indent:-9999px;
		background:transparent url('../images/big-icons_sprite.png') no-repeat 0 3px;
		font-size: 0;
		color:#fff;
		line-height: 0;}
			
/* ---sub CONTENT LISTINGS-----------------------*/

	.content_list,
	.content_s_list {
		list-style-type:none;
		list-style-position:outside;}
		
	.content_list{
		margin:1em 0;}
		
	.content, .content_s { 
		margin-bottom:0.5em;
		overflow:hidden;
		position:relative;}
	
	.content {	/* --- IE6 fix in ie6.css --- */
		padding:0.5em 1em;
		border:1px solid #dddddd;
		-webkit-border-radius:0.5em;
		-moz-border-radius:0.5em;
		border-radius: 0.5em;}
	
	.content_s {
		margin-bottom:0.25em;
		padding:0.25em 0.25em 0.5em 22px;
		border-bottom:1px solid #eaeaea;}
	
		#sidebar .content_s {
		border-bottom:0;}
			
	.content_s small{
		line-height:1.3;
		display:block;}
	
	.content_info {
		float:left;}
	
		.content.user .content_info, .content.firm .content_info {
			margin-left: 17%; 
			float:none;}
		
	.content_info .tag_list_small {
		margin-top:0.5em;}
	
	
	.content_meta {
	margin-top:1em;}

	.content_extra {
		float:left;
		margin-right:1em;
		padding:1px;}

	.content .content_extra {
		width:14%;}
		
	.organization_image img {
		}
	
	.user_image img {
		border:0;
		}

	.content_actions,
	.content_s .actions {
		float:right;	
		margin-left:0.5em;
		margin-bottom:0;
		display:inline;
		width:20px;}				
		
	.material{}
	.firm{}
	.organization{}
	.group{}
	.user{}
	.event{}
	.custom_content{}
	.forum{}
	
	.content_s.material{background:transparent url('../images/icons_sprite.png') no-repeat 0 -600px;}
	.content_s.firm {background:transparent url('../images/icons_sprite.png') no-repeat 0 -3600px;}
	.content_s.organization {background:transparent url('../images/icons_sprite.png') no-repeat 0 -3600px;}
	.content_s.group {background:transparent url('../images/icons_sprite.png') no-repeat 0 -400px;}
	.content_s.project {background:transparent url('../images/icons_sprite.png') no-repeat 0 -1000px;}
	.content_s.user {background:transparent url('../images/icons_sprite.png') no-repeat 0 -3900px;}
	.content_s.event {background:transparent url('../images/icons_sprite.png') no-repeat 0 -800px;}
	.content_s.work_hour {background:transparent url('../images/icons_sprite.png') no-repeat 0 -2000px;}
	.content_s.forum, .content_s.topic {background:transparent url('../images/icons_sprite.png') no-repeat 0 -3800px;}
	.content_s.custom_content {}
	.content_s.adduser {background:transparent url('../images/icons_sprite.png') no-repeat 0 -100px;}


	.time_divider h3 {
		color:#444;
		border-bottom:1px solid #ddd;
		padding-bottom:1px;
		margin:5px 0 0 0;}
		
	.time_divider .content_s:last-child {
		border-bottom:none;}
	
	a.sort {
		padding:2px 10px;
		border:1px solid #ccc;
		color:#868686;
		background-color:#ccc;}
		
	a.sort.active {
		background-color:#fff;}
	
	a.sort:visited  {
		color:#868686;}
		
/* ---sub COMMENTS---------------------------*/

	#comments {
		margin:1em 0;}
	
	#comments h4 {
		height:33px;
		padding:0px 0 0 60px;
		margin:0;
		font-weight:normal;
		color:#868686;}
		
		a.delete_comment {background-color:#ddd; color:#999;  padding:0 3px 1px 3px;}
		a.delete_comment:hover{background-color:#CC3333; color:#fff;}
	
	
	.comment-item {
		border:1px solid #ddd;
		-webkit-border-radius:0.5em;
		-moz-border-radius:0.5em;
		 border-radius: 0.5em;
		}
	
	.comment-item {
		padding:0.5em 1%;
		margin-bottom:0.5em;
		overflow:hidden;
		width:auto;}
		
	.comment_extra {
		float:left;}
	
	.comment_extra{
		margin-right:1%;
		width:14%;}
	
	.comment_content {
		width:85%;
		float: right;}
	
	.comment_content blockquote {
		background-color:#eee;
		padding:0 2% 1%;
		color:#555;
		}
	
	.comment_meta {
		padding-bottom: 0em;
		float: right;
		width: 85%;}

	.user_comment_thumb {
		border:0;}
	
	.message_counts {
	}
			

/* --- sub BREADCRUMB ----------------------- */

	#breadcrumb { 
		font-size:0.8333em;
		margin-bottom:0.5em;
		}
		
	#breadcrumb a,
	#breadcrumb a:visited { 
		color:#888888; 
		margin-right:0.5em;}
		
	#breadcrumb a:hover {
		color:#222222;}
	
	/* There is IE5 fix for this style*/	
	#breadcrumb span {
		padding-right:0.5em;
		font-weight:bold;}


/* --- sub TAGS -----------------------*/
 
	.popular_tag_list {
		font-weight:bold;
		list-style-type:none;
		}
	
	.popular_tag_list li {
		border-bottom: 1px dotted #ddd;
		margin:0 0 3px 0;}

	.popular_tag_list em {
		font-weight:bold;
		color:#fff;
		padding:0 2px 0 2px;
		float:right;
		text-align:right;}

	.popular_tag_list .lot {background-color:#636363;}
	.popular_tag_list .some {background-color:#929292;}
	.popular_tag_list .few {background-color:#d0d0d0;}
	
	.tag_list {
		overflow:hidden;
		list-style-type:none;
		margin:0.5em 0;}
	
	.tag_list_small {
		clear:left;}
	
	.tag_list li,
	.tag_list_small a{
		font-size:0.8333em;
		float:left;  
		margin:0 0.5em 0.25em 0; 
		padding:0.15em 0.5em; 
		background:#deddde url('../images/tag_body_bg.png') bottom no-repeat;
		white-space:nowrap}
		
	.tag_list_small a .showhide{
		float:none;
		background:none;
		margin:0;
		padding:0;
	}
		
	.tag_list li a, a.tag-list-item {
		color:#3e3e3e;}
		
	.tag_list li a.delete_tag {
		font-weight:bold; 
		color:#4e4e4d;  
		padding:0 0.25em;}
	
	.tag_list li a.delete_tag:hover{
		color:#660000;}

	
		

/* --- sub PAGER -----------------------*/

	.pager_pages {
		margin-bottom:0em;
		padding-bottom:1em;
		font-weight:bold;
		border-bottom:0;
		overflow:hidden;
	}
	
	.pager_pages span,
	.pager_pages a {
		border-width:1px;
		border-style:solid;
		padding:0.15em 0.5em;
		margin-right:1em;
		display:block;
		float:left;
	}
	
	.pager_pages label {
		float:left;
		width:auto;
		margin-right:0.5em;
	}
		
	.pager_pages span {
		background-color:#ccc;
		color:#868686;
		border-color:#ccc;
	}
    
    .pager_pages.bottom {
        /* display: none; */
    }


/* sub RSS FEED ---------------------- */

	#rss_feed_list {
		margin:10px 0 10px 0;
	}
	
	div.rss_feed {
		margin-top:20px;
	}
	
	ul.rss_feed_body {
		margin-left:20px;
	}
	
	ul.rss_feed_body small{
		color:#777;
		font-weight:normal;
	}
	
	ul.rss_feed_body p {
		font-size:1em;
	}
	
	div.rss_feed_actions {
		float:right;
		margin-top:-1px;
	}

    .rss_feed img {
        max-width: 100%;
    }


/* sub STAR RATING ------------------- */
	
	.rating, .editable{
		cursor: pointer;
		display:inline;
		padding-right: 5px;
		height:16px;
		line-height:16px;
	}
	
	.cancel,
	.star {
		float: left;
		width: 17px;
		height: 15px;
		overflow: hidden;
		text-indent: -999em;
		cursor: pointer;
	}
	.star-left,
	.star-right {
	  width: 8px
	}
	.cancel,
	.cancel a {background: url(../images/delete.gif) no-repeat 0 -16px;}
	
	.star,
	.star a {background: url(../images/star.gif) no-repeat 0 0px;}
	.star-left,
	.star-left a {background: url(../images/star-left.gif) no-repeat 0 0px;}
	.star-right,
	.star-right a {background: url(../images/star-right.gif) no-repeat 0 0px;}
		
	.cancel a,
	.star a {
		display: block;
		width: 100%;
		height: 100%;
		background-position: 0 0px;
	}
	
	div.rating div.on a {
		background-position: 0 -16px;
	}
	div.rating div.hover a,
	div.rating div a:hover {
		background-position: 0 -32px;
	}
	
	#content div.rating p {
	  margin: 0;
	}
	
	
	div.rating div.onStar {
		background-position: 0 -16px;
	}
	.objectStarRatingDisplay, .objectStarRatingControl {
		margin: 2px;
	}
	.objectStarRatingDisplay {
		margin-left: 19px;
		float: left;
	}
	
	
	small .objectStarRatingDisplay {
		margin-left: 0pt;
	}
	
	small .objectStarRatingDisplay .star {
		cursor: default;
	}


/* sub DROPDOWN -----------------------*/

	.menu_head{	
		display:block;
		cursor:pointer;
		width:104px;
		text-align:center;
		color: #fff;
		background:#859910 url(../images/btn_bg.png) bottom left repeat-x;
		padding: 2px 8px;
		border:0;
		font-size:1.4em;
		-moz-border-radius: 4px;}
	
	a.menu_head:hover {
		color:#fff;}
	
	.menu_body {display:none; position:absolute; width:120px;}
	.menu_body li{background:#616265;}
	.menu_body li.alt{background:#4a4a4a;}
	.menu_body li a, .menu_body li a:visited {color:#FFFFFF; text-decoration:none; padding:5px; display:block; font-size:10px;}
	.menu_body li a:hover{font-weight:bold;}
	.menu_body li a.hover {background-color:#9dad43;}

/* ---sub CAROUSEL -------------------------*/

/* ---sub TRANSLATIONS ---------------------*/
	.object-translations,
	#object-language {
		padding-left:1em;}

/* ---sub FILE ATTACHMENTS ----------------- */
	#file_attachments {
		margin:10px 0 10px 0;}
	
	table.file_attachment_details {
		width:100%;}
	
	table.file_attachment_details tr.last td {
		border-bottom:1px solid #ccc;
		padding-bottom:10px;}
		
	table.file_attachment_details td {
		vertical-align:top;
		padding-top:3px;
		padding-left: 3px;
		padding-right: 3px;}
	
	td.file_attachment_filename {
		width:30%;}
	
	td.file_attachment_description {}
	
	td.file_attachment_description div {
		overflow: hidden; 
		width: 14em;}
	
	td.file_attachment_size,
	td.file_attachment_date {
		color:#777;}
	
	td.file_attachment_date {
		width:30%;}
	
	td.file_attachment_creator {}
	
	td.file_attachment_edit {}
	
	td.file_attachment_delete {}
	
	td.file_attachment_thumbnail img{
		width:100px;}
	
	div.add_file_attachment_button {}

/* --- RSS FEED -------------------------- */
	#rss_feed_list {
		margin:1em 0 1em 0;}
	
	div.rss_feed {
		margin-top:2em;}
	
	ul.rss_feed_body {
		list-style-type:none;
		margin-left:2em;}
	
	ul.rss_feed_body small{
		color:#777;
		font-weight:normal;}
	
	ul.rss_feed_body p {
		font-size:1em;}
	
	div.rss_feed_actions {
		float:right;
		margin-top:-1px;}


/* --- sub ADD BOX ------------------------ */
	
	
	.add_tag,
	.add_member_form {
		background-color:#dde99c;
		padding:3px;}
		
	.tagbox .add_tag,
	.add_member_form {
		background-color:#fff;
		-webkit-border-radius:0.5em;
		-moz-border-radius:0.5em;
		border-radius: 0.5em;
		border:1px solid #ddd;}

		#sidebar .tagbox .add_tag,
		#sidebar .add_member_form {
			border:0px solid #ccc;}
	
	.tagbox .add_tag input.text,
	.add_member_form input.text{
		width:95%;}
	
	.tagbox .field_group,
	.add_member_form .field_group{
		padding:0.5em;}
		

/* --- sub PREFERENCES ---------------------*/
	#preferences {
		overflow:hidden;
		width:100%;
		margin:1em -1em 0 -1em;
		padding:1em 1em 0 1em;
		border-top:1px solid #dddddd;}

	#preferences label {
		color:#222;}

/* --- sub USER GENERATED ------------------*/
	#user_generated {
		overflow:hidden;
		width:100%;
		margin-top:1em;}

/* --- sub WORK TIME TRACKING -------------- */
	#subnavi_links .add_work_hours_button {
		float:right;
		margin-right:5px;
		}
	
	.work_hour {
		border-bottom:1px solid #DDDDDD;
		margin-bottom:0.25em;
		margin-left:1em;
		padding:0.25em 0.5em 1px 22px;
		}
		
	.work_hour_title {
		color:#777;
		}
	
	.work_hour_description p {
		margin-bottom:0;
		}
	
	.work_hour_date {
		/*color:#000;*/
		font-weight:bold;
		}
	
	.work_hour_minutes {
		font-weight:bold;
		color:#000;}
		
	.work_hour_list .add_work_hours_button {
		margin-top:10px;
		}
	
	table.wr th,
	.wr_row_title {
		font-weight:bold;
		font-size:0.83333em;
		color:#888;}
		
	.wr_row_title {
		text-align:right;}
	
	table.wr td {
		padding:0.25em;}
	
	.odd .wr_calendar_cell,
	.odd .wr_weekly_total {
		background-color:#f7f7f7;}
	
	.wr_calendar_cell {
		width:50px;
		color:#666;}
	
	.wr_calendar_today_cell {
		border:1px solid red;}
	
	td.wr_calendar_cell.wr_calendar_outsidemonth {
		background-color: #d8d8d8;
		border: 1px solid #d8d8d8;}
		
	.wr .wr_weekly_total{
		padding-left:1em;
		padding-right:1em;}
	
	.wr_weekly_total,
	.wr_week_day_total {
		font-weight:bold;}
		
	.wr_week_day_avg {
		border-top:1px solid #999;}
	
	.wr_week_day_total,
	.wr_calendar_cell {
		border-top:1px solid #ddd;}
	
	.wr_calendar_cell,
	.wr_week_day_total,
	.wr_week_day_avg
	 {
		border-right:1px solid #eee;
		text-align:center;}
	
	h3.month_title {
		margin-top:2em;}
	
	.project_totals_table,
	#wr_graph_container {
		float:left;
		width:70%;}
		
	.project_totals_table {
		width:30%;}
	
	#wr_project {
		overflow:hidden;}
	
	#wr_totals td{
		font-weight:bold;}
	
	#wr_totals,
	#wr_project,
	#wr_regenerate {
		padding-top:1em;
		margin-top:2em;
		border-top:1px solid #ccc;}
	
	.totals_table {}
	
	.year_title {
		font-weight:bold;
		margin-bottom:0;}
	
	
/* ------- sub STATUS UPDATES ----------------*/
	.add-status-update fieldset,
	.add-status-update .field_group {
		border:none;
		background:none;
		padding:0;
		margin-bottom:0; }
		
	.add-status-update fieldset {clear:both;}
	
	.status_update_details {
		padding: 0.5em;
		border:1px solid #dddddd;
		-webkit-border-radius:0.5em;
		-moz-border-radius:0.5em;
		border-radius: 0.5em;
		overflow:hidden;}
	
	#user_profile .content_s  {	/* -- status updates in user profile box  --*/
		padding-bottom:0;
		margin-bottom:0;
		padding-right:0;
	}
	
	.navi_area .content_s.user  {	/* -- all status updates in left column --*/
		padding-right:0;
	}
	
	.status-update-item:first-child .status_update_details {
		background-color:#ffffff;}
	
	.status_update_meta,
	.status_update_content{ 
		}
	
	.status_update_content {
		width:100%;}
	
	.status_update_meta{
		clear:both;
		width:100%;}
	
	.status_update_item {
		border-bottom:1px solid #ccc;}

    .status_update_content p {
        margin-bottom: 0px;}
		
	a.delete_status_update {background-color:#ddd; color:#999;  padding:0 3px 1px 3px;}
	a.delete_status_update:hover{background-color:#CC3333; color:#fff;}

    textarea#update_text { 
        height:1em;
     }

    #user_profile textarea#update_text { 
        /* width: 100%; */
        width: 13em;
     }

    .status_update_comments {
        margin-left: 3em;
    }

    .status_update_comments .comment-item {
        border: 0px;
        border-bottom: 1px solid #ccc;
        margin: 0 0 0 0;
     }

    .status_update_comments .comment-item p {
        margin-bottom: 0px; 
     }

    .status_update_comments fieldset {
        border: 0;
        background: none;
     }
    
    .status_update_comments .field_group {
        border: 0;
        background: none;
     }


/*------------ sub DATE PICKER ------------------*/
#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
	background: #fff;
	width: 185px;
}

.ui-datepicker-header {
	background: #eaeaea ;
	color:#222 ;
	text-align: center;
	font-weight: bold;
}
.ui-datepicker-header select {
	background: #eaeaea;
	color: #000 ;
	border: 0px;
}
.ui-datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
	padding:0;
}
.ui-datepicker a {
	
}
.ui-datepicker-month, .ui-datepicker-year {
	color: #000; 
	font-size: 1em;
}

#ui-datepicker-div {
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #16768e;
}
.ui-datepicker-control {
	background: #a2daf4;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #a2daf4;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
}
.ui-datepicker-links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}

.ui-datepicker-title-row {
	background: #777;
}
.ui-datepicker-days-row {
	background: #a2daf4;
	color: #666;
}
.ui-datepicker-week-col {
	background: #777;
	color: #fff;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #16768e;
}
.ui-datepicker-days-cell a{
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #4ba8bf;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #777;
}
.ui-datepicker-days-cell-over {
	background: #fff;
	/*border: 1px solid #777;*/
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-today {
	background: #fff587 !important;
}
.ui-datepicker-current-day {
	background: #16768e !important;
}
.ui-datepicker-status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #16768e !important;
}
.ui-datepicker-title-row a {
	color: #eee !important;
}
.ui-datepicker-control a:hover {
	background: #fff !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #fff !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #777;
}
.ui-datepicker-one-month {
	float: left;
}
.ui-datepicker-new-row {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


/* -------- sub AUTOCOMPLETE ----------------*/

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #16768e;
	color: white;
}

/* -------- sub fancybox  - Version: 1.3.0 (02/02/2010) -  Requires: jQuery v1.3+ ---------------*/

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancybox/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('../images/fancybox/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('../images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('../images/fancybox/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('../images/fancybox/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('../images/fancybox/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('../images/fancybox/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('../images/fancybox/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat;
}

#fancybox-frame html {background-color:#fff;}

/* --- Fancybox dialogs --- */
div.fancybox_dialog {
	display: none;
}

/* --- sub ColorPicker http://www.eyecon.ro/colorpicker/ --------------------- */

.colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(../images/colorpicker/colorpicker_background.png);
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    z-index: 9999;
}

.colorpicker_color {
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #f00;
    overflow: hidden;
    cursor: crosshair;
}

.colorpicker_color div {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: url(../images/colorpicker/colorpicker_overlay.png);
}

.colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(../images/colorpicker/colorpicker_select.gif);
    margin: -5px 0 0 -5px;
}

.colorpicker_hue {
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize;
}
.colorpicker_hue div {
    position: absolute;
    width: 35px;
    height: 9px;
    overflow: hidden;
    background: url(../images/colorpicker/colorpicker_indic.gif) left top;
    margin: -4px 0 0 0;
    left: 0px;
}

.colorpicker_new_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #f00;
}

.colorpicker_current_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
}

.colorpicker input {
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #898989;
    top: 4px;
    right: 11px;
    text-align: right;
    margin: 0;
    padding: 0;
    height: 11px;
}

.colorpicker_hex {
    position: absolute;
    width: 72px;
    height: 22px;
    background: url(../images/colorpicker/colorpicker_hex.png) top;
    left: 212px;
    top: 142px;
}

.colorpicker_hex input {
    right: 6px;
}

.colorpicker_field {
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute;
}

.colorpicker_field span {
    position: absolute;
    width: 12px;
    height: 22px;
    overflow: hidden;
    top: 0;
    right: 0;
    cursor: n-resize;
}

.colorpicker_rgb_r {
    background-image: url(../images/colorpicker/colorpicker_rgb_r.png);
    top: 52px;
    left: 212px;
}

.colorpicker_rgb_g {
    background-image: url(../images/colorpicker/colorpicker_rgb_g.png);
    top: 82px;
    left: 212px;
}

.colorpicker_rgb_b {
    background-image: url(../images/colorpicker/colorpicker_rgb_b.png);
    top: 112px;
    left: 212px;
}

.colorpicker_hsb_h {
    background-image: url(../images/colorpicker/colorpicker_hsb_h.png);
    top: 52px;
    left: 282px;
}

.colorpicker_hsb_s {
    background-image: url(../images/colorpicker/colorpicker_hsb_s.png);
    top: 82px;
    left: 282px;
}

.colorpicker_hsb_b {
    background-image: url(../images/colorpicker/colorpicker_hsb_b.png);
    top: 112px;
    left: 282px;
}

.colorpicker_submit {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(../images/colorpicker/colorpicker_submit.png) top;
    left: 322px;
    top: 142px;
    overflow: hidden;
}

.colorpicker_focus {
    background-position: center;
}

.colorpicker_hex.colorpicker_focus {
    background-position: bottom;
}

.colorpicker_submit.colorpicker_focus {
    background-position: bottom;
}

.colorpicker_slider {
    background-position: bottom;
}

/* ---sub ELASTIC http://www.unwrongest.com/projects/elastic  ------------------------------*/

.label { background: #FFCC33; padding: 5px; font: bold 10px Arial, sans-serif; position: absolute; top: 0;left: 0; }
.form { padding: 20px 20px 10px; background: #E0F4F8; width: 580px; overflow: hidden; }
.form p { margin: 0 0 10px 0; float:left; clear:both; display: block; }
.form label { font: bold 0.9em Helvetica, Arial, sans-serif; color: #0077AA; padding: 0 0 0 5px;}
.form .w { float: left; clear: both; padding: 5px 5px 0; background: #D7EBEF; font: bold 0.8em Helvetica, Arial, sans-serif; color: #333; overflow: hidden; }
.form .w span { padding: 0 0 5px; float:left; }
.form .input { border: 1px solid #A5C2C8; padding: 5px 5px 5px 5px; margin: 0 0 5px 0; width: 537px; font: bold 16px/20px Helvetiva, Arial, sans-serif; }
.form .w label { padding:0; }


/* ---sub SLIDER ------------------------------*/
	.ui-slider { width: 250px; margin: 10px; }

/* ---wiki content ------------------------------*/
div.nostyle { font-size: 110% !important; }
div.nostyle div{border:none;color:#000 !important;}
div.nostyle dl{border:none;color:#000 !important;}
div.nostyle dt{border:none;color:#000 !important;}
div.nostyle dd{border:none;color:#000 !important;}
div.nostyle ul {list-style-type: disc !important; }
div.nostyle ol {list-style-type: decimal !important; }
div.nostyle ol, div.nostyle ul {list-style-position:inside; padding-left:40px; margin:10px 0pt; border:none;color:#000 !important; }

div.nostyle li{border:none;color:#000 !important;}
div.nostyle h1{border:none;color:#000 !important; font-size: 2em !important; font-weight: auto !important; margin:0.5em 0pt;}
div.nostyle h2{border:none;color:#000 !important; font-size: 1.5em !important; font-weight: auto !important;margin:0.75em 0pt;}
div.nostyle h3{border:none;color:#000 !important; font-size: 1.17em !important; font-weight: auto !important;margin:0.83em 0pt;}
div.nostyle h4{border:none;color:#000 !important; font-size: 1em !important; font-weight: normal !important;margin:1em 0pt;}
div.nostyle h5{border:none;color:#000 !important; font-size: 0.83em !important; font-weight: auto !important;margin:1.17em 0pt;}
div.nostyle h6{border:none;color:#000 !important; font-size: 0.75em !important; font-weight: auto !important;margin:1.5em 0pt;}
div.nostyle pre{border:none;color:#000 !important; white-space: normal;}
div.nostyle code{border:none;color:#000 !important;}
div.nostyle form{border:none;color:#000 !important;}
div.nostyle fieldset{border:none;color:#000 !important;}
div.nostyle input{border:none;color:#000 !important;}
div.nostyle textarea{border:none;color:#000 !important;}
div.nostyle p{border:none;color:#000 !important;}
div.nostyle blockquote{border:none;color:#000 !important;}
div.nostyle th{border:none;color:#000 !important;}
div.nostyle td{border:none;color:#000 !important;}

div.nostyle table {border-collapse:collapse; border-spacing:0;!important}
div.nostyle fieldset, div.nostyle img {border:0;!important} 
div.nostyle address,div.nostyle caption,div.nostyle cite,div.nostyle code,div.nostyle dfn,
div.nostyle th,div.nostyle var {font-style:normal !important; font-weight:normal !important;}

div.nostyle q:before, div.nostyle q:after {content:'';!important} 
div.nostyle abbr, div.nostyle acronym {border:0;!important}
div.nostyle strong {font-weight: bold !important}
div.nostyle em {font-style:italic !important}

div.nostyle em strong {font-style:italic !important; font-weight:bold !important}
div.nostyle strong em {font-style:italic !important; font-weight:bold !important}

	

/* ------------------------------------------*/
/* PAGE STRUCTURE ---------------------------*/
/* ------------------------------------------*/

#wrapper,
#header,
#footer {
	margin:0 auto;
	width:81em;
	overflow:hidden;}

#outer_wrapper {
	height:100%;
	width: 100%;
	background:#fff url('../images/outerwrapper_bg.png') repeat-x left 51px;
	}

#wrapper {
	position:relative;
	z-index:100;
	padding-bottom: 130px;
	overflow:auto;}

#header_wrapper {
	background:transparent url('../images/header_bg.png') repeat-x bottom;
	width: 100%;}

#header {
	background-image:url(../images/logo.png);
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#footer_wrapper {
	background-color:#333333;
	position:absolute;
	bottom:0;
	position:relative;
	margin-top:-150px;
	height:150px;
	clear:both;}
	
/* IE 7 FIX */
#footer {
	margin-top:-2em;
	padding-top:3em;}
	
#navibar, 
#page_content,
#sidebar {
	float:left;
	padding-left:1%;
	padding-right:1%;
	margin:1em 0;}

#content_sidebar_wrapper,
#content_wrapper {
	overflow:hidden;
	background-color:#fff;
	-webkit-border-bottom-left-radius:0.8em;
	-webkit-border-bottom-right-radius:0.8em;
	-moz-border-radius-bottomleft:0.8em;
	-moz-border-radius-bottomright:0.8em;
	border-bottom-left-radius: 0.8em;
	border-bottom-right-radius: 0.8em;
	}
	
#page_content {
	width:67%;
	padding-left:2%;}
	
#content_wrapper #page_content {
	padding-right:2%;
	width:96%;}

#navibar {
	width:21%;
	padding-left:0;}

/* IE 7 FIX */
#sidebar {
	width:28%;}
	


/* ---sub HEADER -----------------------*/
	#logo {
		visibility:hidden; 
		position:absolute; 
		left:-10000px;
		}
		
	#logoLink {height:50px; width:350px; display:block; float:left; } /* IE 7 FIX in ie7.css */
			
	#search_field {
		float:left;
		margin-top:0.5em;
		/*border:1px solid black;*/
		text-align:left;}
	
	/* IE 7 FIX */
	#mainsearch {
	/*	border:1px solid black;*/
		line-height:1;
		vertical-align:top;
		position:relative;
		}
	
	input#main_search{
		font-size:1.25em;
		width:16em;
		padding:5px 5px 4px 5px;
		-webkit-border-bottom-left-radius:0.4em;
		-webkit-border-top-left-radius:0.4em;
		-moz-border-radius-bottomleft:0.4em;
		-moz-border-radius-topleft:0.4em;
		border-top-left-radius:0.4em;
		border-bottom-left-radius:0.4em;}
	
	#mainsearch_submit {
		display:block;
		position:absolute;
		right:0;
		top:0;
		margin:0;
		padding:0;
		border:0;
		text-indent:-9999px;
		font-size:0;
		line-height:0;
		width:25px;
		height:29px;
		background:transparent url('../images/search.png')}
		

	#my_info {
		color:#fff;
		float:right;
		margin-top:1em;}
	
	#my_info ul {
		list-style-type:none;}
				
	#my_info a {
		color:#fff;
		}

	
/* --- sub FOOTER --------------------------*/
	#footer {
		padding-left:19em;
		width:62em;
		clear:both;
		color:#ccc;
		position:relative;
		z-index:1000; /* fancybox has z-index around 1100 */
		}
		
	#footer #info,
	#footer_meta {
		float:left;
		width:50%;}
	
	#footer_meta {
		text-align:right;
		line-height:1.8;}
	
	#footer h3 {
		margin-bottom:0.2em;}
	
	#footer a,
	#footer a:visited {
		color:#97bccd;}
	
	

/* ---- sub NAVIBAR ------------------------- */
	ul.navigation {
		list-style:none;
		list-style-position:outside;
		margin-top:1em;
		}
	
	ul.navigation li {
		border-bottom:1px solid #eaeaea;
		padding:0.25em 0 0.25em 22px; /* ---- ie6 and ie7 fix --- */
		font-weight:bold;
		overflow:hidden;
		font-size:1.1em;
		zoom:1;
		}

	
	#navigation_home{background:transparent url('../images/icons_sprite.png') no-repeat 0 -2200px;}
	#navigation_groups  {background:transparent url('../images/icons_sprite.png') no-repeat 0 -400px;}
	#navigation_materials  {background:transparent url('../images/icons_sprite.png') no-repeat 0 -600px;}
	#navigation_users  {background:transparent url('../images/icons_sprite.png') no-repeat 0 -3900px;}
	#navigation_organizations  {background:transparent url('../images/icons_sprite.png') no-repeat 0 -3600px;}
	#navigation_events  {background:transparent url('../images/icons_sprite.png') no-repeat 0 -800px;}
	#navigation_projects  {background:transparent url('../images/icons_sprite.png') no-repeat 0 -1000px;}
	#navigation_forum  {background:transparent url('../images/icons_sprite.png') no-repeat 0 -3800px;}
	#navigation_administer {background:transparent url('../images/icons_sprite.png') no-repeat 0 -1400px;}
			
	ul.navigation li a, ul.navigation li a:visited {
		color:#222;
		display: block;
		}
	
	ul.navigation li a:hover {
		color:#04a2b5;}
		
	ul.navigation li em {
		margin-top:0.25em;
		float:right;
		overflow:hidden;}

	ul.navigation li em a {
		display:block;
		background:transparent url('../images/icons_sprite.png') no-repeat 0 0px;
		width:12px;
		height:12px;
		text-indent:-9999px;
		}
		
	ul.navigation li em a:hover {
		background-position:0 -200px;}

/* ---- sub CONTENT ------------------------ */
	#page_header {
		border-bottom:1px solid #ddd;
		padding-bottom:0.5em;
		margin-bottom:1em;}
		
	#page_header h1 {
		margin-bottom:0;}
	
	#content_page_extra,
	#content_page_info {
		float:left;
		overflow:hidden;
		margin-bottom:2em;}
	
	#content_page_extra {
		width:30%;
		margin-right: 2%;
		}
	
	#content_page_extra dl,
	#content_page_info dl {
	/*	background-color:#f4f4f4;*/
	/*	padding:1em;
				-webkit-border-radius:0.5em;
		-moz-border-radius:0.5em;
		border-radius: 0.5em;*/}
	
	
	#content_page_extra dd,
	#content_page_info dd	 {
		color:#444;}
		
	#content_page_extra dt,
	#content_page_info dt	 {
	/*	border-top:1px solid #ddd;*/
		}
	
	#content_page_info {
		width:66%;
		padding-right:2%;
		/*border-right:1px solid #ccc;*/}
	
/* ------------------------------------------*/
/* PAGE COMPONENTS --------------------------*/
/* ------------------------------------------*/
/* Here are all the view-specific styles. Ideally everything should be done with */
/* general styles, but as it's impossible let's try to keep these in minimum anyway */


/* --- sub DASHBOARD ----------------------- */
	
	#latest-activities ul li {
		width: 500px;		
		float: left;
		overflow: hidden;
	}
		
	.activity-summary {display: block; clear: both;}
	.activity-summary p {margin-bottom:0;}
	
	#latest-activities .carousel-wrap {
		text-align: left;
	}
	
	.carousel-wrap {
		width:500px;}
	
	a.carousel-control{
		margin-right: 1em;
	}
	
	a.carousel-control.carousel-next {
		float: right;	
	}
	
	a.carousel-control.disabled {
		visibility: hidden;
	}

    #latest-activities-ajax {
        width: 500px;
		padding-bottom: 3em;
    }

    #latest-activities-ajax ul li {
        margin-top: 1em;
        width: 500px;
        float: left;
        overflow: hidden;
    }
    
    .carousel-control-wrapper {
        width: 100%;
        text-align:right;
        overflow: hidden;
    }

    .carousel-control {
        float:right;
    }
    
  .jcarousel-prev-disabled {
        visibility: hidden;
   }


/* --- sub ORGANIZATION -------------------- */



/* --- sub PROFILE ----------------------- */			
#user_profile {
	padding-top:1em;}

#user_profile a.user_name {
	font-size:1.1666em;
	color:#222;
	}

#user_profile img {
	float:left;
	margin-right:1em;}

.add_work_hours_button {
	margin-top:0.5em;}

/* --- sub FORUM ----------------------- */

ul.forum-list li {
    list-style-type: none;
}       

#forum-topic-actions {
    text-align: right;
}