/*=--------------------------------------------- C O M M O N   E L E M E N T S -------------------------------------------*/
.rounded {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.data_updated {
	position: absolute;
	z-index:3;
	top: 0;
	left: 50%;
	padding: 10px;
	margin-left:-50px;
	width: 100px;
	background: #fff9d5;
	text-align: center;
	color: #333;
	border: 1px solid;
}
.room_popup {
	border:1px #ccc solid;
	position: absolute;
	z-index:101;
	top: -100px;
	left: 50%;
	margin-left:-200px;
	width: 550px;
	text-align: center;
	font-size: 1.1em;
	background: #fff;
}
.overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#000;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
.color_palette {
	position: absolute;
	z-index:3;
	top: 10px;
	left: 50%;
	margin-left:-50px;
	width: 100px;
	background: #FC6;
	text-align: center;
	font-size: 1.1em;
}
#loading_message {
	display:block;
	margin-bottom: 15px;
}
#ajax_popup {
	position:absolute;
	z-index:2;
	top: 50%;
	left: 50%;
	width: 135px;
	margin-left:-175px;
	background: #FFF;
	border: 5px solid;
}
#sidebar, .small, .medium { float:left }
#main {overflow:hidden; }
#rsvp #main { overflow: visible; }
#sidebar {
	width: 140px;
	padding-right: 10px;
}
.medium {
	width: 420px;
	padding-top: 0px;
}
.small {
	width: 243px;
	padding-top: 0px;
}
.web_login form.vertical, .login form {
	background:#F3F3F3;
	width:500px;
	padding: 6px 10px;
	border: 1px solid #C4C4C4;
	margin-left: 8px;
}
.web_login .vertical label, .login label { width: 70px }
.web_login .vertical h3, .login h3 {
	font-size:1em;
	border-bottom: 1px solid #999;
	margin-bottom: 12px;
	padding-bottom: 3px;
}
.web_login .vertical h3, .login form h3 { font-size:1.2em; }
.suggest_link {
	background-color: #FFFFFF;
	padding:3px 5px 3px 5px;
	margin:0;
	width:250px;
	border-bottom:1px solid #ccc;
}
.suggest_link_over {
	background-color: #5C53AA;
	padding:3px 5px 3px 5px;
	margin:0;
	width:250px;
	border-bottom:1px solid #ccc;
	color:#fff;
	cursor: pointer;
}
.suggest_link_over #highlighted {
	background-color: #5C53AA !important;
	color:#fff !important;
}
#search_suggest {
	position: absolute;
	background: #FFF;
	text-align: left;
	border: 1px solid #000;
	padding: 0;
}
a img { border: 0 }
ol { padding-left: 30px; }
ol li {
	list-style:decimal;
	margin-bottom: .3em;
}
.nobullet {
	list-style:none;
	margin:0;
}
h1, h2, h3, h4, h5 {
	padding:0px;
	margin:0px;
	font-size: 1em
}
.small_font { font-size: .9em }
.big_font { font-size: 1.1em }
.left { float:left }
.center { margin: 0 auto } /*To center a bloc horizontally*/
.right { float:right; padding:0px !important; margin:0px !important; }
.clear { clear:both }
.block { display:block } /*To present images vertically */
.inline { display:inline !important }
.hide {
	position:absolute;
	top: -500px
} /*accessibility*/
.table_padding td { padding:2px 3px 2px 3px; }
.table_padding {
	background:#FFF;
	border:none;
	text-align:left;
	border-collapse: collapse !important;
	border: 1px solid #CCC;
}
.table_padding td {
	border-bottom: 1px solid #CCC;
	border-right:  1px solid #EAEAEA;
}
.table_padding th { border: 1px solid #CCC; background-color:#EAEAEA; }
.table_padding tr:hover { background:#F0F5F8 }
.table_padding th {
	text-align:left;
	padding: 4px 6px
}
.table_padding th a {
	display:block;
	padding: .5em 0
}
.table_padding .ico { padding: 0px 2px 0px 0px }
.table_padding .ico:hover { background:#FFF }
.table_padding .thd th { text-align:center }

.table_padding2 td { padding:2px 3px 2px 3px; }
.table_padding2 {
	background:#FFF;
	border:none;
	text-align:left;
	border-collapse: collapse !important;
	border: 1px solid #CCC;
}
.table_padding2 td {
	border-bottom: 1px solid #CCC;
}
.table_padding2 td td {
	border-bottom: 0px;
}
.table_padding2 th { border: 1px solid #CCC; background-color:#EAEAEA; }
.table_padding2 tr:hover { background:#F0F5F8 }
.table_padding2 th {
	text-align:left;
	padding: 4px 6px
}
.table_padding2 th a {
	display:block;
	padding: .5em 0
}
.table_padding2 .ico { padding: 0px 2px 0px 0px }
.table_padding2 .ico:hover { background:#FFF }
.table_padding2 .thd th { text-align:center }


.table_no_padding td { padding:0px; }
.link_btn a { text-decoration: none }
.link_btn a:hover { text-decoration: underline }
.link_btn img.ico { margin-left: 6px; }
.flyer {
	border: 1px solid #B4B4BC;
	background:#FFF;
	padding:4px;
}
.flyer:hover { border: 1px solid #666; }
#toc {
	background: #EFEFEF;
	border: 1px solid #CCC;
	padding: 7px 10px;
	margin-left: 10px;
}
#toc li { margin-bottom: .3em }
.nber {
	float:left;
	width: 20px;
	margin-left:4px;
	background: #606775;
	color:#FFF;
	font-weight: bold;
	margin-right: 7px;
	text-align:center;
}
.default_input { border: 2px inset ThreeDFace; }
.cell_off { padding: 3px 3px 3px 3px; }
.cell_on {
	padding: 2px 2px 2px 2px;
	background: #FFFFAE;
	border-top:1px solid #BDC7D8;
	border-left:1px solid #BDC7D8;
	border-bottom:1px solid #BDC7D8;
	border-right:1px solid #BDC7D8;
}
.cell_edit {
	padding: 2px 2px 2px 2px;
	background: #fff;
	border-top:1px solid #BDC7D8;
	border-left:1px solid #BDC7D8;
	border-bottom:1px solid #BDC7D8;
	border-right:1px solid #BDC7D8;
}
#emails h4 { color: #FF890F }
#main h4.month {
	margin: 30px 0 10px;
	padding-bottom: 2px;
	background: #7A92BC url(../images/bg_month.gif) repeat-x;
	color:#FFF;
	border-top: 1px solid #7794C8;
	border-bottom: 1px solid #3D5A92;
	font-size: 1.3em;
	height: 21px;
	line-height: 21px;
	border-right: 0;
	border-left: 0;
}
/*#main h4.month img {position:absolute; right:5px; top: 2px}*/
#main h4.month span {
	background: url(../images/arrow_ttl.gif) no-repeat 5px center;
	padding-left: 29px;
	font-weight: bold;
}
#events #menu { color: #799300 }
#files #menu { color: #008784 }
.tag {
	margin:0 1px;
	border-width:1px 0;
	border-style:solid;
}
.udr_tag {
	border-width:0 1px;
	margin:0 -1px;
	padding:0px 3px;
}
.tag_name {
	color: #FFF;
	padding:0 5px
}
.tags {
    border:1px solid #78AAE0;
    color:#fff;
    line-height:19px;
    height:19px;
    display: inline-block; 
    padding-left: 5px; 
    padding-right: 5px;
    background: url('/images/tags_white.png') #78AAE0 repeat-x scroll left top; 
    border-radius:3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius:3px; 
    text-decoration: none !important;
    margin:0px 1px 1px 0px;
}
.subtitle {
	background-color:#F0F0F0;
	border-top:1px #ccc solid;
	padding:2px 2px 2px 4px;
	margin-bottom:4px;
	margin-top:0px;
	text-align:left;
	font-weight:bold;
	font-size:1.2em;
}
.rsvp_content { padding:2px 2px 3px 4px; margin-bottom:6px}
.empty_field {
	color:#666;
}
.arr_off { background: url(../images/arrow_off.gif) no-repeat 4px }
.arr_on { background: url(../images/arrow_on.gif) no-repeat 1px }
.password {
	font-size : 12px;
	border : 1px solid #cc9933;
	width : 200px;
	font-family : arial, sans-serif;
}
.pstrength-minchar { font-size : 10px; }
label.error {
	float: none;
	color: red;
	padding-left: 0.5em;
	margin-left: 5px;
	vertical-align: top;
}
label.checked {
	background: url(../images/rsvp_ok.gif) no-repeat 0 0;
	padding-left: 16px
}


/*BUTTONS
-------------------*/	
a.btn img { margin-right: 7px; }
.lft, .rgt {
	height:27px;
	position:absolute;
	top:0;
	width:6px;
}
a.btn.green { background:url(../images/btn_green_bg.png) }
a.btn.green .lft { background:url(../images/btn_green_lft.png) }
a.btn.green .rgt { background: url(../images/btn_green_rgt.png) }
a.btn.blue { background:url(../images/btn_blue_bg.png) }
a.btn.blue .lft { background:url(../images/btn_blue_lft.png) }
a.btn.blue .rgt { background: url(../images/btn_blue_rgt.png) }
a.btn.grey {
	color:#222!IMPORTANT;
	background:url(../images/btn_grey_bg.png)
}
a.btn.grey .lft { background:url(../images/btn_grey_lft.png) }
a.btn.grey .rgt { background: url(../images/btn_grey_rgt.png) }
a.btn .lft {
	left:-5px;
	background: url(../images/btn_orange_lft.png)
}
a.btn .rgt {
	right:-5px;
	background: url(../images/btn_orange_rgt.png)
}
a.btn:hover, a.btn:hover .lft, a.btn:hover .rgt {
	background-position: 0 -27px;
	text-decoration:none
}

/*CLUB BUTTONS
-------------------*/
#club_btns {
	overflow:hidden;
	margin-top:1.5em;
}
#club_btns div {
	height: 1px;
	font-size:1px;
	clear:left;
	background: #b9b9c6;
}
#club_btns a {
	float:left;
	height: 51px;
	width: 107px;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.45em;
	text-align: right;
	margin-left: 2px;
	outline:none
}
#club_btns a:hover {
	background-position: 0 -51px !important;
	text-decoration: none !important;
}
#club_btns a span {
	display:block;
	margin-right: 7px;
	padding-top: 10px;
}
#club_btns a strong { font-size:1.1em; }

