home.html { height:100%; margin-bottom:1px; }
body { margin:0; color:#000; }

h1 { font-size:22px; font-family:tahoma,helvetica,arial,sans-serif; font-weight:normal; color:#000; margin:30px 0 20px 0; }
h2 { font-size:26px; font-family:tahoma,helvetica,arial,sans-serif; font-weight:normal; color:#000; margin:0 0 20px 0; padding:0 0 6px 0; line-height:1.2em; }
h3 { font-size:18px; font-family:tahoma,helvetica,arial,sans-serif; font-weight:normal; color:#E50E01; margin:30px 0 15px 0; }
h4 { font-size:16px; font-family:tahoma,helvetica,arial,sans-serif; padding:0; margin:20px 0 15px 0; font-weight:normal; line-height:1.5em; }

.subheading { background:#333; color:#fff; font-size:13px; font-weight:bold; padding:10px; margin-bottom:10px; }
table.elegant { width:100%; border-collapse:collapse; }
table.elegant th  { background:#333; color:#fff; padding:10px; margin:0; text-align:left; }
table.elegant tr.even { background:#f5f5f5; }
table.elegant tr.odd { background:#fff; }
table.elegant tr.on { background:#E7E7E7; }
table.elegant td { border-bottom:1px solid #E7E7E7; padding:10px; }

input.h2 { font-size:20px; color:#000; font-weight:normal; height:40px; }
span.h { font-weight:normal; font-size:12px; padding-left:5px; }
.secondaryText { font-size:10px; }
.spinner img { vertical-align:middle; padding:0 5px 3px 5px; }
.ie .spinner img { vertical-align:baseline; margin-right:10px; padding:0; }
.paging { margin-top:10px; text-align:center; }
.paging a { padding:0 5px; }
table.fields { width:100%; }
.fields { background:#f5f5f5; color:#000; border:1px solid #E7E7E7; padding:10px; }
input.strong { font-weight:bold; }
input.h4 { font-weight:bold; font-size:14px; padding:5px; }
input.error, textarea.error, select.error {background:#ffc; color:#f00; }
.footnote { color:#666; font-size:10px; }
.textual ul li { list-style:square; margin-left:18px; }
div.genericError { margin-top:0; }
div.genericError img.logo { display:none; }

.eway { margin-top:20px; }
.eway p { color:#666; font-size:10px; line-height:15px; float:left; }
.eway .links { color:#666; font-size:10px; line-height:15px; float:left; }
.eway img { margin-right:10px; border:0; padding:0; }

/*Header*/

#header { font-size:11px; margin:0 0 10px 0; }
#header #logo { position:relative; float:left; width:300px; }
#header .actions .navItem { position:relative; float:left; padding:3px 10px; margin:6px 0 0 10px; font-size:11px; }
#header .actions .active { background:#c00; }
#header .actions #salutationNavItem { padding-right:0; }
#header a { color:#333; }
#header a:hover { color:#c00; }
#header .active a { color:#fff; }
#header .active a:hover { color:#fff; }

/*Page*/

.safari button.b1 { font-size:11px; font-weight:normal; border:0 none; background:url(../images/button.gif) no-repeat right 0 transparent; outline: none; cursor:pointer; height:24px; margin:0; overflow:hidden; padding:0 12px 0 0; }
.safari button.b1 span { background:url(../images/button-span.gif) no-repeat 0 0 transparent; padding: 5px 8px 5px 20px; display:block; color: #222; line-height:14px; outline: none !important; }
.safari button.b1:hover { background-position:right center; }
.safari button.b1:hover span { background-position:left center; }

.gecko button.b1 { font-size:11px; font-weight:normal; border:0 none; background:url(../images/button.gif) no-repeat right 0 transparent; outline: none; cursor:pointer; height:24px; margin:0; overflow:hidden; padding:0 12px 0 0; }
.gecko button.b1::-moz-focus-inner { border: 0; }
.gecko button.b1, x:-moz-any-link { padding-right: 8px !important; }
.gecko button.b1 span { background:url(../images/button-span.gif) no-repeat 0 0 transparent; padding: 5px 8px 5px 20px; display:block; color: #222; line-height:14px; outline: none !important; }
.gecko button.b1:hover { background-position:right center; }
.gecko button.b1:hover span { background-position:left center; }

#publicBody { background:#f5f5f5; border-top:10px solid #333; }
#publicBody #wrap { width:902px; margin:0 auto;  }
#publicBody #wrapTop { margin:0px auto 0 auto; width:902px; height:20px; }
#publicBody #wrapBottom { margin:0 auto 0 auto;  width:902px; height:20px; }
#publicBody #pageBody {  }

#appBody { background:#f5f5f5; border-top:10px solid #333; }
#appBody #wrap { width:902px; margin:0 auto; }
#appBody #wrapTop { margin:0 auto 0 auto; width:902px; height:20px; }
#appBody #wrapBottom { margin:0 auto 0 auto;  width:902px; height:20px; }
#appBody #pageBody {  }

#reportBody { background:#2b2b2b; }
#reportBody #wrap { width:902px; margin:0 auto; }
#reportBody #wrapTop { margin:0 auto 0 auto; width:902px; height:0; }
#reportBody #wrapBottom { margin:0 auto 0 auto;  width:902px; height:20px; }
#reportBody #pageBody {  }

#page { padding:0; }
#pageBody { margin:0; padding:0; }
#reportBody #pageBody { padding-top:20px; }
#reportBody #page { padding-bottom:2px; }

#contentBody { border:1px solid #e7e7e7; padding:30px; background:#fff; }

/*Footer*/

#footer { color:#333; }
#footer a { color:#333; text-decoration:underline; }
#footer a:hover { color:#333; text-decoration:none; }
#footer .details { margin:0 auto; padding:0 0 40px 0; width:900px; }
#footer .blurb .navItem { background:transparent; border:0; padding:0; font-size:11px; }
#footer .links .navItem { background:transparent; position:relative; float:left; border:0; padding:0 0 0 20px; margin:0; font-size:11px; }

/*Feature*/

div.feature { border:5px solid #e7e7e7; }
div.feature .inner { padding:20px; background:url(../images/bg-feature.png) repeat-x #fff; display:inline-block; border:1px solid #fff; }
div.feature h3 { margin-top:0; color:#000; font-size:18px; font-weight:normal; background:url(../images/hr.png) repeat-x bottom; padding-bottom:15px; }
div.feature .label label { color:#000; }

/*Feature2*/

.feature2 { padding:10px; background:url( ../images/bg-whitefade.png ) repeat-x #eee; border:1px solid #E7E7E7; }

/*Sub Tab Links*/
.subTab { margin-bottom:10px; color:#E7E7E7; }
.subTab .links { text-align:left; }
.subTab .links span { padding:0; }
.subTab .links span a { text-decoration:none; }
.subTab .spinner img { vertical-align:top; margin:2px 0 0 5px; }

/*Login*/

#login  h2 { margin-top:0; }
#newUser li { list-style:square; margin-left:18px; }

/*Home*/

#home #banner { background:url(../images/public/banner.jpg) no-repeat; height:369px; font-size:16px; }
#home #banner #actions { position:relative; float:left; top:170px; left:25px; color:#fff; }
#home #banner #actions a {  font-size:22px; text-decoration:underline; }
#home #banner #actions a:hover {  text-decoration:none; }
#home #banner #actions a#signup { color:#f90; }
#home #banner #actions a#tour { color:#f90; }
#home #blurb { margin:0 60px 10px 60px; }
#home #blurb p { font-size:18px; line-height:30px; color:#333; letter-spacing:-1px; text-align:center; margin:0; }
#home #blurb p strong { font-size:22px; display:block; }
#home .left { width:50%; float:left; margin-left: 0px; }
#home .right { width:37%; float:right; background:#f0f0f0; padding:0 20px 70px 20px; margin-top:30px; border-top:1px solid #e7e7e7; }
#home .left img { background:#fff; border:1px solid #e7e7e7; margin:10px 10px 0 0; }
#home .left .enlarge { font-size:11px; margin-top:10px; color:#888; }
#home h2 { color:#c00; padding:0; margin-top:30px; font-size:20px; font-weight:normal; }
#home .inset { color:#333; font-size:11px; margin-top:20px; }
#home .features { background:#fafafa; padding:20px; }
#home .features h3 { margin-top:1px; }
#home .features ul { margin-left:20px; }
#home .features li { list-style:square; font-size:12px; padding:2px 0; }
#home .signup { background:#242635; color:#fff; padding:10px; text-align:center; margin:30px 0 0 0; }
#home .signup a { color:#f90; font-size:20px; text-decoration:underline; }
#home .signup a:hover { color:#f90; text-decoration:none; }
#home .right .signup { margin:0; }
#home .about strong { font-size:14px; }
#home .testimonials p { font-size:13px; }
#home .testimonials .source { color:#999; }
#home .promotion { border-top:1px solid #e7e7e7; padding:0 20px 20px 20px; background:#fafafa; margin-top:20px; }
#home .promotion h4 { font-size:15px; color:#c00; padding-bottom:10px; border-bottom:3px solid #e7e7e7; }
#home .promotion strong { margin-bottom:10px; display:block; }

/*Tour*/

#tour { text-align:center }
#tour h2 { margin-bottom:40px; }
#tour h3 { font-size:25px; font-weight:normal; line-height:30px; margin:0 0 35px 0; padding-top:40px; color:#000; border-top:1px solid #e7e7e7; }
#tour .signup { background:#242635; color:#fff; padding:10px; text-align:center; margin:35px 200px 50px 200px; }
#tour .signup a { color:#f90; font-size:20px; text-decoration:underline; }
#tour .signup a:hover { color:#f90; text-decoration:none; }

/* About */

#about {  }
#about h4 { color:#c00; }
#about .details { float:left; width:590px; }
#about #credo { background:#f5f5f5; border:1px solid #e7e7e7; margin:20px 0; padding:0 10px; }
#about #credo strong { color:#c00; }
#about ul { margin-left:10px; }
#about li { list-style:none; margin:15px 0; }
#about .profile { float:right; width:205px; font-size:11px; background:#fff; border-left:1px solid #e7e7e7; padding-left:20px; }
#about .profile img { margin-bottom:20px; }
#about .profile ul { margin:0; padding:0; }
#about .profile li { margin:0; padding:3px 0; }
#about .profile li strong { margin-right:3px; }
#about .profile a { text-decoration:none; }

/*Signup*/

#signup { }
#signup p strong { font-size:15px; color:#c00; }
#signup .details { float:left; width:500px; margin-top:10px; }
#signup .details h3 { padding:20px 0 0 0; }
#signup .requirements { float:right; width:280px; background:#ffc; border:1px solid #f90; padding:15px; margin-top:10px; font-size:11px; }
#signup .requirements h3 { padding:5px 0 5px 0; margin:0; }
#signup #tnc { padding:5px 15px; }
#signup #tncCheckbox { margin:20px 0; }
#signup .details h3#loginHeading, #signup .requirements h3 { margin-top:0; }
#signup .details h3#tncHeading { margin-top:20px; }
#signup .requirements h3 { font-size:15px; }
#signup .eway { float:right; width:310px; }
#signup #month-layout { margin-right:0; }
#signup #creditCardForm .buttons { margin-top:10px; }
#creditCardFields #creditCard\.month-layout { margin-right:0; }
#creditCard h3 { margin-top:0; }
#creditCard .info .text { float:left; width:600px; }
#creditCard .info .buttons { float:right; width:200px; margin-top:15px; }

/*Plans*/

#plans { border:1px solid #e7e7e7; padding:7px; }
#plans .plan { float:left; width:148px; text-align:center; margin:0; padding:5px; background:url(../images/bg-feature.png) repeat-x #fff; border:1px solid #e7e7e7; }
#plans .plan .label { color:#000; font-size:28px; font-weight:bold; padding:0 0 15px 0; }
#plans .plan .feature { margin:20px 0 5px 0; border:0; }
#plans .plan .value { margin:0; color:#c00; font-size:16px; font-weight:normal; }
#plans .plan .desc { margin:0; color:#000; font-weight:normal; }
#plans .plan .price { margin:30px 0 0 0; }
#plans .plan .price .value { color:#c00; font-size:24px; font-weight:bold; }
#plans .plan .action { margin: 30px 0 30px 0; font-size:18px; font-weight:bold; }
#plans .plan .action a { text-decoration:none; }
#plans .current { background:#c00; color:#fff; padding:1px 0; }
#plans .Platinum {  }
#plans .Gold { border-right:7px solid #eee;  }
#plans .Silver { border:6px solid #f90; padding-bottom:0; }
#plans .Silver .action { margin-top:25px; }
#plans .Bronze { border-left:7px solid #eee; }
#plans .Free {  }

/*User List and Edit*/

#userList table img { vertical-align:top; margin-top:2px; }
#userEdit form span { display:block; }

/*Account*/

#account h3 { margin-top:0; }

.accountPlanConstraint { background:#fafafa; border:5px solid #E7E7E7; padding:30px; margin-top:20px; color:#000; width:770px; }
.ie .accountPlanConstraint { padding-bottom:0; }
.accountPlanConstraint h4 { color:#c00; font-size:20px; font-weight:bold; margin:0; padding-bottom:5px; }
.accountPlanConstraint .icon  { float:left; width:100px; height:100px; background:#eee; border:1px solid #ccc; margin-right:30px;  }
.accountPlanConstraint .text { float:left; width:620px; }
.accountPlanConstraint .text  a { display:block; margin-top:5px; color:#c00; }
.accountPlanConstraint .text  a:hover { text-decoration:none; }
.gridElementContainer .accountPlanConstraint { margin:0 0 20px 0; }
#submissionDetails .accountPlanConstraint { margin:0; }

#cancel { border:5px solid #e7e7e7; padding:30px; margin-top:20px; }
#cancel .buttons { margin-top:20px; }

/*Form and Report List*/

#forms td.status, #reports td.status { width:40px; text-align:center; }
#forms td.status, #reports td.status img { padding-top:13px; }
#forms td.title, #reports td.title { font-size:12px; font-weight:normal; color:#000; }
#forms td.spinner, #reports td.spinner { width:40px; text-align:center; }
#forms td.action, #reports td.action { width:50px; text-align:center; }
#forms td.dashboard { width:80px; padding-right:20px; text-align:center; }
#forms td a, #reports td a  { text-decoration:none; color:#999; }
#forms td a:hover, #reports td a:hover { color:#c00; }
#forms td.dashboard a { background:#c0c0c0; color:#fafafa; display:block; padding:2px 0; }
#forms td.dashboard a:hover { background:#c00; color:#fafafa; }
#reports td.title { font-size:13px; }
#searchForm { float:right; position:relative; right:0; }
#searchForm input { padding:5px; font-size:15px; width:200px; }
#searchForm img { position:relative; top:6px; padding-right:5px; }
.ie #searchForm img { top:1px; }
#addForm { margin-bottom:20px; }
#addForm input, #addReport input { margin:0; padding:5px; font-size:18px; }
#addFormBody { margin:0 0 40px 0; }

/*Entity */

.entityTitle form input { margin:0; padding:5px; font-size:25px; }
#reportTitle form { padding-bottom:20px; }
.entityMenu { text-align:center; margin:0 0 10px 0; }
.entityMenu .tabs { border-bottom:1px solid #fff; }
.entityMenu .shadow { border-top:6px solid #c00; clear:both; height:20px; margin:0 1px; }
.entityMenu a div { float:left; padding:7px 0 5px 0; width:208px; list-style:none; color:#000; border-width:1px 1px 0 1px; border-style:solid; border-color:#fff; background:url(../images/bg-menu-inactive.png) no-repeat; }
.entityMenu .active { background:url(../images/bg-menu-active.png) no-repeat; border-color:#fff; color:#fff; }
.entityMenu a { cursor:pointer; text-decoration:none; }

/*Form Edit, Styles, Options, Publish*/

#formTitle { margin: 0 0 20px 0; }
#formTitle > div { padding-top:0; }
#editFormTitleForm .buttons { margin:5px 0 0 0; }
#formTip { margin-bottom:30px; background:url(../images/bg-tip.png) repeat-x #242535; padding:20px; display:none; }
#formTip h3 { color:#fff; font-size:18px; margin-top:0; padding-top:0; }
#formTip h3 span { color:#fff; font-weight:bold; border-right:1px solid #E7E7E7; padding-right:10px; margin-right:5px; }
#formTip p { color:#797C80; }
#formTip p b { color:#fff; }
#formNavigation { clear:both; margin-top:45px; padding:20px 0 0 0; border-top:1px solid #E7E7E7; }
#formNavigation a { color:#000; background:#f5f5f5; border:1px solid #e7e7e7; font-size:14px; font-weight:bold; padding:10px; width:180px; display:block; text-align:center; text-decoration:none; }
#formNavigation a:hover { color:#fff; background:#c00; }
#formNavigation .left { float:left; }
#formNavigation .right { float:right; }

/*Form Styles*/

#formStyleThemes { border:1px solid #E7E7E7; margin-bottom:10px; padding:10px; }
#formStyle { border:5px solid #E7E7E7; padding:10px; width:100%; border-collapse:collapse; }
#formStylePreview { }
#formStylePreview h3 { margin:10px 0; }
#formStylePreviewContainer { width:100%; margin:0; }
#formStylePreviewContainer { height:600px; overflow:scroll; overflow-y:auto; overflow-x:hidden; }
#formStylePreviewBody { width:455px; margin:20px auto 0 auto;  }
#formStylePreviewBodyBottom { height:20px; }
#formStyleControls { width:200px; line-height:1.5em; }
#formStyleControlsContainer { background:#f5f5f5; padding:0 5px; border-right:1px solid #E7E7E7; }
#formStyleControlsContainer { height:600px; overflow:scroll; overflow-y:auto; overflow-x:hidden; }
#formStyleControlsContainer h3 { margin:10px 0 10px 0; }
#formStyleControlsContainer h4 { font-size:13px; font-weight:normal; padding:0 5px; margin-bottom:1px; }
#formStyleControlsContainer h4 a { text-decoration:none; color:#000; }
#formStyleControlsContainer div { padding:2px; }
#formStyleControlsContainer .type { display:block; font-size:11px; }
#formStyleControlsContainer .type a { text-decoration:none; }
#formStyleControlsContainer .type .bullet { vertical-align:top; margin-top:1px; }
.ie #formStyleControlsContainer .type .bullet { vertical-align:middle; }
#formStyleControlsContainer .icon { float:right; width:13px; height:10px; border:1px solid #E7E7E7; margin:1px 0 0 5px; background:#fff; text-align:center; font-size:10px; line-height:1em; padding-top:2px; }
#formStyleControlsContainer .spacer { height:2px; }
#formStyleControlsContainer .buttons { margin:5px 0 10px 0; }
#formStyleControlsContainer #msg { font-size:11px; padding-left:4px; }
#formStyleControlsContainer .colorPicker { border:1px solid #eee; padding: 1px 0 0 1px; margin-top:5px; background:#eee; width:162px; }
#formStyleControlsContainer .colorPicker .color { float:left; width:8px; height:8px; margin:0 1px 1px 0; padding:0; }
#formStyleControlsContainer .colorPicker .spacer { padding:0; height:0; }

/*Form Themes*/

#formThemes { margin-bottom:20px; }
#formThemes .left { float:left; width:20px; height:20px; margin:15px 5px 0 14px; background:url(../images/page-previous.png) 0 3px no-repeat; }
.ie #formThemes .left { margin-left:8px; }
#formThemes .right { float:left; width:20px; height:20px; margin-top:15px; background:url(../images/page-next.png) 0 3px no-repeat; }
#formThemes .themeIcon { float:left; text-align:center; width:67px; height:50px; margin-right:10px; background:#eee; cursor:pointer; }

/*Form Options*/

#optionsForm table.options { width:100%; border-collapse:collapse; background:#fcfcfc; border:1px solid #E7E7E7; }
#optionsForm table.options td.key, #optionsForm table.options td.value { vertical-align:top; border-top:1px solid #E7E7E7; }
#optionsForm table.options td.key { width:200px; padding:30px 50px 30px 30px; font-weight:bold; background:#f5f5f5; }
#optionsForm table.editable td.key { padding-top:32px; color:#E50E01; }
#optionsForm table.options td.key .explanation { margin-top:10px; font-weight:normal; font-size:11px; color:#000; }
#optionsForm table.options td.value { padding:30px 10px;  }
#optionsForm table.editable tr.submitButtonLabel td.key { padding-top:37px; }
#optionsForm table.options td.value { padding-left:30px; padding-right:50px; }
#optionsForm table.options .headingValue-layout td.layout { padding-top:0; }
#optionsForm h4 { font-size:16px; font-weight:normal; color:#000; margin:30px 0 10px 0; }
#optionsForm label { color:#000; }
#optionsForm .labelValue-layout td { padding:0; line-height:1em; }
#optionsForm .additionalDetails { margin-top:10px;  }
#optionsForm .buttons { margin-top:20px; }
#optionsForm #msg { padding:10px; margin-top:20px; }

/*Form Publishing*/

#formPublish #publishOptions { width:200px; float:left; }
#formPublish #publishDetails { width:595px; float:left; margin:0 0 0 0; padding:20px; background:url(../images/bg-elementBody.png) repeat-x #fafafa; border:1px solid #E7E7E7; }
#formPublish h3 { font-size:18px; margin:0 0 25px 0; padding:0; }
#formPublish .details {}
#formPublish .details h4 { font-size:20px; font-weight:normal; margin-top:0; }
#formPublish .nav { border-top:1px solid #E7E7E7; margin-top:18px; }
#formPublish .navItem { padding:10px; margin-bottom:1px; border-bottom:1px solid #E7E7E7; cursor:pointer; }
#formPublish .navItem a { color:#666; }
#formPublish .navItem a:hover { color:#c00; }
#formPublish .active { color:#000; background:#fafafa; border-right:1px solid #e7e7e7; margin-left:-1px; padding-left:11px; }
#formPublishStatus { margin-bottom:30px; }
#formPublishStatus .toggleButton { width:185px; }
#formPublishStatus td { padding:20px 10px; }
#formPublishStatus td a { text-decoration:none; color:#999; }
#formPublishStatus td a:hover { color:#c00; }
#formPublishStatus td.title { font-size:13px; }

/*Form Entries, Reports and Filters*/

#formDashboard {  }
#formDashboard .content { padding-top:10px; }
#formDashboard #addReportForm1 .buttons { margin-top:0; }
#formDashboardContent h3.main { margin:0 0 25px 0; padding:0; color:#E50E01; }

/*Form Statistics*/

#formStatisticsOverview { margin:10px 0 30px 0; }
#formStatisticsOverview .statistic { float:left; width:136px; text-align:center; border:1px solid #e7e7e7; background:#f5f5f5; color:#000; padding:10px; margin:0 5px;  }
#formStatisticsOverview .statistic .value { font-size:25px; font-weight:bold; margin-top:5px; }
#formStatisticsOverview .statistic .desc { margin-top:5px; }
#formDailyStatistics table { float:left; width:265px; margin-right:20px; border:1px solid #e7e7e7; }
#formDailyStatistics .value { text-align:center; }
#formDailyStatistics #charts { float:left; width:530px; margin:25px 0 0 10px; }
#formDailyStatistics #charts h4 { margin-top:0; }
#formDailyStatistics #charts img { padding:20px; background:#fafafa; border:1px solid #e7e7e7; margin-bottom:15px; }

/*Submission View*/

.noEntriesFound h3 { margin-top:0; }
.noEntries { text-align:center; padding:70px 0 80px 0; font-size:15px; border:1px solid #E7E7E7; }
#submissionView .values .content { padding:0; margin-bottom:10px; border:1px solid #E7E7E7; }
#submissionView .values .actions form { float:right; }
#submissionViewSearch { float:left; } 
#submissionViewMode { text-align:right; margin-bottom:20px; }
#submissionView table.details { border-collapse:collapse; width:100%; }
#submissionView table.details .entryPaging { width:80px; }
#submissionView table.details .entryPaging img { margin-top:2px; }
#submissionView thead th { padding:10px; background:#f3f3f3; color:#000; font-size:12px; font-weight:normal; text-align:center; }
#submissionView td.title, #submissionView td.value { padding:10px; border-style:solid; border-color:#E7E7E7; border-width:1px 0 0 0;  font-size:11px; }
#submissionView td.title { width:50%; text-align:right; vertical-align:top; }
#submissionView td.value { width:50%; background:#fff; color:#0066CC; }
#submissionView td.value p { margin:0; }
#submissionView td.value .MULTI_LINE p { margin:0 0 10px 0; }
#submissionView .ui-radio td { padding:0; }
#submissionView .ui-checkbox td { padding:0; }

/*Report View, Edit*/

#editReportTitleForm .buttons { margin:0; }
#reportEdit h3, #reportView h3 { margin:0 0 25px 0; }
#reportTitle h2, #reportTitle form input { font-size:20px; }
#report #elements .details { width:650px; }
#report #elements .control { width:145px; float:right; }
#report #elements h3 { color:#000; }
#report h3 { margin-top:0; margin-bottom:0; font-size:15px; font-weight:normal; font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif; color:#000; }

/*Report Chart Element*/

#report img.chart { border:1px solid #E7E7E7; background:#fafafa; padding:10px; float:left; }
#report .chartOptions { margin-bottom:10px; }
#report .chartOptions form { margin-bottom:20px; }
#report .legend { font-size:11px; padding:0 0 10px 10px; float:right; }
#report .legend .colour { margin:5px; float:left; display:inline; position:relative; line-height:1px; }
#report .legend .colour0 { width:0; height:0; border:7px solid #94B6D2; }
#report .legend .colour1 { width:0; height:0; border:7px solid #007777; }
#report .legend .colour2 { width:0; height:0; border:7px solid #EDA475; }
#report .legend .colour3 { width:0; height:0; border:7px solid #97B937; }
#report .legend .colour4 { width:0; height:0; border:7px solid #D1A00B; }
#report .legend .colour5 { width:0; height:0; border:7px solid #CCCCCC; }
#report .legend .key { margin-top:1px; float:left; }
#reportBody #elements .details { width:100%; }
#submissionView .legend { width:350px; }
#submissionView .legend .key { width:325px;  }
#reportBody .legend { width:350px; }
#reportBody .legend .key { width:325px; }
#reportEdit .legend { width:318px; position:absolute; right:-155px; }
#reportEdit .legend .key { width:288px;  }

/*Report Grid Element*/

#report .gridElementContainer { }
#report .gridElementContainerBody { }
#report .gridElementContainerInner { width:100%; font-size:11px; overflow:scroll; overflow-x:auto; overflow-y:hidden; }
#report .gridElement { width:100%; font-size:11px; border:0; border-collapse:collapse; }
#report .gridElement th { vertical-align:top; padding:4px 10px; border-right:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7; }
#report .gridElement tr.heading th { border:3px solid #333; border-bottom:0; padding-bottom:7px; }
#report .gridElement td { vertical-align:top; padding:4px 10px; border-left:3px solid #E7E7E7; border-bottom:1px solid #E7E7E7; }
#report .gridElement td.notFirstColInMultiColElement { border-left:1px solid #E7E7E7; }
#report .gridElement td.lastElement { border-right:3px solid #E7E7E7; }
#report .gridElement tr.heading th { background:#333; color:#fff; font-weight:normal; vertical-align:middle; font-size:13px; text-align:left; }
#report .gridElement tr.heading th.OptionQuestion { text-align:center; vertical-align:top; }
#report .gridElement tr.subHeading th { background:#F3F3F3; vertical-align:top; font-weight:normal; border-left:3px solid #E7E7E7; border-bottom-width:3px; }
#report .gridElement tr.subHeading th.notFirstColInMultiColElement { border-left:1px solid #E7E7E7; }
#report .gridElement tr.subHeading th.lastElement { border-right:3px solid #E7E7E7; }
#report .gridElement tr.odd td { background:#f5f5f5; }
#report .gridElement tr.even td { background:#fff; }
#report .gridElement td.right { background:transparent; border:0; padding:5px; }
#report .gridElement .subHeading { border-bottom:1px solid #E7E7E7; }
#report .gridElement .subHeading .OptionQuestion { text-align:center; }
#report .gridElement .data .OptionQuestion { text-align:center; }
#report .gridElement .notAvailable { color:#999; }
#addReport { margin-bottom:20px; }
#submissionView .gridElementContainerInner { width:838px; }
#reportEdit .gridElementContainerInner { width:648px; }
#reportBody .gridElementContainerInner { width:838px; }