/***************************************
  Last Updated: July 2010
  Updated By: Michael
  Created On: Oct 2009
  Created By: www.jimmycahill.com
***************************************/

body {
  background: #f2f2f2 url("/uig/header_bg.gif") repeat-x left top;
  color: #000;
  font: 12px/16px Helvetica Neue, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  }
div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, td, tr, input, form, img, p {
  border: none;
  margin: 0;
  padding: 0;
  }
a:link, a:visited {
  color: #000;
  text-decoration: none;
  }
a:hover, a:active {
  text-decoration: none;
  }





/******************************************************************************/
#frame {
  background: url("/uig/footer_bg.gif") repeat-x right bottom;
  }
#frame hr {
  display: none;
  }
#header, #footer, #menu, #content {
  width: 1000px;
  }
#content-container {
    width: 990px;
}



/******************************************************************************/
#header {
  background: #1a1a1a;
  color: #ccc;
  height: 78px;
  position:relative;
  }
#header h1 {
  background: transparent url("/uig/logo.gif") no-repeat left top;
  }
#header h1 a:link, #header h1 a:visited {
  background: transparent url("/uig/logo.gif") no-repeat left top;
  display: block;
  height: 78px;
  width: 220px;
  text-indent: -9999px;
  }
#header h1 a:hover, #header h1 a:active {
   /* background: transparent url("../_uig/header_logo_ov.gif") no-repeat left center; */
  }
#header h2 {
  font-size: 25px;
  position: absolute;
  top: 32px;
  left: 220px;
}
#header h2 strong {
  font-size: 36px;
}
#header h2 span {
  font-size: 15px;
}

#header ul {
  list-style: none;
  position: absolute;
  top: 14px;
  right: 15px;
}
#header ul li {
  float: left;
  border-right: 1px solid #999;
  padding: 0 2px 1px;
  text-align: center;
}
#header ul li.login, #header ul li.last {
  border-right: none;
}
#header ul a:link, #header ul a:visited {
  color: #ccc;
  padding: 1px 5px 1px;
}
#header ul a:hover, #header ul a:active {
  background: #4d4d4d;
}
#header ul li.login a:link, #header ul li.login a:visited {
  background: transparent url("/uig/login_down.gif") no-repeat right top;
  padding-right: 22px;
}
#header ul li.login a:hover, #header ul li.login a:active {
  background: #4d4d4d url("/uig/login_down_hov.gif") no-repeat right top;
}
#header ul li.login a.selected {
  background: #4d4d4d url("/uig/login_up.gif") no-repeat right top; /* */
}




/******************************************************************************/
#menu {
  background: #1a1a1a;
  /*border-bottom: 1px solid #7b7b7b; */
  height: 37px;
  position: relative;
  clear: both;
  }
#menu h2 {
  display: none;
}
#menu ul {
  background: url("/uig/upcoming_menu_sprites.gif") no-repeat left top;
  list-style: none;
  width: 370px;
  height: 36px;
  margin-left: 220px;
}

#menu ul li {
  float: left;
  padding-right: 1px;
}

#menu ul li a {
  text-indent: -9999px;
  display: block;
  height: 36px;
}

#menu ul li#link1 { width: 99px;}
#menu ul li#link2 { width: 80px;}
#menu ul li#link3 { width: 93px;}

#menu ul li#link1 a:link, #menu ul li#link1 a:visited { background: url("/uig/upcoming_menu_sprites.gif") no-repeat left top; }
#menu ul li#link1 a:hover, #menu ul li#link1 a:active  { background: url("/uig/upcoming_menu_sprites.gif") no-repeat left -36px; }
#menu ul li#link1 a.selected  { background: url("/uig/upcoming_menu_sprites.gif") no-repeat left -72px; }
#menu ul li#link2 a:link, #menu ul li#link2 a:visited { background: url("/uig/upcoming_menu_sprites.gif") no-repeat -100px top; }
#menu ul li#link2 a:hover, #menu ul li#link2 a:active  { background: url("/uig/upcoming_menu_sprites.gif") no-repeat -100px -36px; }
#menu ul li#link2 a.selected  { background: url("/uig/upcoming_menu_sprites.gif") no-repeat -100px -72px; }
#menu ul li#link3 a:link, #menu ul li#link3 a:visited { background: url("/uig/upcoming_menu_sprites.gif") no-repeat -181px top; }
#menu ul li#link3 a:hover, #menu ul li#link3 a:active  { background: url("/uig/upcoming_menu_sprites.gif") no-repeat -181px -36px; }
#menu ul li#link3 a.selected  { background: url("/uig/upcoming_menu_sprites.gif") no-repeat -181px -72px; }


#menu form {
  background: url("/uig/search_box.gif") no-repeat left top;
  width: 192px; /* 192 - left/right border + padding */
  height: 32px; /* 32 - left/right border + padding */
  position: absolute;
  top: 0;
  right: 10px;
}
#menu form #searchbox {
  width: 103px;
  height: 14px;
  margin-left: 28px;
  border: none;
  color: #666;
  padding: 1px 0 0;
  vertical-align: text-top;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  #menu form #searchbox {  vertical-align: text-bottom; padding: 2px 0; } /* FIX SAFARI */
}
#menu form #searchsubmit {
  background: url("/uig/search_button.gif") no-repeat 1px top;
  color: #f8d400;
  width: 57px;
  height: 32px;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
  font-size: 1px;
}

/* no yellow button
#menu form {
  background: url("/uig/search_box.gif") no-repeat left top;
  width: 165px;  ************192 - left/right border + padding
  height: 24px;  ************32 - left/right border + padding
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 6px 0 2px 27px;
}
#menu form #searchbox {
  width: 100px;
  border: none;
  color: #666;
}
*/


/******************************************************************************/
#content {
  background: #fff url("/uig/content_bg.gif") repeat-y left top;
  padding: 0 0 15px 0;
  }
#content.three_col {
  background: #fff url("/uig/content_3col_bg.gif") repeat-y left top;
  }


.maincontent, #submenu {
  float: left;
  }




/******************************************************************************/
#submenu {
  width: 220px;  /* 220px minus left/right border + padding + margin */
  min-height: 1000px; /* arbitrarily as long as an average page - hopefully this will not bite us in the ass later */
  }

#submenu ul {
  list-style: none;
  }


#submenu ul li, #submenu ul.feeds li ul li {
  font-size: 13px;
  font-weight: normal;
  }

#submenu ul.feeds li {
  font-size: 16px;
  font-weight: bold;
  color: #111;
  text-transform: lowercase;
  background: url("/uig/menu_btn.gif") no-repeat left bottom;
  }
#submenu ul.feeds li a:link, #submenu ul.feeds li a:visited {
  background: url("/uig/menu_btn.gif") no-repeat left bottom;
  color: #111;
  display: block;
  padding: 11px 0 10px 14px;
  }

#submenu ul.feeds li a:hover, #submenu ul.feeds li a:active {
    background: #ccc;
    width: 197px;
}

#submenu ul.feeds li a.selected {
  background: #FC0 url("/uig/menu_btn_ov.gif") no-repeat left center;
  width: 205px;
}

.requests a.selected, #my-events-header a.selected, .createEvent a.selected {
  padding: 3px 3px 3px 3px;
  background: #FC0;
}

a.sidemenu-link:hover, a.sidemenu-link:active {
    padding: 3px 3px 3px 3px;
    background: #ccc;
}

a.sidemenu-link-subdued:hover, a.sidemenu-link-subdued:active {
    padding: 1px 1px 1px 1px;
    background: #ccc;
}


#submenu ul.feeds li ul {
  margin: 6px 15px 0 6px;
  border-bottom: 1px solid #aaa;
}
#submenu ul.feeds li ul li {
  background: none;
  text-transform: none;
}
#submenu ul.feeds li ul li a:link, #submenu ul.feeds li ul li a:visited {
  padding: 0;
  background: none;
  color: #666;
  padding: 2px 0 2px 6px;
}
#submenu ul.feeds li ul li a:hover, #submenu ul.feeds li ul li a:active, #submenu ul.feeds li ul li a:hover, #submenu ul.feeds li ul li.selected-feed {
  background: #ccc;
}


