body {

background:transparent url(../images/m_bg.jpg) repeat-x scroll left top;

color:#CCCCCC;

font-family:Calibri;

font-size:12px;

line-height:inherit;

margin:0;

padding:0;

}

.style21 {

color:#333333;

}

.style23 {

color:#333333;

font-size:16px;

}

.style22 {

font-size:16px;

}

.style20 {

color:#333333;

}

table.index,table.index td,table.index th {

	border-color:#c6e3fc;

	border-style:solid;

}

table.index {

	border-width:0 1px 1px 1px;

	border-spacing:0;

	border-collapse:collapse;

	margin:5px auto;

	width:98%;

}

table.index td,table.index th {

	margin:0;

	padding:4px;

	border-width:1px 1px 0 0;

	background-color:#fff;

	vertical-align:middle;

	text-align:center;

	color:#888F92;

}

table.index th {

	font-weight:bold;

	font-size:12px;

	background:#DFF0FF;

	padding:8px;

}

table.index td {

	font-size:12px;

	background-color:#f2f7fb;

}

table.index tr.altrow td {

	background-color: #fff;

}

/* Forms */

form {

	clear: both;

	margin-right: 20px;

	padding: 0;

	width: 100%;

	color:#666666;

}



form td.input {

	color: #444;

}

form td.required {

	color: #333;

	font-weight: bold;

}

form td.submit {

	clear: both;

	margin-top: 10px;

	margin-left: 140px;

}

.signuplabel {

	float:left;

	line-height:24px;

	padding-right:20px;

	width:300px;

	color:#3E3E3E;

	font-family:Calibri;

	font-size:15px;

	font-weight:bold;

	line-height:15px;

}

label {

	float:left;

	line-height:24px;

	padding-right:20px;

	width:100px;

	color:#3E3E3E;

	font-family:Calibri;

	font-size:15px;

	font-weight:bold;

	line-height:15px;

}

input {

	color:#333333;

	font-family:Arial,Helvetica,sans-serif;

	font-size:11px;

	height:20px;

	padding-left:3px;

	width:300px;

}

input[type=submit] {

	color:#333333;

	font-family:Arial,Helvetica,sans-serif;

	font-size:11px;

	height:30px;

	width:100px;

}

input[type=button] {

	color:#333333;

	font-family:Arial,Helvetica,sans-serif;

	font-size:11px;

	height:20px;

	padding-left:3px;

	width:100px;

}

.inputfile{

	color:#333333;

	font-family:Arial,Helvetica,sans-serif;

	font-size:11px;

	padding-left:3px;

	width:300px;

	height:auto;

	position: relative;

}

select {

	color:#333333;

	font-family:Arial,Helvetica,sans-serif;

	font-size:11px;

	height:22px;

	padding-left:3px;

	width:310px;
	
    overflow:auto;

	}

select[multiple=multiple] {

	width: 100%;

}

option {

	font-size: 120%;

	padding: 0 3px;

}

input[type=checkbox] {

	float: left;

	width:10px;

}

input[type=radio] {

	width:auto;

	margin: 0 3px 7px 0;

	vertical-align:middle;

}

div.radio label {

	margin: 0 0 6px 20px;

}

.submitbut {

	color:#FFFFFF;

	display:block;

	line-height:31px;

	text-align:center;

	text-decoration:none;

	width:139px;

	background:transparent url(../images/lorenmore.gif) no-repeat scroll 0 0

}

input[type=button] {

	display: inline;

	font-size: 110%;

	width: auto;

	vertical-align: bottom;

}

/* Notices and Errors */

div.message {

	clear: both;

	color: #900;

	font-size: 140%;

	font-weight: bold;

	margin: 1em 0;

}

div.error-message {

	clear: both;

	color: #900;

	font-weight: bold;

}

.notice {

	background: #ffcc00;

	color: #000;

	display: block;

	font-family: Courier, monospace;

	font-size: 120%;

	line-height: 140%;

	padding: 0.8em;

	margin: 1em 0;

}

.success {

	background: green;

	color: #fff;

}

#headerarea {

margin:0 auto;

width:966px;

}

#header {

height:182px;

width:966px;

}

#head1 {

background:transparent url(../images/h_left.png) no-repeat scroll 0 0;

float:left;

height:182px;

width:20px;

}

#head2 {

background:transparent url(../images/pixel_h.png) repeat-x scroll 0 0;

float:left;

height:182px;

width:926px;

}

#head3 {

background:transparent url(../images/h_righ.png) no-repeat scroll 0 0;

float:right;

height:182px;

width:20px;

}

#logologinbannerarea {

float:left;

height:128px;

margin-bottom:4px;

width:926px;

}

#logomainarea {

float:left;

height:128px;

width:198px;

}

#buttonbannerarea {

float:left;

height:128px;

width:728px;

}

#joinarea {

height:28px;

width:728px;

}

#jbuttonarea {

float:right;

height:28px;

width:249px;

}

.jj {

float:left;

line-height:28px;

width:95px;

}

.jr {

background:#172323 url(../images/j_rightblack.gif) no-repeat scroll right top;

color:#FFFFFF;

float:right;

font-family:calibri;

font-size:12px;

height:28px;

width:154px;

}

.jr ul {

line-height:28px;

margin:0;

padding:0;

width:154px;

}

.jr ul li {

float:left;

line-height:28px;

text-align:center;

width:73px;

list-style: none;

}

.jblack {

color:#FFFFFF;

font-family:Calibri;

text-decoration:none;

}

#menuarea {

clear:both;

height:35px;

width:926px;

padding-left:30px;

}

#menu {

