html {
	height: 100%;
		
}
body {
background-image: url(/images/wrap-bckd-1040-y.jpg);
 background-repeat: repeat-y;
 background-position: center top;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;	
	
	
}
a {
 font-family: Arial, Helvetica, sans-serif;
 color: #0099CC;
 text-decoration: none;
}
a:hover { color: #333333; 
}
#wrap-1040 {
 width: 1040px;
 margin-right: auto;
 margin-left: auto;
 height: 100%;
 background-image: url(/images/wrap-bckd-1040-y.jpg);
 background-repeat: repeat-y;
 background-position: center top;
 min-height: 100%;
 height: auto !important;
 margin-bottom: 0px;
 
	
}
#wrap-1000 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	min-height: 100%;
	height: auto !important;
	_height: 100%;
}
	
#headerplan {
	background-image: url("/images/banner.jpg");
	background-repeat: no-repeat; 
	height: 290px;
	position: relative;
}
#headerhome, #headeradmin, #headerprint {
	background-image: url("/images/banner.jpg"); 
	background-repeat: no-repeat; 
	height: 168px;
	position: relative;
}

.home-image {
	background-repeat: no-repeat;
	width: 275px;
	height: 106px;
	margin-top:10px;
	margin-left:7px;
}
#home-image-1 {
	background-image: url("/images/home1.jpg"); 
}
#home-image-2 {
	background-image: url("/images/home2.jpg"); 
}
#home-image-3 {
	background-image: url("/images/home3.jpg"); 
}
#home-image-4 {
	display:none;
}
#home-image-5 {
	display:none;
}
#buttons-wrapper {
	position: absolute;
	bottom: 0;
	width:100%;
	overflow:auto;
	height: 114px;
	overflow: hidden;
}
#close {
	float: right;
	margin-right: 40px;
	_margin-right: 20px;
		
}
#close-left {
	float: right;
	margin-right: 20px;
	_margin-right: 10px;
		
}
.small-logo {
	background-image: url('/images/logo-box.jpg');
	background-repeat: no-repeat;
	padding-left: 48px;
	height:25px;
}

#search-results-image {
 	float: left;
 	margin-left: 20px;
}

#search-buttons1 {
	margin-top: 10px;
	float: left;
	width: 53%;
	margin-left: 15px;
}

#search-buttons2
{
	width: 53%;
	float: left;

	margin-top: 3px;
	margin-left: 15px;
}
.popup-box-links
{
	width: 60%;
	float: left;
	clear: both;
	margin-top: 3px;
	margin-left: 15px;
}

#search-box
{
	text-align:right;
	float: right;
	clear: none;
	margin-top: 10px;
	/*width: 365px;*/
	width: 400px;
	margin-right: 20px;
	_margin-right: 1px;
	
}

#search-box input
{
	/*
	background-image: url(/images/search-box-bckg.jpg);
	background-attachment: scroll;
	
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;*/
	height: 28px;
	width: 241px;
	font-size: 16px;
	text-indent: 5px;
	float: left;
	text-align: left;
}
#search-text {
	color: #0099CC;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-weight: bold;
}

#search-button
{
	float: right;
	width: 44px;
	margin-left: 10px;
}
#email-friend
{
	float: right;
	clear:both;
	height:32px;
	width: 125px;
	margin-right:5px;
}
#saved-plans
{
	height:100%;
	float: right;
	margin-top: 5px;
	clear:both;
}
#saved-plans-content
{
	background-color: white;
	position:absolute;
	clear:both;
	right: 20px;
}
#saved-plans-content td
{
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #CCCCCC;
 padding-bottom: 5px;
 padding-top: 10px;
}
#plan_row {

}

#content {
 margin: auto;
 width: 1000px;
 height: 100%;
 min-height: 100%;
 height: auto !important;
	position: relative;

}

#left-col {
	height: 100%;
	min-height: 100%;
	height: auto !important;
	width: 280px;
	float: left;
	clear: both;
	margin-left: 10px;
	padding-top: 20px;
}
#search-left {
	margin-left: 100px;
	margin-bottom: 10px;
}
#midd-col {

}
#quick-help {
	padding-left: 20px;
	padding-right: 20px;
}