#submenu ul.feeds li ul li.all, #submenu ul.feeds li ul li.less {
  border-top: 1px solid #ccc;
  text-transform: lowercase;
  font-size: 13px;
  margin-top: 5px;
  padding-top: 2px;
  width: 135px;
  float: left;
}
#submenu ul.feeds li ul li.all a:link, #submenu ul.feeds li ul li.all a:visited {
  background: url("/uig/all_btn.gif") no-repeat left 1px;
  padding: 2px 0 2px 22px;
}
#submenu ul.feeds li ul li.all a:hover, #submenu ul.feeds li ul li.all a:active {
  background: url("/uig/all_btn_ov.gif") no-repeat left 1px;
  color: black;
}

#submenu ul.feeds li ul li.less a:link, #submenu ul.feeds li ul li.less a:visited {
  background: url("/uig/less_btn.gif") no-repeat left 1px;
  padding: 2px 0 2px 22px;
}
#submenu ul.feeds li ul li.less a:hover, #submenu ul.feeds li ul li.less a:active {
  background: url("/uig/less_btn_ov.gif") no-repeat left 1px;
  color: black;
}

#submenu ul.feeds li ul li.more  {
  background: url("/uig/more_btn.gif") no-repeat left top;
  border-top: 1px solid #ccc;
  text-transform: lowercase;
  font-size: 11px;
  margin: 5px 0 10px 0;
  width: 60px;
  float: left;
}
#submenu ul.feeds li ul li.more a:link, #submenu ul.feeds li ul li.more a:visited {
  background: url("/uig/more_btn.gif") no-repeat left top;
  color: #fff;
  padding: 4px 0 2px 7px;
  width: 57px;
}
#submenu ul.feeds li ul li.more a:hover, #submenu ul.feeds li ul li.more a:active, #submenu ul.feeds li ul li.more a.more-on {
  background: url("/uig/more_btn_ov.gif") no-repeat left top;
}

#extra-following {
    display:none;
    margin:0 !important;
}





#submenu ul.myevents {
  background: #f7f7f7;
  color: #888;
  margin: 14px 20px 26px 8px;
  }
#submenu ul.myevents li {
  border-bottom: 1px solid #fff;
  padding: 4px 0 5px 8px;
  }
#submenu ul.myevents li.head {
  background: url("/uig/myevents_bg.gif") no-repeat left top;
  color: #111;
  font-weight: bold;
  font-size: 16px;
  text-transform: lowercase;
  padding: 8px 0 8px 8px
  }
#submenu ul.myevents li strong {
  color: #111;
  }
#submenu ul.myevents li.head strong {
  background: #34b74f;
  color: #fff;
  line-height: 25px;
  padding:  2px 7px;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

  /*
#submenu ul.myevents li span {
  background: url("/uig/myevents_left.gif") no-repeat left 1px;
  color: #fff;
  line-height: 25px;
  padding:  0 0 2px 1px;
}
#submenu ul.myevents li span strong {
  background: url("/uig/myevents_right.gif") no-repeat right bottom;
  padding: 4px 7px 2px;
  font-size: 12px;
  color: #fff;
}
*/

#my-events-counter {
    float:right;
    margin-right: 8px;
    margin-top: -5px;
}

#submenu ul.myevents li a.create {
  background: url("/uig/create_btn.gif") no-repeat center top;
  padding: 3px 7px;
  font-size: 11px;
  color: #fff;
}

#submenu ul.requests  {
  margin: 20px 25px 0 14px;
  }
#submenu ul.requests li {
  padding: 4px 0;
  border-bottom: 1px solid #f2f2f2;
  }

#submenu div {
  margin: 4px 25px 0 14px;
}






/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
#supercontent {
  background: #fff;
  padding: 10px 0 15px 0;
  margin-right: 10px;
  margin-left: 230px;
  border-bottom: 1px solid #ccc;
  min-height: 150px;
  }
#supercontent h2,
#supercontent .info .page-title {
  font-size: 25px;
  line-height: 28px;
  margin: 1px 0 8px;
}
#supercontent .info .page-title {
  font-weight: bold;
}
#supercontent .page-title span {
  font-size: 18px;
  line-height: 28px;
  margin: 1px 0 8px 10px;
  color: #999;
  font-weight: normal;
}
#supercontent img {
  border: 1px solid #bfc0c6;
  padding: 1px;
  margin: 1px 10px 8px 0;
  }
#supercontent a:link img, #supercontent a:visited img {
  background: transparent;  
  outline-style: none;
  }
#supercontent a:hover img, #supercontent a:active img {
  background: #999;
  border: 1px solid #999;
  }
#supercontent .metadata {
  color: #777;
  margin: 8px 0 0;
  }
#supercontent .metadata a:link, #supercontent .metadata a:visited { 
  border-bottom: 1px dotted #333;
  padding: 2px 2px 0;
}
#supercontent .metadata a:hover, #supercontent .metadata a:active { 
  background: #ddd;
}
  
  
  
  
  
  



#supercontent .img, #supercontent .info, #supercontent .add {
  float: left;
}
#supercontent .info {
  width: 390px; /* 412px */
  padding: 0 22px 0 0;
}
#supercontent .venue { 
  color: #777;
  font-size: 15px;
  margin-top: -4px;
  }
#supercontent .venue .address { 
  font-size: 12px;
  line-height: 24px;
  }
  

  
  
#supercontent .add {
  text-align: center;
  padding-left: 10px;
}
#supercontent .follow_btn a:link, #supercontent .follow_btn a:visited {
  background: url("/uig/follow_btn.gif") no-repeat left top;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 180px;
  height: 35px;
  outline-style: none;
}
#supercontent .follow_btn a:hover, #supercontent .follow_btn a:active {
  background: url("/uig/follow_btn_ov.gif") no-repeat left top;
}

#supercontent .followed {  
  background: url("/uig/followed.gif") no-repeat left top;
  text-indent: -9999px;
  width: 180px;
  height: 35px;
  }
  
  
  


/******************************************************************************/
.maincontent {
  /* width: 770px; 780px minus left/right padding + border + margin */  /* DIDN'T DEFINE A WIDTH HERE SO THAT SUBCONTENT DIV CAN FLOAT IN AND OUT, COULD CREATE PROBLEMS IN THE FUTURE */
  margin: 0 0 30px 10px;
  }


.maincontent .filters {
  background: #000 url("/uig/filters_bar.gif") no-repeat left top;
  height: 26px; /* 30px */
  width: 682px; /* 745 */
  padding: 4px 8px 0 55px;
  margin: 10px 0 0;
  }
.maincontent .filters strong {
  display: none;
  }
.maincontent .filters .price {
  width: 100px;
  height: 19px;
  text-align: center;
  font-size: 11px;
  }
.maincontent .filters .price a {
  display: block;
  background: #000 url("/uig/filters_bar_price.gif") no-repeat left top;
  width: 100px;
  height: 19px;
  text-align: center;
  padding: 3px 20px 0 0;
  font-size: 11px;
  }

.maincontent h2 {
  display: none;
  }
.maincontent h3 {
  font-size: 25px;
  line-height: 28px;
  margin: 1px 0 8px;
  }


.maincontent .listing {
  border-bottom: 1px solid #bbb;
  margin: 1px 10px 2px 0;
  padding: 15px 0 15px;
  clear: both;
}

.maincontent .listing ul {
  list-style: none;
  font-weight: bold;
}
.maincontent .listing ul li {
  float: left;
  border-right: 1px solid #eee;
  margin: 5px 10px 6px 0;
  padding: 4px 10px 0 25px;
  height: 22px;
}

