body{width:100%; font: .9em Arial, Helvetica, sans-serif; background-color:#white}

*{padding:0; margin:0}
*:focus { outline: none}
img{border:none}
br{clear:left}

/*Display error and check icons*/
.errorIcon {background:url(../images/errorIcon.png)  no-repeat; color: #FF0000; padding-left:18px; font-weight:bold}
.checkIcon{background:url(../images/checkIcon.png)  no-repeat; color: yellowGreen; padding-left:18px; font-weight:bold}	
.errorMsg {background:url(../images/errorIcon.png)  no-repeat;padding-left:20px;font-size: 13px;color: #FF0000;font-weight: bold}

.msg{display:none; font-size:.8em; color:#888; margin-bottom:7px}
.clear{clear:both}
.paddingAll{padding:10px}

/*round corners of container*/
.allCorners {-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}
.topCorners {-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-khtml-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0}
.leftCorner {-moz-border-radius: 0 5px 5px 5px;-webkit-border-radius: 0 5px 5px 5px;-khtml-border-radius: 0 5px 5px 5px;border-radius: 0 5px 5px 5px}
.rightCorner {-moz-border-radius: 5px 0 5px 5px;-webkit-border-radius: 5px 0 5px 5px;-khtml-border-radius: 5px 0 5px 5px;border-radius: 5px 0 5px 5px}
.bottomCorners {-moz-border-radius: 0  0 5px 5px;-webkit-border-radius: 0  0 5px 5px;-khtml-border-radius: 0  0 5px 5px;border-radius: 0  0 5px 5px}



/*Display shadow*/
.shadow {-moz-box-shadow: 0px 0px 15px 5px #ccc;-webkit-box-shadow:  0px 0px 15px 5px #ccc;box-shadow: 0px 0px 15px 5px #ccc}

/*log in container*/
#formContainer{background-color:white;margin: 100px auto;width:350px;border:2px solid #aaa}
#loginHeader{width:100%; height:40px; background: url(../images/login_header.png) repeat-x}
#loginHeader h2{padding:6px 0 0 10px; color:white}
#loginForm{margin-top:10px; width: 100%}
#loginForm label{float: left; margin:5px 0; width:25%}
#loginForm input{float: left; width:73%; padding:0}
#loginForm input[type=submit]{width:50px; position:absolute; top:-5px; right:0px}
#loginForm input[type=checkbox]{width:10px; float:left; margin:1px 5px 0 0}
#loginFooter{margin-top:10px; color:DodgerBlue}
#loginFooter a:link,#loginFooter a:visited,#loginFooter a:active{font-size:.8em; text-decoration:none; color:DodgerBlue} /*09c*/
#loginFooter a:hover{text-decoration:underline}
#loginError{display:none; padding-bottom:10px}

/*forgot password container*/
#forgotContainer{width:100%; display:none; margin-top:20px}
#forgotContainer p{padding-bottom:10px}
#forgotForm input{width:98%; margin:5px 0}
#forgotForm input[type=submit]{float:right; width:50px}
#forgotEmailError, #successMsg{display:none}
#successMsg p{color:DodgerBlue; font: bold 1em Arial, Helvetica, sans-serif}

/*Register new user container*/
#registerContainer{display:none; font: .9em Arial, Helvetica, sans-serif}
#registerContainer > input{font: .9em Arial, Helvetica, sans-serif;}
#registerForm {width:100%; margin-top:10px}
#registerForm label{float:left; margin:3px 0; width:25%}
#registerForm label b{color:red; padding-right:3px}
#registerForm input{float:left; width:50%; font: .9em Arial, Helvetica, sans-serif}
#registerForm div#passMeter{height:18px; margin-left:10px; font-weight:bold; float:left}
#registerForm div#verifyUser{height:18px; margin-left:10px; float:left}
#registerSuccessMsg{display:none; text-align: center; padding-top:30px}
#registerSuccessMsg h2{color:DodgerBlue}
#registerSuccessMsg h3{color:DodgerBlue; margin-left:30px}
#registerSuccessMsg p{color:DodgerBlue; font: 1em Arial, Helvetica, sans-serif; }
#captcha:hover{cursor:pointer}
#registerError{display:none; margin-bottom:10px}
input#userName, input#newPass{width:100%}
.inputMsg{float:left;width:50%}

/*client menu*/
#greetingColor{color:#B0D730; padding:0 5px 0 0}
#memberNavLink{width:100%; height:45px; background-color:#172322; display:block}
#memberNavMenu{ margin:0px; padding:0px; list-style:none; line-height:45px; display:inline-block;
    float:left; z-index:1000; position:absolute; top:0; right:1%; width:auto;} 
#memberNavMenu a { color:#fff; text-decoration:none; }
#memberNavMenu > li {float:left; position:relative; padding:0px 10px; color:#fff}
#memberNavMenu > li#m_user{padding:0 10px; cursor:pointer} 
#memberNavMenu > li a:hover {color:#B0D730}

/* sub-memberNavMenus*/
#memberNavMenu ul { padding:0px; margin:0px; display:block; display:inline; }
#memberNavMenu li ul { position:absolute; right:0px; top:0px; margin-top:40px; line-height:16px;
    background-color:#172322; color:#0395CC; /* for IE */ display:none; -webkit-border-bottom-right-radius: 10px;}
#memberNavMenu li:hover ul { display:block; width:150px}
#memberNavMenu li ul li{ display:block; margin:5px 10px; padding: 5px 0;  border-top: dotted 1px #606060;
    list-style-type:none; }
#memberNavMenu li ul li:first-child { border-top: none; }
#memberNavMenu li ul li a { display:block; color:#fff; }
#memberNavMenu li ul li a:hover { color:#B0D730} 
#memberNavMenu li img{border: none}

/*Member's info box and admin profile page */
#updateInfo{margin-bottom:10px; display:none} 

/*Profile page*/
#updateProfileForm {width:100%; margin-top:10px}
#updateProfileForm input{float:left; width:50%; font: .9em Arial, Helvetica, sans-serif}
#updateProfileForm [type=submit]{padding:0 5px; width:auto; float:right; margin-right:20%}
#updateProfileForm label {float:left; margin:3px 0; width:30%}
#updateUserFormError {display:none; margin-bottom:10px}

#passwordForm, #passwordForm {width:100%; margin-top:10px}
#passwordForm label, #passwordForm label{float:left; margin:3px 0; width:30%}
#passwordForm label b{color:red; padding-right:3px}
#passwordForm input{float:left; width:50%; font: .9em Arial, Helvetica, sans-serif}
#passwordForm [type=submit]{padding:0 5px; width:auto; float:right; margin-right:20%} 
#passwordError{display:none; margin-bottom:10px}

/*Slider login*/
#sliding_login_box{text-align:right}
#sliding_login_box a:link, #sliding_login_box a:visited, #sliding_login_box a:active{text-decoration:none; color:dodgerblue}
#sliding_login_link{position:relative;}
#slideLoginForm{display:none; position:absolute; z-index:999; width:300px; border:1px solid grey; padding:10px; background-color:white; text-align:left; right:0; top:5;
-moz-border-radius: 5px  0 5px 5px;-webkit-border-radius: 5px  0 5px 5px;-khtml-border-radius: 5px  0 5px 5px;border-radius: 5px  0 5px 5px}


/*overwrites jQuery UI default settings - modal box*/
.ui-dialog-title{font: bold 1em Arial, Helvetica, sans-serif;}
.ui-button-text{font: .8em Arial, Helvetica, sans-serif}
.ui-dialog-buttonpane{border:none}
.ui-widget input{font: .9em Arial, Helvetica, sans-serif;}


#formato1
{
	font-size:.80em;
}

#formato1 input{
	font-size:.80em;
}
#formato1 select{
	font-size:.90em;
}


/* DEFINITION LIST PROGRESS BAR */
#calif {
	font-size:0.8em;
	float:right;
	margin:-22px 3px 1px 0px;
	border:1px solid gray; 	
}
dl, dt, dd{margin:0;padding:0; text-align:right;}
dl{
	width:416px;
	float:left;
}
dt{
	width:195px;
	height:41px;
	padding-top: 0px;
	float:left;
}
dd{
	margin-top: 0px;
	margin-right: 2px;
	width:216px;
	height:41px;
	float:right;
	background:url(../images/bg_bar.gif) no-repeat 0 0;
	position:relative;
}
dd span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(../images/bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	/*text-indent:-180px;*/
}
dd em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	text-align:left;
	background:url(../images/bg_cover.gif) repeat-x;
	top:0;
}


/* SINGLE PROGRESS BAR */

.progressBar{
	width:216px;
	height:41px;
	padding-left: 230px;	
	background:url(../images/bg_bar1.gif) no-repeat 0 0;
	position:relative;
}
.progressBar span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	padding-left: 230px;	
	background:url(../images/bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	padding-left: 230px;	
	background:url(../images/bg_cover.gif) repeat-x 0 0;
	top:0;
}