﻿body {
    font-family: Arial;
    font-size: 8pt;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.HeaderFont {
    font-family: Georgia;
}

.HeaderFontSize {
    font-family: Georgia;
    font-size : large
}

.TextAlignright
{
    text-align:right;
}


.maintable {
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-color: white;
    border-width: 1px;
    background-color: white;
    margin-bottom: auto;
    margin-top: auto;
    width: 100%;
    height: 1000px;
}


.maintableOrig {
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-color: white;
    border-width: 1px;
    background-color: white;
    margin-bottom: auto;
    margin-top: auto;
    width: 1440px;
    height: 1010px;
}


.resizetextbox1 {
    width: 100%;
    max-width: 1043px;
    box-sizing: border-box;
    border: 0;
    border-bottom: solid 1px black;
    outline: none;
    color: #002677;
}

.resizetextbox2 {
    width: 100%;
    max-width: 700px;
    border: 0;
    border-bottom: solid 1px black;
    outline: none;
    color: #002677;
}

.resizetextbox3 {
    width: 100%;
    max-width: 300px;
    border: 0;
    border-bottom: solid 1px black;
    outline: none;
    color: #002677;
}



.resizetextbox4 {
    width: 100%;
    max-width: 400px;
    border: 0;
    border-bottom: solid 1px black;
    outline: none;
    color: #002677;
}

.resizetextbox5 {
    width: 100%;
    max-width: 200px;
    border: 0;
    border-bottom: solid 1px black;
    outline: none;
    color: #002677;
}

.resizetextbox6 {
    width: 100%;
    max-width: 100%;
    border: 0;
    border-bottom: solid 1px black;
    outline: none;
    color: #002677;
}

.resizetextbox7 {
    width: 100%;
    max-width: 100%;
    color: #002677;

}


.resizetextbox8 {
    width: 100%;
    max-width: 325px;
    border: 0;
    border-bottom: solid 1px black;
    outline: none;
    color: #002677;
}

.increaselineheight{
    line-height:28px;
}

.ddlcolor {
    color: #002677;
    font-size:14px;
}


.resizelabel1 {
    width: 100%;
    max-width: 100px;
   
}


.mtableview {
    margin-left: 10px;
    margin-right: auto;
    width: 98%;
}


.login-header3 {
    color: #002677;
    text-align: center;
    font-size: 150%;
}

.pageHeader {
    height: 20px;
    background-color: #002677;
    padding: 0px;
}


.pageHeader1 {
    height: 5px;
    background-color: #002677;
    padding: 0px;
}

.tdHeader1 {
    height: 20px;
    background-color: #002677;
    padding: 0px;
    color: white;
}

.tdHeader2 {
    height: 40px;
    background-color: #F4F4F4;
    padding: 5px;
    border: 10px;
    border-color: black;
}



.mtableForm {
    margin-left: auto;
    margin-right: auto;
}


.mtableForm1 {
    margin-left: 450px;
    margin-right: auto;
}



.mtableForm2 {
    margin-left: auto;
    margin-right: auto;
    background-color: #002677;
    color: white;
    padding: 8px 25px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
}

.mtableRes {
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
    width: 99%;
}


.mtableForm3 {
    width: 100%;
}

.logintxt2 {
    width: 300px;
    max-width: 400px;
    height: 22px;
    font-family: 'Ubuntu', sans-serif;
    margin: 5px 0;
    border-radius: 5px;
    border: 2px solid #F4F4F4;
    outline: none;
    padding-left: 10px;
}


.centered {
    text-align: center;
}

.left {
    text-align: left;
}

.labelleft {
    text-align: left;
    color: #002677;
}

.Loginbutton {
    background-color: #002677;
    color: white;
    padding: 8px 15px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 55%;
    border-radius: 5px;
}


.Loginbutton1 {
    background-color: #196ECF;
    color: white;
    padding: 8px 15px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 40%;
    border-radius: 5px;
}


.Loginbutton2 {
    background-color: #002677;
    color: white;
    padding: 8px 15px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
}

.hr-sect {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: rgba(0, 0, 0, 20);
    margin: 8px 0px;
}

    .hr-sect::before,
    .hr-sect::after {
        content: "";
        flex-grow: 1;
        background: rgba(0, 0, 0, 0.35);
        height: 1px;
        font-size: 0px;
        line-height: 0px;
        margin: 0px 8px;
    }



.hrline {
    flex-grow: 1;
    background: rgba(0, 0, 0, 0.35);
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 8px 8px;
    width: 450px
}





.signup {
    color: #5A5A5A;
    margin-left: 10px;
    cursor: pointer;
    text-decoration: underline;
    font-size: 12px;
}

.BoldT {
    font-weight: bold;
}




.LabelT {
    color: #002677;
    font-size: 14px;
    margin-left: 10px;
    font-weight: bold
}

.LabelT1 {
    color: #002677;
    font-size: 14px;
    width: 600px;
    text-align: center;
}


#rcorners {
    border-radius: 25px;
    border: 2px solid #99E5EE;
    padding: 10px;
    width: 300px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    color: #002677;
}


