/* ------- General  --------- */
html, body {
  /* Based on http://developer.yahoo.com/yui/fonts/.      Default size is 13 pixels, 16 pixel line height.*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; /* To specify that a div has a 100% height we must first specify a height      for its container.  Use the html tag for xhtml documents and the      body tag for html documents.*/
  margin: 0;
  padding: 0;
}

body {
  margin: 0 2px;
  padding: 0;
}

#page {
  clear: both;
  border: 17px solid #EEEEEE;
  border-top: none;
}

#content {
  border: 2px solid #DDDDDD;
}

#content_header {
  padding: .5em 0 1em 0;
  border-bottom: 13px solid #FFFFFF; /* Needed by IE to hide top of iframes hosting media players. */
  background-color: White;
}

/* The padding one values are so that the h3 at the top
   of the right sidebar is not lower than the one on 
   the left at the top of the body.  The body one has
   its margin's collapsed, moving it upwards.  The padding
   stops that from happening. */


#content {
	padding: 2.5em 3%;
}

#content.noPad {
	padding: 0;
	
}

#main_column {
  margin-left: 19em;
	min-height:10em;
}

.home {
	padding-bottom: 2em;	
}

.bold {
	font-weight: bold;
}

#content.sideLeft {
	padding: 0;
}

.sideLeft #sidebar {
  float:left;	
  padding: 2.5em 2.5% 2.5em 2.5%;
}

#content.sideRight {
	padding: 0;
}

.sideRight #sidebar {
	padding: 2.5em 2% 2.5em 2%;
  width: 28%;
  float:right;
}

.sideRight #main_column {
	padding: 2.5em 2% 2.5em 2%;
}

.sideLeft #main_column {
	padding: 2.5em 2.5% 2.5em 2.5%;
}


/* Sidebar */
#sidebar {
  width: 15em;
}

#sidebar .section {
  margin-bottom: 2em;
  clear: both;
  padding: 1px;
}

#sidebar dl {
  margin-top: 0.5em;
}

#sidebar dt {
  float: left;
  padding-right: 0.5em;
  font-weight: bold;
}

#sidebar dd {
  /* Have to break these two out separately       to avoid bug in FF 3.0.x */
  margin-left: 0;
  margin-bottom: 1em;
}

#footer {
  margin: 0.4em 25px 0em 20px;
  padding-bottom: 1em;
  font-size: 110%;
  position: relative;
}

#footer .right {
  position: absolute;
  right: 0px;
}

#footer .right * {
  padding-left: 1em;
}

/* Individual elements */
h1, h2, h3, h4 {
  font-weight: bold;
  margin: 0;
  padding: 0.25em 0;
  font-family: "Trebuchet MS" , Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 150%;
  margin: 0.25em 0 0.5em 0;
}

h2 {
  font-size: 130%;
  margin: 0;
  padding: 0 0 0.25em 0;
  text-transform: uppercase;
  color: #F7A145;
}

h3 {
  font-size: 135%;
  margin-top: 1em;
}

.sideBoth h3 {
  margin-top: 0;
  padding-top: 1px;
}

h2 a {
  text-transform: none;
}
a {
  color: #66A6BA;
  text-decoration: none;
}

a, a:hover, a:active, a:visited {
  color: #66A6BA;
}

a img {
  border: none;
}

p.clear {
  clear: both;
}
/* Account Menu */
div.account_menu {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
}

div.account_menu form {
  display: inline;
}

div.account_menu form div {
  display: inline;
}

/* Search */
div#header form.search {
  text-align: left;
}

/* Menu */
div.menu {
  text-align: left;
}

.menu ul {
  font-family: Verdana, Arial, sans-serif;
  display: block;
  clear: both;
  margin: 0;
  padding: 0.2em 0 0.2em 20px;
  font-size: 14px;
  position: relative;
}

.menu ul li {
  display: inline;
  color: #7FB3CC;
  background-color: #F4FAFC;
  margin: 0 0.15em;
  padding: 0.2em 0.6em;
  font-weight: normal;
  letter-spacing: .04em;
  text-transform: uppercase;
  list-style: none;
}

.menu ul li.current {
}

.menu ul li.account_menu {
  border-right: none;
}

.menu ul li.account_menu a:hover {
  color: #7FB3CC;
}

