/* Copyright (c) 1998-2010 Araxis Ltd. All rights reserved. */

table {
    font-size: 100%;
} /* needed for IE */

tt, pre, code {
	font-family: "Courier New", Courier, monospace;
}

body, textarea {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
}

body {
	background: #fff;
	color: #000712;
	padding: 0;
	margin: 0 0 14px 0;
	font-size: 75%;
	line-height: 140%;
}

h1, h2, h3, h4, h5, span.calendarPopupYear {
	font-weight: normal;
	padding: 0;
	margin: 1.5em 0 .25em 0;
	text-align: left;
	color: #000712;
}

.guiMenuItem,
.guiMenuItem,
.guiButton,
.guiLabel,
.guiIcon,
.guiLink,
.guiTab,
.guiField,
.key,
.mouseButton {
	color: #555b64; 
}

body, h5, p, ol, ul, li, td, th {text-align: left;}
a, a .guiTab {color: #0000cc; text-decoration: none;}
a:hover, a:hover .guiTab {color: #0000cc; background-color: #d6dde7;}
a:visited, a:visited .guiTab {color: #990099;}
h4 a {text-decoration: none;}
img.link {position: relative; top: 1px; border: none; padding: 0; margin: 0; width: 11px; height: 11px;}
hr {width: 10em; margin: 2em 0 2em 0; padding: 0; height: 0; border: none; border-top: solid 1px #d6dde7;}
ol {margin: 5px 0 5px 14px; padding: 0;}
ol li {margin: 0 0 5px 10px;}
ul {color: #6D80B0; margin: 5px 0 5px 17px; padding: 0;}
ul li {margin: 0 0 2px 0; padding: 0; list-style-position: outside; list-style-type: square;}
ul li.selected, ul li.selectedWebApp {margin-left: -22px; padding: 0 5px 1px 5px; background-color: #fcfed8; border: 1px solid #E3E5C3; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; list-style-position: inside;}
ul li.selected {padding-bottom: 2px;}
div.li {color: #000712;}
li.selected > div.li, li.selectedWebApp > div.li {display: inline;}
blockquote {margin: 5px 2.5em 5px 2.5em; font-style: normal; text-align: left;}
h1 {margin: 0em 0em 1.2em 0em; font-size: 190%; line-height: 130%;}
h2, span.calendarPopupYear {font-size: 130%; line-height: 140%;}
h3 {margin-top: 1.5em; font-size: 110%; line-height: 140%;}
h4 {margin-top: 1em; font-size: 100%;}
h5 {margin-top: 1em; font-size: 100%; font-style: italic;}
h1 strong, h2 strong, h3 strong, h4 strong, span.calendarPopupYear {font-weight: bold;}
div.footer, p, h1, h2, h3, h4, h5, blockquote {max-width: 520px; white-space: normal;}
div.annotation {max-width: 520px;}
p, pre {margin: 5px 0 5px 0;}
p.last {margin-bottom: 0px; padding-bottom: 5px;} /* needed for IE7 CSS bug */
h3 + p {margin-top: 1.165em;}
.small {font-size: 90%;}
.smallDim {font-size: 90%; color: #888; font-weight: normal;}
.smallDim a {color: #4040cc;}
.smallDim a:visited {color: #994099;}
h3 .small, h3 .smallDim {font-size: 81.8%}
h2 .small, h2 .smallDim {font-size: 69.2%}
table.form {margin: 0; padding: 0; width: 100%; border-collapse: collapse; border: none; background-color: transparent;}
table.form tr {}
table.form th {text-align: left; vertical-align: bottom;}
table.form td, table.form td.annotation {text-align: left; vertical-align: bottom;}
table.form td.textAreaLabel {vertical-align: top; padding-top: 2px; white-space: nowrap;}
table.form td {white-space: nowrap; vertical-align: baseline;}
table.form td.annotation {white-space: normal; vertical-align: baseline;}

label {vertical-align: baseline;}
code {white-space: normal;}
.top {margin-top: 0px;}
acronym {text-transform: uppercase;}

div.releaseHistory h2 + p {margin-top: 1.165em;}
div.releaseHistory h2,
div.releaseHistory h3 {
	background-color: #c7cbd1;
	padding: 2px 5px 2px 5px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
}

div.releaseHistory h2 {
	background-color: #9ea5af;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
}

div.notice {
	background-color: #c7cbd1;
	padding: 5px 5px 5px 5px;
	border: 1px solid #9ea5af;
	margin: 10px 0 10px 0; 
}

/* Header */

/*
	+--Padding--+--Content--+--Padding--+--Padding--+--Sidebar--+--Padding--+

	14+520+24+24+200+14 = 796
	24+200+14 =	 238
*/

#wrapper,
#status,
#headerRow2,
#headerRow1,
#headerContainer {
	width: 796px;
}

#sidebar,
.headerRight {
	width: 200px;
}

#contentContainer {
	margin-right: -238px;
}

#contentWithSidebar {
	margin-right: 238px;
}

.searchField {
	font-size: 100%;
	width: 125px;
	margin-right: 0px;
	color: #555b64;
	text-align: right;
	padding: 0 2px 0 2px;
}

.searchFieldActive {
	color: #000712;
}

#wrapper {
	margin: 0 auto 14px auto; 
}

#contentContainer {
	width: 100%;
	float: left;
}

#content {
	padding: 0 14px 0 14px;
	width: 520px;
}

h1 { width: 520px; }

#contentWithSidebar {
	background: #fff url( "../Img/VDots.gif" ) repeat-y;
	background-position: right;
	padding: 0 24px 0 14px;
	overflow: hidden;
}

#sidebar {
	padding: 0 14px 0 24px;
	float: right;
	margin: 0;
}

#footer {
	padding: 14px 14px 0 14px;
	margin: 0;
	color: #888e98;
	font-size: 90%;
	clear: both;
}

td.footer { vertical-align: bottom; }

td.footer #footer {
    color: #000;
    padding-left: 0px;
}

