/* Standard elements */

body {
	background: #ececec url(images/bg-home.jpg) repeat-x;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	line-height: 120%;
}

h1, h2, h3, h4, p, ul, ol {
	text-align: left;
}

/*	orange: color: #e46c25; */

h1 {
	font-size: 2em;
	line-height: 1em;
	font-weight: normal;
	letter-spacing: -0.02em;
	margin: 10px 10px 10px 10px;
}

h2 {
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
	color: #484848;
	margin-top: 12px;
}

h3 {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	color: #484848;
	margin-top: 10px;
	margin-bottom: 3px;
}

h4 {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 3px;
}

p, ul, ol, .body {
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: 7px;
	color: #303030;
}

a {
	font-weight: bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

ol {
  list-style: decimal;
  margin: 6px 0;
}	

ol > li {
  padding: 0 0 3px 0px;
  margin-left: 26px;
}

ul.bullet {
  list-style: none;
  margin: 6px 0;
}

ul.bullet > li {
  background-image: url(images/bullet.png);
  background-position: left 8px;
  background-repeat: no-repeat;
  padding: 0 0 2px 14px;
  margin-left: 6px;
}

.input {
	border-left: solid 1px #424242;
	border-top: solid 1px #424242;
	border-right: solid 1px #cbcbcb;
	border-bottom: solid 1px #cbcbcb;
	height: 1.4em;
	line-height: 1.4em;
}

sup {
	font-size: 0.7em;
	vertical-align: super;
}

/* Table overrides */


td h1, td h2, td h3, td h4, td p {
	margin-left: 0;
	margin-right: 0;
}

td ul.bullet {
  margin: 0;
}

td ol {
  margin: 0;
}


/* Text overrides */

p.intro {
	font-style: italic;
	font-size: 1.3em;
	line-height: 1.2em;
	margin-bottom: 8px;
}

.page h1, .page-panel h1 {
	margin: 0 0 10px 0;
}

.side-panel h1 {
	font-size: 1.5em;
	line-height: 1em;
	margin: 0 0 10px 0;
}

.side-panel h2 {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
	margin: 10px 0 3px 0;
}

.side-panel h3 {
	font-size: 0.8em;
	line-height: 1.2em;
	padding-bottom: 6px;
}

.side-panel p{
	font-size: 0.8em;
	line-height: 1.3em;
}

.side-panel h2 > a {
	color: #484848;
}


/* Page structure */

#outer-container 
{
	margin: 0 auto;
	width: 874px;
	padding-top: 9px;
	padding-bottom: 9px;
	min-height: 200px;
}

#inner-container {
	padding: 15px 10px 16px 16px;
}


/* Header */

