/*LAYOUT*/
.txt_center {text-align:center}

.aligntop {vertical-align:top}
.alignmiddle {vertical-align:top}
.alignbott {vertical-align: bottom}

.inbl {display:inline-block}
.inbl_blocs {font-size:0 /*prevent extra space between ib blocs*/}
	.inbl_blocs > .inbl {
		font-size: 15px; /*ie8*/
		font-size: 1.5rem;
		vertical-align:top;
		}
		
.clearfix:before, .clearfix:after { 
	content: ""; 
	display: table; 
	}
	.clearfix:after {clear:both}

.table {
	display:table;
	table-layout:fixed;
	border-collapse: collapse;
	width: 100%;
	}
.cell {
	display:table-cell;
	vertical-align:top; 
	}

/*SIDE MENU*/
.ecg_sub_menu_ul, .ecg_sub2_menu_ul, .ecg_sub3_menu_ul {
	list-style:none;
	padding:0;
	margin:0;
	}

/*FORMS*/

select {
	-webkit-appearance: none;
	padding-left: 3px;
    height: 2.4em !important;
    line-height: 1.2em !important;
    border-radius: 3px;
    padding-right: 25px !important;
    background-image: url(/images/arrows/select.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    -moz-appearance: none;
}
select:active {outline:none}

	select::-ms-expand {visibility:hidden} /*IE*/
	@media (-webkit-min-device-pixel-ratio: 0) {/*Webkit browsers*/
			select {
				-webkit-appearance: none;
				appearance: none;
			}
		}

/*ICONS FONTS*/

@font-face {
	font-family: 'social';
	src:url('/images/icons/social/social.eot?p5e1p');
	src:url('/images/icons/social/social.eot?#iefixp5e1p') format('embedded-opentype'),
		url('/images/icons/social/social.woff?p5e1p') format('woff'),
		url('/images/icons/social/social.ttf?p5e1p') format('truetype'),
		url('/images/icons/social/social.svg?p5e1p#icomoon') format('svg');
}
#w_topbar a[class^="icon-"], a[class^="icon-"]:before {
	font-family: 'social' !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
	a[class^="icon-"]:before {
		-webkit-transition: all .15s;
		transition: all .15s;
		vertical-align:middle;
		}
		.icon-facebook:before {content: "\e600"}
		.icon-plus:before {content: "\e601"}
		.icon-instagram:before {content: "\e602"}
		.icon-linkedIn:before {content: "\e603"}
		.icon-twitter:before {content: "\e604"}
		.icon-flickr:before {content: "\e900"}
		.icon-youtube:before {content: "\e901"}

/*topbar icons*/
	#w_topbar [class^="icon-"] {font-size: 1.6em; color:#FFF !important}
	#w_topbar a[class^="icon-"]:hover:before {text-shadow: 0 0 5px #FFF}
/*footer icons*/
	#footer a[class^="icon-"] {
		display:block;
		font-size: 1.6em;
		text-decoration:none;
		margin-bottom: .4em;
		}
	#footer span[class$="desc"] {
		font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;  
		vertical-align:middle;
		}
	#footer a[class^="icon-"]:before {margin-right: 10px}



/*Accessibility*/

.invisible { /* Hide only visually, but have it available for screenreaders */
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    overflow: hidden;
    position: absolute;
}

/*Divers*/
.w_hide {display:none}

