/* @override http://wedding/css/style.css */

/*
================================================================================
COLOR SCHEME
================================================================================
Color		Primary			Text
--------------------------------------------------------------------------------
Green		#cfd664			#8a902e
Blue		#a9cbcc			#377779
Red			#fd8465			#a8391d
================================================================================
*/

/* @group Global */
html {
	height: 100%;
}

body {
	background-color: #78735d;
	color: #ffffff;
	font-family: arial, sans-serif;
	font-size: 10pt;
	height: 100%;
	margin: 0;
	padding: 0;
}

a {
	color: #cfd664;
	font-weight: bold;
	text-decoration: none;
}

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

a:focus {
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Georgia, "Times New Roman", times, serif;
	margin: 0;
	padding: 0;
}

h3.subsection {
	border-bottom: 1px solid #dedede;
	padding-top: 1.5em;
	margin-bottom: 1em;
}

hr {
	background: #dddddd;
	height: 1px;
	border-style: none;
}

.cleaner {
	clear: both;
}

a img {
	border: none;
}

#ui-datepicker-div {
	display: none;
}
/* @end */

/* @group Main */
#main {
	background-image: url("../img/background.png");
	clear: both;
	color: #000000;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1000px;
	min-height: 100%;
}

/* @group Header */
#main .header {
	height: 190px;
	padding: 20px 20px 0 20px;
}

#main .header .logo {
	background-image: url("../img/header_logo.png");
	float: left;
	width: 310px;
	height: 190px;
}

#main .header a {
	display: block;
	width: 100%;
	height: 100%;
}

#main .header .masthead {
	background-image: url("../img/header_masthead.png");
	float: left;
	width: 640px;
	height: 190px;
	margin-left: 10px;
}

#main .header .masthead #countdown {
	color: #999999;
	display: inline;
	float: right;
	font-family: "Courier New", Courier, mono;
	margin-top: 65px;
	margin-right: 40px;
	text-transform: lowercase;
}

#main .header .masthead #countdown .countdown_section {
	border-left: 1px solid #dddddd;
	display: block;
	float: left;
	text-align: center;
	padding: 0 10px;
	width: 90px;
}

#main .header .masthead #countdown .countdown_section:first-child {
	border-left: none;
}

#main .header .masthead #countdown .countdown_amount {
	font-size: 3em;
}
/* @end */

/* @group Navigation */
#main .nav {
	background-image: url("../img/nav_bottom.png");
	background-repeat: no-repeat;
	background-position: bottom;
	color: #ffffff;
	display: inline;
	float: left;
	height: 70px;
	width: 960px;
	margin: 10px 20px;
	padding-bottom: 10px;
}

#main .nav ul {
	margin: 0;
	padding: 10px;
}

#main .nav li {
	display: inline;
}

#main .nav a {
	background-image: url("../img/nav_tab_green.png");
	/* color: #999999; */
	color: #8a902e;
	display: block;
	float: left;
	width: 90px;
	height: 40px;
	line-height: 40px;
	padding: 10px 20px 0 20px;
	text-align: center;
}

#main .nav a.admin {
	background-image: url("../img/nav_tab_red.png");
	color: #a8391d;
}

/*#main .nav a:hover {
	background-image: url("../img/nav_tab_white.png");
	color: #fd8465;
	text-decoration: none;
}*/

#main .nav a:hover {
	color: #ffffff;
	text-decoration: none;
}

/*#main .nav a.active {
	background-image: url("../img/nav_tab_blue.png");
	color: #ffffff;
	font-weight: bold;
}*/

#main .nav a.active,
#main .nav a.active:hover {
	background-image: url("../img/nav_tab_white.png");
	color: #fd8465;
}
/* @end */

/* @group Body */
#main .body {
	padding: 0 20px;
}

#main .body a {
	color: #ffffff;
}

#main .body a:hover {
	color: #fa453b;
	text-decoration: none;
}

/* @group Sidebar */
#main .body #sidebar {
	float: left;
	width: 310px;
}
/* @end */

/* @group Content */
#main .body #content {
	color: #777777;
	float: right;
	padding: 0;
	width: 640px;
}

#main .body #content .content {
	font-size: 10pt;
	line-height: 2em;
}

#main .body #content h2 {
	border-bottom: 1px solid #dddddd;
	font-size: 14pt;
	margin: 0;
	margin-bottom: 1em;
	padding: 5px 10px;
}

#main .body #content .header {
	background-image: url("../img/content_header.png");
	padding: 0;
	width: 640px;
	height: 50px;
}

#main .body #content .body {
	background-image: url("../img/content_body.png");
	padding: 0;
	width: 560px;
	padding: 20px 40px;
}

