﻿body { background-color: #067ab4; color: Black; text-align: center; font: normal 11px arial, sans-serif;}

a { text-decoration: none; color: #8acbff; font: normal 11px arial, sans-serif;}

.blackText { color: black;}
.footerText { color: #bde0fd; }
.navText { color: #666666;}
.hoverText { color: #067ab4;}

table#container { width: 1033px; margin-left: auto; margin-right: auto; font: normal 11px arial, sans-serif; height: 100%;}
table#container tr td { }

div.bucket { float: left; width: 1031px; height: 179px; margin-left: 0px; background-color: Transparent; }
table#bucketContainer { margin-top: 20px;}

div#flashPlaceholder { width: 1033px; height: 415px; text-align: center; font-size: 6px; vertical-align: middle;}

/* Position background image at top-right corner*/
td.lcol { width: 50%;}
td.ccol { width: 1033px;}
/* Position background image at top-left corner*/
td.rcol { width: 50%;}
td#ul { background-image: url(../images/main_lclouds.jpg); background-repeat: no-repeat; background-position: right top; height: 439px; background-color: White;}
td#uc { vertical-align: top; }
td#lrow { background-image: url(../images/fold_repeat.jpg); background-repeat: repeat-x; background-position: left top;}
td#ur { background-color: White; background-image: url(../images/nav/nav_right.jpg); background-repeat: no-repeat; background-position: top left;}
td#cl { background-color: White;}
td#cr { background-color: White;}
td#ll { }
td#lc { }
td#lr { }
td#bgPlaceholder { background-image: url(../images/sydney_bg.jpg); background-repeat: no-repeat; background-position: top left;}
tr#foldRow { background-image: url(../images/fold_repeat.jpg); background-repeat: repeat-x;}
tr#nav_bottom { background-image: url(../images/nav/main_nav_bottom.jpg); background-repeat: no-repeat; background-position: left top; width: 1033px; height: 12px;}

td#footer { text-align: center; width: 100%; height: 120px; color: #8ACBFF; background-image: url(../images/footer_bg.jpg); background-repeat: no-repeat; background-position: center top; vertical-align: top; padding-top: 25px;}
td#footer a:hover { text-decoration: underline;}

table#header { width: 100%; background-image: url(../images/nav/nav_bg.jpg); background-repeat: no-repeat; height: 111px;}
td.headerLeft { width: 500px; vertical-align: bottom; font-weight: bold; text-align: center;}
td.headerCenter { width: 180px; vertical-align: bottom; font-weight: bold; padding: 0 5px 0 0; text-align: center;}
td.headerRight { width: 74px; text-align: center;}
td#subHeader { height: 40px; padding: 0 35px 0 0;}
td#logo { width: 200px; vertical-align: middle; }
td#logo a { margin-left: 20px;}
tr#mainNav { }
tr#middleNav a { color: #666666;}
tr#middleNav a:hover { color: #067ab4;}
tr#middleNav { height: 35px; }
tr#middleNav span { padding-left: 10px; padding-right: 10px;}
tr#mainNav td.headerLeft { vertical-align: top;}
tr#mainNav td.headerCenter { vertical-align: top;}
tr#middleNav td.headerLeft { vertical-align: middle;}
tr#middleNav td.headerCenter { vertical-align: middle;}
tr#middleNav td.headerCenter a { white-space: nowrap;}
a.link_selected { color: #067ab4 !important;}
.tracksideButton { margin: 0 0 0 50px !important;}

div.top_btn { background-repeat: no-repeat; background-position: left top; width: 131px; height: 27px; margin-left: auto; margin-right: auto; vertical-align: middle; padding-top: 4px; font-weight: bold; background-image: url(../images/nav/top_button_off.jpg); color: White; text-align: center;}
div.top_btn_selected { background-image: url(../images/nav/top_button_highlighted.jpg); }
div#track_btn {  }
div#tech_btn { }

table.sub_btn { color: White; font-weight: bold; float: right; }
table#lang_btn { }
table#comm_btn { }
table#blog_btn { margin-right: 40px;}
table#layout { width: 100%;}

td.btn_main_copy { background-image: url(../images/nav/nav_btn_repeat.jpg); background-repeat: repeat-x; padding: 0 10px 0 10px;}

div.ActionButtons 
{
	margin-top: 16px;
	float: right;
}

div.ActionButtons a.lang 
{
	background: transparent url('../images/divlayout/menu_expand.gif') no-repeat scroll top right !important;
    padding-right: 22px !important; /* sliding doors padding */
}

div.ActionButtons a.lang span {
    padding: 5px 0 6px 28px !important;
}

div.ActionButtons a.kmu
{
	background: transparent url('../images/divlayout/menu_rss.gif') no-repeat scroll top right !important;
    padding-right: 21px !important; /* sliding doors padding */
}

div.ActionButtons a.menuButton
{
	background: transparent url('../images/divlayout/menu_blue_button_right.gif') no-repeat scroll top right;
}

div.ActionButtons a.dl
{
	background: transparent url('../images/divlayout/menu_download.gif') no-repeat scroll top right !important;
	padding-right: 23px !important;
}

div.ActionButtons a.cs
{
	background: transparent url('../images/divlayout/menu_casestudy.gif') no-repeat scroll top right !important;
	padding-right: 23px !important;
}

div.ActionButtons a.cs span { padding: 5px 3px 6px 6px !important;}
div.ActionButtons a.dl span { padding: 5px 3px 6px 6px !important;}

a.button {
    background: transparent url('../images/divlayout/menu_blue_button_right.png') no-repeat scroll top right;
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 9px arial, sans-serif;
    height: 20px;
    margin-right: 6px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
    white-space: nowrap;
}

a.button span {
    background: transparent url('../images/divlayout/menu_blue_button_left.png') no-repeat;
    display: block;
    line-height: 9px;
    padding: 5px 0 6px 6px;
}

h2 { color: #2675b1; font-size: 20px; font-weight: bold;}
h3 { color: #df6e06; font-size: 10px; font-weight: bold;}
h4 { color: #2675b1; font-size: 10px; font-weight: bold;}

/* NAV */
div#TB_ajaxContent { background-color: #ededec;}
div#TB_ajaxContent table#langTable { width: 100%;}
div#TB_ajaxContent table#langTable tr td { width: 145px; height: 125px; text-align: center; vertical-align: middle;}
div#TB_ajaxContent table#shareTable { margin-left: auto; margin-right: auto; margin-top: 35%;}
div#TB_ajaxContent table#shareTable tr td { padding-bottom: 10px;}

/* BLOG PAGE*/
table#blogContainer { padding-top: 10px; }
/*TODO: "Normalize" some of this stuff out to a separate class so we can inherit from all other pages */
table#blogContainer tr td#blogHeader { color: #fa9410; font-size: 20px; font-weight: bold; padding: 0 0 10px 5px; text-align: left;}
table#blogContainer tr td#blogHeader span { color: #2675b1;}
table#blogContainer tr td#blogContents { padding-left: 20px; text-align: left; vertical-align: top;}
table#blogContainer tr td#blogContents span { }
table#blogContainer tr td#blogMenu { width: 239px; height: 448px; background-image: url(../images/blog_lmenu.png); background-position: top left; background-repeat: no-repeat; text-align: left; vertical-align: top; padding: 40px 0 0 0;}
td#blogMenu h1 { color: White; font-weight: bold; font-size: 15px; margin-top: 30px; margin: 40px 0 3px 12px;}
div#blogNavContainer { float: left; border-top: 1px solid #7ac4ff; width: 135px; margin: 0 0 0 12px; padding-top: 3px;}
div#blogNavContainer a { color: White;}
div#blogQAContainer { float: left; clear: left; width: 187px; height: 81px; background: transparent url(../images/blog_qa.png) no-repeat top left; padding: 0 55px 0 20px;}
div#blogQAContainer p { color: #2675b1; font-weight: bold;}
div#blogQAContainer a { color: White; font-weight: bold; display: block; padding-top: 5px;}
td#blogContents h1 { color: #2675b1; font-size: 15px; font-weight: bold; margin-bottom: 5px;}
td#blogContents hr { color: #2675b1; margin-bottom: 5px;}
td#blogContents a#toTop { color: #f18800; padding-top: 10px; display: block;}
div#blogNavContainer a.itemSelected { font-weight: bold;}
div#blogPanel { width: 730px; height: 400px; line-height: 1.7em; overflow: hidden;}

/* KEEP ME UPDATED PAGE*/
table#keepMeUpdatedContainer { padding-top: 10px;}
table#keepMeUpdatedContainer tr td#keepMeUpdatedHeader { color: #fa9410; font-size: 20px; font-weight: bold; padding: 0 0 10px 5px; text-align: left;}
table#keepMeUpdatedContainer tr td#keepMeUpdatedHeader span { color: #2675b1;}
table#keepMeUpdatedContainer tr td#rssContainer { width: 50%; height: 300px; vertical-align: top; text-align: left;}
table#keepMeUpdatedContainer tr td#emailContainer { width: 50%; height: 300px; vertical-align: top; text-align: left;}
table#keepMeUpdatedContainer tr td#questionContainer { width: 50%; text-align: left;}
table#keepMeUpdatedContainer tr td#questionContainer2 { width: 50%; text-align: left; vertical-align: top;}
#questionContainer2 td { text-align: center;}
#questionContainer2 a { color: #fa9410; text-decoration: none; }
#questionContainer2 a:hover { text-decoration: none;}
div#rssCheckBoxContainer { width: 400px; margin-left: auto; margin-right: auto;}
div#rssCheckBoxContainer ul li { width: 180px; min-height: 30px; margin-left: 10px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; _height: 30px; vertical-align: middle;}
div#rssCheckBoxContainer ul li input { margin-right: 5px; vertical-align:middle;}
div#externalReaderAdd ul li { display: inline; margin-left: 20px;}
table#keepMeUpdatedContainer h1.header { font-size: 20px; padding-bottom: 13px; color: #2675b1;}
table#keepMeUpdatedContainer h1.header span { padding-top: 5px; display: block;}
table#keepMeUpdatedContainer .seperatorBorder { border-bottom: 1px solid #2675b1; position: relative;}
table#keepMeUpdatedContainer .field { padding-bottom: 10px; white-space: nowrap; vertical-align: middle;}
table#keepMeUpdatedContainer .requiredField { color: #ea7b14;}
a.keepMeUpdatedButton { margin-top: 10px;}
#questionContainer2 img { display: block; margin: 0 auto;}
#questionContainer2 td { vertical-align: bottom;}

/* SERVICES PAGE*/
table#servicesContainer { padding-top: 10px;}
table#servicesContainer tr td#servicesHeader { color: #fa9410; font-size: 20px; font-weight: bold; padding: 0 0 10px 5px; text-align: left;}
table#servicesContainer tr td#servicesHeader span { color: #2675b1;}
table#servicesContainer tr td#servicesContents { padding-left: 20px; text-align: left; vertical-align: top;}
table#servicesContainer tr td#servicesContents h4 { padding-top: 4px;}
table#servicesContainer tr td#servicesContents p { line-height: 1.7em;}
table#servicesContainer tr td#servicesContents li { padding-bottom: 5px;}
table#servicesContainer div#servicesFlashPlaceholder { width: 616px; height: 480px; background-color: Transparent; padding-top: 150px;}
table#servicesContainer div#servicesQA { position: absolute; bottom: 0px; left: 0px; height: 61px; width: 463px; background-image: url(../images/services_qa.jpg); background-repeat: no-repeat;}
div#qaTitle { margin-left: 8px; margin-top: 8px; color: #2675B1; font-weight: bold;}
div#qaLink { margin-left: 8px; margin-top: 15px;}
div#qaLink a { color: White; font-weight: bold;}
ul.linkList { margin: 5px 0 3px 5px;}
ul.linkList a { color: #ff9000;}

/* ABOUT PAGE*/
table#aboutContainer { padding-top: 10px;}
table#aboutContainer tr td#aboutHeader { color: #fa9410; font-size: 20px; font-weight: bold; padding: 0 0 10px 5px; text-align: left; width: 100%; }
table#aboutContainer tr td#aboutHeader span { color: #2675b1;}
table#aboutContainer tr td#aboutHeader div { position: relative; }
table#aboutContainer tr td#aboutHeader ul { }
table#aboutContainer tr td#aboutHeader ul li { display: inline; font-size: 12px; margin: 0 0 0 0; float: left; background-position: top left;}
table#aboutContainer tr td.AboutPicture { width: 537px; height: 239px; vertical-align: bottom;}
table#aboutContainer tr td#aboutContents { text-align: left; vertical-align: top; padding: 0 0 0 20px; }
td#aboutContents h1 { font-size: 25px; color: Orange; font-weight: bold;}
td#aboutContents h2 { font-size: 15px; color: #2675B1; font-weight: bold;}
td#aboutContents hr { margin-bottom: 5px;}
td#aboutContents div#aboutPanel { line-height: 1.6em; width: 460px; height: 235px; overflow: hidden;}
li.memberSelected { background: transparent url(../images/bio_selector.png) no-repeat;}
li.memberSelected span { color: #ffa500 !important;}

/* BIO PAGE*/
a.bioLink { height: 38px; width: 102px; text-align: center; display: block;}
a.bioLink span { margin-top: 5px; display: block; padding: 7px 0 0 0; text-align: center;}

/* SCHEDULE PAGE*/
a.link_selected { color: #666666;}
a.link_not_selected { color: #e88931; font-weight: bold;}
div#trackHeader { color: #fa9410; float: left; width: 500px; font-size: 20px; font-weight: bold; padding: 10px 0 0 5px; text-align: left; }
div#trackHeader span { color: #2675b1;}
div#trackNav { float: right; width: 429px; height: 30px; background-image: url(../images/track/tab.png); background-repeat: no-repeat;}
div#trackNav div { float: right; margin: 10px 10px 0 0;}
ul#trackList { font-size: 12px; font-weight: bold;}
ul#trackList li { height: 34px;}
a.mapLoader { cursor: pointer;}
ul#trackList div.lcol { float: left; color: #656566; padding-top: 11px; text-align: left; padding-left: 10px;}
ul#trackList div.rcol { float: left; color: #ebf3f9; padding-top: 11px; text-align: left; padding-left: 10px;}
div#mapPlaceholder { background-color: White; position: relative;}
div#mapWrapper { width: 999px; height: 430px; background: transparent url(../images/track/overlay_bg.png) no-repeat; margin-top: 15px;}
div#mapDesc { float: right; right: 0; bottom: 50px; color: White; font-weight: bold; text-align: left; width: 350px; position: absolute;}
div#mapDesc p { margin: 0; padding: 0;}
div#mapPlaceholderContainer { background-color: white; width: 600px; height: 410px; margin: 10px 0 0 10px; position: absolute;}

/* INTERVIEWS PAGE*/
table#interviewsContainer { padding-top: 10px;}
table#interviewsContainer tr td#header { color: #fa9410; font-size: 20px; font-weight: bold; padding: 0 0 10px 5px; text-align: left;}
table#interviewsContainer tr td#header span { color: #2675b1;}
table#interviewsContainer tr td#header ul { }
table#interviewsContainer tr td#header ul li { display: inline; font-size: 12px; margin: 0 0 0 0; float: left; background-position: top left;}
table#interviewsContainer tr td#contents { padding-left: 20px; text-align: left; vertical-align: top;}
table#interviewsContainer div#interviewFlashPlaceholder { width: 616px; height: 480px; padding-top: 200px;}
table#interviewsContainer div#servicesQA { position: absolute; bottom: 0px; left: 0px; height: 61px; width: 463px; background-image: url(../images/services_qa.jpg); background-repeat: no-repeat;}
table#interviewsContainer #contents li { padding-bottom: 5px;}
div#qaTitle { margin-left: 8px; margin-top: 8px;}
div#qaLink { margin-left: 8px; margin-top: 15px;}
div#interviewList {}
div#interviewCopy { margin-top: 10px; width: 350px; line-height: 1.4em;}
div#interviewList ul li { width: 127px; min-height: 59px; margin: 0 0 10px 1px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; _height: 30px; vertical-align: middle; }
li.intervieweeSelected { background: transparent url(../images/bio_selector.png) no-repeat;}
li.intervieweeSelected span { color: #ffa500 !important;}
li.intervieweeThumb { border: 2px solid #c0c0c0;}
a.interviewLink { height: 38px; width: 102px; text-align: center; display: block; text-align: center;}
a.interviewLink span { margin-top: 5px; display: block; padding: 7px 0 0 0; text-align: center;}

/* DOWNLOADS/CASE STUDIES */
#pageHeader { color: #fa9410; font-size: 20px; font-weight: bold; padding: 0 0 10px 5px; text-align: left; margin-top: 10px;}
#pageHeader span { color: #2675b1;}
.downloadBox { width: 305px; float: left; margin-top: 10px;}
div.padleft { margin-left: 58px;}
.downloadBox img { margin-bottom: 10px;}
.downloadBox hr { color: #2675b1; margin: 10px 0 15px 0;}
.downloadBox a { color: #FA9410;}
.downloadBox p { font-size: 16px; color: #2675B1; margin-top: 0;}
#desktop { float: left; width: 145px;}
#mobile { float: left; }
.casestudyBox { float: left; width: 363px;}
#caseStudyContainer hr { margin: 0 0 20px 0; color: #2675b1; }
#caseStudyContainer ul li { margin: -30px 25px 0 0; padding-top: 30px; height: 285px;}
#caseStudyContainer ul li hr { margin: 10px 0; clear: both;}
#caseStudyContainer h3 { color: #2675b1; font-size: 12px; margin-bottom: 5px; clear: both;}
#caseStudyContainer h2 a { font-size: 14px; text-transform: uppercase; color: #2675b1;}
li.padleft { padding-left: 25px; border-left: 1px solid #808080;}
#caseStudyContainer img { float: left; margin: 0 10px 10px -5px;}
#caseStudyContainer ul li ul li { float: left; clear: left; width: 100%;}
#caseStudyContainer ul li ul li img { margin: 0 7px 7px 0;}
#caseStudyContainer p { margin-top: 5px; }
#caseStudyContainer a { color: #FF9000;}
body.downloads #subBgPlaceholder a { font-weight: bold;}
body.casestudies #subBgPlaceholder a { font-weight: bold;}

/* SHARE DIALOG*/
div#shareDialog { width: 400px; height: 300px; display: none;}

td#contents p { line-height: 1.7em;}

.notTranslated { /*color: Red !important;*/ }
.notTranslated a { /*color: Red !important;*/ }

p { margin: 10px 0 10px 0;}
li { list-style-type: none;}