/* contains css styling for Freelancer and Corporate control panel pages */


    
    /* STYLES ADDED BY ELLIS  */

#FreelancerScrollerWrapper {
	width: 950px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	overflow: visible;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: left;
}

#InnerWrapper {
	width: 950px;
	margin: 0px;
	padding: 0px;
	background-color: #DDDDDD;
	background-image: url(../Images/GradientTop.gif);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
}

#TopGradient {
	margin: 0px;
	padding: 0px;
}
#BottomGradient {
	margin: 0px;
	padding: 0px;
	width: 950px;
	background-image: url(../Images/GradientBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
}

#FeedOneWrapper {
	float: left;
	width: 316px;
}
#FeedOneImage {
	width: 120px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../Images/FreelancerImageOne.png);
	background-repeat: no-repeat;
}
#FeedOneContent {
	float: left;
	padding: 10px;
	width: 176px;
}

#FeedTwoWrapper {
	float: left;
	width: 318px;
}
#FeedTwoImage {
	width: 120px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../Images/FreelancerImageTwo.png);
	background-repeat: no-repeat;
}
#FeedTwoContent {
	float: left;
	width: 176px;
	padding: 10px;
}

#FeedThreeWrapper {
	float: left;
	width: 316px;
}
#FeedThreeImage {
	width: 120px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../Images/FreelancerImageThree.png);
	background-repeat: no-repeat;
}
#FeedThreeContent {
	float: left;
	width: 176px;
	padding: 10px;
}

.HotLinkHeadingStyleThree {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: normal;
	line-height: 120%;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 2%;
	margin-right: 0px;
	margin-bottom: 5%;
	margin-left: 0px;
}

.HotLinkTextStyleThree {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	line-height: 120%;
	color: #444444;
}



/* start CONTROL PANEL ADVERTS STYLING */

#ControlPanelAdvertsWrapper {
	width: 950px;
	height: 130px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	float:left;
	overflow:visible;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#CPAdvertSlotOne {
	width: 310px;
	height: 130px;
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
	overflow: visible;
}
#CPAdvertSlotTwo {
	width: 310px;
	height: 130px;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 9px;
	display:block;
	overflow:visible;
	text-align: center;
}
#CPAdvertSlotThree {
	width: 310px;
	height: 130px;
	padding: 0px;
	margin: 0px;
	float: left;
	display:block;
	overflow:visible;
}

/* end CONTROL PANEL ADVERTS STYLING */


/* STYLES FOR CONTROL PANEL ADDED BY ELLIS  */
  
#RowOneWrapper {
	margin: 0px;
	padding: 0px;
	width: 950px;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}

#RowTwoWrapper {
	margin: 0px;
	padding: 0px;
	width: 950px;
}
.WelcomeMessage {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
	font-weight: normal;
	color: #333333;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
#WelcomePanelTopCurve {
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: 23px;
	background-image: url(../Images/ControlPanelTopCurve.gif);
	background-repeat: no-repeat;
}
#WelcomePanelMiddleSection {
	margin: 0px;
	width: 904px;
	background-image: url(../Images/ControlPanelMiddleSection.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 23px;
	padding-bottom: 0px;
	padding-left: 23px;
}
#WelcomePanelBottomCurve {
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: 23px;
	background-image: url(../Images/ControlPanelBottomCurve.gif);
	background-repeat: no-repeat;
}
#ControlPanelTopCurve {
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: 23px;
	background-image: url(../Images/ControlPanelTopCurve.gif);
	background-repeat: no-repeat;
}
#ControlPanelMiddle {
	margin: 0px;
	width: 904px;
	background-image: url(../Images/ControlPanelMiddleSection.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 23px;
	padding-bottom: 0px;
	padding-left: 23px;
	float: left;
}

#ControlPanelBottomCurve {
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: 23px;
	background-image: url(../Images/ControlPanelBottomCurve.gif);
	background-repeat: no-repeat;
	float: left;
}




#FourColumnWrapper {
	margin: 0px;
	padding: 0px;
	width: 904px;
	float: left;
}



