body, html {
	height: 98%;
}
body, textarea, p, a, a:hover, a:focus, table, tr, ul, li, span{
  font-family: 'Inter', sans-serif;
  font-size:11px;
  color: #696969;
}

p{
    font-weight: 400;
}

ul{
	z-index:1;
}

tr {
    margin: 2px;
}

td{
  font-family: 'Inter', sans-serif;
  font-size:11px;
  color: #696969;
  padding-left: 8px; 
  padding-right: 8px; 
  padding-top: 4px; 
  padding-bottom: 4px; 
  border-radius: 8px;
  margin: 2px;
}
form {
	margin: 0 0;
}
form.banner{
	margin: 0 0;
	color:#ffffff;
}
h1{
  font-size: 2em;
  font-weight: normal;
  margin: 0;
  //background-color:white;
}
h2{
	font-size: 12px;
	font-weight: bold;
    color:#696969;
	padding:10px 0px 0px 0px;
}
h3{
  font-size:11;
  //background-color:white;
}
h4{
  font-size:14px;
  text-transform: uppercase;
  color:#696969;
  //background-color:white;
  margin: 0px;
}
a, a:link, a:visited, a:active{
    color:#696969;
	text-decoration: none; 
	/* //font-size: 11px; */
	font-weight: bold;
}
a.SSV{
	/* //font-size: 11px; */
	font-weight: normal;
	color: black;
}
a.SSVDone{
	font-weight: normal;
}
a:hover{
	color:#F4953E; 
	text-decoration: none; 
	/* //font-size: 11px; */
}
a.submenu{
	color:#F4953E; 
	text-decoration: none; 
	font-size: 11px;
}
a.submenuselect{
	color:#F4953E; 
	text-decoration: none; 
	font-size: 11px;
}
th a:link, a:active{
	color:#FFFFFF; 
	text-decoration: none; 
	font-size: 11px;
	font-weight: bold;
}
th a:hover{
	color:#38b5e6; 
	text-decoration: underline; 
	font-size: 11px;
}
span.hoverhelp {
	font-weight: bold;
	font-size: 10px;
	color: #F4953E;
	background-color:#FFFFFF;
}
div.autocomplete {
	width:350px;
	background: #fff;
}
div.autocomplete ul {
	border: 1px solid #888;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}
div.autocomplete ul li  {
	margin: 0;
	padding: 3px;
}
div.autocomplete ul li.selected  {
	background-color: #D5D5D5;
}
div.autocomplete ul strong.highlight {
	color: #800;
	margin: 0;
	padding: 0;
}


.fieldHighlight{
	background-color: #FFF08C;
}
.fieldNoHighlight{
	background-color: #FFFFFF;
}
font.warning_red {
	color: #DD0000;
	font-weight: bold;
}
.body img {
	//max-width: 100%;
}
#container {
	height:100%;
	// width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-color:#fff;
}
input[type="button"], input[type="reset"], input[type="submit"]{
	background-color: #696969;
    color: #fff;
    padding: 5px;
    border: none;
	cursor:pointer;
	font-size:11px;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
	background-color: #CC2027;
    color: #fff;
    padding: 5px;
    border: none;
}

@media screen and (min-width: 1200px){
	#container {
        //width: 1132px;
        // width: 1200px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 900px){
	#container {
        width: 890px;
    }
}
@media screen and (max-width: 880px){
	#container {
        width: auto;
    }
	.banner_info input[type=text]{
		width: 150px;
	}
}
@media screen and (max-width:840px){
    #container {
        width: auto;
    	//background-color: #dfefee !important;
    }
	#content-row{
        padding-top: 170px !important;
