/*
#############################################################################
#
#   Application    : MSETTT
#   File Name      : msettt.css                
#   Purpose        : YUI 2 reset-fonts
#
#   			The YUI reset and fonts CSS sets all HTML elements to an 'unstyled' state.
#
#   			This makes it much easier when applying CSS to ensure it is represented the same
#   			across all blens of browsers
#
#
#   Last Date      : $Date$
#   Last Author    : $Author$
#   Last Version   : $Revision$
#
############################################################################## 
# History                                                                      
#                                                                              
# Date          Version         Name             Description                   
# ???           ????            ????             INitial Version
# 10-Nov-2010	V1.0.TAT.0.0	Tank Trevisan	 Changed width element of MultiRowCanvasMyMseCustEvOrder, 
#									 MultiRowCanvasMyMseCustEvOrderHdr,
#									 CanvasSingleDriverName to 650px from 600px
# 10-Nov-2010   V1.0.TAT.0.0    Tank Trevisan    ENH 225 - Added MultiRowCanvasBillingDownload 910px
# 28-Mar-2011   V1.0.PJL.0.1    Peter Liakos     ENH 230 - Changed SingleCanvasCustomerContact from 900pm to 1050 px
#                                                        - Added PageCustomerContact 1050 px 
# 18-Aug-2011   V1.0.PJL.0.2    Peter Liakos     ENH 243 - Changed MultiRowCanvasCustProdList from 1150px to 1250px
# 15-Sep-2011   V1.0.PJL.0.3    Peter Liakos     ENH 244 - Changed MultiRowCanvasCustomerVehicle from 1270px to 1296px
# 26-Sep-2011   V1.0.PJL.0.4    Peter Liakos     ENH 244 - Changed PageCustomerVehicle pop up screen to 1300px
#							 - Changed MultiRowCanvasCustomerVehicle to 1300px
# 27-Oct-2011   V1.0.PJL.0.5    Peter Liakos     ENH 250 - Changed MultiRowCanvasCustProdList from 1250px to 1310px
# 04-OCT-2012	V1.0.TAT.0.6	Tank Trevisan	 BUG 54932 - changed MultiRowCanvasCustomerVehicle and PageCustomerVehicle to 2000px
# 16-NOV-2012   V1.0.DJG.0.7    David Gillespie  BUG 54932 - changed MultiRowCanvasCustomerVehicle and PageCustomerVehicle to 2050px
# 20-FEB-2013   V1.0.DJG.0.8    David Gillespie  BUG 54932 - changed MultiRowCanvasCustomerVehicle and PageCustomerVehicle to 2180px
# 10-MAY-2013   V1.0.DJG.0.9    David Gillespie  Bug 61054 - TTT - ENH #277: Spec Sending Accompanying Letters to different addresses - set PageSupplierContact and SingleCanvasSupplierContact to 1150px
# 02-JUL-2013   V1.0.TAT.1.0    Tank Trevisan    BUG 62144 - changed MultiRowCanvasCustomerVehicle and PageCustomerVehicle to 2370px
# 20-DEC-2013   V1.0.SHP.1.1    Sean Park        BUG 64581 - changed MultiRowCanvasCustomerVehicle and PageCustomerVehicle to 2600px
##############################################################################
*/

*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
*   MSETTT Original
*
*   The original MSETTT stylesheet cleaned up and refactored somewhat
*
*/
HTML, BODY {
    height: 100%;
    background-color: #0075C5; 
    font-size: 9pt;
}
A {
    text-decoration: none;
}
A:visited {
    color: black;
}
A:active {
    color: black;
}
FORM {
    margin: 0px;
    padding: 0px;
}
IMG[class="LOVButton"] {
    top: -4px;
}
TD.TruckLink A:hover{
    cursor: pointer;
}
TD.ReportViewLink {
    color:blue;
    cursor: pointer;
}
TD.CanvasLink2 {
    cursor: pointer;
}
TD.CanvasLink2:hover {
    cursor: default;
}
TD.CanvasLink2:hover A {
    background-color: white;
    color: black;
    cursor: pointer;
}
TD.CanvasLink2 A {
    color: blue;
}
TD.ARCurrency {
    text-align: right;
    width: 60px;
    font-family: Tahoma;
}
TD.ARTRXCurrency {
    text-align: right;
    width: 60px;
    font-weight: bold;
    font-family: Tahoma;
}
TD.ARadjustments{
    text-align: center;
    width: 100px;
} 
TD.ARhasAdjustments {
    background-color: #FFAAAA;
    text-align: center;
}
.Compatibility #PageContainer {
    background-color: #0075C5;
    min-width: 967px;
    margin: auto;
}
.Compatibility #PopupPageContainer {
    background-color: #0075C5;
    width: 900px;
    margin: 20px;
/*    margin: auto;
    overflow: hidden;
*/
}

.PageCustYeb #PopupPageContainer {
    width: 1000px !important;
}

.PageCustYebHistory #PopupPageContainer {
    width: 1300px !important;
}

.Compatibility #PopupPageContainer #PageNavBarSub {
    margin: 0;
    top: 0px;
}
.Compatibility #PopupPageContent {
    display: block;
}
.Compatibility .Frame #PageContainer {
    background-color: #e3e3e3;
    margin: auto;
}
.Compatibility #PageContent {
    background-color: #0075C5; 
    width: 800px;
    float: left;
    position: relative;
    top: -50px;
    margin-left: 10px;
}
.Compatibility #PopupPageContent table {
    width: 100%;
}
.Compatibility #PopupPageContent table table {
    width: 100%;
}
.Compatibility TABLE#PageContent {
    width: 600px;
}
.Compatibility #PageHeader {
    background-color: #0075C5; 
    width: 98%;
    margin: 0px;
    padding: 0px;
    height: 86px;
    top: 0px;
    left: 0px;
}

.Compatibility #PageFooter {
    background-color: #0075C5;
    color: white;
    width: 100%;
    clear: left;
    text-align: center;
}
.Compatibility #PageLogo {
    text-align: center;
    background: #0075C5 url("/images/application/TruckLogo.jpg") no-repeat left;
    height: 85px;
    float: left;
    width: 146px;
/*    border-bottom: 1px solid white; */
}
.Compatibility #PageNavInfo {
    background-color: #003063;
    color: white;
    height: 25px;
    *left: -3px;
    position: relative;
    margin-top: 0px;
    margin-left: 146px; 
    *margin-left: 0; 
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.Compatibility #PageNavInfo UL {
    margin: 0px;
    height: 10px;
    width: 100%;
} 
.Compatibility #PageNavInfo UL LI {
    display: inline;
}
.Compatibility #PageOptions {
    margin: 0px;
    float: right;
    position: relative;
    top: -20px;
    right: 200px;
}
.Compatibility #PageOptions UL LI {
    margin: 0px;
    display: inline;
    list-style: none;
    padding-left: 20px;
} 
.Compatibility #PageDate {
    font-weight: bold;
    float: right;
    position: relative;
    top: -20px;
    left: 130px;
}
.Compatibility #PagePrint {
    width: 15px;
    height: 15px;
    margin: 0px;
    float: right;
    background-color: white;
    position: relative;
    padding: 3px;
    top: -23px;
    left: 270px;
    cursor: pointer;
}
.Compatibility #PagePopupHeader {
    background-color: #0075C5;
    width: 100%;
    height: 20px;
    margin: 0px;
}
.Compatibility #PagePopupHeader H1 {
    color: white;
    margin: 0px;
    float: left;
}
.Compatibility #PagePopupLogo {
    float: left;
    display: none;
} 

/*  nav bar sub */
.Compatibility #PageNavBarSub {
    background-color: #e3e3e3;
    border-bottom: 2px solid black;
    height: 30px;
    top: -56px;
    *left: -3px;
    margin-left: 146px;
    margin-right: 2%;
    position: relative;
    z-index: 1; 
}
.Compatibility #PageNavBarSub UL {
    color: white;
    margin: 0px;
    font-weight: bold;
}
.Compatibility #PageNavBarSub UL LI.First {
    border-left: 2px solid black;
    margin-left: 5px;
}
.Compatibility #PageNavBarSub UL LI {
    float: left;
    list-style-type: none;
    padding: 5px;
    bottom: -3px;
    position: relative;
    background-color: silver;
    border-right: 2px solid black;
    border-top: 2px solid black;
    border-left: 0px;
}

.Compatibility #PageNavBarSub A {
    text-decoration: none;
}
.Compatibility #PageNavBarSub .Selected {
    background-color: white;
    color: black;
    border-bottom: 2px solid white;
}

/*  mymse nav bar sub */
.Compatibility #MymsePageNavBarSub {
    background-color: #e3e3e3;
    border-bottom: 2px solid black;
    height: 30px;
    top: -56px;
    *left: -3px;
    z-index: 1; 
}
.Compatibility #MymsePageNavBarSub UL {
    color: white;
    margin: 0px;
    font-weight: bold;
}
.Compatibility #MymsePageNavBarSub UL LI.First {
    border-left: 2px solid black;
    margin-left: 5px;
}
.Compatibility #MymsePageNavBarSub UL LI {
    float: left;
    list-style-type: none;
    padding: 5px;
    bottom: -3px;
    position: relative;
    background-color: silver;
    border-right: 2px solid black;
    border-top: 2px solid black;
    border-left: 0px;
}

.Compatibility #MymsePageNavBarSub A {
    text-decoration: none;
}
.Compatibility #MymsePageNavBarSub .Selected {
    background-color: white;
    color: black;
    border-bottom: 2px solid white;
}

