
/* My Kids Lunch Box  */


body { margin:0px; padding:0px; background:url(../images/main-bg.jpg) repeat-x top; background-color:#f5fffb;  }

#clear { clear:both;}	

#main { width:980px; height:auto; margin:0 auto; padding:0px;}


/* Header Start here  */
 
#header { width:934px; height:315px; background:url(../images/hdr-bg.gif) no-repeat; margin:5px 0 0 22px; padding:0px; float:left;}
#header h1 { font:36px "Trebuchet MS"; color:#FFFFFF; float:left; padding:20px 0 0 38px; margin:0px;} 
#header h2 { font:36px "Trebuchet MS"; color:#527904;padding:20px 0 0 0; margin:0px;} 

#header h3 { font:14px "Trebuchet MS"; color:#e8dbb5;padding:0 0 0 40px; margin:0px;}
#header h3 a { font:14px "Trebuchet MS"; color:#e8dbb5;padding:0px; margin:0px; text-decoration:none;}
#header h3 a:hover { font:14px "Trebuchet MS"; color:#e8dbb5;padding:0px; margin:0px;text-decoration:underline;} 
#header p { width:427px; height:232px; margin:-125px 0 0 0; float:right; }
#logo { width:198px; height:198px;margin:15px 0 0 0;}

/* Header Start here  */

/* Header Canteen Management Start here  */
 
#header-canteen { width:934px; height:205px; background:url(../images/canteen-header-bg.gif) no-repeat bottom right; margin:5px 0 0 22px; padding:0px; float:left;}
#header-canteen span { width:391px; height:48px; background:url(../images/canteen-mangement.gif) no-repeat; margin:-110px 20px 0 0; float:right; }

#logo-2 { width:198px; height:198px;margin:45px 0 0 0;}

#school-detail{ width:970px; height:149px; background: url(../images/popup-box.png) no-repeat center; margin:0px; padding-left:10px; float:left;}
#school-detail h2 {font:11px verdana; color:#1f1f1f; float:right; padding:120px 45px 0 0; margin:0px;}
#school-detail h2 a {font:11px verdana; color:#1f1f1f; text-decoration:underline;}
#school-detail h2 a:hover {font:11px verdana; color:#3c6700;text-decoration:underline; } 

#school-detail img { width:105px; height:75px; margin:0px; margin:60px 0 0 37px; float:left; display:block}
.school-detail-content{ width:400px; height:85px;  margin:55px 0 0 15px; float:left; display:block;}
.school-detail-content h1{ font:13px verdana; color:#3c6700; padding:10px 0 0 0; margin:0px;   }
.school-detail-content p{ font:11px verdana; color:#1f1f1f; padding:7px 0 0 0; margin:0px;   }
.school-detail-signing{ font:11px verdana; color:#1f1f1f; padding:5px 0 0 0; margin:0px;   }
.school-detail-signing a{ font:11px verdana; color:#1f1f1f; padding:5px 0 0 0; margin:0px; text-decoration:none;   }
.school-detail-signing a:hover{ font:11px verdana; color:#3c6700; padding:5px 0 0 0; margin:0px;   }


/* Header Canteen Management Start here  */

/* Header Ordering System Start here  */
 
#header-canteen { width:934px; height:205px; background:url(../images/canteen-header-bg.gif) no-repeat bottom right; margin:5px 0 0 22px; padding:0px; float:left;}
#header-canteen span { width:391px; height:48px; background:url(../images/canteen-mangement.gif) no-repeat; margin:-110px 20px 0 0; float:right; }

#logo-2 { width:198px; height:198px;margin:45px 0 0 0;}

.online-ordering-img { width:391px; height:48px; background:url(../images/online-ordering.png) no-repeat; margin:-110px 20px 0 0; float:right; }
#online-ordering { width:970px; height:110px; background: url(../images/popup-box-2.png) no-repeat center; margin:50px 0 0 12px; float:left;}
#online-ordering h2 {font:20px verdana; color:#fedb00; float:right; text-align:center; padding:50px 45px 0 0; margin:0px 20px 0 0;}
#online-ordering h2 a {font:20px verdana; color:#fedb00; text-decoration:none;}
#online-ordering h2 a:hover {font:20px verdana; color:#fedb00;text-decoration:none; } 

#online-ordering img { width:105px; height:75px; margin:0px; margin:60px 0 0 37px; float:left; display:block}
.online-ordering-content{ width:400px; height:85px;  margin:15px 0 0 15px; float:left; display:block;}
.online-ordering-content h1{ font:13px verdana; color:#3c6700; padding:10px 0 0 30px; margin:0px;   }

.online-ordering-content p{ font:11px verdana; color:#1f1f1f; padding:7px 0 0 30px; margin:0px;   }
.online-ordering-content p a{ font:11px verdana; color:#1f1f1f; }
.online-ordering-content p a:hover{ font:11px verdana; color:#1f1f1f; }

.online-orderingl-signing{ font:11px verdana; color:#1f1f1f; padding:5px 0 0 0; margin:0px;   }
.online-ordering-signing a{ font:11px verdana; color:#1f1f1f; padding:5px 0 0 0; margin:0px; text-decoration:none;   }
.online-ordering-signing a:hover{ font:11px verdana; color:#3c6700; padding:5px 0 0 0; margin:0px;   }


/* Header Ordering System Start here  */


/* Sign-in Start here  */

#sign-in { width:920px; height:47px; background:url(../images/sign-in-bg.gif) no-repeat; margin:0 0 0 35px; }
#sign-in h1 { font:12px "Trebuchet MS"; color:#416200; float:left; padding:15px 0 0 15px; margin:0px; }

#sign-in p { font:12px "Trebuchet MS"; color:#416200; float:right; padding:15px 15px 0 0; margin:0px; }
#sign-in p a { font:12px "Trebuchet MS"; color:#416200; text-decoration:underline; }
#sign-in p a:hover { font:12px "Trebuchet MS"; color:#416200; text-decoration:underline;}

/* Sign-in End here  */


/* Logged In */
#logged-in { width:920px; height:47px; background:url(../images/sign-in-bg.gif) no-repeat; margin:0 0 0 35px; }
#logged-in h1 { font:12px "Trebuchet MS"; color:#416200; float:left; padding:15px 0 0 15px; margin:0px; }

#logged-in p { font:12px "Trebuchet MS"; color:#416200; float:right; padding:15px 15px 0 0; margin:0px; }
#logged-in p a { font:12px "Trebuchet MS"; color:#416200; text-decoration:underline; }
#logged-in p a:hover { font:12px "Trebuchet MS"; color:#416200; text-decoration:underline;}

/*************************/

/* content-area Start here  */

#content-area { width:980px; height:auto; margin:22px 0 0 0; }
#content-area-left { width:723px; height:auto; background:#e2f7aa ; float:left; margin:0 0 0 34px; padding-bottom:22px;} 

#content-box-shadow { width:723px; height:9px; background: url(../images/content-shadow.jpg) no-repeat; float:left;   margin:0 0 0 34px;}
#content-box-shadow-2 { width:185px; height:9px; background:url(../images/content-shadow-2.jpg) no-repeat; float:right; margin:0 30px 0 0;}

#aboutus-content { width:214px; height:274px; background:url(../images/inner-content-bg.png) no-repeat; margin:26px 0 0 21px; float:left;}
#aboutus-content h1 { width:198px; height:28px; font:bold 16px "Trebuchet MS"; color:#9ccd02; margin:10px 0 0 8px; border-bottom:solid 1px #cbe2b9; text-align:center;}  
#aboutus-content p { width:191px; height:91px; margin:12px 0 0 12px;}
#aboutus-content span { font:12px/16px "Trebuchet MS"; color:#416200; float:left; margin:10px 12px 0 14px;}
#aboutus-content span a { font: bold 12px/16px "Trebuchet MS"; color:#416200; text-decoration:none;}
#aboutus-content span a:hover { font:bold 12px/16px "Trebuchet MS"; color:#416200; text-decoration:underline;}

#online-canteen-ordering { width:214px; height:274px; background:url(../images/inner-content-2-bg.png) no-repeat; margin:26px 0 0 20px; float:left;}
#online-canteen-ordering h1 { width:198px; height:28px; font:bold 16px "Trebuchet MS"; color:#9ccd02; margin:10px 0 0 8px; border-bottom:solid 1px #cbe2b9; text-align:center;}  
#online-canteen-ordering p { width:191px; height:91px; margin:12px 0 0 12px;}
#online-canteen-ordering span {float:left; margin:15px 0 0 25px;}
#online-canteen-ordering span li { font:11px/17px "Trebuchet MS"; color:#416200;padding-left:0px;}


#online-canteen-ordering h2 { width:92px; height:31px; float:left; margin:10px 0 0 10px; background:url(../images/click-btn.png) no-repeat; cursor:pointer;}
#online-canteen-ordering h2 a { width:92px; height:31px; background:url(../images/click-btn.png) no-repeat; text-decoration:none; cursor:pointer;}
#online-canteen-ordering h2 a:hover { width:92px; height:31px;  background: url(../images/click-btn-hover.png) no-repeat; text-decoration:none; cursor:pointer;}


 
#latest-news { width:214px; height:274px; background:url(../images/inner-content-3-bg.png) no-repeat; margin:26px 0 0 21px; float:left;}
#latest-news h1 { width:198px; height:28px; font:bold 16px "Trebuchet MS"; color:#9ccd02; margin:10px 0 0 8px; border-bottom:solid 1px #cbe2b9; text-align:center;}
#latest-news span { font:12px "Trebuchet MS"; color:#416200;  margin:10px 12px 0 14px;} /* Added by Fasih Removed:float:left;*/
#latest-news span a { font: 12px/16px "Trebuchet MS"; color:#416200; text-decoration:none;}
#latest-news span  a:hover { font:12px/16px "Trebuchet MS"; color:#416200; text-decoration:underline;}


#content-area-right { width:185px; height:318px; background:url(../images/content-bg.jpg) repeat-x; float:right; margin:0 25px 0 0px;} 
#content-area-right h1 {font:12px "Trebuchet MS"; color:#416200; margin:15px 0 50px 0; text-align:center;}
#content-area-right p { width:160px;margin:10px; padding:0 0 10px 0; font:11px/16px "Trebuchet MS"; border-bottom:solid 1px #cbe2b9;color:#416200; } 
#content-area-right span { margin:15px 0 0 0; padding-left:10px; font:bold 14px/16px "Trebuchet MS"; color:#416200;} 


/* content-area End here  */


/* footer start here  */

#footer { width:980px; height:128px; background:url(../images/ftr-bg.gif) no-repeat center; margin:0px; padding:0px;}
#footer h1 { font: 12px "Trebuchet MS" ; color:#85ae08;text-align:center; padding-top:52px;}
#footer h1 a { font: 12px "Trebuchet MS" ; color:#85ae08; text-decoration:none;}
#footer h1 a:hover { font: 12px "Trebuchet MS" ; color:#416200; text-decoration:none;}

#copyright { width:888px; height:45px; margin:0px auto;}
#copyright h1 { font:12px "Trebuchet MS"; color:#416200; float:left; padding:10px 0 0 10px; margin:0px;}

#copyright h2 { font:12px "Trebuchet MS"; color:#416200; float:right; padding:10px 10px 0 0; margin:0px;}	  
#copyright h2 a { font:12px "Trebuchet MS"; color:#416200;text-decoration:none;}	  
#copyright h2 a:hover { font:12px "Trebuchet MS"; color:#416200; text-decoration:underline;}	  

/* footer start here  */



.hovermenu ul{
font:14px "Trebuchet MS";
padding-left: 0;
margin-left: 0;
height: 32px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 5px 0.7em 5px;
text-decoration: none;
float: right;
color: #98b918;

}

.hovermenu ul li a:hover{
background-color: #c8fe00;
color:#527904;

}

/*	Login Page Start Here	*/

#login-in { width: 980px; height:auto; background:url(../images/login-bg.gif) no-repeat top; margin:5px 0 0 0; float:left;}
#login-in-box { width:365px; height:218px; background:url(../images/login-box-bg.png) no-repeat; margin:200px auto;}
#login-in-box h1 { width:313px;  font: 16px "Trebuchet MS"; color:#9ccd02; margin:10px 0 0 22px; padding:10px; border-bottom:solid 1px #cbe2b9; text-align:left;}
#login-in-box p { width:265px; height:25px; margin:20px 0 0 50px; display:block; }
.login-in-box-text { font: 13px "Trebuchet MS"; color:#416200; margin-right:8px;}
.login-in-box-textfield { width:166px; height:20px; border:none;  background-color:#bcee5c;font: 13px "Trebuchet MS"; color:#000; padding:5px;}
/*	Login Page End Here	*/

.tablecell
{
    font:12px Trebuchet MS;
    padding:2px;
    color:Black;
    
}


/* Contact us */
.tab-news-content { width:520px; height:auto; background: #fff; margin:20px; border:solid 1px #bdd889;}
.tab-news-content img { width:auto; height:auto; float:right; background: #fff; margin:20px; }
.tab-news-content h1 { font:bold 20px Verdana; color:#339933; padding:0 0 0 10px;  }
.tab-news-content p { font:12px Verdana; color: #333333; padding:0px 0 0 10px;  }
.tab-news-content p a { font:12px Verdana; color: #333333; text-decoration:underline	;  }
.tab-news-content p a:hover { font:12px Verdana; color:#339933; text-decoration:underline;}




/* About us Start Here */

.About-us { width:auto; height:auto; border:solid 1px #cbe2b9 ; background-color:#fff; padding:20px; margin:20px; float:left;}
.About-us h1 { width:265px; height:36px; margin:0px;}
.About-us P { font: 13px "Trebuchet MS"; color:#416200; margin:0px; padding-top:10px;}

.steps { width:641px; height:auto; border:solid 1px #cbe2b9 ; background:#fff url(../images/lunchbox.jpg) right no-repeat; padding:20px; margin:0 0 20px 20px; float:left;}
.steps h1 { font:bold 22px "Trebuchet MS"; color:#416200; }
.step-1 { height:24px; font:bold 13px "Trebuchet MS"; color:#416200; background:url(../images/step1.jpg) no-repeat; padding:5px 0 0 40px; margin:20px 0 0 10px; color:#000; }
.step-2 { height:24px; font:bold 13px "Trebuchet MS"; color:#416200; background:url(../images/step2.jpg) no-repeat; padding:5px 0 0 40px; margin:5px 0 0 10px; color:#000; }
.step-3 { height:24px; font:bold 13px "Trebuchet MS"; color:#416200; background:url(../images/step3.jpg) no-repeat; padding:5px 0 0 40px; margin:5px 0 0 10px; color:#000; }
.readmore { width:70px; height:auto; float:right; background-color:#449318; padding:6px; margin: 0 20px 20px 0; color:#FFFFFF; font:12px verdana; border:solid 1px #bdd889; display:block; }
.readmore a { width:auto; height:auto; float:right; background-color:#449318;color:#FFFFFF; font:12px verdana;  display:block; text-decoration:none; }
.readmore a:hover {color:#FFFFFF; text-decoration:underline;}

/* About us End Here */


/* How it work Start Here */

.how-it-work { width:auto; height:auto; border:solid 1px #cbe2b9 ; background-color:#fff; padding:20px; margin:20px; float:left;}
.how-it-work h1 { width:326px; height:37px; margin:0px;}
.how-it-work h2 { font:bold 18px "Trebuchet MS"; color:#416200; margin:0px; padding-top:10px;}
.how-it-work h3 { font:bold 18px "Trebuchet MS"; color:#e41818; margin:0px;text-align:center; padding-top:20px;}
.how-it-work p { font: 13px "Trebuchet MS"; color:#416200; margin:0px ; padding-top:10px;}
.watch-video { width:488px; height:auto; padding:3px; border:solid 1px #cbe2b9; margin:20px auto;}



/* How it work End Here */

/* Register Your Interest Start Here */

.register-your-interest { width:auto; height:auto; border:solid 1px #cbe2b9 ; background-color:#fff; padding:20px; margin:20px; float:left;}
.register-your-interest h1 { width:253x; height:42px; margin:0px;}
.register-your-interest h2 { font:bold 16px "Trebuchet MS"; color:#416200; margin:0px; padding-top:10px;}
.register-your-interest h3 { font:bold 14px/0px "Trebuchet MS"; color:#e41818; padding-top:5px;}
.register-your-interest-form { width:auto; height:auto; background:#effad3; border:solid 1px #cbe2b9; padding:20px; margin:50px 0 20px 0px;}
.register-your-interest-form p { font: 13px "Trebuchet MS"; color:#416200; margin:0px ; padding-top:10px; vertical-align:top;}
.register-your-interest-form-field { width:250px; height:25px;color:#416200; margin:0px 0 0 50px; border:solid 1px #cbe2b9;}
.register-your-interest-form textarea { width:250px; height:80px; color:#416200;margin:0px 0 0 50px; border:solid 1px #cbe2b9;}
.form-button { width:80px; color:#fff; background:#7fba10; border:solid 1px #cbe2b9; padding:3px; float:right;}
.captcha { width:auto; height:auto; margin:20px 0 10px 0;}
.captcha img { width:auto; height:auto;color:#416200; margin:0px 0 0 120px; border:solid 1px #cbe2b9;}
.captcha input {width:50px; height:25px;color:#416200; margin:0px 0 0 6px; border:solid 1px #cbe2b9;}
.register-your-interest-form-radio { font: 13px/35px "Trebuchet MS"; color:#416200; margin:0px ; padding-top:20px; vertical-align:top; margin-left:120px;}

/* Register Your Interest End Here */

/* Benefit of mklb Start Here */

.benfits-of-mklb { width:auto; height:auto; border:solid 1px #cbe2b9 ; background-color:#fff; padding:20px; margin:20px; float:left;}
.benfits-of-mklb h1 { width:101px; height:32px; margin:0px;}
.benfits-of-mklb h2 { font:bold 16px "Trebuchet MS"; color:#416200; margin:0px; padding-top:10px;}
.benfits-of-mklb p { font: 13px "Trebuchet MS"; color:#416200; margin:0px ; padding-top:10px; vertical-align:top;}

/* Benefit of mklb End Here */

/*terms of mklb */
.terms-of-mklb { width:auto; height:auto; border:solid 1px #cbe2b9 ; background-color:#fff; padding:20px; margin:20px; float:left;}
.terms-of-mklb h1 { width:253x; height:42px; margin:0px;}
.terms-of-mklb h2 { font:bold 16px "Trebuchet MS"; color:#416200; margin:0px; padding-top:10px;}
.terms-of-mklb p { font: 13px "Trebuchet MS"; color:#416200; margin:0px ; padding-top:10px; vertical-align:top;}
/* terms of mklb ends here */

/*policy of mklb */
.policy-of-mklb { width:auto; height:auto; border:solid 1px #cbe2b9 ; background-color:#fff; padding:20px; margin:20px; float:left;}
.policy-of-mklb h1 { width:253x; height:42px; margin:0px;}
.policy-of-mklb h2 { font:bold 16px "Trebuchet MS"; color:#416200; margin:0px; padding-top:10px;}
.policy-of-mklb p { font: 13px "Trebuchet MS"; color:#416200; margin:0px ; padding-top:10px; vertical-align:top;}
/* policy of mklb ends here */



/* Contact mklb Start Here */

.Contact-mklb { width:640px; height:auto; border:solid 1px #cbe2b9 ; background-color:#fff; padding:20px; margin:20px; float:left;}
.Contact-mklb h1 { width:253x; height:42px; margin:0px;}
.Contact-mklb h2 { font:bold 16px "Trebuchet MS"; color:#416200; margin:0px; padding-top:10px;}
.Contact-mklb p { font: 13px "Trebuchet MS"; color:#416200; margin:0px ; padding-top:10px; vertical-align:top;}
.Contact-mklb p a { font: 13px "Trebuchet MS"; color:#e41818; text-decoration:none; }
.Contact-mklb p a:hover{ font: 13px "Trebuchet MS"; color:#e41818; text-decoration:underline; }

/* Contact of mklb End Here */


/* Register User */

.register-user { width:auto; height:auto; border:solid 1px #cbe2b9 ; background-color:#fff; padding:20px; margin:20px; float:left;}
.register-user h1 { width:253x; height:42px; margin:0px;}
.register-user h2 { font:bold 16px "Trebuchet MS"; color:#416200; margin:0px; padding-top:10px;}
.register-user h3 { font:bold 14px/0px "Trebuchet MS"; color:#e41818; padding-top:5px;}
.register-user-form { width:auto; height:auto; background:#effad3; border:solid 1px #cbe2b9; padding:20px; margin:15px 0 20px 0px;}
.register-user-form p { font: 13px "Trebuchet MS"; color:#416200; margin:0px ; padding-top:10px; vertical-align:top;}
.register-user-form input { width:250px; height:25px;color:#416200; margin:0px 0 0 50px; border:solid 1px #cbe2b9;}
.register-user-form textarea { width:250px; height:80px; color:#416200;margin:0px 0 0 50px; border:solid 1px #cbe2b9;}
.form-button-register-user { width:auto; color:#fff; background:#7fba10; border:solid 1px #cbe2b9; padding:3px; margin:0; float:right;}

/* Register User End Here */


/* Add Child */

.add-child { width:auto; height:auto; border:solid 1px #cbe2b9 ; background-color:#fff; padding:20px; margin-top:20px; margin-left:20px; margin-right:20px; margin-bottom:20px; float:left;}
.add-child h1 { width:253Px; height:42px; margin:0px;}
.add-child h2 { font:bold 16px "Trebuchet MS"; color:#416200; margin:0px; padding-top:10px;}
.add-child h3 { font:bold 14px/0px "Trebuchet MS"; color:#e41818; padding-top:5px;}
.add-child-form { width:auto; height:auto; background:#effad3; border:solid 1px #cbe2b9; padding:20px; margin:15px 0 20px 0px;}
.add-child-form p { font: 13px "Trebuchet MS"; color:#416200; margin:0px ; padding-top:10px; vertical-align:top;}
/*.add-child-form input { width:auto; height:auto;}*/
.add-child-form select { width:250px; height:25px;color:#416200; margin:0px 0 0 50px; border:solid 1px #cbe2b9;}
.add-child-form textarea { width:250px; height:80px; color:#416200;margin:0px 0 0 50px; border:solid 1px #cbe2b9;}
.form-button-add-child { width:auto; color:#fff; background:#7fba10; border:solid 1px #cbe2b9; padding:3px; float:right;}
.form-button2-add-child { width:auto; color:#fff; background:#7fba10; border:solid 1px #cbe2b9; padding:3px; float:left; text-decoration:none;}

.add-child-form-field { width:250px; height:25px;color:#416200; margin:0px 0 0 50px; border:solid 1px #cbe2b9;}
/* Add Child End Here */
 
 
 /* Add Credit  */

.add-credit { width:auto; height:auto; border:solid 1px #cbe2b9 ; background-color:#fff; padding:20px; margin:20px; float:left;}
.add-credit h1 { width:253px; height:42px; margin:0px;}
.add-credit h2 { font:bold 16px "Trebuchet MS"; color:#416200; margin:0px; padding-top:10px;}
.add-credit h3 { font:bold 14px/0px "Trebuchet MS"; color:#e41818; padding-top:5px;}
.add-credit-form { width:600px; height:auto; background:#effad3; border:solid 1px #cbe2b9; padding:20px; margin:15px 0 20px 0px;}
.add-credit-form p { font: 13px "Trebuchet MS"; color:#416200; margin:0px ; padding-top:10px; vertical-align:top;}
.add-credit-form input { width:250px; height:25px;color:#416200; margin:0px 0 0 50px; border:solid 1px #cbe2b9;}
.add-credit-form select { width:250px; height:25px;color:#416200; margin:0px 0 0 51px; border:solid 1px #cbe2b9;}
.add-credit textarea { width:250px; height:80px; color:#416200;margin:0px 0 0 50px; border:solid 1px #cbe2b9;}
.form-button-add-credit { width:auto; color:#fff; background:#7fba10; border:solid 1px #cbe2b9; padding:3px; margin:0; float:right;}

/* Add Credit End Here */

/* change-password Start Here */
 
 .change-password { width:auto; height:auto; border:solid 1px #cbe2b9 ; background-color:#fff; padding:20px; margin:20px; float:left;}
 .change-password h1 { width:201px; height:37px; margin:0px;}
 .change-password h2 {font:bold 16px "Trebuchet MS"; color:#416200; margin:0px; padding-top:10px;}
 .change-password h3 {width:430px;margin:20px 0px;border:1px solid #c82820;color:#c82820;font-family:"Arial";font-size:12px;font-weight:700;background:#f8bcb8;padding:5px}
 .change-password-form { width:600px; height:auto; background:#effad3; border:solid 1px #cbe2b9; padding:20px; margin:25px 0 20px 0px;}
 .change-password-form p { font: 13px "Trebuchet MS"; color:#416200; margin:0px ; padding-top:10px; vertical-align:top;}
 .change-password-form input { width:250px; height:25px;color:#416200; margin:0px 0 0 50px; border:solid 1px #cbe2b9;}
 .form-button-change-pass { width:auto; color:#fff; background:#7fba10; border:solid 1px #cbe2b9; padding:3px; float:right;}
/* change-password End Here */

/* reset-password Start Here */
 
 .reset-password { width:auto; height:auto; border:solid 1px #cbe2b9 ; background-color:#fff; padding:20px; margin:20px; float:left;}
 .reset-password h1 { width:193px; height:37px; margin:0px;}
 .reset-password h2 {font:bold 16px "Trebuchet MS"; color:#416200; margin:0px; padding-top:10px;}
 .reset-password h3 {width:239px;margin:20px 0px;border:1px solid #c82820;color:#c82820;font-family:"Arial";font-size:12px;font-weight:700;background:#f8bcb8;padding:5px}
 .reset-password-form { width:600px; height:auto; background:#effad3; border:solid 1px #cbe2b9; padding:20px; margin:25px 0 20px 0px;}
 .reset-password-form p { font: 13px "Trebuchet MS"; color:#416200; margin:0px ; padding-top:10px; vertical-align:top;}
 .reset-password-form input { width:250px; height:25px;color:#416200; margin:20px 0 0 0px; border:solid 1px #cbe2b9;}
 .form-button-reset-pass { width:auto; color:#fff; background:#7fba10; border:solid 1px #cbe2b9; padding:3px; float:right;}
 
/* reset-password End Here */


/* NOTIFICATION START HERE*/

#notification{ width:900px;margin:20px 0 0 40px ;border:1px solid #c82820;background:#f8bcb8;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;}
.notification-hide { width:900px;margin:20px 0 0 40px ; display:none; -moz-border-radius:3px;-webkit-border-radius: 3px;}
#notification p { color:#c82820;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;}
          }
/* NOTIFICATION END HERE */


/* result  */

.result { width:auto; height:auto; border:solid 1px #cbe2b9 ; background-color:#fff; padding:20px; margin:20px; float:left;}
.result h1 { width:253x; height:42px; margin:0px;}
.result h2 { font:bold 16px "Trebuchet MS"; color:#416200; margin:0px; padding-top:10px;}
.result h3 { font:bold 14px/0px "Trebuchet MS"; color:#e41818; padding-top:5px;}
.result-form { width:auto; height:auto; background:#effad3; border:solid 1px #cbe2b9; padding:20px; margin:15px 0 20px 0px;}
.result-form p { font: 13px "Trebuchet MS"; color:#416200; margin:0px ; padding-top:10px; vertical-align:top;}
.result-form input { width:250px; height:25px;color:#416200; margin:0px 0 0 50px; border:solid 1px #cbe2b9;}
.result-form select { width:250px; height:25px;color:#416200; margin:0px 0 0 30px; border:solid 1px #cbe2b9;}
.result textarea { width:250px; height:80px; color:#416200;margin:0px 0 0 50px; border:solid 1px #cbe2b9;}
.form-button-result { width:auto; color:#fff; background:#7fba10; border:solid 1px #cbe2b9; padding:3px; margin:0; float:right;}

/* result End Here */