html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}

/* begin overall style */
body
{
	margin: 0;
	padding: 0;
	color: #444;
	font: normal 14px Arial,Helvetica,sans-serif;
	background:white;
}

strong {
	font-weight: bold;
}

a {
	color: #F6921E;
	text-decoration: none;
}

#header
{
	background: #F6921E;
	margin: 0;
	padding: 0;
	height: 140px;
	margin-bottom: 20px;
}

#header-mid {
	position: relative;
	width: 900px;
	margin: 0 auto;
	height: 140px;
}

#logo
{
	height: 89px;
	padding-top: 10px;
}

#mainmenu
{
	position: absolute;
	left: 0;
	bottom: 0;
}

#mainmenu ul
{
	padding: 0;
	margin: 0;
	padding: 8px 0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	padding: 8px 10px;
	margin-right: 2px;
	color: #F6921E;
	text-decoration: none;
	background: #F8D8AE;
}

#mainmenu ul li a:hover, #mainmenu ul li a.active
{
	background: #FFFFFF;
	color: #4D4D4D;
}

/***  CONTENT  ***/
#content
{
    position: relative;
    width: 900px;
    margin: 0 auto;
    padding: 0px;
}

#content .content-left {
  width:600px;
  margin-right:40px;
  float:left;
}

#content .content-right {
  width:260px;
  float:right;
}

#content span.hl {
  color:#29abe2;
}

#content h3 {
  font-size:240%;
  font-weight:bold;
}

#content h3 span {
  color:#F6921E;
}

#content h3 span:hover {
  cursor:pointer;
  border-bottom:1px solid #F6921E;
  /*background:url('/images/title-arrow.gif') right 55% no-repeat;*/
  padding-right:18px;
}


/***  TONE TABS  ***/

#toneTabs {
  background:#F8D8AE;
  margin-top: 10px;
}

#toneTabs li {
  padding:8px 10px 5px;
  float:left;
}

#toneTabs li a {
  display:block;
  text-decoration:none;
  font-size:110%;
  font-weight:bold;
  outline:none;
	color: #F6921E;
}

#toneTabs li.selected a {
  color:#4d4d4d;
}

/***  TONE LIST  ***/
#toneList {
	float: left;
	width: 600px;
}

#toneList .tone {
	float: left;
	width: 170px;
	margin: 0 0px 10px 15px;
	padding: 10px;
	background: #F8D8AE;
	height: 184px;
}

#toneList .first {
	margin-left: 0px;
}

#toneList .tone img {
	width: 170px;
	height: 120px;
	margin-bottom: 5px;
}

#toneList .tone label {
	display: block;
	color: #F6921E;
	font-weight: bold;
	font-size: 13px;
}

#toneList .tone label:hover {
	cursor: pointer;
}

#toneList .tone a {
	text-decoration: none;
	margin-bottom: 5px;
}

#toneList .tone span {
	display: block;
	font-size: 80%;
}

#toneList .resbar {
	width: 600px;
	float: left;
	margin-top: 10px;
	font-size: 86%;
}

/*** PAGINATION  ***/
#toneList .pagination {
	float: left;
	width: 300px;
 	display: none;
	margin-top: 4px;
}

#toneList .pagination span,
#toneList .pagination a {
 	margin:0 3px;
	text-decoration: none;
	color: #F6921E;
	font-weight: bold;
}

#toneList .pagination span.disabled {
	color: #C2C2C2;
}

/***  SORT BY  ***/
#toneList .sortBy {
	float: right;	
}

#toneList .sortBy span {
	font-weight: bold;
	color: #4D4D4D;
}

/***  SEARCH  ***/

#clearSearch { 
	padding: 0px 10px;
	font-weight: bold;
}


/***  SHOW  ***/
#details {
	font-weight: bold;
}

#details h3 {
	font-size: 200%;
}

#details .image img {
	width: 600px;
	/*height: 180px;*/
}

#details .smallspacer {
	margin-bottom: 5px;
}

#details .bigspacer {
	margin-bottom: 15px;
}

#details .topspacer {
	margin-top: 8px;
}

#details .spacer {
	margin-bottom: 10px;
}