.maincontent .listing ul li.cats  { padding: 0px 0px 0px 0px; }
.maincontent .listing ul li.cats div { padding: 4px 9px 0px 5px; }
.maincontent .listing ul li.time { background: url("/uig/icon_time.gif") no-repeat left top; }
.maincontent .listing ul li.price { background: url("/uig/icon_price.gif") no-repeat left top; }

.maincontent .listing ul li.price { border-right: none; }



.maincontent .listing .img, .maincontent .listing .info, .maincontent .listing .add {
  float: left;
}
.maincontent .listing .info {
  width: 412px;
}

.maincontent .listing .info-small {
  float: left;
  width: 317px;
}

.listing-img {
    width: 125px;
    height: 125px;
  border: 1px solid #bfc0c6;
  padding: 1px;
  margin: 1px 10px 8px 0;
  }
.listing-img-small {
    width: 90px;
    height: 90px;
  border: 1px solid #bfc0c6;
  padding: 1px;
  margin: 1px 10px 8px 0;
  }
.maincontent .listing a:link img, .maincontent .listing a:visited img {
  background: transparent;
  }
.maincontent .listing a:hover img, .maincontent .listing a:active img {
  background: #999;
  border: 1px solid #999;
  }
.maincontent .listing .venue {
  color: #777;
  font-size: 15px;
  margin-top: -4px;
  }
.maincontent .listing .location {
  color: #777;
  font-size: 18px;
  margin-top: -4px;
  }
.maincontent .listing .bio {
  color: #777;
  font-size: 15px;
  margin-top: 9px;
  }
.maincontent .listing .venue .address {
  font-size: 12px;
  line-height: 24px;
  }

.maincontent .listing .metadata {
  color: #777;
  clear: both;
  }
.maincontent .metadata a:link, .maincontent .metadata a:visited {
  border-bottom: 1px dotted #333;
  padding: 2px 2px 0;
}
.maincontent .metadata a:hover, .maincontent .metadata a:active {
  background: #ddd;
}

.metadata-small {
    color: #777;
}
.maincontent-small .metadata a:link, .maincontent-small .metadata a:visited {
  border-bottom: 1px dotted #333;
  padding: 2px 2px 0;
}
.maincontent-small .metadata a:hover, .maincontent-small .metadata a:active {
  background: #ddd;
}

.maincontent .listing .metadata a.follow {
  background: url("/uig/follow_btn.gif") no-repeat left top;
  color: #222;
  padding: 0 6px;
  line-height: 16px;
  font-size: 10px;
  font-weight: bold;
  border-bottom: none;
}



.info-small .metadata-small ul.social_networks {
	width: 370px;
}
.info-small .metadata-small ul.social_networks li {
	width: 150px;
	padding: 2px 0 0 24px;
	margin: 10px 0 0 0;
	float: left;
	border: none;
}
.info-small .metadata-small ul.social_networks li a span {
	font-weight: normal;
	color: #999;
}
.info-small .metadata-small ul.social_networks li.facebook { background: url("/uig/facebook_icon.gif") no-repeat left top;
}
.info-small .metadata-small ul.social_networks li.twitter { background: url("/uig/twitter_icon.gif") no-repeat left top }







  
  



/**********************************************************************
    3 COL. ALTERNATIVE FOR ADD BUTTONS AND LAYOUT
**********************************************************************/

.three_col .maincontent  {
  width: 530px;  
  margin: 0 20px 30px 10px;
}
.three_col .maincontent .listing .info {
  width: 500px;
}

.three_col .maincontent .listing {
  width: 530px;
}
.three_col .maincontent .listing .info-small {
  float: left;
  width: 290px;
}
.three_col .maincontent h3 {
  font-size: 20px;
  margin-bottom: 1px;
}
.three_col .maincontent h3 span.location {
  font-size: 16px;
  font-weight: normal;
}


.three_col #subcontent h2 {
  font-size: 25px;
  color: #777;
  margin: 4px 0 10px 0;
}
.three_col #subcontent ul.followers_add, .three_col #subcontent ul.following, .three_col #subcontent ul.followers, .three_col #subcontent ul.sources, .three_col #subcontent ul.feeds_following {
  list-style: none;
}
.three_col #subcontent ul.followers_add li, .three_col #subcontent ul.following li {
  float: left;
  width: 40px;
  height: 40px;
  margin: 0 7px 4px 0;
  padding-bottom: 5px;
}
.three_col #subcontent ul.followers_add li img, .three_col #subcontent ul.following li img{
  width: 40px;
}
.three_col #subcontent ul.followers_add li a:link, .three_col #subcontent ul.followers_add li a:visited  {
  display: block;
  padding: 0 0 17px;
  background: url("/uig/add_mini.gif") no-repeat center bottom;
}
.three_col #subcontent ul.followers_add li a:hover, .three_col #subcontent ul.followers_add li a:active  {
  background: url("/uig/add_mini_ov.gif") no-repeat center bottom;
}



.three_col #subcontent ul.followers, .three_col #subcontent ul.sources {
  height: 75px;
  border-top: 2px solid #fff;
  }
.three_col #subcontent ul.feeds_following li {
  font-size: 14px;
  border-top: 2px solid #fff;
  padding: 3px 0 4px 0;
 }
.three_col #subcontent ul.followers li, .three_col #subcontent ul.sources li {
  font-size: 14px;
  border-bottom: 2px solid #fff;
  padding: 2px 0 3px 0;
  }
.three_col #subcontent ul.followers li strong, .three_col #subcontent ul.sources li strong, .three_col #subcontent ul.feeds_following li strong {
  background: #34b74f;
  color: #fff;
  line-height: 25px;
  padding:  2px 7px;
  font-size: 12px;
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }
.three_col #subcontent ul.followers li.all, .three_col #subcontent ul.sources li.all {
  float: right;
  margin: -31px 0 0;
  border: none;
  }
.three_col #subcontent ul.followers li.all a:link, .three_col #subcontent ul.followers li.all a:visited, .three_col #subcontent ul.sources li.all a:link, .three_col #subcontent ul.sources li.all a:visited, .three_col #subcontent ul.feeds_following li.all a:link, .three_col #subcontent ul.feeds_following li.all a:visited  {
  background: #ccc;
  color: #fff;
  line-height: 25px;
  padding:  2px 9px;
  font-size: 12px;
  font-weight: bold;
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-transform: lowercase;
  }
.three_col #subcontent ul.followers li.all a:hover, .three_col #subcontent ul.followers li.all a:active, .three_col #subcontent ul.sources li.all a:hover, .three_col #subcontent ul.sources li.all a:active, .three_col #subcontent ul.feeds_following li.all a:hover, .three_col #subcontent ul.feeds_following li.all a:active   {
  background: #34b74f;
  }
.three_col #subcontent ul.feeds_following li a.unfollow, .three_col #subcontent ul.feeds_following li a.follow {
  background: #ddd;
  padding:  0 6px;
  font-size: 10px;
  font-weight: bold;
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-transform: lowercase;
}



.three_col .maincontent .listing  {
  position: relative;
}
.three_col .maincontent .listing .add {
  background: url("/uig/addtoevents_btn.gif") no-repeat right top;
  text-align: center;
  padding-left: 10px;
  position: absolute;
  top: 16px;
  right: 1px;
}
.three_col .maincontent .listing .add_btn a:link, .three_col .maincontent .listing .add_btn a:visited {
  background: url("/uig/addtoevents_btn.gif") no-repeat left top;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 133px;
  height: 26px;
  outline-style: none;
}

.three_col .maincontent .listing .add_btn a:hover, .three_col .maincontent .listing .add_btn a:active {
  background: url("/uig/addtoevents_btn_ov.gif") no-repeat left top;
}

.three_col .maincontent .listing .add_btn a.added {  background: url("/uig/addtoevents_btn_added.gif") no-repeat left top; }

