﻿h1.Header
{
    color: #013871;
    font-family: Arial;
    font-size: 18px;
    font-weight: bolder;
    margin:0px;
    padding: 2px 0px 10px 0px;		
}

h1.HeaderBold 
{
    font-family: Arial; 
    font-size: 18px; 
    font-weight: bolder;
    color: #013871;
    margin: 0;
    padding: 0;
}

h1.Header2 
{
    font-family: Arial; 
    font-size: 14px; 
    font-weight: bolder;
    color: #013871;
    padding-bottom: 0px;
}

h1.Breadcrumbs
{
    color: #ffffff;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 0px;
}

td.GrayRight
{	
    vertical-align: top;	
    background-color: #e8e8e8;
    width: 295px;
    padding-left: 8px;
}

table.GrayBackground
{
    background-color: #e8e8e8;	
}

.faqList li
{	
    display:inline;
    float:left;
    margin-left:0px;	
    margin-right:5px;
    margin-bottom:5px;
    
    width:100px; 
    height: 100px;		
    text-align:center;
    border: solid 1px #d8d7d7; 
    background-color: #ecebeb; 			
    padding-top:20px;		
}

ul.faqList 
{	
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    text-align:left;	
}

div.downLoadsList
{	
    width:95px; 
    height: 95px;			
    border: solid 1px #d8d7d7; 		
    background-color: #ecebeb; 						
}

p.downLoadsList
{	
    color: #013871;
    font-family: Arial;
    font-size: 11px;
    font-weight: bolder;	
    width:95px;
}

.downLoadsList li
{
    display:inline;
    float:left;
    text-align:center;
    margin-left:0px;	
    margin-right:0px;
    margin-bottom:5px;	
    width:107px;	
    height: 100px;							
    padding-top:10px;	
}

ul.downLoadsList
{	
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-bottom: 25px;
    border: 1px solid transparent;	
}

ul.DocumentsList li
{
    display:inline;	
}

ul.DocumentsList 
{	
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    text-align:left;		
}

td.NewButtonTD
{   
    padding-right:5px
}

td.center
{
    text-align:center;    
}

input.NewButton
{
    background-image: url('/Images/button_left_off.png');
    background-position: left;
    background-repeat:no-repeat;
    background-color: Transparent;			
    border: 0px;
    text-align:center;
    color: #013871;	
    padding: 4px 0px 4px 10px;	
    cursor: pointer;
}

span.NewButton
{
    background-image: url('/Images/button_right_off.png');	
    background-position: right;	
    background-repeat: no-repeat;
    padding: 4px 10px 4px 0px;
                                
}

input.NewButton80
{
    background-image: url('/Images/NewButton80.png');
    background-position: left;
    background-repeat:no-repeat;
    background-color: Transparent;			
    border: 0px;
    text-align: center;
    color: #013871;	
    padding: 1px 0px 1px 0px;	
    cursor: pointer;
    width: 80px;
}

input.NewButton100
{
    background-image: url('/Images/NewButton100.png');
    background-position: left;
    background-repeat:no-repeat;
    background-color: Transparent;			
    border: 0px;
    text-align: center;
    color: #013871;	
    padding: 1px 0px 1px 0px;	
    cursor: pointer;
    width: 100px;
}

input.NewButton120
{
    background-image: url('/Images/NewButton120.png');
    background-position: left;
    background-repeat:no-repeat;
    background-color: Transparent;
    border: 0px;
    text-align: center;
    color: #013871;	
    padding: 1px 0px 1px 0px;	
    cursor: pointer;
    width: 120px;	
}

input.NewButton140
{
    background-image: url('/Images/NewButton140.png');
    background-position: left;
    background-repeat:no-repeat;
    background-color: Transparent;			
    border: 0px;
    text-align: center;
    color: #013871;	
    padding: 1px 0px 1px 0px;	
    cursor: pointer;
    width: 140px;	
}

input.OrangeButton
{
    background-image: url('/Images/btn_leftEdge.png');
    background-position: left;
    background-repeat:no-repeat;
    background-color: Transparent;				
    text-align:center;
    border: 0px;
    color: White;	
    padding: 4px 0px 4px 10px;	
    cursor: pointer;	
}

span.OrangeButton
{
    background-image: url('/Images/btn_rightEdge.png');	
    background-position: right;	
    background-repeat: no-repeat;	
    border:0px;		
    padding: 4px 10px 4px 0px;
                                
}

