body
{
    margin: 0px;
    background-color: #ececec;
}

body, td
{
    font-family: Verdana;
    font-size: 11px;
    }

h1 
{
    color: #444444;
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #777777;
}

h2 
{
    color: #444444;
    font-size: 11px;
    font-weight: bold;
    margin: 10px 0px 3px 0px;
}

h2 a 
{
    color: #444444;
    text-decoration: none;
}

h2 a:hover 
{
    text-decoration: underline;
}

.ErrorMessage
{
    display: block;
    margin-top: 5px;
    padding: 3px;
    background-color: Yellow;
    border: 1px solid #666666;
    font-size: 12px;
    color: Red;
    font-style: italic;
    font-weight: bold;
}

#header 
{
    width: 950px;
    height: 38px;
    margin: 0px auto 0px;
    font-size: 9px;
    border-bottom: 1px solid #777777;
}

#masterpage_widenomenu #header
{
    width: 95%;
}

#logo
{
    width: 140px;
    padding: 5px 0px 0px 1px;
    float: left;
    text-align: left;
}

#title
{
    width: 555px;
    padding: 15px 0px 0px 4px;
    float: left;
    color: #444444;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
}

    
#ajaxload
{
    float: right;
    text-align: right;
    padding: 10px 1px 1px 5px;
    color: #777777;
}

#currentuser 
{
    width: 200px;
    float: right;
    text-align: right;
    padding: 23px 1px 1px 5px;
    color: #777777;
}

#currentuser a
{
    color: #777777;
    text-decoration: none;
}

#currentuser a:hover
{
    color: #000000;
    text-decoration: underline;
}

#wrap 
{
    width: 970px;
    margin: 0px auto 0px;
    padding: 10px 0px 10px 0px;
    background: #ececec url('../Gfx/bg.gif') repeat-y;
    min-height: 300px;
}

#wrap_nomenu
{
    width: 970px;
    margin: 0px auto 0px;
    padding: 10px 0px 10px 0px;
    background: #ececec url('../Gfx/bg_nomenu.gif') repeat-y;
    min-height: 300px;
}