.three_col .maincontent .listing .follow {
  background: url("/uig/follow_btn_sm.gif") no-repeat right top;
  text-align: center;
  padding-left: 10px;
  position: absolute;
  top: 16px;
  right: 1px;
}
.three_col .maincontent .listing .follow_btn a:link, .three_col .maincontent .listing .follow_btn a:visited {
  background: url("/uig/follow_btn_sm.gif") no-repeat left top;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 133px;
  height: 26px;
  outline-style: none;
}
.three_col .maincontent .listing .follow_btn a:hover, .three_col .maincontent .listing .follow_btn a:active {
  background: url("/uig/follow_btn_ov_sm.gif") no-repeat left top;
}

.three_col .maincontent .listing .add_btn a.followed {  background: url("/uig/followed.gif") no-repeat left top; }
  

.three_col .maincontent .listing .invites {
  margin: 6px 0 0 0;
}
.three_col .maincontent .listing .invites a { 
  border-bottom: 1px dotted #999;
  padding: 2px 2px 0;
}

.three_col .maincontent .listing .invites span strong {
  color: #fff;
  background: #34b74f;
  line-height: 25px;
  padding:  2px 7px;
  font-size: 12px;
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.three_col .maincontent .listing .metadata-small a.follow {
  background: url("/uig/follow_btn.gif") no-repeat left top;
  position: static;
  color: #222;
  padding: 0 6px;
  line-height: 16px;
  font-size: 10px;
  font-weight: bold;
  border-bottom: none;
  }
/*
.three_col .maincontent .listing .add {
  display: none;
}
*/














.user-heading {
    font-size: 25px;
    margin: 19px 1px 5px 0;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #AAAAAA;
    line-height: 28px;
    width: 530px;
}

.user-following h1, .user-upcoming-events h1 {
    margin: 10px 0 10px 0;
}

.following-item {
    margin: 5px 0 5px 0;
}

.following-item a:hover {
    background: #ddd;
}

.facebook-id, .twitter-id {
  float: left;
  margin-right: 20px;
  font-size: 13px;
  margin-top: 15px;
}

.facebook-id a {
    border-bottom: 1px dotted #333;
}

.twitter-id a {
    border-bottom: 1px dotted #333; 
}

.secondary-small {
    color:#777777;
    font-size:12px;
    margin-top:4px;
}

.maincontent .listing .tag_reco, .maincontent .listing .tag_spon, .maincontent .listing .tag_user { color: #fff; font-size: 11px; text-align: center; }
.maincontent .listing .tag_reco { background: url("/uig/tag_reco.gif") no-repeat left 1px; width: 96px; }
.maincontent .listing .tag_spon { background: url("/uig/tag_sponsored.gif") no-repeat left 1px; width: 81px; }
.maincontent .listing .tag_user { background: url("/uig/tag_usermade.gif") no-repeat left 1px;width: 81px;  }




.maincontent .listing .add {
  text-align: center;
  padding-left: 10px;
}

.add_btn {
    outline: none;
}


.add_btn a:link,.add_btn a:visited, .create-event-btn {
  background: url("/uig/add_btn.gif") no-repeat left top;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 180px;
  height: 35px;
}

.createEventBtn {
  background: url("/uig/create_event_button.png") no-repeat left top;
  width: 59px;
  height: 18px;
  float: right;
  margin-right: 8px;
  display: block;
  text-decoration: none;
}

.createEventBtn:hover {
  background-image: url("/uig/create_event_button_ov.png");
}

.add_btn a:hover, .add_btn a:active {
  background: url("/uig/add_btn_ov.gif") no-repeat left top;
}

.add_btn a.added {  background: url("/uig/added.gif") no-repeat left top; }

.add_btn a.added:hover {
    background: url("/uig/remove_btn_ov.gif") no-repeat left top;
}

.listing-title-small {
    font-size:20px;
    font-weight:bold;
    line-height:23px;
    width: 290px;
    float: left;
    margin-bottom: 3px;
}

.event_listings_small {
    width: 578px;
    float: left;
}

.extra-feed-data {
    width: 577px;
}

.add_btn-small {
  width: 135px;
  height: 26px;
}

.add_btn-small a:link,.add_btn-small a:visited {
  background: url("/uig/add_btn_sm.gif") no-repeat left top;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  height: 26px;    
}
.add_btn-small a:hover, .add_btn-small a:active {
  background: url("/uig/add_btn_ov_sm.gif") no-repeat left top;
}

.add_btn-small a.added {  background: url("/uig/added_sm.gif") no-repeat left top; }

.add_btn-small a.added:hover {
    background: url("/uig/remove_btn_ov_sm.gif") no-repeat left top;
}


.maincontent .listing .invites {
  margin: 6px 0 0 0;
}
.maincontent .listing .invites a {
  border-bottom: 1px dotted #999;
  padding: 2px 2px 0;
}
      /*
.maincontent .listing .invites span strong {
  color: #fff;
  background: #34b74f;
  line-height: 25px;
  padding:  2px 7px;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
*/

.maincontent  .listing .invites span {
  background: url("/uig/myevents_left.gif") no-repeat left top;
  color: #fff;
  line-height: 25px;
  padding:  4px 0 2px 1px;
}
.maincontent  .listing .invites span strong {
  background: url("/uig/myevents_right.gif") no-repeat right bottom;
  padding: 4px 7px 2px;
  font-size: 12px;
  color: #fff;
}


/******************************************************************************//******************************************************************************/
.maincontent div.desc, .maincontent div.success  {
  clear: both;
  width: 530px;
  padding: 15px 0 20px;
}
.maincontent div.desc h4  {
  color: #808080;
  font-weight: normal;
  text-transform: lowercase;
  text-align: right;
  float: left;
  width: 117px;
  padding-right: 8px;
}
.maincontent div.desc p  {
  width: 385px; /* 405 - p/m/b */
  padding: 0 20px 10px 0;
  margin: 0 0 0 127px;
}

/******************************************************************************//******************************************************************************//******************************************************************************/
.maincontent div.wixs {
  background:transparent url("/uig/wixitysays_boxbottom.gif") no-repeat center bottom;
  clear: both;
  width: 530px; /* 540 - p/m/b */
  padding: 0  0 10px 0;

}
 .maincontent div.wixs h4 {
  font-size: 12px;
  background: url("/uig/wixitysays_boxtop.gif") no-repeat center top;
  color: #808080;
  font-weight: normal;
  text-transform: lowercase;
  text-align: right;

  /* expandable rounded corner box */
  width: 118px; /* 530px - p/m/b */
  padding-right: 412px;
  padding-top: 10px;
  margin-bottom: -21px;

}
.maincontent div.wixs p {
  width: 375px; /* 405 - p/m/b */
  padding: 5px 15px 10px;
  color: #808080;
  margin: 0 0 0 117px;
}


.maincontent div.success {
  background:transparent url("/uig/wixitysays_boxbottom.gif") no-repeat center bottom;
}
.maincontent div.success h4 {
  font-size: 12px;
  background: url("/uig/wixitysays_boxtop.gif") no-repeat center top;
  padding: 15px 20px 10px 15px;
  margin: -15px 0 0;
  color: #808080;
}
.maincontent div.success p {
  padding: 5px 20px 10px 15px;
  color: #808080;
}

.more-btn {
    font-size: 20px;
    margin-top: 20px;
}

.more-btn ul.manage_listings {
  background: url("/uig/manage_listings.gif") no-repeat left top;
  list-style: none;
  margin: 25px 0 0;
  width: 745px;
  height: 40px;
}

.more-btn ul.friends {
    background: url("/uig/manage_listings_friends.gif") no-repeat left top;    
}

.more-btn ul.manage_listings li {
  text-indent: -9999px;
  display: block;
  height: 40px;
  float: left;
}

.more-btn ul.manage_listings li a {
  display: block;
  height: 40px;
  outline-style: none;
}

.more-btn ul.manage_listings li.link1 { width: 248px;}
.more-btn ul.manage_listings li.link2 { width: 248px;}
.more-btn ul.manage_listings li.link3 { width: 249px;}

.more-btn ul.manage_listings li.link1 { background: url("/uig/manage_listings.gif") no-repeat left -80px; }
.more-btn ul.manage_listings li.link1 a { background: url("/uig/manage_listings.gif") no-repeat left top; }
.more-btn ul.manage_listings li.link1 a:link, .more-btn ul.manage_listings li.link1 a:visited { background: url("/uig/manage_listings.gif") no-repeat left top; }
.more-btn ul.manage_listings li.link1 a:hover, .more-btn.manage_listings ul li.link1 a:active  { background: url("/uig/manage_listings.gif") no-repeat left -40px; }
.more-btn ul.manage_listings li.link2 { background: url("/uig/manage_listings.gif") no-repeat -248px -80px; }
.more-btn ul.manage_listings li.link2 a { background: url("/uig/manage_listings.gif") no-repeat -248px top }
.more-btn ul.manage_listings li.link2 a:link, .more-btn.manage_listings ul li.link2 a:visited { background: url("/uig/manage_listings.gif") no-repeat -248px top; }
.more-btn ul.manage_listings li.link2 a:hover, .more-btn.manage_listings ul li.link2 a:active  { background: url("/uig/manage_listings.gif") no-repeat -248px -40px; }
.more-btn ul.manage_listings li.link3 { background: url("/uig/manage_listings.gif") no-repeat -496px -80px; }
.more-btn ul.manage_listings li.link3 a { background: url("/uig/manage_listings.gif") no-repeat -496px top; }
.more-btn ul.manage_listings li.link3 a:link, .more-btn.manage_listings ul li.link3 a:visited { background: url("/uig/manage_listings.gif") no-repeat -496px top; }
.more-btn ul.manage_listings li.link3 a:hover, .more-btn.manage_listings ul li.link3 a:active  { background: url("/uig/manage_listings.gif") no-repeat -496px -40px; }

.more-btn ul.friends li.link1 { background: url("/uig/manage_listings_friends.gif") no-repeat left -80px; }
.more-btn ul.friends li.link1 a { background: url("/uig/manage_listings_friends.gif") no-repeat left top; }
.more-btn ul.friends li.link1 a:link { background: url("/uig/manage_listings_friends.gif") no-repeat left top; }
.more-btn ul.friends li.link1 a:hover { background: url("/uig/manage_listings_friends.gif") no-repeat left -40px; }
.more-btn ul.friends li.link2 { background: url("/uig/manage_listings_friends.gif") no-repeat -248px -80px; }
.more-btn ul.friends li.link2 a { background: url("/uig/manage_listings_friends.gif") no-repeat -248px top }
.more-btn ul.friends li.link2 a:link, .more-btn.manage_listings ul li.link2 a:visited { background: url("/uig/manage_listings_friends.gif") no-repeat -248px top; }
.more-btn ul.friends li.link2 a:hover, .more-btn.manage_listings ul li.link2 a:active  { background: url("/uig/manage_listings_friends.gif") no-repeat -248px -40px; }
.more-btn ul.friends li.link3 { background: url("/uig/manage_listings_friends.gif") no-repeat -496px -80px; }
.more-btn ul.friends li.link3 a { background: url("/uig/manage_listings_friends.gif") no-repeat -496px top; }
.more-btn ul.friends li.link3 a:link, .more-btn.manage_listings ul li.link3 a:visited { background: url("/uig/manage_listings_friends.gif") no-repeat -496px top; }
.more-btn ul.friends li.link3 a:hover, .more-btn.manage_listings ul li.link3 a:active  { background: url("/uig/manage_listings_friends.gif") no-repeat -496px -40px; }

.more_listings_events {
  background: url("/uig/more_listings_events.gif") no-repeat left top;
  list-style: none;
  margin: 25px 0 0;
  width: 500px;
  height: 40px;
}
.more_listings_friends {
  background: url("/uig/more_listings_people.gif") no-repeat left top;
  list-style: none;
  margin: 25px 0 0;
  width: 500px;
  height: 40px;
}
.more_listings_feeds {
  background: url("/uig/more_listings_feeds.gif") no-repeat left top;
  list-style: none;
  margin: 25px 0 0;
  width: 500px;
  height: 40px;
}

.more_listings_events li,
.more_listings_feeds li,
.more_listings_friends li {
  text-indent: -9999px;
  display: block;
  height: 40px;
  float: left;
}

.more_listings_events li a,
.more_listings_feeds li a,
.more_listings_friends li a {
  display: block;
  height: 40px;
  outline-style: none;
}

.more_listings_events li.link1,
.more_listings_feeds li.link1,
.more_listings_friends li.link1  { width: 250px;}

.more_listings_events li.link2,
.more_listings_feeds li.link2,
.more_listings_friends li.link2 { width: 250px;}

.more_listings_friends li.link1 { background: url("/uig/more_listings_people.gif") no-repeat left -80px; }
.more_listings_events li.link1  { background: url("/uig/more_listings_events.gif") no-repeat left -80px; }
.more_listings_feeds li.link1   { background: url("/uig/more_listings_feeds.gif") no-repeat left -80px; }

.more_listings_events li.link1 a  { background: url("/uig/more_listings_events.gif") no-repeat left top; }
.more_listings_feeds li.link1 a   { background: url("/uig/more_listings_feeds.gif") no-repeat left top; }
.more_listings_friends li.link1 a { background: url("/uig/more_listings_people.gif") no-repeat left top; }

.more_listings_events li.link1 a:link,  .more_listings_events li.link1 a:visited    { background: url("/uig/more_listings_events.gif") no-repeat left top; }
.more_listings_feeds li.link1 a:link,   .more_listings_feeds li.link1 a:visited     { background: url("/uig/more_listings_feeds.gif") no-repeat left top; }
.more_listings_friends li.link1 a:link, .more_listings_friends li.link1 a:visited   { background: url("/uig/more_listings_people.gif") no-repeat left top; }

.more_listings_events li.link1 a:hover,  .more_listings_events ul li.link1 a:active     { background: url("/uig/more_listings_events.gif") no-repeat left -40px; }
.more_listings_feeds li.link1 a:hover,   .more_listings_feeds ul li.link1 a:active      { background: url("/uig/more_listings_feeds.gif") no-repeat left -40px; }
.more_listings_friends li.link1 a:hover, .more_listings_friends ul li.link1 a:active    { background: url("/uig/more_listings_people.gif") no-repeat left -40px; }

.more_listings_events li.link2  { background: url("/uig/more_listings_events.gif") no-repeat -250px -80px; }
.more_listings_feeds li.link2   { background: url("/uig/more_listings_feeds.gif") no-repeat -250px -80px; }
.more_listings_friends li.link2 { background: url("/uig/more_listings_people.gif") no-repeat -250px -80px; }

.more_listings_events li.link2 a    { background: url("/uig/more_listings_events.gif") no-repeat -250px top }
.more_listings_feeds li.link2 a     { background: url("/uig/more_listings_feeds.gif") no-repeat -250px top }
.more_listings_friends li.link2 a   { background: url("/uig/more_listings_people.gif") no-repeat -250px top }

.more_listings_events li.link2 a:link,  .more_listings_events ul li.link2 a:visited     { background: url("/uig/more_listings_events.gif") no-repeat -250px top; }
.more_listings_feeds li.link2 a:link,   .more_listings_feeds ul li.link2 a:visited      { background: url("/uig/more_listings_feeds.gif") no-repeat -250px top; }
.more_listings_friends li.link2 a:link, .more_listings_friends ul li.link2 a:visited    { background: url("/uig/more_listings_people.gif") no-repeat -250px top; }

.more_listings_events li.link2 a:hover,  .more_listings_events ul li.link2 a:active     { background: url("/uig/more_listings_events.gif") no-repeat -250px -40px; }
.more_listings_feeds li.link2 a:hover,   .more_listings_feeds ul li.link2 a:active      { background: url("/uig/more_listings_feeds.gif") no-repeat -250px -40px; }
.more_listings_friends li.link2 a:hover, .more_listings_friends ul li.link2 a:active    { background: url("/uig/more_listings_people.gif") no-repeat -250px -40px; }


/******************************************************************************/
#subcontent {
  color: #444;
  border-bottom: 1px solid #b4b4b4;
  font-size: 11px;
  float: left;
  width: 190px;
  padding: 15px 10px 2px 10px;
}
#subcontent h3 {
  border-bottom: 1px solid #38935c;
}
#subcontent h4 {
  margin: 15px 10px 0 0;
}
#subcontent p {
  margin: 5px 10px 10px 0;
}

