@import "/p/base/reset.css";

fieldset p {
	margin: 0;
}

h1 {
	font-size: 24px;
	color: #09c;
	font-weight: bold;
	padding-bottom: 8px;
}

h2 {
	font-size: 20px;
	color: #09c;
	padding-bottom: 8px;
}

.iconifiedExplanation {
	margin: 8px 0 8px 0;
}
.iconifiedExplanation img {
	float: left;
	margin-right: 4px;
}

a {
	cursor: pointer;
	cursor: hand;
}

.button {
	text-align: center;
	background-repeat: no-repeat;
}

a.button {
	display: block;
}

a.createTipjarButton {
	background-image: url(/p/site-img/createTipjarButtonFrame.png);
	clear: left;
	padding-top: 3px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	width: 157px;
	height: 34px;
}

.linkButton {
	width: auto;
	height: auto;
}

.linkButton:hover {
	text-decoration: underline;
}

button img, a.linkButton img {
	margin-right: 4px;
}

button {
	font-size: 16px;
	padding-top: 0;
	color: #366;
	width: 115px;
	height: 43px;
	border: 0;
	cursor: pointer;
	cursor: hand;
	background-color: white;
}

button.plainButton {
	margin-left: 10px;
	padding-bottom: .5em;
}

.plainButton {
	padding-top: 7px;
	font-size: 17px;
	color: #366;
	width: 115px;
	height: 43px;
	background-image: url(/p/site-img/plainButtonFrame.png);
}

.longPlainButton {
	padding-top: 7px;
	font-size: 17px;
	color: #366;
	height: 43px;
	width: 219px;
	background-image: url(/p/site-img/longPlainButtonFrame.png);
}

.plainButton.buttonDepressed {
	background-image: url(/p/site-img/plainButtonFrame_active.png);
	
}

.longPlainButton.buttonDepressed {
	background-image: url(/p/site-img/longPlainButtonFrame_active.png);
	
}

.buttonDepressed {
	position: relative;
	left: -2px;
	top: 2px;
}

.cancelText {
    color: #ef0051;
    font-weight: bold;
}

.clear {
	clear: both;
}

.separator {
	float: left;
	margin-left: 10px;
}

.separator120 {
	background-image: url(/p/logi-img/separator120.png);
	width: 3px;
	height: 120px;
}

.separator50 {
	background-image: url(/p/logi-img/separator50.png);
	width: 3px;
	height: 50px;
}

.separator200 {
	background-image: url(/p/logi-img/separator120.png);
	background-repeat: no-repeat;
	background-position: left 40px;
	width: 3px;
	height: 200px;
}

body {
	height: 100%;
	background-color: #a3c380;
	background-image: url(/p/logi-img/gradientBackground.gif);
	background-position: top center;
	background-repeat: repeat-x;
	color: black;
	font-family: "Trebuchet MS", Verdana, helvetica, Arial, sans-serif;
	font-size: 14px;
	font-size-adjust: none;
	line-height: 1.5em;
	xoverflow: hidden;
	margin: 0px;
	padding: 0px;
}

.canvasA {
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	background-image: url(/p/logi-img/canvasBackground.gif);
	background-position: top left;
	background-repeat: repeat-y;
	width: 792px;
}

.canvasB {
	background-image: url(/p/logi-img/headerGradient.png);
	background-color: white;
	background-position: top left;
	background-repeat: repeat-x;
	width: 780px;
}

#headerLarge .headerIcon {
	float: left;
	padding: 14px 0 0 34px;
}

#headerSmall .headerIcon {
	float: left;
	padding: 24px 0 0 34px;
}

.headerSmallFooter {
	clear: both;
	padding-bottom: 24px;
}

#headerLarge .headerText {
	float: left;
	padding: 95px 0 0 69px;
}

#headerSmall .headerText {
	float: left;
	padding: 24px 0 0 16px;
}

#headerLarge .headerTagLine {
	padding-top: 9px;
	padding-left: 479px;
	font-family: "Trebuchet MS", Verdana, helvetica, Arial, sans-serif;
	line-height: 200%;
	color: #366;
}

#headerLarge .headerTagLine1 {
	font-size: 30px;
}

#headerLarge .headerTagLine2 {
	margin-left: 3px;
	font-size: 24px;
}

#headerLarge .headerTagLine span em {
	font-style: italic;
	font-weight: bold;
}

.header .statusBlock {
	white-space: nowrap;
	padding: 32px 32px;
	font-size: .9em;
	text-align: right;
}

#headerLarge .loginBlock {
	padding-left: 476px;
	padding-top: 9px;
	clear: right;
}

#headerLarge .showSignupButton {
	float: left;
}

#headerLarge .showSignupButton a {
	display: block;
	background-image: url(/p/site-img/signupButtonFrame.png);
}

#headerLarge .showSignupButton a:active {
	background-image: url(/p/site-img/signupButtonFrame_active.png);
}

#headerLarge .showLoginButton a {
	display: block;
	margin-left: 140px;
	background-image: url(/p/site-img/plainButtonFrame.png);
}

#headerLarge .showLoginButton a:active {
	background-image: url(/p/site-img/plainButtonFrame_active.png);
}

.operationFeedback {
	clear: both;
	width: 720px;
	margin: 8px 32px 8px 32px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}

.news {
	background-color: #ffc;
	clear: both;
	width: 706px;
	margin: 8px 32px 8px 0px;
	padding: 4px;
	text-align: center;
	font-style: italic;
}

