/* CSS Document */
@import "/site/css/global.css";

A:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #003F81;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
A:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #003F81; 
  font-style: normal; font-weight: normal;text-decoration: none;} 
A:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #003F81; 
  font-style: normal; font-weight: normal;text-decoration: none;} 

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color: #595E66;
  margin-top:0px;
  margin-left:0px;
  text-decoration: none;
  background: url(../images/bg-fade2.jpg) #A1C9F1 repeat-x;
}
input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  color: #666;
  background-color: #D1EBFA;
  height: 1.0em;
}
select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  color: #666;
  background-color: #D1EBFA;
  height : 1.9em;
}

table {
  border: 0px none;
}

h1, h2, .pageTitle {
  color:#60ABE6;
  font-size:20px;
  font-weight:bold;
}

#main {
  background-color: #FFF;
  border-left : 0px;
  width: 760px;
  xfloat:right;
  padding-left :0px;
  margin: 0px 5px 5px 10px;
}

#welcome{
  padding: 0px;
  margin-right: 25px; 
  width: 750px;
}

#header {
  background: url(../images/rotorua/header.jpg) transparent no-repeat;
  height: 70px;
  padding-top:2px;
  background-color: #F2F2F2;
}

#searchPanel{
  padding: 5px;
  margin-left:5px;
}

#search{
  background: #FFF url(../images/clear.gif) transparent no-repeat;
  width: 180px;
  height: 330px;
  padding: 1px;
  margin: 5px;
  border: 2px solid #60ABE6;
  float:left;
}


#search .fieldLabel {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #1A331C;
  line-height:14px;
}

#search input.date {
  width:100px;
  height:1.8em;
}

#search select {
  font-size:100%;
  height:1.9em;
  xwidth:120px;
}

#search input {
  height : 1.5em;
}

#search .selectlist {
  font-size:100%;
  width:120px;
  height:1.9em;
}

#content {
  background-color: #FFF;
  border: 1px solid #FFF;
}

#wrapper {
  background:  url(../images/null.jpg) no-repeat ;
  margin: 0 auto;
  width: 1000px;
  border: 1px #336699 solid;
}

#welcome h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5594D0;
  font-weight: bold;
}

#tabs {
  margin-top:0px;
}

#footer{
  margin: 0 auto;
  width: 1000px;
  float: none;
  padding: 10px 0px 0px 0px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color:#333;
  font-size: 10px;
  color: #ccc;
  text-decoration: none;
  text-align:center;
}  

#footer a:link, #footer a:visited{
  color: #ccc;
}

#footer a:hover{
  color: #fff;
}

#sp_searchType {
  border: 2px solid #60ABE6;
  color: #333;
  font-size:1.2em;
  line-height: 1.5em;
  padding: 5px;
  margin: 5px 0px 10px 0px;
}

#sp_searchType label {
  height:1.5em;
}

#search .searchfor .fieldLabel {
  font-size: 1.4em;
  font-weight: bold;
}

#city {
  text-align:right
}

.tabContents, .tabContentsBottom {
  width:760px;
}

table.title {
  width:100%;
}

table.title td .city {
  padding-top:2px;
  text-align:right;
}

.mainPanel {
  width:750px;
  padding-right:2px;
}

#topLinks a  {
  float:right;
  padding-right:20px;
  padding-top: 2px;
  font: Verdana, Arial, Helvetica, sans-serif; 
  color: #666; 
  font-size: 1.2em;
  font-weight:bold;
}

.resultrow td.title a, .resultrow table.title a {
  color:#60ABE6;
  text-decoration:none;
  font-weight:bold;
}

.button {
  border: 1px solid #666;
  border-color: #999 #666 #666 #999;
  width : 100px;
  height: 25px;
  text-align:center;
  margin-right: 10px;
  font-size:1.0em;
  font-weight : bold;
  cursor:pointer;
  color : #fff;
  background: url(../images/button-bg.gif) transparent no-repeat 0px 0px;
}

