html {
	margin: 0;
	padding: 0;
}
/* CSS Document */
form{
	display: inline;
}
body{
	margin: 15px 0 10px 0;
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
}
.bottom-link-text, .mainlevel{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #525252;
	line-height: 18px;
	text-align: center;
	background-position: top;
	background-repeat: no-repeat;
}
.bottom-link-text a , .mainlevel a{
	color: #525252;
	text-decoration: none;
}
.bottom-link-text{
	background-image: url(../../../images/bottom-bg.gif);
}
.bottom-link-text a:hover, .mainlevel a:hover{
	color: #010101;
}
.bottom-link-text table {
	text-align: center ;
}
.copyright-text{
	color: #010101;
}
.content-bg{
	background-image:url(../../../images/content-bg.gif);
	background-repeat: repeat-y;
}
.full-content-bg{
	background-image:url(../../../images/left-bg.gif);
	background-repeat: repeat-y;
}
.title-text{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #1C1D1F;
	padding: 0 0 0 15px;
}
.title-text2{
	font-family: Arial, Tahoma, Arial, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #68696A;
	padding: 0 0 0 15px;
	height: 22px;
}
.title-text3{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #0064A8;
	background-image: url(../../../images/form-divider.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 6px 0px 8px 0px;
}
.cata-text{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #0064A8;
	line-height: 18px;
	padding: 0px 0 3px 15px;
}
.cata-text a{
	color: #525252;
	text-decoration: none;
	font-weight: normal;
}
.cata-text a:hover{
	color: #EE1C25;
	font-weight: normal;
}
.cata-text-login{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #0064A8;
	line-height: 18px;
	padding: 0px 0 3px 0px;
}
.cata-text-login a{
	color: #525252;
	text-decoration: none;
	font-weight: normal;
}
.cata-text-login a:hover{
	color: #EE1C25;
	font-weight: normal;
}
.text{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	line-height: 18px;
}
.text-bold{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #525252;
	line-height: 18px;
}
.text-bold-success{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #3366FF;
	line-height: 18px;
}
.text-bold a{
	color: #525252;
}
/* -------------------------------------------------------------- */
.form-padding{
	padding: 10px 15px 10px 15px;
}
.form-text{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #525252;
	line-height: 18px;
}
.form-divider{
	background-image: url(../../../images/form-divider.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 6px 0px 8px 0px;
}
.form-divider-padding{
	padding: 6px 0px 8px 0px;
}
.text-field{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	width: 250px;
	height: 18px;
}
.text-field-error{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	width: 250px;
	height: 18px;
	border:1px solid #FF0000 ;	
}
.text-area{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	width: 250px;
	height: 100px;
}
.text-field-full{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	width: 448px;
	height: 250px;
}
.text-field2{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	width: 280px;
	height: 18px;
}
.text-field3{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	width: 250px;
	height: 65px;
}
.drop-down{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	width: 250px;
}
.inputbox {
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	width: 250px;

}
.smallselectbox {
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	width: 100px;

}
.inputboxsmall {
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	width: 220px;

}

.form-color1{
	background-color: #DDDDDD;
	padding: 3px 0px 5px 0px;
}
.form-color2{
	background-color: #E9E9E9;
	padding: 3px 0px 5px 0px;
}
.form-color3{
	background-color: #C5C5C5;
	padding: 3px 0px 5px 0px;
}
.form-color1-padding{
	background-color: #DDDDDD;
	padding: 2px 15px 4px 15px;
}
.form-color2-padding{
	background-color: #E9E9E9;
	padding: 2px 15px 4px 15px;
}
.form-text2{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #2C2D31;
	line-height: 18px;
	padding: 0px 15px 0px 15px;
}
.form-text2 a{
	color: #2C2D31;
	text-decoration: none;
}
.form-text2 a:hover{
	color: #2C2D31;
	font-weight: bold;
	text-decoration: none;
}
.form-text2-bold{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #6B6B6B;
	line-height: 17px;
	padding: 8px 15px 0px 15px;
	background-color: #F0F0F0;
}
.form-text2-bold a{
	color: #6B6B6B;
	text-decoration: none;
}
.form-text2-bold a:hover{
	color: #1F2022;
	text-decoration: none;
}

.form-text3-bold{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #6B6B6B;
	line-height: 17px;
	padding: 8px 15px 0px 15px;
	background-color: #C5C5C5;
}
.form-text3-bold a{
	color: #6B6B6B;
	text-decoration: none;
}
.form-text3-bold a:hover{
	color: #1F2022;
	text-decoration: none;
}

.form-text2-bold2{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #2C2D31;
}



.table-bold{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #2B2B2B;
	line-height: 16px;
	padding: 2px 0px 2px 0px;	
	border-bottom: 1px solid #BFBFBF;
}
.table-text{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #2B2B2B;
	line-height: 16px;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #BFBFBF;
}
.table-bold-1{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #2B2B2B;
	line-height: 16px;
}
.table-text-1{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #2B2B2B;
	line-height: 16px;
}
.table-text-1 a{
	color: #2B2B2B;
}
.table-red{
	color: #EE1D20;
}
.display-text{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #0064A8;
	padding: 5px 0 5px 15px;
	background-color: #F0F0F0;
}
.display-field{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	width: 45px;
	height: 16px;
}
.star{
	font-size: 13px;
	font-weight: normal;
	color: #EC1D25;
}
.red-bold{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #EC1D25;
	line-height: 18px;
}
.catagory-text{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-image: url(../../../images/divider.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0px 0px 0 8px;
}
.catagory-text-wd{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
.catagory-text2{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-image: url(../../../images/divider2.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0px 8px 0 10px;
}
.catagory-text2-wd{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding: 0px 8px 0 10px;
}
/* -------------------------------------------------------------- index */
.button-bg{
	background-image: url(../../../images/button-bg.gif);
	background-repeat: repeat-x;
	height: 27px;

}
.button-bg div 
{
	
}
.button-text{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #A9A9A9;
	background-image: url(../../../images/button-divider.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-align: center;
}
.button-text a{
	color: #A9A9A9;
	text-decoration: none;
}
.button-text a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.banner-normal-text{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #848484;
	padding: 27px 0 20px 18px;
	line-height: 21px;

}
.banner-normal-text h1{
	line-height: 26px;
	display: inline;
	font-size: 12px;
}
.banner-normal-text h2{
	line-height: 24px;
	display: inline;
	font-size: 12px;
}
.banner-normal-text-b{
	font-size: 14px;
	font-weight: bold;
	color: #313437;
}
.banner-normal-text-b-redcolor{
	font-size: 14px;
	font-weight: bold;
	color: #ED1C24;
}
.banner-normal-text2{
	font-size: 18px;
	font-weight: bold;
	color: #313437;
}
.banner-normal-text2-redcolor{
	font-size: 18px;
	font-weight: bold;
	color: #ED1C24;
}
.banner-normal-text3{
	font-size: 18px;
	font-weight: bold;
	color: #006EB3;
}
.banner-normal-text4{
	font-size: 20px;
	font-weight: bold;
	color: #020201;
}
.banner-normal-text4-redcolor{
	font-size: 20px;
	font-weight: bold;
	color: #ED1C24;
}
.panel-divider{
	background-image: url(../../../images/panel-divider.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 10px;
}
.panel-divider-right{
	background-image: url(../../../images/panel-divider-right.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 10px;
}
.panel-divider2{
	background-image: url(../../../images/panel-divider2.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 10px;
}
.panel-divider2-right{
	background-image: url(../../../images/panel-divider2-right.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 10px;
}
.job-bg{
	background-image: url(../../../images/job-bg.gif);
	background-position: top;
	background-repeat: repeat-y;
	padding: 6px 20px 0 20px;
}
.register{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #272727;
	background-image: url(../../../images/title.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 8px 0px 8px 0px;
}
.register a{
	color: #272727;
}
.register-divider{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #929292;
		float:left;
}
.signup{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #ED1D24;
		float:left;
}
.registerspan{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #ED1D24;
	float:left;

}
.username{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #5E5E5E;
	padding: 8px 0px 3px 0px;
}
.job-textfield{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #424243;
	width: 167px;
	height: 17px;
}
.home-blue-text{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #0064AA;
	/**
	background-image: url(../../../images/title2.gif);
	background-position: bottom;
	background-repeat: no-repeat;*/
	padding: 0px 0px 11px 0px;
}
.home-blue-text-with-bg{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #0064AA;
	background-image: url(../../../images/title2.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 11px 0px;
}
.home-blue-text a{
	color: #0064AA;
}
.home-blue-text-with-bg a{
	color: #0064AA;
}
.home-bold{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #4F4F4F;
	padding: 8px 0px 0px 0px;
}
.home-text{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #5E5E5E;
}
.text-divider{
	background-image: url(../../../images/text-divider.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 10px 0 8px 0;
}
.text-divider2{
	background-image: url(../../../images/text-divider.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 8px 0 8px 0;
}
.more{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #C40008;
	padding: 5px 0 10px 19px;
}
.welcome-left-bg{
	background-image: url(../../../images/welcome-left-bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 11px;
	height: 150px;
}
.welcome-right-bg{
	background-image: url(../../../images/welcome-right-bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 11px;
}
.welcome-bg{	
	background-color: #1C1D1E;
	padding: 20px 20px 21px 20px;
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #CBCBCB;
	line-height: 15px;
}
.welcome-bold{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #CBCBCB;
}
.welcome-more{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.welcome-more a{
	color: #FFFFFF;
	text-decoration: none;
}
.scroll-text {
	width: 91px;
	height: 33px;
}
.scroll-text2 {
	width: 126px;
	height: 33px;
}
.scroll-text a, .scroll-text2 a {
	display: block;
}

/** Org Css */
.clr {
	clear: both;
}

.hasTip img {
	margin: 10px 5px 0 0;
	border: none;
}

/* Tooltips */
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}

.tool-text {
	margin: 0;
	font-size: 70%;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	padding: 0;
	margin: 0;
	font-size:12px;
}
#system-message{
	padding-top:10px;
	width:480px;

}
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	padding: 5px;
	margin: 0;
	color: #FFFFFF;
	text-align:left;
}

/* System Standard Messages */
#system-message dd.message ul {
	background: #006699;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul {
	background: #BF0000;
	border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
	background: #EE9600;
	border: none;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}

.button {
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	border: 1px solid #333333;
	background: url({sitepath}templates/ja_purity/images/grad1.gif) repeat-x top #333333;
	color: #CCCCCC;
	font-size: 10;
	letter-spacing:0.1em;
	text-transform: uppercase;
	font-weight:normal;
	vertical-align:middle;
	padding:0 3px 2px 3px ;
		

}

.button:hover, .button:focus {
	border: 1px solid #999999;
	background: #333333;
	color: #FFFFFF;
}

* html .button {
	padding: 2px 0 !important; /*IE 6*/
}

*+html .button {
	padding: 2px 0 !important; /*IE 7*/
}


#upload{
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}

.error{
	background-color:#FF0000; 
	font-weight:bold;
	color:#FFFFFF;
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;	
	
}
.success{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;
	background-color: #0000FF;
	font-weight:bold;
	color:#FFFFFF;
}

.progress{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;
	background-color: #FFFFCC;
	font-weight:bold;
	color:#000;
}

.check-box{

}
.check-box-error{
	border:1px solid #FF0000 ;	
}

/** Pagination */
ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
	background: url({sitepath}templates/ja_purity/images/hdot.gif) repeat-x top;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

ul.pagination li span{
	padding: 2px 5px;
}

ul.pagination a {
	padding: 2px 5px;
	border: 1px solid #F6F6F6;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	border: 1px solid #ECECEC;
	background: #FFFFFF;
}

.pagenavbar {
	padding-left: 14px;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
}
.curloclnk{
	font-family: Arial, Tahoma, Arial, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #68696A;
	text-decoration:none;
}
.curloclnk a{
	font-family: Arial, Tahoma, Arial, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #68696A;
	text-decoration:none;
}
.curloclnk a:hover{
	color: #FF0000;
}

.error-text{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	line-height: 18px;
	text-align:center;
	width:100%;
}
.padding-left{
	padding:0 0 0 25px;
}

.inputdatebox{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	width: 220px;
	background: url({sitepath}templates/ja_purity/images/mm-dd-yy.gif)  no-repeat right center;
	border: 1px solid #7F9DB9;
}

.inputdateboxfull{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	width: 250px;
	background: url({sitepath}templates/ja_purity/images/mm-dd-yy.gif)  no-repeat right center;
	border: 1px solid #7F9DB9;

}
.error-text-small{
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 10px;
	color: #ff0000;
	text-align:left;
	width:100%;
}

ul.featurejobs 
{
	margin: 0px 0px 15px 15px;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	list-style:none;

}

ul.featurejobs a {
	margin: 0;
	padding-left: 3px;
	color: #fff;
	border:none ;
	text-decoration:none ;
		
}

ul.featurejobs li:hover, ul.featurejobs a:active, ul.featurejobs li:focus  {
	text-decoration:underline ;
}
ul.featurejobs a:hover, ul.featurejobs a:focus  {
	text-decoration:underline ;
}
ul.featurejobs li span{
	
	padding-left:10px;

}

ul.featurejobs li {
	padding-bottom: 12px;
	background: url(../../../images/indent1.png)  no-repeat left top ;
	vertical-align:top ;
}