/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format('truetype');
}

html,
button,
input,
select,
textarea {
    color: #222;
    padding:0px;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.group-header {
    padding-top: 20px;
    font-size: 22px;
    padding-left: 10px;
    color: #333;
    border-bottom: 1px solid #999;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles - Copyright Steph Yamey and LINK
   ========================================================================== */

body {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #333;
    background: #aaa;
    line-height: 1;
    padding: 0;
    margin: 0;
}

body a img {
    border: none;
}
body.unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

h1 {
    font-size: 1.6em;
    font-weight: 500;
    color: #307fe2;
    margin: 0 0 0.3em 0;
    padding: 0;
}


h2 {
    font-size: 1.1em;
    font-weight: 600;
    margin: 0;
    padding: 0;

}

h3 {
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    padding: 0;
}



a {
    color: #307fe2;
}

a:hover {
    color: #999;
}

p {
    line-height: 1.2;
}


#container-body {
    width: 100%;
    min-height:100%;
    height:auto !important;
    height:100%;
    background: #eee;
    margin: 0px auto -69px;
}

.wrap {
    padding: 0 5%;
    max-width: 95%;
    margin: 0 auto;
}

#container {
    margin: 4.5em auto 1.5em;
    padding-top: 1.5em;
}

.left {
    float: left;
}

.right {
    float: right;
}

.red {
    color: red;
}

.heading {
    background: #307fe2;
    margin: 0;
    padding: 0.8em 3% 0.5em;
    width: 94%;
}

.heading h1{
    color: #fff; 
    font-size: 1.5em;
    font-weight: 300;
}

.heading h1 i{
    padding-right: 0.15em;
    font-size: 0.9em;
}


/* ===============
    HEADER
   =============== */

header {
    height: 4.5em;
    background: white;
    position: fixed;
    width: 100%;
    z-index: 2;
    top: 0;
}

#logo {
    font-size: 1em;
    line-height: 4.5em;
    float: left;
}

#logo a{
    display: block;
    text-indent: -9999px;
    width: 180px;
    background: url('../images/logo.png') no-repeat center center;
    background-size: 180px;
}


/* ===============
    NAVIGATION
   =============== */

nav {
    float: right;
}

nav ul,
nav li {
    margin: 0;
    padding: 0;
}

#menu {
    height: 4.5em;
    padding: 0;
    margin: 0;
    list-style: none;
}

#menu li {
    float:left;
    position:relative;
}

#menu a{
    display:block;
    color: black;
    text-decoration:none;
    font-size: 1.05em;
    font-weight: 300;
    line-height: 4.1;
    margin: 0 0.7em;
}

#menu .logout a{
    font-size: 0.7em;
    color: black;
    line-height: 6.6;
    padding: 0 0.5em;
    margin-right: 0;
}

#menu .logout i{
    padding-left: 0.2em;
}

#menu li:hover a,
#menu a.active {
    border-bottom: solid 3px #307fe2;
    color: #307fe2;
}

#menu .logout:hover a{
    border: none;
}

#menu ul{
    background:#323232; 
    background:rgba(255,255,255,0); 
    list-style:none;
    position:absolute;
    left:-9999px; 
    width: 100%;
}
#menu ul li{
    float:none;
    width: 100%;      
}

#menu li.logout ul a{
    font-size: 0.7em;
    background:#555;
    padding: 0 0.5em;
    line-height: 2.5;
    color: #fff;
}

#menu li.logout ul a:hover{
    background:#307fe2;
}

#menu li:hover ul{ 
    left:0; 
}

/* ===============
    NAVIGATION-PULLOUT
   =============== */

.navigation {
  /* critical sizing and position styles */
  display:none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 55px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  
  /* non-critical appearance styles */
  list-style: none;
  /*background-color: black;*/
}

html, body {
    height: 100%;
}

.nav-item {
  /* non-critical appearance styles */
  width: 200px;
  border-bottom: 1px solid #000;
  position:relative;
  right:40px;
}

