/*** Global ***/
html, body {
	background: #fbfbfb;
	font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0;
	height: 100%; /* Required */
}



/** Fonts **/
body, p, div, td, input, textarea {
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, button {
  font-family: Helvetica, Arial, sans-serif;
}

/** Links **/
a {
	color: #333333;
		text-transform: uppercase;
}
a:visited {
	color: #666666;
		text-transform: uppercase;
}
a:hover {
	text-decoration: underline;
	color: #333333;
	text-transform: uppercase;
}
a.highlight { color: #f90; }
a.highlight:hover { color: #f90; text-decoration: none; }
a.friend { font-weight: bold; }
._image {
	border: solid 5px #CCCCCC;
	text-align: center;	
}.datetop {
	color:#bababa;
	font:bold 13px Arial, Verdana, sans-serif;
	text-transform:uppercase;
	margin:0;
}
#clips #search{float:left; margin:0px 0px 15px 0px; padding:0px;}
#clips #search #button{ float:left; font:Normal 10px Verdana;}
#clips #search #field{float:left; border:1px Solid #E2E2E2; font:Normal 10px Verdana; padding:2px; margin:0px 5px 0px 0px; width:100px; color:#A5A5A5;}
#clips #search #results{float:right; font:Normal 11px Verdana; padding:0px 10px 0px 0px; color:#F13D07; text-transform:capitalize;}
.clips #search #resultsError{color:#CC3300;}
ul.options .field{border:1px Solid #eeecec; padding:3px; font:Normal 18px Arial; color:#666666;}
.datebottom {
	color:#bababa;
	font:bold 26px Arial, Verdana;
	text-transform:uppercase;
	margin:-4px 0 0 0;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 5px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
}     

h3 {
	font-size: 12px;
	font-weight: bold;
}


.tblTitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 5px;
}

.title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 5px;
	text-transform: uppercase;
}


/** Special Classes **/
.noborder {
  border: none;
}


/** Body Wrapper **/
#wrapper {
  margin: 0 auto;
  width: expression(document.body.clientWidth < 805 ? "770px" : "100%" );
  min-width: 770px;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* Stupid IE */
}

* html #wrapper {
	height: 100%;
}


/** Header **/
#nav {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 14px;
   background: #b71212;
}

#nav #upper {
  height: 32px;
  color: #fff;
  background: #b71212;
  font-weight: bold;
}

#nav #upper .right {
   font-size: 12px;
}

#nav #upper .left img, #nav #lower .left img {
   vertical-align: bottom;
   margin: 0px 5px 0px 5px;
}

#nav #lower {
   font-family: Helvetica, Arial, sans-serif;
   color: #454545;
   background-color: #e8e8e8;
   height: 28px;
   font-size: 12px;
}

#nav #lower .right {
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 14px;
   position: absolute;
   right: 0;
   margin-top: 2px;
   margin-right: 5px;
}

#nav #lower .right .text {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 11px;
}

#nav #lower .right .submit {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   background-color: #a40f0f;
   color: #fff;
}

#nav #upper a:active { color: #feecb2; text-decoration: underline; }
#nav #upper a:hover { color: #feecb2; text-decoration: underline; background-color: transparent; }

#nav #upper .left a:link, #nav #upper .left a:visited { color: #fff; }

#nav #upper .right a:link { color: #feecb2; text-decoration: underline; }
#nav #upper .right a:visited { color: #feecb2; text-decoration: underline; }

#nav #lower .left a:link, #nav #lower .left a:visited { color: #3a64c3; text-decoration: underline; }
#nav #lower .left b a:link, #nav #lower .left b a:visited { color: #000099; text-decoration: underline; }
#nav #lower .left a:active, #nav #lower .left b a:active { color: #950c0c; text-decoration: underline; }
#nav #lower .left a:hover, #nav #lower .left b a:hover { color: #950c0c; text-decoration: underline; background-color: transparent; }

#nav img {
  vertical-align: top;
}
.CategoryList {
	padding: 6px;
	border: 0px solid #eee;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
}
#banner {
  clear: both;
  background: #A01616  repeat-x;
  height: 90px;
}

#banner a:hover { background: transparent }





#menu {
  font-family: Helvetica, Arial, sans-serif;
  color: #454545;
  font-size: 12px;
  font-weight: bold;  
}

#menu a {
  float: left;
  height: 19px;
  padding: 5px 10px 0px 10px;
  color: #454545;
  text-decoration: none;  
}

#menu a:hover, a.current {
  color: #000;
  text-decoration: underline;
  background: #B1B1B1;
}

#logout {
  float: right;
  font-family: Helvetica, Arial, sans-serif;
  color: #454545;
  font-size: 11px;
  padding: 5px 10px 0px 10px;
}

#logout a {
  color: #454545;
  font-weight: bold;
  background: transparent;
}

#breadcrumb {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding-bottom: 10px;
}


/** Main **/
#main {
	background: #fbfbfb;
	padding: 15px 15px 15px 15px;
	padding-bottom: 20px;
	height: auto;
}

#content {
  position: relative;
  width: expression(document.body.clientWidth < 805 ? "770px" : "100%" );
  max-width: 100%;
  min-width: 770px;                 
	background: #fbfbfb;
  padding-bottom: 40px;
}

