/* all color info that changes by page - this is the federal scheme, see state.css, local.css, global.css for those */

/* Images - only change the name of the color */
body {
	background: #252b33 url('/images/bgHeartBlue.gif') repeat top center fixed;
	}
#contentTopColor {
	background: url('/images/contentTopBlue.gif') no-repeat;
	}
#footerImg {
	background: url('/images/footerBlue.gif') no-repeat;
	}
.filtersImg {
	background: #3399ff url('/images/filterBlue.gif') no-repeat center center;
	} /* 100% color */
.filterO, .filtersO {
	background: url('/images/filterOBlue.gif') no-repeat center center;
	}
.filterOC, .filtersOC {
	background: url('/images/filterOCBlue.gif') no-repeat center center;
	}
.filterOff {
	background: url('/images/filterOffBlue.gif') no-repeat center center;
	}
.filtersMenu {
	display: none;
}
.filters.hovering .filtersMenu {
	display: block;
	z-index: 10;
}
.deadBird {
	background: url('/images/iconDeadBirdBlue.gif');
	}
/* 100% color */
#contentContent, .filler, .repSelect, #new_tweet, .filters ul, .filterSelect {
	background: #3399ff !important;
	}
#repList li, #repList a {
	color: #3399ff;
	}
.navFed, .filtersImg, .filtersO, .filtersOC {
	border: #3399ff solid;
	}
/* 80% color */
.office {
	background: #bee0fa !important;
	}
/* 60% color */
.staffer, .campaign {
	background: #dff0fc !important;
	}
/* highlight color */
#repAvatar, .trendingTags, #tweetstream, .repAccountTitle, #repInfoSide, .filters, .accountsTitle {
	background: #8dc8f7;
	}
.tweetActly, .tweetPic, .tweetVid {
	border-top: 1px solid #8dc8f7; 
	border-bottom: 1px solid #8dc8f7; 
	}
/* colors for outlining the officials */
.constituent img.tweetAvatar {
	border: 3px solid #ed1e79;
	}
.international img.tweetAvatar {
	border: 3px solid #9c6fb8;
	}
.federal img.tweetAvatar {
	border: 3px solid #8dc8f7;
	}
.state img.tweetAvatar {
	border: 3px solid #ade088;
	}
.local img.tweetAvatar {
	border: 3px solid #f6b76c;
	}
/* navBar - here because it will have to be changed for other countries, state, local, etc... */
.navBar {
	line-height: 1px;
	font-size: 1px;
	}
img.navFederal {
	width: 49px;
	height: 10px;
	background: url('/images/navFederalOn.gif') no-repeat;
	}
div.navFed {
	border-width: 5px 10px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	line-height: 1px;
	font-size: 1px;
	}
img.navState {
	background: url('/images/navState.gif') no-repeat;
	width: 34px;
	height: 10px;
	}
div.navSta {
	border: black solid;
	border-width: 5px 16px 5px 17px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	line-height: 1px;
	font-size: 1px;
	}
img.navLocal {
	background: url('/images/navLocal.gif') no-repeat;
	width: 35px;
	height: 10px;
	}
div.navLoc {
	border: black solid;
	border-width: 5px 9px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	line-height: 1px;
	font-size: 1px;
	}
img.navGlobal {
	background: url('/images/navGlobal.gif') no-repeat;
	width: 42px;
	height: 10px;
	}
div.navGlo {
	border: black solid;
	border-width: 5px 9px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	line-height: 1px;
	font-size: 1px;
	}


/* no more changing colors!! */
#white_canvas {
	background-color: #fff;
	padding: 100px 20px 20px 20px;
	}

/* The Basics */
* {
	margin: 0;
	padding: 0;
	border: 0;
	}
body {
	font: 12px Georgia,serif;
	}
ul {
	list-style: none;
	}
p {
	margin: 0 0 12px;
	}
a {
	color: black;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
hr {
	display: none;
	}
#wrapper-outer {
	border: 20px solid black;
	}
#wrapper-inner {
	margin: 0 auto;
	width: 920px;
	position: relative;
	overflow: hidden;
	}
.right {
	float: right;
	}
.left {
	float: left;
	}
.clear {
	clear: both;
	}

#splash_submit {
	float: right; 
}
#splash_skip {
	padding-top: 10px;
	clear: both;
}

/* Header */
#nav {
	background: black;
	color: #bdccd4;
	width: 900px;
	height: 20px;
	margin: 0 auto;
	position: relative;
	bottom: 20px;
	margin: 0 auto;
	padding: 5px 10px 5px 10px;
	vertical-align: middle;
	z-index: 10;
	}
