/* contrasting orange: 		color: #E7AB4B; */

html {
    position: absolute;
}

html, body {
    padding: 0;
    margin: 0;
    font-family: "Segoe UI", Sans, Sans-Serif;
    font-size: 13px;
    width: 100%;
}

body {
    background: #fff url( '/Images/ContentBackground3.png' ) scroll repeat-x 0px 60px;
    min-width: 1000px;
}

*[role]:focus {
    outline: 1px dotted #888;
}

div.frontPageChrome {
    font-size: 17px;
    color: #666;
    text-align: center;
    background: #fff url('/Images/28AlphaWhite.png') repeat scroll top left;
    padding: 20px;
    border-bottom: dotted 1px #888;
    display: none;
}

.instructions {
    background: #fff;
    border: 1px solid #ccc;
    color: #555;
    font-size: 13px;
    width: 450px;
    margin: 0 auto 0 auto;
    padding: 10px;
}

div.instructions a {
    text-decoration: underline;
}

div.instructions.rhs {
    width: 200px;
    margin: 0;	
    border-width: 0;
    float: left;
}

div.instructions h2, div.instructions h3, div.instructions h4,  div.instructions p {
    margin: 10px 18px 10px 19px;
}

div.instructions ul {
    margin: 5px 18px 0 19px;
    list-style-type: disc;
    list-style-position: inside;
    padding: 0;
}

div.instructions.rhs ul {
}

div.instructions li {
    margin: 0 0 10px 0;
}

a img {
    border-width: 0;
}

div.paymentMethods {
    padding: 0;
    background: #fff; /*transparent url('/Images/28AlphaWhite.png') repeat scroll top left;*/
    border: solid 1px #ccc;
    float: none;
    margin-left: 200px;
    margin-top: 20px;
}

div.paymentMethod {
    display: block;
    float: left;
    padding: 0 40px;
    min-height: 150px;
    border-left: dotted 1px #ccc;
}

h4 + div.paymentMethod {
    border-left-width: 0;
}

div.paymentMethods h4 {
    margin: 0 0 20px 0;
    padding: 5px 7px;
    border-bottom: dotted 1px #ccc;
    background: #fff;
}

div#header {
    /*height: 83px;*/
    height: 78px;
    background: #000 url(  '/Images/HeaderBackground.jpg' ) scroll repeat-x bottom left;
    color: #fff;
    overflow: hidden;
    /*position: fixed;
    top: 0;
    left: 0;*/
    width: 100%;
    z-index: 1001;
    margin-bottom: 3px;
    color: #fff;
}

div#header h1 {
    margin: 0;
    padding: 0;
    height: 78px;
    width: 286px;
    background: #000 url(  '/Images/Logo.jpg' ) scroll no-repeat bottom left;
    color: #fff;
    text-indent: -1234px;
    float: left;
}

div#header p {
    float: right;
    margin: 0 15px 0 0;
}

div.outer {
    width: 100%;
    float: left;
    min-height: 1%;
}

div#content {
    color: #000;
    margin: 10px 0 0 10px;
}

div.nav3 {
position: absolute;
}

div#footer, div#footer a {
    text-align: right;
    font-size: 11px;
    color: #ccc;
    position: fixed;
    bottom: 2px;
    right: 5px;
    width: 100%;
    display: none;
}

div#footer p {
}

span.highlight {
    background-color: #ff9;
}

th.listHeader {
    background: #fff;
}

th.sortedListHeader {
    background: #eef;
}

div.treenode {
    margin-left: 20px;
    border: solid 1px #ccc;
}

kbd.accessKey {
    font-family: "Segoe UI" , Sans-Serif;
    text-decoration: underline;
}

kbd.floatingAccessKey {
    background: transparent url('/Images/AccessKey.png') scroll no-repeat top left;
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    padding: 2px 0 0 7px;
    font-family: Calibri, Monospace;
    font-style: italic;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    color: #666;
    text-align: left;
}

label.formLabel kbd.floatingAccessKey {
    top: -3px;
}

div.infoBox, div.typeSelectorBox {
    color: #888;
    text-align: center;
    padding: 17px;
    font-size: 16px;
}

div.formError {
    background-color: #ffc;
    border: solid 1px #eee;
    padding: 10px;
    margin: 5px 0 25px 0;
}

div.typeSelectorBox {
    width: 450px;
    background: white;
    padding: 10px;
    margin: 0px 30px -3px 30px;
    border: 1px inset #eee;
}

div.typeSelectorBox label, div.typeSelectorBox input {
    float: left;
    text-align: left;
}

div.typeSelectorBox label {
    padding: 1px;
}

