body {
	background: #FFFFFF repeat url(../_images/site/common/background.gif);
	color: #2d2d2d;
	text-align: left;
	font: 13px Helvetica, Arial, Geneva, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

/* @group basic html rewrites */

a {
	color: #FF0066;
	text-decoration: none;
	font-weight: bold;
	}

a:hover {
	color: #FF0066;
	text-decoration: underline;
	font-weight: bold;
	}

h1 {
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	font-size: 36px;
	}

h2 {
	margin: 0 0 0px;
	padding: 0;
	letter-spacing: -1px;
	font-size: 24px;
	}

h3 {
	font-size: 24px;
	letter-spacing: -1px;
	margin: 0 0 5px;
	padding: 0;
	}

#home h3 {
	margin: 25px 0 5px;	}

h4 {
	font-size: 18px;
	letter-spacing: -1px;
	padding: 0;
	margin: 0 0 2px;
	}

p.spacing, h4.spacing {
	margin: 0 0 14px;
	}

h5 {
	font-size: 13px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0;
	margin: 0 0 2px;
	}

h6 {
	margin: 0 0 10px 0;
	padding: 0;
	letter-spacing: -1px;
	font-size: 24px;
	}

h7 {
	line-height: 14px;
	margin-top: 0;
	margin-bottom: 5px;
	font-weight: bold;
	}

img {
	border: 0;
	padding: 0;
	margin: 0;
	}

ul {
	list-style: outside;
	padding-left: 5px;
	margin-left: 10px;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}
br .clear {
	clear: both;
	margin: 0;
	padding: 0;
	}
	
.large {
	font-size: 16px;
	}

.extralarge, .splash_lang h2 {
	font-size: 22px;
	}

.superlarge {
	font-size: 32px;
	}

.small {
	font-size: 11px;
	}

.smaller {
	font-size: 10px;
	}

p {
	line-height: 14px;
	margin-top: 0;
	margin-bottom: 5px;
	}
	
strong, .bold {
	font-weight: bold;
}

hr {
	border: 0;
	color: #bcbec0;
	background-color: #bcbec0;
	height: 1px;
	clear: both;
	margin-top: 15px;
	margin-bottom: 10px;
	}

.glossary_item hr {
    border: 0;
    color: #bcbec0;
    background-color: #bcbec0;
    height: 1px;
    clear: both;
    margin-top: 15px;
    margin-bottom: 10px;
}
	
fieldset {
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #e4e5e5;
	margin-bottom: 5px;
	}

legend {
	font-size: 11px;
	color: #656565;
	}

table {
	border-collapse: collapse;
	}

/* @end */

/* @group layout */

#header_fullwidth {
	background: #FFFFFF;
	width: 100%;
}

#header {
	background: #FFFFFF;
	padding-top: 10px;
	width: 940px;
	height: 130px;
	text-align: left;
	margin: auto;
	}

#subnav_fullwidth {
	width: 100%;
	background:#EEEEEE none repeat scroll 0%;
	border-top: 3px solid #EEEEEE;
	border-bottom: 3px solid #dadada;
}

#subsubnav_fullwidth {
	width: 100%;
	background:#dadada none repeat scroll 0%;
}

#subsubnav_fullwidth ul {
	width: 100%;
	padding: 0;
	margin: 0;;}

#subnav, #subsubnav {
	background:transparent;
	height:21px;
	width: 964px;
	margin:0 auto;
	padding-bottom:0pt;
	text-align:right;
}

#utility_fullwidth {
	width: 100%;
	background: #FFFFFF;
	}

 #utility {
	background:#FFFFFF none repeat scroll 0%;
	height:21px;
	width: 964px;
	margin:auto;
	padding:7px 0 0 0;
	text-align:right;
}

.search {
	float: right;
}

.query {
	height: 12px;
}
.search_button_align {
	vertical-align: -6px;
	margin:0 12px 0 5px;
}

#email_flash_fullwidth,
#report_flash_fullwidth {
	width: 100%;
	background: #FFFFFF;
	}

#email_flash,
#report_flash {
	background:#FFFFFF none repeat scroll 0%;
	width:  940px;
	margin:auto;
	padding:3px 0;
	text-align:left;
}

