body {background:#fff url(images/body_bg.gif) repeat-x;margin:0px auto;text-align:center;font-size:8pt;font-family:Verdana,Arial,Helvetica,sans-serif;color:#5d5d5d;}

p, table {font-size:8pt;color:#5d5d5d;}

h1 {font:bold 18pt Myriad Pro,Trebuchet MS,Verdana,Helvetica,sans-serif;color:#9b0225;margin:0px;}
h2 {font:bold 13pt Myriad Pro, Trebuchet MS,Verdana,Helvetica,sans-serif;color:#9b0225;}
h3 {font:bold italic 10pt Trebuchet MS,Verdana,Helvetica,sans-serif;color:#9b0225;margin:0px;padding:0px;}
h4 {font:16pt Myriad Pro, Trebuchet MS,Verdana,Helvetica,sans-serif;color:#9b0225;margin:7px 0px 7px 0px;}

img {border:0px none;padding:0px;margin:0px;}
form {margin:0px;padding:0px;}
.red {font-size:8pt;color:#c00;}
.clear {clear:both;}

a {font-size:8pt;text-decoration:none;color:#1e6e87;}
a:hover {text-decoration:none;color:#000;}

.stepa {font-size:7pt;text-decoration:none;color:#5D5D5D;}
.stepa:hover {text-decoration:underline;color:#5D5D5D;}

.wLink {font-size:8pt;text-decoration:underline;color:#5d5d5d;}
.wLink:hover {text-decoration:none;color:#000;}

.link {font-size:8pt;font-weight:bold;text-decoration:none;color:#1e6e87;}
.link:hover {text-decoration:none;color:#000;}

.testiMore {font-size:8pt;text-decoration:none;color:#0083ba;}
.testiMore:hover {text-decoration:none;color:#000;}

#menu {width:700px;height:50px;padding-top:10px;float:right;}
#menu .mid {background:url(images/mid.jpg) repeat-x; height:39px;padding-top:1px;}
#menu a {font-size:10pt;font-weight:bold; font-family:Myriad Pro,Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#8b7200;padding:5px 8px 10px 8px;}
#menu a:hover {color:#000;}

.unselTab{font-family:Arial,FreeSans,Helvetica,Verdana,sans-serif;font-size:8pt; color:#9b0225;}
.selTab{font-family:Arial,FreeSans,Helvetica,Verdana,sans-serif;color:#101010;font-size:8pt;font-weight:bold; color:#9b0225;}

#loginBtn {
	float:right;background:url(images/login_btn.gif) no-repeat; 
	width:117px; 
	height:38px;
	text-align:center;
	padding-top:8px;
	padding-left:10px;
	margin-right:45px;
	}
	
#loginBtn a	{font-size:13pt;font-weight:bold; font-family:Myriad Pro,Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#fff;}
#loginBtn a:hover	{color:#f8f000;}
		
select {font-size:9pt;padding:2px;}
textarea {padding:2px;font-size:9pt;padding:2px;font-family:Verdana,Arial,Helvetica,sans-serif;}

.inputFld {font-size:9pt;padding:2px;}
.button {background:url(images/btn_bg.gif) repeat-x;font-size:8pt;font-weight:bold;color:#fff;height:26px;border:1px solid #000;padding:1px 6px;}
.checkradio {margin:0px;padding:0px;margin-right:2px;vertical-align:middle;}
.formLabel {color:#101010;font-size:8pt;font-weight:bold;}
.nextBtn {background:url(images/next_btn.gif) no-repeat;width:86px;height:38px;border:0px none;}
.backBtn {background:url(images/back_btn.gif) no-repeat;width:86px;height:38px;border:0px none;}

.titleTxt {color:#717171;font:bold 12pt arial;}
.people {color:#717171;font:bold 12pt arial;}
.name {color:#7a7a7a;font:9pt arial;}
.quote {background: url(images/quote-1.gif) top left no-repeat;padding-left:23px;}
.pipe {color:#9b0225;}

.progressBar {text-align:center;margin:0px auto;width:400px;font-weight:bold;}
.progressCnt {font-family:Arial,Verdana,Helvetica,sans-serif; font-size:8pt; color:#5d5d5d;}
.progressHead {font:bold 12pt Trebuchet MS,Verdana,Helvetica,sans-serif;color:#9b0225;margin:0px;padding:0px;}

#page {margin:0px auto; width:950px;text-align:center;}

#main {text-align:left;width:831px;margin:0px auto;}

#header {float:right;width:604px; height:48px;text-align:right;padding-right:44px;}

#topBar {margin:0px auto; width:750px;height:50px;padding-top:5px;text-align:right;padding-right:13px;}
#welcome {font:bold 8pt Trebuchet MS,Verdana,Helvetica,sans-serif;color:#9b0225;float:right;padding-left:10px;width:100%;}
#welcome .user {color:#000;font:bold 8pt Trebuchet MS,Verdana,Helvetica,sans-serif;}

#topLink {font:8pt Trebuchet MS,Verdana,Helvetica,sans-serif;width:100%;color:#8B7200;padding-top:3px;}
#topLink a {color:#8B7200;text-decoration:none;}
#topLink a:hover {color:#000;text-decoration:underline;}

#homeMovie {text-align:left;z-index:-1000;}

#homePgBlock {width:100%;text-align:center;}
#homePgBlock .WhatPinnacleBox {background:url(images/what-pinnacle-box-bg.gif) top left repeat-x;float:left;width:29%;height:300px;margin-left:12px;text-align:left;line-height:18px;padding:5px;}
#homePgBlock .WhatPinnacleBox .title {background:url(images/what-pinnacle-title.gif) top left no-repeat;padding-top:44px;width:100%; height:90%;}
#homePgBlock .WhatPinnacleBox .cont {min-height:190px;padding:5px;}

#homePgBlock .forYouBox {background:url(images/what-pinnacle-box-bg.gif) top left repeat-x;float:left;width:30%;height:300px;margin-left:20px;text-align:left;line-height:18px;padding:5px;}
#homePgBlock .forYouBox .title {background:url(images/for-you-title.gif) top left no-repeat;padding-top:44px;width:100%; height:90%;}
#homePgBlock .forYouBox .cont {min-height:190px;padding:5px;}

#homePgBlock .getStartBox {background:url(images/for-you-box-bg.gif) top left repeat-x;float:left;width:29%;height:300px;margin-left:20px;text-align:left;line-height:18px;padding:5px;}
#homePgBlock .getStartBox .title {background:url(images/buy-voucher-title.gif) top left no-repeat;padding-top:44px;width:100%; height:90%;}
#homePgBlock .getStartBox .cont {min-height:190px;padding:5px;}

.title {float:right;}


#homeBtmLogo {margin-left:200px;;text-align:center;width:70%;}
#homeBtmLogo .logo {float:left;width:150px;}

#logo {width:950px;height:118px;margin:0px auto;padding-left:42px;background:url(images/logo.gif) 0% 100% no-repeat;}

#searchFrm {width:245px;height:28px;float:right;border:1px solid #b4b4b4;background:url(images/search_bg.gif) repeat-x;padding:2px;}
#searchFrm input {border:0px none;background:none;font-size:12pt;vertical-align:middle;}

#leftCol {background:#fff;float:left;width:470px;}
#rightCol {background:#fff;float:right;width:355px;}

#div_add_skills {background:#f8f000 /*url(images/left_Col_bg.gif) repeat-x*/;border:solid 1px #bfa201;padding-left:12px;height:400px;line-height:20px;}
#div_add_skills p {color:#000;}
#div_add_skills .label {font-weight:bold;line-height:20px;color:#101010;}

#plan {background:#f8f000 /*url(images/left_Col_bg.gif) repeat-x*/;border:solid 1px #bfa201;padding-left:12px;line-height:20px;color:#000;}

#callOut {width:800px;margin:0px auto;text-align:center;}
#callOut .topBg {background: url(images/callout-top-bg.gif) no-repeat;width:800px;height:30px;}
#callOut .midBg {background: url(images/callout-mid-bg.gif) repeat-y;width:800px;text-align:left;}
#callOut .btmBg {background: url(images/callout-btm-bg.gif) no-repeat;width:800px;height:39px;}
#callOut .content {width:750px; padding:0px 10px 0px 10px;margin:0px auto;font:bold italic 12pt Trebuchet MS,Verdana,Helvetica,sans-serif;}

#callOutWorkexp {width:831px;margin:0px auto;text-align:center;}
#callOutWorkexp .topBg {background: url(images/callout-Workexp-top.gif) no-repeat;width:832px;height:28px;}
#callOutWorkexp .midBg {background: url(images/callout-Workexp-mid.gif) repeat-y;width:832px;text-align:left;}
#callOutWorkexp .btmBg {background: url(images/callout-Workexp-btm.gif) no-repeat;width:832px;height:44px;}
#callOutWorkexp .midBg .content {width:800px; min-height:100px; margin:0px 0px 0px 20px;font:bold 10pt Verdana,sans-serif;}
#callOutWorkexp .midBg .content ul {margin:0px;padding:0px; width:780px;}
#callOutWorkexp .midBg .content li {margin:0px;padding:0px; padding-left:20px;}

#bottom_work_container {padding-top:5px;}
.description {float:left;width:97.5%;background:#F8F000; border:1px solid #BFA201;padding:10px;}

#UserWelcome {width:100%;}
#UserWelcome .content {background:#fffc86 url(images/welcomeBox-bg.gif) repeat-x;padding:10px;border:2px solid #fffb76;}
#UserWelcome .content .link {color:#37941c;font-size:9pt;font-weight:bold;text-decoration:underline;}
#UserWelcome .content .link:hover {text-decoration:none;color:#000;}
#UserWelcome p {font-size:8pt;font-weight:bold;color:#000;}


.blank {border-top:solid 1px #eee;}
.tblTitle {color:#000;font-weight:bold;}

#div_add_work {background:#f8f000 /*url(images/left_Col_bg.gif) top left repeat-x*/;border:solid 1px #bfa201;padding:10px;line-height:20px;}
#div_add_work p {color:#000;}
#div_add_qualification {background:#f8f000 /*url(images/left_Col_bg.gif) top left repeat-x*/;border:solid 1px #bfa201;padding:10px;line-height:20px;}
#div_add_qualification p {color:#000;}
#div_add_referees {background:#f8f000 /*url(images/left_Col_bg.gif) top left repeat-x*/;border:solid 1px #bfa201;padding:10px;line-height:20px;}
#div_add_referees p {color:#000;}

#block {background:#eee;border:1px solid #e0e0e0;}

#work_block {background:#eee;border:1px solid #e0e0e0;padding:10px;}

#edu_block {background:#eee;border:1px solid #e0e0e0;padding:10px;}

#refree_block {background:#eee;border:1px solid #e0e0e0;padding:10px;}

#frmBlock {border:solid 1px #eee;padding:10px;width:500px;margin:0px auto;min-height:100px;line-height:20px;text-align:left;}
#frmBlock-2 {border:solid 1px #eee;padding:10px;width:500px;margin:0px auto;text-align:center;min-height:100px;line-height:20px;text-align:left;}
.midAlign {text-align:center;}

#cntBox {background:#eaeaea;width:400px;padding:20px;line-height:22px;float:left;}

#contactRight {float:right;width:45%;font-size:11pt;font-family:arial; color:#232323;}
#contactRight p {color:#232323;border-bottom:1px solid #ccc;line-height:22px;}

#payment {width:100%;text-align:center;min-height:300px;}
#payment li {list-style-type:none;display:inline;padding:0px 15px 0px 15px;}
.saveNote{
	font-size:7pt; color:#999;
}


.comment {font-size:7pt;color:#101010;line-height:14px;}

#footer {background:url(images/footer_bg.gif) repeat-x; height:108px;width:100%;font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;color:#424242;font-size:8pt;text-align:center;padding-top:30px;}
#footer a {color:#424242;font-size:9pt;}
#footer a:hover {color:#222;} 
#footer .link {color:#1e6e87;font-size:9pt;}

#tooltip{
	position:absolute;
	border:1px solid #888;
	background:#e5effd;
	padding:2px 5px;
	color:#333;
	font-size:8pt;
	display:none;
	text-align:left;
}

#inactive {background: url(images/gray-bg.gif) top left no-repeat;float:left;margin:0px auto;margin-top:5px;height:36px;}	
#inactive .col-1 {float:left;padding:11px;font-weight:bold;}
#inactive .col-2 {float:right;width:25%;padding:11px;text-align:right;font-weight:bold;}

/* Password strength css*/

#iSM
{padding:0;height:14px;}
#iSM ul
{border:0;margin:4px 0 0 0;padding:0;list-style-type:none;text-align:center;}
#iSM ul li
{display:block;float:left;text-align:center;padding:1px 0 0 0;margin:0;height:14px;}
#iWeak,#iMedium,#iStrong
{width:84px;font-size:.8em;color:#adadad;text-align:center;padding:2px;background-color:#F1F1F1;display:block;}
#iWeak,#iMedium
{border-right:solid 1px #DEDEDE;}
#iMedium
{width:84px;}
#iMedium,#iStrong
{border-left-width:0;}

div.strong #iWeak, div.strong #iMedium, div.strong #iStrong  {
	background: #00CC66;
	color: #00CC66;
}

div.medium #iWeak, div.medium #iMedium {
	background: #FFFF99;
	color: #FFFF99;
}

div.medium #iWeak, div.medium #iMedium {
	background: #FFFF99;
	color: #FFFF99;
}

div.weak #iWeak {
	background: #FF0000;
	color: #FF0000;
}

div.strong #iStrong, div.medium #iMedium, div.weak #iWeak {
	color:#000;
}

/****** Slider ******/

#sliderWrap {
margin: 0 auto;
width: 300px;
}
#slider {

position: absolute;
background-image:url(images/slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 300px;
height: 159px;
margin-top: -141px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 50px 0 0 50px;
position: absolute;
text-align:center;
background-color:#FFFFCC;
color:#333333;
font-weight:bold;
padding: 10px;
}

#openCloseWrap {
position:absolute;
margin: 143px 0 0 120px;
font-size:12px;
font-weight:bold;
}

/*floating div*/

#floatMenu {
position:absolute;
top:90px;
left:50%;
margin-left:400px;
width:200px;
}

#floatMenu ul {
margin-bottom:20px;
}

#floatMenu ul li a {
display:block;
border:1px solid #999;
background-color:#222;
border-left:6px solid #999;
text-decoration:none;
color:#ccc;
padding:5px 5px 5px 25px;
}

#floatMenu ul li a:hover {
color:#fff;
background-color:#333333;
}

#floatMenu ul.menu1 li a:hover {
border-color:#09f;
}

#floatMenu ul.menu2 li a:hover {
border-color:#9f0;
}
#floatMenu ul.menu3 li a:hover {
border-color:#f09;
}