input.PlusButton
{
    background-image: url('/Images/icon_plus.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-color: Transparent;
    border: 0px;
    padding-right: 3px;
    cursor: pointer;
    height: 12px;
    width: 12px;
}
input.MinusButton
{
    background-image: url('/Images/icon_minus.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-color: Transparent;
    border: 0px;
    padding-right: 3px;
    cursor: pointer;
    width: 12px;
    height: 12px;
}
input.HiddenButton {
    display: none;
}
a.LinkButtonBold11
{		
    cursor: pointer;			
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;	
}

div.VerticalSplitLine
{
    background-color: #cccccc;
    width: 1px;	
    height: 501px;			
    margin: 0px auto;	
}

td.VerticalSplitLine
{
    padding-top:4px;
    padding-bottom:25px;
    vertical-align: top;	
    width: 30px;
    margin: 0px auto;		
}

div.SmallVerticalSplitLine
{
    background-color: #cccccc;
    width: 1px;	
    height: 145px;
    margin: 0px auto;
}

td.SmallVerticalSplitLine
{	
    width: 30px;
    margin: 0px auto;	
}

td.Header
{
    font-family: Arial; 
    font-size: 17px; 
    font-weight: bold;
    color: #013871;		
}

td.HeaderBold
{
    font-family: Arial; 
    font-size: 18px; 
    font-weight: bolder;
    color: #013871;
}

td.HeaderOrangeBold
{
    font-family: Arial; 
    font-size: 18px; 
    font-weight: bolder;
    color: #f76d00;
}

td.Header2
{
    font-family: Arial; 
    font-size: 14px; 
    font-weight: bold;
    color: #013871;		
}

td.BoldTD
{    
    font-weight: bold; 
}


td.SmallText
{
    font-size: 11px;
}

tr.List
{
    background: #fefefe url('/Images/TR_BG.png') repeat-x scroll top right;
    height: 20px;
}

tr.ListHighLight
{
    color: #ffffff;
    background: #252525 url('/Images/TR_BG_HL.png') repeat-x scroll top right;
    height: 20px;
}

a.WhiteLink
{
    color: White;
    text-decoration: none;
}

tr.MenuBar
{
    height: 26px;
    color: #ffffff; 
    background-color: #0a7c84;
    font-size: 11px;
}

tr.SubMenuBar
{
    height: 17px;
    color: #ffffff; 
    background-color:rgba(0, 168, 168, 0.96);
    font-size: 10px;
}
tr.SubMenuBar td {
    color: #ffffff; 
}
.SubMenuBar .GrayFrame
{
    background-color: #0aabab;
}

.ModalBackground 
{ 
    background-color:#fff; 
    filter:alpha(opacity=70); 
    opacity:0.7; 
} 





/**************Image DropDown styles********************************/

.dd {	
    text-align:left;
    background-color:#fff;	
    color:#666666; 
    font-size: 14px; 
    font-weight: bolder;		
    float:left;
}
.dd .ddTitle {
    background:#f2f2f2;
    border:1px solid #c3c3c3;
    padding:3px;
    text-indent:0;
    cursor:default;
    overflow:hidden;
    height:30px;
}
.dd .ddTitle span.arrow {
    background:url(/Images/dd_arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer; 
}

.dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:16px;}
.dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
    padding:0 3px 0 0;
    vertical-align:top;
}
.dd .ddChild {
    position:absolute;
    border:1px solid #c3c3c3;
    border-top:none;
    display:none;
    margin:0;
    width:auto;
    overflow:auto;	
    background-color:#ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
    display:block;
    padding:2px 0 2px 3px;
    text-decoration:none;
    color:#000;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
}
.dd .ddChild a:hover {
    background-color: #e8e8e8;
}
.dd .ddChild a img {
    border:0;
    padding:0 2px 0 0;
    vertical-align:middle;
}
.dd .ddChild a.selected {
    background-color: #e8e8e8;
    
}

/**************End Image DropDown styles*******************************/

/* Drop-down setup start */
select.Dropdown150 
{
    FONT-SIZE: 12px;
    WIDTH: 154px;    
 }

select.Dropdown200
{
    FONT-SIZE: 12px;
    WIDTH: 204px;    
}

select.Dropdown250
{
    FONT-SIZE: 12px;
    WIDTH: 254px;    
}
 
select.Dropdown300
{
    FONT-SIZE: 12px;
    WIDTH: 304px;    
}
 
select.Dropdown50
{
    FONT-SIZE: 12px;
    WIDTH: 54px;    
}

select.Dropdown70
{
    FONT-SIZE: 12px;
    WIDTH: 70px;    
}
 
 /* Drop-down setup End */
 
 /* Text box setup start */ 
 
 textarea.TextBox400Multiline
 {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 400px;
    BORDER-BOTTOM: black 1px solid
}


input.TextBox300
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 300px;
    BORDER-BOTTOM: black 1px solid
}

