*{padding:0px; margin:0px;    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;   -ms-user-select: none; user-select: none;}

body
{
    position: absolute;
    background-color:#ffd74e;
	font-family:Arial, sans-serif;
    /*background-image:url('../images/template/background1.png');*/
    height:100%;
    width:100%;
}

header
{
    height:0px;
}

p {padding:2px 0 6px}

header .single-button {font-size:18px;}

.wd-header
{
    background:#fff;
    padding:15px;
    border-radius:15px;
    text-align: center;
}
.wd-header-text{display:inline-block;vertical-align:top; padding-top:10px}
.wd-header img{padding-right:15px;display: inline-block !important;}
.wd-header h1{display:inline-block !important;font-size:4em;}

.single-button
{
    font-size:25px;
    padding:5px 10px;
    color:#000;
    background: #bbb;
    border:1px solid #000;
    border-radius:10px;
}

.single-button:hover
{
    background-color:#fff;
}

.alink
{
    text-decoration: none;
    font-size:18px;
}

input, select, textarea
{
    border:1px solid #000;
    border-radius: 10px;
    padding:5px 8px;
}


/* container defines margins and width */
.container{margin: 60px auto 20px; padding:0 10px;}

.container500 {
	max-width:500px;
	max-height:500px;
	}
.house-container {
	background:url(../images/handbook/house2.png) no-repeat center top / 100%;
	padding:0 !important;
	}

/* outer container will define aspect ratio */
.outer {
    position: relative;
    width: 100%;
	padding-top: 100%
}

/* inner container positioned absolutely and holds content */
.outer .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* example content */
.inner div {
    float: left;
	clear:left;
	text-align:right;
}

.zone {font: 15px bold Arial, sans-serif }
.zone a {color:#000; text-decoration:none; padding: 2px 4px; background:rgb(255,255,255);-webkit-border-radius:8px; border-radius:8px;  border:1px solid #FFD74E; box-shadow:rgba(0,0,0,0.5) 0px 2px 2px}

.zone-sky{width: 100%; height: 24%;}
.zone-roof{width: 55%; height: 20%;}
.zone-window{width: 44%; height: 8%;}
.zone-door{width: 72%; height: 8%;}
.zone-inside{width: 56%; height: 4%;}
.zone-fence{width: 16%; height: 8%;}
.zone-pest{width: 90%; height: 10%;}
.zone-damp{width: 35%; height: 8%;}
.zone-services{width: 57%; height: 8%;}

@media (max-width:420px){
	.zone {font-size: 12px}
}
@media (max-width:340px){
	.zone {font-size: 10px}
}


@media (max-width:1440px){
    
    .gridbox{font-size:25px;}
    .message-box{font-size:24px;}
    .message-box{width:80% !important}
    }

	.back {margin:15px 0 20px; text-align:center}

#handbook{text-align:center;}

#handbook h1{
    width:220px;
    margin:0px auto;
    font-weight: bold;
    background:#bbb;
    border:1px solid #333;
    border-radius:5px;
    padding:5px 0px 4px 0px;
    margin-bottom:10px;
}

#handbook-grid, #handbook-content
{
    max-width:450px;
    margin:0px auto;
}

#handbook-grid img{width:180px;height:180px;margin:0px;padding:10px;}

.gridbox
{
    border:1px solid #000; -webkit-border-radius:5px; border-radius:5px;
	width:220px;
    background-color:#fff;
    margin:0 0 5px 0 !important;
    display: inline-block;
    padding:0px;
    text-decoration: none;
    color:#000;
    font-size:18px !important;
}

#handbook-content {
    border:1px solid #000;
    background-color:#fff;
    margin:5px auto 0!important;
    padding:3px;
    text-decoration: none;
	text-align:left;
    color:#000;
    font-size:18px !important;
	border-radius:5px
}

#handbook-content li {margin-left:20px}


.login, .message-box
{
    background:#fff;
    margin:55px auto 0px auto;
    width:40%;
    min-width:250px;
    padding:50px 3% ;
    border-radius:15px;
    text-align:center;
    border:2px solid #999;
}