#content_fullwidth {
	width: 100%;
	background: #FFFFFF;
	}

#content {
	background: #FFFFFF;
	padding-top: 20px;
	width: 940px;
	text-align: left;
	margin: auto;
	_padding-top:0;
	}

#report_link_form #content {
	padding: 5px 0;
	}

#lowerfeatures_fullwidth {
	width: 100%;
	background: #eeeeee;
	}
	
/*this should be a class */	
#lowerfeatures {
	background: #eeeeee;
	width: 940px;
	text-align: left;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	}

.lowerfeatures {
	background: #eeeeee;
	width: 940px;
	text-align: left;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	}
	
#footer_fullwidth {
	width: 100%;
	}

#footer {
	width: 940px;
	text-align: left;
	margin: auto;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 25px;
	}

#footer_info {
	text-align: left;
	color: #FFFFFF;
	}

/* @end */

/* @group main block formatting */

#logo {
	float: left;
	text-align: left;
	width: 170px;
	}

#logo_splash {
	float: left;
	text-align: left;
	width: 170px;
	padding-top: 90px;
	}

#top_nav_login {
	width: 770px;
	float: right;
	text-align: right;
	position: relative;
	}

#top_padding_login {
	text-align: left;
	background: #eeeeee;
	padding: 5px;
	}

#top_login_userinfo {
	background: #ffffff;
	border: 1px solid #d5d5d5;
	top: 0px;
	right: 0px;
	position: absolute;
	padding: 1px;
	}

#splash_login_userinfo {
	float: left;
	background: #eeeeee;
	padding: 10px;
	border: 1px solid #d5d5d5;
	width: 320px;
	}

#main_nav {
	float: right;
	top: 110px;
	right: 0px;
	position: absolute;
	}

#section_intro {
	text-align: left;
	}

#section_intro h1 {
	margin: 0;
	padding:0 0 9px;
	letter-spacing: -1px;
	font-size: 36px;
	}

#section_intro h2 {
	margin: 0 0 10px;
	padding: 0 0 0 15px;
	letter-spacing: -1px;
	font-size: 24px;
	/*text-indent: 15px;*/
	}

#section_intro h5 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 15px;
	}

.smallintro {
	letter-spacing: -1px;
	font-size: 24px;
	}

#section_intro a {
	font-weight: bold;
	}

.feature {
	width: 450px;
	}

#home {
	margin-bottom: 40px;
	}

#homepage_youthfriendly_feature {

	}

#home .main_50_column {
	width: 460px;
	}

.main_50_column {
	width: 450px;
	}

.main_50_column_right {
	width: 450px;
	float: right;
	padding-top: 25px;
	}

.main_50_column_left {
	width: 450px;
	float: left;
	padding-top: 0;
	}

.main_70_column {
	width: 600px;
	}

.main_30_column {
	width: 300px;
	}

.splash_lang {
	float: left;
	text-align: left;
	width: 258px;
	padding: 50px 20px 50px 0;
	}

#splash_login {
	float: right;
	text-align: left;
	width: 450px;
	padding-top: 10px;
	padding-bottom: 50px;
	}

/* @end */
	

/* @group main column formatting */

.main_70_column p {
	margin-top: 10px;
	margin-bottom: 15px;
	}

.main_70_column table {
	margin-top: 10px;
	margin-bottom: 15px;
	width: 100%;
	}

.main_70_column th {
	font-weight: bold;
	/*background: #eaeaea;*/
	text-align: left;
	font-size: 11px;
	}

.main_70_column td {
	text-align: left;
	}

#top_padding_login td.small {
	font: bold 10.5px arial;
}

#top_padding_login td.small input#rem_pswd {
	margin-left: 0;
}

/* @end */
	

/* @group margins and pads */
/* NOTE: PADs in the future should be pads! not margins! 
using rpad for real pad
*/

.more_link {
	margin-top: 10px;
	}

.rpad_top_15{
	padding-top: 15px;
}

.pad_top_40 {
	margin-top: 40px;
	}

.pad_top, .pad_top_ten {
	padding-top: 10px;
	}

.pad_top_twelve {
	padding-top: 12px;
	}
	
