/*
-----------------------------------------------
Refer-Online Base Style Sheet (/css/referonline.css)
Author: Peter Lambert of Inneroptics Design
----------------------------------------------- */

@import url(tables.css);
@import url(forms.css);
@import url(blocks.css);
@import url(menu.css);
@import url(box.css);

a {
	color:#196BCA;
}

a:hover {
	color:#CC5C01;
}
.clear {
	clear:both;
}

br.clear {
	line-height:0;
	height:0;
	width:auto;
}

hr.clear {
  visibility:hidden;
}

.hidden {
  display:none;
}

a.help {
	display:none;
}

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font-family:"Trebuchet MS", Verdana, "Lucida Sans", "Lucida Sans Unicode", Arial, Sans-Serif;
	font-size:13px;
}

body.orange {
	background:#FCF5EC;
}

body.blue {
	background:#E1E9EF;
}

body.green {
	background:#F0FCF1;
}


#b1 {
	width:100%;
	top:0;left:0;
}

body.orange #b1 {
	background:url(../../images/base/body/orange_bg_top.jpg) top repeat-x;
}

body.blue #b1 {
	background:url(../../images/base/body/blue_bg_top.jpg) top repeat-x;
}

body.green #b1 {
	background:url(../../images/base/body/green_bg_top.jpg) top repeat-x;
}

#b2 {
	width:746px;
	margin:0 auto;
	background:#fff;
	border-style:solid;
	border-color:#FBF1E4;
	border-width:0 3px;
}

body.blue #b2 {
	border-color:#DAE4EC;
}

body.green #b2 {
	border-color:#DFF3E0;
}

#fbot {
	height:17px;
	width:752px;
	margin:0 auto;
	overflow:hidden;
}

body.orange #fbot {
	background:url(../../images/base/site/footer_bot.gif) top no-repeat;
}

body.blue #fbot {
	background:url(../../images/base/site/footer_bot_blue.gif) top no-repeat;
}

#header {
	height:109px;
	width:746px;
	padding:0;
	position:relative;
}

#header .welcome {
	height:34px;
	width:403px;
	position:absolute;
	top:0;
	right:10px;
}

body.orange #header {
	background:url(../../images/base/header/bg_orange.jpg) top repeat-x;
}

#header .welcome p {
	display:block;
	float:left;
	height:34px;
	width:210px;
	padding:0 10px;
	margin:0;
	line-height:34px;
	color:#785221;
}

#header .welcome a {
	color:#DC7F05;
}

#header .welcome a:hover {
	color:#A3620D;
}

#header .welcome ul {
	display:block;
	float:right;
	width:170px;
	margin:0;
	padding:0;
	list-style:none;
}

#header .welcome ul li {
	display:block;
	height:34px;
	line-height:34px;
	float:right;
	margin-right:8px;
	padding-left:8px;
	border-left:1px solid #F9E5C9;
}

body.orange #header .welcome {
	background:url(../../images/base/header/welcome_bg_orange_right.gif) bottom right no-repeat;
}

body.orange #header .welcome p {
	background:url(../../images/base/header/welcome_bg_orange_left.gif) bottom left no-repeat;
}

body.blue #header .welcome {
	background:url(../../images/base/header/welcome_bg_blue_right.gif) bottom right no-repeat;
}

body.blue #header .welcome p {
	background:url(../../images/base/header/welcome_bg_blue_left.gif) bottom left no-repeat;
	color:#87AAC3;
}

body.blue #header .welcome a {
	color:#3E7EB1;
}

body.blue #header .welcome ul li {
	border-color:#ABC9DF;
}

body.green #header .welcome {
	background:url(../../images/base/header/welcome_bg_green_right.gif) bottom right no-repeat;
}

body.green #header .welcome p {
	background:url(../../images/base/header/welcome_bg_green_left.gif) bottom left no-repeat;
	color:#66C26E;
}

body.green #header .welcome a {
	color:#228C2C;
}

body.green #header .welcome ul li {
	border-color:#C1EFC6;
}



body.dblue #header .welcome {
	background:url(../../images/base/header/welcome_dblue_bg_right.gif) bottom right no-repeat;
}

#header h1 {
	margin:0 0 0 5px;
	padding:0;
	height:79px;
	width:314px;
	background:url(../../images/base/header/logo.gif) bottom left no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}

#header h1 a {
	display:block;
	height:79px;
	width:314px;
}

#header h2 {
	display:none;
}

#header .ad {
	float:left;
	width:234px;
	height:58px;
	margin:40px 0 14px 65px;
	text-align:center;
}

#c {
	width:746px;
	margin:10px 0 0 0;
	padding:0;
}


#c1 {
  width:551px;
  float:right;
  background:#fff;
}

#c2 {
  float:left;
  width:541px;
  margin:0 5px 0 0;
  padding:0;
  overflow:hidden;
  background:#fff;
}

#left {
  width:185px;
  float:left;
}

#left .block {
	width:175px;
	margin-left:10px;
}

#footer {
	clear:both;
  background:#fff;
  padding:5px 5px 0 5px;
  color:#9B948A;
  border-top:10px solid #fff;
}