#rcorners1 {
    border-radius: 25px;
    border: 2px solid #99E5EE;
    padding: 10px;
    width: 250px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    color: #002677;
}


#lblMsg {
    font-size: 20px;
    font-weight: bold;
    color: blue;
    text-align: center;
}



#lblError {
    font-size: 12px;
    color: red;
}

.lblError {
    font-size: 12px;
    color: red;
}

.center-div {
    margin-left: auto;
    margin-right: auto;
}

.td-center {
    text-align: center;
}

.p1 {
    font-size: 13px;
    vertical-align: top;
    color: #002677;
}

.p2 {
    text-align: justify;
    font-size: 13px;
    color: #002677;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.p223 {
    text-align: left;
    font-size: 13px;
    color: #002677;
   
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
    

.p222 {
    text-align: justify;
    font-size: 12px;
    color: #002677;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    width: 150px;
}


.p3 {
    text-align: justify;
    font-size: 13px;
    color: #002677;
    padding-left: 30px;
}

.p13 {
    font-size: 13px;
    color: #002677;
    text-align: left;
}

.p4 {
    text-align: justify;
    font-size: 13px;
    color: #002677;
    padding-left: 60px;
    padding-right: 10px;
}



.p14 {
    font-size: 13px;
    color: #002677;
    text-align: center;
}

.p144 {
    font-size: 13px;
    color: #002677;
    text-align: center;
    width: 150px;
}

.p155 {
    font-size: 13px;
    color: #002677;
    text-align: center;
    width: 250px;
}

.p166 {
    font-size: 13px;
    color: #002677;
    text-align: center;
    width: 400px;
}



.p5 {
    text-align: center;
    vertical-align: central;
    font-size: 14px;
    color: #002677;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.p15 {
    /* width: 925px;*/
    text-align: center;
    font-size: 14px;
}


.p6 {
    text-align: justify;
    font-size: 13px;
    color: #002677;
    padding-left: 10px;
    padding-right: 10px;
}

.p16 {
    /*   width: 12%;*/
    text-align: center;
    font-size: 14px;
}


.p7 {
    text-align: justify;
    font-size: 13px;
    color: #002677;
    padding-left: 30px;
    padding-right: 10px;
}



.p10 {
    /*width: 340px;*/
    text-align: center;
    font-size: 14px;
}


.center-div {
    margin-left: auto;
    margin-right: auto;
}

.tdValign {
    vertical-align: text-top;
}

.tdVTAlign {
    vertical-align: text-top;
    text-align: center;
}


.tdVTAlign1 {
    vertical-align: central;
    text-align: center;
}

.SurveyHeader {
    background-color: #002677;
    color: white;
}

.SurveyHeader1 {
    background-color: #002677;
    color: white;
    height: 35px;
    text-align: left;
    font-size: 14px;
}

.SurveyHeader2 {
    background-color: #002677;
    color: white;
    font-size: 14px;
}

.SurveyHeader3 {
    background-color: #002677;
    color: white;
    height: 25px;
    text-align: left;
    font-size: 14px;
}

.tdHeader3 {
    width: 6%;
    text-align: center;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tdHeader4 {
    width: 50%;
    text-align: center;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tdHeader5 {
    width: 14%;
    text-align: center;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tdHeader6 {
    width: 20%;
    text-align: center;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tdHeader7 {
    width: 50%;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tdHeader8 {
    text-align: center;
    font-size: 14px;
}

.tdHeader9 {
    height: 40px;
    width: 15%;
    background-color: #002677;
    padding: 5px;
    border: 10px;
    border-color: black;
    font-weight: bold;
    font-size: 14px;
    color: #002677;
    text-align: center;
}

.font1 {
    font-size: 16px;
    font-weight: bold;
}

.font2 {
    font-size: 14px;
    font-weight: bold;
    color: #002677;
}



.font3 {
    font-size: 8px;
    color: #002677;
}

.Logoutbutton {
    background-color: #002677;
    color: white;
    padding: 5px 10px;
    margin: 5px 0;
    border: none;
    cursor: pointer;
    border-radius: 25px;
}


.login {
    margin: 0 auto;
    padding: 0;
    vertical-align: top;
    max-width: 600px;
}


.login-form1 {
    border: 2px solid #999;
}



.login-header1 {
    color: #fff;
    text-align: center;
    font-size: 200%;
    text-shadow: 0px 5px 15px #000;
    text-align: center;
    font-weight: bold;
    font-size: 25px
}


.Progresscenter {
    position: fixed;
    height: 100%;
    width: 99%;
    top: 0px;
    left: 0px;
    background-color: transparent;
    z-index: 999999;
}




.tablebox {
    background-color: white;
    border-color: white;
    border-width: thin thin thin thin;
    border-style: solid;
    font-family: arial, helvetica, sans-serif;
    font-size: 9pt;
    align-content: center;
    vertical-align: central;
    text-align: center;
}

.alignCenter {
    margin: auto;
    text-align: center;
}

.Logoutheader {
    font-weight: bold;
    color: #002677;
    font-size: large;
}

.MarginLeft {
    margin-left: 10px;
    margin-right: 10px;
}

.PaddingLeftRight {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}




.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 500px;
        background-color: #002677;
        color: #fff;
        text-align: justify;
        border-radius: 6px;
        padding: 5px 5px;
        font-size: 13px;
        position: absolute;
        z-index: 1;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

    .tooltip .tooltiptext::after {
        content: " ";
        position: absolute;
        top: 10%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #002677 transparent transparent;
    }

    .tooltip .tooltiptext {
        opacity: 0;
        transition: opacity 1s;
    }

    .tooltip:hover .tooltiptext {
        opacity: 1;
    }


.Savbutton {
    background-color: #002677;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 10%;
    border-radius: 25px;
}



.boxedAttest {
    border: 2px solid #002677;
    width: 80%;
    border-style: ridge;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: auto;
    background-color: white; 
    padding-left: 10px;
    padding-right: 10px;
    
}


.boxedAttestTest1 {
    border: 2px solid #002677;
    width: 83%;
    border-style: ridge;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: auto;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
}




.boxedAttestTest {
    border: 2px solid #002677;
    width: 80%;
    border-style: ridge;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: auto;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
}

.boxedAttestTest2 {
    border: 2px solid #002677;
    width: 80%;
    border-style: ridge;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: auto;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    border-top-left-radius:20px;
    border-bottom-right-radius:20px;
    border-top-right-radius:20px;
    border-bottom-left-radius:20px;
    
}





.AttestContent {
    text-align: justify;
    font-size: 150%;
    color: #002677;
    margin-left: 10px;
    margin-right: 10px;
}


.AttestContent1 {
   
    font-size: 150%;
    color: #002677;
    margin-left: 10px;
    margin-right: 10px;
}


.AttestContentTest {
    font-size: 150%;
    color: #002677;
    margin-left: 10px;
    margin-right: 10px;
}



.AttestContentpop {
    
    font-size: 150%;
    color: #002677;
    background-color: white;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    /*  padding-left: 5px;
    padding-right: 5px;*/
    /*   border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    width:100%;*/
}



.AttestContentCenter {
    text-align: justify;
    font-size: large;
    color: #002677;
    margin-left: auto;
    margin-right: auto;
}




.AttestCheckBox {
    color: black;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 100%;
    font-weight: bold;
}

.MColor {
    color: red;
    font-weight: bold;
}


.pagefooter {
    height: 5px;
    background-color: #002677;
    padding: 0px;
}

.tdwidthRD
{
    width:150px;
}

.txtborder
{
    border:0;
    border-bottom: solid 1px black;
    outline:none;

}

.WaterMarkColor
{
    color:lightgray;
    background-color:lightgray;
}

.stretch {
    width: 100% !important;
}
.tablebox {
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: white;
}

.tile:hover {
    border: 1px solid gray;
    /* background-color: #FFFCD9 !important;*/
    background-image: linear-gradient(white, #DADBDC) !important;
    cursor: pointer;
    /*filter:alpha(opacity=15);*/
    /*opacity: 0.8;*/
}

.shadow {
    -webkit-box-shadow: 0 8px 16px -6px silver;
    -moz-box-shadow: 0 8px 16px -6px silver;
    box-shadow: 0 8px 16px -6px silver;
}

input[type="radio"].radiocheck{
    -webkit-appearance : checkbox;
    -moz-appearance: checkbox;
    appearance:none;
    border: 1px solid #d3d3d3;
    width:20px;
    height:20px;
    margin:0;
    outline:none;
    position:relative;
}



.tableSearch {
    border: 0;
    background-color: transparent;
    width: 100%;
    border-spacing: 5px;
    border-collapse: separate;
}

.tablebox {
    background-color: white;
    border-color: silver;
    border-width: thin thin thin thin;
    border-style: solid;
    font-family: arial, helvetica, sans-serif;
    font-size: 9pt;
}


/*.signup1
{
  color:#f2f2f2;
  margin-left:-355px;
  cursor:pointer;
  text-decoration:underline;
  font-size:medium;
}


.divHead
{
   background-color:white;
   width:100%;
   height:40px;
   margin-left:0px;
   margin-right:0px;
   color:white;
   font-size:20px;
   vertical-align:middle;
   line-height:50px;
  
}

 .navbar-header {
    float: left;
    margin-left:100px;
    color:white;
  }

  .navbar-HeaderRight {
    float: right;
    margin-right:155px;
    color:white;
    font-size:15px;
    
  }


  .mtable
  {
      margin-left :50px;
	  margin-right:auto;
      width:85%;
      table-layout:fixed;
      
     
  }

  .mtableForm
  {
      width:100%;
  }



  .mtableview
  {
      margin-left :10px;
	  margin-right:auto;
       width:98%;
  }

 .mtablenew
  {
      margin-left :250px;
	  margin-right:auto;
      width:100%;
      vertical-align:central;
      align-content:center;
  }


  .mtextbox
  {
      width:500px;
      height:120px;
  }
  .mtextboxAlternate
  {
      width:500px;
      height:60px;
  }
  .mlistBox
  {
      width:500px;
      height:60px;
  }
  .p1{
      font-size:13px;
      vertical-align:top;
      color:#003C71;
      
  }
  .p2
  {
  text-align:justify;
  font-size:13px;
  color:#003C71;
  }

 
  .p3
  {
  font-size:13px;
  color:#003C71;
   text-align:left;
  }
  .p4
  {
  font-size:13px;
  color:#003C71;
  text-align:center;
  }
.p5 {
    width: 925px;
    text-align: center;
    font-size: 14px;
}
.p6 {
    width:12%;text-align:center;font-size:14px;
}

.p7 {
    width: 1125px;
    text-align: center;
    font-size: 14px;
}

.p10 {
    width: 340px;
    text-align: center;
    font-size: 14px;
}

   .p22
  {
  text-align:justify;
  font-size:13px;
  }
  .imginfo
  {
      height:15px;
      width:15px;

  }

  .alignCenter{
    margin:auto;
    text-align:center;
}

  .green{
    color:green;
}

  .transparent{
    background-color:transparent;
}

.smallfont{
    font-size:12px;
}

.alignLeft{
    text-align:left;
}
.alignRight{
    text-align:right;
}
.extraTableSpace{
    border-spacing:5px;
}

.tdwidth1
{
    width:500px;
}


.centered 
{
    text-align: center;
}

.bold{
    font-weight:bold;
}

.stretch
{
    width:100%;
}



.stretchT
{
    width:100%;
    height:140px;
}

.stretchT1
{
    width:100%;
    height:140px;
    margin-left:auto;
    margin-right:auto;
}

.stretchT2
{
    width:80%;
    border-width:5px;
    border-style:ridge;
    border-bottom-style:ridge;
    height:475px;
    border-color:#003C71;
    align-items:center;
    vertical-align:middle;
    
}


.boxed {
   border: 2px solid #003C71 ;
   width:73%;
   border-style:ridge;
   margin-left:auto;
    margin-right:auto;
    margin-bottom:auto;
	margin-top:auto;
    background-color:white;
 } 


.boxedTY {
   border: 2px solid #003C71 ;
   width:57%;
   border-style:ridge;
   margin-left:auto;
    margin-right:auto;
    margin-bottom:auto;
	margin-top:auto;
    background-color:white;
 } 


.boxedAttest {
   border: 2px solid #003C71 ;
   width:75%;
   border-style:ridge;
   margin-left:auto;
    margin-right:auto;
    margin-bottom:auto;
	margin-top:auto;
    background-color:white;
 } 



.maintable
{
	margin-left:auto;
	margin-right:auto;	
	border-style:solid;
	border-color:white;
	border-width:1px;
	background-color:white;
	margin-bottom:auto;
	margin-top:auto;
	width:1440px;
	height:825px;
	
	}

.txtbox 
 {
    width: 25%;
    padding: 12px 20px;
    margin: 8px 0;
     display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.txtbox1
 {
    padding: 9px 16px;
    margin: 8px 0;
     display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.Logbutton 
{
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 25%;
    border-radius:25%;
}

.Loginbutton 
{
    background-color:  antiquewhite;
    color: black;
    padding: 12px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 25%;
    border-radius: 25px;
}

.Loginbutton1
{
    background-color: #003C71;
    color: white;
    padding: 12px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 25%;
    border-radius: 25px;
}

.Loginbutton2
{
    background-color: #003C71;
    color: white;
    padding: 12px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 25%;
    border-radius: 25px;
}


.Savbutton 
{
    background-color: #003C71;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 10%;
    border-radius:25px;
}


.Logoutbutton 
{
    background-color: #003C71;
    color: white;
    padding: 5px 10px;
    margin: 5px 0;
    border: none;
    cursor: pointer;
    border-radius:25px;
}

.titleheader
{
	font-weight:bold;
	vertical-align:super;
	color:#003C71;
	font-size:large;
}

.Logoutheader
{
	font-weight:bold;
	color:#003C71;
	font-size:large;
}




.container {
    
   margin-left:500px;
   margin-top:100px;
}

.container1 {
    
   margin-top:30px;
   border:solid;
   border-width:5px;
   width:500px;
   align-items:center;
   margin-right:auto;
   margin-left:auto;
   
}


h1, h2, h3, h4, h5, h6, a {
  margin:0; padding:0;
}
.login {
  margin:0 auto;
  padding:0;
  vertical-align:top;
  max-width:600px;

}

.loginDelegate {
  margin:0 auto;
  padding:0;
  vertical-align:top;
  max-width:1025px;
}




.login1 {
  margin:0 auto;
  padding:0;
  vertical-align:top;
  max-width:520px;
  height:350px;
}


.loginh1 {
  margin:0 auto;
  padding:0;
  vertical-align:top;
  max-width:600px;
  height:350px;
}


.loginh2 {
  margin:0 auto;
  padding:0;
  vertical-align:top;
  max-width:600px;
  height:350px;
}


.login-header {
  color:#fff;
  text-align:center;
  font-size:200%;
}

.login-header2 {
  color:black;
  text-align:center;
  font-size:200%;
}





.AttestContent {
   text-align:justify;
  font-size:150%;
  color:#002677;
  margin-left:10px;
  margin-right:10px;
}

.AttestCheckBox
{
    color:black;
    margin-left:5px;
    margin-right:5px;
    font-size:125%;
    font-weight:bold;
}




.login-header1 {
  color:#fff;
  text-align:center;
  font-size:200%;
  text-shadow: 0px 5px 15px #000;
  text-align:center;
  font-weight:bold;
  font-size:25px
}

.login-header h1 {
   text-shadow: 0px 5px 15px #000;
}

.login-header h3 {
   text-shadow: 0px 5px 15px #000;
}

.login-form {
  border:2px solid #999;
  background:#003C71;
  border-radius:10px;
  box-shadow:0px 0px 10px #000;
}


.login-form1 {
    border: 2px solid #999;
}


.login-msg {
  border:2px solid #999;
  background:white;
  border-radius:10px;
  box-shadow:0px 0px 10px #000;
  width:200px;
  vertical-align:central;

}



.login-form h3 {
  text-align:left;
  margin-left:40px;
  color:#fff;
}

.RegisterFont {
  text-align:left;
  margin-left:30px;
  color:#fff;
  font-size:12px;
  font-weight:bold;
}

.login-form {
  text-align:center;
	overflow: hidden;
}

.logintxt1
{
  width: 350px;
  max-width:400px;
  height:22px;
  font-family: 'Ubuntu', sans-serif;
  margin:10px 0;
  border-radius:5px;
  border:2px solid #f2f2f2;
  outline:none;
  padding-left:10px;
}

.logintxt2
{
  width: 300px;
  max-width:400px;
  height:22px;
  font-family: 'Ubuntu', sans-serif;
  margin:10px 0;
  border-radius:5px;
  border:2px solid #f2f2f2;
  outline:none;
  padding-left:10px;
}

.logintxt3
{
  width: 275px;
  max-width:400px;
  height:22px;
  font-family: 'Ubuntu', sans-serif;
  margin:10px 0;
  border-radius:5px;
  border:2px solid #f2f2f2;
  outline:none;
  padding-left:10px;
}


.login-form input[type="button"] {
  height:30px;
  width:100px;
  background:#fff;
  border:1px solid #f2f2f2;
  border-radius:20px;
  color: slategrey;
  text-transform:uppercase;
  font-family: 'Ubuntu', sans-serif;
  cursor:pointer;
}
.no-access {
  color:#E86850;
  margin:20px 0px 20px -300px;
  text-decoration:underline;
  cursor:pointer;
}
.try-again {
  color:#f2f2f2;
  text-decoration:underline;
  cursor:pointer;
}
.bkcolorWhite
{
    background-color:white;
}







@media only screen and (min-width : 150px) and (max-width : 530px){
  .login-form h3 {
    text-align:center;
    margin:0;
  }
  .sign-up, .no-access {
    margin:10px 0;
  }
  .login-button {
    margin-bottom:10px;
  }
}

td
{
    padding:5px;
}









.td-center { text-align: center; }

.tdAlignitems {align-items:center;}

.td-Vcenter { position: absolute; top: 50%; margin-top: -10px; }




.panelClass {background-color: lime; width: 300px;}

.custom-popup 
{
    background-color: #fdfff7;
    display: inline-block;
    width: 500px;
    height: 120px;
    text-align: center;
    vertical-align: top;
    font-size: 12px;
    border: solid 1px #cbbeac;
    border-radius: 12px;
    border-spacing:25px;
}

.lblError
{
    font-size:13px;
    color:red;
}

.lblMsg
{
    font-size:20px;
    font-weight:bold;
    color:blue;
    text-align:center;
}






.watermark
{
    color:gray;
}


#container2 {
    width:880px;
    margin:0 auto;
    position: relative;
}

#content {
    width:320px;
    min-height:500px;
}

#topnav {
    padding:10px 0px 12px;
    font-size:11px;
    line-height:23px;
    text-align:right;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
    background-image:url("images/toggle_up_dark.png");
    color:#789;
}


#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#ddeef6;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 24.5px;
    right: 0px;
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#789;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ACE;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}

#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}


.uitooltip {
	padding: 8px;
    background:white;
	position: absolute;
	max-width: 400px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
    font-size: 13px;
    white-space: pre-line;
    border-radius: 10px;
}

.fieldlegend {
    color: white;
    font-size: 12px;
    font-weight: bold;
    
}

.Progresscenter
{
	
    position:fixed; 
    height:100%; 
    width:99%; 
    top:0px; 
    left:0px; 
    background-color:transparent; 
    z-index:999999;

}

.tablebox
{
	background-color: white;
	border-color: white;
    border-width: thin thin thin thin;
    border-style: solid;

	font-family: arial, helvetica, sans-serif;
	font-size:9pt;  
    align-content:center;
    vertical-align:central;
    text-align:center;

}

.tablebox
{
	background-color: white;
	border-color: silver;
    border-width: thin thin thin thin;
    border-style: solid;
	font-family: arial, helvetica, sans-serif;
	font-size:9pt;    
}


  .multiPage  
    {  
        border: solid 1px #cccccc;   
        background: #ffffff;   
        padding: 10px 10px 0px 10px;  
        margin-top: -1px;  
    }

  .tableheader {
    text-align: left;
    height: 23px;
    background-color: #003C71;
    color: white;
    font-weight: bold;
}	


  
#example .demo-container .rgEditForm textarea {

    margin: 3px 0;

}

 

.demo-container .rgEditForm .ruFakeInput {

    width: 212px;

}

.RadUpload .ruFileWrap.ruStyled

{

    padding-top:7px;

}

 

div.RadGrid .rgEditForm

{

    padding-top:5px;

}

*/
