.tablelist {
    border: none;
    background-color: #ffffff;
    width: 98%;
    margin-left: 1%;
    -moz-border-radius: 5px;
}

.tablelist td {
    text-align: center;
}

.table {
    border: none;
    margin-left: 1%;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.table td {
    text-align: center;
}

body {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    color: #000000;
    background-color: #fff;
    /*background-image:url('/orderadmin/images/supportsuit.jpg');*/
}

.main {
    margin: 0px auto;
    padding: 0;
    text-align: left;
    border: 1px solid #CCCCCC;
    min-width: 1024px;
    max-width: 80%;
    height: auto;
}

#header {
    min-width: 760px;
    height: 110px;
}

#left {
    position: relative;
    float: left;
    width: 190px;
    border-top: 1px solid #CCCCCC;
}

#right {
    min-height: 300px;
    position: relative;
    float: left;
    width: 569px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

#middle {
    min-height: 300px;
    position: relative;
    float: left;
    min-width: 100%;
    border-top: none;
}

#footer {
    clear: left;
    width: 98%;
    height: 15px;
    text-align: right;
    /*	background-image: url('/orderadmin/images/logo2.jpg');
	background-repeat: no-repeat;
    background-position: 0px 8px; */
    color: inherit;
    border-top: 2px solid #CC0000;
    padding: 10px 10px;
}

.top {
    background-color: #BBD3F7;
    color: #000000;
    font-size: 28px;
    height: 110px;
}

.logo {
    float: left;
    padding: 15px 10px 0 30px;
}

.name {
    float: left;
    padding: 20px 0px 0 0;
}

.n1 {
    color: #CC3300;
    background-color: inherit;
}

.n2 {
    color: #CC3300;
    font-size: 16px;
    background-color: inherit;
}

.slogan {
    color: #CC3300;
    font-size: 11px;
}

.search {
    float: right;
    color: #000000;
    background-color: inherit;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 15px 0 15px;
}

a {
    color: #CC3300;
    background-color: inherit;
}

a:hover {
    color: #06C;
    text-decoration: none;
}

#menu_nav {
    background-color: #BBD3F7;
    padding: 1px 0px 0px 0px;
    margin: 0px 0 0px 0;
    height: 27px;
    min-width: 740px;
    max-width: 100%;
}

#menu_nav2 {
    padding: 1px 0px 0px 0px;
    margin: 0px 0 0px 0;
    height: 27px;
    float: left;
}

#menu_nav ul {
    list-style-type: none;
    padding: 1px 0px 0px 0p;
    margin: 0;
}

#menu_nav li {
    float: left;
    width: 85px;
    background-image: url(images/menu2.gif);
    margin: 0 1px;
    height: 21px;
    padding: 0 0 5px 0;
    text-align: center;
}

#menu_nav li a {
    color: #000000;
    background-color: inherit;
    text-decoration: none;
    font-weight: bold;
}

#menu_nav li a:hover {
    text-decoration: underline;
}

.text ul {
    padding: 0;
    margin: 0 15px;
}

form {
    padding: 0;
    margin: 0;
}

