#mpfContainer a, #mpfContainer a:visited {
	color:#608bb8;
}

#myProjectsContainer
{
    
    width: 936px;
    padding: 7px 0 43px 0;    
    background: #ffffff;
    margin: 0 0 24px 0;
}

/*   Welcome page Styles    */

#welcomeContainer
{
    
    width: 873px;
    background: #5b6168;
    color: #ffffff;
    margin: 0px !important;
    margin-top: -3px;
}

#welcomeIntro
{
    
    width: 482px;
    height: 116px;
    float: left;
    border: solid #ffffff;
    border-width: 0px 0px 1px 0;
    padding: 20px 50px 30px 30px;
    font-family: Arial;
    font-size: 12px;
}

span.newAccount
{
    display: block;
    margin-top: 20px; 
    font-size: 21px;  
    line-height: 30px;  
}

span.newAccount img {margin: 0 0 -5px 10px;}

span.returningVisitors
{
    display: block;
    font-family: Arial;
    font-size: 21px;    
}

span.returningVisitors span 
{
    margin-left: 4px; 
    color: #eed676;  
    font-weight: bold;
}

#welcomeLogin
{
    
    width: 512px;
    height: 216px;
    float: left;
    clear: left;
    padding: 7px 20px 0px 30px;
    background: #818182;
}

#welcomeLoginForm 
{
    
    background: url('../img/myProjectFolder/bg_welcome_login.gif') repeat-y;
    margin-top: 10px;
    padding: 0 16px 10px 26px;
}

#welcomeLoginForm a {color: #a4ccf7; font-weight: bold;}

.formContainer 
{
    width: 180px;
    float: left;
}

#welcomeLoginForm .formContainer input
{
    width: 167px;
    height: 16px; 
    font-size: 11px;
    line-height: 16px; 
    background: #bebebe;
    border: solid 1px;
    border-color: #6f95bd #dedede #dedede #6f95bd;
}

img.borderTop 
{    
    position: absolute;
    top: 0px;
    left: 0px !important;
    left: -26px;  /* IE doesn't consider the padding as part of the container */
}

span.mpfLoginDisclaimer 
{
    display: block;
    font-size: 9px; 
    clear: left; 
    /*margin-bottom: 10px;*/
}

.welcomeImage 
{
    float: right;
    width: 311px;
    height: 390px;
}

.mpfUserInfo 
{
    color: #ffffff;
    padding: 5px 15px 5px 85px;
    background: #5b6168;
    width: 773px;
    margin-top: 0px !important;
    margin-top: -3px;
}

.mpfUserInfo span.userName
{
 float: left;   
}

.mpfUserLinks 
{
    float: right;
    width: 300px;
    text-align: right;   
}

.mpfUserLinks a
{
    color: #b4b7ba;
    font-weight: bold;
}

#mpfSignupContainer
{
    padding: 30px;    
}

span.reqSignup{margin-left: 5px;}

#formsContent .cssFormSection
{
    float: left;
    width: 400px;    
}

.cssFormSection {margin-right: 20px;}

.loginModalImages {float: left; width: 260px; font-size: 11px; margin: 15px 10px 15px 0;}

.loginModalHeader{color: #dbb651; font-family: Arial; font-size: 23px; display: block;}


#mpfContainer{padding: 20px 0 0 40px; }

#mpfTabs{display: block; width: 814px; }

#mpfTabs li
{
    display: block; 
    width: 219px; 
    height: 21px; 
    padding: 2px 0 0 25px; 
    margin-left: 5px; 
    background: url("../img/myProjectFolder/bg_tab_inactive.gif") no-repeat; 
    float: left;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    color: #333333; 
    cursor:pointer;
}
#mpfTabs li.active, #mpfTabs li.tabHover {background: url("../img/myProjectFolder/bg_tab_active.gif") no-repeat;}

#mpfTabs li img{margin-bottom: -5px; float: right; margin-right: 20px;}
#mpfTabs li span {float:  left;}

.viewActive{display: none;}

#mpfDisplayContent{background: #eff0f1; width: 835px; height: auto !important; height: 400px; float: left; clear: left; margin-top: -3px;}

.tabContent{display: none;}

#nowContinueLooking{display: block; float: left;}

#allProjectsListing #projectList {
	margin-top: 10px;
}
	#allProjectsListing #projectList li {
		display: block;
		float: left;
		width: 250px;
		height: 100px;
		border-left: solid 1px #ffffff;
		padding: 2px 10px 0 9px;
	}
		#allProjectsListing #projectList li .mpfGeneralInfo {
			float: left;
			width: 150px;
		}

