html {
    background: #9D6F38;
}

header {
    margin-bottom: 3px;
}

menu {
    font-weight: bold;
}

table {
    margin-bottom: 20px;
}

thead tr {
    background: #5D5D5D;
}

a {
    color: #000;
    cursor: pointer;
}

a:hover {
    color: #666;
}

ul {
    border: #0E92A0 0px solid;
    list-style-type: none;
    margin: 0;
}

li {
    line-height: 20px;
    margin-bottom: 5px;
}

hr {
    background-color: #AC5927;
    color: #AC5927;
    height: 2px;
    margin: 0 0 10px;
}

h1 {
    color: #494949;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

h2 {
    color: #A71D22;
    font-size: 13px;
    font-weight: bold;
    clear: both;
}

th {
    color: #FFF;
    font-size: 13px;
    padding: 3px;
    text-align: left;
    vertical-align: middle;
}

td.sheet_td_checkbox {
    paddingleft: 11px;
}

.toplogo {
    padding-bottom: 13px;
    padding-left: 3px;
}

td {
    color: #000;
    font-size: 12px;
    padding: 5px 0 0 3px;
}

input[type=checkbox] {
    margin: 2px;
}

input[type=text][class=dynamic] {
    margin-left: 0px;
    margin-bottom: 3px;
    width: 145px;
}

label[class=dynamic] {
    margin-left: 0px;
    width: 145px;
    color: #00F;
}

textarea {
    margin-top: 2px;
}

input[type=text],
input[type=password],
textarea {
    border: solid 1px #CCC;
}

body {
    font-family: Helvetica, Tahoma, sans-serif;
    padding: 20px 0px;

    /* fallback */
    background-color: #1A82F7;
    background: url(images/linear_bg_2.png);
    background-repeat: repeat-x;

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(100% 100% 90deg, #9D6F38, #E8B771);

    /* Safari 4-5, Chrome 1-9 */
    /* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8B771), to(#9D6F38) );

    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(#E8B771, #9D6F38);

    /* Opera 11.10+ */
    background: -o-linear-gradient(#E8B771, #9D6F38);

    /* IE */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8B771', endColorstr='#9D6F38');

}

.grid23-5 {
    width: 1155px;
}

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

.align-right {
    text-align: right;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.inline {
    display: inline-block;
    color:#A71D22;
}

.short-input {
    margin-top: 2px;
    width: 18px;
}

.block {
    display: block;
}

.bold {
    font-weight: bold;
}

/* form error message */
.errors li {
    background-color: #FFF;
    border: 1px solid red;
    border-top: 3px solid red;
    width: 214px;
    padding: 0 3px 0 3px;
}

.success {
    color: #393;
}

.margin-bottom {
    margin-bottom: 15px;
}

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

.margin-top {
    margin-top: 15px;
}

.no_underline {
  text-decoration: none;
}

div#container {
    background-color: #FFF;
    margin: 0px auto;
    padding: 10px 0 0 0;
    position: relative;
    width: 1200px;
}

menu.menutop {
    background-color: #AC5927;
}

menu.menutop > ul > li {
    background-color: #AC5927;
    border-right: solid 2px #FFF;
    display: block;
    float: left;
    font-size: 12px;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
}

menu.menutop > ul > li:hover {
    background-color: #990033;
}

menu.menutop > ul > li > a {
    color: #FFF;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
}

menu.menuleft > ul {
    margin-bottom: 15px;
}

menu.menuleft > ul > li > a {
    background: #3E3E3E;
    color: #FFF;
    display: block;
    font-size: 12px;
    padding: 3px;
    text-decoration: none;
}
menu.menuleft > ul > li > a:hover {
    background: #717171 url(../images/submenuarrow.png) no-repeat scroll 187px;
}

menu.menuleft > ul > li > a.app_link {
    background: #07AF00;
}
menu.menuleft > ul > li > a.app_link:hover {
    background: #03C903;
}

menu div#globalsearch {
    float: right;
    padding-top: 2px;
}

img.logo_client {
    float: left;
    padding-right: 20px;
    max-height: 60px;
    margin-top: 10px;
}

div#client_company {
    margin-top: 21px;
    text-align: right;
    display: inline-block;
}

span.client_name {
    color: #A71D22;
    font-size: 15px;
    font-weight: bold;
}

span.client_company {
    color: #333;
    font-size: 11px;
}

div.logout {
    float: right;
}

div.logo {
    float: right;
    margin-top: -10px;
}

div.homepage {
    background: #FFF url(../images/header.jpg) no-repeat;
    height: 536px;
    margin-top: 3px;
}

div.inner-homepage {
    margin-top: 350px;
}

div.inner-homepage h1 {
    color: #FFF;
    font-size: 26px;
}

div.inner-homepage p {
    color: #FFF;
    font-size: 13px;
}

span.vertical-text {
    -moz-transform: rotate(270deg);
    -moz-transform-origin: bottom right;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: bottom right;
    -o-transform: rotate(270deg);
    -o-transform-origin: bottom right;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    display: block;
    width: 15px;
}

th.vertical-text {
    width: 15px;
}

div.task-image {
    float: left;
    margin-right: 10px;
}

#watch_video {
    cursor: pointer;
    position: absolute;
    top: 136px;
    right: 20px;
    background: url(../images/watch_vid_btn.jpg);
    width: 193px;
    height: 34px;
}
#watch_video:hover {
    background: url(../images/watch_vid_btn_mouseover.jpg);
}