#status {
	margin: 0 auto 0 auto; 
	color: #888e98;
	padding: 7px 0 0 0;
	clear: both;
}

.headerRight {
	padding: 0 14px 0 24px;
	text-align: right;
	float: right;
	font-size: 90%;
	color: #888e98;
}

#headerRow2 .headerRight {
	position: absolute;
	bottom: 5px;
	right: 0;
}

.headerLeft {
	padding: 0 14px 0 14px;
	font-size: 90%;
}

#headerRow2,
#headerRow1 {
	position: relative;
	left: 100px;
}

#headerRow1 {
	padding: 19px 0 18px 0; /* bottom padding reduced by 1px to allow for tabstrip top margin */
}

#headerContainer {
	background-image: url('../Img/HeaderBackground.gif');
	background-position: -103px -14px;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 0px 0 0 0px;
	margin: 0 auto 0 auto;
	position: relative;
	left: -100px;
}

#header {
	width: 100%;
	background-color: #c7cbd1;
}

#heading, h1 {
	margin: 28px 0 28px 0;
	padding: 0 14px 0 14px;
	margin: 28px 0px 28px 0;
}

#heading h1 {padding-left: 0;}

#header div.tabStrip,
#header div.tabStrip ul {width: 520px; position: relative; bottom: 0; left: 0;}

a.logo {padding: 0; margin: 0;}
a.logo:hover,
span#headerLeft a.logo:hover {
	background-color: transparent;
}

img.logo {
	vertical-align: bottom; 
	border: none;
	text-align: left; 
	padding: 0; 
	margin: 0;
}

#header a {white-space: nowrap;}


/* Alternative header background adjustments */


