/* COLORS#8b9298 - Gray#AC9F83 - Beige#62AC1E - Green#CD4440 - Red*/
.LoginPanel {
position:absolute;
width:500px;
height:400px;
left:50%;
top:50%;
margin-top:-200px;
margin-left:-250px;
font-family:Trebuchet MS, Arial, Verdana;
color:#444;
background:transparent url(Image/sun-logo16-trans.png) no-repeat scroll 0 50%;
}

.LoginPanel > .ResultTextPanel > SPAN {
margin-left:20px;
}

.LoginError {
color:#CD4440;
font-size:16px;
font-weight:700;
text-align:right;
margin:25px;
}

#LoginBox fieldset {
border:0 dashed #FFF;
padding:45px;
}

#LoginBox h3 {
color:#FFF;
font-size:18px;
margin:37px 0 0 25px;
}

.MainPanel {
font-family:Trebuchet MS, Arial, Verdana;
color:#444;
min-width:680px;
max-width:1200px;
width:100%;
margin:0 auto;
padding:0;
}

.DivSideNav {
min-height:40em;
}

.MinHeight {
min-height:39em;
}

BODY {
width:100%;
height:100%;
font-family:"Trebuchet MS", Arial, Verdana;
font-size:12px;
background:url(Image/Extranet-bg.gif);
margin:0;
padding:0;
}

BR {
clear:both;
}

.ContentPane A:hover {
color:#62AC1E;
text-decoration:underline;
}

.wb1 {
background:url(Image/wb_01.png) bottom right no-repeat;
height:11px;
width:11px;
line-height:0;
}

.wb2 {
background:url(Image/wb_02.png) bottom repeat-x;
height:11px;
line-height:0;
}

.wb3 {
background:url(Image/wb_03.png) bottom left no-repeat;
height:11px;
width:11px;
line-height:0;
}

.wb4 {
background:url(Image/wb_04.png) repeat-y;
width:11px;
line-height:0;
}

.wb5 {
background:url(Image/wb_05.png);
width:100%;
padding:4px;
}

.wb6 {
background:url(Image/wb_06.png) repeat-y;
width:11px;
line-height:0;
}

.wb7 {
background:url(Image/wb_07.png) top right no-repeat;
height:11px;
line-height:0;
}

.wb8 {
background:url(Image/wb_08.png) top repeat-x;
height:11px;
line-height:0;
}

.wb9 {
background:url(Image/wb_09.png) top left no-repeat;
height:11px;
width:11px;
line-height:0;
}

.btw1 {
background:url(Image/btw_01.png) bottom right no-repeat;
height:12px;
width:12px;
line-height:0;
}

.btw2 {
background:url(Image/btw_02.png) bottom repeat-x;
height:12px;
line-height:0;
}

.btw3 {
background:url(Image/btw_03.png) bottom left no-repeat;
height:12px;
width:12px;
line-height:0;
}

.btw4 {
background:url(Image/btw_04.png) repeat-y;
width:12px;
line-height:0;
}

.btw5 {
background:url(Image/btw_05.png);
width:100%;
}

.btw6 {
background:url(Image/btw_06.png) repeat-y;
width:12px;
line-height:0;
}

.btw7 {
background:url(Image/btw_07.png) top right no-repeat;
height:12px;
line-height:0;
}

.btw8 {
background:url(Image/btw_08.png) top repeat-x;
height:12px;
line-height:0;
}

.btw9 {
background:url(Image/btw_09.png) top left no-repeat;
height:12px;
width:12px;
line-height:0;
}

.bt70wst1 {
background:url(Image/bt70wst_01.png) bottom right no-repeat;
height:12px;
width:12px;
line-height:0;
}

.bt70wst2 {
background:url(Image/bt70wst_02.png) bottom repeat-x;
height:12px;
line-height:0;
}

.bt70wst3 {
background:url(Image/bt70wst_03.png) bottom left no-repeat;
height:12px;
width:12px;
line-height:0;
}

