/* @override 
	http://dev.nameyourloan.webjini.biz/css/base.css
	http://dev.acs.webjini.biz/css/base.css
	http://acs2.webjini.biz/css/base.css
	http://dev.thewoodworks.com.au/css/base.css
	http://stage.thewoodworks.com.au/css/base.css
	https://nameyourloan.webjini.biz/css/base.css
*/

/* Note that Microsoft Internet Explorer on both Macintosh and Windows does not properly support many CSS standard features, and has very serious bugs in many features that it does support. For this reason, some custom configuration is required for MSIE. These styles all use "MSIE" as a prefix, and the class in the web page will automatically be "xxx" or "MSIExxx" depending on the browser. If you are customising your site, you will need to modify both classes so that all browsers are supported.                                                                                          */

body {
	font-size: small;
}

.label {
	background-color: white;
	color: #666666;
	text-align: right;
}

.subdued {
	color: gray;
}

.highlight {
	border-style: solid;
	border-width: 2px;
}

.bordered td {
	border-color: #7e7e7e;
	border-style: solid;
	border-width: 2px;
	margin: 0;
	padding: 4px;
}

.warning {
	color: #ff3300;
}

div.alert {
	background: url(/skins/system/alert.gif) no-repeat left top;
	/*margin-left: -35px;*/
	padding-left: 35px;
	color: black;
}

.pagelink {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.pagelink:hover {
	text-decoration: underline;
}

.textbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #b1ffc2;
	border: 1px solid #dfffe3;
	border-right: 1px solid #65b56c;
	border-bottom: 1px solid #65b56c;
	padding: .25em;
	margin-top: 2px;
}

.textbutton a {
	text-decoration: none;
}

.textbutton a:hover {
	text-decoration: underline;
}

/* @group Overall Page layout */

div.adminBar {
	display:  block;
	position: relative;	
	clear: both;
	height:  auto;
	margin: 3px 0 0;
	padding: 0;
}

div.adminBar ul {
	background: #e5e5e5;
	display:  block;
	list-style:  none;
	float: left;
	padding: 0;
}

div.adminBar li {
	display:  block;
	float:  left;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
}

div.adminBar li a {
	background: #003498;
	color: white;
	padding: 4px;
	text-decoration: none;
	border: 1px solid #0054f6;
	border-bottom-color: #000e2a;
	border-right-color: #000e2a;
}

div.adminBar li a:hover {
	text-decoration: underline;
}

.templatetable {
	border-collapse: collapse;
	border-style: none;
	margin: 0;
	width: 100%;
}

.topcell {
	padding: 0px;
}

.topcell td {
	padding: 0px;
}

.topcell table {
	border-collapse: collapse;
	border-style: none;
}

.homecell {
	padding: 0px;
	vertical-align: bottom;
}

.toppanel {
	border-collapse: collapse;
	border-style: none;
}

.toppanel td {
	padding: 0px;
}

.toppanel table {
	border-collapse: collapse;
	border-style: none;
	width: 100%;
}

.navleft {
	padding: 0px;
	vertical-align: top;
}

.maincell {
	padding: 4px;
	text-align: left;
	vertical-align: top;
}

.gaptop {
	height: 0px;
}