.operationFeedbackError {
	background-color: #fcc;
}

.operationFeedbackInfo {
	background-color: #cfc;
}

.operationFeedbackWarning {
	background-color: #ffc;
}

/*
 * Generified tipAnything away from frontpage
 */
#tipAnything h2 {
	margin: 40px 0 0 0;
}

#tipAnythingForm {
	padding: 0;
	float: left;
}

#tipAnythingForm input {
	float: left;
	width: 327px;
	height: 27px;
	line-height: 27px;
	margin-top: 4px;
	font-size: 16px;
	color: #666;
	border: 1px #CCC solid;
	background-image: url(/p/logi-img/textInputGradient.png);
}

#tipAnythingButton {
	line-height: 13px;
	font-size: 0;
	margin-left: 10px;
	width: 115px;
	height: 43px;
	border: 0;
	cursor: pointer;
	cursor: hand;
	background-color: white;
	background-image: url(/p/site-img/tipitFormButton.png);
}

#tipAnythingButton:active {
	background-image: url(/p/site-img/tipitFormButton_active.png);
}

#tipAnything .tipUsingTwitter {
	float: left;
	display: block;
	margin-left: 15px;
	line-height: 32px;
	background-image: url(/p/site-img/tipViaTwitterButton.png);
	padding-top: 3px;
	font-size: 16px;
	font-weight: bold;
	color: #366;
	width: 210px;
	height: 43px;
}

#tipAnything a:active.tipUsingTwitter {
	background-image: url(/p/site-img/tipViaTwitterButton_active.png);
}


.loginBlock ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.prefooter {
	padding-bottom: 3em;
}

.footer {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #c1e296;
	background-color: #8aa76b;
	width: 792px;
}

.footer a {
	color: white;
}

fieldset.horizontal, fieldset.reversed {
	font-size: 16px;
	width: 30em;
}

fieldset legend {
	display: none;
	padding: 2px 6px;
	margin-left: 12px;
}

fieldset.horizontal label, fieldset.halfhorizontal label {
	clear: left;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	line-height: 20px;
	margin: 4px;
}

fieldset.reversed input, fieldset.reversed select, fieldset.reversed textarea {
	clear: left;
	float: left;
	height: 3em;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	width: 2em;
}

fieldset.horizontal label {
	width: 11em;
}

fieldset.halfhorizontal label {
	width: 6em;
}

fieldset.horizontal p, fieldset.halfhorizontal p, fieldset.reversed p {
	margin-top: 0.6em;
}

fieldset.horizontal input, fieldset.horizontal select, fieldset.horizontal textarea,
fieldset.halfhorizontal input, fieldset.halfhorizontal select, fieldset.halfhorizontal textarea {
	font-size: 16px;
	color: black;
	background: #f2fbff;
	border: 1px solid #09c;
	height: 20px;
	margin: 2px;
}

fieldset.reversed .label {
	font-size: 16px;
	color: black;
	height: 3em;
}

fieldset.horizontal .fieldLike, fieldset.halfhorizontal .fieldLike {
	font-size: 16px;
	color: #09c;
}

fieldset.horizontal .fieldAnnotation, fieldset.halfhorizontal .fieldAnnotation {
	font-size: 16px;
	text-align: right;
	display: block;
}

fieldset.horizontal .fieldAnnotation {
	width: 26em;
}

fieldset.halfhorizontal .fieldAnnotation {
	width: 21em;
}

fieldset.horizontal input, fieldset.horizontal select, fieldset.horizontal textarea, fieldset.horizontal .fieldLike,
fieldset.halfhorizontal input, fieldset.halfhorizontal select, fieldset.halfhorizontal textarea, fieldset.halfhorizontal .fieldLike {
	width: 15em;
}

fieldset.horizontal .fullsize {
	clear: left;
}

fieldset.horizontal .fullsize textarea {
	margin-top: 4px;
	width: 720px;
}

fieldset.halfhorizontal .fullsize textarea {
	margin-top: 4px;
	width: 340px;
}

fieldset.vertical {
	font-size: 16px;
	width: 20em;
}

fieldset.vertical label {
	width: 22em;
	margin-left: 0.5em;
	margin-top: 2em;
	display: block;
}

fieldset.vertical input, fieldset.vertical select {
	font-size: 16px;
	margin-left: 0.5em;
	color: black
	background: #f2fbff;
	border: 1px solid #09c;
	width: 22em;
}

fieldset.horizontal button {
	margin-left: 20em;
}

fieldset.vertical button {
	margin-left: 8em;
}

button:hover {
	text-decoration: underline;
}

.iniHide {
	display: none;
}

.flag {
	vertical-align: middle;
}

.fakeYoutube {
	width: 320px;
	height: 265px;
	line-height: 265px;
	font-weight: bold;
	font-style: italic;
	font-family: Courier;
	background-color: #888888;
	display: block;
}

.simplemodal-overlay {
	background-color: black;
}

.meat {
	clear: both;
	width: 724px;
	margin-left: 34px;
}

.financeOverview {
	clear: both;
	font-size: 16px;
	font-weight: bold;
}

.financeOverview th {
	text-align: left;
}

.financeOverview .ccySymbol {
	padding-left: 16px;
	padding-right: 4px;
}

.financeOverview .wholes {
	text-align: right;
}

.anonymous {
	font-style: italic;
	color: #555;
}

.backLink {
	width: 720px;
	text-align: right;
}

#suspendedText {
	margin: 48px;
}