#btn_events { background: url(../images/create_event.png) }
.events #btn_events { background: url(../images/create_event_on.png) }
#header .events div {
	background: #99b901;
	height:2px
}
#btn_emails { background: url(../images/send_email.png) }
.emails #btn_emails { background: url(../images/send_email_on.png) }
#header .emails div {
	background: #fe8d01;
	height:2px
}
#btn_member {
	background: url(../images/manage_members.png);
	width: 116px !important
}
.member #btn_member {
	background: url(../images/manage_members_on.png);
	width: 116px
}
#header .member div {
	background: #5951a3;
	height:2px
}
#btn_website { background: url(../images/web_site.png) }
.website #btn_website { background: url(../images/web_site_on.png) }
#header .website div {
	background: #1d98c7;
	height:2px
}
#btn_files { background: url(../images/docs_photos.png) }
.files #btn_files { background: url(../images/docs_photos_on.png) }
#header .files div {
	background: #008784;
	height:2px
}
#btn_surveys { background: url(../images/surveys.png) }
.surveys #btn_surveys { background: url(../images/surveys_on.png) }
#header .surveys div {
	background: #76236f;
	height:2px
}
#btn_money { background: url(../images/money.png) }
.money #btn_money { background: url(../images/money_on.png) }
#header .money div {
	background: #636363;
	height:2px
}
#btn_officers { background: url(../images/tab_home.png) }
.officers #btn_officers { background: url(../images/tab_home_on.png) }
#header .officers div {
	background: #d5c521;
	height:2px
}
#btn_admin { background: url(../images/tab_admin.png) }
.admin #btn_admin { background: url(../images/tab_admin_on.png); }
#header .admin div {
	background:#db0000;
	height:2px
}

#btn_social { background: url(../images/tab_social.png) }
.social #btn_social { background: url(../images/tab_social_on.png); }
#header .social div {
	background: #66cccc;
	height:2px
}

.events #btn_events, .emails #btn_emails, .member #btn_member, .website #btn_website, .files #btn_files, .surveys #btn_surveys, .money #btn_money, .officers #btn_officers, .admin #btn_admin, .social #btn_social {
	position:relative;
	bottom: -2px
}