div.typeSelectorBox kbd.floatingAccessKey {
    position: relative;
    top: 2px;
    float: left;
}

form div.formValue 
{
    float: left;
    clear: right;
    display: block;
    height: 50px;
}

div.typeSelectorBox input {
    margin-left: 10px;
    margin-top: 5px;
}

input.formTextInput, textarea, select, div.formValue {
    width: 266px;
    height: 18px;
    margin-bottom: 10px;
    padding: 1px;
    font-family: "Segoe UI", Sans-Serif;
}

textarea {
    height: 220px;
    font-size: 13px;
}

select {
    height: auto;
    padding: 2px;
    width: 272px;
}

label, span.formReadOnlyLabel, dt {
    display: block;
    float: left;
    width: 195px;
    overflow: hidden;
    padding-top: 5px;
}

dd {
    margin: 0; padding: 7px 0; font-style: italic;
    
}

select.formMultiSelect {
    height: 100px;
}

div.formInnerBox {
    padding: 5px 15px;
}

div.formOuterBox {
    background: transparent url( '/Images/28AlphaWhite.png' ) scroll repeat top left;
    width: 500px;
    padding: 15px 15px 5px 15px;
    margin: 0 auto;
}

div.horizontalFormOuterBox {
    background: none;
    padding: 10px 15px;
    display: inline-block;
    vertical-align: bottom;
}

div.horizontalFormOuterBox + div.formSubmit {
    background: none;
    float: left;
    width: auto;
}

div.horizontalFormOuterBox div.formInnerBox {
    width: 270px;
    float: left;
}

div.horizontalFormOuterBox label {
    width: 200px;
    float: none;
}

form {
    margin: 0 auto;
}

div.formSubmit {
    background: transparent url( '/Images/28AlphaWhite.png' ) scroll repeat top left;
    border-top: solid 1px #9fd7ee;
    padding: 17px 0px 30px 0px;
    width: 530px;
    margin: 0 auto;
    height: 23px;
    text-align: right;
    clear: both;
}

/*div.formSubmit * {
    float: right;
}*/

input.formSubmit, input[type='submit'] {
    padding: 0 10px;
    margin-right: 20px;
}

/* tabbed interface */

div.tabInnerBox {
    margin: 0 auto;
    width: 536px;
    margin: 20px;
}

div.tabContainer {
    padding: 10px 0 5px 0;
    margin: 0 auto;
    width: 536px;
    height: 34px;
    text-align: center;
    background: transparent url('/Images/TabTop.png') no-repeat scroll bottom left;
}

div.tabContainer input {
    /* vaguely hacky way of getting these radio buttons off 
    the page by sticking them behind the banner.. they become 
    unselectable if visibility is set to none */
    position: absolute;
    z-index: -999;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

div.tabContainer label {
    display: block;
    float: left;
    margin-right: 20px;
    background: transparent url('/Images/TabDeselected.png') no-repeat scroll top left;
    width: 190px;
    height: 28px;
    padding-top: 6px;
    padding-right: 25px;
}

div.tabContainer label:hover {
    background: transparent url('/Images/TabHover.png') no-repeat scroll top left;
}

div.tabSurface {
    background: transparent url('/Images/TabBody.png') repeat-y scroll top left;
    width: 536px;
    padding: 0;
    margin: 0 0 0 20px;
    margin: 0 auto;
}

div.tabContainer label.selected {
    background: transparent url('/Images/TabSelected.png') no-repeat scroll top left;
    position: relative;
    z-index: 255;
}

div.tabContainer label.selected:hover {
    background: transparent url('/Images/TabSelected.png') no-repeat scroll top left;
}

div.tabContainer label.selected.sibling {
    background: transparent url('/Images/TabSelectedSibling.png') no-repeat scroll top left;
}

div.tabContainer label.sibling {
    position: relative;
    left: -47px;
    top: 0;
}

div.tabSurfaceBottom {
    width: 536px;
    height: 12px;
    margin: 0 auto;
    padding-bottom: 20px;
    background: transparent url('/Images/TabBottom.png') no-repeat scroll top left;
}

div.tabSurface div.formOuterBox {
    background: transparent none;
}

/* end tabbed interface */

div.formFileInnerBox {
    width: 270px;
    float: none;
    padding-bottom: 20px;
    margin-left: 195px;
}

div.formFileInnerBox p {
    margin: 0;
    padding: 0;
    width: 266px;
}

#uploadBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    background: url('/Images/Blackout.png') scroll repeat top left;
    z-index: 999;
    display: none;
}

