html { margin: 0; padding: 0; border: 0; }

body { margin: 0; padding: 0; border: 0; text-align: center; background: url('../../../graphics/background.jpg') top repeat-x scroll #0C82A8; }

div#page { clear: both; width: 883px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; border: 0; text-align: left; }
div#page div#header { clear: both; width: auto; margin: 0; padding: 7px 45px 0 45px; border: 0; text-align: left; }
div#page div#header div#logo { float: left; width: 270px; margin: 0; padding: 0 0 5px 0; }
div#page div#header div#topmenu { float: left; width: 523px; margin: 0; padding: 5px 0 0 0; text-align: right; }

div#page div#mainmenu { clear: both; width: auto; height: 47px; padding: 0; margin: 0; border: 0; }
div#page div#mainmenu div#mainmenu-space { clear: both; width: auto; padding: 0; margin: 0 auto; }
div#page div#mainmenu div#mainmenu-space div#mainmenu-space-1 { float: left; width: 16px; height: 47px; background: url('../../../graphics/header/menu-1.jpg'); }
div#page div#mainmenu div#mainmenu-space div#mainmenu-space-list { float: left; width: 836px; height: 47px; padding: 0 0 0 15px; background: url('../../../graphics/header/menu-all.jpg'); }
* html div#page div#mainmenu div#mainmenu-space div#mainmenu-space-list { width: 836px; }
div#page div#mainmenu div#mainmenu-space div#mainmenu-space-list ul { clear: both; margin: 0; padding: 0; list-style: none; } /* all lists */
div#page div#mainmenu div#mainmenu-space div#mainmenu-space-list li { float: left; position: relative; padding: 16px 14px 0 14px; }
div#page div#mainmenu div#mainmenu-space div#mainmenu-space-list li#menulist { height: 31px; }
* html div#page div#mainmenu div#mainmenu-space div#mainmenu-space-list li#menulist { height: 31px; }
div#page div#mainmenu div#mainmenu-space div#mainmenu-space-list li:hover, div#page div#mainmenu div#mainmenu-space div#mainmenu-space-list li.over { background: url('../../../graphics/header/menu-all-rollover.jpg'); }
div#page div#mainmenu div#mainmenu-space div#mainmenu-space-2 { float: left; width: 16px; height: 47px; background: url('../../../graphics/header/menu-2.jpg'); }

div#page div#splash-all { clear: both; height: 167px; text-align: center; }
div#page div#splash-all div#splash-contents { clear: both; height: 146px; margin: 0 auto; padding: 3px 0 0 0; background: url('../../../graphics/splash/splash-background.jpg') #FFFFFF; text-align: center; }
* html div#page div#splash-all div#splash-contents { height: 148px; }
div#page div#splash-all div#splash-contents div#splash-register { clear: both; width: 833px; margin: 0 auto; padding: 2px 20px 3px 0; border: 1px #DFE8EF solid; background: #FBFCFE; text-align: right; }
div#page div#splash-all div#splash-footer { clear: both; height: 19px; background: url('../../../graphics/splash/splash-footer.png'); }

div#page div#splash-all-2 { clear: both; height: 147px; text-align: center; }
div#page div#splash-all-2 div#splash-contents-2 { clear: both; height: 127px; margin: 0 auto; padding: 3px 0 0 0; background: url('../../../graphics/splash/splash-background.jpg') #FFFFFF; text-align: center; }
* html div#page div#splash-all-2 div#splash-contents-2 { height: 128px; }
div#page div#splash-all-2 div#splash-footer { clear: both; height: 19px; background: url('../../../graphics/splash/splash-footer.png'); }
 
div#page div#splash-home div#splash-contents div#dashboard { clear: both; width: 857px; height: 480px; margin: 0 auto; border: 1px #DFE8EF solid; text-align: left; }
div#page div#splash-home div#splash-contents div#dashboard div#dashboard-title { clear: both; padding: 6px 0 7px 45px; border-bottom: 1px #DFE8EF solid; background: #FFFFFF url('../../../graphics/mbox/menu-background-header.jpg'); }
div#page div#splash-home div#splash-contents div#dashboard div#dashboard-contents { clear: both; height: 213px; border-bottom: 1px #DFE8EF solid; background: url('../../../graphics/dashboard-background.jpg'); }
div#page div#splash-home div#splash-contents div#dashboard div#dashboard-notice { clear: both; padding: 4px 0 3px 0; height: 17px; border-bottom: 1px #DFE8EF solid; background: #FFFFFF; }
div#page div#splash-home div#splash-contents div#dashboard div div div#dashboard-column { float: left; width: 170px; height: 190px; padding: 0; }
div#page div#splash-home div#splash-contents div#dashboard div div div#dashboard-column div#dashboard-column-title { clear: both; padding: 6px 0 5px 0; text-align: center; background: #FFFFFF; border-bottom: 1px #E9F1F8 solid; }
div#page div#splash-home div#splash-contents div#dashboard div div div#dashboard-column div ul { list-style: none; margin: 0; padding: 2px 0 2px 0; text-align: center; }
div#page div#splash-home div#splash-contents div#dashboard div div div#dashboard-column div ul li { padding: 1px 0 2px 0; border-top: 1px transparent solid; border-bottom: 1px transparent solid; }
div#page div#splash-home div#splash-contents div#dashboard div div div#dashboard-column div ul li:hover, div#page div#splash-home div#splash-contents div#dashboard div div div#dashboard-column div ul li.over { border-top: 1px #DFE8EF solid; border-bottom: 1px #DFE8EF solid; background: url('../../../graphics/menu-dashboard-background.jpg'); }
div#page div#splash-home div#splash-contents div#dashboard div#dashboard-footer { clear: both; padding: 1px 35px 5px 0; text-align: right; border-top: 1px #DFE8EF solid; background: url('../../../graphics/dashboard-background.jpg'); }

div#page div#contents { clear: both; margin: 0; padding: 0 20px 20px 20px; text-align: center; overflow: hidden; background: url('../../../graphics/contents/home-contents-background.png'); }

div#page div#contents div#home-content { clear: both; }
 
div#page div#contents div#page-title { clear: both; height: 28px; padding: 5px 25px 2px 40px; border-bottom: 1px #007CA5 solid; text-align: left; }
* html div#page div#contents div#page-title { height: 28px; }
div#page div#contents div#page-title div#page-header { float: left; }
div#page div#contents div#page-title div#page-options { float: right; padding: 3px 0 0 0; }

div#page div#contents div#content { clear: both; width: 843px; margin: 0 auto; }

div#content table { } 
div#content table tr { }
div#content table tr td.TableHeader { padding: 5px 0 6px 15px; background: url('../../../graphics/background-table-header.jpg'); border-top: 1px #DFE8EF solid; border-bottom: 1px #DFE8EF solid; font-weight: bold; color: #006C90; }
div#content table tr td { padding: 4px 3px 5px 3px; }
div#content table tbody.AflaTableBody { background: url('../../../graphics/afla-background.jpg'); }

div#ReceiversInterface { width: 220px; height: 150px; border: 1px #8C8C8C solid; overflow-x: auto; overflow-y: scroll; font-size: 11px; text-align: center; white-space: nowrap; }
div#ReceiversInterface ul { clear: both; list-style: none; margin: 0 ;padding: 0; border: 0; }
div#ReceiversInterface ul li { clear: both; margin: 0; padding: 0 3px 0 3px; border: 0; text-align: left; }

div#page div#contents div#content div#leftborder { float: left; width: 220px; margin: 0; padding: 0; }

div#page div#contents div#content div#leftborder div#mbox-header { clear: both; margin: 0; padding: 5px 10px 7px 0; text-align: right; border-bottom: 1px #007CA5 solid; background: #FFFFFF url('../../../graphics/mbox/menu-background-header.jpg'); }
div#page div#contents div#content div#leftborder div#mbox { clear: both; margin: 0; padding: 10px 10px 5px 10px; text-align: justify; border-bottom: 1px #DFE8EF solid; }
div#page div#contents div#content div#leftborder div#mbox-options { clear: both; margin: 0; padding: 0; text-align: center; background: no-repeat url('../../../graphics/mbox/menu-background-orange.jpg'); }
div#page div#contents div#content div#leftborder div#mbox-options ul { list-style: none; margin: 0; padding: 0; text-align: right; }
div#page div#contents div#content div#leftborder div#mbox-options ul li { position: relative; padding: 5px 0 7px 0; border-bottom: 1px #DFE8EF solid; }
div#page div#contents div#content div#leftborder div#mbox-options ul li.orange-box { background: url('../../../graphics/mbox/menu-background-orange-box.jpg'); }
div#page div#contents div#content div#leftborder div#mbox-options ul li a { padding: 0 10px 0 0; }
div#page div#contents div#content div#leftborder div#mbox-options ul li ul { display: none; position: relative; top: 7px; list-style: none; margin: 0; padding: 0 0 5px 0; border-top: 1px #B8CCDC solid; border-right: 1px #DFE8EF solid; background: url('../../../graphics/mbox-options/menu-level1-background.jpg'); }
div#page div#contents div#content div#leftborder div#mbox-options ul li:hover, div#page div#contents div#content div#leftborder div#mbox-options ul li.over { background: #FFFFFF; }

div.LeftMenuNotification { position: absolute; width: 350px; height: 75px; font-size: 10px; }
div.LeftMenuNotification div#CharacteristicTipName { clear: both; padding: 0 0 2px 5px; border-bottom: 1px #EAEAEA solid; color: #004B88; font-weight: bold; }
div.LeftMenuNotification div#CharacteristicTipDescription { clear: both; padding: 2px 3px 0 3px; }

div#page div#contents div#content div#pagesubtitle { float: right; width: 607px; height: 20px; padding: 5px 0 2px 8px; border-bottom: 1px #DFE8EF solid; text-align: left; background: url('../../../graphics/header/subtitles-background.jpg') #E9F2F7 repeat-y; }
div#page div#contents div#content div#pagedata { float: right; width: 599px; background: #FFFFFF; padding: 3px 7px 5px 7px; text-align: left; }

div#page div#contents div#content div#pagedata div#epayment h3 { font-size: 13px; font-weight: bold; color: #007CA5; text-align: justify; }
div#page div#contents div#content div#pagedata div#epayment h4 { font-size: 12px; font-weight: normal; color: #007CA5; text-align: justify; }
div#page div#contents div#content div#pagedata div#epayment p { text-align: justify; }
div#page div#contents div#content div#pagedata div#epayment ul { text-align: justify; }
div#page div#contents div#content div#pagedata div#epayment ul li { text-align: justify; }

div#sidebar { float: right; width: 219px; margin: 0; padding: 0; border-left: 1px #EAEAEA dotted; text-align: left; }
div#sidebar ul { list-style-type: none; font-size: 11px; margin: 0 auto; padding: 0; }
div#sidebar ul li { list-style-type: none; margin: 0; padding: 0; }
div#sidebar ul li h2 { clear: both; margin: 0; padding: 5px 0 7px 10px; text-align: left; border-bottom: 1px #007CA5 solid; background: #FFFFFF url('../../../graphics/mbox/menu-background-header.jpg'); font-size: 12px; font-weight: normal; }
div#sidebar ul li ul { list-style-type: none; margin: 0 auto; padding: 0; background: no-repeat url('../../../graphics/mbox/menu-background-orange-reversed.jpg'); }
div#sidebar ul li ul li { position: relative; padding: 5px 0 7px 15px; border-bottom: 1px #DFE8EF solid; }
div#sidebar ul li ul li:hover, div#sidebar ul li ul li.over { background: #FFFFFF; }
div#sidebar ul li ul li ul.children li{list-style-type:none;border:0;margin:0 auto;padding:0;}
div#sidebar ul li ul li a {text-decoration:none;}

div#page div#contents div#content div#pagedata p.ScenarioIntroduction { margin: 0; padding: 5px 3px 5px 3px; text-align: justify; }
div#page div#contents div#content div#pagedata p.ScenarioDescription { margin: 0; padding: 5px 3px 5px 3px; border-top: 1px #EAEAEA dotted; border-bottom: 1px #EAEAEA dotted; text-align: justify; background: #FCFCFC; }

div#page div#contents div#content div#pagedata ul.ScenariosList { clear: both; margin: 0; padding: 5px 3px 5px 30px; }
div#page div#contents div#content div#pagedata ul.ScenariosList li { clear: both; margin: 0; padding: 3px 0 4px 0; text-align: justify; }

div#page div#contents div#content div#pagedata div#ReportBox { clear: both; padding: 5px 0 5px 0; z-index: 0; }
div#page div#contents div#content div#pagedata div#ReportBox div#ReportBoxData { clear: both;  border: 1px #DFE8EF solid; }
div#page div#contents div#content div#pagedata div#ReportBox div#ReportBoxData div#ReportBoxTitle { clear: both; height: 15px; padding: 3px 15px 3px 15px; border-bottom: 1px #DFE8EF solid; background: url('../../../graphics/background-table-header.jpg'); }
div#page div#contents div#content div#pagedata div#ReportBox div#ReportBoxData div.ReportBoxExplenations { clear: both; padding: 5px 10px 5px 10px; background: #FFF5D7; border-bottom: 1px #FFEFBF solid; text-align: justify; }
div#page div#contents div#content div#pagedata div#ReportBox div#ReportBoxData div.ReportBoxContent { clear: both; padding: 5px 5px 5px 5px; overflow-x: scroll; }
div#page div#contents div#content div#pagedata div#ReportBox div#ReportBoxData div.ReportBoxContent { scrollbar-face-color: #DFE8EF; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #006C90; scrollbar-3dlight-color: #DFE8EF; scrollbar-arrow-color:  #006C90; scrollbar-track-color: #F2F2F2; scrollbar-darkshadow-color: #EAEAEA; }

div#page div#contents div#content div#pagedata div#contact-methods-info { clear: both; padding: 0 0 15px 0; }
div#page div#contents div#content div#pagedata div#contact-methods-list { float: left; width: 270px; padding: 0 0 10px 0; }
div#page div#contents div#content div#pagedata div#contact-methods-form { float: left; border-left: 1px #EAEAEA solid; padding: 0 0 0 20px; }

ul.solutions { margin: 0; padding: 0 0 5px 17px; }
ul.solutions li { padding: 1px 0 2px 0; }

ul#RateCard { list-style: none; margin: 0; margin: 0 10px 0 10px; padding: 0; border-top: 1px #EAEAEA dotted; }
ul#RateCard li { margin: 0; padding: 3px 0 4px 15px; border-bottom: 1px #EAEAEA dotted; }

ul#RateCardNotes { list-style: disc; margin: 0 20px 0 20px; padding: 0; }
ul#RateCardNotes li { padding: 2px 0 3px 0; text-align: justify; }

div.PagesPreview { clear: both; width: 598px; height: 348px; border-top: 1px #EAEAEA solid; border-right: 1px #EAEAEA solid; text-align: justify; }
div.PagesPreview div { float: left; width: 298px; border-bottom: 1px #EAEAEA solid; border-left: 1px #EAEAEA solid; }
div.PagesPreview div h4 { clear: both; height: 20px; margin: 0; padding: 7px 0 2px 10px; border-bottom: 1px #EAEAEA dotted; border-bottom: 1px #EAEAEA dotted; color: #007CA5; background: #FAFAFA; }
div.PagesPreview div h4 img { float: left; margin-right: 5px; margin-top: -3px; }
div.PagesPreview div p.PagePreview { clear: both; height: 115px; margin: 0; padding: 3px 10px 4px 10px; text-align: justify; border-bottom: 1px #EAEAEA dotted; font-weight: normal; background: #FFFFFF; }
div.PagesPreview div p { clear: both; height: 12px; margin: 0; padding: 2px 0 7px 15px; text-align: justify; font-weight: bold; background: #FAFAFA; }

div#page div#footer { clear: both; } 
div#page div#footer div#footer-content { clear: both; height: 31px; margin: 0; padding: 14px 35px 0 0; text-align: right; background: url('../../../graphics/footer/footer-background.png'); }
* html div#page div#footer div#footer-content { height: 31px; }
div#page div#footer div#footer-notes { clear: both; padding: 3px 25px 50px 25px; text-align: right; }

div#TemplateMessages { clear: both; width: 97%; height: 580px; padding: 10px 10px 10px 10px; background: #FFFFFF; text-align: justify; }
div#TemplateMessages div#TemplateHeader { clear: both; padding: 0 0 5px 10px; border-bottom: 1px #007CA5 solid; }
div#TemplateMessages div#TemplateContents { clear: both; height: 556px; padding: 0; border-left: 1px #007CA5 solid; border-right: 1px #007CA5 solid; border-bottom: 1px #007CA5 solid; }
div#TemplateMessages div#TemplateContents div#TemplateCategories { float: left; width: 190px; height: 556px; border-right: 1px #DFE8EF solid; background: #FAFAFA; }
div#TemplateMessages div#TemplateContents div#TemplateCategories div#TemplateCategoryHeader { clear: both;  margin: 0; padding: 7px 10px 8px 0; text-align: right; border-bottom: 1px #007CA5 solid; background: #FFFFFF url('../../../graphics/mbox/menu-background-header.jpg') repeat-x; }
div#TemplateMessages div#TemplateContents div#TemplateCategories div#TemplateSubcategoryHeader { clear: both; padding: 3px 10px 4px 0; background: #FAFAFA; text-align: right; border-bottom: 1px #EAEAEA solid; color: #007CA5; }
div#TemplateMessages div#TemplateContents div#TemplateCategories ul#TemplateGroup { clear: both; list-style: none; margin: 0; padding: 0; }
div#TemplateMessages div#TemplateContents div#TemplateCategories ul#TemplateGroup li { margin: 0; padding: 3px 10px 4px 0; text-align: right; background: url('../../../graphics/mbox/menu-background-orange-box.jpg'); border-bottom: 1px #EAEAEA dotted; }

div#TemplateMessages div#TemplateContents div#TemplateInformation { float: left; width: 456px; height: 53px; padding: 5px 10px 5px 0; border-bottom: 1px #007CA5 solid; }
div#TemplateMessages div#TemplateContents div#TemplateContent { float: right; width: 466px; height: 483px; padding: 5px 0 5px 0; overflow-y: scroll; }
div#TemplateMessages div#TemplateContents div#TemplateContent div.TemplateMessage { clear: both; height: 85px; margin: 0 10px 0 10px; border-bottom: 1px #EAEAEA solid; background: #FAFAFA; }
div#TemplateMessages div#TemplateContents div#TemplateContent div.TemplateMessage div { clear: both; height: 45px; padding: 7px 10px 3px 10px; border-bottom: 1px #EAEAEA solid; background: #FFFFFF; } 
div#TemplateMessages div#TemplateContents div#TemplateContent div.TemplateMessage ul { clear: both; list-style: none; margin: 0; padding: 3px 0 0 10px; }
div#TemplateMessages div#TemplateContents div#TemplateContent div.TemplateMessage ul li { float: left; margin: 0; padding: 2px 5px 3px 5px; }