#video_dialog {
    display: none;
    width: 600px;
    height: 338px;

    background-color: #000;
    padding: 15px;
    text-align: left;
    border: 2px solid #333;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 1001;
}

#video_dialog .close {
    background-image: url(../images/close.png);
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

#overlay_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: black;
    opacity: .75;
    filter: Alpha(Opacity = 75);
    z-index: 1000;
}

/* Sheet table */
h1.title {
    margin: 0;
}

h2.subtitle {
    margin-bottom: 35px;
}

table.grid23-5 td {
    padding: 1px;
}

table.grid23-5 th {
    padding: 0;
}

th.id {
    text-align: center;
}

/* Footer */
#footer {
    padding: 10px 0;
height: auto;
    border-top: #AC5927 solid 2px;
}
div#innovation {
    color: #9C5927;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}

div#copyright {
    color: #9C5927;
    font-size: 11px;
    font-weight: bold;
}

a.logout {
    background: #990033 url(../images/logoutarrow.png) no-repeat scroll 75px;
    border: 1px solid #000;
    color: #FFF !important;
    display: block;
    font-weight: bold;
    height: 17px;
    padding: 5px 20px 5px 0;
    text-align: center;
    text-decoration: none;
    width: 78px;
    margin-bottom: 5px;
}

a.help_button {
    background: #990033 url(../images/logoutarrow.png) no-repeat scroll 75px;
    border: 1px solid #000;
    color: #FFF !important;
    display: block;
    font-weight: bold;
    height: 17px;
    padding: 5px 20px 5px 0;
    text-align: center;
    text-decoration: none;
    width: 78px;
    cursor: pointer;
}

a.create {
    background: #990033;
    border: 1px solid #000;
    color: #FFF !important;
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    margin-left: 10px;
    cursor: pointer;
}

a.logout:hover, a.help_button:hover {
    background: #660033 url(../images/logoutarrow.png) no-repeat scroll 75px;
}

a.hazard_sheet:hover, input#close_element_select:hover,
input#close_general:hover, input#close_permit:hover,
input#close_personal:hover,input#download:hover,
input#preview:hover, input#save:hover,
input#uploaddocument:hover, input#continue:hover,
input#newtask:hover, input#send_task:hover,
input.block.submit_wizard:hover, input#create_task1:hover,
input#send:hover {
    background: #660033 no-repeat scroll 75px;
}

a.login {
    background: #990033 url(../images/loginarrow.png) no-repeat scroll 75px;
    border: 1px solid #000;
    color: #FFFFFF !important;
    display: block;
    font-weight: bold;
    height: 17px;
    padding: 5px 20px 5px 0;
    text-align: center;
    text-decoration: none;
    width: 78px;
    margin-bottom:3px;
    cursor: pointer;
}
a.login:hover {
    background: #660033 url(../images/loginarrow.png) no-repeat scroll 75px;
    cursor: pointer;
}

input.btn_search {
    border: none;
    margin-left: 5px;
}

.image-grid:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}

.image-grid li {
    color: #686f74;
    float: left;
    line-height: 17px;
    margin: 0px 15px 20px 0;
    overflow: hidden;
    text-align: center;
}

.image-grid li img,
.image-grid li span {
    display: block;
}

.image-grid li span {
    color: #000;
}

/* Element table */
table.elements {
    float: left;
    margin-right: 20px;
}

/* Editable select */
input.editable-select {
    margin-bottom: 4px;
    width: 109px;
}

.grid23-5 input.editable-select {
    width: 130px;
}

.grid23-5 input.editable-select.responsible {
    width: 90px;
}

img.ui-combobox-arrow {
    display: inline;
    position: relative;
    vertical-align: text-bottom;
}

* html img.ui-combobox-arrow {
    top: -3px;
}

.ui-combobox-list {
    border: 1px solid #000;
}

.ui-combobox-list,
.ui-combobox-item {
    display: block;
    background-color: #FFF;
    border-bottom: 1px solid #666666;
    padding-top: 3px;
}

.ui-combobox-list {
    margin-left: 1px;
    z-index: 750;
}

.ui-combobox-item {
    cursor: pointer;
}

.ui-combobox-list .selected {
    background-color: #EEF;
    border-top: 1px solid #00F;
    border-bottom: 1px solid #00F;
    font-weight: bold;
}

.hidden-select {
    display: none;
    visibility: hidden;
}

/* login */
div.login {
    float: right;
    margin-top: -2px;
    padding-right:5px;
}

/* login overlay */
#login_overlay {
    display: none;
    min-height: 20px;
    position: absolute;
    top: 42px;
    right: 15px;
    width: 240px;
    z-index: 500;
    background: white;
    border: 1px solid;
}

