/* @override http://dev2.slymanrealestate.com/css/tabs.css */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/

.tabberlive .tabbertabhide {
	display: none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/

.tabber {
	
}

.tabberlive {
	float: left;
	display: inline;
	width: 620px;
	background-color: #771100;
}

.editprofile .tabberlive {
	width: 900px;
	margin-bottom: 10px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/

#rightcol ul.tabbernav,
.editprofile ul.tabbernav {
	width: 620px;
	background-color: #771100;
	height: 32px;
	display: inline;
}

.editprofile ul.tabbernav {
	float: left;
	width: 900px;
}

#rightcol ul.tabbernav li,
.editprofile ul.tabbernav li {
	display: inline;
	float: left;
}

#rightcol ul.tabbernav li a,
.editprofile ul.tabbernav li a {
	padding: 6px 13px 7px;
	background: #e1b6ac url(../images/agent_tab_bkg.gif) repeat-x 0 top;
	text-decoration: none;
	display: inline;
	border-top: none;
	line-height: 32px;
	margin-left: 7px;
}

#rightcol ul.tabbernav li a:link,
.editprofile ul.tabbernav li a:link {
	color: #ffffff;
}

#rightcol ul.tabbernav li a:hover,
.editprofile ul.tabbernav li a:hover {
	background: #e1b6ac url(../images/agent_tab_bkg.gif) repeat-x 0 bottom;
	border-color: #227;
}

#rightcol ul.tabbernav li.tabberactive a,
.editprofile ul.tabbernav li.tabberactive a {
	background-color: #e0e5ea;
	background-image: none;
	color: #28496a;
	font-weight: bold;
}

#rightcol ul.tabbernav li.tabberactive a:hover,
.editprofile ul.tabbernav li.tabberactive a:hover {
	background-color: #e0e5ea;
	background-image: none;
	color: #28496a;
	font-weight: bold;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/

.tabberlive .tabbertab {
	padding: 20px;
	float: left;
	width: 580px;
	border-top: 0;
	border-bottom: 5px solid #28496a;
	background-color: #e0e5ea;
}

.editprofile .tabberlive .tabbertab {
	width: 860px;
}

x solid #28496a;
	background-color: #e0e5ea;
}

.editprofile .tabberlive .tabbertab {
	width: 860px;
}