/******************************************************************************
 * Colors palatte
 */
.colors {
background: /*userlight*/#F9F2E0;
background: /*userdark*/#F2DCAA;

background: /*tablight*/#F2EADA;
background: /*tabdark*/#CCBEA3;
background: /*tablink*/#000000;

background: /*bodylight*/#F7F5F0;
background: /*bodymedium*/#D6F7C6;
background: /*bodydark*/#AED998;
background: /*bodylink*/#1324BF;

background: /*accentlight*/#F7F5F0;
background: /*accentdark*/#D9C398;
background: /*accentlink*/#4D3608;
}
 
/******************************************************************************
 * Style resets
 */
body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
form {
	display: inline; 
}




/******************************************************************************
 * Global fixes
 */
/* Align checkboxes with their labels in firefox */



/******************************************************************************
 * Global utility classes
 */
.left {float:left !important;}
.right {float:right !important;}
.leftAlign {text-align: left !important;}
.rightAlign {text-align: right !important;}
.middleAlign {text-align: center !important;}
.vMiddleAlign {vertical-align: middle !important;}
.required {color:#FF0000;}
.indent { margin-left: 2em; }
.vindent { margin-top: 1em; }
.padded { padding: .5em 0 .5em .5em; }
.subtext { font-size: .8em; }
.noWrap { white-space: nowrap; }
.canWrap { white-space: normal; }
input.fill, select.fill, textarea.fill {width: 99%;}

.thinput { display: inline; font-size: .8em; }
.thinput input, .thinput select, .thinput button { font-size: .9em; }
.thinput a { font-weight: bold; }

table.data td { padding: .1em; vertical-align: top; }




/******************************************************************************
 * Generic list view table styling
 */
table.list {
	width: 100%;
	border-collapse: collapse;
	background: #FFFFFF;
	overflow: hidden;
}

/* Caption */
table.list caption {
	width: 100%;
	padding: .25em;
	font-weight: bold;
	background: #F5F5F5 url(/images/gradient_grey_32.gif) repeat-x bottom;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
}
caption .thinput {
	font-size: .7em;
}

/* Header cells */
table.list thead tr,
table.list tr th {
	background: #F9F9F9 url(/images/gradient_grey_20.gif) repeat-x bottom;
}
table.list tr th {
	padding: 1px 3px;
	font-size: .8em;
	font-weight: bold;
}
table.list tr th select {
	font-weight: bold;
}

/* Body coloring */
table.list tbody tr {
	background: /*bodylight*/#F7F5F0;
}
table.list tbody tr:hover {
	background-color:#FCFBF7;
}
table.list tbody tr.selected {
	background: #FFFFCC;
}
table.list tbody td,
table.list tbody th {
	border-top: 1px solid #CCCCCC;
}

/* Spacing for cells */
table.list tr td, 
table.list tr th {
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
}

/* Spacing for specific things within cells */
table.list tr input {
	vertical-align: middle;
}
table.list tr input[type=checkbox] {
	margin-left: 5px;
}
table.list tr img {
	vertical-align: middle;
	margin-bottom: 1px;
}
table.list tr th.check {
	width: 21px;
	padding-left: 0;
}
table.list tr th.star {
	width: 1.2em;
}

/* Typical link/text spacing in cell */
table.list tbody span,
table.list tbody a,
table.list tbody a:visited, 
table.list tbody a:active {
	height: 100%;
	display: block;
	text-align: left;
	color: #000000;
	text-decoration: none;
	font-size: .9em;
	padding: 1px 3px;
}




/******************************************************************************
 * Global info pop color settings
 */
.info {
	border: 1px solid /*bodydark*/#AED998;
	background-color: /*bodymedium*/#D6F7C6;
}
.error_message,
.errorExplanation,
.error,
.fieldWithErrors {
	border: 1px solid #FF0000;
	background-color: #FF9999;
}
.notice,
.warning,
#flashMessage {
	border: 1px solid #FFCC33;
	background-color: #FFFF99;
}




/******************************************************************************
 * Global info pop format settings
 */