/* normal login (not overlay) */
#login-block .login-box .zend_form input[type='text'],
#login-block .login-box .zend_form input[type='password'] {
    width: 220px;
}
#login-block .login-box .zend_form ul.errors li {
    margin-left: 120px;
}

/* hazard matrix */
#hazard_matrix {
    position: absolute;
    width: 1163px;
    z-index: 500;
    background: white;
}

/* hazard matrix */
#show_tasklist {
    display: none;
    min-height: 20px;
    position: absolute;
    right: 30px;
    width: 1050px;
    z-index: 500;
    background: white;
    border: 1px solid;
    padding-top: 20px;
    padding-left: 20px;
}

#show_loading {
    min-height: 20px;
    position: absolute;
    right: 360px;
    width: 400px;
    height: 120px;
    z-index: 500;
    background: white;
    border: 1px solid;
    text-align: center;
    }

.loading {
    margin-top: 15px !important;
    padding-left: 47px;
    width: 30px;
    margin-top: -3px;
}

#show_preloading {
    display: none;
}

table.matrix {
    font-size: 0.85em;
    width: 100%;
}

table.matrix th {
    background-color: rgb(238,238,238);
    text-align: center;
    font-weight: bold;
    vertical-align: text-top;
}

table.matrix td {
    padding-left: 10px;
    vertical-align: text-top;
}

table.matrix .tbl_detail {
    line-height: 40px;
}

/* preview sheet */
#preview_sheet {
    display: none;
    min-height: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 1168px;
    z-index: 500;
    background: white;
    border: 1px solid;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}

/* preview help */
.helpactive h1 {
    margin: 0;
}

#help_preview {
    display: none;
    min-height: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 1200px;
    z-index: 1100;
    background: white;
    border: 1px solid;
    padding-top: 12px;
}

/* first time login */
#first_login {
    display: none;
    min-height: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 1200px;
    z-index: 1100;
    background: white;
    border: 1px solid;
    padding-top: 12px;
}

#logo_wp {
    background: url(../images/logo_wp.jpg) no-repeat;
    height: 536px;
    margin-top: 3px;
}

#close_preview {
    cursor: pointer;
    float: right;
}

#close_login {
    color: #FFFFFF;
    text-decoration: none;
    margin-left: 172px;
    position: relative;
}

#top_login {
    background-color: #AC5927;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #FFFFFF;
    padding-left: 10px;
}

dl.zend_form dt {
    margin-left: 10px;
}
dl.zend_form dd {
    margin-bottom: 10px;
    margin-left: 10px;
}
/*
#login {
    background-color: #AC5927;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
}

/*
#register {
    background-color: #AC5927;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
}
*/
#btn_save {
    background-color: #AC5927;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
}

#login-element {
    margin-left: 10px;
    margin-top: -10px;
    padding-bottom: 10px;
}

.top30 {
    padding-top: 25px;
}

.left20 {
    margin-left: 20px;
}

#txt_search {
    font-size: 12px;
    color: #444;
}

.displayblock {
    display: block;
}

.colorblack {
    color: #000;
}

table.tablewizard {
    margin-bottom: 20px;
}

.submit_wizard {
    clear: both;
    margin-bottom: 20px;
    margin-right: 95px;
    float: right;
}

ul.navigation li.active {
    background-color: #990033;
}

.ui-combobox-arrow, x:-moz-any-link, x:default {
    padding: 0 0 2px 0;
    background: transparent !important;
}

.hazard_button {
    background: #990033;
    border: 1px solid #000;
    color: #FFF !important;
    display: block;
    font-weight: bold;
    height: 17px;
    padding: 5px 3px 5px 3px;
    text-align: center;
    text-decoration: none;
    width: 120px;
    position:absolute;
}

.close_preview_bottom {
    position: static;
  }

.close_bottom {
    margin-bottom: 20px;
    margin-left: 536px;
  }


input[type=submit] {
    background: #990033;
    border: 1px solid #000;
    color: #FFF ;
    display: block;
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
  }

input[type=button] {
    background: #990033;
    border: 1px solid #000;
    color: #FFF !important;
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
  }
input[type=button]:hover {
    background: #660033;
}

.hazard_sheet {
    background: #990033;
    border: 1px solid #000;
    color: #FFF !important;
    display: block;
    font-weight: bold;
    height: 17px;
    padding: 5px 3px 5px 3px;
    text-align: center;
    text-decoration: none;
    width: 120px;
    /*order button*/
    float: left;
    cursor: pointer;
}

a.hazard_button:hover {
    background: #660033;
    cursor: pointer;
}

.matrix {
    margin-right: 10px;
}

.copy_sheet {
    float: left;
    right: 10px;
    top: 125px;
}
.button_close_preview {
    right: 500px;
    top: 25px;
}

.select_element {
    right: 10px;
    top: 160px;
}
menu.menuleft ul li.active a {
    background-color: #717171;
}

.bottom15 {
    padding-bottom: 15px;
}

table.wizard_th thead th {
    text-align: center;
}

.hazard_table {
    margin-bottom: 0;
}

table.hazard_table td,
table.hazard_table th {
    border: 1px solid black;
}

table.hazard_table3 tr {
    background: #FFF;
}