.bt70wst4 {
background:url(Image/bt70wst_04.png) repeat-y;
width:12px;
line-height:0;
}

.bt70wst5 {
background:url(Image/bt70wst_05.png);
width:100%;
}

.bt70wst6 {
background:url(Image/bt70wst_06.png) repeat-y;
width:12px;
line-height:0;
}

.bt70wst7 {
background:url(Image/bt70wst_07.png) top right no-repeat;
height:12px;
line-height:0;
}

.bt70wst8 {
background:url(Image/bt70wst_08.png) top repeat-x;
height:12px;
line-height:0;
}

.bt70wst9 {
background:url(Image/bt70wst_09.png) top left no-repeat;
height:12px;
width:12px;
line-height:0;
}

.gb1 {
background:url(Image/gb_01.png) bottom right no-repeat;
height:11px;
width:11px;
line-height:0;
}

.gb2 {
background:url(Image/gb_02.png) bottom repeat-x;
height:11px;
line-height:0;
}

.gb3 {
background:url(Image/gb_03.png) bottom left no-repeat;
height:11px;
width:11px;
line-height:0;
}

.gb4 {
background:url(Image/gb_04.png) repeat-y;
width:11px;
line-height:0;
}

.gb5 {
background:url(Image/gb_05.png);
width:100%;
}

.gb6 {
background:url(Image/gb_06.png) repeat-y;
width:11px;
line-height:0;
}

.gb7 {
background:url(Image/gb_07.png) top right no-repeat;
height:11px;
line-height:0;
}

.gb8 {
background:url(Image/gb_08.png) top repeat-x;
height:11px;
line-height:0;
}

.gb9 {
background:url(Image/gb_09.png) top left no-repeat;
height:11px;
width:11px;
line-height:0;
}

.bytb1 P,.bytb2 P,.bytb3 P,.bytb4 P,.bytb6 P,.bytb7 P,.bytb8 P,.bytb9 P {
background-color:transparent;
line-height:0;
height:13px;
width:13px;
margin:0;
padding:0;
}

.bytb1 {
background:url(Image/bytb_01.gif) bottom right no-repeat;
height:13px;
width:13px;
line-height:0;
}

.bytb2 {
background:url(Image/bytb_02.gif) bottom repeat-x;
height:13px;
line-height:0;
}

.bytb3 {
background:url(Image/bytb_03.gif) bottom left no-repeat;
height:13px;
width:13px;
line-height:0;
}

.bytb4 {
background:url(Image/bytb_04.gif) repeat-y;
width:13px;
line-height:0;
}

.bytb5 {
background:url(Image/bytb_05.gif);
width:100%;
}

.bytb6 {
background:url(Image/bytb_06.gif) repeat-y;
width:13px;
line-height:0;
}

.bytb7 {
background:url(Image/bytb_07.gif) top right no-repeat;
height:13px;
line-height:0;
}

.bytb8 {
background:url(Image/bytb_08.gif) top repeat-x;
height:13px;
line-height:0;
}

.bytb9 {
background:url(Image/bytb_09.gif) top left no-repeat;
height:13px;
width:13px;
line-height:0;
}

.ogb1 {
background:url(Image/eeeee7b_01.png) bottom right no-repeat;
height:11px;
width:11px;
line-height:0;
}

.ogb2 {
background:url(Image/eeeee7b_02.png) bottom repeat-x;
height:11px;
line-height:0;
}

.ogb3 {
background:url(Image/eeeee7b_03.png) bottom left no-repeat;
height:11px;
width:11px;
line-height:0;
}

.ogb4 {
background:url(Image/eeeee7b_04.png) repeat-y;
width:11px;
line-height:0;
}

.ogb5 {
background:url(Image/eeeee7b_05.png);
width:100%;
}

.ogb6 {
background:url(Image/eeeee7b_06.png) repeat-y;
width:11px;
line-height:0;
}

.ogb7 {
background:url(Image/eeeee7b_07.png) top right no-repeat;
height:11px;
line-height:0;
}