body.orange #footer {
	background:#FDF8F2;
}

body.blue #footer {
	background:#EFF4FA;
	color:#2A588D;
}

#footer p {
	margin:0;
	text-align:center;
}

#footer p.links {
	font-size:90%;
	margin-bottom:2px;
}

#footer ul li {
	display:inline;
	font-size:
	border-right:1px solid #E6D9C7;
}

#footer p a {
	color:#968876;
}

body.blue #footer p a {
	color:#3075C3;
}

#footer p a:hover {
	color:#000;
}

#right {
  display:none;
}

#toggle_button {
  position:absolute;
  top:20px;
  left:5px;
  display:block;
  height:18px;
  width:19px;
  background:url(../../images/base/site/devel_plus.gif) top left no-repeat;
}

#toggle_button span {
  display:none;
}

#debug {
	position:absolute;
	display:none;
	top:38px;
	left:24px;
	font-size: 80%;
	width:20%;
	height:500px;
	padding: 5px;
	border: 1px solid #C6B7A4;
	border-right:1px solid #928371;
	border-bottom:1px solid #928371;
	background-color: #FFFDFA;
  overflow:auto;
  margin:0;
}

#debug td.marker {
  background:#C70F0A;
  color:#fff;
}


.popup {
  color:#14416D;
  background:none;
  text-decoration:none;
  position:absolute;
  z-index:20;
  visibility:hidden;
  top:0;
  left:0;
  border:none;
  padding:0;
  width:200px;
}

body:last-child .popup {
  width:auto;
}

.alert-info {
  width:200px !important;
}

.alert-info h3.title {
  display:block;
  font-size:120%;
  color:#3C4A5A;
}

.popup .ptl {
  height:5px;
  overflow:hidden;
  background:url(../../images/base/site/user_popups/tl.gif) top left no-repeat;
}

.popup .ptl .ptr {
  display:block;
  float:none;
  margin-left:5px;
  height:5px;
  width:auto;
  background:url(../../images/base/site/user_popups/tr.gif) top right no-repeat;
}

.popup .ppad {
  background:#EBF5FF url(../../images/base/site/user_popups/bg.gif) bottom repeat-x;
  border-left:1px solid #7C9BC0;
  border-right:1px solid #7C9BC0;
  padding:5px
}

.popup .ppad .name {
  font-size:110%;
  font-weight:bold;
}

.popup .pbl {
  display:block;
  height:6px;
  background-color:transparent;
  overflow:hidden;
  background:url(../../images/base/site/user_popups/bl.gif) top left no-repeat;
}

.popup .pbl .pbr {
  display:block;
  float:none;
  margin-left:5px;
  height:6px;
  width:auto;
  background:url(../../images/base/site/user_popups/br.gif) top right no-repeat;
}

.order_by {
	height:25px;
	margin:10px 0 10px 0;
}

.order_by p {
	float:left;
	margin:0;
	padding:0 5px;
	color:#7B776E;
	font-size:90%;
	display:block;
}

.order_by ul {
	list-style:none;
	padding:0;
	margin:0;
}

.order_by ul li {
	display:inline;
}

.order_by ul li a {
	color:#717167;
	text-decoration:none;
	font-size:90%;
	height:18px;
	padding:0 5px;
	border-left:1px solid #DAD7D1;
}

.order_by ul li a:hover {
	color:#000;
	text-decoration:underline;
}

.order_by ul li a img {
	display:none;
}

.order_by ul li a.selected {
	color:#D26F14;
}

.order_by .padding {
	padding:0;
}

.resized-tooltip {
  position:absolute;
  z-index:20;
  visibility:hidden;
  top:0;
  left:0;
  background:#ECECEC;
  border:1px solid #B7B4AF;
  color:#54524F;
  padding:5px;
  font-size:12px;
}

.resized-link {
  text-decoration:none;
  color:#EA9600
}

.back_button {
  width:100%;
  height:25px;
  margin:10px 0 15px 0;
}

.back_button div {
  float:left;
  line-height:25px;
  padding-left:11px;
  background:url(../../images/base/site/back_button_left.gif) top left no-repeat;
}

.back_button div div {
  float:left;
  background:url(../../images/base/site/back_button_right.gif) top right no-repeat;
  padding:0 6px 0 5px;
}

.back_button div a {
  text-decoration:none;
  color:#7A7470;
  font-weight:bold;
  font-size:90%;
  line-height:25px;
}

.back_button div a:hover {
  color:#000;
}

.ro_pager {
  height:22px;
  margin:5px 0;
}

.ro_pager img {
  vertical-align:bottom;
}

.ro_pager .details {
  font-size:90%;
  color:#6C6861;
  float:left;
  text-align:center;
  height:22px;
  line-height:22px;
}

.ro_pager .left,
.ro_pager .right {
  height:22px;
  width:100px;
  float:left;
}

.ro_pager .right {
  text-align:right;
}

.pager_title {
  font-size:240%;
  margin:0 0 5px 0;
  padding:0;
  font-weight:100;
  letter-spacing:-0.05em;
  color:#4E4C49;
}