div.updating
{
    text-align:center;    
    filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	position:absolute;
	z-index:10;
	font-family:Arial;	
	color:#666666;	
	margin-left:220px;
	margin-top:100px;
	background:#fff url(images/portfolio/loading.gif) no-repeat right;
	width:170px;	
}
div.updating span
{
    display:block;
    margin-left:0 auto; padding-right:10px;   
    height:24px;
    width:24px;
    float:left;
    background: url(images/portfolio/ajax-loader.gif) no-repeat right bottom;
}


.portfolio .description .field-name {
    color:#0476a1;
}


.portfolio .description ul {
    list-style:none;
    text-indent:0px;
    margin-left:0px;
    padding-left:0px;
}

.portfolio .description li {
    margin-left:0px;
    font-size:15px;
    padding-bottom:10px;
}
/** Screen positioning **/
.portfolio .screen {
    float:right;
    width:315px;
}

.portfolio .screen img {
    padding:3px;
}

.portfolio .button {
    overflow:hidden;
    float:left;
}
.portfolio .pages {
    float:right;
}

.portfolio .button .left {
    width:20px;
    height:16px;
    background-image:url("button.png");
    background-position:0px 0px;
    margin-right:3px;
    float:left;
}

.portfolio .button .right {
    width:20px;
    height:16px;
    background-image:url("button.png");
    background-position:-20px 0px;
    float:left;
}
.portfolio .c_head_grey h1, .c_head_grey h1 input {color:#375162;}

/* portfolio tab container */
.portfolio .portfolioTabContainer 
{
    overflow:hidden;
    background-color:White;
}

.portfolio .portfolioTabContainer .ajax__tab_header 
{
    float:left;    
    width:193px;
    padding-top:30px;
    padding-left:10px;
    background:url("images/shadow.jpg") no-repeat top  right;
    min-height:300px
}
.ajax__tab_header span{
    height:24px;
}
.portfolio .portfolioTabContainer .ajax__tab_body 
{
    /*margin-left:220px;*/
	overflow: hidden;
	padding-left: 25px;
	
    /*//width:100%;
    background-color:#0F0;*/    
}

.portfolio .portfolioTabContainer .ajax__tab_outer
{
    background: url(images/skin/SubNavigation_ParentLeft.gif) left bottom no-repeat;
    text-align:right;    
    display:block;
    height:26px;
    margin-bottom:5px;
}


.portfolio .portfolioTabContainer .ajax__tab_inner
{
    display:block;
    height:100%;
    margin-left:10px;
    background:#F1F1F1 url(images/skin/SubNavigation_ParentShadow.jpg) repeat-y right;
    height:26px;    
}

.portfolio .portfolioTabContainer .ajax__tab_active .ajax__tab_outer
{
    background:url(images/skin/SubNavigation_ParentLeft_Current.gif);
    background-repeat: no-repeat;
    background-position: top left;    
    color:#FFF;
}

.portfolio .portfolioTabContainer .ajax__tab_active  .ajax__tab_inner
{    
}

 
.portfolio .portfolioTabContainer .ajax__tab_tab
{
    display:block;
    font-size:12px;
    line-height:26px;
    text-align:left;
    text-indent:10px;
    color:#7E7E7E;
    font-family:Arial;
    font-weight:bold;
    font-size:10pt;
}


/* projects layout */
.portfolio .project {
    overflow:hidden;
    padding:15px; 
    padding-left:0px;
    padding-right:0px;
    width:100%;
    float:left;
}

.portfolio .header {
    border-bottom:3px solid #E7E7E7;
    color:#006489;
    display:block;
    font-family:Myriad Pro;
    font-size:20px;
    font-weight:normal;
    line-height:1em;
    margin:0px;
    padding:0px;
}

/** Description classes **/
.portfolio .description {
    width:175px;
    float:left;
    margin-top:20px;
}
.portfolio .description ul {
    list-style:none;
    text-indent:0px;
    margin-left:0px;
    padding-left:0px;
}

.portfolio .description li {
    margin-left:0px;
    font-size:13px;
    padding-bottom:10px;
    list-style-type:none;
}
/** Screen positioning **/
.portfolio .screen {
    float:right;
    width:315px;
}

.portfolio .screen img {
    padding:3px;
}

.portfolio .button {
    overflow:hidden;
    float:left;
}
.portfolio .pages {
    float:right;
    display:none;
}

.portfolio .button .left {
    width:20px;
    height:16px;
    /*background-image:url("button.png");*/
    background-position:0px 0px;
    margin-right:3px;
    float:left;
}

.portfolio .button .right {
    width:20px;
    height:16px;
    /*background-image:url("button.png");*/
    background-position:-20px 0px;
    float:left;
}

.portfolio .mainView 
{
    width:315px;
    height:200px;
    overflow:hidden;
    margin-top:10px;
}
.portfolio .previewView
{
    padding-top:10px;
    padding-bottom:10px;
}
.portfolio .previewView img 
{
   width:50px;
   height:50px;
   border:1px solid transparent;
   cursor:pointer;   
   margin-left:3px;
}

.portfolio .mainView .curtains
{
    display:none;
    width:100%;
    height:100%;
    
}
.portfolio .mainView.loading .curtains 
{
    display:block;
    background:url("images/portfolio/ajax-loader.gif") no-repeat center center;
}

.portfolio .thumbselected 
{
    border:1px solid #006489 !important;
}

.portfolio .visitLink{

    font-size:12px;
    display:block;    
    padding-right:20px;
    width:90px;
    background:url("images/skin/visit_website.png") right no-repeat;
    margin-top:20px;
}

.portfolio .editProjWrap{
font-size:smaller;
    overflow:hidden;     
    text-align:right;
    width:100%;
}

.portfolio .editProjWrap .moveProjectContainer
{
    display:block;
    height:17px;
    float:left;
    float:right;
    margin-right:20px;
}

.portfolio .editProjWrap .moveProjectCaption
{
    height:17px;
    float:right;
    padding-top:4px;
}

.portfolio .editProjWrap a{
    display:block;
    padding-right:20px;
    height:17px;
    float:left;
    margin-right:20px;
    float:right;
}

.portfolio .editProjWrap .projectMoveUpLink
{        
    background:url("images/skin/projectMoveUp.png") right no-repeat; 
    margin-right:0px;       
}

.portfolio .editProjWrap .projectMoveDownLink
{        
    background:url("images/skin/projectMoveDown.png") right no-repeat;        
    margin-right:0px;       
}

.portfolio .editProjWrap .editProjLink
{        
    background:url("images/skin/edit_project.png") right no-repeat;        
}

.portfolio .editProjWrap .deleteProjLink
{
    background:url("images/skin/delete_project.png") right no-repeat;
}

.portfolio .editProjWrap a{
    display:block; padding-top:4px;
}

.portfolio .deleteCategoryLink{
    display:block;
    width:20px;
    height:19px;
    background:url("images/skin/delete_category.png") no-repeat;
    position:absolute;
    margin-left:-3px;
    margin-top:-32px;
}
.portfolio .renameContainer{
    margin-top:20px;
    margin-bottom:50px;
    color:#595858;
    width:165px;
}
.portfolio .renameContainer .renameLabel{
    display:block;
    border-top:1px solid #888888;
    margin-left:10px;
    padding-bottom:20px;
}
.portfolio .renameContainer .renameLink{
    background:no-repeat url("images/skin/save_category.jpg");
    margin-left:5px;
    width:20px;
    height:21px;
    display:block;
    float:right;
}
.portfolio .renameContainer input{
    width:125px; border:1px solid #595858; margin-left:10px; float:left;
}

.portfolio .screen .navigationContainer
{
    display:none;
}

.portfolio .moveContainer
{
    margin-top:20px;
    margin-bottom:50px;
    color:#595858;
    width:165px;
}

.portfolio .moveContainer .moveLabel
{
    display:block;
    border-top:1px solid #888888;
    margin-left:10px;
    padding-bottom:20px;
}

.portfolio .ajax__tab_header .upCategoryLink
{
    background:no-repeat url("images/skin/upArrow.png");
    margin-left:-23px;
    width:19px;
    height:19px;
    display:block;
    position:absolute;
    margin-top:-39px;
}

.portfolio .ajax__tab_header .downCategoryLink
{
    background:no-repeat url("images/skin/downArrow.png");
    margin-left:-23px;
    width:19px;
    height:19px;
    display:block;
    position:absolute;
    margin-top:-19px;
}