table.hazard_table2 td,
table.hazard_table2 th,
table.hazard_table3 td,
table.hazard_table3 th {
    border: 1px solid black;
    margin-bottom: 5px;
}

#documents_upload table.documents td,
#documents_upload table.documents th {
    border: 1px solid black;
    margin-bottom: 5px;
}

#documents_upload table.documents th {
    border: 1px solid #5d5d5d;
}

table.hazard_table tr th,table.hazard_table2 tr th {
    color: #000000;
}

table.hazard_table3 tr th {
    color: #000000;
    padding-bottom: 20px;
}

td.worker_header {
    color: #000000;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: center;
  }


td.hazard_bottom {
    padding-bottom: 5px;
}

.open_leftmenu {
    position: absolute;
    top: 63px;
    font-weight: bold;
    left: 1px;
    font-size:15px;
}

menu.show_hide ul li {
    padding-right:15px;
}

a.sheet_title {
    color: #A71D22;
    text-decoration: none;
}

/*
.sheet_th_checkbox {
    width: 2%;
}

.sheet_th_small {
    width: 5%;
}

.sheet_th_middle {
    width: 20%;
}

.sheet_th_short {
    width: 10%;
}

.sheet_th_big {
    width: 23%;
}
*/
.sheet_th_checkbox {
    width: 2%;
}

.sheet_th_no {
    width: 5%;
    text-align: right;
}

.sheet_th_title {
    width: 24%;
}

.sheet_th_author {
    width: 16%;
}

.sheet_th_date {
    width: 7%
}
.sheet_th_attach {
    width: 13%;
}
.sheet_th_offline {
    width: 8%;
}
.sheet_th_download {
    width: 4%;
}

a.download_approved_sheet, a.download_sheet {
    border: 1px solid darkgrey;
}


.sheet_th_preview {
    width: 7%;
}

.project_th_preview {
    width: 2%;
    padding-right: 30px;
}

table.no-item-found {
    margin-bottom: 10px;
}

.no-item-found {
   text-align: center;
   color: #888;
   height: 15px;
}




.paddingleft10 {
    padding-left: 10px;
}

table.wizard_pic {
    margin-bottom: 5px;
}

table.wizard_pic tr td {
    padding: 2px 5px;
    width: 30px;
    text-align: center;
}

.wizard_bottom {
    border-bottom: 1px solid;
}

.wizard_right {
    border-right: 1px solid;
}

.wizard_all {
    border: 1px solid;
}

.wizard_allblack {
    border: 1px solid black;
}
/*
.close_risk_matrix {
    position: absolute;
    right: 5px;
}
*/
.close_risk_matrix {
    float: right;
}
.risk_hazard_h {
    background-color: red;
    border: 1px solid rgb(0,0,0);
    color: rgb(255,255,255);
}

.risk_hazard_s {
    background-color: DarkGreen;
    border: 1px solid rgb(0,0,0);
    color: rgb(255,255,255);
}

.risk_hazard_m {
    background-color: blue;
    border: 1px solid rgb(0,0,0);
    color: rgb(255,255,255);
}

.risk_hazard_l {
    background-color: rgb(255,255,255);
    border: 1px solid rgb(0,0,0);
}

menu.menuleft ul.navigation li.active {
    background-color:#FFF;
}

/* the overlayed element */
.simple_overlay {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#333;
    width:675px;
    min-height:200px;
    border:1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 10px 5px #666666;
    -webkit-box-shadow: 0 0 10px #666666;
    box-shadow: 0px 0px 10px #666;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(../img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

img.logo_custom {
    float: right;
    padding-right: 10px;
}

img.mainlogo {
    padding-left: 10px;
}

#message img {
    vertical-align: middle;
}

.number {
    width: 5%;
    text-align: right;
}

.table_preview {
    font-size: 0.85em;
    width: 99%;
    border: 1px solid black;
    margin-bottom:0px;
    margin-left: 5px;
}

.th_preview {
    background-color: rgb(66,66,66);
    text-align: center;
    /*padding-left: 10px;*/
    vertical-align: top;
    border: 1px solid black;
}

.td_preview {
    padding-left: 5px;
    vertical-align: middle;
    border: 1px solid black;
    padding-bottom: 5px;
    padding-top: 5px;
}

.text_bold {
    font-weight: bold;
    /*border: 1px solid black;*/
}

.note {
    font-weight: bold;
    font-size: 1em;
    line-height: 40px;
    vertical-align: bottom;
}

.note_part4 {
    background-color: rgb(66,66,66);
    height: 30px;
    vertical-align:bottom;
    color: #FFFFFF;
}

.part {
    vertical-align: middle;
    text-align: center;
    font-size: 2em;
}

.th_part2 {
    background-color: rgb(66,66,66);
    text-align: center;
    vertical-align: text-top;
    font-weight: bold;
}

.td_part1 {
    background-color: rgb(66,66,66);
    color: #FFFFFF;
    text-align: center;
    vertical-align:text-top;
    border: 1px solid black;
}

.td_part1_detail {
    font-weight: bold;
}

.td_part2 {
    text-decoration: underline;
    font-weight: bold;
    border: 1px solid black;
}

