/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, font, img, small, strike, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; vertical-align:baseline;}
:focus {outline:0;}
ol, ul {list-style:none;}	
table {border-collapse:collapse;}
sup {font-size:60%; vertical-align:top;}

/* Globals */
h1, h2, h3, h4, h5, h6 {color:#6d1b7d; font-weight:bold;}
h2, h3, h4, h5, h6 {margin:.72em 0 0;}
h1 {font: 1.95em/1.23 Georgia, "Times New Roman", Times, serif; letter-spacing:-.005em; margin-bottom:.25em; }
h2, h4 {font-size:1.45em; color:#666; text-transform:lowercase; }
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5, h6 {font-size:.8em;}

a {text-decoration:underline; color:#6d1b7d; }
a:hover{}
p {margin:.5em 0 .4em;}
ul, ol {margin:.8em 0 0 20px;}
ul li {list-style:square; margin:0 0 .7em;}
acronym {border-bottom:dotted 1px; cursor:help;}

/* Layout */
body {line-height:1.33; font-size:93%; color:#333; background:url(../img/body-bg.jpg) fixed; font-family: Arial, Helvetica, sans-serif;}
#wrapper {width:960px; margin:0 auto; background:#fff; position:relative;}
#header {width:920px; padding:10px 20px 20px; position:relative;}
#logo {display:block; width:196px; height:85px; text-indent:-9999px; background:url(../img/street-grace-logo.gif) no-repeat;}
#welcome {position:absolute; top:10px; right:25px;}
#content {float:left; width:630px; padding:0 0 20px 50px;}
#actions {float:right; width:210px; padding:0 20px 20px 0;}
/* Footer */
#footer {font-size:89%; line-height:1.2; color:#777; width:890px; margin:0 auto 25px; padding:0 35px; background:#fff url(../img/footer-bg.gif) left bottom no-repeat; min-height:150px; height:auto !important; height:150px; position:relative;}
#footeradd {text-align:right;position:absolute;bottom:15px;right:35px;width:280px;}

#status {font-size:85%; border:1px solid #e7e188; background:#fffcc9; padding:.5em;}
#status h4 {margin-top:0;}
#actions {font-size:85%;}
#notifications {border:1px solid #e7e188; background:#fffcc9; padding:.5em;}
#notifications h2 {margin-top:0;}
#navigation ul {margin:0;}
#navigation li {list-style:none; margin:.25em 0 0 1em;}

#donate {display:block; width:237px; height:183px; margin-top:2em; text-indent:-9999px; position:relative; left:42px; background:url(../img/donate-to-street-grace.png) no-repeat;}
#approve_btn {display:block; height:62px; padding-left:56px; margin:2em 0 0 33px; line-height:82px; background:url(../img/check.gif) center left no-repeat; font-weight:bold; text-decoration:none; width:100px;}

/* Paging */
.page-numbers {margin-bottom:1em;}
.page-numbers .current, .page-numbers a {display:inline-block; border:2px solid #ccc; padding:5px 10px; margin-right:2px; background-color:#6d1b7d;}
.page-numbers a {text-decoration:none; font-weight:bold; color:#fff;}
.page-numbers a:hover {background-color:#7e2c8e;}
.page-numbers .current {background-color:#fff; border-color:#ccc; color:#999;}
/* Notices and Errors */
div.message {clear:both; text-align:center; background-color:#ffc; color:#000; border:1px solid #fc0; font-size:140%; font-weight:bold; margin-bottom:1em; padding:.5em;}
div.error-message {clear:both; color:#900; font-weight:bold;}
p.error {background-color:#e32; color:#fff; padding:0.8em; margin:1em 0;}
p.error em {color:#000; font-weight:normal;}
.notice {background:#ffcc00; color:#000; display:block; padding:0.8em; margin:1em 0;}
.success {background:green; color:#fff;}
.success_msg {text-align:center; background-color:#cfc; border:1px solid #9c9; font-weight:bold; margin-bottom:1em; padding:.5em;}
.error_msg {text-align:center; background-color:#fcc; border:1px solid #c99; font-weight:bold; margin-bottom:1em; padding:.5em;}
/* TinyMCE specific rules */
body.mceContentBody {background:#fff; padding:3px;}
body.mceContentBody ul, body.mceContentBody ol {margin:.3em 0 1em 40px;}
body.mceContentBody ul li {list-style:square; margin:0 0 .45em;}
/* Google Map */
#map_canvas {font:12px/1.2 Arial, Helvetica, sans-serif !important; margin:0 1em 0 0; width:400px; height:300px;}
/* Other */
.calendar {float:right;}
.calendar a {font-weight:bold;}
.back {display:block; font-size:110%; margin-top:2em; line-height:36px; text-decoration:none; padding-left:25px; background:url(../img/back-btn.gif) left center no-repeat; min-height:38px; height:auto!important; height:38px; width:175px;}
.indent {padding-left:15px;}
.nomargin {margin:0;}
.clear {clear:both; height:0;}
.center {text-align:center;}
.tright {text-align:right;}
.tleft {text-align:left;}
.fleft {float:left;}
.fright {float:right;}
.subtle {font-size:85%; color:#666666; margin-top:2em;}
.margintop {margin-top:2em;}
.underline {text-decoration:underline;}
.imageright {float:right; margin:0 0 5px 10px;}
.imageleft {float:left; margin:0 10px 5px 0;}
.form_container {padding:10px; margin:1em 0; background-color:#eee; border:1px solid #ccc;}
.note {background-color:#e8f5da; border:1px solid #a8ce47; margin-bottom:.6em; padding:.2em .5em .3em;}
.note h2 {margin-top:0;}
.pdf {background:transparent url(../img/adobereaderlink.gif) no-repeat scroll right 75%; margin:0; padding:0 12px 0 0;}
.external {padding:0 11px 0 0; margin:0; background:transparent url(../img/extlink.gif) no-repeat right 70%;}
.fieldset {clear:both; padding:0 1em; margin-bottom:2em; font-size:85%;}
.fieldset strong {clear:left; float:left; width:100px; margin-right:15px;}
.fieldset ul {margin-left:115px;}
.fieldset ul strong {clear:none; float:none; width:auto; margin:0;}
.fieldset .info {color:#999; padding-left:85px;}
.fieldset .gray {color:#999;}
.fieldset p {clear:left;}

/* Tables */
table {width:100%; margin-bottom:1em; font-size:85%;}
th {background:#fff; color:#000; text-align:left; border-bottom:2px solid #999;}
th.actions {text-align:center;}
td.actions {text-align:right;}
td.thumb {width:80px;}
th a {color:#000; font-weight:bold; text-decoration:none;}
td,th {padding:6px 3px; vertical-align:top;}
tr {border-bottom:1px solid #999;}
tr.odd td {background-color:#eee;}
tr.even td {background-color:#ddd;}
tr.highlight td {background-color:#fffcc9; color:#666666;}
/* Calendar Table */
.calendar {border:1px solid #ccc;}
.calendar a {font-weight:normal;}
.calendar tr, .calendar th {border:0;}
.calendar .cell-title {font-size:1.3em; color:#000; padding-bottom:5px;}
.calendar .cell-title, .calendar .cell-prev, .calendar .cell-next {background:#fff;}
.calendar .cell-prev a, .calendar .cell-next a { font-size:80%; color:#555; padding:4px;} 
.calendar .cell-prev a:hover, .calendar .cell-next a:hover {color:#444; text-decoration:underline;} 
.calendar th, .calendar td {padding:2px; text-align:center;}
.calendar td {width:67px; padding:5px 2px 2px 3px; text-align:left; border:1px solid #ccc; }
.calendar .cell-today {background:#eee;}
.calendar .cell-events {color:#000;}
.calendar .cell-data {font-size:70%;}
/* Forms */
form {font-size:85%;}
form img {float:left; clear:both; padding:5px 15px 0 100px;}
fieldset {margin:0 0 1em; padding:1em 1em 0;}
fieldset fieldset {margin:0; padding:0;}
fieldset h2 {margin:0 0 1em;}
fieldset h2 div {font-size:.7em; font-weight:normal; color:#999; text-transform:none;}
legend {display:none;}
label {float:left; width:85px; margin-right:15px; color:#000; line-height:1em;}
input {margin-right:5px;}
form .password input, form .text input, textarea {width:385px;}
textarea {height:300px;}
form textarea.small {height:150px;}
form .input {clear:left; width:500px; padding:0 0 1em; color:#999;}
form .required {background:85px 4px url(../img/required.gif) no-repeat;}
form .inline {clear:none; width:250px; float:left;}
form .right label {width:55px; padding-left:30px;}
form .inline input {width:135px;}
form .indent {padding-left:100px;}
form .indent input {width:150px;}
form input.nofloat {float:none!important;}
form .text .info {padding-left:100px;}
form .info {margin:0 0 1em -20px;}
form .time select {width:auto;}
form .checkbox, form .radio {padding-left:100px; width:400px;}
form .radio input, form .checkbox input {float:left;}
form .radio fieldset input {clear:left;}
form .radio label, form .checkbox label {padding-bottom:1em; width:auto;}
form .submit { float:left; clear:left; padding:0 15px 1em 113px; margin:.3em 0 .6em;}
form .submit input {padding:5px 10px;}
form a.cancel {float:left; padding-left:1em; border-left:1px solid #999; margin-top:1em;}
form .after {margin-left:101px; font-size:90%; font-family:Arial, Helvetica, sans-serif;}
form .checkAfter {clear:left; font-size:90%; font-family:Arial, Helvetica, sans-serif; margin-left:20px;}
form .before {margin-left:101px; color:#c00; font-size:90%; font-family:Arial, Helvetica, sans-serif;}
form .error-message {color:#c00; margin-left:100px;}
form .radio .error-message, form .checkbox .error-message {margin-left:0;}
form .text .date-pick {width:100px;}
#recurrence {display:none;}

/* Months */
.event {clear:left; margin-bottom:1em; float:left; width:450px;}
.month {float:left; width:32px; height:45px; margin-right:.5em; text-align:center; line-height:45px; font-size:1.3em; text-indent:-2px;}
.jan {background:url(../img/months/jan.gif) no-repeat; padding-top:4px;}
.feb {background:url(../img/months/feb.gif) no-repeat; padding-top:4px;}
.mar {background:url(../img/months/mar.gif) no-repeat; padding-top:4px;}
.apr {background:url(../img/months/apr.gif) no-repeat; padding-top:4px;}
.may {background:url(../img/months/may.gif) no-repeat; padding-top:4px;}
.jun {background:url(../img/months/jun.gif) no-repeat; padding-top:4px;}
.jul {background:url(../img/months/jul.gif) no-repeat; padding-top:4px;}
.aug {background:url(../img/months/aug.gif) no-repeat; padding-top:4px;}
.sep {background:url(../img/months/sep.gif) no-repeat; padding-top:4px;}
.oct {background:url(../img/months/oct.gif) no-repeat; padding-top:4px;}
.nov {background:url(../img/months/nov.gif) no-repeat; padding-top:4px;}
.dec {background:url(../img/months/dec.gif) no-repeat; padding-top:4px;}
/* Date Picker Calendar */
a.dp-choose-date {width:20px; height:16px; padding:0; margin:5px 3px 0; display:block; text-indent:-2000px; overflow:hidden; background:url(../img/calendar.gif) no-repeat;}
a.dp-choose-date.dp-disabled {background-position:0 -20px; cursor:default;}
input.dp-applied {width:100px; float:left;}