#subcontent input#quantity {
  width: 20px;
  height: 20px;
  text-align: center;
}

#subcontent .discount_box, #subcontent .ticket_box {
  margin: 0 10px 0 0;
  padding: 6px;
}
#subcontent .discount_box table td {
  text-align: center;
}
#subcontent .ticket_box {
  background: #119b4a url("/uig/ticket_boxbg.gif") no-repeat left top;
  color: #fff;
}
#subcontent .ticket_box h3 {
 font-size: 16px;
 text-transform: lowercase;
 font-weight: normal;
 margin: 0 0 0 0;
 padding: 5px 0;
}
#subcontent .ticket_box #amazon-button {
 margin: 5px 0 0 0;
}
#subcontent .ticket_box table td {
  text-align: center;
  width: 33%;
}
#subcontent .ticket_box table {
  margin: 0;
}

#subcontent .discount_box {
  padding-bottom: 12px;
}

#subcontent .ticket_box h3 strong {
 color: #9cd7ac;
 font-size: 24px;
}
#subcontent .discount_box {
  background: #d1e8d9 url("/uig/discount_boxbg.gif") no-repeat left bottom;
}
#subcontent .discount_box .stats, #subcontent .discount_box .time {
  border-bottom: 1px solid #a2c9b2;
  padding: 6px 4px;
}
#subcontent .discount_box table {
  margin: 0 0 8px;
}
#subcontent .discount_box table td {
  font-size: 16px;
  font-weight: bold;
}
#subcontent .discount_box .time {
  border-top: 1px solid #a2c9b2;
}