#content-dashboard {
  position: relative;
  margin-right: 240px;
  min-width: 500px;                 
}


#content #event table {
  border: 0px;
}

#event td {
  background-color: transparent;
}

#content table.mymetros {
	width: auto;
}

#content table.mymetros td {
	padding-right: 30px;
}

#content table.mymetros a {
	color: #3a64c3;
}


/*** Footer ***/
#footer {
	background: #ededed;
	border-top: 2px solid #ccc;
	padding: 5px 0px;
	text-align: center;
	font-size: 11px;
	color: #454545;
	font-family: Helvetica, Arial, sans-serif;
	
	width: 100%;
	position: relative;
	margin-top: -2.5em;
	height: 16px;
}

#footer a {
	color: #454545;
	font-weight: bold;
}

#footer_nav {
  float: left;
  margin-left: 5px;
}

#footer_legal {
  float: right;
  margin-right: 5px;
  text-align: right;
}


/*** Components ***/

/** Sign In **/
#sidebar table.login {
	border: 1px solid #ff9900;
	background-color: #F5EEE1;
}

#sidebar table.login td {
	background-color: #F5EEE1;
}


/** Sidebar **/

div.block {
  margin-bottom: 20px;
}

div.block div.title {
  border-bottom: 1px solid #ACACAC;
}

div.noteblock {
  padding-bottom: 12px;
}

div.noteblock div.noteentry {
  background-color: #fef2c6;
  border: 1px solid #5360bc;
  padding: 10px;
}

div.noteblock img {
  vertical-align: top;
}

/*** Activity Styles ***/

div.block div.activity_record {
  margin-top: 15px;
  margin-bottom: 3px;
}

div.block div.activity_record div.content {
  background-color: #fff;
  border: 1px solid #b0b0b0;
  padding: 10px;
}

div.block div.activity_record span.ago {
  font-size: 10px;
  color: #959595;
}

div.block div.activity_record div.header {
  margin-bottom: 6px;
}

div.block div.activity_record div.content {
  clear: left;
}

div.block div.activity_record div.header div.from {
  float: left; 
}

div.block div.activity_record div.header div.tools {
  text-align: right; 
}

div.block div.activity_record div.header div.tools img {
  vertical-align: top;
  margin-left: 10px;
}

div.pager_place {
  font-size: 11px;
  padding-top: 10px;
  font-weight: bold;
}

div.pager {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}

div.pager .pagenumber {
  border: 1px solid #ccc;
  padding: 3px 6px 3px 6px;
}

div.pager .pagenumberActive {
  padding: 3px 6px 3px 6px;
}

/*** Search Form ***/
#searchForm {
  width: 740px;
  margin-top: 10px;
}

#searchForm h2 {
  font-size: 20px;
  margin-top: 0; padding-top: 0;
  color: #000;
}

#searchForm input {
  width: 400px;
	font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
}

#searchForm .submit {
	font-weight: bold;
  width: 60px;
}


/*** Search Results ***/
.searchResults .thead {
	font-weight: bold;
}

.searchResults td {
	font-size: 12px;
}

.searchCount {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 10px;
}
	
#scopeTabs {
	height: 26px;
	margin: 0;
	padding-left: 0px;
}

#scopeTabs li {
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
}

#scopeTabs a:link, #scopeTabs a:visited {
		float: left;
		background: #E5E5E5;
		line-height: 14px;
		font-weight: bold;
		padding: 5px 10px 5px 10px;
		border: 1px solid #ccc;
		border-bottom: none;
		text-decoration: none;
		color: #000;
}

#scopeTabs a:link.active, #scopeTabs a:visited.active {
	border-bottom: 1px solid #f3f3f3;
	background: #f3f3f3;
	color: #000;
}
	
#scopeTabs a:hover {
		background: #fff;
}

	
#sidebar table {
	padding: 0px;
	margin: 0px;
	border-collapse: collapse; 
	font-size: 11px;
	width: 100%;
	border: 0px solid #D3D3D3;
}

#sidebar table td {
	padding-left: 5px;
	padding-right: 5px;
}

#sidebar input {
	font-size: 11px;
}

#sidebar .submit {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
}

.weekend {
	border-left: 2px solid #999;
}

/* Event lists */

/* Event filters */
#filterContainer {
  float: left;
  width: 125px;
  font-family: Helvetica, Arial, sans-serif;
}

#filterContainer a:link,
#filterContainer a:visited {
  color: #4e47e2;
}

#filterContainer .title {
  font-size: 14px;
  color: #8c0000;
}

#filterContainer ul {
  border-left: 1px solid #c6c6c6;
  list-style: none;
  margin: 2px;
  padding: 0px 0px 0px 8px;
}

#filterContainer li {
  margin: 0px;
  font-weight: bold;
}


#filterContainer .active a:link,
#filterContainer .active a:visited {
  color: #000;
}

#filterContainer #pickDateLink {
  font-size: 11px;
}

/* Modal rectangle */
#modeBar {
  border: 1px solid #999;
  background-color: #f0f0f0; 
  height: 28px;
}

