body {
    font: .8em Arial, Helvetica, sans-serif;
    color: #414141;	
    background: #fff;
}

html { 
    overflow-y: scroll; 
    background: #E6F2E4;
}

a { 
    text-decoration: underline; 
    color: #005300; 
}

a:hover { 
    text-decoration: none; 
}

input, select, textarea { font-family: Arial, Helvetica, sans-serif; }

h1.title, h2.title {
	color: #117506;
	padding-bottom: 3px;
	margin-bottom: 5px;
    font-size: 1.6em;
}

h2.title {
	color: #117506;
	padding-bottom: 3px;
	margin-bottom: 5px;
    font-size: 1.6em;
    border-bottom: 1px solid #ccc;
}

h2.title span a { text-decoration: none; }
h2.title span a:hover { text-decoration: underline; }

#header {
	position: relative;
	width: 930px;
    margin: 0 auto; 
    padding: 25px 0 20px;
}

#header_wrap { background: url('/images/header.jpg') repeat-x; }

#login {
	float:right;
	margin:11px 75px 0 0;
	text-align: right;
    font-size: .94em;
	font-weight: bold;
}

#login li {
	display: inline;
}

#login li {
    padding: 0 .67em;
	border-right: 1px solid #ccc;
}

#login li a { text-decoration: none; }
#login li a:hover { text-decoration: none; color: #117506; }

#login li.last {
	border: 0;
	padding-right: 0;
}

#menu {
	height: 38px;
	background: #117506 url(/images/nav.png) repeat-x;
	border-bottom: 1px solid #549F27;
	font-weight: 700;
    font-size: .9em;
}

#menu ul {
    width: 930px;
	margin: 0 auto;
    list-style: none;
}

#menu li {
    float: left;
}

#menu li a {
	display: block;
	padding: 13px 10px 11px 9px;
	color: #fff;
	text-decoration: none;
    margin-right: 5px;
}

#menu a:hover, #menu a.active {
	background: #073502;
}

#menu li a span.new, #menu2 li a span.new {
    background: url(/images/new.png) right top no-repeat;
    padding-right:35px;
}

#content_wrap {
	width: 930px;
	margin: 15px auto;
}

#content_wrap:after {                               /* allow floated elements to set height */
    clear: both;
    display: block;                                 
    height: 0;
    visibility: hidden;
    content: '.';
}

#content.right_sidebar {
	float: left;
	width: 630px;
    margin-right: 10px;
}

#content h3 {
	color: #117506;
	font-size: 1.3em;
}

#content h4 {
	color: #117506;
	font-size: 1.1em;
}

#content p { 
    line-height: 1.4em;
    margin: 0.5em 0 1.5em;
}

#content a.button {
	display: block;
	height: 46px;
	margin-right: 6px;
	padding-right: 9px;
	background: transparent url(/images/greenbutton_right.png) no-repeat scroll top right;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
    text-decoration: none;
}
#content a.button:hover { text-decoration: underline; }
* html #content a.button { background-image: url(/images/greenbutton_right.gif) }

#content a.button span {
	background: transparent url(/images/greenbutton_left.png) no-repeat;
	display: block;
	line-height: 46px;
	padding: 0 7px 5px 15px;
    text-align: center;
}
* html #content a.button span { background-image: url(/images/greenbutton_left.gif) }

#view_tab_menu a {
	padding: 1px 3px;
	margin-left: 3px;
	font-size: 60%;
	font-weight: normal;
}

#view_tab_menu span.sort {
}

#view_tab_menu a:hover { text-decoration: none; color: #117506; }

#view_tab_menu a.active {
	background-color: #9DD49C;
	color: #117506;
}

#right_wrap {
	float: left;
	width: 250px;
    border-left: 1px solid #ccc;
    margin: 0px; 
    background: #fff; 
}

#right {
	margin: 0 10px 10px;
}

#right p {
	line-height: 1.7em;
}

#right h3 {
	margin: 20px 0 5px;
	color: #117506;
	font-size: 1.4em;
}

#right h4 {
	margin: 20px 0 5px;
	color: #117506;
	font-size: 1.2em;
}

#right div.legend {
    margin-top:20px;
    border: 1px solid #ccc;
    padding: 10px;
}

#right div.legend h4 { margin: 0 0 10px; }

#right ul.legend li { font-size: 90%; line-height: 1.3em; margin: 0 0 0.6em; }

#right ul.legend li span {
    float:left;
    padding:2px 0 0 4px;
}

#right ul.legend li span.hero-answer {
    background-color: #FFFF66;
    border: 1px solid #FFFF66;
    display: block;
    height: 10px;
    margin-left: 4px;
    margin-right: 12px;
    text-indent: -9999px;
    width: 10px;
}

#right ul.legend li span.player-answer {
    background-color: #def;
    border: 1px solid #def;
    display: block;
    height: 10px;
    margin-left: 4px;
    margin-right: 12px;
    text-indent: -9999px;
    width: 10px;
}

