article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #292825; color: #fff; text-shadow: none; }
::selection { background: #292825; color: #fff; text-shadow: none; }
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin:0; padding:0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/* =====================================
   MAIN WRAPPING ELEMENTS
   ================================== */     
body {background:none; font-family:arial, sans-serif; font-size:13px; line-height:22px; color:#24231f; font-weight:300;}
.lt-ie9 body {font-weight:normal;}
#outer_wrap {}
p em {color:#96a21c; font-weight:normal;}
a {color:#0085d6; text-decoration:none; }
a:hover {text-decoration:underline; color:#0085d6;}
a:visited {color:#5e599c;}

/* =====================================
   HEADER
   ================================== */ 
#outer_wrap .header_wrap {display:block;top:0; z-index:500; background:none; height:65px; left:0; width:100%;min-width:480px}

/*#outer_wrap .header_wrap {display:block;top:0; z-index:500; background:url(../images/header_bg.png) top repeat-x; height:10%; left:0; width:100%;min-width:480px;}*/


.part2{
     background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 0 1px #909090;
    left: 0!important;
    margin: 0 auto;
    padding: 15px 50px;
    position: absolute;
    right: 0!important;
    top:30%!important;
    max-width:360px;
}

.login .form-group {margin-bottom:5px}
.login label {line-height:18px;margin:0}
    .part2 input {height:36px!important;padding:4px 15px!important
    }
/*Updated by Kartik Khosla on 21-2-2014*/
.header_wrap .header_content {width:100%; margin:0 auto;  position:relative;}
/*.header_wrap .header_content {width:1024px; margin:0 auto;  position:relative;}*/


.header_content h1{ margin:1px 0px; padding:0px; float:left; width:auto;}
/*.header_content .logoff a { background : #F37B4E;border-radius: 5px 5px 5px 5px;color: #FFFFFF; float: right; width:50px;height:22px; text-align:center; font-size: 11px;  font-weight:bold;margin-left:10px;font-family:Verdana; margin-top: -55px;padding: 0px 4px 1px 3px;text-align:right;  text-decoration:none;}*/
  .header_content .logoff a { background : #F37B4E;border-radius: 5px 5px 5px 5px;color: #FFFFFF; float: right; width:50px;height:22px; text-align:center; font-size: 11px;  font-weight:bold;margin-left:1px;font-family:Verdana; 
                                margin-top:25px;                             
                               /*-moz-margin: 13px !important;*/                                
                               /*-o-margin: -55px !important;*/
                               padding: 0px 4px 1px 3px;text-align:left;text-decoration:none;}
.header_content .logoff a:hover { background: none repeat scroll 0 0 #F36B4E; text-decoration:none;}

.header_content .home a {float: right; width:50px;height:22px; text-align:center; font-size: 11px;  font-weight:bold;font-family:Verdana; 
                           margin-top:25px;
                           /*margin-left:550px;*/   
                          /*margin-top: -55px !important;*/
                               /*-moz-margin-top: 13px !important;*/ /* for mozilla */
                         padding: 0px 4px 1px 3px;text-align:right;  text-decoration:none;padding: 0px 4px 1px 3px;text-align:right;  text-decoration:none;}
/* =====================================
   MAIN NAV
   ================================== */
nav {display:block; float:left; width:100%; margin-top:3px;}
.lt-ie8 ul.main_nav {width:auto; float:right;}
ul.main_nav {list-style:none;}
ul.main_nav li {float:left; margin-right:1px}
ul.main_nav li a {color:#444444; font-size:13px; font-weight:300; text-shadow:-1px -1px 0 rgba(0,0,0,.4); text-decoration:none; text-transform:uppercase; display:block; padding:0 15px 0 15px; font-weight:bold; text-shadow:1px 1px 0 rgba(255,255,255,.35);}
ul.main_nav li a:hover{ color:#000; height:50px;}

/* =====================================
   SECTIONS
   ================================== */
   


/*#outer_wrap .section_wrap {padding:0px 0px; display:block; overflow:hidden; margin:80px auto; width:1024px;}
.section_wrap .mid{ background:url("../images/mid_b.png") no-repeat scroll center bottom transparent; width:100%; height:275px;}
.mid .center_form{ width:830px; margin:0px auto;}
.center_form .section_content{height:363px; width:95%;padding:0px 0px 0px 0px; margin:0px auto 0px auto; background:#FAFAFA; float:left;  border-radius: 4px 4px 4px 4px;}
.section_content .part1 { display: block; float:left; padding-right: 0px;border-right:1px solid #cccbcb;padding-bottom: 0px; padding-top: 0px; }*/

/*Updated by Kartik Khosla on 21-2-2014*/
/*#outer_wrap .section_wrap {background:url("../images/Login-BG.png");padding:0px 0px; padding-top:0px; display:table; overflow:hidden; margin-top:24px; margin-bottom:-12px; width:100%;min-width:500px;}*/


#outer_wrap .section_wrap { padding:0px 0px; padding-top:0px; display:table; overflow:hidden; margin-top:0px; margin-bottom:0px; width:100%;min-width:500px;background-size:cover!important}

.section_wrap .mid{ background:url("../images/mid_b.png")repeat-x scroll center bottom transparent;background-size:100% 100%; width:100%; height:525px;}
.mid .center_form{ width:66%; margin:0px auto;}
.center_form .section_content{height:auto; width:95%;padding:0px 0px 0px 0px; margin:0px auto 0px auto; background:#FAFAFA; float:left;  border-radius: 4px 4px 4px 4px;}
.section_content .part1 { display: inline; float:left; padding-right: 0px;border-right:1px solid #cccbcb;padding-bottom: 0px; padding-top: 0px; }


.section_content .part2 { display: block; float:left; /*padding: 0px;*/ padding-left:55px }
.part2 .form{margin:0px;}
.form input[type=text]{ background:url(../images/text_bg.png) repeat-x; width:120px; border-radius: 2px 2px 2px 2px; height:23px; border:none; padding:0px 2px;}
.form input[type=password]{ background:url(../images/text_bg.png) repeat-x; width:120px; border-radius: 2px 2px 2px 2px; height:23px; border:none; padding:0px 2px;}
.form input[type=submit] { background:url(../images/top_button.png) repeat;border-radius: 4px 4px 4px 4px; color: #FFFFFF; float: left; font-size: 13px; font-weight: bold; padding: 3px 10px; text-decoration:none;}
.form input[type=submit]:hover { background: none repeat scroll 0 0 #96DCFE; text-decoration:none;}
/*.form input[type=button] { background:url(../images/top_button.png) repeat;border-radius: 4px 4px 4px 4px; color: #FFFFFF; float: left; font-size: 13px; font-weight: bold; padding: 3px 10px; text-decoration:none;}
.form input[type=button]:hover { background: none repeat scroll 0 0 #96DCFE; text-decoration:none;}*/
.form .back2 a { background: #F15A24;border-radius: 4px 4px 4px 4px; color: #FFFFFF; float: left; font-size: 13px; font-weight: bold; padding: 3px 10px; text-decoration:none; margin-left:8px;}
.form .back2 a:hover { background: url(../images/top_button.png) repeat; text-decoration:none;}
.form .buttons{float:right; width:230px;}
.form .forget{ font-size:11px; float:left; color:#0085d6!important }
.form .forget a{ font-size:11px; color:#0085d6!important;text-decoration:none!important}
.form .forget a:hover{text-decoration:underline}


/* =====================================
   FOOTER 
   ================================== */
#footer_wrap {
    background: url(../images/footer_bg.png) repeat-x scroll center top transparent;
    clear: both;
    display: block;
    min-height: 20px;
	/*width:100%;*/
    text-align:center;
    /*height:4%;*/     
}
.footer_content {
    margin: 0 auto;
    width: 100%;
}
.footer_content p{
	padding-top:10px;margin:0
	/*float:left;*/
}