.message-box
{
    margin:15px auto 55px auto !important;
    padding:25px 3% ;
}
.message-box p{text-align: left; margin-bottom:10px !important;}

.message-box ul{text-align: left;margin-left:25px;}

.login p
{
   margin-top:-15;font-size:25px;
}
.login label
{
    display: inline-block;
    text-align:right;
    padding:5px;
}

form .errors
{
    color:#f00;
    font-weight: bold;
}
.login input
{
    width:30%;
    min-width:180px;
}



/********************/
/** 7 inch tablets **/
/********************/
@media (max-width:1440px){
    
    .wd-header
    {
        background:#fff;padding:15px;border-radius:15px;
    }
    .wd-header h1{font-size:2em;}
    .wd-header img{padding-right:15px;}

    .login label{font-size:19px;width:120px;}

    .message-box{font-size:24px;}
    .message-box{width:80% !important}
    }


/*************************/
/** mobile inch tablets **/
/*************************/
@media (max-width:600px){
    
    .wd-header
    {
        background:#fff;padding:15px;border-radius:15px;
    }

    .wd-header h1{text-align: center;font-size:24px !important;}
    .wd-header img{padding-right:15px;}

    #header-image,#header-text{display: block;}

    .login label{font-size:19px;width:120px;display:block;}

    .gridbox{font-size:25px;}
    .message-box{
        width:80% !important;
        font-size:24px;
    }
}

/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

* {margin:0; padding:0}
body {
	background: #FFD74E;
	font-family:Arial, sans-serif;
}
a {
	text-decoration: none;
	color: #333;
}
p {padding:2px 0 10px}
.header {
	background: #fff;
	height: 130px;
	z-index:0;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	-webkit-border-radius: 35px 35px 0 0px;
	border-radius: 35px 35px 0 0px;
	-moz-border-radius: 35px 35px 0 0px;
}

html {font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;}
body {margin: 0;}
nav {display: block;}
[hidden],
template {display: none;}
a {background-color: transparent;}
a:active,
a:hover {outline: 0;}
b,strong {font-weight: bold;}
h1 {margin: .67em 0;
  font-size: 2em;}
img {border: 0;}
hr {height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;}
button {overflow: visible;}
button,
select {text-transform: none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;
  cursor: pointer;}
