body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color : #909c95;
	background-color : #B8B8B8;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
}

a {
	color : #909c95;
	font-size : 10px;
	text-decoration : underline;
}
a:hover {
	color : red;
	text-decoration : underline;
}
a:active {
	color : #FF9900;
	text-decoration : underline;
}

.button {
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 2px;
	width: 100px;
}

.regButton {
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 2px;
}

table.mainframe{
	border:1px solid #474747;
	background-color:#18472C;
	vertical-align: top;
	margin-top: 0px;
	padding-top: 0px;
}

.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6em;
	padding: 15px;
	border: 1px solid #18472C;
	width: 429px;
	background: #F1F3F5;
}
	
.login p {
	padding: 0 1em 0 1em;
}
	
.form-block {
	border: 1px solid #18472C;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.login-form {
	text-align: left;
	float: right;
	width: 60%;
}

.login-text {
	position: absolute;
	text-align: left;
	width: 40%;
	float: right;
}

.inputlabel {
	color: #909c95;
	font-weight: bold;
	text-align: left;
}

.centered {
	text-align: center;
}

.inputbox {
	width: 150px;
/*	margin: 0 0 1em 0; */
	border: 1px solid #cccccc;
}

.clr {
    clear:both;
}

.ctr {
	text-align: center;
}
/* new */
.kapu_first {
	text-align: right;
	font-weight: bold;
	vertical-align: middle;
    clear: both;
	height: 30px; 
}
.kapu_first_centered {
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
    clear: both;
	height: 30px; 
}
.kapu_second {
	text-align: right;
	font-weight: bold;
	vertical-align: middle;
    clear: both; 
	height: 30px; 
}

/* For Client Registration --> */

td.content {
	font-family: Verdana,Helvetia,Arial;
	font-size: 13px;
	color: #e1e1e1;
	text-align: justify;
}

a.reg_link {
	color : #FFFFFF;
	font-size : 11px;
	text-decoration : none;
}

a.reg_link:hover {
	color : red;
	text-decoration : none;
}

.inputlabel_reg {
	color: #E1E1E1;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

td.inputlabel_reg a {
	color: #E1E1E1;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

td.inputlabel_reg a:hover {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

td.inputlabel_reg a:active {
	color: #E1E1E1;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

.inputlabel_centered_reg {
	color: #E1E1E1;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

table.adminform_green th.inputlabel_centered {
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}

table.adminform td.centered_top {
	text-align: center;
	vertical-align: top;
}

td.centered_top {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: top;
}

table.adminform_green {
	background-color: #f5f5f5;
	border: solid 1px #18472C;
	width: 100%;
	padding: 10px;
	border-collapse: collapse;
}

.inputbox_reg {
        color: blue;
        background: #E9EFF5;
        font-family: Courier, Helvetica, sans-serif;
        z-index: -3;
        font-size: 11px;
}

/***** New Login form *****/

.inputLabel {
	width: 137px;
	height: 29px;
	background-color: #000000;
	font-family: Verdana; 
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	color: #ffffff;
}

.loginInput {
	border: 0px;
	width: 150px;
	height: 19px;
	color: #0F2D1C;
	font-family: Verdana;
	font-size: 12px;
}

.loginButtonSubmit {
	border: 0px;
	width: 114px;
	font-family: Verdana;
	font-size: 12px;
	color: #FBA706;
	background-color: #000000;
	cursor: pointer;
}

.loginButtonOrder {
	border: 0px;
	width: 102px;
	font-family: Verdana;
	font-size: 12px;
	color: #FBA706;
	background-color: #000000;
	cursor: pointer;
}
.demoLine {
	height: 39px;
/*	background: URL("images/login/demo_line.gif");  */
	text-align: center;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 14px;
	color: #ffffff;
}

.bigCapital {
	font-family: Verdana;
	font-size: 17px;
}

a.demoLink {
	font-family: Verdana;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}

a.demoLink:hover {
	font-family: Verdana;
	font-size: 16px;
	color: #FBA706;
	cursor: pointer;
	text-decoration: none;
}

a.demoLink:active {
	font-family: Verdana;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}

td.flashBack {
	padding: 0px;
	margin: 0px;
	width: 695px;
	height: 391px;
	vertical-align: top;
	background: URL("../images/login/flash_back.gif");
}

td.end_gr {
/*	background:url(../images/login/right_gradient.gif) no-repeat; */
	font-family: Verdana;
	font-size: 12px;
	color: #FBA706;
	vertical-align:middle;
	padding-right: 10px;
}

#content {
	float:right;
	margin-right: 15px;
	#margin-right: 10px;	
}

#content a {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

#content a:hover {
	color: #ffffff;
	text-decoration: none;	
	cursor: pointer;
}

#content a:active {
	color: #ffffff;
	text-decoration: none;	
	cursor: pointer;
}

#imp_info {
	margin-left: 20px;
	color:#33ff33;
	font-size:12px;
}

#imp_info a {
	color: #ffffff;
	font-size:12px;
	text-decoration: underline;
	cursor: pointer;
}

