html, body {border: 0; margin: 10px 0 0 0; padding: 0;}

body {
  	font: 85%/0.9 arial, helvetica, sans-serif;
	background:#FFF;
  	line-height: 130%;
  	width: 100%;
  	min-width: 970px;
  	color: black;
}
#loading-indicator{
	position:fixed;
	z-index:1000;
	border:0;
	top:50%;
	filter:alpha(opacity=50);
	opacity: .50;
	left: 50%;
}
#header{
	margin:0 auto;
	text-align:center;
	height:150px;
	width:920px;
	background:url(../img/header-bg.jpg) no-repeat;
}
#header #logo{
	padding:0;
	margin: 0 0 0 35px;
	border:0;
	background:0;
	top:65px;
	position:absolute;
}
#header .search_right{
	float:right; 
	position:relative; 
	z-index:100; 
	top:110px;
	right:30px;
}
#header .search_right form{
	background:url(../img/search-bg.png) no-repeat;
	height:35px;
	width:290px;
	filter:alpha(opacity=90);
	opacity:.90;
}
#header .search_right form input{
	background:none;
	padding:2px;
	margin:6px 0px 2px -15px;
	border:0px;
	color:#690;
	display:inline;
}
#header .search_right form .input{
	width:225px;
	float:left;
	position:relative;
}
#header .search_right form .submit{
	width:60px;
	float:left;
	position:relative;
	margin-left:-5px;
}

#header p{
	position: absolute;
	margin: 0 0 0 105px;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.8em;
	letter-spacing: -.3px;
	color: #CCC;
	top:150px;
	
	/* change the values of top and left to adjust the position */
}

a {
	color: #0099CC;
	text-decoration: none;
}

a:hover {
	color: #00CCFF;
}

a img {
  border: none;/*remove border for linked images*/
}

h1 {
	font-size: 1.3em;
	height: 20px;
	padding:2px 3px 6px 10px;
	color:#09C;
	letter-spacing:-1px;
	background-position:top;
	border-bottom:2px solid #000;
}

h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
	color:#069;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
}

#content {
  	width: 897px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	background: url(../img/bckgrnd_bg.jpg) repeat-y;
	padding:10px;
}

/* Content form and styling... */
#container #content form label{
	width:200px;
}

#container #content	form{
	padding:5px 5px 5px 10px;
	border:2px solid #CCC;
}
#container #content form .input_style{
	width:250px;
	padding:2px;
	margin:2px;
	border:1px solid #CCC;
}
#container #content form .side_add_info .input_style{
	width:250px;
	padding:2px;
	margin:2px;
}
#container #content form .side_add_info{
	float:right;
	padding:2px; 
	margin:42px 2px 2px 2px;
	position:relative;
	height:150px; width:425px;
	background:#d6eef4;
}
#container #content form .side_add_info2{
	float:right;
	padding:0px 2px 2px 2px;
	margin:0px 2px 2px 2px;
	position:relative;
	height:150px; width:425px;
}
#container #content form .side_add_info3{
	float:right;
	padding:0px 2px 2px 2px;
	margin:0px 4px 2px 2px;
	position:relative;
	height:150px; width:425px;
	background:#d6eef4;
}
#container #content form .side_add_info2 .input_style{
	width:250px;
	padding:2px;
	margin:2px;
}
#container #content form select#ProfileBirthdateMonth{
	width:120px;
	padding:2px;
	margin:2px;
}
#container #content form select#ProfileBirthdateDay{
	width:60px;
	padding:2px;
	margin:2px;
}
#container #content form select#ProfileBirthdateYear{
	width:60px;
	padding:2px;
	margin:2px;
}

#container #content form select#ProfileDateHiredMonth{
	width:120px;
	padding:2px;
	margin:2px;
}
#container #content form select#ProfileDateHiredDay{
	width:60px;
	padding:2px;
	margin:2px;
}
#container #content form select#ProfileDateHiredYear{
	width:60px;
	padding:2px;
	margin:2px;
}
#container #content form select#ProfileDateEndMonth{
	width:120px;
	padding:2px;
	margin:2px;
}
#container #content form select#ProfileDateEndDay{
	width:60px;
	padding:2px;
	margin:2px;
}
#container #content form select#ProfileDateEndYear{
	width:60px;
	padding:2px;
	margin:2px;
}

