body
{
	margin: 0px;
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 11px; 
    color: #000000;
    background-color: #5E5E5E;
}

#contentwrapper { background-color: #ffffff;  background-image: url('/images/template/header_bg_fcgp.gif'); background-repeat:repeat-x; }

h1 { color:#EF0000; font-size:18px; margin: 0px 0px 5px 0px; }
h2 { font-size:14px; margin-bottom: 0px; }
h3 { color:#EF0000; font-size:14px; margin: 5px 0px 5px 0px; }

.tbl td { vertical-align: top; padding-bottom: 10px; }
.clearing { height: 1px; margin-top: -1px; clear: both; overflow: hidden; }
.small { font-size: 8pt; color: #999999; font-weight: normal; }
.invalid { color: Red; background-image: url('/images/error.png'); background-repeat: no-repeat; background-position: left; padding-left: 16px; display: block; }
.valid { color: Green; background-image: url('/images/correct.png'); background-repeat: no-repeat; background-position: left; padding-left: 16px; display: block; }
.req { float: right; margin-top: 5px;}
.reqex { float: left; color: Red; margin-top: 5px; margin-right: 5px;}
.error {
    color: red;
}

div .helpbox { margin-top: 20px; padding: 0 .7em; font-size: 8pt; }

#ratemanager thead { font-weight: bold; }
#ratemanager td { vertical-align: top; }

#charlimitinfo, .charlimitinfo { font-size: 8pt; color: #999999; float: right; }

#qbwrapper
{
	width: 960px;
	margin: 0px auto;
}
#header { height: 120px; }
#header .logo { margin-top: 45px; }
#header .title { padding-top: 15px; font-size: 18pt; color: #ffffff; text-shadow: 0.1em 0.1em 0.05em #000 }
#header .small { font-size: 8pt; color: #ffffff; font-weight: bold; text-shadow: 0.1em 0.1em 0.05em #000 }
#header .call { margin-top: 50px; float: right; }

.prefooter { width: 960px; margin: 0px auto; padding: 4px 0 4px 0; font-size: 10pt; font-weight: bold; color: #ffffff; }
#footer { height: 120px; }
#footer .footercontent { width: 960px; margin: 0px auto; padding: 12px 0 4px 0; color: #ffffff; }
#footer a { color: #ffffff; text-decoration: none; padding: 8px 0 0 0; line-height: 1.8; }
#footer a:hover { text-decoration: underline; }
#footer .help { float: right; text-align: right; }

#content { padding: 15px 0 25px 0; }

#ratesgrid { }
#ratesgrid .roomrow { margin: 4px 0 0 0; }
#ratesgrid .roomrow .options { float: right; width: 200px; text-align: right; }
#ratesgrid .roomrow .options a { padding-left: 10px; text-decoration: none; color: #ef0000; }
#ratesgrid .roomrow .options a:hover { text-decoration: underline; }
#ratesgrid .ratesrow { margin: 4px 0 0 0; }
#ratesgrid .ratehead div { font-weight: normal; padding: 2px; margin-left: 2px; width: 43px; float: right; text-align: center; }
#ratesgrid .ratehead .weekday { background-color: #D6D6D6; }
#ratesgrid .ratehead .weekend { background-color: #B4B4B4; }
#ratesgrid .ratehead .sellcontrol { background-color: #efefef; padding: 0px 2px 0 2px; }
#ratesgrid .ratehead .sellcontrol:hover { background-color: #ff8383; }

#ratesgrid .ratesrow div { padding: 4px 3px 4px 3px; margin-left: 2px; width: 39px; float: right; text-align: center; border: solid 1px #BCC2E3; }
#ratesgrid .ratesrow .weekday { background-color: #D0E5F8; }
#ratesgrid .ratesrow .weekend { background-color: #ACBFE9; }

#ratesgrid .ratesrow .deal { background-color: #e1001a; background-image: url('../../images/deal.gif'); background-position: right bottom; background-repeat: no-repeat; }
#ratesgrid .ratesrow .deal a { color: #ffffff; }

#ratesgrid .ratesrow .sold { background-color: #ffffff; }
#ratesgrid .ratesrow .sold img { border: none 0; }
#ratesgrid .ratesrow .stopsell { background-color: #000000; text-decoration: line-through; }
#ratesgrid .ratesrow .stopsell a { color: #ffffff;text-decoration: line-through; }
#ratesgrid .ratesrow .noallocation { background-color: #ffb3b3; text-decoration: line-through; }
#ratesgrid .ratesrow .noallocation a { color: #ffffff;text-decoration: line-through; }

#ratesgrid .ratesrow a { text-decoration: none; color: #000000; }
#ratesgrid .ratesrow a:hover { text-decoration: underline; }
#ratesgrid .ratesrow .draggable { background-color: #efefef; width: 6px; border: solid 1px #dddddd; padding: 2px 10px 2px 10px; float: left; margin: 0; }
#ratesgrid .ratesrow .draggable:hover { background-color: #ffffd9; }

#results { border: none 0px; border-collapse: collapse; }
#results { border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; }
#results td { padding: 8px; }
#results thead { font-weight: bold; background-color: #D6D6D6; vertical-align: top; }
#results thead .note { font-weight: normal; font-size: 8pt; color: #555555; }
#results tfoot td { background-color: #B4B4B4; height: 4px; padding: 0; }
#results .alt { background-color: #F7F7F7; }
#results .weekend { background-color: #ACBFE9; border-bottom: solid 1px #D6D6D6; }
#results .weekday { background-color: #D0E5F8; border-bottom: solid 1px #D6D6D6; }
#results .row:hover { background-color: #c8e5ff; }
#results .day:hover { background-color: #fefefe;}
#results a { padding-left: 5px; }
#results .iconbutton {  background-position: left; background-repeat: no-repeat; padding: 2px 2px 2px 16px; border: solid 1px #cccccc; }
#results .copied { background-color: #dcebda; color: green; }
#results input, #results select, #results textarea { font-size: 8pt; font-family: Arial,Helvetica,sans-serif; }

#datenav { float: right; padding: 6px 0 6px 0; }
#datenav a { padding-left: 10px; font-size: 0.8em; }

#details { padding: 0; margin-top: 4px; border-collapse: collapse; }
#details td { padding: 4px 4px 4px 0; vertical-align: top; }
#details .head { width: 150px; padding-top: 8px; }
#details .span { padding-top: 8px; }

.details { padding: 0; margin-top: 4px; border-collapse: collapse; }
.details td { padding: 4px 4px 4px 0; vertical-align: top; }
.details .head { width: 150px; padding-top: 8px; }
.details .span { padding-top: 8px; }

#gallery thead td
{
    padding: 10px 0 10px 0;
    font-weight: bold;
    width: 660px;
}

.invoice { margin: 10px 0 10px 0; display: block; }
.remittance { margin: 0px 0 25px 0; display: block; float: right; text-align: right; }
#inforow { clear: both; overflow: hidden; }
#inforow .key {width: 180px; display: block; float: left; padding: 2px 0 2px 0;}
#inforow .value {display: block; padding: 2px 0 2px 0;}
.cxl td { color: Red; text-decoration: line-through; }

.checklist { width: 100%; }
.checklist td a { color:Blue;  }
.checked { font-weight: bold; color: Green; }
.notchecked { font-weight: bold; color: Orange; }
.checkeda  { font-weight: normal; color: Black; text-decoration: none; } .checkeda:visited  { color: Black; } .checkeda:link  { color: Black; }
.notcheckeda { font-weight: normal; color: Black; text-decoration: underline; } .notcheckeda:visited { color: Black; } .notcheckeda:link { color: Black; }

.rcol { text-align: right; }

.suspended { filter: alpha(opacity = 50); opacity: 0.5; background-color: #ffffff; }

#menu {padding:0; margin:0; list-style:none; position: absolute; top: 74px;}
#menu li {float:left; margin-left:1px; padding-top:2px;}
#menu li a {display:block; height:28px; line-height:28px; padding:0 15px 0 0; float:left; background: url('/images/template/menu_end.gif') no-repeat right top; color:#434b53; text-decoration:none;}
#menu li a b {display:block; height:28px; float:left; padding:0 0 0 15px; background: url('/images/template/menu.gif') left top; cursor:pointer;}
#menu li a:hover {background-position:right -51px; height:26px; color: #ffffff;} /*  margin-top:-2px;  */
#menu li a:hover b {background-position:left -51px; height:26px;}

.countryselect { width: 100%; }
.countryselect td { width: 20%; text-align: left; border: 1px solid #ffffff; vertical-align: middle; padding: 4px; }
.countryselect td a { text-decoration: none; }
.countryselect td a:hover { text-decoration: underline; }
.countryselect td:hover { background-color: #E7EDF4; border: 1px solid #B4C8DD; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; }

.next {
    padding: 4px;
    margin: 0;
    -webkit-border-radius: 2px; -moz-border-radius: 2px;
    border-width: 1px;
}
.center, .center input { text-align: center; }
.center input, .center select { width: 50px; }
.customerconfig td {
    width: 80px;
}
.configurationExample {
    line-height: 1.4em;
    font-size: 1.4em;
}
.border-lb {border: 5px solid #ccc; border-width: 0 0 0px 5px; }