/*CSS Code by Vijay Kumar vijaykumarjee@gmail.com*/

/* set all the styles to 0 */
html, body, table, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{ 
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* Firefox will always display a scroll bar */
html{
	min-height: 100%;
	margin-bottom: 1px;
}

html, body{
	height:100%;
}
/* png */
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/* remember to define focus styles! */
:focus {outline:0px;}


body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-decoration:none;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color: #323232;
	background-image: url(../images/bg-body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
a{
	cursor: pointer;
	outline:none;
}
img{
	border:0px;
	outline:none;
}
p{
	padding:3px 0px;
	margin:0px;
}
.clear {
	clear:both;
	font-size:0;
	height:0;
}
.container{
	margin:0px auto;
	padding:0px;
	height:auto;
	width:992px;
	text-align:left;
}
.master {
	float:left;
	margin:0px;
	padding:0px;
	width:992px;
}
.left {
	float:left;
}
.right {
	float:right;
}

.top-part-cor {
	float:left;
	width:992px;
	background-image: url(../images/cor-top-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin:11px 0 0 0;
	display:inline;
}
.main-middle {
	float:left;
	width:992px;
	background-image: url(../images/bg-m.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFF;
}
.logo-login {
	float:left;
	width:956px;
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFF;
	margin:0 10px;
	display:inline;
	padding:0 8px 0 8px;
}
.logo-company {
	float:left;
	width:162px;
	padding:10px 0 0px 0px;
}
.logo-company h1{
	margin:0;
	padding:0;
}
.login-panel {
	float:right;
	width:267px;
	padding:0px 0 0px 0px;
}
.login-panel-t {
	float:left;
	width:267px;
	background-image: url(../images/login-t-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.login-panel-m {
	float:left;
	width:267px;
	background-image: url(../images/reapt-login-m.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.login-panel-m2 {
	float:left;
	width:267px;
	background-image: url(../images/reapt-login-m-2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.login-panel-m2-l {
	float:left;
	width:21px;
	
}
.login-panel-m2-m {
	float:left;
	width:225px;
	padding:6px 0 0 0;
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#aba8a8;
	text-decoration:none;
	
}
.login-panel-m2-m a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#aba8a8;
	text-decoration:none;
}
.login-panel-m2-m a:hover {
	text-decoration:underline;
}

.login-panel-m2-r {
	float:left;
	width:21px;
	text-align:right;
}

.login-panel-b {
	float:left;
	width:267px;
	background-image: url(../images/login-b-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.top-links{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
}
.top-links:hover {
	text-decoration:underline;
}


/*top navigation */
.top-nav {
	float:left;
	width:972px;
	background-image: url(../images/bg-nav.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFF;
	margin:0 10px;
	display:inline;
	padding:0 0px 0 0px;
}
.top-nav-l {
	float:left;
	width:17px;
}
.top-nav-m {
	float:left;
	width:931px;
	padding:2px 0 0 0;
}
.top-nav-r {
	float:left;
	width:24px;
}
.input-box {
	border:#868686 solid 1px;
	width:106px;
	margin:5px 0 4px 0;
	display:inline;
	background-color: #fbfbfb;
}

/*middle part */
.header {
	float:left;
	width:970px;
	background-image: url(../images/headerbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#989898;
	margin:0 11px 0 11px;
	display:inline;
	padding:0 0px 0px 0px;
}
.header-main {
	float:left;
	width:955px;
	margin:0 6px 0 8px;
	display:inline;
	background-color:#fff;
}
.header-l {
	float:left;
	width:640px;
	padding:0 7px 0 8px;
}
.header-r {
	float:left;
	width:281px;
	padding:6px 5px 6px 6px;
	background-color:#a4c05c;
}
.header-video {
	float:left;
	width:281px;
}

.header-video-txt {
	float:left;
	width:281px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	padding:7px 0 9px 0;
}
.header-video-txt h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	text-decoration:none;
}
.header-video-txt h2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	text-decoration:none;
}

/*middle*/
.middle {
	float:left;
	width:970px;
	background-color:#989898;
	margin:0 11px 0 11px;
	display:inline;
	padding:0 0px 0px 0px;
	
	
}
.middle-main-p {
	float:left;
	width:940px;
	padding:20px 9px 0 6px;
	margin:0 6px 0 8px;
	display:inline;
	background-color:#fff;
}

.middle-left-pan {
	float:left;
	width:648px;
}
.bg-l-c {
	background-image: url(../images/bg-l-c.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.left-part {
	float:left;
	width:323px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
.left-part  h2 {
	background-color:#9d298e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	color:#fff;
	padding:5px 0 5px 12px;
	text-transform:uppercase;
	margin:0;
}
.left-part-box {
	float:left;
	width:299px;
	margin:20px 12px 0px 12px;
	padding:0px 0px 16px 0px;
	display:inline;
	border-bottom:1px solid #cf6dc2;
}
.left-part p {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding:10px 0 10px 0;
	margin:0;
}
.left-part a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#9d298e;
}
.left-part a:hover {
	color:#666;
}
.left-part h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#9d298e;
	margin:0;
}

.center-part {
	float:left;
	width:307px;
	margin:0 0 0 9px;
	display:inline;
}
.latest-member {
	float:left;
	width:296px;
	margin:12px 0px 0px 12px;
	padding:0px 0px 2px 0px;
	display:inline;
}
.latest-member ul {
	list-style:none;
	padding:0;
	margin:0;
}
.latest-member ul li{
	padding:0 4px 4px 0;
	margin:0;
	float:left;
}
.latest-member-b {
	float:left;
	width:308px;
	padding:0 0 6px 0;
	background-color:#fff;
}
.center-part  h2 {
	background-color:#316eb3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	color:#fff;
	padding:5px 0 5px 12px;
	text-transform:uppercase;
	margin:0;
}
.center-part-box {
	float:left;
	width:284px;
	margin:12px 12px 0px 12px;
	padding:0px 0px 16px 0px;
	display:inline;
	border-bottom:1px solid #cf6dc2;
}
.center-part  p {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding:7px 0 7px 0;
	margin:0;
}
.center-part  a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#9d298e;
}
.center-part a:hover {
	color:#666;
}
.center-part  h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#9d298e;
	margin:0;
}
.middle-left-pan-b {
	float:left;
	width:640px;
}
.right-part {
	float:left;
	width:292px;
	background-image: url(../images/bg-right.gif);
	background-repeat: repeat-y;
	background-position: left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:none;
}

.sign-up-box {
	float:left;
	width:270px;
	margin:12px 0px 0px 16px;
	padding:0px 0px 8px 0px;
	display:inline;
}
.sign-up-box label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:none;
	padding:5px 0 0 0;
	margin:0;
	font-weight:bold;
	float:left;
}
.right-part br {
	clear:left;
}
.sign-up-box-b {
	float:left;
	width:292px;
	padding:0px 0 6px 0;
	background-color:#fff;
	display:inline;
}

.sign-up-input-box {
	width:256px;
	margin:4px 0 8px 0;
	display:inline;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	color:#666;
}
.questionaree {
	float:left;
	width:270px;
	margin:10px 0px 0px 16px;
	padding:0px 0px 8px 0px;
	display:inline;
	height:506px;
	
}
.questionaree input {
	margin:0;
	padding:0;

}
.questionaree  ul{
	padding:0 0 10px 0;
	margin:0;
	list-style:none;
}
.questionaree  ul li{
	padding:0;
	margin:0;
	height:20px;
	
}
.text-green {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8daa43;
	text-decoration:none;
	line-height:20px;
	font-weight:bold;
}

.right-part  h2 {
	background-color:#a4c05c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	color:#fff;
	padding:5px 0 5px 12px;
	text-transform:uppercase;
	margin:0;
}
.read-news {
	text-decoration:underline !important;
}
.read-news:hover {
	text-decoration:none !important;
}
/*footer */
.footer-part-cor {
	float:left;
	width:992px;
	
}
.footer-part-cor-l{
	float:left;
	width:34px;
}
.footer-part-cor-m {
	float:left;
	width:928px;
	background-image: url(../images/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:31px;
}
.footer-part-cor-r {
	float:left;
	width:30px;
}
.footer {
	width:992px;
	float:left;
	padding:5px 0 10px 0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f37021;
	text-decoration:none;
}
.footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f37021;
	text-decoration:none;
	padding:0 3px 0 3px;
}
.footer a:hover {
	color:#878787;
}
.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#878787;
	text-decoration:none;
}



/*internal page*/
.middle-main-p2{
	float:left;
	width:949px;
	padding:20px 0px 0 6px;
	margin:0 6px 0 8px;
	display:inline;
	background-color:#fff;
}
.middle-left-pan2 {
	float:left;
	width:635px;
}
.left-part2 {
	float:left;
	width:622px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	border:1px solid #CCC;
}
.left-part2  h2 {
	background-color:#9d298e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	color:#fff;
	padding:5px 0 5px 12px;
	text-transform:uppercase;
	margin:0;
}
.left-part-box2 {
	float:left;
	width:598px;
	margin:20px 12px 0px 12px;
	padding:0px 0px 16px 0px;
	display:inline;
	/*border-bottom:1px solid #cf6dc2;*/
}
.left-part2 p {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding:10px 0 10px 0;
	margin:0;
}
.left-part2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#9d298e;
}
.left-part2 a:hover {
	color:#666;
}
.img-left {
	float:left;
	padding-right:8px;
}
.right-part-int {
	float:left;
	width:308px;
	background-image: url(../images/r-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	
}
.right-part-int  h2 {
	background-color:#316eb3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	color:#fff;
	padding:5px 0 5px 12px;
	text-transform:uppercase;
	margin:0;
}
.right-part-int-box {
	float:left;
	width:284px;
	margin:12px 12px 0px 12px;
	padding:0px 0px 16px 0px;
	display:inline;
	border-bottom:1px solid #cf6dc2;
}
.right-part-int  p {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding:7px 0 7px 0;
	margin:0;
}
.right-part-int  a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#9d298e;
}
.right-part-int a:hover {
	color:#666;
}
.right-part-int  h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#9d298e;
	margin:0;
}
.form {
	float:left;
	width:580px;
}
.form br {
	clear:left;
}
.form label{
	float:left;
	width:180px;
	margin:0 10px 10px 0;
	display:inline;
}
.txt-field{
	border:#cccccc solid 1px;
	width:250px;
	height:18px;
	margin:0 0 10px 0;
	display:inline;
	float:left;
}
.txt-area{
	border:#cccccc solid 1px;
	width:250px;
	margin:0 0 10px 0;
	display:inline;
	float:left;
}
.select-box {
	width:252px;
	margin:0 0 10px 0;
	display:inline;
	float:left;
	border:#cccccc solid 1px;
}