#nav a {
	color: #ED1E79;
	}
#nav input {
	}
#nav img {
	}
#nav form {
	display: inline;
	}
.navLeft {
	padding-top: 4px;
	}
#logo {
	width: 230px;
	height: 160px;
	position: absolute;
	top: 0;
	left: 345px;
	z-index: 10;
	}

/* Side bars */
#reps, #custom {
	width: 215px;
	float: left;
	margin-top: 35px;
	}
#repsTop {
	background: url('/images/repsTop.gif') no-repeat;
	height:53px;
	}
#customTop {
	background: url('/images/customTop.gif') no-repeat;
	height: 53px;
	}
#repsContent, #customContent {
	color: #999;
	background: black;
	margin-bottom: 20px;
	}
#repsContent {
	padding: 0 0 20px 20px;
	}
#customContent {
	padding: 0 20px 20px 0;
	}
#customContent a {
	color: #ED1E79;
	}
.welcomeBox {
	background: #ED1E79;
	width: 175px;
	color: white;
	padding: 10px;
	}
.welcomeBox h1 {
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	}
.welcomeBox p {
	margin: 10px 0 0;
	}
.welcomeBox a {
	color: white !important;
	text-decoration: underline;
}
.sideHR {
   background: transparent url('/images/sideHR.gif') no-repeat top center;
   height: 9px;
   margin: 14px 0;
	}
#repsBtm, #customBtm {
	}
#repList {
	font-size: 18px;
	line-height: 16px;
	}
#repList li {
	background: white;
	margin-bottom: 1px;
	padding: 2px 10px 7px;
	position: relative;
	}
#repList li img {
	position: absolute;
	right: 3px;
	top: 19px;
	}
.repSelect, .repSelect .repOffice a {
	color: white !important;
	}
.repSelect div.repTitle {
	color: white;
	} 
.repTitle {
	color: #999;
	font-size: 12px;
	}
.repAdd, .repSearch {
	width: 187px;
	color: #ed1e79;
	font: 18px Georgia,serif;
	padding: 9px 4px 8px;
	}
.repSearchBox {
	font-family: Georgia,serif; 
	}
.customAvatar {
	width: 48px;
	height: 48px;
	float: left;
	margin: 0 10px 10px 0;
	}
.user {
	color: white;
	font-size: 14px;
	position: relative;
	bottom: 3px;
	}
.user a {
	color: #ed1e79;
}
.userLoc {
	color: #666;
	position: relative;
	bottom: 3px;
	}
.userMeta {
	color: black;
	}
.pink_header {
	color: #ed1e79;
	font-size: 17px;
	margin-bottom: 10px;
}
.pink_header a {
	color: #ed1e79;	
}
.userright {
	background-color: #fff;
	width: 93px;
	padding: 10px 0px 10px 0px;
	margin-bottom: 2px;
}
.username {
	text-align: center;
}
.usersub {
	font-size: 10px;
	text-align: center;
}
.userpic {
	margin-bottom: 5px;
	padding: 0px 10px 0px 10px;
}
.constituent_paginate {
	text-align: center;
	margin-top: 5px;
}
.constituent_paginate a {
	color: #ed1e79;
}
#address_input {
	width: 135px;
	background: #374351;
	color: white;
	border: #374351 solid;
	border-width: 4px 5px 2px 3px;
	font-size: 12px;
	}
#address_submit {
	background: url('/images/go.gif') no-repeat;
	height: 18px;
	width: 25px;
	}
#address_submit:hover {
	background: url('/images/goOver.gif') no-repeat;
	cursor: pointer;
	}

/* Center section */
#content {
	width: 490px;
	float: left;
	margin-top: 35px;
	}
#contentTop {
	background: url('/images/contentTopBack.gif') no-repeat;
	padding: 17px 20px 0;
	}
#contentTopColor {
	width: 450px;
	height: 35px;
	}
#contentContent {
	color: white;
	border: 20px solid black;
	border-top: none;
	border-bottom: none;
	padding: 25px 20px 2000px;
	margin-bottom: -2000px;
	font-size: 13px;
	position: relative;
	zoom: 1;
	}
#contentBtm {
	}
.deadBird {
	vertical-align: middle;
	height: 23px;
	width: 23px;
	}
.deadBirdTxt {
	font-size: 24px;
	margin-bottom: 12px;
	}
#repInfoSide {
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	padding: 10px;
	zoom: 1;
	*display: inline;
	}
#repAvatar {
	}
