@media screen, all 
{
/*
	applications css (v7) [in progress Sept 09 MAB]
	for per application element customisation
	for style variations; see style.css
*/

/* polling */
.oPolling {}
.barchart-outer { display: block; overflow: hidden; border-top: 1px solid #990099; }
.barchart-inner { display: block; overflow: hidden; line-height: 1.4em; border: 1px solid #990099; border-width: 0 1px; background: #990099 url("/EasySiteWeb/EasySite/SupportFiles/images/Render/bg_chart_purple.gif") repeat-x top left; }
.oPolling .results .answer { background: url("/EasySiteWeb/EasySite/SupportFiles/images/Render/bg_chart_purple_fade.gif") repeat-x top left; }

.polling, .oPollingResults { margin-bottom: 1em; }
.polling .form { margin: 0; padding: 0; }
.polling .header-outer { }
.polling h2 { margin: 0 0 0.5em 0; }
.polling .form-fields { border: 1px solid #ccc; background: #f7f7f7; margin-bottom: 1em; padding: 10px; }
.polling fieldset { border: 0; padding: 0; margin: 0; }
.polling fieldset legend { display: none; }
.polling .form .radios .question, .polling .form .radios .answer { clear: both; float: none; width: 100%; margin-bottom: 5px; }
.polling .form .radios .question .label { background: none; text-align: left; padding: 0; }
.oPollingResults .form .buttons, .polling .form .buttons { text-align: left; }
.oPollingResults .buttons .button, .polling .buttons .button { float: left; margin: 0 10px 0 0; }

/* ratings */
.oRatingsContainer {}
.oRatingsContainer ul, .oRatingsContainer ul li { list-style-type: none; padding: 0; margin: 0; clear: none; }
.oRatingsContainer ul li { display: block; float: left; width: auto; padding: 0 14px 5px 0; }
.oRatingsContainer ul li label { padding-top: 4px; padding-bottom: 7px; }

/* glossary */
.glossary-item { background-color: #efe; border-bottom: 1px dotted #ccc; }
.glossary-pick { background-color: #fee; }
#glossaryToolTip, .pop-element-outer { position: absolute; z-index: 1001; display: none; }
#glossaryToolTip .pop-element-inner { padding: 10px; border: 2px solid #7da2ce; background: #f5f5ff url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/big_button_bg.gif") repeat-x bottom left; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#glossaryToolTip .pop-element-body {}
#glossaryToolTip h2.glossary-term { margin-top: 0; }
#glossaryToolTip .glossary-body {}

/* comments */
.decision-based-comments { margin: 10px 0 0 0; clear: both; overflow: auto; }
.decision-based-comments .question-text { font-size: 1.4em; font-weight: bold; color: #990099; float: left; }
.decision-based-comments .comment-options { font-size: 1.4em; float: right; }
.decision-based-comments .comment-options ul { list-style-type: none; margin: 0; padding: 0; }
.decision-based-comments .comment-options ul li { display: inline; margin: 0; padding: 0; }
.decision-based-comments .comment-options ul li button { width: 50px; }
.decision-based-comments .comment-options ul li button.comment-option-yes { background: #66ff66; border: 2px solid #006600; }
.decision-based-comments .comment-options ul li button.comment-option-no { background: #ff6666; border: 2px solid #660000; }
.decision-based-comments .comment-options ul li button:disabled { background: #cccccc; border: 2px solid #999999; }
.page-comment .oCommentsEntryQuestion { font-weight: bold; }

/* events */
.events .month-heading { padding: 10px 0 10px 0; margin: 5px 0 5px 0; font-size: 1.5em; font-weight: bold; border-bottom: 1px solid #ccc; clear: both; }
.events .event-list { margin-bottom: 20px; }
.events .event { padding-bottom: 20px; list-style-type: none; clear: both; }
.events .title { width: 90%; font-size: 1.2em; font-weight: bold; padding: 5px 0 10px 0; }
.events .image { margin-right: 20px; float: left; }
.events .details { width: 80%; float: left; padding: 2px 0 2px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.events .image-and-details .label { display: inline-block; width: 15%; padding-left: 5px; float: left; }
.events .value { display: inline-block; width: 80%; }
.events .date { height: 21px; line-height: 21px; }
.events .time { background-color: #F6EEF9; height: 21px; line-height: 21px; }
.events .summary { min-height: 21px; line-height: 21px; }
.events .section-title h1, .events .section-title h2, .events .section-title h3, .events .section-title h4, .events .section-title h5, .events .section-title h6 { padding: 0; margin: 0; }

.events .oElementFormLabel { background: none; display: inline; margin-right: 3px; padding: 4px 5px; text-align: left; float: left; }
.events .oElementFormElement { clear: none; margin-bottom: 2px !important; overflow: hidden; float: left; width: auto; }
.events .oElementFormQuestion { float: left; padding-right: 10px; width: auto; }
.events .oElementFormAnswer { float: left; margin: 0 20px 10px 0; width: auto; }
.events .oElementFormInputSelect { width: auto; }

.events .event-details { margin-top: 20px; }
.events .question { width: 30%; height: 21px; margin: 2px 5px 2px 0; padding: 0 5px 0 0; background-color: #F6EEF9; line-height: 21px; text-align: right; float: left; }
.events .answer { width: 65%; margin: 2px 0 2px 5px; line-height: 21px; float: left; }
.events .element { clear: both; }
.events .section-title { clear: both; padding: 10px 0 0 0; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
.events .event-details img { margin: 10px 0 10px 0; }
.events .oDataFormButton { margin: 20px 0 10px 0; clear: both; }

.events .event-venue-map { float: left; padding-right: 10px; }
.events .event-venue-details { float: left; width: 50% }
.events .event-venue-details .question { width: 40%; }
.events .event-venue-details .answer { width: 40%; }

.events .editor-alert-outer { border-style: solid; font-size: 11px !important; }
.events .editor-alert-outer { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: url("/EasySiteWeb/EasySite/SupportFiles/NotificationMessages/img/bg_panel.gif") repeat-x scroll left top #F0E4F0; border-color: #CCCCCC; border-width: 0 1px; clear: both; }
.events .editor-alert-outer ul.editor-messages li.editor-message ul li.icon img { border: 0 none; display: block; float: left; margin: 0; padding: 0; }
.events .editor-alert-outer ul, .editor-alert-outer ul li { list-style-type: none; margin: 0; }
.events .editor-alert-outer ul.editor-messages li.editor-message { border: 0 none; }
.events .editor-alert-outer ul.editor-messages li.editor-message { border-bottom: 1px solid #CCCCCC; height: auto; padding: 5px; }
.events .editor-alert-outer ul.editor-messages li.editor-message ul li.icon, .editor .editor-alert-outer ul.editor-messages li.editor-message ul li.icon { float: left; width: 30px; }
.events .editor-alert-outer ul.editor-messages li.editor-message ul li.editor-message-outer { min-height: 26px; padding-left: 6px; }
.events .editor-alert-outer ul.editor-messages li.editor-message ul li.editor-message-outer { float: left; width: auto !important; }
.events .editor-alert-outer ul.editor-messages li.editor-message ul div.editor-message-inner { border-left: 1px solid #CCCCCC; padding-left: 6px; }
.events .editor-alert-outer ul, .editor-alert-outer ul li { padding: 0; }

.events .pagination li.sep { padding: 0 2px; }
.events .pagination li.selected a:link, .events .pagination li.selected a:visited { color: #FFFFFF; }
.events .pagination li.selected a { background: none repeat scroll 0 0 #0033CC; }
.events .pagination li a:link, .events .pagination li a:visited { color: #0033CC; padding: 0 2px; text-decoration: none; }
.events .pagination li a:link, .events .pagination li a:visited { color: #0033CC; padding: 0 2px; text-decoration: none; }
.events .pagination li a:hover, .events .pagination li a:active { color: #990066; text-decoration: overline; }