#modeBar .tabs div {
  border-right: 1px solid #999;
  float: left;
  text-align: center;
  white-space: nowrap;
	padding: 6px 15px 6px 15px;
	font-size: 14px;
}

#modeBar .tabs .last {
  border: none;
  font-size: 11px;
	text-align: right;
  float: right;
}

#modeBar .tabs .last a {
  text-decoration: underline;
}

#modeBar .tabs .active {
	background-color: #fff;
  color: #434343;
	font-weight: bold;
}

#modeBar .count {
  color: #9b9b9b;
  font-size: 10px;
  font-weight: normal;
}

#arrow {
  position: relative; 
  background:transparent top center no-repeat;
  top: -1px;
  padding: 0px;
  margin: 0px;
  width: 16px;
  height: 9px;
}

.a1 {
  left: 70px;
}

.a2 {
  left: 200px;
}

.tooltip {
  border: 1px solid #fce9cf;
  position: relative;
  background:#fbfbfb  top left repeat-x;
  margin: 5px;
  padding: 10px;
}

.hi-visibility {
  border: 1px solid #9b9beb;
  background-color: #eef;
  font-weight: bold;
  font-size: 13px;
  position: relative;
  margin: 5;
  padding: 10px;
}

#tooltip b {
  font-size: 16px;
  color: #666;
}

.photos {
  float: right;
  padding-left: 20px;
  padding-bottom: 10px;
}


/** Event Listings **/
.event-listing, .vcalendar {
  width: 100%;
}



/* xxx All Modules should use this */
.event-listing h2, #news h2 {
  color: #666;
  font-size: 18px;
  margin-bottom: 5px;
}

.event-listing table, .event-listing td, #news table, #news td { 
  border: none; 
  background: transparent;
}

.event-listing td {
  font-family: Helvetica, Arial, sans-serif;
  border-top: 1px solid #ccc;
  padding: 12px 0;
  vertical-align: top;
  font-size: 12px;
}

.event-listing td.noborder { border: none; }

.event-listing .date {
  padding-right: 12px;
  white-space: nowrap;
  font-size: 12px;
  color: #8c0000;
  text-align: right;
}

.event-listing .event-name {
  font-weight: bold;
  font-size: 14px;
}

.event-listing .event-attending {
  font-size: 11px;
  text-align: right;
  color: #f90
}

.event-listing .event-attending b {
  font-size: 20px;
}



#eventList {
  font-family: Helvetica, Arial, sans-serif;
  padding-top: 16px;
  width: 610px; 
  margin: 0px 0px 0px 125px;
}

.eventListTitle {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #4b4b4b;
}

#eventList .vevent {
  padding: 8px 0px 0px 0px;
  overflow: auto;
}

#eventList .date {
  float: left;
  margin-right: 12px;
  width: 70px;
  font-size: 12px;
  color: #8c0000;
  text-align: right;
}

#eventList .event {
  float: left;
  width: 520px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d2d2d2;
}

#eventList .eventMetadata {
  float: left;
  width: 370px;
}

#eventList .eventName {
  font-weight: bold;
  padding-bottom: 2px;
}
#eventList .friendSummary {
	font-size: 11px; 
	color: #fd8300; 
	font-weight: bold;
}

#eventList .high .eventName {
  font-size: 14px;
}

#eventList .medium .eventName {
  font-size: 12px; 
}

#eventList .low .eventName {
  font-size: 12px;
  font-weight: normal;
}

#eventList .eventDescription {
  padding: 5px 0px 5px 0px;
}

#eventList .venue {
  float: left;
  width: 140px;
  margin: 0px 0px 0px 10px;
}

#eventList .venueRegion {
  font-size: 11px;
}

#eventList .categories {
  font-size: 11px;
  color: #aaa;
  font-weight: bold;
}

.heading {
	color: #565656;
	font-size: 18px;
  font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}

.heading .small, .heading .small a {
	font-size: 12px;
	color: #3a64c3;
	font-weight: normal;
  text-transform: none;
}

#group .status {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
}

#group .status a {
	font-weight: bold;
}

#groupHeader {
	background-color: #F5EEE1;
	border-top: 1px solid #ff9900;
	padding: 10px;
}

#groupHeader .name {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 5px;
}
        
#groupHeader .tools {
	font-weight: bold;
	font-size: 11px;
	width: 220px;
	padding-left: 10px;
	float: right;
}

#groupHeader .tools a {
	color: #0000ff;
}

#groupHeader .tool {
	padding-bottom: 5px;
}

#groupDescription {
	padding-top: 5px;
}

#groupDiscussion .heading {
	padding-top: 40px;
}

#groupDiscussion .options {
	font-weight: bold;
        padding: 7px 0;
}

#groupDiscussion #comments {
	padding-left: 30px;
}

#groupDiscussion .date {
	font-size: 11px;
	text-align: left;
	color: #666;
	padding-bottom: 10px;
}

#comments {
	width: 400px;
}

#comments a {
	font-weight: bold;	
}

#comments .heading {
	margin-bottom: 10px;
	border-bottom: 1px solid #9A9A9A;
}

#comments img {
	max-width: 400px;
}