#main .body #content .footer {
	background-image: url("../img/content_footer.png");
	padding: 0;
	width: 640px;
	height: 20px;
}

#main .body #content a {
	color: #99af83;
	/*color: #bbd4a0;*/
}

#main .body #content a:hover {
	text-decoration: underline;
}

#main .body #content label {
	font-weight: bold;
}

#main .body #content label.radio,
#main .body #content label.checkbox {
	display: inline;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	line-height: 12pt;
	margin-right: 8px;
}

#main .body #content input[type=radio],
#main .body #content input.radio {
	display: inline;
	float: left;
	margin-right: 8px;
}

#main .body #content input[type=text],
#main .body #content input[type=password],
#main .body #content input.text,
#main .body #content input.password,
#main .body #content textarea {
	border: 1px solid #aaaaaa;
	padding: 4px;
}

#main .body #content .radio-list {
	margin: 0.5em 0 ;
	line-height: 1em;
}

#main .body #content #actions {
	float: right;
	margin: 0 15px 0 -15px;
	text-align: center;
}

#main .body #content #actions span {
	display: block;
	line-height: 20px;
	margin-bottom: 5px;
	padding: 0 8px;
	text-align: center;
	width: 100%;
}

#main .body #content #actions a {
	background-color: #eeeeee;
	border: 1px solid #aaaaaa;
	display: block;
	line-height: 20px;
	margin-bottom: 5px;
	padding: 0 8px;
	text-align: center;
	width: 100%;
}

#main .body #content #actions a:hover {
	background-color: #aaaaaa;
	color: #ffffff;
	text-decoration: none;
}

#main .body #content .sidearrow {
	background-image: url("../img/sidebar_arrow.jpg");
	color: #ffffff;
	padding: 60px 10px 60px 85px;
	width: 200px;
	height: 60px;
}

#main .body #content .sidearrow h3 {
	font-family: arial, sans-serif;
	color: #cfd664;
	font-size: 12pt;
	padding: 0;
	margin: 0;
}

#main .body #content .sidearrow p {
	margin-top: 5px;
}

#main .body #content img.content {
	border: 1px solid #dddddd;
	padding: 5px;
}

#main .body #content a img.content:hover {
	border: 1px solid #fd8465;
}
/* @end */
/* @end */

/* @group Feed */
.feed {
	list-style: none;
	margin: 0;
	padding: 0;
}

.feed li {
	padding-top: 10px;
	padding-left: 94px;
	margin-top: 10px;
	min-height: 74px;
	border-top: 1px solid #dddddd;
}

.feed li:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.feed img {
	float: left;
	margin-left: -94px;
	padding: 5px;
	width:  74px;
	height: 74px;
}

.feed img:hover {
	
}

.feed li h2 a {
	color: #777777 !important;
}

.feed li h2 a:hover {
	color: #99AF83 !important;
}

.feed .photo_feed:hover {
	color: #fd8465 !important;
	text-decoration: none !important;
}

.feed .photo_feed img {
	border: 1px solid #dddddd;
	margin: 1em 0;
	padding: 10px;
	width: auto;
	height: auto;
}

.feed .photo_feed img:hover {
	border-color: #fd8465;
}

.feed .photo_feed div {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 374px;
}

.feed .photo_feed h4 {
	font-size: 10pt;
}

.feed .photo_feed p {
	color: #777777;
	font-weight: normal;
}

.feed h2 {
	border-bottom: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.feed h3 {
	color: #aaa;
	font-size: 8pt;
}
/* @end */

/* @group Blog */
.blog {
	font-family: times, "Times New Roman", serif;
	font-size: 1.3em;
}

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

ul.blog li {
	margin-bottom: 4em;
}

.blog h2 {
	color: #fd8465;
	margin-bottom: 0 !important;
}

h2.subheading {
	font-family: arial, sans-serif;
	margin-bottom: 1em;
}

.blog h3 {
	color: #aaaaaa;
	float: right;
	font-size: 14px;
	margin-top: -23px;
	padding: 0 10px;
}

.blog p {
	line-height: 1.5em;
	padding: 0 10px;
}

.blog .comments {
	font-size: 1em !important;
}
/* @end */

/* @group Tags */
#main .meta,
#main .tags {
	padding: 0 10px;
	font-family: arial, sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
}

#main .tags {
	margin-top: 1em;
}

#main .meta {
	margin-top: 0.5em;
}
/* @end */

/* @group Comments */
#main .comments {
	font-family: times, "Times New Roman", serif;
	font-size: 1.3em;
	margin-top: 3em;
}

