/* 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%;
}

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

p {
	margin-bottom: 1.625em;
}
ol {
	margin: 0 0 1.625em 2.5em;
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}


/*  orange: color: #e46c25; */

h1 {
  font-size: 2.2em;
  line-height: 1.1em;
  font-weight: normal;
  letter-spacing: -0.02em;
  margin: 16px 10px 10px 10px;
}

h2 {
  font-size: 1.5em;
  line-height: 1.3em;
  font-weight: bold;
  color: #484848;
  margin-top: 16px;
  margin-bottom: 4px;
}

h3 {
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: bold;
  color: #484848;
  margin-top: 16px;
  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.3em;
  margin-bottom: 8px;
  color: #303030;
}

th, td {
  font-size: 1em;
  line-height: 1.2em;
  color: #303030;
}

a {
  text-decoration:none;
}
a:focus,
a:active,
a:hover {
  text-decoration:underline;
}

p a, li a {
  font-weight: bold;
}

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 2px 0;
}

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

.side-panel p, .side-panel li{
  font-size: 0.85em;
  line-height: 1.4em;
}

.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: 10px 10px 16px 16px;
}


/* Header */

#header {
	position: relative;
  height: 90px;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
}
#twitter {
  position: absolute;
  top: 0px;
  left: 440px;
}
#facebook {
	position: absolute;
	top: 27px;
	left: 440px;
}
#google {
	position: absolute;
	top: 54px;
	left: 440px;
}
#linkedin {
	position: absolute;
	top: 54px;
	left: 500px;
}
#audience {
	position: absolute;
	right: 0;
	top: -2px;
  height: 95px;
}
#quicksearch {
	position: absolute;
	right: 0;
	top: -2px;
}
#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;
  vertical-align: top;
}

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;
  vertical-align: top;
}

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;
}

.first {
	margin-top: 0;
}

div.divider {
	clear: both;
	background-image: url(/images/divider.png);
	width: 80px;
	height: 16px;
	margin: 16px 0 12px 0;
}