.td_part2_detail {
    text-decoration: underline;
    font-weight: bold;
}

.td_part2_inbox {
    border: 1px solid black;
}

.part2 {
    position: absolute;
    right: 35px;
    font-size: 1.5em;
    margin-top: -5px;
}

span.vertical-text {
    -moz-transform: rotate(270deg);
    -moz-transform-origin: right bottom;
    bottom: -120px;
    display: -moz-inline-box;
    position: relative;
    width: 15px;
    font-size: 0.85em;
}

.th_detail {
    font-size: 0.85em;
}

.th_part3 {
    background-color: rgb(66,66,66);
    text-align: left;
    padding-left: 10px;
    border: 1px solid black;
}

.td_part3 {
    text-align: left;
    padding-left: 10px;
    border: 1px solid black;
}

.part3 {
    vertical-align: top;
    text-align: center;
    font-size: 1.5em;
}

.header_part3 {
    text-align: center;
}

.td_part4 {
    text-align: center;
    border: 1px solid black;
}

.td_part4_detail {
    text-align: left;
    border: 1px solid black;
}

.hazard_h {
    background-color: red;
    border: 1px solid rgb(0,0,0);
    color: rgb(255,255,255);
}

.hazard_s {
    background-color: DarkGreen;
    border: 1px solid rgb(0,0,0);
    color: rgb(255,255,255);
}

.hazard_m {
    background-color: blue;
    border: 1px solid rgb(0,0,0);
    color: rgb(255,255,255);
}

.hazard_l {
    background-color: rgb(255,255,255);
    border: 1px solid rgb(0,0,0);
}

/* preview document */
#document_sheet {
    display: none;
    min-height: 20px;
    position: absolute;
    width: 200px;
    z-index: 500;
    background: white;
    border: 1px solid;
    right: 220px;
}

#create_new_account,#create_new_project {
    margin: 0 0 40px 20px
}

.login-box {
    margin-top: 20px;
}

#create_new_account h1,#create_new_project h1 {
    color: #A71D22;
}

.background-gray {
    background-color: #CCC;
}

.ui-datepicker-trigger {
    margin:5px 0 0 5px;
}

.date {
    margin-top: -11px;
}

.gerneral_big {
    width: 64%
}

.gerneral_small {
    width: 17%;
}

.gerneral_smaller {
    width: 15%;
}

h1.title_sheet {
    float: left;
    margin: 0;
    padding-right: 22px;
}

.font_bold {
    font-weight: bold;
}

.padding_bottom_10 {
    padding-bottom: 10px;
}

.picture_opacity {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.task_title_normal {
    padding: 3px 0;
    width: 120px;
}

.task_title_select {
    background-color: lightgrey;
    margin-left: 5px;
    padding: 3px 0;
    width: 120px;
}



#newtask_text {
    float: left;
    font-weight: bold;
    padding: 5px;
}

#close_newtask {
    float: right;
    font-weight: bold;
    margin-right: 1px;
    margin-top: -1px;
    cursor: pointer;
}

#newtask_form {
    clear: both;
}

dt#date-label {
    float: left;
    margin-right: 20px;
}

dd#date-element {
    margin-bottom: 2px;
}

dt#project-label {
    float: left;
    width: 125px;
}

dd#project-element {
    margin-bottom: 5px;
}

dt#disclaimer_accepted-label {
    float: left;
    width: 150px;
}

input#disclaimer_accepted[name~="disclaimer_accepted"] {
    width: 20px;
}

dd#task_name-element {
    float: left;
    margin-bottom: 5px;
    margin-left: 0px;
}

dt#task_name-label,
dt#task_location-label {
    float: left;
    width: 135px;
}

dd#task_location-element {
    margin-left: 0px;
    margin-bottom: 5px;
}

dt#responsible_person-label {
    float: left;
    width: 135px;
}

dd#responsible_person-element {
    float: left;
    margin-bottom: 5px;
    margin-left: 0px;
    width: 402px;
}

#responsible_person {
}

dt#contact_phone-label {
    float: left;
    width: 140px;
    text-align: center;
}

dd#contact_phone-element {
    margin-left: 0px;
    margin-bottom: 7px;
}

dt#other_contract-label {
    float: left;
    margin-right: 9px;
    width: 125px;
    clear: both;
}

dd#other_contract-element {
    margin-bottom: 5px;
    margin-left: 0px;
}

dd#continue-element {
    float: right;
    margin-right: 75px;
    margin-top: 20px;
}

dd#project-element ul.errors li {
    margin-left: 136px;
    width: 390px;
}

dd#contractor-element ul.errors li {
    margin-left: 0px;
    width: 457px;
}

dd#name-element ul.errors li {
    margin-left: 130px;
    width: 244px;
}

dd#task_name-element ul.errors li {
    width: 244px;
}

dd#task_location-element ul.errors li {
    margin-left: 271px;
    width: 244px;
}

dd#responsible_person-element ul.errors li {
    width: 244px;
}

dd#contact_phone-element ul.errors li {
    margin-left: 271px;
    width: 244px;
}

