/* Setup defaults since variable in browsers
----------------------------------------------- */
body,div,span,dd,dt,dl,img,ul,ol,li,p,h1,h2,h3,h4,h5,form,hr,fieldset {
    margin: 0;
    padding: 0;
}
/* Element Defaults
----------------------------------------------- */
html {
    height: 100%;
    background-color: RGB(177, 186, 190);
    overflow-y: scroll;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #362F2D;
    position: relative;
    width: 95%;
    height: 100%;
    margin: 0px auto;
}

a img {
    border: none;
}

.label {
    font-weight: bold;
    font-size: 11px;
    color: #5E5147;
}

input {
    padding: 2px;
}

select {
    padding: 1px;
}

ol,ul {
    margin: 10px 0px 10px 6px;
}

li {
    margin: 10px 12px;
}

fieldset {
    border: 1px solid #C3BBB6;
    padding: 10px;
}

legend {
    font-weight: bold;
}
/* Layout
----------------------------------------------- */
#document {
    padding: 0 1px;
    /*  background: #FFFFFF url(../images/bg.gif) 0 0 repeat-y; */
    width: 100%;
    float: left;
    border-bottom: 1px solid #C3BBB6;
}

#header {
    clear: both;
    float: left;
    width: 100%;
    height: 46px auto;
    /*  background: url(../images/hdr.bg.gif) 0 0 repeat-x; */
}

#container {
    clear: both;
    float: left;
    width: 100%;
    height: 600px auto;
    background-color: #FFFFFF;
    margin: 0px auto;
    text-align: center;

    /*  background: url(../images/hdr.bar.jpg) 0 0 repeat-x; */
}

#container div.pageTitle {
    line-height: normal;
    font-weight: normal;
    font-size: 12pt;
    width: 30%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    padding: 5px;
    text-align: left;
}

.errorMessages {
    float: right;
    padding: 5px;
    width: 60%;
    vertical-align: auto;
    margin: 6px 0;   
    background-color: RGB(177, 186, 190);
    text-align: left;
} 

#sidebar {
    float: left;
    width: 200px;
    margin-left: 0px;
    padding: 3px 5px 0 5px;
}

#mainContent {
    margin:0px 0px 0px 220px;
    background: #FFFFFF 0 0 repeat-x;
    text-align: left;
}

.actionColumn{
    width: 70px;
}

.vesselColumn{
    width: 120px;
}

.caseColumn{
    width: 150px;
}

#content {
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 5px;
    margin-bottom: 30px;
    background: #FFFFFF 0 0 repeat-x;
    text-align: left;
    margin-right: 2%;
}

div.toolPanel {
    margin: 5px 0;
    width: 100%;
    position: relative;
    text-align: left;
    clear: both;
}

div.toolPanel .simpleFormPanel {
    float: left;
    width: 100%;
    height: 30px;
    vertical-align: middle;
    border: thin solid #EDEADD;
}

div.toolPanel .advFormPanel {
    float: left;
    width: 100%;
    background-color: #EDEADD;
    border: thin solid #EDEADD;
}

div.toolPanel .simpleFormPanel .toolBox {
    float: left;
    vertical-align: middle;
    padding: 0px 0px;
    margin: 0px;
    width: 50%;
}

div.toolPanel .simpleFormPanel .searchBox {
    float: right;
    vertical-align: middle;
    padding: 2px 5px;
}

div.toolPanel .simpleFormPanel .searchBox input {
    margin: 0;
}

#footer {
    clear: both;
    margin-top: 40px;
    float: left;
    border-top: 1px solid #C3BBB6;
    background-color: #FFFFFF;
    width: 100%;
    text-align: right;
}
/* General
----------------------------------------------- */
input[type=submit],input[type=button] {
    font-weight: bold;
    /* color: #FFFFFF; 
    border: 1px solid #5D1414;
    height: 26px;
    background: #FFFFFF url(../images/btn.bg.gif) 0 0 repeat-x;
    border-style: none;*/
    cursor: pointer;
    min-width: 60px;
}

textarea {
    font-size: 12px;
}

.center {
    text-align: center;
}

.entry {
    clear: both;
    padding-top: 2px;
    font-size: 11px;
}

.entry .label {
    float: left;
    padding-right: 5px;
    font-weight: bold;
    width: 120px;
    text-align: left;
}

.entry input {
    margin: 0;
}

.entry .input,.entry .output {
    float: left;
    /*width: 250px;*/
    text-align: left;
    clear: right;
}

