/* xn_default_master.css is used to generate xn_default.css based on the app owner's choice of color scheme.
So if you want to make changes, be sure to modify xn_default_master.css, not xn_default.css. *//* Ning - Restaurant Reviews with Gmaps
----------------------------------------------- */

/* Header Styles
----------------------------------------------- */
#userHeader {
	font-family: "Times New Roman", Times, Georgia, serif;	
	margin:0;
	padding:0;
	}

#userHeader h1 {
	font-size:2.1em;
	font-weight:normal;
  	padding:20px 10px 10px 105px;    
  	margin:0;
    /*
    Move background from #userHeader to #userHeader h1 to work around IE bug
    in which text would not appear until you moused over it. Thanks to
    Anselm Hook for the fix. [Jon Aquino 2005-09-21]
    */
    background:#994444 url(images/logo_restaurant.gif) no-repeat 15px 12px;
  }

#userHeader h1 a {
  	text-decoration:none;
  	color:#ffffcc;
}

#userHeader h1 a:active,
#userHeader h1 a:hover {
  	text-decoration: none;
  	color:#ffffff;
}

#userHeader  #globalNav {
  	background: #cccccc;
  	width: 100%;
  	float: left;
  	margin:0;
  	padding:0;
}  

#userHeader #globalNav ul {
  	font-family: arial, helvetica, sans-serif;
  	font-size: .7em;
  	color: #ffffff;
  	padding: 0;
  	margin: 0;
}
  
#userHeader #globalNav ul li { 
  	display: inline; 
  	margin: 0;
  	padding: 0;
}

#userHeader #globalNav ul li a {
  	background: #777777;
  	color: #ffffff;
  	text-decoration: none;
  	text-transform: uppercase;
  	border-right: 1px solid #ffffff;
 	float: left;
  	padding: 2px 15px;
}

#userHeader #globalNav ul li.mine a {
	background: #444444;
	}

#userHeader #globalNav ul li a:active,
#userHeader #globalNav ul li a:hover,
#userHeader #globalNav ul li.mine a:active,
#userHeader #globalNav ul li.mine a:hover  {
	background: #0066ff;
	color: #ffffff;
}
#userHeader div.clear {
	clear: both;
	height: 1px;
	line-height: 0;
	background:#ffffff;
	}

/* userContent Styles
----------------------------------------------- */

#userContent {
  margin: 15px 15px 100px 15px;
  padding: 5px 0 0 0;
  background: #ffffff;
  font-family: arial, helvetica, sans-serif;
  font-size:80%;
}

#userContent table {
	border-collapse:collapse;
	width:100%;
	margin:15px 0;
	border-right:2px solid #ffffff;
}

#userContent p, h1, h2, h3, h4 {
  	margin: 0;
  	padding:0;
}

#userContent h1 {
  font-family: arial, helvetica, sans-serif;
  font-size:3.1em;
  font-weight:normal;
}	

#userContent h2 {
	font-family: arial, helvetica,  verdana, sans-serif;
	font-size:1.75em;
	font-weight:normal;
	color:#990000;
	}	
	
#userContent h3 {
	font-family: arial, helvetica,  sans-serif;
	font-size:1.08em;
	color: #333333;
	padding-top:30px;
	padding-bottom:10px;
	}		
	
#userContent h4 {
	font-family: arial, helvetica,  sans-serif;
	font-size:1em;
	}	

#userContent p {
	font-family: arial, helvetica, sans-serif;
	font-size:1em;
	color:#333333;
}

#userContent pre {
	font-family: monospace;
	font-size:1.08em;
	color: #333333;
	padding-bottom:4px;
	}		

#userContent .localNav {
	font-family: arial, helvetica, sans-serif;
	font-size:1em;
	text-align: right;	
	color:#777777;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #cccccc;
}

#userContent .sortBy {
	color:#888888;
	padding:10px 0 0 0;
}

#userContent .sortBy strong{
	color:#333333;
}

#userContent .setupFormError {
    color: red;
    font-weight: bold;
}

#userContent .note {
    color: red;
    font-weight: bold;
}

#userContent .xnc_html_nav {
	color:#888888;
	text-align:right;
	margin:5px 0 0 0;
	padding:0 5px 0 0;
	}

#userContent .bodytext {
	font-family: arial, helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#333333;
}

#userContent .bodytext_bold {
	font-family: arial, helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#333333;
}

#userContent .posted {
	font-family: arial, helvetica, sans-serif;
	font-size:.92em;
	font-weight:normal;
	color:#999999;
}

#userContent .user {
	color:#999999;
}

