body 
{
	padding: 0;
	margin: 0;
	background: url("../images/horizontalBg.jpg") repeat-y;
	font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
	font-size: 12px;
}
input, textarea
{
    font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
    font-size: 13px;
}
#wrapperMain
{
	margin-left: -456px;
	position: absolute;
	left: 50%;
	top: 0;
	width: 923px;
	visibility: visible;
	font-size: 100%;
	background: url("../images/sidesBg.png") repeat-y;
}
.red
	{
	    color: #ff0000;
	}
p
{
    margin-top: -5px;
    font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
    font-size: 13px;
}
.grey
{
    color: #666;
    padding-right: 5px;
    font-Family: 'Trebuchet MS', Arial;
}
.greyEvents
{
    color: #666;
    padding-right: 5px;
    font-Family: 'Trebuchet MS', Arial;
    font-size: 12px;
}
.smallFont
{
    font-size: 11px;
    font-Family: 'Trebuchet MS', Arial;
}
#innerWrapper
{
	margin-left: 7px;
	top: 0;
	width: 910px;
}
.pink
{
    color: #FE02AD;
}
.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}
.messageDetails
{
    width: 545px;
}
.buttonOutline
{
    border: 1px solid #ccc;
    color: #666666;
    font-weight: bold;
    padding: 4px;
    font-Family: 'Trebuchet MS', Arial;
    
    background-color: #f3f3f3;
    font-size: 12px;
}
/*TOP BAR*/
#topBar
{
	width: 910px;
	height: 130px;
	background: url("../images/topBarBg.jpg") no-repeat;
	border-bottom: 1px solid #999999;
}
	#logoText
	{
		float: left;
		top: 71px;
		left: 26px;
		width: 371px;
		height: 59px;
		position: absolute;
	}
	#logo
	{
		top: 16px;
		left: 806px;
		width: 79px;
		height: 114px;
		position: absolute;
	}
	#topMenu
	{
		
		left: 350px;
		position: absolute;
		font-family: Arial;
		letter-spacing: -1px;
		text-align: right;
		width: 450px;
		font-size: 18px;
		top: 100px ; /* FOR FF OP AND SAF*/
		margin-left: 65px;
		
	}
	ul.menuList
	{
		list-style-type: none; 
	}
	li.menuListItem
	{
	    padding-left: 2px;
	    padding-right: 2px;
		display: inline;
		float: left;
	}
	.menuSeperator
	{
		color: #FE02AD;
		margin-left: 5px;
		margin-right: 5px;
		_margin-left: 0px;
		_margin-right: 0px;
		#margin-left: 0px;
		#margin-right: 0px;
	}
	a.topMenuLinks
	{
		text-decoration: none;
		color: #999999;
	}
	a.topMenuLinks:hover
	{
		color: #FE02AD;
	}
/*END TOP BAR*/

/*CONTENT AREA*/
#contentWrapper
{
	width: 909px;
	/*background: url("../images/mainPageBg.jpg") no-repeat top #A6A4A5;*/
	background: url("../images/bottomLoop.png") no-repeat bottom right;
	
}
#contentArea
{
    float:left;
    width: 585px;
}
#contentContainer
{
	width: 860px;
	margin-left: 25px;
}
#contentAreaBottom
{
	background: url("../images/mainPageBgBottom.png") no-repeat;
	height: 10px;
	clear: both;
}
.pageContent
{
	padding-top: 12px;
	padding-right: 10px;
	font-family: 'Trebuchet MS', Arial;
	font-size: 13px;
	color: #666666;
}
.pageTitle
{
	color: #FE02AD;
	font-family: Arial;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: bold;
}

.pageTitle2
{
	color: #FE02AD;
	font-family: Arial;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: bold;
	margin-top: 5px;	
}
.statusUpdate
{
	margin-top: 5px;
	width: 410px;
}
.statusUpdateText
{
    font-family: Arial;	
    color: #666;
    font-size: 14px;
	font-weight: bold;
}
.pageTitle a, .pageTitle2 a
{
    text-decoration: none;
}
.pageTitle a:hover, .pageTitle2 a:hover
{
    color: #666;
    text-decoration: none;
}

.jobTitle
{
	float: left;
	color: #FE02AD;
	font-family: Arial;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: bold;
	width: 350px;
}
.jobOptionsLeft
{
	width: 200px;
	float: left;
	padding-left: 30px;
}
.jobOptionsRight
{
	float: right;
	padding-left: 30px;
}
.jobText
{
	padding-top:10px;
	clear: both;
}
a.jobTitleLink
{
	color: #FE02AD;
	font-family: Arial;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: bold;
	text-decoration: none;
}
a.jobTitleLink:hover
{
	color: #666666;
	font-family: Arial;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: bold;
	text-decoration: none;
}

