/*
Document   : basetemplate
Created on : 22-apr-2009, 11.14.51
Author     : mike
Description:
application css compliant style (ff, chrome, etc.).
*/


/*
---------------------------------
oweb20-mainweb basetemplate style
---------------------------------
*/

/*

base colors:

- dark blue         #46708E
- blue              #567C98
- light blue        #95ADBE

-                   #676767
-                   #888888
-                   #898989
- dark gray         #CDCDCD
- gray              #DFDFDF
- light gray        #E2E2E2
- ultralight gray   #F2F2F2

- orange            #CC6611

- link              #666666
*/

/*
    ==============
    Standard hacks
    ==============
*/
/* wraps original icefaces font-size (must be linked AFTER icefaces stylesheet) */
body {
    font-size:0.9em;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

/*
    ==============
    ICEFaces hacks
    ==============
*/
/* wraps original icefaces font & border (must be linked AFTER icefaces stylesheet) */
.iceSelInpTxtTxt {
    border:1px solid #d9d9d9;
    font-family:tahoma;
    font-size:11px;
    margin:2px;
}

.iceSelInpDatePopup {
    min-width:110px;
}

.iceSelInpDateInput {
    width:90px;
}

/*
    =============
    The STYLE !!!
    =============
*/
.thinForm {
    margin:0px;
    padding:0px
}

.commonActionPanel {
    background-color:#46708E;
    /* warning: don't use heights less than 50px, on ie7 won't work */
    height:50px;
}

.commonActionCenteredPanel {
    margin:0px auto;
    text-align:left;
    width:950px;
}

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

.searchAction {
    background-image:url("../../images/default/icons/toolbar/search-do.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.searchAction:hover {
    background-image:url("../../images/default/icons/toolbar/search-sel.png");
    background-repeat:no-repeat;
}

.wrapper {
    clear:both;
    background-image:url("../../images/default/backgrounds/bg-header.png");
    background-repeat:repeat-x;
}

.header {
    background-image:url("../../images/default/backgrounds/logo-header.png");
    background-repeat:no-repeat;
    height:65px;
    margin:0px auto;
    text-align:left;
    width:950px;
}

.commonActionBody {
    margin-top:16px;
    float:right;
    height:16px;
    width:160px;
}

.commonAction {
    float:left;
    height:16px;
    width:16px;
}

.commonActionHome {
    background-image:url("../../images/default/icons/toolbar/home.png");
    background-repeat:no-repeat;
}

.commonActionHome:hover {
    background-image:url("../../images/default/icons/toolbar/home-sel.png");
    background-repeat:no-repeat;
}

.commonActionSitemap {
    background-image:url("../../images/default/icons/toolbar/sitemap.png");
    background-repeat:no-repeat;
}

.commonActionSitemap:hover {
    background-image:url("../../images/default/icons/toolbar/sitemap-sel.png");
    background-repeat:no-repeat;
}

.commonActionUser {
    background-image:url("../../images/default/icons/toolbar/user.png");
    background-repeat:no-repeat;
}

.commonActionUser:hover {
    background-image:url("../../images/default/icons/toolbar/user-sel.png");
    background-repeat:no-repeat;
}

.commonActionSearch {
    background-image:url("../../images/default/icons/toolbar/search.png");
    background-repeat:no-repeat;
}

.commonActionSearch:hover {
    background-image:url("../../images/default/icons/toolbar/search-sel.png");
    background-repeat:no-repeat;
}

.commonActionHelp {
    background-image:url("../../images/default/icons/toolbar/help.png");
    background-repeat:no-repeat;
}

.commonActionHelp:hover {
    background-image:url("../../images/default/icons/toolbar/help-sel.png");
    background-repeat:no-repeat;
}

.commonActionPower {
    background-image:url("../../images/default/icons/toolbar/power.png");
    background-repeat:no-repeat;
}

.commonActionPower:hover {
    background-image:url("../../images/default/icons/toolbar/power-sel.png");
    background-repeat:no-repeat;
}

.navigation {
    margin: 0px auto;
    text-align:left;
    width:950px;
}

.navigationBody {
    /* comment the following line to obtain a left aligned menu */
    float:right;
    height:30px;
}

.navigationParent {
    background-color: #E2E2E2;
    border-right:1px solid #CDCDCD;
    border-top:1px solid #CDCDCD;
    color:#46708E;
    float:left;
    font-weight:normal;
    text-transform:lowercase;
    height:23px;
    padding-top:7px;
    text-align:center;
    width:110px;
}

.navigationParent:hover {
    /*background-color:#DCDCDC;*/
    background-color:#F2F2F2;
    background-image:url("../../images/default/icons/menu/menu-bullet.png");
    background-repeat:no-repeat;
    /*background-position:72px 26px;*/
    background-position:50% 26px;
    color:#CC6611;
}

.navigationItem {
    background-color: #E2E2E2;
    border-right:1px solid #CDCDCD;
    border-top:1px solid #CDCDCD;
    color:#46708E;
    float:left;
    font-weight:normal;
    text-transform:lowercase;
    height:23px;
    padding-top:7px;
    text-align:center;
    width:110px;
}

.navigationItem:hover {
    /*background-color:#DCDCDC;*/
    background-color:#F2F2F2;
    background-image:url("../../images/default/icons/menu/menu-bullet.png");
    background-repeat:no-repeat;
    /*background-position:72px 26px;*/
    background-position:50% 26px;
    color:#CC6611;
}

.navigationSelectedItem {
    border-right:1px solid #CDCDCD;
    background-color: #CDCDCD;
    color:#567C98;
    float:left;
    font-weight:normal;
    text-transform:lowercase;
    height:23px;
    padding-top:7px;
    text-align:center;
    width:110px;
}

.navigationSelectedItem:hover {
    color:#CC6611;
}

.outerContentNull {
    clear:both;
    height:400px;
    margin:0px auto;
    padding-top:1px;
    text-align:left;
    width:950px;
}


.outerContent {
    /* we use a bmp image to prevent ie7 to render colors differentely*/
    background-image: url("../../images/default/backgrounds/bg-header-low.bmp");
    background-repeat:repeat-x;
    clear:both;
    /* we must specify a height value in order to display the entire
    background image on ff */
    height:400px;
    margin:0px auto;
    padding-top:1px;
    text-align:left;
    width:950px;
}

.middleContent {
    clear:both;
    margin-top:10px;
    width:940px;
}

.actionBody {
    float:left;
    padding-left:5px;
    padding-right:5px;
    padding-top:50px;
    width:60px;
}

.actionGroup {
    margin-top:15px;
}

.actionGroupText {
    color:#46708E;
    font-size:0.6em;
    font-weight:bold;
}

.actionItem {
    margin-top:5px;
}

.actionItemText {
    font-size:0.6em;
    margin-left:5px;
}

.actionLnks {
}

.actionLnks:link, .actionLnks:visited, .actionLnks:hover  {
    color:#666666;
}

.actionLnks:link, .actionLnks:visited {
    text-decoration: none;
}

.actionLnks:hover {
    text-decoration: underline;
}

.innerContent {
    background-color:white;
    float:right;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    width:850px;
}

.content {
    clear:both
}

.breadcrumbBody {
    background-image:url("../../images/default/backgrounds/bc-border.png");
    background-repeat:repeat-x;
    height:45px;
}

.breadcrumbPath {
    float:left;
    padding-top:18px;
    text-transform:uppercase;
    /* we need to specify a width in order to render correctly on Google Chrome */
    width:800px;
}

.breadcrumbPathImage {
    background-image:url("../../images/default/icons/breadcrumb/bc-home.png");
    background-repeat:no-repeat;
    float:left;
    height:8px;
    margin-top:5px;
    margin-right:5px;
    width:8px;
}

.breadcrumbPathText {
    font-size:0.6em;
}

/*
.breadcrumbPathImage {
margin-right:5px;
}
*/

.breadcrumbPathCurrentText {
    color:#898989;
    font-size:0.6em;
}

.breadcrumbConnectionStatus {
    float:right;
}

.footer {
    border-top-color: rgb(229, 229, 229);
    border-top-style: solid;
    border-top-width: 1px;
    clear:both;
    display:block;
    margin:0px auto;
    text-align:left;
    width:950px;
}

.footerBody {
    font-size:0.6em;
    padding-left:20px;
    padding-right:20px;
    text-transform:uppercase;
}

.footerTextLeft {
    color:#888888;
    float:left;
}

.footerTextRight {
    color:#888888;
    float:right;
}

.pageLnks {
}

.pageLnks:link, .pageLnks:visited, .pageLnks:hover  {
    color:rgb(0,0,204);
}

.pageLnks:link, .pageLnks:visited {
    text-decoration: none;
}

.pageLnks:hover {
    text-decoration: underline;
}

.pageLnksRight {
    text-align:right;
    float:right;
    /*width:50px;*/
}

.pageLnksLeft {
    text-align:left;
    float:left;
    /*width:50px;*/
}

.pageLnksWidth50 {
    width:50px;
}

.pageLnksWidth80 {
    width:80px;
}

.pageLnksWidth100 {
    width:100px;
}

.pageLnksWidth120 {
    width:120px;
}

.pageLnksWidth130 {
    width:130px;
}

.pageLnksWidth150 {
    width:150px;
}

.margin20 {
    margin-left:20px;
}

.sectionTitle {
    font-size:1.2em;
    font-weight:bold;
    color:#676767;
}

.blankSeparator {
    clear:both;
    float:none;
    height:10px;
    width:100%;
}

.separator {
    clear:both;
    float:none;
    height:5px;
    width:830px;
    border-bottom:thin solid #E2E2E2;
    border-width:2px;
    margin-left:10px;
    margin-right:10px;
}

.separatorBottom {
    height:15px;
    width:100%;
}

.gridColumn10 {
    width:10px;
}

.gridColumn20 {
    width:20px;
}

.gridColumn30 {
    width:30px;
}

.gridColumn40 {
    width:40px;
}

.gridColumn50 {
    width:50px;
}

.gridColumn60 {
    width:60px;
}

.gridColumn70 {
    width:70px;
}

.gridColumn80 {
    width:80px;
}

.gridColumn90 {
    width:90px;
}

.gridColumn100 {
    width:100px;
}

.gridColumn110 {
    width:110px;
}

.gridColumn120 {
    width:120px;
}

.gridColumn140 {
    width:140px;
}

.gridColumn150 {
    width:150px;
}

.gridColumn200 {
    width:200px;
}

.gridColumn210 {
    width:210px;
}
.gridColumn205 {
    width:205px;
}

.gridColumn220 {
    width:220px;
}

.gridColumn225 {
    width:225px;
}

.gridColumn250 {
    width:250px;
}

.gridColumn270 {
    width:270px;
}

.gridColumn300 {
    width:300px;
}

.gridColumn400 {
    width:400px;
}

.gridColumn500 {
    width:500px;
}

.gridColumn600 {
    width:600px;
}

.gridColumn650 {
    width:650px;
}

.gridColumn700 {
    width:700px;
}

.gridColumn750 {
    width:750px;
}

.gridColumn780 {
    width:780px;
}

.gridColumn800 {
    width:800px;
}

.gridColumn850 {
    width:850px;
}

.gridBullet {
    background-image:url("../../images/default/icons/grid/grid-bullet.png");
    background-repeat:no-repeat;
    height:7px;
    width:4px;
}

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

.gridEmptyText {
    color:#676767;
    float:left;
    font-size:11px;
}

.gridExporter {
    float:left;
    width:850px;
}

.gridPaginator {
    float:left;
    width:850px;
}

.gridPaginatorText {
    font-size:11px;
}

.gridExporterText {
    font-size:11px;
}

/* .gridPaginatorFirst {
background-image:url("../../images/default/icons/grid/arrow-first.png");
height:18px;
width:18px;
} */

.actionReady {
    background-image:url("../../images/default/icons/actions/document_new.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionTime {
    background-image:url("../../images/default/icons/actions/history.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionMail {
    background-image:url("../../images/default/icons/actions/mail-open.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionMobilePhone {
    background-image:url("../../images/default/icons/actions/mobile-phone.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionPhone {
    background-image:url("../../images/default/icons/actions/phone.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionFax {
    background-image:url("../../images/default/icons/actions/fax.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionAdd {
    background-image:url("../../images/default/icons/actions/add-item.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionRemove {
    background-image:url("../../images/default/icons/actions/remove-item.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionAddInfo {
    background-image:url("../../images/default/icons/actions/edit-item.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionModify {
    background-image:url("../../images/default/icons/actions/edit-item.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionSearch {
    background-image:url("../../images/default/icons/actions/search-item.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionPrint {
    background-image:url("../../images/default/icons/actions/print.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionDetail {
    background-image:url("../../images/default/icons/actions/detail.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionBuy {
    background-image:url("../../images/default/icons/actions/buy.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionPay {
    background-image:url("../../images/default/icons/actions/pay.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionCheckAll {
    background-image:url("../../images/default/icons/actions/check.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
    margin-left:5px;
}

actionSelectContract {
    background-image:url("../../images/default/icons/actions/add-item.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
    margin-left:5px;
}

.actionRemoveSelectedContract {
    background-image:url("../../images/default/icons/actions/remove-item.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
    margin-left:5px;
}

.actionViewCashingSession {
    background-image:url("../../images/default/icons/actions/safe.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionRunAlignment {
    background-image:url("../../images/default/icons/actions/safe.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.actionPayment {
    background-image:url("../../images/default/icons/actions/payment.png");
    background-repeat:no-repeat;
    float:left;
    height:70px;
    width:90px;
}

.actionEstimate {
    background-image:url("../../images/default/icons/actions/estimate.png");
    background-repeat:no-repeat;
    float:left;
    height:70px;
    width:90px;
}

.actionPosition {
    background-image:url("../../images/default/icons/actions/position.png");
    background-repeat:no-repeat;
    float:left;
    height:70px;
    width:90px;
}

.actionMySelf {
    background-image:url("../../images/default/icons/actions/myself.png");
    background-repeat:no-repeat;
    float:left;
    height:70px;
    width:90px;
}

.actionComunicateClaim {
    background-image:url("../../images/default/icons/actions/comunicateclaim.png");
    background-repeat:no-repeat;
    float:left;
    height:70px;
    width:90px;
}

.commonAction {
    height:16px;
    width:16px;
}

.fieldLabel {
    color:#676767;
}

.fieldLabelBold {
    color:#676767;
    font-weight:bold;
}

.fieldRightBold {
    float:right;
    text-align:right;
    color:#676767;
    font-weight:bold;
}
.fieldRequired {
    color:#46708E;
}

.fieldRequiredText {
    color:#46708E;
    font-size:11px;
}

.fieldEdit {
background-color:#FFFF99;
}

.field20 {
    width:15px;
}

.field30 {
    width:25px;
}

.field40 {
    width:35px;
}

.field50 {
    width:45px;
}

.field80 {
    width:75px;
}

.field100 {
    width:90px;
}

.field110 {
    width:100px;
}

.field120 {
    width:110px;
}

.field130 {
    width:120px;
}

.field150 {
    width:140px;
}

.field190 {
    width:180px;
}

.field200 {
    width:190px;
}

.field210 {
    width:200px;
}

.field220 {
    width:210px;
}

.field250 {
    width:240px;
}

.field300 {
    width:290px;
}

.field400 {
    width:390px;
}

.field600 {
    width:590px;
}

.field800 {
    width:790px;
}

.fieldBold {
    font-weight:bold;
}

.fieldLeft {
    text-align:left;
}

.fieldCenter {
    text-align:center;
}

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

.fieldRightNoFloat {
    text-align:right;
}

.fieldOffset20 {
    margin-left:20px;
}

.line100 {
    border-bottom:thin solid #676767;
    border-width:2px;
    height:5px;
    width:95px;
}

.line150 {
    border-bottom:thin solid #676767;
    border-width:2px;
    height:5px;
    width:145px;
}

.line200 {
    border-bottom:thin solid #676767;
    border-width:2px;
    height:5px;
    width:195px;
}

.line320 {
    border-bottom:thin solid #676767;
    border-width:2px;
    height:5px;
    width:315px;
}

.line750 {
    border-bottom:thin solid #676767;
    border-width:2px;
    height:5px;
    width:745px;
}

.line800SoftColor {
    border-bottom:thin solid #E2E2E2;
    border-width:2px;
    height:5px;
    width:795px;
}

.line800 {
    border-bottom:thin solid #676767;
    border-width:2px;
    height:5px;
    width:795px;
}

.twoPanelLayoutLeft {
    width:700px;
}

.twoPanelLayoutLeftPopup {
    width:500px;
}

.twoPanelLayoutRight {
    width:150px;
}

.linkBody {
    float:right;
}

.buttonBody {
    float:right;
}

.buttonAction {
    margin-left:10px;
    width:100px;
}

.sexMale {
    background-image:url("../../images/default/icons/sex/business-man.png");
    background-repeat:no-repeat;
    height:64px;
    width:48px;
}

.sexMaleDelete {
    background-image:url("../../images/default/icons/sex/business-man_delete.png");
    background-repeat:no-repeat;
    height:64px;
    width:48px;
}

.sexFemale {
    background-image:url("../../images/default/icons/sex/business-woman.png");
    background-repeat:no-repeat;
    height:64px;
    width:48px;
}

.sexFemaleDelete {
    background-image:url("../../images/default/icons/sex/business-woman_delete.png");
    background-repeat:no-repeat;
    height:64px;
    width:48px;
}

.sexCompany {
    background-image:url("../../images/default/icons/sex/business-building.png");
    background-repeat:no-repeat;
    height:64px;
    width:48px;
}

.sexCompanyDelete {
    background-image:url("../../images/default/icons/sex/business-building_delete.png");
    background-repeat:no-repeat;
    height:64px;
    width:48px;
}

.autocompleteContractNumber {
    font-family:tahoma;
    font-size:9px;
    width:80px;
}

.autocompleteCompanyDescription {
    font-family:tahoma;
    font-size:9px;
    width:80px;
}

.autocompleteInsuranceType {
    font-family:tahoma;
    font-size:9px;
    width:60px;
}

.autocompleteAbiCabCode {
    font-family:tahoma;
    font-size:9px;
    width:50px;
}

.autocompleteAbiCabDescription {
    font-family:tahoma;
    font-size:9px;
    width:400px;
}

.autocompleteCity {
    font-family:tahoma;
    font-size:9px;
    width:150px;
}

.autocompleteProvinceCode {
    font-family:tahoma;
    font-size:9px;
    width:20px;
}

.autocompleteCustomer {
    font-family:tahoma;
    font-size:9px;
}

.dimIcoHelp {
    float:left;
    width:16px;
    height:16px;
}

.icoHelp {
    background-image: url("../../images/default/icons/info/help.png");
    background-repeat:no-repeat;
}

.icoHelp:hover {
    background-image: url("../../images/default/icons/info/helpHover.png");
}

.entityCustomer {
    background-image:url("../../images/default/icons/entity/customer.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.entityContract {
    background-image:url("../../images/default/icons/entity/contract.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.entityProject {
    background-image:url("../../images/default/icons/entity/project.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.entityClaim {
    background-image:url("../../images/default/icons/entity/claim.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.entityAgency {
    background-image:url("../../images/default/icons/entity/agency.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.entityDealer {
    background-image:url("../../images/default/icons/entity/dealer.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.entityCompany {
    background-image:url("../../images/default/icons/entity/company.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.entityUser {
    background-image:url("../../images/default/icons/entity/user.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.entityPos {
    background-image:url("../../images/default/icons/entity/pos.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.entitySubPos {
    background-image:url("../../images/default/icons/entity/subpos.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.entityArrowSubPos {
    background-image:url("../../images/default/icons/entity/indent.png");
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
}

.wizardImage {
    background-image:url("../../images/default/backgrounds/model_2_2.png");
    background-repeat:no-repeat;
    width: 522px;
    height: 200px;
    font-size: 0.9em;
}

.wizardImageStep1 {
    background-image:url("../../images/default/backgrounds/model_2_2_1.png");
    background-repeat:no-repeat;
    width: 522px;
    height: 200px;
    font-size: 0.9em;
}

.wizardImageStep2 {
    background-image:url("../../images/default/backgrounds/model_2_2_2.png");
    background-repeat:no-repeat;
    width: 522px;
    height: 200px;
    font-size: 0.9em;
}

.wizardImageStep3 {
    background-image:url("../../images/default/backgrounds/model_2_2_3.png");
    background-repeat:no-repeat;
    width: 522px;
    height: 200px;
    font-size: 0.9em;
}

.posControlTxt {
    margin-left:-207px;
    margin-top:200px;
    position:absolute;
}

.posDatabaseTxt {
    margin-left:-50px;
    margin-top:110px;
    position:absolute;
}

.posElaborationTxt {
    margin-left:167px;
    margin-top:200px;
    position:absolute;
}

.posExplainTxt {

}

.explainBox {
    margin-top: 20px;
    font-size: 0.9em;
    width: 850px;
}

.explainTxt {
    width: 830px;
    padding-left: 10px;
    padding-right: 10px;
}

.titleTxt {
    font-weight: bold;
}

.separatorWizard {
    clear:both;
    float:none;
    height:5px;
    width:830px;
    border-bottom:thin solid #E2E2E2;
    border-width:2px;
    margin-left:10px;
    margin-right:10px;
    margin-top:5px;
    margin-bottom: 10px;
}

.separatorWizard2 {
    clear:both;
    float:none;
    height:5px;
    width:830px;
    border-bottom:thin solid #E2E2E2;
    border-width:2px;
    margin:5px 10px 10px;
}

.errors {
    color:#FF0000;
}