html
{
    background:#00456A;
}

body
{
    overflow: hidden;
    margin:0px 0px 0px 0px;
    font-family: Segoe UI, Segoe, tahoma, arial, helvetica;
}

.wrapper
{
    position:relative;
    overflow:hidden;
    min-height:400px;
    min-width:920px;
}

#CopyrightMsg
{
    position:absolute;
    display:none;
    top:0px;
    font-size: 11px;
    color: White;
    margin: 10px;
}
#LogoDiv
{
    position:absolute;
    display:none;
    top:20px;
}
#DivLogin
{
    margin:10px;
    position:absolute;
    background-color:#1670C4;
    width:450px;
    height:220px;
    display:none;
}
#DivLoginCtrls
{
    top:60px;
    left:60px;
    width:350px;
    height:160px;
/* border:1px solid black; */

    position:relative;
}
#DivLoginCtrls.dialog
{
    top:0px;
    left:0px;
}
#splashText
{
    font-size: 24px;
    font-weight:lighter;
	text-align:center;
	color: white;
    position:absolute;
    top:71px;
    width:441px;
    opacity:0;
}
#AlternateLogOn
{
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url(./img/_LogoWhite.png) no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))), url(./img/_LogoWhite.png) no-repeat;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url(./img/_LogoWhite.png) no-repeat;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url(./img/_LogoWhite.png) no-repeat;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url(./img/_LogoWhite.png) no-repeat;
}
.footer, .push
{
    height: 20px;
    float: right;
}
.spacer
{
    width:100px;
}
.tilesquare
{
    position:absolute;
    display:none;
    width: 100px;
    height: 63px;
    margin:4px 4px 4px 0px;
    padding-top:37px;
    text-align:center;
}
.tilesquare LABEL
{
    font-size: 18px;
    font-weight:lighter;
    color: White;
    text-align:center;
    display:none;
}
#loginError
{
    position:absolute;
    color:white;
    background-color:#CA5F57;
	background-position: 270px 4px;
	background-repeat: no-repeat;
    width:260px;
    padding:3px 8px;
    padding-right: 30px;
    top:-11px;
    left:75px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    font-size:14px;
    opacity:0;
	z-index: 1001;
	text-align:left;
}

.loginlabelbutton
{
	border-radius: 50%;
	border: none;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:hand;
	width:20px;
	height:20px;
	position:absolute;
	top:-178px;
	left:18px;
	opacity:0;
	z-index:1002;
}
.loginlabel
{
    position:absolute;
    font-size: 18px;
    font-weight:lighter;
	text-align: right;
	color: White;
	margin:10px 20px 20px -80px;
	width:170px;

}
.loginTitle
{
    position:absolute;
    font-size: 30px;
    font-weight:lighter;
	text-align: right;
	color: White;
	margin:20px 30px 10px 30px;
	top:0px;
	left:0px;
}
.loginTitle.hidden
{
    display:none;
}

.logintextbox
{
    font-size: 9pt;
    font-weight:lighter;
    margin:10px 0px 0px 20px;
    position:absolute;
    right:0px;
	height:16px;
	width:240px;
	padding-top:4px;
    z-index:1000;
}
.loginbutton
{
	cursor:hand;
	width:41px;
	height:41px;
	border:0px;
	position:absolute;
	top:0px;
	left:0px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center center;
}

/* jquery ui */
.ui-widget
{
    font-size:9pt;
    z-index:9999;
}
.ui-widget-content
{
    color:White;
    background-color:#454444;
    background-image:none;
}

#MainDivAzure #LogoDiv,
.azureOuter #loginError
{
    display:block;
}
.azureOuter
{
    position:relative;
}
.azureOuter #DivLogin
{
    display:block;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
    height: 240px;
    width: 445px;
}
.azureOuter #DivLoginCtrls
{
    top:30px;
    left:30px;
    width:auto;
    height:195px;
}
.azureOuter #DivButtons
{
    display:block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 41px;

    margin: auto;
}
.azureOuter .loginbutton
{
    left:343px;
    cursor: pointer;
}
.azureOuter .configbutton
{
    height:24px;
    width:24px;
    margin-top:10px;
    margin-left:5px;
    cursor:pointer;
}
.azureOuter .loginlabel
{
    position:inherit;
	text-align: left;
	margin: auto;
    margin-bottom:8px;
    font-size: 16px;
    cursor:pointer;
}
.azureOuter .logintextbox
{
    margin:auto;
    position:inherit;
    right: auto;
	height:20px;
	width:377px;
    z-index:1000;
    margin-bottom:16px;
}
.azureOuter #splashText
{
    display:block;
    opacity:1;
}
.azureOuter #loginError {
    opacity:1;
    width:365px;
    left:auto;
    padding-right: inherit;
    position:inherit;
    padding:8px 8px;
    top:auto;
    font-size: 16px;
}
.azureOuter #loginError.success {
    background-color: #70B670 !important;
}

.hidden {
    display:none !important;
}

.azureOuter #CopyrightMsg
{
    top:auto;
    position:fixed;
    right:0px;
    bottom:0px;
    z-index:1;
    font-size: 11px;
    color: white;
    margin: 10px;
    display:block;
}