button[disabled],
html input[disabled] {cursor: default;}
@media print {*,
  *:before,
  *:after {color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;}
  a,
  a:visited {text-decoration: underline;}
  a[href]:after {content: " (" attr(href) ")";}
  abbr[title]:after {content: " (" attr(title) ")";}
  a[href^="#"]:after,
  a[href^="javascript:"]:after {content: "";}
  pre,
  blockquote {border: 1px solid #999;

    page-break-inside: avoid;}
  thead {display: table-header-group;}
  tr,
  img {page-break-inside: avoid;}
  img {max-width: 100% !important;}
  p,
  h2,
  h3 {orphans: 3;
    widows: 3;}
  h2,
  h3 {page-break-after: avoid;}
  select {background: #fff !important;}
  .navbar {display: none;}
  .btn > .caret,
  .dropup > .btn > .caret {border-top-color: #000 !important;}
  .label {border: 1px solid #000;}
  .table {border-collapse: collapse !important;}
  .table td,
  .table th {background-color: #fff !important;}
  .table-bordered th,
  .table-bordered td {border: 1px solid #ddd !important;}
}

* {-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
*:before,
*:after {-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
html {font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;}
a {color: #337ab7;
  text-decoration: none;}
a:hover,
a:focus {color: #23527c;
  text-decoration: underline;}
a:focus {outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;}
figure {margin: 0;}
img {vertical-align: middle;}

hr {margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;}
.sr-only {position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;}
.sr-only-focusable:active,
.sr-only-focusable:focus {position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;}
[role="button"] {cursor: pointer;}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;}

h1,.h1,h2,.h2,h3,.h3 {margin-bottom: 10px; margin-top: 12px;}

h1,
.h1 {font-size: 22px;}
h2,
.h2 {font-size: 18px;}
h3,
p {margin: 0 0 10px;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
ul,
ol {margin-top: 0;
  margin-bottom: 10px;}
ul ul,
ol ul,
ul ol,
ol ol {margin-bottom: 0;}
@media (min-width: 768px) {.container {width: 750px;}
}
@media (min-width: 992px) {.container {width: 970px;}
}
@media (min-width: 1200px) {.container {width: 1170px;}
}
.container-fluid {padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;}
.row {margin-right: -15px;
  margin-left: -15px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;}

@media (min-width: 992px) {.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
  .col-md-12 {width: 100%;}
  .col-md-11 {width: 91.66666667%;}
  .col-md-10 {width: 83.33333333%;}
  .col-md-9 {width: 75%;}
  .col-md-8 {width: 66.66666667%;}
  .col-md-7 {width: 58.33333333%;}
  .col-md-6 {width: 50%;}
  .col-md-5 {width: 41.66666667%;}
  .col-md-4 {width: 33.33333333%;}
  .col-md-3 {width: 25%;}
  .col-md-2 {width: 16.66666667%;}
  .col-md-1 {width: 8.33333333%;}

}


.collapse {display: none;}
.collapse.in {display: block;}
tr.collapse.in {display: table-row;}
tbody.collapse.in {display: table-row-group;}
.collapsing {position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;}
.caret {display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;}

.nav {padding-left: 0;
  margin-bottom: 0;
  list-style: none;}
.nav > li {position: relative;
  display: block; float:left}
.nav > li > a {position: relative;
  display: block;
  padding: 10px 5px 10px;}
.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none;
  background-color: #eee;}
.nav > li.disabled > a {color: #777;}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color: #eee;
  border-color: #337ab7;}
.nav .nav-divider {height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;}
.nav > li > a > img {max-width: none;}

.navbar {position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;}
@media (min-width: 768px) {.navbar {border-radius: 4px;}
}
@media (min-width: 768px) {.navbar-header {float: left;}
}
.navbar-collapse {padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);}
.navbar-collapse.in {overflow-y: auto;}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {max-height: 340px;}
@media (max-device-width: 480px) and (orientation: landscape) {.navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {max-height: 200px;}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {margin-right: -15px;
  margin-left: -15px;}
.navbar-static-top {z-index: 1000;
  border-width: 0 0 1px;}
@media (min-width: 768px) {.navbar-static-top {border-radius: 0;}
}
.navbar-fixed-top,
.navbar-fixed-bottom {position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;}
@media (min-width: 768px) {.navbar-fixed-top,
  .navbar-fixed-bottom {border-radius: 0;}
}
.navbar-fixed-top {top: 0;
  border-width: 0 0 1px;}
.navbar-fixed-bottom {bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;}
.navbar-brand {float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;}
.navbar-brand:hover,
.navbar-brand:focus {text-decoration: none;}
.navbar-brand > img {display: block;}
@media (min-width: 768px) {.navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {margin-left: -15px;}
}
.navbar-nav {margin: 7.5px -15px;}
.navbar-nav > li > a {padding: 0 !important;margin:0 8px;
  line-height: 20px;}

.navbar-nav > li > .dropdown-menu {margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;}
.navbar-btn {margin-top: 8px;
  margin-bottom: 8px;}
.navbar-btn.btn-sm {margin-top: 10px;
  margin-bottom: 10px;}
.navbar-btn.btn-xs {margin-top: 14px;
  margin-bottom: 14px;}
.navbar-text {margin-top: 15px;
  margin-bottom: 15px;}
@media (min-width: 768px) {.navbar-text {float: left;
    margin-right: 15px;
    margin-left: 15px;}
}
.navbar-default {background-color: #f8f8f8;
  border-color: #e7e7e7;}
.navbar-default .navbar-brand {color: #777;}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {color: #5e5e5e;
  background-color: transparent;}
.navbar-default .navbar-text {color: #777;}
.navbar-default .navbar-nav > li > a {color: #777;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #333;
  background-color: transparent;}
.nav.navbar-nav.navbar-left li a {
	border-bottom:1px dotted #CCC;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color: #555;
  background-color: #e7e7e7;}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {color: #ccc;
  background-color: transparent;}
.navbar-default .navbar-toggle {border-color: #ddd;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #ddd;}
.navbar-default .navbar-toggle .icon-bar {background-color: #888;}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {border-color: #e7e7e7;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {color: #555;
  background-color: #e7e7e7;}
@media (max-width: 767px) {.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #777;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #333;
    background-color: transparent;}
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {color: #555;
    background-color: #e7e7e7;}
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #ccc;
    background-color: transparent;}
}
.navbar-default .navbar-link {color: #777;}
.navbar-default .navbar-link:hover {color: #333;}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {display: table;
  content: " ";}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {clear: both;}
.center-block {display: block;
  margin-right: auto;
  margin-left: auto;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}
.hide {display: none !important;}
.show {display: block !important;}
.invisible {visibility: hidden;}
.text-hide {font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;}
.hidden {display: none !important;}
.affix {position: fixed;}
@-ms-viewport {width: device-width;}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {display: none !important;}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {display: none !important;}
@media (max-width: 767px) {.visible-xs {display: block !important;}
  table.visible-xs {display: table;}
  tr.visible-xs {display: table-row !important;}
  th.visible-xs,
  td.visible-xs {display: table-cell !important;}
}
@media (max-width: 767px) {.visible-xs-block {display: block !important;}
}
@media (max-width: 767px) {.visible-xs-inline {display: inline !important;}
}
@media (max-width: 767px) {.visible-xs-inline-block {display: inline-block !important;}
}
@media (min-width: 768px) and (max-width: 991px) {.visible-sm {display: block !important;}
  table.visible-sm {display: table;}
  tr.visible-sm {display: table-row !important;}
  th.visible-sm,
  td.visible-sm {display: table-cell !important;}
}
@media (min-width: 768px) and (max-width: 991px) {.visible-sm-block {display: block !important;}
}
@media (min-width: 768px) and (max-width: 991px) {.visible-sm-inline {display: inline !important;}
}
@media (min-width: 768px) and (max-width: 991px) {.visible-sm-inline-block {display: inline-block !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {.visible-md {display: block !important;}
  table.visible-md {display: table;}
  tr.visible-md {display: table-row !important;}
  th.visible-md,
  td.visible-md {display: table-cell !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {.visible-md-block {display: block !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {.visible-md-inline {display: inline !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {.visible-md-inline-block {display: inline-block !important;}
}
@media (min-width: 1200px) {.visible-lg {display: block !important;}
  table.visible-lg {display: table;}
  tr.visible-lg {display: table-row !important;}
  th.visible-lg,
  td.visible-lg {display: table-cell !important;}
}
@media (min-width: 1200px) {.visible-lg-block {display: block !important;}
}
@media (min-width: 1200px) {.visible-lg-inline {display: inline !important;}
}
@media (min-width: 1200px) {.visible-lg-inline-block {display: inline-block !important;}
}
@media (max-width: 767px) {.hidden-xs {display: none !important;}
}
@media (min-width: 768px) and (max-width: 991px) {.hidden-sm {display: none !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {.hidden-md {display: none !important;}
}
@media (min-width: 1200px) {.hidden-lg {display: none !important;}
}
.visible-print {display: none !important;}
@media print {.visible-print {display: block !important;}
  table.visible-print {display: table;}
  tr.visible-print {display: table-row !important;}
  th.visible-print,
  td.visible-print {display: table-cell !important;}
}
.visible-print-block {display: none !important;}
@media print {.visible-print-block {display: block !important;}
}
.visible-print-inline {display: none !important;}
@media print {.visible-print-inline {display: inline !important;}
}
.visible-print-inline-block {display: none !important;}
@media print {.visible-print-inline-block {display: inline-block !important;}
}
@media print {.hidden-print {display: none !important;}
}

/*# sourceMappingURL=bootstrap.css.map */
/* CSS Document */


.introTitle {background:#FFFFFF url(../images/wdlogoapp.png) 4px 50% no-repeat; display:inline-block; }
.introTitle h1 {margin: 14px 10px 14px 60px}


.footer {
	height: 80px;
	padding-left:40px;
	font-size:16px
}

.linkBlock {
	background: #ffd74e none repeat scroll 0 0;
    border: 2px solid #fff;
    padding: 0 5%;
    position: relative;
    z-index: 1;}
	
.linkTitle {
	background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 10px 10px 0 0;
    display: inline-block;
    margin-bottom: -8px;
    padding: 1px 10px 6px;
    position: relative;
    z-index: 1;}
	
.stdBlock {padding:15px 0}

.border10 { -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px;}

.tab   {
	display: inline-block;
	/* [disabled]float: left; */
	height: 80px;
	background-image: url(images/tab.png);
	width: 280px;
	margin: 0 -55px 0 0px;
	position: relative;
}
.tabContent {
	font-size:20px;
	width: 280px;
	text-align: center;
	display: inline-block;
	height: 40px;
	padding-top: 20px;
}
.tab1 {	z-index:6}
.tab2 {	z-index:5}
.tab3 {	z-index:4}
.tab4 {	z-index:3}
.tab5 {	z-index:2}
.tab6 {	z-index:1}

/*Home styles*/
.intro {font-size:20px; padding:10px}
.home .col1, .home .col2 {width:560px}

/*page2 styles */
.page2 .content {z-index:9}
.page2 .tab2 {z-index:10}

/*page3 styles */
.page3 .content {z-index:9}
.page3 .tab3 {z-index:10}

/*page4 styles */
.page4 .content {z-index:9}
.page4 .tab4 {z-index:10}

/*Border styles */
.border5 {	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.border20 {	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}

/*Shadow styles */
.shadow5 {	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
}

.bordergreen {border:4px solid #97C11F}

.boxsm {background: #97C11F; height:660px; width:410px;display:inline-block;margin:0 0 0 30px}

.padding10 {padding:10px}

.f-right {float:right}
.f-left {float:left}

/*button styles */

.button {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-family: Arial;
  color: #333;
  font-size: 20px;
  margin:20px 0;
  min-height:68px
}

.btnIcon {float:left; width:55px; height:55px;background-repeat:no-repeat; margin:5px 10px 5px 20px; background-position:center; position:relative; z-index:0}

.btnText {color:#333;text-align:right; padding:0 20px 0px 10px; position:relative; z-index:1 }
.btnText a {text-decoration:none; padding:20px 10px 20px 0px; display:block }

.btn:hover {
  text-decoration: none;
}

.btnBlue {
  background: #88cefc;
  background-image: -webkit-linear-gradient(top, #88cefc, #2980b9);
  background-image: -moz-linear-gradient(top, #88cefc, #2980b9);
  background-image: -ms-linear-gradient(top, #88cefc, #2980b9);
  background-image: -o-linear-gradient(top, #88cefc, #2980b9);
  background-image: linear-gradient(to bottom, #88cefc, #2980b9);
}
.btnBlue a {color:#FFF;}
.btnBlue:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
}

.btnGrey {
	background: #e2e2e2;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
	}
.btnGrey a {color:#333;	}
	
.btnGrey:hover {
	background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #d1d1d1 49%, #dbdbdb 50%, #e2e2e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(49%,#d1d1d1), color-stop(50%,#dbdbdb), color-stop(100%,#e2e2e2));
background: -webkit-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
background: -o-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
background: -ms-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
background: linear-gradient(to bottom, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 );
	}
	
@media (max-width: 640px) {
	.teldesktop {display:none}
	}
@media (min-width: 641px) {
	.telmobile {display:none}
	}

.ico-con {background-image:url(../images/icons/ico-con.png)}
.ico-fix {background-image:url(../images/icons/ico-fix.png)}
.ico-news {background-image:url(../images/icons/ico-news.png)}
.ico-uj {background-image:url(../images/icons/ico-uj.png)}
.ico-cu {background-image:url(../images/icons/ico-cu.png)}
.ico-mas {background-image:url(../images/icons/ico-mas.png)}
.ico-vid {background-image:url(../images/icons/ico-vid.png)}
.ico-rot {background-image:url(../images/icons/ico-rot.png)}