.nav-item a {
  /* non-critical appearance styles */
  display: block;
  padding: 1em;
  color: white;
  font-size: 16px;
  text-decoration: none;
  transition: color 0.2s, background 0.5s;
}

.nav-item a:hover {
  color: #307fe2;
}

.site-wrap {
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
    z-index: 1;
}

.nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}



label[for="nav-trigger"] {
    position: fixed;
    top: 20px;
    left: 15px;
    z-index: 2;
    font-size:26px;
    cursor: pointer;
    display:none;
}

.nav-trigger:checked + label {
    /*left: 215px;*/
}
 
.nav-trigger:checked ~ .site-wrap {
    left: 200px;
}

.nav-trigger + label, .site-wrap {
    transition: left 0.2s;
}

body {
    overflow-x: hidden;
}


/* ===============
    FOOTER
   =============== */
footer {
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 0.9em;
    padding: 1em 0;
    background: #0b1e40;
    height: 16px;
}

.push {
    height: 25px;
}

/* ===============
    BUTTONS
   =============== */


.stylish-button, 
.submit {
    position: relative;
    display: inline-block;
    background: #323232;
    color: #fff;
    text-decoration: none;
    margin: 0;
    border: none;
    font-weight: 300;
	padding: 4px 2px;
}


.submit {
    border: none;
    background-color: #9bf3bf;
    color: black;
    padding: 6px 9px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    border-radius: 10px;
}

.stylish-button {
    border: none;
    background-color: #9bf3bf;
    color: black;
    padding: 6px 9px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    border-radius: 10px;
}

.stylish-button input,
.submit input {
    background: none;
    border: none;
    color: white;
    padding: 0 !important;
    margin: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
}

    .stylish-button:hover,
    .submit:hover {
        color: black;
        background-color: #7acc9c;
    }

.submit input:hover 
{
	color: black;
}


a.stylish-button {
    border: none;
    background-color: #9bf3bf;
    color: black;
    padding: 6px 9px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    border-radius: 10px;
}

    a.stylish-button:hover {
        background-color: #7acc9c;
    }



/* ===============
    FORMS
   =============== */


.error-message {
    display: block;
    background: #FFF6B3;
    line-height: 2;
    text-align: center;
    font-size: 1.2em;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 500; 
    color: #da0315;
    padding: 0 10px;
}

#login .error-message {
    line-height: 1.3;
    font-size: 1em;
}

.newpassword .error-message {
    line-height: 2!important;
    font-size: 1.2em!important;
}

input:not([type=text]) {
    outline: none;
}

input:not([type=submit]):not([type=button]) {
    padding: 4px 2px; 
    border: 1px solid #aaa;
}

.field {
    display: inline-block;
    float: left;
    height: 30px;
    overflow: hidden;
    border: 1px solid #aaa;
    margin: 0 0.8em 0 0;
    background: #fff;
}

.field-length-sml {
    width: 6%;
}

.field-length-med {
    width: 12%;
}

.field-length-lrg {
    width: 20%;
}

.field-length-xl {
    width: 40%;
}

.field input:not([type=submit]) {
    padding: 6px; 
    border: none;
    -webkit-appearance: none;
    width: 97%;
}

/*drop down list*/
.list {
    display: inline-block;
    float: left;
    height: 30px;
    overflow: hidden;
    border: 1px solid #aaa;
    background: url('../images/dropdown-arrows.png') no-repeat right #fff;
    cursor: pointer;
    margin: 0 0.8em 0 0;
}

.list select {
    background: transparent;
    padding: 7px; 
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 30px;
    -webkit-appearance: none; 
    cursor: pointer;   
    width: 150%;
}

.list-length-sml {
    width: 11%;
}

.list-length-med {
    width: 22%;
}

.list-length-lrg {
    width: 33%;
}

.note {
    margin-top: 0.5em;
    margin-bottom: 0 !important;
    font-style: italic;
    color: #888;
}


/* ===============
    SEARCH BAR
   =============== */