/******************************************************************************/
#welcome, #signup, #password-reset {
  background:  #1a1a1a url("/uig/welcome_top.gif") no-repeat left top;
  padding: 21px 0 50px 11px;
  margin-bottom: -37px;

  position: relative;
  }

#welcome .message, #signup .message, #password-reset .message {
  background: #4d4d4d;
  width: 375px;
  border-right: 1px solid #1a1a1a;
  float: left;
}

#password-reset-response {
    color : red;
    margin-bottom : 10px;
}

#password-reset-success {
  color: #b3b3b3;
  font-size: 16px;
  line-height: 18px;
  background:  #4d4d4d;
  padding: 74px 0 100px 418px;
  width: 561px; /* 979px - left/right padding + margin + border */
}

#welcome .message h2, #signup .message h2, #password-reset .message h2 {
  font: bold 50px/44px Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #fff;
  padding: 0 25px 5px 20px;
}
#welcome .message p.desc, #signup .message p.desc, #password-reset .message p.desc {
  color: #b3b3b3;
  font-size: 16px;
  line-height: 18px;
  padding: 15px 25px 30px 20px;
}

#signup-box {
    background:  #4d4d4d;
    width: 979px; /* 979px - left/right padding + margin + border */            
}

.signup-heading {
    color: #FFFFFF;
    text-align: center;
    font: bold 46px/44px Helvetica Neue,Helvetica,Arial,sans-serif;
    margin-bottom: 35px;
}

.signup-big {
    float: left;
    font-size: 30px;
    font-weight: 500;
    margin: 0 20px 0 20px;
}

.signup-big input{
    height: 35px;
    width: 370px;
    font-size: 30px;
    border: 1px outset black;
}

.signup-input {
    margin-top: 13px;
    margin-bottom: 15px;
}

.secondary-signup-input {
    margin-top: 10px;
}
.secondary-signup-input input{
    height: 28px;
    width: 180px;
    font-size: 24px;
    border: 1px outset black;
}

.secondary-signup-label {
}

#signup-extra {
    margin-left: 74px;
    margin-top: 20px;
    font-size: 24px;
}

.secondary-field {
    float: left;
    margin-right: 20px;
}

div.signup_btn {
    height: 30px;
    margin-left: 100px;
    padding-left: 230px;
    width: 400px;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid black;
}

div.signup_btn a {
  background: url("/uig/signup_btn.gif") no-repeat left top;
  display: block;
  height: 30px;
  width: 135px;
  text-indent: -9999px;
}

div.fb_connect_btn {
    margin-top: 10px;
    margin-left: 112px;
    font-size: 24px;
}


#signup form {
  background:  #4d4d4d;
  padding: 0 75px;
  width: 829px; /* 979px - left/right padding + margin + border */
}

#welcome .feeds, #password-reset form {
  background:  #4d4d4d;
  padding: 0 0 0 395px;
  width: 584px; /* 979px - left/right padding + margin + border */
}
#welcome .feeds div.feed {
  margin: 0 0 24px;
  width: 190px;
  float: left;

}
#welcome .feeds div.feed a.follow {
  background: url("/uig/welcome_follow.gif") no-repeat left center;
  font-size: 10px;
  font-weight: normal;
  /* width: 40px; */
  padding: 0 7px 0;
  margin-left: 5px;
  line-height: 13px;
  color: black;
}

/*
#welcome .feeds div.feed a.follow:hover {
  background: url("/uig/welcome_follow_ov.gif") no-repeat left center;
}
*/

#welcome .feeds h3 a{
  font-size: 12px;
  color: #fff;
}
#welcome .feeds p {
  color: #b3b3b3;
}


ul.more, div.more {
  list-style: none;
  /**/
  border-top: 1px solid #1a1a1a;
  width: 564px;
  padding: 10px 0 0;
  float: left;


}

ul.more li.finished_btn a {
/*  background: url("/uig/welcome_finished_btn.gif") no-repeat left top;*/
  background: url("/uig/signup_btn.gif") no-repeat left top;
  display: block;
  width: 135px;
  height: 30px;
  text-indent: -9999px;
  margin: -20px auto 0;
}

ul.more li.more_btn, div.more div.reset_btn  {
  text-align: left;
}
ul.more li.more_btn a, div.more div.reset_btn a {
  color: #b3b3b3;
  font-size: 14px;
  font-weight:	bold;
  border-bottom: 1px dotted #b3b3b3;
  text-transform: lowercase;
}



#welcome .admin, #signup .admin, #password-reset .admin {
  background:  #4d4d4d url("/uig/welcome_bottom.gif") no-repeat -11px bottom;
  padding: 0 0 21px 0;
  width: 979px;
  clear: both;
}
#welcome .admin .close, #signup .admin .close, #password-reset .admin .close {
  position: absolute;
  top: -15px;
  left: 960px;

  font-size: 1px;
}
#welcome .admin .close a, #signup .admin .close a, #password-reset .admin .close a, .friend-layer .close {
  background:  transparent url("/uig/welcome_close_btn.png") no-repeat right top;
  color: #1a1a1a;
  display: block;
  width: 45px;
  height: 45px;
}







/******************************************************************************/
#signup, #password-reset {

}
#signup form, #password-reset form {
  color: #fff;
}
#signup form p, #password-reset form p {
  float: left;
  width: 190px;
  height: 55px;
}

