.normal_bold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.formelement_normal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
}

.formelement_bold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.menubackground {
    background-color: #009966;
}

.bannerbackground {
    background-color: #0099CC;
}

#links {
    color: #333;
    margin-top: 15px;
    padding-left: 2px;
    width: 300px;
    position: absolute;
    left: 490px;
    top: 10px;
}

.blog {
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 0px;
}

.blogbody {
    border: 1px solid #B6B9B9;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
    width: 420px;
    background: #fff;
    display: block;
    text-align: left;
    color: #666;
    line-height: 150%;
    padding: 8px 8px 8px 8px;
}

.blogbody a, .blogbody a:link, .blogbody a:visited, .blogbody a:active {
    font-weight: normal;
}

.sidetitle {
    font-family: arial, helvetica;
    text-decoration: none;
    line-height: 140%;
    font-size: 12px;
    font-weight: Bold;
    color: #4d4d4d;
    margin-top: 10px;
}

.side {
    font-family: verdana, arial, sans-serif;
    color: #333;
    font-size: 10px;
    font-weight: normal;
    background: #FFF;
    line-height: 140%;
    padding: 10px;
    border: 1px solid #B6B9B9;
}

.status0_bold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #006699;
}

.status1_bold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #009966;
}

.status2_bold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #cc3300;
}

#header {
    border: 1px solid #B6B9B9;
    margin-left: 0px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    text-align: left;
    font-size: 15px;
    color: #FFF;
    font-weight: bold;
    line-height: 150%;
    padding: 8px 8px 8px 8px;
    background: #337ab7;
    /* Old browsers */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#header_nowidth {
    border: 1px solid #B6B9B9;
    background: #FFF;
    margin-left: 0px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    text-align: left;
    font-size: 15px;
    color: #FFF;
    line-height: 150%;
    padding: 8px 8px 8px 8px;
    background: #a5cd4e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5cd4e), color-stop(100%, #6b8f1a));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
    /* IE10+ */
    background: linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
    /* W3C */
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*.blogbodywide {
    border: 1px solid #B6B9B9;
    background: #F8F8F8;
    margin-left: 0px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    text-align: left;
    color: #666;
    line-height: 150%;
    padding: 8px 8px 8px 8px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}*/

#dashboardcontainer1 {
    position: relative;
    float: left;
    width: 405px;
    border: 0px solid red;
}

#dashboardcontainer2 {
    position: relative;
    float: left;
    width: 400px;
    border: 0px solid green;
}

.todobox {
    border: 1px solid #B6B9B9;
    background: #F8F8F8;
    margin-left: 0px;
    margin-bottom: 10px;
    position: relative;
    width: 380px;
    display: block;
    text-align: left;
    color: #666;
    line-height: 150%;
    padding: 8px 8px 8px 8px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.messagebox {
    border: 1px solid #B6B9B9;
    background: #F8F8F8;
    margin-left: 0px;
    margin-bottom: 10px;
    position: relative;
    width: 380px;
    display: block;
    text-align: left;
    color: #666;
    line-height: 150%;
    padding: 8px 8px 8px 8px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.quotebox {
    border: 1px solid #B6B9B9;
    background: #F8F8F8;
    margin-left: 0px;
    margin-bottom: 10px;
    position: relative;
    width: 380px;
    display: block;
    text-align: left;
    color: #666;
    line-height: 150%;
    padding: 8px 8px 8px 8px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.eventbody {
    border: 1px solid #B6B9B9;
    background: #F8F8F8;
    margin-left: 0px;
    margin-bottom: 10px;
    position: relative;
    width: 580px;
    display: block;
    text-align: left;
    color: #666;
    line-height: 150%;
    padding: 8px 8px 8px 8px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.delete {
    padding: 4px 10px 3px 30px;
    border: solid 1px #FF5353;
    position: relative;
    cursor: pointer;
    display: inline-block;
    background-image: url('../images/forms/button_delete.png'), url('../images/forms/bkg_delete.png');
    background-repeat: no-repeat, repeat-x;
    font-size: 11px;
    font-weight: bold;
    height: 32px;
    text-decoration: none;
    color: #3F403D;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-radius: 5px;
}

.delete:hover {
    color: #000;
}

a.delete {
    display: block;
    height: 32px;
}

.myselect {
    padding: 4px 8px 4px 8px;
    cursor: pointer;
    color: #2b3b06;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, .15);
    background: #FF870F;
    /* Old browsers */
    background: -moz-linear-gradient(top, #FF870F 0%, #AB5702 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF870F), color-stop(100%, #AB5702));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FF870F 0%, #AB5702 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FF870F 0%, #AB5702 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FF870F 0%, #AB5702 100%);
    /* IE10+ */
    background: linear-gradient(top, #FF870F 0%, #AB5702 100%);
    /* W3C */
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .3), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .3), inset 1px 1px 1px rgba(255, 255, 255, .45);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3), inset 1px 1px 1px rgba(255, 255, 255, .45);
}

.button1 {
    padding: 4px 8px 4px 8px;
    cursor: pointer;
    color: #2b3b06;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, .15);
    background: #FF870F;
    /* Old browsers */
    background: -moz-linear-gradient(top, #FF870F 0%, #AB5702 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF870F), color-stop(100%, #AB5702));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FF870F 0%, #AB5702 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FF870F 0%, #AB5702 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FF870F 0%, #AB5702 100%);
    /* IE10+ */
    background: linear-gradient(top, #FF870F 0%, #AB5702 100%);
    /* W3C */
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .3), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .3), inset 1px 1px 1px rgba(255, 255, 255, .45);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3), inset 1px 1px 1px rgba(255, 255, 255, .45);
}

.navigation {
    padding: 4px 8px 4px 8px;
    cursor: pointer;
    color: #FFF;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, .15);
    background: #14465D;
    /* Old browsers */
    background: -moz-linear-gradient(top, #14465D 0%, #154962 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #14465D), color-stop(100%, #154962));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #14465D 0%, #154962 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #14465D 0%, #154962 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #14465D 0%, #154962 100%);
    /* IE10+ */
    background: linear-gradient(top, #14465D 0%, #154962 100%);
    /* W3C */
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .3), inset 1px 1px 1px rgba(255, 255, 255, .45);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .3), inset 1px 1px 1px rgba(255, 255, 255, .45);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3), inset 1px 1px 1px rgba(255, 255, 255, .45);
}

.level {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #006699;
}

.add {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #666666;
    background-color: #C4FFD2;
}

.edit {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #666666;
    background-color: #FFFFA6;
}

.order {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #666666;
    background-color: #BABEF8;
}

.submenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    background-color: #cccccc;
}