.searchform {
    background: #bebebe;
    padding: 2% 2% 1.5%;
    margin-bottom: 1.5em;
    width: 96%;
}

.searchform .search-icon {
    margin-right: 0.8em;
    float: left;
}

.searchform .search-icon i{
    position: relative;
    color: #444;
}

.searchform label {
    font-size: 1.2em;
    line-height: 1.7;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 0.25em;
    position: relative;
    float: left;
}


/* ===============
    TABLES
   =============== */

.table-full-width {
    width: 100%;
}

th, td {
    padding: 0.7% 1.5% 0.7% 0;
}

th {
    text-align: left;
    font-weight: 600;
    background: #307fe2;
    color: white;
    line-height: 1.4;
    height: 3em;
}

th input {
    font-weight: 600;
}

tr {
    text-align: left;
    background: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.85em;
    overflow: hidden;
    line-height: 1.4;
}

th:nth-of-type(1), td:nth-of-type(1) {
    padding-left: 1%;
}

tr:nth-of-type(odd) {
    background: #f4f4f4;
}

/*SORT BY COLUMN*/

.sort,
.sort_asc,
.sort_dsc {   
    background:url('../images/sort-arrows.png') #307fe2 no-repeat 100% 0;
    border: none;
    position: relative;
    color: #fff; 
    height: 18px;
}

.sort:hover {   
    color: #333; 
    background-position: 100% 34%;    
}

.sort_asc {   
    color: #333; 
    background-position: 100% 66%;
}

.sort_dsc { 
    color: #333;   
    background-position: 100% 100%;
}


th input {   
    padding-right: 15px;
    padding-left: 0;
}


/* ===============
    PAGINATION
   =============== */

.pagination {
    background: #ddd;
    padding: 0.5em 1.5%;
    margin-bottom: 2em;
    width: 97%;
    border-top: #ccc 1px solid;
    border-bottom: #999 2px solid;
}

.prev {
    float: left;
}

.next {
    float: right;
}

.pagination-button {
    background: none;
    border: none;
    padding: 0 !important;
    margin: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 500;
}

.pagination-button:hover {
    color: #307fe2;
}

/* ===============
    LOGIN
   =============== */


#login {
    margin: 3em auto;
    width: 42%;
    background: #fff;
}

.login-form{
    padding: 0.6em 6% 1em;
}

#login .heading {
    padding: 0.8em 6% 0.5em;
    width: auto;
}

#login .login-form p {
    margin: 0;
}

#login input {
    /*width: 94.5%;*/
    margin: 1em 0 0.3em 0;
    padding: 8px;
}



#login .submit {
    margin: 1.2em 0 0.5em; 
}

#login .submit input {
    width: auto;
    padding: 0;
    margin: 0; 
}

#login .forgot-link {
    font-size: 0.9em;
    font-weight: 500;
}

.admin {
    text-decoration: none;
    color: white;
}


/* ===============
    FORGOT PASSWORD
   =============== */

#login.forgot .login-form p {
    margin: 1em 0;
}

#login.forgot input {
    margin: 0;
}

#login.forgot p.submit {
    margin: 0;
}

#login.forgot label {
    font-weight: 600;
}


/* ===============
    DEVELOPMENTS 
   =============== */


#development {
    background: #fff;
    width: 100%;
    margin-bottom: 1.5em;
    min-height: 360px;
}

#dev-info {
    float: right;
    width: 60%;
    padding: 2.5%;
}

#dev-info p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
}

#dev-info span[style] {
   font-size: 1em !important;
}

#dev-info .buttons {
    margin-top: 0;
}

.buttons {
    margin-top: 0.5em;
}

.buttons a{
    margin-right: 1em;
}

#dev-images {
    float: left;
    width: 35%;
    height: 300px;
}

#dev-images .hero {
    height: 100%;
    overflow: hidden;
}

#dev-images .hero img{
    height: 100%;
}

#dev-images:hover ul{
    display: block;
}