#main .comments h3 {
	color: #666666;
	float: none;
	font-size: 14px;
	margin: 0;
	padding: 0 10px;
}

#main .comments p {
	font-style: italic;
	padding: 0 10px 0 10px;
	line-height: 1.5em;
	text-indent: 0;
}

#main .comments ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#main .comments li {
	margin-top: 20px;
	padding: 10px;
}

#main .comments li.dark {
	background-color: #eeeeee;
}

#main .comments li h4 {
	border-top: 1px solid #dddddd;
	font-size: 12px;
	padding-top: 0.25em;
}

#main .comments li h5 {
	color: #aaaaaa;
	float: right;
	font-size: 12px;
	margin-top: -15px;
}

#main .comments li p {
	padding: 0;
	margin: 0 0 0.5em 0;
	text-indent: 0;
}

#main .comments form {
	background-color: #eeeeee;
	border-top: 2px solid #999999;
	color: #999999;
	margin-top: 40px;
	padding: 10px;
}

#main .comments form h4 {
	border-bottom: 1px dashed #bbbbbb;
	font-size: 12pt;
	margin-bottom: 0.25em;
}

#main .comments form p {
	padding: 0;
	margin: 0 0 2em 0;
}

#main .comments form label {
	clear: both;
	float: left;
	font-family: arial, sans-serif;
	font-size: 8pt;
	font-weight: normal !important;
	text-transform: uppercase;
}

#main .comments form textarea {
	width: 530px;
	height: 150px;
}

#main .comments form input[type=text],
#main .comments form input.text
#main .comments form textarea {
	border: 1px solid #999999 !important;
	margin: 0.25em 0 1em 0;
	float: left;
	clear: both;
}
/* @end */

/* @group Photos */
#main .photos {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 510px;
}

#main .photos h4,
#main .photos h5 {
	font-family: arial, sans-serif;
}

#main .photos a {
	color: #999999 !important;
}

#main .photos a:hover {
	color: #fd8465 !important;
	text-decoration: none !important;
}

#main .photos li {
	float: left;
	margin: 10px;
	width: 150px;
}

#main .photos li a {
	display: block;
	padding: 0;
	width: 150px;
}

#main .photos li a .gallery_images {
	background-image: url('../img/gallery_bg.jpg');
	border: 1px solid #666666;
	width: 130px;
	height: 85px;
	margin-bottom: 5px;
	padding: 9px;
}

#main .photos li a .gallery_images:hover {
	border-color: #fd8465;
}

#main .photos li a .gallery_images img {
	background-color: #ffffff;
	padding: 4px;
	width: 60px;
	height: 45px;
}

#main .photos li a .gallery_images img.featured_0 {
	position: absolute;
}

#main .photos li a .gallery_images img.featured_1 {
	position: absolute;
	margin-top: 16px;
	margin-left: 31px;
}

#main .photos li a .gallery_images img.featured_2 {
	position: absolute;
	margin-top: 32px;
	margin-left: 62px;
}

#main .photos li a .photo_image {
	border: 1px solid #dddddd;
	width: 130px;
	height: 98px;
	margin-bottom: 5px;
	padding: 9px;
	text-align: center;
}

#main .photos li a .photo_image:hover {
	border-color: #fd8465;
}

#main .photo {
	text-align: center;
	margin-bottom: 3em;
}

#main .photo h2 {
	text-align: left;
	margin-bottom: 0 !important;
}

#main .photo h3 {
	color: #aaaaaa;
	float: right;
	font-size: 14px;
	margin-top: -23px;
	padding: 0 10px;
}

#main .photo a {
	background-color: #eeeeee;
	display: block;
	margin: 2em auto 0 auto;
	padding: 20px;
	width: 300px;
	height: 225px;
	vertical-align: middle;
}

#main .photo a:hover {
	background-color: #dddddd;
}

#main .photo p {
	background-color: #dddddd;
	border-top: 1px dashed;
	font-style: italic;
	margin: 0 auto;
	padding: 20px;
	width: 300px;
}
/* @end */

/* @group Pagination */
#main .pagination {
	border-top: 1px dashed #dddddd;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 1em;
	padding-top: 1em;
	text-align: center;
}
/* @end */

/* @group Forms */
label span.required {
	color: #aa0000;
}

input.date[type=text] {
	width: 8em;
}

#main .body #content #form {

}

#main input[type=submit],
#main input[type=reset],
#main input.submit,
#main input.reset,
#main input.button {
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
	cursor: pointer;
	color: #888888;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 2em;
	padding: 0.5em 1em;
}

