/* @override 
	http://localhost:3000/stylesheets/default.css
	http://38.99.108.114:4000/stylesheets/default.css
*/

body {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin:  10px;
}

input[type=text], input[type=submit], input[type=button], input[type=password], textarea {
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #3B5998;
	
}

input[type=submit], input[type=button] {
	color: white;
}

input[type=submit], input[type=button] {
	background-color: #a7a7a7;
	cursor: pointer;
}

a.no_dec, a.no_dec:hover {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

div.heading {
	color: #3B5998;
	height: 105px;
	padding-top: 10px;
	vertical-align: bottom;
}

div.logo {
	font-size: 18px;
	font-weight: bold;
}

div.logo a {
	text-decoration: none;
	color: #3B5998;
}

div.user {
	float: right;
	margin-right: 5px;
	margin-top:  -5px;
	color: #e9e9e9;
}

div.highlights {
	display: inline-block;
	height: 24px;
	padding-top: 6px;
	text-align: right;
	font-size: 14px;
	margin-top: 74;
	color: rgb(23,55,94);
}

.left {
	float: left;
	display: inline-block;
}

.right {
	float: right;
	display: inline-block;
}

.hidden {
	display: none;
}

.absolute {
	position: absolute;
	left: 0px;
	top: 0px;
}

.button {
	cursor: pointer;
}

.top_title {
	font-weight: bold;
	margin-bottom: 10px;
}

h1 {
	font-size: 20px;
	padding-bottom: 10px;
}

h4 {
	font-size:  16px;
	padding-top: 6px;
}

h4.right {
	color: grey;
}

h5 {
	font-size: 12px;
	padding-bottom: 5px;
}

p {
	padding-bottom: 5px;
}

.left_menu.selected {
	text-decoration: underline;
}

.small {
	display: inline-block;
}

.indented {
	margin-left: 15px;
}

.italic {
	font-style: italic;
	color: #5e5e5e;
}

div.blue_box {
	background-color: #b6c1f1;
}

.dark_blue_box {
    background-color: rgb(23,55,94);
    color:  white;
    font-weight: bold;
}

.pink_box {
	background-color: #ffcac2;
}

.yellow_box {
	background-color: yellow;
}

.green_box {
	background-color: rgb(195,214,155);
}

.grey_box {
	background-color: lightgrey;
}

.top_padded {
	padding-top: 8px;
}

.bottom_padded {
	padding-bottom: 8px;
}

.inline {
	display: inline-block;
}

.block {
	display: block;
}

.photo {
	display: inline-block;
	background-color: white;
}

.photo img {
	padding: 2px;
}

div.clearfix {
	clear:  both;
}

div.border_box {
	border:  1px solid #3B5998;
	background-color: #dbdbdb;
	padding: 10px;
	margin-bottom: 5px;
}

.bordered {
	border:  1px solid #3B5998;
}

h2 {
	font-size: 18px; 
}

h3 {
	padding-bottom: 10px;
}

.rounded_6 {
	border-radius: 6px;
 	-o-border-radius: 6px;
 	-icab-border-radius: 6px;
 	-khtml-border-radius: 6px;
 	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
}

.rounded_3 {
	border-radius: 3px;
 	-o-border-radius: 3px;
 	-icab-border-radius: 3px;
 	-khtml-border-radius: 3px;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
}

.border_bottom {
	border-bottom: 1px solid #3B5998;
}

.border_top {
	border-top: 1px solid #3B5998;
}

.plain {
	text-decoration: none;
	color: black;
}

.margin_top {
	margin-top: 13px;
}

.margin_bottom {
	margin-bottom: 8px;
}

.stretch {
	width: 100%;
}

a div {
	text-decoration: none;
	color: black;
}

.padded td, .padded th {
	padding: 5px;
}

.title {
	font-size: 12px;
	font-weight: bold;
}

.small-text {
	font-size: 11px;
}

.sub_title {
	font-size: 12px;
	color: grey;
}

.sub_title a {
	color: grey;
	text-decoration: none;
}


/* subheading */

div.sub_heading {
	margin-top: 0px;
	padding-top: 4px;
	padding-bottom: 3px;
	height:  19px;
	text-align: left;
	background-color:  rgb(23,55,94);
}

span.menu {
	display: inline-block;
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	color: #ffffff;
	margin-left: 2px;
	}

span.menu a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size:  ;
}

