@charset "UTF-8";
html { height: 100%; }
body
{
	margin: 0;
	padding: 0;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #676767;
}
#pageBody #container {
	padding-bottom: 15px
}
input, textarea, select
{
    COLOR: #000000;
    FONT-FAMILY: Verdana,Arial,San-serif;
    FONT-SIZE: 11px;
    margin:2px 2px 2px 0;
}

h2 { font-size:1.5em; margin:0.83em 0; }
h3 { font-size:1.17em; margin:1em 0; }
div > p:first-child { margin-top:0; }

a[target], .external-link {
    background: url(/images/external.png) center right no-repeat;
    padding-right:13px;
}
.right a[target], [align=right] a[target] {
    position:relative;
    left:13px;
}
.combo table { position:static !important; top:0 !important; }
.combo input { padding-top:0; }
.SumoSelect { margin:2px 2px 2px 0px; min-width:200px !important; }
.SumoSelect .SelectBox { padding:1px 4px; line-height:normal; width:inherit; }
.SumoSelect .SelectBox.search { width:initial; }
.SumoSelect > .optWrapper > .options > li { padding-top:3px !important; padding-bottom:3px !important; text-align:left !important; }
.SumoSelect.open > .optWrapper { top:20px !important; }

#lblEnvironment { display:block; color:#eee; font-style:italic; line-height:30px; margin-bottom:10px; text-align:center; }
.float-right { float:right; }
.atk-combo-pos-fix .ajax__combobox_itemlist {
	position: absolute !important;
	height: unset !important;
	overflow: hidden !important;
	top: auto !important;
	left: auto !important;
	z-index: 1002 !important;
}
div.combobox table.ajax__combobox_inputcontainer,
div.atk-combo-pos-fix table.ajax__combobox_inputcontainer {
	top: 0 !important;
}
div.combobox ul.ajax__combobox_itemlist { z-index: 1002 !important; }
div.combobox ul li span[disabled] { color: red; }
div.combobox ul li.highlight { background-color: #FFFFCD; }

/* SKINS */
#header { vertical-align:top; padding-bottom:10px; position:relative; overflow:visible; }
#lnkLogo { display:inline-block; background-size:cover; background-repeat:no-repeat; background-position:center; }
#lnkLogoSST { display:none; padding-right:0 !important; background:none !important; } /* disable external link settings */
.skin-csd #lnkLogoSST { display:inline-block; }
.skin-csd #lnkLogoSST img { width:121px; height:80px; }
.skin-lp #lnkLogo { width:160px; height:138px; background-image:url(/images/logo-lp.jpg); position:relative; left:10px; }
.skin-boise #lnkLogo { width:260px; height:122px; background-image:url(/images/logo-boise-fastplan.jpg); }
.skin-simpson #lnkLogo { width:172px; height:115px; background-image:url(/images/logo-simpson.png); }
.skin-simpson #lnkLogo { display:none; }
.skin-sodra #lnkLogo { width:430px; height: 100px; background-image: url(/images/logo-sodra.jpg); }
.skin-canfor #lnkLogo { width:179px; height: 76px; background-image: url(/images/header-canfor.png); }
.skin-simpson #lnkHeaderImage {
    display: inline-block;
    position:absolute;
    top:8px;
    right:0;
    width:428px;
    height:99px;
    background-image: url(/images/header-simpson-ewp.png);
}
.skin-lp.page-register #lnkHeaderImage,
.skin-lp.page-thankyou #lnkHeaderImage {
    display: inline-block;
    position:absolute;
    top:32px;
    right:0;
    width:96px;
    height:96px;
    background-image: url(/images/header-lp.png);
}
.skin-pwt #lnkLogo,
.skin-pwtewp #lnkLogo {
	width: 202px;
	height: 100px;
	background-image: url(/images/header-exacte-by-pwt.png);
}

.skin-simpson #footer,
.skin-lp #footer
{ text-align:left; padding-left:8px; }
.skin-simpson #footer hr,
.skin-lp #footer hr
{ position:relative; left:-8px; }

.not-for-csd-skin,
.not-for-lp-skin,
.not-for-pwtewp-skin,
.not-for-simpson-skin,
.for-csd-skin,
.for-lp-skin,
.for-simpson-skin,
.for-sodra-skin,
.csd-eyes-only
{ display: none; }
.skin-csd .for-csd-skin,
.skin-lp .for-lp-skin,
.skin-simpson .for-simpson-skin,
.skin-sodra .for-sodra-skin,
.is-csd .csd-eyes-only
{ display: initial; }

.menu
{
	border-top-width: 0px;
	font-weight: bold;
	border-left-width: 0px;
	font-size: 12px;
	border-left-color: #333d76;
	border-bottom-width: 0px;
	border-bottom-color: #333d76;
	cursor: hand;
	color: black;
	border-top-color: #333d76;
	font-family: Verdana,Arial,  Tahoma,;
	background-color: white;
	border-right-width: 0px;
	border-right-color: #333d76;
}
.subMenu
{
	border-right: #333d76 1px solid;
	border-top: #333d76 1px solid;
	font-weight: normal;
	font-size: 11px;
	vertical-align: baseline;
	border-left: #333d76 1px solid;
	width: 120px;
	cursor: hand;
	color: black;
	border-bottom: #333d76 1px solid;
	font-family: Verdana,Arial, Tahoma;
	background-color: white;
	text-align: left;
}
.subMenuMouseOver, .subMenuMouseOver2
{
	font-weight: normal;
	font-size: 11px;
	vertical-align: baseline;
	width: 120px;
	cursor: hand;
	color: black;
	font-family: Verdana, Arial, Tahoma;
	background-color: darkorange;
	text-align: left;
}
.subMenuMouseOver2 { cursor: default; }

a:active, a:link, a:visited, a:hover
{
    color: blue;
    font-family: Verdana,Arial,San-serif
}
a:hover
{
    color: #ff9933;
	text-decoration: underline;
}

table.horzGap20 td { padding-right:20px; }

.tableTitle, .title {
	font-weight: bold;
	font-size: x-small;
	color: black;
	text-align: left;
	font-family: Verdana, Arial, SansSerif;
}
.th-left th { text-align:left; }

.dataRow,
.dataAltRow,
.dataSelectedRow
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 10pt;
	padding-bottom: 0px;
	margin: 0px;
	color: black;
	padding-top: 0px;
	font-family: Verdana, Arial,San-serif;
	background-color: ghostwhite;
}    
.dataRow td { white-space:nowrap; position:relative; }
.dataAltRow { background-color: gainsboro; }

.dragHandle { cursor:move; }
.clickable { cursor:pointer; }