color:#FFFFFF;

float:right;

font-family:Arial;

font-size:15px;

font-weight:bold;

height:35px;

width:926px;

}

#menu ul {

line-height:35px;

margin:0;

padding:0;

width:926px;

}

#menu ul li {

float:left;

height:35px;

line-height:35px;

display:inline;

}

.final a {

background:transparent url(../images/blaogg.jpg) no-repeat scroll 0 0;

color:#FFDE00;

display:block;

line-height:35px;

text-align:center;

text-decoration:none;

width:70px;

}

.training a {

background:transparent url(../images/traingh.jpg) no-repeat scroll 0 0;

color:#FFFFFF;

display:block;

line-height:35px;

text-align:center;

text-decoration:none;

width:114px;

}

.training a:hover {

background:transparent url(../images/traingh.jpg) no-repeat scroll 0 0;

color:#FFDE00;

display:block;

line-height:35px;

text-align:center;

text-decoration:none;

width:114px;

}

.training {

line-height:35px;

width:114px;

}

.myaccount a {

color:#FFFFFF;

display:block;

line-height:35px;

text-align:center;

text-decoration:none;

width:114px;

}

.myaccount {

line-height:35px;

width:114px;

}

.myaccount a:hover {

background:transparent url(../images/myaccountt.jpg) no-repeat scroll 0 0;

color:#FFDE00;

display:block;

line-height:35px;

text-align:center;

text-decoration:none;

width:114px;

}

.blog a:hover {

background:transparent url(../images/blaogg.jpg) no-repeat scroll 0 0;

color:#FFDE00;

display:block;

line-height:35px;

text-align:center;

text-decoration:none;

width:70px;

}

.blog a {

color:#FFFFFF;

display:block;

line-height:35px;

text-align:center;

text-decoration:none;

width:70px;

}

.blog {

line-height:35px;

width:70px;

}

#contentarea {

margin:0 auto;

width:966px;

}

#content_top {

background:transparent url(../images/mainbg_top.png) no-repeat scroll left bottom;

float:left;

height:18px;

position:relative;

width:966px;

}

#content_middle {

background:transparent url(../images/mainbg_middle.png) repeat-y scroll 0 0;

float:left;

padding:0 6px 0 8px;

position:relative;

width:952px;

}

#leftside {

float:left;

padding:0 7px 0 0;

position:relative;

width:120px;

}

#bannerarea {

float:left;

width:120px;

}

#banner1 {

height:600px;

margin-bottom:13px;

width:120px;

}

#rightside {

float:right;

position:relative;

width:823px;

}

#video1 {

background:transparent url(../images/vv2.gif) repeat-x scroll left top;

float:left;

margin-top:1px;

padding:0 0 0 0;

width:823px;

}

#calculating_text {

float:left;

padding:0 0 0 0;

position:relative;

text-align:justify;

width:823px;

}

#content_bottom {

background:transparent url(../images/mainbg_bottom.png) no-repeat scroll 0 0;

clear:both;

float:left;

height:15px;

width:966px;

margin-left: auto;
margin-right: auto;

}

.gap {

clear:both;

height:7px;

margin:0 auto;

overflow:auto;

width:966px;

}

#nav {

background:transparent url(../images/fnav_bg.gif) repeat-x scroll 0 0;

float:left;

height:39px;

width:966px;

}

#nav ul {

line-height:39px;

margin:0;

padding:0 0 0 30px;

}

#nav ul li {

color:#3E3E3E;

float:left;

font-family:Calibri;

font-size:14px;

line-height:39px;

text-align:center;

width:100px;

display:inline;

}

#nav ul li a {

color:#3E3E3E;

float:left;

font-family:Calibri;

font-size:14px;

font-weight:bold;

line-height:39px;

text-align:center;

text-decoration:none;

width:100px;

}

.free_footerpage {

background:#F1F4F6 url(../images/fbgp.gif) repeat-x scroll left top;

border-bottom:1px solid #CCCCCC;

border-left:1px solid #CCCCCC;

border-right:1px solid #CCCCCC;

color:#333333;

float:left;

padding:20px 30px 10px;

position:relative;

width:904px;

}

.heading{

color:#3E3E3E;

font-family:Calibri;

font-size:32px;

font-weight:bold;

line-height:32px;

}

table.list,table.list td,table.list th {

	border:1px solid #666 ;

}

table.list {

	border-spacing:0;

	border-collapse:collapse;

	margin:10px auto;

	width:97%;

	font-size:12px;

	border:1px solid #666 ;

	color:#808080;

}

table.list td,table.list th {

	margin:0;

	padding:4px;

    vertical-align:middle;

	text-align:center;

}

table.list th.left,table.list td.left {

	text-align:left;

	line-height:18px;

	padding:5px 0px 5px 10px;

}

table.list tr th {

}

div.fileinputs {

	position: relative;

}



div.fakefile {

	position: absolute;

	top: 0px;

	left: 0px;

	z-index: 1;

}



input.file {

	position: relative;

	text-align: right;

	-moz-opacity:0 ;

	filter:alpha(opacity: 0);

	opacity: 0;

	z-index: 2;

}

#star ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 10px; TOP: -5px; POSITION: relative; FLOAT: left; BACKGROUND: url('../images/stars.gif') repeat-x; CURSOR: pointer; }

#star li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }

#star li.curr { BACKGROUND: url('../images/stars.gif') left 25px; FONT-SIZE: 1px; }

#star div.user { LEFT: 15px; POSITION: relative; FLOAT: left; FONT-SIZE: 13px; FONT-FAMILY: Arial; COLOR: #888; }