.ktHeaderBackground span.ktAppTitle {color: #eaeaea; font-size: 110%; font-weight: bold;}

.ktHeaderBackground div#header div.headerRight {color: #dddddd;}
.ktHeaderBackground div#header div.headerRight a {color: #ddddff;}
.ktHeaderBackground div#header div.headerRight a:hover {background-color: #9da4ae;}


.ktHeaderBackground div#header div.tabStrip li {
	background: url( "../Img/TabsLeftKtHeader.gif" ) no-repeat left top;
}

.ktHeaderBackground div#header div.tabStrip span.tc {
	background: url("../Img/TabsRightKtHeader.gif") no-repeat right top;
}

.ktHeaderBackground #headerContainer {
	background-image: none;
}

.ktHeaderBackground #header {
	background-image: url('../Img/HeaderBg.jpg');
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #6d80b0;
}

.mgHelp #headerContainer,
.mgHelpMac #headerContainer {
	background-image: none;
}

.mgHelp #header {
	background-image: url('../Img/MergeHeaderBg.jpg');
	background-position: right center;
	background-repeat: no-repeat;
}

.mgHelp #headerRow1,
.mgHelpMac #headerRow1 {
	padding: 3px 0 3px 0;
}

.mgHelp h1,
.mgHelpMac h1 {
    width: auto;
    text-shadow: none;
}

.mgHelpMac div.tblMargin {
    max-width: 520px;
}

/* Full-width elastic pages. */

.fullWidth #wrapper,
.fullWidth #status,
.fullWidth #headerRow2,
.fullWidth #headerRow1,
.fullWidth #headerContainer {
	width: 100%;
}

.fullWidth #content {
	width: auto
}

#pgLayout {
	border: none; 
	padding: 0;
	margin: 0;
	background-color: transparent;
	border-collapse: collapse;
	width: 100%;
}

#pgContent {
	vertical-align: top;
	padding: 0 24px 0 14px;
	margin: 0;
	background: #fff url( "../Img/VDots.gif" ) repeat-y;
	background-position: right;
}

#pgSidebar {
	vertical-align: top;
	padding: 0 14px 0 24px;
	width: 200px;
	margin: 0;
}


/* Misc */

a.appleHelpAnchor {position: absolute; top: 0;}

div.activeHelpTopic, div.explanation, div.explanationSmall {
	background-color: #fcfed8;
	padding: 0 5px 0 5px;
	border: 1px solid #E3E5C3;
	margin: 5px 0 10px 0; 
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	border-radius: 7px;
}