#repInfoButtons {
	width: 74px;
	}
#repInfoButtons img {
	width: 16px;
	height: 16px;
	padding: 5px 0px 0px 0px;
	}
#repInfo {
	display: inline-block;
	vertical-align: top;
	width: 295px;
	zoom: 1;
	*display: inline;
	}
#repInfo a {
	color: white;
	}
#repInfoName {
	font-size: 18px;
	}
#repInfoTitle {
	font-style: italic;
	}
#constituentCount {
	margin: 12px 0;
	font-style: italic;
	}
.repAccountTitle {
	float: left;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	height: 14px;
	margin: 0 15px 2px 0;
	padding: 5px 10px;
	text-align: right;
	width: 73px;
	}
.repAccountAvatars img {
	float: left;
	margin: 0 3px 0 0;
	}
.filters {
	xtext-align: right;
	xposition: absolute;
	xright: 10px;
	xtop: -30px;
	xbackground: transparent;
	xz-index: 5;
	margin-bottom: 1px;
	padding: 0 10px 6px;
	}
.filters strong {
	position: relative;
	top: 3px;
	}
.filters span {
	float: right;
	padding: 3px 5px; 
	}
.filtersImg {
	height: 24px;
	width: 24px;
	border-width: 5px 5px 0;
	}
.filtersO, .filtersOC {
	height: 24px;
	width: 24px;
	border-width: 5px 5px 0;
	}
.filters ul {
	font-size: 10px;
	padding: 5px 5px 1px;
	}
.filters ul li {
	margin-bottom: 5px;
	line-height: 24px;
	font-weight: normal;	
	}
.filters ul img {
	vertical-align: bottom;
	margin-left: 5px;
	height: 24px;
	width: 24px;
	}
.filters a {
	color: white;
	}
.filters a:hover {
	text-decoration: none;
	}
.trendingTags {
	clear: both;
	padding: 10px;
	margin-bottom: 1px;
	}
.trendingTagItemCurrent {
	font-weight: bold;
	text-decoration: underline;
	}
.trendingTagItemCurrent a {
	}
.savedTags {
	background: #252b33;
	padding: 10px;
	}
.trendingTags ul, .savedTags ul {
	font-size: 14px;
	word-spacing: -3px;
	letter-spacing: -3px;
	}
.trendingTags ul {
	display: inline;
	}
.savedTags img {
	height: 13px;
	margin-bottom: 5px;
	}
.trendingTags img {
	float: left;
	height: 25px;
	zoom: 1;
	}
.trendingTags li, .savedTags li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: white;
	color: #ed1e79;
	font-size: 12px;
	line-height: 15px;
	margin: 0 1px 1px	 0;
	padding: 5px;
	letter-spacing: normal;
	}	
.trendingTags li a {
	color: #ed1e79;
	word-spacing: normal;
}
.trendingTags div, .savedTags div {
	background: white;
	color: #ed1e79;
	font-size: 12px;
	line-height: 23px;
	padding: 4px;
	display: inline;
	}	
#tweet_content {
	width: 187px;
	height: 150px;
	padding: 9px 4px 8px;
	font-family: Georgia, serif;
	font-size: 13px;
	margin-bottom: 10px;
	}
.postCount {
	float: right;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	position: relative;
	bottom: 5px;
	line-height: 16px;
	}
.postTweet {
	background: url('/images/tweet.gif') no-repeat top left;
	height: 30px;
	width: 80px;
	float: right;
	}
.postTweet:hover {
	background: url('/images/tweetOver.gif') no-repeat top left;
	cursor: pointer;
	}
.postButton {
	margin-right: 8px;
	}
.search {
	background: white;
	height: 22px;
	width: 187px;
	padding: 4px;
	margin-bottom: 10px;
	}
.searchBox {
	width: 160px;
	height: 16px;
	padding: 4px 0;
	font-size: 13px;
	}
.searchButton {
	background: url('/images/searchGrey.gif') no-repeat top left;
	height: 16px;
	width: 17px;
	margin: 4px 3px;
	}
.filler {
	height: 20px;
	width: 450px;
	position: absolute;
	top: -20px;
	left: 0;
	}

/* TWEETS!! */
#tweetstream {
	position: relative;
	width: 100%;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
	zoom: 1;
	}
.tweet {
	position: relative;
	background: white;
	color: #666;
	margin: 0 10px 1px;
	clear: both;
	padding: 2px 0;
	}
.tweetAvatar {
	width: 48px;
	height: 48px;
	float: left;
	margin: 0px 10px 10px 10px;
	position: relative;
	border: 3px solid white;
	}