#FacetBoxRowOneWrapper {
	width: 220px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#FacetBoxRowTwoWrapper {
	width: 220px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
}
#FacetBoxRowThreeWrapper {
	width: 220px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#WrapperForLatestJobsFeed {
	padding: 0px;
	width: 199px;
	margin: 0px;
}
#ColumnFourWrapper {
	padding: 0px;
	width: 199px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	float: left;
}

#WrapperForNavigation {
	padding: 0px;
	width: 199px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.NavTopDecoration {
	width: 199px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	background-image: url(../Images/JobsFeedBoxTopEdge.gif);
	background-repeat: no-repeat;
}

#SubNavigation {
	width: 169px;
	background-image: url(../Images/JobsFeedMiddleSection.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.NavBottomDecoration {
	width: 199px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	background-image: url(../Images/JobsFeedBoxBottomEdge.gif);
	background-repeat: no-repeat;
}



.JobsTopDecoration {
	width: 199px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	background-image: url(../Images/JobsFeedBoxTopEdge.gif);
	background-repeat: no-repeat;
}

#JobsFeed {
	width: 169px;
	margin: 0px;
	background-image: url(../Images/JobsFeedMiddleSection.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.JobsBottomDecoration {
	width: 199px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	background-image: url(../Images/JobsFeedBoxBottomEdge.gif);
	background-repeat: no-repeat;
}





/* START - Main Facet Box Wrapper and DIVs to contain the 3D Shadow Graphics */

.FacetBoxWrapper {
	width: 220px;
	padding: 0px;
	background-image: url(../Images/FacetBoxBgrnd.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.FacetBoxMiddleWrapper {
	width: 220px;
	padding: 0px;
	background-image: url(../Images/FacetBoxBgrnd.gif);
	background-repeat: repeat-y;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.TopFacetDecoration {
	width: 220px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	background-image: url(../Images/FacetBoxTopEdge.gif);
	background-repeat: no-repeat;
}

.BottomFacetDecoration {
	width: 220px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	background-image: url(../Images/FacetBoxBottomEdge.gif);
	background-repeat: no-repeat;
}

/* END - Main Facet Box Wrapper and DIVs to contain the 3D Shadow Graphics */



/* START -------------------------------------------------------------------------------------  COMMON TO FREELANCER AND CORPORATE CONTROL PANEL */



/* start - COMMON STYLING TO ALL FACET BOX TEXT POSITIONING (FREELANCER AND CORPORATE CONTROL PANELS) */

#YCVtext, #VPtext, #SFJtext, #PKtext, #IFPtext, #YNtext, #Atext, #AHLtext, #IFAtext,
#CStext, #AStext, #IFPPtext, #PJtext, #TFtext, #SVPtext, #UDJtext, #SANtext, #CNStext {
	width: 100px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
}


.NavigationButton {
	width: 220px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	clear: left;
}



/* START - Font Styling */

.ControlPanelHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: normal;
	color: #333333;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.FacetBoxTextStyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #333333;
	line-height: 125%;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

/* END - Font Styling */

img {border: none;}

#ImageSlide {
	width: 950px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: url(../Images/GradientBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}




/* START --------------------------------------------------------------------------------------------------------------- FREELANCER CONTROL PANEL */

/* START - DIVs to contain the Icon, Description Text and Navigation Button for FREELANCER CONTROL PANEL */

/* start - COMMON STYLING TO ALL FREELANCER ICONS */

#YCViconHolder, #VPiconHolder, #SFJiconHolder, #PKiconHolder, #IFPiconHolder, #YNiconHolder, #AiconHolder, #AHLiconHolder, #IFAiconHolder {
	width: 90px;
	height: 100px;
	margin: 10px;
	padding: 0px;
	float: left;
}

/* start - DIVs to contain the ICONS for the FREELANCER CONTROL PANEL */

#YCViconHolder {
	background-image: url(../Icons/YourCVIcon.gif);
	background-repeat: no-repeat;
}
#VPiconHolder {
	background-image: url(../Icons/VideoProfileIcon.gif);
	background-repeat: no-repeat;
}
#SFJiconHolder {
	background-image: url(../Icons/SearchJobsIcon.gif);
	background-repeat: no-repeat;
}
#PKiconHolder {
	background-image: url(../Icons/ProfileKeywordsIcon.gif);
	background-repeat: no-repeat;
}
#IFPiconHolder {
	background-image: url(../Icons/IFPIcon.gif);
	background-repeat: no-repeat;
}
#YNiconHolder {
	background-image: url(../Icons/YourNetwokIcon.gif);
	background-repeat: no-repeat;
}
#AiconHolder {
	background-image: url(../Icons/AvailabilityIcon.gif);
	background-repeat: no-repeat;
}
#AHLiconHolder {
	background-image: url(../Icons/AgencyHotListIcon.gif);
	background-repeat: no-repeat;
}
#IFAiconHolder {
	background-image: url(../Icons/IFAForumIcon.gif);
	background-repeat: no-repeat;
}

