body
{
    background: #d5d5d5;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    color: #000000;
    margin: 0;
}
#wrapper
{
    width: 100%;
    height: auto;
    margin: auto;
}
#middlepart
{
    overflow: auto;
    height: 100%;
    background: #d5d5d5;
    margin: auto;
    padding: 20px 20px;
}
#leftcolumn
{
    width: 25%;
    padding: 10px 10px;
    background: #ffffff;
    float: left;
    text-align: right;
}
#rightcolumn
{
    width: 70%;
    padding: 10px;
    background: #ffffff;
    float: right;
    text-align: right;
}
.header
{
    background: #ffffff url(../images/header.gif) repeat-x bottom left;
    height: 142px;
    width: 100%;
}
.menu
{
    background: #414141 url(../images/menu.gif) repeat-x;
    height: 31px;
    width: 100%;
}
.Logo
{
    background: url(../images/logo.png) no-repeat center center;
    height: 142px;
    width: 100%;
}
.title_capt
{
    color: #414141;
    font: bold 13px Tahoma;
    background-image: url(../images/bgtitle.jpg);
    height: 32px;
    padding-right: 10px;
    padding-top: 8px;
}
.loading
{
    background-color: #fff;
    height: 100%;
    width: 100%;
}
/* ================================================= */
/* 	 COMMON CSS ITEMS                              */
/* ================================================= */
a:link, a:visited, a:active
{
    color: #484848;
    text-decoration: none;
}
a:hover
{
    color: #f64e40;
    text-decoration: none;
}
h1
{
    font-size: 250%;
    margin: 10px 0;
    font-weight: normal;
}
h2
{
    font-size: 150%;
    margin: 8px 0;
    font-weight: normal;
}
h3
{
    font-size: 180%;
    margin: 7px 0;
    font-weight: normal;
}
h4
{
    font-size: 140%;
    margin: 5px 0;
    font-weight: normal;
}
h5
{
    font-size: 110%;
    margin: 5px 0;
    font-weight: normal;
}
h6
{
    font-size: 92.5%;
    margin: 5px 0;
    font-weight: normal;
}
pre, code
{
    font: 1em/1.4em "Courier News" , monospace;
    color: #484848;
    line-height: 1.5em;
}
/* ================================================= */
/* 	 Small Box CSS                               */
/* ================================================= */
.mainbox
{
    width: auto;
}
div.boxcontainer
{
    color: #888;
    width: 30%;
    float: right;
    min-height: 100px;
    font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
    background: #ffffff url(../images/boxb.gif) repeat-x top left;
    padding: 5px;
    margin: 0 0 1% 1%;
    border: 1px solid #c6c6c6;
}
.boxcontainer h4
{
    float: none;
    font-size: 18px;
    margin: 0;
    font-family: Tahoma, Arial, Tahoma, Verdana, Sans-serif;
    padding-bottom: 2px;
}
.boxcontainer h4
{
    padding: 5px 0 5px 0;
}
a img.box_thumb, a:visited img.box_thumb
{
    float: right;
    margin-left: 10px;
    padding: 5px;
    border: 1px solid #7a7a7a;
    background: #7a7a7a;
}
a:hover img.box_thumb
{
    background: #fff;
}
/* ================================================= */
/* 	 Forms CSS                               */
/* ================================================= */
fieldset
{
    padding: 10px;
    margin: 0 0 15px 0;
    background: #fff;
    border: 5px solid #ececec;
}
* html fieldset
{
    position: relative;
    margin: 10px 0 30px 0;
    padding: 20px 0;
}
fieldset legend
{
    font: bold 14px Tahoma, Helvetica, sans-serif;
    padding: 10px 5px;
    text-transform: uppercase;
    background: #fff;
}
form .label
{
    display: block;
    float: right;
    width: 150px;
    padding: 0 0 0 10px;
    margin: 6px 0 0;
    text-align: left;
}
form dfn
{
    margin: 0 10px;
}
form input, form textarea, form select
{
    font: normal 12px Tahoma;
}
.normal
{
    width: 150px;
}
.long
{
    width:300px;
}
.txtarea
{
    width: 250px;
    height: 150px;
}
.form em
{
    color: Red;
}