.Compatibility #PageNavBar {
    margin: 0px;
    width: 145px;
    float: left;
    min-height: 100%;
    padding-bottom: 150px;
}

.Compatibility #PageNavBar ul {
    width: 145px;
    padding: 0px;
    cursor: default;
    margin: 0px;
    border: 0px solid white;
}
.Compatibility #PageNavBar ul li {
    background-color: #003063;
    list-style-type: none;
    margin: 0px;
    position: relative;
    color: white;
    border-bottom: 1px solid white;
    
}
.Compatibility #PageNavBar li.hasSubmenu {
    background-image: url("/images/application/menu_arrow.gif");
    background-repeat: no-repeat;
}
.Compatibility #PageNavBar ul li a {
    text-decoration: none;
    color: white;
    width: 97%;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    display: block;
}
.Compatibility #PageNavBar ul li ul {
    top: -1px;
    left: 100px;
    display: none;
    position: absolute;
    color: black;
    background-color: orange;
    border: 1px solid black;
}
.Compatibility #PageNavBar ul li ul li {
    border-left: 15px silver solid;
    border-right: 1px silver black;
    background-color: #e3e3e3;
    border-bottom: 0px;
    z-index: 3000;
} 
.Compatibility #PageNavBar ul li ul li a {
    text-decoration: none;
    color: black;
    width: 96%;
    z-index: 3000;
}
.Compatibility #PageNavBar ul li a:hover {
    background-color: #C9242B !important;
    color: white;
}
.Compatibility #PageNavBar ul li.hover {
    background-color: #C9242B !important;
}
.Compatibility #PageNavBar .Selected {
    background-color: #0075C5;
    color: white;
}

.Compatibility #PageNavBar ul li.hover {
    z-index: 2000;
}
.Compatibility #PageNavBar ul li.hover ul {
    display: block;
    z-index: 2000;
}
.Compatibility #PageNavBar ul li.hover ul li {
    z-index: 2000;
}
.Compatibility #PageContainer .PopupPageContainer {
    width: 600px;
}
.Compatibility .PopupPageContainer #PageNavBarSub {
    margin-left: 0px;
    top: 0px;
}
/*
    program (user) messages
*/
.UserMessages,
.WelcomeMessage {
    background: #efefef;
	display: block;
	margin-bottom: 1em;
	padding: 15px;
	width: 100%;
}   
.UserMessages P.ErrorMessage {
    background: url("/images/framework/error.png") left no-repeat;
}
.UserMessages P.InfoMessage {
    background:url("/images/framework/info.png") left no-repeat;
}
.UserMessages P.SuccessMessage {
    background:url("/images/application/success.png") left no-repeat;
} 

.UserMessages P {
	padding-left: 20px;
}
    
/*  canvas  */
.Compatibility .Canvas {
    background-color: #e3e3e3;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}
.Compatibility .CanvasContent {
    background-color: #e3e3e3;
}
.Compatibility .CanvasHeader {
  height: 100%;
}
.Compatibility .OuterContent {
    padding-top: 2px;
}
.Compatibility .CanvasSingle .OuterContent {
    padding-top: 10px;
}
.Compatibility .CanvasPropertyGrid .OuterContent {
    padding-top: 10px;
}
.Compatibility .CanvasPropertyGrid .OuterContent .Content table td {
    padding-left: 10px;
    padding-right: 10px;
}

/*  canvas messages */
.Compatibility .Canvas .Messages {
    clear: left;
}
    
.Compatibility .Canvas .Messages P.ErrorMessage {
    background: #efefef url("/images/framework/error.png") 10px center no-repeat;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.Compatibility .Canvas .Messages P.InfoMessage {
    background:url("/images/framework/info.png") 10px center no-repeat;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}
.Compatibility .Canvas .Messages P.SuccessMessage {
    background:url("/images/application/success.png") 10px center no-repeat;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
} 
            
            
.Compatibility .Scrollable .ScrollBarPad {
    padding-left: 13px !important;
}
.Compatibility .Scrollable .MultiViewScroll {
    height: 200px;
    overflow-y: auto;
}
DIV.CanvasContent {
    width: 100%;
    float: left;
    min-height: 100%;
    height: 100%;
}
.Compatibility .CanvasSingle DIV.CanvasContent {
    height: 90%;
    min-height: 90%;
    width: 100%;
}
.Compatibility .CanvasMultiRow DIV.CanvasContent {
    height: 80%;
    min-height: 80%;
    width: 100%;
}
.Compatibility .CanvasMultiView DIV.CanvasContent {
    height: 100%;
    min-height: 100%;
    width: 100%;
}
.Compatibility .CanvasActionButtons {
    padding-top: 1px;
    background-color: #e3e3e3;
    width: *;
    height: 28px;
    text-align: center;
}
.Compatibility .CanvasNavigationButtons {
    min-height: 10%;
    height: 30px;
}
.Compatibility .CanvasHeaderLinks {
    width: 100%;
}    

.Compatibility .CanvasLinks {
    background-color: #e3e3e3;
    border-bottom: 0px solid silver;
    border-left: 1px solid #e3e3e3;
    border-right:0px solid #e3e3e3;
    height: 10%;
    min-height: 10%;
    width: 100%;
    clear: left;
    margin: 0px;
}
.Compatibility .CanvasLinks LI {
    background-color: #e3e3e3;
    border-right: 0px solid silver;
    border-left: 0px;
    border-bottom: 1px solid silver;
    color: silver;
    width: 25%;
    border: 0px;
    text-align: center;
    text-decoration: none;
    margin: 0px;
    list-style-type: none;
    float: left;
}
.Compatibility .CanvasLinks LI A {
    color: black;
    display: block;
}
.Compatibility .CanvasLinks LI A:hover {
    background-color: #6b9ece;
    color: white;
}
.Compatibility .CanvasLinks SPAN {
    border-right: 1px solid silver;
    display: block;
    padding: 1px;
} 
.Compatibility .Canvas .CanvasHeader .CanvasHeaderText {
    color: white;
    height: 22px; 
    background-color: #003063;
    margin: 0px;
    padding: 3px;
    text-align: left;
    font-weight: bold;
    font-size: 12pt;
}
.Compatibility .CanvasLinks UL {
    padding-left: 0px;
    margin: 0px;
    width: 100%;
}
.Compatibility .CanvasMultiView TABLE TD {
    padding: 0px;
    border: 0px;
}
.Compatibility .CanvasMultiView TABLE {
    width: 100%;
}
.Compatibility .CanvasMultiView {
    width: 100%;
} 
.Compatibility .CanvasMultiView .CanvasContent TABLE {
    height: 100%;
    width: 100%;
}
.Compatibility .CanvasMultiViewIframe {
    width: 100%;
    height: 150px;
    vertical-align: top
}
.Compatibility .CanvasMultiView .Label {
    color: white;
    background-color: #407cce;
    border: 0px;
    border-bottom: 1px solid black;
    font-weight: normal;
    padding: 0px;
    text-align: left !important;
} 
.Compatibility .CanvasMultiRow TABLE TD {
    padding: 0px;
}
.Compatibility .CanvasMultiRow TABLE {
    width: 100%;
}
.Compatibility .CanvasMultiRowIframe {
    width: 100%;
    height: 150px;
    vertical-align: top
}
.Compatibility .CanvasMultiRow .Label {
    color: white;
    background-color: #407cce;
    border: 0px;
    border-bottom: 1px solid black;
    font-weight: normal;
    padding: 0px;
    text-align: left !important;
}
.Compatibility .Frame {
    height: 100%;
    width: 100%;
}
.Compatibility .Canvas .Label {
    text-align: right;
}
.Compatibility .Canvas .Label.LeftAlign {
    text-align: left;
    padding-left: 10px;
}
.Compatibility .Canvas .SingleWidgetLabel .LabelCanvasItem {
    width: 50%;
    text-align: left;
    padding-left: 10px;
}
.Compatibility .Canvas .SingleWidgetLabel .CanvasWidget {
    text-align: left;
    padding-left: 10px;
}
    
.Compatibility .Canvas .LabelCanvasItem {

}
.Compatibility .Canvas .LabelDisabled {
    text-align: right;
}
.Compatibility .CanvasSingle .Label {
    text-align: left;
    padding-left: 10px;
}
.Compatibility .Canvas .SingleWidget {
    text-align: left;
}
.Compatibility .CanvasSubmitButtons {
    float: right;
    text-align: right;
}
.Compatibility .CanvasChmodButtons {
    float: left;
    text-align: center;
} 
.Compatibility .CanvasStatusBar {
    float: left;
    text-align: center;
}
.Compatibility .CanvasNavigationButtons {
    text-align: center;
}
.Compatibility .PageChangeNext {
    float: right;
    width: 23.3%;
    text-align: right;
    height: 25px;
} 
.Compatibility .PageChangePrev {
    float: left;
    width: 23.3%;
    text-align: left;
    height: 25px;
}
.Compatibility .PageChangeText {
    float: left;
    width: 53.2%;
    height: 18px;
    padding-top: 7px;
}
span.ReadOnlyText {
    font-family: verdana,arial,sans-serif;
    height: 20px;
    width: 100%;
}
.Compatibility .BubbleHintDef {
    border: 1px solid #000000;
    background-color: #FFFFE7;
    color: #000000;
    font-family: arial;
}
.Compatibility #BubbleHint {
    position:absolute;
    width: auto;
    top: 0px;
    left: 0px;
    z-index:4; 
    visibility:hidden;
}
.Compatibility .HideDiv {
    margin:0px;
    width:0px;
    padding:0px;
    height:0px;
    left:0px;
    top:0px;
    display:none;
} 

