/* Basic  ---------------------------------------- */

.clear
{
    clear: both;
}

body
{
    background: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #646464;
    text-align: center;
}
#content
{
    width: 100%;
    margin: 0 auto;
}
#wrapper
{
    text-align: left;
    width: 930px;
    margin: 0 auto; /* background-color: aliceblue;*/
}

/* Logo  ---------------------------------------- */

#heading
{
    margin: 15px 0 10px 5px;
    font-size: 25px; /*background: url(../img/transdmin-light.gif) no-repeat left top;*/
}

#heading a
{
    color: lightblue;
}

/*h1 span
{
    display: none;
}*/

/* Main Navigation ---------------------------------------- */

#mainNav
{
    width: 918px;
    height: 37px;
    padding: 6px;
    margin: 25px 0 30px 0;
    background: url(../img/top-menu-bg.gif) no-repeat left top; /* We used a background image making the thick border and the thin one to keep the html structure simple */
}

#mainNav li
{
    float: left;
    height: 37px;
    border-right: 1px solid #ddd;
}

#mainNav li a
{
    display: block;
    float: left;
    height: 37px;
    font-weight: bold;
    line-height: 37px;
    text-decoration: none;
    color: #646464;
    padding: 0 20px;
}

#mainNav li.logout
{
    float: right;
    border-left: 1px solid #ddd;
    border-right: none;
}

#mainNav li a:hover
{
    background: #fdfcf6;
}

#mainNav li a.active, #mainNav li a.active
{
    background: #f0f0f0 url(../img/top-menu-item-bg.gif) repeat-x left top;
    color: #454545;
}

/* Container ---------------------------------------- */

#containerHolder
{
    background: #eee;
    padding: 5px;
}


#container
{
    background: #fff url(../img/content.gif) repeat-y left top;
    border: 1px solid #ddd;
    width: 918px;
    min-height: 800px;
    height: auto;
}

/* Sidebar ---------------------------------------- */

#sidebar
{
    width: 179px;
    float: left;
}

#sidebar .sideNav
{
    width: 179px;
}

#sidebar .sideNav li
{
    border-bottom: 1px solid #ddd;
    width: 179px;
}

#sidebar .sideNav li a
{
    display: block;
    color: #646464;
    background: #f6f6f6;
    text-decoration: none;
    height: 29px;
    line-height: 29px;
    padding: 0 19px;
    width: 141px;
}

#sidebar .sideNav li a:hover
{
    background: #fdfcf6;
}

#sidebar .sideNav li a.active, #sidebar .sideNav li a.active:hover
{
    background: #f0f7fa;
    color: #c66653;
}

/* Breadcrumb ---------------------------------------- */

h2
{
    width: 718px;
    float: right;
    color: #646464;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    margin: 20px 0 0 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ddd;
    height: 15px;
}

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

h2 a.active
{
    color: #c66653;
}

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

/* Content ---------------------------------------- */

#main
{
    width: 700px;
    float: right;
    padding: 0 19px 20px 0;
}

h3
{
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #5494af;
    padding: 0 0 0 10px;
    margin: 20px 0 10px;
}

#main table
{
    border-top: 1px solid #ddd;
    width: 700px;
}

#main table tr th
{
    padding: 10px 20px;
    width: 35%;
    border-bottom: 1px solid #ddd;
}

#main table tr td
{
    background: #f6f6f6;
    padding: 0px 20px;
    height: 29px;
    line-height: 29px;
    border-bottom: 1px solid #ddd;
}

#main table tr.odd td
{
    background: #fbfbfb;
}

#main table tr:hover td
{
    background: #fdfcf6;
}

#main table .action
{
    text-align: right;
    padding: 0 20px 0 10px;
}

#main table tr .action a
{
    margin: 0 0 0 10px;
    text-decoration: none;
    color: #9b9b9b;
}
#main table tr:hover .action .edit
{
    color: #c5a059;
}
#main table tr:hover .action .delete
{
    color: #a02b2b;
}
#main table tr:hover .action .view
{
    color: #55a34a;
}

#main table tr:hover .action a:hover
{
    text-decoration: underline;
}

#main fieldset
{
    border: 1px solid #ddd;
    padding: 19px;
    margin: 0 0 20px 0;
    background: #fbfbfb;
}

#main fieldset p
{
    margin: 0 0 14px 0;
    float: left;
    width: 100%;
}