#allProductsPaging {margin-left: 10px; color: #888989;}
#allProductsPaging a, #currProjectPaging a, #allProductsPaging a:visited, #currProjectPaging a:visited {color: #888989;}
#allProductsPaging a.selected,#allProductsPaging a:hover,#currProjectPaging a.selected, #currProjectPaging a:hover {color: #5e99c3; background: #eff0f1; text-decoration: underline;}

.projectListingFolder {display: block; float: left; width: 65px; height: 30px; background:url('../img/myProjectFolder/bg_project_image.gif') no-repeat; padding: 27px 13px 8px 13px; margin-right: 5px;}
.projectListingFolder img {width: 65px; height: 30px;}

.projectListingName, .productListingName, .projectListingName:visited, .productListingName:visited {display: block; margin-bottom: 7px; font-weight: bold; font-size: 13px; font-family: Arial; color: #3784bc;}
.productListingUpdated, .productListingUpdated {font-family: Arial; font-size: 11px; color: #666666; display: block; margin-bottom: 10px; }
.deleteProjLink, .deleteProdLink, a.deleteProjLink:visited, a.deleteProdLink:visited{color: #ff0000 !important; }
.deleteProdLink {display: block; width: 233px; float: left; clear: both; text-align: right;}
.deleteProdLink a{color: #ff0000 !important;}

#yourProjFolderHeader {float: left;}
#currProjectName {float: left; line-height: 27px; font-size: 17px;}
#currProjectPaging {display: inline; float: right; margin-top: 5px;}

.colorsContainer {float: left; width: 105px; margin-left: 5px;}
.productInfo, .productNote, .seeMoreEdit {float: left; width: 233px; clear: left; }
.productInfo{margin-top: 13px;}
.productNote{margin-top: 7px; border-top: solid 1px #000000;}
.seeMoreEdit {text-align: right;}

#mpfCurrentProject{padding: 20px 10px 10px 10px;}
#mpfCurrentProjectProducts {display: block; width: 800px; list-style-type: none; float: left; clear: left;}
#mpfCurrentProjectProducts li {display: block;}
#mpfCurrentProjectProducts li.mpfProductContainer, .separatorContainer{float: left; width: 233px; padding: 0 0 5px 14px; margin:10px 8px 0px 8px; }
.separatorContainer{margin:0 8px 0 5px !important;}
div.separatorContainer{height: 1px;}
div.productNote{height: 65px;}
#mpfCurrentProjectProducts li.notesWrapper{height: 85px; position: relative; top: -1px;}
#mpfCurrentProjectProducts li.first {clear: left;}
.divisionName{Font-family: Arial; font-size: 13px; font-weight: bold; color: #000000; margin: 8px 0; clear: left; border-bottom: solid 1px #999999;}
#mpfCurrentProjectProducts img.mpfProdThumbnail {float: left; width: 113px; height: 50px;}


.mpfGreyHeader {font-family: Arial; font-size: 21px; color: #494d53;}
.mpfYellowHeader {font-family: Arial; font-size: 18px; color: #dbb651; font-weight: bold; display: inline; margin-left: 10px;}

input#txtProjectName { float: left; width: 300px; border: solid 1px; border-color: #6f95bd #dedede #dedede #6f95bd; margin-top: 4px;}
#btnCreate { display: block; float: left; width: 95px; margin-left: 8px;}
#btnCreate img {margin-bottom: 0;}
#nowContinueLooking{ width: 260px; padding-left: 10px;}
#nowContinueLooking a{ float: right; clear: right;}
#create_Now {display: none; float: left;margin: 3px 5px 0 5px;}
#createNewTabTable{margin: 20px 30px 30px 20px; width: 800px;}




	#contentInner #forgotPw
	{
		top: 170px;
		left: 275px;
		width: 370px;
	}	
	
#mpfDisplayContent td {background: #EFF0F1;}

.smallerText
{
 font-size:8px;   
}