.tweetxt {
	margin: 8px 10px 8px 68px;
	}
.tweeter {
	font-weight: bold;
	}
.tweetime {
	display: block;
	color: #999;
	font-size: 10px;
	}
.tweetActly, .tweetPic, .tweetVid {
	margin: 10px 25px 5px 5px;
	padding: 10px 0;
	}
.tweet_replies {
	margin: 0 10px;
	}

/* User popups */
.popup_name {
	font-size: 14px;
	}
.popup_accountType {
	background: #3399ff;
	}
.popup_followers {
	font-style: italic;
	font-size: 12px;
	}
.popup_description {
	font-size: 12px;
	}
.popup_website {
	font-size: 12px;
	}


/* Reply or RT */
.tweetButtons {
	float: right;
	height: 65px;
	padding-left: 10px;
	}
.twtButton {
	margin-bottom: 3px;
	}
#new_tweet {
	margin: 0 20px 10px;
	padding: 10px 10px 37px 10px;
	position: relative;
	}
.respondImg {
	position: absolute;
	left: 13px;
	top: 15px;
	}
.talkRight {
	position: absolute;
	left: 69px;
	top: 15px;
	height: 22px;
	width: 12px;
	}
.rjs_form {
	}
.textcounting {
	width: 350px;
	margin-bottom: 3px;
	font-family: Georgia, serif;
	font-size: 13px;
	}
.charcounter {
	float:left;
	}
.tweet_cancel {
	float: right;
	font-size: 10px;
	color: #fff;
	margin: 10px 10px 0 10px;
	}
#tweet_submit {
	background: url('/images/replyTweet.gif') no-repeat top left;
	height: 20px;
	width: 60px;
	float: right;
	margin: 7px 0 0 10px;
	}
#tweet_submit:hover {
	background: url('/images/replyTweetOver.gif') no-repeat top left;
	cursor: pointer;
	}
.pagination {
	text-align: center;
	padding: 5px;
	font-size: 12px;
	}

/* Account display and editing page */
.accountsTitle {
	padding: 10px 3px;
	font-weight: bold;
	color: black;
	margin-bottom: 1px;
	text-align: center;
	}
.new_user {
	text-align: center;
	vertical-align: middle;
	padding: 0 10px;
	}
#type {
	width: 100px;
	}
#user_login {
	margin: 0 10px;
	width: 100px;
	}
#user_submit {
	background: white;
	color: #ED1E79;
	padding: 3px 5px;
	width: 145px;
	}

/* Footer */
#footer {
	background: black url('/images/footerShadow.gif') repeat-x;
	margin: 0px auto;
	padding-bottom: 20px;
	text-align: center;
	min-width: 960px;
	}
#footer a {
	color: #ed1e79;
	font-size: 14px;
	}
#footerImg {
	width: 450px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	}
.footerLinks {
	width: 980px;
	position: relative;
	bottom: 20px;
	margin: 0 auto;
	}	
.footerSpaceLeft {
	margin-left: 65px;
	}
.footerSpaceRight {
	margin-left: 38px;
	}
.footerInfo, .footerinfo a {
	color: white;
	font-size: 12px;
	}

/* Full width pages */
#canvasTop {
	background: url('/images/genericTopGrey.gif') no-repeat;
	height: 53px;
	width: 919px;
	}
#canvasContent {
	width: 840px;
	border-left: 20px solid black;
	border-right: 20px solid black;
	background: #bdccd4;
	padding: 70px 20px 20px;
	}
#canvasBtm {
	background: url('/images/genericBottomGrey.gif') no-repeat;
	height: 53px;
	width: 919px;
	margin-bottom: 20px;	
	}

/* flash notices */
.flash {
	position: absolute;
	background: url('/images/talkUp.png') no-repeat center bottom;
	z-index: 20;
	top: 1px;
	left: 230px;
	}
.flash_notice, .flash_error {
	margin: 0 auto 11px;
	padding: 2px 5px;
	width: 450px;
	background: white;
	color: green;
	}
.flash_error {
	color: red;
	}	
.flash_notice a {
	color: green !important;
	}
.flash_error a {
	color: red !important;
	}
.close_notify {
	float: right;
	}

/* jquery auto complete stuff */
.ac_results {
	padding: 0px;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	border: solid 1px #ccc;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	overflow: hidden;
}

.ac_loading {
	background: white url('/images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #fff;
}
.ac_even {
	background-color: #ddd;
}

/* end jquery autocomplete stuff */