body {
    background-color: #fff;
    background: url(../Images/bg.png) repeat !important; 
    color: #333;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.wrapper { width:980px; margin:0 auto;}


header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}


/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    
}

#body {
    background-color: #ffffff;
    clear: both;
    padding-bottom: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

    .main-content {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }


header .content-wrapper {
    margin-top: 7px; 
}


/* logo */
.logo { background:url(../Images/logo.png) no-repeat; display:block;margin-left: 10px;  width:295px; height:118px; float:left; }
.logo2 img {margin: 0 0 0 20px; width:300px;}

/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .94em;
    margin:35px 0 10px;
    text-align: right;
    margin-right: 5px;
}

    #login a {
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: underline;
        color: #000; 
    }

    #login a.lv {
        margin-left: 20px;
        margin-right: 3px;
        padding: 0 0;
    }
    #login a.ru {
        margin-left: 3px;
        margin-right: 3px;
        padding: 0 0;
    }
    #login a.en {
        margin-left: 3px;
        margin-right: 2px;
        padding: 0 0;
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.45em;
   
    margin: 0 5px 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #333;
            text-decoration: none;
        }

        ul#menu li a:hover {
            text-decoration: underline;
        }

         ul#menu li.active {
            text-decoration: underline;
        }


fieldset legend {
    display: none;
}


/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #b94a48;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #b94a48;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


/*login*/
#login-form {
     padding: 25px 0 0 0;
     margin-left:auto;
     margin-right:auto;
     width:72%;
}
#login-form fieldset {margin:0 0 0 0; position:relative;}
#login-form select { width: 250px;}
#login-form input { width: 250px; }
#login-form input[type="checkbox"] { width: 20px; }
#login-form label { display: block; width: 200px; float: left; margin: 1px 10px 0 0; text-align: right; }
#login-form label.login-form-label-input {  margin: 7px 10px 0 0; }
#login-form br { clear: left; }
#login-form a { text-decoration:underline}
#login-form h5 { padding: 0 0 0 310px; }
#login-form input[type="text"], #login-form input[type="password"] { width: 238px; outline: none;}
.login-form-register{margin:0 0 0 90px;}

/*client area*/
.client-area-left-col {
    width:22%; 
    height:100%;
    float: left;
}

.client-area-right-col {
    width:75%;
    float: left;
    padding-left: 3%;
}

.select-appartment {
    width:100%;    
    font-size: 0.82em;
}