.byline {
	font-weight: bold;	
	font-size: 13px;
	padding-bottom: 10px;
}

.byline a {
	text-decoration: none;
}

.commentBody {
	padding-bottom: 2px;
}

.topic {
	padding-bottom: 10px;
}


#comments .date {
	font-size: 11px;
	text-align: right;
	color: #666;
	padding-bottom: 10px;
}

#comments .date a {
	color: #3a64c3;
	text-decoration: none;
}

#textAds {
	position: relative;
	margin: 4px 4px 4px 6px;
}

#docs .heading {
	padding-top: 20px;
	border-bottom: 1px solid;
}

#docs .description {
	padding: 20px;
	font-family: Courier New, Courier;
}

#docs .response {
	padding: 5px;
	background-color: #E7E7E7;
	border: 1px solid #ccc;
	font-family: Courier New, Courier;
}

div.docLinks, 
div.docToc {
        margin: 12px;
        padding: 4px;
	border: 1px solid #ff9900;
	background-color: #F5EEE1;
        float: right;
}

div.docLinks h1, div.docLinks h2, 
div.docToc h1, div.docToc h2 {
        margin: 0;
        padding: 0;
}

div.docLinks ul, div.docLinks ul li, 
div.docToc ul, div.docToc ul li {
        margin: 0;
        padding: 0;
        padding-left: 4px;
        list-style: none;
}


#sidebar {
	float: right;
	width: 200px;
	font-size: 12px;
	border-left: 1px solid #ccc;
	padding-left: 15px;
  margin-left: 15px;
}

/* Stupid IE */
* html #sidebar {
  position: absolute;
  right: 0;
}

* html #content-dashboard {
  height: expression(document.getElementById("sidebar").offsetHeight);
  height: 100%;
}

#sidebar .title {	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;	
	padding-bottom: 5px;
}

#sidebar .entry {
  line-height: 16px;
  border-bottom: 5px;
}

#sidebar .date {
	font-size: 11px;
	font-weight: bold;
}

#sidebar .comments {
	font-size: 11px;
	font-weight: bold;
  padding-bottom: 10px;
}


form {
	margin: 0px;
	padding: 0px;
}

.big {
  font-family: Helvetica, Arial, sans-serif;
}

.big .optional {
  margin-left: 20px;
}

.big .question {
  font-weight: bold;
  font-size: 16px;
  margin-top: 10px;
}

.big .required .question {
  color: #ad0b0a;
}

.big .required .questionTip {
  color: #000;
}

.big .questionTip {
  font-weight: normal;
  font-size: 10px;
}

.big .optional .question {
  font-weight: bold;
  font-size: 12px;
  margin-top: 10px;
}

.big .picks {
  font-size: 12px;
  margin-left: 20px;
}

.big input, .big select {
  margin-left: 30px;
  margin-top: 8px;
}

form .button {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 1px;
}

form .submit {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
  padding: 1px;
	font-weight: bold;
}

form .submitLink {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #3a64c3;
  background-color: transparent;
  text-decoration: underline;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  cursor: hand;
}

.required { 
  font-weight: bold;
}

.error { 
	font-weight: bold; 
	color: red; 
	font-size: 14px; 
	font-family: Helvetica, Arial, sans-serif;
  margin-bottom: 10px;
}

.error ul,.error li{
	padding: 0px;
	margin: 0 0 0 4px;
	list-style: none;
}

.status ul,.status li{
	padding: 0px;
	margin: 0 0 0 4px;
	list-style: none;
}
.statusSlideDown {
  margin: 0px 0;
  background-color: #E1F0F5; 
  border-bottom: 1px dashed #6BB300; 
  padding: 3px;
  font-size: 12px;
  font-weight: bold;
}
.statusSlideDown ul,.statusSlideDown li{
	padding: 0px;
	margin: 0 0 0 4px;
	list-style: none;
}

.info, .instructions, .status {
  margin: 4px 0;
  padding: 10px;
  border: 1px solid #fce9cf;
  background:#fbfbfb  top left repeat-x;
  font-size: 14px;
}

.newbox {
	border: 1px solid #fce9cf;
	position: relative;
	background:#fbfbfb  top left repeat-x;
	margin: 20px 0;
	padding: 20px;
	background-image:;
}                                                                                                                                                               

.xml {
	border: 1px solid;
	border-color: #FC9 #630 #330 #F96;
	padding: 0px 4px 1px 4px;
	font: bold 10px verdana,sans-serif;
	color: white;
	background: #F60;
	text-decoration: none;
	margin: 0;
}

a.xml:link, a.xml:hover, a.xml:visited {
	color: white;
	text-decoration: none;
	background: #f60;
}

.new {
	font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
	color: #F60;
	text-decoration: none;
}

.button {
	border: 2px solid;
	border-color: #fff #666 #666 #fff;
	font: 10px verdana,sans-serif;
	padding: 3px;
	background: #ccc;
	text-decoration: none;
}

.button a {
	color: #000;
	text-decoration: none;
}

abbr {
  border-bottom: 0px solid black;
  text-decoration: none;
}

#relatedTags td {
   font-size: 13px;
}

#tagList {
  margin-bottom: 10px;
}

#tagList td {
  font-size: 13px;
}

