/* ===== MAIN ===== */

body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:left;
}

a:link {text-decoration: none; color:#3B5998;}
a:visited {text-decoration: none; color:#3B5998;}
a:active {text-decoration: none; outline:none; color:#3B5998;}
a:hover {text-decoration: underline; color:#4b70bf;}
a:focus {-moz-outline-style: none;}

#add_artist, #add_place{
	float:right;
	width:190px;
}

#add_artist input, #add_place input{
	margin:3px 0 0 0;
	padding:3px;
	width:130px;
	border:1px solid #ccc;
	font-size:11px;
}

#add_artist input:focus, #add_place input:focus{
	border:1px solid #999;
	background-color:#f3f3f3;
}

#add_artist #artist_container{
	position:relative;
	width:175px;
	margin-top:-5px;
}

#add_place #add_place_btn, #add_artist #add_artist_btn{
	width:38px;
	float:right;
	height:22px;
	margin-right:10px;
	background:url(../img/main_imagesheet.png) no-repeat 0 -500px;
	border-style:none;
	cursor: pointer;
}


#maintabview{
	margin-top:-92px;
}

#wait {
	min-height:80px;
	border:1px solid #ccc;
	background:#f5f5f5;
	padding:10px;
}

.error {
	padding: 10px;
	margin: 10px;
	background: #dd8888;
	border-color: red;
	border: 1px solid red;
}

.hidden{
	visibility:hidden;
}

.nodisplay{
	display:none;
}

.clearfix {
	clear:both;
}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

/* ========== HEADER ACCOUNT ========== */

#header-account {
  clear: none;
  text-align: right;
  margin-top:30px;
  padding: 10px 80px 0 0;
  font-weight:normal;
  font-size: 11px;
}

#header-account .account_links {
  margin-bottom:3px;
}

#header-account .account_links a {
  font-size: 11px;
  text-decoration:none;
}

#header-profilepic {
  padding:8px;
  margin-top:25px;
  background:url(../img/main_imagesheet.png) no-repeat 0 -398px;
  float:right;
}


/* ========== MAIN GRID ========== */

#hdr_wide
{
	background-image:url(../img/main_imagesheet.png);
	width:100%;
}

#hdr_content, #main_container, #footer
{
	width:960px;
	margin:auto;
}

#hdr_userinfo
{
	width:340px;
	padding-right:5px;
	float:right;
}

#hdr_wide, #hdr_content, #hdr_userinfo
{
	height:130px;
}

#main_container
{
	margin: 30px auto 0 auto;
	clear:both;
}

#userfeed
{
	margin-top:10px;
	width:630px;
	float:left;
}

#usertools
{
	width:300px;
	float:right;
}

#footer
{
	background:url(../img/main_imagesheet.png) no-repeat 0 -160px;
	padding-top:10px;
	margin:50px auto 5px auto;
	text-align:center;
}



/* ========== BOXES ========== */
.box_tools
{
	margin:0 0 40px 0;
	padding:0;
	background-image:url(../img/img_toolbox_l.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:left bottom;
}
.inner_box_tools
{
	background-image:url(../img/img_toolbox_r.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:right top;
}

.box_header
{
	margin:0 0 0 20px;
	padding:15px 0 0 0;
	height:40px;
	background:url(../img/main_imagesheet.png) no-repeat 0 -205px;
}

.box_header .hdr
{
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
}

.box_content
{
	padding:0 20px 15px 20px;
}

.box_header a
{
	font-size:12px;
	color:#3B5998;
	text-decoration:none;
	font-weight:bold;
	display:block;
	line-height:20px;
	height:20px;
	padding-left:20px;
	margin-right:20px;
	float:right;
	background:url(../img/main_imagesheet.png) no-repeat 0 -297px;
}

.box_header a:hover
{
	text-decoration:underline;
}

.feed_left
{
	float:left;
	width:180px;
}

.feed_right
{
	float:right;
	width:390px;
}

/* ========== ARTISTS TABLE ========== */

#artist_table, #places_table {
	width:260px;
	margin-bottom:10px;
	font-size:11px;
}

#artist_table tr.fave, #places_table tr.fave {
	border-bottom:1px dotted #ddd;
}

#artist_table td, #places_table td{
	padding:1px 6px;
}

#artist_table td.fave_name, #places_table td.fave_name {
	width:190px;
}

#artist_table td.fave_name a, #places_table td.fave_name a{
	text-decoration:none;
}

#artist_table td.fave_action, #places_table td.fave_action {
	70px;
	background-color:#FFF; !important
}

.fave_row_highlighted{
	background-color:#f3f3f3;
}

#artist_table .delete_fave, #places_table .delete_fave_place {
	font-size:10px;
	color:#c80000;
	text-decoration:none;
	display:block;
	line-height:17px;
	height:20px;
	padding-left:18px;
	margin-left:7px;
	background:url(../img/main_imagesheet.png) no-repeat 0 -317px;
}


/* ========== FONTS ========== */

.f8 {font-size:8px;}
.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}