/*
    page/program specific styles (still needs a crap load of cleaning up
*/    

/*  job/stream output screen */
.Compatibility #StreamStatus {
    width: 98%;
    border: 1px solid black;
    padding: 4px;
    text-align: center;
    margin-bottom: 4px;
}
.Compatibility #JobStatus {
    width: 98%;
    border: 1px solid black;
    padding: 4px;
    text-align: center;
    margin-bottom: 4px;
}
.Compatibility #JobProgressMessages {
    width: 98%;
    border: 1px solid black;
    padding: 4px;
    background-color: #dedede;
    height: 160px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.Compatibility #JobProgressMessages th {
    background-color: #cdcdcd;
    padding: 4px;
}
.Compatibility #JobProgressMessages .JobProgressTimestamp {
    width: 20%;
}
.Compatibility #JobProgressMessages .JobProgressMessage {
    width: 80%;
}
.Compatibility #JobProgressMessages .JobInformation {
    width: 100%;
    padding: 4px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color: #a5b2ff;
}
.Compatibility #JobProgressMessages td {
    padding-left: 4px;
    padding-top: 3px;
}
.Compatibility #PreviousJobProgressMessages {
    margin-top: 10px;
    width: 98%;
    border: 1px solid black;
    padding: 4px;
    background-color: #dedede;
    height: 160px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.Compatibility #PreviousJobProgressMessages th {
    background-color: #cdcdcd;
    padding: 4px;
}
.Compatibility #PreviousJobProgressMessages .JobProgressMessage {
    width: 100%;
}
.Compatibility #PreviousJobProgressMessages .JobInformation {
    width: 100%;
    padding: 4px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color: #a5b2ff;
}
.Compatibility #JobProgressMessages td {
    padding-left: 4px;
    padding-top: 3px;
}

.Compatibility .JobStatusWaiting {
    background-color: red;
}
.Compatibility .JobStatusParameters {
    background-color: white;
}
.Compatibility .JobStatusExecuting {
    background-color: yellow;
}
.Compatibility .JobStatusFinished {
    background-color:#49A942;
}
.Compatibility .JobStatusUnknown {
    background-color: gray;
}

/*          */    
.Compatibility .ReportLabel {
    color: #000000;
    font-family: verdana,arial,sans-serif;
    text-align: left;
    padding:0px 10px 0px10px;
}
.Compatibility .ReportLabel2 {
    color: #000000;
    font-family: verdana,arial,sans-serif;
    text-align: center;
    padding:0px 10px 0px 10px;
}
.Compatibility .ReportLabel3 {
    color: #000000;
    font-family:verdana,arial,sans-serif;
    text-align: right;
    padding:0px 10px 0px 10px;
}
.Compatibility .PageReportPopup {
    color:black;
    border: 1px solid #000000;
    width:*;
    height:*;
    padding:0px;
    margin:none;
    background-color:#E7E3E7;
}
.Compatibility .JobStatusCanvas {
    width: 100%;
    border: solid 1px #000000;
    text-align: center;
    color: white;
}
.Compatibility .JobStatusWaiting {
    background-color: brown;
}
.Compatibility .JobStatusExecuting {
    background-color: orange;
}
.Compatibility .JobStatusFinished {
    background-color:#49A942;
}
.Compatibility .JobStatusUnknown {
    background-color: red;
}
.Compatibility .FeeRateNull {
    background-color: red;
}
.Compatibility .Currency {
    text-align: right;
}
.Compatibility .CanvasContent IMG {
    cursor : hand;
}
.Compatibility .CanvasSingleHidden {
    display:none;
}
.Compatibility .ARDispTable{
    border: 1px solid #EEEEEE;
    padding-right: 1px;
    padding-top: none;
    padding-left:1px;
    margin: none;
    width: 840px;
}
.Compatibility .ARColHeader{
    background-color: #E7E3E7;
}
.Compatibility .ARColHeaderDis TD{
    background-color: #EEEEFF;
}
.Compatibility .ARColHeader TD{
    border-bottom: 1px solid #CCCCDD;
    font-weight: bold;
    font-weight: bold;
    text-align: left;
    font-family: Tahoma;
}
.Compatibility .ARColHeaderDis TD{
    border-bottom: 1px solid #CCCCDD;
    font-weight: bold;
    font-weight: bold;
    text-align: left;
    color : gray;
    font-family: Tahoma;
}
.Compatibility .ARFirstRowDis TD {
    background-color: #FEFFFF;
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    color: gray;
    font-family: Tahoma;
}
.Compatibility .ARSecondRowDis TD {
    background-color: #EEEEFF;
    border-top: 1px solid #00000
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    color: gray;
    font-family: Tahoma;
}
.Compatibility .ARFirstRow TD {
    background-color: #FEFFFF;
    border-top: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    font-family: Tahoma;
}
.Compatibility .ARSecondRow TD {
    background-color: #EEEEFF;
    border-top: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    font-family: Tahoma;
}
.Compatibility .ARProdFirstRow TD {
    background-color: #FEFFFF;
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    font-family: Tahoma;
}
.Compatibility .ARProdSecondRow TD {
    background-color: #EEEEFF;
    border-top: none;
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    font-family: Tahoma;
}
.Compatibility .ARFeeColHeader TD {
    border-right: 1px solid #AAAAAA;
    font-weight: bold;
    text-align: left;
    font-family: Tahoma;
}
.Compatibility .ARFeeFirstRowDis TD {
    background-color: #EEEEFF;
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    color: gray;
    font-family: Tahoma;
}
.Compatibility .ARFeeSecondRowDis TD {
    background-color: #FFFFFF;
    border-bottom: none;
    border-right: 1px solid #AAAAAA;
    color: gray;
    font-family: Tahoma;
}
.Compatibility .ARFeeFirstRow TD{
    background-color: #EEEEFF;
    border-bottom: none;
    border-right: 1px solid #AAAAAA;
    font-family: Tahoma;
}
.Compatibility .ARFeeSecondRow TD {
    background-color: #FFFFFF;
    border-bottom: none;
    border-right: 1px solid #AAAAAA;
    font-family: Tahoma;
}
.Compatibility .ARFeeSecondRowAdj TD {
    background-color: #FFDDDD;
    border-bottom: none;
    border-right: 1px solid #AAAAAA;
    font-family: Tahoma;
    padding: 2px;
}
TD.ARleader{
    border-bottom: none;
    background-color: #FEFEFF;
    border: none;
    border-right: 1px solid #AAAAAA;
    text-align: right;
    width: 20px;
    font-weight: bold;
    font-family: Tahoma;
}
TD.ARleader A:hover {
    cursor: pointer;
}
TD.ARleaderHeader {
    background-color: #FFFFFF;
    border: none;
    border-right: 1px solid #EEEEFF;
    text-align: right;
    font-weight: bold;
    font-family: Tahoma;
}
.Compatibility .ARleaderHeader A {
    border: 1px solid #AAAAAA;
    background: blue;
    color: white;
    font-family: Tahoma;
}
.Compatibility .ARleader A {
    border: 1px solid #AAAAAA;
    background: blue;
    color: white;
    font-family: Tahoma;
}

