@CHARSET "UTF-8";

/*  
Style Name: Enterprise
Description: This is the style for the "official" new look of MemberFuse. It contains the overall look and gred for the layout along with styles for new components. Enterprise is meant to have other styles take care of specific elements, pages and modules while Enterprise does the broad, general styling.
Version: 1.0
Author: Derek Bender
Author URI: http://nfistudios.com/
Date Created: 9-7-09.
Notes: Originally this CSS was in Dossier & Glitch.
*/

/*---------------------------------------- Enterprise Resets */
h4 a {color: inherit;}
h4 a:hover {color: #1f76ab;}

/*---------------------------------------- Layout Basics */
#main {width: 728px; border: 1px solid #dedede; background: #fff;}

#main .wide_col {clear: both; margin: 0 20px;}

/*----- Inner Column */
#main .column.directory {float: left; margin: 0 0 0 20px; width: 500px;}

/*----- Inner Sidebar */
#main .aside.directory {float: right; margin: 0 20px 0 0; width: 170px;}

#main .middle_col {width: 460px; margin-left: 15px; padding: 0;}
		
#main .right_col,
#wrapper .right_col {
	padding: 0;
	width: 230px;
	background: url(/themes/global/default/enterprise/images/bg_middle.jpg) repeat-y #F7F7F7;
}
#main .right_col .col_top,
#wrapper .right_col .col_top {
	background: url(/themes/global/default/enterprise/images/bg_top.jpg) no-repeat left top;
}
#main .right_col .col_bottom,
#wrapper .right_col .col_bottom {
	padding: 0 14px 30px 14px;
	min-height: 200px;
	background: url(/themes/global/default/enterprise/images/bg_bottom.jpg) no-repeat left bottom;
}
			
/*---------------------------------------- Basic Block Box */
#main .block {width: auto;}
#main .block .top {
	width: auto;
	padding: 0;
	line-height: 28px;
	border-bottom: 1px solid #B3B3B3;
	background: none;
}
#main .block .top h2 {color: #333; font-size: 16px !important;}
#main .block .top h2 span {color: #B3B3B3; font-size: 11px; font-weight: normal;}
#main .block .middle {
	width: auto;
	overflow: hidden;
	padding: 10px 10px 0 10px;
	clear: both;
}

/* temp until basicBox doesnt float stuff! - bender */
#main .block,
#main .block .top,
#main .block .middle,
#main .block .bottom {float: none !important;}
		
#main .block {margin-bottom: 30px;}
#main form.block {padding: 0 10px; width: auto; overflow: hidden;}
#main form.block h2,
.rightwide_col form.block h2 {
	position: relative;
	margin-bottom: 25px;
	padding: 15px 0 .5em 0;
	font-size: 16px;
	border-bottom: 1px solid #CCC;
}
#main form.block h2 span {
	position: absolute;
	top: 15px;
	right: 0;
	color: #808080;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	text-align: right;
}
.rightwide_col h2.fieldset_legend {
	margin: 0 0 10px 0;
	color: #0079bd;
}

#main form h2.fieldset_legend,
.rightwide_col form h2.fieldset_legend {
	cursor: pointer;
	padding-left: 15px;
	background: url("/themes/global/default/enterprise/images/icons/pointerdown_dark_icon.png") no-repeat left center;
}
#main form h2.fieldset_legend.up {
	color: #0079BD;
	background: url("/themes/global/default/enterprise/images/icons/pointerdown_dark_icon.png") no-repeat left center;
}
#main form h2.fieldset_legend.down {background: url("/themes/global/default/enterprise/images/icons/pointerright_dark_icon.png") no-repeat left center;}
#main #resource_comments { width: 100%; }
#main #resource_comments .null { text-align: left; }
		
/*---------------------------------------- Form Resets */
#main .formfield {
	padding: 0;
	float: none;
	margin-bottom: 20px;
	overflow: hidden;
	*overflow: inherit;
	width: auto;
}
#main .formfield.field_submit {padding: 5px 0;}
#main .field_notificationradio {padding: 12px 15px; margin: 0;}
	
#main .formfield label,
#main .formfield span.label,
#main .formfield input[type="text"],
#main .formfield select {float: none;}

#main .formfield span.label {
	float: left;
	width: 100px;
	line-height: 25px;
}
#main .field_notificationradio span.label {line-height: normal; width: auto; }
#main .formfield input[type="text"] {min-width: 328px;}

#main .formfield input[type="text"],
#main .formfield select {
	font-weight: normal;
	width: auto;
	max-width: 95%
}
#main .formfield span.label label {padding: 0; text-align: left;}

#main.var .formfield span.label label.required,
#main .var .formfield span.label label.required {
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}
#customevent input {border: 1px solid #ccc; background: #fff;}
#main .side .middle p.tip_addevent {padding-right: 0; padding-left: 0;}
#main .formfield input[type="text"] {/* width: 93% !important; */}