.pad_bot {
	padding-bottom: 10px;
	}
	
.pad_top_med {
	margin-top: 5px;
	}

.top_bottom_pad {
	margin: 10px 0 10px 0;
	}

.util_bottom_pad {
	margin: 5px 0 10px;
	}

.tenpad {
	padding: 10px;
	}

.twentypad {
	padding: 20px;
	}

.fivepad {
	padding: 5px;
	}

.titleRSSpad {
	margin-top: 10px;
	}

.left_gutter {
	margin-left: 20px;
	}

.left_pad_100 {
	margin-left: 100px;
	}

.top_gutter_small {
	padding-top: 10px;
	}

.top_gutter_med {
	padding-top: 30px;
	}

.top_gutter_tall {
	padding-top: 50px;
	}

.logo_padright {
	padding-right: 10px;
	}

.logo_political {
	padding-right: 10px;
	padding-bottom: 50px;
	}

.padright {
	padding-right: 10px;
	}
	
.padleft {
	padding-left: 10px;
	}

.nopad {
	padding: 0;
	margin: 0;
	}
	
.pad_disclaimer {
	padding: 15px 0 10px 0;
}

/* @end */

/* @group block colors */

.lightgrey_bg {
	background: #f7f7f7;
	}

.medgrey_bg {
	background: #e9eaea;
	}

.darkgrey_bg {
	background: #2d2b2d;
	}

.main_50_column_left .darkgrey_bg {
	background: #2d2b2d;
	width: 448px;
	}

.homepage_callaction {
	background: #FF0066;
	}

/* @end */

/* @group images */

.callout_image {
	float: left;
	padding-right: 10px;
	margin-bottom: 5px;
	}

.left_float_image {
	float: left;
	padding: 0 10px 10px 0;
	}

.right_float_image {
	float: left;
	padding: 0 0 10px 10px;
	}

/* @end */

/* @group special links */

.vote{
	width: 200px;
	padding-left: 23px;
}

.readmore {
	padding-right: 12px;
	background: no-repeat url(../_images/site/common/pink_arrow.gif) right;
	}

.rssfeed {
	background: no-repeat url(../_images/site/common/rss_small_orange.gif) left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 17px;
	}

/* @end */

/* @group light on dark */

.darkgrey_bg h5 {
	color: #dadada;
	padding: 0;
	margin: 0;
	font-size: 13px;
	text-transform: uppercase;
	}

.darkgrey_bg hr {
	border: 0;
	color: #656565;
	background-color: #656565;
	height: 1px;
	clear: both;
	margin-top: 15px;
	margin-bottom: 10px;
	}

/* @end */


/* @group top navigtion */

#main_nav ul {
	margin-left: 0;
	padding-left: 0;
	margin-right: 0;
	padding-right: 0;
	white-space: nowrap;
	display: inline;
	list-style: inside;
	}

#main_nav li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#main_nav a {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 5px 8px;
	}

#main_nav a:link, #main_nav a:visited {
	color: #FF0066;
	text-decoration: none;
	}

#main_nav a:hover {
	color: #FF0066;
	background-color: #eeeeee;
	text-decoration: none;
	}

#main_nav .active a {
	color: #FF0066;
	background-color: #eeeeee;
	text-decoration: none;
	}

/* @end */

/* @group sub & subsub navigation */

#subnav ul, #subsubnav ul {
	margin: 0;
	white-space: nowrap;
	display: inline;
	list-style: inside;
	position: relative;
	top: 4px;
	}

#subnav li,
#subsubnav li,
#subsubnav li {
	display: inline;
	list-style-type: none;
	margin: 2px 0 0;
	padding:4px 5px 3px;
	}

#subnav ul a,
#subsubnav ul a {
	margin-right: 10px;
	margin-left: 10px;
	padding: 4px 2px 0 2px;
	font-size: 12px;
	}

#subnav ul a:link, #subnav ul a:visited {
	color: #FF0066;
	text-decoration: none;
	}

#subsubnav ul a:link, #subsubnav ul a:visited {
	color: #FF0066;
	text-decoration: none;
	}

#subnav ul a:hover {
	color: #FF0066;
	text-decoration: underline;
	}

