// teal  009688



.travelmanager_large
{
background-color:#30383B;
color: #ffffff;float:left;
font-size: 18px;
padding-top:65px;
font-family:HelveticaNeue,Helvetica,Arial,sans-serif
}




ul.ulgreen , .ulgreen
{
	border: 1px solid #aaaaaa;
	margin-right:50px;
	margin-left:50px;
}
ul li.ulgreen 
{
	background: #eeeeee;
	padding: 5px;
	margin-left: 35px;
	list-style-image: url('images/sqgreen.gif');
}


ul.ulyellow 
{
	border: 1px solid #aaaaaa;
	margin-right:50px;
}
ul li.ulyellow  
{
	background: #eeeeee;
	padding: 5px;
	margin-left: 35px;
	list-style-image: url('images/sqyellow.gif');
}

ul.ulblue 


body,h1,h2,h3,h4,h5,h6,p {font-family: "Raleway", sans-serif}
.mySlides {display: none}

.topnav {
  overflow: hidden;
  background-color: #0F4B91;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 7px 16px;
  text-decoration: none;
  font-size: 15px;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: teal;
  color: white;
}


.topnav .icon {
  display: none;
}

@media screen and (max-width: 975px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}



@media screen and (max-width: 975px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }



  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  
  
  
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}










.checked {
  color: orange;
}

.navbar {
  overflow: hidden;
  background-color: #666;
}

.navbar a {
  float: left;
  font-size: 15px;
  color: white;
  text-align: center;
  padding: 9px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}


.dropdown .dropbtn {
  font-size: 15px;    
  border: none;
  outline: none;
  color: white;
  padding: 9px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}





.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: teal;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}


.dropdown:hover .dropdown-content {
  display: block;
}

.navbar a.active {
  background-color: teal;
  color: white;
}

 .dropbtnactive {
  font-size: 14px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
 background-color: teal;
  font-family: inherit;
  margin: 0;
cursor: pointer;
}


 .dropbtnactive-small {
  font-size: 14px;  
  outline: none;
  color: white;
  padding: 3px 16px;
  background-color: teal;
  font-family: inherit;
  cursor: pointer;
  margin-bottom:5px;

}

 .dropchild-small {
  font-size: 15px;  
  outline: none;
  color: white;
  padding: 3px 50px;
  background-color: #02ad9e;
  font-family: inherit;
  cursor: pointer;
  margin-bottom:1px;


}

#results {

  border-collapse: collapse;
  width: 100%;
}

#results td, #results th {
  border: 1px solid #ddd;
  padding: 8px;
}

#results tr:nth-child(even){background-color: white;}

#results tr:hover {background-color: #ddd;}

#results th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: teal;
  color: white;
}

#articlebody img {

display:none;
}

#listingindiv
h1 { font-size: 14px;}
li { font-size: 14px; padding:5px}

table  {
max-width:60%;
font-size:14px;
border:0px;
padding:5px;
margin:0px}

#listingindiv table h1,  table p { display:none;}





 /* Style the breadcrumb list */
ul.breadcrumb {
  padding: 8px 16px;
  list-style: none;
background-color: #eee;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;

}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #666;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: teal;
  text-decoration: underline;
} 



* {box-sizing: border-box;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
 padding-left:30px;
padding-right:30px;
padding-bottom:10px;


}
.side1-container {
padding:0px;


}
/* The dots/bullets/indicators */
.dot, .dot1, .dot2, .dot3 {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

.fixed {
  background-color: #bbb;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
{

	margin-right:50px;
}
ul li.ulblue  
{
	background: #eeeeee;
	padding: 5px;
	margin-left: 35px;
	list-style-image: url('images/sqblue.gif');
}

.delete_css_text
{
color: red;	
}

.add_css_text
{
color: green;	
}

.quote_css_text
{
color: blue;	
}

.check_css_text
{
color:#666666;	
}

#hint  
{
background: #f7f0d0;
background-image: url("images/hint.png");
background-repeat: no-repeat;
padding: 10px  10px 10px 40px;
margin-left: 120px;
width: 260px;
border-radius: 10px;
margin:20px;
}

#hint_large  
{
background: #f7f0d0;
background-image: url("images/hint.png");
background-repeat: no-repeat;
padding: 10px  10px 10px 40px;
margin-left: 10px;
width: 95%;
border-radius: 10px;
margin:20px;
}

#clue
{
background: #c8edc0;
background-image: url("images/clue.png");
background-repeat: no-repeat;
padding: 10px  10px 10px 40px;
margin-left: 40px;
width: 90%;
border-radius: 10px;
margin:20px;
}

.html_tag_purple
{
color:#B634FF;	
}

.html_tag_text
{
color:#000000;	
}

.html_tag_brown
{
color:#800000;	
}


.html_tag_blue
{
color:#0000FF;	
}

.html_tag_green
{
color:green;	
}

.html_tag_red
{
color:red;	
}

.html_tag_pink
{
color:#FF00FF;	
}

.account, .smallfont, a
{
font-size: 12px;
padding-top:4px;
padding-left:10px;	
}
.oddrow, .itinoddrow, .background1,.oddrowalt
{
background:#F2F8FA;
border-bottom:1px solid #ccc; 
padding-left:20px;
}

.evenrow, .itinevenrow, .background2,.evenrowalt
{
background:#ddd;
border-bottom:1px solid #ccc; 
padding-left:20px;
}

.table_customers
{
border-collapse: collapse;
border:1px solid #ccc;
padding:20px;
margin-left:50px;
}


.accountpreviewbox
{
border-collapse: collapse;
border:1px solid #ccc;
padding:15px;
margin-left:50px;
background:#000000;
color:#fff;
}

.column_headings
{
font-size: 12px;
padding-left:20px;	
padding-right:20px;	
border-bottom:1px solid #000000;
padding-top:20px;
}

.payment_headings
{
font-size: 12px;
padding-left:0px;	
padding-right:10px;	

}

#navig ul {
  margin-left: 9px;
  padding-left: 1px;
  padding-bottom: 0px;
  background: #2A2A2A;
}

#navig ul .main {

  background: #9A8A65;
  color: #000000;
}