.sillyList {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.sillyList .popTag {
  padding: 0 2px;
}

div.form_input {
  margin: 4px;
  padding: 0px;
}

div.form_input input {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14pt;
  width: 300px;
}
div.form_input input.required {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  width: 300px;
}

div.form_input textarea {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10pt;
  width: 300px;
}

div.form_area {
  border: 2px solid gray;
  background-color: #ffefb5;
  margin: 4px;
  padding: 3px;
  font-size: 8pt;
  line-height: 10pt;
  width: 294px;
}

div.form_area div.areatitle {
  font-size: 10pt;
  line-height: 11pt;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}

input.bigbutton {
  font-weight: bold;
  font-size: 16pt;
}

/* Special form styles */

div.steps {
  margin-top: 30px;
  margin-bottom: 30px;
}

table.steps {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

table.steps td {
  border: 4px solid #ccc;
  padding: 0px;
  margin: 0px;
  background-color: #fff;
}

table.steps table.step_active td{
  background-color: #fff;
}

table.steps td.inst {
  border-left: 0px;
  padding: 8px;
  margin: 4px;
}

table.steps td.num {
  border-right: 0px;
  font-size: 24px;
  font-weight: bold;
  padding: 8px;
  padding-top: 4px;
  margin: 4px;
}

table.steps table.step td.num {
  color: #aaa;
}

table.steps table.step td.inst {
  color: #aaa;
}


table.steps table.step_active td.num {
  color: #f33;
}


div.form ul.dotless li {
  list-style: none;
  padding: 4px;
  margin-bottom: 3px;

}

div.form ul.sublist {
  margin-top: 5px;
}

div.form ul.sublist li {
  background-color: #efefef;
}

div.form ul.sublist li.warn {
  background-color: #ffffce;
}


div.form table.sublist td{
  background-color: transparent;
}

#newimportant {
	background-color: #fff;
	border: 1px solid #D3D3D3;
	padding: 10px;
	margin-top: 10px;
}

#newimportant img {
	float: left;
	padding-right: 10px;
}

#pageexplain {
	background-color: #fff;
	border: 1px solid #D3D3D3;
	padding: 10px;
	margin-top: 10px;
        margin-bottom: 10px;
}

/** UPC Widgets **/

div.widget_button {
	position: relative;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	display: inline;
	float: right;
}



div.widget_button a.clicker {
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
}

div.clicker_menu {
  visibility: hidden;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

div.clicker_menu a {
  text-decoration: underline;
  color: #3a64c3;
}

div.clicker_menu ul,
div.clicker_menu li {
  padding: 0;
  margin: 0;
  display: block;
}

div.clicker_menu,
div.clicker_menu ul {
  width: 20em;
}

div.clicker_menu li {
  list-style-type: none;
  position: relative;
  text-align: left;
  padding: 5px;
}

div.clicker_menu hr {
  height: 1px;
  border: 0px;
  color: #aaa;
  background-color: #aaa;
}

div.clicker_menu {
  position: absolute;
  top: 22px;
  right: 0;
  background-color: #fff;
  border-top: 1px solid #999;
  border-right: 3px solid #999;
  border-bottom: 3px solid #999;
  border-left: 1px solid #999;
  padding: 10px;
}

div.widget_button a.rollover {
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
}

div.rollover_menu a {
  text-decoration: underline;
  color: #3a64c3;
}

div.rollover_menu ul,
div.rollover_menu li {
  padding: 0;
  margin: 0;
  display: block;
}

div.rollover_menu,
div.rollover_menu ul {
  width: 20em;
}

div.rollover_menu li {
  list-style-type: none;
  position: relative;
  text-align: left;
  padding: 5px;
}

div.rollover_menu hr {
  height: 1px;
  border: 0px;
  color: #aaa;
  background-color: #aaa;
}

div.rollover_menu {
  position: absolute;
  background-color: #fff;
  border-top: 1px solid #999;
  border-right: 3px solid #999;
  border-bottom: 3px solid #999;
  border-left: 1px solid #999;
  padding: 10px;
}

/** Live Search **/

div.auto_complete {
width: 350px;
background: #fff;
}
div.auto_complete ul {
border:1px solid #888;
margin:0;
padding:0;
width:100%;
      list-style-type:none;
}
div.auto_complete ul li {
margin:0;
padding:3px;
}
div.auto_complete ul li.selected { 
  background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
color: #800; 
margin:0;
padding:0;
}

/* Moderation Stuff */

.casehistory { font-size: 10px; border: 1px solid #66aa66; background-color: #dfe; padding: 4px; }
.casehistory .title { margin: 0; padding: 0;} 
.casehistory .case { margin-bottom: 6px; border-bottom: 1px dashed #333;}
.casehistory .closed { color: #666; } 
.casehistory .assigned { color: #939;}
.casehistory .description {padding-left: 3px; margin: 2px; border: 1px dashed #ccc; background-color: #eee;} 
.casehistory .byline { font-size: 9px; padding-left: 6px; }

/* Promo */
.promo {
	background-color: #F5EEE1;
	border-top: 1px solid #ff9900;
}

.promo p {
  margin: 0; padding: 10px;
	border-top: 1px solid #ff9900;
  text-align: right;
	background: #fbfbfb;
	background-color: #ededed; 
}

.promo a:hover img {
	background: #fbfbfb;
}

.promo img {
  border: 0;
}

/* Blog */
.blog {}
.blog .navigation { }
.blog .navigation .left { float: left; }
.blog .navigation .right { float: right; }
.blog .navigation .clear { clear: left; }
.blogbody { width: 600px; }

/* Profile */
.name {
  font-weight: bold;
  font-size: 24px;
}

.profile .full_name {
	font-weight: bold;
}
.profile .bio .text { 
	margin: 4px 0 20px 0; 
	padding: 2px 0 0 0; 
	width: 400px;
	border-top: 1px dotted #bbb; 
}
.profile .bio .section_title {
	padding: 10px 0 0 0px;
	margin: 4px 0 0 0px;
	font-size: 9px;
	font-weight: bold;
}

.profile .user_controls {
	clear: left;
}

.profile .user_controls .control img {
	vertical-align: top;
}
.profile .user_controls .control a:hover {
	text-decoration: none;
}

img.avatar {
	margin: 0 4px 0px 0;
}

/* Flag */

.flag {
	margin: 15px 0px;
}

table.flag {
	margin: 0px;
	padding: 4px;
	width: 600px;
}

.flagNotice {
  margin:10px 0;
  padding:10px;
	border: 2px dotted #c33; 
	background-color: #faa; 
	width: 500px;
}

/* Notes */
div.activity_record div.tools a:hover {
	text-decoration: none; 
}

/* Group Discussions */

#event #addcomments {
  width: 280px;
}

#addcomments textarea {
  display: block;
	height: 120px;
	margin-bottom: 5px;
  font-size: 12px;
  padding: 3px;
  border: solid 1px #aaa;
  width: 290px;
}

#addcomments div.limit {
	float: right;
	text-align: right;
	font-size: 11px;
	color: #666;
}

/* Site Invites */
div.textarea_box {
	width: 400px;
}
div.textarea_box textarea {
	width: 400px;
	height: 80px;
	margin-bottom: 10px;
}
div.textarea_box div.limit {
	float: right;
	text-align: right;
	font-size: 11px;
	color: #666;
}
table#invitation_content {
	margin: 0px;
	padding: 5px;
	border: 0px solid black;
}
table#invitation_content td {
	background-color: transparent;
}
table#invitation_content td.heading {
	font-size: 16px;
	font-weight: bold;
}
div#mock_email {
	padding: 15px;
	border: 0px solid black;
	background-color: #eee;
}
div#mock_email span.label {
	font-weight: bold;
}
div#mock_email div.submit {
	padding: 15px;
	border-top: 1px dotted #ccc;
}