#subnav ul li:hover {
	background-color: #eeeeee;
	padding-bottom: 2px;
	}

#subsubnav ul a:hover {
	color: #FF0066;
	text-decoration: underline;
	}

#subsubnav ul li:hover {
	background-color: #ffffff;
	}

#subnav ul li.active {
	background-color: #dadada;
	padding-bottom: 5px;
	}

#subnav ul .active a {
	color: #FF0066;
	text-decoration: none;	}

#subsubnav ul li.active {
	background-color: #ffffff;
	padding-bottom: 5px;
	}

#subsubnav ul .active a {
	color: #FF0066;
	text-decoration: none;	}

#breadcrumb {
	padding: 0 0 5px 0;
	}

#breadcrumb a {
	font-size: 10px;
	padding: 0;
	}

/* @end */

/* @group bottom navigation */

ul#footer_nav_list {
	margin-left: 0;
	padding-left: 0;
	margin-right: 0;
	padding-right: 0;
	white-space: nowrap;
	float: left;
	}

#footer_nav_list li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#footer_nav_list a {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 3px 10px 2px 0;
	}

#footer_nav_list a:link, #footer_nav_list a:visited {
	color: #FF0066;
	text-decoration: none;
	}

#footer_nav_list a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

#footer_nav_list .current {
	color: #FFFFFF;
	text-decoration: none;
	}

ul#footer_util_list {
	margin-left: 0;
	padding-left: 0;
	margin-right: 0;
	padding-right: 0;
	white-space: nowrap;
	float: right;
	display: inline;
	}

#footer_util_list li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#footer_util_list a {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 2px 10px;
	}

#footer_util_list a:link, #footer_util_list a:visited {
	color: #FF0066;
	text-decoration: none;
	}

#footer_util_list a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

#footer_util_list .current {
	color: #FFFFFF;
	text-decoration: none;
	}

/* @end */

/* @group lists */

ul.article_list {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	list-style-position: outside;
	}

.article_list li {
	background-image: url(../_images/site/common/document_icon.gif);
	background-repeat: no-repeat;
	background-position:7px center;
	padding: 5px 0 5px 35px;
	}

ul.news_list,
ul.newsletter,
#home ul.calendar_list {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	list-style-position: outside;
}

ul.news_list li,
ul.newsletter li {
	background-image: url(../_images/site/common/document_icon.gif);
	background-repeat: no-repeat;
	background-position:7px center;
	padding: 5px 0 5px 35px;
}

ul.event_list li {
    background-repeat: no-repeat;
    background-position: 7px center;
    padding: 8px 11px 4px 35px;
    background-image: url(../_images/site/common/home/icon_event.png);
    _background-image: url(../_images/site/common/home/icon_event.gif);
}

#home ul.news_list {
	padding-top: 0;
	margin-top: 0;
}

#home ul.news_list li {
	background-repeat: no-repeat;
	background-position: 7px center;
	padding: 11px 11px 11px 35px;
}

#home ul.news_list li.contest {
	background-image: url(../_images/site/common/home/icon_contest.png);
	_background-image: url(../_images/site/common/home/icon_contest.gif);
}

#home ul.news_list li.alert {
	background-image: url(../_images/site/common/home/icon_alert.png);
	_background-image: url(../_images/site/common/home/icon_alert.gif);
}

#home ul.news_list li.blog {
	background-image: url(../_images/site/common/home/icon_blog.png);
	_background-image: url(../_images/site/common/home/icon_blog.gif);
}

#home ul.news_list li.news {
	background-image: url(../_images/site/common/home/icon_news.png);
	_background-image: url(../_images/site/common/home/icon_news.gif);
}

#home ul.calendar_list {
	border-bottom: 2px solid #999;
	margin-bottom: 0;
	padding-bottom: 0;
}

#home ul.calendar_list li {
	background-repeat: no-repeat;
	background-position: 7px center;
	padding: 8px 11px 4px 35px;
	background-image: url(../_images/site/common/home/icon_event.png);
	_background-image: url(../_images/site/common/home/icon_event.gif);
}

#home ul.calendar_list li {
	background-repeat: no-repeat;
	background-position: 7px center;
	padding: 11px 11px 11px 35px;
}