a {
    color: #000000;
    background-color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.box11 {
    background-color: #C4DD6C;
    color: inherit;
    width: 180px;
    min-height: 50px;
    margin: 0px 3px 0 3px;
    border: 1px solid #646464;
    float: left;
}

.box12 {
    background-color: #BBD3F7;
    color: inherit;
    width: 180px;
    min-height: 50px;
    margin: 0px 3px 0 3px;
    border: 1px solid #646464;
    float: left;
}

.block {
    width: 400px;
    height: 115px;
    min-height: 50px;
    margin: 10px 6px 5px 0px;
    border: 1px solid #646464;
    -moz-border-radius: 5px;
}

.long_block {
    width: 65%;
    height: 150px;
    min-height: 50px;
    margin: 10px 6px 5px 0px;
    border: 1px solid #646464;
}

.menublock {
    position: relative;
    width: relative;
    min-height: 60px;
    margin: 10px 6px 5px 0px;
    border: 1px solid #646464;
    float: left;
}

.title_right {
    font-size: 12px;
    font-weight: bold;
    color: #CC3300;
    background-color: inherit;
    margin: 10px;
    width: 545px;
    border-bottom: 1px solid #646464;
}

.title_middle {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #ec5413;
    background-color: inherit;
    margin: 10px;
    min-width: 63%;
    border-bottom: 0px solid #646464;
}

.title1 {
    background-color: #C4DD6C;
    height: 20px;
    margin: 1px;
    border-bottom: 1px solid #646464;
    padding: 5px 0 0 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.title2 {
    height: 20px;
    margin: 1px;
    border-bottom: 1px solid #646464;
    padding: 5px 0 0 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.title4 {
    background-color: #BBD3F7;
    height: 20px;
    margin: 1px;
    border-bottom: 1px solid #646464;
    padding: 5px 0 0 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.title3 {
    background-color: #FFB0B0;
    height: 20px;
    margin: 1px;
    border-bottom: 1px solid #646464;
    padding: 5px 0 0 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.t2 {
    background-color: #DCDCDC;
    height: 20px;
    border-bottom: 1px solid #646464;
    padding: 5px 0 0 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    width: 150px;
    margin: 5px 10px;
}

.text {
    padding: 10px;
}

.left_text {
    padding: 0px 15px;
    text-align: justify;
}

.day {
    font-weight: bold;
    color: #000000;
    background-color: inherit;
}

.cp {
    float: left;
    padding-left: 10px;
}

input {
    width: 100px;
    font-weight: normal;
    font-family: "Verdana";
    font-size: 12px;
    color: #000;
    background: none;
    margin-bottom: 1px;
}

.popup {
    margin: 0px auto;
    padding: 0;
    text-align: left;
    border: 1px solid #CCCCCC;
    font-size: 5px;
    font-weight: lighter;
    max-width: 99%;
    height: auto;
}


/* input type=Text by Hardy*/

.textbox {
    height: 18px;
    font-weight: normal;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: auto;
    -moz-border-radius: 5px;
    width: 89.5%;
}

.textbox:hover {
    height: 18px;
    /*for outside TD*/
    background-color: #C1F0FF;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.textcube {
    height: 18px;
    font-weight: normal;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: auto;
    -moz-border-radius: 5px;
    width: 100px;
}

.textcube:hover {
    height: 18px;
    /*for outside TD*/
    background-color: #C1F0FF;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}


/* CheckBox by Hardy*/

.checkbox {
    width: 15px;
}

.radio {
    width: 15px;
}

.select {
    width: 90.7%;
    padding: 1px;
    margin-left: 3px;
    margin-top: 1px;
    position: relative;
    font-size: 12px;
    position: relative;
    border: 0px;
    border-bottom: 1px dotted #555;
    line-height: 18px;
    color: #000;
}

.select option {
    background-image: url(/orderadmin/images/selected_blue.gif);
}


/* BUTTONS with pointer by Hardy*/

.pointer {
    height: 20px;
    font-weight: normal;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: pointer;
    -moz-border-radius: 5px;
}

.pointer:hover {
    height: 20px;
    /*for outside TD*/
    background-color: #C1F0FF;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.pointer2 {
    height: 20px;
    font-weight: normal;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    cursor: pointer;
    -moz-border-radius: 5px;
}

.pointer2:hover {
    height: 20px;
    /*for inside TD to fix its height*/
    background-color: #E8F3FF;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
}

.pointeradd {
    /*for every add buttons*/
    height: 20px;
    background-color: #fff;
    font-weight: normal;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    cursor: pointer;
    -moz-border-radius: 5px;
}

.pointeradd:hover {
    height: 20px;
    background-color: #E8F3FF;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
}

.pointerdel {
    /*for every delete buttons*/
    height: 20px;
    background-color: #999;
    font-weight: normal;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: pointer;
    -moz-border-radius: 5px;
}

.pointerdel:hover {
    height: 20px;
    background-color: #DDD;
    font-weight: normal;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: pointer;
}


/* search BUTTONS */

.buttons a,
.buttons button {
    /*   display:block; */
    /*   float:left; */
    margin: 0 7px 0 0;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 100%;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 1px 0px 4px 0px;
    /* Links */
    -moz-border-radius: 5px;
}

.buttons button {
    width: 100px;
    overflow: visible;
    padding: 1px 0px 4px 0px;
    /* IE6 */
}

.buttons button[type] {
    padding: 1px 0px 4px 0px;
    /* Firefox */
    line-height: 17px;
    /* Safari */
}

*:first-child+html button[type] {
    padding: 0px 0px 0px 0px;
    /* IE7 */
}

.buttons button img,
.buttons a img {
    margin: 0 3px -3px 0 !important;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px;
}


/* Affect Date Picker , so hidden this
button:hover, .buttons a:hover{
    background-color:#dff4ff;   
    border:1px solid #c2e1ef;
    color:#336699;
}*/

.buttons a:active {
    background-color: #6299c5;
    /*sec font */
    border: 1px solid #6299c5;
    color: #fff;
}


/* POSITIVE */

button.positive,
.buttons a.positive {
    color: #CC3333;
    /*first font color*/
}

.buttons a.positive:hover,
button.positive:hover {
    background-color: #FF9B9B;
    /*first backgroud */
    border: 1px solid #c2e1ef;
    color: #CC3333;
}

.buttons a.positive:active {
    background-color: #529214;
    border: 1px solid #529214;
    color: #fff;
}


/* NEGATIVE */

.buttons a.negative,
button.negative {
    color: #d12f19;
    /*third font color */
}

.buttons a.negative:hover,
button.negative:hover {
    background: #fbe3e4;
    /*third bg color */
    border: 1px solid #fbc2c4;
    color: #d12f19;
}

.buttons a.negative:active {
    background-color: #d12f19;
    /*third font color */
    border: 1px solid #d12f19;
    color: #fff;
}


/*==================================Date Picker CSS========================*/


/* the div that holds the date picker calendar */

.dpDiv {}


/* the table (within the div) that holds the date picker calendar */

.dpTable {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #676464;
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    width: auto;
}


/* a table row that holds date numbers (either blank or 1-31) */

.dpTR {}


/* the top table row that holds the month, year, and forward/backward buttons */

.dpTitleTR {}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTR {}


/* the bottom table row, that has the "This Month" and "Close" buttons */

.dpTodayButtonTR {}


/* a table cell that holds a date number (either blank or 1-31) */

.dpTD {
    border: 1px solid #eae9de;
padding: 3px;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlightTD {
    background-color:#35abff;
    border: 1px solid #2f9fef;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */

.dpTDHover {
    background-color: #aca998;
    border: 1px solid #888888;
    cursor: pointer;
    color: red;
}


/* the table cell that holds the name of the month and the year */

.dpTitleTD {}


/* a table cell that holds one of the forward/backward buttons */

.dpButtonTD {}


/* the table cell that holds the "This Month" or "Close" button at the bottom */

.dpTodayButtonTD {}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTD {
    background-color: #35abff;
    border: 1px solid #6fb7f7;
    color: white;
padding: 3px;
}


/* additional style information for the text that indicates the month and year */

.dpTitleText {
    font-size: 12px;
    color: #606266;
    font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlight {
    color: #fdfdfd;
    font-weight: bold;
}


/* the forward/backward buttons at the top */

.dpButton {
    font-family:  Arial, Helvetica, sans-serif;
        font-size: 10px;
    color: #0b89e2;
    background: #ffffff;

    padding: 3px;
    border: 0;
}


/* the "This Month" and "Close" buttons at the bottom */

.dpTodayButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ffffff;
    background: #35abff;
    font-weight: bold;
border: 0;
padding: 5px;

}


/*============================================End of Date Picker===========================*/