.flash,
#flashMessage {
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	font-weight: bold;
	padding: .1em;
	text-align: center;
}
.errorExplanation,
.box {
	height: 1%; /* IE 6 hasLayout */
	text-align: left;
	
	font-weight: bold;
	font-size: 10pt;
	
	background-repeat: no-repeat;
	background-position: 10px 10px;
	
	padding: 10px 10px 10px 36px;
}
.info.box {
	background-image: url(/images/info.gif);
}
.errorExplanation,
.error.box {
	background-image: url(/images/error.gif);
}
.notice.box,
.warning.box {
	background-image: url(/images/warning.gif);
}

.errorExplanation h2 { font-weight: bold; margin-bottom: 1em; }
.errorExplanation ul, .errorExplanation li { margin-left: 0; list-style: disc;}

.fieldWithErrors {display: inline;border-width:2px;}


/******************************************************************************
 * Global font and color settings
 */
body {
    background-color: #FFFFFF;
    color: #000000;
}
body, p, td {
    font-family: arial, sans-serif;
}

a, a:visited, a:active {
	color: /*bodylink*/#1324BF;
}

strike {
	color: #888888;
}



/******************************************************************************
 * Simple, centered dialog styles (blank, error)
 */
html.dialog {
	width: 100%;
	height: 100%;
}
body.dialog {
	height: 100%;
}
body.dialog table.container {
	width: 100%;
	height: 100%;
}
body.dialog td.container {
	vertical-align: middle;
	text-align: center;
}
body.dialog .dialog {
	width: 35em;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: .5em;
	border: 3px solid /*bodydark*/#AED998;
	background-color: /*bodylight*/#F7F5F0;
}
body.dialog .dialog h1 {
	font-size: 18px;
	font-weight: bold;
	height: 1%; /* IE6 hasLayout hacke */
	padding: .25em .5em;
	background: /*bodydark*/#AED998 url(/images/gradient_grey_32.png) repeat-x bottom;
}
* html body.dialog .dialog h1 {
	/* Remove the png for IE6 */
	background-image: none;
}
body.dialog a.logo {
	position: absolute;
	top: 5px;
	left: 10px;
}
body.dialog .dialog .content {
	padding: 1em;
}

body.dialog label,
body.dialog .label {
	white-space: nowrap;
	text-align: right;
	padding-right: 3px;
}
body.dialog .flash {
	margin: .5em 0;
}
body.dialog table.container table td {
	padding: .2em;
}
body.dialog .scroll {
  height: 300px;
  overflow: auto;
  background-color: white;
  border: 1px solid black;
}
body.dialog p {
  text-align: left;
  padding-top: .5em;
  padding-bottom: .5em;
}
body.dialog h2 {
  font-size: 1.3em;
  font-weight: bold;
  margin: 15px 0 0 0;
}
body.dialog h3 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 5px 0 0 0;
}
body.dialog strong.legal {
  font-weight: normal;
  font-variant: small-caps;
}
body.dialog fieldset {
  border: 1px solid gray;
  -moz-border-radius: .25em;
  -webkit-border-radius: .25em;
}
body.dialog legend {
  font-size: .9em;
  font-style: italic;
}



/******************************************************************************
 * Complex, church layout (application)
 */
body.church {
	margin: 0px 10px 10px 10px;
}


/********
 * Layout
 */
body.church #body {
	position: relative;
	width: 100%;
}
body.church #main,
body.church .flash,
body.church #flashMessage {
	position: relative;
	margin-left: 8em;
	min-width: 24em;
}
body.church .flash,
body.church #flashMessage {
	margin-bottom: .75em;
}
body.church #menu {
	position: absolute;
	left: 0;
	width: 8.1em;
}


/********
 * Header
 */
body.church #header {
	margin-bottom: .75em;
}
body.church #header .logo {
	float: left;
	margin: 5px 0 5px 0;
	padding: 0;
}
body.church #header .options {
	text-align: right;
	font-size: .8em;
	float: right;
	padding: .3em 1em;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	background: #F9F9F9 url(/images/gradient_grey_20.gif) repeat-x scroll center bottom;
	border-color: #E0E0E0;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}
body.church #header .new_features_link {
	font-weight: bold;
	color: #CC0000;
}
body.church #header h1 {
	text-align: center;
	clear: right;
}
body.church #header h1 a {
	color: #000000;
	text-decoration: none;
}
body.church #header h6 {
	text-align: center;
	display: block;
	font-size: 8pt;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