#home ul.calendar_list li img {
	display: none;
}



/*ul.newsletter li {
	padding: 10px 0 10px 25px;
}*/

ul.newsletter p {
	padding: 0;
	margin: 0;
}

ul.actionalert_list {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	list-style-position: outside;
	}

.actionalert_list li {
	background-image:url(../_images/site/common/document_icon.gif);
	background-position:7px center;
	background-repeat:no-repeat;
	padding:8px 0 2px 35px;
	}

ul.petition_list,
ul.calendar_list,
ul.event_list,
ul.contest_list {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	list-style-position: outside;
	}

.petition_list li {
	background-image: url(../_images/site/common/document_icon.gif);
	background-repeat: no-repeat;
	background-position:7px center;
	padding: 8px 0 2px 35px;
	}

.contest_list li {
	background-image: url(../_images/site/common/icon_contest.gif);
	background-repeat: no-repeat;
	background-position:7px center;
	padding: 8px 0 2px 35px;
	}

.calendar_list li {
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 7px 0 6px 25px;
	font-weight: bold;
	line-height: 14px;
}

.calendar_list .posted_by {
	font-style: italic;
	font-weight: normal;
}

.calendar_list .dark_grey {
	font-size: 10px;
	text-transform: uppercase;
}

.calendar_list li .details {
	padding-top: 2px;
	font-size: 11px;
}

.calendar_list .dark_grey {
	font-size: 10px;
	text-transform: uppercase;
}
	

p.add {
	background: transparent url(../_images/site/common/calendar/add_event.gif) no-repeat left 0;
	padding-left:19px
}	
	
ul.subscribe {
	text-align: left;
	margin: 10px 0 20px;
	padding: 0;
	*margin: 5px 0 10px;
}

ul.subscribe li{
	list-style-type: none;
	display: inline;
	padding-right: 15px;
	border-right: 1px solid #BCBEC0;
}

ul.subscribe li.last{
	border: none;
	padding-left: 15px;
	padding-right: 0;
}

.main_50_column_right ul.subscribe {
	margin: 1px 15px 20px;
	float: right;
	*margin:0;
}
	
div.be_boring {
	width: 450px;
	padding-bottom: 10px;
	border-bottom: 1px solid #BCBEC0;
	margin-bottom: 15px;
}

div.be_boring h4{
	float: left;
}
	
div.be_boring ul.subscribe {
	text-align: left;
	margin: 2px 0 0 20px;
	padding: 0;
	float: left;
	/**margin: 5px 0 10px;*/
	_float:right;
}

div.be_boring ul.subscribe li{
	list-style-type: none;
	display: inline;
	padding-right: 10px;
	border-right: 1px solid #2d2d2d;
}

div.be_boring ul.subscribe li.last{
	border: none;
	padding-left: 10px;
	padding-right: 0;
}

div.be_boring table{
	width: 350px;
	float: right;
	margin: 10px 0 5px;
}

div.be_boring table td.form_entry input{
	width: 235px;
}
	
ul.sponsor_list {
	vertical-align: bottom;
}

ul#profile_link_list{
	list-style-type: none;
	}

.indent {
	padding-left: 15px;
	}

ul#feed_list li {
	list-style: none;
	padding-bottom: 10px;
}

ul#friends_list, ul#users_list {
	width: 100%;
}
ul#friends_list li, ul#users_list li {
	background-repeat: no-repeat;
	background-position: 6px 5px;
	padding: 5px 0 5px 10px;
	list-style: none;
}

ul#public_info_list {
	width: 100%;
}
ul#public_info_list li {
	font-size: 14px;
	padding: 3px 0 5px 0px;
	list-style: none;
}

ul#linklist_0, ul#linklist_1 {
	width: 250px;
	float: left;
}

ul#linklist_0 li, ul#linklist_1 li {
	list-style: none;
}


/* @end */

/* @group cateories */

#categories {
	margin: 10px 0;
}

/* @end */



/* @group glossary */

#glossary {

	}

ul#glossary_tabs {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	float: left;
	display: inline;
	}