.black {color:#000;}
.fcol4  {color:#444;}
.fcol6  {color:#666;}

strong {font-weight:bold;}
.bold {font-weight:bold;}

/* ========== POSITIONING ========== */
.fleft {float:left;}
.fright {float:right;}

.padl5 {padding-left:5px;}
.padl10 {padding-left:10px;}
.padl15 {padding-left:15px;}
.padl20 {padding-left:20px;}

.mart5 {margin-top:5px;}
.mart10 {margin-top:10px;}
.mart15 {margin-top:15px;}
.mart20 {margin-top:20px;}

.marr5 {margin-right:5px;}
.marr10 {margin-right:10px;}
.marr15 {margin-right:15px;}
.marr20 {margin-right:20px;}

.marb5 {margin-bottom:5px;}
.marb10 {margin-bottom:10px;}
.marb15 {margin-bottom:15px;}
.marb20 {margin-bottom:20px;}

.marl5 {margin-left:5px;}
.marl10 {margin-left:10px;}
.marl15 {margin-left:15px;}
.marl20 {margin-left:20px;}

.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}

/* ========== FEED ========== */

.place_container {
	margin-bottom:30px;
}

.artist_container {
	margin:0 0 20px 15px;
}

.place_container {
	background-image:url(../img/img_left_grad.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:left bottom;
	min-height:80px;
	font-size:12px;
}

 .artist_container {
	font-size:12px;
	padding:0;
}

.place_container_left {
	float:left;
	width:75px;
	background-image:url(../img/img_top_grad.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:left top;
}

.place_container_right {
	margin:0 0 0 105px;
	font-size:11px;
}

.place_container_right ul {
	line-height:13px;
}

.place_container_right ul li{
	padding:10px 0 5px 5px;
	border-bottom:1px dotted #ddd;
}

.place_container_right ul li:hover{
	padding:10px 0 5px 5px;
	border-bottom:1px dotted #ddd;
	background-color:#f3f3f3;
}

.fav_place_hdr {
	font-size:13px;
	font-weight:bold;
	margin:10px 20px 0 0;
	text-align:right;
}

table.artist_schedule {
	border-collapse: collapse;
	width:615px;
	margin-top:2px;
}

table.artist_schedule td{
	padding:6px 0;
	border-bottom:1px dotted #ddd;
}

table.artist_schedule td.profile_schedule_event {
	width:355px;
	padding-left:5px;
}

table.artist_schedule td.profile_schedule_location {
	width:160px;
}

table.artist_schedule td.profile_schedule_artist {
	width:160px;
}

table.artist_schedule td.profile_schedule_date {
	width:100px;
}

table.artist_schedule tr:hover{
	background-color:#f6f6f6;
}

.artist_schedule_thead {
	font-weight:bold;
	font-size:13px;
	background-color:#f6f6f6;
	border-top:1px solid #ddd;
	height:44px;
}

.add_artist_link
{
	font-size:9px;
	color:#3B5998;
	text-decoration:none;
	line-height:20px;
	height:22px;
	margin-left:20px;
	padding-left:18px;
	background:url(../img/main_imagesheet.png) no-repeat 0 -300px;
}


/* ========== CALENDAR ========== */

#userfeed .calendar {
	width:36px;
	height:45px;
	margin:15px 0 0 25px;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-bottom:2px solid #666;
	border-right:2px solid #666;
	background:url(../img/main_imagesheet.png) no-repeat 0 -578px;
	float:left;
}

#userfeed .cal_mo {
	margin:0;
	width:36px;
	height:12px;
	display:block;
	background-color:#900;
	font-size:9px;
	color:#FFF;
	text-align:center;
}

#userfeed .cal_dayn {
	margin:0;
	display:block;
	width:36px;
	height:19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center; 
	color:#000;
}


#userfeed .cal_day {
	margin:0;
	display:block;
	font-size:9px;
	text-align:center;
	color:#555;
}

#userfeed .date_pl {
	color:#3B5998;
}

.event_date_container{
	clear:left;
	padding-left:40px;
	margin-bottom:20px;
	height:5px;
}

.event_date_entry{
	margin-left:40px;
}

#userfeed .location {
	font-size:11px;
	margin-left:150px;
	display:block;
	margin-bottom:10px;
}


/* ========== LOGIN ========== */

.welcome_dialog, .register {
	width:250px;
	margin:auto;
}


.inputtext {
	padding:4px;
	margin:2px 0 0 0;
	width:160px;
	border:1px solid #ccc;
}

.inputtext:focus {
	border:1px solid #999;
	background-color:#f3f3f3;
}

.login_form {
	padding:0 0 0 20px;
	font-size:11px;
}

.login_button {
	width:79px;
	height:31px;
	margin-left:-10px;
	background:url(../img/main_imagesheet.png) no-repeat 0 -660px;
	border-style:none;
	cursor: pointer;
}

.signup_button {
	width:95px;
	height:31px;
	margin-left:35px;
	background:url(../img/main_imagesheet.png) no-repeat 0 -700px;
	border-style:none;
	cursor: pointer;
}