#quick-help a {
	color: #0099CC;
}
#right-col {
	padding-top: 20px;
	min-height: 690px;
	clear:none;
	width:700px;
	float:right;
	color:white;
	font-size: 15px;
}

#spanning-col {
	height: 100%;
	width: 960px;
	float: left;
	margin-left: 10px;
	min-height: 100%;
	height: auto !important;
	clear: right;	
}
#contributors {
	clear:both;text-align:center;padding-bottom:3px;padding-top:10px;
}
#footer-wrap {
 clear: both;
 width: 1040px;
 margin-right: auto;
 margin-left: auto;
 background-image: url(/images/footer-bckd-1040.jpg);
 _background-image: none;;
 background-repeat: no-repeat;
 background-position: center top;
 _margin-bottom: 0px;
}

#footer-content {
 padding: 20px;
 font-size: 11px;
 width: 80%;
 margin-right: auto;
 margin-left: auto;
 text-align: center;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
 border-left-color: #CCCCCC;
 
}
#footer-content a{
	color: #666666;
	text-decoration: none;
}
#footer-content a:hover{
	color: #0099CC;
	text-decoration: none;
}

#buttons
{
	float: left;
}
#login-box-top {
	height:20px;
	background-image:url('/images/box-left-top.jpg');
	background-repeat:no-repeat;
}
#box-top {
	height:20px;
	background-image:url('/images/box-left-top.jpg');
	background-repeat:no-repeat;
}
#box-right-top {
	height:20px;
	background-image:url('/images/box-right-top.jpg');
	background-repeat:no-repeat;
}
#login-box-bottom {
	height:20px;
	background-image:url('/images/box-left-bott.jpg');
	background-repeat:no-repeat;
	clear:both;
}
#box-bottom {
	height:20px;
	background-image:url('/images/box-left-bott.jpg');
	background-repeat:no-repeat;
	clear:both;
}
#box-right-bottom {
	height:20px;
	background-image:url('/images/box-right-bott.jpg');
	background-repeat:no-repeat;
	clear:both;
}
#box-left-top {
	height:20px;
	background-image:url('/images/box-left-top.jpg');
	background-repeat:no-repeat;
}
#box-left-bottom {
	height:20px;
	background-image:url('/images/box-left-bott.jpg');
	background-repeat:no-repeat;
	clear:both;
}
#box-left {
	background-image: url(/images/box-left-ext-y.jpg);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#login-box-left {
	background-image: url(/images/box-left-ext-y.jpg);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

#box-content {
 float: left;
 padding-right:5px;

 padding-left: 20px;
 width: 250px;

}
#login-box-content {
 float: left;
 padding-right:5px;

 padding-left: 20px;
 width: 250px;

}
.plan-row {
	padding-left:15px;
	float: left;
	margin-bottom: 5px;
	text-align:left;
	font-size:11px;
}

.box-content-row {
 width: 210px;
 float: left;
 margin-bottom: 5px;

}
.box-content-row2 {
 width: 210px;
 float: left;
 margin-bottom: 5px;
 background-color: #00FF00; 
}
#unit- { background-color: #00FF33; }
.box-content-row a{
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.box-content-row a:hover{
	
	color: #0099cc;
	text-decoration: none;
}


.box-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0099cc;
	
}
.box-header2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #333333;
 font-weight: bold;
 margin-left: 55px;
 display: block;
 margin-bottom: 20px;

}
.add-button {
 float: right;
 margin-bottom: 5px;
 clear: right;
}
.select-button {
float:right;

 
}
.add-button2 {
 float: right;

}

/* rule box */
#box-rule {
 background-image: url(/images/box-right-ext-y.jpg);
 background-repeat: repeat-y;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 *width: 685px;
 *margin-bottom: -3px;
 
}
#box-content-rule {
	float: left;
	padding-right:5px;
	padding-bottom: 15px;
	padding-left: 20px;
	width: 600px;
    
	
}