.ogb8 {
background:url(Image/eeeee7b_08.png) top repeat-x;
height:11px;
line-height:0;
}

.ogb9 {
background:url(Image/eeeee7b_09.png) top left no-repeat;
height:11px;
width:11px;
line-height:0;
}

/* SICK! GRADIENT MESH */
.GradientMesh {
background-color:#EFFFCF;
padding:7px;
}

.gm1 {
background:url(Image/EFFFCF-Gradient-fromBottom.png) right bottom repeat-x;
}

.gm2 {
background:url(Image/whiteGradient-fromRight.png) right top repeat-y;
}

.gm3 {
background:url(Image/horizontal-line-w-6.png) top;
}

.MinHeight P {
height:40em;
}

.sitenav {
width:100%;
min-width:680px;
max-width:1200px;
}

.SidePane A:hover {
color:#FFF;
}

.FootPane {
font-family:Verdana, Arial;
color:#FFF;
text-align:right;
margin:10px auto;
padding:0;
}

.SplitterPane {
clear:both;
margin:0;
padding:0;
}

.SplitterHandle {
background-color:#F2F2F2;
}

/************************************** fieldset stuff ***************************************/
FIELDSET {
border:1px solid #EEEEE7;
clear:both;
font-family:"Trebuchet MS";
font-size:12px;
text-align:left;
margin:10px;
padding:10px;
}

FIELDSET LABEL,FIELDSET * TD LABEL {
margin:0 10px 0 5px;
}

FIELDSET TABLE {
width:auto;
}

FIELDSET TABLE TR TD {
width:auto;
margin:0;
padding:0;
}

FIELDSET H4 {
display:block;
position:absolute;
font-weight:400;
background-color:#FFF;
color:#888;
font-style:italic;
margin:-24px 0 0 5px;
padding:0 5px;
}

/************************************** form stuff ***************************************/
.Validation {
font-family:Tahoma, System;
color:Red;
display:inline;
margin-left:5px;
}

/* input forms */
.inputbox,.inputerror,select,textarea {
background-color:#FFF;
border:solid 1px #aaa;
padding:2px 2px 2px 4px;
}

.BigButton {
font-size:18px;
line-height:30px;
height:45px;
margin:5px 0;
}

.InputError {
background-color:#e8ffa8;
}

/* input forms */
.Slider {
border:solid 1px #888;
background-color:Red;
}

/************************************* modal css ****************************************/
.modalBackground {
background:URL(Image/gray-pixel3.png) repeat;
}

.modalPopup {
background:transparent url(Image/btw_05.png) repeat scroll 0;
font-family:Trebuchet MS;
color:#444;
max-width:800px;
min-width:200px;
max-height:80%;
min-height:200px;
overflow:auto;
margin:auto;
padding:10px;
}

.CheapModalPopup {
background-color:#FFF;
padding:10px;
}

.modalTitle {
background-color:#bbb;
border:solid 1px #888;
border-top:none;
color:#000;
padding:5px 10px;
}

.modalTitle H4 {
display:inline;
}

.beta {
font:normal 9px Verdana;
padding-left:4px;
}

.DivBG {
clear:both;
background-color:#eeeeef;
padding:10px;
}

.DivBG FIELDSET H4 {
background-color:#eeeeef;
}

.DivMarginTop {
margin-top:1em;
}

.DivRight {
display:block;
text-align:right;
}

.DivButton {
clear:both;
text-align:right;
margin:1em 0;
}

.table1 {
width:600px;
}

.table2 {
width:90%;
border-collapse:collapse;
border:1px solid #eeeeef;
}

.table2 TD {
padding:2px;
}

.table3 {
width:90%;
text-align:right;
padding:2px;
}

.table4 {
width:97%;
}

.field {
width:30%;
text-align:right;
}

.answer {
width:70%;
}

.buttons1 {
padding:0 0 10px;
}

.UserAccounts {
width:90%;
}

