/*********************
	HTML Elements
*********************/
* {
    margin: 0;
    padding: 0;
}

img, div, a {
    behavior: url(css/iepngfix.htc);
}

body {
    font-size: 16px;
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}

a, a:visited {
    text-decoration: none;
}

img {
    border: 0;
    margin: 1px;
}

p {
    padding: 3px;
}

h2 {
}

input {
    margin: 5px 5px 5px 5px;
    padding: 5px;
}
textarea
{
    margin: 5px 5px 5px 5px;
    padding: 5px;
}

select {
    padding: 5px;
}
/*********************
	Structure
*********************/
#container {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
}

#header {
    width: 1000px;
}

    #header h2 {
        margin-top: 20px;
    }

#content {
    width: 1000px;
    float: left;
    margin: 0 0 10px 0;
    padding: 10px;
}

#sidebar {
    background: #FFF;
    width: 170px;
    float: right;
    margin: 10px 0 10px 0;
    padding: 10px;
}

#footer {
    clear: both;
    padding: 5px;
    margin-top: 10px;
}

#box h3 {
    padding: 5px;
    font-size: 14px;
}
/*********************
	Sidebar
*********************/
#sidebar ul {
    list-style: none;
    line-height: 22px;
}

    #sidebar ul li a, #sidebar ul li a:visited {
        padding-left: 19px;
        text-decoration: none;
        margin: 0 3px;
        display: block;
    }

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

    #sidebar ul li ul {
        margin-left: 10px;
    }

#sidebar h3 {
    padding: 2px;
    font-size: 14px;
}
/*********************
  TopMenu, Top-Panel
*********************/
#topmenu {
    width: 1000px;
    float: left;
    voice-family: inherit;
}

    #topmenu ul {
        list-style: none;
        line-height: 25px;
    }

    #topmenu li {
        display: inline;
    }
    
    #topmenu li.hidetab {
        display: none;
    }

    #topmenu a, #topmenu a:visited {
        padding: 5px 12px 5px 12px;
        text-decoration: none;
    }

    #topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited {
        padding: 5px 12px 5px 12px;
        font-weight: bold;
    }

#top-panel {
    background: #FFF;
    padding: 5px;
    height: 20px;
    float: left;
    width: 1010px;
}

    #top-panel ul {
        list-style: none;
    }

        #top-panel ul li {
            display: inline;
            line-height: 20px;
        }

            #top-panel ul li a {
                padding-left: 19px;
                text-decoration: none;
                margin: 0 3px;
                display: inline-block;
            }

    #top-panel a:hover {
        text-decoration: underline;
    }
/*********************
		Other
*********************/
.a-right {
    text-align: right;
}

.a-left {
    text-align: left;
}

.a-center {
    text-align: center;
}

#pager {
    margin: 5px;
    height: 25px;
}

#styleswitcher {
    float: right;
}

    #styleswitcher ul {
        list-style: none;
        line-height: 10px;
    }

    #styleswitcher li {
        height: 12px;
        display: inline;
    }

#footer ul {
    list-style: none;
}

#footer li {
    display: inline;
}

a#defswitch {
    width: 15px;
    height: 10px;
    margin: 3px 0 3px 0;
    background-color: #bd3f09;
    font-size: 8px;
    color: #bd3f09;
    display: inline-block;
}

a#blueswitch {
    width: 15px;
    height: 10px;
    margin: 3px 0 3px 0;
    background-color: #375b91;
    font-size: 8px;
    color: #375b91;
    display: inline-block;
}

a#greenswitch {
    width: 15px;
    height: 10px;
    margin: 3px 0 3px 0;
    background-color: #d0e0b8;
    font-size: 8px;
    color: #d0e0b8;
    display: inline-block;
}

a#brownswitch {
    width: 15px;
    height: 10px;
    margin: 3px 0 3px 0;
    background-color: #654322;
    font-size: 8px;
    color: #654322;
    display: inline-block;
}

a#mixswitch {
    width: 15px;
    height: 10px;
    margin: 3px 0 3px 0;
    background-color: #294145;
    font-size: 8px;
    color: #294145;
    display: inline-block;
}

#credits {
    clear: both;
    width: 300px;
    float: left;
}
/*********************
		Tables
*********************/
table {
    margin: 5px;
    border-collapse: collapse;
    table-layout: automatic;
}
td, th {
    padding: 2px;
}
.mainform td, th {
    padding: 7px 5px 5px 7px;
    vertical-align: middle;
}
.mainform>tbody>tr>td:nth-child(1)
{
    width: 450px;
}
.mainform>tbody>tr>td:nth-child(2)
{
    width: 300px;
}
.heading
{
    background-color:#EEEEEE;
}
.subheading
{
    background-color:#F8F8F8;
}
.mainform .heading h3
{
    padding: 5px 0px 5px 0px;
}

thead {
}
/*********************
		Home
*********************/
#infowrap li {
    display: inline:;
}

#infobox {
    width: 365px;
    float: left;
    margin-top: 10px;
}

    #infobox h3 {
        padding: 5px;
        font-size: 14px;
    }

.margin-left {
    margin-left: 5px;
}

#rightnow .reallynow {
    padding: 5px;
    font-size: 14px;
}

#rightnow h3 {
    padding: 2px;
    padding: 0 10px;
    font-size: 14px;
}

#rightnow .reallynow span {
    display: block;
    text-align: left;
    float: left;
    padding: 0 2px;
    font-size: 14px;
}

#rightnow .reallynow a {
    text-decoration: none;
    display: block;
    text-align: right;
    float: right;
    padding: 0 0 0 18px;
    margin-left: 4px;
    font-weight: normal;
    font-size: 12px;
}

    #rightnow .reallynow a:hover {
        text-decoration: underline;
    }