span.menu.selected {
	color:  rgb(23,55,94);
	background-color: white;
}

span.menu.selected a {
	color:  rgb(23,55,94);
	background-color: white;
}

div.menu {
	float: left;
	padding-top: 3px;
}

div.menu_bar {
	padding-top: 3px;
	border-bottom:  1px solid #d4d4d4;
	padding-bottom: 5px;
	height: 26px;
}

span.menu span.menu_item {
	display: inline;
	margin-left: 0px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

span.menu_item a.selected {
	font-weight: bold;
}

div.content {

	padding-top: 4px;
}

span.flash {
	float: right;
	color: #008a58;
	font-style: italic;
	margin-top:  -15px;
}

/* giver_wide */

.giver_wide {
	margin-top: 10px;
	margin-bottom: 10px;
}


.giver_wide .clap_count {
	
}

.giver_wide .photo.mid_size {
	width: 75px;
	
}

.giver_wide div.detail {
	width: 670px;
}

/* Footer */

div.footer {
	font-size: 10px;
	margin-top: 10px;
	border-top:  1px solid #d4d4d4;
	padding-top: 10px;
	margin-bottom: 10px;
	}

div.footer span.copyright {
	float: left;
}

div.footer span.links {
	float:  right;
}

div.footer span.links a, div.footer span.links a:visited {
	text-decoration: none;
	color: black;
}

div.footer span.menu_item {
	padding-left: 2px;
	padding-right: 2px;
}

div#form_box {
	
}

div#form_box textarea {
	height: 100px;
}

div.left_menus {
	height: 150px;
}

div.left_menus a, div.left_menus a:visited {
	color: black;
	text-decoration: none;
}

/* Giving */
div.top_border {
	border-top: 1px solid #3B5998;
}

div.bottom_border {
	border-bottom: 1px solid #3B5998;
}

div.grey {
	background-color: #d4d4d4;
}

div.giving {
}

div.giving form {
	padding-left: 5px;
	padding-right: 5px;
}

div.left {
	/*height: 500px;*/
	/*margin-top: 4px;*/
}


label {
	display: block;
	padding-bottom: 5px;
	font-style: italic;
}

div.giving label {
	clear: left;
}

.grid_8 input#url {
	width: 280px;
}

input#url {
	width: 700px;
}

input#qty {
	width: 40px;
}

/* main */

div.menu {
	font-size: 10px;
	color: black;
	display: inline-block;
}

div.menu span.menu_item {
	padding-left: 3px;
	padding-right: 3px;
}

div.menu span.last {
	border-right: none;
}

div.menu span.menu_item a, div.menu span.menu_item a:visited {
	color: black;
	text-decoration: none;
}

.small_label {
	font-size: 10px;
	font-weight: bold;
	width: 60px;
	display: inline-block;
}

/* sessions */

div.login_form {
	display: inline-block;
	text-align: right;
	float: right;
	margin-top: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.login_form form {
	margin-top: -2px; 
}

div.login_form span.error{
	color: red;
	font-style: italic;
	display: inline-block;
}

div.login_form form {
	display: inline-block;
}

div.login_form input#login {
	width: 80px;
}

div.login_form .grey {
	color: #c4c4c4;
	font-style: italic;
}

div.login_form input#password, div.login_form input#tmp_password {
	width: 100px;
}

