﻿.portfolio-box {
	width: 100%;
	min-width: 650px;
	float: left;
}
.top-green-box {
	height: 35px;
	position: relative;
	background: url(/Assets/images/Portfolio/conatiner-topmiddle.png) repeat-x top left;
	display: block;
	border: 1px solid #fff;
	
}
.top-green-box h1{
	margin: 5px 0px 0px 18px;
	font-size: 20px;
	color: #fff;
	float: left;
}
.rightside {
	margin: 0px 0px 0px 192px;
}
.middle-portfoliobox {
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid;
	padding: 10px;
}
.middle-portfoliobox .pagebar{
	height: 28px;
	background: url(/Assets/images/Portfolio/grey-bar-bg.png) repeat-x top left;
	border-top: 1px #8da6b0 solid;
	border-right: 1px #8da6b0 solid;
	border-bottom: 1px #8da6b0 solid;
	border-left: 1px #8da6b0 solid;
	position: relative;
}
.middle-portfoliobox .pagebar .bridge {
	width: 30px;
	height: 28px;
	background: url(/Assets/images/Portfolio/grey-bar-bg.png) repeat-x top left;
	border-top: 1px #8da6b0 solid;
	border-right: none;
	border-bottom: 1px #8da6b0 solid;
	border-left: none;
	position: absolute;
	top: -1px;
	right: -26px;
}
	
.middle-portfoliobox .pagebar h1{
	margin: 0px 0px 0px 10px;
	font-size: 14px;
	color: #2f5d6f;
	float: left;
	text-transform: uppercase;
	font-weight: normal;
}
.middle-portfoliobox .pagebar ul {
	height: 28px;
	float: left;
	width: 260px;
	margin-left: 50px;
}
.middle-portfoliobox .pagebar li {
	display: inline;
	line-height: 28px;
}
.middle-portfoliobox .pagebar li a{
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	display: block;	
	font-size: 14px;
	color: #2f5d6f;
	float: left;
	text-transform: uppercase;
	font-weight: normal;
}
.middle-portfoliobox .pagebar li.first a{
	padding: 0px 5px 0px 15px;
	background:url(/Assets/images/Portfolio/portfolio-first-arrow.png) no-repeat 0px 8px;
}	
.middle-portfoliobox .pagebar li.prev a{
	padding: 0px 5px 0px 15px;
	background:url(/Assets/images/Portfolio/portfolio-previous-arrow.png) no-repeat 0px 8px;
}	
.middle-portfoliobox .pagebar li.next a{
	padding: 0px 15px 0px 5px;
	background:url(/Assets/images/Portfolio/portfolio-next-arrow.png) no-repeat 100% 8px;
}	
.middle-portfoliobox .pagebar li.last a{
	padding: 0px 15px 0px 5px;
	background:url(/Assets/images/Portfolio/portfolio-last-arrow.png) no-repeat 100% 8px;
}	
.middle-portfoliobox .pagebar li.first a:hover, .middle-portfoliobox .pagebar li.prev a:hover, .middle-portfoliobox .pagebar li.next a:hover, .middle-portfoliobox .pagebar li.last a:hover, .return-to-portfolio li.port a:hover{
	color: #2f5d6f;
}
.pagebar2{
	height: 28px;
	background: url(/Assets/images/Portfolio/grey-bar-bg.png) repeat-x top left;
	border-top: 1px #8da6b0 solid;
	border-right: 1px #8da6b0 solid;
	border-bottom: 1px #8da6b0 solid;
	border-left: none;
	position: relative;
}
.pagebar2 h1{
	margin: 0px 0px 0px 10px;
	font-size: 14px;
	color: #027000;
	float: left;
	text-transform: uppercase;
	font-weight: normal;
}
.pagebar2 ul {
	height: 28px;
	float: left;
	width: 260px;
	margin-left: 0px;
}
.pagebar2 li {
	display: inline;
	line-height: 28px;
}
.pagebar2 li a{
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	display: block;	
	font-size: 14px;
	color: #2f5d6f;
	float: left;
	text-transform: uppercase;
	font-weight: normal;
}
.pagebar2 li.first a{
	padding: 0px 5px 0px 15px;
	background:url(/Assets/images/Portfolio/portfolio-first-arrow.png) no-repeat 0px 8px;
}	
.pagebar2 li.prev a{
	padding: 0px 5px 0px 15px;
	background:url(/Assets/images/Portfolio/portfolio-previous-arrow.png) no-repeat 0px 8px;
}
.pagebar2 li.next a{
	padding: 0px 15px 0px 5px;
	background:url(/Assets/images/Portfolio/portfolio-next-arrow.png) no-repeat 100% 8px;
}	
.pagebar2 li.last a{
	padding: 0px 15px 0px 5px;
	background:url(/Assets/images/Portfolio/portfolio-last-arrow.png) no-repeat 100% 8px;
}	
.pagebar2 li.first a:hover, .pagebar2 li.prev a:hover, .pagebar2 li.next a:hover, .pagebar2 li.last a:hover, .pagebar2 li.port a:hover, .return-to-portfolio-left li.port a:hover{
	color: #8da6b0;
}
.return-to-portfolio {
	width: 140px;
	position: absolute;
	top: 0px;
	right: 10px;
}
.return-to-portfolio ul {
	width: 140px;
	height: 28px;
	margin-right: 10px;
}
.return-to-portfolio li {
	display: inline;
	line-height: 28px;
}
.return-to-portfolio li.port a {
	text-decoration: none;
	padding: 0px 5px 0px 18px;
	display: block;	
	font-size: 14px;
	color: #2f5d6f;
	float: left;
	text-transform: uppercase;
	font-weight: normal;
	background: url(/Assets/images/Portfolio/back-portfolio-arrow.png) no-repeat 0px 8px;
}