.LinkOptionGroup {
clear:both;
margin-bottom:1em;
height:45px;
width:100%;
padding:0;
}

.LinkOption {
border:2px double #EEEEEF;
color:#000;
font-size:12px;
font-weight:700;
vertical-align:middle;
padding:4px;
}

.LinkOption A {
text-decoration:none;
}

.LinkOption A:hover {
border-bottom:5px solid #62AC1E;
}

.LinkOption2 {
font-size:1em;
font-weight:700;
margin:10px 0;
}

H2 {
margin-top:0;
}

HR {
border-bottom:0 solid #FFBF00;
border-top:3px solid #E3ECED;
border-left:0;
border-right:0;
}

H5 {
font-size:14px;
font-weight:400;
margin-top:0;
}

DFN {
display:block;
margin-bottom:1em;
font-style:normal;
}

DFN.sub {
background:transparent url(Image/infoarrow.gif) no-repeat scroll left top;
color:#4F4F4F;
margin-bottom:1em;
margin-top:1em;
min-height:30px;
padding-left:35px;
font-size:14px;
}

DFN.sub STRONG {
margin-right:.5em;
color:#000;
}

H3.Short {
margin:0;
}

H2.Sub {
color:#000;
margin:0;
}

.subheading {
color:#4F8694;
height:24px;
font:14px/18px Arial;
background:url(images/infoarrow.gif) 0 0 no-repeat;
padding-left:35px;
padding-top:.1em;
margin-top:.5em;
}

.heading,.theading {
font:bold 18px/21px Arial;
margin-top:0;
padding-top:20px;
}

.theading {
padding-top:0;
}

.heading2 {
font:bold 16px/19px Arial;
margin-top:0;
padding-top:20px;
}

.NonRoundBox {
background:#efffcf url(Image/gradient-efffcf.png) bottom repeat-x;
margin:0;
padding:20px;
}

.ReqFld {
color:#c0272D;
}

A.ModalPopup {
font:bold 12px Verdana;
display:block;
padding-left:1em;
background:url(Image/highlight-icon.png) left 50% no-repeat;
color:#C1272D;
text-decoration:none;
}

.LimitModalHeight {
max-height:400px;
overflow:scroll;
height:500px;
padding-bottom:15px;
}

.SupplierAgreement .TextLabel {
padding-right:3px;
}

.SupplierAgreement UL LI {
margin:5px 35px;
}

.SupplierAgreement H4 {
font-size:16px;
color:#000;
margin:20px 20px 0;
}

.ApproveBox {
width:432px;
padding-top:15px;
}

.ApproveText,.ApproveText A {
font-size:22px;
color:#999;
width:100%;
padding-bottom:15px;
}

/* CustomGrid LAYOUT */
.percentgray {
background-image:url(Image/5percentgray.png);
}

.CustomGrid TH {
background-color:#FAFEDB;
font-size:11px;
border-color:#999;
border-style:solid;
border-width:0 1px 1px;
padding:3px 1px;
}

.CustomGrid TD {
border:1px solid #999;
font-size:12px;
}

.CustomGrid TH.noborderleft,.CustomGrid TD.noborderleft {
border-left-width:0;
}

.itineraryday {
white-space:nowrap;
width:53px;
}

.CustomGrid TH.noborderright,.CustomGrid TD.noborderright {
border-right-width:0;
}

.CustomGrid TEXTAREA {
background-color:Transparent;
border:0;
font-size:11px;
}

.w150 {
width:120px;
}

.SeasonRateEditCtl {
background-color:#999;
}

.SeasonRateEditCtl INPUT,.GroupDiscountEditCtl INPUT,.PromoDiscountEditCtl INPUT {
background-color:Transparent;
border:1px solid #FFF;
text-align:center;
padding:4px;
}

.maxTextarea fieldset > TABLE > TBODY > TR > TD:first-child {
width:150px;
padding:4px;
}

/* Result messages and Error Messages */
.ResultTextPanel > SPAN {
font-family:"Trebuchet MS",sans-serif,Arial;
font-size:12px;
font-weight:700;
color:#CD4440;
padding:3px 3px 3px 30px;
}