#main input[type=submit]:hover,
#main input[type=reset]:hover,
#main input.submit:hover,
#main input.reset:hover,
#main .button:hover {
	background-color: #888888;
	color: #ffffff;
}

#main .body #content form.fieldsets {
	border: none;
	padding: 0;
}

#main .body #content form fieldset {
	border: 1px dashed #cccccc;
	margin-bottom: 1.5em;
}

#main .body #content form legend {
	color: #aaa;
	font-size: 10pt;
	font-weight: bold;
	padding: 0 0.5em;
}

#main .body #content h2 .subtitle {
	font-weight: normal;
}

#form_register_confirm,
#form_reset {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

#form_register_confirm label,
#form_reset label {
	margin-top: 0.75em;
	position: absolute;
}

#form_register_confirm input[type=text],
#form_register_confirm input[type=password],
#form_reset input[type=text],
#form_register_confirm input.text,
#form_register_confirm input.password,
#form_reset input.text {
	margin-top: 2.5em;
	margin-left: 0;
	width: 95%;
}

#form_register_confirm input[type=submit],
#form_register_confirm input[type=reset],
#form_register_confirm input[type=button],
#form_reset input[type=submit],
#form_reset input[type=reset],
#form_reset input[type=button],
#form_register_confirm input.submit,
#form_register_confirm input.reset,
#form_register_confirm input.button,
#form_reset input.submit,
#form_reset input.reset,
#form_reset input.button {
	margin-top: 1em;
}
/* @end */

/* @group Footer */
#main .footer {
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
/* @end */
/* @end */

/* @group Backstage */
#backstage {
	background-image: url("../img/backstage.png");
	clear: both;
	color: #888888;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1000px;
	min-height: 100%;
	overflow: hidden;
}

#backstage a {
	color: #fd8465;
}

#backstage a:hover {
	text-decoration: none;
	color: #cfd664;
}

/* @group Header */
#backstage .header {
	margin: 0 60px;
}

#backstage .header .logo {
	background-image: url("../img/backstage_logo.png");
	float: left;
	width: 280px;
	height: 160px;
	margin: 30px 4px;
}

#backstage .header a {
	display: block;
	width: 100%;
	height: 100%;
}

#backstage .header .userbox {
	background-color: #a9cbcc;
	border: 2px solid #377779;
	color: #377779;
	float: right;
	margin-top: 40px;
	margin-right: 30px;
	padding: 1em;
	width: 260px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

#backstage .header .userbox a {
	color: #ffffff;
	display: inline;
}

#backstage .header .userbox h3 {
	font-family: arial, sans-serif;
	text-align: center;
	border-bottom: 1px dashed;
	padding-bottom: 0.5em;
}

#backstage .header .userbox .stats {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

#backstage .header .userbox .stats em {
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
}

#backstage .header .userbox .actions {
	background-color: #6fa0a2;
	color: #ffffff;
	padding: 0.5em;
	text-align: center;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

#backstage .header .userbox a {
	color: #ffffff;
}

#backstage .header .userbox a:hover {
	color: #fd8465;
}
/* @end */

/* @group Navigation */
#backstage .nav {
	border-bottom: 2px solid #8a902e;
	display: inline;
	float: left;
	height: 40px;
	width: 880px;
	margin: 10px 60px 0 60px;
}

#backstage .nav ul {
	margin: 0;
	padding: 10px;
}

#backstage .nav li {
	display: inline;
}

#backstage .nav a {
	background-color: #cfd664;
	border: none;
	color: #8a902e;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 25px;
	margin: 0 2px;
}

#backstage .nav a:hover {
	color: #ffffff;
}

#backstage .nav a.active {
	background-color: #eeeeee;
	border-top: 2px solid #8a902e;
	border-left: 2px solid #8a902e;
	border-right: 2px solid #8a902e;
	border-bottom: 0px solid #fff;
	color: #fd8465;
}
/* @end */

/* @group Toolbar */
#backstage .toolbar {
	background-color: #eeeeee;
	display: inline;
	float: left;
	width: 880px;
	margin: 0 60px;
}

#backstage .toolbar ul {
	margin: 0;
	padding: 0;
}

#backstage .toolbar li {
	display: inline;
}

#backstage .toolbar li.div {
	
}

#backstage .toolbar a {
	color: #888888;
	display: block;
	float: left;
	font-weight: normal;
	height: 16px;
	padding: 8px 16px;
}

#backstage .toolbar a img {
	vertical-align: text-bottom;
}

#backstage .toolbar a.labeled {
	
}

#backstage .toolbar a:hover {
	color: #888888;
	background-color: #dddddd;
}
/* @end */