.pagenav-holder {
	float: left;
	width: 177px;
}
.pagenav {
	float: left;
	width: 176px;
	margin: 10px 0px 0px 0px;
}
.pagenav ul{
	width: 176px;
	border: 1px #8da6b0 solid;
	background: #fff;
}
.pagenav ul li {
	display:inline;
}
.pagenav ul li a{
	margin: 4px 3px 4px 3px;
	display: block;
	text-decoration: none;
	font-size: 12px;
	color: #2f5d6f;
	background: #d1dbdf;
	line-height: 18px;
	padding: 0px 8px 0px 8px;
	font-weight: normal;
}
.pagenav ul li a:hover{
	background: #8da6b0;
	color: #fff;
}
.pagenav ul li.selected a{
	background: #8da6b0;
	color: #fff;
}	
.addpage {
	margin: 4px 3px 4px 3px;
	display: block;
	text-decoration: none;
	font-size: 12px;
	color: #2f5d6f;
	background:url(/assets/images/portfolio/new-portfolio3.png) no-repeat top left;
	line-height: 16px;
	height: 42px;
	padding: 0px 8px 0px 8px;
	font-weight: normal;}

.addpage span.sort {
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	float: left;
	padding: 2px 5px 0 19px;
}
.addpage img{
	float: left;
	padding: 0 5px 0 0;
}
.addpage .arrow{
	float: left;
	padding: 4px 3px 0 0;
}
.itemwrap {
	margin: 10px 0px 0px 0px;
	border: 1px #8da6b0 solid;
	background: url(/Assets/images/Portfolio/grey-bar-bg2.png) repeat-x top left;
	background-color: #fff;
	padding-left: 5px;
}

.item-description {
	background-color: transparent;
}
.table {
	height: 56px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	padding-left: 5px;
}

.item-description .title {
	background-color: transparent;
	text-align: left;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color:#ffffff;
}
.item-description .results {
    color: #2f5d6f;
	background-color: transparent;
	width: 20%;
	text-align: left;
	font-size: 10px;
	text-transform: uppercase;
	vertical-align: middle;
}

.item-description .results img {
	vertical-align: middle;
}

.item-description .editcell {
	width: 60px;
	padding: 0 0 0 0;
	vertical-align: middle;
}
.return-to-portfolio-left {
	float: left;
	width: 150px;
}
.return-to-portfolio-left ul {
	width: 150px;
	height: 28px;
	margin: 0px 0px 0px 10px;
}
.return-to-portfolio-left li {
	display: inline;
	line-height: 28px;
}
.return-to-portfolio-left li.port a {
	text-decoration: none;
	padding: 0px 5px 0px 20px;
	display: block;	
	font-size: 14px;
	color: #2f5d6f;
	float: left;
	text-transform: uppercase;
	font-weight: normal;
	background: url(/Assets/images/Portfolio/back-portfolio-arrow.png) no-repeat 2px 8px;
}

.imagewrap {
	margin: 10px 0px 0px 0px;
	min-height: 100px;
}
.imagewrap img 
{
    max-width: 628px;    
}

.downloadbutton {
	margin: 10px 3px 0px 3px;
	width: 101px;
	height: 31px;
	float: left;
	background:url(/Assets/images/Portfolio/download-button.png) no-repeat top left;
	padding-left: 10px;
	text-decoration: none;
}
.downloadbutton:hover{
	background:url(/Assets/images/Portfolio/download-button.png) no-repeat bottom left;
}
.downloadbutton span {
	font-size: 12px;
	line-height: 31px;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	color: #2f5d6f;
	display: block;
}
.pdf-downloadbutton {
	margin: 10px 3px 0px 3px;
	width: 79px;
	height: 31px;
	float: left;
	background:url(/Assets/images/Portfolio/pdf-download-button.png) no-repeat top left;
	padding-left: 10px;
	text-decoration: none;
}
.pdf-downloadbutton:hover{
	background:url(/Assets/images/Portfolio/pdf-download-button.png) no-repeat bottom left;
}
.pdf-downloadbutton span {
	font-size: 12px;
	line-height: 31px;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	color: #027000;
	display: block;
}
.editbutton span {
	padding-left: 8px;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	color: #027000;
	display: block;
}