#glossary_tabs li {
	display: inline;
	list-style-type: none;
	padding: 5px 10px 2px;
	border-right: 1px solid #e4e5e5;
	border-left: 1px solid #e4e5e5;
	border-top: 1px solid #e4e5e5;
	background: #eaeaea;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}

#glossary_tabs a {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 2px;
	}

#glossary_tabs a:link, #glossary_tabs a:visited {
	color: #FF0066;
	}

#glossary_tabs a:hover {
	color: #FF0066;
	text-decoration: underline;
	}

#glossary_tabs #active_glossary_tab {
	color: #FF0066;
	background: #FFFFFF;
	text-decoration: none;
	}

#glossary_content {
	padding: 0px;
	}

.glossary_item {
    border-bottom:1px solid #e4e5e5;
	margin:10px 0pt;
	padding-bottom:10px;
}

.glossary_image {
    float:left; 
    margin-right: 10px;
}

/*GLOSSARY TABBER */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:0em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
  


ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #BCBEC0;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
	border: 1px solid #BCBEC0;
	border-bottom: none;
	text-decoration: none;
 	background:#EEEEEE none repeat scroll 0 0;
	margin-left: 0;
	padding:3px 1em;
}

ul.tabbernav li a:link { color: #FF0066; }
ul.tabbernav li a:visited { color: #FF0066; }

ul.tabbernav li a:hover
{
 color: #FF0066;
 background: #eee;
 
}

ul.tabbernav li.tabberactive a{
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color: #333333;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #FF0066;
 background: #eee;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {

 padding:10px;
 border: 1px solid #BCBEC0;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

	
/* @end */

/* @group interview and quotes */

.interview p {
	padding: 10px;
	margin-top: 3px;
	margin-bottom: 0;
	}

.quotes p {
	padding: 10px;
	margin-top: 3px;
	margin-bottom: 0;
	}

/* @end */

/* @group tag cloud OLD */
ul#musician_cloud{
	padding: 0px;
	margin: 0px;
	width: 90%;
}

ul#musician_cloud li {
	padding-bottom: 10px;
	margin-right: 10px;
	display: inline;
}

.smallestTag, .size1 {
	font-size: 9px;
	}

.smallTag, .size2 {
	font-size: 11px;
	}

.mediumTag, .size3 {
	font-size: 13px;
	}

.largeTag, .size4 {
	font-size: 16px;
	}

.largestTag, .size5 {
	font-size: 19px;
	}

.alt_musician_tag{
	color: #666;
}

/* @end */

/* @group name cloud NEW! */

ul.name_cloud{
	margin: 5px 0 0;
	padding: 0;
}

ul.name_cloud li{
	display: inline;
	padding-right: 10px;
	line-height: 30px;
	*display:inline;
}

ul.name_cloud li.small,
ul.name_cloud li.size1 {
	font-size: 12px;
}

ul.name_cloud li.size2 {
	font-size: 16px;
}

ul.name_cloud li.size3 {
	font-size: 20px;
}

ul.name_cloud li.medium,
ul.name_cloud li.size4 {
	font-size: 24px;
}

ul.name_cloud li.size5 {
	font-size: 28px;
}

/* @end */



/* @group forms */

/* @group form field with popup javascript */

form#hints dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
}
form#hints dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
form#hints dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
form#hints .hint {
	color: #fff;
   	display: none;
    position: absolute;
    right: -350px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #000;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ff0066 url(../_images/site/common/calendar/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
form#hints .hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../_images/site/common/calendar/pointer.gif) left top no-repeat;
}

/* @end */


/* @group email_friend */

#email_friend_form,
#report_link_form  {
	background-color: #FFFFFF;
	margin-bottom:0px;
	border:1px solid #eeeeee;
	*background-color: #fff! important;
	*border-left-color: #ffffff;
	*border-right-color: #ffffff;
	*width: 100%;
}

#email_form {
	background-color: #fff;
	margin-bottom:0px;
}

div#email_friend_success_msg,
div#report_link_success_msg {
	background-color: #fff;
	color:#FF0066;
	font-weight:bold;
}

div#email_friend_error_msg,
div#report_link_error_msg  {
    background: #ff0066 url(../_images/site/common/formflag_icon.gif)no-repeat 9px 16px ;
	display: block;
	padding: 15px 5px 5px 30px;
	color: #ffffff;
	font-weight: bold;
	max-width: 350px;
}