.itinerary_time span {display: block; padding: 0 0 5px 0;}
.time_hmm .formfield {margin-right: 7px;}
#main .formfield fieldset {position: relative; padding-top: 20px;}
#main .formfield fieldset legend {
	margin-bottom: 1em;
	padding: 0;
	font-size: 15px;
	float: left;
	background: none;
}
#main .formfield fieldset input {float: none; background: #fff;}
#main .formfield ul.errors {
	float: none;
	width: auto;
	margin-left: 113px;
	max-width: 65%;
}
	
#main .field_error label {color: #cb1a68;}
#main .formfield textarea {float: none; width: 97%;}
#main .right_col .formfield input[type="text"] {padding-right: 0; width: 96%; background: #fff;}
#main .formclose .formfield {float: left;}

#main .formclose,
#main .middle_col #submit_field {}

#main .formclose #submit_field,
#main .formclose #save_field {}
		
#main .formclose .cancel {display: none;}
		
#main .middle_col .submit_btn,
#main .formclose .submit_btn {}

#main .middle_col .submit_btn input,
#main .formclose .submit_btn input {}
				
#main hr {margin-bottom: 25px; padding-top: 5px; border-color: #ccc;}
#main .altcheck .formfield {position: relative;}
#main .altcheck input[type="checkbox"] {position: absolute; top: 1px; left: 0;}
#main .altcheck label {margin-left: 25px;
}
/* this combines certain form fields. usually need to remove a label off the form */				
#main .combo {clear: both; overflow: visible; width: 100%;}
#main .combo .field_text {clear: none; float: left;}
#main .combo .field_text input[type="text"] {float: left; width: 150px; min-width: 0;}
#main .combo .field_text + .field_text {float: none; position: relative; left: 15px;}
		
/*#main .combo .field_text + .field_text span.label {
	display: none;
	font-size: 0;
	width: 0;
}*/
		
/* temp hide - need this because this form overrides original that has labels, cant remove in controller */
#main .combo #address2_field span.label,
#main .combo #zipcode_field span.label,
#main .combo #lastname_field span.label,
#main .combo #zipcode_field span.label,
#main .combo #zip_field span.label,
#main .combo #billing_zip_field span.label {display: none;}
/* end temp */

/*---------------------------------------- Combo of Lastname & Suffix */
#main .combo.namepre #LastName_field input {width: 230px;}
#main .combo.namepre #Prefix_field {
	float: left;
	clear: none;
	width: auto;
	margin-left: 12px;
}
#main .combo.namepre #Prefix_field select {width: 85px;}
#main .combo.namepre #Prefix_field span.label {display: none;}
		
/* state/zip combo */
#main .combo #state_field,
#main .combo #billing_state_field {float: left;}

#main .combo #state_field select,
#main #country_field select,
#main .combo #billing_state_field select {width: 190px;}
	
#main .combo #zipcode_field,
#main .combo #zip_field,
#main .combo #billing_zip_field {clear: none; position: relative; margin-left: 13px;}
	
#main .combo #zipcode_field input[type="text"],
#main .combo #zip_field input[type="text"],
#main .combo #billing_zip_field input[type="text"] {width: 125px; min-width: 0;}
		
/*---------------------------------------- Security Combo w/ Helper Tooltip */
#main .combo.security input[type="text"] {width: 90px;}
#main .combo.security .helper {left: 210px; top: 6px;}
		
/*---------------------------------------- Month/Year Select Combo */
#main .combo.monthyear .field_select {position: relative; float: left;}
#main .combo.monthyear #expire_month_field select {width: 80px;}
#main .combo.monthyear #expire_year_field {left: 15px; clear: none;}
#main .combo.monthyear #expire_year_field select {width: 90px;}

/*---------------------------------------- Alt Info/vCard Basics */
/* altinfo / vcard basics */
#main .altinfo {margin: 10px 10px; font-size: 13px; line-height: 1.1;}
#main .altinfo .break {margin-bottom: 10px;}
#main .altinfo h3 {display: block; font-size: 14px; font-weight: bold;}

#main .altinfo span,
#main .altinfo strong {color: #808080;}
	

/* temp, on profile, altinfo.tpl in dossier */
#main #profile_altinfo .vcard span {color: #808080;}
/* end */
		
#main .vcard .adr,
#main .vcard .tel {color: #808080;}

#main .vcard .adr .street-address,
#main .vcard .adr .extended-address {display: block;}
				
/*---------------------------------------- Enterprise Formfield */
/* Enterprise formfield */
#main .side.search .formfield {margin-bottom: 10px;}
			
#main .side input[type="text"],
#main .side select {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	*max-width: 96%;
}
	
#main .side select {}
		
/*---------------------------------------- Basic Side Boxes */
#main .side {width: auto;}

#main .side .top {width: auto; border-bottom: 1px solid #b3b3b3;}
#main .side .top h2 {padding-bottom: .5em; font-size: 15px; line-height: 1.1;}