#rightnow .youhave {
    font-size: 12px;
    padding: 10px;
}

#rightnow a {
    font-weight: bold;
}
/*********************
		Forms
*********************/
form {
    padding: 10px;
    margin: 0 auto;
}

    form#form fieldset {
        display: block;
        padding: 5px 10px 5px 10px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    form#form legend {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 5px;
        padding: 3px;
        width: 254px;
    }

    form#form label {
        clear: left;
        display: block;
        float: left;
        width: 100px;
        text-align: right;
        padding-right: 10px;
        margin-bottom: 5px;
    }

    form#form input {
        padding: 3px;
        margin-bottom: 5px;
    }

    form#form select {
        margin-left: 5px;
    }

    form#form textarea {
        width: 410px;
        height: 200px;
        padding: 5px;
        overflow: auto;
    }

    form#form option {
        background: #FFF;
    }

    form#form optgroup option {
    }

    form#form #button1, form#form #button2 {
        padding-right: 5px cursor:pointer;
        width: 205px;
        margin-left: 8px;
        font-weight: bold;
    }

        form#form #button1:hover, form#form #button2:hover {
            background-position: center left;
        }

input[disabled='disabled'] {
    background-color: #f2f2f2;
}

.addbtn {
    background: #b9ea97 url('icons/add.png') no-repeat left center;
    padding-left: 19px;
    width:100%;
}

    .addbtn:hover {
        background: #cccccc url('icons/add.png') no-repeat left center;
        padding-left: 19px;
    }

.deletebtn {
    background: #eeeeee url('icons/cancel.png') no-repeat left center;
    padding-left: 12px;
}

    .deletebtn:hover {
        background: #CCCCCC url('icons/cancel.png') no-repeat left center;
        padding-left: 12px;
    }

.viewbtn {
    background: #eeeeee url('icons/layout_edit.png') no-repeat left center;
    padding-left: 19px;
}

    .viewbtn:hover {
        background: #CCCCCC url('icons/layout_edit.png') no-repeat left center;
        padding-left: 19px;
    }

    
.submitbtn {
    background: #b9ea97;
    width:33%;
}

input:hover {
    cursor: hand;
    border: 1px solid #000000;
}

input:focus {
    background-color: #FCFCCA;
}

.span12 {
    width: 940px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 300px;
}

.span3 {
    width: 220px;
}

.span3 {
    width: 160px;
}

.span2 {
    width: 100px;
}

.span1 {
    width: 60px;
}

.span01 {
    width: 30px;
}

.spandate {
    width: 65px;
}



.Manditory {
    border: 1px solid #ff8e8e;
    box-shadow: 0 0 2px 1px #ff8e8e;
    background-color: #ffeeee;
    outline: none;
}

.Important {
    border: 1px solid #3A87AD;
    box-shadow: 0 0 2px 1px #3A87AD;
    background-color: #eeeeff;
    outline: none;
}

.PDF_down {
    padding: 1px 5px 2px 22px;
    background-image: url('icons/file-pdf.png');
    background-repeat: no-repeat;
}
/*********************
	Icons
*********************/
.icon {
    padding-left: 19px;
    text-decoration: none;
    height: 20px;
    font-size: 12px;
    margin: 0 3px;
    display: inline block;
    line-height: 20px;
}

.user {
    background: transparent url(icons/user.png) no-repeat left;
}

.useradd {
    background: transparent url(icons/user_add.png) no-repeat left;
}

.group {
    background: transparent url(icons/group.png) no-repeat left;
}

.search {
    background: transparent url(icons/magnifier.png) no-repeat left;
}

.online {
    background: transparent url(icons/world.png) no-repeat left;
}

.pagenew {
    background: transparent url(icons/page_add.png) no-repeat left;
}

.rss {
    background: transparent url(icons/rss.png) no-repeat left;
}

.feed {
    background: transparent url(icons/feed.png) no-repeat left;
}

.report {
    background: transparent url(icons/report.png) no-repeat left;
}

.mailgo {
    background: transparent url(icons/email_go.png) no-repeat left;
}

.phone {
    background: transparent url(icons/phone.png) no-repeat left;
}

.house {
    background: transparent url(icons/house.png) no-repeat left;
}

.manage {
    background: transparent url(icons/cog.png) no-repeat left;
}

.manage_page {
    background: transparent url(icons/page_gear.png) no-repeat left;
}

.folder {
    background: transparent url(icons/folder.png) no-repeat left;
}

.promotions {
    background: transparent url(icons/coins.png) no-repeat left;
}

.cart {
    background: transparent url(icons/cart.png) no-repeat left;
}

.folder_table {
    background: transparent url(icons/folder_page.png) no-repeat left;
}

.shipping {
    background: transparent url(icons/car.png) no-repeat left;
}

.invoices {
    background: transparent url(icons/page_white_text_width.png) no-repeat left;
}

.addorder {
    background: transparent url(icons/folder_page_add.png) no-repeat left;
}

.add {
    background: transparent url(icons/add.png) no-repeat left;
}

.delete {
    background: transparent url(icons/delete.png) no-repeat left;
}

.app_add {
    background: transparent url(icons/application_add.png) no-repeat left;
}

.report_seo {
    background: transparent url(icons/report_link.png) no-repeat left;
}

.modules {
    background: transparent url(icons/bricks.png) no-repeat left;
}

.modules_manage {
    background: transparent url(icons/bricks_gear.png) no-repeat left;
}

.layout_edit {
    background: transparent url(icons/layout_edit.png) no-repeat left;
}