#details .big {
	font-size: 120%;
}

#details .bigger {
	font-size: 140%;
}

#details .small {
	font-size: 80%;
	font-weight: normal;
}

#details .half {
	float: left;
	width: 300px;
}

#details span {
	color: #F6921E;
}

#details a {
	color: #F6921E;
	text-decoration: none;
}

#details div.rule {
	border-bottom: 1px solid #E2E2E2;
	width: 600px;
}

#details .linkBox {
	background: #F8D8AE;
	font-size: 85%;
	padding: 8px;
}

#details .linkBox p {
	line-height: 1.6em;
}

#details .linkBox p input {
	border: 0 none;
	margin-left: 5px;
	padding: 2px;
	vertical-align: top;
	width: 482px;
}

#details .linkBox .shareLinks a {
	color: #F6921E;
	text-decoration: none;
}

#details .linkBox .shareLinks .first {
	width: 39%;
}

/***  PORTLETS  ***/

#portlets .portlet {
	width: 260px;
	margin-bottom: 20px;
	max-height: 400px;
	overflow: hidden;
}

#portlets .portlet-gray {
	background-color: #E9E9E9;
	padding: 12px;
}

#portlets .portlet-orange {
	background-color: #F8D8AE;
	padding: 12px;
}

#portlets .portlet h1 {
	color: #4D4D4D;;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 12px;
}

#portlets .portlet .content {
	font-size: 85%;
	font-weight: none;
	line-height: 1.3em;
}

#portlets .portlet li {
	font-size: 85%;
	color: #4D4D4D;
	margin-bottom: 8px;
}

#portlets .portlet a {
	text-decoration: none;
	color: #F6921E;
}

#portlets .porlets ol {
	
}

/***  SEND  ***/

#details .sendBox {
	background: #F8D8AE;
	font-size: 85%;
	padding: 10px 8px 8px 8px;
}

#details .sendBox label {
	float:left;
	display: block;
	width: 60px;
	padding-top: 3px;
}

#details .sendBox select, #details .sendBox input {
	float: left;
	margin-right: 15px;
}

#details .sendBox input[type="text"] {
	border: 0 none;
	padding: 2px;
}

#sendmsg {
	margin-top: 3px;
	text-align: center;
	float: right;
	min-width: 75px;
	color: red;
}

/***  MAP  ***/
a.mapLink {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 6px;
	color: #F6921E;
} 

div.mapInfo {
	font-weight: bold;
	margin-bottom: 8px;
}

/*** DIALOGS ***/
.dialogEmail .ui-dialog-content h4 {
  font-size:116%;
  color:#29ABE2;
  font-weight:bold;
  margin:5px 0 10px 0;
}

.dialogEmail .ui-dialog-content p {
  font-size:93%;
  margin:5px 0;
}

.dialogEmail .ui-dialog-content ul li {
  list-style-type:disc;
  margin:3px 0 3px 15px;
}

.dialogEmail .ui-dialog-content p input[type=text] {
  width:405px;
  padding:4px;
}

.dialogEmail .ui-dialog-content p select {
  font-size:93%;
}

#moreInfo {
	font-size: 12px;
	margin-left: 10px;
	cursor: pointer;
}

/***  FOOTER  ***/

#footer
{
	width: 900px;
	padding: 15px;
	margin: 20px auto;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #EEE;
}
/* end of overall style */

/* begin data grid style */
table.dataGrid
{
	background: white;
	border-collapse: collapse;
	width: 100%;
}

table.dataGrid th, table.dataGrid td
{
	font-size: 0.9em;
	border: 1px #4F81BD solid;
	padding: 0.3em;
}

table.dataGrid th
{
	background: #d3dfee;
	text-align: center;
}

table.dataGrid th.label
{
	width: 150px;
}

table.dataGrid tr.odd
{
	background: #E6F2FF;
}
/* end of data grid style */

.actionBar
{
	margin: 10px;
}

div.item
{
	margin: 10px 0 0 0;
	border: 1px solid silver;
	padding: 5px;
}


/* Random */
.left {
	float: left;
}
.right {
	float: right;
}

/* Clearfix */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	*zoom:1;
}