#dev-images ul  {
  display: block;
  list-style: none; 
  margin: 0;
  padding: 6px;
  position: relative;
  background: rgba(255,255,255,0.7);
/*  top: -55px;*/
  height: 43px;
  overflow: hidden;
}

#dev-images li {
  display: inline;
  padding: 0 2px;
 
}

#dev-images li img{
  width: 43px;
  margin-bottom: 6px;
}

#dev-images ul a{
    text-decoration: none;
}



/* ===============
    REGISTER CLIENTS 
   =============== */

.register-form {
    background: #fff;
    padding: 0.7em 3%;
    width: 94%;
}

.column-left {
    display: block;
    float: left;
    width: 45%;
    margin-right: 2%;
}

.column-right {
    display: block;
    float: right;
    width: 45%;
    margin-right: 0;
}

.register-form label {
    display: block;
    font-weight: 600;
}

.register-form p {
    margin-bottom: 1em;
}

.no-top {
    margin-top: 0;
}

#register .register-form p {
    margin-top: 0;
}

.register-form textarea {
    width: 98%;
    background: #fafafa;
    border-color: #aaa;
}

.register-form input:not([type=submit]):not([type=checkbox]) {
   width: 97%;
   background: #fafafa;
}

.submit-container {
    width: 94%;
    background: #d8d8d8;
    padding: 0.6em 3%;
    text-align: right;
    margin-bottom: 2em;
}

.register-form .list {
    width: 97%;
    background: #fafafa;
}

.line {
    width: 94%;
    background: #fff;
    padding: 0 3%;
}

.line div{
    border-bottom: 1px solid #999;
}

.half {
    width: 45%;
    display: inline-block;
}

.half-left {
    margin-right: 7%;
}

.register-form .note {
    margin: 0.5em 0 1em !important;
}


.register-form input[type="text"]:disabled,
.register-form select:disabled {
    margin-left: 0; 
    width: auto;
    border: none;
    background: none;
    padding: 0;
    -webkit-appearance: none;
    font-weight: normal;
    font-size: 1.2em; 
    color: #888;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

li.TandC {
    padding: 5px;
}

/* ===============
    DOCUMENTS 
   =============== */

.documents {
    background: #fff;
    padding: 1% 3% 5% 3%;
}

.documents p {
    padding: 8px 0 0 8px;
    margin: 0;
}

.documents img {
    width: 80px;
}

.doc-list {
}

.doc-type {
    margin-bottom: 1.2em;
}

.doc-type i {
    padding-right: 0.3em;
}

.doc-type p {
    font-family: Helvetica, Arial, sans-serif;
    margin: 0.2em;
}

.documents .stylish-button{
    margin-top: 0.6em;
}

.fotorama {
    max-width: 610px;
    max-height: 693px;
    margin-left: auto;
    margin-right: auto;
}

.images {
    height: 480px;
    width:600px;
    border: 1px solid grey;
}


/* ===============
    Listing Details
   =============== */

.listingdetails {
    border: 2px solid #f3f3f3;
}

label .detail {
    font-weight: normal;
    font-size: 1.2em; 
    color: #888;
}

span.detail-left {
    font-weight: 600;
    text-align: right;
    display: inline-block;
    width: 40%;
    padding-right: 15px;
}

span.detail-right {
    font-weight: 600;
    text-align: right;
    display: inline-block;
    width: 55%;
    padding-right: 15px;
}

.listing-left {
    float: left;
    width: 45%;
}

.listing-right {
    float: left;
    width: 55%;
}


/* ===============
    CONTRACT 
   =============== */

/*#contract th {
    font-size: 1.4em;
    height: 2em;
}*/

#contract .note {
    margin-top: 0;
    margin-bottom: 1.5em !important;
    color: #666;
}

#contract .submit-container {
    position: relative;
}

#contract .submit-container .prev{
    position: absolute;
    top: 0;
}



/* ===============
    DETAILS
   =============== */

.item {
    width: 94%;
    padding: 0 3%;
    background: #fff;
    line-height: 3;
}