legend {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #6D6161;
}

.search {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #444444;
    background-color: #FFCC00;
    border-style: double;
    border-color: #999999;
    border-width: 3px;
}

.emp_number {
    font-size: 14px;
    font-weight: bold;
    color: red;
}

h1 {
    color: #154962;
}

h2 {
    color: #154962;
    border-bottom: 1px dashed #ccc;
}

h3 {
    color: #154962;
}

.classbox {
    line-height: 160%;
    background-color: #F9FAFB;
    border: 1px solid #666;
    padding: .5em;
    width: 300px;
}


/* product */

#product_image {
    margin: 10px 0 0 0;
    width: 210px;
    float: right;
}

#product_image img {
    text-decoration: none;
}

#product_image a {
    font-weight: bold;
    text-decoration: underline;
}

. #product_image a:hover {
    font-weight: bold;
    color: #177AFF;
}

#product_info {
    width: 350px;
    float: left;
}

#product_info_margin {
    margin: 0 10px 0 0;
}

#product_other {
    width: 350px;
    float: left;
}

.picsmall {
    float: left;
    margin: 6px 5px 0 0;
}


/*.active{
  background: #C9EDB8;
  }*/

.notactive {
    background: #FFE6E6;
}

.left-form {
    float: left;
    margin-left: 15px;
    margin-right: 50px;
}

.right-form {
    float: left;
    margin-left: 15px;
}

.left-dashboard {
    float: left;
    margin-left: 15px;
    margin-right: 50px;
}

.right-dashboard {
    float: left;
    margin-left: 15px;
}

#products-table td:nth-child(n+4) {
    text-align: right;
}

#suppliers-table td:nth-child(n+5) {
    text-align: right;
}

#users-table td:nth-child(n+6) {
    text-align: right;
}

#published-lists-table td:nth-child(n+3) {
    text-align: right;
}

#published-lists-products-table td:nth-child(n+4) {
    text-align: right;
}

#supplier-lists-table td:nth-child(n+3) {
    text-align: right;
}

#list-products-table td:nth-child(n+8) {
    text-align: right;
}

#orders-table td:nth-child(n+3) {
    text-align: right;
}

#orders-products-table td:nth-child(n+4) {
    text-align: right;
}

.accountdetail {
    font-weight: bold;
}

.coordinates1 {
    padding-left: 10px;
}

.coordinates2 {
    padding-left: 20px;
}

#maplink {
    display: inline-block;
    cursor: pointer;
}

.blue-icon {
    color: #337ab7;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

input[readonly] {
    /*background-color: white !important;*/
    cursor: text !important;
}

fieldset {
    margin-left: -10px;
}

.inputfile {
    clear: both;
    margin-left: 5px;
}

/*table, th {
    border-bottom: 1px solid black;
}*/

th, td {
    padding: 5px 10px 5px 10px;
}

.accountdetail {
    font-weight: bold;
}

#payeedetails {
    border: 1px solid #c9c9c9;
    margin-left: 20px;
    min-height: 142px;
}

#linkedids {
    display: none;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    border-radius: 0;
    border: 2px solid #f0ad4e;
    margin-top: 10px;
}

#bankdetails {
    display: none;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #d9534f;
    margin-top: 10px;
}

#emaildocument {
    display: none;
    padding-left: 30px;
    padding-bottom: 10px;
    padding-right: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #5bc0de;
    margin-top: 10px;
}

#emailcertificate {
    display: none;
    padding-left: 30px;
    padding-bottom: 10px;
    padding-right: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #5bc0de;
    margin-top: 10px;
}

.min-size {
    min-height: 50vh;
}