#imp_info a:hover {
	color: #ff0000;
	font-size:12px;
	text-decoration: underline;	
	cursor: pointer;
}

#imp_info a:active {
	color: #ffffff;
	font-size:12px;
	text-decoration: underline;	
	cursor: pointer;
}

/***** Register classes *****/

div.proformaBack {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color : #18472C;	
}

table.mainframe_pro{
	border:none;
	background-color:#18472C;
	vertical-align: top;
	margin-top: 0px;
	padding-top: 0px;
}

table.proForma {
	border: 1px solid #fff;
	/** fonts **/
	color: #ffffff;
	font-family: Verdana,  Arial, Tahoma;
	font-size: 11px;
	line-height: 16px;
}

table.proForma td {
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

table.proForma td.br {
	border-bottom: 1px solid #fff; 
	border-right: 1px solid #fff;
}

table.proForma td.br_centered {
	border-bottom: 1px solid #fff; 
	border-right: 1px solid #fff;
	text-align: center;
}

table.proForma td.b {
	border-bottom: 1px solid #fff; 
}

table.proForma td.b_centered {
	border-bottom: 1px solid #fff; 
	text-align: center;
}

table.proForma td.nb {
	border-bottom: 0px none; 
}

table.proForma td.nbr {
	border-right: 1px solid #fff;
	border-bottom: 0px none;
}

table.proForma td.nbr_centered {
	border-right: 1px solid #fff;
	border-bottom: 0px none;
	text-align: center;
}

/***** hr *****/
hr {
	border: none 0;
	border-top: 1px solid #909C95;
	height: 1px
}

.manuTable {
	margin-bottom: -5px;
	#margin-bottom: 0px;
}

.mainTabs {
	height: 25px;
	color: #ffffff;
	font-size: 13px;
}

.left_corner {
	float: left;
	width: 13px;
	height: 25px;
	background: url("../images/login/tab_button_left.gif") no-repeat;
}

.tab_content {
	display: table;
	height: 25px;
	padding-top: 5px;
	float: left;
	background: url("../images/login/tab_button_bg.gif") repeat-x;
	overflow: hidden;
}

.right_corner {
	float: left;
	width: 13px;
	height: 25px;
	background: url("../images/login/tab_button_right.gif") no-repeat;
}

.mainTabs a {
	color: #ffffff;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
}

.mainTabs a:hover {
	color: #ffffff;
	font-size: 13px;
	text-decoration: underline;
	cursor: pointer;
}

/************************/

.bottomTabs {
	margin-top: 0px;
/*	#margin-top: -5px; */
}

.mainBottomTabs {
	height: 25px;
	color: #ffffff;
	font-size: 13px;
}

.left_bottom_corner {
	float: left;
	width: 13px;
	height: 25px;
	background: url("../images/login/tab_button_bottom_left.gif") no-repeat;
}

.tab_bottom_content {
	display: table;
	height: 25px;
	padding-top: 2px;
	float: left;
	background: url("../images/login/tab_button_bottom_bg.gif") repeat-x;
	overflow: hidden;
}

.right_bottom_corner {
	float: left;
	width: 13px;
	height: 25px;
	background: url("../images/login/tab_button_bottom_right.gif") no-repeat;
}

.mainBottomTabs a {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}

.mainBottomTabs a:hover {
	color: #ffffff;
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
}

#umail {
	color: #ffffff;
	font-size: 12px;
	float: left;
	width: 14em; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

#explain {
	text-align: justify;
	margin: auto;
	width: 80%;
}

#optenButton {
	width: 129px;
	height: 58px;
	cursor: pointer;
}

#optenHeaderie {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/opten_logo_line.png', sizingMethod='scale') !important;
	float: right;
	margin-top: 3px;
	width: 200px;
	height: 80px;
	cursor: pointer;
}

#optenHeaderff {
	background: url(../images/opten_logo_line.png) no-repeat;
	float: right;
	margin-top: 3px;
	width: 200px;
	height: 80px;
	cursor: pointer;
	opacity: 1;
}

/***** SlideShow *****/

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}