.item:nth-of-type(odd) {
    background: #f4f4f4;
}

.item .bold {
    font-weight: 600;
}

.item input[type="text"],
.item select,
.item .item-txt {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.85em;   
    margin-left: 0.6em; 
    width: 40%;
}

.item input[type="text"]:disabled,
.item select:disabled {
    margin-left: 0; 
    width: auto;
    border: none;
    background: none;
    padding: 4px 6px;
    -webkit-appearance: none;

}


/* ===============
    RESERVE 
   =============== */

#reservedetails { 
    margin-bottom: 1.5em; 
}

/*#reserve-details .item .item-txt { 
    margin-left: 0; 
}*/

#reservedetails .submit-container { 
    text-align: right;
}

#reservedetails .submit-container p.submit {
    margin-right: 1em;
}

.border-bottom {
    border-bottom: #ddd 2px solid;
}

.populated { 
    /*font-family: Helvetica, Arial, sans-serif;*/
    font-weight: normal;
    font-size: 1.2em; 
    color: #888;
}

#reservedetails .searchform {
    margin-bottom: 0.5em;
}

label .regular {
    font-weight: 400;
}

.full-width {
    display: block;
    width: 100%;
    float: left;
}

.full-width input {
    width: 98.6% !important;
}

.full-width textarea {
    width: 99.4% !important;
}



/*.solicitor p {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.solicitor p label {
    display: inline;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 600;
}*/

#reservedetails th {
    height: 2em;
    background: #ddd;
    color: #333;
}



/* ===============
    CONTACT 
   =============== */

#contact .note { 
    margin-top: 1.5em !important; 
}



/*input[type="text"]:disabled
{
    border: none;
    background: none;
    padding: 4px 6px;
    width: 100%;
        
}



select:disabled 
{
    border: none;
    background: none;
    padding: 4px 6px;
    width: 100%;
    -webkit-appearance: none;
        
}*/




/*#container #content h1, #container #content h2, #container #content p {
    padding: 0 0 0 10px;
}*/

/*#container #content iframe {
    width: 100%;
    border: 0;
}
*/
/*#singleText .viewport { width: 705px; height: 615px; overflow: hidden; position: relative; }
#singleText .overview { list-style: none; position: absolute; left: 0; top: 0; }
#singleText .overview h3 { padding: 0 0 0 20px; }
#singleText .thumb .end,
#singleText .thumb { background-color: #BBB; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 2px 0 0 0;}
#singleText .scrollbar { position: relative; float: right; width: 16px; }
#singleText .track { background:#FFFFFF; height: 100%; width:13px; position: relative; padding: 0 1px;}
#singleText .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#singleText .thumb .end { overflow: hidden; height: 5px; width: 10px; }
#singleText .disable{ display: none; }*/



.stylish-box {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 6px;
    width:100%;
}














/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1100px) {
    body {
        font-size: 0.95em;
    }

    .wrap {
        padding: 0 5%;
    }
 
    #menu li a {
        margin: 0 0.6em;
    }
    
    #menu .logout a {
        line-height: 6.1;
    }

    #dev-images {
        height: 250px;
        
    }

}

@media only screen and (max-width: 850px) {
    
    .wrap {
        padding: 0 3%;
    }

	
	th, td {
		padding: 1.5% 1.5% 1% 0;
	}
	
	.column-hide-l {
		display:none;
	}

     #menu {
        display: none;
    } 

     #logo {
         float: right;
     }

    label[for="nav-trigger"] {
        display: block;
    }

    .navigation {
        display:block;
    }

    #dev-images {
        height: 180px;

    }
}