/* validation */
.input-validation-error.input { 
    color: Red; 
    border-color: Red;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

/* reading table */
.reading-period-blue td { background:#d9edf7;}
.reading-period-green td { background:#dff0d8;}
.reading-period-values { font-weight:bold!important;}
#reading-form input[type="text"] { width:158px; height: 12px; font-size:14px; padding:1px 0 2px 3px!important; margin:0; height:auto;}
#reading-form button { margin-top: 5px;}
.reading-period-text { display:block; position:relative;height:22px; line-height:20px;}
.reading-period-button a { margin: 7px 0 0 0; }
.reading-message-allert {
    color: #3a87ad;
    text-decoration: underline;   
}
.upper-m { position:relative; left:1px; }
.upper { position:relative; font-size:11px; top:-3px; left:-2px; }
#reading-form{margin: 0 0 0 0;}
.reading-table {
    
}

/* meters */
.deactivate-meter-form{ margin: 0 0 0 0; }
.remove-meter-button a{margin: 0 0 10px 0;}

/* profile */
#profile-password-change-form{margin: 0 0 0 30px;}
#profile-password-change-form input[type="text"], #profile-password-change-form input[type="password"] {width:238px;  }
#profile-password-change-form input[type="submit"] {width:250px;margin: 7px 0 0 0;}
#profile-email-change-form{margin: 0 0 0 30px;}
#profile-namesurname-change-form{margin: 0 0 0 30px;}
#profile-email-change-form input[type="text"] {width:238px;  }
#profile-email-change-form input[type="submit"] {width:250px; }
#profile-profile-delete-form input[type="button"] {width:250px; }
#profile-profile-delete-form{margin: 0 0 0 30px;}
#profile-phone-change-form{margin: 0 0 0 30px;}
#profile-phone-change-form input[type="text"] {width:238px;  }
#profile-phone-change-form input[type="submit"] {width:250px; }
#profile-settings-change-form{margin: 0 0 0 30px;}
#profile-settings-change-form input[type="submit"] {width:250px;  margin: 10px 0 0 0;}
#profile-settings-change-form input[type=checkbox] { margin: 0 15px 0 0; }
#profile-settings-change-form select { width: 150px; }
#profile-add-appartment-form{margin: 0 50px 0 30px;}
#profile-add-appartment-form input[type="text"] {width:238px;  }
#profile-add-appartment-form input[type="submit"] {width:250px; }
.delete-appartment-form{ margin: 0 0 0 0; }
.profile-appartment-table{margin: 0 50px 0 30px;}
.profile-settings-table{margin: 0 50px 0 0;}

.hot {  padding:0 0 0 15px;  background:url(../Images/hot.png) no-repeat left 2px;}
.cold {  padding:0 0 0 15px;  background:url(../Images/cold.png) no-repeat left 2px;}
.heating {  padding:0 0 0 15px;  background:url(../Images/heating.png) no-repeat left 2px;}
.meter-not-valid{color: #999;}

.reading-confirm-window-table-row-red{ background-color: #FA989B;}
.reading-confirm-window-table-row-blue{ background-color: #98D9FA;}


.reading-message-error {
    color: #b94a48;
    text-decoration: underline;   
}


/*for FireFox*/
    input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
    {   
        border : 0px;
    } 
    :-moz-any-link:focus { outline: none; }
    button::-moz-focus-inner {
        border: 0;
    }

/*for IE8 */
    input[type="submit"]:focus, input[type="button"]:focus
    {     
        outline : none;	
    }
    
    a:active, a:focus { 
    border:none;
    outline:none;
    }
    button:focus {outline:none;}


    /* registration choose address */
    .ui-combobox {
        position: relative;
        display: inline-block;
    }
    .ui-combobox-toggle {
        position: absolute;
        top: 0;
        bottom: 0;
        margin-left: -1px;
        padding: 0;
        /* support: IE7 */
        *height: 1.7em;
        *top: 0.1em;
    }
    .ui-combobox-input {
        margin: 0;
        padding: 0.3em;
        
    }
    #SelectedCity-input {
        background: none;
        height: 19px;
        font-size: 110%;
        outline: 0;
    }
    #SelectedStreet-input {
        background: none;
        height: 19px;
        font-size: 110%;
        outline: 0;
    }
    #SelectedHouse-input {
        background: none;
        height: 19px;
        font-size: 110%;
        outline: 0;
    }
    #SelectedCity-input:focus {
        border-color: rgba(82, 168, 236, 0.8);
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    }
    #SelectedStreet-input:focus {
        border-color: rgba(82, 168, 236, 0.8);
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    }
    #SelectedHouse-input:focus {
        border-color: rgba(82, 168, 236, 0.8);
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    }
    #SelectedCity-button {
        width: 2px;
        margin:0 0 7px 0;
        background: none;
    }
    #SelectedStreet-button {
        width: 2px;
        margin:0 0 7px 0;
        background: none;
    }
    #SelectedHouse-button {
        width: 2px;
        margin:0 0 7px 0;
        background: none;
    }

    /*Registration*/
#registration { 
    padding: 25px 0 0 0; 
    margin-left:auto;
    margin-right:auto;
    width:75%;
}
#registration fieldset {margin:0 0 0 0; position:relative;}
#registration select { width: 290px; background-color: transparent;}
#registration input { width: 238px; margin:0 0 7px 0;}
#registration label { display: block; width: 200px; float: left; margin: 7px 10px 0 0; text-align: right; }
#registration label.registration-label-input {  margin: 7px 10px 0 0; }
#registration label.registration-label-input-checkbox {  margin: 2px 10px 0 0; }
#registration br { clear: left; }
#registration input[type="text"], #registration input[type="password"] { width: 238px; outline: none;}
#registration input[type="radio"], #registration input[type="checkbox"] {
  margin:0 0 0 0; 
  width: 15px; 
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
    padding-left: 0;
}
#registration label.registration-radio-label { margin:15px 19px 0 0;  }

/* add appartment */
#profile-add-appartment-form input[type="radio"] {
     margin:0 0 2px 0;
     width: 15px;
     padding-left: 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     outline: none;
}
#profile-add-appartment-form select {  width: 290px; }
#profile-add-appartment-form input {  width: 238px; }
#profile-add-appartment-form a {  height: 16px; }