#uploadProgressBar {
    background: transparent url('/Images/ProgressBackground.png') scroll no-repeat top left;
    width: 402px;
    height: 38px;
    margin: 250px auto 0 auto;
    padding: 60px 0;
}

#uploadProgressBar #outerBar {
    height: 20px;
    position: absolute;
    width: 402px;
    margin: 0 auto;
    display: none;
}

#uploadProgressBar .innerBar {
    width: 0;
    height: 20px;
    position: relative;
    filter: alpha(opacity=30);
    opacity: 0.3;
    z-index: 2;
    background: #fff url('/Images/Progress.gif') repeat-x;
}

#uploadProgressBar .label {
    width: 100%;
    text-align: center;
}

div#unknownProgress {
    position: relative;
    top: -50px;
    width: 150px;
    font-size: 12px;
    height: 0;
    margin: 0 auto;	
    padding-left: 60px;
    padding-top: 20px;
}

div#unknownProgress div 
{
    background: transparent url('/Images/Throbber.gif') no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 18px;
    left: 16px;
}

#uploadProgressBar .percent {
    font-size: 13px;
    font-family: system;
    font-weight: bold;
    color: #fff;
    background-color: transparent;
    text-align: center;
    position: absolute;
    padding: 0;
    display: none;
    z-index: 50;
}

#uploadProgressBar .filename {
    font-size: 12px;
    color: #888;
    margin: 2px 10px 0 10px;
    word-wrap: break-word;
    padding: 0;
    z-index: 99;
}

ul#nav {
    margin: 0;
    padding: 42px 0 0 0;
}

p#loginMessage {
    padding-top: 5px;
}

ul#nav li.skipNav {
    display: none;
    speak: normal;
}

ul#nav li {
    margin: 0 5px 0 0;
    padding: 0;
    display: block;
    width: 84px;
    height: 29px;
    float: left;
    font-size: 13px;
    list-style-type: none;
}

ul#nav a {
    display: block;
    width: 84px;
    height: 29px;
    background: transparent url( '/Images/TabOff.gif' ) no-repeat scroll top left;
    color: #fff;
    padding: 7px 0 0 0;
    text-align: center;
    text-decoration: none;
    position: relative;
}

ul#nav a:link, ul#nav:visited {
}

ul#nav a:hover, ul#nav:active {
    background: transparent url( '/Images/TabOn.gif' ) no-repeat scroll top left;
    color: #000;
}

ul#nav ul {
    opacity: 0.9;
    float: left;
    position: absolute;
    margin: -5px 0 0 0;
    padding: 0;
    z-index: 34545;
    list-style-type:none;
    text-indent: 0;
}

ul#nav ul {
    width: auto;
    height: auto;
}

ul#nav ul li {
    margin: 0;
    padding: 0;
    text-indent: 0;
    display: block;
    float: none;
    height: auto;
    width: auto;
}

ul#nav li ul li a {
    color: #000;
    background: #fff none;
    width: 200px;
    height: 25px;
    padding: 0;
    border: 1px solid #fff;
    text-align: left;
    text-indent: 10px;
    line-height: 25px;
}

ul#nav li ul li a:link, ul#nav ul li a:visited {
}
 
ul#nav li ul li a:hover, ul#nav ul li a:active {
    background: #C2E6F6 none;
    border: 1px solid #ccc;
}

ul#nav li ul {
    height: 100px;
}

ul#nav li ul li {
    border: none;
}

ul#nav li ul {
    visibility: hidden;
}

ul#nav li:hover ul {
    visibility: visible;
}

ul#nav2 {
    position: absolute;
    top: 2px;
    left: 7px;
    margin: 0;
    padding: 0;
}

ul#nav2 li {
    display: inline;
}

ul#nav2 li a {
    color: #eee;
    text-decoration: none;
    font-size: 12px;
}

ul#nav2 a:link, ul#nav2:visited {
}

ul#nav2 a:hover, ul#nav2:active {
    text-decoration: underline;
}

ul#nav2 li.seperator {
    speak: none;
    color: #000;
    font-weight: bold;
}

/* checked list controls */

div.checkedList {
    /*width: 270px; 	height: 24px; 	overflow: hidden;*/
    margin-bottom: 10px;
    width: 270px;
    float: none;
}

div.checkedList div.topPanel {
    speak: none;
    display: none; /*display: block*/
    width: 270px;
    height: 24px;
    background: transparent url( '/Images/AltDropDownOff.gif' ) scroll no-repeat top right;
    outline: 1px solid #aaa;
    overflow: hidden;
}

div.checkedList div.topPanel:hover {
    background: transparent url( '/Images/DropDownOff.gif' ) scroll no-repeat top right;
}