body.church #header .links {
	width: 100%;
	clear: both;
	border-bottom: 4px solid /*tabdark*/#CCBEA3;
}
body.church #header .links td {
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
}
body.church #header .links td.last {
	width: 100%;
	text-align: right;
	vertical-align: middle;
}
body.church #header .links .tab {
	background-color: /*tablight*/#F2EADA;
}
body.church #header .links .tab.active {
	background-color: /*tabdark*/#CCBEA3;
}
body.church #header .tab .inner a {
	padding: .25em .5em;
	font-size: .8em;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: /*tablink*/#000000;
}


body.church #header .tab {
	margin-right: .5em;
}
.tab .lr1, .tab .lr2, .tab .lr4,
.tab .r1,  .tab .r2,  .tab .r4,
.tab .l1,  .tab .l2,  .tab .l4 {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
}
.tab .lr1, .tab .l1 {
	border-left: 1px solid #FFFFFF;
}
.tab .lr1, .tab .r1 {
	border-right: 1px solid #FFFFFF;
}
.tab .lr2, .tab .l2 {
	border-left: 2px solid #FFFFFF;
}
.tab .lr2, .tab .r2 {
	border-right: 2px solid #FFFFFF;
}
.tab .lr4, .tab .l4 {
	border-left: 4px solid #FFFFFF;
}
.tab .lr4, .tab .r4 {
	border-right: 4px solid #FFFFFF;
}



body.church #simplesearch a {
	font-size: .6em;
}
body.church #simplesearch input {
	font-size: .8em;
}
body.church #simplesearch input.text {
	width: 15em;
}

body.church #advancedsearch {
	position: relative;
	margin-bottom: .75em;
}
body.church #advancedsearch .content {
	-moz-border-radius: 0 0 .5em .5em;
	-webkit-border-radius: .5em;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border: 4px solid /*accentdark*/#D9C398;
	background: /*accentlight*/#F7F5F0;
}
body.church #advancedsearch .titlebar {
	-moz-border-radius: .5em .5em 0 0;
	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	background: /*accentdark*/#D9C398;
	margin-bottom: -1px;
	padding: .1em .5em .1em .5em;
	font-weight: bold;
	text-align: right;
}
body.church #advancedsearch .titlebar a {
	font-weight: normal;
	font-size: .6em;
	vertical-align: middle;
}
body.church #advancedsearch .content {
	padding: .75em;
}



/********
 * Menu
 */
body.church #menu {
	padding-top: 1em;
}

body.church #menu a,
body.church #menu p {
	display: block;
	padding: .2em 0px .2em .35em;
	font-size: .9em;
}

body.church #menu .submenu {
	font-weight: normal !important;
	padding-bottom: 5px;
	height: 100%;
	display: none;
}

body.church #menu .active .submenu {
  display: block;
}

body.church #menu .submenu a,
body.church #menu .submenu p {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: .8em;
	padding-right: .8em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
}

body.church #menu .submenu p,
body.church #menu .submenu .active {
	color: #000000;
	background: /*bodymedium*/#D6F7C6;
	font-weight: normal;
	text-decoration: none;
}

body.church #menu .active {
	background-color: /*bodydark*/#AED998;
	font-weight: bold;
	-moz-border-radius: .25em 0px 0px .25em;
	-webkit-border-top-left-radius: .25em;
	-webkit-border-bottom-left-radius: .25em;
}


/********
 * Main
 */
body.church #main {
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border: 7px solid /*bodydark*/#AED998;
	border-right: none;
	background: /*bodydark*/#AED998;
}

body.church #main .top {
	padding-right: .5em;
}
body.church #main .top .menubar {
	padding-bottom: .5em;
}
body.church #main .top .infobar {
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	background: /*bodymedium*/#D6F7C6;
	padding: .5em;
	margin-bottom: .5em;
	font-size: .9em;
}

body.church #main .content {
	min-height: 10em;
	height: auto !important;
	height: 10em;
	background: #FFFFFF;
	position: relative;
	border-bottom: 1px solid /*bodydark*/#AED998;
	-moz-border-radius: .25em 0 0 .25em;
	-webkit-border-top-left-radius: .25em;
	-webkit-border-bottom-left-radius: .25em;
}

