/**
 * Main CSS File
 *
 * Uses 960GS Framework with 24 Columns, 
 * overwrites here the sizes and handles main positioning and design of all elements. 
 *
 * @copyright  2010 BitConstructor Co. Ltd.
 * @version    $Id: global.css 221 2011-03-02 06:18:09Z nuttaphat $
 * @since      File available since Release 0.1
 */ 
 
/* STANDARD declarations */

/* define main background and font */
body {
     background: #FFF;
}

/* main text color */
body, input, select {
     font-family: sans-serif;
     color:#000;     
}

/* changing default margin */
p {
     margin-bottom: 10px;     
}

/* form element style*/ 
input, select {
     border: 1px solid #000;
     background-color: #FFF;
     width: 160px;
}

 textarea {
    border: 1px solid #000;
    background-color: #FFF;
    width: 240px;
    height: 80px;
}
/* wider select field for 2px */
select, .fieldwidth {
     width: 162px;
}

/* reset radio and checkbox size */
input[type="radio"], input[type="checkbox"] {
     width: 1em;  
	 margin-right:0.7em; 
}

/* all buttons are bold */
input[type="submit"], .next-button {
    border: 1px solid black;
     background: #AAA;
     color: #FFFFFF;
     cursor: pointer;
     font-size: 12px;
     font-weight: bold;
     padding: 3px 0;
     width: 162px;
}

input#save {
    position: relative;
    left: 556px;
    margin-top:10px;
}

.center_form {
    width: 560px;
}

/*input#severity-2,#severity-3,#severity-4,#severity-5,#severity-6 {
    margin-left: 379px;
}*/

/* default hr style */
hr {
     height: 1px;
     border: none;
     margin: 3px 0px;
     font-size: 18px;
}

/* heading 2 default */
h2 {
    /*font-size: 16px;*/
    margin-bottom: 10px;
    margin-left: 214px;
}

/* main font size */
h3 {
     font-size: 14px;
}

h4 {
    font-size:12px;
}

/* stretch table */
table {
     width: 100%;
}

/* padding for all data */
table th, table td {
    padding: 2px 0px;
}

/* td top border */
table td {
     /*border-top: 1px solid #000;*/
}

/* table header default */
th {
     text-align: left;     
     font-size: 13px;
     font-weight: bold;
}

/* border for last table row */
table tr:last-child td {
     /*border-bottom: 1px solid #000;*/
}

/* std links */
a {
     text-decoration: none;
     color: #00F;
}

a:hover {
    color: #00F;
    text-decoration: none;
}

/* link buttons */
a.button {
     border: 1px solid #000;
     background: #AAA;
     text-align: center;
     display: block;
     color: #FFF;
     text-decoration: none;
     font-weight: bold;
}

/* remove margins */
.nomargin {
     margin: 0px;
}

/* margins left */
.marginleftS {
     margin-left: 7px;
}

.marginleftM {
     margin-left: 25px;
}

/* TODO remove class or comment properly */
.paddingtop {
     padding-top: 20px;
}

/* border top */
.bordertop {
     border-top: 1px solid #000;
}

/* border bottom*/
.borderbottom {
     border-bottom: 1px solid #000;
}

/* break line */
.break {
     clear: both;
}

/* float right */
.floatright {
    float: right;
}

/* float left */
.floatleft {
    float: left;
}

/* 100% width */
.expandwidth {
     width: 100% !important;
}

/* force block */
.block {
     display: block;
}

/* small bottom margin (before page bottom) */
.marginbottomS {
     margin-bottom: 1em;
}
/* large bottom margin */
.marginbottomL {
    margin-bottom: 2em;
}

/* align content right */
.right {
     text-align: right;
}

/* align content left */
.left {
     text-align: left;
     line-height:30px;
}
/* align content center */
.center {
    text-align: center;
}
/* left menu bottom margin */
ul.left {
  margin-bottom: 10px;
}

/* bold text */
.bold {
     font-weight: bold;
}

/* minimum height */
.minheight {
     min-height: 560px;
}