/*BUTTONS*/
.cga {
	display:inline-block;
	vertical-align: middle;	
	padding: .4em .8em;
	text-decoration:none !important;
	border-radius: 3px;
	background: #055fad;
	color:#FFF !important;
	-webkit-transition: all .1s;
	transition: all .1s;
	}
	.cga:hover {background: #0679db}
	.cta {background: #119bd8}
	.cta:hover {background: #119bd8}

	input[type=button], input[type=submit] {-webkit-appearance: none; border:0} /*IOS Safari*/

/*TEXT*/
.txt_column2 {
	-webkit-column-width: 20em;
	-webkit-column-gap: 30px;
	-moz-column-width: 20em;
	-moz-column-gap: 30px;
	column-width: 20em;
	column-gap: 30px;
	}



#w_menu li a {color:#FFFFFF}
#sidecol {background:#fff}
#center {background:#fff}
#w_calendar th {background:#012d59}
body {background:#FFFFFF}
#club_logo {
 display: inline-block;
 vertical-align: middle;
}
#school_logo {float:right;}
#school_logo a { float: right;}
a img {border:none}

.data_updated {
	position: absolute;
	z-index: 6;
	top: 0;
	left: 50%;
	padding: 10px;
	margin-left: -50px;
	width: 100px;
	background: #fff9d5;
	text-align: left;
	color: #333;
	border: 1px solid;
}
.rounded {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*MEMBERS*/


.member_card {
	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;
	}


.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;
}

/*@DATES*/

.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;
}

td.event_date_width{
	width:30px; vertical-align:top;padding-right:10px;
}

/* tag */
.mainWrapper{z-index:9;position:relative;/*margin-right: 19px;max-width:785px;*/ margin: 0 21px 0 18px } /*modif*/
#main .tagSection h2{font-size:18px;font-weight:bold;margin-bottom:12px;color:#535353}
.cg_widget h2{margin-bottom:0!important}
#main .tagSection{color:#535353;z-index:9;position:relative}
#main .tagSection .tagSectionWrapper{position:relative;z-index:9; margin:7px 10px}
#main .tagSectionInner{float:left;position:relative;z-index:11}
#main .tagSection h3{background:#f3f3f3;border-top:1px solid #fafafa;border-bottom:1px solid #ddd;overflow:hidden;padding-left:8px;font-size:12px;margin-bottom:8px}
#main .tagSection h3 img{background-image:url(/images/trang/sprite_misc.png);background-repeat: no-repeat;display:block;float:left;margin-right:7px;margin-top:7px;margin-bottom:7px;width:25px;height:16px}
#main .tagSection h3 img.student_photosTag, #main .tagSection h3 img.photosTag{background-position:-234px -396px}
#main .tagSection h3 img.student_documentsTag, #main .tagSection h3 img.documentsTag{background-position:-270px -396px}
#main .tagSection h3 img.friend_listTag, #main .tagSection h3 img.membersTag{background-position:-308px -398px}
#main .tagSection h3 img.answerersTag {background-position: -405px -395px;}
#main .tagSection h3 img.optinTag {background-position: -340px -395px;}
#main .tagSection h3 img.workflowsTag {background-position: -374px -396px;}
#main .tagSection h3 img.blog_postsTag {background-position: -375px -370px;}
#main .tagSection h3 img.eventsTag {background-position: -441px -340px;}
#main .tagSection h3 img.feedsTag {background-position: -341px -370px;}
#main .tagSection h3 img.emailsTag {background-position: -440px -368px;}
#main .tagSection h3 img.bookmarksTag {background-position: -439px -395px;}
#main .tagSection h3 span{float:left;display:block;line-height:27px;font-weight:bold;color:#535353}
#main .tagSection h3 span.addTag{background:url(/images/trang/sprite_misc.png) no-repeat -200px -958px;padding-left:30px;padding-right:10px;float:right;color:white !important;line-height:23px !important;font-weight:normal !important}
#main .tagSection h3 .btnAddTag {display:block;background:url(/images/trang/sprite_misc.png) no-repeat 100% -954px;float:right;height:24px;line-height:30px;font-size:12px;color:#fff;padding:0;border:none;border:none;margin-top:3px;margin-right:3px}
#main .tagSection h3 a.btnAddTag:hover span.addTag {text-decoration:underline}
#main .tagSection .tagList{list-style:none;margin:0;padding:0;float:left;margin:0}
div.tag{float:left;position:relative;margin-right:5px;margin-bottom:5px; border: none !important}   
div.tag a.tagName{display:block;color:#535353;line-height:30px;background:url(/images/trang/sprite_misc.png) -200px -738px;no-repeat;padding-left:8px;height:30px}
div.tag a.tagName span{display:block;background:url(/images/trang/sprite_misc.png) right -738px;padding-right:8px}
div.tag a.tagName:active{background-position:-200px -774px}
div.tag a.tagName:active span{background-position:right -774px}

#main .tagSection ul.selectTagAction{list-style:none;position:absolute;top:-3px;left:0;padding:0;border:1px solid #d0d0d0;width:140px;z-index:12;margin:0;background:#fff}
#main .tagSection ul.selectTagAction li{float:none;padding:0;margin-right:0;margin-bottom:0}
#main .tagSection ul.selectTagAction a{background:#fff;padding-left:8px;overflow:hidden;display:block}
#main .tagSection ul.selectTagAction a:hover,
#main .tagSection ul.selectTagAction a.selected{background:#f3f3f3}
#main .tagSection ul.selectTagAction a:hover{cursor:pointer}
#main .tagSection ul.selectTagAction a span{display:block;color:#444;line-height:27px;float:left}
#main .tagSection ul.selectTagAction img{display:block;background-image:url(/images/trang/sprite_misc.png);background-repeat: no-repeat;float:left;margin-top:5px;margin-right:10px}
#main .tagSection ul.selectTagAction .view img{background-position:-108px -396px;width:21px;height:14px}
#main .tagSection ul.selectTagAction .rename img{background-position:-144px -396px;width:18px;height:17px;margin-right:10px}
#main .tagSection ul.selectTagAction .changeColor img{background-position:-168px -396px;width:18px;height:16px}
#main .tagSection ul.selectTagAction .setprivacy img{background-position:-348px -144px;width:18px;height:16px}
#main .tagSection ul.selectTagAction .deleteTag img{background-position:-198px -396px;width:14px;height:16px;margin-right:14px}
#main .tagSection ul.selectTagAction .access img{background-image:url('/images/trang/tag_icon_access.png') !important;width:16px;height:16px;margin-right:14px}
#main .tagSection ul.selectTagAction .websiteContentTag img{background-image:url('/images/trang/tag_icon_webcontent.png') !important;width:16px;height:16px;margin-right:14px}
#main a.tagHelp{color:#3b82e0;float: right;color: #3B82E0;font-size: 12px !important;font-weight: normal !important}


#main .tagSection ul.selectTagAction .changeColor img.arrow {background-position: -409px -342px;float: right;height: 7px;margin: 9px 7px 0 8px;width: 5px}

#main .tagSection .tagList {float: left;list-style: none outside none;margin: 0;padding: 0}
div.tag a.show {background: url(/images/sprite_misc.png) no-repeat scroll -334px -333px transparent;display: block;height: 29px;position: absolute;right: 0;text-indent: -10000px;top: 0;width: 25px}
div.tag a.delete{background: url("/images/trang/delete.png") no-repeat;display: block;width: 13px; height: 13px; top: 8px; right: 5px; position: absolute;text-indent: -10000px;}

div.tag {float: left;margin-bottom: 5px;margin-right: 5px;position: relative}
div.tag a.tagName {background: url("/images/trang/sprites_tag.png") repeat scroll 0 0 transparent;color: #535353;display: block;height: 30px;line-height: 30px;padding-left: 8px}
div.tag a.tagName span {background: url("/images/trang/sprites_tag.png") repeat scroll right 0 transparent;display: block;padding-right: 8px}
div.tag a.tagName:hover {background-position: 0 -36px}
div.tag a.tagName:hover span {background-position: right -36px}
div.tag a.tagName:active {background-position: 0 -72px}
div.tag a.tagName:active span {background-position: right -72px}
div.tag a.red {background-position: 0 -108px;color: #FEFEFE}
div.tag a.red span {background-position: right -108px}
div.tag a.red:hover {background-position: 0 -144px}
div.tag a.red:hover span {background-position: right -144px}
div.tag a.red:active {background-position: 0 -180px}
div.tag a.red:active span {background-position: right -180px}
div.tag a.orange {background-position: 0 -216px;color: #FEFEFE}
div.tag a.orange span {background-position: right -216px}
div.tag a.orange:hover {background-position: 0 -252px}
div.tag a.orange:hover span {background-position: right -252px}
div.tag a.orange:active {background-position: 0 -288px}
div.tag a.orange:active span {background-position: right -288px}
div.tag a.yellow {background-position: 0 -324px;color: #FEFEFE}
div.tag a.yellow span {background-position: right -324px}
div.tag a.yellow:hover {background-position: 0 -360px}
div.tag a.yellow:hover span {background-position: right -360px}
div.tag a.yellow:active {background-position: 0 -396px}
div.tag a.yellow:active span {background-position: right -396px}
div.tag a.green {background-position: 0 -432px;color: #FEFEFE}
div.tag a.green span {background-position: right -432px}
div.tag a.green:hover {background-position: 0 -468px}
div.tag a.green:hover span {background-position: right -468px}
div.tag a.green:active {background-position: 0 -504px}
div.tag a.green:active span {background-position: right -504px}
div.tag a.turquoise {background-position: 0 -540px;color: #FEFEFE}
div.tag a.turquoise span {background-position: right -540px}
div.tag a.turquoise:hover {background-position: 0 -576px}
div.tag a.turquoise:hover span {background-position: right -576px}
div.tag a.turquoise:active {background-position: 0 -612px}
div.tag a.turquoise:active span {background-position: right -612px}
div.tag a.blue {background-position: 0 -648px;color: #FEFEFE}
div.tag a.blue span {background-position: right -648px}
div.tag a.blue:hover {background-position: 0 -684px}
div.tag a.blue:hover span {background-position: right -684px}
div.tag a.blue:active {background-position: 0 -720px}
div.tag a.blue:active span {background-position: right -720px}
div.tag a.purple {background-position: 0 -756px;color: #FEFEFE}
div.tag a.purple span {background-position: right -756px}
div.tag a.purple:hover {background-position: 0 -792px}
div.tag a.purple:hover span {background-position: right -792px}
div.tag a.purple:active {background-position: 0 -828px}
div.tag a.purple:active span {background-position: right -828px}
div.tag a.pink {background-position: 0 -864px;color: #FEFEFE}
div.tag a.pink span {background-position: right -864px}
div.tag a.pink:hover {background-position: 0 -900px}
div.tag a.pink:hover span {background-position: right -900px}
div.tag a.pink:active {background-position: 0 -936px}
div.tag a.pink:active span {background-position: right -936px}
div.tag a.grey {background-position: 0 -972px;color: #FEFEFE}
div.tag a.grey span {background-position: right -972px}
div.tag a.grey:hover {background-position: 0 -1008px}
div.tag a.grey:hover span {background-position: right -1008px}
div.tag a.grey:active {background-position: 0 -1044px}
div.tag a.grey:active span {background-position: right -1044px}

div.tag a.edit span {padding-right: 25px;}

.left {float: left}
.right {float: right}
.format_context {overflow:hidden}

/*LISTS
-------------------*/
.list0 {
	margin: 0px;
	padding-left:0px;
	list-style: none;
}

.w_reg_counter{font-size:2em;color:#0664ad; font-weight:Bold; vertical-align: middle; padding-right: 3px; line-height: 1.2em;}

/*MESSAGES
-------------------*/
.messages {
	border: 1px solid;
	background: #FFF;
	border-radius: 3px;
	padding: 10px 12px 8px;
	margin: 0 10px 20px 5px;
	width: 95%;
}
#large.messages { margin-left: 160px }
.ok {
	background: #F0FFD7;
	border-color: #588C00;
	font-size:1.2em;
	color: #588C00;
}
.error {
	background: #FFF3F2;
	border-color: #E11100;
	font-size:1.2em;
	color: #E11100;
}
.error strong { color:#E11100 }
.wizard {
	background: #FFF3B7;
	border-color: #6C5900;
	font-size:1.2em;
	color: #6C5900;
}
.information {
	background: #fefcc6;
	border-color: #ffda30;
	box-shadow: inset 0 0 0 1px #FFF;
	font-size: 1.1em;
	margin: 5px 0px 10px 0px;
}
.messages .w_btns {font-size:0.8em;}

	
/*MINI CALENDAR
---------------------------------------*/
/*#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;
	}
.events_calendar td .nbr_today {background: #e10101; color:#FFF; font-weight:bold; margin-bottom: 5px;}
.events_calendar  td img { margin-bottom: 4px}
.events_calendar th, #calendar td {padding: 3px 4px; text-align:center;}
.events_calendar th {cursor: help; font-weight: bold}*/


/*LARGE CALENDAR
---------------------------------------*/

#ajax_calendar table {
	word-wrap: break-word;
	font-size: 13px;
	}
#ajax_calendar th {
	font-weight: normal
	}

.cgw .months {
	border: 1px solid #bbb; 
	background:#FFF; 
	}
	.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;
		}
		.cgw .months option {
			padding: .1em 5px;
			cursor: pointer;
			}	
	.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}

.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 {
	vertical-align:top;
	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;
	border-radius: 2px;
	padding: 3px 3px 5px;
	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;
	background: #e6e6e6;
	}
	
.events_calendar td .nbr_today {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: #d5e1ea; 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: #e7eff5; padding: .4em 0px;}
#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}


/*@BLOG
--------------*/
.cgw.w_websites_blog_post {
	border-radius: 4px;
	font-size: 16px /*IE8*/;
	font-size: 1.6rem;
	padding-bottom: 30px;
	}
.w_websites_blog_post + .w_websites_blog_post {
	margin: 30px 0 !important;
	padding: 30px 0;
	border-top: 1px solid #DDD !important;
	}

.w_websites_blog_post h2 {
	margin: .2em 0 .6em;
	color:#0681c7;
	line-height:1.2;
	font-weight:300;
	font-size: 36px /*IE8*/;
	font-size: 3.6rem;
	}
	.w_websites_blog_post h2 > a {color:#0681c7}
.post_category { font-size: 1.05em}
.post_author-date { color: #888}
.w_date {vertical-align:middle}
.w_websites_blog_post_comments_social  {display:inline-block; vertical-align:middle;}
	
	
/* @NEW WIDGETS
--------------------------------------------*/ 

.cw_subtitle_top .cw_content {display:table} /*temp*/
.cw_subtitle_top .cw_titles_container {display:table}
.cw_subtitle_top .cw_subtitle {display:table-caption; white-space:nowrap}

.cgcw {
	position:relative;
	overflow:hidden;
	background:#FFF; 
	color:#333; 
	}
.cgcw p {margin-top:0}
.cw_managing {padding-bottom: 40px !important}
.web_page .cgcw.cw_text {padding-bottom: 40px}
.cw_title, .cw_subtitle {
	font-family: "open-sans", sans-serif;
	overflow:hidden;
	margin: 0 0 .5em;
	line-height:1.2;
	color:#222;
}
.cw_subtitle {font-size: 1.2em;}
.cw_photos {font-size:0}
.cw_background_photo {
	background-repeat: no-repeat; 
	background-size: contain;
	}

.cw_left_photo .cw_before_photo {
	float:left; 
	margin: 0 20px 20px 0;
	max-width:100%;
	height:auto;
	}
.cw_right_photo .cw_before_photo {float:right; margin: 0 0 20px 20px}
.cw_top_photo .cw_before_photo {margin-bottom: 20px}
.cw_wrap {overflow:hidden}
.cw_edit {
	position: absolute;
	bottom: 3px;
	right: 3px;
	left: 0;
}
.cw_edit > .cga {border: 1px solid !important}


/*SOCIAL BLOCKS*/
.w_pinterest .w_title, .w_twitter .w_title, 
.w_facebook .w_title, .w_blog .w_title {
	border-bottom: 1px solid #BBB;
	font-family: "open-sans", Arial, Helvetica, sans-serif;
	}
	.w_pinterest .ttl, .w_twitter .ttl, .w_facebook .ttl, .w_blog .ttl {
		font-size: 42px;
		line-height:1.2em;
		font-weight:bold;
		text-transform: uppercase;
		font-size: 1.5em;
		}
	.w_pinterest .w_right > a, .w_twitter .w_right > a, .w_facebook .w_right > a {
		padding: 0.2em .4em;
		font-weight:normal;
		background: #00ACED;
		color: #fff;
		text-decoration: none !important;
		font-size: 15px;
		border-radius: 3px;
		}
		.w_pinterest .w_right > a {background: #D13A41}
		.w_facebook .w_right > a {background: #3B5998}

#content .w_pinterest .w_lft, #content .w_twitter .w_lft, #content .w_facebook .w_lft {
	display:inline-block;
	vertical-align:top;
	height: 24px;
	width: 24px;
	background: url(//campusgroups.com/images/websites/social_icons.png) 0 50%;
	margin-right: 10px;
	}
	#content .w_pinterest .w_lft {background-position: -30px 50%}
	#content .w_facebook .w_lft {background-position: -57px 50%}


/*RESPONSIVE RULES
--------------------------------------------------------------------*/

.mean-nav .mean_grpage, .mean-nav .mean_join, .mean-nav .mean_login {display: inline-block}
.mean-nav ul {margin:0; padding:0}
.mean-nav a {text-decoration:none !important}


/*------------------------------- @R E S P O N S I V E   R U L E S ----------------------------------- */

@media only screen and (max-width: 980px) { 

/*header*/
#header {margin-top: 55px !important}
.right_link > ul {display: none !important}	 
.social_icon {margin-right: 40px}
#cssmenu {display: none;}
.WebSiteEditOn .mean-bar a.meanmenu-reveal { margin-top: 8px; }
}

@media only screen and (max-width: 700px) {
#page_rsvp #logo {text-align: center;}
#page_rsvp .nav {display:none}
#page_rsvp #header-wrapper h1 > a > span { display: block;}
#page_rsvp .e_title {line-height: 1.3}
#page_rsvp .header-inner h1 {height:auto !important; }
#page_rsvp .w_speaker td:first-child + td, #page_rsvp .w_speaker td:last-child {
	display:block; 
	width:auto !important; 
	border:none !important;
	}
#page_rsvp .header-inner h1 {height:auto !important; }
}
@media only screen and (max-width: 500px) {
#page_rsvp .w_speaker td:first-child {display:block; width:auto !important}
#page_rsvp .w_speaker td:first-child + td {text-align:center}
#page_rsvp .address_footer, #page_rsvp .site_map_footer, #page_rsvp .social_footer {
    display: block;
	margin: 10px 0;
}
}




@media only screen and (max-width: 650px) {

#w_topbar .school_name, #w_topbar + span, #w_topbar + span + a {display:none}

.first_column { width:100%; }
.first_column img {
	max-width:100%;
	width:100%;
	height:auto;
	margin-bottom:20px;
}
.second_column { width:100%; }
.top_column { margin-bottom:20px; }
.contact_form {
	width:40%;
	float:left;
}
.get_in_touch {
	width:40%;
	float:left;
	margin:0 0 0 15px;
}
a.links {
	color: #fff;
	text-decoration:none;
	padding:20px 15px;
	background:#282828;
	}
	a.links:hover {
		color: #fff;
		background:#325da7;
	}
.comment_box {
	width:100%;
	margin:0 auto;
	max-width:439px;
}

.inner-nav { width:auto; }
.order_box {
	float:none;
	width:auto;
	margin-bottom:10px;
}
.search_panel {
	width:auto;
	float:none;
}
.search_panel input.feilds { width:80%; }
.check_box input.button { width:100%; }
.bottom_pic1 {
	margin-top:30px;
	width:100%;
}
.bottom_pic1 img { width:100%; }
.pic {
	float:none;
	margin-bottom:15px;
	margin-right:0;
}
.socail_icon-right {
	float:none;
	width:auto;
	text-align:center;
	margin:0 auto;
}
.socail_icon-right img {
	width:auto;
	margin-right:15px;
}
.calendar_pic {
	margin-top:0;
	float:none;
	clear:both;
	width:100%;
}
.celendar img { max-width:100%; }
/**********map***********/
.map {
	margin-top:20px;
	float:none;
	position:relative;
}
.map img { max-width:100%; }
/**********calendar_pic end***********/

.inner_footer {
	width:98%;
	margin:0 auto;
	padding:0;
}
.second_panel { width:475px; }
.first_panel { width:280px; }
.photos img.left {
	float:left;
	margin-bottom:28px;
	max-width:44.5%;
}
.photos img.right {
	float:right;
	margin-bottom:29px;
	max-width:44.5%;
}
.cgw .w_title {height: auto !important  }
	 
.drop_down {
	display:block;
	width:98%;
	margin:0% auto 0 auto;
	background:#9B1115;
	padding:20px 1%
}
.drop_down select {
	width:98%;
	margin:0 auto;
	padding:5px 2%;
}
.bottom_list-inner {
	width:100%;
	display:none;
}
.bottom_list {
	background:#9b1115;
	width:100%;
	margin:7% 0 0 0;
	display:block;
}
#w_topbar_inner .left_link, #w_topbar_inner .hide {display: none;}
#w_topbar_inner .right_link {clear: none; float: left; padding-top: 0px;}
.header-inner { width:100%; }
.header-inner h1 {
	float:none;
	width:295px;
	padding:10px 0 10px 10px;
}
#ajax_contact_us { margin-top: 50px; }

.bx-wrapper img { height:130px; }
.bx-viewport {height: auto !important}
.web_page .bx-viewport {height: 130px !important;}
.three_link { display:block; }

.header-inner h1 {width: auto;}

.header-inner h1 a span { display:none}

.comment_box {
	width:100%;
	margin:0 auto;
	max-width:520px;
}
.table_div { overflow-x:scroll; }
.cg_content > h3 { padding:0 0 5px 0; }
.grey {
	width:95%;
	float:none;
	margin-bottom:20px;
}
.order_box { width:275px; }
.red { float:none !important; }
.inner_footer {
	width:98%;
	margin:0 auto;
	padding:0;
}
.second_panel { width:auto; }
.twite_feed { width:auto; }
.first_panel { width:auto; }
.flicker {
	width:auto;
	float:none;
}
.bx-wrapper .bx-viewport {top:47px}
.table_div {margin:0}
/*#primary {height: 44px} ?? */ 
.cg_content { padding-top: 0; }


/*FOOTER*/
#footer .address_footer, #footer .site_map_footer, #footer .social_footer {
	display: block;
	width: auto;
	padding: 10px 5px;
	text-align:center;
	border-top: 1px solid rgba(0,0,0,.2);
	box-shadow: inset 0 1px rgba(255,255,255,.1)
	}
	.address_footer {border: none; box-shadow:none}
	#footer .site_map_footer ul {display:block}
}

@media only screen and (max-width: 480px) {

.drop_down {
	display:block;
	width:98%;
	margin:3% auto 0 auto;
	background:#9B1115;
	padding:20px 1%
}
.drop_down select {
	width:98%;
	margin:0 auto;
	padding:5px 2%;
}
.bottom_list-inner {
	width:100%;
	display:none;
}
.bottom_list {
	background:#9b1115;
	width:100%;
	margin:7% 0 0 0;
	display:block;
}
.search_panel {
	float:none;
	padding:0 10px;
	width:auto;
}
.search_panel input.feilds { width:71%; }
#w_topbar_inner .left_link, #w_topbar_inner .hide {display: none;}
#w_topbar_inner .right_link {clear: none; float: left; padding-top: 0px;}
.header-inner { width:100%; }
.header-inner h1 {
	float:none;
}
.socail_icon {
	width:100%;
	margin:0 auto;
	float:none;
	clear:both;
	text-align:center;
}
.socail_icon a img { float:none; }
.nav { padding:0; }
a.links {
	color: #fff;
	text-decoration:none;
	padding:20px 13px;
	background:#282828;
}
a.links:hover {
	color: #fff;
	background:#325da7;
}
.bx-wrapper img { height:130px; }
#sidecol {
	float:none;
	width:100%;
}
.comment_box {
	width:100%;
	margin:0 auto;
	max-width:255px !important;
	box-sizing:border-box;
	padding:10px;
}
.table_div { overflow-x:scroll; }
.title_panel p {
	padding:10px 20px 10px 0;
	text-align:justify;
}
.first_row { margin-bottom:0; }
.cg_content > h3 { padding:0 0 5px 0; }
.photos img.left {
	float: left;
	margin-bottom: 14px;
	max-width: 47.5%;
	width:100%;
}
.photos img.right {
	float: right;
	margin-bottom: 14px;
	max-width: 48%;
	width:100%;
}
.socail-icon { display:block; }
.get_in_touch {
	float:none;
	width:96%;
	padding:2%;
	margin:0;
}
.contact_form {
	float:none;
	width:96%;
	padding:2%;
}
.address_footer { width:100%; }
.social_footer, .site_map_footer {
	width:100%;
	margin-left:0;
	margin-top:10px;
}
.cg_content { padding-top: 0; }
}
@media only screen and (max-width: 360px) {
.header-inner h1 { text-align: center; }
.header-inner h1 a img {
	max-width: 150px;
	margin:0 auto;
	display: block;
}
.header-inner h1 a span {
	font-size: 17px;
	line-height: 17px;
	padding: 8px;
}
#school_logo { display: none; }
.bottom_list {
	background:#9b1115;
	width:100%;
	margin:10% 0 0 0;
}
#w_topbar_inner .left_link, #w_topbar_inner .hide {display: none;}
#w_topbar_inner .right_link {clear: none; float: left; padding-top: 0px;}
.header-inner { width:100%; }
.header-inner h1 {
	float:none;
	width:295px;
	padding:10px 0 0 0;
}
.socail_icon {
	width:100%;
	margin:0 auto;
	float:none;
	clear:both;
	text-align:center;
}
.socail_icon a img { float:none; }
.nav {
	padding:0;
	height: 0;
}
a.links {
	color: #fff;
	text-decoration:none;
	padding:20px 13px;
	background:#282828;
}
a.links:hover {
	color: #fff;
	background:#325da7;
}
.bx-wrapper img { height:130px; }
#wrapper {
	margin:0;
	width:100%;
}
#sidecol {
	float:none;
	width:100%;
}
.comment_box {
	width:100%;
	margin:0 auto;
}
.table_div {
	overflow-x:scroll;
	margin:0 0 30px 0;
}
.cg_content {
	margin:0 auto;
	width:98%;
}
.photos img.left {
	float: none;
	margin-bottom: 28px;
	max-width: 100%;
	width:100%;
}
.photos img.right {
	float: none;
	margin-bottom: 28px;
	max-width: 100%;
	width:100%;
}
.cg_content > h3 { padding:0 0 5px 0; }
.order_box { padding:0 10px; }
.search_panel {
	float:none;
	padding:0 10px;
	width:auto;
}
.inner_footer {
	width:98%;
	margin:0 auto;
	padding:0;
}
.second_panel { width:auto; }
.twite_feed { width:auto; }
.first_panel { width:auto; }
.flicker {
	width:auto;
	float:none;
}
.drop_down {
	display:block;
	width:98%;
	margin:3% auto 0 auto;
	background:#9B1115;
	padding:20px 1%
}
.drop_down select {
	width:98%;
	margin:0 auto;
	padding:5px 2%;
}
.bottom_list-inner {
	width:100%;
	display:none;
	padding:0;
}
#web_sub_menu { display: none !important; }
.cg_content { padding-top: 0; }
}
@media only screen and (max-width: 320px) {
#w_topbar_inner .left_link, #w_topbar_inner .hide {display: none;}
#w_topbar_inner .right_link {clear: none; float: left; padding-top: 0px;}
#school_logo { display: none; }
#cssmenu { display:none; }

#header {margin-top: 55px;}
#header #club_logo {display: none;}
.order_box { /*width:100%;*/ float:none; }
.search_panel { float:none;/* width:99%; padding:0 1%;*/ }
.search_panel input.feilds { width:69%; }
.check_box input.button {
	width:80%;
	min-width:300px;
}
.bottom_list-inner {
	width:100%;
	display:none;
}
.drop_down {
	display:block;
	width:98%;
	margin:3% auto 0 auto;
	background:#9B1115;
	padding:20px 1%
}
.drop_down select {
	width:98%;
	margin:0 auto;
	padding:5px 2%;
}
#web_sub_menu { display: none !important; }
.cg_content { padding-top: 0; }
.cg_background {background: none !important;}
#wrapper {max-width: 100%; display:table;}
#sidecol {display:table-footer-group;}
#mainContainer {display:table-header-group;}
#sidecol.sidecol_lft {padding: 0px;}
#sidecol #ajax_mini_calendar {margin-right: 0px;}
.cg_content {margin: 0px; width: 100%;}
.cg_content .medium, div.cg_content > div.medium:first-child {width: 100% !important;}
.cg_content .cgw {margin-right: 0px !important;}
.footer_links .address_footer, .footer_links .social_footer, .footer_links .site_map_footer {margin-left: 10%; margin-right: 10%; width: 80%;}
}

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



/*@ MEAN BAR CUSTOMISATION
------------------------------------- */

.mean-container .mean-bar {
	position: fixed;
	right:0;
	top:48px; 
	z-index: 105;
	background: none;
	}
	.mean-container a.meanmenu-reveal {
		margin-top: -48px;
		padding-top: 17px; 
		right:5px !important; 
		background:none !important
		}
	.mean-container .mean-nav {margin-top: 0; background:#24282f}
	.mean-container .mean-bar .mean-nav a {
		background: #333943;
		border-top-color: #515965;
		font-size: 14px !important;
		padding: .8em 5%;
		letter-spacing: 1px;
		-webkit-transition: all .15s;
		transition: all .15s;
		}
		a.mean-expand {background: #333943 !important}
		.mean-container .mean-bar .mean-nav a:hover {background:#404754}
		
		.mean-container .mean-bar .mean-nav li li a {
			padding: .8em 7% !important; 
			width: 86%; 
			background:#2c323c;
			border-top-color: #414b59;
			}
		.mean-container .mean-nav ul li a.mean-expand {padding: .8em 12px !important; height:auto}

/*TOPBAR LINKS*/
.mean-container .mean-bar .mean_grpage, .mean-container .mean-bar .mean_join, .mean-container .mean-bar .mean_login {
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	background:#24282f;
	padding: 0 5px 15px;
	}
	.mean_grpage {width: 44% !important; max-width: 200px}
	.mean_join, .mean_login {width: 28% !important; max-width: 135px} 
	.mean_grpage {padding-left: 10px !important}
	.mean_login {padding-right: 10px !important; max-width: 150px}

.mean-container .mean-bar .mean_grpage > a, .mean-container .mean-bar .mean_join > a, .mean-container .mean-bar .mean_login > a {
	width:100%;
	background:#34383f; 
	text-align:center;
	white-space:nowrap;
	font-size: .9em;
	border: none;
	padding: .6em 0;
	border-radius: 3px;
	}
	.mean_grpage > a:hover, .mean_join > a:hover {background: #459ae3 !important}
	.mean_login > a:hover {background: #5aae00 !important}

/*BXSLIDER FIX*/
.bx-wrapper .bx-controls-direction a {z-index: 100 !important /*temp*/}
		
		

/*RESPONSIVE TABLE
--------------------------------*/

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	table.table_resp {
		width: 100%;
	}
	/* Force table to not be like tables anymore */
	table.table_resp, .table_resp thead, .table_resp tbody, .table_resp th, .table_resp td, .table_resp tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_resp thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table_resp tr { border: 1px solid #ccc; height: auto !important;}
	
	.table_resp td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding: 1%; 
		width: 100% !important;
		height: auto !important;
	}
	
	.table_resp td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		padding-right: 10px; 
		white-space: nowrap;
	}
	table.table_resp.no_borders, .table_resp.no_borders thead, .table_resp.no_borders tbody, .table_resp.no_borders th, .table_resp.no_borders td, .table_resp.no_borders tr { 
		border: none; 
	}
}

 @media (max-width: 768px) {
 	table.table_resp {
		width: 98%;
	}
}

/*RSVP PAGE
--------------------------------*/

select {
    padding-left: 3px;
    height: 2.4em !important;
    line-height: 1.2em !important;
    border-radius: 3px;
    padding-right: 25px;
    background-image: url(/images/arrows/select.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    -moz-appearance: none;
}

#rsvp_login_left select {width: 214px !important;}
#rsvp_login_right select {width: 335px !important; margin-right: 0px !important;}

@media(max-width: 980px){
	.table_resp p > .cgb.b_pdf {display: none;}

	.rsvp_resp.left_col, .rsvp_resp.right_col {
		float: none !important;
	}

	.rsvp_resp div.cgw .w_title {
		margin-bottom: 0px !important;
	}

	/*.rsvp_resp .w_content, .rsvp_resp .cgw.w_event_location div, .rsvp_resp .cgw.w_event_edit div {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	div.cgw:not(.w_event_location) .w_content table {margin: 8px !important}*/

	.rsvp_resp .cgw.w_event_edit textarea {width: 97% !important;}
	.rsvp_resp .cgw.w_event_edit .w_content > div {padding-top: 0px !important;}
	.rsvp_resp .cgw.w_event_edit .w_actions {margin: 0px 0px 7px 0px !important;}
	.rsvp_resp .cgw.w_event_edit .w_actions strong {padding: 4px;}

	#rsvp_login_left, #rsvp_login_right {float: none !important;}
	#rsvp_login_left {width: 100% !important;}
	#rsvp_login_left > div {margin: 55px 10px 0px 14px !important}
	#rsvp_login_left > div.cg_form_blue {width: 97% !important; padding: 12px 10px 0px !important; margin: 0px !important;}
	#rsvp_login_left input, #rsvp_login_left #field_table_student_type_lookup {width: 97% !important;}
	#rsvp_login_left select{width: 112% !important;}
	#rsvp_login_left #select_year_of_graduation_lookup {width: 107% !important;}
	#rsvp_login_left .messages.information {width: 89% !important; margin-left: 0px !important;}

	#rsvp_login_left .bottomNormal {padding-left: 0px !important; padding-right: 0px !important; width: 100% !important;}
	#rsvp_login_left #table_inc_cancel, #rsvp_login_left #table_inc_submit {margin-top: 10px;}

	#rsvp_login_right {padding: 58px 10px 0px !important; width: 97% !important;}
	#rsvp_login_right #loginDefault {width: 100% !important;}
	#rsvp_login_right .loginHeader img {width: 100%;}
	#rsvp_login_right #select_school_sso {width: 95% !important;}
	.e_tickets {table-layout: auto !important}
}


@media(max-width: 640px){

	table.e_tickets {empty-cells: hide;}
	table.e_tickets .btns.btnCcl {margin: 6px 0px 10px;}

	.messages {width: auto !important;}
	.messages, .messages.information {margin: 15px auto !important;}

	/*.cg_page {width: 98%; margin: 0px auto;}*/

	.cg_page .rsvp_resp .cgw {margin: 0 0px 24px !important; }

	.cg_page .rsvp_resp .cgw .w_content {overflow:visible; margin: 0px; border: 0px;}

	/*.cg_page{ overflow-x:hidden;}*/
	span.rsvp_resp {
		display: block !important;
		float:left;
		width: 120px;
		text-align: right;
		margin-right: 1em;
	}
	@media only screen and (max-width: 640px) { 
		.tr_resp:last-child > .td_resp:first-child  {padding-left: 48px !important}
	}
	.rsvp_resp + span {
	    line-height: 1.3em;
		margin-right: .2em;
		}
	.tr_resp {
		display: block; 
		padding: 3px !important; 
		padding: 0px !important;
		}
	.td_resp {
		display: block; 
		text-align: left !important; 
		width: auto !important; 
		padding-left: 0px !important; 
		padding-right: 0px !important;
		}
	tr[id^="ticket_"] > .td_resp:first-child { padding: 15px 20px 10px !important; }
	table.e_tickets td {border-bottom: none}
	table.e_tickets td:last-child {border-bottom: 1px #ccc solid; padding-bottom: 15px}

	.rsvp_resp_hide {display: none;}   

	.cgw.w_event_registered .w_title {padding: 4px 10px;}
	.cgw.w_event_registered .w_title .w_lft {margin-left: 0px !important;}
	.cgw.w_event_registered .w_title .ttl {display: inline !important; line-height: 25px !important;}
	
	
	.w_event_registered .tr_resp:last-child {text-align:center; background: #f4f6f7}
	.w_event_registered .tr_resp:last-child > td {display:inline-block}
	.tr_resp:last-child > td:first-child {width:auto !important}
	.tr_resp:last-child .rsvp_total_ttl {
		display: inline-block;
		text-transform:uppercase;
		color:#777;
		}
	.rsvp_payment_date {display: inline-block !important; margin-left: 10px}
	.td_resp .a_cancel, .td_resp .print_button {
		display: block;
		margin: 0 3px; 
		border-radius: 0;
		}
    .td_resp .print_button { margin-top:10px; }
.w_event_tickets .a_events {
		margin-top: 1em;
	}
.rsvp_btn_pay {margin: 0 10px 0  133px}
.rsvp_time_left {display: inline-block}
.w_info {text-align:center}
} 



@media (min-width: 640px) {
.w_event_tickets .a_events {margin-left: 20px} 
.w_info {display:inline-block}
}

@media(max-width: 320px){

	.cg_page .rsvp_resp .cgw{ width:99% !important;}

	.rsvp_resp.left_col, .rsvp_resp.right_col {
		float: none !important;
		margin: 0px 10px !important;
		width: 98% !important;
	}

	/*#content .rsvp_resp.left_col .cgw.w_event_tickets, #content .rsvp_resp.left_col .cgw.w_event_registered {margin-top: 40px !important;}*/
	.table_resp ul.socialLinks {display: none;}
	#content .rsvp_resp.left_col .cgw.w_event_tickets .w_content > div {height: 60px !important; text-align: center !important; padding: 0px !important;}
	#content .rsvp_resp.left_col .cgw.w_event_tickets .w_content > div.messages.information {width: 85% !important; padding: 10px 12px 8px !important;} 

	.rsvp_resp .cgw.w_event_edit textarea {width: 94% !important;}

	.table_resp .rsvp_resp_pic {text-align: center !important; }
	.table_resp .rsvp_resp_pic img {margin: 0px 0px 14px 0px !important;}

	.cgw.w_event_edit .btns {padding: 3px 0px; width: 100%;}
	.cgw.w_event_tickets .btnEvents {width: 85% !important;}
} 


/*CHEKLISTS
--------------------------------------------------------------------*/

body.web_page div.cgw.w_checklists .w_title, .cgw.w_checklists .w_content, .cgw.w_checklists div > div {margin: 0px !important;}
.cgw.w_checklists ul > li {margin: 20px 0px 0px 0px !important;}
.cgw.w_checklists .list2 li, .cgw.w_checklists .ok {font-size: inherit !important;} 
.cgw.w_checklists .list2 li {padding: 0px !important; margin: 20px 0px;}	
.cgw.w_checklists .list2 li img.ico {  vertical-align: middle;
  margin-right: 4px;
  margin-bottom: 4px;}