﻿.AccountLoginPanel
{
	background-color: #f1efe2; /* XP: threedlightshadow */
	padding: 5px;
	border: 2px white outset;
	width: 310px;
	font-family: Tahoma, Arial, 'MS Sans Serif', Verdana;
    font-weight: normal;
    font-size: 10pt;
    
    /* Align Center the Login Control */
    margin-left:auto;
    margin-right:auto;
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
}

.AccountRegisterUserPanel
{
	/* background-color: #f1efe2;  XP: threedlightshadow */
	padding: 5px;
	border: 2px white outset;
	width: 500px;
	font-family: Tahoma, Arial, 'MS Sans Serif', Verdana;
    font-weight: normal;
    font-size: 10pt;
    
    /* Align Center the Login Control */
    margin-left:auto;
    margin-right:auto;
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    

}

.AccountfailureNotification
{
    font-family: Tahoma, Arial, 'MS Sans Serif', Verdana;
    font-weight: normal;
    font-size: 10pt;
    color: #FF0000;
}
.AccountHeader
{
    background:url('../images/login.png') no-repeat top left;
    color: #706F6F;
    padding-left: 35px;
}
.AccountHeader p
{
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 5px;
}
.AccountBody
{
    border-top: 1px solid #C2C2C2;
    width:100%;
    margin-top: 2px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    overflow: hidden;

}
.AccountBody fieldset {
  margin: 0 0.8em 0 0;
}

.AccountBody .row {
  padding: .3em 0;
  white-space: nowrap;
  overflow: hidden;
  clear: both;
}
.AccountBody label, .AccountBody .row p, .AccountBody .row div, 
.AccountBody select, .AccountBody textarea {
  float: left;
}
/* change column widths for labels and inputs */

.AccountBody label, .LoginBody .row p {
  width: 25%;
  margin: .5em 1em .5em 0;
  text-align: left;
  white-space: normal;
  overflow: hidden;
}

.AccountBody .row div {
  white-space: nowrap;
  overflow: hidden;
  clear: none;
}
/* labels and form inputs inside of divs should not float */
.AccountBody .row div * {
  float: none;
  clear: none;
}http://www.youtube.com/watch?v=vUSzL2leaFM&feature=list_other&playnext=1&list=AL94UKMTqg-9CqiiYov2td_kteBBYPz0Q5
.AccountBody div div input {
  margin-right: 0;
}

.AccountBody input[type=text],.AccountBody input[type=password]
{
    width: 200px;
    border: 1px solid #ccc;
}

.AccountButton 
{
  background-color: #bde6f3;
  border: 2px #bde6f3 outset;
  padding: 1px 4px;
  color:#000;
  text-decoration:none;
  cursor:pointer;
}
.AccountButton:visited{
    color: black;
}
.AccountButton:hover
{
    border-style: inset;
    background-color: #DBF2F9;
    padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}
.AccountButton:active{
    color: black;
}

.AccountSubmitButton
{
    text-align: right;
    padding-right: 15px;
}


.AccountLoginLoadingPanel
{
    background-color: #f1efe2; /* XP: threedlightshadow */
    border: 2px white outset;
    left: 0px; top: 0px; margin-top:15%; margin-left:35%;
    height: 180px;
    font-family  : Tahoma, Arial, Verdana;
    font-weight: normal;
    font-size: 10pt;
    color: black;
    width: 290px; 
    display:none;
}


