body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(../img/wallpaper_login.gif);
	
}

.clear{
clear:both;
}

input, select {
    font-size:13px;
    width:245px;
}

#wrapper {
	margin:0 auto;
	width:719px;
	background-color:white;
	
}
#login_header {
	margin: 0px;
	padding: 0px;
	text-align: left;
	width:719px;
	height: 97px;
	background-image: url(../img/login-header.jpg);
}
#login_content,#login_register {
	margin: 0px;
	padding: 20px;
	background: url(../img/login_bg.jpg) white repeat-x left bottom;
}
#login_register{
	height:100%;
}

#login_content p{
	margin:0;
}
#login_content img{
	padding: 10px 0px 20px 0px;
}
#login_footer {
	margin: 0px;
	padding: 5px;
	background-color:#497a6e;
	color:#FFFFFF;
}
#login_footer p{
	margin: 0px;
	padding: 0px;
}

span.login_boxes{
	float: left;
	margin:0px 20px 0px 0px;
	
}
span.user_name_forgot_pasw
{
    margin:0px;
}

span.login_boxes input[type="text"]
{
    width:190px
    }

a.footer_links:link, a.footer_links:visited { 
	text-decoration: none; 
	color: #497a6e;
	}

a.footer_links:hover, a.footer_links:active { 
	text-decoration: underline; 
	color: #497a6e;
	}

.footer_links_block
{
	padding-top:15px;
	width:720px;
	margin:0 auto;
	text-align:right;

}


/* General Buttons */
a.all_button{
	float:left;
	text-decoration: none; 
	color: white;
	font-weight:bold;
	background: url(../img/all_button_bg.gif) repeat-x;
	margin-right:10px;
	padding:0 5px 0 5px;
	height:21px;
	line-height:20px;
	display:block;
}
a.all_button:hover{
	text-decoration:underline;
	}

select{
	/*width:144px;*/
	height: 21px;
	background-color: #e4e4e4;
}
#username, #password {
	width:185px;
	height: 21px;
	background: #FFFFFF url(../img/login_field_bg.jpg) no-repeat left top;
	border:none;
}
#login_btn{
	background: #FFFFFF url(../img/login_btn_bg.jpg) no-repeat left top;
	color:#FFFFFF;
	border:none;
	width:70px;
	height:21px;
}
#lnkbtnConnect
{
    margin-left:0px;
    float:left;
	text-decoration: none; 
	color: white;
	font-weight:bold;
	background: url(../img/all_button_bg.gif) repeat-x;
	margin-right:10px;
	height:20px;
	display:block;
	width:60px;
}
#login_links{
	margin:20px 0 0 500px;
	clear:both;
	text-align:right;
}
#login_links a{
	text-decoration: none; 
	color: #497a6e;
	font-weight:bold;
	margin-right:10px;
}
#login_links a:hover{
	text-decoration:underline;
	
}

#login_forgot_password
{
	float: left;
	margin-left:150px;
}

/*--------------FORMS---------------------*/	
	
.feedbackform{
padding: 5px;
font-size:13px;
}

div.fieldwrapper{ 
width: 680px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;

}


div.fieldwrapper label.styled{ /* label elements that should be styled  */
float: left;
width: 150px; /*width of label (left column)*/
/* border-bottom: 1px solid #08283e; */
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 240px;
}


div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}

.ic_alert{
	float:left;
	width:22px;	height:20px;
	background: url(../img/ic_alert_yellow.png) no-repeat;
	margin-right:2px;
	
}

/*
div.fieldwrapper span{ 
float: left;
width: 250px; 
border: 1px solid red;
background-color:#ffdcdd;
padding:2px;
margin-left: 8px; 
} */

div.fieldwrapper .form_error{ 
width: 250px; 
/*float: left;
border: 1px solid red;
background-color:#ffdcdd;
margin-left: 8px; */
padding:2px;
} 

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}


/* ------end forms --------------- */


/*  Shadow */

.mod {
   position:relative;
   z-index:0;
   width:721px;
   margin:20px auto 0 auto;
}
.mod .mod-content{
   background:#e9dac9;
   border:1px solid white;
   position:relative;
   z-index:2;
   
}
/* x1 = top and left edges; 
   x1a = top right corner; 
   x2 = right and bottom edges; 
   x2a = bottom left corner */
.mod .x1,
.mod .x1a,
.mod .x2,
.mod .x2a {
   display:block;
   background:url(../img/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.mod .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.mod .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.mod .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.mod .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}
#LinkButtonLogInForgot,
#lnkbtnSendPswd{
margin:20px 10px 20px 0px;
}
#ddlLangageRegiter{
margin-left:560px;
}
/*to hide the second address label*/
#lblAddressregister2
{
    color:White;
}

.imageLogin img
{
	float:left;	
}

.imageLogin p
{
	float:left;
	padding-left: 20px;
	padding-top:10px;
	width:85%;
}
#logoLeft
{
   float:left;
}
#logoRight
{
   float:left;
   margin-left: 217px;
}