/* END - DIVs to contain the ICONS for the FREELANCER CONTROL PANEL */




/* START --------------------------------------------------------------------------------------------------------------- CORPORATE CONTROL PANEL */

/* START - DIVs to contain the ICONS for the CORPORATER CONTROL PANEL */

/* start - COMMON STYLING TO ALL CORPORATE ICONS */

#CSiconHolder, #ASiconHolder, #IFPPiconHolder, #PJiconHolder, #TFiconHolder, #SVPiconHolder, #UDJiconHolder, #SANiconHolder, #CNSiconHolder {
	width: 90px;
	height: 100px;
	margin: 10px;
	padding: 0px;
	float: left;
}

/* start - DIVs to contain the ICONS for the CORPORATE CONTROL PANEL */

#CSiconHolder {
	background-image: url(../Icons/CandidateSearchIcon.gif);
	background-repeat: no-repeat;
}
#ASiconHolder {
	background-image: url(../Icons/ApplicantShortlistIcon.gif);
	background-repeat: no-repeat;
}
#IFPPiconHolder {
	background-image: url(../Icons/IFPIcon.gif);
	background-repeat: no-repeat;
}
#PJiconHolder {
	background-image: url(../Icons/PostJobIcon.gif);
	background-repeat: no-repeat;
}
#TFiconHolder {
	background-image: url(../Icons/TopFreelancersIcon.gif);
	background-repeat: no-repeat;
}
#SVPiconHolder {
	background-image: url(../Icons/VideoProfileIcon.gif);
	background-repeat: no-repeat;
}
#UDJiconHolder {
	background-image: url(../Icons/UpdateDeleteJobIcon.gif);
	background-repeat: no-repeat;
}
#SANiconHolder {
	background-image: url(../Icons/AvailabilityIcon.gif);
	background-repeat: no-repeat;
}
#CNSiconHolder {
	background-image: url(../Icons/CompanyNetworkIcon.gif);
	background-repeat: no-repeat;
}

/* END - DIVs to contain the ICONS for the CORPORATER CONTROL PANEL */




/* start - FORMATTING FOR THE CONTROL PANEL SUB NAVIGATION LINKS - start */

#SubNavigation ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: 95%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	margin: 0px;
	padding-left: 7px;
	color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#SubNavigation a, #SubNavigation a:link {
	margin: 0px;
	padding: 0px;
	color: #555555;
	text-decoration: none;
}

#SubNavigation a:hover {
	margin: 0px;
	padding: 0px;
	color: #33cc00;
	text-decoration: none;
}

.liHomePageIcon
{
    background-image: url(../Icons/FreeCPHomePageIcoSmall.gif); background-repeat: no-repeat; background-position: left center; line-height: 4.5em; margin: 0px; padding: 0px; padding-left: 50px;
}

.liLogoutIcon
{
    background-image: url(../Icons/FreeCPLogoutIcoSmall.gif); background-repeat: no-repeat; background-position: left center; line-height: 4.5em; margin: 0px; padding: 0px; padding-left: 50px;
}

.liMyAccountIcon
{
    background-image: url(../Icons/FreeCPMyAccountIcoSmall.gif); background-repeat: no-repeat; background-position: left center; line-height: 4.5em; margin: 0px; padding: 0px; padding-left: 50px;
}

.liMyElotIcon
{
    background-image: url(../Icons/FreeCPMyeLotIcoSmall.gif); background-repeat: no-repeat; background-position: left center; line-height: 4.5em; margin: 0px; padding: 0px; padding-left: 50px;
}

/* end - FORMATTING FOR THE CONTROL PANEL SUB NAVIGATION LINKS - end */