#main .side .middle {position: relative; z-index: 100;}
#main .side .middle p {
	margin-bottom: 0px;
	padding: 12px 12px 0px 12px;
	line-height: 1.2;
	word-wrap: break-word;
}

#main .side .section {margin: 1em 0 1em 0; padding: 0 12px; line-height: 1.2;}
#main .side .section span {display: block; font-size: 13px;}
#main .side .section span.label {color: #333; font-weight: bold;}
#main .side .section span.label span {
	color: #808080;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}				
#main .side .section span.item {color: #808080;}
		
/*---------------------------------------- Basic Side UL */
#main .side ul {margin: 10px 0;}
#main .side ul li {overflow: hidden; padding: 10px;}
#main .side li:hover {background: #e6e6e6;}
#main .side li .pic {float: left; margin: 0 10px 0 0;}
#main .side li div.information {line-height: 1.2; overflow: hidden;}
					
#main .side li span {display: block; margin-bottom: .3em;}
#main .side li .name {font-size: 13px; margin-bottom: .2em;}
	
#main .side li .title {}
#main .side li .company {font-weight: bold; margin-bottom: 0;}
#main .side li p.meta { margin: 0; padding: 0;}
#main .side li .timestamp {}

/* REALLY basic ul - just a list */
#main .side ul.basic {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 15px;
}
#main .side ul.basic li {overflow: visible; padding: 3px;}
#main .side ul.basic li:hover {background: none;}

/*---------------------------------------- Universale Profile Layouts/Elements */
/*----- Avatar */
#main .main_avatar {
	background: #F2F2F2;
	clear: both;
	height: 80px;
	margin: 0 0 0 14px;
	position: relative;
	width: 80px;
}
	
#main #brief,
#main #synopsis {padding-top: 14px; margin-bottom: 15px;}

/*new styles for groups2 parker 03/11/10*/
#main #synopsis .search_tab {float: right; margin-right: 20px;}
#main #synopsis .search_tab a {
	display: block;
	padding-left: 22px;	
	background: url("/themes/global/default/enterprise/images/icons/searchbtn_16.png") no-repeat 5px 5px;	
}
#main div#synopsis .more_tab, #main div#synopsis .edit { position: relative;}

#main div#synopsis .more_tab a,
#main div#synopsis .edit a {
	display: block;
	padding-right: 15px;
	background: url('/themes/global/default/enterprise/images/icons/arrow_down_10.png') no-repeat 90% 50%;
}

/* removes arrow for resources edit tab - 4-21-10 - bender */
#main #synopsis.resources .edit a,
#main #synopsis.event .edit a  {background: none; padding-right: 9px;}

#main div#synopsis .edit a {background-position: 94% 50%;}

#main #synopsis .more_tab ul.dropdown,#main #synopsis .edit ul{
	position: absolute;
	width: auto;
	z-index: 999;
	top: 26px;
	overflow: hidden;
	left: -99999px;
	margin: 0;
	bottom: auto;
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
		
#main #synopsis ul.dropdown {
	padding: 8px 0;
	display: block;
	width: 150px !important;
	overflow: hidden;
}
	
#main #synopsis .more_tab ul li, #main #synopsis .edit ul li{
	float: none;
	padding-left: 0;
	color: #4d4d4d;
	list-style: disc;
	border: none;
	background: none;
}
#main #synopsis .edit ul li {color: #b55a00;}

#main #synopsis .edit ul li,
#main #synopsis .more_tab ul li {margin-left: 25px;}

#main #synopsis .more_tab ul li a,
#main div#synopsis .edit ul li a {padding: 5px 0 5px 0; background: none;}

#main #synopsis .more_tab ul li a:hover,
#main div#synopsis .edit ul li a:hover {text-decoration: underline;}
#main #synopsis .more_tab:hover ul.dropdown,
#main #synopsis .edit:hover ul {padding-left: 0; left: -1px;}

#main #synopsis .more_tab ul:hover,#main #synopsis .more_tab ul li {background: #fff;}

/*---------------------------------------- Information in #synopsis or #brief (#brief is depricated) */
#information {float: left; margin-left: 15px; max-width: 375px;}
#information h2 {
	float: none;
	color: #333;
	font-size: 18px;
	line-height: 1.3;
}
#information h3 {
	float: none;
	margin-bottom: .3em;
	color: #808080;
	font-size: 13px;
	font-weight: normal;
}
#information h4 {
	float: none;
	margin-bottom: .3em;
	height: 16px;
	color: #808080;
	font-size: 15px;
	line-height: 18px;
}
#information p.location {color: #999; padding-top: .8em;}
#information p.count {color: #999; font-size: 13px;}
#information p.count span {color: #4d4d4d;}

/*----- Tags/Keywords */		
#information .tags p {margin: .4em  0 0 0;}
#information .tags p a {text-decoration: none;}