#masterpage_widenomenu #wrap_nomenu
{
    width: 95%;
    background: #ffffff;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

#content 
{
    width: 930px;
    margin: 0px auto 0px;
}

#masterpage_widenomenu #content
{
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
}

#menu 
{
    float: left;
    width: 199px;
    margin-right: 20px;
    border-right: 1px solid #808080;
}

#menu h1 
{
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 4px;
}

#menu_floatright
{
    float: right;
    width: 188px;
    margin: 0px;
    margin-left: 20px;
    border: none;
}

#menu .dropdownmenu,
#menu_floatright .dropdownmenu
{
    width: 188px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
}

#contentmiddle 
{
    float: left;
    width: 700px;
}

#contentmiddle_nomenu
{
    float: left;
    width: 930px;
}

#masterpage_widenomenu #contentmiddle_nomenu
{
    width: 100%;
}
    
#footer 
{
    width: 950px;
    height: 20px;
    margin: 0px auto 0px;
    text-align: center;
    color: #999999;
    font-size: 9px;
    border-top: 1px solid #777777;
}

#masterpage_widenomenu #footer
{
    width: 95%;
}

#footer a
{
    color: #999999;
    text-decoration: none;
}

#footer a:hover
{
    color: #000000;
    text-decoration: underline;
}

#masterpage_popup
{
    background-color: #fefefe;
    margin: 0px;
}


/***************************************
****  Location.aspx                 ****
***************************************/

.LocationName 
{
    width: 100%;
    height: 20px;
    color: #000000;
    background-color: #99b3cc;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: block;
    border-bottom: 1px solid black;
}

/***************************************
****  ItemOverview                  ****
***************************************/

.ItemOverview
{
    width: 100%;
}

.ItemOverview .item_id
{
    width: 25px;
    text-align: right;
}

.ItemOverview .item_number
{
    width: 70px;
    text-align: right;
}

.ItemOverview .itemgroup_name
{
    width: 80px;
}

.ItemOverview .item_name
{
}

.ItemOverview .country_code2
{
    width: 24px;
    text-align: center;
}

.ItemOverview .language_code
{
    width: 24px;
    text-align: center;
}

.ItemOverview .forecast
{
    width: 60px;
    text-align: right;
}

.ItemOverview .itemflowstate
{
    width: 60px;
    text-align: right;
}

.ItemOverview .orderqtyweek
{
    width: 42px;
    text-align: right;
}

.ItemOrderFilter
{
    border: 1px solid gray;
    margin: 0px;
    margin-bottom: 10px;
    padding: 10px;
}
    

/***************************************
****  Grid                          ****
***************************************/

.Grid .Link
{
    width: 50px;
    text-align: center;
}

.Grid .Icon16
{
    width: 20px;
    text-align: center;
}

.Grid .EditColumn
{
    width: 40px;
    text-align: center;
}


.Grid .DateTime
{
    width: 120px;
    text-align: center;
}

.Grid .Date
{
    width: 70px;
    text-align: center;
}

.Grid .ID
{
    width: 30px;
    text-align: right;
}


/***************************************
****  TaskGrid                      ****
***************************************/

.Grid.Task .Link
{
    width: 50px;
    text-align: center;
}


/***************************************
****  PlateEditor                   ****
***************************************/

.PlateEditor .StatusBar
{
    display: block;
    margin-top: 0px;
    border: 1px solid #999999;
    border-top: none;
    font-size: 11px;
    color: #333333;
    background-color: #eeeeee;
    width: 745px;
    padding: 4px;
}

.PlateEditor .StatusBar .StatusBarRight
{
    text-align: right;
    font-size: 11px;
    font-weight: normal;
    padding: 2px;
    }

.PlateEditor .StatusBar .ProductionQuantity
{
    text-align: right;
    font-size: 24px;
    font-weight: bold;
    padding: 2px;
}

.PlateEditor .StatusBar input.ProductionQuantity
{
    font-size: 20px;
}

.PlateEditor .ErrorMessage
{
    margin-top: 0px;
    border: 1px solid #999999;
    border-top: none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    color: #333333;
    background-color: #ffff88;
    width: 745px;
    padding: 4px;
}


.PlateSet
{
    border: 3px solid black;
    border-collapse: collapse;
}
    
.PlateSet .PlateSetItem
{
    padding: 2px;
    width: 120px;
    height: 192px;
    border: 1px dotted black;
    background-color: #f2f2f2;
    font-family: Verdana, Arial;
    font-size: 9px;
    vertical-align: top;
}

    .PlateSet.x6 .PlateSetItem {
        width: 16.67%;
    }

    .PlateSet.x7 .PlateSetItem {
        width: 14.28%;
    }

    .PlateSet.y2 .PlateSetItem {
        height: 50%;
    }

.PlateSetItem .ItemNumber {
    font-size: 11px;
    text-align: center;
    padding: 2px;
    background-color: #6666cc;
    color: #f2f2f2;
    font-weight: bold;
    display: block;
}

.PlateSetItem .Red
{
    border-left: 3px solid #cc4444;
    border-right: 3px solid #cc4444;
}

.PlateSetItem .Yellow
{
    border-left: 3px solid #ffff00;
    border-right: 3px solid #ffff00;
}

.PlateSetItem .ItemName {
    font-size: 9px;
    text-align: left;
    padding: 2px;
    color: #333333;
    font-weight: normal;
    display: block;
    height: 23px;
}

.PlateSetItem .Rotations
{
    height: 60px;
}

.PlateSetItem .Rotation {
    margin-top: 3px;
    font-size: 9px;
    text-align: center;
    padding: 2px;
    background-color: #8888ff;
    color: #f2f2f2;
    font-weight: normal;
    display: block;
    height: 23px;

    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

.PlateSetItem .StateInfo
{
    margin: 10px auto;
    width: 80%;
    height: 24px;
    border-radius: 12px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 23px;
}

    .PlateSetItem .StateInfo.OK {
        color: white;
        background-color: green;
    }

    .PlateSetItem .StateInfo.Warning {
        color: black;
        background-color: yellow;
    }

    .PlateSetItem .StateInfo.Error {
        color: white;
        background-color: red;
    }

.PlateSetItem .ApprovedInfo {
    margin: 10px auto;
    width: 80%;
    height: 24px;
    border-radius: 12px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    line-height: 23px;
    background-color: darkgray;
    color: #555;
}

    .PlateSetItem .ApprovedInfo.Approved {
        font-size: 14px;
        color: white;
        background-color: green;
    }

        
.PlateSetItem.On
{
    background-color: #ffff88;
}

.PlateSetItem.Over
{
    background-color: #ffff22;
}



.PlateSetSum
{
    display: block;
    border: 2px solid #666666;
    border-left: none;
    border-collapse: collapse;
    background-color: #eeeeff;
    width: 220px;
    height: 394px;
}

table.Layout
{
    border: none;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}

table.Layout td
{
    padding: 0px;
    margin: 0px;
    }
    
    

/***************************************
****  EditPanel                     ****
***************************************/
    
.EditPanel .Label
{
    display: block;
    font-size: 9px;
    margin-top: 8px;
    }
    
.EditPanel .TextBox
{
    font-family: Verdana, Arial, Sans-Serif;
    padding: 3px;
    }
    
.EditPanel textarea.TextBox
{
    font-size: 11px;
}

.EditPanel .LargeFont
{
    font-size: 18px; 
    padding: 5px;
}

.EditPanel .TextBox.FullSize
{
    width: 692px;
    }
    
.EditPanel .TextBox.LargeFont.FullSize
{
    width: 688px;
    }
    
.EditPanel .Button
{
    width: 150px;
    }
    
    
    
.SearchPanel
{
    margin-right: 10px;
    height: 15px;
    }
    
.SearchPanel .SearchText
{
    float: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    width: 165px;
    border: 1px solid #cccccc;
    }
    
.SearchPanel .SearchButton
{
    float: right;
}

.Crosshair
{
    cursor: crosshair;
    }
    
    
.ErrorLevel100
{
    color: #ee6666;
    font-weight: bold;
}

.WrapWord {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}