.loginbox 
{
    background: rgb(241,241,241);
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    border: solid 1px #969696;
}


.LinkArrowR 
{
    background: url('images/arrow_r.gif') left center no-repeat;
    padding: 0px 0px 0px 10px;
}


.MainTable 
{
    width: 100%;
}

.MainTableLeft 
{
    width: 179px;
    padding-right: 5px;
}




.logo 
{
    background: url('images/logo.gif') no-repeat;
    width: 179px;
    height: 71px;
}

.menu a
{
    display: block;
    background: url('images/menu.gif') repeat-y;
    margin: 0px;
    padding: 9px 5px 9px 33px;
    border-bottom: solid 1px #c0c0c0;
    color: #2e666d;
    font-size: 10px;
}

.menu a:hover 
{
    text-decoration: none;
    color: #2f582a;
    background: url('images/menu_over.gif') left top no-repeat;
}

.menu_top 
{
    background: url('images/menu_top.gif') no-repeat;
    width: 179px;
    height: 10px;
    font-size: 0px;
}


.CrumbNavigation 
{
    background: #80bd41;
    color: #ffffff;
    padding: 3px 5px 3px 5px;
    margin-bottom: 5px;
}

.CrumbNavigation a 
{
    color: #ffffff;
}




.header 
{
    background: #80bd41 url('images/headerbg.jpg') right top no-repeat;
    height: 42px;
}

.StatusBar 
{
    width: 100%;
    background: #80bd41;
    margin-top: 2px;
}

.StatusBar .StatusInfo 
{
    text-align: right;
    padding: 7px 5px 0px 0px;
}

.StatusBar .StatusInfo .UserName 
{
    color: #ffffff;
    font-weight: bold;
}







.FoldButton 
{
    background: url('images/fold_rborder.gif') right top no-repeat;
    padding: 2px 2px 3px 2px;
    |padding: 0px;
    padding-right: 2px;
    margin-right: 1px;
    cursor: pointer;
    font-size: 13px;
    font-family: Arial;
}

.FoldButton input 
{
    background: url('images/fold_bg.gif') repeat-x;
    border: 0px;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    cursor: pointer;
    padding: 0px 5px 0px 5px;
}

.FoldYellow
{
    background: url('images/fold_rborder_yellow.gif') right top no-repeat;
}

.FoldYellow input 
{
    background: url('images/fold_bg_yellow.gif') repeat-x;
}

.FoldGreen
{
    background: url('images/fold_rborder_green.gif') right top no-repeat;
}

.FoldGreen input 
{
    background: url('images/fold_bg_green.gif') repeat-x;
}

.FoldRed
{
    background: url('images/fold_rborder_red.gif') right top no-repeat;
}

.FoldRed input 
{
    background: url('images/fold_bg_red.gif') repeat-x;
}



.Button 
{
    background: url('images/button_rborder.gif') right top no-repeat;
    padding: 2px 2px 3px 2px;
    |padding: 0px;
    padding-right: 2px;
    margin-right: 1px;
    cursor: pointer;
    font-size: 13px;
    font-family: Arial;
}

.Button input 
{
    background: url('images/button_bg.gif') repeat-x;
    border: 0px;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 7px 3px 7px;
    height: 20px;
}



.LabelDetail 
{
    font-weight: bold;
}






.FormBox1 
{
    margin: 5px 20px 0px 20px;
}



.Box 
{
    border: solid 1px rgb(237,237,237);
}

.BoxHead 
{
    background: url('images/boxhead.gif');
    padding: 5px 10px 0px 10px;
}


.BoxHead  .Title
{
    background: url('images/title_bg.gif') repeat-x;
    border: 0px;
    font-size: 11px;
    padding: 3px 10px 3px 10px;
}

.BoxHead  .TitleBorder
{
    background: url('images/title_rborder.gif') right top no-repeat;
    width: 20px;
}


.BoxContent 
{
    padding: 4px;
}


.ValidationSummary 
{
    margin: 0px;
    padding: 0px;
}


.LeftColumn 
{
    background: url('images/leftcolumn.gif');
    margin: 10px;
    min-height: 20px;
    _height: 20px;
}

.Footer 
{
    background: url('images/footer.gif');
    color: #ffffff;
    padding: 3px 10px 3px 10px;
    margin: 30px 0px 0px 0px;
}


.ListTable 
{
    width: 100%;
}

.ListTable td 
{
    padding: 3px;
}

.ListTable tr, .ListTable .Row 
{
    background: rgb(241,241,241);
}

.ListTable .AltRow td
{
    background: rgb(252,252,252);
}

.RightBorder 
{
    border-right: solid 1px #c0c0c0;
}


.TextArea 
{
    border: solid 1px #969696;
    font-family: Arial;
    font-size: 11px;
}


/* ========================
   GALLERY IMAGE ITEM
=========================*/
.DraggableItem
{
    float: left;
    border: solid 1px #c0c0c0;
    background: #e0e0e0;
    margin: 5px;
    padding: 10px 10px 3px 10px;
}

.DraggableItem_Inner 
{
    width: 100px;
    height: 125px;
    text-align: center;
    color: #606060;
    font-size: 10px;
    overflow: hidden;
}

.DraggableItem_PlaceHolder 
{
    float: left;
    width: 130px;
    height: 145px;
    margin: 5px;
}

.GalleryImageItem_Icons 
{
    margin-top: 10px;
}

.GalleryImageItem_Icons .IcoMove 
{
    margin-right: 60px;
    cursor: move;
}

.GalleryImageItem_Icons .IcoRemove 
{
    margin-bottom: 3px;
    cursor: pointer;
}


/* ========================
        IMAGE LIST
=========================*/

.ImageList 
{
}

.ImageListItem
{
    float: left;
    border: solid 1px #c0c0c0;
    background: #e0e0e0;
    margin: 5px;
    padding: 10px 10px 2px 10px;
}

.ImageListItem_Inner 
{
    width: 100px;
    height: 115px;
    text-align: center;
    color: #606060;
    font-size: 10px;
    overflow: hidden;
}

.ImageListItem_Name 
{
    margin-top: 5px;
    display: block;
}


/* ========================
         WORKFLOW
=========================*/

.WorkFlow 
{
    text-align: center;
}

.CREATED
{
    background-color: rgb(135,235,255);
}

.COMPLETED
{
    background-color: rgb(255,255,122);
}

.CONFIRMED
{
    background-color: rgb(97,255,69);
}

.REJECTED
{
    background-color: rgb(255,199,87);
}

.ARCHIVED
{
    background-color: rgb(199,199,199);
}