.form
{
}
.form .right
{
    width: 150px;
    text-align: left;
    padding-left: 10px;
}
.form .left
{
    padding-top: 5px;
}
.BTN
{
    padding: 3px 8px;
    border: none;
    background: #39b54a;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    cursor:pointer;
}
.BTN:hover
{
    padding: 3px 8px;
    border: none;
    color: #ffffff;
    background: #007236;
    text-decoration: none;
    text-transform: uppercase;
}
.BTN:disabled {
    background-color:#cacaca;
    color:#7a7a7a;
    cursor:not-allowed;
}
/* ================================================= */
/* 	 Settings MENU   CSS                               */
/* ================================================= */
.settingsblock
{
    width: auto;
    padding: 10px 10px 5px 10px;
    height: 70px;
    margin: auto 0 0px 0;
    clear: both;
}
.settingsblock div
{
    float: left;
    font: normal 2em Arial, Helvetica, sans-serif;
    color: #CCCCCC;
    padding: 20px 0 0 10px;
}
.settingsblock div a:visited, .settingsblock div a:active, .settingsblock div a:link
{
    background: url(../images/arrow.gif) 0% 50% no-repeat;
    padding: 10px 10px;
    float: left;
}
.settingsblock img
{
    vertical-align: middle;
    border: 0;
}

.settingsblock a:link, .settingsblock a:visited, .settingsblock a:active
{
    border: 0px solid #d9d9d9;
    display: inline-block;
    margin: 0 5px 0 0;
    float: left;
    padding: 5px;
    font: normal 10px tahoma, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
}
.settingsblock a:hover
{
    color: #f64e40;
}
.settingsblockSmall
{
    width: auto;
    padding: 10px 10px 10px 10px;
    clear: both;
    text-align: left;
}
.settingsblockSmall a:link, .settingsblockSmall a:visited, .settingsblockSmall a:active
{
    border: 0px solid #d9d9d9;
    padding: 5px;
    font: normal 10px tahoma, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
}
.settingsblockSmall img
{
    border: 0;
}
/* ================================================= */
/* 	 Validation Summary   CSS                               */
/* ================================================= */
.validation_summary
{
    background-image: url(../images/error.png);
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 50px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #ffe3e1;
    border-top: solid 5px #f14545;
}
.VSHeaderText
{
    font-weight: bold;
    color: #f14545;
}
/* ================================================= */
/* 	 Messages   CSS                               */
/* ================================================= */
.error_message
{
    background-image: url(../images/error.png);
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 50px;
    padding-bottom: 15px;
    padding-top: 12px;
    background-color: #ffe3e1;
    border-top: solid 5px #f14545;
    margin-bottom: 5px;
}
.error_message span
{
    font-weight: bold;
    color: #f14545;
}

.ok_message
{
    background-image: url(../images/ok.png);
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 50px;
    padding-bottom: 15px;
    padding-top: 12px;
    background-color: #e0ecd1;
    border-top: solid 5px #60a400;
    margin-bottom: 5px;
}
.ok_message span
{
    font-weight: bold;
    color: #60a400;
}
/* ================================================= */
/* 	 Grid   CSS                               */
/* ================================================= */
.grid_view
{
}
.grid_view th
{
    background: #414141 url(../images/menu.gif) repeat-x;
    color: #FFFFFF;
    font: bold 8pt Tahoma , Arial, Helvetica, sans-serif;
    padding: 10px;
    text-align: right;
    border: 1px solid #cacaca;
    border-width: 1px 0px 1px 0px;
}
.grid_view th A:link, .grid_view th A:visited
{
    color:White;
}
.grid_view td
{
    padding: 10px;
    text-align: right;
    border: 1px solid #cacaca;
    border-width: 1px 0px 1px 0px;
}
.grid_view tr:Hover
{
    background-color:#eaeaea;
}
.grid_view_page td
{
    border:none;
}
.grid_view_page td td
{
    border:solid 1px #b2b2b2;
    background-image:url(../images/bg_paging.jpg);
    background-repeat:repeat-x;
    height:26px;
    padding: 0px 7px 0px 7px;
}
.grid_view tr.highlight{
    background-color:#b1edaf;
}
.grid_view tr.redhighlight{
    background-color:#c66464;
}
.grid_view tr.yellowhighlight{
    background-color:#fae596;
}
.grid_view tr.unhighlight{
    background-color:#fff;
}
.simple_grid_view
{
}
.simple_grid_view th
{
    font: bold 8pt Tahoma , Arial, Helvetica, sans-serif;
    padding: 5px;
    text-align: right;
    border: 1px solid #cacaca;
    border-width: 0px 0px 1px 0px;
}
.simple_grid_view td
{
    padding: 5px;
    text-align: right;
    border: 1px solid #cacaca;
    border-width: 0px 0px 1px 0px;
}
a.submit:visited, a.submit:active, a.submit:link, a.add:visited, a.add:active, a.add:link, a.publish:visited, a.publish:active, a.publish:link, a.edit:visited, a.edit:active, a.edit:link, a.delete:visited, a.delete:active, a.delete:link, a.reset:visited, a.reset:active, a.reset:link
{
    width: auto;
    margin: 0 2px 0 0;
    padding: 2px 8px;
    text-transform: uppercase;
    font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
}
a.publish
{
    background: #afd2ea;
    color: #ffffff;
}
a.publish:hover
{
    background: #0072bc;
    color: #ffffff;
}