#password-reset input {
  background: #efefef url("/uig/input_bg.gif") no-repeat left top;
  height: 17px;
  width: 150px;
  font-size: 11px;
  padding: 2px 3px 0;
  margin: 2px 0 0;
}
#signup input.zip {
  width: 100px;
}
#signup input.day, #signup input.month {
  color: #999;
  width: 20px;
}
#signup input.year {
  color: #999;
  width: 30px;
}
#signup input.radio {
  background: none;
  width: 12px;
  height: 14px;
  padding: 2px;
  cursor: pointer;
}

#signup div.more, #password-reset ul.more {
  margin-top: 5px;
}

#password-reset ul.more li.submit_btn a {
  background: url("/uig/submit_btn.gif") no-repeat left top;
  display: block;
  width: 135px;
  text-indent: -9999px;
  margin: -20px auto 0;
}

#forgot-password-form p.submit_btn a {
  background: url("/uig/submit_btn.gif") no-repeat left top;
  display: block;
  width: 135px;
  height: 30px;
  text-indent: -9999px;
  margin: 0 auto 5px;
}







/******************************************************************************/
#login {
  /*background: #4d4d4d url("/uig/login_top.gif") no-repeat left top; */
  /*background: url("/uig/login_bg.png") no-repeat left top; */
  background: #4d4d4d;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-radius: 20px;
  border-top-right-radius: 0;
  color: #999;
  position: absolute;
  top: 30px;
  left: 774px;
  z-index: 200;

  width: 173px; /* 210 - 32px padding = 174 */
  padding: 15px 18px 25px;

}
#login strong {
  color: #fff;
}
#login p {
  width: 160px;
  margin: 5px auto 15px;
}
#login input {
  background: #efefef url("/uig/input_bg.gif") no-repeat left top;
  width: 154px;
  height: 17px;
  font-size: 11px;
  padding: 2px 3px 0;
  margin: 3px auto 0;
}

#login input.option {
  width: 10px;
  height: 12px;
  margin: 0;
}

p.login_btn a {
  background: url("/uig/login_btn.gif") no-repeat left top;
  display: block;
  width: 135px;
  height: 30px;
  text-indent: -9999px;
  margin: 0 auto 10px;
}
#login-form p.forgot_pass {
  color: #f2cf00;
  margin: 15px auto 0;
  border-top: 1px solid #1a1a1a;
  padding: 15px 5px 0;
}
/*#login-form p.forgot_pass a:link, #login-form p.forgot_pass a:visited, #require-login a:link, #require-login a:visited {
  color: #f2cf00;
  text-decoration: underline;
}
#login-form p.forgot_pass a:hover, #login-form p.forgot_pass a:active, #require-login a:hover, #require-login a:active {
  text-decoration: none;
}*/

#login a, #login a:visited {
	color: #f2cf00;
	text-decoration: underline;
}

#login a:hover, #login a:active {
	text-decoration: none;
}




/******************************************************************************/
#footer {
  height: 35px;
  background: url("/uig/footer.gif") no-repeat 210px 1px;
  }
#footer h2 {
  display: none;
  }
#footer ul  {
  float: left;
  margin: 0 0 0 210px;
  list-style: none;


  display: none;
  }







/****************************************************************************
 From jeff
****************************************************************************/

.page-heading {
    height: 21px;
}

.page-heading strong {
    margin-left: 225px;
    font-size: 20px;

    color: #CCCCCC;
}

#extra-login-text {
    color : red;
}

#forgot-password-response {
    color : red;
}
#forgot-password-sending {
    padding : 25px 25px 0 10px;
}

.fakelink {
    cursor : default;
}

.radio-over {
    cursor : pointer;
}

#signup-success {
    color: #fff;
    width: 584px;
    height: 220px;
    padding: 0 0 0 395px;
    background: #4D4D4D none repeat scroll 0 0;
    font-size: 16px;
    line-height: 18px;
}

#signup-success p {
    padding-top: 10px;
    padding-bottom: 5px;
}

#signup-error-text, #venue-error-message, .errormessage {
    color: red;
    padding-bottom: 8px;
}

.successmessage {
    color: green;
    padding-bottom: 8px;
}

#user-events {
    float: left;
    width: 575px;
}

#side-data {
    float: left;
    width: 131px;
    margin-left: 35px;
}

.user-btn {
  float: left;
  text-decoration: none;
  text-indent: -9999px;
  width: 137px;
  height: 35px;
  margin-left: 42px;
}

.user-btn-small {
  float: left;
  text-decoration: none;
  text-indent: -9999px;
  width: 127px;
  height: 35px;
  margin-left: 2px;
}

.waiting-approval {
	background:transparent url(../uig/approve_button.png) left top no-repeat;
	display:block;
	line-height:37px;
	overflow:hidden;
	padding:0 10px 0 18px;
	text-align:center;
	width:145px;
    text-indent:-9999px;
}

.waiting-approval:hover, .waiting-approval:active {
    background:transparent url(../uig/approve_button_ov.png) left top no-repeat;    
}

.waiting-approval_small {
	background:transparent url(../uig/approve_btn_sm.gif) left top no-repeat;
	display:block;
	line-height:37px;
	overflow:hidden;
	padding:0 10px 0 18px;
	text-align:center;
	width:145px;
    text-indent:-9999px;
}

.waiting-approval_small:hover, .waiting-approval_small:active {
    background:transparent url(../uig/approve_btn_ov_sm.gif) left top no-repeat;
}

.request-pending {
	background:transparent url(../uig/pending_button.png) left top no-repeat;
	display:block;
	line-height:37px;
	overflow:hidden;
	padding:0 10px 0 18px;
	text-align:center;
	width:145px;
    text-indent:-9999px;
}
.request-pending_small {
	background:transparent url(../uig/pending_btn_sm.gif) left top no-repeat;
	display:block;
	line-height:37px;
	overflow:hidden;
	padding:0 10px 0 18px;
	text-align:center;
	width:145px;
    text-indent:-9999px;
}

.add-user-button:hover, .add-user-button:active{
  background: url("/uig/friend_button_ov.png") no-repeat left top;
}

.add-user-button{
  background: url("/uig/friend_button.png") no-repeat left top;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  overflow:hidden;
  height: 37px;
}

.add-user-button_small:hover, .add-user-button_small:active{
  background: url("/uig/addfriend_btn_ov_sm.gif") no-repeat left top;
}

.add-user-button_small{
  background: url("/uig/addfriend_btn_sm.gif") no-repeat left top;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  overflow:hidden;
  height: 37px;
}

/****************  friend layer **********************/

.friend-display {
    margin-top: 17px;
}

.friend-display a, .friend-layer a {
    border-bottom: 1px dotted #333333;
    font-size: 12px;
}

.friend-display a:active, .friend-display a:hover {
    background: #ddd;
}