.menu ul li button {
  font-size: 100%;
  text-transform: none;
  vertical-align: middle; /* Make IE happy */
  width: 6em;
}

.menu ul li a {
  text-decoration: none;
}

.menu ul li a:hover {
  color: #F7A145;
}

.menu ul li form {
  display: inline;
  position: absolute;
  right: 25px;
}

.menu ul li form div {
  display: inline;

}

ul.menu_level_2, ul.menu_level_3 {
  font-size: 16px;
  font-family: "Trebuchet MS" , Verdana, sans-serif;
  background-color: #D2EEF7;
  text-align: left;
}

ul.menu_level_2 li, ul.menu_level_3 li {
  background-color: transparent;
  margin: 0;
}

ul.menu_level_2 li.current, ul.menu_level_3 li.current {
  background-color: #54ABCC;
  font-weight: bold;
}

ul.menu_level_2 li a, ul.menu_level_3 li a {
  color: #66A6BA;
  text-transform: none;
}

ul.menu_level_2 li.current a, ul.menu_level_3 li.current a, ul.menu_level_2 li.current a:hover {
  color: White;
}

div.user_carousel {
  width: 100%;
  overflow: hidden;
}

table td.user_carousel_item {
  padding: 1em;
  text-align: center;
  vertical-align: middle;
}

/* Help */
p.help {
  font-weight: bold;
}

ul.help {
  padding-left: 2em;
  margin-left: 0;
}

ul.help li {
  margin-bottom: 0.8em;
}

/* See more */
p.more {
  clear: both;
  border-top: 1px solid Silver;
  padding: 0.6em 0.5em 0 0;
  text-align: right;
}

/* Media */
.media {
  width: 100%;
}

.media iframe, .media object {
  /* Needed by IE to hide top of iframes hosting media players. */
}

ul.media_tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  /* Needed for Sarafi to line stuff up correctly */
  overflow: hidden;
}

ul.media_tabs li {
  border-left: 1px solid #e6e6e6;
  border-top: 3px solid #e6e6e6;
  border-bottom: none;
  float: left;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 0.5em;
  background-color: #efefef;
}

ul.media_tabs li:last-child {
  border-right: 1px solid #e6e6e6;
}

ul.media_tabs li.current {
  background-color: #ffffff;
  border-top: 3px solid #444444;
}

ul.media_tabs li.current a {
  color: #444444;
}

ul.media_tabs li:hover {
  border-top: 3px solid #444444;
}

ul.media_tabs li * {
  vertical-align: middle;
}

.user_links p a:hover {
text-decoration: none;
}

p {
	line-height:1.4em;
}



ol.numbered_steps {
	padding: 0;
	margin: 0;
	margin-top: 1em;
}

ol.numbered_steps li {
	border-bottom: 1px solid #EFEFEF;
	color: #777777;
	line-height: 1.5em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 1em;
	padding: 0.4em 0 1.5em 4.5em;
	letter-spacing: -0.4px;
}

ol.numbered_steps li em {
	font-size: 140%;
	display: block;
	font-family: Georgia, Garamond, "Times New Roman", serif;
	font-style: italic;
	padding-bottom: .5em;
	color: #4d4d4d;
}

.list_one {
	background: url(/images/profilesettings_1.png) no-repeat left top;
}

.list_two {
	background: url(/images/profilesettings_2.png) no-repeat left top;
}

.list_three {
	background: url(/images/profilesettings_3.png) no-repeat left top;
}

.list_four {
	background: url(/images/profilesettings_4.png) no-repeat left top;
}

/* Menu Actions Padding Fix — fixes extra padding added by .actions when logged in */

.menu ul li.actions {
	padding: 0;
}

/* Home Page Styles */

#home_summary ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#home_summary ul li {
	margin: 1em 0;
	overflow: visible;
	border-bottom: 1px solid #f6f6f6;
}

#home_summary ul li.getting_started {
	padding-top:0em;
	margin-top: 0;
}

#home_summary ul li.getting_started img {
	margin: 0 .7em;
}

#home_summary a span {
	font-size:135%;
	line-height:1.4em;
	margin-top:1em;
}

#home_summary p, #home_summary .announcements li {
	color: #767676;
	font-family: Georgia, "Times New Roman", serif;
	margin:0;
	padding: 0 0 1em;
	line-height: 1.5em;
	font-size: 115%;
}