.Compatibility #PageOptions, #PageDate {
    color: white;
}
.Compatibility #PageOptions A {
    color: white;
}
.Compatibility .CanvasMultiView .Label .Label {
    border-bottom: 0px solid white;
}
.Compatibility .Canvas .RowAlt {
    background-color: white;
}
.Compatibility .Canvas .RowSelected {
    background-color: #6b9ece;
    color: white;
}
.Compatibility .CanvasModeInsert INPUT, .CanvasModeInsert SELECT, .CanvasModeInsert TEXTAREA {
    background-color: #FFFFCC;
}
.Compatibility .CanvasModeUpdate INPUT, .CanvasModeUpdate SELECT, .CanvasModeUpdate TEXTAREA {
    background-color: #FFEEEE;
}
.Compatibility .CanvasSubmitButtons INPUT {
    background-color: #e3e3e3;
}
.Compatibility .CanvasWidget {

}
.Compatibility .Canvas .Disabled {
    background-color: #ededed;
    color: black;
}
.Compatibility .Canvas .WidgetDisabled {
    background-color: #ededed;
    color: black;
}
.Compatibility .CanvasNavigationButtons {
    background-color: #e3e3e3;
    color: black;
}
.Compatibility .PageChangePrev {
    background-color: #e3e3e3;
    border-top: 1px solid black;
}
.Compatibility .PageChangeText {
    background-color: #e3e3e3;
    border-top: 1px solid black;
}
.Compatibility .PageChangeNext {
    background-color: #e3e3e3;
    border-top: 1px solid black;
}
.Compatibility .Window {
    background-color: white;
    border: 1px solid;
    width: 200px;
    height: 100px;
    position: absolute;
    display: inline;
    top: 10px;
    left: 10px;
}
.Compatibility .WindowSelected {
    -moz-opacity: 0.5;
} 
.Compatibility .WindowOverlay {
    width: 100%;
    height: 100%;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    -moz-opacity: 0.25;
}
.Compatibility #CanvasLinksLabel {
    display: none;
}
.Compatibility .Content {
    width: 100%;
}
.Compatibility .Content table {
    width: 100%;
    height: 100%;
}
.Compatibility .BottomBar {
    height: 20px;
    width: auto;
    background-color: #EEECDA;
    display: block;
    vertical-align: bottom;
    border-top: 1px solid #EEECDA;
    margin-top: 1px
} 
.Compatibility .Resize {
    float: right;
    width: 20px;
    height: 20px;
    background-color: red;
    background: url(/images/framework/window_resize.png);
    cursor: se-resize;
}
.Compatibility .TopBar {
    height: 20px;
    width: auto;
    background-color: #0055E5;
    display: block;
    border-bottom: 1px solid black;
}
.Compatibility .TopBar H1 {
    height: 100%;
    display: inline;
    color: white;
    font-family: Arial;
    float: left;
    margin: 0px;
    padding-left: 2px;
    margin-top: 2px;
}
.Compatibility .Loading {
    padding-top: 25%;
    height: auto;
    width: auto;
    text-align: middle;
    vertical-align: middle;
} 
.Compatibility .Loading SPAN {
    margin: 25%;
    text-align: middle;
    vertical-align: middle;
}
.Compatibility .MinimiseButton {
    width: 15px;
    height: 14px;
    background: url(/images/framework/window_minimize.gif) no-repeat;
    float: right;
    display: inline;
    cursor: hand;
    margin-top: 4px;
}
.Compatibility .MinimiseButtonDisabled {
    display: none;
}
.Compatibility .MaximiseButton {
    width: 15px;
    height: 14px;
    background: url(/images/framework/window_maximize.gif) no-repeat;
    float: right;
    display: inline;
    cursor: hand;
    margin-top: 4px;
}
.Compatibility .MaximiseButtonDisabled {
    display: none;
}
.Compatibility .CloseButton {
    width: 15px;
    height: 14px;
    background: url(/images/framework/window_close.gif) no-repeat;
    float: right;
    display: inline;
    cursor: hand;
    margin-top: 4px;
}
.Compatibility .CloseButtonDisabled {
    display: none;
}
.Compatibility .WindowIcon {
    height: 10px;
    margin: 5px;
    background-color: #EDF2F2;
    display: inline;
    width: *;
    cursor: hand;
    padding: 5px;
    border: 1px solid black;
    font-family: Arial;
    font-weight: bold;
}
.Compatibility #TaskBar {
    position: absolute;
    left: 0%;
    bottom: 5%;
    height: 10px;
}
.Compatibility .Calendar {
    background-color: #e3e3e3;
    width: 250px;
    min-width: 100px;
}
.Compatibility .Calendar TABLE {
    width: 250px;
    margin: 0px;
    padding: 0px;
}
.Compatibility .Calendar form {
    margin: 0px;
    padding: 0px;
}
.Compatibility .Calendar .MonthYearSelect {
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    width: 250px;
    background-color: #e3e3e3;

}
.Compatibility .Calendar .DayTitle {
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    text-align: right;
}
.Compatibility .Calendar .Days {
    border: 1px solid silver;
    width: 250px;
}
.Compatibility .Calendar .DayWeek {
    background-color: white;
}
.Compatibility .Calendar .DayWeekend {
    background-color: #EDF2F2;
}
.Compatibility .Calendar .Day {
    height: 20px;
    text-align:right;
}
.Compatibility .Calendar .Time {
    border: 1px solid black;
}
.Compatibility .Calendar A {
    color: black 
}
.Compatibility .Calendar {
    margin: 0px;
    min-width: none;
}
.Compatibility .WindowDatePicker {
    border: 1px solid silver;
}
.Compatibility .LOVOption {
    cursor: default;
    padding: 0px;
    background-color: white;
    border: 0px solid white;
}
.Compatibility .LOVOptionAlt {
    background-color: white;
    border: 0px solid white;
    color: black;
}
.Compatibility .LOVOptionList {
    scrollbar-3dlight-color: white;
    scrollbar-arrow-color: black;
    scrollbar-darkshadow-color: white;
    scrollbar-face-color: white;
    scrollbar-highlight-color: black;
    scrollbar-shadow-color: black;
    scrollbar-track-color: white;
}
.Compatibility .LOVOptionList .LOVSelected{
    background-color: #6b9ece;
    border: 0px solid black;
    color: white;
}
.Compatibility .LOVOptionListContainer {
    border: 1px solid silver;
}
.Compatibility .LOVSearch {
    font-family: arial;
    color: #000000;
    background-color: #ffff55;
    border: 1px solid silver;
}
.Compatibility .LOVValue {
    font-family: verdana, sans-serif;
    background-color: white;
    border: 1px solid white;
}
.Compatibility .LOVButton {
    height: 17px;
    position: relative;
    top: 0px;
}
IMG[class="LOVButton"] {
    top: -4px;
}
.Compatibility .LOVOptionListContainer {
    position: absolute;
}
.Compatibility .LOV {
    white-space: nowrap;
    border: 1px solid silver;
    padding-bottom: 0px;
    padding-left: 1px;
}
.Compatibility #NewsBackground {
    background: url(/images/application/TruckBackground.jpg) left top no-repeat;
    width: 100%;
    height: 500px;
}

.Compatibility .NewsCanvas {
    background-color: white;
}
.Compatibility .Frame #PageContainer {
    background-color: #e3e3e3;
}
DIV#PageContent {
    background-color: #0075C5;
 
}
.Compatibility #PageOptions, #PageDate {
    color: white;
}
.Compatibility #PageOptions A {color: white;
 
}
.Compatibility #PagePopupHeader H1 {
    color: white;
}

.Compatibility .CanvasMultiView .Label .Label {
    border-bottom: 0px solid white;
}
.Compatibility .CanvasLinks LI {
    background-color: #e3e3e3;
}
.Compatibility .CanvasLinks LI {
    border-right: 0px solid silver;
    border-left: 0px;
    border-bottom: 1px solid silver;
    color: silver;
}
.Compatibility .CanvasLinks LI A {
    color: black;
    display: block;
}
.Compatibility .CanvasLinks LI A:hover {
    background-color: #6b9ece;
    color: white;
}
.Compatibility .CanvasLinks SPAN {
    border-right: 1px solid silver;
    display: block;
    padding: 1px;
}
.Compatibility .Canvas .RowAlt {
    background-color: white;
}
.Compatibility .Canvas .RowSelected {
    background-color: #6b9ece;
    color: white;
}
.Compatibility .CanvasModeInsert INPUT, .CanvasModeInsert SELECT, .CanvasModeInsert TEXTAREA {
    background-color: #FFFFCC;
}
.Compatibility .CanvasModeUpdate INPUT, .CanvasModeUpdate SELECT, .CanvasModeUpdate TEXTAREA {
    background-color: #FFEEEE;
}
.Compatibility .CanvasSubmitButtons INPUT {
    background-color: #e3e3e3;
}
.Compatibility .CanvasWidget {

}
.Compatibility .PageChangePrev {
    background-color: #e3e3e3;
    border-top: 1px solid black;
}
.Compatibility .PageChangeText {
    background-color: #e3e3e3;
    border-top: 1px solid black;
}
.Compatibility .PageChangeNext {
    background-color: #e3e3e3;
    border-top: 1px solid black;
}
.Compatibility .Window {
    background-color: white;
    border: 1px solid;
    width: 200px;
    height: 100px;
    position: absolute;
    display: inline;
    top: 10px;
    left: 10px;
}
.Compatibility .WindowSelected {
    -moz-opacity: 0.5;
} 
.Compatibility .WindowOverlay {
    width: 100%;
    height: 100%;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    -moz-opacity: 0.25;
}
.Compatibility .BottomBar {
    height: 20px;
    width: auto;
    background-color: #EEECDA;
    display: block;
    vertical-align: bottom;
    border-top: 1px solid #EEECDA;
    margin-top: 1px
} 
.Compatibility .Resize {
    float: right;
    width: 20px;
    height: 20px;
    background-color: red;
    background: url(/images/framework/window_resize.png);
    cursor: se-resize;
}
.Compatibility .TopBar {
    height: 20px;
    width: auto;
    background-color: #0055E5;
    display: block;
    border-bottom: 1px solid black;
}
.Compatibility .TopBar H1 {
    height: 100%;
    display: inline;
    color: white;
    font-family: Arial;
    float: left;
    margin: 0px;
    padding-left: 2px;
    margin-top: 2px;
}
.Compatibility .Loading {
    padding-top: 25%;
    height: auto;
    width: auto;
    text-align: middle;
    vertical-align: middle;
} 
.Compatibility .Loading SPAN {
    margin: 25%;
    text-align: middle;
    vertical-align: middle;
}
.Compatibility .MinimiseButton {
    width: 15px;
    height: 14px;
    background: url(/images/framework/window_minimize.gif) no-repeat;
    float: right;
    display: inline;
    cursor: hand;
    margin-top: 4px;
}
.Compatibility .MinimiseButtonDisabled {
    display: none;
}
.Compatibility .MaximiseButton {
    width: 15px;
    height: 14px;
    background: url(/images/framework/window_maximize.gif) no-repeat;
    float: right;
    display: inline;
    cursor: hand;
    margin-top: 4px;
}
.Compatibility .MaximiseButtonDisabled {
    display: none;
}
.Compatibility .CloseButton {
    width: 15px;
    height: 14px;
    background: url(/images/framework/window_close.gif) no-repeat;
    float: right;
    display: inline;
    cursor: hand;
    margin-top: 4px;
}
.Compatibility .CloseButtonDisabled {
    display: none;
}
.Compatibility .WindowIcon {
    height: 10px;
    margin: 5px;
    background-color: #EDF2F2;
    display: inline;
    width: *;
    cursor: hand;
    padding: 5px;
    border: 1px solid black;
    font-family: Arial;
    font-weight: bold;
}
.Compatibility #TaskBar {
    position: absolute;
    left: 0%;
    bottom: 5%;
    height: 10px;
}
.Compatibility .Calendar {
    background-color: #e3e3e3;
    width: 250px;
    min-width: 100px;
}
.Compatibility .Calendar TABLE {
    width: 250px;
    margin: 0px;
    padding: 0px;
}
.Compatibility .Calendar form {
    margin: 0px;
    padding: 0px;
}
.Compatibility .Calendar .MonthYearSelect {
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    width: 250px;
    background-color: #e3e3e3;
}
.Compatibility .Calendar .DayTitle {
    border-right: 1px solid silver;
     border-bottom: 1px solid silver;
    text-align: right;
}
.Compatibility .Calendar .Days {
    border: 1px solid silver;
    width: 250px;
}
.Compatibility .Calendar .DayWeek {
    background-color: white;
}
.Compatibility .Calendar .DayWeekend {
    background-color: #EDF2F2;
}
.Compatibility .Calendar .Day {
    height: 20px;
    text-align:right;
}
.Compatibility .Calendar .Time {
    border: 1px solid black;
}
.Compatibility .Calendar A {
    color: black 
}
.Compatibility .Calendar {
    margin: 0px;
    min-width: none;
}
.Compatibility .WindowDatePicker {
    border: 1px solid silver;
}
.Compatibility .LOV {
    white-space: nowrap;
    border: 1px solid silver;
}
.Compatibility .LOV .LOVSelected{
    background-color: #6b9ece;
    border: 1px solid white;
    color: white;
}
.Compatibility .LOVOptionAlt {
    background-color: white;
    border: 0px solid white;
    color: black;
}
.Compatibility .LOVOptionList {
    scrollbar-3dlight-color: white;
    scrollbar-arrow-color: black;
    scrollbar-darkshadow-color: white;
    scrollbar-face-color: white;
    scrollbar-highlight-color: black;
    scrollbar-shadow-color: black;
    scrollbar-track-color: white;
}
.Compatibility .LOVOptionList .LOVSelected{
    background-color: #6b9ece;
    border: 0px solid black;
    color: white;
}
.Compatibility .LOVOptionListContainer {
    border: 1px solid silver;
}
.Compatibility .LOV {
    padding-bottom: 0px;
    padding-left: 1px;
}
.Compatibility .LOVButton {
    height: 17px;
    position: relative;
    top: 0px;

}
.Compatibility .LOVOptionListContainer {
    position: absolute;
}
.Compatibility .CanvasMultiView H3 {
    font-weight: bold;
}
.Compatibility .LabelRequired {
    font-weight: bold;
}
.Compatibility .MultiViewMessage {

}

