.client-products {background-color: #e8e8e8; color: #666666; font-size: 14px; line-height: 30px; height: 30px; margin-bottom: 10px; padding: 0 20px;}
.client-products-itemhead {float: left; width: 100px;}
.client-products-item {float: left; padding-right: 26px;}
.client-products-legend {float: left; margin: 9px 4px 9px 0;}
.client-products-item.last {padding-right: 0px;}
	
.client-filters {background-color: #d9edf6; color: #666666; cursor: pointer; font-size: 14px; line-height: 30px; height: 30px; margin: 0px; padding: 0 20px;}
.client-filter-item {float: left;}
#client-filter-toogle {background: url(../images/shell/portfolio/expand.png) no-repeat; float: right; margin-top: 9px; height: 11px; width: 9px;}
#client-filter-toogle.expand {background-position: 0px 0px;}
#client-filter-toogle.contract {background-position: 0px -11px;}
#client-filter-toogle-map {background: url(../images/shell/portfolio/expand.png) no-repeat; float: right; margin-top: 9px; height: 11px; width: 9px;}
#client-filter-toogle-map.expand {background-position: 0px 0px;}
#client-filter-toogle-map.contract {background-position: 0px -11px;}
.waiting {cursor: wait !important;}

#client-maps {margin-bottom: 10px;}
#client-filters-map.client-filters {margin: 10px 0;}
.client-mapdiv {border: 1px solid #8c8c8c;}

#client-filter-opts {background-color: #d9edf6; padding-top: 10px;}
#client-filter-opts .opts-tbl {margin: 0px; width: 740px;}
#client-filter-opts .opts-section {border-right: 1px solid #c8d1d5; color: #666666; font-size: 12px; padding: 0px 20px;}
#client-filter-opts .opts-section.last {border: 0px none;}
#client-filter-opts .opts-head {font-size: 14px; font-weight: bold; line-height: 16px; margin-bottom: 10px;}

.client-paging-bar {background-color: #e8e8e8; line-height: 30px; height: 30px; margin: 10px 0px; padding: 0 20px;} 
.client-paging {color: #313131; font-size: 12px; font-weight: bold; float: left;}
.client-nextpage {float: right;}
.client-nextpage a {color: #313131; font-size: 12px; font-weight: bold; text-decoration: underline;}
.client-nextpage a:hover {color: #999999; text-decoration: underline;}

.icon-crm {background: url(../images/shell/portfolio/legend.png) no-repeat; display: block; height: 12px; width: 12px; background-position: 0px 0px;}
.icon-cms {background: url(../images/shell/portfolio/legend.png) no-repeat; display: block; height: 12px; width: 12px; background-position: 0px -12px;}
.icon-design {background: url(../images/shell/portfolio/legend.png) no-repeat; display: block; height: 12px; width: 12px; background-position: 0px -24px;}
.icon-oms {background: url(../images/shell/portfolio/legend.png) no-repeat; display: block; height: 12px; width: 12px; background-position: 0px -36px;}
.icon-sem {background: url(../images/shell/portfolio/legend.png) no-repeat; display: block; height: 12px; width: 12px; background-position: 0px -48px;}
.icon-dtn {background: url(../images/shell/portfolio/legend.png) no-repeat; display: block; height: 12px; width: 12px; background-position: 0px -60px;}
.icon-mobi {background: url(../images/shell/portfolio/legend.png) no-repeat; display: block; height: 12px; width: 12px; background-position: 0px -72px;}
.icon-other {background: url(../images/shell/portfolio/legend.png) no-repeat; display: block; height: 12px; width: 12px; background-position: 0px -84px;}

#client-item {float: left; width: 230px;}
#client-item .logo {
	width:230px;
	height:100px;
	text-align:center;
}
#client-item .top {background: url(../images/shell/portfolio/client-top.png) no-repeat; height: 6px;}
#client-item .detail {background: url(../images/shell/portfolio/client-ct.png) repeat-y; height: 202px; position: relative;}
#client-item .detail.list {height: 185px; padding: 4px 5px;}
#client-item .listview {
	position:relative;
	height:15px;
	padding:0 10px
}
#client-item .listview a {
	font-size:11px;
}
#client-item .workLink {
	float:right;
	padding-right:45px;
	color:#58C7EF;
}
#client-item .btm {background: url(../images/shell/portfolio/client-btm.png) no-repeat; height: 6px;}

#client-item h2 {color: #313131; font-size: 12px; font-weight: bold; line-height: 14px; margin: 0px;}
#client-item .detail h2 {margin:0; padding: 0px 10px; height:45px;}
#client-item .detail .client-item-links {line-height: 14px; text-align: center; position: absolute; top: 184px; width: 220px;}
#client-item .detail.list .client-item-links {top: 174px;}
#client-item .detail .client-item-links a {color: #57C7EF; font-weight: bold;}
#client-item .detail .client-item-links a:hover {text-decoration: underline;}
#client-item .legend-icons {
	position: relative;
	margin-top:15px;
	width:230px;
}
#client-item .legend-icon {float: left; margin-left: 10px;}

.client-gallery {position: absolute; top: 0px; left: 6px; padding: 4px; height: 120px; width: 210px; background-color: #ffffff; z-index: 5;}
.client-gallery-wrapper {position: absolute; height: 120px; width: 210px; top: 4px; left: 4px; overflow: hidden;}
.client-gallery-slider {position: absolute; height: 120px; min-width: 210px; top: 0px; left: 0px;}
.client-gallery-prev, .client-gallery-next {position: absolute; height: 128px; width: 18px; z-index: 10;}
.client-gallery-prev {left: -8px;}
.client-gallery-next {left: 220px;}
.client-gallery-prevlink, .client-gallery-nextlink {
	background: url(../images/shell/portfolio/gallery-arrows.png) no-repeat; 
	cursor: pointer; 
	display: block; 
	margin: 52px 0px; 
	height: 24px; 
	width: 18px;
}
.client-gallery-prevlink {background-position: 0px 0px;}
.client-gallery-nextlink {background-position: -18px 0px;}
.client-gallery-img {float: left; height: 120px; width: 210px;}

#client-item .detail .view { position: absolute; top: 31px; right: 8px;}

#client-items .notlast {margin-right: 25px;}
#client-items .sep {height: 25px;}


#portfolio {width: 568px; padding: 16px;}
#portfolio-img .prev, #portfolio-img .next {float: left; margin-top: 122px; width: 23px;}
#portfolio-img .prev {margin-right: 10px}
#portfolio-img .next {margin-left: 10px}
#portfolio-img .photo {float:left;}
#prev-lnk, #next-lnk {background: url(../images/shell/portfolio/next-prev.gif) no-repeat; display: block; height: 57px; width: 23px;}
#prev-lnk {background-position: 0px -57px;}
#next-lnk {background-position: -23px -57px;}
#prev-lnk.disabled {background-position: 0px 0px;}
#next-lnk.disabled {background-position: -23px 0px;}

.portfolio-items {position: relative; float: left; height: 302px; width: 502px; overflow: hidden;}
.portfolio-items-scroller {position: absolute; height: 302px; width: 5000px; left: 0px;}
.portfolio-items .portfolio-items-scroller img {border: 1px solid #8c8c8c; width: 500px;}

#portfolio-thumbs {margin: 15px 33px;}
#portfolio-thumbs .thumb {float: left; margin-right: 5px;}
#portfolio-thumbs .thumb img {border: 1px solid #8c8c8c; height: 50px; opacity: 0.4;}

#portfolio .portfolio-title {color: #313131; font-size: 14px; font-weight: bold; line-height: 16px; margin: 0 0 10px 33px;}
#portfolio .portfolio-desc {font-size: 12px; line-height: 14px; margin-left: 33px; min-height: 120px;}

.portfolio-other-head {background-color: #e8e8e8; color: #666666; font-size: 14px; line-height: 30px; height: 30px; text-align: center;}
.portfolio-other {margin-top: 10px;}
.portfolio-other-scroll {float: left; position: relative; overflow: hidden; width: 484px; height: 86px;
	border: 1px solid #ccc; background: url(../images/shell/portfolio/h300.png) repeat-x;}
.portfolio-other-items {width: 20000em; position: absolute; clear: both;}
.portfolio-other-items div {float: left; width:484px;}
.portfolio-other-items img {float: left; margin: 10px 0px 10px 12px; background-color: #fff; padding: 2px; border: 1px solid #ccc; width: 100px; height: 60px; 
	-moz-border-radius: 4px;	-webkit-border-radius:4px;}

.portfolio-other a.browse {background:url(../images/shell/portfolio/hori_large.png) no-repeat; display: block; width: 30px; height: 30px; float: left; margin: 28px 11px; 
	cursor: pointer; font-size: 1px;}
.portfolio-other a.right {background-position: 0 -30px; clear:right; margin-right: 0px;}
.portfolio-other a.right:hover {background-position:-30px -30px;}
.portfolio-other a.right:active {background-position:-60px -30px;} 
.portfolio-other a.left	{margin-left: 0px;} 
.portfolio-other a.left:hover {background-position:-30px 0;}
.portfolio-other a.left:active {background-position:-60px 0;}
.portfolio-other a.disabled {visibility:hidden !important;} 	


#map_clientlist_full {margin-bottom: 10px;}

.tooltip{
	background-color: #CCC;
	color: black;
	font-size: 10px;
	border: solid 1px white;
	width: 150px;
	line-height: 14px;
	padding: 3px;
}