body 
{
	margin			    	: 0;
	padding			    	: 0;
	font-size		    	: 8pt;
	font-family		    	: Tahoma, Arial, Verdana;
	background              : #152f46 url(images/login/login-bg.jpg) center top no-repeat;
    overflow                : hidden;
    /*height			    	: 100%;*/
    height                  : -moz-calc(100% - 155px);
    height                  : -webkit-calc(100% - 155px);
    height                  : calc(100% - 155px);
}
#frmLoginPage
{
    width                   : 635px;
    height                  : 383px;
    margin-left             : auto;
    margin-right            : auto;
    margin-top              : 155px;
    -webkit-border-radius   : 6px;
    -moz-border-radius      : 6px;
    border-radius           : 6px; 
    -moz-box-shadow         : 0px 0px 150px #42affc;
    -webkit-box-shadow      : 0px 0px 150px #42affc;
    box-shadow              : 0px 0px 150px #42affc;       
}
#frmLoginPage .outerContainer
{
    width                   : 100%;
    height                  : 100%;
    position                : relative;
    left                    : 0;
    top                     : 0;
    overflow                : hidden;
    -webkit-border-radius   : 6px;
    -moz-border-radius      : 6px;
    border-radius           : 6px; 
}
#frmLoginPage .containerBg
{
    position                : absolute;
    left                    : 0;
    top                     : 0;
    width                   : 100%;
    height                  : 100%;
    background              : url(images/login/form-bg.png) 0 0 no-repeat;
    -webkit-border-radius   : 6px;
    -moz-border-radius      : 6px;
    border-radius           : 6px; 
    z-index                 : 500;
}
#frmLoginPage .containerBg[beta]
{
    background              : url(images/login/form-beta-bg.png) 0 0 no-repeat;
}
#frmLoginPage .containerLight
{
    position                : absolute;
    left                    : 0;
    top                     : 0;
    width                   : 273px;
    height                  : 700px;
    background              : url(images/login/login-light.png) 0 0 no-repeat;
    transform-origin        : 100% 100%;
    -ms-transform-origin    : 100% 100%; /* IE 9 */
    -webkit-transform-origin: 100% 100%; /* Safari and Chrome */
    -moz-transform-origin   : 100% 100%; /* Firefox */
    -o-transform-origin     : 100% 100%; /* Opera */    
    transform               : rotate(-60deg);
    -ms-transform           : rotate(-60deg); /* IE 9 */
    -webkit-transform       : rotate(-60deg); /* Safari and Chrome */
    -moz-transform          : rotate(-60deg); /* Firefox */
    -o-transform            : rotate(-60deg); /* Opera */
    z-index                 : 499;
}
#frmLoginPage .cityLights
{
    position                : absolute;
    left                    : 0;
    top                     : 0;
    width                   : 100%;
    height                  : 100%;
    z-index                 : 501;
}
#frmLoginPage .cityLightsContainer
{
    position                : relative;
    left                    : 0;
    top                     : 0;
    width                   : 100%;
    height                  : 100%;
}
#frmLoginPage .cityLight
{
    position                : absolute;
    left                    : -10px;
    top                     : -10px;
    width                   : 5px; 
    height                  : 5px;
    background              : url(images/login/city-light.png) 0 0 no-repeat;
}
#frmLoginPage .formContainer
{
    width                   : 100%;
    height                  : 100%;
    position                : absolute;
    left                    : 0;
    top                     : 0;
    z-index                 : 504;
    -webkit-border-radius   : 6px;
    -moz-border-radius      : 6px;
    border-radius           : 6px; 
}
#frmLoginPage .entryContainer
{
    width                   : 110px;
    height                  : 104px;
    position                : absolute;
    left                    : 7px;
    top                     : 271px;
    z-index                 : 505;
    overflow                : hidden;
}
#frmLoginPage .entryContainer > .selection
{
    float                   : left;
    width                   : 100%;
    height                  : 25px;
    cursor                  : pointer;
}
#frmLoginPage .entryContainer > .selection > .icon
{
    float                   : left;
    width                   : 20px;
    height                  : 20px;
    margin-top              : 3px;
    margin-left             : 5px;
}
#frmLoginPage .entryContainer > .selection:not(:first-of-type)
{
    margin-top              : 1px;
}
#frmLoginPage .entryContainer > .selection[toolType="map"] > .icon                  { background: url(images/login/landing-page.png) -20px center no-repeat;    }
#frmLoginPage .entryContainer > .selection[toolType="map"][pressed] > .icon,
#frmLoginPage .entryContainer > .selection[toolType="map"]:hover > .icon            { background: url(images/login/landing-page.png) 0px center no-repeat;}
#frmLoginPage .entryContainer > .selection[toolType="reporting"]  > .icon           { background: url(images/login/landing-page.png) -60px center no-repeat;}
#frmLoginPage .entryContainer > .selection[toolType="reporting"][pressed] > .icon,
#frmLoginPage .entryContainer > .selection[toolType="reporting"]:hover > .icon      { background: url(images/login/landing-page.png) -40px center no-repeat;}
#frmLoginPage .entryContainer > .selection[toolType="definitions"] > .icon          { background: url(images/login/landing-page.png) -100px center no-repeat;}
#frmLoginPage .entryContainer > .selection[toolType="definitions"][pressed] > .icon,
#frmLoginPage .entryContainer > .selection[toolType="definitions"]:hover > .icon    { background: url(images/login/landing-page.png) -80px center no-repeat;}
#frmLoginPage .entryContainer > .selection[toolType="programming"] > .icon          { background: url(images/login/landing-page.png) -140px center no-repeat;}
#frmLoginPage .entryContainer > .selection[toolType="programming"][pressed] > .icon,
#frmLoginPage .entryContainer > .selection[toolType="programming"]:hover > .icon    { background: url(images/login/landing-page.png) -120px center no-repeat;}
#frmLoginPage .entryContainer > .selection > .text
{
    float                   : left;
    width                   : -moz-calc(100% - 30px);
    width                   : -webkit-calc(100% - 30px);
    width                   : calc(100% - 30px);    
    height                  : 25px;
    line-height             : 25px;
    margin-left             : 5px;
    vertical-align          : middle;
    color                   : rgba(255, 255, 255, 0.5);
    display                 : none;
}
#frmLoginPage .entryContainer > .selection[pressed] > .text,
#frmLoginPage .entryContainer > .selection:hover > .text
{
    color                   : rgba(255, 255, 255, 1);
    display                 : block;
}
#frmLoginPage .languageSelectorBlock
{
    width                   : 100%;
    height                  : 35px;
    display                 : block;
    float                   : left;
}
.languageSelectorBlock .languageSelectorIcon
{
    float                   : right;
    height                  : 35px;
    width                   : 50px;
    background              : url(images/login/language-icon.png) center center no-repeat;
    cursor                  : pointer;
    line-height             : 30px;
    color                   : #42b0ff;
    text-align              : center;
    vertical-align          : middle;
    font-size               : 8pt;
}