/*TEXTS
-------------------*/
.small_txt { font-size: .9em }
.medium_txt { font-size: 1.2em }
.large_txt { font-size: 1.3em }
.verylarge_txt { font-size: 1.4em }
.txt_light { color:#818294 }
.private_closed { color:#F30 }
.public_open { color:#499B00 }

/*LISTS
-------------------*/
.list0 li {
	background:url(../images/ico_arrow1.gif) no-repeat 0 .4em;
	padding-left: 15px;
	list-style: none;
}
.list1 ul {
	margin-left:0px;
	padding-left:0px;
	}

.list1 li {
	background:url(../images/ico_arrow1.gif) no-repeat 0 5px;
	padding: 0px 0 4px 15px;
	margin-bottom:.5em;
	border-bottom: 1px solid #ddd;
	list-style: none;
}
.list2 li {
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
	list-style: none;
}
.list3 ul {
	margin-left:0px;
	padding-left:0px;
	}
.list3 li {
	background:url(../images/bullet1.gif) no-repeat 0px 3px;
	padding: 0px 0 5px 17px;
	margin-top:.5em;
	list-style: none;
}
.list_excel li {
	background:url(../images/download_excel.gif) no-repeat 0px 3px;
	padding: 0 0 0px 21px;
	margin-bottom: .5em;
	list-style: none;
}
.list_groups li {
	background:url(../images/ico/groups_settings.png) no-repeat 0px 3px;
	padding: 0 0 5px 21px;
	margin-bottom: .5em;
	list-style: none;
}



.bullet0 {
	background:url(../images/ico_arrow1.gif) no-repeat 0 .4em;
	padding-left: 15px;
	list-style: none;
}
/*LINKS
-------------------*/
a {
	color: #184BA9;
	text-decoration: none;
}
a:visited { color: #184BA9 }
a:hover, #home a:hover { text-decoration: underline }
a:active { text-decoration: underline }
/*ICONS 
-------------------*/
img.ico {
	vertical-align:middle;
	margin-right: 3px;
	padding-bottom:2px;
}

.ico_manage
{
display:inline-block;
padding-left:6px;
padding-right:6px;
padding-top:4px;
padding-bottom:1px;
    }
    
.ico16
{
    vertical-align:middle;
	margin-right: 5px !important;
	margin-left:2px;
	padding-bottom:2px;
    width:16px !important;
    height:16px !important;   
    }
img.ico2 {
	vertical-align:middle;
	margin-right: 3px;
	margin-bottom: 1px;
}
/*layout 
-------------------*/
hr.clear_float {
	visibility:hidden;
	clear:both;
	height: 1px;
}
.line_top_dotted {
	background: url(../images/dotted.gif) repeat-x top;
	padding-top: 5px;
}
.line_top {
	border-top: 1px solid #D5D5D5;
	padding-top: 5px;
	margin-top: 5px;
}
.line_bottom {
	border-bottom: 1px solid #D5D5D5;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.brd_right {
	border-right: 1px solid #D5D5D5;
	padding-right: 5px;
	margin-right: 10px;
}
.brd_left {
	border-left: 1px solid #D5D5D5;
	padding-left: 5px;
	margin-left: 10px;
}
/*ELEMENTS
=--------------------------------------------------------------*/


.search_boxes {
	padding: 5px 10px 10px;
	margin-bottom: 20px;
	border: 3px solid #FF8204;
	background: #FFF8EC;
}
.search_boxes .bullet {
	background:url(../images/orange_arrow.gif) no-repeat 0 .2em;
	padding-left: 20px;
	margin: 6px;
	font-size: 1.1em;
}
.tips, .infos, .links { margin: 0 10px 20px 0; }
.counting, .legend, .instructions, .money_paid { padding: 7px }
.news, .tips, .links { padding: 8px 10px }
.counting {
	background: #FFFFDD;
	border: 1px solid #9D9D9D;
}
.counting strong { color: #D72B00 }
.dates {
	font-size: .95em;
	color: #666;
	margin-left:0;
}
.date {
	font-size: .95em;
	color: #666;
}
.blog_dates {
	color: #666;
	margin-left:0;
}
.infos {
	position:relative;
	background: #F1F6FB;
	border: 1px solid #a5b7d3;
	padding: 10px 5px 8px 14px;
}
.calendar_info {
	position:relative;
	background: #FBFCF3;
	border: 1px solid #E9F1C5;
	border-top: 3px solid #E9F1C5;
	padding: 10px 5px 8px 14px;
	margin:10px;
}
.infos #close {
	position:absolute;
	right: 4px;
	top: 4px;
}
.info {
	font-size: .9em;
	background: #FFF8CC url(../images/bg_small_box1.gif) repeat-y right;
	color: #4444A8;
	padding: .6em 1em 0 .4em;
	border: 1px solid #C6AA55;
	line-height: 1.3;
}
.info img { float:left; }
.info p { margin-left: 45px; }
.instructions {
	background: #FFF8CC;
	border: 1px solid #C6AA55;
}
.legend {
	margin-left: 5px;
	color:#777;
}
.money_paid {
	background: #EEE;
	border:1px #ccc solid;
}
.news {
	background: #FFF4F4;
	border: 1px solid #DD0000;
}
.news strong { color: #D50000; }
.tips {
	background: #FFF8CC;
	border: 1px solid #C6AA55;
}
.links {
	background: #F6F6F6;
	border: 1px solid #ccc;
}




#search {
	background: #F3F3F3;
	float: right;
	padding: 3px 8px 2px 10px;
	width: 177px;
	border: 1px solid #999;
	margin: 0 10px 0;
}
/*BLOCKS
=-------------------------------------------------*/
.small .boxes { margin-right: 5px; }
.boxes {
	position:relative;
	margin: 0px 10px 20px 0;
	background: #FFF;
}
.boxes h3 {
	height: 2em;
	line-height: 2em;
	font-size: 1.1em;
	border-top: 3px solid;
}
.boxes h3 span {
	background:  no-repeat 5px;
	padding-left: 25px;
}
.boxes h3 a { color:#222 }
.boxes .head_fct {
	position:relative;
	padding: 3px 0 3px 5px;
	line-height: 1.5em;
	margin-bottom: 10px;
	border-bottom: 1px solid #C2C2C9;
}
.header_right {
	float:right;
	padding-right: 5px;
	margin-bottom:0;
}
.boxes .inside { padding:5px }
/*.boxes div div {padding-left: 8px}*/
.boxes p { margin-bottom: .3em }
.boxes p.sub_ttl {
	padding-left: 12px;
	margin: 4px 0;
}
.boxes h4 { /*different according to the page*/
	color:#333;
	line-height: 1.2em;
	border-bottom: 1px solid #AAA;
	padding-bottom:2px;
	margin-bottom: 8px;
}
h4 span { font-weight: normal }
.boxes h5 a { color: #3F489A }
.actions {
	border: 1px solid #B5B6C4;
	background: #F7F8F9;
	padding: 3px 7px 2px;
	margin-top: 12px;
}
.actions a {
	text-decoration:none;
	margin-right: 8px
}
.actions a:hover { text-decoration: underline }
.email_content {
	margin-left: 5px;
	padding-top: 4px;
}
.email .actions a { margin-right: 4px }
#content .my_surveys .head_fct {
	border-bottom-color: #F2E6F1;
	background-color: #FAF5FA;
}
#features h4 {
	background: #EFEFEF;
	border-top: 1px solid #AAA;
	padding: 2px 0 2px 7px;
	margin-top: 25px;
}
#features h4 img {
	position:relative;
	float:right;
	margin-top: -50px;
}
#features h5 { margin: 10px 0 4px }
.jobs h3 {
	border-color: #895C21;
	background: #F4E7D5 url(../images/bg_toolbox.gif) repeat-x;
}
#content .jobs .head_fct {
	border-bottom-color: #F4E7D5;
	background-color: #FCF9F3;
}
.my_money h3 {
	border-color: #666;
	background: #DBDBDB url(../images/bg_money.gif) repeat-x;
}
#content .my_money .head_fct {
	border-bottom-color: #D2D2D2;
	background: #F5F5F5;
}
a.open {
	display:block;
	height:20px;
	width:44px;
	background:url(/images/btn_open.png)
}
a.open:hover { background-position: 0 -20px }

/*COLORS
----------------------------------------------------*/
.myclub_color { background: #F1F1F8 }
.members_color { border-color: #493AAF }
.members_color fieldset { border-color: #493AAF }
.members_color legend { color:#493AAF }
.officers_color { border-color: #D9BE00 }
.officers_color fieldset { border-color: #D9BE00 }
.officers_color legend { color:#D9BE00 }
.emails_color { border-color: #FD9200 }
.emails_color fieldset { border-color: #FD9200 }
.emails_color legend { color:#FD9200 }
.events_color { border-color: #799300 }
.events_color fieldset { border-color: #8E9C4E }
.events_color legend { color:#7A8800 }
.blog_color { border-color: #895C21 }
.blog_color fieldset { border-color: #895C21 }
.blog_color legend { color:#895C21 }
.files_color { border-color: #02768A }
.files_color fieldset { border-color: #02768A }
.files_color legend { color:#02768A }
.surveys_color { border-color: #712469 }
.surveys_color fieldset { border-color: #712469 }
.surveys_color legend { color:#712469 }
.jobs_color { border-color: #D9BE00 }
.jobs_color fieldset { border-color: #D9BE00 }
.jobs_color legend { color:#D9BE00 }
/*=--------------------------------------------------- M E M B E R S -------------------------------------------------

.my_members h3 {
	border-color: #5C53AA;
	background: #E7E6F7 url(../images/bg_member.gif) repeat-x;
}
.clubnews h3 span { background-image: url(../images/boxes_clubnews_arrow.gif) }
.my_members h3 span { background-image:  url(../images/boxes_member_arrow.gif) }
.my_emails h3 span { background-image: url(../images/boxes_email_arrow.gif) }
.my_events h3 span { background-image: url(../images/boxes_event_arrow.gif) }
.my_officers h3 span { background-image: url(../images/boxes_officers_arrow.gif) }
.my_jobs h3 span { background-image: url(../images/boxes_toolbox_arrow.gif) }
.my_website h3 span { background-image:url(../images/boxes_website_arrow.gif) }
.my_money h3 span { background-image: url(../images/boxes_money_arrow.gif) }
.my_surveys h3 span { background-image: url(../images/boxes_survey_arrow.gif) }
.my_files h3 span { background-image: url(../images/boxes_files_arrow.gif) }
#content .my_members .head_fct {
	border-bottom-color: #DFDDF4;
	background: #F0EFFA;
}
/*members.asp*/
.member_status {
	text-transform:uppercase;
	display:block;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	margin-bottom: 8px;
	background: #F3F3F5 url(../images/arrow_memb.gif) no-repeat 2px 50%;
	padding: 1px 5px 1px 22px;
	font-weight: bold;
}
.coll {
	width: 280px;
	margin-left:10px;
	margin-top: 10px;
}
.coll h5 { position:relative; }
.coll h5 a {
	font-size: 1.1em;
	display:block;
	background: url(../images/arrow_off.gif) no-repeat 4px;
	border-bottom: 1px solid #8F8D9E;
	padding-left: 15px;
	cursor: pointer;
}
.coll h5 a:hover {
	text-decoration: none;
	background-color: #F3F3F5;
}
.coll h5 a.on { background: url(../images/arrow_on.gif) no-repeat 1px;padding-bottom:2px; height:16px; }
.coll a.view {
	position:absolute;
	top:0;
	right: 5px;
	z-index:1;
	background: url(../images/ico/view_member_new.png) no-repeat 0;
	font-weight: normal;
	padding-left: 20px;
	border:0;
}
.coll a.view:hover {
	background-color: transparent;
	text-decoration: underline;
}
.coll ul {
	padding: 0 0 0 0px;
	background:#F7F7F9;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #DCDCE2;
	border-left-color: #DCDBDF;
}
.coll li {
	position:relative;
	border-bottom: 1px solid #CBCBD1;
	margin: .2em 0;
	padding:0 0 3px 3px;
}
.coll li a {
	position:absolute;
	right:4px;
	top: 0;
}
.offi, .stud, .allu {
	background: no-repeat 0 -1px;
	font-weight: bold;
}
.offi 
{
    left:130px;
    top:-1px;
	color: #0C4F0C;
}
.stud 
{
    top:-1px;
	color: #FF8533
}
.allu 
{
    top:-1px;
	color:#912202;
}

.cont
{
    top:-1px;
	color:#3F489A;  
    }
/*search_members.asp*/
#search_result h5 {
	border:0;
	font-size:1.1em;
}
/*=--------------------------------------------------- M E M B E R S -------------------------------------------------*/
	
	
.boxes .head_fct h4 {
	position:absolute;
	bottom:-2px;
	margin:0;
	left:0;
	background: #FFF none;
	padding: .6em .7em;
	border:0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#member input { margin-left: 0; }
/*=------------------------------------------------- E M A I L S -------------------------------------------------*/
.my_emails h3 {
	border-color: #FD9200;
	background: #FDE9CE url(../images/bg_email.gif) repeat-x;
}
#content .my_emails .head_fct {
	position:static;
	border-bottom-color: #FDE9CE;
	background: #FFFAF2;
}
.boxes .pages {
	width:100%;
	margin-bottom: 15px;
	position:relative;
}
#content .my_emails form { }
#content #mailing_form .email {
	border: 1px solid #BBB;
	border-top: 3px solid #888;
	padding: 0px 0px 5px;
	margin: 10px 0 8px;
}
.my_emails .actions {
	border-bottom: 0;
	background: #FFF
}
/*email_form.asp*/
#rsvp_table .tables { border: 1px solid }
.email_title, .event_title, .survey_title, .transcript_title, .file_title, .job_title {
	background: #EEE url(../images/bg_titles.gif) repeat-x;
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #BBB;
}
/*=--------------------------------------------------- E V E N T S -------------------------------------------------*/

#rsvp h4 { font-size: 1.3em }
.my_events h4 { /*different according to the page*/
	color:#333;
	line-height: 1.2em;
	border-bottom: 1px solid #AAA;
	padding-bottom:2px;
	margin-bottom: 8px;
}
#content .my_events .head_fct {
	border-bottom-color: #E9F1C5;
	background: #FBFCF3;
}
.my_events h3 {
	border-color: #799300;
	background: #E9F1C5 url(../images/bg_event.gif) repeat-x;
}
#content .my_events .head_fct {
	border-top-color: #799300;
	border-bottom-color: #E9F1C5;
	background: #FBFCF3;
}
.my_events h5 { background: url(../images/calendas.gif) no-repeat 5px }
.my_events .actions { border-bottom: 0; }
.my_events .event {
	border: 1px solid #BBB;
	border-top: 3px solid #888;
	padding: 3px 3px 0 3px;
	margin: 10px 0 20px;
}
.my_events .event h4 {
	background-color: #f1f1f1;
	border-top:1px #ccc solid;
	border-bottom:0px;
	padding: 5px;
	margin:5px 0px;
	font-size:1.2em;
	margin-top:20px;
	}
.my_events .event_title { padding: 5px 0 5px 5px; }
.my_events .event_title a input { margin-right: 5px }
.event_title .counting {
	position:relative;
	z-index:2;
	padding: 0px 5px;
	border-color: #BBC9E3;
	float:right;
	margin-top: -20px;
	margin-right: 7px;
}


/*=--------------------------------------------------- J O B S -------------------------------------------------


#content .my_jobs .head_fct {
	border-bottom-color: #895C21;
	background: #F4E7D5;
}
.my_jobs h3 {
	border-color: #895C21;
	background: #F4E7D5 url(../images/bg_toolbox.gif) repeat-x;
}
#content .my_jobs .head_fct {
	border-bottom-color: #E9F1C5;
	background: #F4E7D5;
}
.my_jobs .actions { border-bottom: 0; }
.my_jobs .job {
	border: 1px solid #BBB;
	border-top: 3px solid #888;
	padding: 3px 3px 0 3px;
	margin: 10px 0 20px;
}
.my_jobs .job_title { padding: 5px 0 5px 5px; }
.my_jobs .job_title a input { margin-right: 5px }
.job_title .counting {
	position:relative;
	z-index:2;
	padding: 2px 5px;
	border-color: #BBC9E3;
	float:right;
	margin-top: -20px;
	margin-right: 2px;
}
/*=--------------------------- ROOM RESERVATIONS -----------------------------------*/

.grs { border-collapse: collapse }
.grs td {
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #FFF;
}
.grs th {
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	font-size: .9em;
	font-weight: normal;
	text-align:center;
}

/*=---------------------------------------------- S U R V E Y ------------------------------------------------------*/

.my_surveys h3 {
	border-color: #872C7D;
	background: #F2E6F1 url(../images/bg_survey.gif) repeat-x;
}
.my_surveys #questions {
	background: #F5F5F5;
	padding: 10px;
}
.intro_conclu {
	background: #FFF;
	border: 1px solid #999;
	font-size:1.1em;
	padding: 6px 12px 9px;
	width: 500px;
	margin-top: 10px;
	margin-left: 10px;
}
#questions h4 {
	margin-top: 20px;
	font-size:1.3em;
	border:0;
}
#questions .actions {
	margin: 0;
	padding: 4px 3px 4px 5px;
	width: 125px;
	background:#F0F3F5;
	margin-left:15px;
}
#questions h4 img {
	float:left;
	position:relative;
	margin: -5px 5px 0 0;
}
#questions h4 span {
	display:block;
	margin-left: 35px;
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-weight: bold;
	border-bottom:1px #ccc solid;
	margin-left:15px;
}
.my_surveys h6 {
	border-top: 1px solid #D3ABD0;
	background-color: #F2E6F1;
	padding: 3px 6px;
	margin: 10px 0;
	font-size: 1.05em;
}
.my_surveys .survey {
	border: 1px solid #BBB;
	border-top: 3px solid #999;
	padding: 3px 3px 5px 3px;
	margin: 10px 0 20px;
}
.my_surveys .answers { font-size: 1.1em; }
.my_surveys .survey_title { margin-bottom: 10px; }
.my_surveys .survey_title a input { margin-right: 5px }
/*=---------------------------------------------- T R A N S C R I P T ------------------------------------------------------*/

.my_members .transcript {
	border: 1px solid #BBB;
	border-top: 3px solid #999;
	padding: 3px 3px 5px 3px;
	margin: 10px 0 20px;
}
.my_members .transcript_title { margin-bottom: 10px; }
.my_members .transcript_title a input { margin-right: 5px }
/*=---------------------------------------------- C L U B ------------------------------------------------------*/

.clubnews span.color { color:#B0005C }
.clubnews h3 {
	border-color: #BB0062;
	background: #FEE2E2 url(../images/bg_news.gif) repeat-x;
}
#content .clubnews .head_fct {
	border-bottom-color: #FEE2E2;
	background-color: #FFF2F2;
}
/*=---------------------------------------------- O F F I C E R S ------------------------------------------------------ */

.my_officers h4 {
	margin: 12px 0 5px -6px;
	padding:0
}
.my_officers h4 {
	display:block;
	padding: 2px 5px;
	border-top: 1px solid #999;
	color: #333;
	background: #EFEFEF;
}
.my_officers h4 a:hover {
	text-decoration: none !important;
	background: #F2F2F2;
	border-color: #CCC;
}
/*=--------------------------------------------- W E B  S I T E -------------------------------------------------*/

.my_website h3 {
	border-color: #00A6E3;
	background: #D5F3FF url(../images/bg_website.gif) repeat-x;
}
.web_pages p { margin-top: 9px }
.web_pages #menu { padding: 0 }
.web_pages #main { padding: 15px 15px 0; }
.web_pages #main ul li { list-style: square inside; }
h3.post_title {
	font-size: 1.9em;
	font-weight: normal;
	color: #444
}
.web_pages #main h4 { font-size: 1.5em }
.web_pages #main h5 { font-size: 1.4em }
.web_pages #main h6 { font-size: 1.2em }
#content .my_website .head_fct {
	border-bottom-color: #D5F3FF;
	background-color: #F0FCFF;
}
body.web_pages { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
body.web_pages #content {
	background: #fff url(../images/content_bg_web.gif) repeat-y;
	border-bottom: 1px solid #ccc;
}
#web_page1 #mn_webpage1 a, #web_page2 #mn_webpage2 a, #web_page3 #mn_webpage3 a, #web_page4 #mn_webpage4 a, #web_page5 #mn_webpage5 a, #web_page6 #mn_webpage6 a, #web_page7 #mn_webpage7 a, #web_page8 #mn_webpage8 a { background: #1D98C7 }
.web_pages #sidebar {
	width: 225px;
	padding: 15px 10px 15px 10px;
}
h1 span {
	display:inline-block;
	padding:12px;
	color:#333;
	font-weight: normal;
	font-size: 1.7em;
	line-height: 63px;
	margin-bottom: -2px;
}
.ecg_widget h2 {
	color:#111;
	font-weight: bold;
	border-bottom:1px #bbb solid;
	padding-bottom:6px;
	font-size:1.5em;
	margin-bottom:10px;
}
/*=--------------------------------------------- O F F I C E R S -------------------------------------------------*/

.my_officers h3 {
	border-color: #D9BE00;
	background: #FFF8CC url(../images/bg_officers.gif) repeat-x;
}
#content .my_officers .head_fct {
	border-bottom-color: #FFF8CC;
	background-color: #FFFDF0;
}
/*= P O P - U P 
--------------------------------------------------------*/

#popup {
	padding: 15px;
	color:#222
}
#popup h1 {
	color: #FFF;
	background: #423D9C;
	font-size: 1.3em;
	padding: 1px 10px;
	margin-bottom: 16px;
}
#popup ul { padding-left: 30px; }
#popup #wrapper {
	position:relative;
	background:#FFF;
	border: 1px solid #8F8ABF;
	padding: 20px;
}
#popup #close {
	position:absolute;
	right: 5px;
	top: 5px;
	border: 1px solid;
	color:#FFF;
	background:#515160;
	padding: 3px 8px;
}
a#close:hover {
	background:#7E7E92;
	text-decoration:none;
}



/* COMING FROM style_widget.css 7/25/2010 */


/*Common
-------------------*/
.messages {
	border: 1px solid;
	background: #FFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#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: #FFF8CC;
	border-color: #C6AA55;
}

/*MEMBERS*/

	
.member_card {
	background-color: #fff;
    margin-bottom: 5px;
	border: 1px solid #B4B4BC;
    }
.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;
}




	
/*FORMS
=------------------------------------------------------------------*/
.form {
	padding: 5px 5px 15px;
	margin-bottom: 25px;
	margin-left: 5px;
	}
.form h4 {font-size: 1.1em}
textarea {padding: .2em; border: 1px solid #cacaca}
fieldset {
	border: 1px solid #BBB;
	margin-bottom: 1.2em;
	padding: 0 10px 15px;
	}
fieldset .marge_top {margin-top: 15px}
form legend {	
	font-weight: bold;
	font-size:1.3em;
	padding: 0 6px;
	margin-left: -5px;
	background: transparent;
	color: #393986;
}
.label {
	margin-left: 4px; 
	color:#333;
	cursor:pointer;
	margin-right: .4em;
	}
.vertical label { /*to align fields verticaly*/
	float:left;
	width: 140px; /*to redefine with local style according to the case*/
	text-align: right;
}

input, select {
	border: 1px solid #cacaca; 
	vertical-align: middle;
	padding:2px;
    margin:0px;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	font-size:1.1em !important;
	}
	
.input_txt, .input_txtarea {
	color:#333;
	padding-top:.2em;
	}
.input_txt {
	font-size: 1.1em;
	height: 1.4em;
	}
.input_txt:hover, .input_txtarea:hover, .input_txt:focus, .input_txtarea:focus {
	background: #F4FAFF;
	border: 1px solid #97C9FF;
	}
.input_txt.selected, .input_txtarea.selected {
	background: #F4FAFF;
	border: 1px solid #429CFF;
	}
.input_select {
	font-size: 1.1em;
	}
	
input.url {font-size: .9em;}
.border {
	border: 1px solid #787896;
	vertical-align:middle;
	padding: .1em .3em;
 	}
	
.form_table th {
	
	padding-top:.5em;
	vertical-align:top;
	text-align:right;
	width:150px;
	font-weight: normal;
	}


/*RADIO/checkbox BOX*/
.nb {border:0; padding:0;}

/*SELECT LIST*/
select {margin-right: 5px}
option {padding-left: 5px}

/*BUTTONS*/
.btns {
	background:#646475;
	border-top: 1px solid #FFF;
	border-right: 1px solid #B7B6BE;
	border-bottom: 1px solid #45444D;
	border-left: 1px solid #615F6B;
	font: 1.2em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	padding: .2em .5em;
	cursor: pointer;
	}
.btns:hover {background:#3C3C46}



/* ecg remaining styles */
.ecg_p {
	margin-top:0px !IMPORTANT;
	}
.ecg_left {float:left}
.ecg_right {float:right}
.ecg_widget .ecg_right_link {margin-top:6px; float:right; padding-right:5px;}
a img {border: 0}

.ecg_widget {
	font-size: 11px;
	font: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#111;
	background-color:#FFF; 
	padding:10px; 
	border:1px solid #B4B4BC; 
	margin:0px 0px 10px 0px;
	overflow: hidden;
	}
.ecg_widget a {color: #184BA9; text-decoration: none;}
.ecg_widget a:visited {color: #184BA9}
.ecg_widget a:hover, #home a:hover {text-decoration: underline}
.ecg_widget a:active {text-decoration: underline}
.ecg_widget p {padding:0px; margin:0px}
.ecg_small_txt {font-size: .9em}
.ecg_medium_txt {font-size: 1.2em}
.ecg_large_txt {font-size: 1.3em}
.ecg_verylarge_txt {font-size: 1.5em}
.ecg_extralarge_txt {font-size: 1.8em}
.ecg_private_closed {color:#F30}
.ecg_public_open {color:#499B00}

.ecg_underline {text-decoration:underline}
.ecg_underline:hover {text-decoration: none}	
	

.selected_view {
	background-color:#ffffff;
	border:1px solid #ccc;
	padding:5px;
	font-weight:bold;	
	}


/* NEW ELEMENTS 7/7/2010 */

a.btn {
    position:relative;
    display:inline-block;
    margin: 0 4px;
    color:#FFF;
    vertical-align:middle;
    text-decoration:none !important;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    font-weight:bold;
    border: 1px solid #dc3014;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background: #f36a00;
    background: -moz-linear-gradient(top, #fd9100, #ea4800);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ea4800), color-stop(1, #fd9100));
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd9100', endColorstr='#ea4800'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd9100', endColorstr='#ea4800')"; /* IE8 */
    behavior: url(border-radius.htc);
}
a.btn:hover {
    text-decoration:none;
    background: #cedae4;
    background: -moz-linear-gradient(top, #fd9100, #ea4800);   
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ea4800), color-stop(1, #fd9100));
    behavior: url(border-radius.htc)
}


	
	

	
/*MINI CALENDAR*/
/*---------------------------------------*/
#calendar table {border-collapse:collapse;}
#prev a, #next a {display:block; height:18px; width:18px}
#next a {background: url(../images/next_month.gif)}
#prev a {background: url(../images/previous_month.gif)}
#calendar td {border-bottom: 1px solid #d6d6d6;}
#calendar td .nbr {
	margin-bottom: 5px;
	font-weight: bold;
	background: #e6e6e6;
	}
#calendar td .nbr_today {background: #e10101; color:#FFF; font-weight:bold; margin-bottom: 5px;}
#calendar  td img { margin-bottom: 4px}
#calendar th, #calendar td {padding: 3px 4px; text-align:center;}
#calendar th {cursor: help; font-weight: bold}

/*LARGE CALENDAR*/
/*---------------------------------------*/
.events_calendar table.clear, #calendar table  {border: 1px solid #DDD}
.events_calendar table p {text-align:left}
.events_calendar table.clear {font-size:inherit; line-height:inherit; height:auto; width: 100%; border-collapse:collapse;}
.events_calendar caption, #calendar caption {
	font-size: 1.4em; 
	font-weight: bold;
	margin-left: 3px;
	margin-bottom: 5px;
	}
.events_calendar h4, #calendar h4  {
	font-size: 1.4em; 
	margin-left: 5px; 
	margin: 0 auto 8px;
	text-align:center;
	width: 210px;
	border:0;
	text-transform: uppercase;
	}
.events_calendar h4 img, #calendar h4 img {margin-left: 5px}
.events_calendar th, #calendar th, .events_calendar td, #calendar td {
	padding: 2px 8px 5px; 
	font: .9em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
.events_calendar th, #calendar th {
	background: #639300; 
	color: #FFF; 
	font-weight:bold;
	border-right: 1px solid #FFF;
	}
.events_box {
	border: 1px solid #ddd; 
	background: #FFF;
	-moz-border-radius: 3px;
	margin-top: -1px;
	padding: 3px;
	margin:1px;
	 }
.halfour {border-bottom: 1px solid #89b333 !important;}
.events_calendar  #day, .events_calendar  #week {border: none; position:relative}
#day th {width: 30px; border-bottom: 1px solid #FFF; height: 25px}
.events_calendar #day td, .events_calendar #week td {background: #F5F5F5; border-bottom: 1px solid #CCC}

#week tr#hdr th {width:auto; text-align:center; padding: 7px 0}
#week th {border-bottom: 1px solid #FFF; height: 25px; width: 30px}
#week th a { color:#FFF; font-size: 1.2em; font-weight: normal }

.events_calendar table.clear td, #calendar td {
	vertical-align: top; 
	border-right: 1px solid #d6d6d6; 
	}
.events_calendar td .nbr {
	margin-bottom: 5px;
	font-weight: bold;
	background: #e6e6e6;
	}
	
.events_calendar td .nbr_today {background: #e10101; color:#FFF; font-weight:bold; margin-bottom: 5px;}
.events_calendar .nobd {border: none}
.events_calendar td.off, #calendar td.off {background: #f4f4f4 !important}
.events_calendar .line_top, #calendar .line_top {border-top-color: #666;}


#nav_tbl {
	float:right;
	background: url(../images/nav_table_bg.png) repeat-x; 
	line-height: 28px; 
	height: 28px; 
	width: 227px;
	margin-top: -25px;
	font-weight: bold;
	padding: 0 6px;
		}
#nav_tbl a {color: #246ba2;  padding: 4px 5px}
#nav_tbl a.view {background:#41535f; color:#FFF;}
#nav_tbl a.time {background:#e10101; color:#FFF;}

#web_calendar #content, #rsvp #content, #members_upload {
	background: #FFF; 
	padding-left: 10px;
	}
	
#ajax_calendar_left {width: 190px}
#ajax_calendar_left li {overflow:hidden; margin-bottom:1px; background: #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 7px;}
#ajax_calendar_left li label {padding: .4em 0;}


#calendar th, #calendar td {padding: 3px 4px; text-align:center;}
#calendar th {cursor: help; font-weight: bold}

/* From style_header.css */
.web_sub_menu a:hover{color:blue;}
#web_sub_menu li {list-style: none;}
#web_sub_menu ul {margin-left: 3px}	

.admin_menus a {
	/*background:url("../images/submenu_link_bg.gif") repeat-x scroll center bottom transparent;*/
	border-bottom:1px dotted #cccccc;
	display:block;
	text-decoration: none;
	line-height: 25px;
	padding-right: 10px;
	padding-left:5px;
	}

/* PHOTOS 
=------------------------------------------------------*/
a.filelink { text-decoration:none; text-align:center; display:inline-block;overflow:hidden;margin:8px 2px 0px 7px;width:101px;height:110px;border:1px solid white;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:white;padding:5px;display:inline-block;float:left;}
a.filelink:hover { background-color:#f7f7f7;border-color:#e0e0e0;background:url(/images/tags_white.png) #f5f5f5 repeat-x top left; }
a div.image { display:inline-block;border:1px solid #ddd; width:90px; height:90px; background: white no-repeat center center; }


/* SUB MENU 
=------------------------------------------------------*/
#sub_menu {margin: 0 10px 0 0px; padding:0px; }
#sub_menu a {
	display:block;
	text-decoration: none;
	line-height: 20px;
	padding-right: 10px;
	padding-left:5px;
		
}
#web_sub_menu a {
	display:block;
	text-decoration: none;
	line-height: 20px;
	padding-right: 10px;
	padding-left:5px;
}
#sub_menu a {line-height: 22px;}
#sub_menu a.on {cursor: default; color:#FFF; background: #78AAE0}
#sub_menu a:hover {color:#FFF; text-decoration: none;background: #78AAE0}
#sub_menu a.on:hover {/*background: url(../images/submenu_link_bg.gif) repeat-x bottom;*/	border-bottom:1px dotted #ccc;}
#sub_menu li {height: 22px; border-bottom: 1px dotted #ccc;}

.discussion_board_post ul, .discussion_board_post ol { margin-left: 30px; }
.discussion_board_post ul li { list-style-type: disc; }
#sub_menu_li_my_groups:hover, #sub_menu_li_my_groups:hover > a {background: #5C53AA;color:#fff;}


/* TEMP Commented 

body.web_pages {
	color:#172644;
	font:82%/1.5 Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
*/

.more_button { border:1px solid #cacaca;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-align:center;background-color:#F0F5F8;padding:5px;font-size:15px;text-shadow:1px 1px 0px #fff;margin-bottom:0px;cursor:pointer; }

.new_profile h3 {margin-top:30px;font-size:1.4em;border-bottom:1px solid #ddd;} 
.new_profile table.biouser {margin-top:10px;min-height:100px;}
.new_profile table.biouser tr td { vertical-align:top;font-size:1.1em;text-align:left;width:350px;}
.new_profile table.biouser tr th { vertical-align:top;font-size:1.1em;text-align:right;width:100px;}

a.group_settings_wheel
{
    background-color:White;
    background-image:url("/images/ico/groups_settings.png") !important;
    background-repeat:no-repeat;
    background-position: 152px ;
    border-bottom:1px dotted #cccccc;
    }
a.group_settings_wheel:hover
{
    background-color:#78aae0;
    background-image:url("/images/ico/groups_settings_active.png") !important;
    background-repeat:no-repeat !important;
    background-position: 152px !important;
    border-bottom:1px dotted #ffffff;
    }
.active_group a.group_settings_wheel
{
    background-color:#78aae0;
    background-image:url("/images/ico/groups_settings_active.png") !important;
    background-repeat:no-repeat !important;
    background-position: 152px !important;
    border-bottom:1px dotted #ffffff;
    }
a.see_more
{
    background-color:White;
    background-image:url("/images/triangle_blue.png") !important;
    background-repeat:no-repeat;
    background-position: 75px ;
    border-bottom:1px dotted #cccccc; 
    }
    
a.see_more:hover
{
    background-color:#78aae0;
    background-image:url("/images/triangle_white.png") !important;
    background-repeat:no-repeat !important;
    background-position: 75px !important;
    border-bottom:1px dotted #ffffff;
    }
    
#button_post
{
    top:0px !important;
    display:inline-block;
    font-size:12px !important;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    background-color:#DEF1FB; 
    background-image:url('/images/bg_btns_2.png'); 
    background-repeat:repeat-x; 
    border: 1px solid #2a8fc4; 
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow:rgba(0,0,0,0.2) 0px 1px 2px;
    text-decoration:none;
    margin-top:2px !important;
    line-height:17px;
    margin-left:0px !important;
    text-shadow: 0 1px 0 #DEF1FB !important;
    position:relative;
    color:Black;
           } 
     
#button_post:hover
{
    background-image:url('/images/bg_btns_1.png'); 
    background-color:#ffffff; 
    }
    
.options .post_new
{
    top:0px !important;
    display:inline-block;
    font-size:11px !important;
    margin-right:6px !important;
    width:21px;
    padding-bottom:4px;
    padding-left:6px;
    padding-right:6px !important;
    background-color:#DEF1FB; 
    background-image:url('/images/bg_btns_2.png'); 
    background-repeat:repeat-x; 
    border: 1px solid #2a8fc4; 
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow:rgba(0,0,0,0.2) 0px 1px 2px;
    text-decoration:none;
    line-height:12px;
    text-shadow: 0 1px 0 #DEF1FB !important;
    position:relative;
    float:right;
    color:Black;   
	cursor: pointer;
    }
.checkbox_border
{
    position:relative;
    display:inline-block;
    top:0px !important;
    padding-bottom:1px;
    padding-top:4px;
    padding-right:2px;
    padding-left:8px;
    border:1px solid #cacaca;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
   }

.see_more
{
    background-image:none;
    line-height:14px;
    padding:3px;
    padding-left:5px;
    }
    
.bubble
{
    background-color:White;
    border:1px solid #cacaca;
    box-shadow:rgba(0, 0, 0, 0.2) 1px 2px 4px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    position:relative;
    z-index:99999 !important;
    margin:5px;
    text-align:left;
    max-width:170px;
    top:24px;
    left:-50px;
    }
.bubble_container
{
    display:inline;
    position:absolute;
    }
.bubble_says
{
    position:absolute;
    top:-24px;
    float:left;
    }
.bubble_close
{
    margin-left:5px;
    margin-bottom:5px;
    position:absolute;
    top:5px;
    right:5px;
    border:none !important;
    padding-top:0px !important;
    }   
.bubble_close a{border:none !important;padding:0px !important;margin:0px !important;}
.bubble_close img{margin:0px !important;}
.bubble_text
{
    font-size:12px !important;
    font-weight:normal !important;
    padding-right:14px;
    text-align:justify;
    position:relative;
    
    }     
#search_box
{
    width:240px !important;
    height:17px !important;
    border:1px solid #cacaca !important;
    border-radius:4px 0px 0px 4px !important;
    border-right:0px solid #cacaca !important;
    font-size:1em;
    }
    
.search_blue
{
    border:0px solid #cacaca !important;
    position:relative !important;
    width:26px !important;
    height:23px !important;
    left:-4px;
    }
    
#top_search
{
float:right;
    }
    
td.event_date_width{
width:30px; vertical-align:top;padding-right:10px;
}

.active_group
{
    background-color:#78aae0 !important/*#5C53AA*/;color:white!important;
    }
.active_group a
{
    color:white !important/*#5C53AA*/;
}



    
/***** NEW NAVIGATION : AMD 02/17/2011 ********/
#new_controls { margin-left:0px; font-size:1.1em; overflow:visible;}
#new_controls > ul { position:relative;height:29px; overflow:visible;margin-top:10px;position:relative;z-index:999 !important;}
#new_controls ul li { display:inline;list-style:none; position:relative;background-color:White; }
#new_controls ul li a {position:relative;height:24px; line-height:24px; text-decoration:none; display:inline-block; background: none; border:0px; margin: 0px; padding:3px 5px 1px 5px; background-color:White; z-index:97!important; }
#new_controls ul li a.on { padding:0px 4px 1px 4px; border:0px;border-top: 3px solid #ccc;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid white; }
#new_controls ul li:hover a, #new_controls ul li a:hover { border-collapse:collapse; padding:0px 4px 0px 4px; border:1px solid #ccc; border-top:3px solid #ccc; border-bottom:1px solid #f5f5f5; z-index:99 !important; background-color:#fff; }
#new_controls ul li.single:hover, #new_controls ul li.single a:hover { border-bottom:1px solid #ccc; }
#new_controls ul li ul.new_submenu {box-shadow:rgba(0,0,0,0.2) 2px 3px 3px; top:19px; border-collapse: collapse; position:absolute;left:-9999px; z-index:98!important; border:1px solid #ccc;border-top-right-radius:2px;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-bottom-right-radius:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-bottom-left-radius:2px;-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px; }
#new_controls ul li ul.new_submenu li { border-collapse:collapse; display:block; position:relative;}
#new_controls ul li:hover ul.new_submenu { left:0px;z-index:98!important; }
#new_controls ul li:hover ul.new_submenu li { text-wrap:none; word-wrap:none;}
#new_controls ul li:hover ul.new_submenu li a { display:block; border:0px; z-index:96!important; padding-left:10px;padding-right:15px; background-color:#fff !important; }
#new_controls ul li:hover ul.new_submenu li a.new_submenu_action { padding-left: 20px;text-wrap:none;word-wrap:none; }
#new_controls ul li:hover ul.new_submenu li a:hover { background-color: #fff; }

#new_controls ul li a.home,#new_controls ul li:hover a.home { border:0px; padding:0px 0px 1px 0px; background:none;}
#new_controls ul li a.home:hover { text-decoration:underline;border:0px; padding:0px 0px 1px 0px; background:none;}
#new_controls ul li a.manage_group { padding:0px 5px 0px 5px;background-color:#fff;border:1px solid #fff;margin-top:-10px; }
#new_controls ul li:hover a.manage_group, #new_controls ul li a.manage_group:hover { background-color:#fff;border:1px solid #ccc;margin-top:-10px; }

#new_club_name { margin-bottom:0px;margin-left:0px;width:752px !important;display:inline-block !important;}
#new_club_name {padding-bottom:2px !important;}
#group_name {margin-left:8px;border-bottom:1px solid #ddd;width:752px;}
#new_index_control{margin-bottom:22px !important;}
/* ADMIN: RED */


#new_controls ul li#mn_admin:hover a { color: #EB3A3A; border-color: #EB3A3A; border-bottom:1px solid white;  }
#new_controls ul li#mn_admin a.on { border-top: 4px solid #EB3A3A;border-right:1px solid #d00;border-left:1px solid #d00;  }
#new_controls ul li#mn_admin a:hover { background-color:#EB3A3A;color:White;border-bottom:1px solid #EB3A3A; }
#new_controls ul li#mn_admin ul.new_submenu { border: 1px solid #EB3A3A; }
#new_controls ul li#mn_admin ul.new_submenu li a:hover { background-color:#EB3A3A!important; color:white; }
/* HOME: YELLOW */
#new_controls ul li#mn_home:hover a { color: #D0B600; border-color: #D0B600; border-bottom:1px solid white;  }
#new_controls ul li#mn_home a.on { border-top: 4px solid #D0B600;border-right:1px solid #D0B600;border-left:1px solid #D0B600;  }
#new_controls ul li#mn_home a:hover { background-color:#D0B600;color:White;border-bottom:1px solid #D0B600; }
#new_controls ul li#mn_home ul.new_submenu { border: 1px solid #D0B600; }
#new_controls ul li#mn_home ul.new_submenu li a:hover { background-color:#D0B600!important; color:white; }
/* MEMBERS: DARK BLUE */
#new_controls ul li#mn_members:hover a { color: #1A51A4; border-color: #1A51A4; border-bottom:1px solid white;  }
#new_controls ul li#mn_members a.on { border-top: 4px solid #1A51A4;border-right:1px solid #1A51A4;border-left:1px solid #1A51A4;  }
#new_controls ul li#mn_members a:hover { background-color:#1A51A4;color:White;border-bottom:1px solid #1A51A4; }
#new_controls ul li#mn_members ul.new_submenu { border: 1px solid #1A51A4; }
#new_controls ul li#mn_members ul.new_submenu li a:hover { background-color:#1A51A4!important; color:white; }
/* EMAILS: ORANGE */
#new_controls ul li#mn_emails:hover a { color: #FF7800; border-color: #FF7800; border-bottom:1px solid white;  }
#new_controls ul li#mn_emails a.on { border-top: 4px solid #FF7800;border-right:1px solid #FF7800;border-left:1px solid #FF7800;  }
#new_controls ul li#mn_emails a:hover { background-color:#FF7800;color:White;border-bottom:1px solid #FF7800; }
#new_controls ul li#mn_emails ul.new_submenu { border: 1px solid #FF7800; }
#new_controls ul li#mn_emails ul.new_submenu li a:hover { background-color:#FF7800!important; color:white; }
/* EVENTS: GREEN */
#new_controls ul li#mn_events:hover a { color: #698300; border-color: #698300; border-bottom:1px solid white;  }
#new_controls ul li#mn_events a.on { border-top: 4px solid #698300;border-right:1px solid #698300;border-left:1px solid #698300;  }
#new_controls ul li#mn_events a:hover { background-color:#698300;color:White;border-bottom:1px solid #698300; }
#new_controls ul li#mn_events ul.new_submenu { border: 1px solid #698300; }
#new_controls ul li#mn_events ul.new_submenu li a:hover { background-color:#698300!important; color:white; }
/* SURVEYS: VIOLET */
#new_controls ul li#mn_forms:hover a { color: #6c62a0; border-color: #6c62a0; border-bottom:1px solid white;  }
#new_controls ul li#mn_forms a.on { border-top: 4px solid #6c62a0;border-right:1px solid #6c62a0;border-left:1px solid #6c62a0;  }
#new_controls ul li#mn_forms a:hover { background-color:#6c62a0;color:White;border-bottom:1px solid #6c62a0; }
#new_controls ul li#mn_forms ul.new_submenu { border: 1px solid #6c62a0; }
#new_controls ul li#mn_forms ul.new_submenu li a:hover { background-color:#6c62a0!important; color:white; }
/* FILES: TURQUOISE */
#new_controls ul li#mn_files:hover a { color: #039794; border-color: #039794; border-bottom:1px solid white;  }
#new_controls ul li#mn_files a.on { border-top: 4px solid #039794;border-right:1px solid #039794;border-left:1px solid #039794;  }
#new_controls ul li#mn_files a:hover { background-color:#039794;color:White;border-bottom:1px solid #039794; }
#new_controls ul li#mn_files ul.new_submenu { border: 1px solid #039794; }
#new_controls ul li#mn_files ul.new_submenu li a:hover { background-color:#039794!important; color:white; }
/* WEB: BLUE */
#new_controls ul li#mn_web:hover a { color: #008EC4; border-color: #008EC4; border-bottom:1px solid white;  }
#new_controls ul li#mn_web a.on { border-top: 4px solid #008EC4;border-right:1px solid #008EC4;border-left:1px solid #008EC4;  }
#new_controls ul li#mn_web a:hover { background-color:#008EC4;color:White;border-bottom:1px solid #008EC4; }
#new_controls ul li#mn_web ul.new_submenu { border: 1px solid #008EC4; }
#new_controls ul li#mn_web ul.new_submenu li a:hover { background-color:#008EC4!important; color:white; }
/* MONEY: GREY (DARK) */
#new_controls ul li#mn_money:hover a { color: #707070; border-color: #707070; border-bottom:1px solid white;  }
#new_controls ul li#mn_money a.on { border-top: 4px solid #707070;border-right:1px solid #707070;border-left:1px solid #707070;  }
#new_controls ul li#mn_money a:hover { background-color:#707070;color:White;border-bottom:1px solid #707070; }
#new_controls ul li#mn_money ul.new_submenu { border: 1px solid #707070; }
#new_controls ul li#mn_money ul.new_submenu li a:hover { background-color:#707070!important; color:white; }
/* SOCIAL: SKY BLUE */
#new_controls ul li#mn_me: hover a { color: #78AAE0; border-color: #78AAE0; border-bottom:1px solid white;  }
#new_controls ul li#mn_me a.on { border-top: 4px solid #78AAE0;border-right:1px solid #78AAE0;border-left:1px solid #78AAE0;  }
#new_controls ul li#mn_me a:hover { background-color:#78AAE0;color:White;border-bottom:1px solid #78AAE0; }
#new_controls ul li#mn_me ul.new_submenu { border: 1px solid #78AAE0; }
#new_controls ul li#mn_me ul.new_submenu li a:hover { background-color:#78AAE0!important; color:white; }

#switch_groups a.manage_group
{
    background-image:url('/images/ico/switch_groups.png') !important;
    background-position:244px 3px;
    background-repeat:no-repeat;
    display:inline-block;
    width:257px;
    height:26px;
    border:1px solid #ccc !important;
    margin-left:5px;
    margin-bottom:7px !important;
    position:relative;
    top:0px;
    right:-189px;
    margin-top:-21px !important;
    float:right;
    clear:right;
    border-radius:4px 4px 4px 4px !important;
    }
#switch_groups a.manage_group:hover, #switch_groups:hover a.manage_group {background-image:url('/images/ico/switch_groups_active.png') !important;border:1px solid #dddddd !important;}
#switch_group_button{padding-left:5px;}
#switch_groups:hover a.manage_group, #switch_groups a.manage_group:hover  { background-color:#fff ;z-index:99999!important;padding-top:0px !important; }
#switch_groups:hover .manage_group.on, #switch_groups .manage_group.on:hover  { border:1px solid #ccc !important;padding-top:0px !important;}
#list_of_groups { border:1px solid #ccc; box-shadow:rgba(0,0,0,0.2) 0px 2px 3px; background-color:#fff;position:absolute;right:-217px;top:21px;width:300px;display:none;z-index:9999; }
#list_of_groups ul { width:100%;}
#list_of_groups li { height:24px !important;line-height:24px !important;overflow:hidden;float:none;width:100%;display:block !important;font-size:11px;font-family:Verdana,arial,sans-serif;  }
#list_of_groups li a,#list_of_groups li span { padding-left:5px !important;height:24px !important;line-height:24px !important;border:0px solid white !important;padding-right:15px !important;float:none;display:block !important;background:none !important;font-size:11px;font-family:Verdana,arial,sans-serif; }
#list_of_groups li a:hover { background-color: #f0f5f8 !important;}
#switch_groups:hover #list_of_groups, #switch_groups a:hover li #list_of_groups { /*display:block;*/ }
#list_of_groups ul li a{padding-top:0px !important;}
#list_of_groups li.list_active_group
{
    background-color:#71ace2;
    border-bottom:1px dotted #ffffff;
    /*background-image:url('/images/ico/groups_settings_active.png');
    background-repeat:no-repeat;
    background-position:282px;*/
    }
#list_of_groups li.list_active_group a:hover 
{
    background-color:#71ace2 !important;
    /*background-image:url('/images/ico/groups_settings_active.png') !important;
    background-repeat:no-repeat !important;
    background-position:282px !important;*/
    }
li.list_active_group a{color:White !important;}
#list_of_groups li
{
    /*background-image:url('/images/ico/groups_settings.png');
    background-repeat:no-repeat;
    background-position:282px;*/
    }
    

/***** NEW NAVIGATION : AMD 02/17/2011 ********/
/***** NEW NAVIGATION : MM 06/20/2011 ********/
.name_list_left{float:left;}
#new_index_control h2 {position:relative;background-color:White;}

#manage_group_menu:hover table{width:460px !important; background-color:White;}
#manage_group_menu:hover #manage_group_submenu, #manage_group_submenu:hover{display:inline-block !important;z-index:98;background-color:White !important;}
#manage_group_submenu {z-index:99999 !important;width:460px;padding:10px;border:1px solid #d5d6db; box-shadow:rgba(0,0,0,0.2) 0px 2px 3px;position:relative;display:none;left:-155px;top:-4px;background-color:White;}
#manage_group_submenu table td {width:115px !important; height:20px !important; font-weight:normal;}
.manage_item .ico{margin-right:8px;margin-left:4px;}
.manage_item:hover{background-color:#78aae0;}
.manage_item:hover a {color:White; text-decoration:none;}    

#attachmentsLink
{
    display:block;
    }
.attach_style
{
    display:block;
    border:1px solid #cacaca;
    padding-left:5px;
    background-color:White;
    margin-top:4px;
    }
    
#manage_group_button{border-radius:3px 3px 3px 3px;display:inline-block;height:27px;position:relative;}

#manage_btn_left
{
    padding-left:0px;
    padding-right:0px;
    display:inline-block;
    float:left;
    margin-left:10px;
    margin-right:10px;

    background-repeat:repeat-x;
    text-decoration:none;
    font-weight:normal;
    width:83px;
    color:Black;
    }


#manage_group_menu
{
    display:inline-block;

    height:27px;  
    width:18px;
    float:right;
  
    }
#manage_group_menu:hover
{
    display:inline-block;

    height:27px;  
    width:18px;
    float:right;
    clear:right;
    position:relative;
  
    }
.manage_btn_left
{
    display:inline-block;

    background-repeat:no-repeat;
    width:5px;
    height:27px;
    position:relative;
    left:-5px;
    float:left;
    }
.manage_btn_right
{
    display:inline-block;

    background-repeat:no-repeat;
    width:5px;
    height:27px;
    position:relative;
    left:78px;
    float:left;
  }


 .manage_group_icon
 {
    position:relative;
    top:5px;
    margin-right:3px;
    }
.manage_group_arrow
{
    display:inline-block;
    position:relative;
    background-image:url('/images/manage_button_arrow.png');
    background-repeat:no-repeat;
    background-position:5px 10px;
    float:left;
    width:13px;
    height:27px;
    cursor:pointer;
    }
	
/***** SPRIT : YS 10/17/2011 ********/	
.sprite {
	padding-left:22px;
	background: url(/images/ico/sprite_1.png) no-repeat top left;
}
.sp-docs{ background-position: 4px 3px;  } 
.sp-event{ background-position: 4px -23px;  } 
.sp-feed_new{ background-position: 4px -49px;  } 
.sp-group{ background-position: 4px -75px;  } 
.sp-mail1_new{ background-position: 4px -101px;  } 
.sp-money{ background-position: 4px -127px;  } 
.sp-photos{ background-position: 4px -153px;  } 
.sp-tag_blue{ background-position: 4px -179px;  } 
.sp-user{ background-position: 4px -205px;  } 

/*BUTTONS*/

.w_footer_btns 
{
    color:Black !important;
	font-weight:normal;
	border: 1px solid #cccccc;
	background: url(/images/w_btns_background.png) repeat-x;
	text-decoration:none !important;
	line-height: 1.25;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	padding:5px;
}
.w_footer_btns:hover {
	background-color: #FFF;
	background: url(/images/bg_btns_1.png) repeat-x;
	border-color:#1575EA;
}
.w_footer_btns span {background-repeat: no-repeat;}