div.explanation {width: 545px;}
div.explanationSmall {font-size: 90%; width: 15em; line-height: 130%; max-width: none; white-space: normal;}
div#links {float: left; text-align: right; max-width: 100%; padding: 7px 14px 0 14px;}
span.disabled {color: #747a83;}
div#header span.disabled {color: #c9d0da;}
div.navStrip {color: #747a83; font-size: 90%; margin: 0 0 5px 0;}
#header span.navBrkt {color: #747a83; font-weight: normal;}
span.navBrkt {color: #b9c0ca; font-weight: normal;}
span.ktAppTitle {color: #5a5e62; font-size: 110%; font-weight: bold;}

#contentWithSidebar > p:first-child,
#pgContent > p:first-child {
	margin-top: 0;
}


/* Forms */

form {margin: 0; padding: 0; clear: none;}

span.required {color: #f00;}

.fldCheckBox,
.fldRadioButton {
    margin-right: 3px;
}

.fldFit,
.fldWeeny,
.fldTiny,
.fldShort,
.fldMediumShort,
.fld,
.fldMediumLong,
.fldLong,
.fldLongSubmitOnChange {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}

.fldWeeny {width: 35px;}
.fldTiny {width: 55px;}
.fldShort {width: 70px;}
.fldMediumShort {width: 85px;}
.fld {width: 170px;}
.fldMediumLong {width: 280px;}
.fldLongSubmitOnChange, .fldLong, p.fldNote {width: 450px;}
.frmBtn, .cautionFrmBtn, .frmDateBtn {padding: 0 2px 0 2px; font-size: 90%; vertical-align: baseline;}
.rsNavBtn, .rsNavBtnDisabled {padding: 0 7px 0 7px; margin: 0 2px 0 0; font-size: 90%;}
.rsNavBtnDisabled {cursor: default;}
.frmDateBtn {padding: 0 4px 0 4px; margin-left: 1px;}
optgroup {font: inherit; font-style: italic; font-weight: normal;}

table.results input.fldFit,
table.results input.fldWeeny,
table.results input.fldTiny,
table.results input.fldShort,
table.results input.fldMediumShort,
table.results input.fld,
table.results input.fldMediumLong,
table.results input.fldLong,
table.results input.fldLongSubmitOnChange {
background-color: #f0f0f0;
border: none;
margin: 1px 0 1px 0;
}

table.results select.fldFit,
table.results select.fldWeeny,
table.results select.fldTiny,
table.results select.fldShort,
table.results select.fldMediumShort,
table.results select.fld,
table.results select.fldMediumLong,
table.results select.fldLong,
table.results select.fldLongSubmitOnChange {
margin: 1px 0 1px 0;
}

table.results td p { margin-bottom: 0;}
table.results tbody tr.even p,
table.results tbody tr.even p.top { max-width: none; width: auto; }


/* Recordsets and charts */

img.sortOrderImg { position: relative; top: 1px; }
span.buttonRowText { font-size: 90%; }
div.changesAppliedMsg { margin-top: 5px; color: red; font-weight: bold; }
table.results tr.even th,
table.results tr.even td, 
table.dxTable tr.even th,
table.dxTable tr.even td { background-color: #eef1f2; }
table.results tr.even td { font-weight: bold; }


/* API documentation */

.faq, .property { color: #000090; }
.method { color: #009000; }
.event { color: #900000; }


/* Ketura */

div.inactiveHelpTopic {}
img.formPreamble {
	position: relative;
	left: -15px;
	top: 5px;
	margin: 0; 
	padding: 0;
	clear: none;
	float: left;
}
span.red { color: red; }
span.green { color: green }


/* Show/Hide blocks */

a.showHideControl, a:visited.showHideControl {color: #fff; text-decoration: none;}
a.showHideControlBlock, a:visited.showHideControlBlock {text-decoration: none;}
.shown {display: inline;}
.shownTR {display: table-row;}
/* .hidden is overridden in KtStyleNoShowHide.css if javascript is disabled, but .alwaysHidden will always hide regardless of javascript availability */
.hidden, .alwaysHidden {display: none;}
img.showHideImg, .showHideControl {cursor: pointer;}
img.showHideImg {margin-right: 3px;}
.showHideActionText {font-size: 90%;}
.showHideActionTextContent {font-weight: normal;}

p.browserUpgrade {display: none;}
img.percentBar {vertical-align: bottom; padding: 0; margin: 0 3px 0 0; display: inline;}
img.notice {vertical-align: bottom; margin: 0; padding: 0 3px 0 0; text-align: left;}
img.noticeInline {vertical-align: baseline; margin: 0; padding: 0 3px 0 0; text-align: left; border: 0;}
img.noticeSmallNoPermission {vertical-align: baseline; margin: 0; padding: 0 0 0 4px; text-align: left;}
img.noticeSmallNoPermissionHeader {vertical-align: baseline; margin: 0; padding: 0 0 0 4px; text-align: left; position: relative; top: 1px;}
img.noticeSmallNoPermissionGlobalNavTab {vertical-align: baseline; margin: 0 -1px -2px 0; padding: 0 0 0 4px; text-align: left; }
img.noticeSmallNoPermissionLocalNav {vertical-align: baseline; margin: 0 -1px -1px 0; padding: 0 2px 0 4px; text-align: left; }


/* Web applications */

div#titleStrip {
	margin: 0 14px 0 14px;
}
.spacer {
  clear: both;
  }
div.row {
  clear: both;
  }

span#statusLeft, span#statusRight, div#statusCentre { font-size: 90%; margin: 0; padding: 3px 14px	2px 14px;}
span#statusLeft { float: left; text-align: left;}
span#statusRight { float: right; text-align: right;}

img.progress { width: 24px; height: 8px; margin: 0; padding: 0;}
  

/* Body and sidebar layout */

table.columns {
	border-collapse: collapse;
	border: none;
	table-layout: auto;
	clear: both;
	padding: 0;
	margin: 0 14px 0px 14px;
}
div.content {margin: 0 15px 0px 15px;}
td.content {
	border-collapse: collapse;
	border: none;
	padding: 0 20px 0 0;
	width: auto;
	vertical-align: top;
	background: #fff url( "../Img/VDots.gif" ) repeat-y;
	background-position: right;
}

td.footer {
	border-collapse: collapse;
	border: none;
	padding: 0 0 3px 24px;
	width: 12em;
	vertical-align: top;
}
td.footer {vertical-align: bottom;}
div.sidebarHeading {
	color: #000712;
	font-weight: bold;
	font-size: 110%;
}
div.sidebarBody {margin: 0 0 1.5em 0;}
div.footer {
	white-space: nowrap;
	padding: 3px 0 0 0;
	margin: 0;	
}
div.footerRule {
	margin: 0;
	padding: 0px 0 0 0;
	border-bottom: solid 1px #d6dde7;
	width: 7em;
}


/* Results tables, dx:tables */

div.tblMargin { margin: 10px 0 10px 0; }

table.results,
table.dxTable {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	background-color: #fff;
}

table.results { border: solid 1px #bdc0c6; }
table.dxTable { border: solid 1px #bdc0c6; }

table.results th,
table.dxTable th,
table.results td,
table.dxTable td {
   	padding: 1px 4px 3px 4px;
	font-weight: normal;
	vertical-align: baseline;
	background-color: transparent;
}
	
div.explanation table.dxTable {
	background-color: #fefef0;
 }
 
div.explanation table.dxTable th,
div.explanation table.dxTable td {
	background-color: #fdfef0;
	border: 1px solid #e3e5c3; 
 }

table.results td {
	border-top: solid 1px #bdc0c6;	
	padding: 1px 4px 1px 4px;
}

table.results th {
	border: solid 1px #bdc0c6;	
	padding-left: 3px; /* reduce by one to allow for border */
}

table.dxTable td,
table.dxTable th {
  border: solid 1px #bdc0c6;
}

table.layout td.viewAsCell {vertical-align: baseline; text-align: right; margin: 0; padding: 0; border: none;}
td.viewAsCell div.navStrip { margin: 0px 3px 1px 3px;}
table.layout td.navCell { padding: 2px 0 2px 3px; border: none; vertical-align: baseline; white-space: nowrap;}
table.results td.tableNavCell { padding: 0; }

table.dxTable th {font-style: italic;}
table.results tr.highlight,
table.dxTable tr.highlight {background-color: #dce0e5;}
table.dxTable tr.highlight2 {background-color: #eef1f2;}

/* needed for IE6 */
table.dxTable tr.highlight th,
table.dxTable tr.highlight td {
	background-color: #dce0e5;
}
table.dxTable tr.highlight2 th,
table.dxTable tr.highlight2 td {
	background-color: #eef1f2;
}


td.right, th.right {text-align: right; vertical-align: baseline;}
table.results td.right {text-align: right;}


table.dxTable td.empty {background-color: #f2f9ff;}
table.results tr.summary {background-color: #dce0e5; border: solid 1px #bdc0c6;}
table.results tr.summary td {background-color: #dce0e5;}
table.results tr th {background-color: #dce0e5;}
table.results tr.rowActive td {background-color: #FBFEC1;}
table.results tr.rowSelected td {background-color: #C1D2E6;}


/* Calendars */

table.calendar {
    padding: 0;
	margin: 0;
	border-collapse: collapse;
    border: none;
    background-color: transparent;
}

table.calendar td, 
table.calendar th {
    vertical-align: baseline;
	-moz-user-select: none;
    -webkit-user-select: none;
	font-size: 75%;
	cursor: pointer;
}

table.calendar td {
  font-weight: normal;
  padding: 1px 4px 3px 4px;
  border: solid 1px #c7cbd1;
  background-color: #fff;
  text-align: right;
}
   
table.calendar th {
  border: none;
  padding: 1px 4px 3px 4px;
  text-align: left;
  font-weight: bold;
  color: #555b64;
  background-color: transparent;
  border-color: transparent;
  text-align: left;
}

table.calendar td.empty {background-color: #fff; border: none;}
table.calendar td.noDay {background-color: transparent; cursor: default; border: none;}
#PopupCalendar table.calendar td.noDay { border: solid 1px #c7cbd1;}
table.calendar td.selected {background-color: #C1D2E6;}
table.calendar td.exceptionalWorkingHoursDay {background-color: #bc9dd4;}
table.calendar td.splitDay {background-color: #e5cbfb;}
table.calendar td.nonWorkingDay {background-color: #dce0e5;}
table.calendar td.keyLabel {background-color: transparent; border: none; text-align: left; vertical-align: baseline; cursor: default;}
img.keyLabel {position: relative; top: 2px; vertical-align: baseline; margin: 0; padding: 0; width: 9px; height: 9px; border: solid 1px #c7cbd1;}

table.calendar th.monthName {
    text-align: left;
	padding: 10px 2px 0px 0px;
	font-weight: bold;
	background-color: transparent;
	border: none;
	font-size: 90%;
	color: #555b64;
}

table.calendar th, 
table.calendar td,
table.calendar td.exceptionalWorkingHoursDay,
table.calendar td.splitDay,
table.calendar td.nonWorkingDay table.calendar td.UnallocatedTime,
table.calendar td.exceptionalWorkingHoursDayUnallocatedTime,
table.calendar td.splitDayUnallocatedTime,
table.calendar td.nonWorkingDayUnallocatedTime {
	padding: 1px 2px 0 2px;
}


/* Sections */


div.sectionWrapper {
	background-color: #f8f8f8;
	width: 100%;
	margin: 15px 0 5px 0;
}

#pgContent div.sectionWrapper:first-child,
#contentWithSidebar div.sectionWrapper:first-child {
    margin-top: 0;
}

div.section {
	clear: left;
	padding: 5px 10px 5px 10px;
	margin: 0;
	border: solid 1px #ccc;
	border-top: none;
}
div.subsection {margin: 5px 0 5px 0;}
div.actionStrip {margin: 5px 0 5px 0;}


/* Tab strips  (tc == tab content) */

div.tabStrip ul { margin: 0; padding: 0; list-style: none; max-width: none; }
div#header div.tabStrip ul { padding: 0 14px 0 14px; }

div.tabStrip {
	width: 100%;
	float: left;
	background: #fff url( "../Img/TabsBg.gif" ) repeat-x bottom;
	line-height: normal;
}

div#header div.tabStrip {
	float: none; 
	background-color: transparent;
	background: none;
}

div.tabStrip li {
	font-size: 90%;
	cursor: pointer;
	white-space: nowrap;
	float: left;
	background: url("../Img/TabsLeft.gif") no-repeat left top;
	margin: 1px 0 0 0; /* needed for when a tab strip wraps onto two lines */
	padding: 0 0 0 9px;
	border-bottom: 1px solid #ccc;
	list-style: none;
}

div#header div.tabStrip li {
	background: url( "../Img/GreyTabsLeftKtHeader.gif" ) no-repeat left top;
	border: none;
	font-size: 90%;
	color: #e5eaef;
}

div.tabStrip span.tc {
	float: left;
	display: block;
	width: .1em;
	background: url("../Img/TabsRight.gif") no-repeat right top;
	padding: 5px 13px 4px 2px;
	text-decoration: none;
	font-weight: normal;
	color: #777;
}

div#header div.tabStrip span.tc {
	background: url("../Img/GreyTabsRightKtHeader.gif") no-repeat right top;
	padding: 4px 12px 5px 2px;
	color: #e5eaef;
}

span.tc span.small {
	font-size: 90%;
	line-height: 100%;
}

div.tabStrip > ul span.tc {width: auto;}
div.tabStrip span.tc {float: none;}

div.tabStrip li.current,
div#header div.tabStrip li.current	{
	background-position: 0 -150px;
	border-width: 0;
}

div.tabStrip li.current span.tc,
div#header div.tabStrip li.current span.tc {
	background-position: 100% -150px;
	padding-bottom: 5px;
	color: #000712;
}

div.tabStrip li.current span.tc {
	padding-bottom: 5px;
}

div.tabStrip li:hover,
div#header div.tabStrip li:hover {
	background-position: 0% -150px; 
	color: #000712;
}

div.tabStrip li:hover span.tc,
div#header div.tabStrip li:hover span.tc {
	background-position: 100% -150px;
	color: #000712;
}

/* disabled tabs should not highlight when hovered over */
div#header div.tabStrip li.disabled { cursor: default; }
div#header div.tabStrip li.disabled:hover {
	background-position: 0% 0px;
	color: #e5eaef;
}
div#header div.tabStrip li.disabled:hover span.tc {
	background-position: 100% 0px;
	color: #e5eaef;
}

div#header div.tabStrip li span.tc a,
div#header div.tabStrip li span.tc a:hover {
	color: #e7eef8;
	background-color: transparent;
	text-decoration: none;
}

/* hidden from IE6, which only understands :hover on the a element */
div#header div.tabStrip li:hover span.tc a {
	color: #000712;
}

div#header div.tabStrip li.disabled:hover span.tc a {
	color: #e5eaef;
}

div#header div.tabStrip li.current span.tc a,
div#header div.tabStrip li.current span.tc a:hover {
	color: #000712;
	background-color: transparent;
	text-decoration: none;
}

td.content div:first-child.sectionWrapper { margin-top: 0; }

/* table.layout is used for layout purposes. It must be defined last to take precedence over other definitions. */
table.layout {
	border: none; 
	padding: 0;
	margin: 0;
	background-color: transparent;
	font-size: 100%; 
	border-collapse: collapse;
}

table.layout > tr > th, 
table.layout > tbody > tr > th {
	text-align: left;
	vertical-align: bottom;
	padding: 0; 
	margin: 0;
	border: none;
}

table.layout > tr > td,
table.layout > tbody > tr > td {
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 0; 
	border: none;
}
 
 
 /*
  CSS boxes with rounded borders, courtesy of
  http://www.modxcms.com/simple-rounded-corner-css-boxes.html
  
  .sbBox => sidebar box
  .tBox => title box
  .dBox => download box
*/
 
 /* set the image to use and establish the lower-right position */ 
.sbBox,
.sbBox .body,
.sbBox .head,
.sbBox .head h1,
.sbBox .head h2,
.dBox,
.dBox .body,
.dBox .head,
.dBox .head h1,
.dBox .head h2
{
	background: transparent url("../Img/RoundedCornersBox.png") no-repeat bottom right; 
}

.tBox,
.tBox .body,
.tBox .head,
.tBox .head h1,
.tBox .head h2
{
	background: transparent url("../Img/RoundedCornersBoxTitle.png") no-repeat bottom right; 
}

.sbBox,
.tBox,
.dBox
{ 
	width: 200px !important; /* intended total box width - padding-right(next) */
	width: 195px; /* IE Win = width - padding */
	padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
	margin: 0 0 05px 0; /* use to position the box */ 
}

.tBox
{
  width: 520px !important; /* intended total box width - padding-right(next) */
  width: 515px; /* IE Win = width - padding */
  margin: 0 0 25px 0; /* use to position the box */ 
 }
 
.dBox
{
  width: 250px !important; /* intended total box width - padding-right(next) */
  width: 245px; /* IE Win = width - padding */
   margin: 0 0 20px 0; /* use to position the box */ 
 }
  
/* set the top-right image */ 
.sbBox .head,
.tBox .head,
.dBox .head { 
	background-position: top right; margin-right: -5px; /* pull the right image over on top of border */
	padding-right: 15px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.sbBox .head h1,
.sbBox .head h2,
.tBox .head h1,
.tBox .head h2,
.dBox .head h1,
.dBox .head h2 { 
	color: #0e141c;
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 20px 0 19px 15px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

.sbBox .head h2,
.tBox .head h2,
.dBox .head h2 { 
	padding: 15px 0 14px 15px; /* padding-left = image gap + interior padding ... no padding-right */ 
 }

.dBox .head p { padding: 0 0 14px 15px; /* padding-left = image gap + interior padding ... no padding-right */  }

.sbBox .head h2 a,
.tBox .head h2 a,
.dBox .head h2 a { 
  text-decoration: underline;
}

/* set the lower-left corner image */ 
.sbBox .body,
.tBox .body,
.dBox .body { 
	background-position: bottom left; 
	margin-right: 10px; /* interior-padding right */ 
	padding: 10px 0 10px 15px; /* mirror .cssbox_head right/left */ 
}

.sbBox .body p,
.tBox .body p,
.dBox .body p,
.sbBox .body h4,
.tBox .body h4,
.dBox .body h4 {
	margin: 0;
	padding: 0 0 5px 0;
}

.sbBox,
.tBox,
.dBox {
	color: #111;
	text-shadow: #cfd7e2 2px 2px 3px;
}


/* multi-column layout */

div.cols2 {
	margin: 0;
}

div.cols2 div.left {
	padding: 0 0 18px 0;
	float: left;
	width: 250px;
	margin: 0;
}

div.cols2 div.right {
	padding: 0 0 18px 270px;
}


/****
   Adjustments for Context Help
*****/

body.mgContextHelp {
	margin: 0em 0.75em 0.5em 0.75em;
}


/****
   Adjustments for Safari
*****/

.safari table.layout td.navCell {padding: 0 0 3px 3px; margin: 0;}
.safari td.viewAsCell div.navStrip {margin-right: 3px;}

.safari tt,
.safari pre,
.safari code {font-size: 120%;}

.safari h4,
.safari div.sidebarHeading {font-size: 100%;}

.safari ul,
.safari ol {max-width: 520px;}

.safari .searchField {width: 140px;}
.safari img.noticeInline {vertical-align: baseline;}
.safari ul li.selectedWebApp,
.safari ul li.selected {
    margin-left: -19px;
}


/****
   Adjustments for Gecko
*****/

.gecko ul li {margin-left: -2px;}
.gecko div.tabStrip ul li {margin: 1px 0 0 0;}  /* needed since the previous line messes this up, otherwise */
.gecko ul li.selectedWebApp {margin-left: -21px;}
.gecko ul li.selected {margin-left: -21px;}
.gecko ul {margin-left: 18px;}
.gecko ol {margin-left: 30px;}

.gecko table.results label.fldCheckBox {margin-left: 3px;}

.gecko input.fldCheckBox {
    vertical-align: bottom;
    position: relative;
    top: 1px;
}

.gecko tt,
.gecko pre,
.gecko code {font-size: 100%;}

.gecko ul,
.gecko ol {max-width: 520px;}


/****
  Adjustments for IE7
 ****/
 
.ie7 ol li p,
.ie7 ul li p {max-width: none;}

.ie7 .fldFit,
.ie7 .fldWeeny,
.ie7 .fldTiny,
.ie7 .fldShort,
.ie7 .fldMediumShort,
.ie7 .fld,
.ie7 .fldMediumLong,
.ie7 .fldLong,
.ie7 .fldLongSubmitOnChange,
.ie7 .frmBtn,
.ie7 .cautionFrmBtn,
.ie7 .frmDateBtn {
	vertical-align: middle;
}