body {margin: 0; padding: 0; background-color: #FFFFFF !important; background-image: none !important; font-family: Verdana, Helvetica, sans-serif; color: #000000; text-align: center;}
input {border: 1px solid #666666; padding: 2px; font: x-small Verdana, Helvetica, sans-serif;}
form {margin: 0; padding: 0;}
strong {color: #333333;}
caption {font-weight: bold; color: #A02421; margin: 30px 0 5px 0; text-align: left;}
table {padding-bottom: 5px; border: 1px solid #999999; margin-bottom: 10px;}
th {text-align: left; padding: 3px; background-color: #F4F4FB;}
td {padding: 3px; border-top: 1px solid #CCCCCC;}
fieldset {border: 1px solid #CCCCCC; padding: 10px 10px 20px 10px; margin-top: 15px;}
img {border: none;}
legend {font-size: small; color: #CCCCCC;}
label {color: #333333; font-size: 0.9em;}
hr {background-color: #CCCCCC; height: 1px; border: none; color: #CCCCCC;}
.content hr, .popup hr {background-color: #FFFFFF; height: 1px; border-top: 1px solid #CCCCCC;}

h1, .articleHeading {font-size: medium; font-weight: bold; margin: 0 0 10px 0; padding: 0;}
h2 {display: block; font-size: 1.25em; font-weight: bold; margin: 15px 0 1px 0; padding: 0 0 3px 0; color: #333333; border-bottom: 1px solid #CCCCCC;}

.relatedArticles {float: none; display: block; font-size: 1.2em; font-weight: bold; margin: 10px 0; padding: 0; color: #151C5A;}
* html .relatedArticles {border-bottom: 1px solid #CCCCCC;}

.eventIntro h2 {font-size: small; font-weight: bold; margin: 0; padding: 0; color: #151C5A; border: none;}

a {color: #FF3300;}

#topAd, .topNav1, #search, #breadcrumb, #leftNav, .printSaveEmail, #rightNav, .ataGlance, .channelHomeImage2, .eventsNav, .subscribeBox {display: none;}

#container {width: auto !important; margin: 0 auto; padding: 0 0 10px 0; text-align: left;}

#masthead {float: none !important; width: auto !important; padding: 2px;}

#outer {float: none !important; width: auto !important; margin: 0!important;}
#outerWhiteBg {float: none !important; width: auto !important; border: none !important;}
#inner {float: none !important; width: auto !important;}
#center {float: none !important; width: auto !important;}

.content {float: none !important; width: auto !important; font-size: 0.7em; line-height: 1.3em; padding: 10px;}

#footer {display: none;}
* html #footer {display: block !important; float: none !important; clear: both; width: auto !important; padding: 0; font-size: x-small; line-height: 0.8em; line-height: 1.4em;}
#footer ul {margin: 0 0 0 -8px; padding: 0; list-style: none;}
#footer li {display: inline; padding: 0 8px; margin: 0;}
#footer a {text-decoration: underline; color: #000000;}
#footer a:hover {text-decoration: none;}

.eventsNav {float: left; width: 370px; padding: 5px; margin: 10px 0; background: #F4F5F3 url(/images/grey_line.gif) repeat-y 175px 0; border: 1px solid #D3D8CF;}
* html .eventsNav {float: none; margin-bottom: 0;}
.eventsNav ul {padding: 0; margin: 0; list-style: none;}
.eventsNav li {display: inline; float: left; width: 180px;}
.eventsNav a {margin: 1px 0;}
.eventsNav a:hover {text-decoration: none;}
.eventsNav .current {font-weight: bold;}

.clear {clear: both;}

.toLeft {float: left;}
.toRight {float: right;}

.noBorder {border-width: 0 !important; border: none;}
.noMargin {margin: 0;}
.white {color: #FFFFFF;}
.no {border-width: 0; margin: 0; padding: 0;}
.noDisplay {display: none;}
.noborder {border: none;}
.inputHeight {height: 13px;}
.displayBlock {display: block;}
.list {list-style: none; padding: 0; margin: 20px 0;}
.list li{margin: 0;}
.arrowList {list-style: none; padding: 0; margin: 20px 0;}
.arrowList li{background: url(/images/list_arrow.gif) no-repeat 0 2px; padding-left: 12px; margin: 2px 0;}
.width200 {width: 200px;}

.upperCase {text-transform: uppercase;}
.alignCenter {text-align: center;}
.normal {font-weight: normal;}

.works {color: #006699; font-weight: bold;}
.sitebuilder {color: #FF6600; font-weight: bold;}

.backgroundGrey {float: none; width: auto; padding: 10px; background-color: #F4F5F3; border: 1px solid #D3D8CF; font-size: small; line-height: 1.3em; margin-bottom: 10px;}
* html .backgroundGrey {margin-bottom: 20px;}

.backgroundBlue {float: none; width: auto; margin: 10px 0; border: 1px solid #151C5A; padding: 5px 5px 0 5px; background: none; font-size:0.9em; line-height: 1.2em; min-height: 1px;}
* html .backgroundBlue {height: 0px;}
.backgroundBlue img{display: none;}

.backgroundBlueWide {width: 383px; margin: 20px 0; border: 1px solid #151C5A; padding: 5px 5px 0 5px; background: #FFFFFF url(../images/blue_bg.jpg) repeat-x 0 0; font-size:0.9em; line-height: 1.2em; min-height: 210px;}
* html .backgroundBlueWide {height: 205px;}
.backgroundBlueWide a{font-weight: bold;} 
.backgroundBlueWide img{display: block; margin: 5px 0 0 0;}
.backgroundBlueWide p {}


.smallBox {width: 120px; padding: 7px; margin: 5px; background-color: #F4F5F3; border: 1px solid #D3D8CF; font-size: x-small; line-height: 1.3em;}
* html .smallBox {margin: 20px 5px 5px 5px;}

.bgGrey {float: left; padding: 4px; background-color: #F4F5F3; border: 1px solid #D3D8CF; margin-bottom: 10px;}
.bgGrey p {font-size: x-small; margin: 10px 0; line-height: 1.2em;}
.bgGrey img{border: 1px solid #D3D8CF;}

.blue {color: #3366CC; font-weight: bold;}
.midGrey {color: #666666; font-weight: bold;}
.black {color: #000000;}

.highlight {background-color: #FFF1B9;}

.box {display: none;}

.xxlargefont {font-size: xx-large;  line-height: 1.4em;}
.xlargefont {font-size: x-large; line-height: 1.3em;}
.largefont {font-size: large; line-height: 1.2em;}
.mediumfont {font-size: medium; line-height: 1.1em;}
.smallfont {font-size: small; line-height: 1.1em;}
.xsmallfont {font-size: x-small; line-height: 1.2em;}
.xxsmallfont {font-size: xx-small;}
.smallBold {font-weight: bold; font-size: xx-small; text-transform: uppercase; letter-spacing: 0.05em; color: #666666;}

#leftNav .linkTitle {padding: 3px 1px 3px 14px; background: url(/images/link_title_bg.jpg) no-repeat top left; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; display: block; font-weight: bold; text-transform: uppercase;}
* html #leftNav .linkTitle {position: relative;}

#rightNav .linkTitle {padding: 2px 0 2px 17px; margin: 2px 0; display: block; background: url(/images/boxed_arrow.gif) no-repeat 0 2px; font-size: 1em; font-weight: bold; text-transform: uppercase;}
#rightNav .linkTitleLoggedIn {padding: 2px 0; margin: 2px 0; display: block; font-size: 1em; font-weight: bold;}

.articleListing {margin: 0; padding: 0; list-style: none;}
.articleListing li {margin: 0;}
.articleListing a {display: block;}
.articleListing a strong {color: #FF3300;}
* html .articleListing a {height: 1px;}
.articleListing a:hover {text-decoration: none;}

.marginRight23 {margin-right: 19px;}
* html .marginRight23 {margin-right: 18px;}
.marginRight8 {margin-right: 8px;}
.imageLeft {float: left; margin: 0 8px 8px 0;}

.width172 {width: 172px; font-size: x-small; min-height: 190px;}
* html .width172 {height: 190px;}
.width112 {width: 112px; font-size: x-small; min-height: 210px;}
* html .width112 {height: 210px;}
.width373 {width: 373px;}

.channelHomeImage {float: right; margin: -15px 0 -7px 0;}
* html .channelHomeImage {margin-bottom: -1px;}
.channelHomeImageLine {float: left; width: 383px; clear: both; background-color: #FFFFFF; height: 1px; border-top: 1px solid #333333 !important;}

.channelHomeImage2 {float: left; width: 383px; margin: -15px 0 15px 0; border-bottom: 1px solid #333333;}
.channelHomeImage2 img {float: right;}

.eventIntro {float: none; width: auto; border-bottom: 1px dotted #636363; margin: 10px 0; padding-bottom: 5px;}

.eventIntro img{float: none; display: block;}

.eventListing {padding: 0; margin: 10px 0; list-style: none; line-height: 1.4em; font-size: x-small;}
.eventListing li{display: block; margin: 2px 0; padding: 0;}
.eventListing img {float: left; border: 1px solid #CCCCCC; margin: 2px 2px 0 0;}

.leadSponsors {padding: 0; margin: 10px 0; list-style: none;}
.leadSponsors li {display: inline;}
.leadSponsors img {border: 1px solid #CCCCCC;  margin-bottom: 5px;}
.leadSponsors a {margin-right: 35px;}
.leadSponsors .last {margin-right: 0;}

.sponsorsExhibitors {padding: 0; margin: 10px 0; list-style: none;}
.sponsorsExhibitors li {display: inline;}
.sponsorsExhibitors img {border: 1px solid #CCCCCC; margin-bottom: 5px;}
.sponsorsExhibitors a {margin-right: 19px;}
.sponsorsExhibitors .last {margin-right: 0;}

.subscribeBox {width: 363px; padding: 5px 10px 0 10px; border: 1px dotted #333333; background: url(/images/grey_bar.gif) repeat-x 0 0; text-align: center; margin: 10px 0 0 0;}
* html .subscribeBox {padding-bottom: 5px;}
.subscribeBox a:hover {text-decoration: none;}

.outsourcingTv {float: left; width: 381px; background: url(../images/tv_bg.jpg) repeat-x 0 0; border: 1px solid #CCCCCC; padding: 1px; margin: 0 0 5px 0; font-size: x-small; line-height: 1.2em;}
.outsourcingTv a {font-weight: bold; text-transform: uppercase;}
.outsourcingTv a:hover {text-decoration: none;}
.outsourcingTv img {float: left; margin-right: 3px;}

.border {border: 1px solid #CCCCCC;}

.eventsProgramme {float: left; margin: 10px 0; width: 383px;}
.eventsProgramme img {float: right; margin: 0 0 3px 3px; padding-top: 12px; background: #E6E6E6 url(../images/sponsored_by.gif) no-repeat 0 0; border: 1px solid #CCCCCC;}

.popup {width: 400px; margin: 0; padding: 10px; font-size: x-small; text-align: left; background-color: #FFFFFF;}
.popup .eventIntro {width: 400px;}
.popup label {display: block; font-weight: bold; font-size: 1.1em;}
.popup input {margin-bottom: 5px;}
.popup .button{padding: 2px 4px; margin: 3px 0; font-size:x-small; background: #AAAEA0 url(../images/button_bg.jpg) repeat-x 0 0; border: 1px solid #000000; text-transform: lowercase; text-decoration: none !important; color: #000000; font-weight: bold; float: left;}
.popupContent {}
.popupLogo {}
.popupFooter {}

.styleGuideContent {float: left; width: auto; background-color: #FFFFFF; font-size: 0.7em; line-height: 1.3em; padding: 10px; border: 1px solid #CCCCCC;}

.channelBoxHeight {}
* html .channelBoxHeight {}

.articleSponsorBase {float: left; width: 383px; clear: both; padding: 0; margin: 20px 0 10px 0; border: 1px solid #CCCCCC; background: #FFFFFF url(../images/this_article_is_sponsored_by.gif) no-repeat bottom left;}
.articleSponsorBase img {float: right;}

.contentIntro {float: none; width: auto; clear: both; margin: 10px 0 0 0; padding-bottom: 10px;}
.contentIntroLeft {float: none; width: auto; padding: 5px 10px 5px 0;}
.contentIntroRight {display: none;}
.contentIntroRight ul {margin: 5px 0 10px 0; padding: 0; list-style: none;}
.contentIntroRight li {margin: 0;}
.contentIntroLeft a, .contentIntroRight a {display: inline;}
.contentIntro .title {display: block; margin-bottom: 5px;}
.contentIntro .date {margin: 5px 0; font-size: x-small; color: #666666;}
.contentIntro .introduction {display: block;}

/* debug */
.debugWrapper {width: 770px;}
.debugTitle {background-color: #C1D9E5; color: #333333; font-weight: bold; font-size: 1em; padding: 4px;}
.debugBox {background-color: #E4EDF5; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #C1D9E5;}
.debugLeftCol {padding: 4px; float: left; width: 120px;}
.debugRightCol {padding: 4px; float: left;}
.debugClear {clear: both; height: 1px; overflow: hidden;}
.loudDebug {background-color: #FF6600; padding: 2px; margin: 2px;}
.quietDebug {display: none;}

/* preview */
.previewBar {padding: 4px; background-color: #FF0000; color: #FFFFFF;}

/* search */
.searchHighlight {background-color: #FFFFCC; font-weight: bold;}
.searchResult {float: left; width: 383px; font-weight: bold; margin-top: 8px; padding-left: 10px;}
.searchResult a {}
.searchText {margin-top: 2px; padding-left: 25px;}
.searchExplanation {margin-top: 2px; font-size: 0.9em; padding-left: 25px;}
.searchType {font-weight: normal;}
.searchRelevance {}
.searchNoResult {font-weight: bold; margin-top: 8px;}
.searchPaginate {margin-top: 20px;}

/* forms */
.form {}
.formText {}
.formElement {}
.formErrors {font-size: x-small;}
.formErrors ul{margin: 0; padding: 0; list-style: none;}
.formErrors li{color: #0000FF;}
.formMessage {margin: 5px 0px; font-size: xx-small;}
.formSubmit {}
.formButton {padding: 2px 4px; margin: 5px 0 0 0; font-size:x-small; background: #AAAEA0 url(/images/button_bg.jpg) repeat-x 0 0; border: 1px solid #FF6600; text-transform: lowercase; color: #000000; font-weight: bold;}
.formLink {}

/* messages */
.alert {font-weight: bold; color: #FF0000;}

/* articles */
.article {float: none; width: auto;}


/* events */
.event {float: left; width: 373px; clear: both; margin: 10px 0; padding: 5px; background-color: #F4F5F3; border: 1px solid #D3D8CF;}
.event .title {display: block; font-weight: bold;}
.event .type {font-weight: normal;}
.event .date {color: #666666;}
.event .authorEmail {}
.event .introduction {display: block; margin: 5px 0;}
.event .authorName {color: #666666;}
.event .location {}
.event a {display: inline;}