/* COLORS */
.gray {
color:#8b9298;
}

.Beige {
color:#AC9F83;
}

.Red {
color:#CD4440;
}

.uppercase {
text-transform:uppercase;
}

.nowrap {
white-space:nowrap;
}

/* BREADCRUMB */
.extranetbread {
font-size:14px;
height:25px;
margin-top:5px;
padding-left:0;
display:none;
}

.extranetbread > SPAN > SPAN {
color:#FFF;
display:block;
float:left;
padding:0;
}

.extranetbread > SPAN > SPAN > STRONG {
font-style:italic;
}

.extranetbread SPAN EM {
background-color:transparent;
}

.extranetbread A {
color:#eeeeef;
text-decoration:underline;
font-style:normal;
}

/* HELP */
.HelpModal HR {
display:none;
border-color:silver;
}

.HelpModal > DIV {
display:block;
margin-top:1em;
}

.HelpModal TD > DIV > font.Arial2 {
font:bold 18px Arial, Verdana;
}

.help {
position:absolute;
}

/* NICE DIV ONLY VERSION .help {
	border: 2px groove white;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	margin-left: 14px;
	padding: 3px;
}*/
.ContextMenuPanel {
background:#FAFAFA url(Image/menu-bg.gif) repeat-y scroll 0;
border:1px solid #868686;
cursor:default;
font-size:11px;
z-index:1000;
padding:1px 1px 0;
}

.ContextMenuBreak {
border-top:1px solid #C5C5C5;
display:block;
height:1px;
overflow:hidden;
margin:1px 1px 1px 32px;
padding:0;
}

a.ContextMenuItem {
color:#039;
cursor:pointer;
display:block;
text-decoration:none;
white-space:nowrap;
margin:1px 0;
padding:4px 19px 4px 33px;
}

a.ContextMenuItem:hover {
background-color:#FFE6A0;
border:1px solid #D2B47A;
color:#039;
padding:3px 18px 3px 32px;
}

/**************************** ModalUpdateProgress *************************/
.modalProgressGreyBackground {
background:#CCC;
filter:alpha(opacity=60);
opacity:0.6px;
}

.modalProgressRedBackground {
background:Red;
filter:alpha(opacity=60);
opacity:0.6px;
}

.modalPopupProgress {
text-align:center;
background-color:#FFF;
width:200px;
height:20px;
padding:10px;
}

.modalPopupProgress * {
vertical-align:middle;
}

.LoginPanel .FootPane {
bottom:-34px;
position:absolute;
width:507px;
}

.Pagination {
background-color:#EEEEE7;
margin-top:1em;
border-top:1px solid #ACA79C;
border-bottom:1px solid #ACA79C;
width:100%;
padding:.5em 0;
}

.Pagination .PageLegend {
padding-left:5px;
width:14em;
text-align:left;
color:#ACA79C;
}

.Pagination .PageActions {
border-left:1px solid #ACA79C;
padding-left:5px;
width:11em;
text-align:right;
}

.Pagination .Pages {
border-left:1px solid #ACA79C;
padding-left:5px;
}

.Pagination .Pages SPAN {
display:block;
float:left;
text-align:center;
padding:0 3px 6px;
}

.Pagination .Pages SPAN A {
background-color:#FFF;
display:block;
color:#777;
border:1px solid #ACA79C;
width:1.5em;
text-decoration:none;
padding:2px;
}

.Pagination .Pages SPAN A:hover {
background-color:#A6E021;
}

.Pagination .Pages SPAN.PageCurrent A {
background-color:#E4F4BE;
color:#000;
}

.Pagination .PageNext A,.Pagination .PagePrev A {
display:block;
float:right;
background-color:#FFF;
border-bottom:1px solid #ACA79C;
border-right:1px solid #ACA79C;
color:#777;
text-decoration:none;
margin:0 2px;
padding:5px;
}

