body
{
     font-family: "Lucida Sans Unicode","Lucida Grande",Arial, sans-serif!important;
     font-size: 16px!important;
     background-color: #512d6d;
}


.question
{ 
     font-size: 16px!important;
     margin-bottom: 10px!important;
}

hr { border-top: 1px solid #ffc72c;}


#wrapper
{ 
     margin: 20px auto!important;
     background-image:none!important;
     -moz-border-radius: 0!important;
     -webkit-border-radius: 0!important;
     border-radius: 0!important;
     -moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.01)!important;
     -webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.01)!important;
     box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.01)!important;
} 

#container 
{ 
     padding: 25px!important;
     background-image: none!important;
}

.title-block
{ 
     background:url(../Customizations/images/wcuHeaderLogoPurple.png) no-repeat scroll 0 0 transparent!important;
     border-bottom: 2px solid #ffc72c;
}

.ie6 .title-block
{
    background-image: url("../images/wcuHeaderLogoPurpleIE6.png");    /*Customizable- Can make a non-transparent image for IE6 only */
}     

h2
{ 
     font-weight: bold!important; font-size: 18px!important;
     color: #512d6d;
}

h3
{
      color: #e00f0f;
} 


#footer #footerControlsDiv { font-size: 13px!important;}

.footerControlsDiv:before {
    content: "This is my added text";
    display: block;
    margin-bottom: 10px;
    color: #cc0000;
    font-weight: bold;
    text-align: center;
}

.main-content 
{ 
     margin: 15px 0 25px 0!important;
}

.validationSummaryClass ul
{ 
background-image: none!important;
-moz-border-radius: 3px!important;
-webkit-border-radius: 3px!important;
border-radius: 3px!important;
padding: 12px 30px 12px 15px!important;
color: #fff!important;
font-weight: bold!important;
background-color: #da4652!important;
}

.validationSummaryClass ul li
{ 
    margin-left: 0!important; 
    font-size: 14px!important; 
    color: #fff!important;
}

input[type="submit"], .chromeButton 
{ 
     font-family: "Lucida Sans Unicode","Lucida Grande",Arial, sans-serif!important;
     height: auto!important;
     display: inline-block!important; 
     margin-bottom: 0!important;
     border-radius: 3px!important; 
     font-weight: normal!important;
      text-align: center!important;
     vertical-align: middle!important;
     cursor: pointer!important;
     background-image: none!important;
     white-space: nowrap!important;
     border: #00A6D9!important;
     padding: 11px 23px!important;
     background: #00A6D9!important;
     border: none!important;
     text-decoration: none!important;
}



.welcome-text{ width: 100%!important;}


input[type="text"], input[type="password"], textarea, select
{
     display: block!important;
     width: 55%!important;
     padding: 11px 12px!important;
     border: 1px solid #ccc!important;
     font-size: 14px!important;
     line-height: 1.42857143!important;
     color: #555!important;
     -moz-border-radius: 3px!important;
     -ms-border-radius: 3px!important;     
     -o-border-radius: 3px!important;
      border-radius: 3px!important;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
     -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
} 
input[type="text"]:focus, input[type="password"]:focus 
{ 
     width: 55%!important;
     padding: 12px 12px!important;
     border: 1px solid #66afe9!important;
     outline: 0!important;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
 }
input[type="password"], input[type="password"]:focus
{ 
     width: 50%!important;
}

.QAGate-spacer{ width: 0!important;}

div#chromeButtons 
{ 
     height: auto!important;
}

.chromeButton, .chromeButton:visited
{ 
     height: auto!important;
}

.chromeButton:hover
{ 
     background: #0095c3!important;
     border: none!important;
}

/*If want custom Error image*/
/* .errorImageDiv{ width: 40px!important; height: 40px!important; background-image: url(../Customizations/images/WCU-Error-Icon3.png)!important;} */

/*If want custom Success image*/
/*.icon-reset-success{background-image: url(../Customizations/images/exampleName.png)!important; } */

/*If want custom Complete image*/
/*.icon-reg-complete{ width: 40px!important; background-image: url(../Customizations/images/exampleNameComplete.png)!important;} */

/* Smartphones ----------- */
@media only screen and (max-width: 480px)
{

  #container
  {
     padding-right: 12px!important;
     padding-left: 12px!important;
  } 

  .title-block
  { 
       background: url(../Customizations/images/wcuHeaderLogoPurple.png) no-repeat scroll 0 0 transparent!important;
       border-bottom: 2px solid #ffc72c;
  }
}



.qcol
{ 
     -webkit-box-shadow: none!important;
     -moz-box-shadow: none!important;
     box-shadow: none!important;
     margin-bottom: 0!important; 
     width: 95%!important;
     border: none!important;
     /*padding-right: 10px!important;*/
     /*padding-left: 10px!important;*/
     padding-top: 0px!important;
     padding-bottom: 0px!important;
     /*padding-bottom: 15px!important;*/
     color: #333!important;
}

.intro-col
{
     width: 100%!important;
}

.QAPanel
{
     margin-top: 20px!important;
     margin-bottom: 20px!important;
}

.QAGroup 
{
     margin-bottom: 30px!important;
}

.labelPrivacyNotice
{ 
     font-size: 13px!important; 
     margin-left: 0!important;
}


#mainUpdatePanelContent
{ 
     margin-bottom: 30px!important;
}


/*  */

#finalizeInnerDiv ol li{ line-height: 30px!important;}
.resetPasswordLabelTd{ margin-bottom: 5px!important;}
.reset-field-pair input[type="password"]{ margin-bottom: 20px;}
.reset-field-pair input[type="password"]:last-child{ margin-bottom: 0;}
.qcol .QAGroup:last-child{ margin-bottom: 0!important;}