/**Global Structure**/
/*layout*/
body {margin:0px;padding:0px;}
table {width:100%;}
input {font-family: Arial, Helvetics, Geneva;}
table.default {width:auto;}
.layoutLeft, .layoutRight {width:200px;}
.layoutMiddle {width:auto;}
td {vertical-align:top;}
img {border:0px;}
ul, ol, dl {position: relative;}
ul, ol {padding:0px;font-weight:bold;}
ul li, ol li {margin-left:20px;padding-bottom:10px;font-weight:normal;}
.area li ol, li ol {margin-top:10px;}
#standardContent ul ol li {list-style-image: none; list-style-type:decimal;}
hr {border: 0;color: #9E9E9E;background-color: #9E9E9E;height: 1px;width: 100%;text-align: left;}
.nowrap {white-space:nowrap;}
.floatRight {float:right;}
.floatLeft {float:left;}
.alignLeft, table.default td.alignLeft {text-align:left !important;}
.alignCenter, table.default td.alignCenter {text-align:center !important;}
.alignRight, table.default td.alignRight {text-align:right !important;}
.backLink {position:absolute;right:0px;top:0px;text-align:right;z-index:200;display: table;}
.tip {cursor:pointer;}
.tip a {font-weight:normal;}
.tip img {margin-left:5px;}

#standardOverlay {z-index:10000;position:absolute;top:0px;left:0px;width:100%;}
#popUp {
z-index:999;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
#popUpBackground {
z-index:100;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
opacity:.8;
-moz-opacity: 0.8;
filter: alpha(opacity = 80);
background-color:#000;
cursor:pointer;
}
*html #popUpBackground {position:absolute;height:900px;}

.floatRight {float:right;}
.floatLeft {float:left;}
.width50px {width:50px;}
.width75px {width:75px;}
.width100px {width:100px;}
.width125px {width:125px;}
.width150px {width:150px;}
.width175px {width:175px;}
.width200px {width:200px;}
.width300px {width:300px;}
.width25 {width:25%;}
.width35 {width:35%;}
.width45 {width:45%;}
.width50 {width:50%;}
.width75 {width:75%;}
.width100 {width:100%;}

.opacity25 {
opacity:.25;
-moz-opacity: 0.25;
filter: alpha(opacity = 25);
}
.opacity50 {
opacity:.5;
-moz-opacity: 0.5;
filter: alpha(opacity = 50);
}
.opacity75 {
opacity:.75;
-moz-opacity: 0.75;
filter: alpha(opacity = 75);
}

#layout td.layoutLeft {padding-right:10px;}
#layout td.layoutMiddle p {line-height:1.5em;}

/** fonts **/
body, input, #standardHeaderMfg {font-size:13px;}
h1, h2, h3 {margin:5px 0px 5px 0px;padding:0px;text-align:left;position:relative;}
h1 {font-size:18px;}
h1 .actions, h2 .actions {position:absolute;top:0px;right:0px;}
h1 .actions a, h2 .actions a {font-size:12px;text-decoration:none;font-weight:normal;}
h2 {font-size:15px;_height: 1%;}
h3 {font-size:13px;}
p {padding-top:0px;margin:0px 0px 10px 0px;}
form i {font-size:9px;}
#standardFooter p, #standardFooter a {font-size:10px;}
.strike {text-decoration: line-through;}
#standardLayout table.default, div.printOut table.default, #standardLayout table.dataSummary, div.printOut table.dataSummary, #standardLayout table.groups, #standardLayout table.data {font-size:11px;}

/**images**/
.data img, .actions img, table.window img {border:solid 0px !important;}
img.icon {border:solid 0px !important;}

/*functionality*/
.displayNone {display: none;}
.hide {visibility: hidden;}
.show {visibility: visible;}
#popup .closeWindow {position:absolute;top:5px;right:5px;display:block;text-align:center;background:url("../images/popup_closewindow.gif") no-repeat bottom left;padding:5px 10px 5px 10px;}
#popup .closeWindow a {text-decoration:none;}