@media only screen and (max-width: 750px) {

    #menu {
        display: none;
    }
    
    .wrap {
        padding: 0 3%;
    }
    
    #menu li a {
        font-size: 0.75em;
        line-height: 4.35;
    }   
    /*#menu {
        display: none;
    }*/   

	#menu .logout a{
	   display:none;
	}

	th, td {
		padding: 1.5% 1.5% 1% 0;
	}
	
	.register-form .list {
	   width:100%;
	}

    #dev-images {
        height: 300px;
        width: 100%;
        padding: 0 2.5%;
        padding-bottom: 70px;
    }

    #dev-images ul {
        padding: 6px 6px 6px 0px;
        background: none;
    }

    #dev-images:hover ul {
        display: none;
        padding: 6px 6px 6px 0px;
    }


	#dev-info{
        width: 95%;
    }

	.column-hide-l {
		display:none;
	}

	/*.list-length-lrg {
    width: 50%;
	}
		
	.list-length-med {
		width: 46%;
	}
	
	.list-length-sml {
		width: 46%;
	}

	.field-length-lrg {
		width: 46%;
	}

	.field-length-med {
		width: 46%;
	}

	.field-length-sml {
		width: 46%;
	}*/

	
	

}


@media only screen and (max-width: 450px) {

    #menu {
        display: none;
    }
    
    .wrap {
        padding: 0 3%;
    }
    
    #login {
       width:100%;
    }
	.register-form .list {
	   width:100%;
	}

	.column-left {
		float: none;
		width: 100%;
	}

	.column-right {
		float: none;
		width: 100%;
	}

	.column-hide-l {
		display:none;
	}

	.column-hide-p {
		display:none;
	}

	th, td {
		padding: 2.5% 1.5% 1.5% 0;
	}



    #dev-images {
        width: 95%;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #dev-images ul {
        display: none 
    }


	#dev-info{
        width: 95%;
    }

	.list-length-lrg {
		width: 100%;
	}

	.list-length-med {
		width: 100%;
	}

	.list-length-sml {
		width: 100%;
	}

	.field-length-lrg {
		width: 100%;
	}
	.field-length-med {
		width: 100%;
	}



	.field-length-sml {
		width: 100%;
	}

    .listing-left {
        float: none;
        width: 100%;
    }

    .listing-right {
        float: none;
        width: 100%;
    }

    span.detail-left {
        text-align: left;
        width: 55%;
    }
    span.detail-right {
        text-align: left;
    }


}




/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        /*background: transparent !important;*/
        /*color: #000 !important;*/ /* Black prints faster: h5bp.com/s */
        /*box-shadow: none !important;
        text-shadow: none !important;*/
    }

	body {
            font-family: verdana, arial, sans-serif ;
            font-size: 12px ;
            }
 
        th,
        td {
            padding: 4px 4px 4px 4px ;
            text-align: center ;
			page-break-inside: avoid;
            }
 
        th {
            border-bottom: 2px solid #333333 ;
			page-break-inside: avoid;
			background-color: black;
            }

	    tr {
			page-break-inside: avoid;
			}

 
        td {
            border-bottom: 1px dotted #999999 ;
			}
 
        tfoot td {
            border-bottom-width: 0px ;
            border-top: 2px solid #333333 ;
            padding-top: 20px ;
            }
 

	/*#menu {
		display: none;
	}*/

	
	.column-hide-reserve {
		display:none;
	}

	.column-hide-plan {
		display:none;
	}
	
    a,
    a:visited {
        text-decoration: underline;
    }

    /*a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }*/

    /*
     * Don't show links for images, or javascript/internal links
     */

    /*.ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }*/



    img {
        max-width: 100% !important;
    }


    @page {
        margin: 1.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

	.searchform {
		padding: 0px;
		margin: 0px;
	}

	.searchform .search-icon {
		display: none;
	}


	.list-length-lrg {
		display:none;
	}

	.list-length-med {
		display:none;
	}

	.list-length-sml {
		display:none;
	}

	
	.field-length-med {
		display:none;
	}

	.field-length-sml {
		display:none;
	}

	header {
		display:none;
	}

	#container {
		margin: -0.5em auto 1.5em;
		padding-top: 1.5em;
	}

	.submit {
		display:none;
	}
	.next {
		display:none;

	}

	
	input.printbutton {
		display:none;
	}

	.error-message {
		display: none;
	}
	
}