body.church h1 {
	font-size: 20px;
	font-weight: bold;
}
body.church h2 {
	font-weight: normal;
	font-size: 18px;
	background: #F6F6F6 url(/images/gradient_grey_32.gif) repeat-x center bottom;
	padding: .25em .5em;
}
body.church h3 {
  font-weight: bold;
}
body.church .errorExplanation h2 {
	font-size: 14px;
	font-weight: bold;
	background: none;
	padding: 0;
	margin: 0 0 1em 0;
}

body.church .errorExplanation {
	margin-top: .5em; margin-bottom: .5em;
}

body.church .button {
  list-style: none;
}
body.church .button a {
  background: #F9F9F9 url(/images/gradient_grey_20.gif) repeat-x bottom;
  border: 3px solid /*bodydark*/#AED998;
  font-weight: bold;
  margin: .5em;
  padding: .25em .5em;
  display: block;
  width: 20em;
  -moz-border-radius: .25em;
  -webkit-border--radius: .25em;
  text-decoration: none;
}
body.church .button a:hover {
  border-color: /*bodymedium*/#D6F7C6;
}

/********
 * User editing service groups
 */
body.church .service_container {
  margin: 0 0 1em 0;
}
body.church .service_label {
  font-weight: bold;
}
body.church .service_content {
  margin: 0 0 1em .2em;
  padding: 1em;
  border-left: 7px solid /*bodymedium*/#D6F7C6;
  border-bottom: 7px solid /*bodymedium*/#D6F7C6;
  -moz-border-radius: 0 0 0 .5em;
  -webkit-border-bottom-left-radius: .5em;
  font-size: .9em;

  /* IE 6 painting hack */
  height: 1%;
}



/********
 * Service page
 */
body.church .section {
	font-size: .8em;
	margin: .5em 0 1.5em 0em;
	background-color: /*bodylight*/#F7F5F0;
	border: 3px solid /*bodydark*/#AED998;
}
body.church .section table.columns,
body.church .section table.columns *,
body.church .section table.list,
body.church .section table.list * {
	font-size: 1em;
}
body.church .section .info,
body.church .section .warning,
body.church .section .error {
}
body.church .section.inactive {
	background-color: #F0F0F0;
	border-color: #CCCCCC;
}
body.church .section.inactive .head {
	color: #BBBBBB;
	background: #F5F5F5 url(/images/gradient_grey_32.gif) repeat-x bottom !important;
}
body.church .section.inactive .head strike {
	color: #CCCCCC;
}
body.church .section .head {
	height: 1%; /* IE6 hasLayout hacke */
	padding: .25em .5em;
	font-size: 1.2em;
	font-weight: bold;
	background: /*bodydark*/#AED998 url(/images/gradient_grey_32.png) repeat-x bottom;
}
* html body.church .section .head {
	/* Remove the png for IE6 */
	background-image: none;
}
body.church .section .head .title {
	display: inline;
}
body.church .section .head .subtitle {
	display: inline;
	position: absolute;
	right: .5em;
}
body.church .section .padded { 
	padding: .5em; 
}
body.church .section p { 
	margin-bottom: .5em;
}
body.church .section .action {
	text-align: right;
	font-weight: bold;
}


/************************
 * User index view
 */

/* image and image submit styles for permissions icons */
table.user_list img.icon {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 1px;
	float: left;
}
table.user_list input.icon {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 1px 0px;
	float: left;
	display: none; /* Hide by default, reveal when active or hovered */
}

/* Always show for IE6, since tr:hover doesn't work */
* html table.user_list input.icon {
	display: inline;
}

/* Reveal icons when hovering over a row */
table.user_list tr:hover input.icon {
	display: inline;
}
/* Reveal "user" and "admin" icons and remove pointer cursor when that is the current state */
table.user_list td.admin  input.admin,
table.user_list td.normal input.normal {
	cursor: default;
	display: inline;
}
table.user_list td.none   input.none {
	cursor: default;
}