.friend-display strong {
  background: #34b74f;
  color: #fff;
  line-height: 25px;
  padding:  2px 7px;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.friend-layer {
  /*background: #4d4d4d url("/uig/login_top.gif") no-repeat left top; */
  /*background: url("/uig/login_bg.png") no-repeat left top; */
  background: #F0F0F0 ;
 /* -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 0;
  border-radius: 20px;
  border-top-right-radius: 0;  */
  border-style:solid;
  border-width:1px;
  border-color:black;
  position: absolute;
  z-index: 200;
  text-align: left;

  width: 173px; /* 210 - 32px padding = 174 */
  padding: 15px 18px 25px;

}

.top-friend-layer {
    position: relative;
    top: -43px;
    left: -198px;
}

.friend-layer .close {
    position: absolute;
    top: -20px;
    left: 179px;
    cursor: pointer;    
}

.friend-layer-header {
    font-size: 21px;
    font-weight: bold;
    line-height: 24px;
    margin: 1px 0 8px;
}

.friend-added {
    padding-top: 2px;
    padding-bottom: 2px;
}

.user-list-heading, .event-list-heading {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 25px;
    line-height: 28px;
    font-weight: bold;
    border-bottom:1px solid #b3b3b3;
}

.find-friend-options {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
}

.fb-friend-button {
    position: relative;
    top: -4px;
}

.metadata {
    margin-top: 17px;
}

.no-events {
    font-size: 25px;
    line-height: 30px;
    width: 742px;
    padding: 15px 10px 15px 10px;
}

/*
.no-events-button {
    margin-top: 20px;
    margin-left: 300px;
    margin-right: 50px;
} */

.no-events-button ul.find_events {
  background: url("/uig/noeventstoolbar.gif") no-repeat left top;
  list-style: none;
  margin: 25px 0 0;
  width: 745px;
  height: 40px;
}

.no-events-button ul.find_events li {
    float: left;
    display: block;
    height: 40px;
    text-indent: -9999px;

}
.no-events-button ul.find_events li a {
    cursor: pointer;
    height: 40px;
    display: block;
    outline-style: none;
}

.no-events-button ul.find_events li.see-all { width: 373px; }
.no-events-button ul.find_events li.add-feeds { width: 250px; }

.no-events-button ul.find_events li.see-all {
    background: url("/uig/noeventstoolbar.gif") no-repeat left -80px;
}

.no-events-button ul.find_events li.see-all a {
    background: url("/uig/noeventstoolbar.gif") no-repeat left top;
}

.no-events-button ul.find_events li.see-all a:link, .no-events-button ul.find_events li.see-all a:visited {
    background: url("/uig/noeventstoolbar.gif") no-repeat left top;
}

.no-events-button ul.find_events li.see-all a:hover, .no-events-button ul.find_events li.see-all a:active {
    background: url("/uig/noeventstoolbar.gif") no-repeat left -40px;
}
.no-events-button ul.find_events li.add-feeds {
    background: url("/uig/noeventstoolbar.gif") no-repeat -374px -80px;
}

.no-events-button ul.find_events li.add-feeds a {
    background: url("/uig/noeventstoolbar.gif") no-repeat -374px top;
}

.no-events-button ul.find_events li.add-feeds a:link, .no-events-button ul.find_events li.add-feeds a:visited {
    background: url("/uig/noeventstoolbar.gif") no-repeat -374px top;
}

.no-events-button ul.find_events li.add-feeds a:hover, .no-events-button ul.find_events li.add-feeds a:active {
    background: url("/uig/noeventstoolbar.gif") no-repeat -374px -40px;
}

.no-events-fb-button {
    margin-top: 20px;
    margin-left: 300px;
    margin-right: 50px;
}


a.hover-link:link, a.hover-link:visited {
  border-bottom: 1px dotted #333;
  padding: 2px 2px 0;
}
a.hover-link:hover, a.hover-link:active {
  background: #ddd;
}


/*********************
* Account Settings
*********************/
#account-settings hr {
    display: block !important;
}

#account-settings input {
    border: 1px outset black;
    font-size: 18pt;
    height: 23pt;
    width: 200px;
}

.account-settings-heading {
    font: 25pt Helvetica Neue Sharp Bold, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000000;
    margin-top: 5px;
    width: 735px;
}

.settings-section {
    margin-top: 10px;    
}

.settings-heading {
    font: 25pt Helvetica Neue Sharp Bold;
    font-weight: bold;
    color:  #adadad;
}

.settings-item {
    margin-top: 10px;    
}

.settings-item-name {
    font: 18pt Helvetica Neue Sharp;
    color:  #adadad;
    text-transform: lowercase;
    float: left;
    width: 130px;
}

.settings-item-value {
    font: 18pt Helvetica Neue Sharp;
    color: #000000;
    float: left;
}

.settings-fb-share {
    font: 12pt Helvetica Neue Sharp Bold;
    font-weight: bold;
    color:  #000000;
    margin-top: 7px;
}

.settings-fb-share input {
    width: 13px !important;
}

.fb-share-exp {
    font:  12pt Helvetica Neue Sharp;
    color: #adadad;
    width: 363px;
    margin-left: 18px;
}

.settings-save {
    margin-top: 75px;
    margin-left: 250px;
}
.settings-save a {
    text-indent: -9999px;
    width: 180px;
    height: 37px;
    display: block;
}

.settings-save a#save-settings-buton {
    background: url("/uig/save_button.png") no-repeat left top;
}

.settings-save a#save-settings-buton:hover {
    background: url("/uig/save_button_ov.png") no-repeat left top;    
}

#settings-error-message, #venue-error-message {
    display:none;
}

.createEvent label {
	display: block;
	margin: 0.4em 0;
}

.createEvent label .labeltext {
	width: 9em;
	float: left;
}

.createEvent input {
	border: 1px solid #999999;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.new_event_name {
	font-size: 20px;
	font-weight: bold;
}

.createEvent input[type=text] {
	padding: 0.1em;
}

.createEvent .event_date {
	width: 18.8em;
}

.createEvent .event_time {
	width: 5em;
}

.OptionalFields {
	display: block;
	clear: both;
	margin: 1.5em 0 0.7em 0;
}

.OptionalFields input {
	width: 30.21em;
}

.createEvent .event_description, .createEvent .tag_list, .createEvent .OptionalFields .tag_list {
	width: 38.4em;
	font-size: 13.3px;
}

.createEvent .event_description {
	height: 15em;
}

.createEvent .img {
	float: left;
	margin: 0 1.2em 0.5em 0;
	position: relative;
}

.createEvent .img .thumbnailHolder {
	float: left;
	display: block;
	border: 1px solid #999999;
	padding: 0;
	margin: 0;
	height: 125px;
	width: 133px;
	background-color: #ffffff;
}

.createEvent .img .thumbnailHolder .eventThumbnail {
	opacity: 0.6;
	position: absolute;
	left: 0;
	top: 0;

	height: 127px;
	width: 135px; /* I'd like to use 100% here but IE7 likes to ignore the box model. */
}

.createEvent .img .thumbnailHolder .uploadBtn {
	top: 33px;
	left: 36px;
	position: absolute;
	cursor: pointer;
	opacity: 0.8;
}

.createEvent .img .thumbnailHolder .uploadBtn:hover {
	opacity: 0.9;
}

.createEvent #event_image_upload {
	z-index: 10;
	opacity: 0;
	-moz-opacity:0;
	filter:alpha(opacity: 0);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
}

.createEvent select.venue_list { width: 17.6em; }
.createEvent .new_event_name { width: 12.5em; }
.createEvent #eventURL, .createEvent #venueName, .createEvent #venueAddress { width: 18.8em; }

#createResultsFrame {
	border-style: none;
	margin-left: -8px;
	padding: 0;
	height: 3em;
	display: block;
	width: 100%;
	background-color: transparent;
}

#createResultsFrame, #createEventResponseMsg {
	margin-top: 1em;
}

.TagList {
	list-style: none;
	padding-left: 0;
}

.TagList li {
	display: inline;
	margin-right: 1em;
}

.whiteShadowBox {
	background-color: #ffffff;
	padding: 16px;
}

.CreateVenueButton { vertical-align: top; }

/* We need to be very specific to override this. */
.maincontent .listing a.CreateVenueButton:hover img, .maincontent .listing a.CreateVenueButton:active img, .maincontent .listing a.CloseLink:hover img, .maincontent .listing a.CloseLink:active img, .maincontent .listing a.EditEvent:hover img, .maincontent .listing a.EditEvent:active img, .maincontent .listing a.DeleteEvent:hover img, .maincontent .listing a.DeleteEvent:active img { border: none; background: none; }

.CloseLink { float: right; margin: 1em; }
.EditEvent, .DeleteEvent { margin: 6px 0; display: block; }

.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

.PublishList { list-style: none; }
.PublishList li { display: inline; vertical-align: top; padding-right: 2em; }
.PublishList li a { border: none !important; }
.PublishList .FacebookPublish { margin-top: 7px; }