#right ul.legend li span.identical-answer {
    background-color: #dfd;
    border: 1px solid #dfd;
    display: block;
    height: 10px;
    margin-left: 4px;
    margin-right: 12px;
    text-indent: -9999px;
    width: 10px;
}

#right p.tags {
	font-weight: bold;
    background: #E7F3E7;
    padding: 5px;
}

#right p.tags a { text-decoration: none; }
#right p.tags a:hover { text-decoration: underline; }

#right .user-actions { background: #DEEFDC; padding: 10px; margin: 0 0 15px; }

#right ul.info, ul.pro-subscr { margin: 3px 0 30px; }
#right .user-actions ul.info { margin-bottom: 3px; }
#right ul.info li { line-height: 1.6em; }
#right ul.info li.info-email { background: transparent url(/shared/images/icons/silk/email.png) no-repeat left; }
#right ul.info li.info-location { background: transparent url(/shared/images/icons/silk/house.png) no-repeat left; }
#right ul.info li.info-website { background: transparent url(/shared/images/icons/silk/world_link.png) no-repeat left; }
#right ul.info li.info-user_edit { background: transparent url(/shared/images/icons/silk/user_edit.png) no-repeat left; }
#right ul.info li.info-add_friend { margin-top: 1em; background:transparent url(/shared/images/icons/silk/user_add.png) no-repeat left; }

#right ul.friends { margin-bottom: 30px; }

#right ul.show-friends li { margin: 10px 0 0; padding: 5px; }
#right ul.show-friends li.active { background: #E6F2E4; }
#right ul.show-friends li a { text-decoration: none; }
#right ul.show-friends li a:hover { color: #117506; }

#right ul li.avatar {
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}

#right ul.users-played li.avatar { float: left; clear: both; }
#right ul.users-played li.avatar img { float: left; }
#right ul.users-played li.avatar a { float: left; margin-top: -3px; }
#right ul.users-played li.avatar span { font-size: 90%; float: left; }
#right ul.users-played li.more { clear: left; float: left; margin-top: 5px; }

#right ul li.avatar a { text-decoration: none; }
#right ul li.avatar a:hover { text-decoration: none; color: #117506; }

#right ul li.more { font-size: 90%; margin-top: 10px; }

#right ul li.avatar img {
	border: 1px solid #ccc;
	margin: 0pt 8px 0pt 0pt;
	padding: 2px;
	vertical-align: middle;
}

#right ul.stats li { clear: both; padding: 3px 0; }
#right ul.stats li em { 
    display: block;
    float: right;
    font-style: normal;
    font-size: 90%;
}

#right.user_profile h3 { font-size: 1.2em; margin: 0px; }

#right a.button {
	display: block;
	height: 46px;
	margin-right: 6px;
	padding-right: 9px;
	background: transparent url(/images/greenbutton_right.png) no-repeat scroll top right;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
    text-decoration: none;
}
#right a.button:hover { text-decoration: underline; }
* html #right a.button { background-image: url(/images/greenbutton_right.gif) }

#right a.button span {
	background: transparent url(/images/greenbutton_left.png) no-repeat;
	display: block;
	line-height: 46px;
	padding: 0 7px 5px 15px;
    text-align: center;
}
* html #right a.button span { background-image: url(/images/greenbutton_left.gif) }

#right div.hr { 
    border-color: #117506; 
}

#footer_wrap {
	clear: both;
	padding: 1em 0;
	border-top: 4px solid #117506;
    background: #E6F2E4;
}

#footer {
    width: 900px;
    margin: 0 auto;
}

#footer div.col {
    float: left;
    width: 210px;
    margin-bottom: 10px;
}

#footer div.col h5 { font-size: 1.0em; font-weight: 700; }
#footer div.col ul {list-style: none;
                    margin: 0;
                    padding: 0;
                    border: 0;
                    outline: 0;
                    vertical-align: baseline;
                   }
#footer div.col ul li { line-height: 1.7em; }
#footer div.col ul li a { text-decoration: none; }
#footer div.col ul li a:hover { color: #117506; }

#footer p { clear: both; font-size: 90%; }

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

div.search_form #search { width: 150px; }

body#contact div.form dt { width:15%; }
body#contact div.form dd { width:80%; }
body#contact div.form textarea { width:500px; height:200px; }

