﻿#onlineOrder
{
    margin: 10px 0 10px 0;
    background-color:ghostwhite;
    padding:4px;
    border:1px solid silver;
    
}
#onlineOrder div.block
{
    padding:4px;
    
}
#onlineOrder div.blockTitle
{
    padding:4px;
    font-size:15px;
    border-bottom:1px solid silver;
    font-weight:bold;
}

#onlineOrder div.blockContent
{
    padding:2px 2px 2px 8px;
    font-size:12px;
    
}
#onlineOrder div.row label.rowLabel
{
    text-align:left;
    display:inline-block;
    width:150px;
    
}
#onlineOrder div.row 
{
    margin-top:6px;
}
#onlineOrder div.row.nomargin
{
    margin-top:0 !important;
}

#onlineOrder div.row select,
#onlineOrder div.row input
{
    font-size:12px !important;
    width:150px;
}
#onlineOrder div.row select.small,
#onlineOrder div.row input.small
{
   width:50px !important;
}
#onlineOrder div.row select.medium,
#onlineOrder div.row input.medium
{
   width:100px !important;
}
#onlineOrder div.row input.autosize
{
   width:auto !important;
   border:0 !important;
}

#onlineOrder div.row select.required,
#onlineOrder div.row input.required
{
    background-color:lightyellow;
}
#onlineOrder div.row span.description
{
    font-style:italic;
    color:Gray;
}
#onlineOrder div.blockContent label.rowLabel.extra
{
    margin-left:10px;
    width:auto !important;
}
#onlineOrder div.blockContent label.rowLabel.extraright
{
    margin-right:10px;
    width:auto !important;
}

#advancedToggleContainer
{
    text-align:right;
    padding:8px;
}
#advancedToggleContainer a
{
    font-style:italic;
}
select.orderError,
input.orderError
{
    border: 1px dotted red;
}
ul#errorList
{
    list-style-type:none;
    list-style-image:url('images/alert.png');
    list-style-position:inside;
}
ul#errorList li
{
    color:Red;
}