/* right box*/
#box-right {
 background-image: url(/images/box-right-ext-y.jpg);
 background-repeat: repeat-y;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 *width: 685px;
 *margin-bottom: -3px;
  

}
#box-content-right {
 float: left;
 padding-right:5px;
 padding-bottom: 15px;
 padding-left: 20px;
 width: 600px;

}
.box-content-row-right {
 width: 500px;
 float: left;
 margin-bottom: 5px;

}
.box-content-row-right a{
 font-size: 11px;
 color: #000000;
 text-decoration: none;

}

.box-content-row-right a:hover{
	font-size: 11px;
	color: #0099cc;
	text-decoration: none;
}
.remove-button {
	
	float: right;
}
#save-plan {
	float: right;
	padding-top: 30px;
}

#headers-right {
	float: left;
}
.important-text {
	color: #0099CC;
	font-weight: bold;
}
 
.black_overlay {
  display: none;
  position: absolute;
  top: 0%;  
  left: 0%;
  width: 100%;
  height: 917px;
  *height: 857px;
  _height: 818px;
  background-color: black;
  z-index:1001;
  -moz-opacity: 0;
  opacity:0;
  filter: alpha(opacity=0);
}

.white_content {
 display: none;
 position: absolute;
 top: 10%;
 left: 25%;
 z-index:1002;
 overflow:auto;
 width:650px;
 overflow-y:hidden;
}