/*buttons*/
.btn75, .btn75Hover, .btn100, .btn100Hover, .btn125, .btn125Hover, .btn150, .btn150Hover {display:block;line-height:11px;padding:7px 0px 12px 0px;_padding-top:8px;text-decoration:none;color:#fff;font-size:10px;text-transform:uppercase;text-align:center;margin:0px;background-repeat:no-repeat;background-position: center left;border:solid 0px;background-color:transparent;cursor: pointer;}
.btn75, .btn75Hover {width:83px;}
.btn100, .btn100Hover {width:108px;_width:118px !important;}
.btn125, .btn125Hover {width:133px;}
.btn150, .btn150Hover {width:158px;}

/*btn175*/
.btn175, .btn175:visited, .btn175:hover, .btn175Hover {margin:0px;font-size:13px !important;width:175px;height:32px;padding:10px 0px 0px 0px;text-align:center;text-transform:uppercase;color:#fff;display:block;text-decoration:none;font-weight:bold;border:none;cursor: pointer;}
input.btn175, input.btn175Hover {height:38px !important;padding-top:0px !important;}

/*btn200lg*/
.btn200lg, .btn200lg:visited, .btn200lg:hover, .btn200lgHover {display:block !important;font-size:17px !important;width:208px;height:32px;padding:14px 0px 0px 0px;text-align:center;text-transform:uppercase;color:#ffffff !important;text-decoration:none;font-weight:bold;border:none;margin:0px;}
input.btn200lg, input.btn200lg:hover, input.btn200lgHover {height:48px;padding:8px 0px 10px 0px;cursor: pointer;}

/** Error **/
#mfgWrapper .error {background-image: url(../images/icn_warning.gif);background-repeat:no-repeat;background-position:top left;background-color:transparent !important;font-size:12px;vertical-align:middle;width: auto;height: auto;padding:10px 5px 14px 40px;text-align:left;font-weight:normal;margin-bottom:5px;}
.error ul {margin:0px 0px 0px 25px;padding:0px;list-style-position: outside;}
.error ul li {margin:0px;padding:0px;font-size:.9em;}
TD.error, TD.imgWarning {background-color:#FFFFCC;vertical-align:middle;font-size:10pt;}
TD.imgWarning {padding:10px 0px 10px 0px;border-top:solid 1px #990000;border-bottom:solid 1px #990000; border-left:solid 1px #990000;text-align: center;}
TD.imgWarning IMG {vertical-align:middle;}
.form TD.error {border:solid 0px #990000;border-bottom:solid 1px #990000;border-right:solid 1px #990000;border-top:solid 1px #990000;margin-bottom:10px;}

/*forms*/
form {padding:0px;margin:0px;}
div.form {font-size:12px;}
DIV.form h2 {font-size:1.2em;margin: 0px 0px 5px 0px;padding:0px; border-bottom:solid 1px #cccccc;}
.label {font-weight:bold;}
form label, form td.label {font-weight:bold;text-align:right;white-space:nowrap;margin-right:5px;}
INPUT, .select, select, TEXTAREA, .file {border:solid 1px #7F9DB9;font-size:11px;color:#666;padding-left:2px;}
INPUT.radio {border:solid 0px #999999;background-color:transparent !important;}
INPUT.checkbox {border:solid 0px #999999;background-color:transparent !important;}
DIV.form {margin:0px 0px 10px 0px;border-top: solid 0px #cccccc;background-position: left bottom;background-repeat: no-repeat;padding:5px 0px 0px 0px;width:auto;}
#standardContent table.formFields h3 {padding-left:0px;}
.formFields {width:auto;border-collapse: collapse;margin:0px;}
.formFields table {width:auto;}
.formFields td {padding:0px 0px 3px 0px;font-size:12px;vertical-align:middle;}
.areaAdmin .formFields td {vertical-align:top;}
.formFields td.formGroup {padding:10px;}
.formFields h2 {padding:0px;border-bottom:solid 1px #ccc;}
.formFields p {margin:0px;}
.formFields .required {padding:0px 0px 0px 0px;padding-right:0px;padding-left:0px;}
.formFields .required strong {display:block;text-align:center;width:10px;margin:0px;padding-right:5px;}
.formFields .label {padding-right:5px;padding-right:0px;white-space: nowrap;text-align:right;width:100%;}
.areaAdmin .formFields .label {width:auto;}
.formFields .field {padding:0px 0px 3px 0px;width:100%;text-align:left;}
.formFields input.password {_width:125px;}
.field input, .field textarea, .field select {background-color:#ffffff;margin-left:5px;}
.formFields .field input {padding-left:2px;}
.areaAdmin .formFields .field input {width:auto;}
.formFields textarea {width:98%;}
.formFields .submit {padding:0px;width:100%;text-align:left;}
.formFields .submit a {display:block;padding-top:6px;white-space:nowrap;}
#standardContentLayout table.formFields input.button {margin-top:0px;width:auto;}
* html #standardContentLayout table.formFields input.button {padding:2px 2px 0px 2px;height:inherit;}
.multiSelect td {padding-right:10px;width:33%;}
.multiSelect .column1, .multiSelect .column2 {width:50%;}
.multiSelect select {width:100%;}
.multiSelect .middleColumn {width:50px;}
DIV.imgPreview {margin:5px 0px 5px 0px;text-align:left;}
DIV.imgPreview IMG {background-color:#cccccc;padding:3px;border:solid 1px #999999;}
.imgPreview .maxWidth {max-width: 500px;}
* html .imgPreview .maxWidth {width: expression( document.body.clientWidth > 499 ? "500px" : "auto" );}
.imgPreview .maxHeight {max-height: 200px;}
* html .imgPreview .maxHeight {height: expression( this.scrollHeight > 199 ? "200px" : "auto" );}
.calendarInput input {float:left;}
#standardContentLayout input.calendarBtn {margin-top:0px;height:19px;width:10px;font-size:11px;font-weight:normal;float:none;margin-left:2px;padding:0px;}
* html #standardContentLayout input.calendarBtn {width:21px;height:21px;margin-left:0px;}

#standardContent .refer .field input {width:90px;}

form #clear {float:left;}

/*message*/
table.message {font-size:12px;vertical-align:middle;width: 100%;padding:5px;margin:7px 0px 7px 0px;border:solid 1px #990000;text-align:left;border-bottom:solid 1px #990000;font-weight:normal;}
table.message td {vertical-align:top !important;}
table.message .icon {width:auto !important;}
table.message img {border:solid 0px;}
table.message .content {width:100% !important;}
table.message ul {margin:0px 0px 0px 20px;padding:0px;list-style-position: outside;color:#990000;}
table.message ul li {list-style:none;margin:0px !important;color:#990000;}

/*Area Structure*/
.area {position:relative;margin:0px 0px 10px 0px;z-index:1;}
.areaContent, .areaTop {background-repeat: no-repeat;background-position:top right;}
.areaContent {position:relative;zoom:1;_overflow-y:hidden;text-align:left;}
.areaContent:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.areaTop {position:absolute;left:0px;top:0px;height:100%;_height:5000px;background-position:top left;}
.areaBottom {position:relative;background-position:bottom right;text-align:left;}
.areaBottom .areaBottomLeft {position:relative;background-position:bottom left;}
.area h2 {margin:0px;padding:10px 0px 0px 0px;margin-left:-10px;}
.areaContent h2 {padding:0px 0px 10px 0px;text-decoration:none;margin-left:0px;}
.area h3 {margin:0px; padding:0px;text-decoration:none;}
.area p {margin:0px; /* margins will blow out backgrounds, leaving whitespace. */padding:0px;}
.area .areaContent h1 {margin-left:0px;}
.area ul{margin-bottom:0px;margin-top:0px;}
.area ol {margin-left:-20px;margin-bottom:0px;margin-top:0px;}
.area li {padding-bottom:5px;}
.area h2 {margin-bottom:0px;}
.area a.viewAll {position:absolute;top:15px;right:10px;}

/*User Orders*/
#layout td.layoutMiddle .area {margin-bottom:10px;}

/*Login Area*/
#signIn label {display:block;text-align:left;margin-top:5px;}

/*AreaPadding*/
.area {margin-left:10px;}
.area .areaTop {width:10px;margin-left:-10px;}
.area .areaContent {padding:10px 10px 0px 0px;}
.area .areaBottom {height:10px;}
.area .areaBottom .areaBottomLeft {height:10px;width:10px;margin-left:-10px;}

.area #tellACoworker .textfield {width:98px !important;}

/* areaNavigation */
.areaNav {width:200px;margin-bottom:10px;}
.areaNav h2 {margin:0px;background-color:none;font-weight:normal;}
.areaNavHeader, .areaNav .areaNavNoHeader {width:181px;min-height:5px;height:auto !important;height:5px;background-repeat:no-repeat; background-position: 0px 0px;padding:6px 10px 2px 10px;font-size:16px;}
.areaNavContent b, .areaNavContent a {font-size:12px;display:block; background-repeat:no-repeat;background-position: 0px -30px;text-decoration:none;}
.areaNavContent b {width:181px;padding:3px 10px 3px 10px;}
.areaNavContent a {width:181px;padding:3px 10px 3px 10px;}
.loggedIn .areaNavContent a {width:171px;padding:3px 10px 3px 20px;}
.areaNavContent a.on {font-weight:bold;}

.areaContent table.default tr td {vertical-align:middle;}
.areaCotent table.default .right-75 {white-space:nowrap;}

.areaNavFooter {width:201px;height:12px;background-repeat:no-repeat; background-position: 0px -133px;}

.area table.data {background-color:transparent;}
.area table.data td.label {text-align:left;font-weight:bold;}
.area table.data td.data {text-align:right;}

/*Area Attributes*/
#layout .layoutLeft .areaNavigation a {display:block;text-decoration:none;}
.area .areaContent h1 {font-size:16px;}
.areaDetails1 h2 {background-repeat:no-repeat;background-position:0px 16px;padding:5px 0px 10px 23px;}

.areaLeftNavigation {margin-left:15px;}
.areaLeftNavigation a {text-decoration:none;}
.areaLeftNavigation h2 {font-size:16px;font-weight:normal;color:#fff; padding:0px 0px 20px 0px;margin-bottom:0px;line-height:1.1em;}
.areaLeftNavigation .areaTop {width:15px;margin-left:-15px;}
.areaLeftNavigation .areaBottom .areaBottomLeft {position:relative;width:15px;margin-left:-15px;}
.areaLeftNavigation .areaBottom, .areaLeftNavigation .areaBottom .areaBottomLeft {height:12px !important;}
.areaLeftNavigation a.callToAction, .areaLeftNavigation a.callToAction:visited, .areaLeftNavigation a.callToAction:hover {padding-top:5px;text-decoration:none;display:block;padding-bottom:10px;text-align:left;font-weight:normal;}
.areaLeftNavigation .textField {margin-bottom:5px;}
#layout.broHomePage .areaLeftNavigation .textField {width:203px !important;}
.areaLeftNavigation table {margin-top:5px;}
.areaPopup .areaContent, .areaPopup .areaTop, .areaPopup .areaBottom, .areaPopup .areaBottom .areaBottomLeft {background-image: url("../images/area_popup.png");}
.areaPopup, .areaPopup a, .areaPopup a:visited, .areaPopup a:hover {color:#ffffff;}
.areaTalking1 .areaBottom, .areaTalking1 .areaBottom .areaBottomLeft {height:160px;}
.areaTalking2 .areaBottom, .areaTalking2 .areaBottom .areaBottomLeft {height:160px;}
.areaTalking3 .areaBottom, .areaTalking3 .areaBottom .areaBottomLeft {height:160px;}

/*areaAdmin*/
.areaAdmin {position:relative;margin:0px 0px 10px 0px;z-index:1; margin-left:10px; margin-bottom:0.5em;}
.areaAdmin .areaContent {position:relative;padding:10px 12px 0px 0px;background-position:right -10px;}
.areaAdmin .areaTop {width:10px !important;margin-left:-10px;background-position:left -10px;}
.areaAdmin .areaBottom, .areaAdmin .areaBottom .areaBottomLeft {height:10px;}
.areaAdmin .areaBottom .areaBottomLeft {width:10px;margin-left:-10px;}
.areaActions .areaContent {background-position:right -10px;}

/*tabs*/
	table.tab, table.tabon, table.taboff {width:auto !important;border-collapse: collapse;}
    table.tab td, table.tabon td, table.taboff td {padding-top:6px !important;padding-bottom:5px;}
    table.tab td.tabLeft, table.tabon td.tabLeft, table.taboff td.tabLeft {background-position:left 0px; background-repeat:no-repeat;width:20px;background-color:transparent;padding-left:0px;padding-right:0px;}
    table.tab td.tabRight, table.tabon td.tabRight, table.taboff td.tabRight {background-position:right 0px; background-repeat:no-repeat;padding-left:0px;padding-right:20px;white-space: nowrap;background-color:transparent;width:auto;font-size:14px;font-weight:bold;}

    .area table.tab td {padding-top:0px !important;}
    .area table.tab td.tabLeft {background-image:none !important;padding-left:0px !important;width:0px !important;}
    .area table.tab td.tabRight {background-image:none !important;padding-left:0px !important;padding-right:0px;font-size:1.1em;}

/** Admin TabWindow **/
	table.tabs {margin-top:10px;width:auto;}
	table.tabs td {width:auto !important;}
	table.tabs td span {font-weight:bold;}
	table.tabs td.off {padding:0px 0px 0px 10px;border-top:solid 0px;}
	table.tabs td.off span {display:block;margin:0px;padding:2px 10px 0px 0px;margin-top:0px;}
	table.tabs td.on {padding:0px 0px 0px 10px;cursor:pointer;border-top:solid 0px;}
	table.tabs td.on span {display:block;margin:0px;padding:2px 10px 0px 0px;}
	table.window {width:100%;}
	table.window th {height:7px;}
	table.window tfoot td {text-align:right;padding:0px;vertical-align:bottom;}
	table.window tfoot img {height:12px;width:12px;margin:0px;}
	table.window #windowContent {position:relative;}
	#windowContent h2 {padding:0px 10px 2px 10px;margin-top:0px;margin-bottom:0px;font-size:14px;}
	*html #windowContent h2 {padding-bottom:5px;}
	#windowContent h2 span {padding-right:10px;}
	#windowContent span.actions {padding-right:10px;padding-left:30px;}
	#windowContent h2 span.actions {margin-left:0px;padding-left:0px;}
	#windowContent h2.expand {background: url(../images/arrow_down.gif) no-repeat center left;padding-left:25px;cursor:pointer;}
	#windowContent h2.collapse {background: url(../images/arrow_right.gif) no-repeat center left;padding-left:25px;cursor:pointer;border-bottom:solid 0px;}
	#windowContent table.default {margin-bottom:10px;}
	#windowContent table.default th {background:none;background-color:#ddd;color:#666;padding:2px 10px 2px 10px;border-bottom:solid 1px #C9C9C9;}
	#windowContent table.default td {border-right:solid 0px;border-bottom:solid 0px;padding:2px 10px 2px 10px;}
	#windowContent .associationExpanded {}
	#windowContent .associationExpanded td {padding-bottom:10px;}
	#windowContent .associationExpanded h2 {border-bottom:solid 0px;background-color:transparent;}
	#content #windowContent .associationExpanded h2 {border-bottom:solid 0px;background-color:transparent;margin-bottom:0px;padding-bottom:0px;height:12px;}
	#windowContent table.data {width:100%;}
	#windowContent table.data thead, #windowContent .data tfoot {display:none;}
	#windowContent #email thead tr th {background:none;background-color:transparent;color:#444;}
	#windowContent #email thead tr th.topleft, #windowContent #email thead tr th.topright {background:none;background-image:none;background-color:transparent;color:#444;}
	#windowContent table.data .innerData thead {display:table-header-group;}
	#windowContent table.data .innerData tfoot {display:table-footer-group;}
	#windowContent #tableWrapper {margin-top:0px;}
	#windowContent #tableWrapper td.label {padding-left:40px;}
	#windowContent #email tfoot tr {display:none;}
	#windowContent table.data td.content {border-bottom:solid 0px #C9C9C9;}
	#windowContent h3 {padding-top:7px;padding-left:10px;}
	#container #windowContent #email tr.even td, #container #windowContent #email tr.odd td {background-color:#EFEFEF;}

/*Default Table - Use td.layoutMiddle and #middle so it doesn't apply styles to mfg custom home pages.*/
    #standardContentLayout table.default, #mfgWrapper table.default {border-collapse:collapse;margin-bottom:10px;}
    #standardContentLayout TABLE.default TH, #standardContentLayout .groups th, #mfgWrapper TABLE.default TH, #mfgWrapper .groups th {letter-spacing: 1px;padding: 3px 3px 3px 10px;text-decoration:none;vertical-align: middle;height:20px;border-collapse:collapse;text-align:left;}
    #standardContentLayout TABLE.default TH.rght, #standardContentLayout .groups th.rght, #mfgWrapper TABLE.default TH.rght, #mfgWrapper .groups th.rght {text-align:right;}
    #standardContentLayout table.default tbody td table td, #mfgWrapper table.default tbody td table td, table.data td {background-image:none;padding: 3px 3px 3px 10px;}
    #standardContentLayout table.default tbody td, #mfgWrapper table.default tbody td {padding: 3px 3px 3px 10px;}
    #standardContentLayout TABLE.default tr.tableRowEven td, #standardContentLayout #history tr.even td, #standardContentLayout TABLE.default tr.even td, #mfgWrapper TABLE.default tr.tableRowEven td, #mfgWrapper #history tr.even td, #mfgWrapper TABLE.default tr.even td {background-repeat: no-repeat;background-position:center center;}
    #standardContentLayout .default .message, #mfgWrapper .default .message {margin:0px;}
    #standardContentLayout TABLE.default TD.action, #mfgWrapper TABLE.default TD.action {white-space:nowrap;}
    th.sortable a {background-image: url(../images/tables/arrow_off.gif);background-repeat: no-repeat;margin:0px;padding-right:10px;}
    th.sorted a, th.sortable.a {background-position: left;padding-left:12px;display: block;width: 100%;text-align:left;}
    th.order1 a {background-image: url(../images/tables/arrow_down.gif);background-repeat: no-repeat;margin:0px;padding-right:5px;}
    th.order2 a {background-image: url(../images/tables/arrow_up.gif);background-repeat: no-repeat;margin:0px;padding-right:5px;}
    #history.default th {white-space:nowrap;}
    #history.default th.topright {width:100% !important;}
    #history.default td {width:auto;}
    #history.default td.note {width:auto;white-space:normal;}

/** public table **/
    table.public {color:#000;border-collapse: collapse;}
    table.public th {font-weight:normal;padding:5px;text-transform: uppercase;}
    .public th a, .public th a:visited {text-decoration:none;color:#666;}
    .public th.sorted a {color:#444;font-weight:bold;}
    table.public td {background-color:#fff;border-bottom:solid 1px #DEDFE0;padding:5px;vertical-align:middle;}
    table.public tfoot {display:none;}

/** data **/
    table.pollResults {width:100%;}
    table.pollResults td {vertical-align:middle !important;}
    table.pollResults .label {width:auto !important;white-space:nowrap;text-align:right;}
    table.pollResults .graph {width:100% !important;}
    table.pollResults .percent, table.pollResults .count {text-align:center;}
    table.pollResults td {padding:5px;}

    table.displayTagHeader {position:relative;width:100%;}
	table.displayTagHeader td.caption {width:50%;}
    table.displayTagHeader td.pagebanner {width:50%;text-align:right;padding-right:20px;}
    table.displayTagHeader td.pagelinks {width:auto !important;}
	td.caption {height:23px;vertical-align:bottom;}
	td.pagebanner {color:#999999; font-size:.85em;font-weight:normal;text-align:left;}
	td.pagelinks {text-align:right;}
    /*mktData*/
    .mktData {margin-bottom:15px;border-collapse: collapse;}
    .mktData td {text-align:center;width:33%;vertical-align:middle;}
    .mktData th {vertical-align:bottom;}
    .mktData th, .mktData td {padding:5px !important;}
    .mktData .alignLeft {text-align:left;white-space: nowrap;}
    .devTools .alignLeft {white-space: normal;}
    .mktData .header {font-weight:bold;}
    .mktData table td {border:solid 0px;padding:0px;vertical-align:middle;}

	/** Table Data **/
	table.data {width:100%;}
	.data .topleft, .data .topright {background-image:none;}
	.data td {padding:2px 5px 2px 5px;}

	/*pageNav*/
	table.pageNav {width:100%;}
	.backLink .pageNav {width:auto;}
	table.pageNav h3 {padding-top:4px;}
	table.pageNav .results {text-align:center;}
	table.pageNav .search {width:100%;}
	table.pageNav table {width:100px;float:right;}
	table.pageNav img {width:22px;height:20px;}
	td.pagelinks table.pageNav {width:100px;float:right;}
	table.pageNav td {white-space:nowrap;text-align:center;vertical-align:bottom !important;}
	td.numberLinks {padding:0px 3px 3px 3px;}
	td.numberLinks a, td.numberLinks span {padding:0px 4px 0px 4px;}
	.pageNav .links {font-size:13px;}
	#pageNav img {border:0px !important;}

	/*displayTagHeader */
	.displayTagHeader td {vertical-align:middle;}
	.displayTagHeader .caption, .pageNav strong {color:#091F42;}
	.pageNav .search a {margin-right:30px;}

	table.formFields .items {width:50%;}
	table.items .fullfill {width:65px;text-align:center;}
	table.items .quantity {width:70px;text-align:center;}
	table.items .description {text-align:left;}
	table.items .unit {text-align:right;padding-right:10px;}

	/** data1 **/
	table.data1 {width:100%;margin-top:0px;margin-bottom:0px;}
	table.data1 th {background-color:#fff;color:#666;border-bottom:solid 1px #666;padding:0px;}
	table.data1 td {border-right:solid 0px #fff;padding:5px 10px 5px 10px;}
	table.data1 tr.odd {background-color:#f3f3f3;}
	table.data1 tr.even {background-color:#fafafa;}
	table.data1 tfoot td {background-color:#efefef;border-right:solid 0px #fff;}

	/** sortable table **/
	table.sortable tbody tr { cursor: pointer; }
	table.sortable tbody tr.sorting { font-weight: bold; cursor: move; }
	table.sortable tbody tr.sorted { font-style: italic; }

/** InnerDataTable **/
	#tableWrapper .innerData TD, TABLE.innerData TD {border:solid 0px #efefef;}
	#tableWrapper .innerData TD.action, TABLE.innerData TD.action {white-space: nowrap;}
	#tableWrapper .dataSummary .caption {padding:10px 0px 3px 0px;height:auto;}
	#tableWrapper .dataSummary .caption h2 {background:none;}
	#tableWrapper .dataSummary .caption h2 span {background:none;margin:0px;}

	/** dataSummary **/
	div.dataSummaryWrapper {margin-bottom:10px;width:auto;}
	.dataSummaryFooter {position:relative;height:15px;}
	div.dataSummaryFooter img {height:15px;}
    .dataSummaryFooterLeftCorner {position:absolute;top:0px;left:0px;width:50%;}
    .dataSummaryFooterRightCorner {position:absolute;top:0px;right:0px;width:50%;}
	table.dataSummary {margin:0px 0px 0px 0px;}
	table.dataSummary td table.default {margin:0px;margin-bottom:0px;}
    table.dataSummary p {padding:5px 10px 5px 10px;margin:0px;}
	h2.dataSummary, h3.dataSummary {margin:5px 0px 0px 0px;}
	table.dataSummary td.data, table.dataSummary td {text-align:left;vertical-align:top;padding-top:2px;padding-bottom:2px;}
	#tableWrapper table.dataSummary td.data input.button {margin-top:0px;}
	table.dataSummary td.label {width:10%;white-space: nowrap;font-weight:bold;text-align:right;padding-right:5px;padding-left:10px;vertical-align:top;}
	div.form table.data thead, div.form table.data tfoot {display:none;}
	#teamApplication div.form h3 {margin:0px 5px 0px 5px;border-bottom:solid 0px;}
	table.dataSummary h2, table.dataSummary h3 {display:inline;padding-left:10px;position:relative;}
	table.dataSummary h2 span, table.dataSummary h3 span {position:relative;}
	div.dataSummaryWrapper table.message {margin:0px;}

/** calendar **/
	.icnCalendar {border:solid 0px;padding:0px 0px 0px 5px;margin:0px;}
	.calendar {width:250px;background-color:#ccc;padding:2px;z-index: 1600;}
	.calendar table .title {background-color:#ccc;text-align:center;font-weight:bold;color:#333;}
	.calendar table td {background-color:#efefef;border:solid 1px #ccc;width:25px;height:20px;text-align:center;}
	.calendar table .emptycell {background-color:#ccc;}
	.calendar .weekend {color:#333;background-color:#aaa;}
	.calendar .selected {background-color:#023567;color:#fff;}
	.calendar .button {background-color:#023567;font-size:14px;}
	.calendar .button:hover {background-color:#918A11;}
	.calendar, .calendar .button, .calendar .selected {border-top:solid 1px #fff;border-left:solid 1px #fff;border-bottom:solid 1px #666;border-right:solid 1px #666;}
	.calendar .hilite {background-color:#918A11;color:#fff;cursor:pointer;border-top:solid 1px #666;border-left:solid 1px #666;border-bottom:solid 1px #fff;border-right:solid 1px #fff;}
	.calendar .wn {background-color:#666;color:#ccc;}
	.calendar table thead tr td {background-color:#999;color:#fff;}

/*actions*/
	div.actions {padding:0px 5px 0px 5px;_padding-top:4px;margin-bottom:0px;line-height:22px;_height:21px;border-bottom:solid 1px #888888;border-top:solid 1px #ffffff;}
	div.actions a, a.actionLink, table.default td a.actionLink, table.default td a.actionLink:visited  {font-size:11px;text-decoration:none;padding-right:10px;padding-left:5px;}
	div.actions a {color:#444;border-right:solid 1px #666;}
	div.actions a:visited {color:#444;}
	div.actions a:hover {color:#666;}
	#standardContent .fade, #standardContent a.fade, #standardContent a.fade:visited {opacity:.40; filter: alpha(opacity=40); -moz-opacity: 0.4;display:inline;}
	#standardContent .fade:hover, #standardContent a.fade:hover {color:#444;cursor: default;}

	/** orderSummary **/
	#orderInformation {line-height:14px;margin:0px;padding:0px;}
	#orderInformation {line-height:14px;margin:0px;padding:0px;}
	#orderInformation td.general, #orderInformation td.general {padding-left:10px;padding-right:10px;}
	#orderInformation td.general table td.label {padding-left:5px;}
	#orderInformation .payment, #orderInformation .shipping, #orderInformation .payment, #orderInformation .shipping {width:25%;padding-left:10px;padding-right:10px;vertical-align:top;padding-top:0px;}
	#content #orderInformation td.brdr, #orderInformation td.brdr {border-right:solid 1px #ffffff;vertical-align:top;}
	#orderInformation h2 {margin:0px;padding:5px 0px 0px 0px;}
	#orderInformation table td {vertical-align:top;line-height:14px;}
	#orderList {width:100%;}
	#orderList td {border-bottom:dashed 1px #ccc;vertical-align:top;padding:3px 0px 3px 0px;}
	#orderList .mfgName {width:100%;padding-left:10px;}

	#orderInformation table td.label {margin:0px;padding:0px 5px 0px 0px;text-align:right;/*border:solid 1px #000;white-space:nowrap;*/}

	table.totals, .totals {padding-right:0px;text-align:left;line-height:14px;}
	table.totals td.rght {padding-right:10px;}
	.totals .label {white-space:nowrap;text-align:right;padding-right:5px;}
	.totals .warning {margin:10px 0px 10px 0px;}
	table.groups td, table.groups td {vertical-align:middle;}
	table.groups td.header, table.groups td.header {padding:0px;}
	table.groups table.hdr, table.groups table.hdr {height:20px;font-size:14px;color:#000000;padding:0px;margin:5px 0px 0px 0px;}
	table.groups td.header .hdr td, table.groups td.header .hdr td {border:solid 0px;white-space:nowrap;vertical-align:middle;}
	.groups th i {font-size:11px;}
	.groups i {font-size:11px;}
	.hdr .title {font-size:14px;width:100%;height:25px;white-space:nowrap;font-weight:bold;padding:0px 0px 0px 0px;}
	td.actions {background-color:#ffffff;white-space:nowrap;}
	.groups td.uprocessedDetails table td.column1 {width:100px;vertical-align:top;text-align:left;}
	.groups td.uprocessedDetails table td.column3 table {width:100px;float:right;}
	.groups .details {background-color:#cccccc;border-right:solid 1px #cccccc;font-weight:normal;vertical-align:top;padding:0px 5px 0px 5px; text-transform: none;}
	/* Details Section */
	.groups .details table, .groups .uprocessedDetails table, .groups .details table, .groups .uprocessedDetails table {width:100%;}
	.groups .details table td {width:33%;vertical-align:top;padding-top:5px;background-color:transparent;}
	.groups .details table td.column2, .groups .details table td.column2 {border-right:solid 1px #ddd;border-left:solid 1px #ddd;}
	.groups .details table td table {width:100px;margin-bottom:0px;}
	.groups .details table td table td {padding:2px;}
	.groups .details table td.column2 table {margin:auto;}
	.groups .details table td.column3 table {width:100%;}
	.groups .details table td.column3 table .label {width:100%;}

	.groups .details table.totals td {padding-left:10px;}
	.groups .details hr {height:1px;background-color:#999;margin:0px;padding:0px;border-top:solid 1px #ddd;}

	.groups th.details img {width:195px;height:1px;}
	.groups img {border:0px !important;}
	.groups td.details {padding-bottom:5px;}
	.groups td.actions {vertical-align:middle;width:100%;}
	.groups td.data, #layout .groups td.data {padding:5px 10px 2px 10px !important;vertical-align:top;}
	.groups .data tfoot {display:none;}
	.groups td.dataShipping, .groups td.dataShipping {border-top:solid 0px #ccc;padding-top:7px;padding-bottom:5px;}
	.groups td.content {padding:0px;}
	.groups .rght, .printOut .groups .rght {text-align:right;white-space:nowrap;padding-right:10px;}
	.groups .cntr {text-align:center;}
	.groups .nowrap {white-space:nowrap;}
	.groups .price {font-weight:bold;}
	.groups th table {width:100%;}
	.groups .w50 {width:50px;}
	.groups .w75 {width:75px;}
	.groups .w100 {width:75px;}
	.groups .w125 {width:125px;}
	.groups .w150 {width:150px;}
	.groups .alert, .groups .alert {border:solid 1px #ccc;}
	.groups .info, .groups .info {margin-bottom:0px;border:solid 1px #ccc;}
	.groups table.totals td, .groups table.totals td {border-bottom:solid 0px;width:100%;padding-bottom:3px;}
	.totals .total {font-weight:bold;}
	.groups table td.label, .groups .details b {font-weight:bold;}
	table.groups td.actions a {padding:5px 0px 5px 20px;text-decoration:none;margin:0px 0px 0px 10px;}
	a.Search {padding-left:25px;background:url("../images/icn_search.gif") no-repeat center left;}
	.groups td.btmLftCnr {height:10px;width:10px;}
	.totals .price {color:#006633;font-weight:bold;}
	th.algnRght {text-align:right;white-space:nowrap;}
	.processInfo .data th {border:0px;margin:0px;padding:0px;}
	.groups .data {margin:0px;}
	#content .groups .data tfoot td {display:none;}

/** HTML Course **/
    TABLE.htmlCourse #leftNav, TABLE.htmlCourse #leftNav {background-color:#918A11;}
    TABLE.htmlCourse TD.content, TABLE.htmlCourse TD.content {width:897px;}
    TABLE.htmlCourse #leftNav, TABLE.htmlCourse #leftNav {width:185px;height:320px;position:absolute;left:0px; top:0px;color:#ffffff;margin:0px;}
    TABLE.htmlCourse #leftNav UL, TABLE.htmlCourse #leftNav UL {list-style:none;margin:0px;padding:0px;}
    #standardContent #leftNav LI, #leftNav LI {margin-left:0px;list-style-image:none;padding: 4px 10px 4px 10px;line-heght:1.5em;margin-bottom:1px;font-size:10px;vertical-align:middle;text-align:left;text-transform: uppercase;}
    #leftNav LI.chapter, #leftNav LI.chapter {padding: 4px 10px 4px 10px;color:#ffffff;font-weight:bold;background:url(../images/training/bkg_chapter.gif) no-repeat center right;margin-right:12px;}
    TABLE.htmlCourse .pageOff, TABLE.htmlCourse .pageOff {color:#000000;}
    TABLE.htmlCourse .pageOn, TABLE.htmlCourse .pageOn {color:#091F42;cursor:pointer;}
    TABLE.htmlCourse DIV.content, TABLE.htmlCourse DIV.content {width:722px;height:410px;position:absolute; left:194px; top:0px;border:solid 1px #a6a6a6;background-color:#ffffff;padding:10px;text-align:left;font-size:14px;color:#666666;line-height:1.7em;}
    table.htmlCourse div.content h1, table.htmlCourse div.content h1 {font-size:18px;}
    TABLE.htmlCourse DIV.finished, TABLE.htmlCourse DIV.finished {width:712px;height:398px;position:absolute; left:194px; top:0px;border:solid 1px #a6a6a6;padding:15px;vertical-align:center;text-align:center;}
    .scrollbar, .scrollbar {overflow-x: hidden;overflow-y:auto;overflow:-moz-scrollbars-auto !important;scrollbar-arrow-color: #464646;scrollbar-3dlight-color: #CCCCCC;scrollbar-darkshadow-color: #999999;scrollbar-face-color: #D4D0C8;scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #CCCCCC;scrollbar-track-color: #e6e6e6;}
    TABLE.htmlCourse DIV.content IMG, TABLE.htmlCourse DIV.content IMG {border:solid 0px #666666;background-color:#ffffff;padding:0px;margin:10px;}
    #tableWrapper.courseDefault .moduleContent td {background-color:#fff;}
    TABLE.htmlCourse DIV.edugame, TABLE.htmlCourse DIV.edugame {width:185px;position:absolute;bottom:40px;left:0px;margin-top:5px;text-align:center;padding-top:15px;font-size:14pt;color:#091F42;}
    TABLE.htmlCourse DIV.edugameOver, TABLE.htmlCourse DIV.edugameOver {width:185px;position:absolute;bottom:40px;left:0px;margin-top:5px;text-align:center;padding-top:15px;cursor:pointer;font-size:14pt;color:#091F42;}
    #tableWrapper.htmlCourse DIV.backnext DIV SPAN, TABLE.htmlCourse DIV.backnext DIV SPAN {font-size:14pt;}
    #tableWrapper.htmlCourse DIV.backnext, TABLE.htmlCourse DIV.backnext {width:185px;height:31px;position:absolute;left:0px;bottom:0px;margin-top:5px;text-align:center;padding-top:7px;background: url("../images/training/bkg_backnext.gif") no-repeat center center;}
    #prevLink, #prevLink {width:60px;position:absolute;left:10px; top: 2px;}
    #nextLink, #nextLink {width:60px;position:absolute;right:10px; top: 2px;}
    #tableWrapper.htmlCourse DIV.backnext A, TABLE.htmlCourse DIV.backnext A {font-size:12pt;color:#cccccc; text-decoration:none;}
    #tableWrapper.htmlCourse DIV.backnext A:visited, TABLE.htmlCourse DIV.backnext A:visited {color:#999999;}
    #tableWrapper.htmlCourse DIV.backnext A:hover, TABLE.htmlCourse DIV.backnext A:hover {color:#ffffff;}
    table.moduleContent h1, table.moduleContent p, table.moduleContent h1, table.moduleContent p {padding:0px;margin:0px;}

	#courseWrapper {height:430px;position:relative;}
	#courseWrapper #leftNav {width:185px;height:320px;position:absolute;left:0px; top:0px;color:#ffffff;margin:0px;}
	#courseWrapper #leftNav UL {list-style:none;margin:0px;padding:0px;}
	#courseWrapper #leftNav LI {margin-left:0px;list-style-image:none;padding: 4px 10px 4px 10px;line-heght:1.5em;margin-bottom:1px;font-size:10px;vertical-align:middle;text-align:left;text-transform: uppercase;}
	#leftNav LI.chapter, #leftNav LI.chapter {padding: 4px 10px 4px 10px;color:#ffffff;font-weight:bold;background:url(../images/training/bkg_chapter.gif) no-repeat center right;margin-right:12px;}
	#courseWrapper .pageOff, #courseWrapper .pageOff {color:#000000;}
	#courseWrapper .pageOn {color:#091F42;cursor:pointer;}
	#courseWrapper DIV.content {width:722px;height:410px;position:absolute; left:194px; top:0px;border:solid 1px #a6a6a6;background-color:#ffffff;padding:10px;text-align:left;font-size:14px;color:#666666;line-height:1.7em;}
	#courseWrapper div.content h1 {font-size:18px;}
	#courseWrapper DIV.finished {width:712px;height:398px;position:absolute; left:194px; top:0px;border:solid 1px #a6a6a6;padding:15px;vertical-align:center;text-align:center;}
	.scrollbar, .scrollbar {overflow-x: hidden;overflow-y:auto;overflow:-moz-scrollbars-auto !important;scrollbar-arrow-color: #464646;scrollbar-3dlight-color: #CCCCCC;scrollbar-darkshadow-color: #999999;scrollbar-face-color: #D4D0C8;scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #CCCCCC;scrollbar-track-color: #e6e6e6;}
	#courseWrapper DIV.content IMG {border:solid 0px #666666;background-color:#ffffff;padding:0px;margin:10px;}
	#courseWrapper.courseDefault .moduleContent td {background-color:#fff;}
	#courseWrapper DIV.edugame {width:185px;position:absolute;bottom:40px;left:0px;margin-top:5px;text-align:center;padding-top:15px;font-size:14pt;color:#091F42;}
	#courseWrapper DIV.edugameOver {width:185px;position:absolute;bottom:40px;left:0px;margin-top:5px;text-align:center;padding-top:15px;cursor:pointer;font-size:14pt;color:#091F42;}
	#courseWrapper DIV.backnext DIV SPAN {font-size:14pt;}
	#courseWrapper DIV.backnext {width:185px;height:31px;position:absolute;left:0px;bottom:0px;margin-top:5px;text-align:center;padding-top:7px;background: url("../images/training/bkg_backnext.gif") no-repeat center center;}
	#prevLink, #prevLink {width:60px;position:absolute;left:10px; top: 2px;}
	#nextLink, #nextLink {width:60px;position:absolute;right:10px; top: 2px;}
	#courseWrapper DIV.backnext A {font-size:12pt;color:#cccccc; text-decoration:none;}
	#courseWrapper DIV.backnext A:visited {color:#999999;}
	#courseWrapper DIV.backnext A:hover {color:#ffffff;}
	table.moduleContent h1, table.moduleContent p, table.moduleContent h1, table.moduleContent p {padding:0px;margin:0px;}
	 
/** autocomplete **/
div.autocomplete {
	margin: 0;
	padding: 0;
	background-color: #fff;
	border: solid 1px #888;
	height: expression(this.scrollHeight > 299 ? "300px" : "auto");
	/* sets max-height for IE */
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: -moz-scrollbars-auto !important;
	scrollbar-arrow-color: #464646;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #999999;
	scrollbar-face-color: #D4D0C8;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #E6E6E6;
	z-index: 100;
	font-size:11px;
    }
div.autocomplete li:hover { background: #CCCCCC;cursor: pointer; }
div.autocomplete li.selected { background: #CCCCCC; }	 

/** jQuery autocomplete **/
input.ui-autocomplete-loading {background-color:#efefef;}

ul.ui-menu {
    height: expression(this.scrollHeight > 299 ? "300px" : "auto");
    /* sets max-height for IE */
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: -moz-scrollbars-auto !important;
    scrollbar-arrow-color: #464646;
    scrollbar-3dlight-color: #CCCCCC;
    scrollbar-darkshadow-color: #999999;
    scrollbar-face-color: #D4D0C8;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #CCCCCC;
    scrollbar-track-color: #E6E6E6;
    z-index: 100;
    }
li.ui-menu-item {font-size:11px;padding-left:3px;padding-right:3px;}

/** Development **/
    * :focus { outline: none;}
    .devNote {padding:10px;}
    /*.devNote {background-color:#FFFFC0;max-width:400px;padding:10px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;position:absolute;bottom:0px;left:0px;opacity:0.6;filter:alpha(opacity=60);color:#cc0000;font-size:11px;}*/
    IMG.heightSpacer {width:1px;height:500px;border-right:solid 0px #FF00FF;}
    DIV.comment {text-align:center;font-size:1.3em; color:#990000;font-style:italic;padding:0px; margin: 0px;background-color:#FFFFC0;clear:both;border:dashed 1px #FFC751;}
    .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
    .clearfix {display: inline-block;}
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    <!-[if IE 7]>
        .clearfix {display:inline-block;}
        .clearfix {display:block;}
    <![endif]->