.Compatibility .NewsDateText {
    color: #000000;
}
.Compatibility .CanvasCustCustList .SingleWidgetBold { 
    font-weight: bold; 
}
.Compatibility A.MymseCustEvOrderSort:link, A.MymseCustEvOrderSort:visited {
    color: white;
}

/*
    popup page sizes
*/
.Compatibility.PageCustomerVehicle #PopupPageContainer {
    width: 2600px;
}
.Compatibility.PageCustomerProductList #PopupPageContainer {
    width: 1360px;
}
.Compatibility.PageCustomerFeeApply #PopupPageContainer {
    width: 1225px;
}
.Compatibility.PageSupplierContact #PopupPageContainer {
    width: 1150px;  
}
.Compatibility.PageInventoryCardSuppCustNum #PopupPageContainer {
    width: 1125px;  
}
.Compatibility.PageOrderWebEdit #PopupPageContainer {
    width: 1800px;
}
.Compatibility.PageMseDataFileEdit #PopupPageContainer {
    width: 1220px;
}
.Compatibility.PageBillingDownload #PopupPageContainer {
    width: 950px;
}
.Compatibility.PageCustomerContact #PopupPageContainer {
    width: 1050px;
}
.Compatibility.PageCustFeeDomain #PopupPageContainer {
    width: 1300px;
}

.Compatibility.PageReportParam #PopupPageContainer {
    width: 600px;
    height: 220px;
}
.Compatibility.PageReportParam #PopupPageContainer #PopupPageContent  {
/*    overflow: hidden; */
    width: 600px;
}
.Compatibility .PropertyGridSingleFwJobParams {
    margin-bottom: 0px;
    width: 600px !important;
}    
.Compatibility .ReportParamTitle {
    background-color: #003063;
    color: white;
    font-size: 12pt;
    text-align: left;
    padding:3px;
    font-weight: bold;
    border-top: 2px solid black;
}
.Compatibility .ReportParamProgress {
    padding-top: 10px;
    padding-bottom: 5px;
    background-color: #E3E3E3;
    width: 100%;
    text-align: center;
}
.Compatibility .ReportParamProgress img {
    width: 180px;
    height: 10px;
}
.Compatibility .ReportParamDownload {
    padding-top: 10px;
    padding-bottom: 5px;
    background-color: #E3E3E3;
    width: 100%;
    text-align: center;
}
.Compatibility .ReportParamDownload span {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    background-color: #c3c3c3;
    width: 100%;
    text-align: center;
}

.Compatibility .ReportParamClose {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #E3E3E3;
    width: 100%;
    text-align: center;
}