.output ul, .output li, .output ol, .entry .input ul, .entry .input li {
    list-style-type:none;
    padding: 0px;
    margin: 0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

.entry .error {
    float: left;
    padding-left: 165px;
    width: 250px;
    text-align: left;
    clear: both;
}
/* Sidebar
----------------------------------------------- */
.notes {
    text-align: center;
    font-size: small;
}

.subnotes {
    margin-top: 1em;
    font-size: small;
}

.errors {
    font-size: small;
    font-weight: bold;
    /*text-align: center;*/
    color: #600000;
}

.errors div {
    text-align: left;
}

.errors span {
    text-align: left;
}

.errors input,.errors select,.errors textarea {
    border: 1px solid #600000;
}

.errors ul {
    list-style: none;
}

#messages {
    margin-left: 1px;
    margin-bottom: 20px;
}

#messages li {
    margin-left: 0;
}

.buttonBox {
    text-align: center;
    padding: 10px 0;
    clear: both;
}

.navPanel {
    padding: 10px 0;
    clear: both;
}

#sidebar p {
    font-size: small;
    color: #8B7869;
    line-height: 150%;
    padding-bottom: 10px;
}

#sidebar li {
    font-size: small;
    color: #8B7869;    
}

#sidebar h1 {
    line-height: normal;
    font-weight: bold;
    font-size: small;
}
/*
#sidebar p:hover {
    color: #362F2D;
}
*/
/* Content
----------------------------------------------- */
#content .section {
    float: left;
    width: 95%;
    padding: 15px 15px 0 15px;
    clear: both;
}

#content .section h1 {
    font-family: "Trebuchet MS", Arial, sans-serif;
    line-height: normal;
    font-weight: normal;
    font-size: large;
}

#content .section p {
    line-height: 150%;
    padding: 10px 0;
    font-size: small;
}

#content .dataTable {
    width: 100%;
    /*border: 1px solid #D2C9C4;
    border-collapse: collapse;*/
}

#content .dataTable caption {
    padding-bottom: 6px;
    text-align: left;
    font-weight: bold;
}

#content .dataTable thead th {
    /*border-left: 1px solid #D2C9C4;
    border-bottom: 1px solid #D2C9C4;
    padding: 6px;
    text-align: left;
    font-size: small;*/
}

#content .dataTable tbody td {
    /*border-left: 1px solid #E4DBD5;
    padding: 4px;
    border-bottom: 1px solid #D2C9C4;
    font-size: small;*/
}

td.action {
    text-align: center;
}

td.action span, td.action  a{
    display:inline-block;
    margin-right: 5px;
}

#content dt {
    font-weight: bold;
    float: left;
    width: 33%;
}

#content dd {
    padding-left: 10px;
    float: left;
    width: 66%;
}

#content table.radio {
    border: 0px;
}

#content table.radio tbody tr td {
    border: 0px;
    border-left: 0px;
    border-bottom: 0px;
}

#activity {
    float: right;
    margin: 10px 5px 0 0;
}
/* Header
----------------------------------------------- */
#title {
    float: left;
    padding: 1px 0 6px 15px;
}

#status {
    float: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: x-small;
    text-align: right;
    padding-top: 14px;
    padding-right: 15px;
}

#status a {
    text-decoration: none;
}

#status span.user {
    padding-right: 5px;
    font-weight: normal;
}
/* Homepage Modifications
----------------------------------------------- */
body.home #container {
    /*  background: url(../images/hdr.ad.jpg) 0 0 repeat-x; */

}

body.home #sidebar {
    margin-top: 207px;
}

body.home #content {
    margin-top: 183px;
}
/* Extras
----------------------------------------------- */
#javax_faces_developmentstage_messages {
    display: none;
}

a.ui-icon-new {
    display: block;
    float: left;
    background-image: url('/images/icons/new.gif');
    background-repeat: no-repeat; 
    background-position: left center;
    padding-left: 20px;
}

.ui-icon-edit {

}

.ui-icon-delete {

}

/*
table td {
        vertical-align: top;
}*/

hr {
    margin: 5px 0;
}