.button .imageText{
  display:block;
  font-size:1.6em;
  text-align:center;
  color : #FFF;
  font-weight: bold;
  margin-top: 5px;
}

/* this stuff overrides the styles in global.css - i hope */
.controls .add {
  background: url(../images/button-bg.gif) transparent no-repeat 0px 0px;
  height: 20px;
  width: 135px;
  padding: 0px;
  margin-right:0px;
  border: 1px solid #666;
  border-color: #999 #666 #666 #999;
}
.controls .pay {
  background: url(../images/button-bg.gif) transparent no-repeat -30px 0px;
  height: 20px;
  width: 120px;
  padding : 0px;
  margin-right:5px;
  border: 1px solid #666;
  border-color: #999 #666 #666 #999;
  text-indent:0px;
}
.controls .addpax {
  background: url(../images/button-bg.gif) transparent no-repeat 0px 0px;
  height: 20px;
  width: 200px;
  padding: 0px;
  margin-right:0px;
  border: 1px solid #666;
  border-color: #999 #666 #666 #999;
  text-indent:0px;
}
.controls .payment{
  background: url(../images/button-bg.gif) transparent no-repeat 0px 0px;
  height: 20px;
  width: 200px;
  padding : 0px;
  margin-right:5px;
  border: 1px solid #666;
  border-color: #999 #666 #666 #999;
  text-indent:0px;
}
.controls .confirm {
  background: url(../images/button-bg.gif) transparent no-repeat 0px 0px;
  height: 20px;
  width: 200px;
  padding : 0px;
  margin-right:5px;
  border: 1px solid #666;
  border-color: #999 #666 #666 #999;
  text-indent:0px;
}
.controls .yourDetails { 
  background: url(../images/button-bg.gif) transparent no-repeat 0px 0px;
  height: 20px;
  width: 180px;
  padding : 0px;
  margin-right:5px;
  border: 1px solid #666;
  border-color: #999 #666 #666 #999;
  text-indent:0px;
}

.controls .addPaxName {
  background: url(../images/button-bg.gif) transparent no-repeat 0px 0px;
  height: 20px;
  width: 150px;
  padding : 0px;
  margin-right:5px;
  border: 1px solid #666;
  border-color: #999 #666 #666 #999;
  text-indent:0px;
}

.controls div a {
  color:#333;
  text-align:center;
  font-size:1.3em;
  font-weight: bold;
}

.controls .new, .controls .save, .controls .refresh, .controls .dayplanner {
  font-size: 1.3em;
  color: #0E5A9E;
  font-weight: bold;
  margin-right: 1.5em;
  padding-left: 30px;
 }

.controls .refresh{
  background:transparent url(../images/refresh.gif) no-repeat scroll 0px 0px;
}

.controls .dayplanner{
  background:transparent url(../images/dayplanner.gif) no-repeat scroll 0px 0px;
}

.controls .new{
  background:transparent url(../images/createnew.gif) no-repeat scroll 0px 0px;
}

.controls .save{
  background:transparent url(../images/save.gif) no-repeat scroll 0px 0px;
}

#tabs {
  display:none;
  height:0px;
}

#it_booknpay a, #cp_yourDetails a, #md_addPax a, #px_addPaxName a, #px_confirm a, #yd_makePayment a {
  color:#FFF;
  text-align:center;
  font-size:1.4em;
  font-weight: bold;
}

#yd_consumerDetails td.label, #yd_payments td.label {
  font-weight : bold;
}

#it_emaillink input.gwt-TextBox {
  width: 180px;
  height: 1.6em;
  font-weight:bold;
  color: #000;
} 

#it_details a:link {
  font-weight:bold;
}