div.checkedList div.topPanel p {
    float: left;
    margin: 0;
    width: 217px;
    padding: 3px 3px 3px 5px;
    overflow: hidden;
}

div.checkedList div.topPanel div.elipsis {
    float: left;
    padding: 3px;
    font-weight: bold;
    display: none;
}

div.checkedList div.list {
    width: 268px; /*	position: absolute; 	top: auto; 	left: auto; 	z-index: 1234; 	display: none; */
    background: white;
    max-height: 170px;
    overflow: auto;
    border: solid 1px #333;
}

div.checkedList div.list table {
    width: 251px;
}

div.checkedList div.list table td.check {
    width: 10px;
}

div.checkedList div.list table td.check input {
    margin-top: 2px;
    height: 20px;
}

div.checkedList div.list table td.label label {
    padding: 3px 5px;
    display: block;
    width: 100%;
    height: 18px;
    float: none;
    clear: left;
}

/* -- */

/* rhs navigation */
div.nav3 {
    background: transparent url( '/Images/NavTop.png' ) scroll no-repeat top right;
    padding: 12px 0 0 0;
    width: 174px;
    /*float: right;*/
    margin: 9px 16px 20px -6px;
    position: relative;
    z-index: 999;
}

div.nav3 ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 33px 0;
    background: transparent url( '/Images/NavBottom.png' ) scroll no-repeat bottom right;
}

div.nav3 ul li {
    margin: 0;
    padding: 0;
    background: transparent url( '/Images/NavMiddle.png' ) scroll repeat-y top right;
    width: 174px;
    height: 36px;
}

div.nav3 ul li * {
    font-size: 13px;
}