/* @group Breadcrumbs */
#backstage .breadcrumbs {
	background-color: #eeeeee;
	border-top: 2px solid #ffffff;
	color: #fd8465;
	float: left;
	font-size: 8pt;
	line-height: 16pt;
	width: 880px;
	margin: 0 60px;
}

#backstage .breadcrumbs ul {
	margin: 0;
	padding: 0;
}

#backstage .breadcrumbs li {
	display: inline;
}

#backstage .breadcrumbs a {
	color: #fd8465;
	display: block;
	float: left;
	height: 2em;
	padding: 0 16px;
}

#backstage .breadcrumbs a:hover {
	background-color: #8a902e;
	color: #cfd664;
}
/* @end */

/* @group Filters */
#backstage .filter {
	background-color: #eeeeee;
	display: block;
	margin: 1em 0;
	padding: 0.5em;
}

#backstage .filter label {
	margin: 0 0.5em;
}

#backstage .filter input.submit,
#backstage .filter input.reset {
	float: right;
	margin: 0;
	padding: 0.3em 1em;
}

#backstage .filter input.reset {
	margin-right: 0.5em;
}
/* @end */

/* @group Body */
#backstage .body {
	float: left;
	display: inline;
	width: 880px;
	margin: 20px 60px;
}

#backstage .body h2 {
	font-family: arial, sans-serif;
	margin-bottom: 1em;
}

#backstage .pagination {
	font-size: 10pt;
	margin-top: 2em;
	text-align: center;
}

#backstage .toggle-expand {
	background-image: url('../img/icons/color_16_toggle_collapsed.png');
	display: block;
	float: left;
	margin-right: 0.5em;
	width: 16px;
	height: 16px;
}

#backstage .toggle-shrink {
	background-image: url('../img/icons/color_16_toggle_expanded.png');
	display: block;
	float: left;
	margin-right: 0.5em;
	width: 16px;
	height: 16px;
}
/* @end */

/* @group Budget */
.budget {
	margin-bottom: 2em;
}

.budget th.note {
	background: none;
	border: 1px solid #ffffff;
	color: #666666;
	font-weight: bold;
	text-align: center;
}

.budget tr.heading:hover {
	background: none;
}

.budget tr.group,
.budget tr.category {
	border-bottom: 1px solid #ffffff;
}

.budget tr.group th {
	font-weight: bold;
}

.budget tr.category th {
	background-color: #aaaaaa;
}

.budget tr.group th.title,
.budget tr.category th.title {
	text-align: left;
}

.budget tr.group th.title {
	font-weight: bold;
}

.budget tr.category th.title,
.budget tr.item td.title {
	padding-left: 24px;
}

.budget tr.category th.title a.toggle-expand,
.budget tr.category th.title a.toggle-shrink {
	margin-left: -20px;
	margin-right: 0 !important;
}

.budget .quantity {
	width: 60px;
	text-align: center;
}

.budget .amount {
	width: 130px;
	text-align: right !important;
}

.budget .actions {
	background-color: #fd8465;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #ffffff;
	display: none;
	margin: 14px 0;
	margin-left: -10px;
	padding: 10px;
	position: absolute;
}

.budget .actions .pointer.n {
	background-image: url('../img/pointer_n_red.png');
	width: 20px;
	height: 10px;
	position: absolute;
	top: -10px;
}

.budget .actions a {
	color: #a8391d !important;
}

.budget .actions a:hover {
	color: #ffffff !important;
}

.budget .actions ul {
	list-style: none;
	margin: 0 -5px;
	padding: 0;
}

.budget .actions ul li {
	display: inline;
	margin: 0 5px;
}

.budget .actions ul li.div {
	border-left: 1px solid #a8391d;
	vertical-align: middle;
}

#backstage #trans_file_delete {
	display: none;
}

.budget .negative {
	color: #fd8465;
	font-weight: bold;
}

.budget .zero {
	color: #a9cbcc;
	font-weight: bold;
}

.budget .near-zero {
	color: #a9cbcc;
	font-weight: bold;
}

.budget .positive {
	color: #cfd664;
	font-weight: bold;
}
/* @end */

/* @group Footer */
#backstage .footer {
	border-top: 1px dashed #dddddd;
	font-size: 8pt;
	margin: 0 60px;
	padding: 2em;
	text-align: center;
}
/* @end */

/* @group Forms */
#backstage form {
	margin: 1em 0;
	padding: 10px;
}

#backstage fieldset {
	border: 1px dashed #cccccc;
	margin-bottom: 2em;
}

#backstage fieldset legend {
	padding: 0 10px;
}

#backstage label {
	font-weight: bold;
	text-transform: uppercase;
}