#synopsis .tags span {
	color: #F2F2F2;
	padding: 3px 9px;
	line-height: 2.2em;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	white-space: nowrap;
	background: #999;
}
	
/*----- Action Menu */	
ul#actions {
	float: right;
	margin: 0 14px 0 0;
	width: 215px;
	/*width: 240px;*/
}
ul#actions li {border-bottom: 1px solid #e6e6e6; line-height: 2.2;}
ul#actions li a {display: block;}
ul#actions li a.red {color: #c1272d;}
ul#actions li a.admin {color: #b55a00;}
ul#actions li a:hover {color: inherit;}

/*----- Profile Area Tabs */	
#main div#sections {
	clear: both;
	position: relative;
	padding-top: 8px;
	height: 35px;
	background: url(/themes/global/default/enterprise/images/gradient.gif) repeat-x left bottom;
	/* border-bottom: 1px solid #DEDEDE; */
}

#main div#sections ul {
	position: absolute;
	bottom: 0;
	margin: 0 0 0 12px;
	font-size: 13px;
	width: 100%;
}
#main div#sections li {
	float: left;
	margin: 0 4px 0 0;
	border: 1px solid #DEDEDE;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background: #FFFFFF url(/themes/global/default/enterprise/images/bgs/mini_tabs.gif) repeat-x bottom left;
}

.headline div#sections {margin-top: -8px;}
.headline div#sections li {margin-bottom: -2px;}
#main div#sections li a {
	display: block;
	padding: 6px 7px;
	color: #4D4D4D;
	text-decoration: none;
}
#main div#sections li.active {font-weight: bold; border-bottom: 1px solid #fff; background: #fff;}
#main div#sections li.active a {color: #0079bd;}
#main div#sections li.edit a {color: #b55a00 !important;}
#main div#sections li a {color: #4d4d4d;}
#main div#sections li:hover {border-bottom-color: #fff; background: #fff;}

#main #sections .share {
	float: right;
	position: relative;
	display: block;
	margin-top: 5px;
	padding: 0 8px;
	color: #387D4E;
	text-decoration: none;
	line-height: 30px;
	border-left: 1px solid #DEDEDE;
	z-index: 10000;
}
#main #sections .share:hover {text-decoration: underline;}

/* misc content */
.headline {
	clear: both;
	position: relative;
	margin-bottom: 30px;
	background: url(/themes/global/default/enterprise/images/gradient.gif) repeat-x bottom #FFF;
}
.headline img {float: left; margin: 10px 10px 0 15px;}
.headline h1 {
	margin: 0 15px;
	color: #666666;
	font-size: 18px;
	text-shadow: 0px 1px 0px #ffffff;
	text-transform: none;
	line-height: 52px;
	height: 50px; /* I hope this doesnt break anything in the future */
}
.headline h1 span {color: #808080; font-size: 11px; font-weight: normal;}

#create_edit_listing .headline, #upgrade .headline, #reporting .headline { background: none; }
#create_edit_listing .headline .actions, #upgrade .headline .actions, #reporting .headline .actions { position: static; display: inline-block; }
#create_edit_listing .headline .actions .active, #upgrade .headline .actions .active, #reporting .headline .actions .active { color: #B55A00; }

			
/* Menu items in the right side of a headline */
span.headline_menu {float: right; line-height: 50px;}
span.headline_menu ul {margin: 0;}
span.headline_menu ul li {display: inline; margin: 0 5px 0 0;}

/* made to support .btns and .toggle */
.headline .actions {position: absolute; top: 0; right: 20px;}
			
.headline .btn {float: right; margin-left: 18px;}
			
.headline a.btn.small,
.headline a.btn.basic,
.headline a.btn_create {float: left; margin-top: 16px !important; margin-left: 5px !important;}
	
.headline a.btn.basic,
.headline a.btn_create {margin-top: 10px !important;}
				
/* block basics */
#main .block .pic,
#main #section_list .pic {float: left; margin-right: 10px;}
#main #section_list .pic {margin-right: 15px;}
	
#main .block .information,
#main #section_list .information {overflow: hidden;}

#main #section_list .information {width: 70%;}

#main .block .information {line-height: 1.3;}
#main .block .information .name {display: block; margin-bottom: .5em; font-size: 14px;}
#main .block .information .description {width: 90%; margin-bottom: .5em;}
#main .block .information .meta {
	display: block;
	margin: 0 0 .5em 0;
	color: #808080;
	font-size: 11px;
}
#main .block li {
	clear: both;
	position: relative;
	padding: 12px 0;
	border-bottom: 1px solid #CCC;
}
#main .block ul .actions {
	position: absolute;
	right: 12px;
	top: 12px;
	margin: 0;
}

/* new block mods */
#main .box.free .middle {padding: 0;}
	
#main .box.free p,
#main .box.free ul {font-size: 13px;}
	