a.submit
{
    background: #949ca1;
    color: #000000;
}
a.submit:hover
{
    background: #727c82;
    color: #ffffff;
}

a.delete
{
    background: #ffb5b5;
    color: #ffffff;
}
a.delete:hover
{
    background: #d80047;
    color: #ffffff;
}

a.add
{
    background: #99d177;
    color: #ffffff;
}
a.add:hover
{
    background: #00a651;
    color: #ffffff;
}

a.reset
{
    background: #96aabf;
    color: #ffffff;
}
a.reset:hover
{
    background: #6f7f90;
    color: #ffffff;
}

a.edit
{
    background: #12486b;
    color: #ffffff;
}
a.edit:hover
{
    background: #000000;
    color: #ffffff;
}
/* ================================================= */
/* 	 RIGHTCOLUMN BOX CSS                               */
/* ================================================= */
.notes
{
    background: #e8e8e8;
    border: 1px solid #c5c5c5;
    border-top: 7px solid #414141;
}
.notes
{
    font-size: 100%;
    color: #484848;
    padding: 20px;
    width: auto;
    margin: 0 0 10px 0;
    text-align: right;
}
.notes p
{
    margin: 0;
    padding: 0;
    clear: both;
}
.notes span
{
    font-weight: bold;
    font-size: 13em;
    padding-bottom: 2px;
    margin-bottom: 10px;
}
/* ================================================= */
/* 	 SIDEBAR MENU CSS                              */
/* ================================================= */
#sidebarmenu
{
    background: #fff;
    padding: 1px 0px;
}
#sidebarmenu ul
{
    margin: 0;
    list-style: none;
    padding: 0px;
}
#sidebarmenu li
{
    list-style: none;
    font-weight: bold;
    line-height: 25px;
    margin: 0 0px 1px 0;
    padding: 4px 10px;
    border-right: 5px solid #414141;
    background: #ededed;
}
#sidebarmenu li a
{
    color: #414141;
}
#sidebarmenu li:hover
{
    color: #f64e40;
}
#sidebarmenu li a:hover
{
    color: #f64e40;
}
#sidebarmenu .activesub
{
    color: #f64e40;
}
/* ================================================= */
/* 	 CALENDAR CSS                              */
/* ================================================= */
.PickerCSS
{
	background-color: #ffffff;
	border-right: #000000 2px solid;
	border-top: #000000 2px solid;
	border-left: #000000 2px solid;
	border-bottom: #000000 2px solid;
}
.PickerHeaderCSS
{
	background-color: lightgrey;
	height: 30px;
}
.PickerFooterCSS
{
	background-color: lightgrey;
}
.PickerWeekDayCSS
{
	background-color: lightgrey;
	text-align: center;
	font-size: 8pt;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 19px;
}
.PickerCalendarCSS
{
	background-color: #e8f4ff;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 19px;
}
.PickerWorkDayCSS
{
	background-color: #ffffff;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
A.PickerWorkDayCSS
{
	color: black;
	text-decoration: none;
	border: none;
}
.PickerForbidenCSS
{
	background-color: #e8f4ff;
	color: Red;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-weight: bold;
}
.PickerSelectedCSS
{
	background-color: #e4e8ff;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
A.PickerSelectedCSS
{
	font-weight: bold;
	color: #0066ff;
	text-decoration: underline;
	border: none;
}
/*************** STATUS ************************/
.status-confirm
{
    color:Green;
}
.status-reject
{
    color:red;
}
.status-returnback
{
    color:#8f0273;
}
.status-sold
{
    color:Green;
}
.status-standby
{
    color:#eb8c05;
}
.status-pending
{
    color:maroon;
}
.status-cancel
{
    color:red;
}
.status-confirm-variance
{
    color: #669900;
}
.delete_row
{
    cursor:pointer;
}
.blink_text {
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;

-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;

 animation-name: blinker;
 animation-duration: 1s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;

 color: red !important;
}

@-moz-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@-webkit-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }
.input-qty{
    direction:ltr;
    width:50px;
}
.input-qty-hidden{
    direction:ltr;
    width:50px;
    display:none;
}
.input-qty-red{
    direction:ltr;
    width:50px;
    border:solid 1px red;
}
.input-qty-green{
    direction:ltr;
    width:50px;
    border:solid 1px green;
}
/*********************************/
.report-table {
    width: 100%;
}

    .report-table th {
        text-align: center;
        font-weight: bold;
        background-color: #ccc;
        padding: 10px 5px;
    }

    .report-table thead th {
        white-space: nowrap;
    }

    .report-table td {
        text-align: center;
        border-bottom: solid 1px #ccc;
        padding: 5px 3px;
    }

        .report-table td.has-value {
            background-color: #cdf5e0;
        }

.report-table-vborder td {
    border-left: solid 1px #ccc;
}
.no-wrap{
    white-space: nowrap;
}