#main fieldset label
{
    display: block;
    width: 100%;
    margin: 0 0 7px 0;
    line-height: 12px;
}

#main fieldset .text-long
{
    border: 1px solid #ddd;
    background: #fff url(../img/input-shaddow.gif) no-repeat left top;
    font: 15px Arial, Helvetica, sans-serif;
    color: #646464;
    padding: 5px 7px;
    width: 264px;
    float: left;
    margin: 0 10px 0 0;
}

#main fieldset .text-medium
{
    border: 1px solid #ddd;
    background: #fff url(../img/input-shaddow.gif) no-repeat left top;
    font: 11px Arial, Helvetica, sans-serif;
    color: #646464;
    padding: 5px 7px;
    width: 124px;
    float: left;
    margin: 0 10px 0 0;
}

#main fieldset .text-small
{
    border: 1px solid #ddd;
    background: #fff url(../img/input-shaddow.gif) no-repeat left top;
    font: 11px Arial, Helvetica, sans-serif;
    color: #646464;
    padding: 5px 7px;
    width: 44px;
    float: left;
    margin: 0 10px 0 0;
}

#main fieldset .text-long:focus, #main fieldset .text-medium:focus, #main fieldset .text-small:focus, #main fieldset textarea:focus
{
    background: #fdfcf6 url(../img/input-shaddow-hover.gif) no-repeat left top;
}

#main fieldset textarea
{
    border: 1px solid #ddd;
    background: #fff url(../img/input-shaddow.gif) no-repeat left top;
    font: 15px Arial, Helvetica, sans-serif;
    color: #646464;
    padding: 5px 7px;
    width: 364px;
    float: left;
    margin: 0 10px 0 0;
    height: 148px;
    overflow: auto;
}

.button-submit
{
    font: 11px Arial, Helvetica, sans-serif;
    color: #646464;
    width: 94px;
    height: 29px;
    cursor: pointer;
    border: none;
    background: url(../img/button-submit.gif) no-repeat left top;
}

.selecttag
{
    border: 1px solid #ddd;
    background: #fff url(../img/input-shaddow.gif) no-repeat left top;
    font: 15px Arial, Helvetica, sans-serif;
    color: #646464;
    padding: 4px 7px;
    width: 280px;
    float: left;
}
.input-disabled
{
    border: 1px solid #ddd;
    background-color: #ECECEC;
    font: 15px Arial, Helvetica, sans-serif;
    color: #646464;
    padding: 5px 7px;
    width: 264px;
    float: left;
    margin: 0 10px 0 0;
}

/* for login*/
#login
{
    width: 500px;
    height: auto;
    margin: 0 auto;
    background-color: White;
    margin-top: 230px;
    padding: 30px;
    border: 1px #e1e1e1 solid;
    border-radius: 10px;
}

#tbl_login
{
    width: 100%;
    padding: 22px 2px 2px 2px;
}
#login table th
{
    text-align: right;
    padding: 5px;
}

.Button_Login
{
    font: 15px Arial, Helvetica, sans-serif;
    color: #646464;
    width: 355px;
    height: 35px;
    cursor: pointer;
    border: 1px #e1e1e1 solid;
    background-color: #f0f0f0; /*background: #f0f0f0 url(/img/top-menu-item-bg.gif) repeat-x left top;*/
}
.Button_Login:hover
{
    background-color: gainsboro;
}
.login_textbox
{
    width: 350px;
    height: 30px;
    padding: 2px;
}
#Label_error
{
    margin-top: 5px;
    color: Red;
    font-size: 15px;
}
/* for login*/

/* Footer ---------------------------------------- */

/*#footer
{
    background: white;
    border: 1px solid #ddd;
    width: 918px;
    text-align: center; 
}
#footercontainer
{
    padding: 5px;
    background: #eee;
    margin-top: 50px;
}

#footer a
{
    color: #9B9B9B;
}

#footer a:hover
{
    text-decoration: none;
}*/
/* Footer ---------------------------------------- */

#footer
{
    margin: 10px 0 30px 0;
    font-size: 14px;
    line-height: 11px;
    color: #9B9B9B;
    padding: 0 0 0 5px;
}

#footer a
{
    color: #9B9B9B;
}

#footer a:hover
{
    text-decoration: none;
}
.btn_sort {margin-left:5px;cursor:pointer;}
.btn_sort img{vertical-align:sub;cursor:pointer;}