.unread {
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.read{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul.actions {
    list-style: none;
    display: block;
    vertical-align: middle;
    float: left;
    position: relative;
}

ul.actions li {
    display: inline;
}

ul.actions li a {
    text-decoration: none;
}

.node-selected,.filter-selected {
    padding: 2px;
    font-weight: bold;
    background-color: #CCCCCC;
    margin: 0px 2px;
    border-radius: 2px;
}

.col2 {
    width: 50%;
}

.col3 {
    width: 33%;
}

.expired{
    color: red;
}

.barsearch {
    height: 14px;
    width: 100px;
}

.barsearchbutton {
    border-width: 1px;
}
.tooltip {
    background-color: blue;
    border-width:3px;
}
.tooltip-custom-body {
    background-color: orange;
}

.tooltip-text {
    width: 450px;
    height: 80px;
    cursor: arrow;
    border-width: 2px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.tooltipData {
    font-weight: bold;
}

.oddRow {

}

.evenRow {
    background-color: #F0F3F7;
}

.oddRowC td {

}

.evenRowC td {
    background-color: #FFEBDA;
}

.leftPane{
    vertical-align: top;
}

.agentTitle td{
    border-bottom:thin solid #F0F3F7;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
    vertical-align: top;
}
.agentTitle ul, .agentTitle li{

    list-style-type:none;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

.agentCharter {
    width: 200px;
}
.agentOnwer {
    width: 200px;
}
.agentSub {
    width: 200px;
}

/* TextboxList sample CSS */
ul.holder { margin: 0; overflow: hidden; height: auto !important; min-height: 16px; padding: 2px 2px 0; width:500px;

            border-width: 1px;
            border-style: solid;
            border-color: #BED6F8;
            font-size: 11px;
            color: #000000;
            background-repeat: no-repeat;
            background-position: 1px 1px;
            background-color: #ffffff;
            background-image: url('/siorc/rfRes/inputBackgroundImage.png.xhtml?db=eAFjZL!AyMDN-P8!4!83X!4B6f!!GZgAYpAKwQ__&ln=org.richfaces.images');

}
/**:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; }  ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 3px 2px 0; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 3px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: white; }
ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS       
form, #add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; }
form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
form ol li.input-text { margin-bottom: 10px; list-style-type: none; border-bottom: 1px dotted #999; padding-bottom: 10px; }
form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
form ul.holder { width: 500px; }*/
ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: white; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/images/blue/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
#add a { color: #666; }
#add-test { width: 100px; padding: 2px; }


/* Maintenance */
.dueNowMinus {
    background-color: yellow;
}
.dueNowPlus {
    background-color: orange;
}

.dueNot {
    background-color: lightblue;
}

.dueOver {
    background-color: red;
}

.completed .rf-edt-c-cnt {
    background: none;
    color: grey;
}


.rf-dt-r:hover {

    background-color: lightyellow;
    cursor: pointer;

}

.row-hover {
    background-color: lightyellow;
    cursor: pointer;
}

.row-selected {

    background-color: greenyellow;

}

.even-row{
    background-color: #FDFFFF;
}

.odd-row {
    background-color: #FFFFFF;
}

.active-row {
    background-color: #FFEBDA !important;
}

.select-row {
    background-color: #FFEBDA !important;
    font-weight: bold;
}

.panelGrid td{
    vertical-align: middle;

}

.changeRequestItem .rf-cst-c{
    background-color: red;
    color: yellow;
}

.lastItemAdded .rf-cst-c{
    background-color: lightsteelblue;
}

#purchasingSidebar {
    float: left;
    width: 350px;
    margin-left: 0px;
    padding: 3px 5px 0 5px;
}

#purchasingMainContent {
    margin:0px 0px 0px 370px;
    background: #FFFFFF 0 0 repeat-x;
    text-align: left;
}

.plainTable {
    border-color: transparent !important;
    white-space: nowrap;
}

.plainTable .rf-dg-c {
    border-color: transparent !important;
    padding: 0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

.plainTable .rf-dg-f-c {
    border-right: none;
    background-color: white;
}

input[type="radio"] {vertical-align: middle; margin: 2px; }

label, span {
    font-size: 11px;
    vertical-align: middle;
}
.table-left-align {
    font-size: 11px;

}
.table-center-align {
    text-align: center;
    vertical-align: middle;
    width: 35px;
}

table td {
    font-size: 11px;
}

table .rf-edt-r-sel {
    background-color: #FFEBDA !important;
}

#purchasingSidebar .rf-trn-sel {
    background-color: #FFEBDA !important;
}

.rf-cst-shdr-c{
    text-align: center;
}
table .rf-ds-act {
    background-color: #FFEBDA !important;
}

.attachmentColumn {
    width: 25px;
    text-align: center;
}

.nowrap-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.narrowColumn1 {
    width: 10%;
}

.widerColumn2 {
    width: 90%;

}