#navig li {
  list-style: none;
  font: 16x "arial narrow", arial, sans-serif;
  border-top: 1px solid #959595;
  background: 188px 10px url(images/arr_white.gif) no-repeat;
  padding: 7px 0 0 31px;
}



#navig a {
  color: #ffffff;
  text-decoration: none;
  border-left: 1px solid #959595;
  padding-left: 10px;
  display: block;
  width: 90%;
  padding: 2px 0 6px 8px;
}
#navig a:hover {
  text-decoration: underline;
  color:#AFE3FF;
}
#navig .important {

  background: 188px 10px url(images/arrow.jpg) no-repeat;
}
#navig .important a {
  color: #ffffff;
}












.mainnav {
  overflow: hidden;
  background-color: #0F4B91;
}

.mainnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 6px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #009688;
  color: white;
}

.mainnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
  
}

.dropdown .dropbtn {
  font-size: 17px;    
  outline: none;
  color: white;
  padding: 6px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #eee;

  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.mainnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
  border-bottom:1px solid #000000;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 975px) {
  .mainnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .mainnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 975px) {
  .mainnav.responsive {position: relative;}
  .mainnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .mainnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .mainnav.responsive .dropdown {float: none;}
  .mainnav.responsive .dropdown-content {position: relative;}
  .mainnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

.oddrow, .itinoddrow, .background1,.oddrowalt
{
background:#F2F8FA;
border-bottom:1px solid #777777; 
}

.evenrow, .itinevenrow, .background2,.evenrowalt
{
background:#E6EFF2;
border-bottom:1px solid #777777; 
}

.background3
{
background:#48B789;
color:white;
}

.scrolltable
{
border:1px solid #333333;
border-collapse: collapse;
width:100%;
margin-right:1px;
margin-left:1px;
}

.scrolltable td a
{
font-size: 12px;
//font-weight: bold;
}


.oddrow, .itinoddrow, .background1,.oddrowalt
{
background:#F2F8FA;
border-bottom:1px solid #777777; 
}

.evenrow, .itinevenrow, .background2,.evenrowalt
{
background:#E6EFF2;
border-bottom:1px solid #777777; 
}

.background3
{
background:#48B789;
color:white;
}


.trainrow
{
background:#F2BDAB;
border-bottom:1px solid #777777; 
}

.parkingrow
{
background:#ECB4BF;
border-bottom:1px solid #777777; 
}


.cruiserow
{
background:#C2E3EC;
border-bottom:1px solid #777777; 
}


.carrow
{
background:#FDF3B8;
border-bottom:1px solid #777777; 
}

.accomrow
{
background:#F6E4D4;
border-bottom:1px solid #777777; 
}

.flightrow
{
background:#E9E9F5;
}

.roadrow
{
background:#DFFAD2;
border-bottom:1px solid #777777; 
}

.coachrow
{
background:#FEF9ED;
border-bottom:1px solid #777777; 
}


.editrow
{
padding-top:4px;
padding-bottom:4px;
padding-left:7px;
}

.itinrow,.itinrow_bold
{
font-size:12px;
padding-top:2px;
padding-bottom:2px;
padding-left:15px;
}
.itinrow_bold
{
font-weight: bold;
}

.img_thumb {
  border: 1px solid #ddd; /* Gray border */
  border-radius: 4px;  /* Rounded border */
  padding: 5px; /* Some padding */
  width: 150px; /* Set a small width */
}

.img_thumb_small {
  border: 1px solid #ddd; /* Gray border */
  border-radius: 4px;  /* Rounded border */
  padding: 2px; /* Some padding */
  width: 100px; /* Set a small width */
}

.img_thumb:hover 
{
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.w3-table-small
{
width: 100%;
border-bottom: 1px solid #ddd; 
}




.mySlides {display: none}

.tripnav {
  overflow: hidden;
  background-color: #ddd;
  border: 1px solid #aaaaaa;
}

.tripnav a {
  float: left;
  display: block;
  color: #000;
  text-align: center;
  padding: 6px 8px;
  text-decoration: none;
  font-size: 14px;

}

.tripnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.tripnav a:hover {
  background-color: #666;
  color: #fff;
}

.tripnav a.active {
  background-color: #000;
  color: white;
}


.tripnav .icon {
  display: none;
}

@media screen and (max-width: 975px) {
  .tripnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .tripnav a.icon {
    float: right;
    display: block;
  }
}



@media screen and (max-width: 975px) {
  .tripnav.responsive {position: relative;}
  .tripnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }



  .tripnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  
  
  
  .tripnav.responsive .dropdown {float: none;}
  .tripnav.responsive .dropdown-content {position: relative;}
  .tripnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}