#container #content form select#ProfilePrevDateHiredMonth{
	width:120px;
	padding:2px;
	margin:2px;
}
#container #content form select#ProfilePrevDateHiredDay{
	width:60px;
	padding:2px;
	margin:2px;
}
#container #content form select#ProfilePrevDateHiredYear{
	width:60px;
	padding:2px;
	margin:2px;
}
#container #content form select#ProfilePrevDateEndMonth{
	width:120px;
	padding:2px;
	margin:2px;
}
#container #content form select#ProfilePrevDateEndDay{
	width:60px;
	padding:2px;
	margin:2px;
}
#container #content form select#ProfilePrevDateEndYear{
	width:60px;
	padding:2px;
	margin:2px;
}

#container #content form .textarea_style2{
	width:850px;
	padding:2px;
	margin:2px;
	height:300px;
}


#container #content form .textarea_style{
	width:400px;
	padding:2px;
	margin:2px;
	height:100px;
	border:1px solid #CCC;
}
#container #content	form div.title_label{
	width:100%;
	color:#033;
}

/* Content form flash message... */

#container #content form .required {
	color: #f00;
}
#container #content div .flash{
	clear: both;
	padding-top:3px;
	padding-bottom:3px;
	color: #fff;
	width:99%;
	font-weight:bold;
	margin-bottom:2px;
	background:#f00;
	border: 1px solid #f00;		
}
#container #content form .flash {
	clear: both;
	padding-top:3px;
	padding-bottom:3px;
	color: #fff;
	width:100%;
	font-weight:bold;
	margin-bottom:2px;
	background:#f00;
	border: 1px solid #f00;		
	}

#container #content form .field_title{
	width:99%;
	padding:3px;
	border-bottom:2px solid #393;
	font-weight:bold; 
	text-transform:capitalize;
	margin-top:10px;
	margin-bottom:10px;
}

#container #content form .side_add_info .field_title{
	width:99%;
	padding:3px;
	border-bottom:2px solid #393;
	font-weight:bold; 
	text-transform:capitalize;
	margin-top:10px;
	margin-bottom:10px;
}


/* footer */
#footer{
	height:46px; 
	width:920px;
	margin:0 auto;
	background:url(../img/footer-bg.jpg) no-repeat;
}

#footer .bottom-left {
	float: left;
	padding-left:15px;
	padding-top:5px;
	font-size:11px;
	color:#CCC;
}
#footer .bottom-right {
	text-align: right;
	padding-right: 0;
	padding-top:10px;
	padding-right:15px;
	font-size:11px;
}



/* clearing */
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

#container #content .paging{
	float:left;
	position:relative;
	background:#021c23;
	width:870px;
	padding:3px;
	margin-left:10px;
	color:#CCC;
	border:1px solid #021c23;
}
#container #content .paging div{
	width:435px;
	position:relative;
	float:left;
}

#container #content .center{
	width:875px;
	padding:5px 2px 2px 2px;
	position:relative;
	background:#CCC;
	color:#CCC;
	margin-left:10px;
}
#container #content .center span{
	padding:2px 4px 4px 4px;
	border-top:1px solid #021c23;
	border-right:1px solid #021c23;
	border-left:1px solid #021c23;
	margin:0 0px 0 0px;
	color:#666;
	
}
#container #content .center .current{
	padding:2px 4px 2px 4px;
	border:1px solid #333;
	margin:0 0px 0 0px;
	color:#666;
	background:#021c23;
	
}
#container #content .clear{
	width:100%;
	height:1px;
}

#container #content div .row1{
	background:#CCC;
}
#container #content div .row{
	background:#efffff;
	padding:5px;
}
#container #content div .row div img{
	padding:4px;
	width:100px;
}
#container #content div .row1 .img_holder{
	float:left;
	position:relative;
	width:110px;
	border:2px solid #999;
	background: url(../img/no_image.jpg) no-repeat;
	min-height:80px;
	text-align:center;
}
#container #content div .row .img_holder{
	float:left;
	position:relative;
	width:110px;
	border:2px solid #999;
	background: #7fcfd8 url(../img/no_image.jpg) no-repeat;
	min-height:80px;
	text-align:center;
}
#container #content div .row1{
	background: #bcdce1;
	padding:5px;
}
#container #content div .row1 div img{
	padding:4px;
	width:100px;
}