#userContent .title {
	font-family: arial, helvetica, sans-serif;
	font-size:1.17em;
	font-weight:bold;
	color: #333333;
	}	
	
#userContent .tag {
	font-family: arial, helvetica, sans-serif;
	font-weight:normal;
	color:#999999;
}

#userContent .restaurantinfo{
  float:left;
  margin:0 10px 10px 0;
  width:35%;
}

#userContent #map{
  border:1px solid #666666;
  margin:0 0 15px 0;
  clear:right;
}

#userContent div.clear {
	clear: both;
	height: 1px;
	line-height: 0;
	background:#ffffff;
	}

/* Link Styles
----------------------------------------------- */

#userContent a 				{ color: #3366ff; text-decoration: none; }
#userContent a:link			{ color: #3366ff; text-decoration: none; }
#userContent a:visited		{ color: #336699; text-decoration: none; }
#userContent a:active		{ color: #ffffff; text-decoration: none; background-color: #3366ff;}
#userContent a:hover		{ color: #ffffff; text-decoration: none; background-color: #3366ff;}


#userContent a.tag a		{color: #003399; text-decoration: none;}
#userContent a.tag:link		{color: #003399; text-decoration: none;}
#userContent a.tag:visited	{color: #003399; text-decoration: none;}
#userContent a.tag:active	{color: #ffffff; text-decoration: none; background-color:#003399;}
#userContent a.tag:hover	{color: #ffffff; text-decoration: none; background-color:#003399;}

#userContent .tag a			{color: #003399; text-decoration: none;}
#userContent .tag a:link	{color: #003399; text-decoration: none;}
#userContent .tag a:visited	{color: #003399; text-decoration: none;}
#userContent .tag a:active	{color: #ffffff; text-decoration: none; background-color:#003399;}
#userContent .tag a:hover	{color: #ffffff; text-decoration: none; background-color:#003399;}

#userContent a.user  		{color: #993399; text-decoration: none;}
#userContent a.user:link	{color: #993399; text-decoration: none;}
#userContent a.user:visited	{color: #993399; text-decoration: none;}
#userContent a.user:active	{color: #ffffff; text-decoration: none; background-color:#993399;}
#userContent a.user:hover	{color: #ffffff; text-decoration: none; background-color:#993399;}

#userContent .user a 		{color: #993399; text-decoration: none;}
#userContent .user a:link	{color: #993399; text-decoration: none;}
#userContent .user a:visited{color: #993399; text-decoration: none;}
#userContent .user a:active	{color: #ffffff; text-decoration: none; background-color:#993399;}
#userContent .user a:hover	{color: #ffffff; text-decoration: none; background-color:#993399;}



/* Form Styles
----------------------------------------------- */
#userContent form dt {
	font-weight:bold;
	margin:0;
	padding:0 0 3px 0;
	text-align:left;	
}

#userContent form dt span{
	color:#888888;
	font-weight:normal;
}

#userContent form dd {
	margin:0;
	padding:0 0 15px 0;
	text-align:left;
}

#userContent .input-field {
	width:400px;
	}
	
#userContent .button { 
	font:bold 11px arial, helvetica, sans-serif; 
	text-transform:uppercase;
	color:#ffffff; 
	background:#777777; 
	border-width:1px 2px 2px 1px; 
	border-style:solid; 
	border-color:#cccccc #666666 #666666 #cccccc;  
	}
	
/* Table Styles
----------------------------------------------- */
#userContent table#striped tbody tr td {
 	background-color:#ffffff;
  	padding:10px;
 	border-bottom:1px dotted #cccccc;
	border-right:1px dotted #eeeeee;
	vertical-align:top;
}
	
#userContent th {
 	background-color:#fff8dd;
 	padding:2px 10px;
 	border-bottom:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
	font-family: arial, helvetica,  sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#990000;
	text-align:left;
}

#userContent .reviewCount,
#userContent .rating {
	text-align:center;
	white-space: nowrap;
	width: 100px;
	}
	
#userContent .dishes {
	text-align:left;
	width: 175px;
	}

#userContent table#striped tbody tr .subject,
#userContent table#striped tbody tr .review {
	text-align:left;
	padding-left:0;
	}
    
#userContent .wideInput {
    width: 90%;
    }    
	
/* GMap Styles
----------------------------------------------- */	
#userContent .gmapsSubjectName {
    font-weight:bold;
}

#userContent .gmapsBubble {
    font-size:75%;
}

#userContent .warning { 
    font-size:.92em;
    text-align: center;
    padding: 10px;
	margin:20px 0 0 0;
    background: #ffffd7;
}


