﻿/*----------------------------------------------*/
/*---------------->>> GLOBAL <<<----------------*/
/*----------------------------------------------*/
body {
	background:#7f7f7f url(/inbox/images/bg_body.jpg) repeat-x left top;
	font-family:Arial,"Myriad Pro",Helvetica,"Helvetica LT Std",Verdana,sans-serif;
	font-size:14px;
}
body a img {border:none;}
body textarea {font-family:Arial, "Myriad Pro", Helvetica, "Helvetica LT Std", Verdana, sans-serif;font-size:12px;}
body,div,p, h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
h1{font-size:24pt;}h2{font-size:18pt;}h3{font-size:14pt;}h4{font-size:12pt;}h5{font-size:10pt;}h6{font-size:8pt;}
/*----------------------------------------------*/
/*-------------->>> TYPOGRAPHY <<<--------------*/
/*----------------------------------------------*/
.normal {font-weight:400;}
.bold {font-weight:700;}
.strong {font-weight:700;}
.dgrey {color:#1f1f1f;}
.dgrey9 {font-size:9px;color:#666;font-weight:400;}
.red {color:#900;}
.blue,.blue11,.blue12,.blue14,.blue16,.blue18,.blue a {color:#0875ac;}
.blue11 {font-size:11px;}
.blue12 {font-size:12px;}
.blue14 {font-size:14px;}
.blue16 {font-size:16px;}
.blue18 {font-size:18px;}

.lgrey,.lgrey10,.lgrey14,.lgrey10 a,.lgrey10 a:hover {color:#666;}
.lgrey10 {font-size:10px;}
.lgrey14 {font-size:14px;}

.yellow,.yellow11,.yellow11 a,.yellow14,.yellow18,.yellow24,.yellow36 {color:#df8c02 !important;}
.yellow11 {font-size:11px;} .yellow11 a:hover {color:#b67201;text-decoration:underline;}
.yellow14 {font-size:14px;}
.yellow18 {font-size:18px;}
.yellow24 {font-size:24px;}
.yellow36 {font-size:36px;}
.red,.red a {color:#990000;}
.rust {color:#d05f01;}
.white {color:#fff;}
.green {color:#090;font-size:12px;}
.green img {padding-right:3px;}
/*----------------------------------------------*/
/*--------------->>> POSITION <<<---------------*/
/*----------------------------------------------*/
.floatRight {float:right;}
.floatLeft {float:left;}
.clearBoth {clear:both;}
.clearLeft {clear:left;display:block;}
.padTopBtm5 {padding-top:5px !important;padding-bottom:5px !important;}
.padTop10 {padding-top:10px;}
.pad5 {padding:5px !important;}
.pad10 {padding:10px;}
.marginTop10 {margin-top:10px;}
.posRel {position:relative;}
/*----------------------------------------------*/
/*---------------->>> STYLE <<<-----------------*/
/*----------------------------------------------*/
.textLeft {text-align:left !important;padding-left:10px;}
.textRight {text-align:right;}
.textCenter {text-align:center;}
.inputFile {width:220px;}
.inputShort {width:50px !important;vertical-align:middle;}
.inputMedium {width:120px !important;vertical-align:middle;}
.hintInline, .hintBlock {color:#666;font-size:11px;font-weight:400;line-height:normal;}
.hintBlock {padding:3px;border:solid 1px #f1f1f1;background-color:#f5f5f5;}
.centerButton {display:table;margin:0 auto;text-align:center;width:100%;}
.centerButton a, .centerButton input {padding-right:5px;margin:10px 0;}
.noData {text-align:center;font-size:12px;padding:5px 0;display:block;}
.noData p {padding:5px 0;}
.altBgColor {background-color:#f5f5f5;}
.noBorder{border:none !important;}
.noBorderRight{border-right:none !important;}
.borderTop th {border-top:solid 1px #dfdfdf !important;}
.sideDesc {font-weight:400;font-size:.9em;line-height:normal;}
.listNumber{padding:5px 0;}
.listNumber a {color:#333 !important;}
.listNumber a:hover {color:#069 !important;}
.error {color:#990000;font-size:12px !important;padding:2px 0;font-weight:normal;display:block;}
.error img {margin-right:3px;}
.frame {border:solid 1px #ccc;padding:3px;background-color:#fff;width:140px;}
.tourname {color:#000;}
/*----------------------------------------------*/
/*------------->>> BASIC LAYOUT <<<-------------*/
/*----------------------------------------------*/
#container {width:1024px;margin:0px auto;}
#headerWrapper {background:#e6e6e6 url(/inbox/images/bg_header.jpg) repeat-x;height:100px;margin-bottom:5px;}
#contentWrapper {height:100%;background:#fff url(/inbox/images/bg_content.gif) repeat-y;}
#sideWrapper {float:left;width:214px;}
#mainWrapper {float:left;margin-left:5px;width:805px;position:relative;}
#mainContent {width:100%;margin:0;}
#footer {
    margin-top:5px;
    padding:15px 20px;
	background:url(/inbox/images/bg_footer.gif) repeat-x;
	clear:both;
	width:984px;
	height:90px;
	font-size:.85em;
}
#footer ul {list-style-type:none;margin:8px 0 0 20px;padding:0;}
/*----------------------------------------------*/
/*---------------->>> HEADER <<<----------------*/
/*----------------------------------------------*/
.logo {padding:10px 0;}
.header {width:83%;}

.navTabs {margin:15px 0 0;border-top:none;}
.navTabs li {display:inline;}
.navTabs li a {
	display:block;
	width:120px;
	height:28px;
	line-height:28px;
	margin:0 1px;
	float:left;
	text-align:center;
	text-decoration:none;
	background:url(/inbox/images/bg_navtab.gif) no-repeat right top;
	color:#000;
}
.navTabs li a:hover {background:url(/inbox/images/bg_navtab.gif) no-repeat left top;}
.navTabs li a.navSelected {background:url(/inbox/images/bg_navtab.gif) no-repeat left top;border-bottom:solid 1px #FFDE75;}
.navTabs li.home a {width:auto;background:none;margin:2px 4px 0;}

.companyName {
	font: bold 12pt "Myriad Pro", Helvetica, "Helvetica LT Std", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	text-align: right;
	padding: 12px 2px 0 0;
	height: 22px;
}
.companyName span {line-height:20px;}
.companyName input {vertical-align:middle;}
/*----------------------------------------------*/
/*-------------->>> BREADCRUMB <<<--------------*/
/*----------------------------------------------*/
.breadCrumb {
	list-style:none;
	height:22px;
	line-height:22px;
	padding:0 0 0 220px;
	background:url(/inbox/images/bg_header_breadcrumb.jpg) repeat-x left bottom;
	margin:-1px 0 10px;
	font-size:.75em;
}
.breadCrumb li {display:inline;padding:0 9px 0 1px;background:url(/inbox/images/bg_breadcrumb.gif) no-repeat right 5px;}
.breadCrumb a {text-decoration:none;color:#000;}
.breadCrumb a:hover {text-decoration:underline;}
.breadCrumb li.breadCrumbCurrent a {color:#000;font-weight:700;}
.breadCrumb li.breadCrumbCurrent {background:none;}
/*----------------------------------------------*/
/*------------->>> SIDE CONTENT <<<-------------*/
/*----------------------------------------------*/
#sideDivider {height:200px;background:#fafafa url(/inbox/images/bg_side_ider.png) no-repeat top;}
#sideWrapper .bookingGraph {
	background:#e3e6ee url(/inbox/images/bg_booking_graph.jpg) no-repeat right bottom;
	border-bottom:solid 1px #ccc;
	width:90%;
	margin:0 auto;
}
#sideWrapper .bookingGraph h4 {text-align:center;background-color:#fff;padding:5px 0;border-top:solid 1px #ccc;font-size:14px;}
#sideWrapper .bookingGraph h4 img {vertical-align:middle;}
#sideWrapper .bookingGraph table {width:95%;margin:0 auto;}
#sideWrapper .bookingGraph td {vertical-align:bottom;font-size:10px;text-align:center;}
#sideWrapper .bookingGraph td img {width:20px;}
#sideWrapper .bookingGraph .graph {padding-top:20px;height:100px;}
#sideWrapper .bookingGraph .month {border-top:solid 1px #000;padding-bottom:5px;}
.sideTitle {
	height:62px;
	background:url(/inbox/images/bg_side_title.gif) no-repeat;
	padding:5px 0 0 20px;
	font-weight:bold;
	color:#333;
	font-size:18px;
}
.sideSubTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666;
}
.sideBanner {width:190px;height:60px;margin:5px 10px;border:solid 1px #ccc;}
/*----------------------------------------------*/
/*---------------->>> SUB NAV <<<---------------*/
/*----------------------------------------------*/
#subnav {margin:0 0 150px;padding:0;list-style:none;}
#subnav li {
	width:214px;
	height:33px;
	display:block;
	background:url(/inbox/images/bg_side_subnav_off.png) no-repeat;
	margin:0;
	padding:0;
}
#subnav li:hover {background:url(/inbox/images/bg_side_subnav_on.png) no-repeat;}
#subnav li a {
	text-decoration:none;
	color:#000;
	font:11pt "Myriad Pro", Helvetica, "Helvetica LT Std", Arial, Verdana, sans-serif;
	margin-left:43px;
	line-height:31px;
}
#subnav .subnavSelected {background:url(/inbox/images/bg_side_subnav_on.png) no-repeat;}
/*----------------------------------------------*/
/*------------->>> MAIN CONTENT <<<-------------*/
/*----------------------------------------------*/
.mainTitle, .titleFull {background:#fbfbfb url(/inbox/images/bg_main_title.jpg) repeat-x left bottom;font-weight:bold;font-size:18px;padding:3px 10px 5px;}
.mainTitle span, .titleFull span {padding-left:8px;}
.mainTitle img, .titleFull img {vertical-align:middle;}
.mainTitle {width:785px;height:30px;}
.titleFull {line-height:30px;margin-bottom:10px;}

div.popupCalendar {border:solid 1px #e2e2e2;font-size:.85em;text-align:center;}
div.popupCalendar a {text-decoration:none;color:#000;display:inline;float:none;}

/*----------------------------------------------*/
/*------------->>> MESSAGE BOX <<<--------------*/
/*----------------------------------------------*/
.msgBoxWrapper {border:solid 1px #ccc;background:#f3f3f3;padding:5px;margin:5px 0;}
.msgBox {border:solid 1px #ccc;background:#fff;font-size:.85em;padding:15px;}
.legalDoc ol {margin-right:20px;}
.legalDoc ol li {margin-top:10px;}
.legalDoc li h5 {color:#df8c02;}
.legalDocFooter {border-top:dotted 1px #666;text-align:right;color:#333;font-size:1em;padding:10px 0;margin:0 10px;}

.tooltip {background:url(/inbox/images/bg_tooltip.png) no-repeat left bottom;width:150px;position:absolute;font-size:.75em;}
.tooltipMessage {background:#fff;width:134px;padding:3px;margin:5px;}
.tooltipBtm {height:16px;background:url(/inbox/images/bg_tooltip.png) no-repeat left bottom;}

/*TABLE DATA HIGHLIGHTS COLOR***************************************************/
.highlightGreen td {background:#eaf0d7;}
.highlightRed td {background:#f8e4dc;}
.hintGreen {background-color:#dae5bb !important;}
.hintRed {background-color:#f5d9cd !important;}
.hintBlue {background-color:#eef7f9 !important;}

/*************************************************************
/ARTICLE LIST TH COLORS**************ARTICLE LIST TH COLORS***
/************************************************************/
.headingAqua, .headingSilver, .headingGreen, .headingBlue {padding:10px 0;}
.headingAqua th {background:#beefe4 url(/inbox/images/bg_subhead_aqua.png) repeat-x bottom;border-left:solid 1px #def8f0;}
.headingSilver th {background:#f9f9f9 url(/inbox/images/bg_subhead_silver.png) repeat-x bottom;border-left:solid 1px #dbdbdb;}
.headingBlue th {background:#daeef2 url(/inbox/images/bg_subhead_blue.png) repeat-x bottom;border-left:solid 1px #eef7f9;}
.headingGreen th {background:#ecf5d4 url(/inbox/images/bg_subhead_green.png) repeat-x bottom;border-left:solid 1px #ecf5d3;}
/*LINKS******************************************************/
.headingBlue a:link, .headingBlue a:visited {color:#0875ac;text-decoration:none;}.headingBlue a:hover, .headingBlue a:active {text-decoration:underline;}
.headingGreen a:link, .headingGreen a:visited {color:#455b00;text-decoration:none;}.headingGreen a:hover, .headingGreen a:active {text-decoration:underline;}
.headingSilver a:link, .headingSilver a:visited {color:#0875ac;text-decoration:none;}.headingSilver a:hover, .headingSilver a:active {text-decoration:underline;}
/*ALTERNATE ROWS*********************************************/
.even {background-color:#f6f6f6;}
/*************************************************************
/ARTICLE LIST**************ARTICLE LIST**************ARTICLE**
/************************************************************/
.articleWrapper {
	border:solid 1px #dbdbdb;
	border-top:none;
	margin:0 auto !important;
	width:98%;
} 
.articleWrapper th:first-child {border-left:none;}
.article {
	width:100%;
	margin:0 auto;
	font-size:12px;
	text-align:center;
	border-collapse:collapse;
}
.article th, .article td {padding:1px;height:25px;}
.article th {font-weight:400;border-bottom:solid 1px #dbdbdb;}
.article td {border-top:dotted 1px #dbdbdb;}
.article td img {padding-left:5px;}

/*************************************************************
/LIST TITLE**************LIST TITLE**************LIST TITLE***
/************************************************************/
.title {
	display:block;
	margin:1px;
	font-size:13px;
	font-weight:700;
	padding:6px 0;
}
.title img {padding:0 5px;vertical-align:middle;}
.title span {vertical-align:middle;}
.titleWrapper {
	border:solid 1px #dbdbdb;
	width:98%;
	margin:0 auto;
}
/*************************************************************
/LIST TITLE COLOR**************LIST TITLE COLOR***************
/************************************************************/
.titleSilver .title {background:#f9f9f9 url(/inbox/images/bg_title_silver.png) repeat-x !important;}
.titleBlue .title {background:#daeef2 url(/inbox/images/bg_title_blue.png) repeat-x !important;}
.titleAqua .title {background:#beefe4 url(/inbox/images/bg_title_aqua.png) repeat-x !important;}
.titleGreen .title {background:#ecf5d4 url(/inbox/images/bg_title_green.png) repeat-x !important;}
/*************************************************************
/ARTICLE VIEW******************ARTICLE VIEW*******************
/************************************************************/
.articleViewWrapper {
	width:95%;
	margin:10px auto;
	font-size:12px;
}
.articleViewWrapper p {margin:0;}
.articleViewSubject {
	float:left;
	font-weight:700;
	font-size:24px;
	width:75%;
	color:#327070;
}
.articleViewInfo {float:right;width:20%;text-align:right;}
.articleViewContent {
	clear:both;
	border-top:solid 1px #dbdbdb;
	border-bottom:solid 1px #dbdbdb;
	padding:8px 0;
	line-height:17px;
	font-size:1.1em;
}
.articleViewButtons {
	margin-top:10px;
	/*float:right;*/
	text-align:right;
}
.articleViewButtons a, .articleViewButtons input {margin-left:5px;}
/*************************************************************
/ARTICLE EDIT,WRITE**************ARTICLE EDIT,WRITE***********
/************************************************************/
/*TITLE OF ARTICLE FORM*/
.articleTitle { 
	font-size:14px;
	font-weight:bold;
	border-bottom:solid 1px #dbdbdb;
	padding-bottom:5px;
	line-height:17px;
}
.articleTitle img {
	vertical-align:middle;
	padding-right:5px;
}
.articleFormWrapper {margin-top:10px;}
.articleSubjectWrapper {border:solid 1px #d2d2d2;border-bottom:none;}
.articleSubject, .articleAuthor, .articlePostedDate, .articleText, .articleContent {
	margin:0;
	font-size:12px;
	padding:5px 8px;
	font-weight:bold;
}
.articleSubject {background-color:#e7e7e7;margin:1px;}
.articleSubject .error {padding-top:2px;}
label.articleLabel {
	display:block;
	width:65px;
	font-size:12px;
	font-weight:bold;
	float:left;
	line-height:17px;
}
.articleInput {float:left;width:600px;}
.articleContent textarea {width:600px;}
.articleContent {
	border:solid 1px #d2d2d2;
	border-top:none;
	margin:0;
	padding-top:5px;
	background-color:#f6f6f6;
}