.MyRequiredField {
    color: red;
    text-align: right;
}
.MyRequiredFieldLabel {
    color: red;
    margin-left: 2px;
    font-size: 18px;
}



/* first page */
.start-page-first {
    width:25%; 
    float: left;
}
.start-page-second {
    width:24%; 
    float: left;
    margin-left:1%;
}
.start-page-third {
    width:24%; 
    float: left;
    margin-left:1%;
}
.start-page-fourth {
    width:24%; 
    float: left;
    margin-left:1%;
}
.start-page-full {
    width:100%;   
}

.login-block { background:#fbfbfb; border:1px solid #f2f2f2;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; padding:9px 20px 10px 20px;}

/* login first page */
.well-light-login {
    margin: 0;
    height: 270px;
  padding: 10px 19px 10px 19px;
  /*background-color: #FCFCFC;*/
  background-color: #f5f5f5;
  border: 1px solid #f2f2f2;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-light-login h3 {
    font-size:20px;
    text-indent:33px;
    background:url(../Images/login.png) no-repeat; 
    margin: 0 0 0 0;   
}

.well-dark-promo {
  height: 270px;
  padding: 15px 10px 5px 10px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

}

.well-dark-promo h2 {
    font-size:30px;  
}

.well-dark-promo a {
    color: #333;
}

.well-dark-promo img {
    width:50%;
}


.well-partner {
    margin: 0;
  padding: 10px 19px 10px 19px;
  background-color: #f7f7f7;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.first-page-partner-block h2 {
    margin: 0;
}

.first-page-form-block h4{
    margin: 10px 5px 5px 5px;
    font-size:16px;
    padding-bottom: 0;
}

#login-form-first-page input {
    width: 93%;
    margin: 0 0 0 0;
    outline: none;
}
#login-form-first-page input[type=submit].first-page-login-button {
    width:100%;
}
#login-form-first-page input[type=button].first-page-register-button {
    width:100%;
    margin-top: 10px;
}
#login-form-first-page label {
    margin: 0 0 0 0;
    color: #999999;
}
#login-form-first-page a.redirect-password-reminder {
    float: right;
    cursor:pointer;
    text-decoration: underline;
}
#login-form-first-page a:hover {
    text-decoration: none;
}

#login-form-first-page .error div { -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display:block; background:#f2dede; border:1px solid #eed3d7; text-align:center;}
#login-form-first-page .error h5 { color:#b94a48; text-align:center; font-size:20px;}
#login-form-first-page .error h5 span { display:inline-block; font-weight:bold!important;padding:0 0 0 24px; background:url(../Images/error.png) no-repeat;}

/* enquiry form */
#enquiry-form-first-page input{
    width: 131px;
    margin-bottom: 0; 
    outline: none;  
}

#enquiry-form-first-page input[type=submit] {
    width: 120px;
}

#enquiry-form-first-page label {
    margin: 0 0 0 0;
    color: #999999;
}

#enquiry-form-first-page p {
    display: inline;
}

.well-enquiry {
    margin: 0;
  padding: 15px 19px 0 19px;
  background-color: #f7f7f7;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

}

.enquiry-input {
    display : inline-block;
}

.sender-text {
    width: 98%;   
    resize: none;  
}

.footer {
    margin-top: 15px;
    padding-bottom: 50px;  
    clear: both;
    font-size: 1em;
    color: #333;
}

.footer a:hover{
    text-decoration: underline;
}

.footer-nav{
    margin-left: 22px;
}

.footer-nav-left{
    margin-left: 5px;
}

.social a {
    width: 29px;
    height: 29px;
    display: inline-block;
    margin-right: 2px;
    position: relative; top:-5px;
}

.social {
    margin-right: 5px;
}

.social a:hover {
    text-decoration: none;  
}

.tw {
    background: url(../Images/social/social_icons.png) no-repeat 0px 0px;
}
.fb {
    background: url(../Images/social/social_icons.png) no-repeat -35px 0px;
}
.vk {
    background: url(../Images/social/social_icons.png) no-repeat -69px 0px;
}
.gp {
    background: url(../Images/social/social_icons.png) no-repeat -104px 0px;
}
.dr {
    background: url(../Images/social/draugiem.png) no-repeat;
}

.first-page-headers {
    padding-top: 15px;
}

.first-page-line-break {
    margin: 0;
    padding: 0;
}