//	       padding-top: 105px !important;
    }
	.lightbox {
		//margin-top:110px !important;
		margin-top:180px !important;
	}
	.lightbox img{
		//padding-top:110px !important;
		padding-top:180px !important;
	}
    #top-row{
  //      margin-top: 170px !important;
    }
	/* Responsive menu*/
	.menu-start{
    	display:none;
	}
	.menu-wrapper:hover {
  		width: 230px;
		overflow: visible;
	}
	.menu-wrapper:hover > .menu-start {
    	display:block;
	}
	.menu-wrapper {
  		top: 0;
  		bottom: 0;
  		height: 100%;
  		left: 0;
  		overflow: hidden;
  		-webkit-transition: width .05s linear;
  		transition: width .05s linear;
  		-webkit-transform: translateZ(0) scale(1, 1);
  		z-index: 100;
	}
	.hambgr {
  		height: 4px;
  		width: 30px;
  		background: #fff;
  		position: absolute;
  		top: 20px;
  		left: 14px;
	}
	.hambgr:before, .hambgr:after {
  		background: #fff;
  		content: "";
  		height: 4px;
  		position: absolute;
  		top: -7px;
  		width: 30px;
	}
	.hambgr:after { top: 7px; }

	/*Responsive Table*/
	.body table, .body thead, .body tbody, .body th, .body td, .body tr {
        display: block;
		width:100%;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .body thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .body td {
        /* Behave  like a "row" */
        position: relative;
    }
    .body td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
	/* Responsive Form*/
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	textarea, select {
    	/* width: 100%; */
	}

	/* Responsive Header*/
	table.banner_right{
        display: block;
        float: left !important;
    }
    .search{
        display: block;
    }
    .contact-icons{
        display: block;
    }
    .login-info{
        display: block;
		z-index: 1;
    }
	.banner_info input[type=text]{
        width: 100%;
    }

	/*Responsive Side Menu*/
	nav[role="custom-dropdown"] ul {
    	display: none;
    	height: 100%;
		z-index: 1;
  	}
  	nav[role="custom-dropdown"] label {
    	position: relative;
    	display: block;
    	min-height: 2.25em;
    	padding: 0px 0px 0px 25px;
    	font-size: 1.1em;
    	margin: 0;
  	}
  	nav[role="custom-dropdown"] label:after {
    	position: absolute;
    	left: .25em;
    	top: 0.5em;
    	content: "\2261   MAIN MENU";
    	font-size: 1em;
  	}
  	nav[role="custom-dropdown"] input[type=checkbox]:checked ~ label:after {
    	color: #fff;
  	}
  	nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul {
    	display: block;
		z-index: 1;
  	}
  	nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li {
    	width: 100%;
    	text-align: left;
    	border-top: 1px solid #fff;
  	}
  	nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:after {
    	position: absolute;
    	right: .25em;
    	content: "\203A";
    	//font: bold 1.4em sans-serif;
  	}
	.profile_title, .profile_action{
    	float:none !important;
	}
	.profile_data_container tr td, .profile_data_container tr th {
        padding:6px 0px 6px 0px !important;
    }

}
//@media (max-width: 510px){
//	#content-row{
//        padding-top: 110px !important;
//    }
//    #top-row{
//        margin-top: 60px !important;
//    }
//}
@media screen and (max-width: 445px){
	#content-row{
       #padding-top: 170px !important;
       padding-top: 180px !important;
    }
	.lightbox {
       // margin-top:170px !important;
       padding-top: 180px !important;
    }
    .lightbox img{
       //padding-top:170px !important;
       padding-top: 180px !important;
    }
	.profile_data_container tr td {
		padding:0px 6px 6px 6px !important;
	}
}
@media screen and (max-width: 350px){
    #container {
        width: auto;
    }
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	textarea, select {
    	width: 100%;
	}
}
.thumb {
    display: inline;
    height: 150px;
    width: 150px;
	//border: 1px solid #dadada;
    //padding: 10px;
	margin-bottom: 10px;
}
.thumb:hover{
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
#thumblist {
    //text-align: center;
    //border-radius: 8px;
    //padding: 0;
    //background: rgba(127,127,127,.8);
}
#thumblist img {
    //border-radius: 8px;
	padding: 3px 3px 3px 3px;
}
.description {
      color: white;
      text-decoration: none;
}