div.user_profile div.avatar { float: left; width: 130px; }
div.user_profile div.info { float: left; width: 450px; min-height: 160px; }
div.user_profile div.info h2 { font-weight: 400; color: #117506; font-size: 1.6em; margin-bottom: 5px; float: left; }
div.user_profile div.info p.member-since { color: #117506; font-size: 0.9em; clear: left; }
div.user_profile div.info p { margin-bottom: 1em !important; }
div.user_profile div.recent-activity { clear: both; }

div.user_profile p.rating_points_note { margin-top:10px; font-size:10px; }

div.user_profile div.recent-activity ul.tab-nav { 
	text-align: left;
	margin: 1em 0 1em 0; 
	border-bottom: 1px solid #ccc; 
	list-style-type: none;
	padding: 3px 10px 3px 10px;
    width: 95%;
}

div.user_profile div.recent-activity ul.tab-nav li {
	display: inline;
}

div.user_profile div.recent-activity ul.tab-nav li a { 
	padding: 3px 4px; 
	border: 1px solid #ccc; 
	background-color: #DEEFDC; 
	margin-right: 3px; 
	text-decoration: none;
	border-bottom: none;
}

div.user_profile div.recent-activity ul.tab-nav a:hover, div.user_profile div.recent-activity ul.tab-nav a.active { 
	background: #fff; 
}

dl.faq dt { font-weight: bold; }
dl.faq dd { margin-bottom: 20px; }

ul.friends-list li.friend { margin: 1em 0; border-bottom: 1px solid #ccc; clear: left; }
ul.friends-list li.friend div { float: left; height: 70px; }
ul.friends-list li.friend div a.avatar { border: 1px solid #ccc; float: left; margin: 0 0.8em 4px 0; padding: 2px; }
ul.friends-list li.friend p { margin: 0 !important; }
ul.friends-list li.friend p.recent { margin: 3px 0 !important; font-size: 11px; }
ul.friends-list li.friend p.friend_status { margin: 3px 0 15px !important; font-size: 11px; }
ul.friends-list li.friend span.friend_status_link { float: right; font-size: 11px; }
a.friend_status_update { text-decoration: none; }

ul.post-details li.author { margin: 0 0 1em; clear: left; }
ul.post-details li.author div a.avatar img { border: 1px solid #ccc; float: left; margin: 0 0.8em 4px 0; padding: 2px; }
ul.post-details li.date { clear: left; }

ul.friends-list li.friend a, ul.post-details li.author a { text-decoration: none; }
ul.friends-list li.friend a:hover, ul.post-details li.author a:hover { text-decoration: none; color: #117506; }

img.user_profile {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
}

img.user_profile.thumb {
    max-width: 100px;
    max-height: 100px;
}

span.friend_status {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url(/images/friend_status.png) no-repeat;
    vertical-align: middle;
}
* html span.friend_status { background-image: url(/images/friend_status.gif); }
span.friend_status.none { }
span.friend_status.fan { background-position: -20px 0; }
span.friend_status.friend { background-position: -40px 0; }
span.friend_status.mutual { background-position: -60px 0; }

div.flash_chart { height: 250px; }

div.tab-divs { min-height: 500px; }


/* modals have classes by which they may be updated respectively
 * "share_poker_hand", "share_news", "invite_friends"
 * They all also share a "modal" class
 */
div.modal dt { width:15%; }
div.modal dd { width:80%; }
div.modal #recipients_to, div.modal #subject { width:100%; }
div.modal textarea { width:100%; height:200px; }

#import_log_toggle { font-weight:bold; background-color:#ffc; font-size:120%;}

body.pro-hands #wrapper {
    /*background-color:#fff8f4;*/
}

#pro_score_form dl {
    display: block;
    float:left;
    width:auto;
    padding:3px;
    margin:0;
}

#pro_score_form dt, #pro_score_form dd {
    display: inline;
    width:auto;
    padding:0;
    margin:0;
}

#pro_score_form input, #pro_score_form textarea, #pro_score_form select {
    background: #eee;
    border: 01px solid #ccc;
    margin-bottom: 0;
    padding: 0.1em;
}

#pro_score_table {
    clear:both;
}

.ask_pro {
    font-weight:bold;
    background-color:#fff8dc;
    font-size:80%;
    padding:5px;
    margin-right:6px;
}

.promotion ul {
    padding-left: 80px;
}

.promotion ul li {
    list-style-image: url(/images/checkmark.gif);
    /*list-style-image: url(/images/aces_li.png);*/
    list-style-position:outside;
    font-size: 140%;
    margin-top:28px;
}

.promotion ul li a {
    color: inherit;
    text-decoration: inherit;
}

#content .promotion {
   font-size:106%;
   height: 220px;
}

#content .promotion p {
	margin: 0.5em 0 0.8em;
}

.promotion_hands {
   font-size:106%;
   background:url(/images/intro.png) repeat-x;
   padding:12px 0 2px 10px;
}

.promotion_hands_right {
   font-size:106%;
}

.bold_link {
   font-weight:bold;
   color:inherit;
   text-decoration:none;
}

#inner_wrap {
}

.poker_hand.new .num_comments {
	font-size:105%;
	font-weight:bold;
	color: #003333;
}


div.breadcrumb {
    margin-bottom: 8px;
    padding-left: 10px;
}

tr.alt td {
	background: #e8e8e8;
}

#user_profile table#users td {
	padding: 4px;
}

ul.social_links {
    margin-top: 10px;    
}

#login .icon_twitter {
    padding-left:20px;
    background: url('/media/icons_twitter.jpg') no-repeat;
}

#login .icon_facebook {
    padding-left:20px;
    background: url('/media/facebook-icon.png') no-repeat;
}