/* this is for lists that are within content types such as a member's groups, an org's members, or a group's members, etc */
#main h2#section_title {margin-bottom: .5em;}
#main h2#section_title span {
	margin-left: 4px;
	color: #B3B3B3;
	font-size: 11px;
	text-transform: lowercase;
}
#section_list {margin-left: 0;}
#section_list li {
	padding: 9px 0px 12px 5px;
	min-height: 47px;
	line-height: 1.3;
	border-top: 1px solid #CCC;
}
#section_list p {margin-bottom: .3em;}
#section_list .name {font-size: 14px;}
#section_list .title {}

#section_list .company,
#section_list .company a {font-weight: bold; color: #4D4D4D; text-decoration: none;}
#section_list .company a:hover {text-decoration: underline;}

#section_list .description {margin-bottom: .8em;}
#section_list .meta {color: #b3b3b3; font-size: 11px;}
#section_list ~ .pagination {margin-bottom: 40px;}
	
#section_list .null {
	padding: 20px 0 10px 0;
	color: #4D4D4D;
	font-weight: normal;
	font-size: 16px;
	text-transform: none;
	text-align: left;
	text-indent: 15px;
	border-top: 1px solid #CCC;
}
#section_list .null strong {color: #0079bd;}

/* new basic list type - bender - feb 4, 2010 */
.contentlist {margin: 0; margin-bottom: 40px;}
.contentlist .top {position: relative;}
.contentlist h2 {margin-bottom: .5em;}
.contentlist h2 span {
	color: #b3b3b3;
	font-size: 11px;
	font-weight: normal;
	margin-left: 4px;
	text-transform: lowercase;
}
.contentlist h2 .alt {font-size: 12px; font-weight: normal; font-style: italic;}
.contentlist .search {position: absolute; right: 0; top: -6px;}
.contentlist .search input[type="text"] {
	padding-right: 24px;
	padding-top: 2px;
	width: 240px;
	height: 22px;
	color: #B3B3B3;
	font-weight: normal;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #CCC;
	background: url(/themes/global/default/enterprise/images/icons/search_20.png) #FFF no-repeat center right;
}
.contentlist .search input[type="submit"] {display: none;}
.contentlist li {
	position: relative;
	padding: 12px;
	line-height: 1.1;
	border-top: 1px solid #CCC;
}
.contentlist li .pic {float: left; margin-right: 10px;}
			
.contentlist li .information {width: 65%;}
.contentlist .information h3 {font-size: 17px; font-weight: normal;}
.contentlist h4 {
	font-size: 13px;
	line-height: 1.4;
	font-weight: normal;
	margin: 0;
}
.contentlist h5 {font-size: 14px; line-height: 1.5; margin: 0;}
.contentlist h5 a {color: #4d4d4d; text-decoration: none;}
.contentlist h5 a:hover {color: #0079bd;}
.contentlist li .actions {
	position: absolute;
	right: 0;
	top: 12px;
	width: 25%;
}
.contentlist li .actions a {display: block; line-height: 1.2;}
.contentlist p {margin-bottom: .3em;}
.contentlist .name {font-size: 14px;}
.contentlist .title {}

.contentlist .company,
.contentlist .company a {color: #4d4d4d; font-weight: bold; text-decoration: none;}

.contentlist .company a:hover {text-decoration: underline;}
.contentlist .description {margin-bottom: .8em;}
.contentlist .meta {color: #b3b3b3; font-size: 11px;}
.contentlist ~ .pagination {margin-bottom: 40px;}

.contentlist .null,
.wide_col .null {
	padding: 20px 0 10px 0;
	color: #4D4D4D;
	font-weight: normal;
	font-size: 16px;
	text-transform: none;
	text-align: left;
	text-indent: 15px;
	/* border-top: 1px solid #CCC; */
}

.contentlist .null strong,
.wide_col .null strong {color: #808080;}
		
/* the helper tooltip */
.helper {
	float: none;
	position: absolute; /* must be positioned uniquely deopending on where it is */
	width: 6px;
	height: 8px;
	color: #999;
	cursor: default !important;
	font-weight: bold;
	font-size: 11px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: .9;
	padding: 2px 3px;
	font-style: normal !important;
	border: 1px solid #DEDEDE;
	background: #FFF;
	/*z-index: 500;*/
}
.helper div {
	display: none;
	position: absolute;
	top: -16px;
	left: 6px;
	padding-left: 8px;
	color: #fff;
	cursor: default;
	background: url(/themes/global/default/enterprise/images/pointer_left.png) no-repeat 0 15px;
	z-index: 1000;
}
.helper:hover div {display: block;}
.helper div span {
	display: block;
	position: relative;
	padding: 10px 12px;
	width: auto;
	min-width: 140px;
	max-width: 200px;
	min-height: 20px;
	font-weight: normal;
	line-height: 1.2;
	background: url(/themes/global/default/enterprise/images/bg_dark.png);
}
.helper div span ul {white-space: nowrap; margin: 0; line-height: 1.3;}
.helper div span ul small {font-size: 100%; color: #ccc;}
					
/* directory search in .headline.search */
.headline.search {min-height: 35px; padding: 15px 0 5px 0;}
	
#directory_search {
	position: relative;
	top: -6px;
	padding: 0 25px;
	overflow: hidden;
}
#directory_search .choose {
	float: left;
	height: 32px;
	width: 32px;
	border: 1px solid #CCC;
	border-right: 0 none;
	background: url(/themes/global/default/enterprise/images/bgs/bg_choose.gif) repeat-x #FFF bottom center;
}
		
/* #directory_search .choose:hover {
	cursor: pointer;
	background: url(/themes/global/default/enterprise/images/bgs/bg_choose_over.gif) repeat-x #FFF top center;
} */
			
#directory_search .choose img {margin: 7px 0 0 7px;}
#directory_search .choose ul {	display: none; margin: 0;}
#directory_search .searchfield {float: left; overflow: hidden;}
		
/* text field */
#directory_search .searchfield input[type="text"] {
	background: #FFF;
	border: 1px solid #CCC;
	color: #333;
	font-size: 17px;
	font-weight: bold;
	height: 22px;
	line-height: 32px;
	padding-top: 7px;
	width: 405px;
	float: left;
	overflow: hidden;
	margin: 0 15px 0 0;
}
/* submit btn */	
#directory_search .searchfield span.submitbtn {
	background: #E6E6E6;
	float: left;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 20px;
	height: auto;
}
#directory_search .searchfield span.submitbtn input[type="submit"] {
	background: url(/themes/global/default/enterprise/images/btns/btn_basic.jpg) repeat-x #FFF bottom center;
	border: 1px solid #FFF;
	color: #4D4D4D;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: .4em 1.2em;
	*padding-top: 0;
	margin: 4px;
	border-radius: 14px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 14px;
	box-shadow: 0 0 3px #4d4d4d;
	-webkit-box-shadow: 0 0 3px #4d4d4d;
	-moz-box-shadow: 0 0 3px #4d4d4d;
             *overflow: visible;
	}
				
#directory_search .searchfield span.submitbtn input[type="submit"]:hover {background: url(/themes/global/default/enterprise/images/btns/btn_basic_over.jpg) repeat-x #fff top center;}
#directory_search .advanced {
	position: absolute;
	top: 12px;
	right: 20px;
	font-style: italic;
	font-size: 11px;
}
		
