@charset "utf-8";
#portfolio{padding:10px 18px;}
#portfolioContent {
	padding-left:7px;
	min-height:480px;
	height:auto !important;
	height:480px; 
}
#portfolioContent h1{
	padding:10px 0 0px 8px;
}
#portfolioContent .view-all{
	float:right; margin:0 18px 0; font-size:1.05em;
}
#portfolioContent .view-all a:link {color: #090; text-decoration:none;}
#portfolioContent .view-all a:visited {color: #090; text-decoration:none;}
#portfolioContent .view-all a:hover {color: #19559f;  text-decoration:underline}
#portfolioContent .view-all a:active {color: #19559f;}

#catalog {
	width: 936px;
	height: 450px;
	position:relative;
	left:0;
	top:0;
	margin:10px 0px 0px 2px;
	font-family:tahoma,arial,sans-serif;
	background-image: url(../images/portfolio/portfolio_bg.png);
	background-repeat: no-repeat;
}

#catalog-menu {
    position:absolute;
    left:30px;
    top:42px;
    width:186px;
    overflow:visible;
	font-family:arial,tahoma,sans-serif;
	z-index:1;
}
#catalog-menu-inner {
	zoom:1;
}
#catalog-menu a {
	text-align:right;
	color:#fff;
	text-decoration: none;
	font-size:12px;
	line-height:1.4em;
	padding:5px;
	cursor:pointer;
	display:block;
	padding-right:16px;
	-moz-outline:none;
	outline: 0 none;
	zoom:1;
}
#catalog-menu a.active {
	text-decoration: none;
	color:#124981;
	font-weight:bold;
	background-color: transparent;
	background-image: url(../images/portfolio/portfolio-menu-selected-bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#catalog-menu a:hover {
    background: transparent url(../images/portfolio/portfolio-menu-selected-bg.png) no-repeat;
	text-decoration: none;
	background-position: right bottom;
	color:#124981;
}

/*.ext-ie #sample-menu a:hover {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../extsample_files/over-item.png', sizingMethod='scale');
}
.ext-ie #sample-menu a.active {
	background:transparent !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../extsample_files/active-item.png', sizingMethod='scale') !important;
}*/

#catalog-box {
    position:absolute;
    left:215px;
    top:15px;
    line-height:14px;
    font-size:11px;
	background-color:#fff;
    border-style:solid;
    border-color:#fff;
	border-width: 0;
}
#catalog-box-inner {
	width:685px;
	height:400px;
	line-height:14px;
	font-size:11px;
	background-color:#fff;
	border:1px solid;
	border-color:#4977B6;
	overflow:auto; 
}
#catalog-ct {padding:2px;}
#catalog-ct h2 {
    border-bottom: 2px solid #99bbe8;
    cursor:pointer;
    padding-top:6px;
	-moz-user-select:none;
	-khtml-user-select:none;
	padding:6px 0 0 0; margin:0;
	clear:both;
}
#catalog-ct h2 div {
	padding:4px 4px 4px 17px;
	color:#3764a0;
	font:bold 11px tahoma, arial, helvetica, sans-serif;
	background-color: transparent;
	background-image: url(../images/portfolio/expand-sprite.gif);
	background-repeat: no-repeat;
	background-position: 3px -47px;
}
#catalog-ct .collapsed h2 div {background-position: 3px 3px;}
#catalog-ct .collapsed dl {display:none;}

#catalog-ct dd {
    float:left;
    width:315px;
    height:100px;
    cursor:pointer;
    zoom:1;
	margin:5px 5px 5px 10px;
	*margin:5px 5px 5px 5px;
}
#catalog-ct dd img {
    width:120px;
    height:90px;
    margin:5px 0 0 5px;
    float:left;
}
#catalog-ct dd div {
    float:left;
    width:175px;
    margin-left:10px; 
}
#catalog-ct dd h4 {
    font-family:tahoma,arial,san-serif;
    color:#555;
    font-size:11px;
    font-weight:bold;
}
#catalog-ct dd p {color:#777; font-size:11px; padding:0; margin:3px 0 0 0; line-height:1.4em;}
#catalog-ct dd p.tech {color:#c33; font-size:10px; margin:4px 0 0 0;}
#catalog-ct dd.over {background: #e5eefb url(../images/portfolio/portfolio-item-over.png) no-repeat;}

/* condensed view */
.condensed-view #catalog-ct dd {
    float:left;
    width:135px;
    height:114px;
    cursor:pointer;
    zoom:1;
	text-align:center;
	margin:5px 0px 5px 25px;
	*margin:5px 0px 5px 20px;
}
.condensed-view #catalog-ct dd img {
    width:120px;
    height:90px;
    margin:5px 3px 3px 2px;
    float:none; 
}
.condensed-view #catalog-ct dd div {
    float:none;
    width:auto;
    margin-left:0;
}
.condensed-view #catalog-ct dd h4 {
    font-family:tahoma,arial,san-serif;
    color:#666;
    font-size:11px;
    font-weight:normal;
	text-align:center;
	margin:0;
	
	/** white-space: nowrap;
	* overflow:hidden;
	* text-overflow: ellipsis;
	
	* width:135px;
	*/
	
}
.condensed-view #catalog-ct dd p {display:none;}
.condensed-view #catalog-ct dd.over {background:transparent url(../images/portfolio/portfolio-condensed-item-over.png) no-repeat;}
.condensed-view #catalog-ct dd.over h4 {color:#1860A8;}

/* mini view */
.mini-view #catalog-ct dd {
    float:left;
    width:75px;
    height:69px;
    margin:5px 5px 5px 10px;
    cursor:pointer;
    zoom:1;
	text-align:center;
}
.mini-view #catalog-ct dd img {
    width:60px;
    height:45px;
    margin:5px 2px 0;
    float:none;
}
.mini-view #catalog-ct dd div {
    float:none;
    width:auto;
    margin-left:0;
}
.mini-view #catalog-ct dd h4 {
    font-family:tahoma,arial,san-serif;
    color:#666;
    font-size:9px;
    font-weight:normal;
	text-align:center;
	margin:0;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	*width:70px;
	/**align:center;*/
	
}
.mini-view #catalog-ct dd p {display:none;}
.mini-view #catalog-ct dd.over {background:#E2EDFC url(../images/portfolio/portfolio-mini-item-over.png) no-repeat;}
.mini-view #catalog-ct dd.over h4 {color:#1860A8;}
#catalog-cb {
	position:absolute;
	left:775px;
	top:-10px;
	zoom:1;
	width:97px;
	height:24px;
	font-size:11px;
	font-family:tahoma,arial,sans-serif;
	color:#fff;
	background: transparent url(../images/portfolio/details-tab.gif) no-repeat 0 0;
	cursor:pointer;
	white-space:nowrap;
	zoom:1;
	overflow:hidden;
}
.condensed-view #catalog-cb{background-position: 0 -25px;}
.mini-view #catalog-cb{background-position: 0 -50px;}
#catalog-cb img{width:32px;height:27px;}