/** Technology page **/
.page-technology h1.title {
	width:645px;
	height:200px;
	background:transparent url('images/bg_header_technology.jpg') 0 0 no-repeat;
	margin:0;
}

.page-technology h1.title span {
	display:none;
}

/* Tab Content */
#content-area .ui-tabs-hide {
	display: none;
}
#content-area .ui-tabs-nav, #content-area .ui-tabs-panel {
    font-size: 12px;
}
#content-area .ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding:9px 0 0 0;
	background:transparent url("images/bg_tab_content_ul.png") 0 0 repeat-x;
	width:645px;
}
#content-area .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#content-area .ui-tabs-nav li {
    display:inline;
}
* html #content-area #tab-content a {
	border:none;
}
#content-area .ui-tabs-nav a {
	float:left;
	color:#888;
	background:transparent url("images/bg_tab_content_left.png") 0 0 no-repeat;
	margin:0;
	padding:0 0 0 10px;
	border:none;
	text-decoration:none;
    white-space: nowrap; /* required in IE 6 */    
}
#content-area .ui-tabs-nav a:hover {
	color:#444;
	border:none;
}
#content-area .ui-tabs-nav a span {
	float:left;
	display:block;
	background:transparent url("images/bg_tab_content_right.png") 0 0 no-repeat;
	padding:10px 24px 7px 14px;
	*padding:9px 24px 7px 14px;
	border:none;
}
#content-area .ui-tabs-nav .ui-tabs-selected a {
    background-position: 0 -33px;
}
#content-area .ui-tabs-nav a, 
#content-area .ui-tabs-nav .ui-tabs-disabled a:hover, 
#content-area .ui-tabs-nav .ui-tabs-disabled a:focus, 
#content-area .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 0 0;
}
#content-area .ui-tabs-nav .ui-tabs-selected a span {
    background-position: 100% -33px;
}
#content-area .ui-tabs-nav a span, 
#content-area .ui-tabs-nav .ui-tabs-disabled a:hover span, 
#content-area .ui-tabs-nav .ui-tabs-disabled a:focus span, 
#content-area .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 100% 0;
}
#content-area .ui-tabs-nav .ui-tabs-selected a:link, 
#content-area .ui-tabs-nav .ui-tabs-selected a:visited, 
#content-area .ui-tabs-nav .ui-tabs-disabled a:link, 
#content-area .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
	color:#444;
}
#content-area .ui-tabs-nav a:hover, 
#content-area .ui-tabs-nav a:focus, 
#content-area .ui-tabs-nav a:active,
#content-area .ui-tabs-nav .ui-tabs-unselect a:hover, 
#content-area .ui-tabs-nav .ui-tabs-unselect a:focus, 
#content-area .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

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

#tab-content-wrap {
	position:relative;
}

.tab-content-right-shadow {
	background:transparent url("images/bg_tab_content_wrap.png") 0 0 repeat-y;
}

.tab-content-wrap-bottom {
	background:transparent url("images/bg_tab_content_wrap_bottom.png") 0 0 repeat-x;
	height:82px;
	width:643px;
	float:left;
}

#tab-content-corner {
	background:transparent url("images/bg_tab_content_corner.png") 0 0 repeat-y;
	height:42px;
	width:5px;
	position:absolute;
	top:0;
	right:0;
}

#tab-content-bottom {
	background:transparent url("images/bg_tab_content_bottom.png") 0 0 no-repeat;
	height:3px;
	width:650px;
}

.ui-tabs-panel {
    background:#fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}


/** Training Tab Content **/

.cat-wrap {
	background:#fff;
	float:left;
	width:643px;
	margin:0 0 12px;
}

.tab-content {
	padding:14px 0 0 0;
	border:1px solid #fff;
	border-top:none;
	overflow:hidden; 
	_height:1%;
}

.cat-desc {

}

#content-area .cat-desc h2 {
	background:#e9e7e7;
	color:#333;
	font-size:12px;
	font-weight:bold;
	padding:3px 20px;
}

#content-area .cat-desc h2 a {
	color:#444;
}

#content-area .cat-desc a {
	border:none;
	color:#4E3878;
}

#content-area .cat-desc p {
	font-size:11px;
	line-height:16px;
	padding:3px 10px 3px 20px;
}

#content-area .cat-desc ul {
	list-style-type:none;
	margin:0 0 8px;
	padding:0 0 0 20px;
}

#content-area .cat-desc li {
	font-size:11px;
}

#content-area .cat-desc img {
	float:right;
	margin:0 20px 12px;
}