.search {
  cursor:pointer; 
  background: url(../images/button-bg.gif) transparent no-repeat -40px 0px;
}
.yes{cursor:pointer;background: transparent url(../images/check-bg.gif) no-repeat center center;width:41px;height:25px}
.no{cursor:pointer;background: transparent url(../images/check-bg.gif) no-repeat center center;width:41px;height:25px}
.exit{
  cursor:pointer;
  background: transparent url(../images/b-close.jpg) no-repeat center center;
  width:96px;
  height:29px
  border: 1px solid #FFF;
}

.imageText {
   padding:0px;
   color:#FFF;
   display:block;
   text-align:center;
   font-size:1.4em;
   font-weight: normal;
}

.addtoItin .imageText {
  color: #666;
}

.largeinput{
  height: 22px;
  font-size : 18px;
  background-color: #D1EBFA;
}

.input.date {
  width : 100px;
}

.city {
  text-align: right;
}

.alert {
  background: transparent url(../images/alert.gif) top left no-repeat;
}

.exit .imageText{
  display: none;
}

.actions .edit{
  background:transparent url(../images/edit.png) no-repeat scroll 0px 0px;
  font-weight : normal;
}

.actions .selectalertnatives{
  background:transparent url(../images/alternate.png) no-repeat scroll 0px 0px;
}

.actions .delete{
  background:transparent url(../images/remove.png) no-repeat scroll 0px 0px;
}

.actions .saveservice{
  background:transparent url(../images/save.gif) no-repeat scroll 0px 0px;
}

.itineraryList .actions .edit {
  background:transparent url(../images/edit.png) no-repeat scroll 0px 0px;
  font-weight : bold;
  font-size : 1.2em;
  color:#336699;
  padding-left:20px;
  text-decoration:none;
}

.itineraryList .actions .copy {
  background:transparent url(../images/copy.png) no-repeat scroll 0px 0px;
  font-weight : bold;
  font-size : 1.2em;
  color:#336699;
  padding-left:20px;
  text-decoration:none;
}
.itineraryList .actions .delete {
  background:transparent url(../images/delete.png) no-repeat scroll 0px 0px;
  font-weight : bold;
  font-size : 1.2em;
  color:#336699;
  padding-left:20px;
  text-decoration:none;
}

.onrequest {
    cursor:pointer;
	width:17px;
    background: url(../images/hourglass.png) no-repeat 0 3px;
}

.details .actions .help {
  padding:3px 5px 3px 25px;
  font-size: 1.2em;
  color: #0E5A9E;
  font-weight: bold;
  margin-right: 1.5em;
  text-decoration:none;
}

.details .date {
  font-weight:bold;
}

.details .actions, .legend {
  background: #D1EBFA url(../images/rowend.jpg) bottom left repeat-x;
}

.details .status{
   color:#FF7805;
   text-align:right;
   padding-right: 5px;
   font-weight: bold;
}

.dataForm .buttons .gwt-Label,
.resultrow .buttons .gwt-Label,
.loginDetails .buttons .gwt-Label {
  line-height:16px;
  margin:0 0.5em 0 0;
  width:auto;
  color: #FFF;
  font-weight:bold;
  font-size:1.2em
}
.dataForm .buttons td,
.resultrow .buttons td,
.loginPanel .dataForm .buttons td {
  border-color:  #999 #666 #666 #999;
  border-style:solid;
  border-width:1px;  
  background:transparent url(../images/button-bg.gif) no-repeat scroll 0px 0px;
}
.rates .cents {
  font-size:20px;
}

.cancelCond, .cancelCond div.help {
  color: #0E5A9E;
  font-weight:bold;
  text-align : left;
}

.featuresPanel {
  border: 2px solid #60ABE6;
  padding: 10px 2px 5px 2px;
  width: 750px;
}

.featuresHeader h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #60ABE6;
  font-weight: bold;
}

.featuresPanel ul.features p.featureTitle {
  font-weight: bold;
  color: #60ABE6;
  font-size: 1.3em;
}

.featuresPanel ul.features a {
  color : #60ABE6;
  font-weight: bold;
}

.featuresPanel ul.features li img {
  padding: 10px 25px 28px 10px;
  background: url(../images/features-photo-bg.jpg) no-repeat;
}