#backstage .input img {
	vertical-align: text-bottom;
	margin-right: 1em;
}

#backstage input[type=text],
#backstage input[type=password],
#backstage input.text,
#backstage input.password {
	border: 1px solid #dddddd;
	padding: 0.5em 10px;
	width: 130px;
}

#backstage input[type=submit],
#backstage input[type=reset],
#backstage input.submit,
#backstage input.reset,
#backstage .button {
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
	cursor: pointer;
	color: #888888;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 2em;
	padding: 0.5em 1em;
}

#backstage input[type=submit]:hover,
#backstage input[type=reset]:hover,
#backstage input.submit:hover,
#backstage input.reset:hover,
#backstage .button:hover {
	background-color: #888888;
	color: #ffffff;
}

#backstage textarea {
	border: 1px solid #dddddd;
	padding: 0.5em 10px;
	width: 500px;
	height: 60px;
}

#backstage .fayt {
	border: 1px solid #dddddd;
	border-bottom: none;
	margin: 0;
	margin-top: -2px;
	padding: 0;
	position: absolute;
}

#backstage .fayt li {
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
	color: #666;
	cursor: pointer;
	display: block;
	font-size: 8pt;
	font-weight: bold;
	line-height: 1.25em;
	margin: 0;
	padding: 0.5em 10px;
	width: 130px;
}

#backstage .fayt li:hover {
	background-color: #eeeeee;
	color: #fd8465;
}
/* @end */

/* @group Columns */
#backstage .col-1,
#backstage .col-2,
#backstage .col-4 {
	clear: both;
	float: left;
	margin: 0.5em 0;
	padding: 0 10px;
	width: 820px;
}

#backstage .col-2-1,
#backstage .col-2-2,
#backstage .col-4-1,
#backstage .col-4-2,
#backstage .col-4-3,
#backstage .col-4-4 {
	float: left;
	line-height: 2.5em;
	width: 200px;
}

#backstage .col-2-2 {
	width: 600px;
}
/* @end */

/* @group Adjustments */
#backstage .grid a {
	font-weight: bold;
}

#backstage .grid em {
	font-weight: bold;
}

#user_id_guest_input,
#guest_id_user_input,
#guest_id_guest_input,
#trans_id_item_input {
	display: none;
}

#backstage .twitter td,
#backstage .recent td {
	line-height: 1.5em;
}

#backstage .tweet,
#backstage .recent td {
	font-size: 10pt;
	height: 4em;
}

#backstage .recent td.entry {
	padding-left: 1.5em;
}

#twitter_count {
	font-size: 12pt;
	font-weight: bold;
}

#trans_file_delete img {
	margin-left: 0.5em;
}

.red {
	color: #ff0000;
}
/* @end */
/* @end */

/* @group UI Elements */
/* @group Columns */
#main .col-1,
#main .col-2,
#main .col-4 {
	clear: both;
	float: left;
	margin: 0.5em 0;
	padding: 0 10px;
	width: 520px;
}

#main .col-2-1,
#main .col-2-2,
#main .col-4-1,
#main .col-4-2,
#main .col-4-3,
#main .col-4-4 {
	float: left;
	line-height: 2.5em;
	width: 150px;
}
/* @end */

/* @group Content Boxes */
#main .cbox {
	color: #777777;
	width: 310px;
}

#main .cbox h1,
#main .cbox h2,
#main .cbox h3,
#main .cbox h4,
#main .cbox h5,
#main .cbox h6 {
	
}

#main .cbox .header {
	background-image: url("../img/cbox_white_header.png");
	width: 310px;
	height: 50px;
	padding: 0;
}

#main .cbox .body {
	background-image: url("../img/cbox_white_body.png");
	width: 250px;
	padding: 0 30px 20px 30px;
}

#main .cbox .footer {
	background-image: url("../img/cbox_white_footer.png");
	width: 310px;
	height: 50px;
	padding: 0;
}

#main .cbox.green {
	color: #8a902e;
}

#main .cbox.green .header {
	background-image: url("../img/cbox_green_header.png");
}

#main .cbox.green .body {
	background-image: url("../img/cbox_green_body.png");
}

#main .cbox.green .footer {
	background-image: url("../img/cbox_green_footer.png");
}

#main .cbox.blue {
	color: #377779;
}

#main .cbox.blue .header {
	background-image: url("../img/cbox_blue_header.png");
}

#main .cbox.blue .body {
	background-image: url("../img/cbox_blue_body.png");
}

#main .cbox.blue .footer {
	background-image: url("../img/cbox_blue_footer.png");
}