.dataSelectedRow,
table.grid tr.dataRow:hover,
table.grid tr.dataAltRow:hover 
{ background-color: #ffff99; }

.dataHeader, .dataHeader a:link, .dataHeader a:visited, .dataHeader a:active,
.dataFooter, .dataFooter a:link, .dataFooter a:visited, .dataFooter a:active,
.dragHandleOnly
{
	font-weight: bold;
	font-size: 10pt;
	color: white;
	font-family: Verdana, Arial,San-serif;
	background-color: slategray;
}
.dataHeader td, .dataHeader th, .dragHandleOnly { border-color:#555; }
.dataHeader td, .dataHeader th, .dataFooter td { white-space: nowrap; }

.scrollableGridWrapper 
{
    font-family: Verdana, Arial,San-serif;
}
.scrollableGridWrapper .grid
{
    width:100%;
    border:0px none gray;
    padding:0;
    margin:0;
}
.scrollableGridWrapper .grid tr:last-child td
{
    border-bottom:0px none gray;
}
.scrollableGridWrapper .scrollArea
{
    width:100%;
    overflow:auto;
    border-right:0px none gray;
}
.scrollableGridWrapper table.dataHeader, .scrollableGridWrapper table.dataFooter
{
    width:100%;
    margin:0;
    padding:0;
    border-collapse:collapse;
    border:0px none gray;
    border-spacing:0px;
    -webkit-border-spacing:0px;
}
.scrollableGridWrapper table.dataHeader td, .scrollableGridWrapper table.dataFooter td
{
    padding:1px;
    border:1px solid gray;
}
.scrollableGridWrapper table.dataFooter
{
	background-color:inherit;
    border-top:0px none gray;
    font-weight:normal;
}
.sys-requirements ul { white-space: nowrap; }
#toppanel /* positioning for the cross-website menu system */
{
	Z-INDEX: 1005; 
	LEFT: 5px; 
	WIDTH: 728px; 
	POSITION: absolute; 
	TOP: 5px; 
	HEIGHT: 112px; 
	BACKGROUND-COLOR:white
}
#navpanel /* standard website navigation along left edge */
{
	FONT-SIZE:10px; 
	BACKGROUND:url(navpanel.jpg); 
	LEFT:30px; 
	OVERFLOW:auto; 
	WIDTH:148px; 
	DIRECTION:ltr; 
	TEXT-INDENT:10px; 
	FONT-FAMILY:Verdana,Arial,San-serif; 
	POSITION:absolute; 
	TOP:120px; 
	HEIGHT:610px; 
	TEXT-ALIGN:left
}
#titlepanel /* title area above main application area */
{
	font-size: 11px;
	background: url(titlepanel.jpg);
	left: 178px;
	width: 550px;
	font-family: Verdanna,Arial,San-serif;
	position: absolute;
	top: 120px;
	height: 45px;
}
#titlepanelNew
{
	float: right;
	background-color: #FFCC66;
	position: absolute;
	top: 5px;
	left: 160px;
	overflow: auto;
	font-size: 11px;
	font-family: Verdanna,Arial,San-serif;
	width: 820px;
	height: 50;
}
#workingspace
{
	position: relative;
	left: 170px;
	top: 35px;
}

#titlepanellong /* title area above main application area */
{
	font-size: 11px;
	background: url(titlepanellong.jpg);
	left: 178px;
	width: 805px;
	font-family: Verdanna,Arial,San-serif;
	position: absolute;
	top: 120px;
	height: 45px;
}
#titletext /* position the text of the tile within the title panel */
{
	FONT-SIZE: 24px; 
	LEFT: 20px; 
	COLOR: dimgray; 
	LETTER-SPACING: 3px; 
	POSITION: relative; 
	TOP: 5px
}
#mainpanel /* where the main action takes place for the application */
{
	FONT-SIZE: 11px; 
	BACKGROUND: url(mainpanel.jpg); 
	LEFT: 178px; 
	WIDTH: 550px; 
	FONT-FAMILY: Arial,San-serif; 
	POSITION: absolute; 
	TOP: 165px; 
	HEIGHT: 565px
}
#mainpanelwhite /* the application area without any background */
{
	FONT-SIZE: 12px; 
	LEFT: 178px; 
	WIDTH: 550px; 
	FONT-FAMILY: Arial,San-serif; 
	POSITION: absolute; 
	TOP: 165px; 
}
#mainextra /* overlaps the navpanel on the left, holds extra aplication functions */
{
	FONT-SIZE: 11px; 
	LEFT: 30px; 
	OVERFLOW: auto; 
	WIDTH: 138px; 
	FONT-FAMILY: Arial,San-serif; 
	POSITION: absolute; 
	TOP: 230px; 
}
div#container
{
	min-width: 980px;
	background-color: #FFF;
	margin: 10px auto 0 auto;
}

div#container2
{
	width: 980px;
	background-color: #FFF;
	margin: 0px auto 0 auto;
	position : relative;
	top: 0px;
}

#mergeCompanies { margin-bottom:10px; }
#mergeCompanies h3 { margin-bottom:0; }
#mergeCompanies > h3:first-child { margin-top: 0; }
#mergeCompanies tr.dataSelectedRow { font-size:inherit; }

.app 
{
    font-size:12pt;
    font-family:Arial, Helvetica, sans-serif;
    padding-left:80px;
    height:68px;
    line-height:20px;
    position:relative;
}
.appinfo 
{
    position:relative;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.app10 { background: url(../images/app-SoftwareDownloads.png) no-repeat 10px 0; }
.app55 { background: url(../images/app-iStructTrainingCenter.png) no-repeat 10px 0; }
.app2  { background: url(../images/app-iStructCenter.png) no-repeat 10px 0; }
.app11 { background: url(../images/app-ClientUserMgmt.png) no-repeat 10px 0; }
.skin-simpson .app { background:none !important; padding-left:30px; }

#header
{
	width: 680px;
}
#footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
    padding-left: 8px;
}
#footer hr
{
    height:3px;
    border:0;
    color:#CFE7FC;
    background-color:#CFE7FC;
    margin:0 auto 10px auto;
}
.skin-simpson #footer hr { color:#548379; background-color:#548379; }
.skin-lp #footer hr { background-color:#005480; }
.skin-sodra #footer hr { background-color:#008736; }
#navigation-extra {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 117px;
	right: 10px;
	font-size: 13px;
}
#navigation-extra li {
	float: left;
	line-height: 24px;
	padding: 0 4px;
}

#navigation-extra li.first {
	border-left: none;
}