div.login_form_large {
	width: 300px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

div.login_form_large h1{
	font-size: 14px;
	padding-bottom: 10px;
	margin-top: 20px;
}

div.login_form_large label {
	width: 150px;
	display: inline-block;
	text-align: right;
}

div.login_form_large input {
	width: 120px;
}

div.login_form_large p.buttons {
	text-align: right;
	width: 270px;
}

div.login_form_large input[type=submit] {
	width: 50px;
}

div.login_form_large span.errors {
	color: red;
	font-style: italic;
	width: 270px;
	text-align: right;
	display: block;
	padding-bottom: 4px;
}

/* receivers */
span.toggle {
	font-size: 11px;
	text-decoration: underline;
	cursor: pointer;
	margin-left: 10px;
	margin-top:4px;
	display: inline-block;
}


div.receivers, div.givers {
	margin-top: 10px;
}

div.receivers h2, div.givers h2 {
	display:  inline-block;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 8px;
	float:  left;
}

div.receivers div.menu, div.givers div.menu {
	float: right;
	width: 490px;
	margin-bottom: 0px;
	margin-top: 8px;
	height: auto;
	text-align: right;
	border-bottom:  1px solid #3B5998;
		
}

div.givers div.menu {
	width:  255px;
}

div.people div.menu {
	width: 520px;
}

div.receivers div.menu span.selected a{
	text-decoration: underline;
}

div.receivers div.section {
	margin-top: 4px;
	margin-bottom: 10px;
	padding: 4px;
}

.clap_count {
	text-align: center;
	float: left;
	height: 30px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	font-size: 10px;
	margin-right: 5px;
	cursor: pointer;
	color:  rgb(23,55,94);
}

.clap_count span.count {
	font-weight: bold;
	font-size: 18px;
}

.clap_count span.clap_label {
	display: block;
	margin-top: -6px;
}

.clap_count.large {
	height: 60px;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
}

.clap_count.large span.count {
	font-size:  22px;
}

div.receiver div.receiver_detail {
	float: right;
	width: 330px;
	border-left:1px solid #3B5998;
	padding-left: 10px;
}

div.receiver_detail div.url {
	width: 300px;
	overflow: hidden;
}

div.receiver div.receiver_detail label {
	display: inline-block;
	width: 75px;
	text-align: right;
	padding-right: 5px;
}

div.receiver div.title {
	font-weight: bold;
}

div.receiver div.title a {
	color: black;
	text-decoration: none;
}

div.receiver div.receiver_detail div.description {
	font-style: italic;
	color: #4f4f4f;
}

div.receiver {
	margin: 4px 0px 0px 0px;
	padding-top:  4px;
	padding-left: 4px;
	padding-bottom:  4px;	
}

div.give_to {
	display: inline-block;
	float: right;
	width: 175px;
	margin-top: 12px;
}

div.give_to input#qty {
	width: 55px;
}

div.give_to form {
	padding: 0px;
	margin: 0px;
	padding-left: 4px;
}

div.errorExplanation ul {
	padding-top: 5px;
	list-style: none;
	margin: 0;
}

div.errorExplanation li {
	list-style: none;
	margin: 0;
}


/* top givers */


div.giver {
	display: inline-block; 
	/*width: 249px;*/
	margin: 2px 2px 2px 2px;
	padding: 4px;
}

div.giver div.photo {
	
	float: left;
}

div.giver div.name {
	width: 170px;
	display: inline-block;
	padding-left: 4px;
	float: left;
}

div.giver div.name a {
	color:  black;
	text-decoration: none;
}

div.giver div.points_given {
	width: 170px;
	display: inline-block;
	padding-left: 4px;
	float: left;
}

div.form {
	padding-top: 10px;
}

div.form label {
	width: 120px;
	display: inline-block;
	text-align: right;
	padding-right: 10px;
}

div.form input[type=hidden] {
	height: 0px;
	display: none;
}

div.form input {
	width:  160px;
	display: inline-block;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #3B5998;
	margin-top: 5px;
}

div.bordered form.button-to {
	margin-right: 10px;
}

form.button-to, form.button-to div {
	display: inline-block;
	float: left;
}

div#info_box form.button-to{
	float:  right;
	margin-right: 10px;
	margin-bottom: 4px;
}

.top_box {
	height: 65;
}

div#info_box {
	font-size: 16px;
}

div form input[type=hidden] {
	border: none;
}

div.form input[type=submit], div.form input[type=button] {
	width: auto;
	margin-right: 10px;
	border-width: 1px;
	padding: 3px;
}

div.form div#simple_captcha img {
	display: inline;
	padding-bottom: ;
	width: 120px;
	padding-right: 10px;
	height: 25px;
}

div.form input#user_captcha {
	position: relative;
	top: -5px;
}

div#simple_captcha {
	vertical-align: top;
}

div.form span.subtext {
	margin-left:  130px;
	font-style: italic;
	font-size: 10px;
}

/* errors for forms */

#errorExplanation h2, #errorExplanation p  {
	display: none;	
}

div.fieldWithErrors {
	display: inline;
}

div.fieldWithErrors label {
	color:  red;
}

div#errorExplanation.errorExplanation ul {
	list-style-position: inside;
	list-style-type: none;
	padding-bottom: 10px;
	font-style: italic;
	font-size: 10px;
	color: #f00;
}