ul#email_friend_error_msg li{
color:#fff
}

table#email_friend_table,
table#report_link_table {
    margin: 0 auto;
}

table#report_link_table {
    vertical-align: top;
}
/*
ul.friend_errors {
	background-color: #fff;
	margin-bottom:0px;
	font-weight:bold;
}*/

/* @end */

table#home_register {
	width: 460px;
	border-bottom: 1px solid #BCBEC0;
	margin: 30px 0 0;
	padding-bottom: 20px;
	}

table#home_register input.button,
table#connect_register input.button{
	margin: 5px 0 30px;
	float: right;
	}

table#connect_login input.form_label_pad,
table#connect_register input.button{
	margin: 3px 15px 30px 0;
	}

#connect_login {
	width: 450px;
	}

#connect_register {
	width: 450px;
	}

#connect_profile {
	width: 450px;
	}
	
.button_wrap {
	margin: 10px 0;
}

/*.button_wrap img.left{
	margin: 0 0 10px;
	padding-right: 10px;
}*/

/* @group edit */

.profile_info {
	float: left;
	overflow: hidden;
	margin-left: 20px;
}

.profile_info p a{
	line-height: 24px;
}

#edit .item {
	border-top: 1px solid #BCBEC0;
	padding: 20px 0 30px;
}

#edit h1 {
	padding: 5px 0 10px;
}

#edit h4 {
	padding: 10px 0 20px;
}

#edit .item h4 {
	font-size:18px;
	letter-spacing:-1px;
	margin:0 0 2px;
	padding:0;
}

#edit p input.imgover {
	margin: 30px 0 0;
}

#edit input#born_on.form_entry {
	width: 150px;
	margin-right: 10px;
}

/* @end */

.form_label {
	padding-right: 5px;
	width: 140px;
	}

.form_entry {
	padding-right: 5px;
	width: 320px;
	}

.form_text_area {
	padding-right: 5px;
	width: 260px;
	}

.form_select {
	padding-right: 5px;
	width: 270px;
	}

	
.form_entry input{
	width: 300px;
	color: #FF0066;
	}

input {
	color: #FF0066;
	}

.form_status {
	width: 20px;
	}

.form_helpers {
	padding-right: 50px;
	}
	
.form_required {
	color: #FF0066;
	font-size: 30px;
	line-height: 0;
	vertical-align: -11px;
	
}



/* @end */

/* @group calendar */

#calendar_home {
	width: 450px;
	}

.cal_date_label {
	padding-right: 5px;
	width: 85px;
	}

.cal_entry {
	padding-right: 5px;
	width: 293px;
	}

.cal_actions {
	padding-right: 5px;
	width: 72px;
	}

#calendar_home {
	border-top: 1px solid #e4e5e5;
	}

#calendar_home td {
	border-bottom: 1px solid #e4e5e5;
	padding-bottom: 5px;
	padding-top: 5px;
	}

.event_view h5{
	text-transform: uppercase;	
}

/* @end */	

/* @group alerts */

#alerts_home {
	width: 450px;
	}

.alert_entry {
	padding-right: 5px;
	width: 293px;
	}

.alert_actions {
	padding-right: 5px;
	width: 72px;
	}

#alert_home {
	border-top: 1px solid #e4e5e5;
	}


/* @end */

/* @group questionnaire */

ol.questionnaire {
	background-color: #a2a2a2;
	/*background-color: #fff;*/
	margin: 20px 0;
	padding: 0 0 0 30px;
	border-top: 1px solid #DADADA;
}

ol.questionnaire li{
	margin: 0;
	padding: 20px 9px;
	color: #fff;
	background-color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #DADADA;
}

ol.questionnaire li.medgrey_bg{
	background-color: #ffffff;
	/*background-color: #E9EAEA;*/
}

/*ol.questionnaire li p,
ol.questionnaire li textarea,
ol.questionnaire li input,
ol.questionnaire li table,*/
ol.questionnaire li * {
	color: #000;
	font-weight: normal;
	padding-bottom: 10px;
}

ol.questionnaire li p {
	font-weight: bold;
}