/* Set the default icon */
table.user_list input.admin  { background: url(/images/admin_dim.gif) no-repeat; }
table.user_list input.normal { background: url(/images/enabled_dim.gif) no-repeat; }
table.user_list input.none   { background: url(/images/disabled_dim.gif) no-repeat; }

/* Set the active/hovered/focused icon */
table.user_list td.admin  input.admin,
table.user_list input.admin:hover,
table.user_list input.admin:active,
table.user_list input.admin:focus { 
	background-image: url(/images/admin.gif);
}
table.user_list td.normal input.normal,
table.user_list input.normal:hover,
table.user_list input.normal:active,
table.user_list input.normal:focus {
	background-image: url(/images/enabled.gif);
}
table.user_list td.none   input.none,
table.user_list input.none:hover,
table.user_list input.none:active,
table.user_list input.none:focus {
	background-image: url(/images/disabled.gif);
}

/* Hide descriptive text by default */
table.user_list td.none span,
table.user_list td.normal span,
table.user_list td.admin span {
	display: none;
}
/* Reveal descriptive text when it describes the active state */
table.user_list td.none span.none,
table.user_list td.normal span.normal,
table.user_list td.admin span.admin {
	display: block;
}

/************************
 * Billing statement view
 */
body.church table.statement td {
	padding: 0 10px 0 2px;
	white-space: nowrap;
	vertical-align: top;
}
body.church table.statement td.title {
	padding: 0;
	padding-bottom: 2em;
	font-size: 1.1em;
	text-align: center;
}
body.church table.statement tr.subtotal td {
	border-top: 1px solid #000000;
	font-weight: bold;
	padding-bottom: 2em;
}
body.church table.statement tr.divided td {
	padding-top: 1em;
}
body.church table.statement tr.total td {
	font-weight: bold;
	padding-bottom: 2em;
}


/********
 * Form bar
 */
.formbar {
  padding: .5em;
}
.widemargins {
  padding: 5% 15%;
}
.columns {
  font-size: .8em;
  padding-bottom: 1em;
}

/* Don't double shrink in case we nest .columns inside .columns */
.columns .columns {
  font-size: 1em;
  padding-bottom: 0;
}
.columns td,
.columns th {
  vertical-align: top;
  white-space: nowrap;
  padding-bottom: .5em;
}
.columns tr.spacer th,
.columns tr.spacer td {
  font-size: .5em;
  padding: 0;
}
.columns .label {
  font-weight: bold;
  white-space: nowrap;
}
.subtext {
  text-align: right;
}
.columns td.label,
.columns th {
  text-align: right;
  padding-right: .2em;
  font-weight: bold;
}
.columns select,
.columns textarea,
.columns input[type=text],
.columns input[type=password] {
  width: 98%;
}
.columns .half {
  width: 49% !important;
}
.columns .third {
  width: 32% !important;
}
.columns .auto {
  width: auto !important;
}
.columns .bottom {
  text-align: center;
}
.columns fieldset {
  border: 1px solid gray;
  -moz-border-radius: .25em;
  -webkit-border-radius: .25em;
}
.columns legend {
  font-style: italic;
}

/********
 * Pagination
 */

.pagination {
  background: white;
  font-size: 0.95em;
  margin-left: 5px;
  /* self-clearing method: */ 
}
.pagination a, .pagination span, .pagination em {
    padding: .2em .5em;
    display: block;
    float: left;
    margin-right: 1px; 
}
.pagination span.disabled {
    color: #999;
    border: 1px solid #DDD; 
}
.pagination em.current {
    font-weight: bold;
/*    background: #2E6AB1; */
    background: #7e9958;
    color: white;
/*    border: 1px solid #2E6AB1;  */
    border: 1px solid #7e9958;
}
.pagination a {
    text-decoration: none;
    color: #7e9958;
    border: 1px solid #7e9958;
}
.pagination a:hover, .pagination a:focus {
    color: #003;
    border-color: #003; 
}
.pagination .page_info {
    background: #2E6AB1;
    color: white;
    padding: .4em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center; 
}
.pagination .page_info b {
    color: #003;
    background: #6aa6ed;
    padding: .1em .25em; 
}
.pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; 
}
* html .pagination {
    height: 1%; 
}
*:first-child+html .pagination 
{
    overflow: hidden; 
}