/*page profile*/
    
#container #content div .left_profile_container{
	width:560px;
	padding:2px;
	min-height:360px; 
	float:left; 
	position:relative;
	background:#FFF;
}
#container #content div .left_profile_container .employment_info{
	margin:5px;
}
#container #content div .left_profile_container .employment_info .full_area{
	width:535px; border:1px solid #999; min-height:100px; padding:5px; background:#efefef; border:1px solid #ccc;
}

#container #content div .left_profile_container .employment_info .title-info{
	width:163px; padding:2px; float:left; position:relative; border:1px solid #333;
	margin-right:2px; margin-bottom:2px; background:#333; color:#CCC;
}
#container #content div .left_profile_container .employment_info .container-info-view{
	width:370px; padding:2px; float:left; position:relative; border:1px solid #CCC;
	margin-bottom:2px; background:#efefef;
}

#container #content div .left_profile_container h2{
	border-bottom:#069 2px solid;
}
#container #content div .right_profile_container{
	font-size:12px;
	width:300px; 
	padding:25px 2px 2px 2px;
	margin-left:5px;
	float:left; 
	position:relative;
	background:#FFF;
}
#container #content div .right_profile_container div h2{
	font-size:16px;
	font-weight:bold;
	width:100%;
	border-bottom:1px solid #CCC;
	text-transform:capitalize;
}
#container #content div .right_profile_container .img_profile_holder{
	width:150px;
	padding:3px;
	border:2px solid #999;
	margin:0 auto;
	min-height:100px;
	background:#7fcfd8 url(../img/no_image.jpg) no-repeat;
	background-position:center;
 }
 #container #content div .right_profile_container .info_prof_holder{
	 width:95%; margin-top:10px; margin-bottom:15px; padding:8px;
 }
 #container #content div .right_profile_container .info_prof_holder .each_file{
	 width:96%; background:#efefef; padding:4px; border-bottom:1px solid #ccc;
 }
/*Search results*/

#container #content ol .search_wrap{
	background:#bcdce1;
	padding:4px;
}
#container #content ol .search_wrap01{
	background:#efffff;
	padding:4px;
}


/* Navigation style*/
#header #navigation-wrapper{
	float:right; position:relative; top:196px;
	width:350px; right:-260px; height:40px;
	background:url(../img/nav-bg.png) no-repeat;
	text-align:center; padding-left:12px;
}
#header #navigation-wrapper ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 1.1em;
}
#header #navigation-wrapper ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:40px;
}
#header #navigation-wrapper ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 20px;
	float: left;
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}
#header #navigation-wrapper ul#topnav a, ul#topnav span div.current { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	color: #629e03;
	height: 40px;
	background-position:top;

}
#header #navigation-wrapper ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #629e03;
}

#header #navigation-wrapper ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}


/*home style*/

#container #content .home-container{
	width:426px; 
	background: url(../img/home-bg.jpg) repeat-y;
	min-height:250px; 
	margin-top:10px; 
	margin-bottom:10px; 
	text-align:left; 
	padding:25px 8px 15px 11px ;
	color:#fff;
}
#container #content .home-container .b_style{
	 font-size:18px; color:#6FF;
}
#container #content .home-container .b_style2{
	 font-size:16px; color:#093;
}
#container #content .home-container .b_style3{
	 font-size:16px; color:#990;
}
#container #content .home-container .img-holder{
	float:left;
	position:absolute;
	z-index:10;
	margin-top:-27px;
	margin-left:-11px;
}
#container #content .home-container .img-holder-bottom{
	float:left;
	position:absolute;
	z-index:10;
	margin-top:0px;
	margin-left:-11px;
}
#container #content .home-container .icon_holder{
	float:right;
	position:
	relative;
}