ol.questionnaire li textarea,
ol.questionnaire li input.text {
	width: 300px;
	border: 1px solid #939393;
}

/* @end */


/* @group polls */

.poll_bg {
	background-color: #e9eaea;
	margin: 25px 0 10px;
	padding: 20px;
	width: 420px;
	}

.poll_q {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	color: #2f2f2f;
	}

div.poll_item {
	margin: 8px 0;
}

div.poll_item *{
	/*vertical-align:-3px;*/
}

/* @end */	

/* @group downloads */
	
.downloads a {
	font-weight: normal;
	font-size: 11px;
	}

.downloads a:hover, .downloads a:active {
	color: #afafaf;
	font-weight: normal;
	}

.dotted_bottom {
	border-bottom: 1px dotted #666666;
	}

/* @end */	

/* @group artists */

#artists_thumbs {
	padding: 0;
	margin: 0;
	width: 450px;
	}

#artists_thumbs ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#artists_thumbs li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	height:154px;
	width: 224px;
	}

#home_community {
	padding: 0;
	margin: 0;
	/*width: 300px;*/
	}

#home_community ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#home_community li {
	list-style-type: none;
	padding: 0 0 4px 0;
	margin: 0;
	float: left;
	width: 73px;
	text-align: center;
	line-height: 16px;
	}

.artists_profiles_links {
	width: 210px;
	padding: 10px 0 10px 0;
	margin: 0 0 30px 0;
	}

.artists_profiles_links ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

.artists_profiles_links li {
	font-size: 18px;
	padding: 0;
	margin: 0;
	}

/* @end */	

/* @group about */

#about_thumbs {
	padding: 0;
	margin: 0;
	width: 450px;
	}

#about_thumbs ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#about_thumbs li {
	padding: 0 5px 5px 0;
	margin: 0;
	float: left;
	}
	
.banners {
	border-bottom: 1px solid #BCBEC0;
	padding: 35px 0;
	width: 150%;
}

.banners p{
	margin: 0;
	padding: 2px 0;
}

.last {
	border:none;
}
	
/* @end */	

/* @group flags */

.flag, .notice {
	background: no-repeat url(../_images/site/common/formflag_icon.gif) 9px 16px #ff0066;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 15px 5px 5px 30px;
	color: #ffffff;
	font-weight: bold;
	}

	#loginerror {
	border: 1px solid white;
	padding: 5px 5px 5px 10px;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	}


/* @end */

/* @group pagination */
#paginator {
	color: #999999;
	font-weight: bold;
}

/* @end */

/* @group userprofiles */
#bio {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid grey;
}
.underlined {
	margin-bottom:20px ;
	border-bottom: 1px solid grey;
	line-height:4px;
}

/*ul#petitions_list, ul#user_alert_list{
	width: 70%;
}*/

div#add_friend{
	margin:  10px 0;
}

/* @end */

/* @group general */

.hide { display:none }

.cutline {
	font-size: 11px;
}

/* @end */ 

/* @group messages */
#send_message #title {
    width: 300px;
    
}

#send_message textarea {
    width: 400px;
    height: 200px;
}

#message_view th, #message_view td {
	font-size: 18px;
	letter-spacing: -1px;
	padding: 10px;
	margin: 0 0 2px;
}

/* @end */

/* @group Staff */
.staff_thumb{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}
/* @end */


/* @group colored text */

.pink {
	color: #FF0066;
	}

.light_grey {
	color: #afafaf;
	}

.med_grey {
	color: #656565;
	}

.dark_grey {
	color: #333333;
	}
	
.black {
	color: #000;
	}

.white {
	color: #ffffff;
	}

/* @end */

/* @group survey */

.survey_intro {
	padding: 10px 0 20px 0;
}

.question {
	border-bottom: 1px solid #ccc;
	padding: 20px 0 20px 0;
}

.question .text {
	font-weight: bold;
}

.question .comment {
	font-weight: normal;
	padding: 10px 0 15px 0;
}

/* @end */

/* @group google ads */
div#googlead > iframe,div#googlead2 > iframe {
  border: 1px solid grey;
  padding: 5px;
  margin-top: 10px;
}
/* @end */