.languageSelectorBlock .companyLogo
{
    float: left;
    height: 33px;
    width: 198px;
}

#frmLoginPage .languageBlockContainer
{
    width                   : 100%;
    height                  : 38px;
    display                 : block;
    float                   : left;
    white-space             : nowrap;
}

#frmLoginPage .languageBlock
{
    width                   : 100%;
    height                  : 38px;
    display                 : block;
    float                   : left;
    white-space             : nowrap;
}
.languageBlock .language
{
    float                   : right;
    height                  : 38px;
    line-height             : 38px;
    vertical-align          : middle;
    text-decoration         : none;
    color                   : #FFFFFF;
    margin-right            : 10px;
    cursor                  : pointer;
}
.languageBlock .language[selected]
{
    cursor                  : default;
    color                   : #3af456;
}
#frmLoginPage .inputBlock
{
    width                   : 100%;
    height                  : 33px;
    display                 : block;
    float                   : left;
    margin-top              : 10px;
}
#frmLoginPage .inputBg
{
    width                   : 178px;
    height                  : 33px;
    float                   : right;
    margin-right            : 10px;
    background              : url(images/login/text-box-bg.png) 0 0 no-repeat;
}
#frmLoginPage .inputLongBg
{
    width                   : 278px;
    height                  : 33px;
    float                   : right;
    margin-right            : 10px;
    background              : url(images/login/text-box-long-bg.png) 0 0 no-repeat;
}
#frmLoginPage input
{
    width                   : 158px;
    height                  : 20px;
    margin-left             : 10px;
    margin-top              : 5px;
    background-color        : #172d41;
    border                  : 0;
    color                   : #FFFFFF;
}
#frmLoginPage .inputLong
{
    width                   : 258px;
}
#frmLoginPage a, #frmLoginPage a:visited, #frmLoginPage a:hover
{
    float                   : right;
    margin-right            : 14px;
    color                   : #44b2ff;    
    text-decoration         : none;
    font-size               : 8pt;
}
#frmLoginPage .loginButton
{
    float                   : right;
    margin-right            : 14px;
    color                   : #FFFFFF;    
    background              : url(images/login/login-button.png) 0 0 no-repeat;
    width                   : 126px;
    height                  : 38px;
    line-height             : 38px;
    vertical-align          : middle;
    text-align              : center;
    font-size               : 12pt;
    cursor                  : pointer;
}
#frmLoginPage .loginCallout
{
    float                   : right;
    margin-right            : 14px;
    color                   : #FFFFFF;    
    width                   : 130px;
    height                  : 1px;
    line-height             : 1px;
    vertical-align          : middle;
    text-align              : center;
    font-size               : 12pt;
    cursor                  : pointer;
}

#frmLoginPage .loginWait
{
    float                   : right;
    margin-right            : 14px;
    width                   : 126px;
    height                  : 38px;
}

/* Remember me CheckBox */
.loginCheckBox
{
    float                               : right;
    margin-right                        : 14px;
    height                              : 24px;
    text-indent                         : 24px;
    line-height                         : 24px;
    vertical-align                      : middle;
    cursor                              : pointer;
	color                               : #44b2ff;
    background                          : url(images/login/check-box-unchecked.png) 4px center no-repeat;
}
.loginCheckBox[checkBoxChecked]
{
    background                          : url(images/login/check-box-checked.png) 4px center no-repeat;
}
/* Dummy block */
.loginBlock
{
    float                               : left;
    width                               : 100%;
    white-space                         : nowrap;
}
.loginInputBlock
{
    float                               : left; 
    width                               : 100%; 
    display                             : block;
}

/*ZoomLevelContainer*/

.zoomLevelContainer
{
    position                            : fixed;
    font-size                           : 11pt;
    color                               : rgb(225, 225, 225);
    top                                 : 20px;
    right                               : 0;
    background-color                    : rgb(73, 73, 73);
    padding                             : 10px;
}