div.incomplete_invites ol, div.incomplete_invites li {
	font-size: 12px;
	margin-left: 30px;
}
div.incomplete_invite {
	margin-left: 5px;
}

div.accepted_invites ul, div.accepted_invites li {
	list-style: none;
	margin-left: 15px;
}
div.complete_invite {
	margin-left: 5px;
}
div.complete_invite img {
	padding: 0 5px;
}
div.accepted_invites div.complete_invite ul, div.accepted_invites div.complete_invite li {
	list-style: circle;
	margin-left: 15px;
}
/* Autocomplete styles */
.searchDiv {position:relative;width:500px;} /* set width of widget here*/
.searchInput {position:relative;}
.searchMatches {position:relative;width:auto;bottom:1px;left:10px;border:1px solid #404040;background:#fff;font-size:12px;overflow:hidden;display:none;}
.searchMatches ul {position:relative;width:100%;padding:0px 0px 0px 0px;list-style:none;margin:4px;}
.searchMatches li {padding:0px;cursor:default;white-space:nowrap;display:list-item;margin:0px;border-bottom:1px solid #ccc;}
.searchMatches li.highlight {background:#ff0;}

.searchShadow {position:absolute;width:100%;*width:auto;_width:100%;margin:.3em;z-index:5;background:#a0a0a0;padding:0;margin:0} /* bug 614383 workaround for ie7 */
.ysearchresult {font-size: 11px; font-weight: normal;}
.ysearchresult .resultname {font-weight: bold;}
.ysearchresult .address {font-size: 10px;}
.ysearchresult .rest {font-size: 10px;}

.venue_locked {margin-left: 20px;margin-top:5px;}

.calcontainer {
  position: absolute;
  display: none;
}

#container1 table, #container2 table {
  width: auto;
}

.calcontainer table {
	padding: 0px;
  margin: 0px;
  width: auto;
	border-spacing: 0px;
	border-collapse: separate; 
	border: 1px solid #D3D3D3;
}

.calcontainer table th {
  font-size: 11px;
}

.calcontainer table td {
  font-size: 11px;
  padding: 2px;
}

.calcontainer table td a:hover {
  background-color: transparent;
}

/* Filter Styles */
li.active {
	font-weight: bold;
}

.hidden_detail {
	display: none;
}
.discovered_note {
	font-weight: bold;
}
.container_rollover_reveal {
	display: none;
}
.listing_grabbable {
	cursor:pointer; cursor:hand;
}

/** Admin **/
.admin_controls, .adminToolbar {
  margin:10px 0!important;
  padding:10px!important;
	border: 2px dotted #c33!important; 
	background-color: #faa!important; 
	width: 300px;
}

.profile .admin_controls .section_title {
	font-size: 12px;
	font-weight: bold;
}


/*** Page Specific ***/

/** Front Page **/

/* Layout */
#frontpage-global {
  float: right;
  width: 350px;
}

#frontpage-nearby {
  margin-right: 390px;
}

/* Stupid IE */
* html #frontpage-nearby {
  width: 500px
}
* html #frontpage-global {
  position: absolute;
  left: 540px;
}