.featuresPanel ul.features div {
  background: #fff url(../images/features-li-bg.jpg) top left repeat-x;
  border: 1px solid #e3e3e3;
  border-top-width: 0;
  padding: 0 10px 10px;
  margin-top: -5px;
  margin-left: 1px;
  width: 209px;
  height: 100%;
  min-height: 140px;
}

.datepickerPopup{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px ridge #777;
    position:absolute;
    width: 155px;
    background: #ddd;
}

.datepickerControl {
  background: #60ABE6 none repeat scroll 0 0;
  padding:2px 0;
}

#it_summary {
  background-color:#fff;
}

.summary table.controls td{
  background: #EAEDF3 url(../images/summaryend.jpg) bottom left repeat-x;
}

table.summary {
  border: 1px solid #336699;
}
 
#it_bottomResult{
  background-color:#EAEDF3;
}
#it_resulthead{
  border:0px;
}

#cp_accept, #md_accept {
  background-color: #D1EBFA;
}

#mr_controls {
  border-collapse:separate;
  border-spacing:5px;

}

table.details {
  border: 1px solid #336699;
}

table.alert {
  background-color:#D6DFC0;
  border: 1px solid #669900;
}


.desc a {
  background: transparent url(../images/arrow.gif) no-repeat scroll -2px 2px;
  color: #60ABE6;
  padding-left: 15px;
  margin-left: 5px;
  font-weight:bold;
  font-size: 1.0em;
  text-decoration:underline;
}

.desc a:hover {
  color: #60ABE6;
}

.rowend, .rowend td {
  border-bottom: 1px solid #336699;
}

tr.MISC{display:none;}

.noPax { font-weight:bold;}

.resultrow td.title, .resultrow table.title, .title, .title .labelLink {
	color:#60ABE6;
	font-size:12px;
	font-weight:bold;
}

.productResult .col2 {
  color:#FF7805;
  font-weight : bold;
  font-size: 1.1em;
}

.productResult .col3 {
  color:#333;
  font-size : 1.1em;
}

.productResult .col2 {
  color:#FF7805;
}

.resultrow .amt {
	color:#FF7805;
	font-size:30px;
	font-weight:bold;
}

.resultrow tr.datahead {
  background-color:#D1EBFA;
  color:#0E5A9E;
  font-weight: bold;
}
.consumerDetails .required{
  background: #FFF url(../images/alert.png) 90% 50% no-repeat;
  width:50%;
}
.consumerDetails .requiredOkay{
  background: #FFF url(../images/tick.png) 90% 50% no-repeat;
  width:50%;
}

/********************  NZSB specials ********************/
#dialogFrame {
  background-color:#F2F2F2; 
  overflow-x:hidden; 
  overflow-y:auto; 
  padding-top:5px;
  width:860px; 
  height:490px;
  border: 1px solid #669900;
}

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 100px;
    left: 80px;
    
    width: 870px;
    height: 520px;
    
    background-color: #FFF;
    color: #333;
    border: 3px solid #336699;
    padding: 5px;
}
.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#botmenu ul .current a{
  background: #00A0DF;
  color:#ccc;
  font-weight:bold;
}

#botmenu ul li a {
  padding: 0.2em 1em;
  background-color: #32C1ED;
  color: #fff;
  text-decoration: none;
  float: left;
  border-right: 3px solid #fff;
  font-size:14px;
}

#botmenu ul li a:hover {
  background-color: #00A0DF;
  color: #fff;
}

#botmenu ul li {
  display: inline;
}

#botmenu ul {
  background-color:#32C1ED;
  margin-left: 0;
  margin-top:1px;
  margin-bottom:5px;
  padding-left: 0;
  white-space: nowrap;
  color: #fff;
  float: left;
  width: 100%;
  height: 24px;
}

#botmenu {
  border-bottom: 1px #336699 solid;
  width: 980px;
}