/* TAGS */
html, body, h1, h2, h3, h4, ul, li {
    margin: 0;
    padding: 0;
}
body {  
    background: #fff;
    font-family: arial;   
    font-size: 12px;
}
a {
    color: #06C;
    text-decoration: none;
}
a:hover {
    color: #06C;
    text-decoration: underline;
}



/* IDS */
#container {
    margin-left: auto;
    margin-right: auto;
    width: 1060px;
    padding-right: 215px;
}
#header{
    height: 50px;
    padding: 5px;
}
#footer{
    font-size: 10px;
    text-align: center;
}
#main {
    text-align: left;
    position: relative;
    
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}
#menu {
    width: 190px;
    padding: 5px;
}



/* CLASSES */
.label{
    color: #666666 !important;
    font-size: 11px;
    font-weight: bold;
}
.textbox{
    width:160px;
}
.mapDiv {
    overflow: hidden;
    clear: left;
    border-right: 1px solid #A8A8A8;
    border-left: 1px solid #A8A8A8;
}
.error {
    color: red;
}
.information {
    color: blue;
}
.instructions {
    color: blue;
    line-height: 15px;
    font-style: oblique;
}

.ui-datatable tbody td.wrap {
    white-space: normal;
}

.US{
    background:url("/javax.faces.resource/images/flagIcons.png.xhtml?ln=default&v=1_6") -291px -370px  no-repeat !important;
    height:19px;
    width:27px;   
}
.AU{
    background:url("/javax.faces.resource/images/flagIcons.png.xhtml?ln=default&v=1_6") -419px -140px  no-repeat !important;
    height:19px;
    width:27px;   
}
.NZ{
    background:url("/javax.faces.resource/images/flagIcons.png.xhtml?ln=default&v=1_6") -163px -278px  no-repeat !important;
    height:19px;
    width:27px;   
}
.FR{
    background:url("/javax.faces.resource/images/flagIcons.png.xhtml?ln=default&v=1_6") -259px -255px  no-repeat !important;
    height:19px;
    width:27px;  
}
.SE{
    background:url("/javax.faces.resource/images/flagIcons.png.xhtml?ln=default&v=1_6") -131px -324px  no-repeat !important;
    height:19px;
    width:27px;  
}
.FI{
    background:url("/javax.faces.resource/images/flagIcons.png.xhtml?ln=default&v=1_6") -3px -117px  no-repeat !important;
    height:19px;
    width:27px;  
}
.MX{
    background:url("/javax.faces.resource/images/flagIcons.png.xhtml?ln=default&v=1_6") -419px -163px  no-repeat !important;
    height:19px;
    width:27px;  

}
.CL{
    background:url("/javax.faces.resource/images/flagIcons.png.xhtml?ln=default&v=1_6") -67px -71px  no-repeat !important;
    height:19px;
    width:27px;  
}
.CA{
    background:url("/javax.faces.resource/images/flagIcons.png.xhtml?ln=default&v=1_6") -227px -48px  no-repeat !important;
    height:19px;
    width:27px;  
}

.link {
    color: #06C !important;
    text-decoration: none !important;
}
.link:hover {
    color: #06C !important;
    text-decoration: underline !important;
}
.centered-self {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.centered-content {
    text-align: center;
}
.force-wrap {
    -ms-word-break: break-all;

     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.dataRow {
    vertical-align: top;
}
.labelColumn {
    width: 150px;
    vertical-align: top;
}
.labelColumnSmall {
    width: 60px;
    vertical-align: top;
}
.valueColumn {
    width: auto;
}

.event-violation {
    background-color: red;
    color: white !important;
}
.event-fail {
    background-color: red;
    color: white !important;
}
.event-warn {
    background-color: yellow;
}
.event-retest-skip {
    background-color: lightblue;
}
.event-circumvention {
    background-color: lightgreen;
}

.ui-icon-photo {
    background-image: url("/smartweb/resources/default/2_1/images/photo-icon.png") !important;
}
.ui-icon-gps-capture {
    background-image: url("/smartweb/resources/default/2_1/images/map-icon.png") !important;
}



/* sticky footer technique (http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/) */
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }
#footer {
    clear: both;
    position: relative;
    z-index: 10;
    height: 25px;
    margin-top: -25px;
}
#content { padding-bottom: 50px; }



/* PrimeFaces classes */
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
}
.ui-widget-content {
    color: black;
}
th.ui-sortable-column {
    position: relative;
}
.ui-datatable .ui-sortable-column-icon {
    position: absolute;
    left: 0;
    top: 35%;
}
.ui-menuitem-icon {
    margin-right: 5px;
}
.ui-datatable-empty-message > td {
    padding: 25px !important;
    color: blue !important;
    text-align: center !important;
}
.ui-datepicker-current-day {
    border: blue solid 1px !important;
}