/* Style for All Pages*/

/* Body */

body {
	background:#2d2d2d url("../img/global/bg-shadow.gif") fixed repeat-y center bottom;
	font-family:Arial, Verdana, sans-serif; 
}

.clear { clear:both; }

.hidden { visibility:hidden; }


.watermark { color:#a9a9a9; }

.block-link {
	display:block;
	width:100%;
	height:100%;
}

textarea, input[type=text], input[type=password] { font-family:sans-serif; font-size:10pt; border:1px solid gray;  }

a { text-decoration:none; color:#f5851f; outline:none; }

a:hover { color:#646464; }

a:active { outline:none; }

img { border:none; }

.hidden { position:absolute; left:-5000px; }

/* Container */

#container {
	position:absolute;
	top:0px;
	left:50%;
	width:1002px;
	margin-left:-501px;
	background-color:white;
}

/* Header */

#header {
	width:1002px;
	height:123px;
	background-color:#2d2d2d;
}

#header .logo {
	background:url("../img/global/logo.png") no-repeat;
	width:271px;
	height:98px;
	position:relative;
	float:left;
	left:17px;
	top:16px;
}

#header .logo a {
	display:block;
	width:100%;
	height:100%;
}

/* Header- Account Panel - Login */

#account-panel {
	width:229px;
	height:auto;
	position:relative;
	float:left;
	left:57px;
	top:17px;
	font-family:Trebuchet MS, Arial;
	font-size:0.7em;
	color:white;
	font-weight:bold;
}

#account-panel .member-login {
	background:url("../img/global/member-login.png") no-repeat;
	width:121px;
	height:13px;
	position:relative;
	float:left;
}

#account-panel #form {
	position:relative;
	float:left;
	top:13px;
}

#account-panel #form input {
	border:none;
	height:13px;
	width:190px;
	position:relative;
	float:left;
	margin-bottom:10px;
	clear:left;
}

#account-panel #form input[type=submit] {
	background:url("../img/global/login.png") no-repeat;
	width:40px;
	height:10px;
	position:relative;
	float:left;
	top:3px;
	clear:left;
}

#account-panel #form input[type=submit]:active {
	outline:none;
}

#account-panel #form input[type=submit]:hover {
	background-position:right 0px;
	cursor:pointer;
}

#account-panel #form .reset-pass {
	background:url("../img/global/reset-pass.png") no-repeat;
	width:94px;
	height:9px;
	position:relative;
	float:left;
	top:3px;
	left:9px;
}

#account-panel #form .reset-pass:hover {
	background-position:right 0px;
	cursor:pointer;
}

#account-panel a {
	display:block;
	width:100%;
	height:100%;
}

#account-panel a :hover {
	background-position:right;
}

/* Header- Account Panel - Log Out */

#account-panel .hello-there {
	background:url("../img/global/hello-there.png") no-repeat;
	width:107px;
	height:13px;
	position:relative;
	float:left;
}

#account-panel .username {
	clear:left;
	float:left;
	margin-top:3px;
	position:relative;
	padding:0px;
}

#account-panel .notifications {
	margin-top:12px;
	margin-bottom:16px;
	width:141px;
	position:relative;
	clear:left;
	float:left;
	text-align:center;
	height:19px
}

#account-panel .notifications .count {
	margin-right:8px;
	bottom:4px;
	position:relative;
	color:red;
}

#account-panel .cpanel {
	background:url("../img/global/cpanel.png") no-repeat;
	width:81px;
	height:8px;
	position:relative;
	float:left;
	clear:left;
}

#account-panel .logout {
	background:url("../img/global/log-out.png") no-repeat;
	width:51px;
	height:11px;
	position:relative;
	float:left;
	margin-left:9px;
}

#account-panel .hover:hover {
	background-position:right;
}

/* Header - Facebook & Twitter Links */

#links-panel {
	position:relative;
	float:right;
	width:435px;
	height:123px;
}

#links-panel a {
	display:block;
	width:100%;
	height:100%;
}

#links-panel .facebook {
	background:url("../img/global/facebook.gif") no-repeat;
	width:213px;
	height:123px;
	position:relative;
	float:left;
}

#links-panel .facebook:hover {
	background-position:right;
}

#links-panel .twitter {
	background:url("../img/global/twitter.gif") no-repeat;
	width:222px;
	height:123px;
	position:relative;
	float:right;
}

#links-panel .twitter:hover {
	background-position:right;
}

/* Middle Section */

#middle-section {
	width:1002px;
	height:auto;
}

/* Sidebar */

#middle-section #sidebar
{
	width:299px;
	position:relative;
	float:left;
}

/* Sidebar - Menu */

#sidebar #menu {
	margin:11px 0px 0px 10px;
	width:289px;
	height:auto;
}

#sidebar #menu ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#sidebar #menu li {
	width:289px;
	height:43px;
}

#sidebar #menu li a {
	width:100%;
	height:100%;
	display:block;
}

li.home { background-image:url("../img/global/menu/home.gif"); }

li.register { background-image:url("../img/global/menu/register.gif"); }

li.find-jobs { background-image:url("../img/global/menu/find-jobs.gif"); }

li.guidance { background-image:url("../img/global/menu/guidance.gif"); }

li.contact-us { background-image:url("../img/global/menu/contact-us.gif"); }