.find_button {
	width:55px;
	height:26px;
	margin-left:35px;
	background:url(../img/main_imagesheet.png) no-repeat 0 -800px;
	border-style:none;
	cursor: pointer;
}

/* ========== TABVIEW CORE ============= */

/* default space between tabs */
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li,
.yui-navset .yui-navset-bottom .yui-nav li {
    margin:0; /* horizontal tabs */
}

.yui-navset .yui-content .yui-hidden {
    display:none;
}

/* default width for side tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav { width:6em; }

.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    width:auto;
}
.yui-navset .yui-navset-left,
.yui-navset-left { padding:0 0 0 6em; } /* map to nav width */
.yui-navset-right { padding:0 6em 0 0; } /* ditto */

.yui-navset-top,
.yui-navset-bottom {
    padding:auto;
}
/* core */

.yui-nav,
.yui-nav li {
    margin:0;
    padding:0;
    list-style:none;
}
.yui-navset li em { font-style:normal; }

.yui-navset {
    position:relative; /* contain absolute positioned tabs (left/right) */
    zoom:1;
}

.yui-navset .yui-content {
    zoom:1;
}

.yui-navset .yui-content:after {
    content:'';
    display:block;
    clear:both;
}

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li, /* in case nested */
.yui-navset .yui-navset-bottom .yui-nav li {
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline; /* IE */
    vertical-align:bottom; /* safari: for overlap */
    /*cursor:pointer;  gecko: due to -moz-inline-stack on anchor */
    zoom:1; /* IE: kill space between horizontal tabs */
}

.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    display:block;
}

.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */

.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom; /* safari: for overlap */
    zoom:1;
}

.yui-navset-left .yui-nav li a,
.yui-navset-right .yui-nav li a {
    display:block;
}

.yui-navset-bottom .yui-nav li a {
    vertical-align:text-top; /* for inline overlap (reverse for Opera border bug) */
}

.yui-navset .yui-nav li a em,
.yui-navset-top .yui-nav li a em,
.yui-navset-bottom .yui-nav li a em { display:block; }

/* position left and right oriented tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav {
   position:absolute;
   z-index:1; 
}

.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    position:static;
}
.yui-navset .yui-navset-left .yui-nav,
.yui-navset-left .yui-nav { left:0; right:auto; }

.yui-navset .yui-navset-right .yui-nav,
.yui-navset-right .yui-nav { right:0; left:auto; }




/* =========== TABVIEW STYLES ========== */
.yui-navset .yui-nav li
{
    padding-top:1px;
    zoom:1;
	height:44px;
	background:url(../img/main_imagesheet.png) no-repeat -1px -901px; 
	
}

.yui-navset .yui-nav .selected,
.yui-navset .yui-nav li:hover
{ 
    padding-top:1px;
    zoom:1;
	height:44px;
	background:url(../img/main_imagesheet.png) no-repeat -1px -786px; 
}

.yui-navset .yui-nav a {
    background:url(../img/main_imagesheet.png) scroll right -957px; 
    color:#666;
	font-size:13px;
    text-decoration:none;
	text-align:center;
	line-height:46px;
	margin:0 10px;
}

.yui-navset .yui-nav li a em {
    border-bottom:0;
    cursor:hand;
    position:relative;
	padding:0 25px 0 15px;
}

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav a:hover {
    background:url(../img/main_imagesheet.png) scroll right -846px;
    color:#50a000;
	font-weight:normal;
}

.yui-navset .yui-nav .selected a em {
	font-weight:bold;
	font-size:14px;
}

.yui-navset .yui-nav {
	margin-left:10px;
    position:relative;
    zoom:1;
}

.yui-navset .yui-content {
	padding-top:35px;
}

.yui-navset .yui-content div {
    /*padding:0.25em 0.5em;*/
}

.yui-navset .yui-content div div { /* kill inheritance */
    border:0; 
    padding:0;
}

.yui-navset div.loading div {
    background:url('http://csimg.s3.amazonaws.com/loading.gif') no-repeat center center;
    height:500px; /* hold some space while loading */
}



/* =========== AUTOCOMPLETE ========== */

/* styles for entire widget */
.yui-skin-sam .yui-ac {
    position:relative;
}

/* styles for input field */
.yui-skin-sam .yui-ac-input {
    position:absolute;width:100%;
}

/* styles for results container */
.yui-skin-sam .yui-ac-container {
    position:absolute;
	top:26px;
	width:222px;
	font-size:11px;
	color:#444;
}

/* styles for header/body/footer wrapper within container */
.yui-skin-sam .yui-ac-content {
    position:absolute;width:100%;border:1px solid #ccc;background:#fff;overflow:hidden;z-index:9050;
}

/* styles for results list */
.yui-skin-sam .yui-ac-content ul{
    margin:0;padding:0;width:100%;
}

/* styles for result item */
.yui-skin-sam .yui-ac-content li {
    margin:0;padding:5px 5px;cursor:default;white-space:nowrap;
	
}

/* styles for highlighted result item */
.yui-skin-sam .yui-ac-content li.yui-ac-highlight {
    background:#f3f3f3;
	color:#000;
}