#projectbox {margin-left:2px; border: #DDD 1px solid; margin-left: 1px; width:955px; height:143px; position: relative; float:left; background:url(../images/bg_projectbox3.png) no-repeat; z-index: 50; }

#button_project {margin-left: 1px;  width: 957px; height: 30px; float:left; left:10px; font-size:11px; color:#fff; background: url(../images/bg_button_projectbox_red3.png) no-repeat; z-index: 50;}
#button_project.active { background: url(../images/bg_button_projectbox_red_closed3.png) no-repeat;  z-index: 50}
#button_project a { width: 124px; height: 21px; float:left; color:#fff; text-decoration:none; padding-left:40px; padding-top: 5px; z-index: 50}



#projectbox .view { float:left; font-size:8px; height: 18px; color:#858585; padding-left:20px; padding-top:7px}
#projectbox .view p a { bottom:-2px; font-size:9px; height: 22px; color:#858585; text-decoration:none; font-weight: bold; padding-right:15px; position:relative;}

#projectbox .calcicon { float:left; height: 18px;  padding-right:6px; padding-top:5px}
#projectbox .calc { float:left; height: 18px;  padding-right:6px; padding-top:7px}
#projectbox .calc p a { font-size:9px; height: 18px;  color:#858585; text-decoration:none; font-weight: bold;  }
#projectbox .calc p a:hover { height: 18px; color:#858585; text-decoration:underline}

#projectbox .emailicon { float:left; height: 15px; padding-right:6px; padding-left: -5px; padding-top: 6px}
#projectbox .email { float:left; height: 18px; padding-right:6px; padding-left: 12px; padding-top: 6px}
#projectbox .email p a { position: relative; bottom:+1px; font-size:9px; height: 18px;  line-height: 18px; color:#858585;  font-weight: bold; text-decoration:none; }
#projectbox .email p a:hover { height: 18px; color:#858585; text-decoration:underlfine}

#projectbox .filter { float:left; height: 18px; padding-right:6px; padding-left: 14px; padding-top: 3px}
#projectbox .filter p { position: relative; bottom:-2px; font-size:9px; height: 18px;  line-height: 18px; color:#858585;  font-weight: bold; text-decoration:none; }
#projectbox .filter p #filtertype { line-height: 18px; color:#e51937; }


#projectbox .help { float:right; padding-right:7px; padding-top:3px}
#projectbox .help p a { font-size:11px; color:#858585; text-decoration:none; font-weight: bold; padding-right:2px}
#projectbox #viewpanel { height:91px; width:575px; background:url(../images/bg_pbox-viewpanel.png) no-repeat; position: absolute; top: 31px; left: 20px; display: none; float: left; z-index: 99;}
#projectbox #viewpanel a.button { width:45px; height:21px; position: absolute; top: 25px; left: 15px; font-size: 10px; background:url(../images/bg_button_small.png) no-repeat top left; color:#636466; text-decoration:none; padding:7px 21px 0 10px}
#projectbox #viewpanel ul { font-family:Arial; font-size:11px; width: 500px; position: absolute; left: 100px; top: 0px;  list-style-image:none; }
#projectbox #viewpanel ul li {height:15px; width: 100px; float:left; background:url(../images/bg_dottedborder.gif) repeat-x bottom left; font-size:9px; color:#858585; text-align:left; padding-top:10px; margin-right: 5px; padding-left: 5px; list-style-type:none; }
#projectbox #viewpanel ul li a { text-decoration: none; color: #666;}


.panelsCarousel { width:958px; height:120px; top: 35px;  left: 0px; position:relative; margin-left:auto; margin-right:auto; display:block;  }
/* .panelsCarousel width - (.panelWindow margin-left + .panelWindow margin-right) */
.panelsCarousel .panelWindow { width:915px; overflow:auto; height:120px; margin:0 20px; position:absolute; top:-20px;}
.panelsCarousel ul a img { border:1px solid #ccc; -moz-border-radius:1px; -webkit-border-radius:1px; margin-bottom:10px; }
.panelsCarousel .panelWindow ul { width:924px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; padding-left:10px; position:absolute; top:20px; }
.panelsCarousel ul li { display:block; float:left; padding-left:5px; padding-right:5px; padding-top:10px; height:100px; width:215px; }
.panelsCarousel ul li img { -webkit-transition:border-color 400ms; margin-right: 5px;  margin-left: 5px;}
.panelsCarousel ul:hover li:hover img { border-color:#777; }
.panelsCarousel ul li.panel { height:80px; background:url(../images/bg_dottedline.gif) repeat-y top right;}
.panelsCarousel ul li.panel div.pnlswatch  { display:block; height:73px; width:88px; -webkit-transition:border-color 400ms; margin-right: 5px; margin-left: 5px;}
.panelsCarousel ul li.panel div.pnlswatch { border-color:#ccc; }
.panelsCarousel ul:hover li.panel:hover div.pnlswatch { border-color:#777; }
.panelsCarousel ul li.panel a div.pnlswatch { display:block; border:1px solid #ccc;  }
 }
.panelsCarousel ul li div.projectInfo { font-family:Arial; font-size:9px; float:right; display:block; width:110px;}
.panelsCarousel ul li div.projectInfo h4 { font-size: 12px; font-family:Arial; font-weight: bold; color:#000; }
.panelsCarousel ul li div.projectInfo p { font-size:11px; }
.panelsCarousel ul li div.projectInfo p span { font-style:italic; }
.panelsCarousel ul li div.projectInfo div.share { position: absolute; bottom:29px; margin-left: 95px; display:block; height: 25px; }
.panelsCarousel ul li div.projectInfo div.share p img { position: relative; bottom:-1px; margin-top:-5px; border: none; padding:3px 0; display:block; float: right;}
.panelsCarousel ul li div.projectInfo div.share p a { position: relative; bottom:-20px; color:#e51937; font-size: 10px; display:block; float: left; margin-top: 5px; text-decoration: underline;}
.panelsCarousel .arrow { display:block; height:50px; width:25px; background:url(../images/pbox-arrows2.png) no-repeat 0 0; text-indent:-1999px; position:absolute; top:20px; cursor:pointer; outline:0; }
.panelsCarousel .forward { margin-right: 3px;background-position:0 0; right:0; }
.panelsCarousel .back { margin-left:0px; background-position:0 -100px; left:0; }
.panelsCarousel .forward:hover { background-position:0 -50px; }
.panelsCarousel .back:hover { background-position:0 -150px; }

#emptypbox { text-align: center; line-height: 15px; font-size: 13px; color: #777; margin-top: 50px;}
#emptypbox img {  vertical-align: sub;}

#emptypbox .button { float: left; font-size:12px; color:#636466; padding-left:402px}
#emptypbox .button a { float: left; width:88px; height:21px; background:url(../images/bg_button.png) no-repeat top left; color:#636466; text-decoration:none; text-align:center; padding:5px 21px 0 10px}