#home_summary p.support_text {
	font-size: 100%;
}

#home_summary ul li img {
	float: left;
	margin-right: .8em;
	margin-top: -.7em;
}

#home_summary ul li.getting_started p {
	background: url(/images/arrow.png) no-repeat 25em center;
	padding: 1em 0 .4em;
	border-top:1px dotted #EEEEEE;
	margin-top: .7em;
}

#home_summary div.whats_hot {
	min-height: 16em;
}

#home_summary p.welcome {
	padding: 0;
	line-height: 1.8em;
}

#home_summary p.welcome strong{
	font-size: 140%;
	font-family: Helvetica, Arial, sans-serif;
  color:#444;
  display: block;
}

#home_summary .announcements ul {
  margin-top: 1em;
}

#home_summary .announcements li {
  line-height: 1.5em;
  list-style-position: inside;
  list-style-type: disc;
  border: 0;
  padding-bottom: 0.5em;
}

#content ul.attendee_privleges li span {
	font-size: 130%;
}

#content ul.attendee_privleges li p {
		margin-left: 6.7em;
}

/* External Feed */
#external_feed * {
  display: block;
}
#external_feed div.feed_header {
  font-size: 140%;
  font-weight: bold;
}
#external_feed div.feed_item div.feed_item_header {
  margin: 0.5em 0 0 0;
}
div.external_feed div.feed_item div.feed_item_content {
  margin: 0 0 0.5em 0;
}

/* Alphabet Sort List */

#alphabet_filter ul {
	-moz-border-radius: .3em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0.6em;
	margin: 0 0 1em 0;
	background-color:#EFEFEF;
}

#alphabet_filter ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

#alphabet_filter ul li a, #alphabet_filter ul li span {
	font-size:100%;
	border:1px solid #EFEFEF;
	font-family:Arial,Helvetica,sans-serif;
	padding:0.3em;
	text-transform:uppercase;
	line-height:1.8em;
}

#alphabet_filter ul li.current a {
	background-color: #4d4d4d;
	color: white;
}

#alphabet_filter ul li.empty span {
  color: #CCCCCC;
}

#alphabet_filter ul li a:hover {
	text-decoration: none;
	background-color:#FFFFFF;
	border:1px solid #f7f7f7;
	color:#4D4D4D;
}

/* Toolbar */

#toolbar {
  background: transparent url("/images/zerista_toolbar_bg.png") repeat-x 0 0;
  border-bottom: 1px solid #efefef;
  padding: 0px 10px;
  height: 30px;
}

#toolbar #tool_select {
  float: left;
  width: 300px;
}

#toolbar select {
  width: 200px;
  padding: 2px;
  margin-top: 2px;
}

#toolbar ul {
  float: right;
  list-style-type: none;  
  margin: 0;
  padding: 0;
}

#toolbar ul li {
  float: left;
  border-right: 1px solid #efefef;
  padding: 6px 10px 8px;
}

#toolbar ul li:last-child {
  border-right: 0;
}

#toolbar ul li a {
  padding: 6px 10px 8px;
  font-size: 11px;
}

/* Zerista Toolbar Logo */

#toolbar #zerista_mini_logo {
  position: absolute;
  top: -2px;
  left: 0;
  border-right: 0;
}

#toolbar #create_new_group_item {
  position: absolute;
  left: 65px;
  border-right: 0;
}

#toolbar #create_new_group_item a {
  background: #E8FBFF;
  padding: 3px 10px;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
}

#zerista_mini_logo a {
  display: block;
  width: 60px;
  text-indent: -999px;
  background: transparent url("/images/zerista_toolbar_logo.png") no-repeat 0 0;
}

/* User Carousel and Exhibitor Carousel Fade */

#content.sideRight .user_carousel {
	position: relative;
}

#content.sideRight .user_carousel span {
	background: url(../images/carousel_right_fade.png);
	width: 98px;
	height: 200px;
	padding: 5px;
	position: absolute;
	right: -30px;
	top: 0;
}

/* See More Link */

.see_all {
  display: block;
  background: transparent url("../images/list_arrow.png") no-repeat 97% 1px;
  border-top: 1px solid #DDDDDD;
  padding: 0.4em 0.6em 0.5em;
  margin: 1em 0;
}

.see_all:hover {
  background-color: #f2f2f2;
}