/*  canvas sizes    */
.Compatibility .CanvasSingleFwLogin .OuterContent {
    width: 400px;
}    
.Compatibility .CanvasSingleFwLogin .CanvasActionButtons {
    width: 390px;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.Compatibility .CanvasSingleFwLogin .CanvasChmodButtons a {
    padding-top: 6px;
    display: block;
    text-decoration: underline;
}
    
.Compatibility .CanvasMultiRowFWUserGrantedRole{
    width: 350px;
}
.Compatibility .CanvasSingleFWUserGrantedRole {
    width: 415px;
}
.Compatibility .CanvasSingleFWUIItemWidget {
    width: 315px;
}
.Compatibility .CanvasMultiRowFWUIItemWidget {
    width: 490px;
}
.Compatibility .CanvasMultiRowFWUIItemCanvas {
    width: 505px;
}
.Compatibility .CanvasSingleFWUIItemCanvas {
    width: 315px;
}
.Compatibility .CanvasMultiViewFWUIItemProgram {

}
.Compatibility .CanvasMultiRowFWUIItemProgram {
    width: 490px;
}
.Compatibility .CanvasSingleFWUIItemProgram {
    width: 350px;
}
.Compatibility .MultiRowSubCanvas {
    width: 100%;
}
.Compatibility .CanvasSingleFWPhrase {
    width: 380px;
    height: 300px;
}
.Compatibility .CanvasMultiRowFWPhrase {
    width: 390px;
    height: 300px;
}
.Compatibility .MultiRowCanvasCustomerVehicle {
    width: 2900px;
}
.Compatibility .SingleCanvasFWPhrase {
    height: 300px;
    width: 330px;
}
.Compatibility .SingleCanvasFWUIItemWidget {
    width: 500px;
    height: 270px;
}
.Compatibility .SingleCanvasFWUIItemProgram {
    width: 320px;
    height: 270px;
}
.Compatibility .SingleCanvasFWMessage {
    width: 806px;
    height: 240px;
}
.Compatibility .SingleCanvasFWUIRoles {
    height: 80px;
    width: 806px;
}
.Compatibility .SingleCanvasFWUIItemCanvas {
    width: 320px;
    height: 270px;
 
}
.Compatibility .SingleCanvasFWCallback {
    height: 520px;
    width: 300px;
}
.Compatibility .SingleCanvasFWUserPassHistory {

}
.Compatibility .SingleCanvasFWUserEvent {

}
.Compatibility .SingleCanvasFWProgramInfo {
    width: 806px;
}
.Compatibility .SingleCanvasFWUserGrantedRole {
    height: 220px;
    width: 320px;
}
.Compatibility .SingleCanvasFWUser {
    height: 500px;
    width: 300px;
}
.Compatibility .SingleCanvasHolderFWUser {

}
.Compatibility .MultiRowCanvasHolderFWUser {

}
.Compatibility .MultiRowCanvasFWUser {
    height: 750px;
    width: 315px;
}
.Compatibility .MultiRowCanvasFWUserGrantedRole {
    height: 220px;
    width: 480px;
}
.Compatibility .MultiRowCanvasFWProgramInfo {

}
.Compatibility .MultiRowCanvasFWUserEvent {

}
.Compatibility .MultiRowCanvasFWUserPassHistory {

}
.Compatibility .MultiRowCanvasFWCallback {
    height: 520px;
    width: 540px;
}
.Compatibility .MultiRowCanvasFWUIRoles {
    height: 80px;
 
}
.Compatibility .MultiRowCanvasFWMessage {

}
.Compatibility .MultiRowCanvasFWUIItemProgram {
    width: 480px;
    height: 270px;
}
.Compatibility .MultiRowCanvasFWUIItemWidget {
    width: 480px;
    height: 270px;
}
.Compatibility .MultiRowCanvasFWPhrase {
    width: 330px;
    height: 300px;
}
.Compatibility .MultiRowFrameCanvasFWUIItemCanvas {
    width: 480px;
    height: 270px;
}
.Compatibility .MultiViewCanvasFWUserEvent {
    width: 460px;
}
.Compatibility .MultiViewCanvasFWUser {

}
.Compatibility .MultiViewCanvasFWUserGrantedRole {

}
.Compatibility .MultiViewCanvasFWProgramInfo {

}
.Compatibility .MultiViewCanvasFWUserPassHistory {
    width: 460px;
}
.Compatibility .MultiViewCanvasFWCallback {
    width: 806px;
}
.Compatibility .MultiViewCanvasFWUIItemCanvas {

}
.Compatibility .MultiViewCanvasFWUIRoles {
    width: 806px;
}
.Compatibility .MultiViewCanvasFWMessage {
    width: 806px;
}
.Compatibility .MultiViewCanvasFWUIItemProgram {

}
.Compatibility .MultiViewCanvasFWUIItemWidget {
    width: 100%;
}
.Compatibility .MultiViewCanvasFWPhrase {

}
.Compatibility .SingleCanvasOrderOne {
    width: 430px;
    height: 120px;
}
.Compatibility .SingleCanvasOrderTwo {
    width: 400px;
    height: 163px;
}
.Compatibility .TableDoubleCanvasTransactionResubmit {
    width: 1000px;
}
.Compatibility .SingleCanvasTransactionResubmit {
    width: 540px;
}
.Compatibility .SingleCanvasTransactionMaintenance {
    width: 800px;
}
.Compatibility .SingleCanvasFeeTaxApply {
    width: 800px;
}
.Compatibility .SingleRowCanvasFeeMaintCanvas1 {
    width: 1184px;
}
.Compatibility .SingleCanvasARInvoice {
width: 920px;
/*    width: 845px; */
}
.Compatibility .SingleCanvasARInvoiceTree {
    width: 920px;
/*845px; */
}
.Compatibility .MultiRowCanvasARInvoice {
    width: 920px;
/*    width: 830px; */
}
.Compatibility .SingleCanvasCustomerAddress {
/*    width: 700px; */
}
.Compatibility .SingleCanvasCustomerContact {
    width: 1050px;
}
.Compatibility .SingleRowCustomerFeeApplyHist {
    width: 900px;
}
.Compatibility .SingleCanvasCustomerHistory {
/*    width: 830px; */
}
.Compatibility .SingleCanvasSupplierMaint {
/*    width: 650px; */
}
.Compatibility .SingleCanvasSupplierContact {
    width: 1150px; 
}
.Compatibility .SingleRowOrderRefund {
    width: 850px;
}
.Compatibility .MultiRowCanvasOrderRefund {
    width: 850px;
}
.Compatibility .SingleCanvasPaymentFileMaint {
    width: 750px;
}
.Compatibility .SingleCanvasPaymentKeyPayments {
    width: 850px;
}
.Compatibility .SingleCanvasPaymentManualApply {

}
.Compatibility .SingleCanvasARAdjustment {
    width: 800px;
}
.Compatibility .SingleCanvasCustContGrp {
    width: 900px;
}
.Compatibility .CanvasCustCustList {
    width: 900px;
}
.Compatibility .SingleCanvasARClosedInvoices {
    width: 750px;
}
.Compatibility .SingleCanvasCustomerVehicle {
    width: 900px;
}
.Compatibility .SingleRowCanvasCustomerApproveTcSnbaf {
    width: 1420px;   
}
.Compatibility .MultiRowCanvasCustomerApproveTcSnbaf {
    width: 1420px;
}
.Compatibility .MultiRowCanvasCustomerFeeApply {
    width: 1225px;
}
.Compatibility .MultiRowCanvasCustomerCardList {
    width: 900px;
}
.Compatibility .MultiRowCanvasProductPackageMulti1 {
    width: 320px;
}
.Compatibility .MultiRowCanvasProductPackageMulti2 {
    width: 490px;
}
.Compatibility .MultiRowCanvasProductSecurity {
    width: 850px;
}
.Compatibility .MultiRowCanvasProductSupplierPricing {
    width: 750px;
}
.Compatibility .MultiRowCanvasCardRenewal {
    width: 840px;
}
.Compatibility .MultiRowCanvasEuroExp {
    width: 700px;
}
.Compatibility .MultiRowCanvasTransactionResubmit {
    width: 500px;
}
.Compatibility .MultiRowCanvasFeeMaintCanvas1 {
    height: 165px;
    width: 591px;
}
.Compatibility .MultiRowCanvasFeeMaintCanvas2 {
    height: 165px;
    width: 591px;
}
.Compatibility .MultiRowCanvasFeeMaintCanvas3 {
    width: 1184px;
}
.Compatibility .MultiViewCanvasFeeMaint {
    width: 1184px;
}
.Compatibility .MultiRowCanvasCustProdList {
    width: 1310px;
}
.Compatibility .MultiRowCanvasOrderOne {
    width: 840px;
}
.Compatibility .MultiRowCanvasInventoryCardRenewal {
    width: 1070px;
}
.Compatibility .CanvasSingleRenewalListLinks {
    width: 1070px;
}
.Compatibility .CanvasSingleRenewAll {
    width: 1070px;
}
.Compatibility .MultiRowCanvasInventoryCardTermination {
    width: 870px;
}
.Compatibility .MultiRowCanvasInventoryCardEmboss {
    width: 800px;
}
.Compatibility .MultiRowCanvasInventoryCardSupplierCustomerNumber {
    width: 760px;
}
.Compatibility .MultiRowCanvasTransactionKey {
    width: 850px;
}
.Compatibility .Frame .MultiRowCanvasTransactionKey {
    width: 830px;
}
.Compatibility .MultiRowCanvasPaymentKeyPaymentsQry {
    width: 850px;
}
.Compatibility .MultiRowCanvasPaymentKeyPayments {
    width: 850px;
}
.Compatibility .MultiRowIFrameCanvasPaymentKeyPayments {
    width: 840px;
}
.Compatibility .MultiRowCanvasPaymentManualApply.CanvasModeQuery {
    width: 920px;
}
.Compatibility .MultiRowCanvasPaymentManualApply.CanvasModeInsert {
    width: 800px;
}
.Compatibility .MultiRowCanvasOrderCardIssueIframe Frame {
    width: 920px;
} 
.Compatibility .MultiRowCanvasOrderCardIssue {
    width: 950px;
}
.Compatibility .MultiRowCanvasOrderProductDetailMulti1 {
    width: 800;
}
.Compatibility .MultiRowCanvasCustContCustAssignMulti {
    width: 700;
}
.Compatibility .MultiViewCanvasCustomerContact {
    height: 50px;
}
.Compatibility .MultiViewCanvasPaymentManualApply {

}
.Compatibility .MultiViewCanvasIframePaymentManualApply {
    height: 250px;
}
.Compatibility .MultiViewCanvasOrderOne {
    width: 840px;
}
.Compatibility .MultiViewFrameIframeBillingXRate {
    height: 290px;
}
.Compatibility .MultiViewFrameIframeCustomerComment {
    height: 300px;
}
.Compatibility .MultiViewFrameIframeJobOutput {
    height: 350px;
}
.Compatibility .MultiRowFrameIframeCardRenewal {
    width: 840px;
    height: 350px;
}
.Compatibility .MultiRowFrameIframeFeeApply {
    width: 920px;
    height: 300px;
}
.Compatibility .MultiRowFrameIframeTransactionKey {
    height: 220px;
    width: 850px;
}
.Compatibility .MultiRowFrameIframeTransactionMaintenance {
    height: 190px;
}
.Compatibility .MultiRowFrameIframeCustomerContact {
    height: 93px;
    width: 800px;
}
.Compatibility .MultiViewCanvasPaymentInvoiceSearch {
    width: 850px;
}
.Compatibility .MultiRowCanvasBillingInvoicePrintGroupDet {
    width: 910px;
}
.Compatibility .MultiRowCanvasBillingDownload {
    width: 910px;
}
.Compatibility .MultiRowCanvasEditBatchOrders {
    width: 1220px;
}
.Compatibility .MultiRowCanvasEditWebOrders {
    width: 6800px;
}
.Compatibility .MultiRowCanvasInventoryCardSuppCustNum {
    width: 1125px;
}
.Compatibility .MultiRowCanvasEnterExchangeRates {
    width: 1000px;
}
.Compatibility .WidgetLOV {
    width: 130px;
}
.Compatibility .SingleCanvasMYMSECustInvoice {
    width: 850px;
}
.Compatibility .SingleCanvasOrderEntry {
    width: 460px; 
}
.Compatibility .MultiRowCanvasOrderEntryCustomerTruck {
    width: 600px;
}
.Compatibility .MultiViewCanvasOrderEntry {
    width: 1065px; 
}
.Compatibility MultiRowCanvasOrderEntryCardIssue {
    width: 1035px;
}
.Compatibility MultiRowCanvasOrderEntryProdOrderChg {
    width: 1035px;
}
.Compatibility CanvasMultiRowProdOrderChg {
    width: 1035px;
}
.Compatibility .MultiRowCanvasOrderEntryDetail {
    width: 1035px;
}
.Compatibility .MultiRowCanvasOrderEntryEmbossInsert {
    width: 1035px;
}
.Compatibility .SingleCanvasInventoryCardMaintenance {
    width: 1000px;
}
.Compatibility .MultiViewCanvasInventoryCardMaintenance {
    width: 1000px;
}
.Compatibility .SingleCanvasInventoryCardMaintAction {
    width: 1000px;
}
.Compatibility .AnachronIframe {
    width: 100%;
    height: 550px;
}
.Compatibility .SingleCanvasReportListCollections {
    width: 650;
}
.Compatibility .SingleCanvasBilling2Step {
    width: 620px;
}
.Compatibility .MultiViewCanvasMarketingMessageList {
    width: 900px;   
}
.Compatibility .SingleCanvasMarketingMessage {
    width: 900px;   
}
.Compatibility .MultiRowCanvasMessageText {
    width: 900px;
}
.Compatibility .SingleCanvasARBalance {
    width: 300px;  
}
.Compatibility .MultiViewCanvasARDeposit {
    width: 490px;
}
.Compatibility .MultiViewCanvasARPayment {
    width: 800px;
}
.Compatibility .SingleCanvasCustomerInformation {
    width: 800px;
}
.Compatibility .SingleCanvasCustReport {
    width: 645px;
}
.Compatibility .MultiViewCanvasCustReport {
    width: 645px;
}
.Compatibility .MultiRowCanvasWebMutEdit {
    width: 3040px;
}
.Compatibility .MultiRowCanvasMyMseCustEvOrder {
    width: 650px;
}
.Compatibility .MultiRowCanvasMyMseCustEvOrderHdr {
    width: 650px;
    margin-bottom: 10px;
}
.Compatibility .CanvasSingleDriverName {
    width: 650px;
}

.Compatibility .SingleCanvasTruckTrx {
    width: 800px;
}

.Compatibility .SingleCanvasSuppShowMap {
    width: 800px;
}

.Compatibility .SingleCanvasSuppCoord {
    width: 800px;
}

.Compatibility .SingleCanvasCustomerDomain {
    width: 1300px;
}

.Compatibility .MultiRowCanvasCustFeeDomain {
    width: 1300px;
    margin: 20px;
}

/*
    XML Display 
*/
.Page #Page {
    position: relative;
    width: 964px;
    margin: auto;
}
.Page #Header {
    margin-top: 5px;
    height: 55px;
    width: 100%;
    background-color: #5f9cc6;
}
.Page #Header h1 {
    background: #5f9cc6 url(/images/application/TruckLogo.jpg) no-repeat left top;
    width: 146px;
    height: 85px;
}
.Page #Content {
    background-color: #f7fafc;
    margin-left: 148px;
    padding-left: 5px; 
    width: 810px;
}