.Pagination .PageNext A {
background:#FFF url(Image/go-next.png) no-repeat 90% center;
padding-right:25px;
}

.Pagination .PagePrev A {
background:#FFF url(Image/go-previous.png) no-repeat 5% center;
padding-left:25px;
}

.Pagination .PageNext A:hover,.Pagination .PagePrev A:hover {
background-color:#ACA79C;
border-bottom:1px solid #ACA79C;
border-right:1px solid #ACA79C;
color:#FFF;
}

.ErrorMsg {
background:#FFF url(Image/Msg-Error.gif) no-repeat 5px center;
display:block;
color:#E44200;
font-size:18px;
font-weight:700;
margin:4px;
padding:30px 30px 30px 85px;
}

.WarningMsg {
background:#FFF url(Image/Msg-Attention.gif) no-repeat 5px center;
display:block;
color:#A24410;
font-size:18px;
font-weight:700;
margin:4px;
padding:30px 30px 30px 85px;
}

.InfoMsg {
background:#FFF url(Image/Msg-Information.gif) no-repeat 5px center;
display:block;
color:#132C96;
font-size:18px;
font-weight:700;
margin:4px;
padding:30px 30px 30px 85px;
}

OL OL LI {
list-style-type:lower-alpha;
}

.ContentPane A,.ContentPane A:visited,H2,H3,H1,H4,.Green {
color:#62AC1E;
}

QUOTE,CODE {
color:#62AC1E;
white-space:normal;
}

.wb1 P,.wb2 P,.wb3 P,.wb4 P,.wb6 P,.wb7 P,.wb8 P,.wbs P,.gb1 P,.gb2 P,.gb3 P,.gb4 P,.gb6 P,.gb7 P,.gb8 P,.gb9 P,.ogb1 P,.ogb2 P,.ogb3 P,.ogb4 P,.ogb6 P,.ogb7 P,.ogb8 P,.ogb9 P {
background-color:transparent;
line-height:0;
height:11px;
width:11px;
margin:0;
padding:0;
}

.btw1 P,.btw2 P,.btw3 P,.btw4 P,.btw6 P,.btw7 P,.btw8 P,.btw9 P,.bt70wst1 P,.bt70wst2 P,.bt70wst3 P,.bt70wst4 P,.bt70wst6 P,.bt70wst7 P,.bt70wst8 P,.bt70wst9 P {
background-color:transparent;
line-height:0;
height:12px;
width:12px;
margin:0;
padding:0;
}

.SidePane A,.LinkOption A.Off {
color:#000;
}

.SplitterInnerPane,.popupMenu,.WhiteBox,.SeasonalRates {
background-color:#FFF;
}

.ErrorLabel,.LinkOption A:disabled {
color:Red;
}

.DynamicMenuStyle,.StaticMenuStyle {
border:solid 1px #ccc;
padding:0 10px 2px 8px;
}

.DivLeft,.left {
text-align:left;
}

.BorderTable,.BorderTable > TR > TD {
border:1px solid #ccc;
}

.NoBorderTable,.NoBorderTable > TR > TD {
border:0 solid #ccc;
}

.CompanyLogo,.Pagination DIV.ViewRight {
float:right;
}

A.ModalPopup:hover,.SupplierAgreement EM {
text-decoration:underline;
}

.SupplierAgreement .CInfo,.SupplierAgreement P {
margin:0 20px;
}

.padleft5,.SeasonRateEditCtl .nameTitleColCss,.GroupDiscountEditCtl .nameTitleColCss,.PromoDiscountEditCtl .promoNameColCss {
padding-left:5px;
}

.stDateColCsss,.center {
text-align:center;
}

.maxTextarea TEXTAREA,.maxTextarea,.maxTextarea TABLE,.MaxTextArea {
width:100%;
}

.takeouth4 H4,.HelpModal .Arial2 A,.HelpModal TABLE {
display:none;
}

.bold,a.ContextMenuItem-Selected {
font-weight:700;
}