﻿
/*Widget Style - Updated on 4/5/2015
------------------------------------------- */

.userAction {overflow:hidden;padding-left:0;margin:0;}
.userAction li {list-style:none;padding-left:0px;padding-right:4px}
.commentContent .userAction li, .mainFeedCont .userAction li, .widget_userAction li , ul.history_list .userAction li{float:left}
.userAction li.last{border-right:none}
.userAction li.first,
li.like{border:none;padding:0}
li.like{margin-right:7px}
li.second{border-left:none;}
.numLikeLft {display:block;float:left;background:url(/images/trang/sprite_misc.png) -428px -436px no-repeat;padding:0 0 0 9px;height:18px}
.numLikeRgt {
	display:inline-block;
	vertical-align:middle;
	background: #119bd8;
	line-height: 1.9em;
	width: 1.9em;
	border-radius: 1em;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	}
.userAction li a:hover{text-decoration:underline}

.ticket_status {
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	padding: 6px 8px 6px 8px;
	color: #fff;
	border-radius: 3px;
}

.checkin_status {
	font-weight: bold;
	font-size: 1.7em;
	display: inline-block;
	padding: 6px 8px 6px 8px;
	color: #fff;
	border-radius: 3px;
	text-align:center;
	min-height:126px;
	width:90%;
}
.checkin_box {
	margin:30px;
	vertical-align:middle;
}
.ticket_status a {color: #fff}
.ticket_status_79 {color: #588C00; padding-bottom:0}
.ticket_status_80 {background: #E11100}
.ticket_status_wl {background: orange}
.validate_message {background: #588C00}
.ticket_status_member {background: #5eadf0}
.ticket_status_contact {background: #ccc}

#editWebSite {
	position: fixed;
	z-index: 9999;
	top: 0;
	left:0;
	width: 100%;
	padding: 10px 0;
	background:#ddd;
	text-align:center;
	}
.WebSiteEditOn {margin-top: 56px}
.WebSiteEditOn #w_topbar {position:static !important}
.WebSiteEditOn #header {margin-top: 0 !important}


/*annul*/
.cgw img.ico, .cgw2 img.ico {margin-bottom:0}
.cgw .w_title .ttl span:empty, .cgw2 .w_title .ttl span:empty {display:none}
#main .small .cgw .w_title .w_lft { margin: 0 6px 0 8px}

/*recup*/
#member_settings.cgw {margin-right: 0 !important;}

.cgw .w_show, .cgw2 .w_show {padding-top:0 !important;  }
.cgw .w_left, .cgw2 .w_left {float: left}
.cgw .w_right, .cgw2 .w_right {float: right}
.cgw .w_overflow, .cgw2 .w_overflow {overflow: hidden }
.cgw .w_clear, .cgw2 .w_clear {clear:both}

.cgw .w_content {
	overflow: hidden;
	margin: 0 1px;
	padding: 8px;
	border-top: 0;
	}

/* widget actions */
.w_actions {
	overflow:hidden; /*To contain float elements*/
	background:#f5f6f7;
	margin: 0; /*annul*/
	padding: 8px 8px 7px;
	border-bottom:1px solid #e4e4e4;
	}
	 .w_actions .w_left {margin-right:10px}
	 .w_actions .w_right {position:relative}
.cgw .w_item {
	overflow: hidden;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ececec;
	}
	.cgw .w_item:last-child {border:none; padding:0; margin:0}

.cgw .w_item_last {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
	}
.cgw .w_date {color: #8E8E8E}
.cgw .w_date .w_time {font-style:italic}
.cgw .w_item a strong {
	color:#23509c;
	font-size:14px;
	}
.cgw .w_category {overflow:hidden}
.cgw .w_category_name {
	float: left;
	font-style: italic;
	font-size: 11px;
	color: #daa520;
	}
.cgw .w_attending {
	float:right;
	color:#23509c;
	font-size:11px;
	}
.cgw .w_text p {
	margin:5px 0;
	font-size:11px;
	color:#272727;
	}
.cgw .w_like span {line-height:1.5em}
.cgw .w_like .w_numLikeLft {
	float:left;
	background:url(/images/trang/sprite_misc.png) -428px -436px no-repeat;
	padding: 0 0 0 9px;
	height:18px;
	}
.cgw .w_like {float:left}
.cgw .w_like .w_numLikeRgt {
	float:left;
	display:block;
	background:url(/images/trang/sprite_misc.png) 100% -436px no-repeat;
	padding: 0 8px 0 0;
	height:18px;
	color:#fff;
	line-height:15px;
	font-weight:bold;
	font-size:11px;
	min-width:12px;
	}
.cgw .w_like .w_btn_like {
	margin-left:5px;
	float:left;
	border:none;
	color:#23509c;
	background:#fff;
	padding:0;
	font:11px/15px Tahoma, Geneva, sans-serif;
	cursor:pointer;
	}
.cgw .w_group_name {float:right}
.cgw .w_group_name .w_group_name_lft {
	float:left;
	background:url(/images/trang/sprite_misc.png) -301px -702px no-repeat;
	padding:0 0 0 9px;
	height:21px;
	}
.cgw .w_group_name .w_group_name_rgt {
	float:left;
	background:url(/images/trang/sprite_misc.png) 100% -702px no-repeat;
	padding: 0 8px 0 0;
	height:21px;
	color:#fff;
	line-height:20px;
	font-weight:bold;
	}
.cgw .w_message {
	color:#e44949;
	display:block;
	margin-bottom:3px;
	}
.cgw .w_more {
	display:block;
	text-align:center;
	color:#23509c;
	font-size:11px;
	}


/*NEW
------------------*/
.cgw {
	margin:0 0 10px;
	border: 1px solid #d2d2d2;
	border-radius: 2px;
	box-shadow: 0 0 2px #e2e7ee;
	border-radius: 0 0 5px 5px;
	background:#FFF;
	}
.cgw.w_full {box-shadow:none}
.cg_page .cgw {margin: 0 8px 24px}
/*.w_marges {margin: 0 8px 24px}	*/

/* Header */
.cgw .w_title	{
	border-top: none;
	border-bottom: 1px solid #CCC;
	color: #404040;
	line-height:44px;
	height:44px;
	margin:-1px 0 0 !important;
	font-size:0 !important;
	}
	.cgw .w_title span  {
		font-weight: bold;
		display:inline-block;
		vertical-align:middle;
		font-size:16px; /*font-size initialisation*/
		}

@media only screen and (max-width: 600px) {
	.cgw.w_forms_fs .w_title .ttl  {
		overflow: hidden;
		width: 82vw;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
	}
@media only screen and (max-width: 400px) {
	.cgw.w_forms_fs .w_title .ttl {
		overflow: hidden;
		width: 78vw;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
	}
	
		/*temp*/
	.cgw .w_title .w_lft {
		display:inline-block;
		float:none; /*annul*/
		background:url(/images/sprite_widgets.png) no-repeat;
		height: 26px;
		margin: 0 10px;
		width: 27px;
		}

.cgw .w_tabs {
	overflow:hidden;
	background: #e7e7e7;
	background: -webkit-linear-gradient(#eee,#e3e3e3);
	background: linear-gradient(#eee,#e3e3e3);
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #d1d1d1;
	padding: 5px 5px 5px 9px;
	}
	.cgw .w_tabs > a {
		display:inline-block;
		text-decoration:none;
		line-height: 32px;
		padding: 0 12px;
		border-radius: 30px;
		border: 1px solid #AAA;
		box-shadow: inset 0 1px 0 #FFF, 0 1px 0 #efefef;
		color: #222;
		text-shadow: 0 1px 0 #EEE;
		margin: 4px 2px;
		background: #F5F5F5
		}
	.cgw .w_tabs >  a:hover {
		background:#FFF;
		}
		.cgw .w_tabs >  .active {
			color:#FFF  !important;
			cursor: default;
			box-shadow:none;
			border:1px solid #333 !important;
			background:#525252 !important;
			text-shadow: none;
			}
		.cgw .w_tabs > .active:first-child {margin-left:0}

.cgw .w_btns, .cgw2 .w_btns {
	display:inline-block;
	vertical-align:middle;
	color: #333 !important;
	background:#fff !important;
	border: 1px solid #BBB !important;
	text-decoration: none !important;
	border-radius: 3px;
	padding: 7px 10px 6px;
	box-shadow: 0 0 3px 0 #d5d5e3;
	margin: 0 /*annul*/;
	}
	.cgw2 .w_btns {padding: 10px 10px 9px}



	.cgw .w_btns + .w_btns {margin-left:2px}
	.cgw .w_btns:hover {border-color: #999 !important; color:#111 !important;}
	.cgw .w_btns:active, .cgw .w_tabs > a:active { box-shadow: inset 0 2px 4px #DDD; position:relative; top: 1px; }
	.cgw .w_tabs > a:active { border-top: 1px solid #BBB;}
	.cgw .w_btns span:empty {
		padding:0; /*annul*/
		background-repeat:no-repeat; /*sup*/
		display:inline-block;
		height: 16px;
		margin: 0 3px 0 -3px;
		width: 19px;
		vertical-align:middle
		}
	.w_view span {background: url(/images/ico_search.gif)}
	.w_addEvents span {background: url(/images/add_event.gif)}

#sidebartop #contact_button {
	width: 222px;
	height: 43px;
	background: url(/images/contactbuttonnormal.png);
	}
	#sidebartop #contact_button:hover {background-position: 0 -43px  !important}
	#sidebartop #contact_button:active {background-position: 0 -86px  !important}

input[type=text], input[type=search], input[type=password], select, textarea {
	font: inherit;
	line-height: 1.35;
	border: 1px solid #AAA;
	padding: 7px 7px 6px;
	margin: 0; /* Address margins set differently in Firefox 4+, and Chrome */
}
.td_resp.td_resp_last select {padding: 7px 22px 6px 10px;}

#content .btn_field {height: 32px; line-height: 32px; padding: 0 .9em}


.cgw .cg_form input[type=text]:focus, .cgw .cg_form input[type=text]:hover, .cgw .cg_form textarea:hover,
.cgw .cg_form textarea:focus, .cgw .cg_form select:hover, .cgw .cg_form select:focus {
	outline: none;
	box-shadow: none;
}

/* BUTTONS
-------------------------------*/

/*ACTIONS*/
.cgb, input.b_search {
	display:inline-block;
	vertical-align:middle;
	color: #333;
	background:#FFF;
	border: 1px solid #b6b8be;
	text-decoration: none !important;
	border-radius: 3px;
	padding: .65em 9px .5em;
	margin: 0 0 5px 1px;
	white-space: nowrap;
	box-shadow: 0 0 3px 0 #d5d5e3;
	-webkit-transition: all .2s;
	transition: all .2s;
	}
.cgb a {color: #333}
#content .nomargin, .nomargin .cgb, .w_actions .cgb {margin-bottom: 0}

input.b_search {
	cursor: pointer;
	padding: 0;
	height: 30px;
	width: 40px;
	margin: 0 0 0 4px;
	background: #FFF url(/images/btns_sprite_icons.png) no-repeat -350px -155px;
	}
	.cover_photo .cgb {box-shadow:none; border-color: #888}

	.email_templ .cgb {padding: .35em 6px .3em}
	.email_templ .b_mini {padding: .35em 6px .3em}
	.cgb:hover {
		background-color:#FFF;
		color:#111;
		}
.cgb span, .btn_dp_list span {
	opacity: 0.8;
	display:inline-block;
	vertical-align:middle;
	width: 22px;
	height: 18px;
	background: url(/images/btns_sprite_icons.png) no-repeat;
	-webkit-transition: all .1s;
	transition: all .1s;
	}
	.cgb:hover span {opacity: 1}

	.b_grey {
		background:  #f2f2f2;
		background: -webkit-linear-gradient(#fafbfc,#f2f4f5);
		background: linear-gradient(#fafbfc,#f2f4f5);
		}
		.b_grey:hover {background: #f7f9fa}

	.b_off {background-color:#e0e0e0}
	.b_mini {padding: .5em 10px .45em}

	#content .top_actions {
		margin-bottom: 0;
		padding-bottom: 10px;
		border-bottom: 0;
		background:#edeff2;
		}
	.top_actions input[type=text]{
		height: 32px;
		padding: 0 5px !important;
		border-radius: 3px;
		border: 1px solid #FFF;
		border-top: 1px solid #DDD;
		border-left: 1px solid #DDD;
		width: 309px
		}
	.top_actions .b_search {padding: .5em 12px .45em}

	.b_colored {
		padding: .5em 10px .45em;
		margin-left: 5px;
		line-height: 2em;
		}
		.w_actions .b_colored {padding-bottom: .3em; line-height: 1.5em}
		.top_actions .b_event {border-color:#6dad15}
		.top_actions .b_poll {border-color:#7368ab}
		.top_actions .b_addemail {border-color:#f69034}

.b_groups, .b_rate {border-color:#5eadf0}
.b_addemail {border-color:#f69034}
.b_event {border-color:#6dad15}
.b_form {border-color:#7368ab}
.b_media, .b_file {border-color:#009694}
.b_editwebsite {border-color:#018ec4}
.b_money {border-color:#888}
.b_rooms {border-color:#c16f34}
.b_officers {border-color:#cebd00}
.b_app {border-color:#2c78be}
.b_appfile {border-color:#2c78be}
.b_checklists {border-color: #52d253;}
.b_app_refresh {border-color:#2c78be}


	.b_colored span {
		background: url(/images/icons_menu.png) no-repeat;
		height: 20px;
		width: 20px;
		margin-right:4px;
		-webkit-transition: all .2s;
		transition: all .2s;
		}
		.b_event span {background-position: -80px -960px; border-color:#6dad15}
		.b_file span {background-position: -80px -2040px; width: 22px; height: 14px; vertical-align: -3px; margin-right: 8px}
		.b_form span, .b_poll span {background-position: -80px -1000px}
		.b_addemail span {background-position: -80px -920px}
		.b_groups span {background-position: -80px -1360px}
		.b_rate span {background-position: 0 -2440px; width: 14px !important; height: 14px !important; margin-right: 5px !important; vertical-align: -2px  !important}
		.b_media span {background-position: -80px -1040px}
		.b_editwebsite span {background-position: -80px -1080px}
		.b_money span {background-position: -80px -1240px}
		.b_rooms span {background-position: -80px -1200px}
		.b_officers span {background-position: -80px -1920px}
		.b_checklists span {background-position: -40px -2560px}
		.b_qrcode span {background-position: -240px -200px; margin-right: 5px; height:20px}
		.b_stopqrcode span {background-position: -280px -200px; margin-right: 5px; height:20px}
		.b_app span {background-position: 0 -2840px}
		.b_appfile span {background-position: -40px -2840px}


/*	.b_event:hover span, .b_poll:hover span, .b_addemail:hover span {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		}*/

    .b_out span {background-position: -240px 0px}
	.b_in span {background-position: -200px 0px}
	.b_djSettings span {background-position: -40px -120px}
	.b_delete span {background-position: 3px 0}
	.b_duplicate span {background-position: -200px -40px}
	.b_mini.b_duplicate span {background-position: -197px -40px; position:relative; top: -1px}
	.b_manage span {background-position:0 -40px}
	.b_edit span {background-position: -80px 0 !important}
	.b_preview span {background-position: -40px -40px}
	.b_preview.b_mini span {background-position: -37px -40px}
	.b_invite span {background-position: -200px -120px}
	.b_copy_link span {background-position: 0 -80px; width: 18px}
	.b_checkin_attendees span {background-position: -160px 0}
	.b_add span {background-position: -40px 0}
	.b_budget span {background-position: -320px -120px; width: 26px}
	.b_arrow_next span {background-position: -320px 0}
	.b_stats span {background-position: -80px -160px; width: 26px}
	.b_publish span {background-position: -120px -158px; width: 26px}
	.b_recipients_list span {background-position: -200px -160px}
	.b_register, .b_forward {padding-left: 6px;}
	.b_forward:hover span {background-position: -158px -158px;}
	.b_register span, .b_forward span {background-position: -158px -158px;width: 24px}
	.b_download span {background-position: -80px -80px}
	.b_outlook span {background-position: -80px -200px; width: 23px; height:22px; margin-right: 4px}
	.b_google span {background-position: -120px -200px; width: 20px; height:20px; margin-right: 4px}
	.b_download.b_mini span {background-position: -78px -80px}
	.b_upload span {background-position: -200px -80px}
	.b_settings span {background-position: -80px -40px}
	.b_send span {background-position: -160px -118px; width: 24px}
	.b_access span {background-position: -158px -40px; position: relative; top: -1px}
	.b_attachments span {background-position: -40px -80px}
	.b_new_topic span {background-position: -120px -120px}
	.b_new_topic.b_mini span {background-position: -116px -120px}
	.b_reply span {background-position: -360px -40px; margin-right: 2px}
	.b_today span {background-position: 0 -120px}
	.b_refresh span {background-position: -120px -80px}
	.b_validate.b_off {
	border-color: #A3D75F;
	background: #DEF9B5 !important;
	box-shadow: none;
	color:#222;
	}
		.b_validate span {background-position: -240px -80px; opacity:1 !important}
	.b_onhold.b_off {
	border-color: #EFAC4B;
	background-color: #FDEFDA !important;
	box-shadow: none;
	color: #222;
		}

	.b_onhold span {background-position: -120px -40px; opacity:1}
	.b_rejected span {background-position: -120px 0}
	.b_edit_alloc span {background-position: 0 -160px}
	.b_respond span {background-position: -360px 0}
	.b_pdf span {background-position: -80px -120px; width: 26px; height: 19px}
	.b_view span {background-position: -320px -37px}
	.b_archive span {background-position: -280px -40px}
	.b_unarchive span {background-position: -160px -80px}
	.b_website span {background-position: -240px -120px}
	.b_print_receipt span {background-position: -280px -80px}
	.b_print_ticket span {background-position: -320px -80px; width: 25px}
	.b_move span {background-position: -238px -160px}
	.b_edit_logo span { height: 19px; width: 26px; background-position: -280px -160px}
	.b_edit_cover span {width: 29px; background-position: -320px -160px;}
	.b_search span {background-position: -360px -160px; position: relative; top: -2px;}
	.b_search.b_mini span {background-position: -357px -160px}
	.b_template span {background-position: -400px 0}
	.b_rejected.b_off {
	border-color: #D75859;
	background: #FFDDDE !important;
	box-shadow: none;
	color:#222;
		}
		.b_rejected span {background-position: -400px -40px; opacity:1}
	.b_erase span {background-position: -160px -200px}
	.b_add_member {border-color:#3668b1 !important}
	.b_add_member span {background: url(/images/icons_menu.png) no-repeat -80px -880px}
	.b_add_pick span {width: 35px;height: 35px;background: url(/images/pickplus.png) no-repeat}
	.b_delete_pick span {width: 35px;height: 35px;background: url(/images/pickDelete.png) no-repeat}
	.b_logic span {height: 19px; background-position: -200px -200px}
	.b_speaker span {background-position: -395px -200px; width: 18px;}

	.b_app_invite span {background-position: -80px -240px} 
	.b_app_download span {background-position: -160px -240px} 
	.b_app_refresh span {background-position: -120px -240px} 
	.b_app_edit span {background-position: 0 -240px} 
	.b_app_profil span {background-position: -40px -240px} 
	
	



/*ICONS AND COLORS
-------------------------------------*/

/*Events*/
.w_events_overview .w_title, .w_events .w_title, .w_events_wall_calendar .w_title, .w_events_upcoming .w_title,
.w_events_drafts .w_title, .w_events_stats .w_title, .w_events_download .w_title, .w_events .w_title,
.w_event_tickets .w_title, .w_event_registered .w_title, .w_event_location .w_title, .w_event_edit .w_title,
.w_event_attendees .w_title, .w_events_deleted .w_title ,
.w_prio .w_events_overview .w_title, .w_prio .w_events .w_title, .w_prio .w_events_wall_calendar .w_title, .w_prio .w_events_upcoming .w_title,
.w_prio .w_events_drafts .w_title, .w_prio .w_events_stats .w_title, .w_prio .w_events_download .w_title, .w_prio .w_events .w_title,
.w_prio .w_event_tickets .w_title, .w_prio .w_event_registered .w_title, .w_prio .w_event_location .w_title, .w_prio .w_event_edit .w_title,
.w_prio .w_event_attendees .w_title, .w_prio .w_events_deleted .w_title, .w_prio .cgw.w_speaker .w_title, .cgw.w_speaker .w_title {border-top-color: #67912c}

.w_prio .cgw.w_events_overview .w_title .w_lft, .cgw.w_events_overview .w_title .w_lft {background-position: -80px -355px}
.w_prio .cgw.w_events .w_title .w_lft, .cgw.w_events .w_title .w_lft {background-position: 0 -240px}
.w_prio .cgw.w_events_calendar .w_title .w_lft, .cgw.w_events_calendar .w_title .w_lft {background-position: 0 -40px; margin-top:-6px}
.w_prio .cgw.w_events_wall_calendar .w_title .w_lft, .cgw.w_events_wall_calendar .w_title .w_lft {background-position: 0 -41px}
.w_prio .cgw.w_speaker .w_title .w_lft, .cgw.w_speaker .w_title .w_lft {background-position: -37px -680px; margin-right: 0}
.w_prio .cgw.w_events_drafts .w_title .w_lft, .cgw.w_events_drafts .w_title .w_lft {background-position: 0 -120px}
.w_prio .cgw.w_events_download .w_title .w_lft, .cgw.w_events_download .w_title .w_lft {background-position: 0 -160px}
.w_prio .cgw.w_event_tickets .w_title .w_lft, .cgw.w_event_tickets .w_title .w_lft {background-position: 0 -280px}
.w_prio .cgw.w_event_registered .w_title .w_lft, .cgw.w_event_registered .w_title .w_lft {background-position: 0 -320px}
.w_prio .cgw.w_event_location .w_title .w_lft, .cgw.w_event_location .w_title .w_lft {background-position: 0 -360px}
.w_prio .cgw.w_event_location .w_content iframe, .cgw.w_event_location .w_content iframe {width: 310px;}
.w_prio .cgw.w_event_edit .w_title .w_lft, .cgw.w_event_edit .w_title .w_lft {background-position: 0 -400px}
.w_prio .cgw.w_event_attendees .w_title .w_lft, .cgw.w_event_attendees .w_title .w_lft {background-position: -40px -560px}
.w_prio .cgw.w_events_deleted .w_title .w_lft, .cgw.w_events_deleted .w_title .w_lft {background-position: -40px -600px}


/*Emails*/
.w_emails_overview .w_title, .w_emails_draft .w_title, .w_emails_delivery .w_title, .w_emails_template .w_title,
.w_emails_mailinglists .w_title, .w_emails_sent .w_title,
.w_prio .w_emails_overview .w_title, .w_prio .w_emails_draft .w_title, .w_prio .w_emails_delivery .w_title, .w_prio .w_emails_template .w_title,
.w_prio .w_emails_mailinglists .w_title, .w_prio .w_emails_sent .w_title, .w_prio .cgw.w_myinbox .w_title, .cgw.w_myinbox .w_title {border-top-color: #f68826}

.w_prio .cgw.w_emails_overview .w_title .w_lft, .cgw.w_emails_overview .w_title .w_lft {background-position: -80px -395px}
.w_prio .cgw.w_emails_draft .w_title .w_lft, .cgw.w_emails_draft .w_title .w_lft {background-position: -40px 0}
.w_prio .cgw.w_emails_delivery .w_title .w_lft, .cgw.w_emails_delivery .w_title .w_lft {background-position: -39px -80px}
.w_prio .cgw.w_emails_template .w_title .w_lft, .cgw.w_emails_template .w_title .w_lft {background-position: -40px -120px}
.w_prio .cgw.w_emails_mailinglists .w_title .w_lft, .cgw.w_emails_mailinglists .w_title .w_lft {background-position: -40px -40px}
.w_prio .cgw.w_emails_sent .w_title .w_lft, .cgw.w_emails_sent .w_title .w_lft {background-position: -40px -200px}
.w_prio .cgw.w_myinbox .w_title .w_lft, .cgw.w_myinbox .w_title .w_lft {background-position: -120px -680px}

/*Websites*/
.w_website_overview .w_title, .w_websites .w_title, .w_websites_ulinks .w_title, .w_websites_board .w_title,
.w_websites_blog .w_title, .w_websites_about .w_title, .w_websites_contact .w_title, .w_websites_videos .w_title,
.w_websites_slides .w_title, .w_prio .w_website_overview .w_title, .w_prio .w_websites .w_title, .w_prio .w_websites_ulinks .w_title, .w_prio .w_websites_board .w_title,
.w_prio .w_websites_blog .w_title, .w_prio .w_websites_about .w_title, .w_prio .w_websites_contact .w_title, .w_prio .w_websites_videos .w_title,
.w_prio .w_websites_slides .w_title {border-top-color:#018ec4}

.w_prio .cgw.w_website_overview .w_title .w_lft , .cgw.w_website_overview .w_title .w_lft {background-position: -120px -355px}
.w_prio .cgw.w_websites .w_title .w_lft, .cgw.w_websites .w_title .w_lft {background-position: -80px 0}
.w_prio .cgw.w_websites_ulinks .w_title .w_lft, .cgw.w_websites_ulinks .w_title .w_lft {background-position: -80px -40px}
.w_prio .cgw.w_websites_board .w_title .w_lft, .cgw.w_websites_board .w_title .w_lft {background-position: -80px -80px}
.w_prio .cgw.w_websites_blog .w_title .w_lft, .cgw.w_websites_blog .w_title .w_lft {background-position: -80px -320px}
.w_prio .cgw.w_websites_about .w_title .w_lft, .cgw.w_websites_about .w_title .w_lft {background-position: -79px -279px}
.w_prio .cgw.w_websites_contact .w_title .w_lft, .cgw.w_websites_contact .w_title .w_lft {background-position: -80px -320px}
.w_prio .cgw.w_websites_videos .w_title .w_lft, .cgw.w_websites_videos .w_title .w_lft {background-position: -40px -640px; height: 28px}
.w_prio .cgw.w_websites_slides .w_title .w_lft, .cgw.w_websites_slides .w_title .w_lft {background-position: -120px -640px}
.cgw.w_web_templates .w_title .w_lft {background-position: -40px -720px}

/*Forms*/
.w_job_postings .w_title, .w_forms_overview .w_title, .w_forms_fs .w_title, .w_forms_workflow .w_title,
.cgw.w_forms_inventory .w_title, .cgw.w_forms_store .w_title, .cgw.w_campus_maps .w_title, .cgw.w_admin_stats .w_title,
.w_prio .w_job_postings .w_title, .w_prio .w_forms_overview .w_title, .w_prio .w_forms_fs .w_title, .w_prio .w_forms_workflow .w_title,
.w_prio .cgw.w_forms_inventory .w_title, .w_prio .cgw.w_forms_store .w_title, .w_prio .cgw.w_campus_maps .w_title, .w_prio .cgw.w_admin_stats .w_title  {border-top-color: #695f9c}

.w_prio .cgw.w_job_postings .w_title .w_lft, .cgw.w_job_postings .w_title .w_lft {background-position: -80px -640px}
.w_prio .cgw.w_forms_overview .w_title .w_lft, .cgw.w_forms_overview .w_title .w_lft {background-position: -120px -395px}
.w_prio .cgw.w_forms_fs .w_title .w_lft, .cgw.w_forms_fs .w_title .w_lft {background-position: -80px -160px}
.w_prio .cgw.w_forms_workflow .w_title .w_lft, .cgw.w_forms_workflow .w_title .w_lft {background-position: -80px -200px}
.w_prio .cgw.w_forms_inventory .w_title .w_lft, .cgw.w_forms_inventory .w_title .w_lft {background-position: -80px -600px}
.w_prio .cgw.w_forms_store .w_title .w_lft, .cgw.w_forms_store .w_title .w_lft {background-position: -120px -600px}
.w_prio .cgw.w_campus_maps .w_title .w_lft, .cgw.w_campus_maps .w_title .w_lft {background-position: 0 -640px}

/*Files*/
.w_photos .w_title, .w_documents .w_title, .w_files_overview .w_title,
.w_prio.w_photos .w_title, .w_prio.w_documents .w_title, .w_prio.w_files_overview .w_title, .cgw.w_instagram .w_title {border-top-color: #009694}

.w_prio .cgw.w_files_overview .w_title .w_lft, .cgw.w_files_overview .w_title .w_lft {background-position: -80px -440px}
.w_prio .cgw.w_documents .w_title .w_lft, .cgw.w_documents .w_title .w_lft {background-position: -116px -240px}
.w_prio .cgw.w_photos .w_title .w_lft, .cgw.w_photos .w_title .w_lft, .cgw.w_instagram .w_title .w_lft {background-position: -120px -200px}

/*Dashboard*/
.w_groups_overview .w_title, .w_groups .w_title, .w_officers .w_title, .w_officers_setting .w_title,
.w_officers_tags .w_title, .w_group_activity .w_title,
.w_prio .w_groups_overview .w_title, .w_prio .w_groups .w_title, .w_prio .w_officers .w_title, .w_prio .w_officers_setting .w_title,
.w_prio .w_officers_tags .w_title, .w_prio .w_group_activity .w_title, .w_prio .cgw.w_groups_doc .w_title, .cgw.w_groups_doc .w_title {border-top-color: #5eadf0}

.w_prio .cgw.w_groups_overview .w_title .w_lft, .cgw.w_groups_overview .w_title .w_lft {background-position: 0 -476px}
.w_prio .cgw.w_group_activity .w_title .w_lft, .cgw.w_group_activity .w_title .w_lft {background-position: -120px -520px}
.w_prio .cgw.w_officers .w_title .w_lft, .cgw.w_officers .w_title .w_lft {background-position: -120px 0}
.w_prio .cgw.w_officers_setting .w_title .w_lft, .cgw.w_officers_setting .w_title .w_lft {background-position: -120px -40px}
.w_prio .cgw.w_officers_tags .w_title .w_lft, .cgw.w_officers_tags .w_title .w_lft {background-position: -120px -80px}
.w_prio .cgw.w_groups .w_title .w_lft, .cgw.w_groups .w_title .w_lft {background-position: -40px -240px}
.w_prio .cgw.w_officers2 .w_title .w_lft, .cgw.w_officers2 .w_title .w_lft {background-position: -120px -760px}
.w_prio .cgw.w_groups_doc .w_title .w_lft, .cgw.w_groups_doc .w_title .w_lft {background-position: -80px -840px}


/*Blue*/
.w_chat .w_title, .w_members_overview .w_title, .w_profile .w_title, .w_password .w_title,
.w_privacy .w_title, .w_inbox .w_title, .w_members .w_title, .w_import_members .w_title,
.w_people .w_title, .w_prio .w_chat .w_title, .w_prio .w_members_overview .w_title, .w_prio .w_profile .w_title, .w_prio .w_password .w_title,
.w_prio .w_privacy .w_title, .w_prio .w_inbox .w_title, .w_prio .w_members .w_title, .w_prio .w_import_members .w_title,
.w_prio .w_people .w_title, .w_prio .cgw.w_notifs .w_title, .cgw.w_notifs .w_title, .cgw.w_forms_inventory.apps_container .w_title {border-top-color: #055fad}

.w_prio .cgw.w_chat .w_title .w_lft, .cgw.w_chat .w_title .w_lft {background-position: -120px -160px; }
.w_prio .cgw.w_members_overview .w_title .w_lft, .cgw.w_members_overview .w_title .w_lft {background-position: -80px -240px}
.w_prio .cgw.w_profile .w_title .w_lft, .cgw.w_profile .w_title .w_lft {background-position: -40px -280px}
.w_prio .cgw.w_people .w_title .w_lft, .cgw.w_people .w_title .w_lft {background-position: 0 -520px}
.w_prio .cgw.w_members .w_title .w_lft, .cgw.w_members .w_title .w_lft {background-position: -40px -480px}
.w_prio .cgw.w_import_members .w_title .w_lft, .cgw.w_import_members .w_title .w_lft {background-position: -40px -520px}
.w_prio .cgw.w_inbox .w_title .w_lft, .cgw.w_inbox .w_title .w_lft {background-position: -38px -440px}
.w_prio .cgw.w_password .w_title .w_lft, .cgw.w_password .w_title .w_lft {background-position: -40px -319px}
.w_prio .cgw.w_privacy .w_title .w_lft, .cgw.w_privacy .w_title .w_lft {background-position: -40px -360px}
.w_prio .cgw.w_admin_stats .w_title .w_lft, .cgw.w_admin_stats .w_title .w_lft {background-position: -40px -400px}
.w_prio .cgw.w_notifs .w_title .w_lft, .cgw.w_notifs .w_title .w_lft {background-position: -80px -680px}
.cgw.w_forms_inventory.apps_container .w_title .w_lft {background-position: -40px -760px}

/*Yellow*/
.w_reports .w_title, .w_trends .w_title, .w_badges .w_title, .w_officers2 .w_title,
.w_prio .w_reports .w_title, .w_prio .w_trends .w_title, .w_prio .w_badges .w_title {border-top-color: #cebd00}

.w_prio .cgw.w_reports .w_title .w_lft, .cgw.w_reports .w_title .w_lft {background-position: -80px -480px}
.w_prio .cgw.w_trends .w_title .w_lft, .cgw.w_trends .w_title .w_lft {background-position: -80px -520px}
.w_prio .cgw.w_badges .w_title .w_lft, .cgw.w_badges .w_title .w_lft {background-position: 0 -680px}

/*Money*/
.w_money .w_title, .w_money_payments .w_title, .w_money_overview .w_title, .cgw.w_budgeting .w_title, .cgw.w_store .w_title,
.w_prio .w_money .w_title, .w_prio .w_money_payments .w_title, .w_prio .w_money_overview .w_title, .w_prio .cgw.w_budgeting .w_title, .w_prio .cgw.w_store .w_title {border-top-color: #888}

.w_prio .cgw.w_money_overview .w_title .w_lft, .cgw.w_money_overview .w_title .w_lft {background-position: -120px -435px}
.w_prio .cgw.w_money_payments .w_title .w_lft, .cgw.w_money_payments .w_title .w_lft {background-position: 0 -440px}
.w_prio .cgw.w_budgeting .w_title .w_lft, .cgw.w_budgeting .w_title .w_lft {background-position: -120px -480px}
.w_prio .cgw.w_store .w_title .w_lft, .cgw.w_store .w_title .w_lft {background-position: 0 -720px}

/*Project*/
.w_checklists .w_title, .w_prio .w_checklists .w_title {border-top-color: #01bd03}
.w_prio .cgw.w_checklists .w_title .w_lft, .cgw.w_checklists .w_title .w_lft {background-position: -120px -320px}
.w_projects .w_title, .w_prio .w_projects .w_title {border-top-color: #63b0f1}
.w_prio .cgw.w_projects .w_title .w_lft, .cgw.w_projects .w_title .w_lft {background-position: 0 -760px}

/*Admin*/
.w_admin .w_title, .w_admin_overview .w_title,
.w_prio .w_admin .w_title, .w_prio .w_admin_overview .w_title {border-top-color: #da0808}

.w_prio .cgw.w_admin .w_title .w_lft, .cgw.w_admin .w_title .w_lft {background-position: -120px -280px}
.w_prio .cgw.w_admin_overview .w_title .w_lft, .cgw.w_admin_overview .w_title .w_lft {background-position: 0 -560px}

/*Mentoring*/
.w_mentoring .w_title, .w_prio .w_mentoring .w_title {border-top-color: #a99055}
.w_prio .cgw.w_mentoring .w_title .w_lft, .cgw.w_mentoring .w_title .w_lft {background-position: -80px -720px; width: 50px;}

/*Feed*/
.w_schedules .w_title {border-top-color: #3a8bd4}
.cgw.w_schedules .w_title .w_lft {background-position: -80px -760px; width: 22px;}

/*Others*/
.w_rooms .w_title,
.w_prio .w_rooms .w_title {border-top-color:#c16f34}
.w_prio .cgw.w_rooms .w_title .w_lft, .cgw.w_rooms .w_title .w_lft {background-position: -120px -120px; border-top-color: #96530d}

/*App*/
.w_app_forms .w_title, .w_prio .w_app_forms .w_title, .w_app_upload .w_title, .w_prio .w_app_upload .w_title, 
.w_app_cal .w_title, .w_prio .w_app_cal .w_title, .w_app_map .w_title, .w_prio .w_app_map .w_title, 
.w_app_chat .w_title, .w_prio .w_app_chat .w_title, .w_app_profil .w_title, .w_prio .w_app_profil .w_title {border-top-color: #2c78be}
.w_prio .cgw.w_app_forms .w_title .w_lft, .cgw.w_app_forms .w_title .w_lft {background-position: 0 -800px}
.w_prio .cgw.w_app_upload .w_title .w_lft, .cgw.w_app_upload .w_title .w_lft {background-position: -40px -800px}
.w_prio .cgw.w_app_cal .w_title .w_lft, .cgw.w_app_cal .w_title .w_lft {background-position: -80px -800px}
.w_prio .cgw.w_app_map .w_title .w_lft, .cgw.w_app_map .w_title .w_lft {background-position: -120px -800px}
.w_prio .cgw.w_app_chat .w_title .w_lft, .cgw.w_app_chat .w_title .w_lft {background-position: -40px -840px}
.w_prio .cgw.w_app_profil .w_title .w_lft, .cgw.w_app_profil .w_title .w_lft {background-position: 0 -840px}

.w_fixed_bottom {position:absolute; bottom:0}


/*SEARCH*/
.w_websites_search {
	display:table;
	width: 100%;
	margin-bottom: 25px;
	}
.w_websites_search > form {
	display:table;
	width: 100%;
	}
.w_websites_search div {
	display:table-cell;
	vertical-align:top;
	}
.w_websites_search input[type=text] {
	width: 100%;
	background: #FFF;
	border-radius: 3px;
	padding: 8px 5px;
	border: 1px solid #c5cfd8;
	font-size: 14px;
	height: 43px;
	padding: 0 6px; /*temp*/
	-moz-box-sizing: border-box !important; /*temp*/
	box-sizing: border-box !important; /*temp*/
	}
.w_websites_search .submit {
	width: 99px;
	padding-left: 10px;
	}
.w_search {
	display:inline-block;
	background: url(/images/search-button.png) !important;
	width: 99px;
	height: 43px;
	}
	.w_search:hover {background-position: 0 -43px  !important}
	.w_search:active {background-position: 0 -86px !important}


div.bottomFixed {
		position:fixed;
		z-index:3;
		bottom:0;
		left:0;
		height:40px;
		width:100%;
		padding:10px 5px 5px;
		background: White;
		border-top: 1px solid #CCC;
		box-shadow:1px -1px 3px #e7e7e7;
		text-align:center;
		}
div.bottomNormal {
	height:40px;
	bottom:0;
	background-color:White;
	border-top:1px solid #CCC;
	width:99%;
	padding: 20px 5px 5px;
	left:0;
	margin-top:35px;
	text-align:center;
	}
div.topFixed .w_title,div.topFixed .w_actions{position:fixed;top:0px;width:100%;left:0px;box-shadow:1px 1px 3px #e7e7e7;z-index:1000;}
div.topFixed .w_title{background-color:White;}
div.topFixed .w_actions{top:48px;border-bottom:1px solid #CCC;}
div.topFixed .w_content{margin-top:70px;}

/*BUTTONS
----------------------------------------------------
(The plain backgrounds are useful for Opera Mini) */

.btns {
	display: inline-block;
	vertical-align:middle;
	background: #0266b2;
	background: -webkit-linear-gradient(#0779c7,#005da8);
	background: linear-gradient(#0779c7,#005da8);
	border: 1px solid #003894;
	border-radius: 2px;
	box-shadow: inset 0 1px 0 #4592c8, 1px 1px 1px #9e9ead;
	color: #fff;
	text-decoration:none !important;
	cursor: pointer;
	text-align: center;
	height: 35px;
	font: bold 14px/27px Tahoma, Geneva, sans-serif;
	letter-spacing: .025em;
	padding: 3px 15px;
	text-shadow: 0 -1px 0 #014b98;
	}
	.w_actions input.btns, .b_small {height: 30px; line-height: 22px}


a.btns {height: 27px}
	.btns:hover, .btns:focus  {
		background: -webkit-linear-gradient(#0b8dd7,#065fa9);
		background: linear-gradient(#0b8dd7,#065fa9);
		box-shadow: inset 0 1px 0 #4eaee6, 1px 1px 1px #9e9ead;
	}
	.btns:active {
		position:relative;
		top: 1px;
		left: 1px;
		box-shadow: inset 0 1px 7px #0f3d7b
		}
	.btnsGotIt {
		box-shadow: inset 0 1px 0 #4592c8, 1px 1px 1px #444;
		text-shadow: none !important;
		border-radius: 3px;
		height: 25px !important;
		line-height: 25px;
		padding: 1px 10px;
		}
		.btnsGotIt:hover {box-shadow: inset 0 1px 0 #4eaee6, 1px 1px 1px #444;
		}
	.btnCcl {
		background:#f2f2f2;
		border-color:#d0d0d0;
		box-shadow: inset 0 1px 0 #e7ecef;
		color:#4e5255 !important;
		text-shadow: 0 1px 0 #FFF;
		}
		.btnCcl:hover, .btnCcl:focus {background:#fafafa; box-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#fafafa',GradientType=0) !important;}
		.btnCcl:active {background:#f0f0f0; box-shadow: inset 0 1px 7px #d4d6d9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f0f0f0',GradientType=0) !important;}

	.btnInter {
		background:#6a6a6a;
		border-color:#444;
		background: -webkit-linear-gradient(#7b7b7b,#5c5c5c);
		background: linear-gradient(#7b7b7b,#5c5c5c);
		box-shadow: inset 0 1px 0 #a5a5a5, 1px 1px 1px #9e9ead;
		color:#fff;
		text-shadow: 0 1px 0 #444;
		}
		.btnInter:hover, .btnInter:focus {background:#7b7b7b; box-shadow: inset 0 1px 0 #b3b3b3, 1px 1px 1px #9e9ead; text-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b7b7b', endColorstr='#7b7b7b',GradientType=0) !important;}
		.btnInter:active {background:#6a6a6a; box-shadow: inset 0 1px 7px #555; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a6a6a', endColorstr='#6a6a6a',GradientType=0) !important;}


	.btnGreen {
		background:#5c9402;
		background: -webkit-linear-gradient(#67a402,#518502);
		background: linear-gradient(#67a402,#518502);
		border-color:#2c6502;
		box-shadow: inset 0 1px 0 #91ce2e;
		text-shadow: 0 1px 0 #417502;
		}
		.btnGreen:hover, .btnGreen:focus {background:#5c9600; box-shadow: inset 0 1px 0 #8bc72c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c9600', endColorstr='#5c9600',GradientType=0) !important;}
		.btnGreen:active {background:#589600; box-shadow: inset 0 1px 7px #305e00; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#589600', endColorstr='#589600',GradientType=0) !important;}

	.btnRed {
		background:#cc2514;
		background: -webkit-linear-gradient(#e12c1d,#b91f0b);
		background: linear-gradient(#e12c1d,#b91f0b);
		border-color:#aa0400;
		box-shadow: inset 0 1px 0 #ea5e53, 1px 1px 1px #9e9ead;
		text-shadow: 0 1px 0 #9c1c00;
		}
		.btnRed:hover, .btnRed:focus {background:#dc3423; box-shadow: inset 0 1px 0 #f27166, 1px 1px 1px #9e9ead; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc3423', endColorstr='#dc3423',GradientType=0) !important;}
		.btnRed:active {background:#ca2813; box-shadow: inset 0 1px 7px #8f151e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca2813', endColorstr='#ca2813',GradientType=0) !important;}

	.btnEmails {
		background:#f37300;
		background: -webkit-linear-gradient(#ff8f00,#f37300);
		background: linear-gradient(#ff8f00,#f37300);
		border-color:#f25b00;
		border-bottom-color:#e03f00;
		box-shadow: inset 0 1px 0 #ffb64e, 1px 1px 1px #9e9ead;
		text-shadow: 0 -1px 0 #f25b00;
		}
		.btnEmails:hover, .btnEmails:focus {background:#ff9700; box-shadow: inset 0 1px 0 #ffc555, 1px 1px 1px #9e9ead; text-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9700', endColorstr='#ff9700',GradientType=0) !important;}
		.btnEmails:active {background:#f37300; box-shadow: inset 0 1px 7px #c34413; border-color: #c34413; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f37300', endColorstr='#f37300',GradientType=0);}

	.btnEvents {
		background:#64a40d;
		background: -webkit-linear-gradient(#7bbb23,#63a30c);
		background: linear-gradient(#7bbb23,#63a30c);
		border-color:#559201;
		border-bottom-color:#397501;
		box-shadow: inset 0 1px 0 #a2e24b, 1px 1px 1px #9e9ead;
		text-shadow: 0 -1px 0 #4b8401;
		}
		.btnEvents:hover, .btnEvents:focus {
			background:#76b322;
			box-shadow: inset 0 1px 0 #a0de49, 1px 1px 1px #9e9ead;
			text-shadow: none;
			}
		.btnEvents:active {
			background:#61a30b;
			box-shadow: inset 0 1px 7px #458500, 0 3px 15px #e9edf5;
			border-color: #458500;
			}

	.btnForms {
		background:#7468a7;
		background: -webkit-linear-gradient(#9286c4,#7468a7);
		background: linear-gradient(#9286c4,#7468a7);
		border-color:#625695;
		border-bottom-color:#473b7a;
		box-shadow: inset 0 1px 0 #b3a7e6, 1px 1px 1px #9e9ead;
		text-shadow: 0 -1px 0 #625695;
		}
		.btnForms:hover, .btnForms:focus {background:#9286c4; box-shadow: inset 0 1px 0 #c5b9fa, 1px 1px 1px #9e9ead; text-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9286c4', endColorstr='#9286c4',GradientType=0) !important;}
		.btnForms:active {background:#7468a7; box-shadow: inset 0 1px 7px #5f5296; border-color: #473b7a; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7468a7', endColorstr='#7468a7',GradientType=0) !important;}

	.btnMedia {
		background:#159391;
		background: -webkit-linear-gradient(#2caaa8,#159391);
		background: linear-gradient(#2caaa8,#159391);
		border-color:#078583;
		border-bottom-color:#016b6a;
		box-shadow: inset 0 1px 0 #55d3d1, 1px 1px 1px #9e9ead;
		text-shadow: 0 -1px 0 #078583;
		}
		.btnMedia:hover, .btnMedia:focus {background:#2caaa8; box-shadow: inset 0 1px 0 #5de4e2, 1px 1px 1px #9e9ead; text-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2caaa8', endColorstr='#2caaa8',GradientType=0) !important;}
		.btnMedia:active {background:#159391; box-shadow: inset 0 1px 7px #107f7e; border-color: #016b6a; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#159391', endColorstr='#159391',GradientType=0) !important;}

	.btnWebsite {
		background:#0098ce;
		background: -webkit-linear-gradient(#1ab1e6,#0098ce);
		background: linear-gradient(#1ab1e6,#0098ce);
		border-color:#0086b5;
		border-bottom-color:#00739d;
		box-shadow: inset 0 1px 0 #60c5e9, 1px 1px 1px #9e9ead;
		text-shadow: 0 -1px 0 #0086b5;
		}
		.btnWebsite:hover, .btnWebsite:focus {background:#1ab1e6; box-shadow: inset 0 1px 0 #64d3f9, 1px 1px 1px #9e9ead; text-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ab1e6', endColorstr='#1ab1e6',GradientType=0) !important;}
		.btnWebsite:active {background:#0098ce; box-shadow: inset 0 1px 7px #0387b7; border-color: #00739d; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0098ce', endColorstr='#0098ce',GradientType=0) !important;}

	.btnMoney {
		background:#585858;
		background: -webkit-linear-gradient(#757575,#585858);
		background: linear-gradient(#757575,#585858);
		border-color:#424242;
		border-bottom-color:#333;
		box-shadow: inset 0 1px 0 #a3a3a3, 1px 1px 1px #9e9ead;
		text-shadow: 0 -1px 0 #424242;
		padding: 3px 12px;
		}
		.btnMoney:hover, .btnMoney:focus {background:#757575; box-shadow: inset 0 1px 0 #b1b1b1, 1px 1px 1px #9e9ead; text-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#757575',GradientType=0) !important;}
		.btnMoney:active {background:#666; box-shadow: inset 0 1px 7px #545454; border-color: #444; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#666',GradientType=0) !important;}

	.btnRooms {
		background:#844501;
		background: -webkit-linear-gradient(#a46018,#844501);
		background: linear-gradient(#a46018,#844501);
		border-color:#6a3700;
		border-bottom-color:#341c01;
		box-shadow: inset 0 1px 0 #c57f35, 1px 1px 1px #9e9ead;
		text-shadow: 0 -1px 0 #6a3700;
		}
		.btnRooms:hover, .btnRooms:focus {background:#a46018; box-shadow: inset 0 1px 0 #d28e46, 1px 1px 1px #9e9ead; text-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a46018', endColorstr='#a46018',GradientType=0);}
		.btnRooms:active {background:#96540d; box-shadow: inset 0 1px 7px #844501; border-color: #6a3700; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96540d', endColorstr='#96540d',GradientType=0);}

	.btnOfficers {
		background:#ab9801;
		background: -webkit-linear-gradient(#c4ae01,#ab9801);
		background: linear-gradient(#c4ae01,#ab9801);
		border-color:#998801;
		border-bottom-color:#7e7001;
		box-shadow: inset 0 1px 0 #e5ce14, 1px 1px 1px #9e9ead;
		text-shadow: 0 -1px 0 #998801;
		}
		.btnOfficers:hover, .btnOfficers:focus {background:#c4ae01; box-shadow: inset 0 1px 0 #efd917, 1px 1px 1px #9e9ead; text-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4ae01', endColorstr='#c4ae01',GradientType=0) !important;}
		.btnOfficers:active {background:#ab9801; box-shadow: inset 0 1px 7px #a29102; border-color: #7e7001; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab9801', endColorstr='#ab9801',GradientType=0) !important;}

/*BUTONS NEW*/
.cga, .cgabig {
	font: inherit; /*input*/
	display:inline-block;
	vertical-align: middle;
	-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: #055fad;
	-webkit-transition: all .1s;
	transition: all .1s;
	color:#FFF !important;
	border:none;
	}
.cgabig {padding: .85em 1.1em; font-size: 17px;}

 	.cga:hover {background: #0a71c9}
	.cga span:first-child {
		display: inline-block;
		vertical-align: middle;
		height: 20px;
		width: 20px;
		background: url(/images/newhome/icons2.png);
		margin-right: 6px;
		}
	.a_add {padding-left: .6em}
	.a_add span {
		display:inline-block;
		vertical-align:middle;
		height: 16px;
		width: 16px;
		background:url(/images/newhome/icons2.png) -818px 0;
		margin-right: 6px;
		}
	.a_add span:first-child {
		margin-top: -2px;
		height: 16px;
		width: 16px;
		background: url(/images/newhome/icons2.png) -818px 0;
		margin-right: 6px;
		border-radius: 20px;
		}
		.a_add:hover span:first-child {box-shadow: 0 0 6px 0 #FFF}

body .a_white, .btnFeed {
	background:#fff;
	color: #303e53 !important;
	border: 1px solid #bfbfbf;
	}
	body .a_white:hover, .btnFeed:hover {
		border-color: #888;
		color:#1c2430 !important;
		background:#FFF;
		}

body .a_cancel  {background:#e3e3e3; color:#222 !important}
	body .a_cancel:hover {background:#f2f2f2}
body .cta {background:#119bd8}
	body .cta:hover {background:#2ab4f1}
body .a_inter {background:#555}
	body .a_inter:hover {background:#7a7a7a}
body .a_people {background:#72b32c}
	body .a_people:hover {background:#90c924}
body .a_groups {background:#5eadf0}
	body .a_groups:hover {background:#6eb3ef}
body .a_red {background:#da0808}
	body .a_red:hover {background:#ff0a0a}
body .a_emails {background:#f67401}
	body .a_emails:hover {background:#fc851b}
body .a_events {background:#6dad15}
	body .a_events:hover {background:#76be14}
body .a_forms {background:#695f9c}
	body .a_forms:hover {background:#7f75b2}
body .a_media {background:#009694}
	body .a_media:hover {background:#16acaa}
body .a_website {background:#018ec4}
	body .a_website:hover {background:#17a4da}
body .a_money {background:#888}
	body .a_money:hover {background:#a5a5a5}
body .a_rooms {background:#c16f34}
	body .a_rooms:hover {background:#d18a1a}
body .a_officers {background:#cebd00}
	body .a_officers:hover {background:#e0cd00}
body .a_checklists {background:#01bd03}
	body .a_checklists:hover {background:#0ccf15}
body .a_mentors {background:#ab9359}
	body .a_mentors:hover {background:#c7aa64}
body .a_app {background:#2c78be}
	body .a_app:hover {background:#3d8fd9}

/*#content .a_ask {padding: 0 .9em} */
	#content .a_ask span {
		width: 15px;
		height: 16px;
		margin-right: 8px;
		background:url(/images/btns_sprite_icons.png) -440px -40px;
		}
.ask /*temp*/{padding: 6px 6px 6px 20px !important; }
#content .ask > b {
	float:left;
	border:none;
	margin: 10px 0 0;
	padding:0;
	}

.cg_form input[type=text], .cg_form input[type=password], .cg_form select, .cg_form textarea {
    font-size:13px;
	border-color:#c5cfd8;
    margin: 0;
	border-radius: 3px;
	background:#FFF;
	color:#222;
	vertical-align:middle;
	border-bottom-color: #fff;
	border-right-color: #fff;
}
.cg_form select, .cg_form_blue select {margin-right: 5px}

.cg_form_blue input[type=text], .cg_form_blue input[type=password], .cg_form_blue select, .cg_form_blue textarea {
	background:#f2f5f7;
	border-radius: 3px;
	border-color: #c5cfd8;
	border-bottom: none;
	border-right: none;
	}
.cg_form_blue input[type=text]:hover, .cg_form_blue input[type=password]:hover,
.cg_form_blue select:hover, .cg_form_blue textarea:hover,
.cg_form_blue input[type=text]:focus, .cg_form_blue input[type=password]:focus,
.cg_form_blue select:focus, .cg_form_blue textarea:focus  {
		background: #f7fafc;
/*		border: 1px solid #5497d9;*/
		}
	input.url {font-size: .9em;} /*temp*/

.displays {padding-right: 10px}
.displays > a {
	display:inline-block;
	overflow:hidden;
	width: 15px;
	height: 14px;
	margin-right: 7px;
	opacity: .3;
	vertical-align:middle;
	-webkit-transition: all .1s;
	transition: all .1s;
	background:url(/images/sprite_widgets.png);
	}
	.displays > a:active {top: 1px}
	.displays > a:hover, .displays > a.selected {opacity: 1}
	.displays > a:last-child {margin-right:0 !important}
	.displays .list_view {margin-right: 8px}

	.displays .card_view {background-position: 0 -600px;}
	.displays .vignette_view {background-position: -80px -560px}
	.displays .list_view {background-position: -120px -560px}

.cgw2 .displays > a {
	width: 25px;
	height: 25px;
	margin-right: 15px;
	background: url(/images/icons/ico_views.png);
	}
	.cgw2 .card_view {background-position: 0 0;}
	.cgw2 .displays .vignette_view {background-position: -40px 0}
	.cgw2 .displays .list_view {background-position: -80px 0}



/*CGW2*/
	.cgw2 .w_title {
		display: block;
		font: 2.8em Helvetica, Arial, sans-serif;
		padding-bottom: .4em;
		margin-bottom: .5em;
		border-bottom: 1px solid #d8d9e4;
		box-shadow: 0 1px 0 #FFF;
		}
		.cgw2 .w_actions {
			padding: 0;
			background:none;
			border:0;
			}
		.cgw2 .cg_form select 	{margin-right: 7px}

/* NUMBERS */

.cg_nbr {
	display: inline-block;
	vertical-align:middle;
	font-size: 20px;
	background: #444;
	border-radius: 25px;
	color: #fff;
	text-align: center;
	line-height: 1.6em;
	width: 1.6em;
	}
	.nb_app {background:#2c78be}


/*NEW WIDGET*/

.ib { /*temp > website_global.css*/
	display:inline-block;
	vertical-align: middle;
 }

.group_activity {padding:0; margin:0}
.group_activity > li {
	display: table;
	width: 97%; /*IE8*/
	width: calc(100% - 20px);
	padding: .7em 0;
	border-top: 1px solid #DDD;
	margin: 0 12px;
	}
	.group_activity .cell {display:table-cell}
	.group_activity div.cell {width: 40px; vertical-align: top}

	.group_activity > li:first-child {border: 0}
	.group_activity span.ib {
		width: 30px;
		height: 30px;
		margin-right: 10px;
		background:url(/images/icons/icons_big.png)
		}
		#content .ico_photos {background-position: -40px 0}
		#content .ico_feed {background-position: -80px 0}
		#content .ico_admin {background-position: -120px 0}
		#content .ico_doc {background-position: -160px 0}
		#content .ico_write {background-position: -200px 0}
		#content .ico_share {background-position: -240px 0}
		#content .ico_poll {background-position: -280px 0}

	.group_activity p.cell {margin: 0}
	.group_activity time {
		text-align:right;
		color:#a7aaaf;
		font-size: 16px; /*IE8*/
		font-size: 1.6rem;
		padding-left: 15px;
		white-space: nowrap;
		}

.cgw .w_title .cross_close {
	float:right;
	margin-top:13px;
	margin:8px 10px 0 0;
	width:16px;
	height:16px;
	background:url(/images/close-x.png) no-repeat 50%;
	border-radius: 16px;
	padding: 6px;
	cursor:pointer;
	-webkit-transition: all .15s;
	transition: all .15s;
	}
	.cgw .w_title .cross_close:hover{background: #535353 url(/images/close-x-hover.png) no-repeat 50%}


/*TEMP CALENDAR*/
.cgw .w_noname {margin: 0 -3px 0 0 !important}


/*@CALENDARS
---------------------*/
.w_events_calendar table {
	table-layout: fixed;
	width:100%;
	border-collapse:collapse;
	}
	.w_events_calendar th, .w_events_calendar td {
		vertical-align:top;
		padding: 1px;
		text-align: center;
	}

/*@LARGE CALENDAR
---------------------*/
.cgw .months {
	border: 1px solid #bbb;
	background: #FFF;
}
.cgw .months .w_prev, .cgw .months .w_next {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	margin: -1px;
	height: 30px;
	width: 30px;
	}
	.cgw .months .w_next img {
	position: relative;
	left: -30px;
	}
.cgw .months select {
	border: none;
	vertical-align: middle;
	color: #0062ab;
	margin: 0 3px 0 6px;
	text-transform: uppercase;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

#ajax_calendar th {padding: 4px 1px}
#ajax_calendar td {padding: 1px 0 1px 1px}
#ajax_calendar td > .nbr, #ajax_calendar td > .nbr_today, #ajax_calendar .off > div {padding: .2em 0}



/*@CALENDAR MINI
-----------------------*/
#ajax_mini_calendar #w_prev, #ajax_mini_calendar #w_next {
	display: inline-block;
	vertical-align:middle;
	height: 30px;
	width: 21px;
	background:url(/images/arrows_cal.png) no-repeat;
	}
	#ajax_mini_calendar #w_next {background-position: -21px 0}
	#ajax_mini_calendar #w_prev:hover {background-position: 0 -30px}
	#ajax_mini_calendar #w_next:hover  {background-position: -21px -30px}
/*	.cgw #w_prev:active {background-position: 0 -60px}
	.cgw #w_next:active  {background-position: -21px -60px}*/


#ajax_mini_calendar_my_calendar { padding: 7px 6px !important; margin:0 }
#ajax_mini_calendar_w_actions { padding: 7px 4px 7px 8px !important}
#ajax_mini_calendar_w_actions input[type="text"] {width: 97px; height: 1.2em}
.cal_search_close {
	background:#b8b8c5;
	display:inline-block;
	padding: 6px;
	border-radius: 30px;
	margin-left: 7px
	}
.cal_search_close > .ico {margin:0} /*temp*/
#ajax_mini_calendar .w_btns {
	padding: 4px 10px !important;
	font-size: 14px;
	}
#ckToggleWeeks {display:block}

.w_events_calendar .w_content {
	padding:0;
	margin:0
	}

/*Calendar table*/
#ajax_mini_calendar table {
	font: 11px Tahoma, Verdana, Geneva, sans-serif;
	margin-top:0; /*temp*/
	}
	#ajax_mini_calendar th {
		padding: 4px 0;
		font-weight:normal;
		font-size: 13px;
		cursor: help;
		border-bottom: 1px solid #FFF;
		border-right: 1px solid #FFF;
		background: #474a51;
		color: #FFF;
		}
		#ajax_mini_calendar th:last-child, #ajax_mini_calendar td:last-child {border-right: 0}

	#ajax_mini_calendar td {
		border-bottom: 1px solid #bbbbbd;
		border-right: 1px solid #dcdcde;
		background: #FFF;
		}
	#ajax_mini_calendar td:first-child, #ajax_mini_calendar td:last-child {padding: 1px 0}

	#more_weeks > td {
		font-size: 1.1em;
		padding: .5em !important;
		background:#f0f1f2;
	}
	#ajax_mini_calendar .nbr_today {background: #f7f2f4}
	#ajax_mini_calendar .w_off {
		background: #E2E2E2;
		color:#666;
		border-right: 1px solid #CCC;
		}
		#ajax_mini_calendar td > span {
			display:block;
			padding: 5px 0;
			background: #EFEFEF;
			border-bottom: 1px solid #cccdcf;
			}
			#ajax_mini_calendar .nbr_today > span, .events_calendar td > .nbr_today {
				background: #cb0423;
				color:#FFF;
				border: none;
			}
			#ajax_mini_calendar .w_off > span { background:#DDD}

		#ajax_mini_calendar td > div {margin: 5px 0}
			#ajax_mini_calendar td > div > div {margin-top: 2px}
				#ajax_mini_calendar td > div > div:first-child {margin: 0}

/*Calendar footer*/
#ajax_mini_calendar .w_actions_bottom {
	margin:1px 0 0;
	font-size: 12px;
	}

#ajax_mini_calendar .w_legend {
	padding: 6px 3px;
	background:#fafbfc;
	font-size: 12px;
	box-shadow: inset 0 0 0 #e4e4e4;
	border-radius: 0 0 5px 5px;
	margin-top:0; /*temp*/
	border:0 /*temp*/;
	}
	.w_legend img {margin: 0 4px 0 6px}


	@media only screen and (max-width: 530px) {

/*	.group_activity p.cell { font-size: .9em; margin-bottom: .5em}
	.group_activity p.cell, .group_activity time {
		display:block !important;
		text-align:left;
		padding:0
		}*/
		}

  /*css for calendar pop up -- Start*/
    .tipEventTitle { float: left; width: 85.5%; font: 20px/1.5 Tahoma, Geneva, sans-serif; color: #000000; }
    .tipEventAddress { float: left; width: 100%; font: 14px/1.8 Tahoma, Geneva, sans-serif; color: #0665AE; }
    .tipLocation { float: left; width: 4.5%; }
    .tipEAdress { margin-left: 20px; }
    .tipEventDateTime { float: left; width: 100%; font: 14px/1.5 Tahoma, Geneva, sans-serif; color: #222222; }
    .floatLeft { float: left; }
    .tipEventDateTimeContent { }
    .tipEventDateTime_ { margin-left: 5px; }
    .tipRSVPContent { float: right; width: 24%; }
    .RSVPTipLink { float: right; margin-top: 4px; }
    .tipEventAttending { float: left; width: 100%; font: bold 14px/1.5 Tahoma, Geneva, sans-serif; color: #222222; }
    .tipPhotosContent { height: 58px; margin-top: 5px; width: 100%; float: left; }
    .tipPhotos { width: 50px; height: 100%; padding-right: 5px; float: left; }
    .logoImg { width: 50px; height: 50px; }
    .tipHostedBy { 
		display:block; 
		color: #222;
		}
    .tipEventClubName { 
		color: #0665AE; 
		}
    .tipClubLnk { text-decoration: none; }
    .flyerContent { float: left; width: 100%; }
    /*css for calendar pop up -- End*/


    /*Event ticket statuses -- End*/
	.full_event, .tickets_left, .waitinglist, .waitinglist_notactive, .available, .expired {
		border-radius: 3px;
		color:#FFF;
	    display: inline-block;
		font-weight: bold; 
	    min-width: 1.1em;
	    padding: .1em 0.3em;
	    text-align: center;
		}  
	.full_event {background: #d60000;}
	.tickets_left {background: #d60000;}
	.waitinglist {background: orange;}
	.waitinglist_notactive {background: #ccc;}
	.available {background: #588C00;}
	.expired {background: #ddd; color: #000;}


.inbl_blocs > .inbl {width: calc(50% - 15px)}
.inbl_blocs > .inbl:first-child {margin-right: 30px}


/*temp*/
.w_events_opt {
	display: table-cell; 
	width:80px;
	vertical-align: top;
	margin:10px;
	}
.w_agenda_event {
    position: relative;
	display: table;
    width: 100%;
	margin-bottom: 25px;
}

@media only screen and (max-width: 640px) {
.w_events_desc, .w_events_opt {display:none}
.a_events_reg {
	position: absolute;
	bottom: 15px;
    left: 50%;
    margin-left: -78px;
    padding: .7em 3em;
}
.w_agenda_event {
	padding-bottom: 80px; 
	margin-bottom: 20px;
    border-bottom: 1px solid #DDD;
	}

}