dd#other_contract-element ul.errors li {
    width: 767px;
}

.select-row {
    background-color: lightGrey;
}

.new-element {
    float: left;
}

.new-element-button, .new-element-button1 {
    float: left;
    height: 20px;
    width: 25px;
    margin-left: 3px;
    cursor: pointer;
}

.new-element-span {
    margin-left: 4px;
    margin-top: 2px;
}

form#createtask table tr td {
    color: #494949;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 0 6px;
    vertical-align: top;
}

.ui-datepicker-trigger {
    cursor: pointer;
    width: 20px;
}

div#ui-datepicker-div {
    width: 194px;
}

.ui-widget {
    font-size: 1em;
}

table.ui-datepicker-calendar tr th {
    font-size: 1em;
}

#close_taskselect {
    curser: pointer;
}

.span_taskselect {
    position: absolute;
    right: 1px;
    top: 3px;
 }

 .company_address {
    padding-bottom: 7px !important;
    padding-top: 7px !important;
 }

 .general_info_button {
    margin-top: 20px;
    float: left;
    margin-right: 20px;
 }

 #show_message {
    font-size:1.3em;
    font-weight:bold;
    padding-top:20px;
    text-align:center;
}

.input-cell {
    padding:2px 0 2px 3px;
}

table.wizard_th tr th a:active, table.wizard_th tr th a:visited {
    color: #FFFFFF;
}

table.wizard_th tr th a:hover {
    color: #607890;
}

#show_intasklist {
    padding-top: 20px;
}

#show_elementlist {
    padding-top: 20px;
}

#show_message {
    display: none;
}

#sheetdocument {
    float: left;
    margin-right: 20px;
    margin-top: 4px;
}

#document_file {
    float: left;
    padding-right: 23px;
    margin-top: 7px;
}
#uploaddocument {
    margin-top: 2px;
}

#document_title {
    padding-right: 62px;
}

#licences_permit {
   display: none;
   padding-bottom: 50px;
}

#permit_bar {
    background-color: #666666;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: center;
    width: 1155px;
}

#personal_protective {
   display: none;
   padding-bottom: 50px;
}

#personal_bar {
    background-color: #666666;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: center;
    width: 1155px;
}

#sign_on {
   display: none;
   padding-bottom: 50px;
}

#sign_on_bar {
    background-color: #666666;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: center;
    width: 1155px;
}

#worker {
   display: none;
   padding-bottom: 50px;
}

#worker_bar {
    background-color: #666666;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: center;
    width: 1155px;
}

tr.end_hazardtr {
    border-bottom: 2px solid black;
}

.sign_on_input {
  margin-bottom: 5px;
  width: 98%;
}

div#element_select {
  padding-bottom: 50px;
}

/*-- register form --*/
dt#email-label,dt#contractor-label,dt#status-label,dt#name-label, dt#phone-label, dt#responsibility-label, dt#password-label, dt#confirm_password-label,
dt#first_name-label, dt#family_name-label, dt#term_and_condition-label,
dt#company_name-label, dt#image-label, dt#billing_company_name-label,
dt#billing_first_name-label, dt#billing_family_name-label,
dt#billing_address-label, dt#billing_city-label, dt#billing_district-label,
dt#billing_country-label, dt#billing_postal_code-label, dt#corporate_number-label,
dt#account_type-label {
    width: 130px;
    float: left;
}

dt#reviewer-label,dt#approver-label {
    width: 130px;
}

/*-- project form --*/
dt#reviewer-label,dt#approver-label,dt#contractor-label,dt#status-label,dd#status-element {
    margin-left: 0px;
    margin-bottom: 5px;
}

dd#reviewer-element, dd#approver-element, dd#contractor-element {
    margin-left: 0px;
    margin-bottom: 10px;
  }

form#project-form dt#project-label,dd#status-element br,form#project-form dt#project_id-label {
    display: none;
}
dd#status-element label {
    margin-right: 20px;
}

dd#status-element input {
    margin-right: 3px;
}

div#create_new_project dd#register-element {
   margin-left: 20px;
}

dd#disclaimer_accepted-element {
    width: 20px;
    float: left;
    margin: 0;
}

dd#billingaddress-element {
    margin-left: 0px;
    margin-top: -40px;
}

#register-form #fieldset-billingaddress legend {
    font-weight: bold;
    padding: 20px 0 10px 0;
}

#register-form #billingaddress-label {
    width: 0px;
}

#register-form #term_and_condition-label,
#register-form #url_redirect-label {
    display: none;
}

#register-form #fieldset-term_and_condition .description,
#register-form #fieldset-term_and_condition #chk_term_condition {
    float: left;
}

#register-form #register {
    width: 120px;
}

#register-form input {
    width: 220px;
}

#register-form #chk_use_billing_address-1, #register-form #chk_term_condition {
    width: 15px;
}

#register-form #term_and_condition-element {
    margin-left: 0;
    clear: both;
    width: 100%;
}

#register-form ul.errors li {
    margin-left: 120px;
}

#register-form #fieldset-term_and_condition ul.errors li {
    margin-left: 0px;
    width: 550px;
}