/* giving page */
h2.giving_title { 
	margin-top: 20px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 10px;
}

div.site_info div.title {
	padding: 0px 10px 10px 0px; 
	font-weight: bold;
}

div.site_info div.title span.site_url {
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
}

div.site_info div.site_thumbnail {
	width: 100px;
	height: 125px;
	border: 1px solid black;
	margin-left: 10px;
	float: left;
}

div.site_info div.site_dets, div.site_info div.site_stats {
	margin-left: 0px;
	width: 500px;
}

div.site_info div.site_dets span.title {
	width: 300px;
	display: block;
	padding: 4px;
}

div.site_info div.site_dets span.address {
	padding: 4px;
	width:  400px;
	display: block;
}

div.site_info div.site_description {
	width: 375px;
	float: left;
	padding: 5px;
}

div.site_info input[type=text] {
	width: 100%;
}

div.site_description label {
	padding-top: 4px;
}

div.site_description textarea {
	width: 100%;
}

div.site_info div.site_stats {
	display: block;
	width: 250px;
	margin-bottom: 5px;
	float: left;
	margin-left: 20px;
	padding: 5px;
}

div.site_stats span.receive_count, div.site_stats span.gift_count {
	display: block;
}

div.site_categories {
	margin-top: 5px;
}

div.site_categories label {
	display: inline-block;
	margin-right: 5px;
	font-style: italic;
}

div.site_categories label.second {
	margin-left: 10px;
}

div.site_form {
	margin-top:10px;
	border-top: 1px solid;
	border-color: #979797;
	padding-top: 5px;
}

div.site_form span.label {	
 	width: 200px;
 	clear: none;
 	margin-right: 0px;
 	padding-right: 0px; 
 	display: inline-block;
 	padding-bottom: 5px;
 }

div.site_form input[type=text_area] {
	height: 100px;
	width: 300px;
}

div.comments {
	width: 375px;
	display: inline-block;	
	/*height: 150px;*/
	vertical-align: top;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

div.comments span.label {
	width: 75px;
	float: left;
	margin-top: 5px;
}

div.comments textarea {
	width: 100%;
	height: 50px;
	margin-top: 5px;
}

div.summary {
	padding-top: 0px;
	padding-left:  5px;
	display: inline-block;
	height: 150px;
	margin-left: 20px;
}

div.summary input[type=submit], div.summary a, div.summary input[type=button] {
	margin-top: 10px;
	float: right;
	margin-right: 5px;
}

span.notes {
	font-style: italic;
	margin-bottom: 25px; 
	display: block;
}

div.summary p {
	margin-top: 0;
}

input.points {
	width: 6em;
}

div.pagination {
	text-align: right;
	font-size: 10px;
}

div.pagination span, div.pagination a  {
	border: 1px solid #3B5998;
	padding: 2px;
	text-decoration: none;
	color: white;
}

div.pagination a {
	background-color: #a7a7a7;
}

div.pagination span.current {
	background-color: #3B5998;
	color: white;
}

div.pagination span.disabled {
	background-color: #d3d3d3;
	color: #797979; 
	border-color: 1px solid #797979;
}

div.alpha div.padded ,div.omega div.padded {
	margin:0;
}

div.padded {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	vertical-align: top;
}

div.centered {
	vertical-align: middle;
	text-align: center;
}

span.number {
	float: left;
	display: inline-block;
	padding: 10px;
	background-color: white;
	font-weight: bold;
	font-size: 14px;
}

span.text {
	display: inline-block;
	margin-left: 10px;
	float: left;
	margin-top: 10px;
}

span.text p {
	margin-bottom: 4px;
}

ul.dash {
	list-style-type: square;
	list-style-position: inside;
}

ul.dashed {
	list-style-type: square;
	list-style-position: inside;
}

ul.dashed li {
	padding-top: 4px;
}

div.alpha ul.dashed {
	padding: 5px;
}

div.omega ul.dashed {
	padding: 5px;
}

div.padded div.form{
	padding-top: 0px;
}

div.left_login {
	width: 45%;
	float: left;
}

div.right_confirm {
	width:45%;
	float: left;
	border-left:  1px solid #3B5998;
	height: 150px;
	padding-top: 16px;
	padding-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}

div.notice {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: auto;
}