* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	font: 12px/18px Verdana, sans-serif;
	height: 100%;
        color: #555555;
}

a {
	color: #0072bc;
	outline: none;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 0 0 18px
}

img {
	border: none;
}

input {
	vertical-align: middle;
}

body {
        background-color: #efefef;
        font: 12px/18px Verdana, sans-serif;
        color: #555555;
}

select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    -webkit-box-align: center;
    border: 1px solid #b7b7b7;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    background-color: white;
    cursor: default;
    padding: 5px;
    color: #555555;
}

#login-box {
    position: relative;
    background-color: #FFFFFF;
    padding: 0 0 50px 0;
    box-shadow: 1px 1px 2px #b6b6b6;
}

#login-box .form-header {
    background-color: #002748;
    background-image: url('../image/bg/bg-header-login.png');
    background-repeat:  no-repeat;
    height: 39px;
}

#login-box .form-header h3 {
    color:  #FFFFFF;
    padding: 10px 0 0 10px;
    float:  left;
}

#login-box .form-header img {
    color:  #FFFFFF;
    padding: 10px 10px 0 0;
    float:  right;
    border: none;
    height: 18px;
    width: 18px;
}

#login-box .language{
    float: right;
    margin: 10px;
    height: 20px;
}

#login-box .header {
    background-color: #363636;
    padding: 0px;
    width: 100%;
    height:40px;
    border-bottom: 2px solid #959595;
}

#login-box .info-title {
    padding: 50px 0 20px 0;
    width: 100%;
    font-size: 16px;
    text-align: center;
}

#login-box .des-title{
    padding: 30px 10px 10px 10px;
    font-size: 16px;
}

#login-box > .des-title:not(:nth-child(2)){
    padding-top: 20px;
}

#login-box table {
    width: 450px;
    margin: 0 auto;
}

#login-box table td{
    padding: 5px;
}

#login-box .input {
    padding: 5px 5px;
    color: #6b6d71;
    width: 250px;
    border: 1px solid #b7b7b7;
    margin: 0;
    min-height: 16px;
}

#login-box .password-showing,
#login-box .password   {
    padding: 5px 29px 5px 5px;
    color: #6b6d71;
    width: 226px;
    border: 1px solid #b7b7b7;
    margin: 0;
    min-height: 16px;
}

#login-box .footnote,
#login-box .btn-cancel {
    margin: auto; 
    width: 435px
}

#login-box .btn-cancel > .send {
    padding-right: 0;
    margin: 5px 0;
}

.input-username {
    margin: 0px;
    z-index: 9999;
}

.input-password {
    margin: 0px;
    z-index: 9999;
}

.remeber {
    margin: 0 7px;
}

.select-element select {
    width: 100%;
    color: #898989;
    color: #6b6d71;
}

.relative {
    position: relative;
}


/*notification*/

.notification {
    border: 1px solid;
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 10px 10px 10px 36px;
    margin: 0;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    position: relative;
    display: none;
}
.notification p {
    margin: 0;
    padding: 0 15px 5px 0;
}

.notification.error {
    background: #ffcece url('../image/icons/icon-cross-circle-16.png');
    border-color: #df8f8f;
    color: #665252;
}
.notification.error a {
    color: #665252;
}

.notification.attention {
    background: #fffbcc url('../image/icons/icon-exclamation-16.png');
    border-color: #e6db55;
    color: #666452;
}
.notification.attention a {
    color: #666452;
}

.notification.success {
    background: #d5ffce url('../image/icons/icon-tick-circle-16.png');
    border-color: #9adf8f;
    color: #556652;
}
.notification.success a {
    color: #556652;
}

.notification.information {
    background: #dddddd url('../image/icons/icon-information-16.png');
    border-color: #dddddd;
    color: #585b66;
}
.notification.information a {
    color: #585b66;
}

.notification.status {
    background: #fffbcc url('../image/icons/icon-status-16.png');
    border-color: #e6db55;
    color: #666452;
}
.notification.status a {
    color: #666452;
}

.notification .close {
    background-image: url('../image/icons/icon-cross-small-grey-16.png');
    text-indent: -99999px;
    overflow: hidden;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    height: 16px;
    width: 16px;
}

/*input*/

input.button {
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 28px;
    border: none;
    outline: none;
    color: #555555;
    cursor: pointer;
    background-color: #cfcfcf;
}

input.button:hover {
    cursor: pointer;
    background-position: 0 -28px;
    background-color:  #1454a6
}

input.login {
    background-image: url('../image/buttons/button-login.png');
    padding-right: 20px;
    width: 90px;
}

input.registration {
    background-image: url('../image/buttons/button-registration.png');
    width: 120px;
}


input.send {
    background-image: url('../image/buttons/button-send.png');
    width: 80px;
}

input.add {
    background-image: url('../image/buttons/button-add.png');
    padding-right: 20px;
    width: 100px;
}

/*show-password*/

.password-showing {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}


/*dropdown*/

.form-header .dropdown {
    margin: 9px 4px 0 0;
    float: right;
    width: 52px;
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right !important;
}

#login-box #map_block {
    display: block;
}

.public-cameras-link {
    position: absolute;
    top: 20px;
    left: 15px;
    border: none;
    background: none;
    color: #0072bc;
    cursor: pointer;
    outline: none;
    font-size: 15px;
    text-decoration: underline;
}

.public-cameras-link:hover {
    text-decoration: none;
}