/* 
    Document   : content
    Created on : 9/04/2010, 4:13:18 PM
    Author     : Rene
    Description:
        All style information releaed to the content of the page.
*/

root { 
    display: block;
}
img {
    border-style: none;
}
.clear {
    clear: both;
}

/* Pagination */

.points{
    background-color:#fff;
    color:#000;
    margin-top:5px;
    margin-right:2px;
    display:block;
    float:left;
    padding:3px 6px; 
    cursor:default;
}

.next-off {
    border:solid 1px #DDDDDD;
    margin-right:2px;
    color:#666666;
    display:block;
    float:left;
    font-weight:bold;
    padding:3px 4px;
    cursor:default;
}

.previous-off{
    border:solid 1px #DDDDDD;
    margin-right:2px;
    color:#666666;
    display:block;
    float:left;
    font-weight:bold;
    padding:3px 4px;
    cursor:default;
}

.previous a {
    background-color:#424242;
    border:solid 1px #DDDDDD;
    margin-right:2px;
    color:#fff;
    display:block;
    float:left;
    font-weight:bold;
    padding:3px 4px;
    text-decoration:none;
}

.next a{
    background-color:#424242;
    border:solid 1px #DDDDDD;
    margin-right:2px;
    color:#fff;
    display:block;
    float:left;
    font-weight:bold;
    padding:3px 4px;
    text-decoration:none;
}

.previous a:hover, .next a:hover{
    color:#EA6640;
    border:solid 1px #000;
}

.active{
    background-color:#ccc;
    border:solid 1px #000;
    margin-right:2px;
    color:#000;
    font-weight:bold;
    display:block;
    float:left;
    cursor:default;
    padding:3px 4px;
}

.paginate a{
    background-color:#424242;
    border:solid 1px #DDDDDD;
    margin-right:2px;
}

.paginate a:link, .paginate a:visited {
    color:#fff;
    display:block;
    float:left;
    padding:3px 6px;
    text-decoration:none;
}

.paginate a:hover{
    color:#EA6640;
    border:solid 1px #000;
}

/* Columns for splitting up details pages ----------------------------------------------------------------------------------------------- */
div.detailCol {
  margin-top: 10px;
    float: left;
    overflow: hidden;
    width: 450px;
}
div.controls {
    text-align: right;
    float: left;
    padding: 5px;
    overflow: hidden;
    width: 440px;
}

/* Tab Menu ----------------------------------------------------------------------------------------------------------------------------- */
div.tabs {
    /*margin: -5px;*/
    margin-left: -5px;
    margin-right: -5px;
    height: 28px;
    padding: 3px 5px 0 5px;
    background-color: #424242;
}
.tabs div {
  padding-top: 2px;
}
.tabs ul {
    margin: 0;
    padding: 0;
}
.tabs li {
    min-width: 156px;
    height: 27px;
    background-image: url('../img/tabClosed.png');
    float: left;
    padding: 0px;
    list-style: none;
}
.tabs a {
    font-weight: bold;
    color: #EA6640;
    text-align: center;
    display: block;
    width: 150px;
    height: 16px;
    margin: 0px;
    padding: 6px 3px 5px 3px;
    text-decoration: none;
}
.tabs a:hover {
    background-image: url('../img/tabHigh.png');

}
.tabs span {
    font-weight: bold;
    color: #EA6640;
    background-image: url('../img/tabSelected.png');
    text-align: center;
    width: 150px;
    height: 16px;
    padding: 6px 3px 5px 3px;
    display: block;
}
li.tabsTitle {
    font-size: 110%;
    color: #4DBFE1;
    text-align: center;
    font-weight: bold;
    min-width: 120px;
    height: 18px;
    background-image: none;
    float: left;
    padding: 4px 6px 5px 3px;
    list-style: none;
}

/* Definition lists are used to display properties of an item --------------------------------------------------------------------------- */

dl.tableDisplay , dl.tableFull {
    float: left;
    vertical-align: middle;
    width: 440px;
    margin: 0px 5px 10px 5px;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    border: 2px solid #DEE7F8;
    empty-cells:show;
    
    background-color: #fbfcfe; /*Lucas cambio*/
}

.tableDisplay dt, .tableDisplay dd, .tableFull dt, .tableFull dd {
   /*border-bottom: 1px solid #999;*/ /*Lucas cambio*/
   border-top: 1px solid #DEE7F8;
   min-height: 24px;
   vertical-align: middle;
   margin: 0;
   padding: 4px 5px 3px 5px;
   background-color: #fbfcfe;
}

dt.tableTitle, dd.tableTitle {
    background-color: #c1d2f2;
    /*border-top: 2px solid #EA6640;*/
    /*border-bottom: 2px solid #EA6640;*/
    margin-top: 0px;
}

dt {
    font-weight: bold;
}

.tableDisplay dt {
    text-align: right;
    clear: left;
    float: left;
    width: 160px;
}