li.cpanel { background-image:url("../img/global/menu/cpanel.gif"); }

#sidebar #menu li:hover { background-position:center; }

#sidebar #menu .border {
	width:288px;
	height:2px;
	background:url("../img/global/border.gif") repeat-x;
}

/* Sidebar - Step By Step */

#sidebar #step-by-step {
	background-image:url("../img/global/step-by-step.gif");
	width:266px;
	height:330px;
	margin:23px 0px 0px 18px;
}

#sidebar #register-now {
	background-image:url("../img/global/register-now.gif");
	width:109px;
	height:9px;
	float:right;
	margin:10px 19px 0px 0px;
}

#sidebar #register-now:hover {
	background-position:right;
}

#sidebar #register-now a {
	display:block;
	width:100%;
	height:100%;
}

/* Sidebar - Partner Links */
#sidebar .partner-links {
	width:244px;
	margin:15px 0px 0px 19px;
	float:left;
	font-size:10pt;
	font-weight:bold;
}

#sidebar .partner-links ul {
	list-style-type:square;
	margin:
}

#sidebar .partner-links .partners-header {
	background:url("../img/global/view-partners.gif") no-repeat;
	width:155px;
	height:12px;
}

/* Sidebar - FindMe Links */

#sidebar .network-link {
	background-image:url("../img/global/findme-network.gif");
	width:244px;
	height:109px;
	margin:10px 0px 0px 19px;
	float:left;
}

#sidebar a {
	width:100%;
	height:100%;
	display:block;
}

/* Sidebar - Advertisements */

#sidebar .adverts-header {
	background:url("../img/global/adverts-header.gif") no-repeat;
	margin:20px 0px 0px 19px;
	width:254px;
	height:12px;
	float:left;
}

#sidebar .google-ad {
	margin:11px 0px 0px 45px;
	width:200px;
	height:200px;
	position:relative;
	float:left;
}

#sidebar .ad-bottom{
}

/* Flash Banner */

#middle-section #banner {
	width:702px;
	height:228px;
	position:relative;
	float:right;
}

#middle-section #banner .bannerContainer{
	position:absolute;
	bottom:5px;
	left:-40px;
	width:691px;
	height:217px;
	list-style:none;
}

/* Content*/

#middle-section #content {
	width:702px;
	min-height:980px;
	position:relative;
	float:right;
	padding-bottom:10px;
}

/* Company Scroller */

#middle-section #company-scroller {
	width:702px;
	position:relative;
	float:right;
}

#middle-section #company-scroller  #scroller {
	width:612px;
	height:89px;
	position:relative;
	float:left;
}

#middle-section #company-scroller  #scroller .slide {
	width:auto;
	height:89px;
	text-align:center;
}

#middle-section #company-scroller  #scroller .slide img {
	vertical-align:middle;
	margin-left:8px;
	margin-right:8px;
	border:none;
}

#middle-section #company-scroller  #scroller .small img {
	margin-left:28px;
	margin-right:28px;
}

#middle-section #company-scroller  .arrow {
	width:13px;
	height:15px;
	margin:39px 16px 0px 16px;
	position:relative;
	float:left;
}

#middle-section #company-scroller  .arrow:hover {
	background-position:right;
	cursor:pointer;
}

#middle-section #company-scroller  .left-arrow {
	background:url("../img/index/jflow/arrow-left.png") no-repeat;
	float:left;
}

#middle-section #company-scroller  .right-arrow {
	background:url("../img/index/jflow/arrow-right.png") no-repeat;
	float:right;
}

#middle-section  #company-scroller  .view-partners {
	width:231px;
	height:9px;
	background-image:url("../img/global/partners-link.gif");
	position:relative;
	float:right;
	clear:left;
	margin:7px 10px 0px 0px;
}

#company-scroller .view-partners a {
	display:block;
	width:100%;
	height:100%;
}

#company-scroller .view-partners:hover {
	background-position:right;
}

/* Keywords */

#keywords {
	font-size:0.75em;
	float:right;
	margin:0px 10px 10px 10px;
	color:#2d2d2d;
}

#keywords .highlight {
	font-weight:bold;
}

/* Facebook Like Button */

#fb-like {
	float:left;
	position:relative;
	border:none;
	overflow:hidden;
	width:300px;
	height:35px;
}

/* Footer */
#footer {
	background-color:#2d2d2d;
	height:45px;
	width:1002px;
	color:#ffffff;
	font-weight:bold;
	clear:both;
	position:relative;
}

#footer a {
	color:#f5851f;
	text-decoration:none;
}

#footer a:hover {
	color:#ffffff;
}

#footer .text {
	width:100%;
	text-align:center;
	position:absolute;
	top:8px;
	font-size:0.8em;
	line-height:1.2;
} 

#footer ul {
	list-style:none;
	margin:5px;
	padding:0px;
	font-size:0.7em;
}

#footer ul li {
	display:inline;
}

#footer .union-jack {
	width:41px;
	height:23px;
	background-image:url("../img/global/union-jack.gif");
	position:absolute;
	left:11px;
	top:11px;
}

#footer .zoot {
	width:67px;
	height:36px;
	background-image:url("../img/global/zoot.png");
	position:absolute;
	right:9px;
	top:5px;
}

#footer .zoot a {
	width:100%;
	height:100%;
	display:block;
}