div.nav3 ul li a, div.nav3 ul li h2 {
    display: block;
    margin: 0;
    text-decoration: none; /*actual width: 174px*/
    width: 154px; /*actual height: 36px*/
    height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

div.nav3 ul li h2 {
    padding: 2px 4px 7px 8px;
    margin-left: 7px;
    font-size: 120%;
    background: transparent url( '/Images/6Alpha.png' ) scroll repeat 0 0;
    border-top: solid 1px rgb(123, 199, 231);
}

div.nav3 ul li a {
    padding: 7px 0px 10px 20px;
    color: #333;
}

div.nav3 ul li a:hover {
    padding: 5px 2px 12px 18px;
    background: transparent url( '/Images/NavSelection.png' ) scroll repeat-y top left;
}

/* -- */

/* search controls */

div.searchControls {
    padding: 0 0 5px 15px;
    margin: 0;
    height: 22px;
}

div.searchControls input {
    width: 200px;
    height: 16px;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
    background-color: #fff;
    border: solid 1px #ccc;
    border-width: 1px 0 1px 1px;
}

a.searchButton, a.clearButton {
    display: block;
    width: 22px;
    height: 20px;
    background: #fff url( '/Images/SearchIcon.png' ) scroll no-repeat bottom right;
    border: 1px solid #ccc;
    float: left;
}

a.clearButton {
    background: #fff url( '/Images/ClearIcon.png' ) scroll no-repeat 55% 60%;
    border-width: 1px 1px 1px 0;
    text-indent: -1234px;
}

table.objectList {
    background: transparent url( '/Images/6Alpha.png' ) scroll repeat top left;
    width: 100%;
    color: #000;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

table.objectList tr td {
    padding: 13px 10px;
    background: transparent url( '/Images/6Alpha.png' ) scroll repeat top left;
}

table.objectList tr td.fn {
    background: transparent url( '/Images/28AlphaWhite.png' ) scroll no-repeat top left;
    width: 150px;
    text-align: right;
}

table.objectList tr.alt td {
    background-color: #9aa6b6;
}

table.objectList caption {
    padding: 3px 10px;
    color: #426676;
    text-align: left;
    font-size: 120%;
}

table.objectList th {
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    background: #fff url( '/Images/TableHeader.png' ) scroll repeat-x bottom right;
    padding: 5px 10px;
    border-bottom:	solid 1px #ccc;
    color: #000;
    vertical-align: bottom;
}

table.objectList th.sortAsc {
    background: #fff url( '/Images/SortAsc.png' ) scroll no-repeat bottom right;
    font-style: italic;
}

table.objectList th.sortDesc {
    background: #fff url( '/Images/SortDesc.png' ) scroll no-repeat bottom right;
    font-style: italic;
}

table.objectList th a {
    display: block;
    color: #000;
}

th a {
    color: #000;
}

th a:hover {
    text-decoration: none;
}

/* -- */

/* quote page */

table.quote {
    background: transparent url('/Images/28AlphaWhite.png') repeat scroll top left;
    width: 100%;
    margin: 0 0 0 0;
}

table.quote * {
    padding: 0;
    margin: 0;
}

table.quote td {
    padding: 15px;
    vertical-align: bottom;
}

p.documentName {
    font-size: 160%;
}

p.documentLanguage, p.documentDetails, p.note {
    font-family: Tahoma, Sans-Serif;
    font-size: 12px;
    margin-top: 6px;
}

p.documentDetails img.error {
    position: relative;
    top: 5px;
}

p.documentLanguage {
    text-transform: uppercase;
}

td.documentCell {
    width: 200px;
    border-bottom: solid 1px #ccc;
}

td.documentCell, td.addLanguageCell {
    background-color: #fff;
}

td.addLanguageCell label {
    display: block;
    text-align: right;
    padding: 2px 30px;
    width: 60px;
}

td.addLanguageCell select {
    width: 260px;
}

td.emptyCell {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

td.translationCell, td.translationCellAlt {
    text-indent: 130px;
    background: transparent url('/Images/Arrow.gif') no-repeat scroll 55px bottom;
    vertical-align: middle;
    font-size: 140%;
    height: 40px;
    word-wrap: pre;
}

td.projectOption {
    text-indent: 130px;
    vertical-align: middle;
    font-size: 120%;
    height: 30px;
}

td.translationCell p, td.translationCellAlt p {
    float: left;
    
}

table.quote td p.deleteRow {
    float: right;
    width: 9px;
    text-align: right;
    padding: 9px 0;
}

p.deleteRow a {
    width: 1px;
    height: 1px;
    display: block;
    padding: 4px;
    overflow: hidden;
}

p.deleteRow a:link, p.deleteRow a:visited {
    background: transparent url('/Images/DeleteIcon.gif') no-repeat scroll top left;
}

p.deleteRow a:hover, p.deleteRow a:active {
    background: transparent url('/Images/DeleteIconHover.gif') no-repeat scroll top left;
}

div.addLanguageControls {
    float: left;
    width: 380px;
}

table.quote td p.addRow {
    float: right;
    text-align: right;
    padding: 0;
    width: 10px;
    margin-right: 3px;
}

p.addRow a {
    width: 1px;
    height: 1px;
    display: block;
    padding: 8px;
    overflow: hidden;
    text-indent: 123px;
}

p.addRow a:link, p.addRow a:visited {
    background: transparent url('/Images/ContinueIcon.gif') no-repeat scroll top left;
}

p.addRow a:hover, p.addRow a:active {
    background: transparent url('/Images/ContinueIconHover.gif') no-repeat scroll top left;
}

td.translationCellAlt {
}

td.priceCell {
    font-size: 120%;
}

p.note {
    text-transform: uppercase;
}

td.tax, td.total {
    background: #555;
    color: #fff;
}

p.tax {
    font-size: 120%;
}

p.total {
    font-size: 150%;
}

div.leftColumn {
    background: #C2E6F6;
    padding: 5px 20px;
    width: 200px;
    float: right;	
    -moz-border-radius: 10px;
    -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;
    behavior: url('/Public/border-radius.htc');
    min-height: 400px;
    border: solid 1px #eee;
}

div.rightColumn {
    min-height: 400px;
    padding-right: 0px;
    margin-right: 0;
    position: relative;
    left: -7px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    behavior: url('/Public/border-radius.htc');
    margin-right: 252px;
    
}

div.rightColumn h2, div.rightColumn h3 {
    margin: 0;
    padding: 10px;
    font-size: 20px;
}

div.rightColumn h3 {
    margin: 0;
    padding: 5px 0;
}

div.leftColumn div.creditBox {
    margin-left: -20px;
}

div.accountBox {
    min-height: 90px;
    border-bottom: dotted 1px #fff;
}

span.sideNote {
    font-family: "Segoe UI" , Sans-Serif;
    color: #444;
    font-size: 13px;
    font-style: italic;
}

div.newsContainer {
    margin: 0;
    padding: 0 10px 0 0;
    overflow: auto;
}

div.newsContainer h2, div.newsContainer h3, div.newsContainer h4 {
    font-size: 19px;
    margin: 20px 30px 6px 30px;
    padding: 0 30px 0 0;
}

div.newsContainer h3 {
    font-size: 16px;
}

div.newsContainer h4 {
    font-size: 15px;
}

div.newsContainer address {
    margin-left: 50px;
}

div.newsContainer p, div.newsContainer ul {
    margin: 10px 30px;
    padding: 0 30px 0 0;
    list-style-type: disc;
    list-style-position: inside;
}

div.newsArticle {
    background: transparent url('/Images/28AlphaWhite.png') repeat scroll top left;
    padding: 0;
    /*border: solid 2px #ddd;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;*/
    margin-top: -12px;
    margin-bottom: 25px;
}

div.newsArticle img {
    float: right;
    margin-left: 20px;
    border: solid 1px #fff;
}

div.newsArticle h3 {
}

div.newsArticle p.footer {
    clear: both;
    font-style: italic;
    font-size: 11px;
    margin-bottom: 50px;
}

h2, h3, h4 {
    font-weight: normal;
    margin: 10px 0 5px 0;
    font-size: 17px;
    font-family: "Segoe UI" , Sans-Serif;
    color: #426676;
}

div.creditBox {
    background: transparent url('/Images/CreditBackground.png') no-repeat scroll top left;
    width: 220px;
    height: 90px;
    padding: 15px 10px;
    margin-top: 12px;
    font-size: 13px;
}

div.instructions div.creditBox {
    margin: 0 auto;
    padding-bottom: 20px;
}

div.instructions input {
    margin-top: 15px;
}

div.paymentMethod div.creditBox {
    margin-top: 0;	
}

div.creditBox p {
    margin: 5px 0 0 0;
}

div.creditBox span.words {
    display: block;
    font-weight: bold;
    font-size: 120%;
    color:   #00476E;
}

div.creditBox select {
    width: 190px;
    float: left;
}

div.creditBox a.buyWords {
    display: block;
}

div.creditBox div.wordBuyer {
    display: none;
    padding: 4px 0;
    margin: 0;
}

div.wordBuyer a {
    display: block;
    height: 24px;
}

div.clear {
    float: none;
    clear: both;
}

table.classView {
    font-size: 11px;
    text-align: left;
}

table.classView th {
    color: #666;
    padding: 3px;
}

table.classView td {
    padding: 3px;
}

table.gridEditor {
}

div.gridEditorContainer {
    width: 100%;
    height: 645px;
    overflow: scroll;
    border: 1px solid #aaa;
    background: #fff;
}

table.gridEditor th {
    background: #fff;
    font-weight: normal;
    padding: 5px;
}

table.gridEditor tr.compact th {
    writing-mode: tb-rl;
    filter: flipV flipH;
    width: 13px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

table.gridEditor tr.alt th {
    background: #ccc;
    border-bottom: 1px solid #ccc;
    table-layout: fixed;
}

table.gridEditor tr th {
    border-bottom: 1px solid #ccc;
}

table.gridEditor td {
    padding: 5px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

table.gridEditor input[type='text'] {
    border: none;
    background-color: transparent;
    width: 50px;
    font-family: Segoe UI, Sans-Serif;
    text-align: center;
}

tr.tableSubmit td {
    background: transparent url( '/Images/6Alpha.png' ) scroll repeat top left;
    background: #fff;
    border-top: solid 1px #9fd7ee;
    padding: 4px;
    text-align: right;
}

table.gridEditor td.intentionallyBlank {
    background: #ccc;
}

a:link, a:visited {
    text-decoration: none;
    color: #00426E;
}

a:hover, a:active {
    text-decoration: underline;
}

a.download {
    color: #888;
    padding-left: 16px;
    background: transparent url('/Images/DownloadIcon.png') no-repeat scroll center left;
    display: block;
}

div.dataLinkOuter {
    float: left;
    margin-right: 30px;
    padding: 5px;
    min-width: 200px;
    border: solid 1px #fff;
}

div.dataLinkOuter a {
    display: block;
    float: left;
}

div.dataLinkOuter:hover {
    background-color: #fffccc;
    border-color: #ccc;	
}

div.dataLinkOuter label {
    width: auto;
    margin-right: 10px;
    padding: 0;
    color: #888;
}

div.dataLinkInner {
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    padding: 5px;
    display: none;
    margin-top: 23px;
    margin-left: -6px;
}

div.headerBar {
    background: #fff;
    padding: 5px 5px 0 5px;
    
}

.titleBar h2 {
    height: 22px;
}

.titleBar select {
    margin: 0; padding: 0;
}

div.projectStatus {
    float: right;
    padding: 5px 5px 3px 5px;
    border: solid 1px #ccc;
    width: 230px;
    min-height: 17px;
    font-size: 12px;
}

td div.projectStatus {
    float: none;
    margin: 0;
}

div.incomplete {
    background: #9aa;
    color: #fff000;
    color: #fff;
}

div.projectStatus div.progressContainer {
    position: absolute;
    width: 230px;
}

div.projectStatus div.progress {
    position: absolute;
    background: #dfd;
    height: 15px;
}

div.projectStatus div.percent {
    position: absolute;
    z-index: 5;
    width: 230px;
    color: #888;
    text-align: center;
    font-size: 12px;
}

div.projectStatus:hover div.percent {
    color: #000;
}

div.projectStatus:hover div.progress {
    background: #afa;
    outline: solid 1px #0f0;
}

div.completedTrans {
    padding: 5px 10px 8px 10px;
    float: right;
    background: #fff;
    border: solid 1px #ccc;
    width: 120px;
}

/* -- */

div.layout1 {
    width: 705px;
    margin: 0 auto;
}

div.layout1 div.leftColumn, div.layout1 div.rightColumn {
    background: transparent;
}

div.masthead {
    padding: 90px 0 0 40px;
    width: 665px;
    height: 193px;
}

div.masthead ul {
    font-size: 120%;
    color: #000;
    margin: 0 20px;
}

div.masthead h2 {
    font-size: 29.55px;
    font-weight: normal;
    color: #233d7b;
    font-family: "Segoe UI" , Sans-Serif;
    margin: 10px 0 5px 0;
}

div.titleBar {
    background-color: #d9e6F6;
    background-color: #fff;
    border: solid 1px #a2c6d6;
    border-color: #a2c6d6 #92b6c6 #92b6c6 #a2c6d6;
    margin-bottom: 4px;
    padding: 1px 1px 1px 5px;
    border: solid 2px #eff;
}

div.titleBar:hover {
    border: solid 2px #cee;
}

div.titleBar h2 {
    font-size: 17px;
    font-family: "Segoe UI" , Sans-Serif;
    margin: -1px 0 0 0;
    color: #426676;
}

div.titleBar div.searchControls {
    float: right;
    margin-top: -22px;
}

a.startNowButton {
    float: right;
    display: block;
    width: 213px;
    height: 49px;
    text-indent: -1234px;
    overflow: hidden;
}

a.startNowButton:link, a.startNowButton:visited {
    background: transparent url('/Images/StartNowButton.png') no-repeat scroll top left;
}

a.startNowButton:hover, a.startNowButton:active {
    background: transparent url('/Images/StartNowButtonHover.png') no-repeat scroll top left;
}

div.babyArticle {
    width: 312px;
    min-height: 130px;
    padding: 5px 20px;
    float: left;
    border-top: 1px solid #ddd;
}

div.babyArticle+div.babyArticle {
    border-left: solid 1px #ddd;
}

div.babyArticle img {

    margin: 0 0 2px 14px;
    float: right;
}

div.babyArticle h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
}

div.babyArticle ul {
    list-style-type: circle;
    list-style-position: inside;
    margin: 0;
    text-indent: 0;
    padding: 0;
}

div.babyArticle li {
    margin: 0 0 10px 0;
    color: #444;
    text-indent: 0;
}

div.babyArticle p {
    font-size: 13px;
    color: #888;
    font-family: "Segoe UI" , Sans-Serif;
    font-size: 13px;
}

div.infoBar {
    padding: 3px 10px;
    position: fixed;
    left: 0;
    bottom: 0;
    font-size: 12px;
    border: solid 1px #ccc;
    border-width: 1px 1px 0 0;
    background-color: #fff;
}

td {
    vertical-align: top;
    list-style-type: none;
}

td ul {
    padding: 0;
    margin: 0;
}

p.documentError {
    border: solid 1px #ccc;
    padding: 10px 10px 10px 50px;
    background: #fff url('/Images/Error.jpg') scroll no-repeat 20px 10px;
    margin-bottom: 8px;
}

input[type="checkbox"] {
    clear: right;
}

a.editLink {
    display: block;
    padding: 2px;
    margin: 3px;
}

span.disabled {
    display: block;
    color: #888;
    font-style: italic;
    margin: 3px;
    padding: 2px;
}

table td.topCorner {
    background-color: #ffc;
    vertical-align: bottom;
    width: 170px;
}

div.documentErrorList {
    background: rgb(196, 230, 245);
    background: #fff;
    width: 800px;
    margin: 0 auto;
    -moz-border-radius: 4px;
    -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    behavior: url('/Public/border-radius.htc');
    
    height: 370px;
    
    overflow: auto;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
    
    border: 1px solid #888;
}

div.errorDetail.expanded {
    background: transparent url('/Images/LessInfo.gif') no-repeat scroll bottom right; 
}

div.errorDetail.collapsed {
    background: transparent url('/Images/MoreInfo.gif') no-repeat scroll bottom right; 
}

div.documentErrorList h3 {
    background: transparent url('/Images/Error.jpg') scroll no-repeat 20px 13px;
    padding: 10px 20px 3px 45px;
    clear: both;
    float: left;
    margin: 0;
}

pre.techDetails {
    font-family: Consolas;
    font-size: 11px;
    background-color: #fffaaa;
    overflow: auto;
    max-width: 100%;
    max-height: 200px;
    padding: 10px;
    display: none;
}

div.wordCountCorrecter {
    float: right;
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
}

div.wordCountCorrecter span {
    padding-right: 20px;
}

div.errorDetail {
    clear: both;
    padding: 0 20px 7px 20px;
    border-bottom: dotted 1px #aaa;
    font-size: 12px;
    background: #fff;
}

div.errorDetail h4 {
    text-transform: uppercase;
    font-size: 13px;
    margin: 0px 10px 10px 0;
    padding: 5px 10px 6px 10px;
    float: left;
}

div.errorDetail p {
    margin: 0 0 5px 0;
}

p.errorToggle {
    clear: both;
    background: transparent url('/Images/Expanded.gif') no-repeat scroll 20px 2px;
    padding-left: 38px;
}

div.documentErrorList + div.formSubmit {
    border-top: none;
    width: 804px;
    padding: 10px 0;
}

div.documentErrorList + div.formSubmit > input {
    margin: 0;
}

input.error {
    background: #fdd;
    border: solid 1px #f00;
    padding: 2px;
}

div.leftColumn img {
    border: 1px solid #aaa;
}

div.newsContainer a {
    text-decoration: underline;
}

p a.topLink {
    text-transform: uppercase;
    padding: 0 0 0 10px;
    background: transparent url('/Images/LessInfo.gif') no-repeat scroll top left;
    font-size: 10px;
    display: inline-block;
    line-height: 7px;
    text-decoration: none;
    color: #888;
}

#rootNode {
    background: #fff;
    padding: 0;
    border: solid 1px #ccc;
    width: 370px;
    height: 500px;
    overflow: scroll;
}

#rootNode img {
    width: 16px;
    height: 16px;
}

#rootNode > .nodeChildren {
    padding: 0;
}

.n { /* =node */
    margin: 10px 5px;
    padding: 0 0 0 16px;
}

.n img {
    vertical-align: text-top;
    margin-right: 5px;
}

.c > span {
    color: #888;
}

.hc > .c { /* = has children */
    background-image: url('/Images/Node.png');
    background-repeat: no-repeat;
}

.hc > .c:hover {
    background-image: url('/Images/NodeHover.png');
}

.hc.e > .c { /* e=expanded */
    background-image: url('/Images/NodeExpanded.png');
    background-repeat: no-repeat;
}

.hc.e > .c:hover {
    background-image: url('/Images/NodeExpandedHover.png');
}

.nc { /* = nodeChildren */
}

.c { /* = (node) content */
     display: inline-block;
     cursor: pointer;     
     padding: 0 0 0 16px;
     white-space: nowrap;
}

.c:hover {
    color: #426676;
}

a.backLink {
    float: left;
    padding-right: 10px;
    padding-top: 2px;
}

.c.new {
    color: #070;
}

.c.del {
    color: #855;
    text-decoration: line-through;
}

.c.rev {
}

.c.same {
    color: #888;
}

ul.diffSummary {
    background: transparent url('/Images/6Alpha.png') repeat scroll top left;
    /*border: solid 2px #ccc;*/
    padding: 9px 8px 5px 8px;
    list-style-type: none;
    font-size: 11px;
    margin: 0;
}

ul.diffSummary li {
    display: inline-block;
    margin-right: 10px;
    color: #426676;
    line-height: 11px;
}

ul.diffSummary h3 {
    height: auto;
    display: block;
    margin-top: 0;
}

table.objectList td.fnCell, table.objectList td.fn {
    min-width: 238px;
    text-align: right;
    padding: 7px;
    vertical-align: middle;
}

.fnCell a, .fn a {
    display: inline-block;
    padding: 1px 5px 3px 5px;
    margin: 0 1px 2px 1px;
    min-width: 65px;
    text-align: left;
    border: dotted 1px #ddd;
    text-align: center;
}

table.objectList tr:hover .fnCell a:hover, .fn a:hover {
    background-color: #426676;
    color: #fff;
    text-decoration: none;
}

.fnCell a:active, .fn a:active {
    color: #000;
}

table.objectList tr td.fnCell a {
    color: #777;
}

table.objectList tr:hover td.fnCell a {
    color: #00426E;
}