.navdivider {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

table.bodytexttable {
	width: 100%;
}

table.bodytable {
	width: 100%;
}

div.css {
	width: 100%;
}

div.content {
	width: 100%;
}

div.PTCsimple {
	width: 100%;
}

/* @end */

/* @group UL/LI Navigation */

div.sidenav {
	background-color: white;
}

div.sidenav div.navul ul {
	margin: 0;
	padding: 0;
}

div.sidenav div.navul li {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	border-top: 1px solid gray;
	font: small Verdana, Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
	position: relative;
}

div.sidenav div.navul a {
	display: block;
	background-color: white;
}

div.sidenav div.submenuThisPage, div.sidenav div.submenuOther, div.sidenav div.submenuSection {
	margin-left: 0.75em;
}

div.sidenav div.submenuThisPage li, div.sidenav div.submenuOther li, div.sidenav div.submenuSection li {
	border-top: 1px solid silver;
	font-size: 90%;
}

div.sidenav a, div.navulhere {
	padding: .25em;
	margin: 0;
}

div.navulhere {
	font-weight: bold;
}

div.sidenav li a:hover {
	color: red;
}

div.submenuOther {
	position: absolute;
	left: 120px;
	width:  130px;
	top: 0;
	display: block;
	visibility: hidden;
	border: 1px solid gray;
	z-index: 1;
	background: white;
}

div.sidenav li:hover div.submenuOther {
	visibility: visible;
}

div.sidenav li:hover ul {
	display: block;
}

div.sidenav li:hover>div>ul {
	visibility: visible;
}

div.sidenav li.navulhere {
	font-weight: bold;
}

div.PTCSiteMap li.private {
	list-style-image: url(/skins/system/person2.gif);
}
/*
.navtop ul, .navbottom ul, .navleft ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding:  0;
	list-style:  none;
	float:  left;
}
	
.navtop li, .navbottom  li, .navleft li {
	display:  block;
	float:  left;
	padding:  0;
}

.navtop a, .navbottom  a, .navleft a {
	width:  100%;
}

.navulgo, .navulsection {
	padding:  0.5em 1em;
	background: #f2e6ca;
	border: 1px solid #fdf1d3;
	border-bottom-color: #c9b38a;
	border-right-color: #c9b38a;
}

.navulsection {
	background: #dbc295;
}

.navulhere {
	padding:  0.5em 1em;
	font-weight: bold;
	background: #c9b38a;
	border-color: #907848;
	border-right-color: #f2e6ca;
	border-bottom-color: #f2e6ca;
}
	
.navleft li {
	float:  none;
}

table.list ul {
	list-style-type: disc;
	list-style-position: outside;
	color: maroon;
	float: none;
	clear: both;
	display: block;
}

table.list li {
	list-style-type: disc;
	list-style-position: outside;
	color: maroon;
	float: none;
	clear: both;
	display: block;
}
*/
	
/* @end */

/* @group Tab Panels */

/* @group TWB CSS-based Tab Panel */

.twbTabPanel {
	background: white;
	clear:  both;
}

.twbTabPanel div.tabs, .MSIEtwbTabPanel div.tabs {
	border: 1px  gray;
	list-style: none;
	font: small Verdana, Helvetica, Arial, sans-serif;
	margin: 0px;
	background: transparent;
	padding: 0px;
	padding-bottom: 1px;
}

.twbTabPanel div.tabs ul.tabsul, .MSIEtwbTabPanel .tabs ul.tabsul {
	list-style: none;
	display: inline;
	padding: 0em;
	margin: 0px;
}

.twbTabPanel div.tabs ul.tabsul li, .MSIEtwbTabPanel div.tabs ul.tabsul li {
	list-style: none;
	display: inline;
	margin: 0px;
}


.twbTabPanel div.tabs ul.tabsul li a, .MSIEtwbTabPanel div.tabs ul.tabsul li a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
	border: 1px dotted gray;
	border-bottom-style: none;
	padding: 0.3em;
	padding-right: 0.6em;
	padding-left: 0.6em;
	background: #f0ffe8 url(/skins/system/greenBlend.gif);
}

.twbTabPanel div.tabs ul.tabsul li a:link:hover, .MSIEtwbTabPanel div.tabs ul.tabsul li a:visited:hover {
	background: #abff7f;
	border-style: solid;
	border-color: gray;
}

.twbTabPanel div.tabs ul.tabsul li a#current, .MSIEtwbTabPanel div.tabs ul.tabsul li a#current {
	color:  black;
	border: 1px solid gray;
	border-bottom: 1px solid white;
	background: white;
	font-weight: bold;
}

.twbTabPanel .tabs .selected, .MSIEtwbTabPanel .tabs .selected {
}

.twbTabPanel .tabs .unselected, .MSIEtwbTabPanel .tabs .unselected {
}

.twbTabPanel .tab, .MSIEtwbTabPanel .tab {
	clear: both;
	border: 1px solid gray;
	background: white url(/skins/system/stripes.gif);
	margin-top: 3px;
	border-bottom-color: gray;
	border-bottom-style: solid;
	text-align: left;
	padding: 0.5em;
}

.twbTabPanel .thumbnails, .MSIEtwbTabPanel .thumbnails {
}

.twbTabPanel .thumbnails .thumbnailAndCaption {
	background-color: #dddddd;
	border-bottom-color: black;
	border-left-color: gray;
	border-right-color: black;
	border-style: dotted;
	border-top-color: gray;
	border-width: 1px;
	display: inline-table;
	margin: 4px;
	overflow: hidden;
	padding: 4px;
	position: relative;
	text-align: center;
	width: 50px;
}

.twbTabPanel .thumbnails .currentThumbnailAndCaption {
	background-color: #fffba1;
	border-bottom-color: black;
	border-left-color: gray;
	border-right-color: black;
	border-style: solid;
	border-top-color: gray;
	border-width: 1px;
	display: inline-table;
	margin: 4px;
	overflow: hidden;
	padding: 4px;
	position: relative;
	text-align: center;
	width: 50px;
}

.MSIEtwbTabPanel .thumbnails .thumbnailAndCaption {
	background-color: #dddddd;
	border-bottom-color: black;
	border-left-color: gray;
	border-right-color: black;
	border-style: dotted;
	border-top-color: gray;
	border-width: 1px;
	display: block;
	margin: 4px;
	padding: 4px;
	position: relative;
	text-align: center;
	float: left;
	width: 150px;
}

.MSIEtwbTabPanel .thumbnails .currentThumbnailAndCaption {
	background-color: #fffba1;
	border-bottom-color: black;
	border-left-color: gray;
	border-right-color: black;
	border-style: solid;
	border-top-color: gray;
	border-width: 1px;
	display: block;
	margin: 4px;
	padding: 4px;
	position: relative;
	text-align: center;
	float: left;
	width: 100px;
}

.twbTabPanel .caption, .MSIEtwbTabPanel .caption {
	border-style: none;
	border-color: #10b010;
	line-height: 2em;
}

.twbTabPanel .currentThumbnailAndCaption .caption, .MSIEtwbTabPanel .currentThumbnailAndCaption .caption {
	font-weight: bold;
	color: #00794d;
}
	