input.TextBox150
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 150px;
    BORDER-BOTTOM: black 1px solid
}

input.TextBox100
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 100px;
    BORDER-BOTTOM: black 1px solid
}

input.TextBox50
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 50px;
    BORDER-BOTTOM: black 1px solid
}

input.TextBox80
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 80px;
    BORDER-BOTTOM: black 1px solid
}

input.TextBox50SmallFont
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 50px;
    BORDER-BOTTOM: black 1px solid
}

input.TextBox30
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 30px;
    BORDER-BOTTOM: black 1px solid
}

input.TextBox30SmallFont
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 30px;
    BORDER-BOTTOM: black 1px solid
}

input.TextBoxAlignRight 
{
    text-align: right;    
}

input.TextboxVerticalAlignCenter {
    vertical-align: middle;
}

.Width40 {
    Width: 40px;
    white-space: pre;
}

.Width50 {
    Width: 50px;
    white-space: pre;
}

.Width80 {
    Width: 80px;
    white-space: pre;
}

.Width150 {
    Width: 150px;
    white-space: pre;
}
 
 /* Text box setup end */
 
 div#FaqPictureText
 {
 color: #013871;
 font-family: Arial;
 font-size: 12px;
 font-weight: bolder;
 margin: 0px;
 padding: 0px;
 }
 

div.AccordionClosed
{
            background-color:#e8e8e8;    
            background-image:url('/Images/arrow_down.png');     
            background-repeat:no-repeat;
            background-position:120px;
            padding-left:4px; 
            cursor: pointer;           
}

div.AccordionOpen
{
            background-color:#e8e8e8;    
            background-image:url('/Images/arrow_up.png');     
            background-repeat:no-repeat;
            background-position:120px;      
            padding-left:4px;       
            cursor: pointer;
}

div.CollapsiblePanelHeader
{ 
    font-weight: bold;      
    cursor: pointer;   
    margin-left: 3px;    
}

p.TopMidVehicleDB
{	
    BACKGROUND-COLOR: #51666d;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;		
    padding:4px;
}

h1
{
color: #013871;
font-family: Arial;
font-size: 18px;
font-weight: bolder;
margin:0px;
padding:0px;
padding-bottom:10px;
}

h1.SmallPadding
{
color: #013871;
font-family: Arial;
font-size: 18px;
font-weight: bolder;
margin:0px;
padding:0px;
padding-bottom:5px;
}

h2
{
color: #013871;
font-family: Arial;
font-size: 14px;
font-weight: bolder;
margin:0px;
padding:0px;
}

h3
{
color: #013871;
font-family: Arial;
font-size: 12px;
font-weight: bolder;
margin:0px;
padding:0px;
}

 
div.MinHeight
{
    min-height: 600px;
}
 
.TopMid
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;
    BORDER-BOTTOM: thick;
    BACKGROUND-COLOR: #51666d
}

.GrayFrame
{
    BORDER-RIGHT: #d4d0c8 1px solid;
    BORDER-TOP: #d4d0c8 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #d4d0c8 1px solid;
    BORDER-BOTTOM: #d4d0c8 1px solid;
    BACKGROUND-COLOR: #f0f0f0;

}

 
div.LoginMessage
{
    border: solid;
    border-color: Red;
    border-width:1px;
}
textarea.TextBox200Multiline
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 200px;
    BORDER-BOTTOM: black 1px solid;
    border-color: #808080;
    border-style: none;
}
textarea.TextBox100Multiline
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 100px;
    BORDER-BOTTOM: black 1px solid;
    border-color: #808080;
    border-style: none;
}

/* Table modifications */

th.DescriptionHeader
{
    font-size: 11px;    
    font-weight: bold;
    text-align: left;
}

th.LightText
{
font-weight:normal;
text-align:left;
}

th.Size60
{
width:60px;
}

th.Size100
{
width:100px;
}
th.Size110
{
width:110px;
}

th.Size150
{
width:150px;
}

th.Size210
{
width:210px;
}

th.LeftAlign {
    text-align: left;
}

td.Description
{
    font-size: 11px;
}

td.Breadcrumbs
{
    color: #ffffff;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
}

p.Description
{
    font-size: 11px;        
}

tr.Alternate
{
    background-color: #eeeeee;
}

tr.Default
{
    background-color: #ffffff;
}

 td.RightAlign {
     text-align: right;
}

 td.LeftAlign {
     text-align: left;
}