#register-form #terms_conditions-label,
dt#form_description-label {
    display: none;
}
/*-- Disclaimer form --*/

#disclaimer-form {
    margin: 20px 0 0 0;
}

#disclaimer-form #form_description-element {
    left: 0;
}

#disclaimer-form ul.errors li {
    margin-left: 20px;
    width: 525px;
}

#disclaimer-form #register {
    margin-top: 30px;
    left: 5px;
}

#disclaimer-form #term_and_condition-label ,
#disclaimer-form #disclaimer_accepted-label,
#disclaimer-form #terms_conditions-label ,
#disclaimer-form #register-label {
    display: none;
}


/*-- Terms & Consition Page --*/
#terms-conditions {
    padding: 0 0 30px 30px;
}

#terms-conditions h4 {
    padding: 25px 0 5px 0;
}

ul#feature li {
    margin-left: 25px;
    list-style-type: disc;
    line-height: normal;
}

table.plans_pricing {
    width: 30%;
}

table.plans_pricing tr td {
    background-color: #fff;
}

td.custom_element{
    background-image:url(../images/element_custom.png);
    background-repeat:no-repeat;
    background-position: right;
}

.revision {
    margin-top: -23px;
    position: absolute;
    right: 22px;
}

.rahp_sheet_hd {
    font-weight: bold;
}

.pdf {
    margin-bottom: 0px !important;
}

.text_center {
    text-align: center;
    padding-left: 0px !important;
}

.text_middle {
    vertical-align: middle !important;
}


/* account and filter account*/
/*
#account_List dt {
    float:left;
}

#account_List dd {
    width:50px;
    float:left;
}
*/
#account_list th {
    text-align: left;
}

#account_list .sheet_th_preview {
    text-align: right;
     padding-right: 10px;
}

#account_list .account_number {
    text-align: right;
    padding-right: 10px;
}

#toolbar #create_account,#toolbar #create_project,
#toolbar #delete_account,#toolbar #delete_project,
#delete_sheet, #undelete_sheet, #copy_startsheet {
    background: #990033;
    border: 1px solid #000;
    width: 78px;
    height: 20px;
    color: #FFFFFF !important;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: block;
    float: right;
    margin-left: 5px;
}

#copy_startsheet {
    width: 140px;
}

a#delete_sheet:hover,
#toolbar #create_account:hover,
#toolbar #delete_account:hover {
    background: #660033;
}

:first-child+html #toolbar a#delete_sheet,
:first-child+html #create_account,
:first-child+html #delete_account {
    margin-top: -20px;

}


div.accounts {
    padding: 10px;
}

table.accounts {
    width: 100%;
}

table.accounts thead tr th{
    color: #FFF;
    background-color: #3e3e3e;
    text-align: left;
    padding: 3px 7px 3px 7px;
}

table.accounts tbody tr td.number{
    text-align: right;
}

table.accounts tbody tr td{
    padding: 3px 7px 3px 7px;
}

.green_bg {
    background-color: #7FFF00;
}

.red_bg {
    background-color: #FF0000;
}

.yellow_bg {
    background-color: #FFFF00;
}

.blue_bg {
    background-color: #63A3FF;
}

.light_steel_blue_bg {
    background-color: #b0c4de;
}

.dark_sea_green_bg {
    background-color: #8fbc8f;
}

.light_goldenrod_bg {
    background-color: #eedd82;
}

.powder_blue_bg {
    background-color: #b0e0e6;
}

.light_gray_bg {
    background-color: #d3d3d3;
}

/*style sheet Edit RAHP Sheet*/
.bigger_font {
    font-size: 16px;

}

.disable_button {
    background:none repeat scroll 0 0 lightgray !important;
}

input[type="checkbox"]#favourite {
    vertical-align: text-top;
}

.grid_11 {
    width: 544px;
}

input#close_element_select.close_general {
    margin-right: 1px;
}

input#close_general.general_info_button, input#close_permit.close_general,
input#close_personal.close_general {
    margin-right: -4px;
}

div.column.grid_11.align-right.bottom15{
     position: relative;
     left: 10px;
}

td.left {
    width: 384px;
}

td.right{
    width: 384px;
}

a.hazard_sheet.matrix {
    margin: 0 0 0 126px;
}

a#select_task_element {
    margin-left: 256px;
}

div.padding_left {
    padding: 20px;
}

.paginationControl {
    text-align: right;
}

#toolbar {
    margin-bottom: 20px;
}

.middle_button {
    float: right;
    margin-right: 5px;
}
.grid91 {
    width: 455px;
}

img.ui-combobox-arrow.editable-select{
    position: relative;
    top: 2px;
}

#screenshots td {
    width: 25%;
    padding-bottom: 20px;
}
#screenshots img {
    cursor: pointer;
}
#screenshots h2,
#screenshots p {
    margin-bottom: 2px;
}
#screenshots .description {
    padding: 0px 10px 20px 0px;
}

.simple_overlay {
    display: none;
    width: 1000px;

    background-color: #000;
    padding: 15px;
    text-align: left;
    border: 2px solid #333;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 1001;
}

