/*-----------------------------------------------------------------------------
Vitae Style Sheet

version:   1.0
author:    Ed Merritt
-----------------------------------------------------------------------------*/


/* =General
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {display: block; clear: left; margin: 0 0 0.5em 0;}
h1 {margin-top: 1em;}
.content h2, .content h3, .content h4, .content h5, .content h6 {margin-top: 1em;}
.content .heading {margin-top: 1.5em;}
p, pre, blockquote, form, fieldset, table {margin: 0 0 1em 0;}
dd {margin-left: 0;}
.clear {clear:both;}
img {border: 0;}
a {text-decoration: none;}
div[class^="cols"] a[href^="http://"], a.externalLink {padding-right: 13px; background: url(../images/external.gif) right no-repeat;}
body a.button {border: 1px solid #ccc; background: url(../images/white_fade.png) top repeat-x #e7e7e7; padding: 9px 12px; margin-right: 12px; text-align: center; white-space: nowrap;}
body a.button:active,
body a.button:hover {border: 1px solid #bbb; background-color: #ddd;}
.clear {display: block; max-height: 1px; overflow: hidden; clear: left;}

.print, .printRes, .printPro, .pfleft {position: absolute; display: none;}

:focus { outline: none; }

address { font-style: normal; }
address span { display: block; }

small {font-size: 1em;}


/* =Columns (Global)
-----------------------------------------------------------------------------*/

 .cols1 {display: block; position: relative; float: left; width: 6.25%; z-index: 30;}
 .cols2 {display: block; position: relative; float: left; width: 12.5%; z-index: 30;}
 .cols3 {display: block; position: relative; float: left; width: 18.75%; z-index: 30;}
 .cols4 {display: block; position: relative; float: left; width: 25%; z-index: 30;}       /* one col */
 .cols5 {display: block; position: relative; float: left; width: 31.25%; z-index: 30;}
 .cols6 {display: block; position: relative; float: left; width: 37.5%; z-index: 30;}
 .cols7 {display: block; position: relative; float: left; width: 43.75%; z-index: 30;}
 .cols8 {display: block; position: relative; float: left; width: 50%; z-index: 30;}       /* two col */
 .cols9 {display: block; position: relative; float: left; width: 56.25%; z-index: 30;}
.cols10 {display: block; position: relative; float: left; width: 62.5%; z-index: 30;}
.cols11 {display: block; position: relative; float: left; width: 68.75%; z-index: 30;}
.cols12 {display: block; position: relative; float: left; width: 75%; z-index: 30;}       /* three col */
.cols13 {display: block; position: relative; float: left; width: 81.25%; z-index: 30;}
.cols14 {display: block; position: relative; float: left; width: 87.5%; z-index: 30;}
.cols15 {display: block; position: relative; float: left; width: 93.75%; z-index: 30;}
.cols16 {display: block; position: relative; float: left; width: 100%; z-index: 30;}       /* four col */

.cols12 .cols12 {width: 100%;}       /* three col */
.cols12 .cols11 {width: 91.666%;}
.cols12 .cols10 {width: 83.333%;}
.cols12 .cols9 {width: 75%;}
.cols12 .cols8 {width: 66.666%;}     /* two col */
.cols12 .cols7 {width: 58.333%;}
.cols12 .cols6 {width: 50%;}        /* 2 halves */
.cols12 .cols5 {width: 41.666%;}
.cols12 .cols4 {width: 33.333%;}       /* one col */
.cols12 .cols3 {width: 25%;}

.cols8 .cols8 {width: 100%;}     /* two col */
.cols8 .cols7 {width: 87.5%;}
.cols8 .cols6 {width: 75%;}
.cols8 .cols5 {width: 62.5%;}
.cols8 .cols4 {width: 50%;}     /* one col */
.cols8 .cols3 {width: 37.5%;}

.cols6 .cols6 {width: 100%;}
.cols6 .cols4 {width: 66.66%;}
.cols6 .cols3 {width: 50%;}

.cols4 .cols4 {width: 100%;}
.cols4 .cols3 {width: 75%;}

.cols3 .cols3 {width: 100%;}