.t {
	width: 400px;
	
	background-image: url(/images/dot.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	
}
.b {
	background-image: url(/images/dot.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
.l {
	
	background-image: url(/images/dot.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}
.r {background: url(/images/dot.gif) 100% 0 repeat-y;}
.bl {background: url(/images/bl.gif) 0 100% no-repeat;}
.br {background: url(/images/br.gif) 100% 100% no-repeat;}
.tl {

	background-image: url(/images/tl.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}
.tr {background: url(/images/tr.gif) 100% 0 no-repeat; padding:10px; } 


.t_info {
	width: 20em;
	
	background-image: url(/images/dot.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	
}
.b_info {
	background-image: url(/images/dot.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
.l_info {
	
	background-image: url(/images/dot.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}
.r_info {background: url(/images/dot.gif) 100% 0 repeat-y;}
.bl_info {background: url(/images/bl_info.gif) 0 100% no-repeat;}
.br_info {background: url(/images/br_info.gif) 100% 100% no-repeat;}
.tl_info {

	background-image: url(/images/tl_info.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}
.tr_info {background: url(/images/tr_info.gif) 100% 0 no-repeat; padding:10px; } 

/* for register.php*/

#AddEditUser {
 color: #0099cc;
 margin-top: 30px;
 margin-left: 30px;
}
#AddEditUser input {
 background-color: #F8F8F8;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #0099CC;
 border-right-color: #0099CC;
 border-bottom-color: #666666;
 border-left-color: #666666;
}

#Login input {
 background-color: #F8F8F8;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #0099CC;
 border-right-color: #0099CC;
 border-bottom-color: #666666;
 border-left-color: #666666;
 margin-bottom: 5px;
}

.skillsformtext {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#000000;
}

.skillsform {
 font-family:Arial,Helvetica,sans-serif;
 font-size:11px;
 background-color: #F8F8F8;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #0099CC;
 border-right-color: #0099CC;
 border-bottom-color: #666666;
 border-left-color: #666666;
}
#info-box {
	float:left;
	clear:both;
	height:550px;
	overflow-y:auto;
	font-size: 11px;
	width:640px;
	padding-left: 10px;
}
/* popup*/
#SavePlan  {
color: #0099cc;


}
#white_content_inner {
 color: #0099cc;
 height:550px;
 overflow: show;
 padding-top: 30px;
 padding-right: 5px; 
 overflow-y: none;
}
#white_content_inner p {
 padding: 20px;
 

}
#white_content_inner h1 {

 margin-top: 20px; 
}
.close {
 float: right;
 margin: 0px;
 padding: 0px;
 position: absolute;
 top: 5px;
 left: 630px;
}
.text-front {
	background-image: url("/images/grad.jpg");
	background-repeat: no-repeat;
	padding: 0 20px;
	margin-right: 20px;
	padding-top: 20px;
}





.veli{display:block}
.veli *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.veli1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d3d3d3;
  border-right:1px solid #d3d3d3;
  background:#ececec}
.veli2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #bababa;
  border-right:1px solid #bababa;
  background:#f0f0f0}
.veli3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0;}
.veli4{
  border-left:1px solid #d3d3d3;
  border-right:1px solid #d3d3d3}
.veli5{
  border-left:1px solid #ececec;
  border-right:1px solid #ececec}
.velifg{
  background:#ffffff}

#searchdiv {
	clear: both; padding-top:10px; padding-bottom:10px;
}

.addcustom {
	font-size:11px;
	}
	img.add { border:0; }
	img.cancel { border:0; }
	
	hr { height: 1px; border: dashed; color: #ccc; }
html>body hr { border: none; border-top: 1px dashed #ccc; }
/************************/

.paging 
{
		font-size:14px;
}

#plan-print-preview {
	font-size: 11px; 
	color: #0099CC;
	background-color: white; 
	padding-left: 40px; 
	padding-right: 40px; 
	padding-top: 20px; 
	position: relative;
}

/*GREEN UNITS FUNCTIONALITIES*/
a.green-unit {
	color: green;
}
a#green-filter {
	width:20px;
	height:20px;
	cursor: pointer;
	display: block;
}
a#green-filter.on {
	background-image:url('/images/green-filter-on.png');
}
a#green-filter.off {
	background-image:url('/images/green-filter-off.png');
}
.green-icon {
	background-image: url("/images/green-unit.png"); 
	width: 15px; 
	height: 15px; 
	display: block; 
	float: left; 
	margin-right: 2px;
}
/*PRE REQUISTES UNITS FUNCTIONALITIES*/

.prerequisite-icon {
	background-image: url("/images/prerequisite.png"); 
	width: 15px; 
	height: 15px; 
	display: block; 
	float: left; 
	margin-right: 2px;
}
.field-text {
	color: #156C9D;
	
}

/*BUTTONS*/
#search-buttons1 a {
	height: 52px;
	float: left;
	cursor: pointer;
}
#occ {
	width:131px;
	background-image:url('/images/occupation-off.jpg');
}
#occ.on{
	background-image:url('/images/occupation-on.jpg');
}
#cat {
	width:126px;
	background-image:url('/images/category-off.jpg');
}
#cat.on {
	background-image:url('/images/category-on.jpg');
}
#qual {
	width:125px;
	background-image:url('/images/qualification-off.jpg');
}
#qual.on {
	background-image:url('/images/qualification-on.jpg');
}
#skill {
	width:133px;
	background-image:url('/images/skillset-off.jpg');
}
#skill.on {
	background-image:url('/images/skillset-on.jpg');
}
#search-buttons2 a {
	height: 48px;
	float: left;
	cursor: pointer;
}
#cert_1 {
	width:100px;
	background-image:url('/images/cert1-off.jpg');
}
#cert_1.on{
	background-image:url('/images/cert1-on.jpg');
}
#cert_2 {
	width:100px;
	background-image:url('/images/cert2-off.jpg');
}
#cert_2.on{
	background-image:url('/images/cert2-on.jpg');
}
#cert_3 {
	width:100px;
	background-image:url('/images/cert3-off.jpg');
}
#cert_3.on{
	background-image:url('/images/cert3-on.jpg');
}
#cert_4 {
	width:100px;
	background-image:url('/images/cert4-off.jpg');
}
#cert_4.on{
	background-image:url('/images/cert4-on.jpg');
}
#diploma {
	width:104px;
	background-image:url('/images/diploma-off.jpg');
}
#diploma.on{
	background-image:url('/images/diploma-on.jpg');
}
#menu ul.level1 a {
	height: 25px;
	cursor: pointer;
}
#menu a#new-plan {
	width:91px;
	background-image:url('/images/new-plan.jpg');
	background-repeat: no-repeat;
}
#menu a#print-plan {
	width:61px;
	background-image:url('/images/print-big.jpg');
	background-repeat: no-repeat;
}
#menu a#save-plan-top {
	width:61px;
	background-image:url('/images/save-plan.jpg');
	background-repeat: no-repeat;
}
#menu a#help-top {
	width:61px;
	background-image:url('/images/help.jpg');
	background-repeat: no-repeat;
}
#menu a#logout {
	width:61px;
	background-image:url('/images/logout-big.jpg');
	background-repeat: no-repeat;
}