#main .cbox.red {
	color: #a8391d;
}

#main .cbox.green h2,
#main .cbox.blue h2,
#main .cbox.red h2 {
	font-family: courier, monospace;
	font-weight: normal;
	font-size: 16pt;
}

#main .cbox.red .header {
	background-image: url("../img/cbox_red_header.png");
}

#main .cbox.red .body {
	background-image: url("../img/cbox_red_body.png");
}

#main .cbox.red .footer {
	background-image: url("../img/cbox_red_footer.png");
}

#main .cbox h2 {
	border-bottom: 1px dashed;
	font-family: arial;
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
	text-align: center;
}

#main .cbox label {
	float: left;
	font-weight: bold;
	line-height: 2em;
	margin-left: 10px;
	width: 100px;
}

#main .cbox .value {
	float: left;
	line-height: 2em;
	margin-left: 10px;
}

#main .cbox.green .actions {
	background-color: #8a902e;
}

#main .cbox .actions {
	color: #ffffff;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0.5em 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#main .cbox {
	font-size: 8pt;
}

#main .cbox form label {
	text-transform: uppercase;
	font-weight: bold;
	width: auto;
	margin: 0 0.25em;
	padding: 0;
}

#main .cbox form input.text {
	clear: both;
	display: block;
}

#main .cbox form .submit {
	float: right;
	margin-top: 1em;
}

#main .cbox form .radio {
	clear: both;
	margin-left: 2em;
	padding-bottom: 1em;
}

#main .cbox form .radio label {
	display: inline;
	float: left;
	text-transform: none;
	height: 2em;
}

#main .cbox form .radio input {
	clear: both;
	display: inline !important;
	float: left !important;
	margin: 0 0.25em;
	padding: 0;
	height: 2em;
	vertical-align: text-bottom;
}

#main .cbox form input[type=submit],
#main .cbox form input[type=reset],
#main .cbox form input[type=button],
#main .cbox form .submit,
#main .cbox form .reset,
#main .cbox form .button {
	margin-top: 1em;
}

#main .cbox form .tiplink {
	line-height: 2em;
}

#main .cbox form .tip {
	background-color: #666666;
	border: 2px solid #333333;
	color: #dddddd;
	cursor: pointer;
	display: none;
	font-size: 10pt;
	font-weight: bold;
	padding: 1em;
	position: absolute;
	width: 400px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#main .cbox input[type=text],
#main .cbox input[type=password],
#main .cbox input.text,
#main .cbox input.password {
	border: 1px solid #aaaaaa;
	display: inline;
	font-size: 10pt;
	padding: 4px;
	margin: 0 0 1em 0;
	width: 170px;
}

#main .cbox select {
	margin-bottom: 1em;
}

#main .cbox input[type=submit],
#main .cbox input.submit {
	float: right;
}

#main .cbox a#forgotpassword {
	line-height: 20px;
	float: left;
}
/* @end */

/* @group Alerts */
.alert {
	background-color: #888888;
	border-bottom: 2px solid #444444;
	color: #444444;
	cursor: pointer;
	display: none;
	float: left;
	font-size: 10pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 100%;
}

.alert .message {
	background-image: url('../img/icons/color_16_error.png');
	background-repeat: no-repeat;
	background-position: 8px;
	margin: 5px 0;
	padding: 5px 10px 5px 32px;
}

.alert .count {
	float: right;

}

.alert.success {
	background-color: #69fe66;
	border-bottom-color: #0d7f05;
	color: #0d7f05;
}

.alert.success .message {
	background-image: url('../img/icons/color_16_accept.png');
}

.alert.info {
	background-color: #bcbcfe;
	border-bottom-color: #6867fd;
	color: #6867fd;
}

.alert.info .message {
	background-image: url('../img/icons/color_16_information.png');
}

.alert.warn {
	background-color: #fdfe13;
	border-bottom-color: #fb8010;
	color: #fb8010;
}

.alert.warn .message {
	background-image: url('../img/icons/color_16_error.png');
}

.alert.error {
	background-color: #fb6667;
	border-bottom-color: #be0003;
	color: #be0003;
}

.alert.error .message {
	background-image: url('../img/icons/color_16_exclamation.png');
}
/* @end */

/* @group Tables */
table.grid {
	border: 1px solid #dddddd;
	border-collapse: collapse;
	width: 100%;
}

table.grid tr:hover {
	background-color: #eeeeee;
}

table.grid td {
	border: 1px solid #dddddd;
	padding: 0.5em;
}

table.grid td img,
table.grid th img {
	vertical-align: text-bottom;
}

table.grid td.actions {
	text-align: center;
}