/* CONTAINERS */

/* Main Container, reset to left align, width to 1024px */
.container_24 {
     margin: 0px 0px 0px 0px;
     width: 1024px;
}

/* Left column, size definition */
.container_24 .grid_6 {
     width: 215px;
     margin: 40px 0px 0px;
     text-align: center;
     padding-top: 5px;
}

/* main content, size definition */
.container_24 .grid_18 {
     width: 809px;
     margin: 0px;
}
/* main content, size definition */
.container_24 .grid_16 {
     width: 779px;
     margin: 0px;
}


/* Clear Width and Height */
.clearwidth {     
     width: 0px;
}
.clearheight {
     height: 0px;     
}

/* FORM design */
.zend_form {
     margin-bottom: 0px;     
     width: 730px;
     margin-left: 40px;
}
form#statistics, form#adminstatistics{
	background-color:#efefef;
	width:240px;
}

.login-box .zend_form,
.register-box .zend_form,
.activate-box .zend_form {
    margin-left: 0px;
}
/* form error message */
.errors {
    margin-bottom: 0px; 
    /*width: 730px;*/
    /*margin-left: 40px;*/
}
.errors li {
    display: inline;
    position: absolute;
    margin-left: 0px;
    background-color: #FFF;
    border: 1px solid #F00;
    border-top: 5px solid #F00;
    padding: 3px;
    line-height: 13px;
    width: 154px;
}
#edit .errors li {
    margin-left: 3px;
}
/* PAGE SPECIFIC DESIGNS */
.marginRightS {
     margin-right: 10px;
}
.marginLeftM {
     margin-left: 40px;
}

/* set display none */
.displayNone {
     display: none;
}
.confirmation-msg {
    color: #3C6;
}
#edit dt {
     clear: both;
     float: left;
     height: 20px;
     vertical-align: middle;
     width: 60%;
}
#edit dd {
    padding: 5px;
    border-bottom: 1px solid #CCCCCC;
    width: 97%;
}
#edit input[type="checkbox"] {
    border: 0px;
}
#edit input[type="radio"] {
    border: 0px;
}
#edit input[type="text"] {
    margin-left: 3px;
}
#edit select {
    margin-left: 3px;
}
#edit label {
    padding-left: 5px;
}
dt#email-label {
    clear: none;
    float: none;
}
dt#password-label {
    clear: none;
    float: none;
}
dt#login-label {
    display: none;
}
dt#forgotten-element-label {
    display: none;
}
dt#startdate-label {
	margin-top:12px;
	font-weight:bold;
}
dt#enddate-label {
	margin-top:12px;
	font-weight:bold;
}
dt#id-label {
	margin-top:24px;
	font-weight:bold;
}
dt#scope-label {
	margin-top:24px;
	font-weight:bold;
}

dd#email-element {
    border-bottom: medium none;
    padding: 0px;
}
dd#password-element {
    border-bottom: medium none;
    padding: 0px;
}
dd#login-element {
    border-bottom: medium none;
    padding: 0px;
}

/* footer */
div#footer {
    clear: both;
    padding-top: 20px;
}

/* header */
div#header {
    margin-left:0px;
    padding:0;
}

div#mainContainer {
    margin: 0 auto;
    width: 990px;
    position: relative;
}

fieldset.fieldgroup {
     margin-bottom: 0.5em;
     display: block;
     clear: both;
}
 
fieldset.fieldgroup legend {
 	 background-color: #EEEEEE;
     border: 1px solid #CCCCCC;
     color: #222222;
     font-weight: bold;
	 margin-top: 0.5em;
     margin-bottom: 0.5em;
     padding: 0.2em;
     width: 97.6%;}

fieldset#fieldset-last {
    width: 100%;
}

ul {
    list-style: none;
}

li {
    margin-right: 20px;
    border-bottom: 1px solid #778899;
}

