.fieldWithErrors {
  padding: 2px;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}



body {behavior: url(/iefixes/csshover3.htc);}
/*
CLEARFIX
*/
/* clear float rules defined early so they won't accidentally overwrite other possible declarations */

/* for modern browsers */
.clearfix:after {    clear: left;    content: "'";   display: block;    font-size: 0; /* fix FF bug */    height: 0; overflow: hidden; visibility: hidden;}
/* for IE7 */
.clearfix {min-height: 0;}
/* for IE<7 \*/
* html .clearfix { height: 1%;}
/* for IE-mac (snicker) */
/*\*//*/ .clearfix { display: inline-table; } /**/

.clear{clear: both;}
.clearleft{clear:left;}

.left{float: left;}
.positioned{position: relative;}

/* END CLEARFIX */

/** BODY AND REGULAR HTML TAGS **/


form{padding: 0; margin: 0;}
form img {display: inline;}
.inlineimg{display:inline;}
.icon_align{display:inline;vertical-align:middle;}


/** TEXT **/
.light{color: #666;}
.light_small_link{color: #666;font-size: 8pt;}

.button, a.button{float: left; width:133px;height:24px;background-image:url('/images/design/buttonbg.gif');padding-top:10px; text-align:center;background-repeat:no-repeat;font-size: 0.9em;margin-right: 10px;	color: #fff;}
a.button:hover {background-image:url('/images/design/buttonbgsel.gif'); text-decoration:none;}

.enter_button, a.enter_button{float: left; width:133px;height:24px;background-image:url('/images/design/buttonbg.gif');padding-top:10px; text-align:center;background-repeat:no-repeat;font-size: 0.9em;margin-right: 10px;	color: #fff; margin-top: 7px;}
a.enter_button:hover {background-image:url('/images/design/buttonbgsel.gif'); text-decoration:none;}

input.button{	width:133px;height:34px;color:#fff;border:none;background-image:url('/images/design/buttonbg.gif'); padding-top:0px;	cursor:pointer; margin-right: 10px;	background-repeat:no-repeat; background-color: transparent;}
input.button:hover {background-image:url('/images/design/buttonbgsel.gif');}

.buttonframe{float: right; text-align:right; padding-top: 5px;}

.mceEditor{ width:100%; }
/** LAYOUTS **/
#main_container{border: 0px solid red; text-align:left;}
#main_container{width: 1000px; background-color: #fff;}

p{width: 100%;}
#col0, #col1{overflow:hidden;}

#header{background-color: #fff;padding: 0px;}
#central_container{border: 1px solid #e1e1e1; padding-bottom:15px; padding:10px;background-color: #f7f9f8;border-top: 0;}
#col1{float: right;width:300px; border: 0px solid purple;padding:10px 0 10px 0px;}
#col2{float: right;width:250px; border:0px solid #3f5;padding: 10px 0;}
#col3{margin-right: 580px;background-color: #fff; border: 0px solid yellow;}
#col0{border:0px solid red; width:650px; position:relative;}

.listing #col0{width:770px; float: left;}
.listing #col1{width:200px; float: right;}

.onecolumn #col0{margin-right: 00px; width:100%;}


#footer{background-color:#eee;z-index: 5;border-top: 1px solid #C1C1C1;}
#footerinside{border-top: 1px solid #fff;padding: 5px 10px;text-align:center;}
#footer ul{list-style-type:none;}
#footer li{display:inline;}
#powered {color:#cecece;} 
#powered a{color: #aaf;}

#flash_container{ z-index: 10000; top:0;width:100%;}
.flash_notice, .flash_warning, .flash_message, .flash_error{padding: 5px;border-bottom: 1px solid #303030;}
.flash_notice{background: yellow;}
.flash_warning{background: orange; color:black;}
.flash_message{background: green;}
.flash_error{background: red; color:white;}

/** HEADER **/
#header{}
#topheader{position: relative;}
#statusform{position: absolute; top: 5px; right: 50px; text-align:right;}
#headerprofile{position: absolute; top: 5px; right: 0px;}
/** MENU **/
#menu{background-color:#2d3a42;position: relative; z-index:30; clear: both;}
#navmenu, #navmenu ul, #settings_menu {padding: 0;margin: 0;list-style: none; z-index:10;}
#navmenu a, #settings_menu a { display: block; padding:7px 10px;color: #fff; text-decoration: none;}
#navmenu a:hover, #settings_menu a:hover{background-color: #ccc; color: #000;}
#navmenu li, #settings_menu li { float: left; padding:0; margin: 0; position: relative;}
#navmenu li ul{border: 1px solid #ccc;position: absolute; left: 0px; display:none;}
#navmenu li ul a{background-color: #fdfdfd; white-space: nowrap ; color: #425aff;}
#navmenu li ul a:hover{color: #000; }
#navmenu li:hover ul, #navmenu li.sfhover ul { display:block; }

#submenu{background-color:#bfc7ca;	padding: 5px 10px;}
#submenu ul{padding: 0; margin: 0; list-style-type:none;}
#submenu li{display: inline; padding: 0 10px 0 0;}

#settings_menu, #search_box{float:right;}

#breadcrumbs{position: relative; font-size:0.9em; }

/** TABS **/
/** REDOING THE TABS **/
.gray_list_hf{	height:20px;background-color:#f9f9f9;border:1px #c1c1c1 solid;color:#6b6b6b;}

.tabs_content{padding: 20px 10px; margin-bottom: 10px; position: relative;clear:left;border: 1px solid #e1e1e1;position:relative;top:-1px;z-index:1; background-color: #fff;}
.tabs{padding:0;margin:0; list-style-type:none;;position:relative;z-index:5;background-color:#bfc7ca;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
.tabs li{float:left; display: block; padding:5px 5px;  margin: 0 10px 0 0;  font-size:0.9em;}
.tabs li a{ text-decoration: none;}
.tabs li.selected{text-decoration:none;background-color: #fff;border-bottom: 1px solid #fff;}

#col1 .tabs_content{background-color:#fff;border:1px #e1e1e1 solid;}
#col1 .tabs {border-left:1px #e1e1e1 solid;border-right:1px #e1e1e1 solid;}
#col1 .tabs li.selected {background-color:#fff;border-bottom: 1px solid #fff;}

/** ACTIVITY **/
#activity_content ul{list-style-type:none;padding: 0; margin:0;}
#activity_content li{padding:0 0 10px 0;}

#col1 .box{border:1px #e1e1e1 solid;background-color:#dce4e7;padding:10px;}
#col1 .mentions{border:1px #FF7A7A solid;background-color:#FFCCCC;padding:10px; margin: 0 0 10px 0;}
#col2 .box{border:1px #cecece solid;background-color:#eee;padding:10px; margin: 0 0 10px 0;}
.box .list li{padding: 0 0 5px 0;}

.list{list-style-type: none; padding: 0; margin: 0;}
.list li{padding: 0 0 8px 0;}

/** PIC **/
.profilepic_mini{margin-right: 8px; float: left;clear:left; border: 1px solid #eee;padding:2px;}
.profilepic_mini img{}
.profilepic{margin-right: 8px; float: left; border: 1px solid #eee;padding:2px;}
.profilepic img{}

.framed{border: 1px solid #eee; padding:2px;}
.leftimg{float: left; margin-right: 8px;}
.fileicon{float: left; margin-right: 6px;}
/** LISTING **/
.item{padding:0 0 12px 0;}
.itemlinkvisited{font-weight:normal;}
.itemlink{font-weight: bold;color: #2B3CDB;}
.item a:hover, .browsetable tr:hover .itemlink, .itemlink:hover{color: #425aff;}

#quickpost{padding: 0;}
#quickpost .button{float: left;margin-right: 10px; margin-bottom: 10px;}
#quickpost .last{margin-right: 0;}
.inlineblock .button{float: left;margin-right: 10px; margin-bottom: 10px;}

.msg{margin-bottom: 10px;}
.msg_content{margin-left: 60px; position:relative;}
.msg_content p{line-height:1.5em;}

.formtable{width: 100%;position:relative;}
.formtable tr{margin-bottom: 10px;}
.formtable td, .formtable th{padding: 10px 10px 10px 0; vertical-align: top; border-bottom:1px solid #eee; position:relative;}
.formtable th{text-align: left; width: 25%;}
.formtable td{text-align: left;}
.formtable input {padding: 2px 3px; font-size: 12px; width: 400px; /*80%;*/}
.formtable input.btn{width:auto;margin:10px;}
.formtable input[type=checkbox]{width:auto;}
.formtable input.button{width: 133px;}
.formtable .radio{width: auto;}
.formtable tr.nowidth input  {width: auto; }
.formtable tr.nowidth img  {display: inline; }
input.autowidth{width: auto;}
input.bigwidth{width: 400px;}
input.smallwidth{width: 150px;}
#draft_saved_at{position: absolute;right:0;}

.browsebigtable{;border: 1px solid #eee; font-size:1em;width: 100%;}
.browsebigtable th{ background-color: #eee;padding: 5px 10px; font-size:0.8em; text-align:left;}
.browsebigtable td {padding: 5px 10px; vertical-align: top;}
.browsebigtable tr:hover td{background-color: #ccc;}
.browsetable{width: 100%;border: 1px solid #eee;}
.browsetable th{ background-color: #eee;padding: 5px 10px; font-size:0.8em;}
.browsetable td {padding: 5px 10px; vertical-align: top;}
.browsetable tr:hover td{background-color: #ccc;}
.browsebottom td{background-color: #ccc; padding: 5px 10px; text-align: right;}



.optionbox{position:relative; top:0; padding: 5px; border: 1px solid #dedede; background-color: #eee; z-index:150;}

.ultrabig, a.ultrabig {font-size: 3em;position:relative; bottom: 10px;}
.fileinfo {background-color: #fafafa;border: 1px solid #ededed;width:100%; margin-bottom: 10px;}
.fileinfo td {vertical-align: top; text-align: left; padding: 5px;line-height:1.5em;}

.eventinfo td, .eventinfo th {vertical-align: top; text-align: left; padding: 5px;line-height:1.5em;}
.eventinfo{border: 0px solid red;}
#map_canvas{height: 400px;  border: 1px solid #C1C1C1; margin-top: 10px;}

.userinfo td, .userinfo th {vertical-align: top; text-align: left; padding: 0 5px 5px 0;line-height:1.5em;}
.userinfo{;border: 0px solid red;width:410px;}

.layout_block{margin-bottom: 10px}
.logo{float: left;}
.banner{float: left;margin-top:10px;border: 0px solid red;}

#searchpage{}
#searchpage ul{ padding: 5px 0 10px 10px;}
#searchpage .searchlink{font-size: 1.2em;}
#searchpage li{padding: 0 0 5px 0;}
#searchpage h3{padding-bottom: 5px;}

#recipients_list li{padding: 5px 0;}
#tagform{padding: 5px 0;line-height: 2em;}
.staff_content{}

.pending_tr td{background-color: #edd;}
.pending_tr .reg_status{font-weight:bold;color: red;}

.wiki{border: 1px solid #ccc; background-color: #f9f9f9;padding: 10px;margin-bottom: 10px;}


.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FFFFFF !important;
 }
 #recaptcha_table {
   border-color: #FFFFFF !important; 
}
  #recaptcha_response_field {
   border-color: #C0C0C0 !important; 
   background-color:#FFFFFF !important; 
 }

#profile_editme{  display:block;float:left;padding:30px;font-size:80px;}
.new {font-weight:bold;}
.group_banner{font-size: 1.8em; line-height: 1.5em;}
.group_banner a, .group_name{color: #d35a2b;font-weight: bold; }

.h2groupbanner{color: #d35a2b;}
.summary_title{padding: 0 0 4px 10px;}
.summary_items{margin: 0 0 0 15px;padding-bottom: 8px;}

#searchico{position: absolute;}

.msg_info{display:block;}


.layout_block1{float: left; width:60%; padding-right: 15px; margin-right:15px; border-right: 1px solid #d3bbe6;}
.layout_block2{float:left; width:33%;}
.cucp_ra{padding: 5px 10px;}
.cucp_ra li{padding-bottom: 5px;}

#grouppic{position:absolute; right:0;top:35px;}

table td, table th{vertical-align: top;}
.onlinelabel{color: green;padding-top: 2px;}

.moderatorimg {}

.step_text{padding: 0 0 10px 0; font-size: 16px; line-height: 24px;}

.loginbox{padding-right: 20px; width:300px;}
.user_content .list{padding: 0px 10px 15px 0px;}

.idle{color: #339933;}
.online{color: #f00;}

.td_admin{color: red;}
.td_staff{color: orange;}
.td_lightstaff{color: orange;}

.list_combobox{overflow:auto;height:100px;width:400px;border:1px solid #666;background-color:#EAF7F7}
.list_bigcombobox{overflow:auto;height:250px;border:1px solid #ccc; background-color:#eee; margin-bottom: 10px;}
.list_mediumcombobox{overflow:auto;height:175px;border:1px solid #ccc; background-color:#eee; margin-bottom: 10px;}


.banned {color:red;}


.form_button_right{float:right;margin:10px;margin-bottom:20px;margin-right:50px}
.form_button_left{float:left;margin:10px;margin-bottom:20px;margin-right:50px}
.close_button{position:absolute; right: 10px; top: 10px;}

.ajax_animated_wheel{margin-top:10px;margin-right:50px;margin-left:60px;}
.push_titles{text-align:left;font-size:22px;line-height: 24px;font-weight:bold;}

.bulkgrouplist{width: 300px;padding: 0 0 0 30px;}
.red_td{color: red;}

.userprofile{width: 100%;position:relative;}
.userprofile tr{margin-bottom: 10px;width:auto;}
.userprofile td, .userprofile th{padding: 10px 10px 10px 0; vertical-align: top; border-bottom:1px solid #eee; position:relative;width:40%}
.userprofile th{text-align: left; width: 20%;}

.attached_files {padding: 5px; background-color: #eee; border: 1px solid #ccc;margin-top:5px;}

.extrainfo_block1{float: left; width:48%;}
.extrainfo_block2{float:right; width:48%;}
.div_padded{padding:5px 0;}
.sorted_by{background:url('/images/icons/sorted_by.png') no-repeat; background-position: 0px -2px; padding-left: 18px;}

.col_name{width: 300px;}
.col_group{width: 100px;}
.col_created{width: 150px;}

.ptable th, .ptable td{padding: 0 10px 10px 0;}
.ptable th{width: 170px;}

#part_statusbox p, #part_statusbox .userforlist{padding: 0 0 5px 0; margin:0;}
#i_status{width:200px;}

.comment_lightform textarea{width: 100%;}
	.comment_lightform .send_message_button{position:relative;}
	.send_message_button input.button{float:right;}
	
	.comment_content{float:left;}
	.comment_content p{line-height:1.5em;}

.access_denied{color: #f00; font-size: 1.5em; font-weight:bold;}

.browsebigtable td input.checkbox{position: relative; top: -5px;}

.rank_user{position:absolute; background-color: #fff; padding: 5px; text-align:center;width:75px;left:0;bottom:0;opacity:0.8;}
.rank_pos{position:absolute; background: url('/images/icons/rank.png') no-repeat; text-align:center;width:22px; height:23px;right:-2px; top: -5px;}
	.rank_pos span{position:relative; top:3px; font-weight:bold; color: #fff;}
.top_user{float:left; margin-right:20px; background-color:#fff;}
.top_users_block{padding-bottom:10px;}
.buttondiv{float: right;}
.profile_modify{position: absolute; right: 0; top: 10px;}
.buttons_at_right{float:right;margin-top:-30px;position:relative}
.tr_title td{background-color: #eee;padding: 5px;}

.pic_set li{float:left; padding-right:10px;padding-bottom: 10px;}
.pic_frame{border:1px solid #ccc; background-color: #eee;padding: 10px;}

.album_pic{border:3px solid #eee;}
.album_pic:hover{border:3px solid #ccc;}

h3.title {
	display:			block;
	height:				17px;
	line-height:		17px;
	background-color:				#2d3a42;
	color: #fff;
	padding:			5px 10px;
	font-size:			1.5em;
	font-weight:normal;
	margin:				0 0 0px 0;
}

h3.title a{color: #eee}

.layout_block, .box{border: 1px solid #e1e1e1; background-color: #fff; padding: 10px;}
#part_statusbox .box{background-color: #fff;}

#col1 h3.title{margin-top: 10px;}
#col1 h3.status_title{margin-top:0px;}
.fileinfo, .msg {border:1px solid #e1e1e1; background-color:#fff;}
.msg{padding: 5px;}

.nav_previous{float: left}
.nav_next{float: right;}
.pic_nav{padding: 5px 0}
.video {padding: 5px 0;}

a.anchor{color: #000;text-decoration:none;}

a.anchor:hover{text-decoration:none;}

.validation-error {
	font-style: italic;
	color: red;
}

.validation-error input {
	border-style: solid;
	border-color: red;
}

.right{float:right;}
.clear{clear:both;}
.ambassador-profile{width:50%;margin-bottom:10px;}
.ambassador-profile span{display:block;}
.ambassador-profile .name{font-weight:bold;}
.find-ambassador {width:450px;position:relative;}
.find-ambassador .button{position:absolute;top:0px;right:-200px;float:none;}
.randomize{width:100%;float:left;}
#amb_div .framed{border:none;}
#amb_div h4{font-weight:normal;font-size:1em;margin-top:10px;}
.ambassador-group h3{font-weight:bold;font-size:1.1em;margin-top:30px;}
.artefact_right_pane{float: left; width: 300px;padding: 0 0 0 10px;}
.artefact_left_pane{float: left; }
.artefact_info td, .artefact_info th{ padding: 0px 20px 10px 0; margin: 0;}

.artefact_picture{float: left; padding-right: 10px;}

.filter_title{
	position:relative;
	margin-top: 10px;
	padding: 5px;
	padding-left: 20px;
	background-color: #eee;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	font-size: 1.2em;
}

	.filter_title_opened{
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		
		border-bottom: 0;
	}
.filter_box{ 
	border: 1px solid #ccc; 
	background:#fff;
	border-top: 0;
	padding: 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	}


.icon_triangle{
	background-image: url('/images/icons/icons_set.png');
	display:inline-block;
	width:16px; 
	height:16px;
	position:absolute;
	bottom: 4px;
	left: 5px;
}

.icon_triangle_c{background-position: -32px -16px;}
.icon_triangle_o{background-position: -64px -16px;}

a.urgent{color: red;}

.perso, a.perso{float: none; display:block; width:133px;height:24px;background-image:url('/images/design/buttonbg.gif');padding-top:10px; text-align:center;background-repeat:no-repeat;font-size: 0.9em;margin-right: 10px;	color: #fff;}
a.perso:hover {background-image:url('/images/design/buttonbgsel.gif'); text-decoration:none;}

#fullcalendar{width:978px;margin: 0 auto;}
a.namelink:hover {text-decoration: none; color: #CACACA;}
#pane_two{position:fixed;margin:0;width:500px;}
#lightbox.done #lbContent, #lightbox.done #lbContent form {position:relative;}

h2 span {
	font-size: 15px;
	font-weight: lighter;
}

.subs {
	font-size: 13px;
	font-weight: bold;
}
#user_searchstring{position:relative;width:417px}

#invmembers_content #user_email{position:fixed;}
.o_list{list-style:none outside none;margin:0;padding:0;}
.o_list a{margin:0 10px;}
.space_banner{font-size: 1.8em; line-height: 1.5em;}
.space_banner a, .space_name, .o_list{color: #d35a2b;font-weight: bold; }

big .button { margin-top: 2px;}

.lBon .clearfix {margin-top: 2px;}
#members_content .formtable{line-height:25px;}


.ticon{position:relative; top: 4px;}
.icon{
background-position: left top;
background-repeat: no-repeat;
  padding-left: 20px;
  }
.icon_vertical{display:block; /* added to fix display bug for menu icons on ie7*/}
.wideicon{padding:2px 0 2px 25px;}
.icon_atom{background-image:  url("/images/icons/atom.png") ;padding-left: 25px;}
.icon_rss{background-image:  url("/images/icons/badge_rss.png") ;padding-left: 25px;}
.icon_lock{background-image:  url("/images/icons/lock.png") }
.icon_edit{background-image:  url("/images/icons/file_edit.png") ;}
.icon_useradd{background-image:  url("/images/icons/user_add.png") ;}
.icon_userdelete{background-image:  url("/images/icons/user_delete.png") ;}
.icon_useredit{background-image:  url("/images/icons/user_edit.png") ;}
.icon_group{background-image: url("/images/icons/group.png") ; padding-left: 25px;}
.icon_user{background-image:  url("/images/icons/user.png") ;}
.icon_error{background-image:  url("/images/icons/error.png") ;}
.icon_trash{background-image:  url("/images/icons/trash.png") ;}
.icon_file{	background-image:  url("/images/icons/file.png") ;}
.icon_fileadd{background-image:  url("/images/icons/file_add.png") ;}
.icon_calendar{background-image: url("/images/icons/calendar.png") ;}
.icon_event{background-image: url("/images/icons/calendar.png") ;}
.icon_comment{background-image:  url("/images/icons/comment.png") ;}
.icon_wiki{background-image:  url("/images/icons/wiki.png") ;}
.icon_attach{background-image:  url("/images/icons/attach.png") ;}
.icon_newspaper{background-image:  url("/images/icons/newspaper.png") ;}
.icon_pdf{background-image:  url("/images/icons/pdf.png") ;}
.icon_album{background-image:  url("/images/icons/album.png") ;}
.icon_xls{background-image:  url("/images/icons/xls.png") ;}
.icon_share{background-image:  url("/images/icons/share.png") ;}
.icon_envelope{background-image:  url("/images/icons/envelope.gif") ;}
.icon_notify{background-image:  url("/images/icons/phone.png") ;}
.icon_export{background-image:  url("/images/icons/print.png") ;}
.icon_star{background-image:  url("/images/icons/star.png") ;}
.icon_doc{background-image:  url("/images/icons/doc.png") ;}
.icon_photo{background-image:  url("/images/icons/photo.png") ;}
.icon_address{background-image:  url("/images/icons/home-icon2.gif") ;}
.icon_job{background-image:  url("/images/icons/laptop.png") ;}
.icon_academic{background-image:  url("/images/icons/edit-blue.gif") ;}
.icon_addressedit{background-image:  url("/images/icons/home-icon.gif") ;}
.icon_lens{	background-image: url('/images/icons/search.gif') ;}
.icon_facebook{background-image:  url("/images/icons/facebook.png") ;}
.icon_email{background-image:  url("/images/icons/envelope.gif") ;}
.icon_twitter{background-image:  url("/images/icons/twitter.png") ;}
.icon_linkedin{background-image:  url("/images/icons/linkedin.png") ;}
.icon_myspace{background-image:  url("/images/icons/myspace.png") ;}
.icon_delicious{background-image:  url("/images/icons/delicious.png") ;}
.icon_flickr{background-image:  url("/images/icons/flickr.png") ;}
.icon_digg{background-image:  url("/images/icons/digg.png") ;}
.icon_aim{background-image:  url("/images/icons/aim.png") ;}
.icon_web{background-image:  url("/images/icons/web.png") ;}
.icon_ajax{background-image:  url("/images/icons/ajax-loader.gif") ;}
.icon_close{background-image:  url("/images/icons/cross-button.png") ;}
.icon_play{background-image:  url("/images/icons/control_play.png") ;}
.icon_pause{background-image:  url("/images/icons/control_pause.png") ;}
.icon_refresh{background-image:  url("/images/icons/refresh.png") ;}
.icon_contactadd{background-image:  url("/images/icons/contact_add.png") ;}
.icon_contactdelete{background-image:  url("/images/icons/contact_delete.png") ;}
h3.icon{padding-left:30px;background-position: 10px center;}
h3.icon_group{padding-left: 40px;}
h4.icon{background-position: 0px 0px;}


/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	color: #333;
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:450px;
	margin:-250px 0 0 -250px;
	padding: 10px;
	border: 5px solid #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	background-color: white;
	text-align:left;
	overflow: auto;	
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}






#pbox{
	background-color: #fefefe;
	position: absolute;
	z-index:9999;
	padding: 0px;
	border: 2px solid #ccc;
	text-align:left;

}
#pbox td{padding: 5px; vertical-align:top;line-height:1.4em;}
#pbox h3{padding: 0; margin: 0;}


#toolbox{
	color: #333;
	position: absolute;
	z-index:9999;
	padding: 5px;
	border: 2px solid #C0C09F;
	background-color: white;
	background:#FFFFCC;
	text-align:left;
	width: 150px;

}

.tooltip{position:relative;top:4px;}
#files_content .tooltip, .browsetable .tooltip, .browsebigtable .tooltip{
	top:0px;
	position:static;
}


body, .mail_editor{font-family:verdana, tahoma,verdana,arial,sans-serif;font-size:11px;color:#242010; padding:0; margin: 0;line-height:1.2em;}
p{margin:0; padding:0 0 5px 0; line-height: 1.5em;}
small {font-size: 0.8em;line-height:1em;}
big{font-size: 1.2em; line-height: 1.4em;}

h1{padding: 0 0 10px 0; margin: 0; font-size: 1.8em; font-weight: bold; line-height:2em;}
h2{padding: 0 0 10px 0; margin: 0; font-size: 1.8em; font-weight: bold; line-height: 2em;}
h3{padding: 0 0 10px 0; margin: 0; font-size: 1.3em; line-height:1.5em;}
h4{padding: 0 0 5px 0; margin: 0; font-size: 1.1em;line-height:1.3em;}

a {text-decoration:none;color:#425aff;}
a:hover{text-decoration:underline;}
a img {border: 0;}
a img {display:block;}
img{padding: 0; margin: 0;}


ul{padding: 0; margin: 0 10px;}

blockquote{border: 1px dashed #ddd; margin: 5px 20px ; padding: 5px; background-color: #ededed;}

#topheader{background-color:#9062A5; background: url('/custom_images/cucp/header_bg2.jpg') repeat-x; }
a, .item a:visited, .items:visited,.itemlink:visited, #navmenu li ul a, .item a:hover{color:#8E6EA5}
#col0{width: 660px;}
#col1{padding-top: 0;}
#col1 .box {background-color: transparent; border: 0px solid #936da8; padding: 0;}

#col1 .tabs_content{background-color:#fff;border:1px #ccc solid;}
#col1 .tabs li  {background-color:#eee;border:1px #ccc solid;}
#col1 .tabs li.selected {background-color:#fff;border-bottom: 1px solid #fff;}

.userprofile {background-color: #f6ecfb; border: 1px solid #936da8; padding: 10px; }


h2, h3, h3.title {color: #000; font-family: Georgia; font-size: 1.5em; font-weight: bold; line-height: 1.5em; border-bottom: 1px solid #9062A5;margin: 0; padding: 0; margin-bottom: 5px;background-color:transparent;}
#col1 h3.title{padding-bottom:5px;}

#col0 h2, #col0 h3, .title_icon{ background: url('/custom_images/cucp/title_icon.gif') no-repeat transparent;padding-left: 32px; background-position: 0 5px; }
.icon_cu img{position: relative;top: 5px;}

.kc_table a{font-family: Georgia; font-size: 1.5em; font-weight: normal;line-height: 1.5em;}
.kc_table td{padding-right: 5px; padding-bottom: 10px;}


#col1 h2, #col1 h3{color: #9062A5;}
.cucp_ra{padding: 5px 10px;}
.cucp_ra li{padding-bottom: 5px;}

.layout_block1{float: left; width:60%; padding-right: 15px; margin-right:15px; border-right: 1px solid #d3bbe6;}
.layout_block2{float:left; width:33%;}

.layout_block3{float: left; width:48%; padding-right: 15px; margin-right:15px; border-right: 1px solid #d3bbe6;}
.layout_block4{float:left; width:48%;}

.kc_block {padding-top: 10px; margin-top: 10px;  clear:left;}
.kc_block ul{padding: 0; margin: 0 0 0 30px;}
.kc_block li{font-size: 1.2em; padding-bottom: 10px; font-weight: bold;}

body{background: url('/custom_images/cucp/bg.jpg') repeat-y;background-position:center;background-color: #f6ecfb;}
#main_container{ width: 1000px; text-align:left;}

#menu{background: url('/custom_images/cucp/menubg.jpg') repeat-x; font-size:0.9em;}
#navmenu a, #settings_menu a { padding:7px 6px;color: #712c91; font-weight:bold;}

.group_picto{}

.content{margin-top: 10px;}
#central_container{padding: 0px 10px;;}

.corpu_members{float: left;}

#col1 .mentions{border:1px #b7e58e solid;background-color:#d9f4c0;padding:10px; margin: 0 0 10px 0;}

.kcl h4, .kcr h4 {font-family: Georgia; font-size: 1.5em; font-weight: normal;line-height: 1.5em;}
.kcl img, .kcr img{position: relative; top: 3px;}
.kcl{float: left; width:47%;}
.kcr{float:right;width:47%;}

.kcl ul, .kcr ul{padding: 5px 0 10px 35px;}

big .button.lbOn {margin-top: 2px;}
big .enter_button {margin-top: 1px;}

.left .content {margin-top: 10px;}




* html .presence-wrapper {
	position:absolute;
}
.presence-wrapper {
	position:fixed;
	bottom:0;
	right:15px;
	z-index:10;
}
.presence-container {
	border: 1px solid #999999;
	border-bottom-width:0px;
	width:330px;
	background:#EDEDED url(../images/presence_block.png) 0  0;
}

.presence-block{
	display:block;
	position:relative;
	height:16px;
	padding:4px 5px;
	cursor:pointer;
}
.presence-block .title{
	font-weight:bold;
	color:#333333;
	padding-left:25px;
	line-height:15px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
}
.presence-block .status{
	display:block;
	width:16px;
	height:16px;
	position:absolute;
	top:4px;
	left:5px;
}
.presence-block .off{
	background:url(../images/icons/presence.png) -16px 3px no-repeat;
}
.presence-block .on{
	background:url(../images/icons/presence.png) 0 3px no-repeat;
}
.conference{
	background:#FFFFFF;
	border-top:1px solid #CCC;
	font-size:11px;
}
.conference .settings{
	background:#EDEDED url(../images/presence_block.png) 0  0;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	color:#333;
	font-weight:bold;
	float:left;
	display:block;
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
}
.conference .settings span{
	border-right:1px solid #999;
	display:block;
	padding:3px;
	float:left;
	width:103px;
	cursor:pointer;
	text-align:center;
}
.conference .settings .disconnect{
	border-right:0px solid #999;
	width:104px;
}
.conference .discussion{
	clear:both;
	border-bottom:1px solid #CCC;
	height:300px;
	padding:5px;
	overflow-y:auto;
}
.conference .discussion .user, .conference .members .user{
	background:#EFEFEF;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	outline: none;
	border:1px solid #EFEFEF;
	color:#999;
	padding:2px 5px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	line-height:10px;
}
.conference .discussion .me{
	background:#2FC2EF;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	outline: none;
	border:1px solid #2FC2EF;
	color:#FFF;
	padding:2px 5px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	line-height:10px;
}
.conference .members{
	clear:both;
	border-bottom:1px solid #CCC;
	height:300px;
	padding:5px;
	overflow-y:auto;
	color:#333333;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-weight:bold;
}
.conference .members .ust{
	position:relative;
	padding-left:14px;
}
.conference .members .ust span{
	width:8px;
	height:12px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
.conference .members .ust .on{
	background:url(../images/icons/presence.png) -8px 3px no-repeat;
}
.conference .members .ust .off{
	background:url(../images/icons/presence.png) -24px 3px no-repeat;
}
.conference .discussion .time{
	float:right;
}
.conference .discussion .umsg{
	padding:3px 5px 10px;
	font-family: verdana,tahoma,arial,sans-serif;
}
.say{
	border:1px solid #CCC;
	width:308px;
	margin:5px;
	padding:3px 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	outline: none;
}
.msgno{
	background:#EDEDED url(../images/icons/messages.png) 0  0;
	display:block;
	height:16px;
	right:5px;
	position:absolute;
	top:-9px;
	width:16px;
	text-align:center;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	color:#FFF;
}
#log_muc {
	border:1px solid #999999;
    height:300px;
    overflow-y:scroll;
    padding-top:1px;
    width:300px;
}
#p-chat{
	border:1px solid #999999;
    height:300px;
    overflow-y:scroll;
    padding-top:1px;
    width:300px;
}

/*
 * FullCalendar v1.4.7 Stylesheet
 *
 * Feel free to edit this file to customize the look of FullCalendar.
 * When upgrading to newer versions, please upgrade this file as well,
 * porting over any customizations afterwards.
 *
 * Date: Mon Jul 5 16:07:40 2010 -0700
 *
 */


.fc,
.fc .fc-header,
.fc .fc-content {
	font-size: 1em;
	}
	
.fc {
	direction: ltr;
	text-align: left;
	}
	
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
.fc td, .fc th {
	padding: 0;
	vertical-align: top;
	}



/* Header
------------------------------------------------------------------------*/
	
table.fc-header {
	width: 100%;
	}
	
.fc-header-left {
	width: 25%;
	}
	
.fc-header-left table {
	float: left;
	}
	
.fc-header-center {
	width: 50%;
	text-align: center;
	}
	
.fc-header-center table {
	margin: 0 auto;
	}
	
.fc-header-right {
	width: 25%;
	}
	
.fc-header-right table {
	float: right;
	}
	
.fc-header-title {
	margin-top: 0;
	white-space: nowrap;
	}
	
.fc-header-space {
	padding-left: 10px;
	}
	
/* right-to-left */

.fc-rtl .fc-header-title {
	direction: rtl;
	}



/* Buttons
------------------------------------------------------------------------*/

.fc-header .fc-state-default,
.fc-header .ui-state-default {
	margin-bottom: 1em;
	cursor: pointer;
	}
	
.fc-header .fc-state-default {
	border-width: 1px 0;
	padding: 0 1px;
	}
	
.fc-header .fc-state-default,
.fc-header .fc-state-default a {
	border-style: solid;
	}
	
.fc-header .fc-state-default a {
	display: block;
	border-width: 0 1px;
	margin: 0 -1px;
	width: 100%;
	text-decoration: none;
	}
	
.fc-header .fc-state-default span {
	display: block;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	padding: 3px 5px;
	}
	
.fc-header .ui-state-default {
	padding: 4px 6px;
	}
	
.fc-header .fc-state-default span,
.fc-header .ui-state-default span {
	white-space: nowrap;
	}
	
/* for adjacent buttons */
	
.fc-header .fc-no-right {
	padding-right: 0;
	}
	
.fc-header .fc-no-right a {
	margin-right: 0;
	border-right: 0;
	}
	
.fc-header .ui-no-right {
	border-right: 0;
	}
	
/* for fake rounded corners */
	
.fc-header .fc-corner-left {
	margin-left: 1px;
	padding-left: 0;
	}
	
.fc-header .fc-corner-right {
	margin-right: 1px;
	padding-right: 0;
	}
	
/* DEFAULT button COLORS */
	
.fc-header .fc-state-default,
.fc-header .fc-state-default a {
	border-color: #777; /* outer border */
	color: #333;
	}

.fc-header .fc-state-default span {
	border-color: #fff #fff #d1d1d1; /* inner border */
	background: #e8e8e8;
	}
	
/* PRESSED button COLORS (down and active) */
	
.fc-header .fc-state-active a {
	color: #fff;
	}
	
.fc-header .fc-state-down span,
.fc-header .fc-state-active span {
	background: #888;
	border-color: #808080 #808080 #909090; /* inner border */
	}
	
/* DISABLED button COLORS */
	
.fc-header .fc-state-disabled a {
	color: #999;
	}
	
.fc-header .fc-state-disabled,
.fc-header .fc-state-disabled a {
	border-color: #ccc; /* outer border */
	}
	
.fc-header .fc-state-disabled span {
	border-color: #fff #fff #f0f0f0; /* inner border */
	background: #f0f0f0;
	}
	
	
	
/* Content Area & Global Cell Styles
------------------------------------------------------------------------*/
	
.fc-widget-content {
	border: 1px solid #ccc; /* outer border color */
	}
	
.fc-content {
	clear: both;
	}
	
.fc-content .fc-state-default {
	border-style: solid;
	border-color: #ccc; /* inner border color */
	}
	
.fc-content .fc-state-highlight { /* today */
	background: #ffc;
	}
	
.fc-content .fc-not-today {
	background: none;
	}
	
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: #9cf;
	opacity: .2;
	filter: alpha(opacity=20); /* for IE */
	}
	
.fc-view { /* prevents dragging outside of widget */
	width: 100%;
	overflow: hidden;
	}
	
	
	
/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
	border-style: solid; 
	border-color: #36c;     /* default BORDER color (probably the same as background-color) */
	background-color: #36c; /* default BACKGROUND color */
	color: #fff;            /* default TEXT color */
	}
	
	/* Use the 'className' CalEvent property and the following
	 * example CSS to change event color on a per-event basis:
	 *
	 * .myclass,
	 * .fc-agenda .myclass .fc-event-time,
	 * .myclass a {
	 *     background-color: black;
	 *     border-color: black;
	 *     color: red;
	 *     }
	 */
	 
.fc-event {
	text-align: left;
	}
	
.fc-event a {
	overflow: hidden;
	font-size: .85em;
	text-decoration: none;
	cursor: pointer;
	}
	
.fc-event-editable {
	cursor: pointer;
	}
	
.fc-event-time,
.fc-event-title {
	padding: 0 1px;
	}
	
/* for fake rounded corners */

.fc-event a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	}
	
/* right-to-left */

.fc-rtl .fc-event a {
	text-align: right;
	}
	
/* resizable */
	
.fc .ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
	border: 0 !important; /* important overrides pre jquery ui 1.7 styles */
	background: url(data:image/gif;base64,AAAA) !important; /* hover fix for IE */
	}
	
	
	
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
	}
	
.fc-event-hori a {
	border-width: 0;
	}
	
/* for fake rounded corners */
	
.fc-content .fc-corner-left {
	margin-left: 1px;
	}
	
.fc-content .fc-corner-left a {
	margin-left: -1px;
	border-left-width: 1px;
	}
	
.fc-content .fc-corner-right {
	margin-right: 1px;
	}
	
.fc-content .fc-corner-right a {
	margin-right: -1px;
	border-right-width: 1px;
	}
	
/* resizable */
	
.fc-event-hori .ui-resizable-e {
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
	right: -3px      !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: e-resize;
	}
	
.fc-event-hori .ui-resizable-w {
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
	}
	
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px; /* IE6 had 0 height */
	}
	
	

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid table {
	width: 100%;
	}
	
.fc .fc-grid th {
	border-width: 0 0 0 1px;
	text-align: center;
	}
	
.fc .fc-grid td {
	border-width: 1px 0 0 1px;
	}
	
.fc-grid th.fc-leftmost,
.fc-grid td.fc-leftmost {
	border-left: 0;
	}
	
.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px;
	}
	
.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
	}
	
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 0; /* distance between events and day edges */
	}
	
/* event styles */
	
.fc-grid .fc-event-time {
	font-weight: bold;
	}
	
/* right-to-left */

.fc-rtl .fc-grid {
	direction: rtl;
	}
	
.fc-rtl .fc-grid .fc-day-number {
	float: left;
	}
	
.fc-rtl .fc-grid .fc-event-time {
	float: right;
	}
	
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc .fc-agenda th,
.fc .fc-agenda td {
	border-width: 1px 0 0 1px;
	}
	
.fc .fc-agenda .fc-leftmost {
	border-left: 0;
	}
	
.fc-agenda tr.fc-first th,
.fc-agenda tr.fc-first td {
	border-top: 0;
	}
	
.fc-agenda-head tr.fc-last th {
	border-bottom-width: 1px;
	}
	
.fc .fc-agenda-head td,
.fc .fc-agenda-body td {
	background: none;
	}
	
.fc-agenda-head th {
	text-align: center;
	}
	
/* the time axis running down the left side */
	
.fc-agenda .fc-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	white-space: nowrap;
	text-align: right;
	font-weight: normal;
	}
	
/* all-day event cells at top */
	
.fc-agenda-head tr.fc-all-day th {
	height: 35px;
	}
	
.fc-agenda-head td {
	padding-bottom: 10px;
	}
	
.fc .fc-divider div {
	font-size: 1px; /* for IE6/7 */
	height: 2px;
	}
	
.fc .fc-divider .fc-state-default {
	background: #eee; /* color for divider between all-day and time-slot events */
	}

/* body styles */
	
.fc .fc-agenda-body td div {
	height: 20px; /* slot height */
	}
	
.fc .fc-agenda-body tr.fc-minor th,
.fc .fc-agenda-body tr.fc-minor td {
	border-top-style: dotted;
	}
	
.fc-agenda .fc-day-content {
	padding: 2px 2px 0; /* distance between events and day edges */
	}
	


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
	border-width: 0 1px;
	}
	
.fc-event-vert a {
	border-width: 0;
	}
	
/* for fake rounded corners */
	
.fc-content .fc-corner-top {
	margin-top: 1px;
	}
	
.fc-content .fc-corner-top a {
	margin-top: -1px;
	border-top-width: 1px;
	}
	
.fc-content .fc-corner-bottom {
	margin-bottom: 1px;
	}
	
.fc-content .fc-corner-bottom a {
	margin-bottom: -1px;
	border-bottom-width: 1px;
	}
	
/* event content */
	
.fc-event-vert span {
	display: block;
	position: relative;
	z-index: 2;
	}
	
.fc-event-vert span.fc-event-time {
	white-space: nowrap;
	_white-space: normal;
	overflow: hidden;
	border: 0;
	font-size: 10px;
	}
	
.fc-event-vert span.fc-event-title {
	line-height: 13px;
	}
	
.fc-event-vert span.fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
	}
	
/* resizable */
	
.fc-event-vert .ui-resizable-s {
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
	width: 100%      !important;
	height: 8px      !important;
	line-height: 8px !important;
	font-size: 11px  !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
	}