/* @end */

/* @group Table-based */

.shadowbox {
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 2px;
	border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	background: #eeeeee url(/skins/system/stripes.gif) repeat;
}

.stripes {
	background-color: #eeeeee;
	background-image: url(/skins/system/stripes.gif);
}

.tabpanelselected {
	background-color: #C40033;
	background-image: url(/skins/tabs/tab/over-middle.gif);
	color: white;
	font-size: 12px;
}

.tabpanelunselected {
	background-image: url(/skins/tabs/tab/go-middle.gif);
	font-size: 12px;
}

.tabpanelleftselected {
	background-color: #C40033;
	background-image: url(/skins/tabs/tab/over-left.gif);
	font-size: 12px;
}

.tabpanelleftunselected {
	background-image: url(/skins/tabs/tab/go-left.gif);
	font-size: 12px;
}

.tabpanelrightselected {
	background-color: #C40033;
	background-image: url(/skins/tabs/tab/over-right.gif);
	font-size: 12px;
}

.tabpanelrightunselected {
	background-image: url(/skins/tabs/tab/go-right.gif);
	font-size: 12px;
}

.tabbottom {
	background-image: url(/skins/tabs/tab/tab-bottom.gif);
	background-repeat: repeat-x;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 2px;
}

.tabsides {
	background-image: url(/skins/tabs/tab/tab-sides.gif);
}

.tabcontent {
	background: url(/skins/system/stripes.gif) repeat;
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 2px;
}

/* @end */

.blacklink:hover {
	background-color: #C40033;
	color: white;
}

.blacklink {
	color: black;
	font-size: 12px;
	text-decoration: none;
}

/* @end */

.toolbox {
	border-collapse: collapse;
	vertical-align: middle;
	width: 100%;
}

.toolboxh {
	border-collapse: collapse;
}
table.sendLogin, div.sendLogin {background:url(/skins/system/stripes.gif) repeat; border:1px solid red; padding:2em; margin:1em; width:auto;}

/* @group Notices and Lists */

div.listParagraphs span.itemIntroduction {
	display: block;
}

div.listParagraphs span.itemDate {
	color: gray;
	font: .8em "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-left: 2em;
	float: right;
}

table.thumbs1 {
	border: 1px solid #d1d1f0;
	border-collapse: collapse;

}

table.thumbs1 td, table.thumbs1 th {
	border-collapse: collapse;
	border: 1px solid #b5c3cb;
	padding:  0.5em;
}
table.thumbs1 a.pagelink {
	display: block;
	float: left;
}

table.thumbs1 span.price1 {
	display: block;
	float: left;
	clear: left;
	margin-top: 6px;
	margin-right: 1em;
}

table.thumbs1 span.addToCart {
	display: block;
	float: left;
	margin-top: 0;
	margin-right: 1em;
}