/* .aside elements */
.aside .box {
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #CCC;
}
.aside .box .top {
	padding: 0 10px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background: url(/themes/global/default/enterprise/images/bgs/bg_boxtop.gif) repeat-x #FFF bottom left;
}
.aside .box .top h2 {
	color: #4d4d4d;
	font-size: 14px;
	font-weight: normal;
	line-height: 25px;
}
.aside .box .middle {padding: 10px; overflow: hidden;}
.aside .box .middle p {line-height: 1.2;}
.aside .box .middle ul {line-height: 1.4; margin: 0;}
.aside .box .middle h4 {margin: 0 0 .4em 0; color: #999; font-size: 12px;}
.aside .box .middle h4 + ul {margin-bottom: 10px; margin-left: .6em; line-height: 1.6;}

.archive .information {width: auto !important;}

#resources_dir.archive .information {width: 75% !important;}
	
.middle_col .archive {margin-bottom: 40px;}
.itinerary_time {	
	clear: both;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}
.itinerary_heading {font-weight: normal; margin-bottom: 15px; font-size: 16px;}

#search_field.resource_submit span.submit_btn,
#customevent #submit_field .submit_btn {
	float: right;
	padding-left: 0;
	height: auto;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 20px;
	background: #E6E6E6;
}
#customevent #submit_field .submit_btn {margin-right: 0;}
		
#search_field.resource_submit span.submit_btn {float: left; background: none;}
#search_field.resource_submit{line-height: 30px; width: auto; float: right;}

/* #search_field span.submit_btn input[type="submit"],
#customevent #submit_field .submit_btn input[type="submit"] {
		-moz-border-radius:14px 14px 14px 14px;
		-moz-box-shadow:0 0 3px #4D4D4D;
		background:url("/themes/global/default/enterprise/images/btns/btn_basic.jpg") repeat-x scroll center bottom #FFFFFF;
		border:1px solid #FFFFFF;
		color:#4D4D4D;
		display:block;
		font-size:12px;
		font-weight:bold;
		height:auto;
		line-height:18px;
		margin:4px;
		padding:0.4em 1.2em;
}*/


#search_field span.submit_btn input[type="submit"]:hover,
#customevent #submit_field .submit_btn input[type="submit"]:hover {background: url(/themes/global/default/enterprise/images/btns/btn_basic_over.jpg) repeat-x #FFF top center;}

/*added styles to provide constancy with the fck editor and final view parker 06/03/10*/
#main #resource_about.block li {border: none; padding: 0 0 5px 0; line-height: 1.6;}
#main #resource_about.block ul li {list-style: outside; padding-left: 3px;}
#main #resource_about.block ul {margin: 0 0 0 1.2em;}

