/* Momentum CSS */

/* body attributes */
html {padding: 0; margin: 0; height: 100%;}
body {background: #282c2c; margin: 0; padding: 0; font: 75% verdana, arial, helvetica, sans-serif; color: #282c2c; height: 100%; text-align: center;}
img {border: none; border: 0; margin: 0; padding: 0;}
p {margin: 0; padding: 0;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
a, a:visited {color: #68aa0f; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
th span.small {font-size: 65%; font-weight: normal;}
span.small {font-size: 80%; font-weight: normal;}

.openingParagraph {color:#1c96c4; font-size:120%;}

/* Tables */
table {border: none; margin: 0; width: 100%;}
table th {color: #000;}
table th, table td {border: none; padding: 3px 5px; background: none;}

table.styled {border: none; margin: 10px 0;}
table.styled th {color: #2999c1; border-bottom: 1px solid #e9e9e9; padding: 5px; font-size: 140%; font-weight: normal;}
table.styled td {border-bottom: 1px solid #e9e9e9; padding: 3px 5px;}
table.noborder {border: none;}

td.EditingFormLabelCell {font-weight: bold; width: 200px;}
td.EditingFormValueCell  { width: 40%}
tr.EditingFormCategoryRow {font-weight: bold; color:#2999C1; font-size: 120%}


/* Page */
#pageholder {width: 970px; padding: 0 10px; margin: 20px auto; border-left: 10px solid #fff; border-bottom: 10px solid #fff; border-right: 10px solid #fff; background: #fff url(/App_Themes/Momentum/images/bg_body.gif) repeat-x;}

/* Top Bar */
#topBar {height: 92px; margin: 0; padding: 0;}
#topBar img.right {margin: 52px 0 0 5px; padding: 0;}

/* Top */
#topLinks {height: 35px; margin: 6px 10px 10px 10px; padding: 0; text-align: left;}
html>body #topLinks {margin: 9px 10px 10px 10px;} /* Firefox hack */
html>body #topLinks {*margin: 6px 10px 10px 10px;} /* IE7 hack */

#topLinks ul {list-style: none; margin: 0; padding: 0;}
#topLinks li {display: inline; margin: 0; padding: 0;}
#topLinks li a {color: #fff; text-decoration: none; margin: 0 5px 0 0; padding: 10px 16px 11px 16px; float: left;}

#topLinks li.CMSTreeMenuSelectedItem, #topLinks li:hover {margin: 0 5px 0 0; padding: 0; display: inline-block; background: url(/App_Themes/Momentum/images/tab01.gif) no-repeat; float: left;}
#topLinks li.CMSTreeMenuSelectedItem a, #topLinks li a:hover {color: #41a8b1; background: url(/App_Themes/Momentum/images/tab02.gif) no-repeat 100% 0%; margin: 0; padding: 10px 16px 11px 16px; float: left; text-decoration: none;}
#topLinks li a:hover {_background: none; _margin: 0 5px 0 0}
#topLinks li.CMSTreeMenuSelectedItem a:hover {_color: #41a8b1; _margin: 0; background: url(/App_Themes/Momentum/images/tab02.gif) no-repeat 100% 0%;}

#topLinks p img {margin: 0 0 0 5px;}

/* Home */
#home {text-align: left; margin: 0; padding: 0;}
#home02 {text-align: left; margin: 10px 0 0 0; padding: 0; clear: both; float: left;}

#home #news {display: inline; width: 479px; height:248px; margin: 0; padding: 0; float: right; background: #fff url(/App_Themes/Momentum/images/home_welcome_bg.gif) no-repeat top left; font-size: 90%;}
#home #news h2 {width: 473px; height: 42px; margin: 3px 0 10px 3px; padding: 5px 0 0 10px; color:#fff; font-size:160%; font-weight:normal; background: url(/App_Themes/Momentum/images/h2_news.gif) no-repeat;}
#home #news a {color: #454141;}
#home #news img {margin: 0; padding: 0; float: left;}
#home #news #momentumNewsLogo {margin:43px 0 0 45px; padding:0; float:left;}
#home #news ul {list-style: none; width: 261px; margin: 0; padding: 0 4px 0 0; float: left;}
#home #news li {margin: 0 0 1px 0; padding: 15px 8px 0 8px; height: 25px; background: #badfed; overflow: hidden;}
#home #news li.active, #home #news li:hover {background: #1c96c4;}
#home #news li.active a, #home #news a:hover {color: #fff; text-decoration: none; font-weight:bold;}
#home #news #newsStoryImage {float:left; padding:0; margin:0 2px 0 13px; width:183px; height:157px; border:0px solid #1c96c4; display: inline;}

/* height had 4px added on for _height - dg */
#home #welcome {width: 479px; height: 248px; _height: 248px; margin: 0; padding: 0; float: left; background: #fff url("/App_Themes/Momentum/images/home_welcome_bg.gif") no-repeat top left;}
#home #welcome h1 {font-weight: normal; width: 473px; height: 42px; margin: 3px 0 0 3px; padding: 7px 0 0 9px; color:#fff; font-size:140%; background: url(/App_Themes/Momentum/images/h2_news.gif) no-repeat; }
#home #welcome h2 {width: 473px; height: 42px; margin: 3px 0 0 3px; padding: 5px 0 0 10px; color:#fff; font-size:140%; font-weight:normal; background: url(/App_Themes/Momentum/images/h2_news.gif) no-repeat;}
#home #welcome p {font-size:90%; float: left; display: inline; margin: 0 10px 0 174px; padding: 0;}
html>body #home #welcome p {margin-left: 184px;}
html>body #home #welcome p {*margin-left: 174px;}
#home #welcome a {font-weight: bold; padding: 0 10px 0 0; background: url(/App_Themes/Momentum/images/li_grey.gif) no-repeat 100% 5px;}

#home #welcome div.person {float: left; display: inline; margin: 0 0 0 10px; position: relative;}
#home #welcome img {margin: 5px 31px 0 0; z-index:1; position: absolute; border: 0px solid #1c96c4;}
#home #welcome p.name {font-size:90%; position: absolute; z-index: 2; background: url(/App_Themes/Momentum/images/bg_person.png); color: #000; width: 144px; height: 30px; overflow: hidden; padding: 5px 10px; bottom: -186px; left: -174px; border-left: 0px solid #1c96c4; border-right: 0px solid #1c96c4; border-bottom: 0px solid #1c96c4;}
html>body #home #welcome p.name {left: -184px;}
html>body #home #welcome p.name {*left: -174px;}

#home #welcome .signInForm{float: right; display: inline; margin: 0 22px 0 0; display: inline; width: 218px; background: url(/App_Themes/Momentum/images/bg_welcomeform.gif) no-repeat 0 25px;}
#home #welcome .signInForm h2 {color: #282c2c; font-size: 130%; font-weight: normal; margin: 0 0 15px 0; padding: 0;}
#home #welcome .signInForm .signInError{color:red;font-size:70%;}
#home #welcome .signInForm span.block label {color: #282c2c; font-weight: normal; text-align: right; width: 80px;}
#home #welcome .signInForm span.block {display: block; margin: 5px 0;}
#home #welcome .signInForm .btn_submit {margin: 10px 0 0 110px;}

#home #welcome .signInForm_noform{float: right; margin: 0 22px 0 0; display: inline; width: 218px; }
#home #welcome .signInForm_noform h2 {color: #282c2c; font-size: 130%; font-weight: normal; margin: 0 0 15px 0; padding: 0;}

#more {height: 30px; margin: 0 0 0 10px; padding: 10px 0 0 0; background: #fff; text-align: left;}
#more div.link {font-weight: bold; padding: 10px 0 0 0; width: 210px; background: url(/App_Themes/Momentum/images/bg_li.gif) repeat-x top;}

#contentholder{padding:0; margin:0; text-align: left; width:970px;  background: #fff url(/App_Themes/Momentum/images/bg_contentholder.gif) no-repeat bottom left}
#contentholder h1 {margin:0 0 0px 0; height:42px; font-size:140%; padding:7px 0 0 15px; color:#fff; font-weight:normal; background:#fff url(/App_Themes/Momentum/images/bg_contentholderh1.gif) no-repeat;}

/* Left Nav */
#leftnav {width: 200px; float: left; margin: 0; padding: 0 0 20px 0; text-align: left;}

#leftnav ul {list-style: none; margin: 10px 0 0 10px; padding: 0; font-size: 100%;}
#leftnav ul li {margin: 0; padding: 0; background: url(/App_Themes/Momentum/images/bg_li.gif) repeat-x bottom left; min-width: 0; position: relative;}
#leftnav ul li a {margin: 0; padding: 8px 5px 8px 14px; display: block; font-weight: normal; color: #282c2c; background: url(/App_Themes/Momentum/images/li_blue.gif) no-repeat 0 12px;}
#leftnav ul li a:hover {text-decoration: underline;}

#leftnav ul li ul {margin: 0; padding: 5px 0; font-size: 85%; background: url(/App_Themes/Momentum/images/bg_li.gif) repeat-x top left; border-bottom: 1px solid #e6e6e8;}
#leftnav ul li ul li {margin: 0 5px 0 14px; background: url(/App_Themes/Momentum/images/li_bullet.gif) no-repeat 0 9px; min-width: 0; position: relative;}
#leftnav ul li ul li a {background: 0; margin: 0; padding: 5px 0 5px 10px; color: #808080; text-indent: 0;}
#leftnav ul li ul li a:hover {text-decoration: underline;}

#leftnav p {text-align: center; margin: 20px 0 0 0;}
#leftnav p img {margin: 10px 0;}

/* Content */
#content {text-align: left; float: left; width: 710px; margin: 0 30px 10px 30px; padding: 0 0 20px 0; display: inline;font-size:90%; }

#content p, #home p {font-weight: normal; text-decoration: none; margin: 10px 0; padding: 0; line-height: 140%;}
#content p.first, div.first, span.first {color: #41a8b1; font-size: 120%;}
#content p.search, #content div.search {border: 1px solid #e9e9e9; background: #eee; margin-bottom: 20px; padding: 20px 10px;}
#content div.search {padding: 5px 10px 10px 10px;}
#content p.search {margin-bottom: 20px; padding: 20px 10px;}
#content p.back {font-weight: bold; font-size: 150%; padding: 10px 0 0 0; background: url(/App_Themes/Momentum/images/bg_li.gif) repeat-x top;}
#content p.dots {margin: 0 0 -20px 0; padding: 5px 0; background: url(/App_Themes/Momentum/images/bg_li.gif) repeat-x bottom;}

#content h1 {font-size: 160%; font-weight: normal; margin: 0; padding: 10px 20px; color: #282c2c;}
#content h2 {font-size: 140%; font-weight: bold; margin: 10px 0; padding: 0 0 5px 0; color: #2999c1; border-bottom: 1px solid #e9e9e9;}
#content h3 {font-size: 140%; font-weight: normal; margin: 10px 0 0 0; padding: 0 0 4px 0; color: #2999c1;}
#content div.right > h3 {margin-top: 0;}
#content h4 {font-size: 120%; font-weight: bold; margin: 10px 0 0 0; padding: 0 0 4px 0;}
#content h5 {font-size: 110%; margin: 10px 0 0 0; padding: 0;}
#content h6 {font-size: 100%; margin: 10px 0 0 0; padding: 0;}
#content h3 + p {margin-top: 0;}

#content ul {list-style: none; margin: 5px 0 5px 20px; padding: 0;}
#content li {background: url(/App_Themes/Momentum/images/li_blue.gif) no-repeat 15px 8px; padding: 5px 20px 5px 35px; margin: 0;}

#content img.blue-border {padding: 1px; border: 2px solid #a7ced1;}
#content img {padding: 1px; border: 0px solid #a7ced1;}
#content img.left {margin: 5px 10px 0 0;}
#content img.right {margin: 5px 0 0 10px;}
#content img.noborder {border: none;}
#content form {margin: 15px; padding: 10px 20px 15px 20px; border: 1px solid #e9e9e9;}

/*#contentBoxTop {margin:15px 0; padding:25px 10px; background:url(/App_Themes/Momentum/images/bg_contentBoxTop.gif) no-repeat top}
#contentBoxTop #contentBoxBottom {margin:-30px -10px -30px -10px; background:url(/App_Themes/Momentum/images/bg_contentBoxBottom.gif) no-repeat bottom;}
#contentBoxTop #contentBoxBottom p {padding:0 10px 5px 10px;}*/

#content div.newsItem img {float: left; margin: 0 10px 0 0;}
#content div.newsItem p { margin: 0; padding: 0;}
#content span.bottom {background: url(/App_Themes/Momentum/images/bg_li.gif) repeat-x 50% 50%; display: block; height: 20px; clear: both;}

/* Pods */
div.pod, div.pod02 {float: left; display: inline; width: 230px;}
#home02 div.pod, #more div.pod {margin: 0 15px 0 0;}

#content div.pod {margin: 0 0 0 6px;}
div.pod02 {margin: 0;}
#home02 div.pod, #home02 div.pod02 {font-size: 90%;}

div.pod h2, div.pod02 h2, #content div.pod h3, #content div.pod02 h3 {font-size: 130%; height: 37px; margin: 0; padding: 7px 5px 0 10px; font-weight: normal; background: url(/App_Themes/Momentum/images/h2_pod.gif) no-repeat; color: #fff;}
div.pod h2 a, div.pod h2 a:visited, div.pod02 h2 a, div.pod02 h2 a:visited, div.pod h3 a, div.pod h3 a:visited, div.pod02 h3 a, div.pod02 h3 a:visited {color: #fff;}

div.pod ul, div.pod02 ul {list-style: none; padding: 0;}

#home02 div.pod ul, #home02 div.pod02 ul {margin: 10px;}
#home02 div.pod li {margin: 0 0 10px 0; padding: 0;}
#home02 div.pod02 li {margin: 0 0 6px 0; padding: 0 0 0 15px; background: url(/App_Themes/Momentum/images/li_blue.gif) no-repeat 0 4px;}

#content div.pod ul, #content div.pod02 ul {margin: 5px 0 10px 0;}
#content div.pod li, #content div.pod02 li {margin: 5px 0 10px 0; padding: 0 10px 15px 10px; background: url(/App_Themes/Momentum/images/bg_li.gif) repeat-x bottom;}
#content #newsletters ul {margin-left:-35px; padding:0;}
#content #newsletters li {background:none;}

#content #mediaCentre div.pod, #content #mediaCentre div.pod02 {margin-top:10px;}
#content #mediaCentre div.pod li, #content #mediaCentre div.pod02 li, #content #mediaCentre li {background:none; margin:5px 0 10px 0; padding:0 10px;}

div.pod a, div.pod a:visited, div.pod02 a, div.pod02 a:visited {color: #68aa0f;}

/* Calendar */

#content .eventCalendarDetail {border: 2px solid #dcd6d8; width: 375px; }
#content .calendarDayHeader {border-bottom:2px solid #dcd6d8; border-left:0; border-right:0; border-top:0; background:#fff; color:#CD084D; font-weight:normal;}
#content .calendarTitle {background: #8cc63e; color:#fff; }
#content table.calendarTitle, #content table.calendarTitle td {border:1px solid #8cc63e;}
#content .calendarDay {background: #fff; border:1px solid #dcd6d8;}
#content .calendarToday {background: #41a8b1; color:#fff;}
#content .calendarOtherMonthDay {border:1px solid #dcd6d8; background: #eeebec; color:#847f81; }
#content .calendarNextPrev a {color: #fff;}



/* Footer */
#footer {width: 970px; height: 80px; margin: 10px 0 0 -10px; padding: 10px 10px 0 10px; background:#fff; color: #282c2c; text-align:left; font-size:90%;}
#footer h3 {color: #43949e; margin: 0; padding: 10px 0 0 0; text-align: left; font-size: 130%; font-weight: bold; border-top: 1px solid #e9e9e9;}
#footer strong {color: #43949e; font-weight: normal;}
#footer a {color: #fff; text-decoration: underline;}

/* Bespoke Template Content Elements */
select, .txtInput, input {background: #fff; text-decoration: none; border: 1px solid #9d9e9f; margin: 0 0 0 2px;}
.btn_submit, .FormButton {color: #fff; border: none; background: url(/App_Themes/Momentum/images/btn_submit.gif) no-repeat; width: 108px; height: 21px; margin: 0 0 0 2px; cursor: pointer;}

.btn_login {color: #fff; font-size:200%; border: none; background: url(/App_Themes/Momentum/images/sign_in2.jpg) no-repeat; width: 218px; height: 66px; margin: 0 0 0 2px; cursor: pointer;}

form span.block {display: block; margin: 10px 0;}
form span.block label {width: 120px; display: block; float: left; clear: left; text-align: left; margin:0; padding: 3px 5px 0 0; font-weight: bold;}