.tableDisplay dd {
    float: left;
    width: 260px;
}
.tableDisplay input {
    height: 20px;
    padding: 0px;
}
.tableDisplay input[type="text"] {
    width: 198px;
}
/* list class is for any structure showing a list of many items ie all users or boards. ------------------------------------------------- */

table.list {
  margin-top: 5px;
    border-spacing: 0px;
    border: 1px solid #DEE7F8;
    empty-cells:show;
    overflow: hidden;
    border-radius: 5px;
}

table.list tr.border-top td {
  border-top: 1px #95AFDF solid;
}

td.list, .list td {
    font-size: 90%;
    padding: 5px 7px 5px 7px;
    margin: 0px;
    background-color: #fbfcfe;
    border-bottom: 1px solid #DEE7F8;
    border-right: 1px solid #DEE7F8;
}

td.listTitle, .list th {
    font-weight: 600;
    background-color: #c1d2f2;
    /*border-top: 2px solid #EA6640;*/
    /*border-bottom: 2px solid #EA6640;*/
    border-right: 1px solid #DEE7F8;
}
.selected, .tableDisplay dt.selected, .tableDisplay dd.selected, .tableFull dt.selected, .tableFull dd.selected {
  background-color: #f09277;
  /*font-weight: 500;*/
}
.selected, .tableDisplay dt.selected, .tableDisplay dd.selected, .tableFull dt.selected, .tableFull dd.selected {
  background-color: #f09277;
  /*font-weight: 500;*/
}
.crmCustomers, .tableDisplay dt.crmCustomers, .tableDisplay dd.crmCustomers, .tableFull dt.crmCustomers, .tableFull dd.crmCustomers {
  color: #888;
  font-style: italic;
}
#itemList td {
  max-width: 400px;
}

.date-label {
   font-size: 10px;
   vertical-align: middle;
   margin-top: 4px;
}
span.smallNote {
    color: #555;
    font-size: 80%;
}
.noStyle td {
    border: none;
    padding: 2px;
}

input[type=submit], input[type=button], button {
    cursor:pointer;
}
input[type=radio] { 
    vertical-align: middle; margin: 0; margin-top: -5px;
}
label {
    vertical-align: middle;
}

.button, a.button, input[type=submit],input[type=button] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  display: inline-block;
  text-decoration: none;
  color: initial;
  /*  border: 1px solid #666;
  border-radius: 3px;
  background: #7E7E7E;  IE9 
  background: -ms-linear-gradient(top, #7E7E7E 0%, #888 50%, #7E7E7E 100%);  IE10+ 
  background: -webkit-linear-gradient(top, #7E7E7E 0%, #888 50%, #7E7E7E 100%);  Chrome10+,Safari5.1+ 
  background: -moz-linear-gradient(top, #7E7E7E 0%, #888 50%, #7E7E7E 100%);  FF3.6+ 
  background: linear-gradient(top, #7E7E7E 0%, #888 50%, #7E7E7E 100%);  W3C 
  color: #FFFFFF;
  cursor: pointer;
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none;
  display: inline-block;
  padding: .45em .75em;
  margin: 0 2px;*/
}
.button:hover, a.button:hover, input[type=submit]:hover,input[type=button]:hover {
/*  background: #7E7E7E;  IE9 
  background: -ms-linear-gradient(top, #8E8E8E 0%, #999 50%, #8E8E8E 100%);  IE10+ 
  background: -webkit-linear-gradient(top, #8E8E8E 0%, #999 50%, #8E8E8E 100%);  Chrome10+,Safari5.1+ 
  background: -moz-linear-gradient(top, #8E8E8E 0%, #999 50%, #8E8E8E 100%);  FF3.6+ 
  background: linear-gradient(top, #8E8E8E 0%, #999 50%, #8E8E8E 100%);  W3C */
}
.button.small {
  padding: .4em .6em;
  line-height: .95;
  font-size: 95%;
}

input[type=submit][disabled=disabled], input[type=button][disabled=disabled], button[disabled=disabled] {
/*  background: #ccc;
  border: #aaa dotted 1px;
  cursor: default;*/
}

.disabled {
  text-decoration: line-through;
}

/* Used for list section titles --------------------------------------------------------------------------------------------------------- */
span.title {
    display: block;
    font-weight: bold;
    font-size: 120%;
    color: #cc3300;
    padding-top: 15px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
span.minorTitle {
    display: block;
    font-weight: bold;
    font-size: 100%;
    color: #cc3300;
    padding-top: 15px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
span.note {
    display: block;
    float: right;
    max-width: 290px;
    background-color: #DEE7F8;
    padding: 10px;
    margin: 10px;
}

/* Form Validation ---------------------------------------------------------------------------------------------------------------------- */
span.red {
    color: red;
}
div.error {
    color: red;
    text-align: right;
}

span.error {
    display: none;
    color: red;
}

input.success, select.success{
    border: 2px solid green;
    background-color: #00FF00;
}

input.error, select.error {
    border: 2px solid red;
    background-color: #FFE5E5;
}

/* Used for table on list view. could be replaced at some point ------------------------------------------------------------------------- */
.dContent {
    margin:0px;
    background-color:#ffddff;
    padding:0px;
}

.dAttr {
    background-color:#ff9988;
    padding:5px;
}
.dValue {
    background-color:#779988;
    padding:5px;
}


#down input{
    width: 80px;
}

#map{
    text-decoration:none;
}