.topeditbutton {
	margin: 10px 10px 0px 10px;
	width: 50px;
	height: 18px;
	float: left;
	background:url(/Assets/images/Portfolio/edit-button.png) no-repeat top left;
	padding: 0px;
	text-decoration: none;
}
.topeditbutton:hover{
	background:url(/Assets/images/Portfolio/edit-button.png) no-repeat bottom left;
}
.topeditbutton span {
	text-align: center;
	font-size: 11px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	color: #2f5d6f;
	display: block;
}
.unlink {
	margin: 0px 10px 0px 0px;
	width: 50px;
	height: 18px;
	float: left;
	background:url(/Assets/images/Portfolio/edit-button.png) no-repeat top left;
	text-decoration: none;
	vertical-align: middle;
}
.unlink:hover{
	background:url(/Assets/images/Portfolio/edit-button.png) no-repeat bottom left;
}
.unlink span {
	text-align: center;
	font-size: 11px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	color: #2f5d6f;
	display: block;
}

.linkprofile{
	padding-left: 10px;
	float: left;
	height: 37px;
	color: #fff;
	display:block;
	line-height: 37px;
	font-size: 14px;
	font-weight: bold;
}
.linkprofile:hover{
	text-decoration: none;
}
.large-link {
	margin: 0px 10px 0px 0px;
	width: 282px;
	height: 52px;
	float: left;
	background:url(/Assets/images/Portfolio/largelinkitem.png) no-repeat top left;
	padding-left: 0px;
	text-decoration: none;
}
.large-link:hover {
	background:url(/Assets/images/Portfolio/largelinkitem.png) no-repeat bottom left;
}
.large-link span {
	font-size: 18px;
	line-height: 52px;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	color: #027000;
	display: block;
	text-align: center;
}


a.info{
	float: right;
	position:relative;
	background-color: none;
	width: 17px;
	text-decoration:none;
    padding: 0;
	margin: 0;
    line-height: 0px;
    font-size: 0;
    top: -17px;
    right: 5px;
    background: none;
}
a.info{}

a.info span{display: none; }

a.info:hover {
    background: #d1dbdf;
}

a.info:hover span{
	line-height: normal;
    display:block;
    position:absolute;
    top:-16px; left:25px;
    border:1px solid #315f6f;
    font-size: 11px;
    background-color: #FFF;
    color: #315f6f;
    padding: 5px 7px 5px 7px;
    text-align:center;
    z-index: 700;
	font-weight: normal;
}
a.info em{
    display:block;
	font-style: normal;
	width: 50px;
	margin: 0 auto;
}
a.leftnavicon{
	float: left;
	position:relative;
	background-color: none;
	width: 17px;
	text-decoration:none;
    padding: 0;
	margin: 0;
    line-height: 0px;
    font-size: 0;
    top: 2px;
	left: 2px;
    right: 5px;
    background: none;
	z-index: 8000;
}
a.leftnavicon{}

a.leftnavicon span{display: none; }

a.leftnavicon:hover {
}

a.leftnavicon:hover span{
	line-height: normal;
    display:block;
    position:absolute;
    top:-43px; left:15px;
    border:1px solid #315f6f;
    font-size: 11px;
    background-color: #FFF;
    color: #315f6f;
    padding: 5px 7px 5px 7px;
    text-align:center;
    z-index: 9000;
	font-weight: normal;
	width: 60px;
}
a.leftnavicon em{
    display:block;
	font-style: normal;
	width: 50px;
	margin: 0 auto;
}

a.leftnaviconsecondrow{
	float: left;
	position:relative;
	background-color: none;
	width: 17px;
	text-decoration:none;
    padding: 0;
	margin: 0 5px 0 0;
    line-height: 0px;
    font-size: 0;
    top: 6px;
	left: 2px;
    right: 5px;
    background: none;
	z-index: 8000;
}
a.leftnaviconsecondrow{}

a.leftnaviconsecondrow span{display: none; }

a.leftnaviconsecondrow:hover {
}

a.leftnaviconsecondrow:hover span{
	line-height: normal;
    display:block;
    position:absolute;
    top:-43px; left:15px;
    border:1px solid #315f6f;
    font-size: 11px;
    background-color: #FFF;
    color: #315f6f;
    padding: 5px 7px 5px 7px;
    text-align:center;
    z-index: 9000;
	font-weight: normal;
	width: 60px;
}
a.leftnaviconsecondrow em{
    display:block;
	font-style: normal;
	width: 50px;
	margin: 0 auto;
}