.jobLocation
{
	float: right;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
.jobSpacer
{
	font-size: 0.01px;
	height: 28px;
}
.postJob
{
	float: right;
}
a.backButton
{
	color: #FE02AD;
	text-decoration: none;
	font-weight: bold;
}
a.backButton:hover
{
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
/*END CONTENT AREA*/

/*LEFT MENU*/
#leftMenu
{
	float: left;
	width: 269px;
	margin-top: 15px;
}
	.designSectors
	{
		width: 250px;		
		font-family: Arial;
		font-size: 16px;
		letter-spacing: -1px;
		color: #FE02AD;
		padding: 5px;
		font-weight: bold;
	}
	.designSectors2
	{
		width: 250px;		
		font-family: Arial;
		font-size: 16px;
		letter-spacing: -1px;
		color: #FE02AD;
		font-weight: bold;
	}
	.designSectorsFeatured
	{			
		font-family: Arial;
		font-size: 16px;
		letter-spacing: -1px;
		color: #FE02AD;
		font-weight: bold;
	}
	.designSectorText
	{
		font-family: 'Trebuchet MS', Arial;
		font-size: 13px;
		padding-left: 5px;
		color: #666;
	}
	.loggedInOptions
	{
		font-family: Arial;
		font-size: 18px;
		letter-spacing: -2px;
		padding-left: 10px;
	}
	.portfolio
	{
		font-family: Arial;
		font-size: 24px;
		letter-spacing: -2px;
		padding-left: 5px;
	}
	ul.portfolioList
	{
		list-style-type: none; 
	}
	li.portfolioItems
	{
		
		display: block;
	}
	a.portfolioLink
	{
		text-decoration: none;
		color: #999999;
	}
	a.portfolioLink:hover
	{
		text-decoration: none;
		color: #FE02AD;
	}
	.loginArea
	{
		width: 235px;
		/*background: url("../images/designer-login-sides.png") repeat-y;*/
		
		padding: 5px;
	}
	.logInTitle
	{
		text-align: right;
		padding-top: 3px;
		padding-right: 5px;
		float: left;
		width: 60px;
	}
	.loginUserName
	{
		color: #999999;
		padding-top: 8px;
		font-size: 11px;
	}
	.loginPassword
	{
		color: #999999;
		padding-top: 3px;
		font-size: 11px;
	}
	.loginRegisterAreaInner
	{
		padding-left: 8px;
		padding-right: 8px;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
	}
	.registerLink
	{
		margin-right: 7px;
		padding-top: 5px;
		text-align: right;
	}
		a.loginRegisterLink
		{
			text-decoration: none;
			color: #999999;
		}
		a.loginRegisterLink:hover
		{
			text-decoration: none;
			color: #FE02AD;
		}
		.submitRegisterHolder
		{
			margin-top: 10px;
		}
		.submitForgottenHolder
		{
			margin-top: 10px;
			padding-left: 210px;
		}
		a.submitRegisterLink
		{
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			color: #999999;
		}
		a.submitRegisterLink:hover
		{
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			color: #FE02AD;
		}
	.designerRegisterTitles
	{
		font-family: Arial;
		font-size: 16px;
		color: #999999;
		font-weight: bold;
		letter-spacing: -1px;
	}
	.registerText
	{
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		color: #999999;
	}
	#registerArea
	{
		width: 235px;
		height: 70px;
		background: url("../images/designer-login-sides.png") repeat-y;
		margin-left: 5px;
	}
	.registerLeft
	{
		font-weight: bold;
		text-align: left;
		width: 555px;
		float: left;
	}
	.registerLeftPanel
	{
		font-weight: bold;
		text-align: left;
		width: 230px;
		float: left;
	}
	.registerLabels
	{
		float: left;
		width: 200px;
		padding-right: 10px;
		padding-top: 3px;
		text-align: right;
	}
	.designerLoginTop
	{
		background: url("../images/designer-login-top.png") no-repeat;
		height: 19px;
	}
	.designerLoginBottom
	{
		background: url("../images/designer-login-bottom.png") no-repeat;
		height: 19px;
	}

	.emailAndWebPhone
	{
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		color: #999999;
	}
	a.emailAndWebLink
		{
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			color: #999999;
		}
		a.emailAndWebLink:hover
		{
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			color: #FE02AD;
		}
	/*PORTFOLIO SECTION*/
	#portfolioItemWrapper
	{
		margin-top: 10px;
		/*position: absolute;
		top: 140px;
		left: 300px;*/
		float: right;
	}
	.innerItemPortfolio
	{
		font-family: 'Trebuchet MS', arial;
		color: #666666;
	}
	
	.portfolioItemTop
	{
		height: 19px;
		width: 550px;
		background: url("../images/single-portfolio-top.png") no-repeat;
	}
	
	.portfolioItemBottom
	{
		height: 19px;
		width: 550px;
		background: url("../images/single-portfolio-bottom.png") no-repeat;
		clear: both;
	}
	.portfolioItemSides
	{
		width: 550px;
		background-color: #FAFAFA;

	}
	.portfolioSectionListMain
	{
		width: 550px;
	}
	.portfolioSectionList
	{
		width: 550px;
		clear: both;
	}
	.portfolioSingleItem
	{
		border: 1px solid #cccccc;
		padding: 2px;
		width: 99px;
		height: 74px;
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.portfolioSingleItem
	{
		border: 1px solid #cccccc;
		padding: 2px;
		width: 99px;
		height: 74px;
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.portfolioManageItems
	{
		border: 1px solid #cccccc;
		padding: 2px;
		width: 99px;
		height: 74px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.portfolioManageItemsOptions
	{
		border: 1px solid #cccccc;
		float: left;
		padding: 2px;
		height: 74px;
		margin-left: 15px;
		margin-bottom: 5px;
		border: 1px solid #ccc;
	}
	.manageOption
	{
		text-align: center;
	}
	.manageTitle
	{
		color: #FE02AD;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		width: 300px;
		text-align: left;
	}
	#portfolioName
	{
		margin-bottom: 10px;
	}
	#portfolioMugshot
	{
		float: left;
		width: 100px;
		height: 100px;
		padding: 2px;
		border: 1px solid #cccccc;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	#portfolioDetails
	{
		margin-top: 10px;
		float: left;
		width: 380px;
	}
	#portfolioText
	{
		clear: both;
	}
	
	.portfolioIconLeft
	{
		float: left;
		width: 30px;
		clear: left;
	}
	.portfolioIconRight
	{
		float: left;
		padding-top: 5px;
	}
	
	.portfolioIconLeft2
	{
		float: left;
		width: 30px;
		clear: left;
	}
	.portfolioIconRight2
	{
		float: left;
		padding-top: 5px;
	}
	
	.portfolioIconLeft3
	{
		float: left;
		width: 30px;
		clear: left;
	}
	.portfolioIconRight3
	{
		float: left;
		padding-top: 5px;
	}
	.managePortfolioOptions
	{
		margin-bottom: 10px;
		padding: 5px 5px 0 0;
	}
	/*END PORTFOLIO SECTION*/
/*END LEFT MENU*/

/*LOGGED IN OPTIONS*/
.myAccountPageTitle
{
    text-align: left;
    color: #FE02AD;
	font-family: Arial;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: bold;
	padding: 5px;
}
.myAccountButtonsInner
{
    width: 545px;    
    height: 445px;
    
    padding-left: 0px;
}
.myAccountButtonsLeft
{
    text-align: center;
    width: 210px;
    #width: 250px;
    float: left;
    border: 2px solid #ccc;
    margin: 8px;
    padding-bottom: 4px;
    padding-left: 20px;
    #padding-left: 0px;
    background-color: #fff;
}
    .myAccountButtonInbox
    {
        width: 190px;
        height: 65px;
        background: url("../images/buttons/btnMyAccountInbox.jpg") no-repeat;
        
    }
    .myAccountButtonInbox2
    {
        width: 190px;
        height: 65px;
        background: url("../images/buttons/btnMyAccountInboxNew.jpg") no-repeat;
    }
    .myAccountButtonFriends
    {
        width: 190px;
        height: 65px;
        background: url("../images/buttons/btnMyAccountFriends.jpg") no-repeat;
    }
    .myAccountButtonFriendRequests
    {
        width: 190px;
        height: 65px;
        background: url("../images/buttons/btnFriendRequests.jpg") no-repeat;
    }
    .myAccountButtonProfile
    {
        width: 190px;
        height: 65px;
        background: url("../images/buttons/btnMyAccountProfile.jpg") no-repeat;
    }
    .myAccountButtonProfilePicture
    {
        width: 190px;
        height: 65px;
        background: url("../images/buttons/btnMyAccountProfilePicture.jpg") no-repeat;
    }
    .myAccountButtonCv
    {
        width: 190px;
        height: 65px;
        background: url("../images/buttons/btnMyAccountCv.jpg") no-repeat;
    }
    .myAccountButtonPassword
    {
        width: 190px;
        height: 65px;
        background: url("../images/buttons/btnMyAccountPassword.jpg") no-repeat;
    }
.myAccountButtonsRight
{
    text-align: center;
    width: 210px;
    #width: 250px;
    float: right;
    border: 2px solid #ccc;
    margin: 8px;
    padding-left: 20px;
    #padding-left: 0px;
    padding-bottom: 4px;
    background-color: #fff;
}
    .myAccountButtonUpload
    {
        width: 196px;
        height: 65px;
        background: url("../images/buttons/btnMyAccountUpload.jpg") no-repeat;
    }
    .myAccountButtonAdd
    {
        width: 196px;
        height: 65px;
        background: url("../images/buttons/btnMyAccountAddGallery.jpg") no-repeat;
    }
    .myAccountButtonManage
    {
        width: 196px;
        height: 65px;
        background: url("../images/buttons/btnMyAccountManageGalleries.jpg") no-repeat;
    }
    .jobButtonAdd
    {
        width: 196px;
        height: 65px;
        background: url("../images/buttons/btnAddJob.jpg") no-repeat;
    }
.myAccountButtonsText
{
    font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
    #margin-top: 24px;
    margin-left: 33px;
    font-size: 14px;
    color: #FE02AD;
    font-weight: bold;
    text-align: center;
    padding-top: 24px;
    #padding-top: 0px;
}
.myAccountButtonsText2
{
    font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
    #margin-top: 24px;
    margin-left: 50px;
    font-size: 14px;
    color: #FE02AD;
    font-weight: bold;
    text-align: center;
    padding-top: 24px;
    #padding-top: 0px;
}
.myAccountLinkText
{
    color: #FE02AD;
}
.myAccountLinkText:hover
{
    color: #666;
}

.myAccountTop
	{
		height: 19px;
		width: 550px;
		background: url("../images/my-account-top.png") no-repeat;
	}
	.buttonList
	{		
		float: left;	
	}
	.buttonListRight
	{		
		float: right;	
	}
	
	.myAccountBottom
	{
		height: 19px;
		width: 550px;
		background: url("../images/my-account-bottom.png") no-repeat;
	}
	.myAccountSides
	{
		width: 550px;
		background: url("../images/my-account-sides.png") repeat-y;

	}
	#loggedInBar
	{
		width: 500px;
		border-bottom: 1px solid #cccccc;
	}
	.accountOptions
	{
		font-family: Arial;
		
	}
	.loggedInTitle
	{
		color: #666666;
		font-family: Arial;
		font-size: 12px;
		
		font-weight: bold;
	}
	.editDetailsTitle
	{
		font-weight: bold;
	}
	.profileLeft
	{
		text-align: left;
		width: 250px;
		float: left;
	}
	.portfolioMugshotEdit
	{
		width: 100px;
		height: 100px;
		padding: 2px;
		border: 1px solid #cccccc;
		margin-right: 5px;
		margin-bottom: 4px;
		text-align: center;
		float: left;
	}
	.profileRight
	{
		width: 210px;
		float: left;
		padding-left: 30px;
	}
	.portfolioEditButtons
	{
		padding-left: 5px;
	}
	.picTitleLeft
	{
		float: left;
		width: 110px;
	}
	.picTitleLeft
	{
		float: left;
	}
	.updatedMessageTop
	{
		height: 19px;
		width: 550px;
		background: url("../images/updated-message-top.png") no-repeat;
	}
	.updatedMessageBottom
	{
		height: 19px;
		width: 550px;
		background: url("../images/updated-message-bottom.png") no-repeat;
	}
	.updatedMessageSides
	{
		width: 550px;
		background: url("../images/updated-message-sides.png") repeat-y;
	}
	.updateMessage
	{
		text-align: center;
		font-size: 14px;
		color: #ff0000;
	}
/*END LOGGED IN OPTIONS*/

/*FOOTER*/
.copyRight
{
    float: left;
    margin-left: 140px;
    margin-top: 8px;
    color: #666;
}
.copyRight2
{
    float: left;
    margin-left: 90px;
    margin-top: 8px;
    color: #666;
}
#footer
{
	width: 908px;
	height: 40px;
	clear: both;
}
	#footerLinks
	{
		padding-top: 10px;
		padding-left: 5px;
		color: #666;
		font-family: Arial;
		font-size: 11px;
		float: left;
	}
	a.footerLinks
	{
		text-decoration: none;
		color: #666666;
		
	}
	a.footerLinks:hover
	{
		color: #FE02AD;
	}
	#frameFiveLink
	{
		float: right;
		padding-top: 6px;
		padding-right: 5px;
		font-size: 8pt;
	}
	#footerBottom
{
	border-bottom: 1px solid #969696;
	height: 1px;
	clear: both;
	font-size: 0.1;
}
/*END FOOTER*/

/*AJAX STYLING*/
.validatorCalloutHighlight
{	
	background-color: #FFD2D2;
}
.validatorTitle
{
	font-size: small;
	color: #666;
}
/*END STYLING*/

.mainPanel
{
    float: left;
    border-bottom: 1px solid #ccc;
    #border-bottom: 0px solid #ccc;
}
.clearAll
{
    clear: both;
}
.currentDocumentRight
{	
	width: 545px;
	padding: 6px;
	background-color: #fff;
	margin-right: 18px;	
}

.currentDocumentRightLogin
{	
	margin-left: 8px;
	width: 560px;
	padding: 6px;
	background-color: #fff;
	margin-right: 18px;
	float: left;
	margin-top: 8px;
	
}
.currentDocumentRightLoginR
{
	float: right;
	width: 585px;
	margin-top: 15px;
	margin-bottom: 15px;
	#overflow: none;
	_overflow: hidden;
}
.loginAreaR
{
	margin-bottom: 15px;
}
.loginBox2
{
	width: 555px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
.loginBox3
{
	text-align: left;
	width: 220px;
	border-top: 1px solid #ccc;
}
.loginMessage
{
    width: 545px;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #fAfAfA;
	color: #666;
	font-size: 14px;
}
.featuredMessage
{
    width: 545px;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #fAfAfA;
	color: #666;
	font-size: 14px;
	
	margin-bottom: 10px;
	margin-top: 5px;
}
.myAccountInstructions
{
    width: 545px;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #fAfAfA;
	color: #666;
	font-size: 14px;
	margin-bottom: 5px;
}
.errorMessage
{
    width: 545px;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #fAfAfA;
	color: #666;
	font-size: 14px;
}
.rightLoginText
{
	margin-top: 10px;
	font-size: 14px;
}

.metaTitle
{
	color: #666;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: -1px;
}
.metaTitleSub
{
	color: #666;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}
.metaTitleSubLight
{
    color: #999;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}
.metaTitle2
{
	color: #666;
	font-size: 14px;
	font-weight: bold;
}
.optionsBox
{
    padding: 5px;
	border: 1px solid #ccc;
	background-color: #FFF;	
}
p.login
	{
		margin: 0;
		color: #666;
		font-size: 13px;
	}
	
	.titleLine
	{
		font-size: 0.01px;
		background-color: #ccc;
		height: 1px;
		margin-bottom: 10px;
		width: 555px;
	}
	
	.forgottenPassword
	{
	    font-family: 'Trebuchet MS', Arial;
	    text-align: left;
	    font-size: 12px;
	}
	
	    a.forgottenLink
		{
			text-decoration: none;
			color: #999999;
		}
		a.forgottenLink:hover
		{
			text-decoration: none;
			color: #FE02AD;
		}
	.forgottenEmailLabel
	{
	    font-size: 12px;
	    color: #999999;
	}
	.registerLabels
	{
		float: left;
		width: 200px;
		padding-right: 10px;
		padding-top: 3px;
		text-align: right;
		font-size: 12px;
		color: #666;
	}
	.registerLabel2
	{	
		text-align: left;
		font-size: 12px;
		color: #666;
	}
	.updateDetailsItalics
	{
	    font-size: 12px;
	    color: #999;
	    font-weight: normal;
	}

.currentDocumentPage
{
    color: #666;
	border: 1px solid #ccc;
	width: 534px;
	padding: 10px;
	background-color: #FAFAFA;
	float: left;
}
.currentDocumentPageGallery
{
    color: #666;
	border: 1px solid #ccc;
	width: 534px;
	padding: 10px;
	background-color: #FAFAFA;
	float: left;
	margin-top: 5px;
}
.currentDocumentPageRight
{
    width: 115px;
    text-align: left;
	float: left;	
	margin-right: 10px;
}
.currentDocumentPageRight3
{
    width: 120px;
    text-align: right;
	float: right;	
	margin-left: 10px;	
}
.currentDocumentJobsRight
{
    width: 400px;
    text-align: left;
	float: left;	
	margin-right: 10px;
	margin-left: 10px;
}
.currentDocumentPageLeft
{
    width: 280px;
	float: left;
}
.currentDocumentPageLeft4
{
    width: 230px;
	float: left;
}
.currentDocumentProfileLeft
{
    width: 130px;
	float: left;
	margin-left:5px;
}
.currentDocumentPageLeft3
{
    width: 420px;
	float: left;
}
.currentDocumentJobsLeft
{
    width: 120px;
	float: left;
}
.currentDocumentPageSlider
{
    width: 540px;
	float: left;
}
.currentDocumentPageLeftPanel
{
    width: 280px;
	float: left;
}
.currentDocumentPageLeftUpload
{
    width: 500px;
	float: left;
}
.currentDocumentProfileRight
{
    width: 395px;
    text-align: left;
	float: left;

}
.currentDocumentPageRight2
{
    width: 180px;
    text-align: left;
	float: left;
}
.currentDocumentPageRightPanel
{
    width: 170px;
    text-align: left;
	float: right;
}
.clearBoth
{
    clear: both;
}
.currentDocument1
{
	
	border: 1px solid #ccc;
	width: 300px;
	padding: 10px;
	background-color: #FAFAFA;
}
.metaTitle
{
	color: #666;
	font-size: 12pt;
	font-weight: bold;
}
.profileNotice
{
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px;
    color: #666;
}

.profileNotice2
{
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px 10px 10px 30px;
    color: #666;
    height: 220px;
    width: 440px;
}

/*MY ACCOUNT*/
.accountItemHolder
{
    margin: 5px 0px 5px 20px;
    margin-top: 5px;
    margin-left: 20px;
}
.myAccountItem
{
    list-style: none;
    font-family: 'Trebuchet MS', Arial;
    color: #666;
    font-size: 13px;
    letter-spacing: normal;
}
a.menuItemLink
{
    color: #FE02AD;
    text-decoration: none;
}
a.menuItemLink:hover
{
    color: #FE02AD;
    text-decoration: underline;
}
.uploadItems
{
    padding: 0px 0px 4px 0px;
}
.uploadItemsOptions
{
    margin-left: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #FFF;
    font-style: italic;
    color: #999;
}

/*MANAGE GALLERY*/
.setBoxOuter
{
    width: 110px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    clear: both;
}
.setBoxInner
{
    padding: 5px 5px 5px 5px;
    #padding: 5px 5px 0px 5px;
    width: 100px;
    border: 1px solid #ccc;
    text-align: center;
}
.freelanceBoxOuter
{
    width: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    clear: both;
}
.freelanceBoxInner
{
    padding: 5px 5px 5px 5px;
    #padding: 5px 5px 0px 5px;
    width: 50px;
    border: 1px solid #ccc;
    text-align: center;
}
.commentsBoxOuter
{
    width: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    clear: both;
}
.commentsBoxInner
{
    padding: 5px 5px 5px 5px;
    #padding: 5px 5px 0px 5px;
    width: 50px;
    border: 1px solid #ccc;
    text-align: center;
}
.setBoxOuter2
{
    width: 210px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    clear: both;
}
.setBoxInner2
{
    padding: 5px 5px 5px 5px;
    width: 180px;
    border: 1px solid #ccc;
    text-align: center;
}
.setBoxOuter3
{
    width: 210px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    clear: both;
}
.setBoxInner3
{
    padding: 5px 5px 5px 5px;
    #padding: 5px 5px 0px 5px;
    width: 180px;
    border: 1px solid #ccc;
    text-align: center;
}
.fileBoxOuter
{
    float: left;
    clear: both;
}
.fileBoxInner
{
    padding: 3px 3px 0px 3px;
    border: 1px solid #ccc;
    text-align: center;
    background-color: #fff;
    margin-bottom: 5px;
}
.setBoxIcons
{
    margin-left: 5px;
}
.currentGalleryName
{
    font-size: 12px;
    padding-top: 5px;
}

/*JOBS*/
.jobsWrapper
{
    width: 545px;
    border: 1px solid #ccc;
    padding: 5px;
}

#galleryHolder0
{
    margin-bottom: 10px;
    float: left;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    width: 540px;
}
#galleryHolder
{
    padding: 5px;
    float: left;
    border: 1px solid #ccc;
    background-color: #fafafa;
    margin-bottom: 10px;
    width: 540px;
}
#galleryHolder4
{
    padding: 5px;
    float: left;
    border: 1px solid #ccc;
    background-color: #fafafa;
    margin-bottom: 10px;
    width: 540px;
}
.galleryHolder
{
    padding: 12px;
    float: left;
    border: 1px solid #ccc;
    background-color: #fafafa;
    margin-bottom: 10px;
    width: 529px;
}
#galleryHolder2
{
    float: left;
    padding: 5px;
    min-height: 50px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    margin-bottom: 10px;
    width: 540px;
}
#galleryHolder3
{
    float: left;
    padding: 5px;
    min-height: 50px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    margin-bottom: 10px;
    width: 540px;
}
.companyHolder
{
    clear: both;
}
#fileHolder
{
    padding: 5px 5px 0px 5px;
    min-height: 50px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    width: 540px;
    text-align: center;
}
.pictureBorder
{
    border: 1px solid #ccc;
    padding: 3px;
}
#jobHolder2
{
    padding: 5px;   
    height: 50px;
    border: 1px solid #ccc;
    background-color: #fafafa;
}
.jobsLeft
{
    width: 410px;
    float: left;
}
.jobName
{
    font-weight: bold;
}

.jobsRight
{
    padding-right: 5px;
    text-align: right;
    width: 120px;
    float: Right;
}
.jobSpacer
{
    margin-top: 5px;
    margin-bottom: 5px;
    height: 1px;
    font-size: 0.01px;
    background-color: #ccc;
    width: 545px;
}
.jobsInfo
{
    font-weight: bold;
    float: right;
}
#noJobs
{
    width: 530px;
    text-align: center;
    padding: 5px;   
    border: 1px solid #ccc;
    background-color: #fafafa;
}
.jobImage
{
    width: 100px;
    border: 1px solid #ccc;
    background-color: #fff;
}

/*PORTFOLIOS*/
.portRepeatHolder
{
    width: 560px;
}
.portfolioItem
{
    width: 545px;
    float: left;
    padding: 2px;
    margin-right: 8px;
    margin-bottom: 5px;
    text-align: left;
}
.portfolioItemEvents
{
    width: 545px;
    float: left;
    padding: 2px;
    margin-right: 8px;
    margin-bottom: 5px;
    text-align: left;
}
.freelanceItem
{
    width: 545px;
    float: left;
    padding: 2px;
    margin-right: 8px;
    margin-bottom: 5px;
    text-align: left;
    float: left;
}
.portfolioBox
{
    width: 538px;    
    border: 1px solid #ccc;
    padding: 6px;
    margin-right: 8px;
    margin-bottom: 5px;
    text-align: center;
    float: left;
    text-align: left;
}
.portfolioBoxEvents
{
    width: 525px;    
    border: 1px solid #ccc;
    padding: 6px;
    margin-right: 8px;
    margin-bottom: 5px;
    text-align: center;
    float: left;
    text-align: left;
}
.freelanceBox
{
    width: 538px;    
    border: 1px solid #ccc;
    padding: 6px;
    margin-right: 8px;
    margin-bottom: 5px;
    text-align: center;
    float: left;
    text-align: left;
}
.portfolioInnerBox
{
    width: 100px;
    border: 1px solid #ccc;
    height: 100px;
    float: left;
}
.portfolioInnerBox2
{
    width: 50px;
    height: 40px;
    float: right;
    margin-top: 60px;
    padding-right: 2px;
    text-align: right;
}
.freelanceInnerBox2
{
    width: 50px;
    height: 40px;
    float: right;
    padding-right: 2px;
    text-align: right;
    margin-top: 10px;
}
.portfolioInnerText
{
    padding-left: 5px;
    float: left;
}
.portfolioInnerTextEvents
{
    padding-left: 5px;
    float: left;
    width: 390px;
}
.freelanceInnerText
{
    padding-left: 5px;
    float: left;
    width: 400px;
}
.sendMessage
{
    padding-left: 5px;
    float: left;
    text-align: left;
}

.thumbNailHolder
{
    margin-top: 5px;
    width: 530px;    
    
}
.thumbNailInnerHolder
{
    padding-left: 28px;
    margin-left: 2px;
    width: 502px;
    text-align: center;
}
.thumbNailHolder2
{
    margin-top: 5px;
    width: 530px;    
    
}
.thumbNailInnerHolder2
{
    margin-left: 2px;
    width: 530px;
}
.thumbNails
{
    margin: 5px 3px 5px 3px;
    border: 1px solid #ccc;
    float: left;
    text-align: center;
    padding: 5px 5px 5px 5px;
    #padding: 5px 5px 0px 5px;
}
.thumbNails2
{
    margin: 5px 3px 5px 3px;
    border: 1px solid #ccc;
    float: left;
    text-align: center;
    width: 100px;
    padding: 5px 5px 5px 5px;
    #padding: 5px 5px 0px 5px;
}
.thumbNails3
{
    margin: 0;
    #margin: 5px 3px 5px 3px;
    border: 1px solid #ccc;
    float: left;
    text-align: center;
    width: 100px;
    padding: 5px 5px 5px 5px;
    #padding: 5px 5px 0px 5px;
}
.docs
{
    margin: 5px 3px 0px 3px;
    float: left;
    text-align: center;
    width: 100px;
    padding: 5px 5px 0px 5px;
}
.gallerySpecHolder
{
    margin-left: 5px;
    float: left;
    width: 400px;
}

.viewProfile
{
    text-align: right;
    width: 400px;
    float: right;
}
#slider2
{
    background-color: #FAFAFA;
}
.frontPageDesigners
{
    width: 560px;
    padding: 0px;
   
}
.eachItemHolder
{
    width: 245px;
    float: left;
    margin-right: 10px;
}
.eachItemImageHolder
{
    padding: 3px 3px 0px 3px;
    width: 100px;
    border: 1px solid #ccc;
    float: left;
    background-color: #fff;
}
.eachItemTextHolder
{
    text-align: left;
    margin-left: 3px;
    width: 120px;
    float: left;
}
.featuredPortfoliosWrapper
{
    margin-left: 0px;
    
}
.featuredHolder
{
    margin-right: 12px;
    margin-bottom: 10px;
    float: left;
    width: 100px;
}
.featuredPortfolios
{
    border: 1px solid #ccc;
    height: 100px;
    width: 100px;
    padding: 3px;   
}
.featuredName
{
    height: 20px;
    margin-top: 3px;
    font-size: 11px;
    text-align: left;
}
a.featureNameLink
{
    color: #666;
}
a.featureNameLink:hover
{
    color: #FE02AD;
}
/*COLLAPSABLE PANEL*/
.collapsePanel
	{
	    margin-top: 5px;
		width: 555px;
		height: 0px;
		background-color: #fff;
		overflow: hidden;		
	}
	.collapsePanelHeader
	{
		width: 540px;
		height: 30px;
		color: #666;
		background: #eee;
		font-weight: bold;
		padding: 5px;
		cursor: pointer;
		vertical-align: middle;
		border: 1px solid #ccc;
	}
	.tableText
	{
		text-align: left;
	}
	.portfolioFloatRight
        {
            float: right;
            margin-bottom: 5px;
            margin-right: 10px;
        }
            .numbers
            {
                float: left;
                width: 19px;
                height: 19px;
                text-align: center;
                padding-top: 2px;
                margin-left: 5px;
                border: 1px solid #eaeaea;
            }
           
#nav a
{
    font-weight: bold;
    color: #999;
    text-decoration: none;
    float: left;
    width: 19px;
    height: 19px;
    text-align: center;
    padding-top: 2px;
    margin-left: 5px;
    border: 1px solid #eaeaea;
}
#nav a:hover
{
    font-weight: bold;
    color: #FE02AD;
    text-decoration: none;
    cursor: pointer;
    float: left;
    width: 19px;
    height: 19px;
    text-align: center;
    padding-top: 2px;
    margin-left: 5px;
    border: 1px solid #eaeaea;
}
#nav a.activeSlide
{
    font-weight: bold;
    color: #FE02AD;
    text-decoration: none;
    cursor: pointer;
    float: left;
    width: 19px;
    height: 19px;
    text-align: center;
    padding-top: 2px;
    margin-left: 5px;
    border: 1px solid #cccccc;
    background-color: #eee;
}
.checkboxBottomMargin
{
    padding-bottom: 20px;
}
.gridviewRowMargin
{
    padding-bottom: 7px;
    padding-top: 7px;
}
.ticki
{
    border: 1px solid #cccccc;
    padding: 5px;
    color: #666666;
    width: 545px;
    background-color: #eeeeee;
    height: 40px;
}
.ticki a
{
    color: #666666;
}
.ticki a:hover
{
    color: #FE02AD;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

ul#menu 
{
    padding:0; 
    list-style:none;  
    margin:0 auto; 
    font-size: 18px;
    font-family: Arial;
    z-index: 1;
    left: 350px;
	position: absolute;
	top: 100px ; /* FOR FF OP AND SAF*/
	letter-spacing: -1px;
	text-align: right;
	width: 450px;
    margin-left: 65px;
    }
    
ul#menu ul 
{
    padding:0; 
    margin-left:0; 
    list-style:none; 
    position:absolute; 
    left:-9999px;
    }
    
ul#menu table 
{
    border-collapse: collapse; 
    font-size:1em; 
    float:left; 
    margin:-1px;
    }

ul#menu ul li 
{
    float:left; 
    margin:0; 
    text-align:left; 
    }
    
ul#menu ul li a 
{
    display:block; 
    line-height:20px; 
    margin:0; 
    padding:0 10px; 
    background:transparent; 
    width:150px;
    padding-right: 5px;
    }

ul#menu li 
{
    display:inline; 
    margin:0 -1px; 
    text-align:left;
    }
    
ul#menu li a 
{
    display:inline-block; 
    height:30px; 
    margin: 0;
    
    line-height:20px; 
    text-decoration:none; 
    color:#666666;
    }
    


html>/**/body ul#menu li 
{
    display:inline-block; 
    padding:0;
    
    }

* html ul#menu li a.sub 
{
    margin-right:3px;
    }
    
* html ul#menu li a 
{
    margin-bottom:-2px;
    }

ul#menu li a b 
{
    display:block; 
    height:12px; 
    float:left; 
    padding:0 0 0 20px; 
    cursor:pointer;
    font-weight: bold;
    z-index: 1;
    }

ul#menu li a:hover 
{
    position:relative; 
    background-position:right bottom; 
    color:#FE02AD;
    }
    
ul#menu li a:hover b 
{
    background-position:left bottom;
    }

ul#menu li:hover 
{
    position:relative;
    }
    
ul#menu li:hover > a 
{
    background-position:right bottom; 
    color:#FE02AD;
    }
    
ul#menu li:hover > a b 
{
    background-position:left bottom;
    }

ul#menu :hover ul 
{
    left:-5px; 
    width:130px; 
    top:30px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    background:#f6f6f6; 
    padding: 0;
    }
    
* html ul#menu :hover ul 
{
    top:30px;
   
    }

ul#menu :hover ul li 
{
    display:block; 
    float:left; 
    margin:0; 
   
    }
    
ul#menu :hover ul li a 
{
    display:block; 
    float:left; 
    margin:0; 
    height:25px; 
    line-height:25px; 
    width:115px; 
    background:#f6f6f6; 
    font-size: 13px;
    color:#666666;
    }
    
ul#menu :hover ul li a.fly 
{
    background:#ddd url(arrow.gif) no-repeat right center;
    }
    
ul#menu :hover ul li a:hover 
{
    background:#FE02AD; color:#ffffff;
    }
    
ul#menu :hover ul li:hover > a 
{
    background:#FE02AD; 
    color:#ffffff;
    }
.videoBox
{
    border: 1px solid #ccc;
    text-align: left;
    padding: 10px;
    width: 535px;
}
.vidBorder
{
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}