a.SortTable:link, a.SortTable:visited, a.SortTable:active {
    color:#000000;
    font-size:12.5px;
    font-weight:600;
    font-family:arial, helvetica, sans-serif;
    cursor:pointer;
    text-decoration: none;
}
a.SortTable:hover{
    color: #666666;
}
.valueChanged {
  background: #00FF00;
}

.hidden {
  display: none;
}

input[type=button].resetPWButton  {
  padding: 0 4px 0 4px;
  font-size: 80%;
  float: right;
}

table.pad td {
  padding: 5px;
}

#loadingDiv{
  position:absolute;
  top:47%;
  right:47%;
}

/* Definition lists are used to display search table in search customer popup --------------------------------------------------------------------------- */

dl.searchTableDisplay , dl.searchTableFull {
    float: left;
    vertical-align: middle;
    width: 220px;
    margin: 0px 5px 10px 5px;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    border: 2px solid #DEE7F8;
    empty-cells:show;
    
    background-color: #fbfcfe; /*Lucas cambio*/
}

.searchTableDisplay dt, .searchTableDisplay dd, .searchTableFull dt, .searchTableFull dd {
   /*border-bottom: 1px solid #999;*/ /*Lucas cambio*/
   border-top: 1px solid #DEE7F8;
   min-height: 24px;
   vertical-align: middle;
   margin: 0;
   padding: 4px 5px 3px 5px;
   background-color: #fbfcfe;
}

dt.searchTableTitle, dd.searchTableTitle {
    background-color: #c1d2f2;
    /*border-top: 2px solid #EA6640;*/
    /*border-bottom: 2px solid #EA6640;*/
    margin-top: 0px;
}

.searchTableDisplay dt {
    text-align: left;
    clear: left;
    float: left;
    width: 200px;
}

.searchTableDisplay dd {
    float: left;
    width: 0px;
}
.searchTableDisplay input {
    height: 20px;
    padding: 0px;
}
.searchTableDisplay input[type="text"] {
    width: 190px;
}

div.searchDetailCol {
  margin-top: 10px;
    float: left;
    overflow: hidden;
    width: 250px;
}

/* Definition lists are used to display result table in search customer popup --------------------------------------------------------------------------- */

dl.resultTableDisplay , dl.resultTableFull {
    float: left;
    vertical-align: middle;
    width: 620px;
    margin: 0px 5px 10px 5px;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    border: 2px solid #DEE7F8;
    empty-cells:show;
    
    background-color: #fbfcfe; /*Lucas cambio*/
}

.resultTableDisplay dt, .resultTableDisplay dd, .resultTableFull dt, .resultTableFull dd {
   /*border-bottom: 1px solid #999;*/ /*Lucas cambio*/
   border-top: 1px solid #DEE7F8;
   min-height: 24px;
   vertical-align: middle;
   margin: 0;
   padding: 4px 5px 3px 5px;
   background-color: #fbfcfe;
}

dt.resultTableTitle, dd.resultTableTitle {
    background-color: #c1d2f2;
    /*border-top: 2px solid #EA6640;*/
    /*border-bottom: 2px solid #EA6640;*/
    margin-top: 0px;
}

.resultTableDisplay dt {
    text-align: right;
    clear: left;
    float: left;
    width: 300px;
}

.resultTableDisplay dd {
    float: left;
    width: 300px;
}
.resultTableDisplay input {
    height: 20px;
    padding: 0px;
}
.resultTableDisplay input[type="text"] {
    width: 198px;
}

.selected, .resultTableDisplay dt.selected, .resultTableDisplay dd.selected, .resultTableFull dt.selected, .resultTableFull dd.selected {
  background-color: #f09277;
  /*font-weight: 500;*/
}
.selected, .resultTableDisplay dt.selected, .resultTableDisplay dd.selected, .resultTableFull dt.selected, .resultTableFull dd.selected {
  background-color: #f09277;
  /*font-weight: 500;*/
}
.crmCustomers, .resultTableDisplay dt.crmCustomers, .resultTableDisplay dd.crmCustomers, .resultTableFull dt.crmCustomers, .resultTableFull dd.crmCustomers {
  color: #888;
}

div.resultDetailCol {
  margin-top: 10px;
    float: left;
    overflow: hidden;
    width: 640px;
}