/*Yorick Ser 4/2013*/

/* TRANG */

a.rsvp_button {background:url(/images/trang/rsvp_button.png) 0 0 no-repeat;width: 71px;height:31px}
a.rsvp_button:hover {background-position: 0 -31px}
a.rsvp_button:active {background-position: 0 -62px}
#ajax_feed .rsvp_button{float:left; margin-top:12px;margin-left:25px}

#header .headerInner{margin:0 auto;width:990px;position:relative}
#header h1{margin:0}
#header h1 a{display:block;text-indent:-10000px}
#header #nav{position:absolute;overflow:visible}
#header #nav li{float:left;list-style:none;position:relative}


a {color:#0D60B2}
a:hover, a:active {outline:none !important}

a img{border:none}
.a_link {color:#0664AD!important;text-decoration:none;outline:none}
.a_link:hover, .a_link:active{outline:none}
.no_link {text-decoration:none!important;outline:none!important;color:#000!important}

p {margin-top: 0;}

/************** search bar *********************/
.dd {text-align:left;background-color:#fff;font-family:Tahoma, Helvetica, sans-serif;font-size:12px;float:left;width:43px !important}
.dd .ddTitle {background:url(/images/trang/sprites.png) 0 0 no-repeat;text-indent:0;cursor:default;overflow:hidden;height:30px;width:43px}
.dd .ddTitle span.arrow {background:url(/images/trang/sprites.png) no-repeat -50px 0 !important; float:right; margin-right:7px;margin-top:14px;display:inline-block;width:7px; height:4px; cursor:pointer}
.dd .ddTitle span.arrow:hover{background-position:-50px -10px !important}
.dd .ddTitle span.ddTitleText {overflow:hidden;float:left;margin-top:7px;display:block;vertical-align:baseline}
.dd .ddTitle span.ddTitleText img{text-align:left; margin:0 0 0 8px}
.dd .ddTitle span.ddTitleText span{text-indent:-10000px;display:block;line-height:0}
.dd .ddTitle img.selected {padding:0 3px 0 0;vertical-align:top}
.dd .ddChild {position:absolute;border:1px solid #cacaca;border-top:none;display:none;margin:0;width:110px !important;overflow:auto;overflow-x:hidden !important;background-color:#fcfcfc;padding-bottom:5px;height:125px !important}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {display:block;padding:0 0 0 8px;text-decoration:none;color:#000;overflow:hidden;white-space:nowrap;cursor:pointer;line-height:24px;outline:none}
.dd .ddChild a:hover {background-color:#f0f5f8}
.dd .ddChild a img {border:0;padding:0 0 0 0;vertical-align:middle;margin-right:9px;width:16px}
.dd .ddChild a.selected {background-color:#f0f5f8}
.hidden {display:none}
.dd .borderTop{border-top:1px solid #c3c3c3 !important}
.dd .noBorderTop{border-top:none 0  !important}
.dd2 {text-align:left;background-color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;float:left}
.dd2 .ddTitle {background:transparent url(/images/trang/msDropDown.gif) no-repeat;padding:0 3px;text-indent:0;cursor:default;overflow:hidden;height:36px}
.dd2 .ddTitle span.arrow {background:transparent url(/images/trang/icon-arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:27px; height:27px; cursor:pointer; top:5px; position:relative; right:2px}

.dd2 .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:33px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#fff; _position:relative; _top:4px}
.dd2 .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.dd2 .ddTitle img.selected {padding:0 2px 0 0;vertical-align:top}
.dd2 .ddChild {position:absolute;border:1px solid #c3c3c3;border-top:none;display:none;margin:0;width:auto;overflow:auto;overflow-x:hidden !important;background-color:#fff;font-size:14px}
.dd2 .ddChild .opta a, .dd2 .ddChild .opta a:visited {padding-left:10px}
.dd2 .ddChild a {display:block;padding:3px 0 3px 3px;text-decoration:none;color:#000;overflow:hidden;white-space:nowrap;cursor:pointer;outline:none}
.dd2 .ddChild a:hover {background-color:#66CCFF}
.dd2 .ddChild a img {border:0;padding:0 2px 0 0;vertical-align:middle}
.dd2 .ddChild a.selected {background-color:#66CCFF}
.dd2 .borderTop{border-top:1px solid #c3c3c3  !important}
.dd2 .noBorderTop{border-top:none 0  !important}
.dd .ddChild a.sprite, .dd .ddChild a.sprite:visited {background-image:url(../icons/sprite.gif);background-repeat:no-repeat;padding-left:24px}
.dd .ddChild a.calendar, .dd .ddChild a.calendar:visited {background-position:0 -404px}
.dd .ddChild a.shoppingcart, .dd .ddChild a.shoppingcart:visited {background-position:0 -330px}
.dd .ddChild a.cd, .dd .ddChild a.cd:visited {background-position:0 -439px}
.dd .ddChild a.email, .dd .ddChild a.email:visited {background-position:0 -256px}
.dd .ddChild a.faq, .dd .ddChild a.faq:visited {background-position:0 -183px}
.dd .ddChild a.games,
.dd .ddChild a.games:visited {background-position:0 -365px}
.dd .ddChild a.music, .dd .ddChild a.music:visited {background-position:0 -146px}
.dd .ddChild a.phone, .dd .ddChild a.phone:visited {background-position:0 -109px}
.dd .ddChild a.graph, .dd .ddChild a.graph:visited {background-position:0 -73px}
.dd .ddChild a.secured, .dd .ddChild a.secured:visited {background-position:0 -37px}
.dd .ddChild a.video, .dd .ddChild a.video:visited {background-position:0 0}

.cg_frmSearch {font-family: Verdana,Arial,sans-serif}
.cg_frmSearch input.cg_keyword{background:url(/images/trang/bg_txt_search.png) repeat-x;width:193px;height:30px;border:none;padding:0 5px;float:left;font-size:12px;font-family:Tahoma, Helvetica, sans-serif;display:block;line-height:30px}
.cg_frmSearch input.cg_btnSearch{background:url(/images/trang/sprites.png) no-repeat -70px 0;width:58px;height:30px;border:none;float:left;cursor:pointer}
.cg_frmSearch input.cg_btnSearch:hover{background-position:-140px 0}
.cg_frmSearch input.cg_btnSearch:active{background-position:-210px 0}

a.cg_setting{background:url(/images/trang/sprite_misc.png) -397px -180px no-repeat;width:17px;height:18px;border:none;cursor:pointer;display:block;position:absolute;top:6px;right:100px;text-indent:-10000px}
div.cg_settingPopup{background:url(/images/trang/sprite_misc.png) 0 -725px no-repeat;width:196px;height:23px;padding-top:16px;position:absolute;top:24px;right:10px}
div.cg_settingPopup input.cg_checkbox{display:block;float:left;margin:0 5px 0 8px;padding:0;overflow:hidden}
div.cg_settingPopup label{float:left}
div.cg_settingPopup label a{color:#23509c}


/************** status bar *********************/
/************** status bar *********************/
.cg_socialPost{/*width:530px;*/position:relative;margin-bottom:10px;} /*MAJ*/
.cg_socialPost a{outline:none;}
.cg_socialPost .cg_arrow{display:block;background:url(/images/sprites_status_bar.png) 0 0 no-repeat;width:10px;height:10px;position:absolute;top:10px;left:1px;}
.cg_socialPost .cg_innerSocialPost{margin-left:10px;background:none;border:none;}

.cg_socialPost .cg_frm_inner {
	position:relative;
	margin-top:10px;
	padding:5px;
	background:#eee;
	border:1px solid #bbb;
	border-radius: 3px 3px 0 0;

	}
.cg_socialPost .cg_frm_inner span.brd_top{opacity:1;margin-top:0;display:block;position:absolute;top:-7px;background:url(/images/sprite_status.png) no-repeat -44px -713px;width:16px;height:7px;}
.cg_status span.brd_top{left:15px;} 
.cg_photo span.brd_top{left:55px;}
.cg_document span.brd_top{left:100px;}
.cg_link span.brd_top{left:140px;}
.cg_poll span.brd_top{left:188px;}

.cg_socialPostControl{overflow:hidden;margin:0 0 5px;padding:0 0 0 7px; height: 25px}
.cg_socialPost .cg_socialPostControl li{float:left;margin-right:15px;list-style:none;padding:0;}
.cg_socialPostControl li.cg_last{margin-right:0;}
.cg_socialPostControl li a{color:#444;background:url(/images/sprite_status.png) no-repeat;line-height:25px;padding-left:30px;display:block;text-decoration:none;font-family:Tahoma, Geneva, sans-serif;font-size:12px;outline:none;outline:none;text-indent:-10000px;}
.cg_socialPostControl li a.cg_on{text-decoration:none;}
.cg_socialPostControl li a.cg_status{background-position:-35px 0;}
.cg_socialPostControl li a.cg_photo{background-position:-38px -39px;}
.cg_socialPostControl li a.cg_document{background-position:-41px -76px;}
.cg_socialPostControl li a.cg_link{background-position:-41px -115px;}
.cg_socialPostControl li a.cg_poll{background-position:-36px -154px;}
.cg_socialPostControl li a.cg_event{background-position:-15px -72px;}
.cg_socialPostControl li a.cg_meeting{background-position:-15px -72px;}
 /* selected */
.cg_socialPostControl li.selected a.cg_status{background-position:-35px -192px;}
.cg_socialPostControl li.selected a.cg_photo{background-position:-38px -231px;}
.cg_socialPostControl li.selected a.cg_document, .cg_socialPostControl li a.cg_document:hover {background-position:-41px -268px;}
.cg_socialPostControl li.selected a.cg_link, .cg_socialPostControl li a.cg_link:hover {background-position:-41px -308px;}
.cg_socialPostControl li.selected a.cg_poll, .cg_socialPostControl li a.cg_poll:hover {background-position:-36px -347px;}

.cg_socialPostLink textarea,
.cg_link textarea,
.cg_poll textarea {
	display:block;
	font: 14px 'Helvetica Neue',Helvetica,Arial,sans-serif !important;
	height:26px;
	width: 97%;
	width: calc(100% - 16px);
	border-radius: 2px;
	padding:6px 6px 0 7px;
	border:none;
	resize:vertical;
	overflow:auto;
	margin:0;
	}

.cg_social_post_action {margin-top:5px}
.cg_social_post_action a{color:#1b48af;text-decoration:none;outline:none;}

.cg_social_post_action .cg_left{float:left;width:40%;}
.cg_social_post_action .cg_right {float: right}
.cg_checkbox_border {border: 1px solid #d8dadb;border-radius: 3px;display: inline-block;padding: 0 2px 0 8px;cursor:pointer;float:left;margin-right:5px;width:138px;}
.cg_checkbox_border a{line-height:28px;float:left;margin-right:5px;font-family:Helvetica, sans-serif;font-size:12px;outline:none;}
.cg_checkbox_border img{background:url(/images/sprites_status_bar.png) -484px -140px no-repeat;width:16px;height:16px;float:right;margin-top:6px;}

/*#social_post #button_post {
	display: inline-block;
	background:url(/images/sprite_status.png) 0  -575px;
	width:60px;
	height:30px;
	line-height:31px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	}
	#social_post #button_post:hover{background-position: 0 -620px}
	#social_post #button_post:active{background-position: 0 -663px}*/

#social_post #button_privacy {background:url(/images/sprite_status.png) -9px -438px;text-indent:-10000px;width:31px;height:32px;float:left;margin-right:5px;}
#social_post #button_privacy:hover{background-position:-9px -476px;}
#social_post #button_privacy:active{background-position:-9px -515px;}


div.cg_selectSec{float:left;position:relative;}
select.cg_select {height: 25px !important;line-height: 25px;position: relative;z-index: 10;width:162px !important;font:11px Tahoma,sans-serif;}
div.cg_selectSec span{position:absolute;display:block;height:25px;line-height:25px;float:left;}
span.cg_lftSelect{left:0;background:url(/images/bg_left_select.png) no-repeat;width:3px;top:0;}
span.cg_select{bottom:0;left:3px;text-indent:10px;cursor:default;z-index:1;background:url(/images/bg_right_select.png) no-repeat right top;padding-right:29px;font:11px Tahoma,sans-serif;width:130px !important;overflow:hidden;}
div.cg_section .txtText{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 14px !important;height:30px;margin-bottom: 4px; width: 92%;padding-left:32px;padding-right:6px;border:1px solid #d8dadb;line-height:29px;background:#fff url(/images/sprite_status.png) no-repeat -35px -417px;}
div.cg_section a{color:#1b48af;}
div.cg_section a img{outline:none;border:none;}

div.cg_photo,
div.cg_document{border:1px solid #d9dadb;padding:8px 60px 6px;overflow:hidden;margin-bottom:4px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;background:#fff;margin-right:0;}
div.cg_photo a,
div.cg_document a {
	font: 14px/17px 'Helvetica Neue',Helvetica,Arial,sans-serif;
	display:inline-block;
	margin:0 auto;
	padding:0 3px;
	text-decoration:none;
	border:none;
	outline:none;
	color:#444;
	}
.cg_section img.ico + a { margin-right: 6px}

div.cg_photo a{width:130px;}
/*div.cg_document a{width:160px;} temp*/
div.cg_photo a:hover,
div.cg_document a:hover{text-decoration:none;}
div.cg_photo img.img_icon,
div.cg_document a.upload img.img_icon {display:block;float:left;background:url(/images/sprite_status.png) no-repeat -35px -732px;margin-right:7px;width:25px;height:18px;}

.cg_link textarea,
.cg_poll textarea{height:30px;}

.cg_poll_question{overflow:hidden;font-size:12px;font-family:'Helvetica Neue',Helvetica,Arial, sans-serif;margin-left:0;padding-left:0;}
.cg_poll_question .txtQuestion,
.cg_poll .txtAnswer{float:left;width:92%;border:1px solid #d9dadb;padding-left: 32px;padding-right:6px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 14px;margin-left:0;margin-bottom:4px;}
.ie9.cg_poll_question .txtQuestion,
.cg_poll .txtAnswer{width: 93%}
.cg_poll_question .txtQuestion{height:30px; background: #fff url(/images/sprite_status.png) -36px  -486px no-repeat;}
.cg_poll_answer{position:relative}
.cg_poll_answer img.answer_icon{display:block;background:url(/images/sprite_status.png) -45px  -460px no-repeat;position:absolute;top:10px;left:10px;width:15px;height:15px}
.cg_poll_answer .txtAnswer{height:24px;background:#fff;padding-top:8px;}
.cg_poll_question label{float:left;margin-top:9px;color:#5f6162;font-size:13px;width:120px;}

div.cg_section .meetingDate .txtText{float:left;width:87px;margin-right:7px;}
div.cg_section .meetingDate span{float:left;color:#272929;font-size:14px;font-family:'Helvetica Neue',Helvetica,Arial, sans-serif;line-height:37px;margin-right:8px;}
div.cg_section .sltTime{color:#000;font-family:Tahoma,Helvetica,Arial, sans-serif;border:1px solid #cfcfcf;margin-top:10px;height:25px;line-height:25px;display:block;float:left;} 

/* customize check box */
.checkbox input{display: none;}
.checkbox input.show{display: inline;}

/* customize check box */
.checkbox input{display: none}
.checkbox input.show{display: inline}

/* anonymous checkbox */
/*.cg_social_post_action .checkbox-wrap{float:left;width:160px;height:30px;margin:0;position:relative;padding-left:32px;}*/

.cg_social_post_action .checkbox-wrap label {
	white-space:nowrap;
	/*margin-top:5px;
	float:left;*/
	color:#444;
	font-size:14px;
	}

.cg_social_post_action .checkbox-wrap {margin-top: 8px}
.cg_social_post_action .checkbox-wrap .cust_checkbox {
	background:url(/images/sprite_status.png) no-repeat;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	height:16px;
	width:18px;
	margin: 0 5px 0 0;
	}
div.cg_social_post_action .checkbox-wrap .cust_checkbox_off {background-position:-44px -527px;}
div.cg_social_post_action .checkbox-wrap .cust_checkbox_on {background-position:-44px -553px;}
div.cg_social_post_action .checkbox-wrap input{left:0;margin-top:3px!important;vertical-align: middle;}
div.cg_social_post_action .checkbox-wrap-on{background-position:0 -72px;}
div.cg_social_post_action .checkbox-wrap-on label{color:#4c4c4c;}

/*	.btnFeed {
		position:relative;
		display:inline-block;
		vertical-align:middle;
		text-decoration:none;
		line-height: 30px;
		font-weight:bold;
		height: 33px;
		padding: 0 19px 0 5px;
		border: 1px solid #CCC;
		box-shadow: inset 0 1px 0 #FFF, 0 1px 0 #efefef;
		color: #555 !important;
		text-shadow: 0 1px 0 #FFF;
		margin: 0 1px;
		border: 1px solid #BBB;
		border-radius: 2px;
		box-shadow: inset 0 0 0 1px #fff, 0 0 3px #DFDFDF;
		background:#efefef;
		background: -webkit-linear-gradient(#f6f6f6,#efefef);
		background: linear-gradient(#f6f6f6,#efefef);
		}
		.btnFeed:hover {text-decoration:none; background:#FFF}
		.btnFeed:active {box-shadow: inset 0 2px 4px #DDD; top: 1px}
		.btnFeed:after {
			position:absolute;
			top: 50%;
			margin-top:-15px;
			right: 4px;
			height: 10px;
			width:10px;
			content:url(/images/buttons_arrows_blue.png);
			}*/
			#main .btnFeed span {
				display:inline-block;
				vertical-align:middle;
				margin: -2px 4px 0 0;
				width:22px;
				height: 18px;
				background: url(/images/feed_icons.png) no-repeat;
				}
			#main .myPeopleTags span {background-position:  0 0}
			#main .schoolWide span {background-position:  0 -24px}
			#main .peopleSchool span {background-position:  0 -50px}
			#main .mygroups span {background-position:  0 -79px}
			#main .schedules span {background-position:  0 -105px}
			.btnFeed {padding: .5em .7em !important; vertical-align:top}

.cg_privacy {border: 1px solid #d8dadb;border-radius: 3px;display: inline-block;padding: 0 2px 0 8px;float:left;margin-right:5px}
.cg_privacy span.btn{line-height:28px;float:left;margin-right:5px;font-family:Helvetica, sans-serif;font-size:12px;outline:none}
.cg_privacy img{float:right;margin-top:6px}


.cg_container_left{float:left;margin-top:2px}
img.cg_feedIco{background:url(/images/trang/sprite_misc.png) -450px 0 no-repeat;width:24px;height:24px;float:left;margin-right:10px}
div.cg_selectSec{float:left;position:relative}
select.cg_select {height: 25px !important;line-height: 25px;position: relative;z-index: 10;width:162px !important;font:11px Tahoma,sans-serif}
div.cg_selectSec span{position:absolute;display:block;height:25px;line-height:25px;float:left}
span.cg_lftSelect{left:0;background:url(/images/trang/bg_left_select.png) no-repeat;width:3px;top:0}
span.cg_select{bottom:0;left:3px;text-indent:10px;cursor:default;z-index:1;background:url(/images/trang/bg_right_select.png) no-repeat right top;padding-right:29px;font:11px Tahoma,sans-serif;width:130px !important;overflow:hidden}

div.cg_section .txtText {
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 14px !important;
	height:30px;
	margin-bottom: 1px; 
	margin-top: 3px;
	border:1px solid #d8dadb;
	line-height:30px
	}

div.cg_section a{color:#1b48af}
div.cg_section a img{outline:none;border:none}

/*modifs*/
div.cg_photo, div.cg_document	{
	border:1px solid #d9dadb;
	padding:10px 60px;
	overflow:hidden;
	margin-bottom:3px;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:12px;
	background:#fff;
	text-align:center;
	}
	div.cg_photo a, div.cg_document a {
		font: 12px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;
		color:#222;
		text-decoration:none;
		outline:none;
		margin-right: 
		}
	#attachmentsLink > .ico + .ico {margin-left: 10px}
	div.cg_document a {}
	.cg_section.cg_document .new_upload {display:inline-block}
	.cg_photo a { display:inline-block}

div.cg_photo a:hover,div.cg_document a:hover{text-decoration:none}
div.cg_photo a.uploadPhoto img,
div.cg_document a.uploadDocs img {display:block;float:left;background:url(/images/sprite_status.png) no-repeat;margin-right:7px}
div.cg_photo a.uploadPhoto img{background-position:-19px -609px;width:21px;height:21px}

div.cg_document{padding:10px 0}
div.cg_document a.uploadDocs img{background-position:-19px -558px;width:21px;height:21px;margin-right:0}

.cg_link textarea, .cg_poll textarea {height:30px}

.cg_poll_question{overflow:hidden;font-size:12px;font-family:'Helvetica Neue',Helvetica,Arial, sans-serif;margin-left:0;padding-left:0}
.cg_poll_question .txtQuestion {
/*	float:left;
	width:70%;*/
	border:1px solid #d9dadb;
	height:30px;
	color:#b5b5b5;
	padding-left: 30px;
	margin-right: 7px;
	font: 14px'Helvetica Neue',Helvetica,Arial,sans-serif;
	}
#social_post input.chkPost {
	vertical-align:middle;
	margin-right:5px;
	}
#social_post label {vertical-align:middle}
.cg_poll_question label{float:left;margin-top:9px;color:#5f6162;font-size:13px;width:120px}

div.cg_section .meetingDate .txtText{float:left;width:87px;margin-right:7px}
div.cg_section .meetingDate span{float:left;color:#272929;font-size:14px;font-family:'Helvetica Neue',Helvetica,Arial, sans-serif;line-height:37px;margin-right:8px}
div.cg_section .sltTime{color:#000;font-family:Tahoma,Helvetica,Arial, sans-serif;border:1px solid #cfcfcf;margin-top:10px;height:25px;line-height:25px;display:block;float:left} 


#wrapper{width:990px; min-height:990px; margin:0 auto;background-color: #fff}

#mainContent{clear:both;overflow:hidden;position:relative;z-index:9}
/** feed design */
.topContent{padding:15px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 12px;border-bottom:1px solid #dadada;border:0 0 1px 0;background:#f3f3f3;height:32px;position:relative;z-index:5}
.profilePhoto{float:left;width:170px;margin-right:22px}
img.userImage{width:29px;height:29px;border:1px solid #cecece}
.profilePhoto img{float:left;width:29px;margin-right:10px}
.profilePhoto span.name{float:left;font-weight:bold;display:block;color:#424242}
.profilePhoto .workType{display:block;float:left;font-size:11px;color:#424242}
.profilePhoto:hover{background-color:#E8E8E8;}

div.profilePhoto{width:166px;height:35px;position:relative;top:-4px;padding-top:4px;padding-left:4px;}


.topContent .search{float:left;width:550px;margin-right:0;position:relative}
.topContent .innerSearch{overflow:hidden}
.topContent .search .txtKeyword{width:457px;height:30px;border:1px solid #bababa;float:left;vertical-align:middle;display:block;line-height:30px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.topContent .search .btnSearch {
	background:url(/images/trang/sprite_misc.png) -239px 0 no-repeat;
	width:76px;
	height:32px;
	border:none;
	cursor:pointer;
	}
	.topContent .search .btnSearch:hover {background-position:-151px -43px}
	.topContent .search .btnSearch:active {background-position:-240px -43px}

a.lnkUpdate0{background:url(/images/notifications_button.png);width:112px;height:30px;border:none;margin-left:6px;cursor:pointer;display:block;float:left}
a.lnkUpdate0:hover{background-position:0 -31px}
a.lnkUpdate0:active{background-position:0 -62px}
a.lnkBookmark0{background:url(/images/bookmarked_button.png);width:58px;height:31px;margin-left:4px;border:none;cursor:pointer;display:block;float:left}
a.lnkBookmark0:hover{background-position:0 -31px}
a.lnkBookmark0:active{background-position:0 -62px}

.notifyNumber {
	display: inline-block;
	background: #cb423c;
	border-radius: 2px;
	border: 1px solid #b31414; 
	color: #fff !important;
	box-shadow: 0 0 2px #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	margin: 0 4px;
	text-align:center;
	padding: 0 3px;
	}
.notifyNumber.grey {background: #BBB; border-color: #AAA}

#main .cg_socialPost{/*width:550px*/} /*MAJ*/
#main .cg_socialPost .cg_innerSocialPost{margin-left:0}

/* feed */
.feed {margin:10px 0 0}
.feed a {color:#26a4dd}
.feed .image {
	float:left;
	margin-right:12px;
	}
.feed .image a,
.feed .image a img{display:block;width:46px;height:46px}
.feed .image a{margin-left:2px;margin-top:2px}

.feed .post_feed {
	background: #fff; 
	padding: 20px 15px 0; 
	overflow:hidden; 
	margin-bottom: 15px;
	border-radius: 5px 5px 0 0;
	}

/* action */
.feed .image .action{display:block;text-indent:-10000px;background-image:url(/images/trang/sprite_misc.png);background-repeat:no-repeat;width:16px;height:16px;margin:3px auto 0}
.feed .image .photoAct{background-position:-484px -22px;margin-top:4px}
.feed .image .sendMess{background-position:-484px 0}
.feed .image .newsletter{background-position:-484px -347px;}
.feed .image .officers{background-position:-484px -299px;}
.feed .image .survey{background-position:-484px -81px;}
.feed .image .shareLink{background-position:-484px -65px;height:8px;margin-top:5px}
.feed .image .feedEvent{display:block;text-indent:-10000px;background-image:url(/images/ico/calendar_1.png);background-repeat:no-repeat;width:16px;height:16px;margin-top:2px;margin-left:18px}
.feed .feedContent{/*float:left;width:496px*/} /*MAJ*/
.feed .mainFeedCont {overflow:hidden}
.feed .sendMessIcon{background:url(/images/trang/sprite_misc.png) -451px -48px;width:17px;height:13px;display:block;float:left;margin-right:10px}
.feed .per_text{margin:5px 0}
.feed .userName{font-family:Tahoma, Geneva, sans-serif;font-weight:bold;padding-right:3px}
.feed .actionFeed{overflow:hidden;margin:7px 0 10px}
.feed .userPhoto{display:block;background:url(/images/trang/sprite_misc.png) 0 -120px;width:169px;height:129px}
.feed .userPhoto img{margin:4px 3px 4px 4px}


/* button */
.feed .userAction a.btn{font-family:Tahoma, Geneva, sans-serif;line-height:17px;display:block}
.feed .userAction .btn{border:none;color:#23509c;background:#fff;padding:0;font-family:Tahoma, Geneva, sans-serif;line-height:15px;display:block}
.feed .userAction .btn:hover{text-decoration:underline}
.feed .userAction li.like .btn{margin-left:-2px;position:relative;cursor:pointer}

.box{border:1px solid #e0e0e0;background:#f7f7f7;padding:7px 10px;margin:5px 0;clear:both}
div.box{text-align:center}

/* comment list */
.commentList ul{padding-left:0;margin:2px 0}
.commentList ul li{list-style:none;position:relative;margin-bottom:2px}
.commentList > ul .avatar	{
	float:left;
	width:40px;
	height: 40px; 
	margin-right: 5px;
	}
.commentList .commentContent {
	overflow:hidden;
	padding: 1em 1.2em .4em;
	font-size: .9em;
	line-height: 1.4em;
	border-radius: 3px;
	background:#FDFDFD;
	border: 1px solid #E5E5E5;
	margin-bottom: 10px;
	}
	.mainFeedCont .commentList {width: auto !important} /*MAJ*/ 
	
.commentList .commentContent a.userName{font-weight:bold;padding-right:5px;float:none}
.commentList .commentContent .userAction{float:left;width:50%;margin-bottom:0}
.commentList .borderAvatar,
.commentList .borderInputCom{display:block;position:absolute;background:url(/images/trang/sprite_misc.png) 0 -43px no-repeat;width:10px;height:16px;top:0;left:26px}
.commentList textarea[id^="comment_text"] {
	border:1px solid #D5D6D7;
	padding: .9em 1.2em;
	resize:vertical;
	height:4em;
	color:#333 !important;
	background: #FDFDFD;
	border-radius: 3px;
	font-size: 13px;
	}
	#feed_list .inputComment {
		width: 92.2%; 
		height: 42px;
		-moz-box-sizing: border-box; 
		box-sizing:border-box;
		}
	#feed_list .inputComment:focus {
		border-color: #BBB;
		outline: none;
		height: 5em !important;
		}
.lightbox_panel  .postComment {
	float:right;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none !important;
  padding: .55em 1.1em;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
  background: #119bd8;
  -webkit-transition: all .1s;
  transition: all .1s;
  color: #FFF !important;
  }
#feed_list .commentList .postComment{margin-left:452px}
.commentList .borderInputCom{top:1px}
.commentList .actionFeed{margin-bottom:0}

/*@FEED NEW */
.avatar {
  border-radius: 3px;
  }
 .post_feed { font-size: 1.2em}
 .feed .per_text {display: table-cell; padding: .5em 0}
 .close_sugg { margin-right:0}
 .feed .mainFeedCont {overflow: visible; position:relative}
 .post_feed > a {
	 float:left;
	 margin: 0 12px 10px 0;
	 }
 .post_feed .avatar {
	 height: 50px;
	 width: 50px
	 }
	.per_text { font-size: 14px}
	.feed .userName {padding-right: 0}
	.mainFeedCont .delete_button {margin-left: 6px}	
	.mainFeedCont .ico {margin:0; vertical-align:text-bottom}
	.commentList {
		margin: 1em -20px 0;
		padding: 20px;
		background: #f5f5f5;
		border-bottom:1px solid #DDD;
/*		box-shadow: inset 0 4px 5px -4px #AAA;*/
		}
		.commentList .cta {padding: .4em .9em}
		.commentContent > .delete_button {
			float: right;
			margin: -5px -8px 0 10px;
			opacity: .7;
		}
		.commentContent > .delete_button:hover {opacity: 1}
		.previous_com  {text-align:center; padding-bottom: 1em}
			.previous_com > a {text-decoration: underline}
			.previous_com > a:hover {text-decoration: none}
			.actionFeed .ico {display:none}


/* send message */
.sendMess .mainFeedCont{margin-bottom:0}
.sendMess .userName{float:left}

/* share link */
.shareLink .innerLinkContent{overflow:hidden}
.shareLink .innerLinkContent img{float:left;width:122px;height:91px;margin-right:10px}
.shareLink .mainLinkContent{float:left;width:350px}
.shareLink .mainLinkContent .link{display:block;margin-bottom:5px;font-weight:bold}
.shareLink .mainLinkContent p{line-height:1.4em;margin:8px 0}
.shareLink .mainFeedCont{margin-bottom:0}
.shareLink .actionFeed{margin-top:0}

/* stickytooltip */
.stickytooltip{position:absolute;display:none;width:350px;border:none;background:url(/images/trang/sprite_misc.png) 0 -269px no-repeat !important;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 11px;border-color:transparent !important;z-index:3000}
.stickytooltip .stickystatus{padding-top:5px;text-align:center}
.atip{margin:20px 10px}

/* result page */
.notifications_popup {padding: 15px 10px 10px 10px;}
h2.resultPage {font-size:20px;color:#424242;font-weight:bold;line-height:46px;}
#add_people{background:url(/images/trang/add_people_button.png) no-repeat;width:176px;height:31px;margin-top:8px;border:none;cursor:pointer;display:block;float:right}
#add_people:hover{background-position:0 -31px}
#add_people:active{background-position: 0 -62px}
.remove_people{background:url(/images/trang/remove_button.png);width:31px;height:25px!important;border:none;cursor:pointer;display:block;float:right;margin-top:-15px;margin-right:20px}
.remove_people:hover{background-position:0 -31px}
.remove_people:active{background-position: 0 -62px}

span.cg_select_more{bottom:0;left:3px;text-indent:10px;cursor:default;z-index:1;background:url(/images/trang/bg_right_select.png) no-repeat right top;padding-right:29px;font:11px Tahoma,sans-serif;overflow:hidden}
select.cg_select_more {height: 25px !important;line-height: 25px;position: relative;z-index: 10;width:80px !important;font:11px Tahoma,sans-serif}

	
/*Media tab in manage menu OLD HEADER */

.topActionTab select#categories {
height: 24px !important;
line-height: 27px;
position: relative;
z-index: 10;
width: 76px !important;
font: 12px 'Helvetica Neue',Helvetica,Arial,sans-serif;
display: block;
margin-left: 5px;
opacity:1;
}
.topActionTab span.cg_select {
display: block;
top: 124px;
left: 10px;
text-indent: 10px;
cursor: default;
z-index: 1;
font: 12px 'Helvetica Neue',Helvetica,Arial,sans-serif;
width: 54px !important;
overflow: hidden;
height: 29px;
line-height: 27px;
padding-right: 22px;
cursor: pointer;
}


/*Thickbox Upload & Tags*/
div.w_content.thbxright{padding: 10px;margin: 4px;height:430px;}
span.thbxExisting{float:left;text-align:left;font-size:1.2em;margin-left:6px;margin-top:4px;font-weight:bold;}

/*resize.aspx */
div.croppingSpace{margin:20px;height:446px;padding:15px;width:1040px;height: 408px;font-size:14px;text-align:center;}
div.croppingSpace span.cropped{border: 1px solid #CCC;display: inline-block;padding: 3px;}

            
/*########### UPLOAD TOOLS BUTTON MM 4/17/13 ###########################*/

div.uploadToolsButton{position:absolute;display:block;text-align:left;width:100%;z-index:1;}       
div.uploadToolsButton li.editPhotoLi a	{
	display:inline-block;
	text-decoration:none !important;
	line-height:34px;
	padding-left:8px;
	border-top:1px solid #d4d4d4;
	width:172px;
	color:Black;
	}
div.uploadToolsButton ul >:first-child.editPhotoLi a{border-top:none;}
.uploadToolsButton .editPhotoLi:hover {background:#119bd8}
.uploadToolsButton .editPhotoLi:first-child {border-radius: 3px 3px 0 0}
.uploadToolsButton .editPhotoLi:last-child {border-radius: 0 0 3px 3px}

div.uploadToolsButton li.editPhotoLi:hover a{color:White;text-decoration:underline;}
div.uploadToolsButton div.editPhotoDiv {
	width:180px;
	border-radius: 3px;
	background-color:White;
	text-align:left;
	z-index:100;
	box-shadow: 0 1px 4px rgba(25,39,54, .4);
	}
div.uploadToolsButton span.icoEdit {
	background-repeat:no-repeat;
	background-position:0 5px;
	width:16px;
	height:17px;
	display:inline-block;
	margin-right: 4px;
	}
	
div.uploadToolsButton a.editLink{background-color:#FFFFFF;padding-left:3px;padding-right:3px;color:Black;text-decoration:none;cursor:pointer;line-height:22px;display:inline-block;}
div.uploadToolsButton a.editLink:hover{background-color:#E8E8E8;padding-left:3px;padding-right:3px;text-decoration:underline;}
div.uploadToolsButton img.editPic{width: 21px;height: 21px;padding-right: 0;background-image: url(/images/sprite_manage.png);background-repeat: no-repeat;background-position:-732px -384px !important;}
div.uploadToolsButton .progressBarUpload{display:none;background-color:#00FF00;position:absolute;height:30px;margin-top: 1px;opacity: 0.3;}
div.uploadToolsButton a.browseButton span:hover{text-decoration:underline;}
.user-avatar .uploadToolsButton{display:block;}
h2#new_club_name .labelUpload, h2#new_club_name li.editPhotoLi{font-weight:normal;}
.infoUploadFeed{float:left;display:block;line-height:25px;}
.cg_socialPostControl li a#photoFeedUpload:hover{background-position:-38px -231px;}
#group_logo #group_logo_img:hover{border:1px solid #CCC !important;}

div.cover_photo div.uploadToolsButton{margin:-5px 0 0 1px;}

/*######################################################################*/

label {cursor:pointer}






/* ANGELA */

.signup_instructions {
	color:#777;
	font-style: italic;
}

.people_who_liked {
	padding:5px;
	border: 1px solid #D5D6D7;
	margin-right:11px;
	font-size:11px;
}

/*------------------------------------------- */
/*------------ Edit Post in the Feed ---------- */
.manage_feed_post, .manage_comment_post {
	position:absolute;
	right: -5px;
	border: 1px solid #BBB;
	border-radius: 3px;
	}

.manage_comment_post {
	right: 10px;
    margin-top:8px;
	}


	/*.manage_feed_post ul {padding-left: 0; list-style-type: none}
	.manage_feed_post ul li {margin-bottom: 5px}*/
	.manage_feed_post a {color:#333 !important; text-decoration: none !important}
	.manage_feed_post:hover {background:#fff}
	.manage_feed_post img {
		margin-right: 5px;
		vertical-align:middle;
		}



/*------------------------------------------- */
/*----------------- Dates & Calendars----------- */

.w_date {color: #8E8E8E;}

.w_cal_date {
	width: 47px;
	height: 48px;
	text-align:center;
	margin: .2em 0 0;
}
.w_cal_date abbr {display:block;}
.w_cal_date span {
	display:block;
	height: 32px;
}
.w_cal_date .nbr, .w_cal_date .day {display: inline;}
.w_cal_date .day {display:block;}
.w_cal_date_big {
	width: 68px;
	height: 69px;
	text-align:center;
}
.w_cal_date_big abbr {display:block;}
.w_cal_date_big .day {display:block;}
.w_cal_date {font: bold 1em/1.5em Arial, Helvetica, sans-serif;}
.w_cal_date abbr {
	background: #444 url(/images/date_bg_top.png);
	font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	border: none;
	color:#FFF;
}
.w_cal_date span {background:#FFF url(/images/date_bg_bott.png);}
.w_cal_date .nbr, .w_cal_date .day {background: none;}
.w_cal_date span.nbr {
	font-size: 1.6em;
	line-height: 1.1em;
	color:#333;
	text-shadow: -1px 1px 0 #FFF;
}
.w_cal_date .day {
	letter-spacing:normal;
	font: normal .8em/0.7em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-shadow: -1px 1px 0 #EAEAEA;
	color:#000;
}
.w_cal_date_big {
	background: url(/images/date_big.png);
	font: bold 1.3em/1.7 Arial, Helvetica, sans-serif;
}
.w_cal_date_big abbr {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: none;
	font-size: .9em;
	color:#EBEBEB;
}
.w_cal_date_big span {
	color:#333;
	font-size: 2em;
	line-height: 1.15em;
	text-shadow: -1px 1px 0 #FFF;
	letter-spacing: -0.02em;
}
.w_cal_date_big .day {
	letter-spacing:normal;
	font: normal .6em/1 Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-shadow: -1px 1px 0 #EAEAEA;
	color:#000;
}


/*------------------------------------------- */
/*----------- Page History Comments --------- */

#content_comments .box{
	width:700px;
}

#content_comments .commentContent {
	width:655px;
}

#content_comments .inputComment {
	width:655px;
	margin-top:1px;
}

#content_comments .postComment {
	margin-left:675px; display:block;
}

#content_comments .userAction {
	width:75%;
}

.target_info {
	margin-bottom:10px;
	font-size: 14px;
}


/* -----------------------------------------------*/
/*----------------- Page History ------------ */

ul.history_list > li {
	padding:13px !important;
	border-bottom: 1px solid #D5D6D7;
}

ul.history_list li.newNotif
{
    background-color:#FEFCC6;    
    }
    
ul.history_list li.class {
	border-bottom: none;
}


ul.history_list li li.class,
 ul.history_list li li.first{
	padding-left:0 !important;
	margin:0;
}

ul.history_list li img {
	padding-right:10px;
}


/* -----------------------------------------------*/
/* ---------------- Events Widgets ---------------*/

.event_widget.cg_widget .w_date{display:block;}
.event_widget.cg_widget .w_item a{} /* display:block; */
.event_widget .w_content {padding:0!Important}
td.w_left_star{vertical-align:top; padding-top:3px;}
td.w_event_info{vertical-align:top;width:230px;}
.w_heading {margin-bottom:3px;font-size:12px; color:#4f4e49;}
.w_link_title {font-size:17px; line-height:1.4}
.event_card .w_link_title {margin-right:4px}
.w_reg_counter {font-size:1.8em;color:#0664ad; font-weight:Bold}
.w_location{margin-top:3px; font-size:13px;color:#14130c}
.w_time{margin-top:3px; font-size:13px;color:#14130c}

.event_card td {vertical-align:top}
.event_card + form {
	background:#f2f2f2;
	padding: 8px 8px 2px 8px;
	margin: 0 -8px -8px;
	}
	
	td.w_tickets {
		width:80px;
		text-align:center;
		vertical-align: top;
		}
	td.card_date {width: 105px; text-align:right}
	td.card_title {width: 240px;}

td.w_registration_options{vertical-align:top;padding-left:20px;width:200px;}

td.w_buttons {
	width: 318px;
	text-align:right;
/*	background:#f5f6fa;*/
	vertical-align:top;
	}

td.w_small_buttons {width:100px; background:#eaecf1; padding: 10px 10px 6px;}
div.w_event_container{padding:8px;border:1px #ccc solid!important;margin-left:3px;}
div.w_separator {font-weight:bold; background-color:#eee;padding:7px;color:#000;text-transform:uppercase;}
div.w_sep_green {border-top:4px #7B9400 solid;}
div.w_sep_purple {border-top:4px #6c62a0 solid;}
div.w_sep_orange {border-top:4px #FF7800 solid;}
div.w_sep_blue {border-top:4px #2055A6 solid;}
div.w_sep_grey {border-top:4px #cccccc solid;}
div.w_list_item {padding:7px 0}
div.w_list_item {border-top:1px #E7E7E7 solid;}
td.w_social {vertical-align:top;width:200px;padding-left:20px}
.full_event {background-color:red; color:#FFFFFF;padding:3px 5px;font-weight:bold;}
.tickets_left {background-color:red; color:#FFFFFF;padding:3px 5px;font-weight:bold}
.waitinglist {background-color:orange; color:#FFFFFF;padding:4px 5px;font-weight:bold;}
.waitinglist_notactive {background-color:#ccc; color:#FFFFFF;padding:4px 5px;font-weight:bold;}
.available {background-color:#588C00; color:#FFFFFF;padding:3px 5px;font-weight:bold;}
.expired {background-color:#ddd; color:#000;padding:3px 5px;font-weight:bold;}
.reg_option {height:25px; }
.reg_details {width:200px; float:left}
.reg_avail {}


/*-------------------------------------------------------- */
/* ------------ Privacy PopUp -------------*/

.inner_privacypopup {
	padding:10px;
}

.privacypopup_link {
	color:#535353;
	font-weight:bold;
}

.privacypopup_warning {
	margin-left:4px;
	width:150px;
	color:#777;
}

.privacypopup_info {
	font-weight:bold;
	margin:5px;
}

.privacypopup_list {
	padding-top:7px;
	margin-top:3px;
	border-top:1px #eee solid;
}

.privacypopup_typelist {
	width:200px;
	float:left;
}
.privacypopup_yoglist {
	width:150px;
	margin-top:5px;
}

.officers_only {
	color:red;
	font-weight:bold;
}


/*---------------------Pop Up Comments------------------- */

.lightbox_panel .commentList{
	height: 300px;
	overflow:hidden;
	width: auto !important;
	padding:15px;
	margin:0 !important;
	background:none;
	border:none;
	}
	.lightbox_panel textarea {width: 85%}
	.lightbox_panel .commentList li { float:none; margin: 10px 0 0 !important}

.lightbox_panel .commentList li{
	padding:0!important;
}

.lightbox_panel .commentList li img{
	padding-right:0!important;
}

.lightbox_panel .close_button {
	float:right;
	background-image:url(/images/popup_close.png);
	height:20px;
	width:20px;
	margin-top:10px;
	margin-right:-15px;
}
.lightbox_panel_large .close_button {
	float:right;
	background-image:url(/images/popup_close.png);
	height:20px;
	width:20px;
	margin-top:10px;
	margin-right:-15px;
}

.comment_info {
	padding:5px;
	background-color: #f3f3f3;
	border: 1px solid #e0e0e0;
	font-size:1.1em;
}


/* ---------------- Autocomplete result box ---------------*/

.ac_results {
	border:1px solid #bababa!important;
}
.ac_results img {
	margin-bottom:-20px;
}

/*-------------------------------------------------------- */

/* Style for the message when there are no results in student bookmarks*/
.no_result {
	padding:10px;
}

/* To make the cursor a little hand when hovering over a link*/
a {
	cursor:pointer;
}

/*-------------------------------------------------------- */

#content {background-color:#fff}

.messages {
	padding: 10px 12px 8px;
	margin: 0 10px 20px 5px;
	font-weight:normal;
	border: 1px solid;
	font-size: 1.1em;
	background: #FFF;
	border-radius: 3px;
	}
	.messages b {font-weight: normal}
	#maincol .messages {margin: 0 0 20px 0}

.bloc {
	padding: 8px 10px !important;
	margin: 0 10px 20px 0
}

#ico_trang {
	margin-right:0;
}


/*=--------------------------------------------- L I G H T  B O X -------------------------------------------*/

/* Lightbox background */
.lightbox {
	display:none;
	background:#000000;
	opacity:0.8;
	filter:alpha(opacity=80); /*IE*/
	position:fixed;
	top:0;
	left:0;
	min-width:100%;
	min-height:100%;
	z-index:1000;
}
/* Lightbox panel with some content */
.lightbox_panel {
	display:none;
	position:fixed;
	top:50px;
	left:50%;
	margin-left:-250px;
	width:600px;
	background:#FFFFFF;
	z-index:1001;
	max-height:550px;
}
.lightbox_panel_large {
	overflow:auto;
	display:none;
	position:fixed;
	top:100px;
	left:35%;
	margin-left:-250px;
	width:500px;
	background:#FFFFFF;
	z-index:1001;
	max-height:500px;
}



/*=--------------------------------------------- C A L E N D A R -------------------------------------------*/


/* YS: 9/2014 => delete in a few weeks
.cal_date span {
	font-size: 1.6em;
	line-height: 1.3em;
}
.cal_date_big {
	background: url(/images/date_big.png);
	font: bold 1.3em/1.7 Arial, Helvetica, sans-serif;
}

.cal_date {
	width: 44px;
	height: 42px;
	text-align:center;
}
.cal_date abbr, .cal_date_big abbr, .cal_date_big .day {display:block;}
.cal_date_big {
	width: 68px;
	height: 69px;
	text-align:center;
}

.cal_date {
	background: #999 url(/images/date_bg.png);
	font: bold 1em/1.6 Arial, Helvetica, sans-serif;
}
.cal_date abbr {
	border: none;
	font-size: .9em;
	letter-spacing: .1em;
	color:#FFF;
}
.cal_date span {
	font-size: 1.6em;
	line-height: 1.3em;
}
.cal_date_big {
	background: url(/images/date_big.png);
	font: bold 1.3em/1.7 Arial, Helvetica, sans-serif;
}
.cal_date_big abbr {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: none;
	font-size: .9em;
	color:#EBEBEB;
}
.cal_date_big span {
	color:#333;
	font-size: 2em;
	line-height: 1.15em;
	text-shadow: -1px 1px 0 #FFF;
	letter-spacing: -0.02em;
}
.cal_date_big .day {
	letter-spacing:normal;
	font: normal .6em/1 Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-shadow: -1px 1px 0 #EAEAEA;
	color:#000;
	padding-bottom:5px;
}
*/

/*=--------------------------------------------- B U T T O N S -------------------------------------------*/

.w_btns {
	padding: .3em .5em;
	margin-right: 5px;
	vertical-align: middle;
}
.w_btns span {
	padding: 2px 0 2px 23px;
	margin-left: -2px;
}

	
/*.w_btns {
    color:Black !important;
	font-weight:normal;
	border: 1px solid #cccccc;
	background: url(/images/w_btns_background.png) repeat-x;
	text-decoration:none !important;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	padding:5px;
}
.w_btns:hover {
	background-color: #FFF;
	background: url(/images/bg_btns_1.png) repeat-x;
	border-color:#1575EA;
	}
	.w_btns span {background-repeat: no-repeat;}*/

/* Button edit/preview Manage website page*/
.edit_preview span {
    line-height:18px !important;
    position:relative;
    top:4px;
    padding-left:3px !important;
    padding-right:2px !important;
    }

.new_upload img{margin-right:10px;padding-top:3px;vertical-align:middle;}
.w_attach_new a
{
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    margin-top:3px;
    vertical-align:middle;
    text-decoration:none !important;
    }
.new_upload a:hover{    text-decoration:none !important;}

/* BLUE BUTTONS */
span.icon {display:inline-block;width:16px;height:18px;}

.w_blogpage {background: url(/images/ico/blog.png);background-position:1px ;margin-bottom:1px;}
.w_tag { background: url(/images/ico/tag.png);background-position:0 1px; }
.w_delete { background: url(/images/deleted.gif) 0 center no-repeat; ; }
.w_settings { background: url(/images/ico/setup.gif) ; }
.w_add { background: url(/images/icon_plu.gif) ; }
.w_view { background: url(/images/ico_search.gif) ; }
.w_upload_photos { background: url(/images/ico/upload_photos.png) ; }
.w_upload_documents { background: url(/images/upload_files.gif) ; }
.w_assign_tags { background: url(/images/ico/tag.png) ; }
.w_show {background: url(/images/view.gif) ; }
.w_send {background: url(/images/send.gif) ;}
.w_write {background: url(/images/ico/write.gif);background-position:0 2px;background-repeat:no-repeat;}
.w_write2 {background: url(/images/ico/write.gif);background-position:0 1px;background-repeat:no-repeat;}
.w_delete {background: url(/images/ico/deleted.gif) ;background-repeat:no-repeat;}
.w_settings {background: url(/images/ico/setup.gif) ;}
.w_add {background: url(/images/ico/icon_plu.gif) 0 center no-repeat;}
.w_add_small {background: url(/images/ico/add.png) 0 center no-repeat;}
.w_add_question {background: url(/images/add_question.gif) 0 center no-repeat;}
.w_no {background: url(/images/error_message.png) 0 center no-repeat;}
.w_upload_excel {background: url(/images/upload_excel.gif) ;}
.w_download_excel {background: url(/images/download_excel.gif) ;}
.w_download_cal {background: url(/images/ico/download_event.gif)}
.w_download_pdf {background: url(/images/document_mini_pdf.png) ;}
.w_member {background: url(/images/ico/view_member_new.png) ;}
.w_users {background: url(/images/ico/users_new.png) ;}
.w_add_one {background: url(/images/ico/ico_add_members_new.gif) ;}
.w_add_multiple {background: url(/images/ico/add_members_new.gif) ;}
.w_add_survey {background: url(/images/ico/add_survey.gif) ;background-position:0 1px;}
.w_add_form {background: url(/images/ico/add_form.gif) ;background-position:0 1px;}
.w_survey {background: url(/images/survey.gif) ;}
.w_add_event {background: url(/images/ico/add_event.gif) ;background-position:0 1px;}
.w_event {background: url(/images/ico/event.gif) ;}
.w_duplicate {background: url(/images/ico/event_duplicate.png);}
.w_add_officer {background: url(/images/ico/add_officer_new.gif) ;}
.w_add_multiple_officers {background: url(/images/ico/add_multiple_officers_new.gif) ;}
.w_add_email {background: url(/images/add_email.gif) ;}
.w_reply {background: url(/images/ico_reply.gif) ;}
.w_reply_all {background: url(/images/ReplyAll.gif) ;background-position:0 1px;}
.w_add_workflow{background: url(/images/ico/add_workflow.gif);background-repeat:no-repeat;background-position:0 1px;}
.w_remaining {background: url(/images/remaining-sm.gif) ;background-position:0 1px;}
.w_plaxo {background: url(/images/plaxo.png) ;}
.w_rsvp {background: url(/images/approval_message_small.png) 0 center no-repeat;}
.w_bullet {background: url(/images/0037_bullet.png) 0 center no-repeat;}
.w_rss {background: url(/images/new_rss_icon.png) ;}
.w_help {background: url(/images/help2.gif) ;}
.w_print {background: url(/images/print.gif) ;}
.w_attach {background: url(/images/Attach.gif) ;}
.w_waitinglist {background: url(/images/ico/add_members_new.gif) ;}
.w_email {padding-left:24px; background: url(/images/ico/mail1_new.gif) 0 center no-repeat; background-position:2px -1px;}
.w_album {background: url(/images/photos_album.gif) ;}
.w_folder {background: url(/images/ico/folder.png) ;}
.w_check {background: url(/images/ico/accept.png) ;}

#w_prev, #w_next {
display: block;
height: 18px;
width: 18px;
}

#w_next { background: url(/images/next_month.gif) no-repeat }
#w_prev { background: url(/images/previous_month.gif) no-repeat }



/*=--------------------------------------------- C O M M O N   E L E M E N T S -------------------------------------------*/
.rounded {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.data_updated {
	position: absolute;
	z-index:3;
	top: 0;
	left: 50%;
	padding: 10px;
	margin-left:-50px;
	width: 100px;
	background: #fff9d5;
	text-align: left;
	color: #333;
	border: 1px solid;
}

.color_palette {
	position: absolute;
	z-index:3;
	top: 10px;
	left: 50%;
	margin-left:-50px;
	width: 100px;
	background: #FC6;
	text-align: center;
	font-size: 1.1em;
}
#loading_message {
	display:block;
	margin-bottom: 15px;
}
#ajax_popup {
	position:absolute;
	z-index:2;
	top: 50%;
	left: 50%;
	width: 135px;
	margin-left:-175px;
	background: #FFF;
	border: 5px solid;
}
#sidebar, .small, .medium { float:left }
#rsvp #main { overflow: visible; }
#sidebar {
	width: 140px;
	padding-right: 10px;
}
.medium {
	width: 420px;
	padding-top: 0;
}
.small {
	width: 212px;
	padding-top: 0;
}
.web_login form.vertical, .login form {
	background:#F3F3F3;
	width:500px;
	padding: 6px 10px;
	border: 1px solid #C4C4C4;
	margin-left: 8px;
}
.web_login .vertical label, .login label { width: 70px }
.web_login .vertical h3, .login h3 {
	font-size:1em;
	border-bottom: 1px solid #999;
	margin-bottom: 12px;
	padding-bottom: 3px;
}
.web_login .vertical h3, .login form h3 { font-size:1.2em; }
.suggest_link {
	background-color: #FFFFFF;
	padding:3px 5px 3px 5px;
	margin:0;
	width:250px;
	border-bottom:1px solid #ccc;
}
.suggest_link_over {
	background-color: #5C53AA;
	padding:3px 5px 3px 5px;
	margin:0;
	width:250px;
	border-bottom:1px solid #ccc;
	color:#fff;
	cursor: pointer;
}
.suggest_link_over #highlighted {
	background-color: #5C53AA !important;
	color:#fff !important;
}
#search_suggest {
	position: absolute;
	background: #FFF;
	text-align: left;
	border: 1px solid #000;
	padding: 0;
}
a img { border: 0 }

.nobullet {
	list-style:none;
	margin:0;
}
h1, h2, h3, h4, h5 {
	padding:0;
	margin:0;
	font-size: 1em
}
.small_font { font-size: .9em }
.big_font { font-size: 1.1em }
.left {float:left }
.center {margin: 0 auto } /*To center a bloc horizontally*/
.right {float:right}
.clear {clear:both }
.block {display:block } /*To present images vertically */
.inline {display:inline !important }
.hide {
	position:absolute !important;
	top: -500px
	} /*accessibility*/
.table_padding td { padding:6px 5px; }
.table_padding {
	background:#FFF;
	border:none;
	text-align:left;
	border-collapse: collapse !important;
	font-size:12px;
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
}
.table_padding td {
	border-bottom: 1px solid #CCC;
	border-right:  1px solid #CCC;
	vertical-align:top;
}

.table_padding td.align_middle {
	vertical-align:middle !important;
}
.table_padding th { border: 1px solid #CCC; background-color:#f7f7f7; }

.table_padding th {
	text-align:left;
	padding: 4px 6px
}
.table_padding th a {
	display:block;
	padding: .5em 0
}
.table_padding .ico { padding: 0 2px 0 0 }
.table_padding .ico:hover { background:#FFF }
.table_padding .thd th { text-align:center }
.table_padding .col_header {color: #333; font-size:1.1em; padding:3px 5px; font-weight:bold; background-color:#fafafa;vertical-align:middle;}
.table_padding .colspan_green {color: #124D31; font-size:1.1em; padding:3px 5px; font-weight:bold; background-color:#B7E8D1;vertical-align:middle;}
.table_padding .col_subheader { padding:6px; background-color:#EEE;vertical-align:middle;}
.table_padding .main_item {font-size:1.2em; font-weight:bold;}
.table_padding .center {text-align:center}

.table_simple {
	background:#FFF;
	border:none;
	text-align:left;
	border-collapse: collapse !important;
	font-size:12px;
}
.table_simple td {
	border: 0;
	vertical-align:top;
	padding:0;
}

.table_padding2 td {padding: 6px 3px 2px 3px}
.table_padding2 {
	background:#FFF;
	border:none;
	text-align:left;
	border-collapse: collapse !important;
	border: 1px solid #CCC;
}
.table_padding2 td {
	border-bottom: 1px solid #CCC;
}
.table_padding2 td td {
	border-bottom: 0;
}
.table_padding2 th { border: 1px solid #CCC; background-color:#EAEAEA; }
.table_padding2 tr:hover { background:#F0F5F8 }
.table_padding2 th {
	text-align:left;
	padding: 4px 6px
}
.table_padding2 th a {
	display:block;
	padding: .5em 0
}
.table_padding2 .ico { padding: 0 2px 0 0 }
.table_padding2 .ico:hover { background:#FFF }
.table_padding2 .thd th { text-align:center }


.table_no_padding td { padding:0; }
.link_btn a { text-decoration: none }
.link_btn a:hover { text-decoration: underline }
.link_btn img.ico { margin-left: 6px; }
.flyer {
	border: 1px solid #FFF;
	background:#FFF;
	padding:2px;
}
.flyer:hover { border: 1px solid #ccc; }
.photoframe {
	border: 1px solid rgba(0, 0, 0, 0.1);
	background:#FFF;
}
.photoframe:hover { border: 1px solid rgba(0, 0, 0, 0.1); }
#toc {
	background: #EFEFEF;
	border: 1px solid #CCC;
	padding: 7px 10px;
	margin-left: 10px;
}
#toc li { margin-bottom: .3em }
.nber {
	float:left;
	padding: .1em .4em;
	border-radius: 3px;
	margin:0 7px 0 4px;
	background: #606775;
	text-align:center;
	color:#FFF;
}
.default_input { border: 2px inset ThreeDFace; }
.cell_off { padding: 3px}
.cell_on {
	padding: 2px;
	background: #FFFFAE;
	border-right:1px solid #BDC7D8;
}

.cell_edit {
	padding: 2px 2px 2px 2px;
	background: #fff;
	border-top:1px solid #BDC7D8;
	border-left:1px solid #BDC7D8;
	border-bottom:1px solid #BDC7D8;
	border-right:1px solid #BDC7D8;
}

.post_feed div[id^="per_text"] {
	padding: 2px 0;
	background: #fff;
	width: 530px;
	margin: 4px 0 0 60px;
	font-size: 15px !important;
	}
	.post_feed div[id^="per_text"] > textarea, .feed_edit {
		border:1px solid #BDC7D8; 
		box-sizing:border-box;
		border-radius: 3px;
		padding-left: 5px !important;
		width: 98%;
		outline:none;
		}
.ico_post_manage {
	float:right;
	 opacity: .7;
   -webkit-transition: all .1s;
   transition: all .1s;
	 }
	.ico_post_manage:hover {opacity: 1}

#emails h4 { color: #FF890F }
#main h4.month {
	margin: 0 0 10px;
	padding-bottom: 2px;
    background-color:#F3F3F3;
	color:#535353;
	border: 1px solid #BBB;
	font-size: 14px;
	height: 21px;
	line-height: 21px;
}
/*#main h4.month img {position:absolute; right:5px; top: 2px}*/
#main h4.month span {
	background: url(/images/arrow_ttl.gif) no-repeat 5px center;
	padding-left: 29px;
	font-weight: bold;
}
#events #menu { color: #799300 }
#files #menu { color: #008784 }
.udr_tag {
	border-width:0 1px;
	margin:0 -1px;
	padding:0 3px;
}
.tag_name {
	color: #FFF;
	padding:0 5px
}
.tags {
    border:1px solid #78AAE0;
    color:#fff;
    line-height:19px;
    height:19px;
    display: inline-block; 
    padding-left: 5px; 
    padding-right: 5px;
    background: url('/images/tags_white.png') #78AAE0 repeat-x scroll left top; 
    border-radius:3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius:3px; 
    text-decoration: none !important;
    margin:2px 1px 1px 2px;
}
.subtitle {
	background-color:#F0F0F0;
	border-top:1px #ccc solid;
	padding:2px 2px 2px 4px;
	margin-bottom:4px;
	margin-top:0;
	text-align:left;
	font-weight:bold;
	font-size:1.2em;
}
.rsvp_content { padding:2px 2px 3px 4px; margin-bottom:6px}
.empty_field {
	color:#666;
}
.arr_off { background: url(/images/arrow_off.gif) no-repeat 4px }
.arr_on { background: url(/images/arrow_on.gif) no-repeat 1px }
.password {
	border : 1px solid #cc9933;
	width : 200px;
}
.pstrength-minchar { font-size : 10px; }
label.error {
	float: none;
	color: red;
	padding-left: 0.5em;
	margin-left: 5px;
	vertical-align: top;
}
label.checked {
	background: url(/images/approval_message_small.png) no-repeat 0 0;
	padding-left: 16px;
	vertical-align: middle;
}


/*BUTTONS
-------------------*/	
a.btn img { margin-right: 7px; }
.lft, .rgt {
	height:27px;
	position:absolute;
	top:0;
	width:6px;
}
a.btn.green { background:url(/images/btn_green_bg.png) }
a.btn.green .lft { background:url(/images/btn_green_lft.png) }
a.btn.green .rgt { background: url(/images/btn_green_rgt.png) }
a.btn.blue { background:url(/images/btn_blue_bg.png) }
a.btn.blue .lft { background:url(/images/btn_blue_lft.png) }
a.btn.blue .rgt { background: url(/images/btn_blue_rgt.png) }
a.btn.grey {
	color:#222!IMPORTANT;
	background:url(/images/btn_grey_bg.png)
}
a.btn.grey .lft { background:url(/images/btn_grey_lft.png) }
a.btn.grey .rgt { background: url(/images/btn_grey_rgt.png) }
a.btn .lft {
	left:-5px;
	background: url(/images/btn_orange_lft.png)
}
a.btn .rgt {
	right:-5px;
	background: url(/images/btn_orange_rgt.png)
}

/*CLUB BUTTONS
-------------------*/
#club_btns {
	overflow:hidden;
	margin-top:1.5em;
}
#club_btns div {
	height: 1px;
	font-size:1px;
	clear:left;
	background: #b9b9c6;
}
#club_btns a {
	float:left;
	height: 51px;
	width: 107px;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.45em;
	text-align: right;
	margin-left: 2px;
	outline:none
}
#club_btns a:hover {
	background-position: 0 -51px !important;
	text-decoration: none !important;
}
#club_btns a span {
	display:block;
	margin-right: 7px;
	padding-top: 10px;
}
#club_btns a strong { font-size:1.1em; }

#btn_events { background: url(/images/create_event.png) }
.events #btn_events { background: url(/images/create_event_on.png) }
#header .events div {
	background: #99b901;
	height:2px
}
#btn_emails { background: url(/images/send_email.png) }
.emails #btn_emails { background: url(/images/send_email_on.png) }
#header .emails div {
	background: #fe8d01;
	height:2px
}
#btn_member {
	background: url(/images/manage_members.png);
	width: 116px !important
}
.member #btn_member {
	background: url(/images/manage_members_on.png);
	width: 116px
}
#header .member div {
	background: #5951a3;
	height:2px
}
#btn_website { background: url(/images/web_site.png) }
.website #btn_website { background: url(/images/web_site_on.png) }
#header .website div {
	background: #1d98c7;
	height:2px
}
#btn_files { background: url(/images/docs_photos.png) }
.files #btn_files { background: url(/images/docs_photos_on.png) }
#header .files div {
	background: #008784;
	height:2px
}
#btn_surveys { background: url(/images/surveys.png) }
.surveys #btn_surveys { background: url(/images/surveys_on.png) }
#header .surveys div {
	background: #76236f;
	height:2px
}
#btn_money { background: url(/images/money.png) }
.money #btn_money { background: url(/images/money_on.png) }
#header .money div {
	background: #636363;
	height:2px
}
#btn_officers { background: url(/images/tab_home.png) }
.officers #btn_officers { background: url(/images/tab_home_on.png) }
#header .officers div {
	background: #d5c521;
	height:2px
}
#btn_admin { background: url(/images/tab_admin.png) }
.admin #btn_admin { background: url(/images/tab_admin_on.png); }
#header .admin div {
	background:#db0000;
	height:2px
}

#btn_social { background: url(/images/tab_social.png) }
.social #btn_social { background: url(/images/tab_social_on.png); }
#header .social div {
	background: #66cccc;
	height:2px
}

.events #btn_events, .emails #btn_emails, .member #btn_member, .website #btn_website, .files #btn_files, .surveys #btn_surveys, .money #btn_money, .officers #btn_officers, .admin #btn_admin, .social #btn_social {
	position:relative;
	bottom: -2px
}

/*TEXTS
-------------------*/
.small_txt { font-size: .9em }
.medium_txt { font-size: 1.2em }
.large_txt { font-size: 1.3em }
.verylarge_txt { font-size: 1.4em }
.txt_light { color:#818294 }
.private_closed { color:#F30 }
.public_open { color:#499B00 }

/*LISTS
-------------------*/
.list0 li {
	background:url(/images/ico_arrow1.gif) no-repeat 0 .4em;
	padding-left: 15px;
	list-style: none;
}
.list1 ul {
	margin-left:0;
	padding-left:0;
	}

.list1 li {
	background:url(/images/ico_arrow1.gif) no-repeat 0 5px;
	padding: 0 0 4px 15px;
	margin-bottom:.5em;
	border-bottom: 1px solid #ddd;
	list-style: none;
}

.list1 li.first span.numLikeRgt, 
.list1 li.first span.numLikeLft {margin-top:10px;}

.list2 li {
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
	list-style: none;
}
.list3 ul {
	margin-left:0;
	padding-left:0;
	}
.list3 li {
	background:url(/images/bullet1.gif) no-repeat 0 3px;
	padding: 0 0 5px 17px;
	margin-top:.5em;
	list-style: none;
}
.list_excel li {
	background:url(/images/download_excel.gif) no-repeat 0 3px;
	padding: 0 0 0 21px;
	margin-bottom: .5em;
	list-style: none;
	border-bottom: 1px dotted #CCCCCC;
    display: block;
    text-decoration: none;
    line-height:17px;
}
.list_groups li {
	background:url(/images/ico/groups_settings.png) no-repeat 0 3px;
	padding: 0 0 5px 21px;
	margin-bottom: .5em;
	list-style: none;
}



.bullet0 {
	background:url(/images/ico_arrow1.gif) no-repeat 0 .4em;
	padding-left: 15px;
	list-style: none;
}
/*LINKS
-------------------*/

/*ICONS 
-------------------*/

.ico_manage
{
display:inline-block;
padding-left:6px;
padding-right:6px;
padding-top:4px;
padding-bottom:1px;
    }
    

img.ico {
	vertical-align:middle;
	margin-right: 4px;
	margin-bottom: 4px;
}
/*layout 
-------------------*/
hr.clear_float {
	visibility:hidden;
	clear:both;
	height: 1px;
	margin:0;
}
.line_top_dotted {
	background: url(/images/dotted.gif) repeat-x top;
	padding-top: 5px;
}
.line_top {
	border-top: 1px solid #D5D5D5;
	padding-top: 5px;
	margin-top: 5px;
}
.line_bottom {
	border-bottom: 1px solid #D5D5D5;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.brd_right {
	border-right: 1px solid #D5D5D5;
	padding-right: 5px;
	margin-right: 10px;
}
.brd_left {
	border-left: 1px solid #D5D5D5;
	padding-left: 5px;
	margin-left: 10px;
}

/*ELEMENTS
=--------------------------------------------------------------*/

.search_boxes {
	padding: 5px 10px 10px;
	margin-bottom: 20px;
	border: 3px solid #FF8204;
	background: #FFF8EC;
}
.search_boxes .bullet {
	background:url(/images/orange_arrow.gif) no-repeat 0 .2em;
	padding-left: 20px;
	margin: 6px;
	font-size: 1.1em;
}
.tips, .infos, .links { margin: 0 10px 20px 0; }
.counting, .legend, .instructions, .money_paid { padding: 7px }
.news, .tips { padding: 8px 10px }
.counting {
	background: #FFFFDD;
	border: 1px solid #9D9D9D;
}
.counting strong { color: #D72B00 }

.infos {
	position:relative;
	background: #F1F6FB;
	border: 1px solid #a5b7d3;
	padding: 10px 5px 8px 14px;
}
.calendar_info {
	position:relative;
	background: #FBFCF3;
	border: 1px solid #E9F1C5;
	border-top: 3px solid #E9F1C5;
	padding: 10px 5px 8px 14px;
	margin:10px;
}
.infos #close {
	position:absolute;
	right: 4px;
	top: 4px;
}
.info {
	font-size: .9em;
	background: #FFF8CC url(/images/bg_small_box1.gif) repeat-y right;
	color: #4444A8;
	padding: .6em 1em 0 .4em;
	border: 1px solid #C6AA55;
	line-height: 1.3;
}
.info img { float:left; }
.info p { margin-left: 45px; }
.instructions {
	background: #FFF8CC;
	border: 1px solid #C6AA55;
}
.legend {
	margin-left: 5px;
	color:#777;
}
.money_paid {
	background: #EEE;
	border:1px #ccc solid;
}
.news {
	border: 1px solid #ff8582; 
	border-radius: 2px;
	background:#f7f5f5;
	}
.news strong { color: #D50000; }
.tips {
	border-radius: 2px;
	background: #fffad9;
	border: 1px solid #C6AA55;
}
.tips strong {color:#816719}


.mess_info {margin-left:40px}



#search {
	background: #F3F3F3;
	float: right;
	padding: 3px 8px 2px 10px;
	width: 177px;
	border: 1px solid #999;
	margin: 0 10px 0;
}
/*BLOCKS
=-------------------------------------------------*/
.small .boxes { margin-right: 5px; }
.boxes {
	position:relative;
	margin: 0 10px 20px 0;
	background: #FFF;
}
.boxes h3 {
	height: 2em;
	line-height: 2em;
	font-size: 1.1em;
	border-top: 3px solid;
}
.boxes h3 span {
	background:  no-repeat 5px;
	padding-left: 25px;
}
.boxes h3 a { color:#222 }
.boxes .head_fct {
	position:relative;
	padding: 3px 0 3px 5px;
	line-height: 1.5em;
	margin-bottom: 10px;
	border-bottom: 1px solid #C2C2C9;
}
.header_right {
	float:right;
	padding-right: 5px;
	margin-bottom:0;
}
.boxes .inside { padding:5px }
/*.boxes div div {padding-left: 8px}*/
.boxes p { margin-bottom: .3em }
.boxes p.sub_ttl {
	padding-left: 12px;
	margin: 4px 0;
}
.boxes h4 { /*different according to the page*/
	color:#333;
	line-height: 1.2em;
	border-bottom: 1px solid #AAA;
	padding-bottom:2px;
	margin-bottom: 8px;
}
h4 span { font-weight: normal }
.boxes h5 a { color: #3F489A }
.actions {
	border: 1px solid #B5B6C4;
	background: #F7F8F9;
	padding: 3px 7px 2px;
	margin-top: 12px;
}
.actions a {
	text-decoration:none;
	margin-right: 8px
}
.actions a:hover { text-decoration: underline }
.email_content {
	margin-left: 5px;
	padding-top: 4px;
}
.email .actions a { margin-right: 4px }
#content .my_surveys .head_fct {
	border-bottom-color: #F2E6F1;
	background-color: #FAF5FA;
}
#features h4 {
	background: #EFEFEF;
	border-top: 1px solid #AAA;
	padding: 2px 0 2px 7px;
	margin-top: 25px;
}
#features h4 img {
	position:relative;
	float:right;
	margin-top: -50px;
}
#features h5 { margin: 10px 0 4px }
.jobs h3 {
	border-color: #895C21;
	background: #F4E7D5 url(/images/bg_toolbox.gif) repeat-x;
}
#content .jobs .head_fct {
	border-bottom-color: #F4E7D5;
	background-color: #FCF9F3;
}
.my_money h3 {
	border-color: #666;
	background: #DBDBDB url(/images/bg_money.gif) repeat-x;
}
#content .my_money .head_fct {
	border-bottom-color: #D2D2D2;
	background: #F5F5F5;
}
a.open {
	display:block;
	height:20px;
	width:44px;
	background:url(/images/btn_open.png)
}
a.open:hover { background-position: 0 -20px }

/*=--------------------------------------------------- M E M B E R S -------------------------------------------*/
.member_status {
	text-transform:uppercase;
	display:block;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	margin-bottom: 8px;
	background: #F3F3F5 url(/images/arrow_memb.gif) no-repeat 2px 50%;
	padding: 1px 5px 1px 22px;
	font-weight: bold;
}
.coll {
	width: 280px;
	margin-left:10px;
	margin-top: 10px;
}
.coll h5 { position:relative; }

.displayMembers {
	font-size: 1.1em;
	display:block;
	border-bottom: 1px solid #8F8D9E;
	cursor: pointer;
	padding-left:5px;
}

.coll h5 a:hover {
	text-decoration: none;
	background-color: #F3F3F5;
}

.coll a.view {
	position:absolute;
	top:0;
	right: 5px;
	z-index:1;
	background: url(/images/ico/view_member_new.png) no-repeat 0;
	font-weight: normal;
	padding-left: 20px;
	border:0;
}
.coll a.view:hover {
	background-color: transparent;
	text-decoration: underline;
}
.coll ul {
	padding: 0 0 0 0;
	background:#F7F7F9;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #DCDCE2;
	border-left-color: #DCDBDF;
}
.coll li {
	position:relative;
	border-bottom: 1px solid #CBCBD1;
	margin: .2em 0;
	padding:0 0 3px 3px;
}
.coll li a {
	position:absolute;
	right:4px;
	top: 0;
}
.offi, .stud, .allu {
	background: no-repeat 0 -1px;
}
.offi 
{
    left:130px;
    top:-1px;
	color: #0C4F0C;
}
.stud 
{
    top:-1px;
	color: #FF8533
}
.allu 
{
    top:-1px;
	color:#912202;
}

.cont
{
    top:-1px;
	color:#3F489A;  
    }
/*search_members.asp*/
#search_result h5 {
	border:0;
	font-size:1.1em;
}
/*=--------------------------------------------------- M E M B E R S -------------------------------------------------*/
	
.boxes .head_fct h4 {
	position:absolute;
	bottom:-2px;
	margin:0;
	left:0;
	background: #FFF none;
	padding: .6em .7em;
	border:0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#member input {margin-left: 0}

/*=------------------------------------------------- E M A I L S -------------------------------------------------*/
.my_emails h3 {
	border-color: #FD9200;
	background: #FDE9CE url(/images/bg_email.gif) repeat-x;
}
#content .my_emails .head_fct {
	position:static;
	border-bottom-color: #FDE9CE;
	background: #FFFAF2;
}
.boxes .pages {
	width:100%;
	margin-bottom: 15px;
	position:relative;
}
#content .my_emails form { }
#content #mailing_form .email {
	border: 1px solid #BBB;
	border-top: 3px solid #888;
	padding: 0 0 5px;
	margin: 10px 0 8px;
}
.my_emails .actions {
	border-bottom: 0;
	background: #FFF
}

/*COLORS
----------------------------------------------------*/
.myclub_color { background: #F1F1F8 }
.members_color fieldset { border-color: #493AAF }
.members_color legend { color:#493AAF }
.officers_color { border-color: #D9BE00 }
.officers_color fieldset { border-color: #D9BE00 }
.officers_color legend { color:#D9BE00 }

fieldset.events_color, fieldset.emails_color {
	border:none; 
	margin-top: 10px;
	background:#FFF;
	border-radius:4px;
	padding: 20px 15px 30px;
	}
fieldset.events_color legend, fieldset.emails_color legend {
	position: relative;
	box-sizing:border-box;
	width: 100%;
	border-radius:4px 4px 0 0;
	font-size: 18px;
   font-weight: normal;
  	padding: 10px;	
	margin: 0 0 1em;
	color: #555;
	border-bottom: 1px solid #ececec;
  }
	fieldset.events_color .lgd_numb, fieldset.emails_color .lgd_numb {
		display: inline-block;
		vertical-align: middle;
		background: #6dad15;
		font-size: 1em;
		width: 1.7em;
		color:#FFF;
		text-shadow: 0 0 0 #fff;
		text-align: center;
		line-height: 1.7em;
		font-weight: normal;
		border-radius: 2em;
		margin-right: 9px;
		}
	fieldset.emails_color .lgd_numb {background:#FD9200}

	.events_color .lgd_ttl, .emails_color .lgd_ttl {
		display:inline-block;
  	   vertical-align: -4px;
		font-size: 1.2em;
		}
	.events_color .lgd_ttl {color:#6dad15}
	.emails_color .lgd_ttl {color:#FD9200}
	
	#offcampus_location label {
		display:inline-block; 
		width:110px; 
		text-align:right;
		vertical-align: top;
	   margin-top: 4px;
	  }
	
.blog_color { border-color: #895C21 }
.blog_color fieldset { border-color: #895C21 }
.blog_color legend { color:#895C21 }
.files_color { border-color: #02768A }
.files_color fieldset { border-color: #02768A }
.files_color legend { color:#02768A }
.surveys_color { border-color: #712469 }
.surveys_color fieldset { border-color: #712469 }
.surveys_color legend { color:#712469 }
.jobs_color { border-color: #D9BE00 }
.jobs_color fieldset { border-color: #D9BE00 }
.jobs_color legend { color:#D9BE00 }

/*=--------------------------- CREATE EVENT  -----------------------------------*/

/*.cg_widget h3 {
	height:20px !important;
	color:#596470 !important;
	border: 1px solid #CCC !important;
	background: #FFF url(/images/ttl_arrow.png) no-repeat 6px .45em;
	-moz-border-radius: .3em !important;
	-webkit-border-radius: .3em !important;
	padding:3px 0 0 24px !important;
}*/

/*email_form.asp*/
#rsvp_table .tables, table.rsvp_table .tables { border: 1px solid }
.email_title, .event_title, .survey_title, .transcript_title, .file_title, .job_title {
	background: #EEE url(/images/bg_titles.gif) repeat-x;
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #BBB;
}

/*=--------------------------- ROOM RESERVATIONS -----------------------------------*/

.grs { border-collapse: collapse }
.grs td {
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #FFF;
}
.grs th {
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	font-size: .9em;
	font-weight: normal;
	text-align:center;
}

/*=---------------------------------------------- S U R V E Y ------------------------------------------------------*/

.my_surveys h3 {
	border-color: #872C7D;
	background: #F2E6F1 url(/images/bg_survey.gif) repeat-x;
}
.my_surveys #questions {
	background: #F5F5F5;
	padding: 10px;
}
.intro_conclu {
	background: #FFF;
	font-size:1.1em;
	width: 500px;
	margin: 10px 0px 15px 0px;
}
#questions h4 {
	margin-top: 20px;
	font-size:18px;
	border:0;
	color: #6C62A0;
}
#questions .separatorSentence h2 {
	margin: 20px 0px 0px 6px;
	font-size:20px;
	border:0;
	color: #6C62A0;
	font-weight: normal;
}
#questions .actions {
	margin: 0;
	padding: 4px 3px 4px 5px;
	width: 125px;
	background:#F0F3F5;
	margin-left:15px;
}
#questions h4 img {
	float:left;
	position:relative;
	margin: -5px 5px 0 0;
}
#questions h4 span {
	display:block;
	margin-left: 35px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	margin-left:5px;
	margin-right: 15px;
}
#questions h4 span.qnumber {
	display: inline;
	padding: 0px;
	margin: 0px;
}
.my_surveys h6 {
	border-top: 1px solid #D3ABD0;
	background-color: #F2E6F1;
	padding: 3px 6px;
	margin: 10px 0;
	font-size: 1.05em;
}
.my_surveys .survey {
	border: 1px solid #BBB;
	border-top: 3px solid #999;
	padding: 3px 3px 5px 3px;
	margin: 10px 0 20px;
}
.my_surveys .answers { font-size: 1.1em; }
.my_surveys .survey_title { margin-bottom: 10px; }
.my_surveys .survey_title a input { margin-right: 5px }
/*=---------------------------------------------- T R A N S C R I P T ------------------------------------------------------*/

.my_members .transcript {
	border: 1px solid #BBB;
	border-top: 3px solid #999;
	padding: 3px 3px 5px 3px;
	margin: 10px 0 20px;
}
.my_members .transcript_title { margin-bottom: 10px; }
.my_members .transcript_title a input { margin-right: 5px }
/*=---------------------------------------------- C L U B ------------------------------------------------------*/

.clubnews span.color { color:#B0005C }
.clubnews h3 {
	border-color: #BB0062;
	background: #FEE2E2 url(/images/bg_news.gif) repeat-x;
}
#content .clubnews .head_fct {
	border-bottom-color: #FEE2E2;
	background-color: #FFF2F2;
}
/*=---------------------------------------------- O F F I C E R S ------------------------------------------------------ */

.my_officers h4 {
	margin: 0 0 15px 0;
	padding:0
}
.my_officers h4 {
	display:block;
	padding: 2px 5px;
	border-bottom: 1px solid #ddd;
	background: #EEEEEE;
}
.my_officers h4 a:hover {
	text-decoration: none !important;
	background: #F2F2F2;
	border-color: #CCC;
	font-size:1.15em;
}
/*=--------------------------------------------- W E B  S I T E -------------------------------------------------*/

.my_website h3 {
	border-color: #00A6E3;
	background: #D5F3FF url(/images/bg_website.gif) repeat-x;
}
.web_pages p { margin-top: 9px }
.web_pages #menu { padding: 0 }
.web_pages #main ul li { list-style: square inside; }
h3.post_title {
	font-size: 1.9em;
	font-weight: normal;
	color: #444
}
.web_pages #main h4 { font-size: 1.5em }
.web_pages #main h5 { font-size: 1.4em }
.web_pages #main h6 { font-size: 1.2em }
#content .my_website .head_fct {
	border-bottom-color: #D5F3FF;
	background-color: #F0FCFF;
}
body.web_pages { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
body.web_pages #content {
	background: #fff url(/images/content_bg_web.gif) repeat-y;
	border-bottom: 1px solid #ccc;
}
#web_page1 #mn_webpage1 a, #web_page2 #mn_webpage2 a, #web_page3 #mn_webpage3 a, #web_page4 #mn_webpage4 a, #web_page5 #mn_webpage5 a, #web_page6 #mn_webpage6 a, #web_page7 #mn_webpage7 a, #web_page8 #mn_webpage8 a { background: #1D98C7 }
.web_pages #sidebar {
	width: 225px;
	padding: 15px 10px 15px 10px;
}
h1 span:not(.app_icon_medium):not(.app_menu_h1):not(.header_title) {
	display:inline-block;
	padding:12px;
	color:#333;
	font-weight: normal;
	font-size: 1.7em;
	line-height: 63px;
	margin-bottom: -2px;
}
.ecg_widget h2 {
	color:#111;
	font-weight: bold;
	border-bottom:1px #bbb solid;
	padding-bottom:6px;
	font-size:1.5em;
	margin-bottom:10px;
}

/*=--------------------------------------------- O F F I C E R S -------------------------------------------------*/

.my_officers h3 {
	border-color: #D9BE00;
	background: #FFF8CC url(/images/bg_officers.gif) repeat-x;
}
#content .my_officers .head_fct {
	border-bottom-color: #FFF8CC;
	background-color: #FFFDF0;
}
/*= P O P - U P 
--------------------------------------------------------*/

#popup {
	padding: 0 3px 2px;
	color:#222
}
#popup h1 {
	color: #FFF;
	background: #0D60B2;
	font-weight:normal;
	font-size: 1.4em;
	padding: 6px 10px;
	margin-bottom: 16px;
}
#popup ul { padding-left: 30px; }
#popup #wrapper {
	position:relative;
	background:#FFF;
	border: 1px solid #8F8ABF;
	padding: 20px;
}
#popup #close {
	position:absolute;
	right: 5px;
	top: 5px;
	border: 1px solid;
	color:#FFF;
	background:#515160;
	padding: 3px 8px;
}
a#close:hover {
	background:#7E7E92;
	text-decoration:none;
}



/* COMING FROM style_widget.css 7/25/2010 */


/*Common
-------------------*/
#large.messages { margin-left: 160px }
.ok {
	background: #f1fccf;
	border-color: #4f7d00;
	font-size:1.2em;
	color: #4f7d00;
}
.error {
	background: #FFF3F2;
	border-color: #e11300;
	font-size:1.2em;
	color: #e11300;

}
.error strong { color:#e11300 }
.wizard {
	background: #FFF3B7;
	border-color: #6C5900;
	font-size:1.2em;
}

.information { 
	padding: 17px 15px 15px 12px;
	vertical-align: middle;
	background: #fefcc6;
	box-shadow: inset 0 0 0 1px #FFF;
	border: 1px solid #ffda30;
	color: #36352f;
	}
	form .information {
		display: table;
		font: .9em/1.5  Tahoma, Geneva, sans-serif; 
		margin-top: 1em !important;
		padding: 8px 10px;
		margin: 1em 0 1.5em;
		}
	.information > div {padding:0; margin:0 /*annul*/}

.messages .w_btns {font-size:0.8em;}

/*MEMBERS*/

	
.member_card {
	width: 100%;
	background-color: #fff;
    margin-bottom: 5px;
	border: 1px solid #B4B4BC;
	font-size:95%;
    }
.member_card td {
    padding: 5px 7px 0;
	}
    .one {
		vertical-align:top; 
		border-left: none !important;
		border-right: 1px solid #B4B4BC; 
		font-size: 1.1em; 
		font-weight: bold; width:20px;
		}
    .two {vertical-align:top; width:60px;}
    .three {vertical-align:top; border-left: 1px solid #B4B4BC;}
    .four {vertical-align:top; border-left:1px solid #B4B4BC; width: 155px;
    }
.member_card .five {vertical-align:top; border-left: 1px solid #B4B4BC; padding-right:0; width: 103px}
.member_card .six {
    vertical-align:top;
	width: 138px; 
    padding: 5px;
	border-left: 1px solid #B4B4BC;
    }
    
.member_card .other {
	border-left: 1px solid #B4B4BC;
	}

.rsvp_content td.col1, .rsvp_content td.col2, .rsvp_content td.col3, .rsvp_content td.col4 {
	padding: 10px 7px 10px 7px !important;
}

.rsvp_content td.col4 {
	width: 110px;
}

.rsvp_content .paypal_history {
	margin-top: 4px;
	display: block;
}



.rsvp_content td.col3 .w_reg_counter {
	line-height: 2em;
}

.rsvp_content td.col4 a.w_btns {margin-left: 8px;}

.w_member_card {
	background:#FFF;
	border: 1px solid #DDD;
	line-height: 1.4;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
.w_member_card td {border-left: 1px solid #DDD;}
.w_member_card td td { border: none; }
.w_member_card h4 {
	font-size: 1.05em;
	color:#444;
	background:#EFEFEF;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border:none;
}
.w_member_card h4 span {font-weight: bold}
.w_member_card h4 a {background:url(/images/info.gif) no-repeat;}
.w_member_card.w_appli { padding: 1px; }
.w_member_card.w_appli td { padding: 10px; }
.w_member_card .w_one {
	border-left: 0;
	font-weight:bold;
	font-size: 1.3em;
	color:#333;
	background: #EFEFEF;
}
.w_member_card .w_three { color:#555; }
.w_member_card .w_three a { border-color: transparent }
.w_member_card .w_three span {
	background: url(/images/bullet_bullseye.png) no-repeat 0 .45em;
	border-bottom: 1px dotted #CCC;
}
.w_member_card .w_three span span {
	border:none;
	background: url(/images/student3.gif) no-repeat;
}
.w_member_card h3 {
	color:#3584DB;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	background:none;
	border:0;
}
.w_member_card .w_two {
	padding-left:0;
	text-align: center;
}
.w_member_card .w_two img {border: 1px solid #AAA;}
.w_member_card .w_four {color:#333;}
.w_member_card .w_cell_on {
	background: #FFFFAE;
	border-top:1px solid #BDC7D8;
}
.w_officer_position {color:#000;}
.w_cell_on, .w_cell_edit {
	background: #FFFFAE;
	border:1px solid #BDC7D8;
}




/*BUTTONS 
----------------------------------------------------
(The plain backgrounds are useful for Opera Mini) */ 

/* ecg remaining styles */
.ecg_p {
	margin-top:0 !IMPORTANT;
	}
.ecg_left {float:left}
.ecg_right {float:right}
.ecg_widget .ecg_right_link {margin-top:6px; float:right; padding-right:5px;}
a img {border: 0}

.ecg_widget {
	font-size: 11px;
	font: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#111;
	background-color:#FFF; 
	padding:10px; 
	border:1px solid #B4B4BC; 
	margin:0 0 10px 0;
	overflow: hidden;
	}
.ecg_widget a {color: #184BA9; text-decoration: none;}
.ecg_widget a:visited {color: #184BA9}
.ecg_widget a:hover, #home a:hover {text-decoration: underline}
.ecg_widget a:active {text-decoration: underline}
.ecg_widget p {padding:0; margin:0}
.ecg_small_txt {font-size: .9em}
.ecg_medium_txt {font-size: 1.2em}
.ecg_large_txt {font-size: 1.3em}
.ecg_verylarge_txt {font-size: 1.5em}

.ecg_extralarge_txt {font-size: 1.8em}
.ecg_private_closed {color:#F30}
.ecg_public_open {color:#499B00}

.ecg_underline {text-decoration:underline}
.ecg_underline:hover {text-decoration: none}	
	

.selected_view {
	background-color:#ffffff;
	border:1px solid #ccc;
	padding:5px;
	font-weight:bold;	
	}


/* NEW ELEMENTS 7/7/2010 */

.neutralise a.btn {
    position:relative;
    display:inline-block;
    margin: 0 4px;
    color:#FFF;
    vertical-align:middle;
    text-decoration:none !important;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    font-weight:bold;
    border: 1px solid #dc3014;
    border-radius: 5px;
	background: #f36a00;
    background: -webkit-gradient(to bottom, #fd9100, #ea4800);
    background: linear-gradient(to bottom, #fd9100, #ea4800);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd9100', endColorstr='#ea4800'); /* IE8,IE9 */
}

	
/*MINI CALENDAR*/
/*---------------------------------------*/
#calendar table {border-collapse:collapse;}
#prev a, #next a {display:block; height:18px; width:18px}
#next a {background: url(/images/next_month.gif)}
#prev a {background: url(/images/previous_month.gif)}
#calendar td {border-bottom: 1px solid #d6d6d6;}
#calendar td .nbr {
	margin-bottom: 5px;
	font-weight: bold;
	background: #e6e6e6;
	}
#calendar td .nbr_today {background: #e10101; color:#FFF; font-weight:bold; margin-bottom: 5px;}
#calendar  td img { margin-bottom: 4px}
#calendar th, #calendar td {padding: 3px 4px; text-align:center;}
#calendar th {cursor: help; font-weight: bold}

/*LARGE CALENDAR*/
/*---------------------------------------*/
.events_calendar table.clear, #calendar table  {border: 1px solid #DDD}
.events_calendar table p {text-align:left}
.events_calendar table.clear {font-size:inherit; line-height:inherit; height:auto; width: 100%; border-collapse:collapse;}
.events_calendar caption, #calendar caption {
	font-size: 1.4em; 
	font-weight: bold;
	margin-left: 3px;
	margin-bottom: 5px;
	}
.events_calendar h4, #calendar h4  {
	font-size: 1.4em; 
	margin-left: 5px; 
	margin: 0 auto 8px;
	text-align:center;
	width: 210px;
	border:0;
	text-transform: uppercase;
	}
.events_calendar h4 img, #calendar h4 img {margin-left: 5px}
.events_calendar th, #calendar th, .events_calendar td, #calendar td {
	padding: 2px 8px 5px; 
	font: .9em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
.events_calendar th, #calendar th {
	background: #639300; 
	color: #FFF; 
	font-weight:bold;
	border-right: 1px solid #FFF;
	}
.events_box {
	border: 1px solid #ddd; 
	background: #FFF;
	-moz-border-radius: 3px;
	margin-top: -1px;
	padding: 3px;
	margin:1px;
	 }
.halfour {border-bottom: 1px solid #89b333 !important;}
.events_calendar  #day, .events_calendar  #week {border: none; position:relative}
#day th {width: 30px; border-bottom: 1px solid #FFF; height: 25px}
.events_calendar #day td, .events_calendar #week td {background: #F5F5F5; border-bottom: 1px solid #CCC}

#week tr#hdr th {width:auto; text-align:center; padding: 7px 0}
#week th {border-bottom: 1px solid #FFF; height: 25px; width: 30px}
#week th a { color:#FFF; font-size: 1.2em; font-weight: normal }

.events_calendar table.clear td, #calendar td {
	vertical-align: top; 
	border-right: 1px solid #d6d6d6; 
	}
.events_calendar td .nbr {
	margin-bottom: 5px;
	font-weight: bold;
	background: #e6e6e6;
	}
	
.events_calendar td .nbr_today {background: #e10101; color:#FFF; font-weight:bold; margin-bottom: 5px;}
.events_calendar .nobd {border: none}
.events_calendar td.off, #calendar td.off {background: #f4f4f4 !important}
.events_calendar .line_top, #calendar .line_top {border-top-color: #666;}


#nav_tbl {
	float:right;
	background: url(/images/nav_table_bg.png) repeat-x; 
	line-height: 28px; 
	height: 28px; 
	width: 227px;
	margin-top: -25px;
	font-weight: bold;
	padding: 0 6px;
		}
#nav_tbl a {color: #246ba2;  padding: 4px 5px}
#nav_tbl a.view {background:#41535f; color:#FFF;}
#nav_tbl a.time {background:#e10101; color:#FFF;}

#web_calendar #content, #rsvp #content, #members_upload {
	background: #FFF; 
	padding-left: 10px;
	}
	
#ajax_calendar_left {width: 190px}
#ajax_calendar_left li {overflow:hidden; margin-bottom:1px; background: #e6e6e6; padding: 5px 4px }
#ajax_calendar_left li li:hover {background: #FFF;}
#ajax_calendar_left li ul {margin-top: 5px;}
#ajax_calendar_left li ul {clear:both; padding-top: .5em}
#ajax_calendar_left li li {background: #f2f2f2; padding: .4em 0;}
#ajax_calendar_left li label {padding: .4em 0;}


#calendar th, #calendar td {padding: 3px 4px; text-align:center;}
#calendar th {cursor: help; font-weight: bold}

/* From style_header.css */
.web_sub_menu a:hover{color:blue;}
#web_sub_menu li {list-style: none;}
#web_sub_menu ul {margin-left: 3px}	

.admin_menus a {
	/*background:url("/images/submenu_link_bg.gif") repeat-x scroll center bottom transparent;*/
	border-bottom:1px dotted #cccccc;
	display:block;
	text-decoration: none;
	line-height: 25px;
	}

/* PHOTOS 
=------------------------------------------------------*/
a.filelink { text-decoration:none; text-align:center; display:inline-block;overflow:hidden;margin:8px 2px 0 7px;width:101px;height:110px;border:1px solid white;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:white;padding:5px;display:inline-block;float:left;}
a.filelink:hover { background-color:#f7f7f7;border-color:#e0e0e0;background:url(/images/tags_white.png) #f5f5f5 repeat-x top left; }
a div.image { display:inline-block;border:1px solid #ddd; width:90px; height:90px; background: white no-repeat center center; }


/* SUB MENU 
=------------------------------------------------------*/
#sub_menu {margin: 0 10px 0 0; padding:0; }
#sub_menu a {
	display:block;
	text-decoration: none;
	/*padding-right: 10px*/ /*modif*/
	padding: 6px 9px;
}

.group_menu a {
    color:Black;
}

#web_sub_menu a {
	display:block;
	text-decoration: none;
	line-height: 20px;
	padding-right: 10px;
	padding-left:5px;
}
#sub_menu a.on {cursor: default; background: #efefef}
#sub_menu a:hover {text-decoration: none; background: #efefef}
/*#sub_menu a.on:hover {background: url(/images/submenu_link_bg.gif) repeat-x bottom;	border-bottom:1px dotted #ccc;}*/ /*modif*/
#sub_menu li {
	/*height: 22px;  /*modif*/
	border-bottom: 1px dotted #bbb;
	}

.discussion_board_post ul, .discussion_board_post ol { margin-left: 30px; }
.discussion_board_post ul li { list-style-type: disc; }
#sub_menu_li_my_groups:hover, #sub_menu_li_my_groups:hover > a {background: #5C53AA;color:#fff;}


/* TEMP Commented 

body.web_pages {
	color:#172644;
	font:82%/1.5 Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
*/




.new_profile h3 {margin-top:30px;font-size:1.4em;border-bottom:1px solid #ddd;} 
.new_profile table.biouser {margin-top:10px;min-height:100px;}
.new_profile table.biouser tr td { vertical-align:top;font-size:1.1em;text-align:left;width:350px;}
.new_profile table.biouser tr th { vertical-align:top;font-size:1.1em;text-align:right;width:100px;}

a.group_settings_wheel
{
    background-color:White;
    background-image:url("/images/ico/groups_settings.png") !important;
    background-repeat:no-repeat;
    background-position: 152px ;
    }
a.group_settings_wheel:hover
{
    background-color:#78aae0;
    background-image:url("/images/ico/groups_settings_active.png") !important;
    background-repeat:no-repeat !important;
    background-position: 152px !important;
    border-bottom:1px dotted #ffffff;
    }
.active_group a.group_settings_wheel
{
    background-color:#78aae0;
    background-image:url("/images/ico/groups_settings_active.png") !important;
    background-repeat:no-repeat !important;
    background-position: 152px !important;
    border-bottom:1px dotted #ffffff;
    }
a.see_more
{
    background-color:White;
    background-image:url("/images/triangle_blue.png") !important;
    background-repeat:no-repeat;
    background-position: 75px ;
    border-bottom:1px dotted #cccccc; 
    }
    
a.see_more:hover
{
    background-color:#78aae0;
    background-image:url("/images/triangle_white.png") !important;
    background-repeat:no-repeat !important;
    background-position: 75px !important;
    border-bottom:1px dotted #ffffff;
    }
    
.neutralized #button_post
{
    top:0 !important;
    display:inline-block;
    font-size:12px !important;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    background-color:#DEF1FB; 
    background-image:url('/images/bg_btns_2.png'); 
    background-repeat:repeat-x; 
    border: 1px solid #2a8fc4; 
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow:rgba(0,0,0,0.2) 0 1px 2px;
    text-decoration:none;
    margin-top:2px !important;
    line-height:17px;
    margin-left:0 !important;
    text-shadow: 0 1px 0 #DEF1FB !important;
    position:relative;
    color:Black;
           } 
     
#button_post:hover
{
    background-image:url('/images/bg_btns_1.png'); 
    background-color:#ffffff; 
    }
    
.options .post_new
{
    top:0 !important;
    display:inline-block;
    font-size:11px !important;
    margin-right:6px !important;
    width:21px;
    padding-bottom:4px;
    padding-left:6px;
    padding-right:6px !important;
    background-color:#DEF1FB; 
    background-image:url('/images/bg_btns_2.png'); 
    background-repeat:repeat-x; 
    border: 1px solid #2a8fc4; 
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow:rgba(0,0,0,0.2) 0 1px 2px;
    text-decoration:none;
    line-height:12px;
    text-shadow: 0 1px 0 #DEF1FB !important;
    position:relative;
    float:right;
    color:Black;   
	cursor: pointer;
    }
.checkbox_border
{
    position:relative;
    display:inline-block;
    top:0 !important;
    padding-bottom:1px;
    padding-top:4px;
    padding-right:2px;
    padding-left:8px;
    border:1px solid #cacaca;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
   }

.see_more
{
    background-image:none;
    line-height:14px;
    padding:3px;
    padding-left:5px;
    }
    
.bubble
{
    background-color:White;
    border:1px solid #cacaca;
    box-shadow:rgba(0, 0, 0, 0.2) 1px 2px 4px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    position:relative;
    z-index:99999 !important;
    margin:5px;
    text-align:left;
    max-width:170px;
    top:24px;
    left:-50px;
    }
.bubble_container
{
    display:inline;
    position:absolute;
    }
.bubble_says
{
    position:absolute;
    top:-24px;
    float:left;
    }
.bubble_close
{
    margin-left:5px;
    margin-bottom:5px;
    position:absolute;
    top:5px;
    right:5px;
    border:none !important;
    padding-top:0 !important;
    }   
.bubble_close a{border:none !important;padding:0 !important;margin:0 !important;}
.bubble_close img{margin:0 !important;}
.bubble_text
{
    font-size:12px !important;
    font-weight:normal !important;
    padding-right:14px;
    text-align:justify;
    position:relative;
    
    }     
#search_box
{
    width:240px !important;
    height:17px !important;
    border:1px solid #cacaca !important;
    border-radius:4px 0 0 4px !important;
    border-right:0 solid #cacaca !important;
    font-size:1em;
    }
    
.search_blue {
    border:0 solid #cacaca !important;
    position:relative !important;
    width:26px !important;
    height:21px !important;
    left:-4px;
    top:6px;
    }
    
#top_search
{
float:right;
    }
    
td.event_date_width{
width:30px; vertical-align:top;padding-right:10px;
}

.active_group
{
    background-color:#78aae0 !important/*#5C53AA*/;color:white!important;
    }
.active_group a
{
    color:white !important/*#5C53AA*/;
}



    
/***** NEW NAVIGATION : AMD 02/17/2011 ********/
#new_controls { margin-left:0; font-size:1.1em; overflow:visible;}
#new_controls > ul { position:relative; overflow:visible;margin-top:10px;position:relative;z-index:9 !important; height: 29px;}
#new_controls ul li { display:inline;list-style:none; position:relative;background-color:White; }
#new_controls ul li a {position:relative;height:24px; line-height:24px; text-decoration:none; display:inline-block; background: none; border:0; margin: 0; padding:3px 5px 1px 5px; background-color:White; z-index:97!important; }
#new_controls ul li a.on { padding:0 4px 1px 4px; border:0;border-top: 3px solid #ccc;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid white !important; }
#new_controls ul li:hover a, #new_controls ul li a:hover { border-collapse:collapse; padding: 0 4px 1px; border:1px solid #ccc; border-top:3px solid #ccc; border-bottom:1px solid #f5f5f5; z-index:99 !important; background-color:#fff; }
#new_controls ul li.single:hover, #new_controls ul li.single a:hover { border-bottom:1px solid #ccc; }
#new_controls ul li ul.new_submenu {box-shadow:rgba(0,0,0,0.2) 2px 3px 3px; top:20px; border-collapse: collapse; position:absolute;left:-9999px; z-index:98!important; border:1px solid #ccc;border-top-right-radius:2px;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-bottom-right-radius:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-bottom-left-radius:2px;-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px; }
#new_controls ul li ul.new_submenu li { border-collapse:collapse; display:block; position:relative;}
#new_controls ul li:hover ul.new_submenu { left:0;z-index:98!important; }
#new_controls ul li:hover ul.new_submenu li { text-wrap:none; word-wrap:none;}
#new_controls ul li:hover ul.new_submenu li a { display:block; border:0; z-index:96!important; padding-left:10px;padding-right:15px; background-color:#fff !important; }
#new_controls ul li:hover ul.new_submenu li a.new_submenu_action { padding-left: 20px;text-wrap:none;word-wrap:none; }
#new_controls ul li:hover ul.new_submenu li a:hover { background-color: #fff; }

#new_controls ul li a.home,#new_controls ul li:hover a.home { border:0; padding:0 0 1px 0; background:none;}
#new_controls ul li a.home:hover { text-decoration:underline;border:0; padding:0 0 1px 0; background:none;}
#new_controls ul li a.manage_group { padding:0 5px 0 5px;background-color:#fff;border:1px solid #fff;margin-top:-10px; }
#new_controls ul li:hover a.manage_group, #new_controls ul li a.manage_group:hover { background-color:#fff;border:1px solid #ccc;margin-top:-10px; }

#new_club_name { margin-bottom:0;margin-left:0;width:752px !important;display:inline-block !important;}
#new_club_name {padding-bottom:2px !important;}
#group_name {margin-left:8px;border-bottom:1px solid #ddd;width:752px;}

#switch_groups a.manage_group
{
    background-image:url('/images/ico/switch_groups.png') !important;
    background-position:244px 3px;
    background-repeat:no-repeat;
    display:inline-block;
    width:257px;
    height:26px;
    border:1px solid #ccc !important;
    margin-left:5px;
    margin-bottom:7px !important;
    position:relative;
    top:0;
    right:-189px;
    margin-top:-21px !important;
    float:right;
    clear:right;
    border-radius:4px 4px 4px 4px !important;
    }
#switch_groups a.manage_group:hover, #switch_groups:hover a.manage_group {background-image:url('/images/ico/switch_groups_active.png') !important;border:1px solid #dddddd !important;}
#switch_group_button{padding-left:5px;}
#switch_groups:hover a.manage_group, #switch_groups a.manage_group:hover  { background-color:#fff ;z-index:99999!important;padding-top:0 !important; }
#switch_groups:hover .manage_group.on, #switch_groups .manage_group.on:hover  { border:1px solid #ccc !important;padding-top:0 !important;}
#list_of_groups { border:1px solid #ccc; box-shadow:rgba(0,0,0,0.2) 0 2px 3px; background-color:#fff;position:absolute;right:-217px;top:21px;width:300px;display:none;z-index:9999; }
#list_of_groups ul { width:100%;}
#list_of_groups li { height:24px !important;line-height:24px !important;overflow:hidden;float:none;width:100%;display:block !important;font-size:11px;font-family:Verdana,arial,sans-serif;  }
#list_of_groups li a,#list_of_groups li span { padding-left:5px !important;height:24px !important;line-height:24px !important;border:0 solid white !important;padding-right:15px !important;float:none;display:block !important;background:none !important;font-size:11px;font-family:Verdana,arial,sans-serif; }
#list_of_groups li a:hover { background-color: #f0f5f8 !important;}
#switch_groups:hover #list_of_groups, #switch_groups a:hover li #list_of_groups { /*display:block;*/ }
#list_of_groups ul li a{padding-top:0 !important;}
#list_of_groups li.list_active_group
{
    background-color:#71ace2;
    border-bottom:1px dotted #ffffff;
    /*background-image:url('/images/ico/groups_settings_active.png');
    background-repeat:no-repeat;
    background-position:282px;*/
    }
#list_of_groups li.list_active_group a:hover 
{
    background-color:#71ace2 !important;
    /*background-image:url('/images/ico/groups_settings_active.png') !important;
    background-repeat:no-repeat !important;
    background-position:282px !important;*/
    }
li.list_active_group a{color:White !important;}
#list_of_groups li
{
    /*background-image:url('/images/ico/groups_settings.png');
    background-repeat:no-repeat;
    background-position:282px;*/
    }  

#attachmentsLink
{
    display:block;
    }
.attach_style
{
    display:block;
    border:1px solid #cacaca;
    padding-left:5px;
    background-color:White;
    margin-top:4px;
    }
    
#manage_group_button{border-radius:3px 3px 3px 3px;display:inline-block;height:27px;position:relative;}

#manage_btn_left
{
    padding-left:0;
    padding-right:0;
    display:inline-block;
    float:left;
    margin-left:10px;
    margin-right:10px;

    background-repeat:repeat-x;
    text-decoration:none;
    font-weight:normal;
    width:83px;
    color:Black;
    }


#manage_group_menu
{
    display:inline-block;

    height:27px;  
    width:18px;
    float:right;
  
    }
#manage_group_menu:hover
{
    display:inline-block;

    height:27px;  
    width:18px;
    float:right;
    clear:right;
    position:relative;
  
    }
.manage_btn_left
{
    display:inline-block;

    background-repeat:no-repeat;
    width:5px;
    height:27px;
    position:relative;
    left:-5px;
    float:left;
    }
.manage_btn_right
{
    display:inline-block;

    background-repeat:no-repeat;
    width:5px;
    height:27px;
    position:relative;
    left:78px;
    float:left;
  }


 .manage_group_icon
 {
    position:relative;
    top:5px;
    margin-right:3px;
    }
.manage_group_arrow
{
    display:inline-block;
    position:relative;
    background-image:url('/images/manage_button_arrow.png');
    background-repeat:no-repeat;
    background-position:5px 10px;
    float:left;
    width:13px;
    height:27px;
    cursor:pointer;
    }
	
/***** SPRIT : YS 10/17/2011 ********/	
.sprite {
	padding-left:22px;
	background: url(/images/ico/sprite_1.png) no-repeat top left;
}
.sp-docs{ background-position: 4px 3px;  } 
.sp-event{ background-position: 4px -23px;  } 
.sp-feed_new{ background-position: 4px -49px;  } 
.sp-group{ background-position: 4px -75px;  } 
.sp-mail1_new{ background-position: 4px -101px;  } 
.sp-money{ background-position: 4px -127px;  } 
.sp-photos{ background-position: 4px -153px;  } 
.sp-tag_blue{ background-position: 4px -179px;  } 
.sp-user{ background-position: 4px -205px;  } 

/*BUTTONS*/

.w_footer_btns 
{
    color:Black !important;
	font-weight:normal;
	border: 1px solid #cccccc;
	background: url(/images/w_btns_background.png) repeat-x;
	text-decoration:none !important;
	line-height: 1.25;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	padding:5px;
}
.w_footer_btns:hover {
	background-color: #FFF;
	background: url(/images/bg_btns_1.png) repeat-x;
	border-color:#1575EA;
}
.w_footer_btns span {background-repeat: no-repeat;}


/*POST*/
    .student_feed_photo { width:50px;height:50px;margin-top:5px;cursor:pointer;overflow:hidden;background-repeat:no-repeat;background-position:top center; }
    .student_comment_photo { float:left;border:1px solid #ccf;width:40px;height:40px;background-position:center;background-repeat:no-repeat;background-color:White; }
   
    .feed_col2 { color: #555; vertical-align:top;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #e9e9e9;/*word-break:break-all;word-wrap:break-word;*/ }
    .feed_img { border:1px solid #ccc;padding:3px;margin-right:5px; }
    .feed_profile_img { border:1px solid #ccc;padding:4px;margin-right:4px;width:40px;height:40px; float:left; }
    .feed_profile_div { width:40px;height:40px;background-position:center;background-repeat:no-repeat; }
    .per_text { line-height:1.38; font-size:13px; color: #333;margin-bottom:7px;clear:both;display:block;/*word-wrap:break-word;word-break:break-all;*/ }
    .per_text ul { margin-left: 25px; }
    .per_text ul li { list-style:disc; }
    .options textarea { height:30px; margin-top:6px;font-family:verdana,arial,sans-serif;font-size:11px !important; }
    .options .post { color:#000; float:right;margin-top:2px;padding:3px 10px;cursor:pointer; }
    .options { overflow:hidden;background-color:#f0f5f8;margin-top:1px; }
    .options_arrow {position:relative;top:2px;left:3px;height:5px;width:10px;background-image:url('/images/comment_top.png');}
    div .delete { float:right; display:none; }
    div:hover .delete { display: block !important; }
    .more_button { border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-align:center;background-color:#F7F7F7;padding:3px;font-size:15px;text-shadow:1px 1px 0 #fff;margin-bottom:10px;cursor:pointer; }
    .numlikes { display:none;color:#e0f0ff; background-color:#467cc2;  font-size:9px; font-weight:bold; padding:1px 3px; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; }
    td .delete_button { display:none !important; }
    td:hover .delete_button { display: block !important; }
    
    table.feed_item { width: 100% !important; }
    table.feed_item td.photo { width: 100px; text-align: center; vertical-align: top; }
    table.feed_item td.says { width:15px; vertical-align:top; border:0; padding:0; margin:0; padding-top: 5px;}
    table.feed_item td.text { text-align: left; margin:0; padding-top:0; vertical-align: top; }
    table.feed_item td.text div.quote { border:1px solid #ccc !important; font-size:1.3em; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius: 5px; z-index:2; }
    table.feed_item td.text div.quote div.options2 { font-size:0.8em; margin:0; padding:0; margin-top:5px; z-index:2; height:10px; }
    table.feed_item td.text a.delete_button {display:none !important; }
    table.feed_item td.text:hover a.delete_button { display: block !important; }
    
    .poll_answer { text-decoration:none;padding:3px;display:inline-block;overflow:visible;border:1px solid #d0d0f0;border-left:4px solid #d0d0f0;height:20px;line-height:20px;width:300px;margin-bottom:2px;position:relative; }
    .poll_answer:hover { border:1px solid #b0b0e0;border-left:1px solid #a0a0e0; }
    .poll_bar { position:absolute;background-color:#e8e8ff;top:0;left:0;height:26px; }
    .poll_value { position:absolute;top:0;left:6px;height:26px;line-height:26px; } 
    .poll_photo { position:absolute;left:310px;top:-1px!important; border:1px solid #ccc; display:inline-block;width:26px;height:26px;line-height:26px;overflow:hidden;}
    
    .invited_photo {background-repeat:no-repeat;float:left;border:1px solid #ccc;width:40px;height:40px;background-position:center center;margin:3px 5px 3px 0;}
    
    .manage_group_submenu { display:block;width:200px; }
    
    #social_post .w_btns{  border: medium none;
    color: #333333;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    text-align: justify;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align: middle;
    background-color:#DEF1FB;
    background-image:url('images/bg_btns_2.png'); 
    background-repeat:repeat-x; 
    border: 1px solid #2a8fc4; 
    border-radius: 3px 3px 3px 3px; 
    box-shadow:rgba(0,0,0,0.2) 0 1px 2px;
    position:relative;
    top:0;
    text-align:center;
    }
    .w_btns:hover{    background-image:url('images/bg_btns_1.png'); 
}

a.btnCustom{background:url(/images/custom.png);width:97px;height:31px;margin-left:4px;border:none;cursor:pointer;display:block;float:left}
a.btnCustom:hover{background-position:0 -31px}
a.btnCustom:active{background-position:0 -62px}

/*BUTTONS*/

.w_btns 
{
    color:Black !important;
	font-weight:normal;
	border: 1px solid #cccccc;
	background: url(/images/w_btns_background.png) repeat-x;
	text-decoration:none !important;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	padding:5px;
}
.w_btns:hover {
	background-color: #FFF;
	background: url(/images/bg_btns_1.png) repeat-x;
	border-color:#1575EA;
}
.w_btns span {background-repeat: no-repeat;}

.w_content_tabs {
display: none;
}

/*--AJAX DISPLAY FILES MM 12/09--*/
.w_item a strong {
color: #23509C;
font-size: 14px;
}

.padding_table
{
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
}

tr.w_item td 
{
padding-left:7px;
padding-bottom: 0;
padding-top:5px;
margin-bottom: 10px;
border-bottom: 1px solid #ECECEC;
}
/*--FIN COMPLEMENT--*/

#hm_srtbl .hdl
{
    float:right;
    cursor:move;
    background:url('/images/sprite_website.png') no-repeat -9px -9px;
    display:inline-block;
    width:20px;
    height:20px;
    margin-top:2px;
    }
    
.deleteCross
{
    float:right;
    margin:0 12px 0 0;
    top:7px;
    width:16px;
    height:16px;
    background:url('/images/close-icon.png?ts=1') no-repeat 0 0;
    cursor:pointer;
    }
    
.deleteCrossGray
{
    float:right;
    margin:0 12px 0 0;
    top:7px;
    width:16px;
    height:16px;
    background:url('/images/close-icon-grey.png?ts=1') no-repeat 0 0;
    cursor:pointer;
    }

/*--Laurent09/07 /student_manage_notifications--*/

.notifIconRight
{
	text-align: right;
	padding-right: 15px;
}


.manage_notif_club
{
border-top:1px solid #ccc; margin-top:10px; padding-top:10px
}

 /* Bubble pop-up */

        .popup {
                position: absolute;
                display: none;
                z-index: 50;
                border-collapse: collapse;
                margin: 0;
                padding: 0;
                width:200px;
        }
        
        .popup td{margin: 0;padding: 0;}
        
        .popup td.corner {
                height: 15px;
                width: 19px;
                margin: 0;
                padding: 0;
        }

        .popup td#topleft.corner { background-image: url(/images/top_left.png);width:14px !important; }
        .popup td.top { background-image: url(/images/top.png);  text-align: center;}
        .popup td#topright.corner { background-image: url(/images/top_right.png);width:14px !important;  }
        .popup td.bleft { background-image: url(/images/left.png); }
        .popup td.bright { background-image: url(/images/right.png);width:10px;}
        .popup td.bWhite{ background-color:White;width:200px;}
        .popup td#bottomleft.corner { background-image: url(/images/bottom_left.png);height:26px;width:14px !important; }
        .popup td.bottom { background-image: url(/images/bottom.png); text-align: center;height:29px;}
        .popup td.bottom img { position:absolute;bottom:-24px;left:10px;}
        .popup td#bottomright.corner { background-image: url(/images/bottom_right.png);width:14px !important;  }

        .popup table.popup-contents {
                font-size: 12px;
                line-height: 1.2em;
                background-color: #fff;
                color: #666;
                font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
                margin: 0;
                padding: 0;
                }
        .popup table.popup-contents img.bubbleClose{
            float:right;
            cursor:pointer;
            position: absolute;
            right: 10px;
            top: 9px;
            }