#edit dt {
    padding-top: 8px;
    vertical-align: middle;
}
#edit dd * {
    vertical-align: middle;
}
#edit dd * {
    vertical-align: middle;
}
#edit dd img {
    padding-left: 5px;
}
.showstatistic {
    float: left;
}
a#showstatistic {
    float: left;
    margin-left:0px;
}
#statisticdetail {
    float: left; 
    width: 450px; 
    padding-left: 0px;
}
/* register/edit account */
#captcha-input {
    display: block;
}
/* account list */
#list_result {
    width: 765px;
}
/* activate page */
#activate_table {
    width: 50%;
}
#chk_activate-label {
    float: left;
}
/* piechart title*/
.chart-country {
    float: left; 
    width: 515px; 
}
.chart-div {
    float: left; 
    width: 475px; 
}
.jqplot-title {
    text-align: left !important;
    font-size: 13px !important; 
}
.jqplot-series-shadowCanvas, .jqplot-grid-canvas {
    display: none !important;
}
/*piechart legend*/
table.jqplot-table-legend {
    width: 200px;
    border-spacing: 0px;
}
td.jqplot-table-legend {
     font-size: 11px;
    padding: 0px 0px 0px 5px;
}
td.jqplot-table-legend > div {
    border: 0;
}
/*piechart field table legend*/
table.legend {
    margin-bottom: 0px;
    width: 200px;
    padding: 0px;
    border-spacing: 0px;
}
table.legend td{
    padding-top: 0px;
    padding-bottom: 0px;
}
/*piechart number legend*/
table.legend td.number {
    text-align: right;
    width: 25px;
}
/*piechart text legend*/
table.legend td.text {
     padding-left: 5px;
    text-align: left;
    width: 175px;
	
}
/*piechart % total legend*/
table.legend td.total {
    text-align: right;
    width: 80px;
    padding-right: 5px;
}
table.legend tr:last-child td {
    border: 0;
}
table.legend td {
    border: 0;
}
.jqplot-table-legend-swatch {
    margin: auto;
}
/* Left column, size definition */
.container_24 .grid_6statistic {
    width: 220px;
    margin-top: 0px;
    text-align: left;
}
/* Left column, size definition */
.container_24 .grid_8statistic {
    width: 260px;
    margin-top: 0px;
    text-align: left;
}

.statistic-menu {
    /*border-bottom: 1px solid #778899;*/
}
.statistic_grid1 {
    width: 215px;
    margin: 0px;
}
.statistic_grid2 {
    width: 370px;
    margin: 0px;
}
table.statistic {
    margin-bottom: 0px;
    border-bottom: 0px;
    border-top: 0px;
}
td.statistictd {
    border-bottom: none;
    border-top: none;
    padding-right: 20px;
}
table tr:last-child td.statistictd {
    border-bottom: none;
}
.statistic_country {
    padding-left: 10px;
}
.zend_form fieldset legend:hover {
    cursor: pointer;
}

dd#country_code-element, dd#accounts_id-element, dd#age-element, dd#time_foundation_industry-element, dd#date-element, dd#shift_start-element, dd#time_accident-element{
	 margin-bottom: 0.5em;
}
dt#placeincident-label,dt#foundationsiteactivities-label, dt#functiontimeincident-label, dt#activityinjured-label, dt#injuredpart-label, dt#incidentdescription-label, dt#severity-label {
     background-color: #EEEEEE;
     border: 1px solid #CCCCCC;
     color: #222222;
     font-weight: bold;
	 margin-top: 0.5em;
     margin-bottom: 0.5em;
     padding: 0.2em;
     width: 97.6%;
}

.confirmation {
     margin: 100px;
     text-decoration: underline;
}
.contact-title {
    width: 10%;
    font-weight: bold;
}

#language {     
     width: 100%;
     position: absolute;
     top: 70px;
}
#language ul {
     float: right;
     padding-right: 10px;
}
#language ul li {
     display: inline;
     border-bottom: none;
     padding: 0px;
     margin: 1px;
}

#sponsor {
     text-align: left !important;
}
#sponsor span {
     display: block;
     margin-bottom: 2px;
}
#sponsor ul li {
     border: none !important;
}
.company_th {
    width: 180px;    
}