/** relevant CSS Below **/

.lightbox {
    display: none; /**sets the default display to hide the lightbox until it's the :target**/
    position: absolute; /**the rest of this styling makes the lightbox full screen when selected**/
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
//	margin-top:90px;
}
.lightbox img { /**sets the styling of the image in the lightbox**/
    //max-width: 80%;
    //max-height: 90%;
    //text-align: center;
    //margin-top: 2%;
	padding-top: 100px;
    max-width: 100%;
}
.lightbox:target { /**this is where the magic happens. makes the lightbox display when it's the target of a clickable link**/
    outline: none;
    display: block;
}
#thumblist .previous { /**styling the left arrow**/
    position: fixed;
    left: 4px;
    top: 40%;
    width: 40px;
}
#thumblist .exit { /**styling the exit button**/
    position: absolute;
    top: 4px;
    right: 4px;
    width: 40px;
}
#thumblist .next { /**styling the right arrow**/
    position: fixed;
    right: 4px;
    top: 40%;
    width: 40px;
}
.gallery{
	padding:10px;
}
.hr-bar{
	border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#form1{
	//width:70%;
	//padding:20px;
/*	display: inline-flex;*/
}
#form1 table tr td.logLabel1st{
   background-color:#F37021;
}
#profile_img{
	width: 241px;
    height: 285px;
}
#profile_thumb_img{
    width: 175px;
    height: 200px;
}
#newsfeed_thumb_img{
    width: 80px;
    height: 80px;
	border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
#newsfeed_image{
    //max-width: 600px;
    max-width: 100%;
	border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.profile_title{
	float:left;
	font-size:24px;
}
.profile_action{
    float:right;
}
.newsfeed{
	border:3px solid #f2f2f2;
	margin-bottom: 15px;
}
.boxes{
	margin-left: 20px;
}

/**** Rating ***/

#ratingForm input, #ratingForm label{
margin-left:20px;

}
#ratingForm{
padding:20px;

}

.war_usability .labelHeader, .war_usability .labelAndInput label {
    font-size: 1.1670em;
    margin-bottom: 8px;
    color: #2c2c2c;
    display: block;
}

.labelHeader, .labelAndInput label {
    color: #4A4A4A;
    display: block;
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 7px;
}

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

label {
    cursor: default;
}

.war_usability #USER_REVIEW_FORM select {
    display: block;
    margin-top: 5px;
    border: 1px solid #CCC;
    border-radius: 3px;
    background-color: #F2F2F2;
    background: -moz-linear-gradient(top,#FFF 0,#F2F2F2 100%);
    background: -webkit-linear-gradient(top,#FFF 0,#F2F2F2 100%);
    background: -o-linear-gradient(top,#FFF 0,#F2F2F2 100%);
    background: linear-gradient(to bottom,#FFF 0,#F2F2F2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F2F2F2',GradientType=0);
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 8px;
    font-size: 1.0835em;
}


select {
    /* padding: 1px;
    border: 1px solid #c8c8c8; */
    background-color: #fff;
    padding: 4px; border: 1px solid #ccc; border-radius: 3px!important;
}

keygen, select, select[size="0"], select[size="1"] {
    border-radius: 3px;
    border-color: rgb(169, 169, 169);
}

select:not(:-internal-list-box) {
    overflow-x: visible;
    overflow-y: visible;
}

select {
    /*-webkit-appearance: initial; */
    /*-webkit-appearance: menulist;*/
    box-sizing: border-box;
    align-items: center;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
    //border: 1px solid;
}
keygen, select {
    //border-radius: 5px;
}

input, textarea, keygen, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
	vertical-align: middle;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font-size: 11px;
    padding: 4px; border: 1px solid #ccc; border-radius: 3px;
}

input, textarea, keygen, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
	width: min-content;
}


.war_client_side_validation #trip_date_month_year, .war_client_side_validation #USER_REVIEW_FORM input.text, .war_client_side_validation .bigRatingParent, .war_client_side_validation #FRAUD_LABEL_FLY {
    margin-bottom: 6px;
}