/* Featured */
#featured {
  font-size: 24px;
  line-height: 32px;
  color: #666;
  font-family: Helvetica, Arial, sans-serif;
}

#featured p { font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0 0 12px 0; }
#featured .highlight { color: #f90; }

/* Sign up */
#signup { margin: 25px 0; }
#signup div { margin-left: 15em; padding-top: 0.4em; }

.cta-w {background:transparent no-repeat top left;width:7em;font:bold 24px/1.2em arial;color:#666;text-decoration:none;text-align:center;margin:0;float:left;cursor:hand;cursor:pointer;display:block;} 
.cta-w:hover{cursor:hand;cursor:pointer;}
.cta-w strong{background:transparent no-repeat top right;right:-4px;position:relative;display:block;}

/* Around the World Today */
#world-today {
  position: relative;
  margin: 50px 0; border: 0; padding: 0;
}

/* News */
#news {
  margin-top: 50px;
}

#news .date {
  text-align: right;
  color: #8c0000;
  white-space: nowrap;
}

#news td {
  font-size: 12px;
}

/* Top Metros */
#topmetros {
  width: 100%;
  position: relative;
}

#topmetros h1 {
  margin: 0; padding: 0;
  color: #f90;
  font-size: 40px;
}

#topmetros h2 {
  color: #666;
  margin: 0; padding: 0;
  font-size: 13px;
}

#changemetro {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 10px;
  border: none;
  background: white;
}                          

/*** Top Metros: Change Location ***/
#topmetro input {
  border: 1px solid #ccc;
  height: 36px;
  font-size:32px;
  width: 70%;
  color: #666;
}

#topmetro button {
  vertical-align: top;
  border: 1px solid #ccc;
  color: #666;
  height: 40px;
  margin-left: 2%;
  font-size: 20px;
  width: 26%;
}

/*** Search ***/                                                                
#megasearch {
  margin: 5px 0;
}                                                                               

#megasearch h2 {                                                                
  color: #666;
  margin: 0; padding: 0;
  font-size: 18px;
  margin-bottom: 5px;                                                           
}                                                                                                                                                               
#megasearch input {
  width: 80%;
  font-size: 18px;
  margin: 0; padding: 2px;
  border: 1px solid #ccc;
  vertical-align: top;
  color: #666;
}

#megasearch button {
  width: 17%;
  font-size: 18px;
  margin: 0; padding: 2px;
  border: 1px solid #ccc;
  vertical-align: top;
  color: #666;
  background: #eee;
  cursor:hand;cursor:pointer;                                                   
}

/* Nearby Popular Events */
#nearby-popular h2 {
  font-size: 24px;
}

#nearby-popular .small {
  font-size: 12px;
}

#nearby-popular .event-name {
  font-size: 20px;
}

#nearby-popular .event-attending b {
  font-size: 24px;
}

/** Groups **/
#group-container { 
  width: 100%; 
  position: relative; 
}

#group-container #col1 { 
  float: left; 
  width: 49%; 
  padding-right: 1%; 
}

#group-container #col2 { 
  float: left; 
  width: 49%; 
  padding-left: 1%; 
}

#groupDescription #modlist {
  font-weight: bold;
  font-size: 1em;
color: #0000ff;
  margin: 5px 0;
}
/* Groups moderation */
div.confirmation {
	margin: 4px;
	padding: 8px;
	border: 1px solid #ff9900;
	background-color: #F5EEE1;
}

.moderation .actions td {
	background-color: #EEE;	
	padding: 1px;
}
.moderation .actions input {
	display: inline;
	padding: 0;
	margin: 0;
}
.moderation .actions_bottom td {
	background-color: #EEE;	
	padding: 1px;
}
.moderation .actions_bottom input {
	display: inline;
	padding: 0;
	margin: 0;
}

.moderation .mod_cell {
	padding: 3px;
	margin: 0;
}

/** Event Detail **/

/* Layout */

#event {
  width: 765px;
	font-family: Helvetica, Arial, sans-serif;
}

#event #eventMain {
  width: 500px;
  float: left;
  margin-right: 15px;
  border-right: 1px solid #ccc;
}


/* Main Info */

#event h1 {
  font-size: 24px;
  color: #333;
  padding: 0;
  margin: 0 10px 5px 0;
}

#event .edit img {
  padding-left: 15px;
  white-space: nowrap;
}

#event .edit {
  font-size: 12px;
}

#eventMetadata {
  width: 480px;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
  background-color: #f2f2f2; 
}

