﻿

/* Navigation */
a.menu-beta:link, a.menu-beta:visited { color: #ffffff; background: rgb(193, 0, 31); }
a.menu-beta:focus, a.menu-beta:hover, a.menu-beta:active {background: rgb(193, 0, 31); }

a.menu-alpha .menu-outer {display: block; }
a.menu-alpha .menu-inner {border-right: none; padding: 20px 8px 0px 7px; }

a.menu-beta .menu-outer {display: block; }
a.menu-beta .menu-inner {border-right: none;padding: 20px 8px 0px 7px;  }


/* Section colour changes */
#left-inner { background: url("/EasySiteWeb/EasySite/StyleData/SM_General/Images/col-alpha-left-news-bg.gif") repeat-y left top;  }

#section-nav-outer { border-top: 15px solid rgb(193, 0, 31);}

.element-column-left-alpha-content { background: url("/EasySiteWeb/EasySite/StyleData/SM_General/Images/col-alpha-left-news-bg.gif") no-repeat left top; }

h1 { color: rgb(193, 0, 31); }

#portal-header-outer {border-top: 15px solid rgb(193, 0, 31); padding: 0;}
#portal-header-inner { width: 100%; overflow: hidden; padding: 5px 0 0 0; text-align: center;}

/* Columns Beta [With Right Hand Formatting in this example] */
.element-column-left-alpha-content .element-columns-gamma-outer { clear: both; margin: 0 0 20px 0; }
.element-column-left-alpha-content .element-columns-gamma-inner { overflow: hidden; background: rgb(230, 235, 239); }

.element-column-left-alpha-content .element-column-left-gamma-outer { }
.element-column-left-alpha-content .element-column-left-gamma-inner { width: 100%; overflow: hidden; }
.element-column-left-alpha-content .element-column-left-gamma-content { padding: 10px; }

.element-column-left-alpha-content .element-column-right-gamma-outer { }
.element-column-left-alpha-content .element-column-right-gamma-inner {width: 100%; overflow: hidden; }
.element-column-left-alpha-content .element-column-right-gamma-content { padding: 10px; }


/* Panel Alpha */
.element-panel-alpha-outer { clear: none; margin-bottom: 10px;  }
.element-panel-alpha-inner { overflow: hidden; }

.element-panel-alpha-icon-outer { }
.element-panel-alpha-icon-inner { }

.element-panel-alpha-header-outer { }
.element-panel-alpha-header-inner { }

.element-column-right-alpha-inner .element-panel-alpha-header-outer { padding: 0px 0px; margin: 0 0 10px 0; background: none; }
.element-column-right-alpha-inner .element-panel-alpha-header-inner { padding: 3px 5px; position: inherit; top: 0; background: #ffffff; }

.element-panel-alpha-body-outer { }
.element-panel-alpha-body-inner { }

.element-panel-alpha-body-content-outer { border: none; padding: 0px;}
.element-panel-alpha-body-content-inner {overflow: hidden; }

div.element-panel-alpha-body-content-inner ul { padding-left: 1em; margin-left: 1em; list-style-type: square; }
div.element-panel-alpha-body-content-inner li { }

.element-column-left-alpha-content .element-panel-alpha-header-outer { }

.element-column-left-alpha-content .element-column-right-beta-content .element-panel-alpha-outer { float: right; clear: right; padding: 0;  margin: 0 0 20px 0; background: rgb(230, 235, 239); }
.element-column-left-alpha-content .element-column-right-beta-content .element-panel-alpha-inner { overflow: hidden; padding: 0px; }

.element-column-left-alpha-content .element-column-right-beta-content .element-panel-alpha-header-outer { padding: 0px 0px 0 10px; background: rgb(224, 127, 143); }
.element-column-left-alpha-content .element-column-right-beta-content .element-panel-alpha-header-inner { padding: 5px; position: relative; top: 10px; background: rgb(230, 235, 239);} 

.element-column-left-alpha-content .element-column-right-beta-content h2.element-panel-alpha-header {text-transform: none; color: #000000; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif;}

.element-column-left-alpha-content .element-column-right-beta-content .element-panel-alpha-body-content-inner .oPageListerBodyInner ul li span.oBoxItemTitle { font-size: 1.1em; font-weight: normal; padding: 0 0 5px 0;}

.element-column-left-alpha-content .element-column-right-beta-content .element-panel-alpha-body-content-outer { border: none; padding: 10px 10px 5px 10px;}


.element-column-left-alpha-content .element-column-right-beta-content .element-panel-beta-body-content-outer { border: none; padding: 0px 0px 5px 0px;}

.oPolling {margin: 0;}
.oPolling .header-outer { padding: 5px; background-color: rgb(208, 28, 35); color: #ffffff; font-weight: bold; font-size: 1.2em; }
.oPolling .body-outer { padding: 5px 10px;  background: rgb(230, 235, 239); border-top: 15px solid #d1222a; border-bottom: 4px solid #d1222a;}
.oPolling .oDataFormButton { background-color: rgb(208, 28, 35); }
.oPolling .question {background:rgb(230, 235, 239) url("/EasySiteWeb/EasySite/StyleData/SM_General/Images/sm_logo3.gif") no-repeat 0px 0px; min-height:70px;}
.oPolling .question .label {margin-left: 70px; margin-bottom:30px;}
.oPolling .button {background-color:#d1222a; font-weight:bold; font-size:1.2em;}
.oPolling .page-element-body {margin-top:10px;}
.oPollingResults .description p {margin-left: 70px; margin-bottom:30px;}
.oPollingResults .description {background: rgb(230, 235, 239) url("/EasySiteWeb/EasySite/StyleData/SM_General/Images/sm_logo3.gif") no-repeat 0px 0px; min-height:70px;}
.oPollingResults .question {background:none; min-height:10px;}
.oPollingResults .question .label {margin-left: 0px; margin-top:10px; margin-bottom:5px;}
.oPollingResults .results p {margin-left: 10px; margin-bottom:20px;}
.oPolling .answer {padding:0px;}



/* Panel Beta */
.element-panel-beta-outer { clear: none; margin-bottom: 10px; float: right; }
.element-panel-beta-inner {  overflow: hidden;  }

.element-panel-beta-icon-outer { }
.element-panel-beta-icon-inner { }

.element-panel-beta-header-outer { display:block; background: rgb(224, 127, 143); padding: 10px 0 0 10px; }
.element-panel-beta-header-inner { background: #ffffff; padding: 3px 5px; }

.element-panel-beta-body-outer { }
.element-panel-beta-body-inner { }

.element-panel-beta-body-content-outer { border: none; padding: 10px 10px; background: #ffffff; }
.element-panel-beta-body-content-inner { overflow: hidden; }

div.element-panel-beta-body-content-inner ul { padding-left: 1em; margin-left: 1em; list-style-type: square; }
div.element-panel-beta-body-content-inner li { }

/* Panel gamma */
.element-panel-gamma-outer { float: right; clear: right; }
.element-panel-gamma-inner { overflow: hidden;  }

.element-panel-gamma-header-outer { padding: 0px; }
.element-panel-gamma-body-content-outer { padding: 0px 0 0 0px; border: none; }

.element-panel-gamma-body-content-inner li.oBoxItem { list-style-type: none; margin: 0 0 .25em 0; padding: 0 0 0 12px; background: url("/EasySiteWeb/EasySite/StyleData/SM_General/Images/list-small-bg.gif") no-repeat 0 3px; font-size: .9em; width: auto;  }

.element-panel-gamma-body-content-inner .oPageListerContainerOuter span.oBoxItemTitle { font-weight: normal; }

/* Panel delta - tabs panel */
.element-column-left-alpha-content .panel-delta { position: absolute; left: 400px; top: 355px; z-index: 10; }
.element-column-left-alpha-content .panel-delta .panel-content-inner  { width: 275px;  }
.element-column-left-alpha-content .panel-delta .panel-content-inner .oBoxContainer { height: 45px;}


/* Page Lister style 2 */

.oHeadlineBoxStyle2 .oPageListerContainerOuter li.oBoxItem { list-style-type: none; margin: 0 0 .25em 0; padding: 0; clear: both; width: 100%; overflow: hidden; display: block; background: rgb(53, 106, 130);  }
.oHeadlineBoxStyle2 .oPageListerContainerOuter li.oBoxItemOdd span.oBoxItemOuter { display: block; padding: 5px;  }

.oHeadlineBoxStyle2 .oPageListerContainerOuter a.oBoxLink:link, .oHeadlineBoxStyle2 .oPageListerContainerOuter a.oBoxLink:visited, .oHeadlineBoxStyle2 .oPageListerContainerOuter a.oBoxLink:focus, .oHeadlineBoxStyle2 .oPageListerContainerOuter a.oBoxLink:hover, .oHeadlineBoxStyle2 .oPageListerContainerOuter a.oBoxLink:active { color: #ffffff; font-size: 1.2em;}

.oHeadlineBoxStyle2 .oPageListerContainerOuter span.oBoxItemSummary { color: #ffffff;}




/* Content styles */

p {font-size: 1em;}

.element-column-left-alpha-content .oBoxContainer h2.oBoxTitle { font-family:Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold;}

#comments { display: none; }

