/* Designer: Rafael Calderon
Date: Sep.30/05
Status: on progress
/*
===========================
 START Base Styles 
===========================
*/

body {font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
* {}

.error {color: red; font-family: Verdana, Arial; font-size: 10px;}

.leadPaddingBot { margin:0 0 6px 0 !important;
margin:0 0 -12px 0; }

div.contUnit div.contUnitLeft a { outline:none;font-size:12px; }
div.contUnit div.contUnitLeft a:link, div.contUnit div.contUnitRight a:link { color:#C17200; }
div.contUnit div.contUnitLeft a:visited, div.contUnit div.contUnitRight a:visited { color:#C17200; }
div.contUnit div.contUnitLeft a:hover, div.contUnit div.contUnitRight a:hover { color:#DF9300; }
div.contUnit div.contUnitLeft a:active, div.contUnit div.contUnitRight a:active { color:#C17200; }

/*
===========================
 END Base Styles 
===========================
*/

/*
====================================
 START Specific Lead manager Styles 
====================================
*/
div#leadMan { width:590px;height:auto;}
/*
hard code the hex instead of using an image
*/
div#leadMan div.contHeader { background:#444444 url(../../images/controlPanel/contHeaderBckg.gif) repeat-x top left; height: 32px;}

div#leadMan div.contHeader h1 { padding:5px;color:#ffffff;font:bold 18px Tahoma, Verdana, Sans-serif;}

div#leadMan div#contBody {padding:3px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
div#leadMan div#contBody  div#contBodyBox {border:1px solid #424242;}
div#leadMan div#contBody  div#contBodyBox div#contBodyBoxLast {border-top:1px solid #a5a5a5;}


div#leadMan div#contBody  div#contBodyBox div.contTitle { height:23px;background-color:#bebebe;margin:0;border-bottom:1px solid #a5a5a5;border-top:1px solid #a5a5a5; color:#FFFFFF; font:bold 11px Tahoma,Verdana, Arial, Helvetica, sans-serif; padding:5px 10px 0px 10px; vertical-align:top}
div#leadMan div#contBody  div#contBodyBox div.contTitle input.checkBox{margin-right:5px;}

div#leadMan div#contBody  div#contBodyBox div.linkTitle { height:100px;background-color:#bebebe;margin:0;border-bottom:1px solid #a5a5a5;border-top:1px solid #a5a5a5; color:#FFFFFF; font:bold 11px Tahoma,Verdana, Arial, Helvetica, sans-serif; padding:5px 10px 0px 10px; vertical-align:top}
div#leadMan div#contBody  div#contBodyBox div.linkTitle div.help {float:right; vertical-align:top}
div#leadMan div#contBody  div#contBodyBox div.linkBottom { height:30px;background-color:#bebebe;margin:0;border-bottom:1px solid #a5a5a5;border-top:1px solid #a5a5a5; color:#FFFFFF; font:bold 11px Tahoma,Verdana, Arial, Helvetica, sans-serif; padding:5px 10px 0px 10px; vertical-align:top}

.wellContentTitle {background-color:#999;margin:0;padding:5px 0 5px 0;border-bottom:1px solid #424242;}
.wellContentTitle h3 {color:#f1f1f1;font-size:13px;margin:0;padding:0 0 3px 6px;}
.wellContentBody {margin:6px;padding:0;/*border:1px solid red;/*Only for debugging purposes*/}
.wellContentBody p {font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0 0 10px 0;}

/*Highlighted area*/
div#leadMan div#contBody div.contHighlighted {padding:3px 3px 0px 3px;}
div#leadMan div#contBody div.contHighlighted div.contHighlightedMessage { border:1px solid #ffc756; background-color:#ffe9bd; color:#353535; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding:4px 0px 7px 5px; }
div#leadMan div#contBody div.contHighlighted div.contHighlightedMessage span { font-weight:bold; }
div#leadMan div#contBody div.contHighlighted img, div#leadMan div#contBody  div#contBodyBox div#contBodyBoxLast img { padding:5px 4px 3px 0px;}
div#leadMan div#contBody div.contHighlighted div.contHighlightedBtns, div#leadMan div#contBody  div#contBodyBox div#contBodyBoxLast div.contHighlightedBtns {padding:5px 0px 3px 8px}


/*Units or Results*/
div#leadMan div#contBody  div#contBodyBox div.contUnit { background-color:#ffffff; padding:5px 10px 5px 10px; border-bottom:1px solid #e2e2e2; margin:0px}
div#leadMan div#contBody  div#contBodyBox div.contUnit div.contUnitLeft{float:left; padding:0px; margin:0px; width:49%;}
div#leadMan div#contBody  div#contBodyBox div.contUnit div.contUnitRight {float:right; padding:0;margin:0;width:49%;}
div#leadMan div#contBody  div#contBodyBox div.contUnit div.contUnitRight span.image{ background:url(/JAABA/skins/homesGold/images/crm/butn_Details.gif) no-repeat 5px 2px;float:right; padding:2px 0px 0px 5px; width:77px; height:25px; cursor:pointer}
div#leadMan div#contBody  div#contBodyBox div.contUnit span.contUnitViewed { font-weight:bold}
div#leadMan div#contBody  div#contBodyBox div.contUnit span.contUnitEnvelop{ background:url(/JAABA/skins/homesGold/images/envelope.gif) no-repeat 0px 4px; padding-left:20px}
div.contUnit a:link, div.contUnit a:visited, div.contUnit a:active{ color:#C17200; text-decoration:none}
div.contUnit a:hover { text-decoration:underline}

div#leadMan div#contBody  div#contBodyBox div.contUnitChecked{background-color:#ffe9bd; padding:5px 10px 5px 10px; border-bottom:1px solid #ffc756; margin:0px}
div#leadMan div#contBody  div#contBodyBox div.contUnitChecked div.contUnitLeft{float:left; padding:0px; margin:0px; width:49%;}
div#leadMan div#contBody  div#contBodyBox div.contUnitChecked div.contUnitRight {float:right; padding:0;margin:0;width:49%;}
div#leadMan div#contBody  div#contBodyBox div.contUnitChecked div.contUnitRight span.image{ background:url(/JAABA/skins/homesGold/images/crm/butn_DetailsChecked.gif) no-repeat 5px 2px; float:right; padding:2px 0px 0px 5px; width:75px; height:25px; cursor:pointer}
div#leadMan div#contBody  div#contBodyBox div.contUnitChecked span.contUnitViewed { font-weight:bold}
div#leadMan div#contBody  div#contBodyBox div.contUnitChecked span.contUnitEnvelop{ background:url(../images/envelope.gif) no-repeat 0px 4px; padding-left:20px}
div.contUnitChecked a:link, div.contUnitChecked a:visited, div.contUnitChecked a:active, div#viewBylastName a:link, div#viewBylastName a:visited, div#viewBylastName a:active{ color:#C17200; text-decoration:none}
div.contUnitChecked a:hover, div#viewBylastName a:hover { text-decoration:underline}




/*
====================================
 END Specific Lead manager Styles 
====================================
*/


/*
====================================
 START Specific AddressBook Styles 
====================================
*/
div#leadMan div#contBody div.contHighlighted div#viewBylastName { color:#9a9a9a; margin-bottom:8px; padding-left:10px}
div#leadMan div#contBody div.contHighlighted div#viewBylastName span {padding-right:5px}
div#leadMan div#contBody div.contHighlighted div#viewBylastName span.empty { color:#bebebe}
div#leadMan div#contBody div.contHighlighted div#viewBylastName span.selected { background-color:#0072bc; color:#FFFFFF; padding:0px 3px 2px 3px !important; margin-right:5px}




/*
====================================
 END Specific AddressBook Styles 
====================================
*/


/*
====================================
 START Specific LeadContactDetails Styles 
====================================
*/
div#leadMan div#contBody div.detailBox {border:1px solid #ffc756; background-color:#ffe9bd; color:#4d4d4d;font: bold 13px Tahoma, Verdana, sans-serif; padding:3px; margin-bottom:3px
}
div#leadMan div#contBody div.detailBox div.detailName { float:left; padding:3px 10px 0px 5px; }

div#leadMan div#contBody div.detailBox div.detailbtnBack {float:right;cursor:pointer}
div#leadMan div#contBody div.detailBodyBox { border:1px solid #424242; margin-top:3px}
div#leadMan div#contBody div.detailBodyBox div.detailSectBody { display:block; padding:7px;
background:url(../images/detailContBack.gif) repeat-y 50% 0}
div#leadMan div#contBody div.detailBodyBox div.detailSectBodyOFF {display:none;}
div#leadMan div#contBody div.detailBodyBox div.detailSecTitle { background-color:#999999; color:#FFFFFF; font:bold 11px Tahoma, Verdana, sans-serif; padding:5px;  }

div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyTop {margin-top:5px; padding:0px;background-color:#FFFFFF; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5}

div#leadMan div#contBody div.detailBodyBox div.detailSectBodyTop { background-color:#FFFFFF; margin-top: 10px; border-bottom:1px solid #e5e5e5; padding-bottom:10px }
div#leadMan div#contBody div.detailBodyBox div.detailSectBodyTop div.detailLabel {color:#656565;text-align:right; width:120px; float:left; margin:0px 9px 0px 0px; border:0px  }
div#leadMan div#contBody div.detailBodyBox div.detailSectBodyTop div.detailData {font-weight:bold; text-align:left;  }
div#leadMan div#contBody div.detailBodyBox div.detailSectBodyTop div.detailData a { color:#C17200; }
div#leadMan div#contBody div.detailBodyBox div.detailSectBodyTop div.detailData a:hover { color:#DF9300; }


.detailSwtich {width:10px; height:10px;float:left;clear:right;padding:2px 5px 2px 0px;cursor:pointer}
div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyLeftCol { width:49%;float:left; margin:0px}
div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyRightCol { width:49%;float:right; margin:0px}
div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyLeftCol div.detailLabel, div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyLeftCol div.detailLabel,div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyRightCol div.detailLabel, div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyRightCol div.detailLabel { width:40%; float:left;  text-align:right; color:#656565;padding: 2px; }
div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyLeftCol div.detailData, div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyLeftCol div.detailData, div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyRightCol div.detailData, div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyRightCol div.detailData { width:55%; float:right;text-align:left; color:#000000; padding: 2px; font-weight:bold; vertical-align:bottom}
div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyLeftCol div.detailData a, div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyLeftCol div.detailData a, div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyRightCol div.detailData a, div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyRightCol div.detailData a { color:#C17200;}
div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyLeftCol div.detailData a:hover, div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyLeftCol div.detailData a:hover, div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyRightCol div.detailData a:hover, div#leadMan div#contBody div.detailBodyBox div.detailSectBody div.detailSectBodyRightCol div.detailData a:hover { color:#df9300;}

div.detailData a:link, div.detailData a:visited, div.detailData a:active { color:#C17200; text-decoration:none}
div.detailData a:hover {color:#DF9300;text-decoration:underline}
.inactive { color:#d7d7d7 !important}


div#contBody div#contBodyBox div.contHighlighted div.contHighlightedBtns div.searchAddressbook { float:right; padding:0px; margin:0px; }
div#contBody div#contBodyBox div.contHighlighted div.contHighlightedBtns div.searchAddressbook input.texto { border:1px solid #7f9db9; margin-right:5px;position:relative; top:-6px; padding:2px; font-size:10px; color:#00458b }
div#contBody div#contBodyBox div.contHighlighted div.contHighlightedBtns div.searchAddressbook select.texto2 { border:1px solid #7f9db9; margin-right:5px;position:relative; top:-6px; font-size:10px; color:#00458b }
div#contBody div#contBodyBox div.contHighlighted div.contHighlightedBtns div.searchAddressbook span { margin-right:5px;position:relative; top:-6px; padding:2px; font-size:12px; font-weight:bold;color:#9a9a9a}

/*
====================================
 END Specific AddressBook Styles 
====================================
*/
 


 /*
=========================================================
 START Specific Listings Import/Export Controls Styles 
=========================================================
*/
HTML { writing-mode : sFlow }  
div#leadMan div#contBody div.detailBodyBox table.mainTable td{ font-size:11px;padding:4px;  vertical-align:middle;text-align:center; }
div#leadMan div#contBody div.detailBodyBox table.mainTable td.divider{ border-left:1px solid #706f6f; border-right:1px solid #706f6f !important; }
div#leadMan div#contBody div.detailBodyBox table.mainTable tr.top { font-weight:bold;  background-color:#999999; color:#FFFFFF}
div#leadMan div#contBody div.detailBodyBox table.mainTable tr.top td {padding:8px}
div#leadMan div#contBody div.detailBodyBox table.mainTable tr.bottom td.empty { background:url(../images/topTDBack.gif) }
div#leadMan div#contBody div.detailBodyBox table.mainTable tr.bottom td { vertical-align:top}
div#leadMan div#contBody div.detailBodyBox table.mainTable tr.top td span, div#leadMan div#contBody div.detailBodyBox table.mainTable tr.bottom td span { font-weight:normal}
div#leadMan div#contBody div.detailBodyBox table.mainTable tr.bottom {font-weight:bold;text-align:center; background-color:#e6e6e6; color:#4b4b4b;writing-mode:tb-rl; }

div#leadMan div#contBody div.detailBodyBox table.mainTable tr.Content td {border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8}
div#leadMan div#contBody div.detailBodyBox table.mainTable td.lfContent { text-align:left !important}
div#leadMan div#contBody div.detailBodyBox table.mainTable td.lfContent span { color:#999999; font-style:italic}
div#leadMan div#contBody div.detailBodyBox table.mainTable tr.bottom td.clsVert { writing-mode:tb-rl;text-align:left;padding-bottom:10px; vertical-align:middle; border-right:1px solid #c6c6c6}
div#leadMan div#contBody div.detailBodyBox table.mainTable tr.final td.lt {border-right: 1px solid #706f6f; border-top: 1px solid #706f6f; text-align:left; background:url(../images/finalTDBack.gif)}
div#leadMan div#contBody div.detailBodyBox table.mainTable tr.final td.rt {border-top: 1px solid #706f6f; text-align:left;}
div#leadMan div#contBody div.detailBodyBox table.mainTable tr.final td.rt span{ font-weight:bold}
div#leadMan div#contBody div.detailBodyBox table.mainTable tr.final td.rt imput{display:block; float:left; margin:2px; clear:left}
div#leadMan div#extSect{padding:10px;color:4c4c4c}
div#leadMan div#extSect p{padding-bottom:15px}
div#leadMan div#extSect a:link, div#leadMan div#extSect a:visited, div#leadMan div#extSect a:active {color:#317200; text-decoration:none}
div#leadMan div#extSect a:hover{color:#DF9300;text-decoration:underline}

/* Pagination */

div#leadMan div#contBody  div#contBodyBox div.pages {

      border-bottom:1px solid #ccc;

      border-top:1px solid #ccc;

      background:#f7f7f7;

      margin:0;

      padding:0px 0px 0px 0px;

      }

div#leadMan div#contBody  div#contBodyBox div.pages p {

      font:normal 11px/16px Tahoma, Verdana, Arial, sans-serif;

      color:#666666;

      }

div.pages p a:link, div.pages p a:visited {color:#C17200; text-decoration:underline}

div.pages p a:hover, div.pages p a:active {color:#DF9300; text-decoration:none}



 



 /*
=========================================================
 END Specific Listings Import/Export Controls Styles 
=========================================================
*/

/* Begin Storage Locker Styles */
*/
div#StorageLocker { width:590px;height:auto;}
/*
hard code the hex instead of using an image
*/
div#StorageLocker div.contHeader { background-color:#00458B;height: 32px;}

/* Begin CSS modfied by Gary */
div#StorageLocker div.contHeader h1 { padding:5px;color:#C9D8FB;font:bold 18px Tahoma, Verdana, Sans-serif;margin:0}
/* End CSS modfied by Gary */

div#StorageLocker div#contBody {padding:3px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
div#StorageLocker div#contBody  div#contBodyBox {border:1px solid #424242;}
div#StorageLocker div#contBody  div#contBodyBox div#contBodyBoxLast {border-top:1px solid #a5a5a5;}


div#StorageLocker div#contBody  div#contBodyBox div.contTitle { height:23px;background-color:#bebebe;margin:0;border-bottom:1px solid #a5a5a5;border-top:1px solid #a5a5a5; color:#FFFFFF; font:bold 11px Tahoma,Verdana, Arial, Helvetica, sans-serif; padding:5px 10px 0px 10px; vertical-align:top}
div#StorageLocker div#contBody  div#contBodyBox div.contTitle input.checkBox{margin-right:5px;}

div#StorageLocker div#contBody  div#contBodyBox div.linkTitle { height:100px;background-color:#bebebe;margin:0;border-bottom:1px solid #a5a5a5;border-top:1px solid #a5a5a5; color:#FFFFFF; font:bold 11px Tahoma,Verdana, Arial, Helvetica, sans-serif; padding:5px 10px 0px 10px; vertical-align:top}
div#StorageLocker div#contBody  div#contBodyBox div.linkTitle div.help {float:right; vertical-align:top}
div#StorageLocker div#contBody  div#contBodyBox div.linkBottom { height:30px;background-color:#bebebe;margin:0;border-bottom:1px solid #a5a5a5;border-top:1px solid #a5a5a5; color:#FFFFFF; font:bold 11px Tahoma,Verdana, Arial, Helvetica, sans-serif; padding:5px 10px 0px 10px; vertical-align:top}

/*Highlighted area*/
div#StorageLocker div#contBody div.contHighlighted {padding:3px 3px 0px 3px;}
div#StorageLocker div#contBody div.contHighlighted div.contHighlightedMessage { border:1px solid #ffc756; background-color:#ffe9bd; color:#353535; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding:4px 0px 7px 5px; }
div#StorageLocker div#contBody div.contHighlighted div.contHighlightedMessage span { font-weight:bold; }
div#StorageLocker div#contBody div.contHighlighted img, div#leadMan div#contBody  div#contBodyBox div#contBodyBoxLast img { padding:5px 4px 3px 0px;}
div#StorageLocker div#contBody div.contHighlighted div.contHighlightedBtns, div#leadMan div#contBody  div#contBodyBox div#contBodyBoxLast div.contHighlightedBtns {padding:5px 0px 3px 8px}


/*Units or Results*/
div#StorageLocker div#contBody  div#contBodyBox div.contUnit { background-color:#ffffff; padding:5px 10px 5px 10px; border-bottom:1px solid #e2e2e2; margin:0px}
div#StorageLocker div#contBody  div#contBodyBox div.contUnit div.contUnitLeft{float:left; padding:0px; margin:0px; width:49%;}
div#StorageLocker div#contBody  div#contBodyBox div.contUnit div.contUnitRight {float:right; padding:0;margin:0;width:49%;}
div#StorageLocker div#contBody  div#contBodyBox div.contUnit div.contUnitRight span.image{ background:url(JAABA/skins/homesGold/images/crm/butn_Details.gif) no-repeat 5px 2px;float:right; padding:2px 0px 0px 5px; width:77px; height:25px; cursor:pointer}
div#StorageLocker div#contBody  div#contBodyBox div.contUnit span.contUnitViewed { font-weight:bold}
div#StorageLocker div#contBody  div#contBodyBox div.contUnit span.contUnitEnvelop{ background:url(JAABA/skins/homesGold/images/envelope.gif) no-repeat 0px 4px; padding-left:20px}

div#StorageLocker div#contBody  div#contBodyBox div.contUnitChecked{background-color:#ffe9bd; padding:5px 10px 5px 10px; border-bottom:1px solid #ffc756; margin:0px}
div#StorageLocker div#contBody  div#contBodyBox div.contUnitChecked div.contUnitLeft{float:left; padding:0px; margin:0px; width:49%;}
div#StorageLocker div#contBody  div#contBodyBox div.contUnitChecked div.contUnitRight {float:right; padding:0;margin:0;width:49%;}
div#StorageLocker div#contBody  div#contBodyBox div.contUnitChecked div.contUnitRight span.image{ background:url(JAABA/skins/homesGold/images/crm/butn_DetailsChecked.gif) no-repeat 5px 2px; float:right; padding:2px 0px 0px 5px; width:75px; height:25px; cursor:pointer}
div#StorageLocker div#contBody  div#contBodyBox div.contUnitChecked span.contUnitViewed { font-weight:bold}
div#StorageLocker div#contBody  div#contBodyBox div.contUnitChecked span.contUnitEnvelop{ background:url(../images/envelope.gif) no-repeat 0px 4px; padding-left:20px}


div#StorageLocker div#contBody  div#contBodyBox div.contTitle { height:23px;background-color:#bebebe;margin:0;border-bottom:1px solid #a5a5a5;border-top:1px solid #a5a5a5; color:#FFFFFF; font:bold 11px Tahoma,Verdana, Arial, Helvetica, sans-serif; padding:5px 10px 0px 10px; vertical-align:top}
/* End Storage Locker Styles */