body
{
    background: #FFFFFF;
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

div
{
    background-color: #CCCCCC;
}

input[type="text"]:disabled 
{
    background: #eeeeee;
    color: Black;
    cursor: not-allowed;   
}

h9
{
    font-size: .92em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color:#9da0a0;
    font-variant:normal;
    text-transform: none;
    font-weight:400;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left:2px;
}

.reqFld
{
    color :Red;
}
.profileBtn:hover
{
    background: #1E90FF;
    color: white;   
}

.profileBtn:disabled 
{
    background: transparent;
    color: Black;
    cursor: not-allowed;   
}










input[type=password]
{
 width :90%; 
 margin-top:4px;
 margin-left:4px; 
 height:26px;
 font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
 font-weight: 500;
 color:Black;
 font-size:1.1em;
 border :none;
 background-color:White;
 border-radius: 3px;
 border: 1px solid #1E90FF; 
}

input[type=text], textarea
{
width :90%; 
 margin-top:4px;
 margin-left:4px; 
 height:26px;
 font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
 font-weight: 500;
 color:Black;
 font-size:1.1em;
 border :none;
 background-color:White;
 border-radius: 3px;
 border: 1px solid #1E90FF;
}


label
{
    width :100%; 
    font-size: 1.1em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color:Black;
    font-variant:normal;
    text-transform: none;
    font-weight:600;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left:4px;
    display :block;
}

.loginForm
 {
 background: #f2f2f2;    
 width: 290px;
 height: 600px;
 top: 2%;
 left:4% ;
 position:absolute;
 margin-left:8px;
 border-radius: 10px; /*To make the corners rounded in IE*/
-moz-border-radius: 10px;/*this is for mozilla*/
-webkit-border-radius: 10px; /*chrome and other browsers*/     
    } 
    
.submitBtn
{
    padding-right: 20px;
    height: 4em;
    width: 8em;
    font-size: .90em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color: #000000;
    font-weight: 500;
    
}

.profileBtn
{
    width: 250px;
    margin-top:15px;
    margin-left:5%;
    border: 2px solid #1E90FF;
    padding-right:2px;
    height: 2.6em;    
    font-size: 1.2em;
    text-align:center;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color:Black;
    font-weight: 400;
    float:left;
    vertical-align:middle;
    background-color:transparent;
    border-radius: 4px;
    cursor: pointer;
}
div.sectionHeader
{
 width:290px;
 height:65px;
 display:inline-block;
 color: white;
 float:inherit;
 background-color:#6a72ef;
 text-align:center;
 
 margin-left:0px;
 margin-left :0px;
 margin-top:0px;
 font-size: 1.3em;
 font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
 font-weight: 600;
 border-top-left-radius:5px; /*To make the corners rounded in IE*/
 border-top-right-radius:5px;
-moz-border-top-right-radius:5px; /*this is for mozilla*/
-moz-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px; /*chrome and other browsers*/ 
-webkit-border-top-left-radius:5px;     
}

.lblLoginErrorTxt
{
    font-family: Arial, Verdana;
    font-size: 1em;
    font-weight: 500;
    color: #CC3300;
    padding-left: 2em;    
}

div.oneClBox
{
   display:inline;   
   background-color:transparent;
   width:290px;
   height:57px;
   float :left;
   margin-top:7px;
   margin-left:2%;
   border: 0px solid #1E90FF;
   vertical-align:middle;
   text-align:left;   
}

div.oneClBoxWOL
{
   display:inline;   
   background-color:transparent;
   width:290px;
   height:25px;
   float :left;
   margin-top:7px;
   margin-left:2%;
   border: 0px solid #1E90FF;
   vertical-align:middle;
   text-align:left;   
}

.errMsgText
{
 margin-top:0px; 
 width:310px;
 height:100%;
 font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
 font-weight: 400;
 color:red;
 font-size:0.9em;
 border :none;
 background-color:transparent;
 border-radius: 0px;
 border: 0px solid #1E90FF;
 overflow :hidden;   
}


@media only screen and (min-device-width: 600px) 
    {
    /* For tablets: */
    
    
 .loginForm
 {
  background: #f2f2f2;    
 width: 370px;
 height: 600px;
 top: 1%;
 left:25% ;
 position:absolute;
 margin-left:8px;
 border-radius: 10px; /*To make the corners rounded in IE*/
-moz-border-radius: 10px;/*this is for mozilla*/
-webkit-border-radius: 10px; /*chrome and other browsers*/     
 } 
    
 div.sectionHeader
{
 width:370px;
 height:65px;
 display:inline-block;
 color: white;
 float:inherit;
 background-color:#6a72ef;
 text-align:center;
 
 margin-left:0px;
 margin-left :0px;
 margin-top:0px;
 font-size: 1.3em;
 font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
 font-weight: 600;
 border-top-left-radius:5px; /*To make the corners rounded in IE*/
 border-top-right-radius:5px;
-moz-border-top-right-radius:5px; /*this is for mozilla*/
-moz-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px; /*chrome and other browsers*/ 
-webkit-border-top-left-radius:5px;     
}   

div.oneClBox
{
   display:inline;   
   background-color:transparent;
   width:339px;
   height:57px;
   float :left;
   margin-top:7px;
   margin-left:5%;
   border: 0px solid #1E90FF;
   vertical-align:middle;
   text-align:left;   
}

div.oneClBoxWOL
{
   display:inline;   
   background-color:transparent;
   width:339px;
   height:25px;
   float :left;
   margin-top:7px;
   margin-left:5%;
   border: 0px solid #1E90FF;
   vertical-align:middle;
   text-align:left;   
}

.profileBtn
{
    margin-left:30px;
    width:275px;
    border: 2px solid #1E90FF;
    padding-right:2px;
    height: 2.6em;    
    font-size: 1.2em;
    text-align:center;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color:Black;
    font-weight: 400;
    float:left;
    vertical-align:middle;
    background-color:transparent;
    border-radius: 4px;
    cursor: pointer;
    margin-right:5px;
}








    
    
    
}








@media only screen and (min-device-width: 770px) 
    {

    /* For desktop: */
    
 input[type=password]
{
 width :90%; 
 margin-top:4px; 
 height:26px;
 font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
 font-weight: 400;
 color:Black;
 font-size:1.2em;
 border :none;
 background-color:White;
 border-radius: 3px;
 border: 1px solid #1E90FF; 
}

input[type=text], textarea
{
 width :90%; 
 margin-top:4px; 
 height:26px;
 font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
 font-weight: 400;
 color:Black;
 font-size:1.2em;
 border :none;
 background-color:White;
 border-radius: 3px;
 border: 1px solid #1E90FF; 
}


label
{
    width :100%; 
    font-size: 1.2em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color:Black;
    font-variant:normal;
    text-transform: none;
    font-weight:400;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left:4px;
    display :block;
}   
 
 .loginForm
 {
 background: #f2f2f2;    
 width: 340px;
 height: 600px;
 top: 2%;
 left:36% ;
 position:absolute;
 margin-left:20px;
 border-radius: 10px; /*To make the corners rounded in IE*/
-moz-border-radius: 10px;/*this is for mozilla*/
-webkit-border-radius: 10px; /*chrome and other browsers*/   
    } 
    
.submitBtn
{
    padding-right: 20px;
    height: 4em;
    width: 8em;
    font-size: .90em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color: #000000;
    font-weight: 500;
    
}
.lblLoginErrorTxt
{
    font-family: Arial, Verdana;
    font-size: 1em;
    font-weight: 500;
    color: #CC3300;
    padding-left: 2em;     
}
div.sectionHeader
{
 width: 340px;
 height:65px;
 display:inline-block;
 color: white;
 float:inherit;
 background-color:#6a72ef;
 text-align:center;
 
 margin-left:0px;
 margin-left :0px;
 margin-top:0px;
 font-size: 1.5em;
 font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
 font-weight: 500;
 border-top-left-radius:5px; /*To make the corners rounded in IE*/
 border-top-right-radius:5px;
-moz-border-top-right-radius:5px; /*this is for mozilla*/
-moz-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px; /*chrome and other browsers*/ 
-webkit-border-top-left-radius:5px;     
}
div.oneClBox
{
   display:inline;   
   background-color:transparent;
   width:307px;
   height:57px;
   float :left;
   margin-top:7px;
   margin-left:5%;
   border: 0px solid #1E90FF;
   vertical-align:middle;
   text-align:left;   
}

div.oneClBoxWOL
{
   display:inline;   
   background-color:transparent;
   width:307px;
   height:25px;
   float :left;
   margin-top:7px;
   margin-left:5%;
   border: 0px solid #1E90FF;
   vertical-align:middle;
   text-align:left;   
}

.profileBtn
{
    margin-left:15px;
    width:275px;
    border: 2px solid #1E90FF;
    padding-right:2px;
    height: 2.6em;    
    font-size: 1.2em;
    text-align:center;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color:Black;
    font-weight: 600;
    float:left;
    vertical-align:middle;
    background-color:transparent;
    border-radius: 4px;
    cursor: pointer;
    margin-right:5px;
}


.errMsgText
{
 margin-top:0px; 
 width:310px;
 height:100%;
 font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
 font-weight: 400;
 color:red;
 font-size:0.9em;
 border :none;
 background-color:transparent;
 border-radius: 0px;
 border: 0px solid #1E90FF;
 overflow :hidden;   
}
.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    //* background-image: url(ComboBox/images/toolkit-bg.gif);*//
    background-position: top left;
    border: 1px solid #40A0E0;
    color: black;
    /*padding: 4px 0px 3px 3px; */
    padding: 3px 3px 3px 3px;
    font-weight: 400;
    font-size: 1.2em;
    height: 20px;
    width: 210px;
    margin: 0px 0px 0px 1px;
   /* position :relative; */
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    border-radius: 3px;
    
}
.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    //*background-image: url(ComboBox/images/toolkit-arrow.gif);*//
    background-position: top left;
    border: 1px solid #40A0E0;
    height: 20px;
    width: 22px;
    border-radius: 3px;
}
.AjaxToolkitStyle .ajax__combobox_itemlist
{
    border: 1px solid #40A0E0;
    background-color: #EFEFEF;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    
}

.AjaxToolkitStyle .ajax__combobox_itemlist li
{
    border-color: #40A0E0;
    background-color: #EFEFEF;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-weight: 400;
    font-size:1.2em;
}
.footer
{
  width:95.90%;
  display: inline;
  float:left;
  height:20px;
  margin-left: 2%;
  background-color:#e08040;
  text-align:center;
  padding-top:5px; 
  border-bottom-left-radius:7px;
  -moz-border-bottom-left-radius:7px;
  -webkit-border-bottom-left-radius:7px;
  border-bottom-right-radius:7px;
  -moz-border-bottom-right-radius:7px;
  -webkit-border-bottom-right-radius:7px;
  border-right:1px solid #9da0a0;
  border-left :1px solid #9da0a0;
  border-bottom:1px solid #9da0a0;   
}
}