#navigation-extra li a {
	float: left;
	padding: 0 12px;
	color: #FFF;
}

#navigation-extra li a:hover,
#navigation-extra li a.active {
	text-decoration: none;
	background: url(../images/arrow.gif) no-repeat left;
}

/* subnavigation section */
#navigation-sub
{
	position: relative;
	padding-bottom: 0px;
	font-size: 13px;
	
}

#navigation-sub span.corner {
	position: absolute;
	top: 2px;
	left: 0;
	width: 4px;
	height: 4px;
	background: url(../images/corner.gif) no-repeat;
}

#navigation-sub ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

#navigation-sub ul li {
	width: 100%;
	padding-top: 2px;
	line-height: 19px;
}

* html #navigation-sub ul li,
*+html #navigation-sub ul li {
	float: left;
	clear: left;
}

#navigation-sub ul li a {
	display: block;
	color: #676767;
	background-color: #CFE7FC;
	padding: 0 0 0 1.1em;
}
#navigation-sub ul li a:hover {
	text-decoration: none;
}
#navigation-sub ul li a:hover::before {
	content: "\BB";
	font-weight: bold;
	display: inline-block;
	width: 1.1em;
	margin-left: -1.1em;
}

.skin-simpson #navigation-sub ul li a,
.skin-simpson #navigation-sub ul li a:hover,
.skin-simpson #navigation-sub ul li a.active
{ background-color:#548379; color:#fff; }
.skin-lp #navigation-sub ul li a,
.skin-lp #navigation-sub ul li a:hover,
.skin-lp #navigation-sub ul li a.active
{ background-color:#005480; color:#fff; }
.skin-sodra #navigation-sub ul li a,
.skin-sodra #navigation-sub ul li a:hover,
.skin-sodra #navigation-sub ul li a.active
{ background-color: #008736; color: #fff; }

#navigation-sub ul ul li a {
	background-color: #FDEACF;
}

.flat-button, .flat-button:visited, .flat-button:link {
    display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
    font-weight: 800;
	padding: .5em 2em .55em;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .42em; 
	-moz-border-radius: .42em;
	border-radius: .42em;
	-webkit-box-shadow: 5px 5px 6px rgba(0,0,0,.42);
	-moz-box-shadow: 5px 5px 6px rgba(0,0,0,.42);
	box-shadow: 5px 5px 6px rgba(0,0,0,.42);
	color: #000;
	border: solid 1px #000;
	background: #CFE7FC;
}
.flat-button:hover {
	font-size: 12px;
    font-weight: 800;
	text-decoration: none;
    color: #FFF;
	background: #3399FF;
}
.flat-button:active {
	font-size: 12px;
    font-weight: 800;
	position: relative;
	top: 1px;
    color: #FFF;
	background: #3399FF;
}

#content-secondary {
	width: 200px; 
	float: left;
	padding-left: 26px;
}
.sectionTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #808080;
	font-weight: bold;
	line-height:30px; /* mimics vertical-align:middle */
	padding-right:10px; 
	margin-bottom:10px; 
	background-color: #CFE7FC;
	position:relative;
	overflow:hidden;
}
.sectionTitle .name { float:left; padding-left:2px; }
.sectionTitle .name a, .sectionTitle .name { color:#676767; font-weight:normal; font-size:13px; }
.sectionTitle .title { float:right; }
.skin-simpson .sectionTitle { background-color:#548379; }
.skin-lp .sectionTitle { background-color: #005480; }
.skin-sodra .sectionTitle { background-color: #008736; }
.skin-simpson .sectionTitle,
.skin-simpson .sectionTitle .title,
.skin-simpson .sectionTitle .name a,
.skin-simpson .sectionTitle .name,
.skin-lp .sectionTitle,
.skin-lp .sectionTitle .title,
.skin-lp .sectionTitle .name a,
.skin-lp .sectionTitle .name,
.skin-sodra .sectionTitle,
.skin-sodra .sectionTitle .title,
.skin-sodra .sectionTitle .name a,
.skin-sodra .sectionTitle .name {
	color: #fff;
}

.software-ctrl { margin-top:30px; }
.software-ctrl .section { margin-bottom:30px; }
.software-ctrl .section .flat-button { margin-right:40px; min-width:120px; margin-top:10px; }
.software-downloads .flat-button.cert { float:right; }
.skin-csd .software-ctrl .sectionTitle { color:#000; }
.skin-lp .flat-button,
.skin-lp .flat-button:visited,
.skin-lp .flat-button:link {
	color: #fff;
	background: #005480;
}
.skin-lp .flat-button:hover,
.skin-lp .flat-button:active {
    color: #ccc;
	background: #005480;
}
.skin-simpson .flat-button,
.skin-simpson .flat-button:visited,
.skin-simpson .flat-button:link {
	color: #fff;
	background: #548379;
}
.skin-simpson .flat-button:hover,
.skin-simpson .flat-button:active {
    color: #ccc;
	background: #548379;
}
.skin-sodra .flat-button,
.skin-sodra .flat-button:visited,
.skin-sodra .flat-button:link {
	color: #fff;
	background: #008736;
}
.skin-sodra .flat-button:hover,
.skin-sodra .flat-button:active {
	color: #ccc;
	background: #008736;
}

.warningMessage
{
	font-weight: normal;
	font-size: 10pt;
	color: white;
	font-family: Verdana, Arial,San-serif;
	background-color: blue;
}

.warningMessage .error
{
    color: white;
    background-color: red;
    width: 100%;
    display: block;
	margin-bottom: 8px;
}
.warningMessage .success
{
    color: green;
    background-color:white;
    width: 100%;
    display: block;
	margin-bottom: 8px;
}
.master-body { vertical-align:top; }

#tabs { margin-bottom:10px; }

/* USER LIST PAGE */
.trial, .trial a { color:orange !important; }
.inactive, .inactive a { color:Red !important; }
.pre-release-not-downloaded { color:Maroon; }
.horzCheckboxList { margin-left:0; padding-left:0; }
.horzCheckboxList label { margin-right:12px; position:relative; bottom:1px; }
.horzRadioList { margin-left:0; padding-left:0; }
.horzRadioList label { margin-right:8px; }

/* USER EDIT PAGE */
.actions a img
{
    position:relative;
    top:3px;
    padding-right:15px;
}

.trialInfo 
{
    font-size:x-Small;
    color:Maroon;
}

input.date
{
    font-size:x-small;
    width:78px;
}

.expired, a.expired:active, a.expired:link, a.expired:visited, a.expired:hover
,.expired a:active, .expired a:link, .expired a:visited, .expired a:hover
{
    color:Red !important;
}

input[disabled=disabled],
select[disabled=disabled],
.disabled,
span[disabled=disabled] ,
a[disabled=disabled],
a[disabled=disabled]:link,
a[disabled=disabled]:active,
a[disabled=disabled]:hover,
a[disabled=disabled]:visited
{ color:Gray; font-style:italic; cursor:default; text-decoration:none; }
input.disabled, select[disabled=disabled] { background-color:#EBEBE4; }
a[disabled=disabled] img, input[type=image][disabled=disabled] { opacity:0.4; }
input[type=button], input[type=submit] { cursor:pointer; }
input[disabled=disabled] { cursor:default; }


/* MISC */
.busy { background-image:url(../images/busy.gif); background-repeat:no-repeat; background-position:center center; background-color:#eee; cursor:wait; border:dashed 1px #000; }
.logoUpload { vertical-align:top; }
.logoUpload img { display:block; margin:5px 0 10px 5px; }
.ajax__tab_header .ajax__tab_tab { font-weight:bold; }
.row, .block { display:block; clear:both; float:left; position:relative; width:100%; }
.row { padding-bottom:5px; }
.column { display:inline-block; float:left; position:relative; overflow:visible; }
.column-left { width:165px; }
.column-fixed { width:inherit; }
.clear { clear:both; }
.row .column .inline, .inline { display:inline-block; }
.filters-horz > .column > label { vertical-align:top; margin-top:4px; margin-left:10px; display:inline-block; padding-right:0 !important; }
.filters-horz > .column:first-child > label { margin-left:0; }
.filters-horz > .column > table { display:inline-block; }
.page-ccrecurringorders .filters-horz .column { border-left:0px solid grey; margin-left:20px; padding-left:20px; }
.page-ccrecurringorders .filters-horz .column:first-child { border-left:none; margin-left:0; padding-left:0; }
.page-ccrecurringorders .filters-horz .column > label { display:block; font-weight:bold; margin-left:0; text-align:center; }

/* .float-wrapper makes the children take up their proper height */
.float-wrapper {
	position: relative;
	overflow: visible;
}
.float-wrapper:before,
.float-wrapper:after { content: " "; display: table; }
.float-wrapper:after { clear: both; }

.hidden, span.hidden_field { display:none !important; }
.block { display: block; }
button .fa-spin { margin-right:5px; }
.section { margin-bottom: 20px; }
.small_field { position:relative; top:3px; }
.alignCheckBoxList { position:relative; right:6px; }
.grid { padding-right:10px; margin-right:10px; border-collapse:collapse; }
.noPaddingOrMargin { margin:0; padding:0; border:0; }
h3 em { font-weight:normal; font-size:smaller; }
hr { height:3px; border:0; color:#CFE7FC; background-color:#CFE7FC; }
.skin-simpson hr { color:#548379; background-color:#548379; }
.skin-lp hr { color:#005480; background-color:#005480; }
.right { text-align:right; }
.left { text-align:left !important; }
.center { text-align:center; }
.indent { margin-left:20px; }
.underline { text-decoration:underline; }
.IsCCManaged { background-color:#FFDDDD; }

/* MODALS */
.modal { display:inline-block; background-color:White; border:1px solid silver; overflow:hidden; z-index:3; }
.modal.inline { display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%); border:10px solid silver; }
.modal h1:first-child { position:relative; background-color:#ccc; padding:3px; font-size:20px; padding-left:10px; margin:0; }
.modal .close { position:absolute; right:2px; cursor:pointer; }
.modal .modal-content { padding:10px; }
.modal .buttons { padding:0 10px 10px 10px; margin:0; }
.buttons input { margin-right:12px; }
.modal table thead, .modal table tbody tr:nth-child(even) { background-color:#EEE; }
.draggable { cursor:move; }
.modalPopup { background-color:White; border:1px solid silver; padding:20px; margin:auto auto; }
.modalPopup .title { font-weight:bold; font-size:20px; margin-top:0; position:relative; }
.modalPopup .title .close { position:absolute; right:5px; }
.modalPopup .title a.close { text-transform:lowercase; font-size:11px; font-weight:normal; }
.modalPopup .draggable { width:100%; display:block; }
.modal-bg { background-color:Gray; filter:alpha(opacity=50); opacity:0.5; }

/* SUB NAV CONTROL */
.subNav { padding:20px 0 0 0; }
.subNav > a, .subNav > div { display:block; margin-bottom:10px; }
#autoCompleteUser_completionListElem {
    max-height:300px;
    overflow:auto;
    overflow-x:hidden;
    width:650px !important;
    margin:-20px 0 0 160px;
}

/* CLIENT LIST CONTROL */
.listFilters { position:relative; clear:both; display:inline-block; }
.listFilters .column
{
    float:left;
    display:inline-block;
    padding:0px 30px 0 0;
    white-space:nowrap;
    text-align:left;
    vertical-align:top;
    font-size:10px;
}
.listFilters input { margin-left:0; }
.listFilters .actions { width:60px; }
.listFilters .subActions { padding:0; margin-right:25px; }
#pnlExtraFilters { float:left; padding:0; }

/* row highlighting */
.dataRow a, .dataRow a:link, .dataRow a:hover, .dataRow a:visited, .dataRow a:active,
.dataAltRow a, .dataAltRow a:link, .dataAltRow a:hover, .dataAltRow a:visited, .dataAltRow a:active
{ font-family:Verdana,Arial,San-serif !important; }
.dataRow .warning, .dataAltRow .warning  { background-color:Orange; color:black; }
.dataRow .user.warning, .dataAltRow .user.warning
{ color:Maroon; }
.dataRow .company.trial-company, .dataAltRow .company.trial-company { background-color:Red; color:black; }
.dataRow .has-product-tracking, .dataAltRow .has-product-tracking { font-weight:bold; }
.numeric { text-align:right; }
option.highlight { background-color:#FFFFCD; }

.link { cursor:pointer; }
.noLink, .noLink:link, .noLink:hover, .noLink:visited, .noLink:active
{ color:inherit !important; text-decoration:none !important; cursor:default; }
 
/* CLIENT LIST AJAX CONTROL */
table.clientlist .fancytree-title { font-weight:normal; }
table.clientlist a[target] {
    background: initial;
    padding-right: initial;
}
/* uncomment for xp theme
table.clientlist .fancytree-exp-cd span.fancytree-expander, table.clientlist .fancytree-exp-cdl span.fancytree-expander {
    background-position: -16px -80px;
}
table.clientlist .fancytree-icon { background-image:none; margin:0; width:0; }
*/
table.clientlist em.ref { font-size:xx-small; font-weight:bold; margin-right:5px; }

table.clientlist { margin-top:5px; border-collapse:collapse; }
table.clientlist:focus { outline:none; }
table.clientlist * { font-family:Verdana,Arial,San-serif; font-size:12px; }

table.clientlist thead tr th
{
    font-weight: bold;
    font-size: 10pt;
    color: white;
    font-family: Verdana, Arial,San-serif;
    background-color: slategray;
    border: 1px solid #9f9f9f;
    padding: 4px 6px 5px;
    white-space:nowrap;
}

table.clientlist thead tr th .smaller { font-size:x-small }
table.clientlist thead tr th:first-child { text-align: left; }

table.clientlist tbody tr:nth-of-type(even) { background-color:gainsboro; }
table.clientlist tbody tr:nth-of-type(odd) { background-color:ghostwhite; }

table.clientlist tbody tr.fancytree-active, table.clientlist tbody tr.fancytree-selected, table.clientlist tbody tr:hover
{
    background-color:#ffff99; 
    background-image:none;
    outline:none;
}
table.clientlist tbody tr td { white-space:nowrap; }
table.clientlist tbody tr td.tool { text-align:right; }
table.clientlist tbody tr td.header { text-align:center; font-weight:bold; }
table.clientlist tbody tr td.tool.stat div { white-space:nowrap; position:relative; overflow:hidden; }
table.clientlist tbody tr td.tool.stat div span:first-child { position:absolute; left:0; text-align:left; }
table.clientlist tbody tr td.tool.stat div span:last-child { display:block; text-align:right; padding-left:36px; }

table.clientlist tr.filtered { display:none; }

table.clientlist.show-col-isPlan tr         > *:nth-child(n+3),
table.clientlist.show-col-isDesign tr       > *:nth-child(n+3),
table.clientlist.show-col-isWall tr         > *:nth-child(n+3),
table.clientlist.show-col-isOptimize tr     > *:nth-child(n+3),
table.clientlist.show-col-isOptimizeFree tr > *:nth-child(n+3),
table.clientlist.show-col-isWallModeling tr > *:nth-child(n+3) { display:none; }

table.clientlist.show-col-isPlan tr         > *:nth-child(3),
table.clientlist.show-col-isDesign tr       > *:nth-child(4),
table.clientlist.show-col-isWall tr         > *:nth-child(5),
table.clientlist.show-col-isOptimize tr     > *:nth-child(6),
table.clientlist.show-col-isOptimizeFree tr > *:nth-child(7),
table.clientlist.show-col-isWallModeling tr > *:nth-child(8) { display:table-cell; }

.legend-cl { margin:20px 0 0 -14px; border:2px solid silver; padding:0 10px 10px 10px; background-color:#FFFFCC; }
table.clientlist .flag, .legend-cl .flag { font-family:Tahoma; font-weight:bold; font-size:12px; padding-left:6px; }

.flag.bill-direct { color:Green; }
.flag.trial-company { color:Maroon; font-style:italic; }
.flag.inactive-company { color:Maroon; font-style:italic; }
.flag.inactive-user { color:Maroon; font-style:italic; text-decoration:line-through; }
.flag.duplicate-user { color:Maroon; }
.flag.customer-admin { color:inherit; }
.flag.customer-admin-readonly { color:inherit; font-weight:normal; }
.flag.has-upstream { color:Green; }
.flag.has-downstream { color:Maroon; }
.flag.hide-from-client-list { color:Maroon; font-weight:normal; font-size:9px; }
.flag.purchased-in-store { color:Green; padding-right:6px; }
.has-tracked-materials { font-weight:bold; }

.client-non-billable,
a:active.client-non-billable,
a:link.client-non-billable,
a:visited.client-non-billable,
a:hover.client-non-billable,
.unpaid,
a:active.unpaid,
a:link.unpaid,
a:visited.unpaid,
a:hover.unpaid
{ color:red; }

.flag.bill-direct:before { content: "«"; }
.flag.trial-company:before { content: "T"; }
.flag.inactive-company:before { content: "I"; }
.flag.inactive-user:before { content: "a"; }
.flag.duplicate-user:before { content: "❍"; }
.flag.customer-admin:before { content: "*"; }
.flag.customer-admin-readonly:before { content: "r"; }
.flag.has-upstream:before { content: "↑"; }
.flag.has-downstream:before { content: "↓"; }
.flag.hide-from-client-list:before { content: "🚫"; }
.flag.purchased-in-store:before { content: "s"; }

.legend-cl .flag { display:inline-block; width:20px; padding:0; }

/*** USER FEATURES ***/
.feature-info-table > tbody > tr > td { padding-right:10px; }
.feature-info-table td.branding { padding-left:20px; }

#gvTools .tool-column { border-right:none; }
#gvTools .autorenew-column, .paidby-column { border-left:none; border-right:none; }
#gvTools th.autorenew-column, th.paidby-column { color:Green; }
#gvTools .dataRow span.autorenew input[type=checkbox] { display:none; }
#gvTools .dataRow span.autorenew label {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right:2px;
    border: 1px solid #9ACD32;
    color:White;
    font-weight:bold;
    font-size:10px;
}
#gvTools .dataRow span.autorenew label i { position:relative; bottom:3px; right:1px; }
#gvTools .dataRow span.autorenew input[type=checkbox]:checked + label { color:Green; }
#gvTools .dataRow .paidby-column { padding-top:0; padding-bottom:0; }
#gvTools .dataRow .paidby-column input { padding:0; }
#gvTools .dataRow .paidby-column input[data-selected=true] { background-color:yellow; }
#gvTools .dataRow .tool-column a img { position:relative; top:3px; } /* calendar img */
#gvTools #lblSupplier { font-size: 11px; }
.hideAutoRenew .autorenew { display:none; }

/*** FORM TABLES ***/
table.form { font-size:10pt; color:black; font:Verdana, Arial, SansSerif; margin-bottom:5px; }
table.form tr th { text-align:left; }
table.form tr th:first-child { padding-right:20px; }
table.form tr td { white-space:nowrap; vertical-align:top; padding-right:12px; }
table.form tr td:last-child { padding-right:0; }
table.form .label { font-weight:bold; margin-bottom:4px; }
table.form .price { text-align:right; }
table.form .total { text-align:right; font-weight:bold; }
table.form select { padding:1px 0; }
table.form input[type=checkbox] { position:relative; top:2px; }
.wrap { white-space:normal; }

/*** REGISTRATION ***/
#pnlRegister { position:relative; }
#pnlRegister .logo { position:absolute; top:-161px; right:0; }
#pnlRegister .logo img { max-height:100px; margin-left:20px; }
#pnlRegister .failed_validation { border:1px solid red; }
.registrationForm { width:100%; margin-bottom:10px; }
.registrationForm .cell1 { width:240px; }
.registrationForm .submit { margin-top:4px; margin-left:240px; }
#pnlRegister.anthony .logo img { max-height:76px; margin-left:90px; } /* same size as CSD logo */

/*** DESIGN CENTER ***/
#design-center .client-banner { margin-bottom:50px; }
#design-center .location span { display: block; }
#design-center .location .row { float: initial; }
#design-center .location .row span { display: inline-block; }
#design-center .form > .column { width:340px; }
#design-center .form .element { position: relative; overflow:visible; }
#design-center .form .element:before,
#design-center .form .element:after { content: " "; display: table; }
#design-center .form .element:after { clear: both; }
#design-center .form .element > label { float: left; width: 40%; margin-right: 5px; text-align: right; }
#design-center .form .element > div { float: left; width: 50%; }
#design-center .form .element > div > *,
#design-center .form textarea { width: 100%; }
#design-center .banner h1 { float:left; }
#design-center .banner .logo { float:right; }
#design-center .client-banner .client .logo { float:left; margin-right: 40px; }
#design-center .client-banner .client img { max-width: 200px; }
#design-center .client-banner .client .location { float: left; }
#design-center #pnlAttachments .ajax__fileupload_dropzone { position: absolute !important; top: -65px !important; }
#design-center #pnlAttachments .ajax__fileupload { min-height: 25px !important; }
#design-center #pnlAttachments div.ajax__fileupload_fileItemInfo { margin-bottom: 10px !important; height: 43px !important; }
#design-center #pnlAttachments div.ajax__fileupload_fileItemInfo input { display: block; width: 100%; }
#design-center #pnlAttachments .ajax__fileupload_footer { display: none !important; }
.pnlAttachment input[name=attachmentComment] { width: 410px; }
.pnlAttachment input[type=file] { float:left; }
.pnlAttachment input[type=file].used { color:forestgreen; }
.pnlAttachment input[type=button] { float:right; display:none; }
.pnlAttachment ~ .pnlAttachment input[type=button] { display:initial; }

/*** INVOICING ***/
#gvInvoices a[target] {
    background: initial;
    padding-right: initial;
}

table.form.pay-invoice { margin-bottom:20px; }
table.form.pay-invoice tr th { width:238px; padding-right:0; padding-left:0; }
table.form.pay-invoice tr td { padding-left:0; text-align:right; }
#mdlSetPaidDate table tr th { text-align:left; }
#mdlSetPaidDate .title { font-size:20px; padding-bottom:10px; }

#mdlEditInvoice { position:fixed; top:auto; right:auto; left:auto; bottom:auto; }
#mdlEditInvoice .title { font-size:20px; }
#ctrlInvoice #pnlInvoice { display:inline-block; }
#ctrlInvoice table { border-collapse:separate; }
#ctrlInvoice td.dragHandle { text-align:center; width:20px; }
#ctrlInvoice td.dragHandle img { width:12px; }
#ctrlInvoice .buttons { margin-top:10px; }
#ctrlInvoice #btnRebuildFromTemplate { float:right; }
#ctrlInvoice #btnGetDefaultFields { float:right; margin-right:17px; }
#pnlInvoiceUpload .buttons { margin-top:4px; position:relative; }

/*** TRAINING ***/
#training #hdrMain { margin:5px 0 10px 0; }
#training .tagline { margin-left:15px; margin-bottom:2px; }
#training .tabs { font-size:16px; font-weight:bold; padding-bottom:5px; margin-bottom:8px; border-bottom:1px solid black; }
#training .tabs a:link { color:#999; text-decoration:none; margin:0 15px; }
#training .tabs a.on:link { color:black; }
#training .subtabs { font-size:12px; font-weight:bold; padding-bottom:5px; margin-bottom:8px; border-bottom:1px dotted black; }
#training .subtabs .inline-wrapper { margin:0 15px; }
#training .subtabs a:link { color:#999; text-decoration:none; }
#training .subtabs a.on:link { color:black; }
#training .content { line-height:22px; margin:0 0 10px; font-size:12px; }
#training .content a em { display:inline-block; width:15px; }
#training .content a em:before { content: " "; }
#training .content a.on em:before { content: "»"; font-style:normal; }
.subNav a.on { font-weight:bold; }
#training table.sortable img.drag { cursor:n-resize; height:12px; margin-left:10px; }
#training tr.sortable td { text-align:center; position:relative; vertical-align:bottom; }
#training tr.sortable img.drag { cursor:e-resize; width:12px; position:absolute; bottom:-8px; left:0; right:0; margin:0 auto; }
#training tr.sortable .delete,
#training tr.sortable .edit
{ position:relative; top:5px; left:15px; }
#training .content .filetype, #training .content .filetype img {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: none;
    border-width: 0px;
}
#training .content .filetype img.pdf { display:none; }
#training .content .filetype img.mp4,
#training .content .filetype img.webm {
    background-image: url(../images/play.png);
}

.update #cmbSubCategory { position:relative; top:1px; }

.inline-wrapper { position:relative; display:inline-block; }
/* assumes label and input are wrapped by a container */
input.inline-edit {
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    border:0; padding:0; margin:0;
    font-size:inherit;
    color:saddlebrown;
}

/*** PRODUCT DATA CENTER ***/
.page-productdatacenter,
.page-productdatacenter > form
.page-productdatacenter #container,
.page-productdatacenter .page-layout,
.page-productdatacenter .page-layout > tbody,
.page-productdatacenter .page-layout .layout-body {
	height: 100%;
}
#pageBody.page-productdatacenter #container {
	padding-bottom: 0;
	margin-top: 0;
}
#productdatacenter,
#productdatacenter #tabs,
#productdatacenter #tabs > div,
#productdatacenter #tabs > div > div {
	display: flex;
	flex-flow: column;
	height: 97%;
}
#productdatacenter #tabs .pq-grid {
	flex: 1 1 auto;
}
.page-productdatacenter .page-layout { width: 100%; }
.page-productdatacenter .column-left { width: 200px; }
.page-productdatacenter .sectionTitle { margin-right: 4px; }
.page-productdatacenter .version-info { font-size: small; font-weight: normal; margin-left: 20px; }
.page-productdatacenter .version-info label { font-weight: bold; }
.page-productdatacenter .dataset-buttons { text-align: right; }
.page-productdatacenter .csv-changed { background-color: lightyellow; }
.page-productdatacenter .csv-changed.csv-added { background-color: palegreen; }
.page-productdatacenter .csv-changed.csv-removed { background-color: lightpink; }
.page-productdatacenter .csv-changed.csv-duplicate { background-color: lightblue; }
.page-productdatacenter .csv-changed.csv-removed.csv-duplicate { background-color: cornflowerblue; }
.page-productdatacenter .csv-changed.csv-added.csv-duplicate { background-color: powderblue; }
.page-productdatacenter .prod-dataset { background-color: palegreen !important; }
.page-productdatacenter .work-dataset { background-color: lightpink !important; }
.page-productdatacenter .view-dataset,
.page-productdatacenter .copy-dataset,
.page-productdatacenter .edit-dataset {
	width: 4.5em;
	display: inline-block;
}
.page-productdatacenter .delete-dataset { color: red; }
#lblCurrentDataset .label-read-only { color:red; margin-left:5px; display:none; }
#lblCurrentDataset.read-only .label-read-only { display:inline; }
/*#pdcLeftTabNav, #pdcLeftTabNav * { box-sizing:border-box; }*/
#pdcLeftTabNav button {
	display: block;
	margin-bottom: 2px;
	background-color: #f1f1f1;
	color: black;
	padding: 2px;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	position: relative;
}
#pdcLeftTabNav { margin-left: -15px; background: none; }
#pdcLeftTabNav button { padding-left: 15px;}
#pdcLeftTabNav button:hover { background-color: #ddd; }
#pdcLeftTabNav button.on { background-color: #ccc; }

#pnlDeploy > div { margin-bottom:10px; }
#tblDatasets { margin-top: 10px; }
button.deployment_details { height: 1.6em; }
button.deployment_details .ui-button-text { padding-left: 1em; padding-right: 1.3em; }
.page-productdatacenter .file-chooser-form { margin-bottom: 10px; }
.pq-grid-cell div > i.ui-icon { position:relative; top:3px; } /* align with text */

/* fix the search box position inside the column header filter popup */
.page-productdatacenter .pq-grid-header-search-row .pq-grid-col .pq-td-div { padding-top: 0; }
.page-productdatacenter .pq-toolbar { padding-left: 0;}
.page-productdatacenter .file-chooser-form > div { display: inline-block; margin-right: 10px; }

/*** USER LIST PAGE */
.page-userlist .page-layout { width: 99%; }
.pq-loading-bg { z-index: 100 !important; }
.pq-loading-mask { z-index: 101 !important; }


/*** ISSUES ***/
.issues .filters {
    position:relative;
    overflow:visible;
    height:41px;
    background-color:#333366;
    color:#fff;
    font-weight:bold;
    font-size:10pt;
    font-family:Verdana, Arial, SansSerif;
}
.issues .filters > div { float:left; white-space:nowrap; padding:1px 10px 1px 1px; }
.issues .filters > div:last-child { float:right; text-align:right; padding-right:1px; }
.issues .filters .SumoSelect { color:initial; font-weight:initial; font-size:11px; }
.issues .filters .SumoSelect .options { font-size:8pt; }
table.stats {
    width:120px;
    border:1px solid black;
    padding:0;
    margin:0;
    font-weight:normal;
    font-size:7pt;
    font-family:Verdana, Arial;
}
table.stats tr td:last-child { text-align:right; }

/*** STORE ***/
body.store .column-left { width:205px; }
#pnlStore .tab { width:auto; padding:0; margin:12px 0 10px 0; }
#pnlStore .tab .tools { padding:0; margin:0; }
#pnlStore .section { position:relative; clear:both; overflow:auto; margin:0;}
#pnlStore input[type=submit], #pnlStore input[type=button] { padding:6px; }
#pnlStore .registrationForm .cell1 { width:170px; }
.product a img { position:relative; top:3px; }
.product select { min-width:100px; margin:0; }
.product .supplier { border-bottom: 1px solid silver; height:20px; line-height:20px; white-space:nowrap; }
.product .supplier.managed { padding-left:20px; }
.price .supplier { border-bottom: 1px solid transparent; height:20px; }
.product .controls { margin-right:2px; }
.product.price { width:auto; text-align:center; padding-top:40px; }
#tabTools { margin-bottom:0 !important; }
#tabTools .disabled, #tabTools [disabled=disabled] { font-style:italic; color:Gray; }
#tabTools .tool { padding:0 0 10px 5px; margin:0; }
#tabTools .tool h3, #pnlProductSummary h3 { margin-top:3px; margin-bottom:1px; position:relative; }
#tabTools .tool h3 .extraOption { position:absolute; left:225px; font-size:10px; color:red !important; display:inline-block; white-space:nowrap; }
#tabTools .tool h3 .extraOption.addOn { left:428px; }
#tabTools .tool h3 .note { position:absolute; left:140px; font-size:10px; color:red; font-weight:normal; }
#tabTools .tool p { margin:0 0 5px 0; width: 500px; }
#tabTools .tools:first-child { margin-right: 40px; }
#tabProducts .disclaimer { color:Navy; font-size:11px; cursor:help; }
#tabProducts .price .disclaimer { display:inline-block; width:11px; height:11px; overflow:hidden; } /* fixes breaking float issue */
#tabTools .tool .included { color:Navy; cursor:help; font-weight:bold; }
#tabProducts .section { padding-left:43px !important; }
#tabProducts .product .header { display:block; white-space:nowrap; font-weight:bold; font-style:italic; border-bottom:1px solid silver; }
#tabProducts .suppliers td { overflow-x:hidden; border-bottom:1px solid silver; }
#tabProducts .suppliers td input { }
#tabProducts .suppliers td label { }

#rblExistingUser { padding:10px; border:1px dotted silver; }
#rblExistingUser[disabled=disabled] { background-color:#EBEBE4; }
#pnlRecipient, #pnlTestMode { margin-top:10px; }
.StickyHeader th { position:sticky; top:0; background:white; }
#tabPayment table.cc { width:auto; }
.cc .icons { display:inline-block; overflow:hidden; margin-left:10px; height:24px; width:220px; position:relative; bottom:1px; }
.cc .icons img { float:left; width:38px; height:24px; border:none; background-repeat:no-repeat; margin-left:2px; display:inline-block; }
.cc-visa { background-image:url(../images/cc-visa-sm.png); }
.cc-mc { background-image:url(../images/cc-mastercard-sm.png); }
.cc-amex { background-image:url(../images/cc-american-express-sm.png); }
.cc-discover { background-image:url(../images/cc-discover-sm.png); }
#pnlPaymentPlan h2 { margin-top: 2px; }

#pnlProductSummary { width:180px; margin:20px 0 0 -14px; border:2px solid silver; padding:0 10px 10px 10px; background-color:#FFFFCC; }
#pnlProductSummary .no-products #summary { display:none; }
#pnlProductSummary .products .no-products { display:none; }
#pnlProductSummary .included { font-style:italic; margin-left:10px; }
.totals { position:relative; overflow:hidden; }
.totals, #pnlProductSummary .products { margin-top:13px; }
.totals div { clear:both; }
.totals div label { float:left; }
.totals div .price { float:right; }
.total { font-weight:bold; }
.payementPlan { font-weight:normal; }

#tabReceipt tr.total td { vertical-align:bottom; padding-top:20px; }
#tabReceipt .total .price { border-top:2px solid black; }
#tabReceipt { margin-bottom:15px; width:100%; }
#tabReceipt h3 { margin:0 0 3px 0; }
#tabReceipt tr.products h3 { margin-top:13px; }
#tabReceipt tr.products td { vertical-align:top; }
#tabReceipt tr.products td.price { padding-top:20px; }
#tabReceipt tr.tool td:first-child,
#tabReceipt #pnlTotals tr td:first-child { width: 150px; }
#tabReceipt .product { min-width:120px; }
#tabReceipt .product .header { display:block; white-space:nowrap; font-weight:bold; border-bottom:1px solid silver; }
#tabReceipt .supplier span { position:relative; top:3px; }
#tabReceipt .included { font-style:italic; }
#tabReceipt .tool .included { padding-left:15px; }
#tabReceipt .price { font-weight:bold; }
#tabReceipt .buttons { padding-top:13px; overflow:hidden; }
#tabReceipt .checkout { text-align:right; float:right; }
#tabReceipt .changeOrder { float:left; }
#tabReceipt .section { clear:both; }
#tabReceipt .checkout input, #tabReceipt input.print { background:#3399FF; color:White; font-weight:bold; margin-right:0; }
#tabReceipt .note{ width:710px; }
#tabReceipt .error { display:block; margin-bottom:10px; }
#tabReceipt .disclaimers, #tabCheckout .disclaimers { padding-left: 15px; }

table.receipt tr > td:first-child { padding-right:20px; }
table.receipt td { vertical-align:top; }

.secure { padding:10px 0 3px 30px; background-image:url(../images/locked-36.png); background-position:-8px 25px; background-repeat:no-repeat; }
.secure h2 { margin-bottom:3px; }
    
#steps { height:34px; padding:0; margin:5px 6px 14px 0; position:relative; overflow:visible; list-style:none; }
#steps li { position:relative; float:left; padding:0; margin:0 0 0 -3px; list-style:none; }
#steps li > div { position:relative; display:inline-block; border:0; padding:0; margin:0; }
#steps li > div > * { float:left; position:relative; }
#steps li .stepLeft 
{
    width: 0;
    height: 0;
    border-width: 17px 0 17px 9px;
    border-color: #CFE7FC transparent #CFE7FC transparent;
    border-style: solid;
    margin-left: -8px;
}
#steps li .stepRight 
{
    width: 0;
    height: 0;
    margin: 0;
    border-width: 17px 0 17px 9px;
    border-color: #1F48A1 transparent #1F48A1 #CFE7FC;
    border-style: solid;
    padding-right: 5px;
}
#steps li a 
{
    text-transform: uppercase;
    text-decoration: none;
    color: #808080;
    font-size: 11px;
    background: #CFE7FC;
    background-origin: border-box;
    height: 34px;
    line-height: 34px;
    min-width: 20px;
    padding:0 10px;
    text-align: center;
    font-family: 'Akzidenz-Grotesk-Next';
    font-weight: normal;
    outline: none;
    -moz-outline: none;
}
#steps li.first { margin-left:0; }
#steps li.first .stepLeft { display:none; }
#steps li.last .stepRight { border-color:transparent transparent transparent #CFE7FC; }
#steps li.active > div { margin-left: -9px; margin-top: -3px; }
#steps li.active.first > div { margin-left:1px; }
#steps li.active .stepLeft
{
    border-top: #3399FF 20px solid;
    border-bottom: #3399FF 20px solid;
    border-left: transparent 10px solid;
    margin-left: 0;
}
#steps li.active .stepRight 
{
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid #3399FF;
    padding-right: 6px;
    margin-right: -4px;
}
#steps li.active a 
{
    background: #3399FF;
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    color: #fff;
    font-size: 12px;
}
#steps li.next .stepLeft 
{
    border-width: 17px 0 17px 9px;
    border-color: #4c4c4c transparent #4c4c4c transparent;
    border-style: solid;
    margin-left: -8px;
}
#steps li.next .stepRight 
{
    border-width: 17px 0 17px 9px;
    border-color: #999 transparent #999 #4c4c4c;
    border-style: solid;
    padding-right: 5px;
}
#steps li.next a { background: #4c4c4c; color: #ccc; }
#steps li.next.last .stepRight { border-color:transparent transparent transparent #4c4c4c; }

/*** MISC ***/
#error, .error, .red, .warning, .delete, .important { color:Red; }
input.error { color:Black; border:1px dotted red; padding:2px 0; }
input.invalid { color:red; background-color:Fuchsia; border-color:Red; }
.success, .insert { color:Green; }
.info { font-size:80%; color:blue; cursor:help; }
.sidenote { font-size:x-small; font-weight:normal; }
.nowrap { white-space:nowrap; }

/*** EMAIL BODY ***/
.email input[type=button], .email input[type=submit], .email .noPrint { display:none; }
.email-only, .email-only-tr, .email-only.td, .email-only-span { display:none; }
.email .email-only { display:block; }
.email .email-only-tr { display:table-row; }
.email .email-only-td { display:table-cell; }
.email .email-only-span { display:inline; }

/*** PRINTING ***/
.filters-horz > label { padding-right:10px;  }

body.printMode { background:none; }
body.printMode div#container { margin:0; width:100%; }
body.printMode #header { height:80px; }
body.printMode #footer { display:block; }
body.printMode td.default { width:auto !important; }
@media print {
    #header { height:80px; -webkit-print-color-adjust:exact; }
}
@media print {
	.noPrint { display: none; }
}
.printMode .noPrint { display:none; }
.printMode a,
.printMode a:link,
.printMode a:active,
.printMode a:visited,
.printMode a:hover
{
    color: Black;
	text-decoration: none;
	cursor: default;
}
.printMode .dataHeader a, 
.printMode .dataFooter a
{
    color: White;
    font-weight: bold;
}