/* Eric Myer Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
h1 { font-size: 1.4em; margin-bottom: 0.7em; color: #333; }
h2 { font-size: 1.3em; margin-bottom: 1em; color: #555; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.1em; font-weight: normal; margin-bottom: 1em; }
h5 { font-size: 1em; font-weight: normal; color: #555; margin-bottom: 2em; }
p { font-size: 1.1em; margin-bottom: 1em; }
p.exclamation { font-size: 1.1em; font-weight: normal; margin: 2em 0; padding: 15px 25px; background: #fafafa url(/assets/img/icon-exclamation.gif) 5px center no-repeat; }
p.response { font-size: 1em; font-weight: normal; color: #327c2e; margin: 1em 0; padding: 8px 25px; background: #fafafa url(/assets/img/icon-accept.gif) 5px center no-repeat; }
a { text-decoration: none; color: #24639f; }
a:hover { color: #000; }
/* Canvas */
body { background: #e7e7e7; font-size: 62.5%; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; line-height: 1.5em; }
#wrapper { margin: 0 auto; position: relative; top: 0; left: 0; }
/* Login Form */
#wrapper.login { width: 450px; position: relative; top: 30px; padding-top: 90px; background: url(/assets/img/logo.client.gif) center top no-repeat; }
#wrapper.login div.loginBox { padding: 3em; border: solid 8px #53534a; background: #ffffff;}
#wrapper.login div.loginBox h1 { font-size: 18px; margin-bottom: 1em; }
#wrapper.login div.loginBox p { font-size: 12px; margin-bottom: 0.5em; }
#wrapper.login div.loginBox form fieldset { margin: 3em 0; padding: 0 1em; }
#wrapper.login div.loginBox form fieldset p { margin: 1em 0; }
#wrapper.login div.loginBox form fieldset p input { width:150px; font-size: 11px; color:#666; }
#wrapper.login div.loginBox form fieldset p label { width:100px; font-size: 11px; padding-top: 3px; display:block; text-align:right; margin-right:5px; float:left; }
#wrapper.login div.loginBox form fieldset.submit { margin: 1em 0;}
#wrapper.login div.loginBox form fieldset.submit input { position: relative; top: 0; left: 100px; }
#wrapper.login div.loginFooter { text-align: center; }
#wrapper.login div.loginFooter p { position: relative; top: 10px; left: 0; }
/* Interior */
#wrapper { width: 960px; }
/* Header */
#wrapper div.header { height:120px; background: #fafafa; }
#wrapper div.header div.logo { height: 70px; width: 300px; position: relative; top: 10px; left: 10px; }
#wrapper div.header div.utility { float: right; clear: both; margin-top: -60px; margin-right: 10px; }
#wrapper div.header div.utility ul { list-style-type: none; }
#wrapper div.header div.utility ul li { float: left; height: 20px; line-height: 20px; margin-left: 2px; font-size: 1.1em; }
#wrapper div.header div.utility ul li a { height: 20px; display: block; padding: 0 5px; text-decoration: none; color: #53534a; background:#fff; width: auto;}
#wrapper div.header div.utility ul li a:hover { background: #ccc; color: #333; }
/* Main Menu */
#wrapper div.header div.tabs { height: 25px; width: 800px; position: relative; top: 25px; left: 10px; }
#wrapper div.header div.tabs ul { list-style-type: none; }
#wrapper div.header div.tabs ul li { float: left; height: 25px; line-height: 25px; margin-right: 2px; font-size: 1.1em; font-weight: bold; }
#wrapper div.header div.tabs ul li a { height: 25px; display: block; padding: 0 10px; background: #e7e7e7; text-decoration: none; color: #53534a; }
#wrapper div.header div.tabs ul li a:hover { background: #ccc; color: #333; }
#wrapper.dashboard div.header div.tabs ul li.dashboard a,
#wrapper.pages div.header div.tabs ul li.pages a,
#wrapper.callouts div.header div.tabs ul li.callouts a,
#wrapper.modules div.header div.tabs ul li.modules a,
#wrapper.enrollment-stats div.header div.tabs ul li.enrollment-stats a,
#wrapper.e-toolkit-users div.header div.tabs ul li.e-toolkit-users a,
#wrapper.survey-results div.header div.tabs ul li.survey-results a,
#wrapper.events div.header div.tabs ul li.events a,
#wrapper.media div.header div.tabs ul li.media a,
#wrapper.press div.header div.tabs ul li.press a,
#wrapper.stories div.header div.tabs ul li.stories a,
#wrapper.orders div.header div.tabs ul li.orders a,
#wrapper.eventrequest div.header div.tabs ul li.eventrequest a,
#wrapper.requests div.header div.tabs ul li.myevents a,
#wrapper.newrequest div.header div.tabs ul li.request a,
#wrapper.homepage-popup div.header div.tabs ul li.homepage-popup a { background: #ffffff; color: #24639f; }
#wrapper div.content { padding: 2em 20px; background: #fff; }
#wrapper div.content div.contentFooter { clear: both; }
/* sidebar */
#wrapper div.content div.sidebar { width: 180px; float: right; padding:0;}
#wrapper div.content div.sidebar ul { width: 180px; list-style-type: none; }
#wrapper div.content div.sidebar ul li { width: 180px; margin-bottom: 2px; }
#wrapper div.content div.sidebar ul li a { width: 180px; height: 100%; padding: 5px; display: block; background: #fafafa; color: #53534a; text-decoration:none; text-transform: lowercase; }
#wrapper div.content div.sidebar ul li a:hover { background: #ccc; color: #333; }
#wrapper div.content div.sidebar ul li.active a { background: #24639f; color: #ffffff; font-weight: bold; }
#wrapper div.content div.sidebar.edit.pages.content ul li.editContent a,
#wrapper div.content div.sidebar.edit.pages.modules ul li.editModules a,
#wrapper div.content div.sidebar.edit.pages.callouts ul li.editCallouts a,
#wrapper div.content div.sidebar.edit.pages.calloutview ul li.editCalloutView a { background: #24639f; color: #ffffff; font-weight: bold; }
/* main content */
#wrapper div.content div.maincontent { width: 700px; padding-right: 20px; float: left; border-right: solid 1px #e7e7e7; }
#wrapper.e-toolkit-users div.content div.maincontent { width: 850px; padding-right: 0; float: left; border-right: none;}
#wrapper.orders div.content div.maincontent { width: 850px; padding-right: 0; float: left; border-right: none;}
/* pagination */
#wrapper div.content div.maincontent div.pagination { width: 920px; height: 24px; padding: 0.5em 0; margin: 1em 0 0.25em 0; }
#wrapper div.content div.maincontent div.pagination p.viewCount { width: 200px; float: left; }
#wrapper div.content div.maincontent div.pagination p.pageSelect { width: 700px; float: right; text-align: right; }
#wrapper div.content div.maincontent div.pagination p.pageSelect a { padding: 5px; margin-right: 3px; border: solid 1px #e7e7e7; }
#wrapper div.content div.maincontent div.pagination p.pageSelect a.active { background: #fafafa; border: solid 1px #ccc; color: #444; }
/* page edit tabs */
#wrapper div.content div.maincontent div.tabs { height: 30px; width: 700px; margin-bottom: 10px; clear: both; }
#wrapper div.content div.maincontent div.tabs ul { list-style-type: none; margin: 0; padding: 0; }
#wrapper div.content div.maincontent div.tabs ul li { float: left; }
/* current page details */
#wrapper div.content div.maincontent div.details { width: 700px; clear: both; border-bottom: solid 4px #e7e7e7;}
#wrapper div.content div.maincontent div.details p { margin-bottom: 2em; }
/* page selection table */
#wrapper div.content div.maincontent div.table { width: 600px; }
#wrapper div.content div.maincontent div.table h3 { margin-top: 1.4em; }
#wrapper div.content div.maincontent div.table table { width: 100%; border: solid 1px #e7e7e7; }
#wrapper div.content div.maincontent div.table table tr { }
#wrapper div.content div.maincontent div.table table tr td { }
#wrapper div.content div.maincontent div.table table tr td.t1 { font-weight: bold; }
#wrapper div.content div.maincontent div.table table tr td.disabled { background:#ccc !important; font-style: italic;}
#wrapper div.content div.maincontent div.table table tr td.header { font-weight: bold; padding: 8px 0 8px 10px;background: #444; color: #fff; }
#wrapper div.content div.maincontent div.table table tr td.header span { float: right; margin-top: -1.6em; margin-right: 0.7em; font-size: 0.9em; }
#wrapper div.content div.maincontent div.table table tr td.header.status { width: 70px; }
#wrapper div.content div.maincontent div.table table tr td a { height: 100%; width: auto; padding: 8px 0 8px 10px; display: block; text-decoration: none; color: #444; border-top: solid 1px #e7e7e7; }
#wrapper div.content div.maincontent div.table table tr td a:hover { background: #e7e7e7; color: #333; }
/* user list */
#wrapper div.content div.maincontent div.table.users table { width: 920px; }
#wrapper div.content div.maincontent div.table.users table tbody tr td { padding: 8px 0 8px 10px; }
#wrapper div.content div.maincontent div.table.users table tbody tr.odd td { background: #fafafa; }
#wrapper div.content div.maincontent div.table.users table tr.header td { font-weight: bold; padding: 8px 0 8px 10px;background: #444; color: #fff; }
/* order list */
#wrapper div.content div.maincontent div.table.orders table { width: 920px; }
#wrapper div.content div.maincontent div.table.orders table tbody tr td { padding: 8px 0 8px 10px; }
#wrapper div.content div.maincontent div.table.orders table tbody tr.odd td { background: #e7e7e7; }
#wrapper div.content div.maincontent div.table.orders table tr.header td { font-weight: bold; padding: 8px 0 8px 10px;background: #444; color: #fff; }
/* requested events list */
#wrapper div.content div.maincontent div.table.reqevents table { width: 700px; }
#wrapper div.content div.maincontent div.table.reqevents table tbody tr { cursor: pointer !important; }
#wrapper div.content div.maincontent div.table.reqevents table tbody tr:hover { background: #efefef; }
#wrapper div.content div.maincontent div.table.reqevents table tbody tr td { padding: 8px 0 8px 10px; }
#wrapper div.content div.maincontent div.table.reqevents table tbody tr.odd td { background: #fafafa; }
#wrapper div.content div.maincontent div.table.reqevents table tr.header td { font-weight: bold; padding: 8px 0 8px 10px;background: #444; color: #fff; }
/* enrollment by county */
#wrapper div.content div.maincontent div.table.enrollment table thead tr td { padding: 8px 0 8px 10px; text-align: left; background: #444; color: #fff;}
#wrapper div.content div.maincontent div.table.enrollment table tbody tr td { padding: 8px 0 8px 10px; }
#wrapper div.content div.maincontent div.table.enrollment table tbody tr.totalEnrollment td { background: #444; color: #fff; }
/* my events list */
#wrapper div.content div.maincontent div.table.myevents table { width: 700px;}
#wrapper div.content div.maincontent div.table.myevents table tbody tr td { padding: 8px 0 8px 10px; }
#wrapper div.content div.maincontent div.table.myevents table tbody tr.odd td { background: #fafafa; }
#wrapper div.content div.maincontent div.table.myevents table tr td a { height: auto; width: auto; padding:0; display: block; text-decoration: none; color: #444; border-top: none; }
#wrapper div.content div.maincontent div.table.myevents table tr td a:hover { background: none; color: #333; }
/* edit form */
#wrapper div.content div.maincontent div.editform { width:700px; }
#wrapper div.content div.maincontent div.editform form { width: 700px; }
#wrapper div.content div.maincontent div.editform form fieldset textarea { font-family: inherit; font-size: inherit; }
#wrapper div.content div.maincontent div.editform form fieldset { margin: 1em 0; padding-bottom: 0.75em;}
#wrapper div.content div.maincontent div.editform form fieldset textarea.mcedit { width: 700px; }
#wrapper div.content div.maincontent div.editform form fieldset textarea.edit { width: 350px; }
#wrapper div.content div.maincontent div.editform form fieldset textarea.content { height: 450px; }
#wrapper div.content div.maincontent div.editform form fieldset textarea.pressReleaseTitle { height: 40px; width: 550px; }
#wrapper div.content div.maincontent div.editform form fieldset textarea.pressReleaseContent { height: 700px; width: 550px; }
#wrapper div.content div.maincontent div.editform form fieldset textarea.short { height: 150px; }
#wrapper div.content div.maincontent div.editform form fieldset textarea.reallyshort { height: 70px; }
#wrapper div.content div.maincontent div.editform form fieldset textarea.tout { width: 400px; height: 120px; margin-left: 100px;}
#wrapper div.content div.maincontent div.editform form fieldset textarea.seo { font-family: inherit; font-size: inherit; width: 350px; height: 100px; }
#wrapper div.content div.maincontent div.editform form fieldset ul li { padding: 3px 10px; font-size: inherit;}
#wrapper div.content div.maincontent div.editform form fieldset h3 { padding-top: 0.75em; }
#wrapper div.content div.maincontent div.editform form fieldset p input { width:350px; font-size: 11px; color:#666; }
#wrapper div.content div.maincontent div.editform form fieldset p.chkBox input { width:20px; font-size: 11px; color:#666; }
#wrapper div.content div.maincontent div.editform form fieldset p select { width:350px; font-size: 11px; color:#666; }
#wrapper div.content div.maincontent div.editform form fieldset p select.normal { width: auto; }
#wrapper div.content div.maincontent div.editform form fieldset p select.multiple { width: 350px; height: 200px; }
#wrapper div.content div.maincontent div.editform form fieldset p label { width:100px; font-size: 11px; padding-top: 3px; display:block; text-align:right; margin-right:5px; float:left; }
#wrapper div.content div.maincontent div.editform form fieldset p.countySelect select,
#wrapper div.content div.maincontent div.editform form fieldset p.dateSelect select,
#wrapper div.content div.maincontent div.editform form fieldset p.timeSelect select { width: auto; }
#wrapper div.content div.maincontent div.editform form fieldset p.txtArea textarea.event_description { width: 450px; height: 200px; }
#wrapper div.content div.maincontent div.editform form fieldset p.txtArea textarea.event_location { width: 450px; height: 100px; }
/* callout selecter */
#wrapper div.content div.maincontent div.editform form fieldset span.options select { height: 225px; width: 220px; margin-left: 100px; float: left; }
#wrapper div.content div.maincontent div.editform form fieldset span.selections select { height: 225px; width: 220px; margin-left: 10px; float: left; }
#wrapper div.content div.maincontent div.editform form fieldset span.sorting { height: 225px; width: 130px; text-align: center; margin-left: 10px; float: left; }
#wrapper div.content div.maincontent div.editform form fieldset span.sorting img { cursor: pointer !important; }
/* edit form buttons */
#wrapper div.content div.maincontent div.editform form fieldset.submit { margin: 1em 0; padding: 1em 0; border-top: solid 2px #e7e7e7; }
#wrapper div.content div.maincontent div.editform form fieldset.submit p.buttons { padding-left: 100px; }
#wrapper div.content div.maincontent div.editform form fieldset.submit p.buttons input { height: auto; width: auto; }
#wrapper div.content div.maincontent div.editform form fieldset.submit p.buttons img { margin-left: 5px; cursor: pointer !important; }
/* dashboard & modules */
#wrapper div.content div.maincontent div.modules { clear: both; }
#wrapper div.content div.maincontent div.modules div.module { border: solid 1px #e7e7e7; margin: 0 10px 10px 0; padding: 10px 15px; float: left;}
#wrapper div.content div.maincontent div.modules div.module.survey,
#wrapper div.content div.maincontent div.modules div.module.viral { width: 308px; }
#wrapper div.content div.maincontent div.modules div.module.events,
#wrapper div.content div.maincontent div.modules div.module.orders,
#wrapper div.content div.maincontent div.modules div.module.pages { width: 658px; }
#wrapper div.content div.maincontent div.modules div.module.pages form fieldset { padding: 15px 0 5px 8px; }
#wrapper div.content div.maincontent div.modules div.module h1 { font-size: 1.2em; padding-bottom: 0.6em; border-bottom: solid 3px #e7e7e7; }
#wrapper div.content div.maincontent div.modules div.module h1 span {position: relative; left: 5px; }
#wrapper div.content div.maincontent div.modules div.module h2 { font-size: 1.1em; }
#wrapper div.content div.maincontent div.modules div.module p { font-size: 1em; }
#wrapper div.content div.maincontent div.modules div.module p.seeall { margin: 0.6em 0 0 0; padding: 0.6em 0 0 0; border-top: dotted 2px #e7e7e7; text-align: right; }
#wrapper div.content div.maincontent div.modules div.module ul li { padding: 0 10px; }
#wrapper div.content div.maincontent div.modules div.module.events ul li { padding: 0 10px 10px 10px; }
/* events browsing */
#wrapper div.content div.maincontent div.calendar { width: 700px; }
#wrapper div.content div.maincontent div.calendar table.month { border-left: solid 1px #444; }
#wrapper div.content div.maincontent div.calendar table.month tr td { width: 98px; }
#wrapper div.content div.maincontent div.calendar table.month tbody tr.calendarHeader { }
#wrapper div.content div.maincontent div.calendar table.month tbody tr.calendarHeader td { background: #000; font-size:1.3em; font-weight:bold; text-transform:uppercase; color: #fff; border: none;padding: 10px 5px;}
#wrapper div.content div.maincontent div.calendar table.month tbody tr.calendarHeader td.monthname { text-align: center; }
#wrapper div.content div.maincontent div.calendar table.month tbody tr.calendarHeader td.monthnavigation-next { text-align: right;}
#wrapper div.content div.maincontent div.calendar table.month tbody tr.calendarHeader td.monthnavigation-previous { text-align: left; }
#wrapper div.content div.maincontent div.calendar table.month tbody tr.calendarHeader td a { color: #fff !important; text-decoration: none; }
#wrapper div.content div.maincontent div.calendar table.month tbody tr.calendarHeader td a:hover { color: #666 !important; }
#wrapper div.content div.maincontent div.calendar table.month tbody tr { }
#wrapper div.content div.maincontent div.calendar table.month tbody tr td { width:100px; border-right: solid 1px #444; border-bottom: solid 1px #444; padding: 5px;}
#wrapper div.content div.maincontent div.calendar table.month tbody tr td.dayname { background: #444; color: #fff; font-weight: bold; border-bottom: solid 2px #000; text-align: center; padding: 5px;}
#wrapper div.content div.maincontent div.calendar table.month tbody tr td.saturday { background: #fafafa; }
#wrapper div.content div.maincontent div.calendar table.month tbody tr td.sunday { background: #fafafa; }
#wrapper div.content div.maincontent div.calendar table.month tbody tr td.nomonthday { background: #444; }
#wrapper div.content div.maincontent div.calendar table.month tbody tr td.monthday { background: #fff; }
#wrapper div.content div.maincontent div.calendar table.month tbody tr td.today { background: #dcd5c5; font-weight: bold; }
#wrapper div.content div.maincontent div.calendar table.month tbody tr td.event table.eventcontent { border: 0 !important; margin: 0.25em 0; }
#wrapper div.content div.maincontent div.calendar table.month tbody tr td.event table.eventcontent tbody tr { }
#wrapper div.content div.maincontent div.calendar table.month tbody tr td.event table.eventcontent tbody tr td { border: 0 !important; font-size: 1em; padding: 0; }
#wrapper div.content div.maincontent div.calendar table.month tbody tr td.event table.eventcontent tbody tr td a { text-decoration: none; }
p.chkBox input { width: 20px; margin:0; padding:0; }
/* Footer */
#wrapper div.footer { padding: 1em 10px; color: #666; }
#wrapper div.footer a { text-decoration: none; color: #53534a; }
#wrapper div.footer a:hover { color: #333; }