@charset "utf-8";
/* CSS Document */


html{
	outline:none !important;
}
input:focus,
select:focus,
textarea:focus,
button:focus, img {outline: none !important; }
body {
	margin: 0 !important;
	padding: 0 !important;
	background: url(../images/BG.png) repeat-x top left #007286 !important;
	font-family: "Calibri", Arial, Helvetica, sans-serif !important;
	outline:none !important;
}
img{border:none !important;
}

a {
	outline:none !important;
}
input[type=checkbox] {
	outline:none !important;
	border:none !important;
}

@font-face {
    font-family: 'swis721_cn_btroman';
    src: url('../fonts/swz721c.eot');
    src: url('../fonts/swz721c.eot?#iefix') format('embedded-opentype'),
         url('../fonts/swz721c.woff') format('woff'),
         url('../fonts/swz721c.ttf') format('truetype'),
         url('../fonts/swz721c.svg#swis721_cn_btroman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'swis721_th_btthin';
    src: url('../fonts/swz721t.eot');
    src: url('../fonts/swz721t.eot?#iefix') format('embedded-opentype'),
         url('../fonts/swz721t.woff') format('woff'),
         url('../fonts/swz721t.ttf') format('truetype'),
         url('../fonts/swz721t.svg#swis721_th_btthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: SwissBold1;
	src: url(../fonts/SWZ721C.otf) !important;
}
@font-face {
	font-family: SwissBold2;
	src: url(../fonts/SWZ721C.TTF) !important;
}
@font-face {
	font-family: SwissBold3;
	src: url(../fonts/SWZ721C.woff) !important;
}
@font-face {
	font-family: SwissLight;
	src: url(../fonts/swz721t.otf), url(../fonts/swz721t.ttf), url(../fonts/swz721t.woff);
}
.wrapper {
	margin: 0 auto !important;
	width: 1000px !important;
	position: relative !important;
	height:600px !important;
}
.line {
	height: 68px !important;
	border-left: #ffb400 14px solid !important;
	position: absolute !important;
	top: 0px !important;
	left: 10px !important;
}
.wallpaper {
	position: absolute;
	left: 300px;
	top: 40px;
}
.product {
	position: absolute;
	left: 10px;
	top: 326px;
}
.product_Img {
	position: absolute;
	top: 163px;
	left: 188px;
}
.product_version {
	position: absolute;
	top: 445px;
	left: 135px;
	font-family: "swis721_th_btthin";
	font-size: 48px;
	color:#FFFFFF;
}
.deviceBG {
	position: absolute;
	left: 340px;
	top: 256px;
	background: #2da300;
	border-right: 10px solid #ffffff;
	width: 120px;
	height: 180px;
}
.customerLogo1{
	position: absolute;
	right: 114px;
	bottom: 345px;
}
.customerLogo{
	position: absolute;
	right: 115px;
	top: 20px;
}
.ramcoLogo{
	position: absolute;
	left: 40px;
	top: 40px;
}
.loginBG {
	position: absolute;
	left: 470px;
	top: 256px;
	background: #ffb400;
	width: 416px;
	height: 180px;
}
.textbox {
	color: #000000;
	background: #ffffff;
	border: 0px;
	width: 160px;
	height: 26px;
	*height: 20px;
	_height: 20px;
	font-family: 'swis721_cn_btroman';
	font-size: 14px;
	padding: 0px 5px 1px 5px;
	_padding: 7px 5px 0px 5px;
	*padding: 7px 5px 0px 5px;
}
.username, .password {
	float: left;
	padding-bottom: 0px;
	font-family: 'swis721_cn_btroman';
	font-size: 16px;
	width: 35%;
	*padding-top:5px;
	_padding-top:5px;
}
.username_box, .password_box {
	float: left;
	padding-bottom: 0px;
	font-family: 'swis721_cn_btroman';
	font-size: 16px;
}
.username span, .password span {
	padding-top: 6px;
	padding-right: 3px;
	text-align: right;
	display: block;
}
.username_box input, .password_box input{
	margin-bottom:2px !important;
	*margin-bottom:-1px !important;
	_margin-bottom:-1px !important;
	outline:none !important;
	border:none  !important;
	height:27px!important;
	width:172px !important;
	*width:166px !important;
	_width:166px !important;
	line-height:24px;
}
.loginContainer{
	padding-top:60px;
	*padding-top:55px;
	_padding-top:55px;
}

.LoginButtonCase{
	float:left;
	width:180px;
	font-family: 'swis721_cn_btroman' !important;
	color: #000000;
	font-size: 11px;
}
.ForgetPassword{
	float:left;
	font-family: 'swis721_cn_btroman' !important;
	color: #000000;
	font-size: 11px;
	padding-left:146px;
	width:90px;
	outline:none;	
}
.ForgetPassword a{
	text-decoration:underline;
	color: #000000;
}
.ForgetPassword a:hover{
	text-decoration:none;
	color: #000000;
}
.loginButton {
	background: url(../images/buttonBG.png) repeat-x left top;
	border: 1px solid #ffe199;
	outline: none;
	font-family: 'swis721_cn_btroman';
	color: #ffffff;
	font-size: 16px;
	height: 27px;
	cursor:pointer;
	width:80px;
}

.alerts{
	position:absolute;
	left:10px;
	bottom:0px;
	width:450px;	
	color:#a3c1c8;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}
.alertIcon{
	float:left;
	 padding-top:10px;	
}
.alertSeperator{
	float:left; 
	padding:0 10px
}
.alertText{
	float:left; 
	width: 400px; 
	padding-top:8px;
}
.alertNav{
	text-align:right;
}
.alertNav img{
	padding:10px 3px 3px 3px;
}

.socialNetwork{
	position:absolute;
	bottom:0px;
	right:10px;	
	color:#a3c1c8;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
}
	
.clearboth {
	clear: both;
}
.clearfix {
	min-height: 0;
}/* for IE7 */
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
* html .clearfix {
	display: block;
}



#nav {
	width: 80px;
	margin: 16px auto;
	text-align: center;
}
#nav a {
	margin: 0 3px;
	background: url(../images/nav_dot.png) center center no-repeat;
	width: 8px;
	height: 8px;
	float: left;
	font-size: 0px;
}
#nav .activeSlide {
	background: url(../images/nav_dot_select.png) center center no-repeat;
}

/* End hide from IE-mac