#main #resource_about.block ul,
#main #resource_about.block ol {margin-bottom: 20px;}

#main #resource_about.block h1,
#main #resource_about.block h2,
#main #resource_about.block h3,
#main #resource_about.block h4,
#main #resource_about.block h5,
#main #resource_about.block h6 {margin: 0 0 10px 0;}

#main #resource_about.block h1,
#main #resource_about.block h1 span {text-decoration: none !important; color: #4d4d4d;}

#main #resource_about.block h2 {font-size: 1.7em;}
#main #resource_about.block h3 {font-size: 1.5em;}
#main #resource_about.block h4 {font-size: 1.3em;}
#main #resource_about.block h5 {font-size: 1.1em;}
#main #resource_about.block h6 {font-size: .9em;}

#main #resource_about.block p,
.box.block .description {font-size: 13px; line-height: 1.4;}
	
#videoresourcecreate_form .radio_container {clear: both;}

#main #videoresourcecreate_form #category_field.formfield span {display: block; float: none;}

#main #videoresourcecreate_form .helper div span ul {white-space: normal;}
#main object {
	display: block;
	margin: 0 0 30px 20px;
	height: 370px;
	overflow: hidden;
}
#main fieldset {clear: both;}
	
/* create/edit page unique button */
#uniqueid {position: absolute; right: 0; top: 0;}
#uniqueid input[type="submit"] {
	color: #FFF;
	border: 1px solid #2670AD;
	background: #2670AD;
	background: -webkit-gradient(linear, left top, left bottom, from(#559BD5), to(#2670AD));
	background: -moz-linear-gradient(top,  #559BD5,  #2670AD);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#559BD5', endColorstr='#2670AD');
}
#uniqueid input[type="submit"]:hover {
	background: #2670AD;
	background: -webkit-gradient(linear, left top, left bottom, from(#2670AD), to(#559BD5));
	background: -moz-linear-gradient(top,  #2670AD,  #559BD5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2670AD', endColorstr='#559BD5');
}
		
/* basic side boxes */
#wrapper .box {width: auto;}
#wrapper .box .top {width: auto; border-bottom: 1px solid #b3b3b3;}
#wrapper .box .top h2 {font-size: 15px; line-height: 1.1; padding-bottom: .5em;}
#wrapper .box .middle {position: relative; z-index: 100;}
#wrapper .box .middle p {
	line-height: 1.2;
	padding: 12px;
	padding-bottom: 0;
	word-wrap: break-word;
}
#wrapper .box .section {margin: 1em 0 1em 0; padding: 0 12px; line-height: 1.2;}
#wrapper .box .section span {display: block; font-size: 13px;}
				
/* basic side ul */
#wrapper .box ul {margin: 10px 0;}
#wrapper .box ul li {overflow: hidden; padding: 10px;}
#wrapper .box li:hover {background: #e6e6e6;}
#wrapper .box li .pic {float: left; margin: 0 10px 0 0;}
#wrapper .box li div.information {line-height: 1.2; overflow: hidden;}
#wrapper .box li span {display: block; margin-bottom: .3em;}
#wrapper .box li .name {font-size: 13px; margin-bottom: .2em;}
#wrapper .box li .title {}
#wrapper .box li .company {font-weight: bold; margin-bottom: 0;}
#wrapper .box li p.meta {margin: 0; padding: 0;}
#wrapper .box li .timestamp {}

/* REALLY basic ul - just a list */
#wrapper .box ul.basic {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 15px;
}
#wrapper .box ul.basic li {overflow: visible; padding: 3px;}
#wrapper .box ul.basic li:hover {background: none;}
			
#aside.reg_side {border: 1px solid #ccc; padding: 0;}
#aside.reg_side .headline {margin-bottom: 20px;}
#aside.reg_side p {
	padding: 0 15px;
	font-size: 15px;
	line-height: 1.4;
	text-align: left;
}

/*---------------------------------------- Error Pages */
#main .wide_col .box.free .middle h3.error {
	border-bottom: 1px solid #ccc;
	color: #0079bd;
	font-weight: normal;
	font-size: 22px;
	padding: 10px 15px 12px 15px;
	margin: 10px 0 20px 0;
	line-height: 1.2;
}
#main .wide_col .box.free .middle ul.basic {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.5;
	font-size: 13px;
	margin-left: .5em;
	}