.Page #Footer {
    text-align: center;
    margin-left: 146px;
    margin-top: 20px;
}

.Page .PageSection td {
    vertical-align: top;
}

/*  popup   */
.Popup {
    padding: 0px;
    margin: 0px; 
}        
.Popup #Content {
    margin: 0px;
    padding: 0px;
}
.Popup #Page {
    width: 820px;
    padding: 5px;
}

.Popup #Header {

}


/*  navigation  */
.Page #Navigation {
    width: 964px;
    height: 30px;
}
.Page #Navigation .NavigationSub {
    margin-left: 146px;
    height: 30px;
    background-color: #003063;
}    
.Page #Navigation .NavigationSub ul{
    height: 30px;
}    

.Page #Navigation .NavigationSub ul li {
    padding-left: 8px;
    padding-right: 8px;
    height: 23px;
    padding-top: 5px;
    padding-bottom: 2px;
    list-style-type: none;
    float: left;
}    
.Page #Navigation .NavigationSub ul li:hover {
    background-color: #0050a4;
}    

.Page #Navigation .NavigationSub ul li a {
    color: white;
    text-decoration: none;
}    


.Page #Navigation .NavigationSite {
    margin-top: 30px;
    width: 146px;
    float: left;
}    

.Page #Navigation .NavigationSite ul {
    margin: 0px;
    padding: 0px;
    background-color: #003063;
}

.Page #Navigation .NavigationSite ul li {
    list-style-type: none;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    position: relative;
}
.Page #Navigation .NavigationSite ul li ul li:hover {
    background-color: #0050a4;
}

.Page #Navigation .NavigationSite ul li a {
    color: white;
    text-decoration: none;
    width: 100%;
    display: block;
}
.Page #Navigation .NavigationSite ul li ul li {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 136px;
    display: block;
}
.Page #Navigation .NavigationSite ul li ul li a {
    color: white;
    text-decoration: none;
    width: 100%;
    display: block;
}

.Page .TabNavigation {
    background-color: #003063;
    height: 30px;
}
.Page .TabNavigation li {
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    height: 22px;
    padding-top: 6px;
    padding-bottom: 2px;
}
.Page .TabNavigation li:hover {
    background-color: #0050a4;
}
.Page .TabNavigation li a {
    color: white;
    text-decoration: none;
}

/*  bubblehint */
.Page .BubbleHintDef {
    background-color: beige;
    border: 1px solid #000000;
    color: #000000;
    padding-left: 2px;
    padding-right: 2px;
}

/*  canvas */
.Page .Canvas {
    width: 800px;
    padding-left: 5px;
    padding-right: 5px;
}
.Page .Canvas .Content {
    padding-left: 5px;
    padding-right: 5px;
}
.Page .Canvas .Header {
    height: 30px;
    height: 30px;
    background-color: #def6fc;
    border: 1px solid silver;
    margin-top: 5px;
}
.Page .Canvas .Header .HeaderText {
    float: left;
/*    font-size: 12pt; */
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    width: 70%;
}
.Page .OuterContent {
    margin-top: 10px;
}
.Page .Canvas .Footer {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 5px;
/*    height: 30px; */
}
.Page .Canvas .Footer .WidgetSingle {
    height: 24px;
}

.Page .WidgetRight {
    height: 24px;
}
.Page .LabelLeft {
    padding-top: 2px;
    height: 22px;
}

/*  cannvas messages    */
.Page .Canvas .Messages {
    margin: 0px;
    padding: 0px;
    text-align: left;
}
.Page .Canvas .Messages p {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
}
.Page .Canvas .Messages P.ErrorMessage {
    background: url("/images/framework/error.png") no-repeat left;
}
.Page .Canvas .Messages P.InfoMessage {
    background:url("/images/framework/info.png") no-repeat left;
}
.Page .Canvas .Messages P.SuccessMessage {
    background:url("/images/application/success.png") no-repeat left;
} 

/*  pagination */
.Page .Canvas .Pagination li {
    float: left;
    padding: 3px;
}
/*  multiview / multirow headers */
.Page .Canvas.CanvasMultiView th {
    text-decoration: underline;
    font-weight: bold;
    padding-bottom: 4px;
    padding-top: 4px;
}
.Page .Canvas.CanvasMultiRow th {
    text-decoration: underline;
    font-weight: bold;
    padding-bottom: 4px;
    padding-top: 4px;
}
/*  multiview / multirow rows */
.Page .CanvasMultiView .Even {
    background-color: #EDF2F2;
}   
.Page .CanvasMultiRow .Even {
    background-color: #EDF2F2;
}   
.Page .CanvasMultiView .Odd {
    background-color: #e3e8e8;
}   
.Page .CanvasMultiRow .Odd {
    background-color: #e3e8e8;
}   

.Page .CanvasMultiView .Selected {
    background: #cfd6e6;
} 
.Page .CanvasMultiView .Selected .Even {
    background: #cfd6e6;
} 

.Page .RowContent {   
    width: *;    
    overflow: auto;
}
.Page .RowContent .RowContentInner {
    width: 100%;
}

/* lovs */
.Page .LOV { 
	padding: 0px;
    white-space: nowrap;
	border: 1px solid silver;
    margin-top: 1px;
    margin-left: 1px;
    background-color: white;
}
.Page .LOV TABLE {
    padding: 0px;
    margin: 0px;
}
.Page .LOVListContent {
	width: 100%; 
	padding: 0px;
	margin: 0px;
}
.Page .LOV TD{
    padding: 0px;
    margin: 0px;
} 
.Page .LOVOption TD {
	cursor: default;
	padding: 3px;
}
.Page .LOVOptionListContainer {
    z-index: 1000;
}

.Page .LOVOption {
	background-color: white;
	border: 1px solid white;
}
.Page .LOVOptionAlt {
	background-color: #E0E9E9;
	border: 1px solid #e3e3e3;
	color: black;
}
.Page .LOVOptionList {
    background-color: white;
    border: 1px solid silver;
}
.Page .CanvasMultiRow .LayoutGrid .LOVSelected TD { 
	color: white;
}
.Page .LOVSearch {
    z-index: 5000;
	COLOR: #000000;
	background-color: #ffff55;
	border: 1px solid silver;
}
.Page .LOVValue {
	background-color: white;
	border: 1px solid white;
}
.Page .LOVSelected{
	background-color: #697388;
	border: 1px dotted black;
	color: white;
}
.Page .LOVOptionListSelected  {
    border: 1px dotted orange;
}
.Page .LOVOptionColumn { 
    border-right: 1px solid silver; 
}
.Page .LOVOptionHeader TH { 
    padding: 5px; 
    background-color: #f2f2f2; 
    font-weight: bold; 
    padding-bottom: 1px; 
    border-bottom: 1px solid #e3e3e3 ; 
    border-right: 1px solid #e3e3e3;
}
.Page .LOVOptionHeader TH:hover { 
    background-color: white; 
    padding-bottom: 0px; 
    border-bottom: 2px solid #f9b119 ;
}
.Page .LOVOptionHeaderDown { 
    border-top: 1px solid silver; 
    border-left: 1px solid silver; 
}
.Page .LOVOptionHeaderSortDesc { 
    background: url(/images/framework/sort_descending.gif) no-repeat center right; 
}
.Page .LOVOptionHeaderSortAsc { 
    background: url(/images/framework/sort_ascending.gif) no-repeat center right; 
}
.Page .LOVOptionColumnLast { 
    border: 0px; 
}

/*  canvas sizes    */
/* UI Item */
.Page .CanvasSingleUIItemProgram {
	width: 360px;
}

.Page .CanvasMultiViewUIItemProgram  {
    width: 800px;
}    

.Page .CanvasMultiRowUIRoleProgram {
	width: 478px;
}