a.returnToListLink { color:black; background:url(/skins/system/returnToList.gif) repeat-x; padding-left:40px; height:22px; border-right:1px solid #7e92c2; padding-right:1em; display:inline-block; padding-top:8px; width:auto;}

/* @end */

/* @group List Tables */

.list {
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	border: 1px solid #d1d1f0;
	border-collapse: collapse;
}

.list td, .list th {
	border-top: #d1d1f0;
	border-bottom-color: #d1d1f0;
	border-collapse: collapse;
	border: 1px solid #b5c3cb;
}

.list td.nobox, .list th.nobox {
	border: none;
}

.list tr.bottom {
	border-bottom: 1px solid #b5c3cb;	
}

.list tr.top {
	border-top: 1px solid #b5c3cb;	
}

.listbox {
	background-color: #f0f0df;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}

.listbox td {
	padding: 4px;
}

tr.listheading, .listheading td, .list th {
	background: silver url(/skins/system/greyBlend2.png) repeat-x;
}

tr.oddrow {
	background-color: #eaeaea;
}

tr.evenrow {
	background-color: white;
}

table.list ul {
	margin: 0 0 0 1em;
	padding:  0;
}

table.list li {
	padding-bottom: .25em;
	margin: 0;
}

/* @end */

.navbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

.navdivider {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

.messageExpanded {
	background-color: white;
	background-image: url(/skins/default/expanded.gif);
	background-repeat: repeat-y;
}

.messageBlank {
	background-color: white;
	background-image: url(/skins/default/blank.gif);
	background-repeat: repeat-y;
}

/* @group Project management */

.statusapproved {background-color:#00ff00; font-size: x-small; font-family: Verdana, sans-serif }
.statusscheduled {background-color:#88ff88; font-size: x-small; font-family: Verdana, sans-serif }
.statusrework {background-color:#ffff00; font-size: x-small; font-family: Verdana, sans-serif }
.statusinprogress {background-color:#ccffcc; font-size: x-small; font-family: Verdana, sans-serif }
.statuspaid {background-color:#bbe961; font-size: x-small; font-family: Verdana, sans-serif }
.statusinprogress {background-color:#ccffcc; font-size: x-small; font-family: Verdana, sans-serif }
.statustechreview {background-color:#ccffff; font-size: x-small; font-family: Verdana, sans-serif }
.statusfunctionalreview {background-color:#9999ff; font-size: x-small; font-family: Verdana, sans-serif }
.statusqualityreview {background-color:#6666ff; font-size: x-small; font-family: Verdana, sans-serif }
.statusqualityreview a {color:white }
.statuscustomertesting {background-color:#3333ff; font-size: x-small; font-family: Verdana, sans-serif }
.statuscustomertesting a {color:white }
.statussignedoff {background-color:#888899; font-size: x-small; font-family: Verdana, sans-serif }
.statusinvoiced {background-color:#3dc5b0; font-size: x-small; font-family: Verdana, sans-serif }
.statuspaid {background-color:#ff8888; font-size: x-small; font-family: Verdana, sans-serif }
.statusonhold {background-color:#ff3300; font-size: x-small; font-family: Verdana, sans-serif }
.statusproposed {background-color:#d46eed; font-size: x-small; font-family: Verdana, sans-serif }
.statusscoped {background-color:#dd9eed; font-size: x-small; font-family: Verdana, sans-serif }
.statuspriced {background-color:#e6cced; font-size: x-small; font-family: Verdana, sans-serif }
.statusconcept {background-color:#c0c5a1; font-size: x-small; font-family: Verdana, sans-serif }
.statusclosedunpaid {background-color:#884422; font-size: x-small; font-family: Verdana, sans-serif }
.statusclosedunpaid a {color:white }
.statusabandoned {background-color:#c5672e; font-size: x-small; font-family: Verdana, sans-serif }
.statusabandoned a {color:white }
.statusnotapproved {background-color:#ffff00; font-size: x-small; font-family: Verdana, sans-serif }
.statusongoing {background-color:#cccccc; font-size: x-small; font-family: Verdana, sans-serif }
.statuspassed {background-color:#3333ff; font-size: x-small; font-family: Verdana, sans-serif }
.statuspassed a {color:white }
.statusreadyfortest {background-color:#ccccff; font-size: x-small; font-family: Verdana, sans-serif }
.statustesting {background-color:#9999ff; font-size: x-small; font-family: Verdana, sans-serif }
/* @end */

.ieclearer {
	clear: both;
	float: none;
	font-size: 2px;
	height: 0;
	line-height: 0;
	padding: 0;
}

/* @group Shopping Cart */

table.delivery, table.shippingregion, table.paymentmethod, table.creditcard {
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	border: 1px solid silver;
	border-collapse: collapse;
}

table.delivery td, table.delivery th, table.shippingregion td, table.shippingregion th, table.paymentmethod td, table.paymentmethod th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border: 1px solid silver;
	padding: .5em;
}

table.paymentmethod td {
	vertical-align: middle;
}

.shipping {
	background: #f7fbff;
}

.insurance {
	background: #f7fbff;
}

.total {
	background: white;
	text-align: right;
}



/* @end */

/* @group Products */

.pricetitle {
	color: gray;
	display: inline;
	font-size: small;
}

.money {
	break: all;
	clear: both;
	display: inline;
	font-size: small;
	font-weight: bold;
}

.price2 {
	display: none;
	visibility: Hidden;
	}

.price3 {
	display: none;
	visibility: Hidden;
}

.price4 {
	display: none;
	visibility: Hidden;
}

.productDetails, .MSIEproductDetails {
	position: relative;
}

.returnToList {
	display: none;
	float: left;
	margin-bottom: 1.5em;
	margin-top: 1em;
	width: 20%;
	visibility: hidden;
}

.productTitle {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	margin-bottom: 1.5em;
	margin-top: 1em;
	width: 75%;
}

.thumbAndOrder {
	clear: both;
	display: block;
	float: left;
	margin-bottom: 1em;
	width: 20%;
}

.introduction {
	display: block;
	left: 23%;
	margin-bottom: 1em;
	margin-right: 32%;
}

div.searchdefPublicProduct {
	background-color: white;
	border: 1px solid silver;
	padding-left: 1em;
}

table.attributeSelect {
	background-color: white;
	border-collapse:  collapse;
}

table.attributeSelect th {
	height: 2.5em;
}

table.attributeSelect tr.attributeType {
	border-top: 1px solid gray;
}

table.attributeSelect tr.attributeType td {
	background-color: #f1f1f1;
}

table.attributeSelect td.noRight {
	border-right-style: none;
	border-top-style: none;
}

table.attributeSelect td.noLeft {
	border-left-style: none;
	border-top-style: none;
}

table.attributeSelect td.noBottom {
	border-left-style: none;
	border-bottom-style: none;
}

table.attributeSelect td.onlyBottom {
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
}

table.attributeSelect td.onlyRight {
	border-left-style: none;
	border-top-style: none;
	border-bottom-style: none;
}

table.attributeSelect td.onlyLeft {
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
}

.attributes {
	border-collapse: separate;
	border-spacing: 0.1em;
	display: block;
	left: 70%;
	position: absolute;
	right: 100%; margin-bottom:0;
	top: 2em;
	width: 30%;
	background: white;
	border: 1px dotted #b8b8b8;
}

.attributeCategoryRow {
	background-color: transparent;
	display: block;
	float: right;
	position: relative;
	width: 100%;
	height: 1.2em;
	margin-bottom: 0.1em;
	margin-top: 0.1em;
}

.attributecategory {
	column-span: 2;
	display: block;
	float: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	height: 1.4em;
	background: #f0ffe8;
	padding: 0.1em 1em 0.1em 1em;
}

.attributeOptionAndValue {
	background-color: transparent;
	display: table;
	width: 100%;
	clear: both;
}

.attributetype {
	background-color: #dddddd;
	display: table-cell;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	padding: 0.2em;
	padding-right: 1em;
	text-align: right;
	width: 50%;
	margin-right: 0.1em;
}

.attributevalue {
	background-color: #eeeeee;
	display: table-cell;
	font-size: small;
	padding: 0.2em;
	padding-left: 1em;
	width: 43%;
}

.attributeselection {
	display: inline;
}

td.attributesforsearch {
	background-color: #fdffe9;
	padding: .5em;
}

div.attributeselectcategory {
	display: block;
	border: 1px dotted gray;
	margin-bottom: .5em;
	padding: .25em;
}

div.attributeselectcategory p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	clear: both;
	margin: 0;
	padding: .1em;
}

div.attributeselectcategory dl dt {
	float: left;
	clear: both;
	width:  120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0;
	padding-right: 1em;
}

div.attributeselectcategory dl dd {
	float: left;
	margin: 0;
	padding: 0;
}

.MSIEproductDetails .attributes {
	border-collapse: separate;
	border-spacing: 0.1em;
	display: block;
	left: 70%;
	position: absolute;
	right: 100%; margin-bottom: 0;
	top: 3em;
	width: 30%;
}

.MSIEproductDetails .attributeCategoryRow {
	background-color: transparent;
	display: block;
	margin-bottom: 0.3em;
	width: 100%;
}

.MSIEproductDetails .attributecategory {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100%;
	margin-bottom: 0.1em;
	padding-bottom: 0.2em;
}

.MSIEproductDetails .attributeOptionAndValue {
	clear: both;
	display: block;
	margin-bottom: 0.1em;
	width: 100%;
}

.MSIEproductDetails .attributetype {
	background-color: #dddddd;
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	padding: 0.2em;
	padding-right: 1em;
	text-align: right;
	width: 45%;
}

.MSIEproductDetails .attributevalue {
	background-color: #eeeeee;
	display: block;
	float: right;
	font-size: small;
	padding: 0.2em;
	padding-left: 1em;
	width: 50%;
}

.fields {
	border-collapse: separate;
	border-spacing: 0.1em;
	clear: both;
	display: table;
	margin-bottom: 1em;
	margin-left: 2em;
	width: 75%;
}

.textfield {
	display: table-row;
}

.pricefield {
	display: table-row;
}

.datefield {
	display: table-row;
}

.codefield {
	display: table-row;
}

.productlabel {
	background-color: #dddddd;
	display: table-cell;
	font-size: small;
	padding: 0.3em;
	padding-right: 1em;
	text-align: right;
	width: 30%;
}

.productdetail {
	background-color: #eeeeee;
	display: table-cell;
	font-size: small;
	padding: 0.3em;
	padding-left: 1em;
}

.mainImage {
	clear: both;
	display: block;
}

.MSIEproductDetails .fields {
	border-collapse: separate;
	border-spacing: 0.1em;
	clear: both;
	display: block;
	margin-bottom: 1em;
	margin-left: 2em;
	width: 75%;
}

.MSIEproductDetails .textfield {
	display: block;
}

.MSIEproductDetails .pricefield {
	display: block;
}

.MSIEproductDetails .datefield {
	display: block;
}

.MSIEproductDetails .codefield {
	display: block;
}

.MSIEproductDetails .productlabel {
	background-color: #dddddd;
	display: inline;
	font-size: small;
	margin-bottom: 0.1em;
	padding: 0.3em;
	padding-right: 1em;
	text-align: right;
	width: 40%;
}

.MSIEproductDetails .productdetail {
	background-color: #eeeeee;
	display: inline;
	font-size: small;
	margin-bottom: 0.1em;
	padding: 0.3em;
	padding-left: 1em;
	width: 50%;
}

/* @end */

/* @group Auctions */

.PTCAuction fieldset {width:600px;
	display: block;
	float: left;
}
/*
.PTCAuction table {width:600px;
}
*/

.PTCAuction dt {width: 25%; float:left; clear: both; display:  block; color:gray;
	text-align: right;
	margin-bottom: 1em;
}

.PTCAuction dd {width:50%; float:left ; display:  block;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

td.myBid {
	background: url(/skins/system/person2.png) no-repeat 2px 1px;
	width: 16px;
}

td.myLatestBid {
	background: url(/skins/system/person3.png) no-repeat 2px 1px;
	width: 16px;
}

tr.latestBid {
	font-weight: bold;
	background-color: #fcea7f;
}

td.winningBid {
	width: 16px;
	background: url(/skins/system/littleTick.gif) no-repeat 3px 2px;
}

td.otherBid {
	width: 16px;
	background: url(/skins/system/yes.gif) no-repeat 3px 2px;
}

td.newBid {
	background: url(/skins/system/message-unread.gif) no-repeat 3px 2px;
	width: 16px;
}

td.winParameter {
	background-color: green;
	color: white;
}

th.winParameter {
	background-color: green;
	color: #faff8f;
}

a.winParameter:link {
	color: white;
}

.otherBid {
	color: gray;
}

div.auctionBidDetail {
	border: 1px solid silver;
	background-color: white;
	padding: 0 1em 1em;
}

/* @end */

/* @group Attachments */

div.WNSFileListing img.fileIcon {
	height: 22px;
}

/* @group overall */

.fileIconAndDetails {
	display: block;
	float: left;
}

.attachments {
	display: block;
	margin-top: 1em;
}

.attachments .thumbnail {
	break: none;
	display: inline;
}

.MSIEattachments .thumbnail {
	break: none;
	display: inline;
}

.attachments .image {
	display: none;
	visibility: Hidden;
}

.attachments .comments {
	display: none;
	visibility: Hidden;
}

.rowbreak {
	clear: both;
}
	
/* @end */

/* @group attachmentDetail */

.attachmentDetail {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: gray;
	border-top-style: solid;
	border-top-width: 1px;
	margin-top: 6px;
	padding: 4px;
	border-left: 1px solid gray;
	clear: both;
}

.attachmentDetail .image {
	display: none;
	visibility: Hidden;
}

.attachmentDetail  .comments {
	display: block;
}

.attachmentDetail  .thumbnailAndCaption {
	background-color: #dddddd;
	border-bottom-color: black;
	border-left-color: gray;
	border-right-color: black;
	border-style: solid;
	border-top-color: gray;
	border-width: 1px;
	display: block;
	height: auto;
	margin: 4px;
	padding: 4px;
	position: relative;
	text-align: center;
	width: auto;
}

.attachmentDetail .thumbnail, .MSIEattachmentDetail .thumbnail {
	break: none;
	display: none;
	visibility: hidden;
}
	
/* @end */

/* @group attachmentList */

.attachmentList {
	display: block;
}

.attachmentList .thumbnailAndCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
}

.attachmentList .image {
	display: none;
	visibility: Hidden;
}

.attachmentList .comments {
	display: none;
	visibility: Hidden;
}

.attachmentList .caption {
	display: inline;
	clear: none;
}

.attachmentList .titleLink {
	display: inline;	
}

.attachmentList .titleLink a {
	background-color: #ffffdd;
	padding: 6px;
	border-top-color: gray;
	border-right-color: black;
	border-left-color: gray;
	width: 100%;
	border: 1px dotted gray;
	border-bottom-style: none;
}

.attachmentList .titleLink a:link:hover {
	background-color: #fffe83;
	padding: 6px;
	border-top-color: gray;
	border-right-color: black;
	border-left-color: gray;
	width: 100%;
	border: 1px solid gray;
	border-bottom-style: none;
	display: inline;
}

.attachmentList .selected {
	background-color: #fffe83;
	padding: 6px;
	border-top-color: gray;
	border-right-color: black;
	border-left-color: gray;
	width: 100%;
	border: 1px solid gray;
	border-bottom-style: solid;
	display: inline;
	border-bottom-color: white;
}

.attachmentList .filename {
	display: none;
	visibility: Hidden;
}
	
/* @end */

/* @group default */

.thumbnail {
	float: left;
}
	
/* @end */

/* @group File icon array */

.File_icon_array {
	display: block;
}

.File_icon_array .attachments {
	display: block;
}

.File_icon_array .thumbnailAndCaption {
	display: inline-block;
	margin: 2px;
	background-color: white;
	padding-right: 1em;
	padding-left: 1em;
	text-align: center;
}

.File_icon_array .MSIEthumbnailAndCaption {
	display: block;
	margin: 2px;
	float: left;
	position: relative;
	text-align: center;
}

div.File_icon_array p.fileIcon {
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}

div.File_icon_array p.filename {
	text-align: center;
	clear: both;
	padding: 0;
	margin: 0;
	font: x-small Verdana, Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
}

div.File_icon_array p.caption {
	font-size: small;
	text-align: center;
	clear: both;
	margin: 0;
	padding: 0;
}

/* @group obsolete MIME type icons */

.File_icon_array .icon {
	background: no-repeat center top url(/skins/system/fileicon1.jpg);
	font-size: xx-small;
	padding-top: 32px;
	display: block;
}

.File_icon_array .application_msword {
	background: no-repeat center top url(/skins/system/application_msword.jpg);
	font-size: xx-small;
	padding-top: 32px;
	display: block;
}

.File_icon_array .application_pdf {
	background: no-repeat center top url(/skins/system/application_pdf.jpg);
	font-size: xx-small;
	padding-top: 32px;
	display: block;
}

.File_icon_array .application_octet-stream {
	background: no-repeat center top url(/skins/system/application_pdf.jpg);
	font-size: xx-small;
	padding-top: 32px;
	display: block;
}

.File_icon_array .text_rtf {
	background: no-repeat center top url(/skins/system/text_rtf.jpg);
	font-size: xx-small;
	padding-top: 32px;
	display: block;
}

.File_icon_array .text_html {
	background: no-repeat center top url(/skins/system/text_html.jpg);
	font-size: xx-small;
	padding-top: 32px;
	display: block;
}

.File_icon_array .application_x-photoshop {
	background: no-repeat center top url(/skins/system/application_x-photoshop.jpg);
	font-size: xx-small;
	padding-top: 32px;
	display: block;
}

.File_icon_array .application_x-psd {
	background: no-repeat center top url(/skins/system/application_x-photoshop.jpg);
	font-size: xx-small;
	padding-top: 32px;
	display: block;
}

.File_icon_array .application_vnd_ms-excel {
	background: no-repeat center top url(/skins/system/application_vnd_ms-excel.jpg);
	font-size: xx-small;
	padding-top: 32px;
	display: block;
}

.File_icon_array .application_vnd_ms-powerpoint {
	background: no-repeat center top url(/skins/system/application_vnd_ms-powerpoint.jpg);
	font-size: xx-small;
	padding-top: 32px;
	display: block;
}
	
/* @end */
	
/* @end */

/* @group Thumbnail_Array */

.Thumbnail_array {
	display: block;
	width: 100%;
}

.Thumbnail_array .attachments .thumbnailAndCaption {
	background-color: #dddddd;
	border-bottom-color: black;
	border-left-color: gray;
	border-right-color: black;
	border-style: solid;
	border-top-color: gray;
	border-width: 1px;
	clip: rect(140,160,0,0);
	display: inline-table;
	height: 140px;
	margin: 4px;
	overflow: hidden;
	padding: 4px;
	position: relative;
	text-align: center;
	width: 160px;
}

.Thumbnail_array .MSIEattachments .MSIEthumbnailAndCaption {
	background-color: #dddddd;
	border-bottom-color: black;
	border-left-color: gray;
	border-right-color: black;
	border-style: solid;
	border-top-color: gray;
	border-width: 1px;
	display: block;
	float: left;
	margin: 4px;
	padding: 4px;
	text-align: center;
}

.Thumbnail_Array .attachmentList .thumbnail {
	display: none;
	visibility: Hidden;
}

.Thumbnail_array .attachmentList .title {
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 6px;
}

.Thumbnail_array .attachments .caption {
	bottom: -4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
	text-align: center;
}

.Thumbnail_array .MSIEattachments .caption {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	text-align: center;
}

.Thumbnail_array .attachments .admin {
	bottom: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
	right: 4px;
	text-align: center;
}

.Thumbnail_array .attachmentDetail .comments {
	display: block;
	visibility: visible;
}

.Thumbnail_array .attachmentDetail .caption {
	background: yellow;
	border-style: none;
	padding: 6px;
}
	
/* @end */

/* @group Text_only */

.Text_only .attachmentList {
	margin-top: 0.7em;
}

.Text_only .attachmentList .comments {
	display: none;
	visibility: hidden;
}

.Text_only .attachmentList .thumbnailAndCaption {
	border: none;
}

.Text_only .attachmentDetail .comments {
	display: block;
	visibility: visible;
}

.Text_only .attachmentList .title {
	display: inline;
	visibility: visible;
	font-weight: bold;
}
	
/* @end */

/* @end */

/* @group Ajax */

.accordion {
	background: white;
	border: 20px none fuchsia;
	width: 50%;
}

.accordionTabTitleBar {
	padding: 4px;
	border: 1px solid #b5d7dc;
	border-bottom-color: #192326;
	border-right-color: #192326;
	background: #003498;
}
	
/* @end */

/* @group Workflow */

.entityUpdate {
	background-color: #fffa4a;
}

.entityUpdate td {
	background-image: none;
	background-color: transparent;
}
	
/* @end */

/* @group Forms */

.save {
	background-color: #b6ed97;
}

.delete {
	background-color: #ec4f2a;
}

form {
	position: relative;
}

div.formStartMarker {
	clear: both;
	display: block;
}

.formheader {
	border-bottom: 1px dotted #3869a8;
	font-weight: bold;
}

.formintro {
	display: inline;
	clear: both;
}

fieldset {
	position: relative;
	border: thin solid #cdcdcd;
	margin-top: 1em;
	clear: both;
}

fieldset legend, fieldset dt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #565656;
	font-weight: bold;
}

div.formQuestion {
	border-top: 1px dotted #3869a8;
	padding-top: .5em;
	padding-bottom: .25em;
	width:  98%;
}

div.labelAndInput {
	float: left;
	width: 68%;
	position: relative;
	display: inline;
}

.labelAndInput .warning {
	margin-left: 35%;
	float: right;
	clear: both;
	width: 70%;
}

label {
	color: #4f4f4f;
}

div.labelAndInput label {
	width:  30%;
	text-align: right;
	display: inline;
	float: left;
}

span.labelRequired {
	background: url(/skins/system/asterix.gif) no-repeat right 3px;
	padding-right: 10px;
}

div.labelAndInput label.labelRequired {
	background: url(/skins/system/asterix.gif) no-repeat right 3px;
	padding-right: 10px;
}

div.labelAndInput label.labelNotAnswered, .notAnswered {
	background: url(/skins/system/asterix.gif) no-repeat right 3px;
	padding-right: 10px;
	color: red;
}

div.labelAndInput div.Value {
	width: 67%;
	display: inline-block;
	float: right;
}

div.labelAndInput div.input {
	float: left;
	display: inline-block;
}

div.input object {
	border: 1px solid gray;
}


.requiredFooter {
	text-align: center;
	width: 100%;
	padding-left: 10px;
	background: url(/skins/system/asterix.gif) no-repeat left 3px;
}
	
div.bigInput {
	float: right;
	width: 95%;
	text-align: right;
	padding-right: 1em;
}

div.formError {
	float: right;
	width: 80%;
}

div.autosubmit {
	width: 16px;
	background: url(/skins/system/refresh.png) no-repeat;
	height: 16px;
	display: inline-block;
	float: left;
}

.questionHelp {
	float: right;
	display: inline;
	width: 30%;
	color: #3869a8;
}

div.endOfQuestion {
	clear: both;
	height: 0;
}

div.endOfLabelAndInput {
	clear: both;
	height: 0;
}
/*
div.includedQuestion label.labelNotRequired {
	visibility: hidden;
	display: inline;
	width: 0;
}

div.includedQuestion label.labelRequired {
	visibility: hidden;
	display: none;
	width: 0;
}
*/
div.includedQuestion {
	display: inline-block;
	float: none;
	width: auto;
}

div.includedQuestion div.Value {
	float:  left;
	width:  auto;
	display: inline-block;
}

div.includedQuestion span.warning {
	display: inline;
	width: auto;
}

div.includedQuestion div.labelAndInput {
	display: inline-block;
	width: auto;
}

a.helpTextLink {
	border: 1px dotted silver;
	margin-left: .5em;
	display: block;
}

span.helpTextMore {
	border: 1px dotted silver;
	display: none;
	visibility: hidden;
}

span.helpTextBlock {
	display: inline;
}

div.alternative, div.alternative div.labelAndInput, div.alternative div.label, div.alternative div.questionHelp, div.alternative div.Value, div.alternative div.input, div.alternative label {
	display: block;
	clear: both;
	width: 100%;
	text-align: left;
}

div.alternative label {
	margin-top: 0.5em;
}

div.alternative label.labelRequired, div.alternative label.labelNotAnswered {
	padding-left: 10px;
	background: url(/skins/system/asterix.gif) no-repeat left 3px;
}

.autoSubmitButton {
	background-color: aqua;
	position: absolute;
	top: -1000px;
	left: -1000px;
}

span.refreshLabel {
	background: url(/skins/system/busySmall.gif) no-repeat 0 0;
	width: 16px;
	height: 16px;
	padding: 0;
	display: inline-block;
}

#busyIndicator {
	position: fixed;
	top: 50%;
	left: 50%;
	display: block;
	visibility: hidden;
}

table.informlogin {
	border-collapse: collapse;	
}

table.informlogin th {
	background: #f1ffb4;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
}
	
table.informlogin td, table.informlogin th {
	border-collapse: collapse;
	border: 1px dotted #3869a8;
}

ul.formradio li {
	list-style-type: none;
	padding: .25em;
	text-indent: -1.5em;
}
	
div.questionInvisible, div.questionInvisible div.labelAndInput {
	display: none;
	visibility: hidden;
	border-color: olive;
}


/* @end */

/* @group Calendar */

table.WNSCalendar {
	border: 1px solid silver;
}

table.WNSCalendar td, table.WNSCalendar th {
	font: .95em Arial, Helvetica, Geneva, sans-serif;
}

table.WNSCalendar th.dayOfWeek {
	width: 14.3%;
	text-align: center;
	background-color: #d2d0c4;
}

table.WNSCalendar tr.dayEvents {
	vertical-align: top;
}

table.WNSCalendar tr.dayEvents td {
	border: 1px dotted orange;
}

table.WNSCalendar td.today {
	border: 1px solid black;
	background-color: #fbffc2;
}

table.WNSCalendar td.otherMonth {
	background-color: #e0e0e0;
}

table.WNSCalendar tr.dayEvents div.dayOfMonth {
	font-size: 2em;
	color: silver;
}

table.WNSCalendar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

table.WNSCalendar li {
	width: 100%;
	border-bottom: 1px solid silver;
}

table.WNSCalendar li:hover {
	background-color: #fbffc2;
}

table.WNSCalendar td.currentMonth, table.WNSCalendar td.currentYear {
	font-size: 2em;
	border: 1px solid black;
	text-align: center;
}

table.WNSCalendar td.monthLink a, table.WNSCalendar td.otherYear a {
	font-size: 1.5em;
	text-decoration: none;
}

table.WNSCalendar td.monthLink, table.WNSCalendar td.otherYear {
	border: 1px dotted olive;
	text-align: center;
}

table.WNSCalendar td.monthLink:hover, table.WNSCalendar td.otherYear:hover {
	background-color: #fbffc2;
}

table.WNSCalendar td.monthLink a:hover, table.WNSCalendar td.otherYear a:hover {
	text-decoration: underline;
}

table.calendarNav, table.calendarMonths, table.calendarYears {
	width: 100%;
}

/* @end */