.wrap {
    height: 100%;
    overflow: hidden;
}

.war_usability_2 #MAIN_COL .writeAReviewHeader .question #bubble_rating {
    position: relative;
    display: block;
}

.bigRating .rate {
    cursor: pointer;
}

.sprite-rating-32px.b20 {
    background-image: url('../images/review_ratings_pack_32.png');
    background-position: left -64px;
    width: 160px;
    height: 32px;
}

.rating .rate, .rating em {
    font-style: normal;
    float: left;
}
.rate {
    display: block;
    position: relative;
    overflow: hidden;
    margin-right: 4px;
}

:focus {
    outline: -webkit-focus-ring-color auto 5px;
}

#PAGE {
    font-size: .75em;
}

.rate img {
    position: absolute;
}

img {
    vertical-align: text-top;
}

fieldset, img, abbr {
    border: 0;
}

:focus {
    outline: -webkit-focus-ring-color auto 5px;
}
.bigRating .rate {
    cursor: pointer;
}

.rating .rate, .rating em {
    font-style: normal;
    float: left;
}

#PAGE {
    font-size: .75em;
}


.war_usability_2 #USER_REVIEW_FORM #ratingFlag {
    position: absolute;
    left: 159px;
}

#ratingFlag {
    padding-top: 5px;
}

.war_usability #USER_REVIEW_FORM #ratingFlag span {
    display: none;
}

#ratingFlag span {
    float: left;
    height: 27px;
    margin: -6px 0 0;
    width: 16px;
}

.war_usability #USER_REVIEW_FORM #ratingFlag em {
    height: 18px;
    padding: 5px 12px 5px 10px;
    margin-left: 20px;
    top: 4px;
    line-height: 19px;
}

#ratingFlag em {
    background: #589442;
    color: #FFF;
    display: block;
    font-size: 1.167em;
    font-weight: bold;
    height: 21px;
    line-height: 20px;
    margin: -6px 0 0;
    padding: 0 10px;
    position: relative;
    text-align: center;
    top: 6px;
}

.rating .rate, .rating em {
    font-style: normal;
    float: left;
}

.war_usability #USER_REVIEW_FORM #ratingFlag em:before {
    content: "";
    border-style: solid;
    border-width: 14px 13px 14px 0;
    border-color: transparent #589442 transparent transparent;
    width: 0;
    height: 0;
    position: absolute;
    left: -13px;
    top: 0;
}
.war_usability #USER_REVIEW_FORM #ratingFlag em:before {
    content: "";
    border-style: solid;
    border-width: 14px 13px 14px 0;
    border-color: transparent #589442 transparent transparent;
    width: 0;
    height: 0;
    position: absolute;
    left: -13px;
    top: 0;
}

.fieldButton{
	padding: 3px 5px 3px 5px;
}

.paymentField {
	border: 1px solid;
	background-color: white;
}

.paymentButton {
	float: right;
	margin-left: 0.5em;
}

.paymentButton button,
.paymentButton input[type="button"],
.paymentButton input[type="submit"] {
	font-size: 1.5em;
}

.uploadingNotify {
	font-size: 3em;
	width: 10em;
	border: 1px solid #9f9f9f;
	height: 3em;
	position: absolute;
	background: #ddd;
	left: 50%;
	margin-left: -5em;
	top: 50%;
	margin-top: -1.5em;
	color: #000;
	text-align: center;
	vertical-align: middle;
	line-height: 3em;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 30%);
}
.uploadingNotify * {
	font-size: inherit;
}

#centre-page{
	max-width: 800px;
	margin: auto;
}

#login-page{
	max-width: 450px;
	margin: auto;
}