.static-content {
    margin: 0 30px 20px 30px;
}

.faq {
    font-size: 16px;  
}

.faq h4 {
    margin-top: 20px;
}

.deputy {
    font-size: 16px;  
}
.deputy h4{
    margin-top: 20px;
}
#deputy-form textarea {
    width: 400px;
}


.well-a2 {
  height: 120px;
    margin-bottom:8px;
    vertical-align: middle;
  background-color: #AEEEEE;
  border: 1px solid #f2f2f2;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-a2 h3 {
    line-height: 100px;   
}

.well-a3 {
    height: 230px;
    margin-top: 8px;
    background-color: #AEEEEE;
  border: 1px solid #f2f2f2;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-a4 {
    height: 100px;
    margin-top: 8px;
  background-color: #AEEEEE;
  border: 1px solid #f2f2f2;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-a1 {
    float: right; 
    width:60%; 
    height: 65px; 
    margin-bottom: 0;
  background-color: #AEEEEE;
  border: 1px solid #f2f2f2;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-a4 h3 {
    line-height: 80px;    
}

.first-page-center {
    margin-top: 12px;
}

.first-page-footer {
    margin-top: 50px;
}

.first-page-header {
    margin: 0;
}

.ads-img {
     margin-left:auto;
    margin-right:auto;
    width:85%;
}      

#password-retrieval {
    margin: 20px 50px 0 50px;
}
#password-retrieval  fieldset {margin:20px 0 0 0; position:relative;}
#password-retrieval input {
        width: 238px;
}
#password-retrieval input[type=submit] {
        width: 138px;
}

.message-page {
    margin: 0 50px 270px 50px;
}

#confirm-password-retrieval {
   margin: 0 50px 0 50px;  
}



#wrappercarousel {
				background-color: #f7f7f7;
				border: 1px solid #f2f2f2;
              -webkit-border-radius: 6px;
                 -moz-border-radius: 6px;
                      border-radius: 6px;
              -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
                 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
                      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
                      overflow: hidden;
			}

			#carousel > div {
				width: 600px;
			    padding-top: 20px;
			    padding-right: 150px;
			    padding-left: 150px;
				height: 180px;
			    float: left;
				overflow: hidden;
			}
			#carousel img {
				border: none;
				display: block;
				margin: 0 25px 30px 0;
				float: left;
			}

			#carousel #blue img {
				margin-top: 50px;
			}
			#carousel #pink img {
				margin-top: 20px;
			}
			#carousel #white img {
				margin-top: 60px;
			}

            #carousel h3 {
                line-height: 125%;
            }

.pdf-icon { display:inline-block; height:15px; line-height:13px; background:url(../Images/pdf.png) no-repeat top left; padding:0 0 0 30px; text-decoration:none;  }

.hmc-contact {
    padding-left:50px;
}

.text-center {
  text-align: center;
}

#enquiry-form input, #enquiry-form textarea{
    width: 300px; 
}
#enquiry-form select {
    width: 315px; 
}
#enquiry-form input[type=submit] {
    width: 200px;
}

#enquiry-form textarea{
    resize: none; 
}
.rules-list {
    margin-left: 20px;
}
.social-top {
    float: right;
    height: 30px;
    margin: 5px 5px 0;
    width:60%;
}
.lawyer{
    margin: 20px 30px 20px 30px;
}
.underline-url a {
    text-decoration:underline;
}
.lawyer-header {
    float: right;
}
.lawyer-header input[type=text] {
    width:100px;
}
.lawyer-header input[type=submit] {
    margin-bottom: 10px;
}
#search-question-form {
    display:inline; margin:0px; padding:0px;
}
#ask-question-form input{
    width: 320px;
}
#ask-question-form textarea{
    width: 500px;
}
#ask-question-form input[type=submit]{
    width: 200px;
}
#consultation-form input{
    width: 320px;
}
#consultation-form textarea{
    width: 500px;
}
#consultation-form input[type=submit]{
    width: 200px;
}
.registration-rules {
    margin-left: 70px;
    margin-right: -30px;
    text-align:justify;
}
.wrapper-top { margin-left:auto; margin-right:auto; width:45%;}
#sms-form input[type=submit] {
    margin-top: 8px;
    width: 120px;
}
#sms-form input[type=radio] {
    margin-bottom: 5px;
}
#sms-form label{
    font-size: 18px;
}