#main .wide_col .box.free .middle #searchform.glitch {
	margin-bottom: 25px;
}
#main .wide_col .box.free .middle #searchform.glitch input[type="text"] {
	margin-right: 5px;
	width: 355px
}
#main .wide_col .box.free .middle #searchform
#main .wide_col .box.free .middle pre {
	background: #f2f2f2;
	border: 1px dashed #ccc;
	color: #4d4d4d;
	padding: 15px 25px;
	overflow: scroll;
	line-height: 1.5;
	font-size: 12px;
}
#main .wide_col .box.free .middle p {
	line-height: 1.4;
}
#main .wide_col .box.free .middle .bug {
	border-top: 1px solid #ccc;
	margin-bottom: 3em;
	padding: 25px 20px 0 20px;
	width: 75%;
}
#main .wide_col .box.free .middle .error_text {
	padding: 0 20px;
	width: 75%;
}
#main .wide_col .box.free .middle #assistance_contact {
	margin-bottom: 20px;
	overflow: hidden;
}
#main .wide_col .box.free .middle #assistance_contact .pic {
	border: 1px solid #ccc;
	float: left;
	font-size: 0;
	line-height: 0;
	margin-right: 10px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#main .wide_col .box.free .middle #assistance_contact p {
	color: #808080;
	margin-bottom: 0;
}
#main .wide_col .box.free .middle #assistance_contact strong {
	color: #333;
	font-size: 14px;
}
#main .wide_col .box.free .middle #assistance_contact .company {
	color: #808080;
	font-weight: bold;
}
#main .wide_col .box.free .middle #assistance_contact .actions {
	font-size: 11px !important;
}

.glitch hr {
	border-color: #ccc;
}

/*---------------------------------------- Edit My Settings (/settings/member) */
#main #bio_field span.label {
	margin-bottom: 15px;
	padding: 15px 0 0.5em;
	position: relative;
	font-weight: bold;
	display: block;
	float: none;
	line-height: normal;
}
#main #bio_field label {
	font-size: 16px;
}
#main #bio_field .instructions {
	font-weight: normal;
	float: none;
	text-align: left;
	width: auto;
	font-style: italic;
}
#main #bio_field textarea {
	margin: 0 10px;
	width: 97%;
}

/*--------------- Social Media Links */
#fieldset-social_media_links {
	background: none;
	padding: 0;
	position: relative;
	margin-bottom: 10px;
	*margin-bottom: 30px;
}
#fieldset-social_media_links #new_media_channels_field,
#fieldset-social_media_links #new_media_user_account_field,
#fieldset-social_media_links button {
	float: left;
}

/*---------------- Social Links Title */
#fieldset-social_media_links #new_media_channels_field span.label {
	min-width: 90px;
	text-transform: capitalize;
}

/*---------------- Social Links Select Box */
#fieldset-social_media_links #new_media_channels_field select {
	margin-right: 10px;
	max-width: 88px;
}

/*---------------- Username & Button Container */
#fieldset-social_media_links div#new_media_user_account_field {
    position: relative;
    top: 0px;
    left: 10px;
}

/*---------------- Username Field */
#fieldset-social_media_links #new_media_user_account_field input {
    width: 170px;
    padding: 4px;
    min-width: 0;
    font-weight: normal;
    margin-right: 10px;
}

/*---------------- Social Links Username Field Description  */
#fieldset-social_media_links #new_media_user_account_field .clue {
	display: block;
	margin-top: 5px;
	color: #999;
	font-style: italic;
	font-size: 11px;
}

/*---------------- Social Links Add Button */
#fieldset-social_media_links #new_media_user_account_field button#add_user_social_link {
	float: right;
}
	/*---------------- Social Links Add Button Webkit Only*/
       @media screen and (-webkit-min-device-pixel-ratio:0){
		#fieldset-social_media_links #new_media_user_account_field button#add_user_social_link {
           	position: relative;
           	top: -28px;
		}
	}

/*---------------- Social Links List */
#settings_meminfo #social_links {
    float: right;
    width: 345px;
}

/*---------------- Social Links List Item */
#social_links li {
	line-height: 12px;
	padding-left: 8px;
	height: 15px;
	border: 0;
	margin-bottom: 5px;
}
#social_links li .caution {
	float: right;
	margin-right: 10px;
	opacity: .4;
}
#social_links li .caution:hover {
	opacity: 1;
}

#settings_meminfo #social_links li.flickr 		{background-image: url(/themes/global/default/normal/images/icons/flickr_16.png);}
#settings_meminfo #social_links li.twitter 		{background-image: url(/themes/global/default/normal/images/icons/twitter_16.png);}
#settings_meminfo #social_links li.youtube 		{background-image: url(/themes/global/default/normal/images/icons/youtube_16.png);}
#settings_meminfo #social_links li.slideshare 	{background-image: url(/themes/global/default/normal/images/icons/slideshare_16.png);}
#settings_meminfo #social_links li.facebook 	{background-image: url(/themes/global/default/normal/images/icons/facebook_16.png);}
#settings_meminfo #social_links li.linkedin 	{background-image: url(/themes/global/default/normal/images/icons/linkedin_16.png);}

#settings_meminfo #social_links li .caution {
	font-style: italic;
}
			
/*---------------- Basic Info Form Reset */
#settings_meminfo span.label {
	display: block;
}