/* Skin */
div#tabbed-box {
	border:1px solid #ddd;
	margin:5px;
	color:#555;
}	
div#tabbed-box p {
	margin:5px;
}
div#tabbed-box .ui-tabs-nav {
	font-size:10px;
	font-family:Verdana;
	line-height:30px;
	font-weight:bold;
    list-style: none;
	background-image: url("/images/tabbed-box/unselected-tab.jpg");
	background-repeat: repeat-x;
}
div#tabbed-box .ui-tabs-panel {
    font-family: Verdana, sans-serif;
    font-size: 12px;
	padding: 15px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
   
}
div#tabbed-box .ui-tabs-hide {
	display:none;
}
div#tabbed-box .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
div#tabbed-box .ui-tabs-nav li {
   float: left;
	background-image: url("/images/tabbed-box/unselected-tab.jpg");
}
div#tabbed-box .ui-tabs-nav a {
    float: left; /* fixes dir=ltr problem and other quirks IE */
	 margin:0 15px 0 15px;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */ 
    color: white;   
}

div#tabbed-box .ui-tabs-nav .ui-tabs-selected a  {
    color: #1a9bd8;
}

div#tabbed-box .ui-tabs-nav .ui-tabs-selected {
	background:white;
}

div#tabbed-box .half-box {
	margin:5px;
	width:270px;
	display:block;
	float:left;
}
*html div#tabbed-box .half-box {
	width:288px;
}
div#tabbed-box .quarter-element {
	width: 120px;
	line-height:15px;
	vertical-align:middle;
	margin: 5px;
	float: left;
}

div#tabbed-box .three-quarters-element {
	width:379px;
	line-height:15px;
	vertical-align:middle;
	margin:5px;
	float:left;
}

img.small-element {
	float:left;
	width:30px;
	height:30px;
	margin:5px;
}
div.small-description{
	float:left;
	width:200px;
	margin:5px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}

div#tabbed-box h1 {
	line-height:25px;
	vertical-align:middle;
	font-weight:bold;
	font-family:verdana;
	font-size:12px;
	border-bottom:1px solid #ccc;
	color:#1a9bd8;
	/*color:gray;*/
}
div#tabbed-box h2 {
	line-height:20px;
	vertical-align:middle;
	font-weight:bold;
	font-family:verdana;
	font-size:10px;
	color:gray;
	/*color:gray;*/
}
div#tabbed-box .full-box {
	margin:5px;
	width: 550px;
	display:block;
	float:left;
}

/* Additional IE specific bug fixes... 
div#tabbed-box * html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode 
    display: inline-block;
}
*/
*html div#tabbed-box .ui-tabs-nav {
	dispay:block;
	width:100%;
}
* + html div#tabbed-box .ui-tabs-nav {
	dispay:block;
	width:100%;
}
*html .ui-tabs-panel {clear:both;}
div#tabbed-box *:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}