.header {
	margin: 0 auto;
	padding-left:8px;
}
.logo {
	vertical-align:top;
	float:left;
}
.audience {
	vertical-align: top;
	float: right;
	height: 95px;
	margin-top: -12px;
}
.quicksearch {
	vertical-align: top;
	float: right;
	margin: -8px 0 8px 0;
}
.quicksearch p {
	text-align: right;
}
#top-nav {
	display: none;
	clear: both;
	background-position:right -31px;
	background-repeat:no-repeat;
	padding-right: 5px;
}
.locator {
	height: 16px;
	font-size: 0.8em;
	line-height: 1em;
	padding: 2px 10px 2px 40px;
	background-image: url(images/locator.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.locator a {
	color:#333333;
	text-decoration:none;
	font-weight: normal;
}
.locator a:hover {
	color:#606060;
	text-decoration:underline;
}

/* Footer */

#footer {
	font-size: 0.75em;
	line-height: 0.75em;
	text-align: right;
	margin-right: 18px;
}



/* Main menu */

.home-button {
	background-position:0px 0px;
}
.home-button .ui-menu-item {
	display:block;
	width:36px;
	padding:0px;
}
.home-button .ui-menu-item-box-hover{
	background-color:transparent; /*  !important; */
	background-position:0px -30px;
}

.home {
	position:absolute;
	top:9px;
	left:11px;
	z-index:100;
}

/* Buttons */

.buyer .ui-button-left,
.buyer .ui-button-middle,
.buyer .ui-button-right,
.buyer .ui-button-hover,
.buyer .ui-button-left-hover,
.buyer .ui-button-right-hover
{
	border: none;
	background-color: transparent;
	background-image: url(images/buyer-button.png);
}
 
.seller .ui-button-left,
.seller .ui-button-middle,
.seller .ui-button-right,
.seller .ui-button-hover,
.seller .ui-button-left-hover,
.seller .ui-button-right-hover
{
	border: none;
	background-color: transparent;
	background-image: url(images/seller-button.png);
}

/* Page layouts */

.page {
	clear: both;
	position: relative;
	width: 800px;
	padding: 10px 10px 0 10px;
}

.page-panel {
	clear: both;
	float: left;
	position: relative;
	width: 540px;
	margin: 10px 10px 0 10px;
}

.side-panel {
	position: relative;
	width: 250px;
	float: right;
	margin: 10px 0 0 0;
}

.column-left {
	position: relative;
	width: 390px;
	float: left;
	margin-right: 10px;
}

.column-right {
	position: relative;
	width: 390px;
	float: right;
	margin-left: 10px;
}

.side-panel .box-inside {
	padding: 10px 16px;
}


/* Miscellaneous */

.clear {
	line-height:0px;
	font-size:0px;
	clear:both;
}


/* Quotations */

div.quote {
	position: relative;
	line-height: 1.4em;
	margin: 16px 0;
	position: relative;
	padding: 5px 32px;
	color: #666;
}
span.openQuote {
	font-family: Times, serif;
	position: absolute;
	top: 10px;
	left: 2px;
	font-size: 3em;
}
span.closeQuote {
	font-family: Times, serif;
	float: right;
	margin-top: 4px;
	margin-right: -32px;
	font-size: 3em;
}
div.quoter {
	margin: 4px 0;
	text-align: right;
	font-style: italic;
}

/* Images */

div.floatRight {
	float: right;
	margin: 0 0 10px 10px;
}

div.floatLeft {
	float: left;
	margin: 0 10px 10px 0;
}

img.framed {
	background-color: #FFF;
	padding: 4px;
	border: 1px solid #CCD;
}

.caption {
	margin-top: 3px;
	font-size: 0.85em;
	color: #999;
}

/* Popups */

div.popup {
	background-color: #f4f4f4;
	border: 2px solid #D6CEC1;
}

div.masthead {
	height: 22px;
	background-color: #666;
}

h1.popupTitle {
	clear: none;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0 20px 0 0;
	padding: 2px 0 0 8px;
	letter-spacing: 0;
	color: #FFF;
}

body.popup {
	background-image: none;
	background-color: #f4f4f4;
	padding: 0 6px;
}

body.popup p, body.popup ul, body.popup ol {
	margin: 4px 0;
}

body.popup h2 {
	margin: 8px 0 0 0;
	font-size: 1.2em;
	line-height: 1.4em;
}


.date {
	font-weight:bold;
	color:#000;
}

.panel-item, .news-item {
	padding-bottom: 12px;
	margin-bottom: 12px;
	background-image: url(images/dotted-line.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

label {
	display: inline-block;
	clear: both;
}

form .col1 {
	display: inline-block;
	text-align: left;
	padding-right: 6px;
	white-space: nowrap;
}

form .col2 {
	display: inline-block;
}

/* Login form */

form.login .col1 {
	width: 60px;
}

form.login label {
	line-height: 28px;
}

div.buttonRow {
	margin-top: 6px;
}


ul#smartid-message {
  list-style: none;
  padding: 6px 6px 6px 6px;
}

ul#smartid-message li {
  background-image: url(images/bullet.png);
  background-position: left 8px;
  background-repeat: no-repeat;
  padding: 0px 0px 3px 15px;
  margin: 0px;
}

th.smartstyle_dateTitle {
  font-size: xx-small;
  padding: 0 4px 0 0;
  text-align: left;
  color: #666666;
  font-weight: normal;
}

td.smartstyle_dateField {
  font-size: small;
  padding: 0 4px 0 0;
  text-align: left;
}

.smartstyle_correction {
	background-color: #FFECE8;
	border: 1px solid #D00000;
	line-height: 100%;
	padding: 2px 4px;
}

/* Tables */


table.standard {
  margin: 6px 0 6px 0;
  background: #FFFFFF;
  border-left: 4px solid #E8E8E8;
}

table.standard > tbody > tr > td {
  padding: 3px 6px;
  border: 1px solid #F0F0F0;
}

table.standard > tbody > tr > th {
  background-color: #FAFAF0;
  color: #986030;
  padding: 3px 6px;
  border: 1px solid #E8E8E8;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

table.standard th.center, table.standard td.center {
	text-align: center;
}

table.standard th.right, table.standard td.right {
	text-align: right;
}

table.standard th.bold {
	font-weight: bold;
}

table.standard th.editRow, table.standard td.editRow {
	vertical-align: top;
	padding-top: 6px;
}


.button-cancel .ui-button-left,
.button-cancel .ui-button-middle,
.button-cancel .ui-button-right,
.button-cancel .ui-button-hover,
.button-cancel .ui-button-left-hover,
.button-cancel .ui-button-right-hover
{
	border: none;
	background-color: transparent;
	background-image: url(images/red-button.png);
}


.button-cancel-small .ui-button-left,
.button-cancel-small .ui-button-middle,
.button-cancel-small .ui-button-right,
.button-cancel-small .ui-button-hover,
.button-cancel-small .ui-button-left-hover,
.button-cancel-small .ui-button-right-hover
{
	border: none;
	background-color: transparent;
	background-image: url(images/red-button-small.png);
}

a.white, a:hover.white {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}