/********************************************************** 
************* Rainmaker Business Technologies *************
***********************************************************
                DO NOT MODIFY PER CUSTOMER
        Customer specific styles are in airline.css
**********************************************************/

BODY                                    { margin: 0; border: 0; }
BODY, INPUT, TEXTAREA, SELECT, TABLE    { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
H1, H2, H3                              { margin: 0; }
H1                                      { font-size: large; color: #444; margin: 3px 0px 3px 0px; }
H2                                      { font-size: medium; color: #444; }
H3                                      { font-size: small; color: #444; }
TEXTAREA                                { padding: 0 3px; }
HR.divider                              { height: 1px; color: #b5bbc0; background-color: #b5bbc0; width: 100%; margin: 1; border: 0; }

a, 
a:link, 
a:active                                { color: Navy; }
a:visited                               { color: #222; }
a:hover                                 { color: #666; }

/* Buttons */
.primaryButton                          { background: url(Buttons/button27Right.png) top right no-repeat; height: 27px;
	                                        padding: 0px 11px 0px 0px; margin: 5px 0px 0px 4px; float: left; }
.primaryButton input                    { background: url(Buttons/button27Left.png) 0px 0px no-repeat; height: 27px; 
                                            line-height: 19px; border: 0px; margin: 0px; color: #333; font-weight: bold; 
                                            font-size: 11px; padding: 2px 1px 4px 12px; cursor: pointer; cursor: hand; float: left; }                    
.primaryButton:hover                    { background: url(Buttons/button27Right.png) right -27px no-repeat; }      
.primaryButton input:hover              { background: url(Buttons/button27Left.png) 0px -27px no-repeat; color: #111; }

.submitButton70,
.submitButton100,
.submitButton130,
.submitButton160                        { border: 0px; margin: 0px; color: #333; font-weight: bold; cursor: pointer; cursor: hand; 
                                            height: 21px; font-size: 8pt; }
.submitButton70                         { background: url(Buttons/button22x70.png) 0px 0px no-repeat; width: 70px; }
.submitButton70:hover                   { background: url(Buttons/button22x70.png) 0px -22px no-repeat; color: #111; }
.submitButton100                        { background: url(Buttons/button22x100.png) 0px 0px no-repeat; width: 100px; }
.submitButton100:hover                  { background: url(Buttons/button22x100.png) 0px -22px no-repeat; color: #111; }
.submitButton130                        { background: url(Buttons/button22x130.png) 0px 0px no-repeat; width: 130px; }
.submitButton130:hover                  { background: url(Buttons/button22x130.png) 0px -22px no-repeat; color: #111; }
.submitButton160                        { background: url(Buttons/button22x160.png) 0px 0px no-repeat; width: 160px; }
.submitButton160:hover                  { background: url(Buttons/button22x160.png) 0px -22px no-repeat; color: #111; }
                                            

/* Label */
.controlLabel                           { font-weight: bold; padding: 0px 4px 0px 4px; text-align: right; 
                                         	color: #333; white-space: nowrap; float: right; }

/* GridView, Table */
.gridViewMain, .table                   { border-collapse: separate; }
.gridViewRowStyle, 
.gridViewSelectedRowStyle,
.gridViewAlternatingRowStyle,
.dataTable tr td                        { border-bottom: 1px solid #D8DBDB; text-align: center; }
.gridViewRowStyle td a,
.gridViewRowStyle td a:link,
.gridViewSelectedRowStyle td a,
.gridViewSelectedRowStyle td a:link,
.gridViewAlternatingRowStyle td a,
.gridViewAlternatingRowStyle td a:link,
.gridViewHeaderStyle th a,
.gridViewHeaderStyle th a:link,
.gridViewHeaderStyle th a:visited,
.gridViewReportHeaderStyle th a,
.gridViewReportHeaderStyle th a:link,
.gridViewReportHeaderStyle th a:visited { color: #000; cursor: pointer; }
.gridViewRowStyle                       { background-color: #ffffff; }
.gridViewSelectedRowStyle               { background-color: #fff5bd; border-top: solid 1px #f6c572; border-bottom: solid 1px #f6c572; }
.gridViewAlternatingRowStyle            { background-color: #f3f5f6; }
.gridViewHeaderStyle, 
.dataTable tr th                        { background-color: #efefef; border-bottom: 1px solid #bbb; text-align: center; }
.gridViewReportHeaderStyle th           { background-color: #eaf5ff; border: 1px solid #86a8c9; text-align: center; }
.gridViewRowStyle td a:hover    
.gridViewSelectedRowStyle td a:hover,
.gridViewAlternatingRowStyle td a:hover,
.gridViewHeaderStyle th a:hover,
.gridViewReportHeaderStyle th a:hover   { color: #444; } 
.gridViewFooterStyle                    { background-color: #efefef; font-weight: bold; text-align: center; }
.gridViewPagerStyle                     { background-color: #efefef; }
.gridViewNoData                         { width: 750px; margin: auto; padding: 30px; border: none; text-align: center; color: #777777; }


/* Old List Pager, to be removed when user control no longer in use  */
.pagerOuter                 { text-align: center;  width: 97%; min-width: 400px; }
.pager                      { text-align: center; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; 
                              color: #333; margin: 0px auto 0px auto; padding: 4px 0px 2px 0px; }
.pagerLinks, .pagerInfo     { padding: 3px; margin: auto; }
.pagerInfo, .pager select   { color: #555; }
.pager select               { font-size: 7pt; }
.pagerLink, 
.pagerLink:link, 
.pagerLink:hover,
.pagerLinkSelected, 
.pagerLinkSelected:link, 
.pagerLinkSelected:hover, 
.pagerLinkSelected:visited  { border: solid 1px #aaa; padding: 0px 2px 0px 2px; background-color: #f5f5f5; 
                              text-decoration: none; cursor: pointer; color: #333; }
.pagerLink, 
.pagerLink:link             { background-image: url(pagerLink.png); background-repeat: repeat-x; }
.pagerLink:hover            { background-color: #c6e0c2; color: #000; background-image: none; }
.pagerLinkSelected,
.pagerLinkSelected:link, 
.pagerLinkSelected:hover, 
.pagerLinkSelected:visited  { background-color: #c5c5c5; cursor: default; color: #555; background-image: none; }


/* List Pager */
.listPager                  { font-size: 8pt; color: #777; font-family: Arial, Helvetica, sans-serif; 
                                display: block; padding: 0px 0px 2px 0px; }
.listPagerLinks,
.listPagerInfo              { margin: 0px 0px 0px 24px; }
.listPagerPageSize          { margin: 0px 0px 0px 4px; }
.listPagerPageSize select   { font-size: 7pt; color: #777; margin: 0px; border: solid 1px #ccc; background-color: #efefef; }

.listPagerLink,
.listPagerLink:link,
.listPagerLink:hover,
.listPagerLinkSelected, 
.listPagerLinkSelected:link, 
.listPagerLinkSelected:hover, 
.listPagerLinkSelected:visited  { text-decoration: underline; cursor: pointer; color: #555; padding: 0px 3px 0px 3px; }

.listPagerLink:hover            { color: #000; }

.listPagerLinkSelected, 
.listPagerLinkSelected:link, 
.listPagerLinkSelected:hover, 
.listPagerLinkSelected:visited  { text-decoration: none; cursor: default; color: #888; }


/* Date Range Picker */
.rangePickerControl             { white-space: nowrap; }
.rangePickerOuter               { color: #555; display: inline-block; }
.rangePicker                    { z-index: 10000000; }
.rangePicker, 
.rangePicker ul                 { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; z-index: 10000000; }
.rangePicker ul li              { padding: 0; width: 80px; background: #fff url(Panel/panelBackground.png) repeat-x;  }
.rangePicker ul li a            { border-right: 0 none; color: #333; padding: 3px 6px; border-top: solid 1px #f7f7f7; border-bottom: solid 1px #f7f7f7; }
.rangePicker a                  { display: block; padding: 1px 3px 1px 3px; }
.rangePicker a.trigger,
.rangePicker a.trigger:link, 
.rangePicker a.trigger:hover, 
.rangePicker a.trigger:active, 
.rangePicker a.trigger:visited  { color: #e6e6e6; }
.rangePicker a.trigger:hover, 
.rangePicker a.trigger:active   { color: #fff; }
.rangePicker a.trigger          { cursor: pointer; height: 20px; width: 28px; margin: -2px 0px -4px 0px; padding: 0px; background-image: url(Buttons/dateRangePicker.png); }
.rangePicker li                 { float: left; position: relative; position: static; width: auto; }
.rangePicker li ul, 
.rangePicker li ul              { border: 1px solid #888888; background-color: #ffffff; display: none; position: absolute; }
.rangePicker li:hover a, 
.rangePicker a:focus, 
.rangePicker a:active, 
.rangePicker li.p7hvr a         { color: #000; text-decoration: none; }
.rangePicker li:hover a.trigger { color: #fff; background-position: 0 20px; }
.rangePicker li:hover ul, 
.rangePicker li.p7hvr ul        { display: block; }
.rangePicker li:hover ul a, 
.rangePicker li.p7hvr ul a      { background-color: transparent; color: #222; }
.rangePicker ul a:hover         { background-color: #fff5bd !important; color: #000 !important; border-top: solid 1px #f6c572; border-bottom: solid 1px #f6c572; }
.rangePicker                    { float: left; }
.rangePicker ul li a            { padding-left: 3px; }
.rangePicker li ul              { margin-top: 3px; }

/* TimeTextBox & DurationTextBox & NumberTextBox & DropDownCheckBoxList */
.dateTimeTextBoxControl,
.dateTimeTextBoxDropDown,
.durationTextBoxControl,
.numberTextBoxControl,
.dropDownCheckBoxListControl    { white-space: nowrap; }
.dateTimeTextBoxTimeButton,
.dateTimeTextBoxDateButton,
.durationTextBoxButton,
.numberTextBoxButton,
.dropDownCheckBoxListButton     { border: none; cursor: pointer; margin: 0px 0px -4px 0px; }
.dropDownCheckBoxListDropDown   { background: #fff url(Panel/panelBackground.png) repeat-x; border: solid 1px #888; margin: 0px 0px 0px 1px; z-index: 10000000; overflow: auto; }
.dropDownCheckBoxListSelectAll  { padding: 2px 0px 0px 3px; }
.dateTimeTextBoxDaysDiff        { color: #666; font-size: 80%; }
.dateTimeTextBoxDropDown        { background-color: #eee; border: solid 1px #888; padding: 0px 2px 2px 2px; margin: 0px 0px 0px 1px; z-index: 10000000; }
.dateTimeTextBoxDate            { background-color: #eee; border: none; }
.dateTimeTextBoxLeftAlign       { background-color:#eee; border: solid 1px #888; padding: 0px 2px 2px 2px; margin: 0px 8px 0px 1px; float:left; display:inline-block;}

/* Information Panel */
.informationPanel               { border: solid 1px #b5bbc0; margin: 2px 2px 2px 2px; min-height: 12px; padding: 5px 6px 6px 30px;
                                    -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.informationPanelInfo           { background: #eef8ff url(Icons/info.png) no-repeat 3px 3px; }
.informationPanelWarning        { background: #ffffb3 url(Icons/warning.png) no-repeat 3px 3px; }
.informationPanelError          { background: #ffddad url(Icons/error.png) no-repeat 3px 3px; }

/* UpdatePanelProgressIndicator */
.updateProgressOverlay          { position: absolute; z-index: 100000000; left: 0; top: 0; display: block; 
                                    background-color: #fff; filter: alpha(opacity=40); opacity: 0.4; }
.updateProgress                 { position: absolute; z-index: 100000001; border: solid 2px #aaa; }

/* Client Dialog */
.dialogLink                     { border-bottom: double 3px #888; cursor: pointer; }
.dialogOverLay                  { position: absolute; z-index: 100000000; left: 0; top: 0; display: block; 
                                    background-color: #ccc; filter: alpha(opacity=40); opacity: 0.4; }

/* Panel */
.panel                      { margin: 2px 0px 4px 0px; display: table; width: 100%; }
.panelHeader,
.panelHeaderLeft            { color: #333; height: 28px; background-repeat: no-repeat; } 
.panelHeader                { background: url(Panel/p_title_right.png) right top no-repeat; margin-left: 9px; }
.panelHeaderLeft            { background: url(Panel/p_title_left.png) left top no-repeat; float: left; width: 9px; margin-left: -9px; position: relative; }
.panelHeaderTitle           { float: left; margin: 5px 4px 4px 2px; font-weight: bold; }
.panelHeaderContent         { float: left; margin: 5px 4px 4px 2px; }
.panelHeaderButtons         { float: right; margin: 7px 10px 1px 1px; }
.panelHeaderButtons input   { padding: 0 .25em; }
.panelHeaderCloseButton,
.panelHeaderMinimiseButton,
.panelHeaderMaximiseButton,
.panelHeaderHelpButton,
.panelHeaderEditButton      { width: 13px; height: 13px; float: left; margin: 0px 0px 0px 2px; cursor: pointer; cursor: hand; border: 0; background-color: #fff;}
.panelHeaderCloseButton:hover,
.panelHeaderMinimiseButton:hover,
.panelHeaderMaximiseButton:hover,
.panelHeaderHelpButton:hover,
.panelHeaderEditButton:hover{ background-position: 50% -13px; }
.panelHeaderCloseButton     { background-image: url(Buttons/widgetClose.png); }
.panelHeaderMinimiseButton  { background-image: url(Buttons/widgetMinimise.png); }
.panelHeaderMaximiseButton  { background-image: url(Buttons/widgetMaximise.png); }
.panelHeaderHelpButton      { background-image: url(Buttons/widgetHelp.png); }
.panelHeaderEditButton      { background-image: url(Buttons/widgetEdit.png); }

.subPanelHeader             { background-color: #f8f8f8; color: #444; font-weight: bold; padding: 3px 10px 5px 10px; min-height: 17px; }
.subPanelHeaderTitle        { float: left; margin: 1px 4px 1px 2px; font-weight: bold; }
.subPanelHeader,
.panelBody                  { border-right: solid 1px #b5bbc0; border-left: solid 1px #b5bbc0; }
.panelBody                  { background-image: url(Panel/panelBackground.png); background-repeat: repeat-x; background-color: #fff; clear: both; }
.panelBodyContent           { padding: 3px; }                           
               
.panelFooter,
.panelFooterSmall,
.panelFooterLarge           { clear: both; }
.panelFooter,
.panelFooterSmall,
.panelFooterLarge,
.panelFooterLeft            { color: #333; height: 35px; background-repeat: no-repeat; } 
.panelFooter,
.panelFooterSmall,
.panelFooterLarge           { background: url(Panel/p_footer_right.png) right bottom no-repeat; margin-left: 14px; } 
.panelFooterLeft            { background: url(Panel/p_footer_left.png) left bottom no-repeat; float: left; width: 14px; margin-left: -14px; position: relative; }
.panelFooterSmall,
.panelFooterSmall .panelFooterLeft       { height: 12px; }
.panelFooterLarge,
.panelFooterLarge .panelFooterLeft       { height: 50px; }
.panelFooterContent         { padding: 3px; float: left; }
.panelFooterButtons         { float: right; margin: 0px 5px 0px 0px; }


/* Tabs */
.tabsBar, .tabsBarLeft      { color: #333; height: 28px; background-repeat: repeat-y; } 
.tabsBar                    { background-image: url(Panel/tabsBar.png); background-position: right top; margin-left: 9px; }
.tabsBarLeft                { background-image: url(Panel/tabsBarLeft.png); background-position: left top; float: left; width: 9px; margin-left: -9px; position: relative; }
.tab,
.tabActive,
.tabLeft                    { color: #333; background-repeat: no-repeat; float: left; }
.tab, .tabActive            { background-image: url(Panel/p_title_right.png); background-position: right top; padding: 0px 7px 0px 0px; margin: 1px 2px 0px 11px; }
.tab                        { margin: 3px 2px 2px 11px; }
.tabLeft                    { background-image: url(Panel/p_title_left.png); background-position: left top; float: left; width: 9px; margin-left: -9px; position: relative; }
.tabActive, 
.tabActive .tabLeft         { height: 25px; border-bottom: solid 1px #e7e9eb; }
.tab, 
.tab .tabLeft               { height: 23px; }
.tabTitle                   { float: left; margin: 5px 4px 4px 1px; }
.tabActive .tabTitle a,
.tabActive .tabTitle a:link { color: #333; font-weight: bold; white-space: nowrap; }
.tab .tabTitle a,
.tab .tabTitle a:link       { color: #666; white-space: nowrap; }
.tab .tabTitle a:hover      { color: #000; }
.tabActive .tabTitle        { cursor: default; }
.tab .tabTitle              { cursor: pointer; }


/* Calendars */
.calendarTitle              { color: #e6e6e6 !important; margin: 0px !important; font-weight: bold; }
.calendarNextPrev a:link,
.calendarNextPrev a:active, 
.calendarNextPrev a:visited,
.ajax__calendar .ajax__calendar_title,
.ajax__calendar .ajax__calendar_title:link,
.ajax__calendar .ajax__calendar_title:active, 
.ajax__calendar .ajax__calendar_title:visited       { color: #e6e6e6 !important; text-decoration: none; }
.calendarNextPrev a:hover   { font-weight: bold; color: #ffffff !important; }
.calendarDayHeader,
.ajax__calendar .ajax__calendar_days table thead td    { background-color: #d1d1d1; font-weight: bold; color: #333333; }
.calendarDay,
.ajax__calendar .ajax__calendar_day { background-color: #f5f5f5; margin: 0px; }
.calendarDay                { padding: 4px 6px 4px 6px; }
.calendarSelectedDay        { background-color: #999999 !important; color: #fff; font-weight: bold !important; }
.calendarSelector           { background-color: #8C8EAA; }
.calendarWeekendDay         { background-color: #ebebeb; padding: 4px 6px 4px 6px; } 
.calendarMonthDayStyle      { background-color: #ededed; padding: 4px 6px 4px 6px; }
.calendarTodayDay           { background-color: #D2D5DE; color: #222222; }
.ajax__calendar .ajax__calendar_container   { margin: 0px; padding: 0px; }
.ajax__calendar .ajax__calendar_header      { padding-top: 5px; }
.ajax__calendar .ajax__calendar_title:hover { font-weight: bold; color: #ffffff !important; }


/* Icon Sprite */
.iconDocument1                  { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -2px;}
.iconDocumentPencil1            { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -22px; }
.iconDocument2                  { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -42px; }
.iconDocument3                  { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -62px; }

.iconClipboard                  { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -82px; }
.iconClipboardPencil            { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -102px; }
.iconClipboardTick              { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -122px; }
.iconClipboardX                 { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -142px; }
.iconClipboardSearch            { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -162px; }
.iconClipboardNumbers           { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -182px; }

.iconReport1                    { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -202px; }
.iconChartLine                  { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -222px; }
.iconChartBar                   { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -242px; }
.iconChartPie                   { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -262px; }

.iconSearch                     { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -282px; }
.iconRefresh                    { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -302px; }
.iconPrinter                    { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -322px; }
.iconComment                    { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -342px; }
.iconClock                      { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -362px; }
.iconPerson                     { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -382px; }

.iconTickbox                     { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -402px; }
.iconTickboxTicked               { width: 16px; height: 16px; background: url(Icons/iconSprite.png) no-repeat -2px -422px; }


/* Overview panel and links */
.ovPanelBody                    { background-image: none; background-color: #fcfcfc; }
.ovPanelBodyContent             { padding: 3px 0px; }
.ovPanelBody table tr td        { border-bottom: solid 1px #dde4ea; }
a.ovLink                        { display: block; color: #111; font-weight: bold; height: 16px; line-height: 16px; text-decoration: none; }
a:hover.ovLink                  { color: #000; }
.ovIcon                         { text-indent: 24px; display: block; width: 100%; height: 16px; }

/* Misc */
.visible                    { display: block; }
.invisible                  { display: none; }
.nowrap                     { white-space: nowrap; }
.nopadding                  { padding: 0; }
.message                    { color: #f00; font-weight: bold; }


/* Printing */
@media print 
{
    a, 
    a:link, 
    a:active,
    a:visited                   { text-decoration: none; }   
    
    #masterHeader,
    .printHide,
    .pagerLinks,
    .primaryButton,
    .submitButton70,
    .submitButton100,
    .submitButton130,
    .submitButton160,
    .listPagerLinks             { display: none; }    
    
    .panel,
    .panelHeader,
    .panelFooter,
    .panelFooterSmall,
    .panelFooterLarge           { background-color: #000; color: #fff; } 
    
    .panel                      { border: solid 1px #000; }
    .panelHeader,
    .subPanelHeader             { border-bottom: solid 1px #000; }
    
    .panelHeaderTitle,
    .panelBody,
    .panelFooter,
    .panelFooterSmall,
    .panelFooterLarge           { border: none; }    
    
    .dialogLink                 { border-bottom: none; }
}


/* Overview Styles */
.collapsiblePanelContainer { height: 0; overflow: hidden; }