table.grid td.centered,
table.grid td.center,
table.grid th.centered,
table.grid th.center {
	text-align: center;
}

table.grid td.right,
table.grid th.right {
	text-align: right;
}

table.grid td.left,
table.grid th.left {
	text-align: left;
}

table.grid td.heading,
table.grid td.heading a {
	font-weight: bold;
}

table.grid td.small {
	width:  60px;
}

table.grid td.date {
	width: 100px;
}

table.grid td.time {
	width: 80px;
}

table.grid td.note {
	font-style: italic;
}

table.grid th {
	background-color: #888888;
	color: #ffffff;
	font-weight: normal;
	line-height: 18px;
	padding: 0.5em;
}

table.grid th a {
	color: #ffffff !important;
}

table.grid td a {
	font-weight: normal;
}

table.grid tr.summary {
	border-top: 2px solid #888888 !important;
}

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

ul.grid li h3 {
	background-color: #888888;
	color: #ffffff;
	display: block;
	font-size: 10pt;
	font-weight: normal;
	padding: 0.5em;
}
/* @end */

table.properties {
	border: 1px solid #dddddd;
	border-collapse: collapse;
}

table.properties td {
	border: 1px solid #dddddd;
	line-height: 18px;
	padding: 0.5em;
}

table.properties tr:hover {
	background-color: #eeeeee;
}

table.properties th {
	background-color: #888888;
	border: 1px solid #dddddd;
	color: #ffffff;
	font-weight: normal;
	padding: 0.5em;
	text-align: right;
	line-height: 18px;
	vertical-align: top;
}

table.properties th.section {
	font-weight: bold;
}

table.properties .large {
	background-color: #eeeeee;
	font-size: 32px;
}

table.properties .small {
	
}

table.properties th img,
table.properties td img {
	vertical-align: text-bottom;
}

table.properties td.centered,
table.properties td.center,
table.properties th.centered,
table.properties th.center {
	text-align: center;
}

table.properties td.right,
table.properties th.right {
	text-align: right;
}

table.properties td.left,
table.properties th.left {
	text-align: left;
}
/* @end */

/* @group Adjustments */
/* Spacers */
#spacer_loggedout {
	height: 150px;
}

/* Form: Login */
form.login {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

form.login label {
	float: left;
	clear: both;
}

form.login input {
	float: left;
	clear: both;
}

/* Form: RSVP */
form.rsvp {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

form.rsvp input[type=checkbox],
form.rsvp input.checkbox {
	float: left;
}

#rsvp_detail {
	border-top: 1px solid #f35631;
	border-bottom: 1px solid #f35631;
	display: none;
	margin-bottom: 1em;
	padding: 1em 0;
}

#rsvp_detail label {
	display: inline;
	float: left;
}

#rsvp_detail select {
	clear: both;
	float: left;
}

#rsvp_guest_detail {
	margin: 0 -10px;
	position: relative;
}

#rsvp_guest_detail_box {
	background-color: #a8391d;
	color: #fd8465;
	display: none;
	margin: 1em 0;
	padding: 0 10px;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

#rsvp_guest_detail #rsvp_guest_heading {
	display: block;
	float: none;
	text-align: center;
}

#rsvp_guest_detail input.checkbox {
	float: left;
}

#rsvp_guest_detail label {
	position: relative;
}

#rsvp_account {
	float: left;
	display: inline;
}

#label_rsvp_account {
	float: left;
	display: inline;
}

/* Form: Register */
#form_register {
	border: 1px dashed #ccc;
	font-size: 12pt;
	padding: 1em;
}

#form_register .col-2-1,
#form_register .col-4-1 {
	width: 110px;
	padding: 0;
}

#form_register .col-4-2 {
	width: 140px;
}

#form_register .col-4-3 {
	width: 90px;
}

#form_register .col-2-2 textarea {
	height: 8em;
	margin-top: 10px;
	width: 100%;
}

#form_register .col-1-1 {
	padding-top: 1em;
	text-align: center;
}

#form_register #guest_guest_detail {
	display: none;
}

/* Form: Add/Edit */
#form {
	border: 1px dashed #ccc;
	font-size: 12pt;
	margin: 15px;
	padding: 1em;
}

#form textarea {
	height: 8em;
	margin-top: 10px;
	width: 100%;
}

#form .col-1-1 {
	padding-top: 1em;
	text-align: center;
}

#form .col-2-1 {
	width: 70px;
}

#form .col-2-2 {
	width: 420px;
}

#form .col-4-1 {
	width: 70px;
}

#tip_rsvp_account {
	margin-top: -40px;
	margin-left: 160px;
}
/* @end */