#eventMetadata .date {
  font-size: 14px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

#eventMetadata .time {
  font-size: 12px;
}

#eventMetadata .category {
  color: #3a3a3a;
  padding-top: 10px;
}

#eventMetadata .url {
  padding-top: 10px;
}

#eventMain .description {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  padding: 16px 30px 0px 0px;
  line-height: 1.4em;
  overflow: hidden;
  width: 450px;
}

#eventMain .byline {
  position: relative;
  color: #696969;
  font-size: 12px;
}

#event .mapping {
  position: relative;
  color: #696969;
  font-size: 12px;
  padding-top: 10px;
}

#event .directions {
  font-size: 10px;
}

#event .fn {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
}

#event .fn a {
  text-decoration: underline;
}

#event .venue {
  padding-bottom: 10px;
}

#event .map {
  width: 180px;
  float: right;
}

#event #mapContainer {
  border: 1px solid #bccacf;
}

#event .directions {
  position: relative;
  font-size: 10px;
}

#event .venueRelated {
  padding: 0px 0px 20px 0px;
}

#event .venueRelated td {
  font-size: 11px;
  padding: 0px 0px 2px 15px;
  margin: 0px;
}

.eventTally {
  position: absolute;
  right: 0px;
  width: 60px;
  font-weight: bold;
  text-align: center;
}

#eventAttendance label {
  margin: 10px;
}

.attend, .watch, .delete {
  padding: 20px 0 0 0;
}


.eventTallyAttend, #eventAttendance .attend label, .userlistAttend .title {
  color: #fe8200;
}

.eventTallyWatch, #eventAttendance .watch label, .userlistWatch .title {
  color: #92c0ff;
}

#eventAttendance .delete label {
  color: #666;
}

.eventTallyAttend {
  margin-bottom: 4px;
}

.eventTally .tallyNumber {
  font-size: 30px;
  margin-bottom: -6px;
  letter-spacing: -2px;
}

#eventAttendance {
  position: relative;
  margin-bottom: 12px;
}

#eventAttendance label {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 4px;
}

#eventAttendance input { 
  margin: 0;
  padding: 0;
}

#eventAttendance .watch, #eventAttendance .attend, #eventAttendance .delete {
  padding-bottom: 10px;
}

.userlist {
  width: 236px;
  margin-bottom: 20px;
  float: left;
}

#userlistExpand {
  border-top: 1px solid #ccc;
  margin-top: 5px;
  text-align: right;
  clear: both;
}

#userlistExpand .tab {
  float: right;
  background-color: #999;
  padding: 0px 8px 2px 8px;
  color: #fff;
  font-weight: bold;
}

.userlist .title {
  padding-top: 5px;
}

.userlistAttend, .userlistWatch {
  overflow: hidden;
  width: 116px;
  white-space: nowrap;
}

.userlistAttend {
  float: left; 
}

.userlistWatch {

}

#eventToolbar {
  background-color: #efe9ff;
  margin: 16px 0;
  padding: 4px;
}

#eventToolbar table {
  background-color: #efe9ff;
}

#eventToolbar td {
  padding: 2px;
  font-size: 11px;
  font-weight: bold;
}

#eventToolbar a {
  color: #3a64c3;
}

#eventToolbar a:hover {
  background-color: transparent;
}

#eventSidebar {
  width: 238px;
  margin-left: 515px;
}

.venueRelated .insetTitle, #eventTags .insetTitle, #eventGroups .insetTitle {
  font-size: 14px;
  font-weight: bold;
  color: #535353;
  padding-bottom: 10px;
}

#eventTags {
  margin-bottom: 15px;
}

#eventGroups ul {
  padding: 0;
  margin: 0;
}

#eventGroups li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#eventTags a {
  font-size: 12px;
}

#eventComments {
  overflow: hidden;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  padding: 30px 10px 0px 0px;
}

#eventComments #addcomments .heading {
  font-size: 14px;
  padding-bottom: 5px;
}

#eventComments .comment {
  margin: 0px 0px 15px 60px;
  width: 250px;
}

#eventComments .byline {
  color: #666;
  font-weight: normal;
  font-size: 12px;
  padding-bottom: 5px;
}

#eventComments .byline a {
  font-weight: bold;
}

#eventComments .date {
  color: #999;
  font-weight: normal;
  font-size: 10px;
}

#eventPhotos {
  margin: 0px 0px 10px 15px;
  width: 170px;
  float: right;
}

#eventPhotos img {
  border: 1px solid #000;
  margin-bottom: 8px;
}

#eventMain .heading {
  padding-bottom: 10px;
}

#event .small {
  font-size: 10px;
  text-transform: uppercase;
  color: #666;
}

/* Venue */

#venue .fn {
  font-size: 24px;
  font-weight: bold;
}

#venue .map {
  border: 1px solid #bccacf;
  width: 230px;
  margin: 10px 0px 0px 0px;
}

#venue .directions {
  position: relative;
  font-size: 10px;
}

.style1 {font-family: "Century Gothic"
}
#profileBuddylist img{float:left; margin-right:10px;}
.picContainer{width:100%; height:87px;}
#profileBuddylist {float:left; width:100px;margin-right:10px;text-align: center;}