table.SlimStyling 
{
    border: 0;
    border-spacing: 0;    
}

table.SlimStyling td
{
    padding: 0;
}

table.BorderSpacing0 
{
    border-spacing: 0px;   
}

table.Padding1 td 
{
    padding: 1px;
}

table.Padding2 td
{
    padding: 2px;
}

table.Padding3 td
{
    padding: 3px;
}

table.SearchGrid td {
    font-size: 11px;
    border: #d4d0c8 1px solid;
}

table.SmallFontsTable td {
    font-size: 10px;
}


.MatrixReadOnly
{   
    FONT-SIZE: 11px;
    WIDTH: 30px;
    border:0;
    background: #f0f0f0;
 }
 
 /* Calculation page specific CSS */
 div.CalculationContainer { margin-top: 10px;}
 div.CalculationLeftTop { float: left;width: 600px;height: 500px;} 
 div.CalculationLeftBottom { float: left;width: 600px;height: 100px;} 
 div.CalculationRightBottom { margin-left: 600px;width: 294px;height: 100px;}
 div.CalculationRightTop {margin-left: 600px;width: 294px;padding: 0px;border: 0px; border-radius:4px; background-color :#DDDDDD;height: 500px;}
 
 h1.AdditionHeader {display: inline-block; margin-top: 0px;margin-bottom: 5px; vertical-align: middle;padding-bottom: 35px;font-weight: normal;color: black;font-size: 20px}
 

ul.FuelCardList 
{	
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    text-align:left;	
}

.FuelCardList li
{	
    float:left;
    margin-left:0px;	
    margin-right:0px;
    margin-bottom:0px;	
    width:100px; 	
    text-align:center;					
}

.HeaderDiv
{
    height:50px;
    margin-bottom:5px;
}
       
.HeaderDiv img
{
    height:100%;
    display:inline;
    vertical-align: middle;
}
       
.HeaderDiv h1.NewHeader
{
    margin-left:10px;
    margin-top:0px;
    display:inline;
    height:100%;
    vertical-align:middle;       
}

h1.NewHeader
{
    margin-top:20px;
    font-size:20px;
    font-weight:normal;
    color:#000000;
}

h2.NewSubHeader
{
    font-size:14px;
    color:#000000;
    font-weight:bold;
}

div.page
{
    float:left;
    vertical-align:top;    
    padding-right:10px;
    width:590px;
    height:500px;
    text-align:left;
    -webkit-overflow-scrolling: touch;
}

label.Description 
{
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;    
}

table.SmallText td {
    font-size: 11px;
}

table.ExtraSmallText td {
    font-size: 10px;
}

a.Button2
{
    background: url("/Images/Icons/loginFormsButton2.png") repeat scroll 0 0 transparent;
    margin-left: 5px;  
    padding: 7px;
    overflow: hidden;
    outline: 0;
    text-decoration: none!important;
    text-transform: uppercase;
    background-position: 0 0;
    color: #FFF;
    cursor: pointer;    
    font-size: .9em;
    font-weight: bold;
    margin: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;   
    border: 0px solid #DBDBDB;
    -webkit-box-align: center;
    text-align: center;
    box-sizing: border-box;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;    
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-indent: 0px;
    font-family: Arial,Helvetica,sans-serif;    
}

 

a.Button2:hover
{
    background: url("/Images/Icons/loginFormsButton2.png") repeat scroll 0 100% transparent;
    color: #FFFFFF;
}

a.Button2Gray 
{
    background: url("/Images/Icons/loginFormsButton.png") repeat scroll 0 0 transparent;
    margin-left: 5px;    
    padding: 7px;
    overflow: hidden;
    outline: 0;
    text-decoration: none!important;
    text-transform: uppercase;
    background-position: 0 0;
    color: #58595B;
    cursor: pointer;    
    font-size: .9em;
    font-weight: bold;
    margin: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;    
    border: 1px solid #DBDBDB;
    -webkit-box-align: center;
    text-align: center;
    box-sizing: border-box;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;    
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-indent: 0px;
    font-family: Arial,Helvetica,sans-serif;
}


a.Button2Gray:hover
{
    background: url("/Images/Icons/loginFormsButton.png") repeat scroll 0 100% transparent;
    color: #FFFFFF;
}

a.ButtonWidth80 
{
    display: inline-block;
    width: 80px;
}

a.ButtonRight {
    float: right;
}

a.ButtonTopAlign {
    padding-top: 5px;
    border: 1px;
}


a.ButtonWidth120 
{
    display: inline-block;
    width: 120px;
}

.ButtonWidth170 
{
    display: inline-block;
    width: 170px;
}

 .jqDockLabel
{
    font-size:10px;
    font-weight:normal;
    width:100%;
}
       
 
div.jqDockLabelText
{
    margin-top:-20px;
    background-color:#DDDDDD;
    border-radius:4px;
    padding:3px;
}
       
.menuLabel
{
    font-size:9px;
    text-align:center;
    width:100%;
    vertical-align: middle;
}

img.PageListImage {padding-left:12px;padding-right:12px; border:none; outline: none;}

span.CheckBoxStyle label, table.RadioButtonStyle td label  {
    display: inline-block; 
    padding-top: 5px;
}

span.VehicleCheckBoxStyle label  {
    width: 130px;     
}


label.AlignedTextBoxes {
        display: inline-block;
    width: 120px;
    border: 1px;
    padding: 5px;
}

div.PopupMessage {
position: absolute; 
display: none; 
margin-top: 0px; 
background: #FFFFFF; 
border-radius: 8px; 
border: 1px solid black; 
padding: 10px; 
width: 300px; 
z-index: 123232;	
}

div.PopupMessageWide {
position: absolute; 
display: none; 
margin-top: 0px; 
background: #FFFFFF; 
border-radius: 8px; 
border: 1px solid black; 
padding: 10px; 
width: 500px; 
z-index: 123232;	
}

div.EquipmentList 
{
    background-color: #EAEAEA;
    margin-top: 20px;      
    overflow-y: auto; 
    border-radius: 4px;    
}

div.EquipmentWizardView 
{    
    height: 320px;         
}

div.EquipmentListView 
{
    height: 100%;    
}



/*
Start private customer view styles
*/

div.CustomerViewContainer {
    padding: 10px;
    overflow-y: auto;
    max-width: 1000px;  
}

div.CustomerViewContainer h1 {
    margin-left: 0;
}

div.RoundedContainer {
    border: 1px;
    border-style: solid;
    border-radius: 5px;    
}
div.ContainerContent {
    border-color: #d4d0c8;
    background-color: white;
    padding: 0.3em;    
    margin: 0 0 10px 0;
}

div.ContainerHeader {
    border-color: #4f7f9c;
    background: #618da8 url(/Scripts/jQuery-ui/css/images/ui-bg_highlight-soft_75_618da8_1x100.png) 50% 50% repeat-x; 
    color: #222222; 
    font-weight: bold;
    font-size: 1.2em;
    padding: 5px 10px;
}

div.EditableContainer 
{
    background-color: #EAEAEA;
    margin: 5px 0 10px 0;
    padding: 5px;
    border-radius: 4px;          
}

div.PrivateCustomerViewButtonDiv {
    /* float: right; */
}

h2.SubHeader 
{
    font-family: Arial; 
    font-size: 1.3em; 
    font-weight: bolder;
    color: #013871;
    margin-bottom: 5px; 
}

table.OrdersList tr { 
    background: #fefefe url('/Images/TR_BG.png') repeat-x scroll top right;
    padding: 3px 0;
    cursor: auto;        
}
table.OrdersList th  { 
    background-color: white;  
    font-size: 0.9em;    
    font-weight: bold;      
    padding: 0 10px 1px 0;
}
table.OrdersList td {
    padding: 5px 10px 5px 0;    
}

table.OrdersList {
    margin-bottom: 15px;
    border-spacing: 0;
    border-collapse: collapse;
}

div.marginBottom10 {
    margin-bottom: 10px;
}

div.marginTop10 {
    margin-top: 10px;
}

table.EditableElementsTable td {
    font-weight: bolder;
    padding: 0 15px 0 0;
    border: solid 1px;
}

div.FormElement {
    float: left;
    margin: 5px 30px 5px 0;
    font-weight: bolder;
}

div.FormElementFirst {    
    clear: left;   
}

div.FormElement p {
    margin-bottom: 3px;
}

div.FormElement div.selector {
    left: -4px;
    top: -3px;
}

/*
End private customer view styles
*/


/* Start Web control styles. Do not change the name of  ErrorBorderColor. Check CssStringExension  */ 
.NoBorderColor {
    border-color: initial;
}

.ErrorBorderColor {
    border-color: red;
}
/* End Web control styles   */ 


/*
Start the micro clearfix hack (to control floating elements)  
The class is to be used on the element containing floating elements  
*/
.Group:before, .Group:after {
    content: "";
    display: table;
}
.Group:after {
    clear: both;
}
/* Tweak to make css work in IE7 */
.Group {
    zoom: 1;
}

/*
End the micro clearfix hack
*/