.simple_overlay .close {
    background-image: url(../images/close.png);
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

div.feature_left {
    width: 500px;
    float: left;
}


div.feature_right {
    width: 500px;
    float: right;
}

/*fix ie*/
dt#project-label,
dt#task_name-label {
    width: 135px;
}

dd#project-element {
    margin-left: 0px;
}

.th_preview a:link, .hazard a:link, .control a:link {
    color: #fff;
    cursor: pointer;
}

.step_no {
    text-align: right;
    padding-right: 5px;
}
/*
h1.inline_task, input#newtask {
    float: left;
}*/
ul.filter li {
 display: inline;
}

li.segment-1.a, li.segment-2.a {
    color: #444444;
}

dd#image_conditions-element,
dd#form_description-element {
    position: relative;
    left: 120px;
}

input#chk_term_condition, input#register {
    position: relative;
    left: 108px;
}

input#continue {
    position: relative;
    right: 12px;
}

.button_close_matrix {
    right: 522px;
    top: 5px;
}

div#feature {
    width: 1094px;
}

a.plans_pricing {
    border: 1px solid;
    background: #903;
    text-decoration: none;
    color: white;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
}

#customfield {
    display: none;
}

Span.edit_account {
    font-size: 12px;
}

/* fix the line margin */
Span.edit_account a {
    text-decoration: underline;
}

select#billing_country {
    width: 230px;
}

dt#image_conditions-label {
    display: none;
}

dt#name-label, dd#name-element, dt#emailcontact-label, dd#emailcontact-element,
dt#subject-label, dd#subject-element, dt#messages-label, dd#messages-element,
dt#send-label, dd#send-element, dt#date-label, dt#project-label,
dt#task_name-label, dt#task_location-label, dt#responsible_person-label,
dt#other_contract-label, dt#continue-label, dt#disclaimer_accepted-label,
dt#captcha-input-label {
    margin-left: 0px;
}

form#contact-form dt#name-label, dt#emailcontact-label, dt#subject-label,
dt#messages-label, dt#captcha-input-label  {
    float: left;
    width: 160px;
}

dt#captcha-input-label {
    margin-top: 55px;
}

form#contact-form dd#send-element ,form#contact-form dd#captcha-element {
    margin-left: 160px;
}

form#contact-form input[type=text] {
    width: 250px;
}

form#contact-form ul.errors li {
    margin-left: 160px;
    width: 244px;
}

form#contact-form dd#captcha-element ul.errors li {
    margin-left: 0px;
    width: 244px;
}

dl.zend_form dt#email-label,
dl.zend_form dt#phone-label,dl.zend_form dt#responsibility-label,
dl.zend_form dt#password-label,
dl.zend_form dt#confirm_password-label,
dl.zend_form dt#company_name-label,
dl.zend_form dt#first_name-label,
dl.zend_form dt#family_name-label,
dl.zend_form dt#corporate_number-label,
dl.zend_form dt#image-label,
dl.zend_form dt#image_conditions-label,
dl.zend_form dt#billingaddress-label,
dl.zend_form dt#term_and_condition-label,
dl.zend_form dt#account_type-label,
dl.zend_form dt#form_description-label,
dt#billing_company_name-label,
dt#billing_first_name-label,
dt#billing_family_name-label,
dt#billing_address-label,
dt#billing_city-label,
dt#billing_district-label,
dt#billing_country-label,
dt#billing_postal_code-label {
    margin-left: 0px;
}

#account_type-label {
    float: left;
    width: 130px;
}

div#login_overlay form.login-box dl.zend_form dt#email-label,
div#login_overlay form.login-box dl.zend_form dt#password-label {
    margin-left: 10px;
}

.features_page {
    margin-left: 35px;
    width: 1093px;
}

/* the overlayed element */
.simple_overlay_sheet {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#333;

    width:675px;
    min-height:200px;
    border:1px solid #666;

    /* CSS3 styling for latest browsers
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;*/
}

dt label {
    font-weight: bold;
}

.show-all {
    text-align: right;
    padding-right: 10px;
}

div#watermark_p1 {
    background-image: url(../images/watermark.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position:center;
}

.start_page {
    float: left;
}

.sheet_right {
    float: right;
}

dt#responsibility-label, dd#responsibility-element,
dt#phone-label, dd#phone-element
{
    display: none;
}

.gerneral_select {
    width: 402px;
}

 a.add-all, a.add-all:active, a.add-all:visited, a.remove-all, a.remove-all:active, a.remove-all:visited {
    color:#FFFFFF;
}

.ui-multiselect span.count {
    color:#FFFFFF;
}

a.undeleted_record, a.undeleted_record:active, a.undeleted_record:visited {
    color: #A71D22;
    text-decoration: none;

}

.div_delete_document {
    margin-top: -4px;
    position: absolute;
    right: 43px;
}

.th_attachment_title {
    width: 30%;
}

.th_attachment_filename {
    width: 53%;
}

.th_attachment_date {
    width: 10%;
}

.th_attachment_action {
    width: 7%;
}

.td_delete_document {
    padding-bottom: 22px;
    padding-top: 9px;
}

form#createdocument {
    margin-top: 20px;
}