/* UI Item Canvas */
.Page .CanvasMultiRowUIRoleCanvas {
	width: 450px;
}
.Page .CanvasMultiRowUIItemCanvas .RowContent {
	height: 100px;
}
.Page .CanvasSingleUIItemCanvas {
	width: 365px;
}
.Page .CanvasMultiViewUIItemCanvas { 
    width: 800px;   
}

/* UI Item Widget */
.Page .CanvasSingleUIItemWidget {
	width: 415px;
}
.Page .CanvasMultiRowUIRoleWidget {
	width: 450px;
}
.Page .CanvasMultiViewUIItemWidget { 
    width: 800px; 
}

/* Phrase */
.Page .CanvasSingleFWPhrase {
	width: 415px;
}

.Page .CanvasMultiRowFWProgramPhraseMap .Content {   
}

.Page .CanvasMultiRowFWProgramPhraseMap .RowContent {   
    height: 100px;  
}

.Page .CanvasMultiViewFWPhrase  {
    width: 800px;
}    


/* Program Phrase */
.PagePhrase .CanvasSingleFWProgramPhrase {
	width: 415px;
}
.PagePhrase .CanvasMultiViewFWProgramPhrase {
    width: 800px;
}    
.PagePhrase .CanvasMultiRowFWProgramPhraseMap {
    width: 400px;
}

.PageProgramPhrase .CanvasSingleFWProgramPhrase { }
.PageProgramPhrase .CanvasMultiViewFWProgramPhrase { }    
.PageProgramPhrase .CanvasMultiRowProgramPhrase { }

/* User */
.PageUser .Tab .CanvasSingleFWUser {
    width: 640px;
}    

.PageUser .CanvasSingleFWUser {
    width: 685px;
}
    
.PageUser .CanvasMultiRowFWUserAddress  {
	width: 695px;
}
.PageUser .CanvasMultiViewFWUser  { 
    width: 800px;
}
.PageUser .CanvasSingleFWUser .Content {

}    
.PageUser .CanvasGroupFWUserGroup {
    width: 685px;
}    
.PageUser .CanvasFWUserMain {
    width: 685px;
}
.PageUser .CanvasFWUserSelect {
    width: 130px;
}

/* Program Info */
.Page .CanvasMultiViewFWProgramInfo .RowContent { 
    height: 150px;  
    overflow: auto; 
}


/* User Granted Role */
.Page .CanvasSingleFWUserGrantedRole {
	width: 415px;
}
.Page .CanvasMultiRowFWUserAddress {
    width: 800px; 
}    
.Page .CanvasMultiRowFWUserGrantedRole{
	width: 350px;
}
.Page .CanvasMultiViewFWUserGrantedRole  { 
    width: 800px;
}
.Page .CanvasMultiViewFWUserGrantedRole .RowContent { 
    height: 150px;  
    overflow: auto; 
}

.Page .CanvasSinglePhraseSearch {
    width: 800px;
}

/* Phrase Search */
.Page .CanvasMultiViewPhraseSearch .RowContent { 
    height: 200px; 
}

/* Access Log */
.Page .CanvasMultiViewAccessLog { 
    width: 800px; 
}
.Page .CanvasSingleAccessLog { 
    width: 800px; 
}
.Page .CanvasMultiViewAccessLog .RowContent { 
    height: 250px; 
    overflow: auto; 
}
            

.FWUserSecurityGroup .Minimised  {
    display: block;
    overflow: hidden;
    height: 38px;        
}    
.FWUserSecurityGroup .Maximised {
    height: 350px;  
    overflow: auto;
}    

.PageSystemConfig .CanvasPropertyGridFWConfigObject .Content { overflow: auto; height: 250px; }

.CanvasSingleFWClass { width: 700px; }
.PageGridClassEditor .WidgetBusyOverlay { display: none; }
.TreeView TD { padding: 0px; margin: 0px; }
.TreeView LOVOptionAlt { background-color: white; }

/*********************************************
  Widget Busy
*********************************************/
.WidgetBusy { 
    color: silver; 
}
.WidgetBusyOverlay { 
    width: 16px; 
    height: 16px; 
    background: url(/images/framework/loading6.gif) no-repeat;
}

/* Entity */
.CanvasMultiRowFWEntityConditionMap { width: 570px; }
.Tab .CanvasSingleFWEntity  { width: 570px; }

/* Entity Object */
.PageEntityObject .Tab { border: 0px; margin: 0px; padding: 0px; }
.PageEntityObject .TabNavigation { padding: 0px; border-bottom: 0px; }

/* User Entity */
.PageUserEntity .CanvasMultiRow  .RowContent { height: 200px; }

/*********************************************
  Widget Collapse 
*********************************************/
.Page .Collapse {
    cursor: pointer;
}
.Page .Minimised { 
    display: none; 
}
.Page .Maximised { 
    display: block; 
}

/* *******************************************
  show / hide elements
********************************************* */
.Visible  {
  display: block;
}

.Hidden {
  display: none;
}
      
/*
    Window overlay 
*/
/* North-West corner */
.Window_nw {
  background: transparent url(/images/framework/window_top_left.gif) no-repeat 0 0;         
  width:8px;
  height:19px;
  cursor:nw-resize;   
}

/* North border */
.Window_n {
  background: transparent url(/images/framework/window_top_mid.gif) repeat-x 0 0;           
  height:19px;
}

/* North-East corner */
.Window_ne {
  background: transparent url(/images/framework/window_top_right.gif) no-repeat 0 0;            
  width:9px;     
  height:19px;
  cursor:ne-resize;   
}

/* West border */
.Window_w {
  background: transparent url(/images/framework/window_center_left.gif) repeat-y top left;         
  width:5px;
  cursor:w-resize;   
}

/* East border */
.Window_e {
  background: transparent url(/images/framework/window_center_right.gif) repeat-y top right;           
  width:5px;
  cursor:e-resize;     
}

/* South-West corner */
.Window_sw {
  background: transparent url(/images/framework/window_bottom_left.gif) no-repeat 0 0;          
  width:7px;
  height:10px;
  cursor:sw-resize;   
}

/* South border */
.Window_s {
  background: transparent url(/images/framework/window_bottom_mid.gif) repeat-x 0 0;            
  height:19px;
}

/* South-East corner */
.Window_se {
  background: transparent url(/images/framework/window_bottom_right.gif) no-repeat 0 0;         
  width:7px;
  height:10px;
  vertical-align:top;
}

/* Resize button */
.Window_sizer {
  width:9px;
  height:19px;
  background: transparent url(/images/framework/window_bottom_right_resize.gif) no-repeat 0 0;
  cursor:se-resize;   
}

/* Close button */
.Window_close {
    width: 23px;
    height: 19px;
    background: transparent url(/images/framework/window_close.gif) no-repeat 0 0;          
    position:absolute;
    top:3px;
    right:1px;
    cursor:pointer;
    z-index:1000;
}

/* Minimize button */
.Window_minimize {
    width: 23px;
    height: 15px;
    background: transparent url(/images/framework/window_minimize.gif) no-repeat 0 0;           
    position:absolute;
    top:3px;
    right:36px;
    cursor:pointer;
    z-index:1000;
}

/* Maximize button */
.Window_maximize {
    width: 23px;
    height: 15px;
    background: transparent url(/images/framework/window_maximize.gif) no-repeat 0 0;           
    position:absolute;
    top:3px;
    right:18px;
    cursor:pointer;
    z-index:1000;
}

/* Title bar */
.Window_title {
/*    font-size:12px; */
    text-align:left;
    color:#123456;
    margin: 0px;
    padding: 0px;    
    padding-top: 3px;
    height: 15px;
}

/* Title bar */
.Window_top {
    height:19px;
/*    font-size:11px; */
    text-align:center;
    width:100%;
    padding: 0px;
    color:#123456;
}

/* Content div (not used for url) */
.Window_content {
    color: #000;
    font-family: Tahoma, Arial, sans-serif;
/*    font-size: 10px; */
    background:#FDFDFD;
    width: auto;
}

/* Overlay for modal window, sp�cify color and opacity (three times to work on all browsers */
.Window_overlay {
  background-color: #85BBEF;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}


.Window_loading {
  width: 100%;
  height: 100%;
  background: url(/images/framework/loading5.gif) no-repeat center center;
}

/* Data Picker Style settings */
.Calendar { background-color: #e3e3e3; width: 250px; min-width: 100px; padding: 2px }
.Calendar TABLE { width: 250px; margin: 0px; padding: 0px;}
.Calendar form { margin: 0px; padding: 0px; }
.Calendar .MonthYearSelect { borderr-top: 1px solid silver; borderr-left: 1px solid silver; borderr-right: 1px solid silver; width: 250px; background-color: #e3e3e3;}
.Calendar .DayTitle { borderr-right: 1px solid silver; borderr-bottom: 1px solid silver; text-align: right; }
.Calendar .Days { borderr: 1px solid silver; width: 250px;}
.Calendar .DayWeek { background-color: white; }
.Calendar .DayWeekend { background-color: #EDF2F2; }
.Calendar .Day { height: 20px; text-align:right; }
.Calendar .Time { border: 1px solid black; }
.Calendar A { color: black }
.Calendar {
 margin: 0px; min-width: none;}
.WindowDatePicker { border: 1px solid silver; }

/* DEV - have errors always show IN YOUR FACE on last 20% of screen. Too easy to miss */
#FrameworkFatalProgramErrors {
    background-color: white;
    display: block;
    height: 20%;
    overflow-y: scroll;
    position: fixed;
    top: 80%;
}