.col {margin: 0 0 24px 24px; border-bottom: 1px solid #fff;}


/* =Layout (Global)
-----------------------------------------------------------------------------*/
#container {text-align: left; margin: 0 auto; width: 97%;}
#innerContainer {position: relative; float: left; width: 100%; min-width: 746px; margin: 0 auto; background: url(../images/page.gif) top repeat-x #fff;  margin-bottom: 2em;}
#page {margin-right: 24px;}
#shade_tl {position: absolute; top: -4px; left: -3px; width: 3px; height: 491px; z-index: 100;}
#shade_tr {position: absolute; top: -4px; right: -3px; width: 3px; height: 491px; z-index: 100;}
#shade_bl {position: absolute; bottom: 0; left: -3px; width: 3px; height: 491px; z-index: 99;}
#shade_br {position: absolute; bottom: 0; right: -3px; width: 3px; height: 491px; z-index: 99;}

#accessibility {position: absolute; text-indent: -9999px; list-style: none;}

.sButton,
#sButton {background: url(../images/search.gif) left top no-repeat transparent; border: none; cursor: pointer; padding-left: 13px; text-transform: uppercase; font-size: 90%; margin-left: 5px;}
.sButton p,
#sButton p {float: none; font: 100% Helvetica, Arial, sans-serif; color: #777;}
.sButton:hover p,
#sButton:hover p {color: #000;}
.sButton {background: url(../images/search.gif) left no-repeat transparent; border: none; cursor: pointer; padding: 2px 0 2px 13px; text-transform: uppercase; float: none; font: 90%/1 Helvetica, Arial, sans-serif; color: #777; margin-left: 5px;}
.sButton:hover {color: #000;}


/* =Typography (Global)
-----------------------------------------------------------------------------*/
h2, h3, h4, h5, h6 {width: 100%;}

.heading {position: relative; z-index: 2; border-top: 2px solid #E2007A; border-bottom: 1px solid #d3d3d0; padding: 0.3em 0 0.4em 0; margin: 0 0 1ex 0;}
.heading-a {margin: 0 0 1ex; border-bottom: 1px solid #d3d3d0; }
.searchTerm {color: #E2007A;}

.margin { padding-bottom: 1em !important; }
/*
.cols12 .cols12 .heading {font-size: 1.8em;}
.cols12 .cols11 .heading {font-size: 1.8em;}
.cols12 .cols10 .heading {font-size: 1.8em;}
.cols12 .cols9 .heading {font-size: 1.8em;}
.cols12 .cols8 .heading {font-size: 1.8em;}
.cols12 .cols7 .heading {font-size: 1.5em;}
.cols12 .cols6 .heading {font-size: 1.5em;}
.cols12 .cols5 .heading {font-size: 1.2em;}
.cols12 .cols4 .heading {font-size: 1.2em;}
.cols12 .cols3 .heading {font-size: 1.2em;}
*/

.intropara {font-size: 1.3em;}
q {font-style: italic; quotes:"\201C" "\201D" "\2018" "\2019";}
q:before {content:open-quote;}
q:after {content:close-quote;}
abbr, acronym {border-bottom: 1px dotted #888;}

.box blockquote {padding: 0 1.5em;  font: bold 1.1em Helvetica, Arial, sans-serif; font-style: normal; border: none; background: transparent; color: #E2007A;}
.box .bqstart {float: left; margin: -0.25em 0 0pt -0.48em; height: 0.6em; overflow: hidden; font-size: 300%; color: #b7e0b4; font-style: normal;}
.box .bqend {float: right; margin: -0.7em -0.48em 0pt -0.1em; height: 0.6em; overflow: hidden; font-size: 300%; color: #b7e0b4; font-style: normal;}

ul {margin: 0 0 1em 16px;}
ol {margin: 0 0 1em 20px;}
ul ul {margin: 0 0 0 16px;}
ul ol {margin: 0 0 0 20px;}
ol ul {margin: 0 0 0 16px;}
ol ol {margin: 0 0 0 20px;}

.rsList {list-style: none; margin-left: 0;}
.rsList li {padding-left: 12px; background: url(../images/bullet_g.gif) left 5px no-repeat;}
.rsList a, .rsList a:visited {border-bottom: none;}
#footerLinks .rsList a {border-bottom: 1px solid #f9f9f8;}

ul.flat { list-style: none; margin: 0; padding: 0; }

.sectionList {display: block; z-index: 30; list-style: none; margin: -1.8em 0 0 0;}
.sectionList li {border-bottom: 1px solid #ccc; padding: 5px 0;}
.sectionList a {display: block; padding: 5px; border: none;}
.sectionList a:hover {background: #f2f2f2; border: none;}
.sectionList img {float: left; margin: 0 12px 0 0;}
.sectionList span {color: #444;}
.sectionList strong {font-size: 125%; font-family: Tahoma, Helvetica, Arial, sans-serif; font-weight: normal;}

.imgRight, img[align="right"] {float: right; margin: 0 0 1em 1em;}
.imgLeft, img[align="left"] {float: left; margin: 0 1em 1em 0;}
.imgLeft {margin: 0 1em 1em 0;}
div.imgRight p {background: #ddd; padding: 5px; font-size: 95%; font-family: Tahoma, Helvetica, Arial, sans-serif;}
div.imgLeft p {margin: 1px 0 0 0; background: #ddd; padding: 5px; font-size: 95%; font-family: Tahoma, Helvetica, Arial, sans-serif;}
div.imgRight img, div.imgLeft img {margin: 0 0 0.4em 0; border-bottom: 1px solid #fff; }

dl.list-00 {}
dl.list-00 dd { margin: 0 0 0 1ex; padding: 0 0 0 1ex; border-left: 2px solid #D3D3D0; }
dl.list-00 dd h6 { margin-top: 0; color: #E2007A; }

a.top { padding-left: 13px; border: none; background: transparent url(../images/bullet_b.png) no-repeat 0 4px; font-size: 1.1ex; letter-spacing: normal; }
a.top:hover { border: none !important; background-position: 0 -139px; }
a.top:visited { border: none; }

dl.navigation { padding: 0 !important; border: none; background: transparent !important; }
dl.navigation dt { border: none; color: #000; font-size: 1.1em; }
dl.navigation dd { border: none; }
dl.navigation a { padding-left: 13px; border: none; background: transparent url(../images/bullet_a.png) no-repeat 0 5px; }
dl.navigation a:hover { border: none; background-position: 0 -138px; }
dl.navigation a:visited { border: none; }


/* =Sub Nav
-----------------------------------------------------------------------------*/

.box {width: 100%; clear: left; background: url(../images/box.gif) top right no-repeat; border-bottom: 1px solid #d0d0d0; margin-bottom: 24px;}
.box:last-child {margin-bottom: 0;}
.boxInner {background: #fff; padding: 11px; background: url(../images/box.gif) top left no-repeat;}
.box h3 {position: relative; width: 100%; background: url(../images/white_fade.png) top repeat-x #E2007A; color: #fff; padding: 6px 0; margin: 0; font-size: 1em; font-weight: bold; letter-spacing: 0; border-bottom: 1px solid #fff;}
.box h3 .titlePad {display: block; padding: 0 20px 0 10px;}
.box h3 a {color: #fff; border-color: #91db7c; padding-right: 0 !important; background: none !important;}
.box h3 a:hover {color: #fff; border-color: #fff;}
.box h3 .rss, .heading .rss {position: absolute; top: 7px; right: 2px; width: 13px; height: 13px; background: url(../images/rss.png) top left no-repeat !important; border: none; margin: 1px 6px 0 0; padding-right: 0 !important; text-indent: -5000px;}
.box h3 .rss:hover, .heading .rss:hover {border: none;}
.box h3 .subscribe, .heading .subscribe {position: absolute; top: 7px; right: 18px; width: 13px; height: 13px; background: url(../images/subscribe.png) top left no-repeat; border: none; margin: 1px 6px 0 0; text-indent: -5000px;}
.box h3 .subscribe:hover, .heading .subscribe:hover {border: none;}
.heading .rss {top: 10px; right: 0; background-image: url(../images/rss2.gif);}
.heading .subscribe {top: 10px; right: 20px; background-image: url(../images/subscribe2.gif);}
.heading a.top {position: absolute; right: .5ex; top: 2ex;}
.box .addButton {text-align: right; display: block; background: #ebebe9; margin: 0; border: 1px solid #e1e1e1; border-bottom: 0; padding: 3px 0;}
.box .addButton a {padding: 0 20px 0 0; background: url(../images/arrow_o.gif) right no-repeat; color: #666; margin-right: 6px; border: none;}
.box .addButton a:hover {color: #000;}

.subList {list-style: none; margin-left: 0;}
.subList li {margin-bottom: 4px;}
.subListRss a {background: url(../images/subListRss.gif) left no-repeat; margin: 0 0 5px; padding: 0 0 2px 20px; border: none;}
.subListEmail a {background: url(../images/subListEmail.gif) left no-repeat; margin: 0 0 5px; padding: 0 0 2px 20px; border: none;}
.subListRss a:hover, .subListEmail a:hover {border: none;}

.proLink {float: left; background: url(../images/white_fade.png) top repeat-x #f4f4f4; border: none;}
.proLink a {display: block; background: url(../images/proLink.gif) bottom left no-repeat; padding: 12px 12px 48px 12px; border: none; color: #444; border: 1px solid #ddd;}
.proLink a:hover {border: none; color: #222; border: 1px solid #ccc;}
.proLink span {display: none;}

.resLink {float: left; background: url(../images/white_fade.png) top repeat-x #f4f4f4; border: none;}
.resLink a {display: block; background: url(../images/resLink.gif) bottom left no-repeat; padding: 12px 12px 48px 12px; border: none; color: #444; border: 1px solid #ddd;}
.resLink a:hover {border: none; color: #222; border: 1px solid #ccc;}
.resLink span {display: none;}

.subNav .boxInner {padding: 2px 2px 1px 2px;}
.subNav ul {list-style: none; margin: 0;}
.subNav li {margin: 0;}
.subNav .boxInner a {display: block; padding: 4px 3px 4px 9px; margin: 0 0 1px 0;}
.subNav ul ul ul {font-size: 90%;}
.subNav ul a {border: 1px solid #d0cccb; background: url(../images/nav_hover.gif) top repeat-x;}
.subNav ul a:visited {border-bottom: none;}
.subNav ul a:hover {background-position: 0 -100px; border-color: #afafaf; border-top: 0; padding-top: 5px;}
.subNav ul ul a:hover {border: none;}

.subNav #sCurrent {color: #000 !important;}
.subNav .subcurrent {color: #000 !important;}
.subNav #subcurrentactive {color: #000; font-weight: bold;}

.box-a { margin: 0 0 24px; padding: 10px 10px 15px; border: 2px solid #E2007A; }
.box-a h3 { width: auto; margin: 0; font-size: 1.4em; }
.box-a-logged h3 { padding-right: 20px; background: transparent url("../images/icon_lock.png") no-repeat 100% 50%; }
.box-a p { margin: 0; font-size: 1em; }

.dashboard ul { list-style: none; margin: 0; padding: 0 1em; }
.dashboard ul li { padding: 0 0 1em; }
.dashboard ul li a { border: none; color: #000; font-weight: 700; }


/* =Main Content
-----------------------------------------------------------------------------*/
#pageInfoHead {width: 100%; border-top: 2px solid #E2007A;}
#pageInfoHead h3 {display: none;}
#pageInfoHead ul {list-style: none; margin: 0.2em 0 1.7em 0;}
#pageInfoHead li {display: inline; padding: 0 18px 0 0; font-size: 90%; background: url(../images/breadcrumbs.gif) right no-repeat; }
#pageInfoHead a {color: #888;}
#pageInfoHead #bCurrent {color: #E2007A; font-weight: bold; background: none;}
.pageInfo2 {margin-top: -23px; border: 0 !important; margin-bottom: -10px;}



/* =Tables
-----------------------------------------------------------------------------*/
table {display: table; border-spacing: 0; border-collapse: collapse; border: 1px solid #e5e5e5; border-right: 0; border-bottom: 0;}
th {display: table-cell; background: url(../images/white_fade.png) top repeat-x #eee; padding: 8px 3px; color: #000; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #d5d5d5;}
td {display: table-cell; text-align: left; font-weight: normal; padding: 2px 3px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}

table.activeFormAssociations { width: 100%; zoom: 1;}
table.activeFormAssociations form { margin: 0; }
table.activeFormAssociations .btn { padding: 2px 3px; }


/* =Events Module
-----------------------------------------------------------------------------*/
.mEvents .boxInner {padding: 5px;}
.mEvents li .summary {font-size: 100%; font-family: Helvetica, Arial, sans-serif;}
.mEvents li span {font-size: 95%; font-family: Tahoma, Helvetica, Arial, sans-serif;}
.mEvents ul, .mEvents p {margin: 0;}
.mEvents li .location {color: #666;}
.mEvents li .dateTime {color: #999;}
.mEvents li .dateTime abbr {border: none; color: #888;}
.mEvents li {padding: 0; background: none;}
.mEvents li a {display: block; padding: 5px 5px 5px 15px; background: url(../images/bullet_g.gif) 6px 10px no-repeat;}
.mEvents li a:hover {border: none; background-color: #f2f2f2;}


/* =News Module
-----------------------------------------------------------------------------*/
.mNews .boxInner {padding: 5px;}
.hfeed .entry-content {font-size: 95%; color: #666; font-family: Tahoma, Helvetica, Arial, sans-serif;}
.mNews .domain {font-size: 95%; color: #666; font-family: Tahoma, Helvetica, Arial, sans-serif;}
.newsList .domain {font-size: 80%; color: #666; letter-spacing: normal;}
.hfeed, .hfeed p {margin: 0;}
.mNews li {padding: 0; background: none;}
.mNews li a, .mNews li a[href^="http://"] {display: block; padding: 5px 5px 5px 15px; background: url(../images/bullet_g.gif) 6px 10px no-repeat;}
.mNews li a:hover {border: none; background-color: #f2f2f2;}
.mNews li a[href^="http://"] .entry-title {display: block; margin: 0 0 -1.3em 0; padding-right: 13px; background: url(../images/external.gif) top right no-repeat;}
.mNews .description, .mNews .disclaimer {padding: 5px 8px 0 8px;}
.mNews .disclaimer {margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; font-size: 95%; font-family: Tahoma, Helvetica, Arial, sans-serif; color: #888;}
.extfeedcontainer .disclaimer {padding-top: 10px; font-size: 95%; font-family: Tahoma, Helvetica, Arial, sans-serif; color: #888;} 
.mNews .disclaimer a, .extfeedcontainer .disclaimer a {color: #666; border-bottom-color: #888;}
.mNews li .byline abbr {border: none; color: #888; font-size: 95%; font-family: Tahoma, Helvetica, Arial, sans-serif;}

.extfeedcontainer .description.loading {display: none;}
.has_js .extfeedcontainer .description.loading {width: 100%; height: 19px; display: block; overflow: hidden; padding: 0; text-indent: -5000em; background: url(../images/loading.gif) center top no-repeat;}

.padTitle {padding: 6px 6px 0 6px; margin-bottom: 0.6em;}


/* =Links Module
-----------------------------------------------------------------------------*/
.mLinks .boxInner {padding: 5px;}
.mLinks .description {font-size: 95%; color: #666; font-family: Tahoma, Helvetica, Arial, sans-serif;}
.mLinks ul, .mLinks p {margin: 0;}
.mLinks li {padding: 0; background: none;}
.mLinks li a {display: block; padding: 5px 5px 5px 15px; background: url(../images/bullet_g.gif) 6px 10px no-repeat;}
.mLinks li a:hover {border: none; background-color: #f2f2f2;}


/* =Downloads Module
-----------------------------------------------------------------------------*/
.mDownload .boxInner {padding: 5px;}
.mDownload ul, .mDownload li:last-child p {margin-bottom: 0;}
.mDownload .dwnDecsription, .mDownload .dwnSize, .mDownload .dwnType, .inlineDwn .dwnDecsription, .inlineDwn .dwnSize, .inlineDwn .dwnType, .newsList .dwnSize, .newsList .dwnType {color: #000;}
.mDownload .dwnSize, .mDownload .dwnType, .inlineDwn .dwnSize, .inlineDwn .dwnType {color: #666;}
.mDownload ul, .mDownload p {margin: 0;}
.mDownload li {font-size: 1em; padding: 0 !important; background: none !important;}
.mDownload .rsList li a:hover {border: none; background-color: #f2f2f2; text-decoration: none;}
.mDownload .rsList li a {display: block; padding: 5px 5px 5px 26px; background: url(/images/dwn.gif) 6px 5px no-repeat;}
.mDownload .rsList .dwnDoc a, .inlineDwn .dwnDoc a {display: block; padding: 5px 5px 5px 26px; background: url(/images/dwnDoc.gif) 6px 5px no-repeat;}
.mDownload .rsList .dwnPdf a, .inlineDwn .dwnPdf a {display: block; padding: 5px 5px 5px 26px; background: url(/images/dwnPdf.gif) 6px 5px no-repeat;}
.mDownload .rsList .dwnPow a, .inlineDwn .dwnPow a {display: block; padding: 5px 5px 5px 26px; background: url(/images/dwnPow.gif) 6px 5px no-repeat;}
.mDownload .rsList .dwnImg a, .inlineDwn .dwnImg a {display: block; padding: 5px 5px 5px 26px; background: url(/images/dwnImg.gif) 6px 5px no-repeat;}
.mDownload .rsList .dwnExc a, .inlineDwn .dwnExc a {display: block; padding: 5px 5px 5px 26px; background: url(/images/dwnExc.gif) 6px 5px no-repeat;}
.mDownload .rsList .dwnExt a, .inlineDwn .dwnExt a {display: block; padding: 5px 5px 5px 26px; background: url(/images/external.gif) -5px 3px no-repeat;}

 
.inlineDwn {margin: 1em 0 2em 0; list-style: none; border-bottom: 1px solid #ddd;}
.inlineDwn li {margin: 0; padding: 1px 0 !important; border-top: 1px solid #ddd; background: none !important;}
.inlineDwn li p {margin: 0;}
.inlineDwn li a, .inlineDwn li a:visited {margin: 0; border: 0;}
.inlineDwn li a:hover {border: none !important; border: 0 !important; background-color: #f2f2f2; text-decoration: none;}


/* =Featured Module
-----------------------------------------------------------------------------*/
.mFeatured .boxInner {padding: 10px 10px 0 0;}
.mFeatured ul {}
.mFeatured ul li {background-image: none;}
.mFeatured ul li span {display: block;}
.mFeatured ul li .title {display: block; font-weight: bold; padding: 0 0 5px 0;}
.mFeatured ul li .description {padding: 0 0 5px 0;}
.mFeatured ul li .moreInfo {padding: 0 0 5px 0;}


/* =Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opera 7 */
form {margin-bottom: 2em;}
form.miniForm {margin: 0; display: block; width: 100%;}
form.miniForm fieldset {margin: 0;}
form.miniForm dt {margin: 0.4em 0 0 0;}
fieldset {width: auto !important; position: relative; margin: 4em 0 1em 0; padding: 0; border: none; }
#search fieldset {margin: 0;}
legend {position: absolute; font: 1.4em Tahoma, Helvetica, Arial, sans-serif; letter-spacing: -0.02em; color: #333; padding-bottom: 0.2em; margin: -2em 0 0.3em 0 !important;}

.cols12 .cols8 .wideFields dd, .cols12 .wideFields dd, .cols8 .wideFields dd {width: 100% !important;}
textarea {height: 6em;}
.cols12 .cols8 .wideFields dd textarea, .cols12 .wideFields dd textarea {height: 12em;}

.field, .fText, textarea, select {background: #fff; border: 1px solid #9a9a9a; border-bottom-color: #d5d5d5; border-right-color: #d5d5d5; font: 100% Helvetica, Arial, sans-serif; color: #333; padding: 0.2em; margin-top: 0.5em;}
.field:focus, .fText:focus {border: 1px solid #666; border-bottom-color: #ddd; border-right-color: #ddd;}

#success {border-color: #009900; background: #e8ffc8;}
#errorMessage h3 {color: #CC0000; margin-top: 0;}
#success h3 {color: #009900; margin-top: 0;}

.formCols {float: left; display: block; width: 100%;}
.formColsFix {overflow: hidden; float: none; width: auto;}
.formColsFix dt {width: 33% !important;}
.formColsFix dd {width: 66% !important;}
fieldset .formCols { border-top: 1px solid #ddd;}
fieldset p {font: 120% Arial, Helvetica, sans-serif; color: #555;}
.formCols dt {float: left; display: block; width: 48%; padding: 0.4em 2% 0.4em 0;}
.formCols dt span {display: none;}
.formCols dt.required span {color: #cc0000; display: inline; font-weight: bold;}
.formCols dd {float: left; display: block; width: 50% !important; padding: 0.4em 0 0.4em 0;}
.cols12 .formCols dt {width: 31.33%}
.cols12 .formCols dd {width: 66.66%}
.cols12 .cols8 .formCols dt {width: 48%}
.cols12 .cols8 .formCols dd {width: 50%}

.formCols dd.formError, .cols12 .formCols dd.formError {display: block; width: 98%; background: #ffe2d6; padding: 0.4em 1% 0.4em 1%; border-top: 2px solid #fff; color: #CC0000;}
.error dt {color: #CC0000;}
.error .fText, .error textarea, .error select {border: 1px solid #CC0000;}
.mForm {padding-top: 1em;}
.mForm .fText, .mForm textarea, .mForm select {width: 97%; margin: 0; }
.cols12 .mForm .fText, .cols12 .mForm textarea {width: 98.5%;}
.mForm select {width: 99.7%;}
.mForm .fCheck {}
.fMulticheck {position: relative; top: 2px; margin: 0 5px 0 0;}
.fRadio {position: relative; top: 1px; margin: 0 5px 0 0;}
a.btn {color: #000;}
.btn {border: 1px solid #ccc; background: url(../images/white_fade.png) top repeat-x #e7e7e7; padding: 9px 12px; text-align: center; white-space: nowrap; cursor: pointer; font-size: 95%;}
.btn + .btn {margin-left: 12px;}
.btn:hover, a.btn:hover {background-color: #ddd;}

#fsubmit dt {display: none;}
#fsubmit dd {width: 100%;}

form.addNew { text-align: right; }
form.addNew input.btn { margin-right: 0; }

#rsBottom { border-top: 1px solid #ccc; }


/* =Forms (in a box)
-----------------------------------------------------------------------------*/
fieldset.boxForm {background: #f4f4f4; padding: 0.4em 0 0 0; border-bottom: 3px solid #f5f5f5;}

fieldset.boxForm .formCols {float: left; display: block; width: 96%; padding: 0 2%; border: none !important;}
/*fieldset.boxForm #fSubmit {background: #ccc;}
*/fieldset.boxForm p {width: 96%; padding: 0 2%;}
fieldset.boxForm .formCols:last-child {border-bottom: 1px solid #dadada; padding-bottom: 0.4em;}
fieldset.boxForm .formCols dt {float: left; display: block; width: 48% !important; padding: 0.4em 2% 0.4em 0; font-weight: bold;}
fieldset.boxForm .formCols dd.formError {display: block; width: 98% !important; background: #ffe2d6; padding: 0.4em 1% 0.4em 1%; color: #CC0000; margin-top: 2px; border: none;}
.cols12 fieldset.boxForm .formCols dt {width: 31.33%;}
.cols12 fieldset.boxForm .formCols dd {width: 66.66%;}
.cols12 .cols8 fieldset.boxForm .formCols dt {width: 48%;}
.cols12 .cols8 fieldset.boxForm .formCols dd {width: 50%;}


/* =Forms (in the sidebar)
-----------------------------------------------------------------------------*/
.sideForm {display: block; margin-bottom: 4em;}
.sideForm select {width: 100%;}
.sideForm .fText {width: 204px;}
.sideForm dt {margin-bottom: -0.25em;}
.sideForm dd {margin-bottom: 0.5em;}
.sideForm dd.filter {padding-top: 1ex;}
.sideForm dd .btn {margin-top: 0.5em; float: left;}
.sideForm .filter p { overflow: hidden; margin: 0; padding: 0 0 0 25px; }
.sideForm .filter p input { float: left; margin-left: -25px; }
.sideForm .filter p.last { padding: 1em 0 0; }
.sideForm .last a { float: right; display: none; }
.sideForm .last a span { float: left; margin-left: -16px; padding-left: 16px; background: transparent url("../images/bullet_c.png") no-repeat 0 -87px; }
.sideForm .last a.alt span { background-position: 0 .5ex; }

form#practicesSearch { position: relative; overflow: hidden; padding: .5ex 0; }
form#practicesSearch input { position: absolute; left: 0; top: 0; width: 10em; margin: 0; }
form#practicesSearch button { float: right; }


/* =Listings
-----------------------------------------------------------------------------*/
.info {background: #f4f4f4; padding: 12px 12px 0 12px; border-bottom: 3px solid #f5f5f5; margin-bottom: 12px; display: block; clear: left;}
dl.info {font: 90% Tahoma, Helvetica, Arial, sans-serif; color: #666; padding: 6px; margin-top: -1.2em; margin-bottom: 2em;}
.info dt {float: left; clear: left; width: 30%; border-top: 1px solid #fff; padding: 2px 0; color: #777;}
.info dd { border-top: 1px solid #fff; padding: 2px 0;}

.infoBox {float: left; width: 100%; background: #f4f4f4; padding: 3px 3px 0 3px; border-bottom: 3px solid #f5f5f5; margin-bottom: 12px; display: block; clear: left;}
.infoBox .info {margin: 0; padding-top: 0; padding-bottom: 0;}

.info2 {padding: 18px 12px 0 12px; border-bottom: 3px solid #f5f5f5; margin-bottom: 12px; display: block; clear: left;}
dl.info2 { overflow: hidden; font: 90% Tahoma, Helvetica, Arial, sans-serif; color: #666; padding: 0 6px 6px; margin-top: -1em; margin-bottom: 3em; }
.info2 dt {float: left; clear: left; width: 30%; margin-top: -1px; border-top: 1px solid #f4f4f4; padding: 4px 0; color: #777;}
.info2 dd { margin-top: -1px; border-top: 1px solid #f4f4f4; padding: 4px 0;}

.info2 dt.photo { display: none; }
.info2 dd.photo {position: relative; width: 100% !important; text-align: right; padding: 0; margin: 1px 0 0 0; height: 1px; overflow: visible; z-index: 100;}
.info2 dd.photo img {padding: 3px; border: 1px solid #d3d3d0; background: #FFF; margin: 4px -5px 0 0;}
.info2 dd.photo+dt+dd, .info2 dd.photo+dt+dd+dt+dd, .info2 dd.photo+dt+dd+dt+dd+dt+dd, .info2 dd.photo+dt+dd+dt+dd+dt+dd+dt+dd, .info2 dd.photo+dt+dd+dt+dd+dt+dd+dt+dd+dt+dd, .info2 dd.photo+dt+dd+dt+dd+dt+dd+dt+dd+dt+dd+dt+dd {width: 180px !important;}


.trainer {border-bottom-color: #d3d3d0;}

.pagNext {position: relative; float: right; padding: 3px 5px; background: #fff; z-index: 10;}
.pagPrev {position: relative; float: left; padding: 3px 5px; background: #fff; z-index: 10;}
span.pagPrev, span.pagNext {height: 1px; overflow: hidden; border: none; background: #f4f4f4; padding-bottom: 0;}

.pagList {position: relative; display: block; list-style: none; text-align: center; top: 3px;}
.pagList li {display: inline; padding: 0 0.1em;}
.pagList a {display: inline; padding: 3px 5px; margin: 0 1px; background: #fff;}
.pagCurrent {margin: 3px 4px; color: #000; font-weight: bold;}
.pagCurrent a {color: #000; font-weight: bold; border-bottom: 1px solid #ccc; cursor: default;}
.pagCurrent a:hover {border-bottom: 1px solid #ccc;}

form.itemsPerPage { float: right; width: auto; margin: -.1ex 0 0; }
form.itemsPerPage fieldset {margin: 0;}
form.itemsPerPage select { margin: 0; padding: 0; vertical-align: middle; }
form.itemsPerPage input { font-size: 90%; }

.searchResultsList li.researchers h3 a {color: #F15701;}
.searchResultsList li.policypractice h3 a {color: #006EBB;}
.searchResultsList li h3 {padding-bottom: 0;}
.searchResultsList li .breadcrumbs {font-size: 0.9em;}
.searchResultsList li.researchers .sKeyword {background: #EAEAEA; color: #F15701;}
.searchResultsList li.policypractice .sKeyword {background: #EAEAEA; color: #006EBB;}

.newsList {list-style: none; margin: 0; border-top: 1px solid #ccc;}
.newsList li {position: relative; border-bottom: 1px solid #ccc; padding: 12px 0;}
.info + .newsList {margin-top: -12px;}
.info2 + .newsList {margin-top: -12px;}
.newsList h3 {margin: 0; padding: 0 0 1ex; font-size: 1.4em; }
.newsList h3 a, .newsList h3 a:hover {border: none; padding-right: 1em !important;}
.newsList h3 a:visited {border: none;}
.newsList h3 a:hover {color: #222;}
.newsList .pInfo {float: right; margin-top: 0.8em; padding-left: 1em; font: 90% Tahoma, Helvetica, Arial, sans-serif; color: #666;}
.eventsList .pInfo {float: right; margin-top: 0; font: 90% Tahoma, Helvetica, Arial, sans-serif; color: #666;}
.eventsList .pInfo2 {float: none; margin-top: 0; font: 90% Tahoma, Helvetica, Arial, sans-serif; color: #666;}

.resourceList {overflow: hidden; margin: -10px 0 0; border: none;}
.resourceList li {margin-top: -1px; padding-bottom: 0; border-top: 1px solid #ccc; border-bottom: none; }
.resourceList dl {padding: 3ex 0 1ex; border: none; margin-bottom: 0; }
.unlocked h3 { background: transparent url("../images/icon_lock_a.png") no-repeat 97% 30%; }
.locked h3 { background: transparent url("../images/icon_lock_b.png") no-repeat 97% 30%; }
h3 .locked { padding-right: 26px; background: transparent url("../images/icon_lock.png") no-repeat 100% 50%; }
h3 .unlocked { padding-right: 26px; background: transparent url("../images/icon_lock_c.png") no-repeat 100% 50%; }
.locked a { color: #D5121A; }


.newsList .dwnDoc .pInfo {text-align: right; padding-right: 18px; background: url(../images/dwnDoc.gif) right 3px no-repeat;}
.newsList .dwnPdf .pInfo {text-align: right; padding-right: 18px; background: url(../images/dwnPdf.gif) right 3px no-repeat;}
.newsList .dwnPow .pInfo {text-align: right; padding-right: 18px; background: url(../images/dwnPow.gif) right 3px no-repeat;}
.newsList .dwnImg .pInfo {text-align: right; padding-right: 18px; background: url(../images/dwnImg.gif) right 3px no-repeat;}
.newsList .dwnExc .pInfo {text-align: right; padding-right: 18px; background: url(../images/dwnExc.gif) right 3px no-repeat;}
.newsList .dwnNews h3 a {padding-left: 26px; background: url(../images/dwnNews.gif) 0 3px no-repeat;}
.newsList .dwnEvent h3 a {padding-left: 26px; background: url(../images/dwnEvent.gif) 0 3px no-repeat;}
.newsList .dwnExt h3 a {padding-left: 26px; background: url(../images/external.gif) -5px 3px no-repeat;}

.info dd.dwnDoc a {padding-bottom: 3px; padding-left: 18px; background: url(../images/dwnDoc.gif) no-repeat; border-bottom: none !important;}
.info dd.dwnPdf a {padding-bottom: 3px; padding-left: 18px; background: url(../images/dwnPdf.gif) no-repeat; border-bottom: none !important;}
.info dd.dwnPow a {padding-bottom: 3px; padding-left: 18px; background: url(../images/dwnPow.gif) no-repeat; border-bottom: none !important;}
.info dd.dwnImg a {padding-bottom: 3px; padding-left: 18px; background: url(../images/dwnImg.gif) no-repeat; border-bottom: none !important;}
.info dd.dwnExc a {padding-bottom: 3px; padding-left: 18px; background: url(../images/dwnExc.gif) no-repeat; border-bottom: none !important;}

.practiceList {list-style: none; margin: 0; padding: 0 0 3em; border-top: 1px solid #ccc;}
.practiceList li {position: relative; border-bottom: 1px solid #ccc; padding: 12px 0;}
.practiceList h3 { margin: .2em 0 !important; font-size: 1.4em; }
.practiceList h3 a,
.practiceList h3 a:hover {border: none;}
.practiceList h3 a:visited {border: none;}
.practiceList h3 a:hover {color: #222;}
.practiceList p {clear: both;}
.practiceList p.date {float: right; clear: none; margin: 0; padding: 0 0 0 2em; text-align: right; font-size: .9em; color: #666; }
.practiceList p.important {float: right; clear: none; margin: 0; padding: 0 1px; text-align: right; font-size: .9em; background: #D5121A; color: #FFF; }
.practiceList p.institution {float: left; clear: none; margin: 0 0 1ex; font-size: .9em; color: #666; }
.practiceList dl {display: block; clear: both;}
.practiceList dt {float: left; width: 18ex; font-size: .9em; color: #666; }
.practiceList dd {margin-left: 19ex;}


/* =FAQ
-----------------------------------------------------------------------------*/

#faq {margin: 0 0 1em 0; list-style: none;}
#faq dl {padding: 12px 0; border: 1px solid #fff; cursor: pointer;}
#faq dl:hover {background: #f7f7f7; border: 1px solid #eee;}
#faq dt {margin-bottom: 0.2em; padding-left: 30px; background: url(../images/faq_q.gif) 8px 3px no-repeat; font-weight: bold; font-size: 110%;}
#faq dd {color: #777; padding-left: 30px; background: url(../images/faq_a.gif) 8px 3px no-repeat;}

#comments {list-style: none; margin: 0;}
#comments li {border-bottom: 3px solid #f5f5f5; margin-bottom: 3em;}
#comments h3 {float: left; padding: 0.5em; background: #e3e3e3; color: #555; font-weight: normal; display: inline; font-size: 100%; width: auto; letter-spacing: normal; margin: 0;}
#comments h3 a {color: #000;}
.comment {display: block; clear: both; padding: 1em 0.5em 0.5em 0.5em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#comments .entryinfo {float: right; display: inline; width: auto; margin: 0; padding: 0.6em 0 0 2em; font-size: 90%; color: #666;}

.dyk {border-bottom: 1px solid #d3d3d0; padding: 0 0 -1em 0; margin: 0 0 2em 0;}
.dyk p {font: 1.7em "Times New Roman", Times, serif; line-height: 1.2em; color: #34b233; margin-top: -0.25em;}
.bob {float: right; width: 40%; border: 1px solid #e7e7e7; padding: 12px 15px; font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 1.2em; font-style: italic; background: #f8f8f8; margin: 0.1em 0 1em 1em; color: #62a061;}


/* =Form text areas
-----------------------------------------------------------------------------*/

.rowactionform,rowactionbtn {float:left;}
.rowactionbtn{margin-right:8px !important}
.formText, fieldset.boxForm .formText {display: block; clear: left; background: #fff; padding: 0em 1em; border: 1px solid #e5e5e5; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; margin: 5px 9px 1em 9px;}
.dateInput {margin-right:10px !important;float:left !important;width:20px !important}
.dateInputDouble {margin-right:10px !important;float:left !important;width:30px !important}

fieldset.boxForm .formText {border-width: 1px 0 1px 0 !important;position: relative; top: 0.5em; padding-top: 1em;}
.formText p, fieldset.boxForm .formText p {padding: 0; float: none; font-size: 1.2em;}
.formText h4, fieldset.boxForm .formText h4 {font-size: 1.2em; font-weight: bold; margin-top: 0.5em;}

.formText2, fieldset.boxForm .formText2 {display: block; clear: left; padding: 0.6em 0; margin: 0;}
.formText2 p, fieldset.boxForm .formText2 p {display: block; padding: 0 !important; font: 1.2em Tahoma, Helvetica, Arial, sans-serif; color: #333; padding-bottom: 0.2em;}
.formText2 h4, fieldset.boxForm .formText2 h4 {display: none;}


.activeFormAssociations th {background: url(../images/nav_hover.gif) top repeat-x; border-right: none; border-bottom-color: #c5c5c5; text-align: left; padding-left: 8px;}
.activeFormAssociations td {padding: 5px 8px;}
.activeFormAssociations .btn {border-bottom-color: #aaa; border-right-color: #aaa;}
#universalForm {border-bottom: 1px solid #e8e8e6; padding-bottom: 3em; margin-bottom: 2em;}
#universalForm:last-child {border: none; padding-bottom: 0; margin-bottom: 1em;}
.activeFormAssociations + p, p +.activeFormAssociations {margin-top: 0.5em;}
.boxForm legend + .formText, .boxForm .formText:first-child {margin-top: -0.3em;}

fieldset dt {position: relative;}
fieldset dt a {position: absolute; top: 6px; right: 5px; display: block; width: 16px; height: 16px; background: url(../images/infoIcon.gif) no-repeat; border: none !important; text-decoration: none;}
fieldset dt a:hover {}
fieldset dt a div {display: none; position: absolute; top: 0; right: 16px; margin: 0; width: 14.5em; background: #fffdd9; color: #111; border: 1px solid #bbb; border-bottom: 1px solid #888; border-right: 1px solid #888; padding: 7px 10px; font-style: italic; font-weight: normal; z-index: 999101; -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius-topright:0; -webkit-border-top-right-radius: 0;}
.formCols dt a:hover div {display: block;}

.notify {border: 1px solid #E2007A; padding: 10px; background: #def1c8; font-size: 1.2em;}
.notify span em {display: none;}
.notify span a, .notify span a:hover {color: #fff; text-decoration: none; border: 0;}
.notify span {float: right; background: #ff3f30; padding: 1px 4px 1px 4px; display: block; width: 0.7em; min-height: 1.25em; overflow: hidden; color: #fff; font: bold 0.85em verdana, arial, sans serif; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.notify span:hover {background: #ff0000; cursor: pointer;}
.notify em {color: #000; font-style: normal;}


/* Discussion Articles */
.articleInfo {font-size: 0.9em; margin-bottom: 2em;}
.articleInfo p {font-size: 1.1em;}
.articleInfo .dArticles p {font-size: 1em; background: #fafafa; padding: 3px; margin-bottom: 0; color: #888; font-family: Arial, sans-serif;}
.articleInfo .dArticles p a {color: #666;}
/*
.article h1 {font-size: 2.3em; letter-spacing: 0; color: #222; border-bottom: 0; margin: 0; padding-bottom: 0.5em; padding-top: 0.5em; border-top: 4px solid #E2007A;}
*/
.dArticles h1 {border-bottom: 1px solid #e2e2e2}
.article h2, .article h3, .article  h4 {letter-spacing: 0;}
.article .content .intropara {font-size: 1.4em; letter-spacing: 0; line-height: 1.3em;}
.dArticles {margin-bottom: 1em;}
.article .content {border-top: 2px solid #E2007A; padding-top: 1em;}
.article .content p {line-height: 1.6em;}
.article .content blockquote {line-height: 1.3em; color: #222; font-size: 1.3em; padding: 1em 1.5em; border-left: 3px solid #999;} 
.articleExtras {padding-top: 1.5em; border-top: 2px solid #E2007A;}
.article .cols12 .subscribe {border-top: 2px solid #E2007A !important; min-height: 70px;}
.subscribe img {margin: 11px 5px -3px 0; padding: 0;}
.article .cols12 .subscribe h3 {border-top: 0 !important;}
.mArticlesLatest img, .boxArticle img, .articleExtras img, .article .pInfo2 img {margin: 0 5px -3px 0; padding: 0;}

.commentSnippet {background: #F8F8F8 ; border: 1px solid #e7e7e7; padding: 1em 1em 0.7em 1em;}
.commentSnippetCite {position: relative; top: -1.1em; padding: 10px 50px 10px 0; margin-bottom: -2em; background: url(../images/commentSnippetCite.gif) top right no-repeat; font-style: italic; text-align: right;}
.commentSnippetCite em, .boxArticle p em, .article .pInfo2 em {white-space: nowrap; font-style: normal;}
.Landing .commentSnippet {margin-top: 10px;}
.Landing .commentSnippetCite {margin-bottom: 1px;}

.article .cols12 .box h3 {font-size: 1.3em; font-weight: normal; color: #000; border-color: #ccc; background: #fff;  margin: 0 4px 0 0; padding: 0; width: auto; border-top: 2px solid #E2007A;}
.article .cols12 .box h3 .titlePad {padding: 0.3em 0;}
.article .dArticles h3.heading {padding-top: 0.4em; color: #000; font-size: 1.4em;}
.article .cols12 .box {background: none; border: 0;}
.article .cols12 .boxInner {background: none; padding: 1em 0;}
.article .content {margin-bottom: 3em;}
.mArticlesTags ul {margin-bottom: 5px;}
.mArticlesTags ul ul {margin: 0; list-style: none;}
.mArticlesTags ul ul li {padding-left: 15px; font-size: 95%;}
.mArticlesTags ul ul ul li {font-size: 100%;}
.mArticlesTags ul span {color: #aaa; font-size: 0.9em;}
.mArticlesTags ul a {padding-top: 1px; padding-bottom: 1px; background-position: 6px 50%;}
.mArticlesTags ul a:hover {background-color: #e5e5e5;}

.tag01, .tag01:visited, .tag02, .tag03, .tag04, .tag05 {color: #aaa !important; border: 0 !important;}
.tag02, .tag02:visited {font-size: 1.2em; color: #888 !important;}
.tag03, .tag03:visited {font-size: 1.4em; color: #666 !important;}
.tag04, .tag04:visited {font-size: 1.6em; color: #444 !important;}
.tag05, .tag05:visited {font-size: 2em; color: #222 !important;}
.tag01:hover, .tag02:hover, .tag03:hover, .tag04:hover, .tag05:hover {color: #000 !important; text-decoration: underline;}


.commentlist {float: left; display: block; clear: both; list-style: none; margin: -0.85em 0 0 0; padding: 0; width: 100%;}
.commentlist li {float: left; position: relative; margin: 0 0 1em 0; border-top: 1px solid #ccc; padding: 1em 0; width: 100%;}
.commentText {float: right; width: 60%; margin-left: 20px; padding-bottom: 10px;}
.commentCite cite {font-weight: bold; font-style: normal;}
.commentLink {float: left; clear: left; padding-left: 16px; background: url(../images/commentLink.gif) left no-repeat; font-size: 0.9em;}
.commentFlag {background-image: url(../images/commentFlag.gif);}
.article #comment {width: 100%;}
#comments .commentLink {margin: 3px 20px 0 5px;}

.article .mForm {float: left; display: block; clear: both; border-top: 2px solid #E2007A; margin-top: 2em; width: 100%; margin-bottom: 2em;}
.article .mForm form {margin-top: -0.4em;}
.dArticles legend {font-size: 1.4em;}
.article #login_required {padding-top: 20px;}

.dArticleSearch {margin-bottom: 1em;}
.dArticleSearch .fText {width: 60%;}
.dArticleSearch .btn {padding: 0.2em 0.5em;}

.article .eventsList li {padding: 0.7em;}
.article .eventsList h3 {font-size: 1.4em}
.article .pInfo, .article .pInfo2 {margin-bottom: 0.2em; font-size: 1em; color: #888;}
.article .pInfo2 em {font-style: normal;}
.article .entry-content {float: right; color: #888;}
.article .entry-content a {color: #444;}
.article .pInfo, .article .entry-content {font-size: 0.9em;}


.boxArticle h4 {font-size: 1.2em; margin: 0.5em 0 0.2em}
.boxArticle h4 a {border: none; line-height: 1em; color: #444;}
.boxArticle h4 a:hover {text-decoration: underline; border: none;}
.boxArticle p span {color: #888; font-size: 0.9em;}

.boxArticleComments, .boxArticleComments .boxInner {background: none; padding: 0; border: none;}
.boxArticleComments .boxInner {padding-top: 10px;}


sup {font-size: 90%; line-height: 0.8em;}

.bookableEvent #pNavigation {margin-bottom: 0;}
.bookableEvent #contentMain .inner {float: none;}
.bookableEvent #contentMain {margin: 0 26px; padding-top: 7px !important; width: 87.6em !important;}
.bookableEvent #breadcrumb li {font-size: 1.4em;}
.bookableEvent .recordSet script {display: none;}
.bookableEvent .recordSet ul {display: block;}
.bookableEvent fieldset, .bookableEvent dl.formCols {width: 100% !important;}
.bookableEvent dl.formCols {margin-bottom: 5px;}
.bookableEvent .form fieldset {width: auto !important;}
.bookableEvent a.info:hover span, a.info.hover span {left: 1.5em !important;}
.bookableEvent .form dl.formCols {width: 96% !important;}
.bookableEvent #errorMessage, #success {width: auto !important;}
.bookableEvent #errorMessage a {color: #333; text-decoration: underline;}

.bookableEvent #pNavigation .col {margin-bottom: -25px;}
.bookableEvent #pageInfoHead {border-top: 0; padding-top: 5px;}
.bookableEvent #pageInfoHead ul {margin-left: 5px;}
.bookableEvent #pageInfoHead h1 {border-bottom: 0; margin: 0 0 0.4em 0; padding-bottom: 0.5em; font-size: 2em; font-weight: bold; line-height: 1.3em; background:transparent url(/images/branding-h1-logo-small.gif) no-repeat 0 3px; padding-left:140px;}
.bookableEvent #pageInfoHead h1 span {clear: left; color: #666; display: block; font-size: 0.63em; font-weight: normal; letter-spacing: 0; margin-top: -0.2em;}
.bookableEvent #pageInfoHead h1 span sup {font-size: 0.5em;}
.bookableEvent .heading {font-size: 1.4em; border-top: none; border-bottom: 1px solid #888;}
.bookableEvent h2 {float: left; clear: both; font-weight: bold; font-size: 2em;}
.bookableEvent h2 span {font-weight: normal; color: #666;}
.bookableEvent h3.heading:first-child, .bookableEvent h2:first-child {margin-top: 0;}

.bookableEvent .content .eventsTab {margin: 0 0 30px 5px;}
.bookableEvent .eventsBookBox {overflow: hidden; clear: both; background: #fff; padding: 1.8em 1.3em 0; border: 1px solid #000; border-bottom: 0;}
.bookableEvent .eventsBookBox2 {clear: both; background: #DBDBDB; padding: 1.3em; margin-bottom: 2em; border: 1px solid #000; border-top: 0;}
.bookableEvent .eventsBookButton, .bookableEvent .eventsBookButton:visited {color: #fff; background: #34b233; border: 1px solid #49d148; border-color: #49d148 #279226 #279226 #49d148; padding: 6px 20px 6px ; font-size: 1.3em; font-weight: bold; text-align: center;  margin-left: 30%;}
.bookableEvent .eventsBookButton:hover {color: #fff; background-color: #2da42c;}
.bookableEvent .eventsBookBoxWide {padding-left: 0; padding-right: 0; float: left; width: 98%; padding-right: 2%;}
.bookableEvent .eventsBookBoxWide .col, .bookableEvent .eventsBookBoxWide .col p {margin-bottom: 0; background: transparent; border: none;}
.bookableEvent .eventsBookBoxWide .eventsBookButton {display: block;}


.bookableEvent .eventsDetailsList {float: left; display: block; margin-bottom: 1px; background: #fffedb; padding: 1.3em;}
.bookableEvent .eventsDetailsList dt {width: 30%; float: left; border-top: 1px solid #f7eeb6; padding-top: 4px; margin-top: 4px; color: #666;}
.bookableEvent .eventsDetailsList dd {width: 70%; float: left; border-top: 1px solid #f7eeb6; padding-top: 4px; margin-top: 4px; color: #666;}
.bookableEvent .eventsDetailsList dt:first-child, .bookableEvent .eventsDetailsList dt:first-child + dd {border: none; margin-top: 0; padding-top: 0;}

.bookableEvent .eventMenu {float: left; list-style: none; width: 100%; margin: 0 0 40px 0; padding: 0; background: url(../images/eventsMenu2.gif) bottom repeat-x; min-height: 12px;}
.bookableEvent .eventMenu li:first-child {margin-left: 5px;}
.bookableEvent .eventMenu li {float: left; margin: 2px 0 5px 3px; padding-left: 0 !important; background: none !important; border: 1px solid #666; border-bottom-color: #808084; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px;} 
.bookableEvent .eventMenu a {float: left;font-size: 1.1em; padding: 5px 10px 4px; background: #808084; color: #fff;}
.bookableEvent .eventMenu a:hover {background: #666; text-decoration: none;}
.bookableEvent .eventMenu .eventMenuCurrent {margin: 0 0 5px 3px; border: 1px solid #666; border-bottom: 1px solid #f7f7f7;  -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px;}
.bookableEvent .eventMenu .eventMenuCurrent a {padding: 8px 10px 4px; border-bottom-color: #fcfcfc; background: #fff; color: #000;}

.bookableEvent .eventMenu .ebooktab {float: right; border: 0; font-size: 1.1em; margin-top: 0;}
.bookableEvent .eventMenu .ebooktab form {margin: 0;}
.bookableEvent .eventMenu .ebooktab .btn, .bookableEvent .eventMenu .ebooktab a, .bookableEvent .eventMenu .ebooktab a:visited {color: #fff; background: #EE008C; border: 1px solid #ff7ac0; border-color: #ff7ac0 #bd0063 #bd0063 #ff7ac0; padding: 3px 15px 4px ; font-size: 1.2em; font-weight: bold; text-align: center; -moz-border-radius: 1px; -webkit-border-radius: 1px; margin: 0;}
.bookableEvent .eventMenu .ebooktab a:hover {color: #fff; background-color: #2da42c;}
.bookableEvent .eventMenuBottom .ebooktab {margin: 13px 0 0;}
.bookableEvent .eventMenuBottom .ebooktab a:hover {border: 1px solid #49d148; border-color: #49d148 #279226 #279226 #49d148;}

.bookableEvent .eventMenu .ecanceltab {float: left; border: 0; font-size: 1.1em; margin: 0 0 6px 0; padding-bottom: 6px;}
.bookableEvent .eventMenu .ecanceltab a, .bookableEvent .eventMenu .ecanceltab a:visited {color: #fff; background: #a5c8a4; border: 1px solid #000; border-color: #e5efe5 #9bbc9a #9bbc9a #e5efe5; padding: 3px 15px 4px; font-size: 1em; font-weight: bold; text-align: center;}
.bookableEvent .eventMenu .ecanceltab a:hover {color: #fff; background: #9bbc9a; border-color: #e5efe5 #8ba98b #8ba98b #e5efe5;}
.bookableEvent .eventMenuBottom .ecanceltab {margin: 13px 0 0;}

.bookableEvent .eventMenuSub {float: left; list-style: none; width: 100%; margin: -41px 0 40px 0; padding: 0; background: #f3f3f3; border-bottom: 1px solid #e2e2e2;}
.bookableEvent .eventMenuSub li {float: left; margin: 3px 0 0 5px; padding-left: 0 !important; background: none !important;}
.bookableEvent .eventMenuSub a {float: left; padding: 3px 0 6px 0; background: transparent; color: #333; border: none; border: 0; margin: 0 9px;}
.bookableEvent .eventMenuSub a:hover {color: #000;}
.bookableEvent .eventMenuSub .eventMenuCurrent a, .bookableEvent .eventMenuSub .eventMenuCurrent a:hover {color: #000; padding-bottom: 3px; border-bottom: 3px solid #000;}
/*
.bookableEvent .eventMenuSub a {float: left; padding: 1px 9px 3px 9px; background: transparent; color: #000; border: none; background: #aaa; color: #fff; border-top: 1px solid #999; border-left: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.bookableEvent .eventMenuSub a:hover {background: #999; color: #fff; border-top: 1px solid #888; border-left: 1px solid #888;}
.bookableEvent .eventMenuSub .eventMenuCurrent a, .bookableEvent .eventMenuSub .eventMenuCurrent a:hover {background: #666; color: #fff; border-top: 1px solid #555; border-left: 1px solid #555; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
*/

.bookableEvent .eventMenuBottom {background: url(../images/eventsMenuBottom2.gif) top repeat-x; margin-top: 20px;}
.bookableEvent .eventMenuBottom li {float: left; margin: 5px 0 2px 3px; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #666; border-top-color: #808084; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px;} 
.bookableEvent .eventMenuBottom a {float: left; padding: 4px 10px 6px; background: #808084; color: #fff;}
.bookableEvent .eventMenuBottom a:hover {background: #666; text-decoration: none;}
.bookableEvent .eventMenuBottom .eventMenuCurrent {margin: 5px 0 0 3px; border: 1px solid #666; border-top: 1px solid #f7f7f7; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px;}
.bookableEvent .eventMenuBottom .eventMenuCurrent a {padding: 3px 10px 9px; border-top-color: #fcfcfc; background: #fff; color: #000;}

.bookableEvent .eventDate {float: right;}
.bookableEvent .eventDate em {font-size: 2.5em; font-weight: bold; float: left; margin: 0.5em 0.3em 0; font-family: "Times New Roman", Times, serif; color: #000; font-style: normal;}
.bookableEvent .eventDate div {float: left; display: block; min-width: 4.9em; background: #fff;}
.bookableEvent .eventDateDay {display: block; font-size: 2em; padding: 0.1em 0.4em; line-height: 1.4em; text-align: center; background: #fff; border: 1px solid #EE008C; border-bottom: none; color: #222; font-weight: bold;}
.bookableEvent .eventDateDay sup {font-size: 0.4em; margin-right: -0.4em;}
.bookableEvent .eventDateMonth {display: block; font-size: 0.9em; padding: 0 0.4em; text-align: center; background: #EE008C; color: #fff;}
.bookableEvent .eventDateYear {display: block; font-size: 0.9em; padding: 0 0.4em; text-align: center; background: #bd0063; color: #fff; padding-top: 1px;}
.bookableEvent .eventDateDay em {position: relative; top: -0.3em; font-size: 0.6em; font-weight: bold;}

.bookableEvent .eventsProgramme {float: left; display: block; margin: 0 0 2em 0; color: #666; font-size: 1.2em;}
.bookableEvent .eventsProgramme dt {float: left; width: 10%; padding: 8px 0.5% 0; margin: 5px 1% 0 0; border-top: 1px solid #e5e5e5;}
.bookableEvent .eventsProgramme dd {float: left; display: block; width: 87%; padding: 8px 0.5% 0; margin: 5px 0 0 0; border-top: 1px solid #e5e5e5;}
.bookableEvent .eventsProgramme h4 {margin: -3px 0 0 0; clear: none; color: #222;}
.bookableEvent .eventsProgramme p {margin: 0;}
.bookableEvent .eventsProgramme h4 a, .bookableEvent .eventsProgramme a {border: none; line-height: inherit;}
.bookableEvent .eventsProgrammeBreak h4 {color: #999;}

.bookableEvent .eventsWorkshops {float: left; width: 100%; border: none;}
.bookableEvent .eventsWorkshops th {border: none; background: none; padding-top: 7px; border-bottom: 1px solid #888;}
.bookableEvent .eventsWorkshops tr {clear: both; width: 100%;border: none; border-top: 1px solid #ddd !important;}
.bookableEvent .eventsWorkshops tr:first-child {border: none !important;}
.bookableEvent .eventsWorkshops td {border: none; vertical-align: top; padding: 10px 5px;}
.bookableEvent .eventsWorkshops h4 {margin: -6px 0 0 0;}
.bookableEvent .eventsWorkshops p {margin: 0; font-size: 1em;}
.bookableEvent .eventsWorkshops a {border: none;}
.eventsWorkshops select {width: 75px; font-weight: bold; margin-top: -1px;}
.eventsWorkshops select option {font-size: 0.9em; font-weight: normal;}
.has_js .eventsWorkshops input.btn {display: none;}
.eventsWorkshops input.btn {position: absolute; right: 7.5em; margin-top: -7px; font-family: Helvetica, Arial, sans-serif; color: #fff; background: #aaa; border: 1px solid #000; border-color: #bbb #888 #888 #bbb; padding: 3px 15px 4px; font-size: 1em; font-weight: bold; text-align: center;}
.eventsWorkshops input.btn:hover {color: #fff; background: #bbb;}


.eventsGallery {margin: 0; padding: 0;}
.eventsGallery li {position: relative; left: 10px; float: left; width: 105px; min-height: 130px; list-style: none; margin: 0; padding: 0 !important; background: none !important;}
.eventsGallery li img {opacity: 0.8;}
.eventsGallery li.eventsGalleryActive img, .eventsGallery li.eventsGalleryActive a:hover img {outline: 2px solid #E2007A; padding: 1px; margin: -1px; opacity: 1;}
.eventsGallery a, .eventsGallery a:visited, .eventsGallery a:hover {border: none;}
.eventsGallery a:hover img {outline: 2px solid #ccc; opacity: 1;}
.bookableEvent .eventsGalleryDetail h3.heading {margin-top: 0;}

.eventsVenue {font-size: 1.3em;}
.eventsBookBox .eventsVenue {font-size: 1.3em; color: #000; margin-bottom: 1.5em;}
.bookableEvent h2.eventsDetailsTitle {margin: -0.5em 0 1em;}

.eventsRates {float: left; position: relative; width: 100%; clear: left; padding-top: 0.7em; border-top: 1px solid #ddd; margin-bottom: 0; font-size: 1.2em;}
dl.eventsRates:last-child {margin-bottom: 40px;}
.eventsRates:hover {background: #f8f8f8;}
.eventsRates dt {float: left; width: 64.5%; padding-left: 0.5%; font-size: 1.2em; color: #000; margin-bottom: 0px;}
.eventsRates dd {float: left; width: 34.5%; padding-right: 0.5%; text-align: right; color: #000;}
.eventsRates dd strong {background: #FFE2A6 ; padding: 3px 6px; margin-right: 2px; color: #000; font-size: 1.1em;}
.eventsRates dd span {display: block; color: #666; margin: 2px 0 5px;}
.eventsRates dd.eventsRatesDesc {float: none; width: 64.5%; padding-left: 0.5%; padding-right: 0; text-align: left; color: #888; font-size: 0.9em; margin-bottom: 7px;}

.eventsNotes {clear: left; background: #f5f5f5; padding: 1em; border: 1px solid #eee; margin: 0 0 1em; font-weight: bold;}
.eventsRates + .eventsNotes {position: relative; top: 1em; margin-bottom: 2em;}

.eventsSponsor {position: relative; clear: left; padding: 1.5em 0 0 0; border-top: 1px solid #ddd;}
.eventsSponsor .eventsSponsorImg {float: left; width: 200px; text-align: center; padding-top: 0.5em; min-height: 140px;}
.eventsSponsor .eventsSponsorImg img {width: 80%; max-width: 200px; height: auto;}
.eventsSponsor h3 {float: none; clear: none; margin: 0em;}

.eventsPresenters {position: relative; clear: left; padding: 0.5em 0 0 0; border-top: 1px solid #ddd;}
.eventsPresenters .eventsSponsorImg {float: left; width: 85px; text-align: center; padding-top: 0.5em;}
.eventsPresenters .eventsSponsorImg img {width: 70px; height: auto;}
.eventsPresenters h3 {float: none; clear: none; margin: 0.5em 0 0; font-size: 1.8em;}
.eventsPresenters ul {float: left; list-style: none;}



.eventsProgrammeDetails {float: left; width: 100%; margin-bottom: 1em; font-size: 1.2em;}
.eventsProgrammeDetails dt {float: left; width: 30%; border-top: 1px solid #ccc; padding: 3px 0;}
.eventsProgrammeDetails dd {float: left; width: 70%; color: #000; border-top: 1px solid #ccc; padding: 3px 0;}
.eventsProgrammeDetails dt:first-child, .eventsProgrammeDetails dt:first-child + dd {border-top-width: 0;}
.eventsBookBox .eventsProgrammeDetails dt {float: left; width: 30%; color: #666; border-top: 1px solid #d8e8d8; padding: 3px 0;}
.eventsBookBox .eventsProgrammeDetails dd {float: left; width: 70%; color: #000; border-top: 1px solid #d8e8d8; padding: 3px 0;}
.eventsBookBox .eventsProgrammeDetails dd a {color: #EE008C;}
.eventsBookBox .eventsProgrammeDetails dt:first-child, .eventsBookBox .eventsProgrammeDetails dt:first-child + dd {border-top-width: 1px;}

.eventsPresenter {position: relative; float: left; width: 100%; clear: left; padding: 1.5em 0 0 0; border-top: 1px solid #ddd;}
.eventsPresenter h3 {float: none; clear: none; margin: 0em;}

.eventsSponsorImgThumb {width: 49%; float: left; text-align: center; overflow: hidden;}
.eventsSponsorImgThumb img {width: 80%; max-width: 160px; height: auto; margin-top: 10px;}

.eventsHighlight {float: left; width: 100%; display: block; padding: 20px 0; background: #F5F5F5; border: 1px solid #000; margin-bottom: 2em; background-position: top right; background-repeat: no-repeat;}
.eventsHighlight h3 {color: #1e2d34; font: bold 1.5em arial; margin: 0 20px; }
.eventsOffer {background-image: url(/images/eventsOffer.gif);}
.eventsOffer h3, .eventsNews h3 {margin: 0 50px 0 20px;}
.eventsNews {background-image: url(/images/eventsNews.gif);}
.eventsHighlightNews {background-color: #dbf1da;}
.eventsHighlight h3 a, .eventsHighlight h3 a:visited {color: #444;}
.eventsHighlight h3 a:hover {color: #000;}
.eventsHighlight p {margin: 0 20px;}

.eventsHighlight a, .eventsHighlight a:visited {border: 0; text-decoration: none; font-weight: bold; margin-top: 5px; color: #EE008C;}
.eventsHighlight h3 a, .eventsHighlight h3 a:visited, .eventsHighlight h3 a:hover { margin-top: 0; border: 0; padding: 0; text-decoration: none; color: #000;}

.bookableEvent .mForm {clear: left;}



/*
Booking Forms
----------------------------------------------------------------*/
.ebs .ebsInfo, .ebs .ebsDetails, .ebs .ebsPrice dt, .ebs .ebsPrice dd {display: none;}
.ebs .ebsPrice dd.ebsSubtotal {display: block; position: absolute; top: 10px; right: 20px; width: 8%; font: bold 1.3em Arial, Helvetica, sans-serif; color: #555;}
.ebsOpen .ebsPrice dd.ebsSubtotal {position: relative; top: 0; left: 0;}
.ebs h3 {margin: 10px 0 0 0; font-size: 1.8em; font-weight: normal;}
.ebs p {margin: 0;}
.ebsOpen p {margin: 0 0 1em;}
.ebsOpen .ebsInfo, .ebsOpen .ebsDetails, .ebsOpen .ebsPrice dt, .ebsOpen .ebsPrice dd {display: block;}
.ebs {position: relative; float: left; width: 92%; border: 1px solid #dcdcc9; margin: 0 0 8px; padding: 0 2% 0 6%; background: url(../images/ebsPlus.gif) 20px 16px no-repeat #f5f5f5;}
.ebsOpen {background: url(../images/ebsMinus.gif) 20px 16px no-repeat #ffe8f6; border: none;}
.ebs h3 span {position: absolute; top: 16px; left: 20px; width: 14px; height: 14px; cursor: pointer;}

.ebs .eventsProgrammeDetails dt {width: 91.1%;} 
.ebsTotal .eventsProgrammeDetails dt {width: 84.9%; text-align: right; padding-right: 5%;}
.ebs .eventsProgrammeDetails dd {width: 8.9%} 
.ebsTotal .eventsProgrammeDetails dd {width: 10%}
.ebsOpen .eventsProgrammeDetails dt, .ebsOpen .eventsProgrammeDetails dd {border: 0;}
.ebsOpen .eventsProgrammeDetails {border-top: 1px solid #dcdcc9; margin-bottom: 0; padding: 8px 0;}
.ebsOpen .ebsPrice .eventsProgrammeDetails {border-top: 1px solid #a1a396; padding-top: 8px; margin-bottom: 1em;}
.ebsOpen .ebsPrice dt {font-weight: bold; text-align: right; width: 86%; text-align: right; padding-right: 5.1%;}
.ebs .ebsInfo {border-top: 1px solid #dcdcc9; margin-bottom: 0; padding: 8px 0; float: left; width: 100%; clear: left;}
.ebs .ebsInfo p {float: left; width: 50%;}
.ebs .ebsInfo dl {float: left; font-size: 1.1em; color: #777; margin: 5px 0 1.5em; width: 100%;}
.ebs .ebsInfo dt {position: absolute; width: 50%; border-top: 1px solid #dcdcc9; padding: 3px 0; left: 6%;}
.ebs .ebsInfo dd {width: 50%; margin-left: 50%; font-weight: bold; border-top: 1px solid #dcdcc9; padding: 3px 0;}
.ebsTotal .eventsProgrammeDetails {float: left;font-size: 1.6em; margin: 0;}
.ebsTotal .ebsTotalDt {background: #515348; border: 0; color: #f0fda7 ; padding-top: 9px; padding-bottom: 9px; font-weight: bold;}
.ebsTotal .ebsTotalDd {background: #515348; border: 0; color: #f0fda7 ; font: bold 1.3em Arial, Helvetica, sans-serif; padding-top: 8px; padding-bottom: 8px;}

.ebs #universalForm {display: none;}
.ebsOpen #universalForm {display: block; float: right; border: 0 !important; padding: 0 !important; margin: 10px 0 0 0 !important;} 
.bookableEvent .ebsOpen .btn, .bookableEvent .collapseSelect .rowactionbtn {background: #bab5a2; color: #fff; border: 1px solid #000; border-color: #bbb #888 #888 #bbb; padding: 3px 15px 4px; font-size: 1em; font-weight: bold; text-align: center; font: bold 1.3em Helvetica, Arial, sans-serif;}
.bookableEvent .ebsOpen .btn:hover, .bookableEvent .collapseSelect .rowactionbtn:hover {background: #a19978;}

.ebsAddAttendee {border: 0 !important; padding: 0 !important; margin: 1em 0 !important;}
.ebsAddAttendee .btn {background: #6dc66c; color: #fff; border: 1px solid #000; border-color: #93d492 #34b233 #34b233 #93d492; padding: 3px 15px 4px; font-size: 1em; font-weight: bold; text-align: center; font: bold 1.1em Helvetica, Arial, sans-serif;}
.ebsAddAttendee .btn:hover {background: #34b233;}
.ebsPayment {display: block; clear: left; width: 96%; padding: 0.5em 2% 1em 2%; background: #eee; margin: 0;}
.ebsPayment h3 {float: none; font-size: 1.3em; margin: 2em 0 1em;}
.ebsPayment h3:first-child {margin-top: 1em;}
.ebsPayment p {margin-bottom: 0.6em; color: #666;}
.ebsPayment p strong {margin-left: 1em; color: #444;}
.ebsPayment p input {position: relative; top: 2px;}
.ebsPayment label, .ebsPayment select {font-size: 1.2em;}
.ebsPayment .btn {background: #A1B824; color: #fff; background: #34b233; border: 1px solid #49d148; border-color: #49d148 #279226 #279226 #49d148; padding: 0.4em 1em 0.4em; font-weight: bold; text-align: center; font: bold 1.2em Helvetica, Arial, sans-serif;}
.ebsPayment .btn:hover {background: #2da42c;}

form.workshopsReset {float: right; margin: 0 !important; border: 0 !important; position: absolute; right: 0;}
form.workshopsReset .btn {font-family: Helvetica, Arial, sans-serif; color: #fff; background: #aaa; border: 1px solid #000; border-color: #bbb #888 #888 #bbb; padding: 3px 15px 4px; font-size: 1.2em; font-weight: bold; text-align: center;}
form.workshopsReset .btn:hover {color: #fff; background: #bbb;}

#pageInfo {position: relative; background: #ccc; padding: 4px 20px 4px 8px; float: right; margin: -7px 5px 0 0; border-top: 3px solid #bbb; color: #fff !important; border-bottom: none; font-size: 1.2em;}
#pageInfo:hover {border-bottom: none; background: #bbb; border-top-color: #aaa; text-decoration: none;}
#pageInfo span {position: absolute; top: 0; right: 5px; font-weight: bold; font-size: 1.7em; margin-top: -5px;}


.bookableEvent .btn {color: #fff; background: #EE008C; border: 1px solid #ff7ac0; border-color: #ff7ac0 #bd0063 #bd0063 #ff7ac0; padding: 0.4em 1em 0.4em; font-weight: bold; text-align: center; font: bold 1.4em Helvetica, Arial, sans-serif;}
.bookableEvent .btn:hover {background: #BD0063;}

.collapseSelect {list-style: none; margin: 0; padding: 0; display: block; clear: both; width: 100%;}
.collapseSelect li, .collapseSelect li:first-child {position: relative; border-top: 1px solid #ccc !important; float: left; width: 100%; display: block; clear: both; margin: 15px 0; padding: 0 !important; background-image: none !important;}
.collapseSelect input {margin: 1em 0; width: 4%;}
.collapseSelect *:focus {outline: none !important;}
.collapseSelect label {font-size: 1.5em; color: #EE008C; cursor: pointer;}
.collapseSelect label:hover {background: #ffe8f6;}
.collapseSelect dl {background: #f7f7f7; border: 0; border-top: 1px solid #ccc; margin: 0.1em 0 1px; padding: 0; float: left; width: 100%; clear: both;}
.collapseSelect dl + dl {border-top: 0;}
.collapseSelect dt {position: absolute; border-top: 1px solid #eee; padding: 0 0 0 4%; width: 26%; left: 0;}
.collapseSelect dd {border-top: 1px solid #eee; margin-left: 26%;}
.collapseSelect .rowactionbtn {display: inline; margin: 0.2em 0; width: auto;}
.collapseSelect li table {width: 99%; margin: 4px 0;}
.collapseSelect li table th, .collapseSelect li table td {background: #fff; font-weight: normal !important;}
.collapseSelect li table * { font-size: 0.97em;}

dt.collapseSelectPrice {display: none;}
dd.collapseSelectPrice {position: absolute; top: 7px; right: 10px; border: 0; padding: 0; background: #FFE2A6 ; padding: 3px 6px; color: #000; font-weight: bold; font-size: 1.1em;}
dd.collapseSelectDiscount {position: absolute; top: 7px; right: 6em; border: 0; padding: 0; background: url(../images/packages3for2.gif) right no-repeat #ffe953; padding: 3px 1em 3px 6px; font-size: 1.1em; color: #666;}
dt.collapseSelectDesc {display: none;}
dd.collapseSelectDesc {margin-left: 4.4%; font-size: 1.1em; padding: 6px 0;}

.bookableEvent .formText {margin: 0 0 10px; border: none; background: #ffe8f6; padding-top: 5px; padding-bottom: 5px;}
.bookableEvent .formCols dt, .bookableEvent fieldset.boxForm .formCols dt {width: 49%;}
.bookableEvent .formCols dd {width: 64%;}
.bookableEvent .formCols .formError {width: 98%;}
.bookableEvent .formCols .fDrop {width: 50%}
.bookableEvent .formCols .fText {width: 48.9%}

.right {float: right; margin-bottom: 20px;}
.bookableEvent .collapseSelectGroup .btn {float: right;}

#EventAttendee-ProfessionalInfo-Institution-other-wrapper {margin-top: 4px;}
#EventAttendee-ProfessionalInfo-Institution-other-wrapper span {display: block; float: left; width: 17%;}
#EventAttendee-ProfessionalInfo-Institution-other-wrapper input {display: block; width: 31.9%;}

.packUnits + dt + dd table {font-size: 1.1em;}
.packUnits + dt + dd table td, .packUnits + dt + dd table th {padding: 5px !important; line-height: 1.2em;}

.ebsName .rowactionform {float: right;}
.dlMyEventBookings {display: block; width: 100%; margin-bottom: 20px; float: left; margin: -1.6ex 0 0; border-bottom: 1px solid #e0e0e0;}
.dlMyEventBookings dt {float: left; width: 31%; border-bottom: 1px solid #f5f5f5; padding: 3px 1%; background: #f5f5f5;}
.dlMyEventBookings dd {float: left; width: 65%; border-bottom: 1px solid #f5f5f5; font-weight: bold; padding: 3px 1%; background: #f5f5f5;}
.myEventBookings h6 {border-top: 1px solid #fff; border-bottom: 1px solid #ddd; background: #eee; padding: 3px 0; text-indent: 5px; margin-bottom: 1.5em;}
.myEventBookings .ebs {margin-bottom: 1ex; border: 0; background: none; width: 96%; padding-left: 2%; margin: 0 0 2em;}
.myEventBookings .ebs h3 {color: #444; margin-top: 0; font-size: 1.4em; margin-bottom: 8px;}
.myEventBookings .ebs form + h3 {position: relative; top: 8px;}
.myEventBookings .ebs form {margin: 0 0 10px; position: relative; z-index: 10;}
.myEventBookings .ebsOpen h3 {color: #000;}
.myEventBookings .ebsOpen {background-color: #ffe8f6 ; padding-top: 8px; margin-bottom: 2.5em;}
.myEventBookings .ebsInfo {display: block; border: 0; padding: 0; margin: -5px 0 0 0; padding-bottom: 5px;}
.myEventBookings .ebsInfo dl {width: 100%; margin-bottom: 0;}
.myEventBookings .ebsInfo dt {width: 34%}
.myEventBookings .ebsInfo dd {margin-left: 34%; width: 66%;}
.myEventBookings .heading {float: left;}
.myEventBooking + h1 {float: left; width: 100%; margin-top: 20px;}



.myEventBooking .ebs {padding-bottom: 10px; background-image: none; padding-left: 3%; width: 95%;}
.myEventBookings .ebsOpen {padding-bottom: 0;}
.myEventBookings .ebs .ebsInfo dt, .myEventBooking .ebs .ebsInfo dt {left: auto;}


.redirectMsg {clear: left; border-width: 4px !important; line-height: 0; padding: 20px !important; position: relative; top: 5px; background: #e8f5d8 !important;}
.redirectMsg p {color: #000}
.redirectMsg p:last-child {margin: 0;}
.redirectMsg span {font-size: 11px !important; line-height: 11px !important;}


.ratesGroup {float: left; width: 94%; padding: 0 3% 1em 3%; margin-bottom: 20px; background: #ECECEA;}
.ratesGroupClosed {background: #f1f1ef;}
.ratesGroup h3 { padding: 7px 3.3% 9px; margin-left: -3.3%; margin-top: -1px; color: #fff; border-bottom: 3px solid #ddd; background: url(/images/packGroupMinus.gif) 25px 50% no-repeat #94968b; text-indent: 20px; font-size: 1.8em;}
.has_js .ratesGroup h3 {cursor: pointer;}
.ratesGroupClosed h3 {background-color: #aeafa7; background-image: url(/images/packGroupPlus.gif);}
.has_js .ratesGroup h3:hover {background-color: #8b8d82;}
.has_js .ratesGroupClosed h3:hover {background-color: #a7a8a0;}
.ratesGroup p {display: block; margin: 0; padding: 0 0 1em;}
.ratesGroup .eventsRates {display: block; float: left; margin-bottom: 0; border-top: 3px solid #f5f5f5; border-bottom: 1px solid #e5e5e5; width: 100%; padding-left: 1%; padding-right: 1%; margin-left: -1%; background: #fff;}
.ratesGroup .eventsRates dd {float: right;}
.ratesGroup .eventsRates dd.eventsRatesDesc {float: left; clear: left;}
.ratesGroup .eventsRates:hover {background: #fff;}
.ratesGroupClosed .eventsRates {display: none;}
.ratesGroup .eventsRates:last-child {margin-bottom: 0;}
.eventsRates .collapseSelectDiscount {right: 10em; width: auto !important; padding: 1px 1em 1px 6px;}

.collapseSelectGroup {float: left; width: 94%; padding: 0 3% 1em 3%; margin-bottom: 20px; background: #ECECEA;}
.collapseSelectGroup h3 { padding: 7px 3.3% 9px; margin-left: -3.3%; margin-top: -1px; color: #fff; border-bottom: 3px solid #ddd; background: url(/images/packGroupMinus.gif) 25px 50% no-repeat #94968b; text-indent: 20px;}
.has_js .collapseSelectGroup h3 {cursor: pointer;}
.collapseSelectGroup li, .collapseSelectGroup li:first-child {display: block; float: left; margin-bottom: 0; border-top: 3px solid #f5f5f5; border: 1px solid #ddd; width: 100%;  background: #fff !important; margin: 0 0 15px;}
.collapseSelectGroup li .info {background: #fafafa}
.collapseSelectGroupClosed ul, .collapseSelectGroupClosed .btn {display: none;}
.collapseSelectGroupClosed {background: #f1f1ef;}
.collapseSelectGroupClosed h3 {background-color: #aeafa7; background-image: url(/images/packGroupPlus.gif);}
.has_js .collapseSelectGroup h3:hover {background-color: #8b8d82;}
.has_js .collapseSelectGroupClosed h3:hover {background-color: #a7a8a0;}

.groupLeadIn {font-size: 1.15em;}

/* = TinyMCE in site, not cms4
-----------------------------------------------------------------------------*/
.mceContentBody {font-size: 12px !important; color: #222 !important;}