html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div
{display:block;vertical-align:baseline}
body{line-height:1;text-align:center;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
body{font:13px/20px Helvetica,Arial,sans-serif;;}
.container{margin:0 auto;width:100%;float:none;}
hr{margin-top: 1px !important;
margin-bottom: 1px !important;}
.login{position:relative;margin:6% auto;padding:0px;background:#f3f3f3;
       border-radius:5px;
       -moz-box-shadow: 1px 11px 20px -3px /*{global-box-shadow-size}*/ rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
       -webkit-box-shadow: 1px 11px 20px -3px /*{global-box-shadow-size}*/ rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
       box-shadow: 1px 11px 20px -3px /*{global-box-shadow-size}*/ rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
       /*-webkit-box-shadow:0 0 200px rgba(255,255,255,0.1),0 2px 4px rgba(0,71,178,0.8);
       box-shadow:0 0 200px rgba(255,255,255,0.1),0 2px 4px rgba(0,71,178,0.8);*/
       background-image:-webkit-linear-gradient(top,#fefefe,#f3f3f3);
       background-image:-moz-linear-gradient(top,#fefefe,#f3f3f3);
       background-image: -ms-linear-gradient(top, #fefefe, #f3f3f3);
       background-image:-o-linear-gradient(top,#fefefe,#f3f3f3);
       background-image:linear-gradient(bottom,#fefefe,#f3f3f3);}
/*.login:before{content:'';position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-1;background:rgba(0,0,0,0.08);border-radius:10px}*/
.logintitle{font-size:15px;
            font-weight:bold;
            color:#204781;
            min-height:35px;
            text-align:center;
            padding-top: 7px;
            padding-bottom: 7px;
            text-shadow:0 1px white;
            background:#f4f4f4;
            border-bottom:1px solid #cfcfcf;
            border-radius:10px 10px 0 0;
            background-image:-webkit-linear-gradient(top,#ffffff,#f4f4f4);
            background-image:-moz-linear-gradient(top,#ffffff,#f4f4f4);
            background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);
            background-image:-o-linear-gradient(top,#ffffff,#f4f4f4);
            background-image:linear-gradient(top bottom,#ffffff,#f4f4f4);
            -webkit-box-shadow:0 1px whitesmoke;
            box-shadow:0 1px whitesmoke;}
.msgtitle{font-size:15px;
          font-weight:bold;
          color:#204781;
}

.login p.others{margin:8px 0 0;}
.login p.label{margin:-2px 0 0;}
.login p:first-child{margin-top:0;}
.login input[type=text], .login input[type=password]{
    height:40px;
    background-color:#ffc;
    border-radius:0px 1px 1px 0px !important;                                      
    -moz-outline-radius:1px !important;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.12);}
.login p.remember_me{float:left;line-height:31px;}
.login p.remember_me label{font-size:12px;color:#777;cursor:pointer;}
.login p.remember_me input{position:relative;bottom:1px;margin-right:4px;vertical-align:middle;}
.login p.submit{text-align:right;}
-moz-placeholder{color:#c9c9c9 !important;font-size:14px;font-family: Helvetica,Arial,sans-serif;}::-webkit-input-placeholder{color:#ccc;font-size:14px;font-family: Helvetica,Arial,sans-serif;}
input{font-family:Helvetica,Arial,sans-serif;font-size:16px;}
.otherButton{
    min-height:25px;
    border: 1px solid #bbb;
    border-radius: 1px !important;
    background: #fff;
    font-weight: 200;
    color: #333;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#f6f6f6));
    background-image: -webkit-linear-gradient(#fafafa,#f6f6f6);
    background-image: -moz-linear-gradient(#fafafa,#f6f6f6);
    background-image: -ms-linear-gradient(#fafafa,#f6f6f6);
    background-image: -o-linear-gradient(#fafafa,#f6f6f6);
    background-image: linear-gradient(#fafafa,#f6f6f6);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
    box-shadow: 0 1px 4px rgba(0,0,0,.3);
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: .5em 0;
    font-size: 16px;
    padding: .6em 20px;
    min-width: .75em;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    zoom: 1;
}
.otherButton:hover{
    background:#cde5ef;
    border-color:#9eb9c2 #b3c0c8 #b4ccce;
    -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.2);
    box-shadow:inset 0 0 3px rgba(0,0,0,0.2)}

.lgnNotice{
    min-height:100% !important;
    border: 1px solid #bbb;
    border-radius: 1px !important;
    background: #fff;
    color: #333;
    font-family: Times,Helvetica,Arial,sans-serif; 
    font-style: italic;
    font-size: 14px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#f6f6f6));
    background-image: -webkit-linear-gradient(#fafafa,#f6f6f6);
    background-image: -moz-linear-gradient(#fafafa,#f6f6f6);
    background-image: -ms-linear-gradient(#fafafa,#f6f6f6);
    background-image: -o-linear-gradient(#fafafa,#f6f6f6);
    background-image: linear-gradient(#fafafa,#f6f6f6);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
    box-shadow: 0 1px 4px rgba(0,0,0,.3);
    display: block;
    text-align: center;
    position: relative;
    margin: .5em 0;
    padding: .6em 20px;
    min-width: .75em;
    zoom: 1;
}
#loginDiv{
    max-width: 350px !important;
    min-width: 260px;
    padding:5px;}
.wordwrap1 { 
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -pre-wrap;     /* Opera <7 */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */
    vertical-align: middle;
}
/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
    .hdrDiv{padding:1px;}
    span.h4{color:#FFF;font-family: Helvetica, Arial, Verdana;font-style: normal;font-weight: bold;font-size: 16px;margin:10px auto 1px auto;padding:1px;}
    span.h6{color:#FFF;font-family: Times;font-style: italic;font-weight: bold;font-size: 12px;margin:10px auto 1px auto;padding:1px;}
    #loginDiv{min-width: 300px !important;padding:2px !important;}
    ul.lgnMenu{display: none;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    .hdrDiv{padding:2px;}
    span.h4{color:#FFF;font-family: Helvetica, Arial, Verdana;font-style: normal;font-weight: bold;font-size: 16px;margin:3px auto 1px auto;padding:2px;}
    span.h6{color:#FFF;font-family: Times;font-style: italic;font-weight: bold;font-size: 12px;margin:11px auto 1px auto;padding:2px;}
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
    .hdrDiv{padding:10px;}
    span.h4{color:#FFF;font-family: Helvetica, Arial, Verdana;font-style: normal;font-weight: bold;font-size: 18px;margin:15px auto 1px auto;padding:10px;}
    span.h6{color:#FFF;font-family: Times;font-style: italic;font-weight: bold;font-size: 14px;margin:15px auto 1px auto;padding:5px;}
}
/* large desktops and up ----------- */
@media screen and (min-width: 1200px) {
    span.h4{color:#FFF;font-family: Helvetica, Arial, Verdana;font-style: normal;font-weight: bold;font-size: 20px;margin:20px auto 1px auto;padding:10px;}
    .hdrDiv{padding:10px;}
    span.h6{color:#FFF;font-family: Times;font-style: italic;font-weight: bold;font-size: 16px;margin:20px auto 1px auto;padding:10px;}
}
.modal-sm{max-width:300px;}
h1
{
    font-family : Verdana, Tahoma, Arial, sans-serif;
    font-size: 1.5em;
    font-weight:bold;
    text-decoration: underline;
    margin-bottom: 15px;
}

ul.lgnMenu {
    list-style-type: none;
    margin: 10px auto 10px auto; 
    padding: 0;
    width: 100%;
    overflow: hidden;
    float:none;
    background-color: #FFF !important;
}

ul.lgnMenu li {
    float: left;
}

ul.lgnMenu li a {
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
}

ul.lgnMenu li a:hover {
    background-color: #CCC;
}

.modalLdng {
    display:    none;
    background: rgba( 5, 5, 5, .7 ) 
        url('images/ajax-loader7.gif') 
        50% 50% 
        no-repeat;
    background-size: 75px 75px;
}

.modalLdng1 {
    display:    none;
    background: rgba( 5, 5, 5, .7 ) 
        url('../cmn_images/ajax-loader2.gif') 
        50% 50% 
        no-repeat;
    background-size: 75px 75px;
}
/* Let's get this party started */
::-webkit-scrollbar {
    width: 6px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(221,221,221,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(221,221,221,0.4); 
}
.wordwrap3 { 
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -pre-wrap;     /* Opera <7 */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */
    padding:1px;
    text-align: center;
    vertical-align: middle;
}