a#email-friend-link {
	cursor: pointer;
	background-image:url('/images/email-friend.jpg');
	height: 32px;
	width: 131px;
	display:block;
	background-repeat: no-repeat;
}
#saved-plans a {
	cursor: pointer;
	background-image:url('/images/saved-plans.jpg');
	height: 35px;
	width: 220px;
	display: block;
	background-repeat: no-repeat;
}

#email-us {
	position:relative;
	left:-15px;
	cursor:pointer;
	background-image: url('/images/email_us_off.jpg');
	height: 52px;
	width: 160px;
	display:block;
}
#email-us.on {
	background-image: url('/images/email_us_on.jpg');
}
#saved-plans-content a {
	cursor: pointer;
	background-repeat: no-repeat;
	height: 13px;
	display: block;
}
#saved-plans-content a.open {
	background-image: url("/images/load.jpg"); 
	width: 43px;
} 
#saved-plans-content a.edit {
	background-image: url("/images/edit.jpg"); 
	width: 37px;
} 
#saved-plans-content a.copy {
	background-image: url("/images/save_as.jpg"); 
	width: 45px;
} 
#saved-plans-content a.download {
	background-image: url("/images/download.jpg"); 
	width: 70px;
} 
#saved-plans-content a.print {
	background-image: url("/images/print.jpg"); 
	width: 41px;
} 
#saved-plans-content a.delete {
	background-image: url("/images/delete.jpg"); 
	width: 50px;
}
a.function-button {
	float: right;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}
a.function-button.info-button {
	background-image: url("/images/info.jpg");
	width: 14px;
	height: 14px;
}
a.function-button.plus-button {
	background-image: url("/images/plus.jpg");
	width: 14px;
	height: 14px;
}
a.function-button.minus-button {
	background-image: url("/images/minus.jpg");
	width: 14px;
	height: 14px;
}
a.function-button.select-button {
	background-image: url("/images/add-button.jpg");
	width: 39px;
	height: 14px;
}
a.function-button.remove-button {
	background-image: url("/images/remove-button.jpg");
	width: 65px;
	height: 14px;
}
a.print-preview-button {
	cursor: pointer;
	display: inline;
	background-repeat: no-repeat;
	height: 32px;
	float:left;
	margin-right: 10px;
}
a.print-preview-button.print {
	background-image: url("/images/print-big.jpg");
	width: 66px;
}
a.print-preview-button.email {
	background-image: url("/images/email2.jpg");
	width: 66px;
}
a.print-preview-button.pdf {
	background-image: url("/images/pdf.jpg");
	width: 66px;
}
a.print-preview-button.back {
	background-image: url("/images/back-to-plans.jpg");
	width: 111px;
}

/** New text-content added by Mayura for privacy,declaimer, acknowledgements **/

#text-content {
	float: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	min-height: 700px;
	width:960px;
	font-size: 11px;
}

div#tutorial-container {
	float:left;
	clear:both;
	height:550px;
	overflow:hidden;
	overflow-y:none;
	overflow-x:none;
	font-size: 11px;
	width:700px;
}
#chapter_title {
	color:#73AED3;
	font-size:18px;
	font-weight:bold;
}
div#cue_points a, div#cue_points a:hover, div#cue_points a.off {
	color: #000000;
}
div#cue_points a.on {
	color: #FF0000;
}
div#tutorial-container span#chapters-text {
	color: grey;
	font-size: 16px;
}
div#tutorial-container span#title-text {
	color: grey;
	font-size: 18px;
	font-weight:bold;
}