/*body {margin: 0; padding: 0; background: #fff; text-align: center; font: 10px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000;}
/*body {margin: 0; padding: 0; background: #CCCCCC; text-align: center; font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000;}*/
body {margin: 0; padding: 0; background: #fff; text-align: center; font: 10px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000;}
table, td {font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color: #000;}
/*input, select, button { font-family:verdana,arial,helvetica; font-size:10pt;  }*/
input, button { font-family:verdana,arial,helvetica; font-size:10pt;  }

.inv_title {font: 11px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color: #000000;}
.inv_body {font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color: #000000;}

.formfieldlook { background:#FFFFFF; border:1px solid #808080; width: 165; }

.formfieldlookoffset { background:#FFFFFF; border:1px solid #808080; width: 137; }
.formfieldlookoffseterror { background:#FF3333; border:1px solid #808080; width: 137; }
.formfieldlookhalf{ background:#FFFFFF; border:1px solid #808080; width: 60; }
.formfieldlookhalfseterror { background:#FF3333; border:1px solid #808080; width: 65; }
.datefieldlook { background:#FFFFFF; border:1px solid #808080; width: 120; }
.listlook { background:#FFFFFF; border:1px solid #808080; width: 200; }
.buttonlook {
  border: 1px solid #000000;
  margin: 2px;
  font-family: Verdana;
  font-weight: normal;
  font-size: 12px;
  /*background: #EEF0F2;*/
}
.formfieldlookerror { background:#FFFFFF; border:1px solid #FF3333; width: 165; }
.formselectlookerror { background:#FF3333; border:1px solid #FF3333; width: 137; }
.addresslistlook { background:#FFFFFF; border:1px solid #808080; width: 250; }

/* cjt */

/* TODO update checkErrorStyleCjt */
.addresslistlookcjt {
  background:#FFFFFF;
  border:1px solid #808080;
  width: 92%;
  /*-webkit-appearance: none;*/  /*Removes default chrome and safari style*/
  /*-moz-appearance: none;*/ /* Removes Default Firefox style*/
  /*font-family: Verdana;
  font-weight: normal;
  font-size: 10px;*/
}

.formfieldlookcontactname { background:#FFFFFF; width: 98%; }
.formfieldlookcontactnameerror { background:#FF3333; width: 98%; }
.formfieldlookcontactphone { background:#FFFFFF; width: 98%; }
.formfieldlookcontactphoneerror { background:#FF3333; width: 98%; }
.formfieldlookcontactemail { background:#FFFFFF; width: 98%; }
.formfieldlookcontactemailerror { background:#FF3333; width: 98%; }
.formfieldlookcontactclientref { background:#FFFFFF; width: 98%; }
.formfieldlookcontactclientreferror { background:#FF3333; width: 98%; }
.formfieldlookreadyduetime { background:#FFFFFF; width: 90%; border:1px solid #808080; }
.formfieldlookreadyduetimeerror { background:#FF3333; width: 90%; border:1px solid #808080; }

.formfieldlookcbaddupd { background:#FFFFFF; width: 75px; }
/* .formfieldlookcompanyname { background:#FFFFFF; width: 82%; } */
/*.formfieldlookcompanyname { background:#FFFFFF; width: 348px; }*/
.formfieldlookcompanyname { background:#FFFFFF; width: 92%; }
.formfieldlookcompanynameerror { background:#FF3333; width: 92%; }
.formfieldlooksuite { background:#FFFFFF; width: 12%; }
.formfieldlooksuiteerror { background:#FF3333; width: 12%; }
.formfieldlookstreet { background:#FFFFFF; width: 46%; }
.formfieldlookstreeterror { background:#FF3333; width: 46%; }
.formfieldlookcity { background:#FFFFFF; width: 40%; }
.formfieldlookcityerror { background:#FF3333; width: 40%; }
.formfieldlookprovcountry {
  background:#FFFFFF;
  width: 40%;
  border:1px solid #808080;
  /*-moz-appearance: none;*/ /* Removes Default Firefox style*/
}
.formfieldlookprovcountryerror {
  background:#FF3333;
  width: 40%;
  border:1px solid #808080;
  /*-moz-appearance: none;*/ /* Removes Default Firefox style*/
}
.formfieldlookpcode { background:#FFFFFF; width: 18%; }
.formfieldlookpcodeerror { background:#FF3333; width: 18%; }

.formfieldlookpudelcontactname { background:#FFFFFF; width: 33%; }
.formfieldlookpudelcontactnameerror { background:#FF3333; width: 33%; }
.formfieldlookpudelcontactphone { background:#FFFFFF; width: 32%; }
.formfieldlookpudelcontactphoneerror { background:#FF3333; width: 32%; }
.formfieldlookpudelcontactemail { background:#FFFFFF; width: 33%; }
.formfieldlookpudelcontactemailerror { background:#FF3333; width: 33%; }
.formfieldlooknotes { background:#FFFFFF; width: 98%; }
.formfieldlooknoteserror { background:#FF3333; width: 98%; }


/*.formfieldlookcontactname { background:#FFFFFF; border:1 solid #808080; width: 98%; }
.formfieldlookcontactnameerror { background:#FF3333; border:1 solid #808080; width: 98%; }
.formfieldlookcontactphone { background:#FFFFFF; border:1 solid #808080; width: 98%; }
.formfieldlookcontactphoneerror { background:#FF3333; border:1 solid #808080; width: 98%; }
.formfieldlookcontactemail { background:#FFFFFF; border:1 solid #808080; width: 98%; }
.formfieldlookcontactemailerror { background:#FF3333; border:1 solid #808080; width: 98%; }
.formfieldlookcontactclientref { background:#FFFFFF; border:1 solid #808080; width: 98%; }
.formfieldlookcontactclientreferror { background:#FF3333; border:1 solid #808080; width: 98%; }
.formfieldlookreadyduetime { background:#FFFFFF; border:1 solid #808080; width: 90%; }
.formfieldlookreadyduetimeerror { background:#FF3333; border:1 solid #808080; width: 90%; }

.formfieldlookcompanyname { background:#FFFFFF; border:1 solid #808080; width: 82%; }
.formfieldlookcompanynameerror { background:#FF3333; border:1 solid #808080; width: 81.8%; }
.formfieldlooksuite { background:#FFFFFF; border:1 solid #808080; width: 12%; }
.formfieldlooksuiteerror { background:#FF3333; border:1 solid #808080; width: 12%; }
.formfieldlookstreet { background:#FFFFFF; border:1 solid #808080; width: 46%; }
.formfieldlookstreeterror { background:#FF3333; border:1 solid #808080; width: 46%; }
.formfieldlookcity { background:#FFFFFF; border:1 solid #808080; width: 40%; }
.formfieldlookcityerror { background:#FF3333; border:1 solid #808080; width: 40%; }
.formfieldlookprovcountry { background:#FFFFFF; border:1 solid #808080; width: 40%; }
.formfieldlookpcode { background:#FFFFFF; border:1 solid #808080; width: 18%; }
.formfieldlookpcodeerror { background:#FF3333; border:1 solid #808080; width: 18%; }

.formfieldlookpudelcontactname { background:#FFFFFF; border:1 solid #808080; width: 33%; }
.formfieldlookpudelcontactnameerror { background:#FF3333; border:1 solid #808080; width: 33%; }
.formfieldlookpudelcontactphone { background:#FFFFFF; border:1 solid #808080; width: 32%; }
.formfieldlookpudelcontactphoneerror { background:#FF3333; border:1 solid #808080; width: 32%; }
.formfieldlookpudelcontactemail { background:#FFFFFF; border:1 solid #808080; width: 33%; }
.formfieldlookpudelcontactemailerror { background:#FF3333; border:1 solid #808080; width: 33%; }
.formfieldlooknotes { background:#FFFFFF; border:1 solid #808080; width: 98%; }
.formfieldlooknoteserror { background:#FF3333; border:1 solid #808080; width: 98%; }*/

/*.formfieldlooknumber { background:#FFFFFF; border:1 solid #808080; width: 5%; }
.formfieldlooknumbererror { background:#FF3333; border:1 solid #808080; width: 5%; }*/
/*.formfieldlooknumber { background:#FFFFFF; border:1 solid #808080; width: 11%; }
.formfieldlooknumbererror { background:#FF3333; border:1 solid #808080; width: 11%; }*/
.formfieldlooknumber { background:#FFFFFF; width: 30%; }
.formfieldlooknumbererror { background:#FF3333; width: 30%; }


.formfieldlookoffsetcjt { background:#FFFFFF; border:1px solid #808080; width: 40%; }
.formfieldlookoffseterrorcjt { background:#FF3333; border:1px solid #808080; width: 40%; }
/*.formfieldlookoffsetcjt { background:#FFFFFF; border:1px solid #808080; width: 98%; }
.formfieldlookoffseterrorcjt { background:#FF3333; border:1px solid #808080; width: 98%; }*/
.formfieldlookhalfcjt { background:#FFFFFF; border:1px solid #808080; width: 6%; }
.formfieldlookhalfseterrorcjt { background:#FF3333; border:1px solid #808080; width: 6%; }
.formfieldlookerrorcjt { background:#FFFFFF; border:1px solid #FF3333; width: 17%; }
.formselectlookerrorcjt { background:#FF3333; border:1px solid #FF3333; width: 14%; }

/* .formfieldlookadd_update_cb { background:#FFCCCC; border:1px solid #808080; width: 10%; } */


/* end of cjt */

.mini {font-size: 10px; color: #000000;}


  .TESTcpYearNavigation,
  .TESTcpMonthNavigation
      {
      background-color:#6677DD;
      text-align:center;
      vertical-align:center;
      text-decoration:none;
      color:#FFFFFF;
      font-weight:bold;
      }
  .TESTcpDayColumnHeader,
  .TESTcpYearNavigation,
  .TESTcpMonthNavigation,
  .TESTcpCurrentMonthDate,
  .TESTcpCurrentMonthDateDisabled,
  .TESTcpOtherMonthDate,
  .TESTcpOtherMonthDateDisabled,
  .TESTcpCurrentDate,
  .TESTcpCurrentDateDisabled,
  .TESTcpTodayText,
  .TESTcpTodayTextDisabled,
  .TESTcpText
      {
      font-family:arial;
      font-size:8pt;
      }
  TD.TESTcpDayColumnHeader
      {
      text-align:right;
      border:solid thin #6677DD;
      border-width:0 0 1 0;
      }
  .TESTcpCurrentMonthDate,
  .TESTcpOtherMonthDate,
  .TESTcpCurrentDate
      {
      text-align:right;
      text-decoration:none;
      }
  .TESTcpCurrentMonthDateDisabled,
  .TESTcpOtherMonthDateDisabled,
  .TESTcpCurrentDateDisabled
      {
      color:#D0D0D0;
      text-align:right;
      text-decoration:line-through;
      }
  .TESTcpCurrentMonthDate
      {
      color:#6677DD;
      font-weight:bold;
      }
  .TESTcpCurrentDate
      {
      color: #FFFFFF;
      font-weight:bold;
      }
  .TESTcpOtherMonthDate
      {
      color:#808080;
      }
  TD.TESTcpCurrentDate
      {
      color:#FFFFFF;
      background-color: #6677DD;
      border-width:1;
      border:solid thin #000000;
      }
  TD.TESTcpCurrentDateDisabled
      {
      border-width:1;
      border:solid thin #FFAAAA;
      }
  TD.TESTcpTodayText,
  TD.TESTcpTodayTextDisabled
      {
      border:solid thin #6677DD;
      border-width:1 0 0 0;
      }
  A.TESTcpTodayText,
  SPAN.TESTcpTodayTextDisabled
      {
      height:20px;
      }
  A.TESTcpTodayText
      {
      color:#6677DD;
      font-weight:bold;
      }
  SPAN.TESTcpTodayTextDisabled
      {
      color:#D0D0D0;
      }
  .TESTcpBorder
      {
      border:solid thin #6677DD;
      }


#header {width: 680px; margin: 10px auto; text-align: center;}

#main, #breadcrumb, #footer {width: 680px; margin: 15px auto; text-align: left;}
#main div.column {text-align: left; margin-bottom: 1em;}
#main p {margin: 0 0 1em 0;}
#main p.last {margin: 0;}
#main p.intro {font-weight: bold;}
#main .lite {color: #79767c;}
#main h1 {font-size: 24px; margin: 0 0 .1em 0;}
#main h2 {font-size: 16px; margin: 0;}
#main h3 {font-size: 12px; margin: 0;}
#main h4 {font-size: 10px; margin: 0;}
#main .more {text-align: right;}

#main a.pdf {background: url(/ids/images/globaliconpdf12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.html {background: url(/ids/images/globaliconhtml12x1220050802.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.qt {background: url(/ids/images/globaliconqt12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.ical {background: url(/ids/images/globaliconical12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.dl {background: url(/ids/images/globalicondl11x10.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.dmg {background: url(/ids/images/globalicondmg12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.zip {background: url(/ids/images/globaliconzip12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.keynote {background: url(/ids/images/globaliconkeynote12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.audio {background: url(/ids/images/globaliconaudio12x12.gif) left top no-repeat; display: block; padding-left: 20px;}

#main .subcolumn1-2 {float: left; width: 330px;}
#main .subcolumn2-2 {float: right; width: 330px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 {width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 {margin-right: 20px;}

#content {float: left; width: 450px;}

#content .subcolumn1-2 {float: left; width: 215px;}
#content .subcolumn2-2 {float: right; width: 215px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 {width: 135px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 {margin-right: 22px;}

#sidebar {float: right; width: 200px; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
#sidebar h2 {font-size: 12px; margin: 0;}
#sidebar h3 {font-size: 11px; margin: 0;}
#sidebar h4 {font-size: 10px; margin: 0;}

select#findastore {width: 200px;}

#main .box {border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}
#content .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 12px;}
#sidebar .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 11px;}

img.left {float: left; margin: 2px 10px 5px 0; border: 0;}
img.right {float: right; margin: 2px 0 5px 10px; border: 0;}
img.across {margin: 0 0 10px 0; border: 0;}

.showmac {display: none;}
.showwin {}

ul {list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.square {list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle {list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ol {list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li {padding-bottom: .3em;}
ul ul.circle {margin-top: .3em;}
ul ul.square {margin-top: .3em;}

ol.last {padding: 0;}
ul.last {padding: 0;}
dl.last {padding: 0;}

sup {vertical-align: baseline; font-size: 1em; color: #76797c;}

/*.sosumi {font-size: 14px !important; color: #76797c;}
.sosumicurrent {font-size: 14px !important; color: #EC5F2F;}*/
.sosumi {font-size: 14px !important;}
.sosumicurrent {font-size: 14px !important;}
ol.sosumi {margin-left: 0; padding-left: 1.5em; clear: both;}

#breadcrumb, #footer {text-align: center; clear: both;}
#breadcrumb {clear: both; font-size: 12px; padding: 1em 0;}

#footer {font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; border-top: 1px solid #a1a5a9; padding-top: 1em;}
#footer form {margin-bottom: 2em;}
#footer form input {vertical-align: bottom;}

div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}


























































.userlist_full {
height: 516px;
width: 300px;
overflow: auto;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 8px;
font-size: 16px;
color: #2a5e9d;
}

.signup_blurb {
height: 516px;
width: 375px;
overflow: auto;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 8px;
}

.spacer5 {
height: 5px;
padding: 0px;
}


.chat_text_me {
font-size: 16px;
color: #000000;
}

.signupdiv {
height: 516px;
width: 500;
overflow: auto;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 8px;
}



.borderless {
background:;
border:0px none;
overflow: auto;
}

.td_small {
font-family: arial;
font-size: 10px;
color: #496b91;

}

.bordered
{
background: #FFFFFF;
border: 1px #2a5e9d solid;
font-family: arial;
font-size: 10px;
color: #496b91;
overflow: auto;

}


.gps {background-color:#ffffff;font-weight:bold;white-space:nowrap;border:1px #006699 solid; padding: 2px 5px 2px 5px; }
.random {background-color:#8BA870;font-weight:bold;border:1px #006699 solid; padding: 2px 5px 2px 5px; }
.lastlocation {background-color:#f0f0f0;font-weight:bold;border:1px #006699 solid; padding: 2px 5px 2px 5px; }



















#CentralPart
{
        width: 900px;
        margin-left: 2px;
        clear: both;
        padding-top: 5px;
}

#Shadow
{
    width: 904px;
        margin-left: auto;
        margin-right: auto;
        background: url('img/shadow.gif') repeat-y top left;
}





.heading_left
{
        padding-top: 10px;
        padding-left: 50px;
        padding-bottom: 17px;
        font-family: arial;
        font-size: 12px;
        color: #496b91;
}


input[type=text]
{
/*         color: #2a5e9d; */
/*         background: #EEF0F2; */
/*         border: 1px solid #2a5e9d; */
        /*margin: 2px 2px 2px 2px;*/
        font-family: Verdana;
        font-weight: normal;
        font-size: 12px;
	height: 18px;
	/* cjt Added to remove borders */
	border: none;
	outline: none;
	outline-offset: 0;
	-webkit-appearance: none;

}

input[type=checkbox] {
  vertical-align: middle;
  width:14px;
  height:18px;
  overflow:hidden;
  margin: 0 0 0 0;
  background: #FFFFFF
}


/* from http://cssdeck.com/labs/styling-select-box-with-css3 */
select {
    /*padding:3px;*/
    margin: 0;
    /*-webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;*/
/*     -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; */
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
/*     color:#888; */
    color:#000000
    border:none;
    outline:none;
    display: inline-block;
    /*-webkit-appearance:none;*/
    /*-moz-appearance:none;*/
    appearance:none;
    cursor:pointer;
}

#selectootw/*.select*/
{
/* color: #2a5e9d; */
/* background: #EEF0F2; */
/* border: 1px solid #2a5e9d; */
  margin: 2px 2px 2px 2px;
  font-family: Verdana;
  font-weight: normal;
  /*font-size: 12px;*/
  /*font-size: 10px;*/
  font-size: 9px;
  /* cjt Added to remove borders */
/*   padding: 0 0 0 0; */
  /*border: none;*/
  /*border: 0px;
  outline: none;
  outline-offset: 0;
  -webkit-appearance: none;*/
  height: 18px;
  vertical-align: middle;
}

.option {
  font-family: Verdana;
  font-weight: normal;
  /*font-size: 12px;*/
  /*font-size: 10px;*/
  font-size: 9px;
  padding: 0 0 0 0;
}


.submit input
{
        color: #ffffff;
        margin-left: 70px;
        background: #2a5e9d;
        border: 2px outset #2a5e9d;
}

.a {
  height: 18px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}






.scroll {
height: 300px;
width: 350px;
overflow: auto;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 8px;
}

.chat {
height: 100px;
width: 350px;
overflow: scroll;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 8px;
}

.chat_entry {
height: 28px;
width: 350px;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 8px;
}

.mapdiv {
height: 516px;
width: 575px;
overflow: auto;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 8px;
}



.scroll_big {
height: 390px;
width: 350px;
border: 1px solid #666;
background-color: #FFFFFF;
overflow: auto;
padding: 8px;
position:relative;
left: -300px;
}

.chat_big {
height: 273px;
width: 350px;
overflow: scroll;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 8px;
position:relative;
left: -300px;
}

.chat_entry_big {
height: 28px;
width: 350px;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 8px;
position:relative;
left: -300px;
}

.mapdiv_big {
height: 780px;
width: 1150px;
overflow: auto;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 8px;
position:relative;
left: -300px;
}


/* # tooltips */
.tooltip {
  position:relative;
  z-index:24;
  background-color:#FFFFFF;
  color:#000000;
  text-decoration:none;
}

.tooltip:hover {
  z-index:25;
  background-color:#ff0;
}

.tooltip span {
  display: none;
}

.tooltip:hover span {
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
}


.addresslist_full {
height: 330px;
width: 600px;
overflow: auto;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 1px;
font-size: 12px;
color: #2a5e9d;
}

.grouplist_full {
height: 175px;
width: 600px;
overflow: auto;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 1px;
font-size: 12px;
color: #2a5e9d;
}

.addresslist_edit {
height: 516px;
width: 350px;
overflow: auto;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 1px;
font-size: 12px;
color: #2a5e9d;
}

.shippingaddressselect {
background:#FFFFFF;
border:1px solid #808080;
width:165px;
}

#shippingaddressselect {
background:#FFFFFF;
border:1px solid #808080;
width:165px;
}

#shippingaddressselect option {
width:165px;
}

.shippingaddressselect option {
width:165px;
}




.trigger{
  cursor:pointer;
  font-family:"trebuchet ms",verdana,sans-serif;
  padding-left: 50px;
  color: #496b91;
  font-size: 12px;
}
.trigger img{border:none;padding-right:.5em;}
.trigger:hover{
  cursor:pointer;
  background:#ddf;
}
.expanded{
  background:#ccf;
  cursor:pointer;
  font-family:"trebuchet ms",verdana,sans-serif;
  padding-left: 50px;
  color: #496b91;
  font-size: 12px;
}
.expanded:hover{
  background:#eef;
  cursor:pointer;
  font-family:"trebuchet ms",verdana,sans-serif;
  padding-left: 50px;
  color: #496b91;
  font-size: 12px;
}
.expanded img{border:none;padding-right:.5em;}

.show{
 position:static;
 display: table;
}
.hide{
  position:absolute;
  left:-999em;
  height:1px;
  width:100px;
  overflow:hidden;
}

/* cjt Pieces for WebTools */

#main_form {
  /*background-color:F5F5F5;*/
/*   background-color:CCCCCC; */
  width:1000px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#main_table {
  /*background-color:F5F5F5;*/
/*   background-color:CCCCCC; */
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 1000px;
  text-align: center;
  vertical-align: top;
  /*cellspacing: 0px;
  cellpadding: 0px;*/
  /*border-width: 1;
  border-color: black;
  border-style: outset;*/
  border-spacing: 0px;
  border: 1px solid black;
}

#div_reseller_branding {
  /*float:left;*/
  float:top;
  width:350px;
  height:80px;
/*   background-color:CCCCCC; */
  background-color:FFFFFF;
/*   background-color:FFFFCC; */
  /*background-color:F5F5F5;*/
/*   background-color:CCFF00; */
}
#div_trip_who_when {
  /*float:left;*/
  width:500px;
  height:80px;
/*   background-color:CCCCCC; */
/*   background-color:FFCCCC; */
  /*background-color:FFFAFA;*/
/*   background-color:99FF00; */
}
#div_charges {
  /*float:left;*/
  float:top;
  vertical-align:top;
  width:150px;
/*   background-color:CCCCCC; */
/*   background-color:CCFFFF; */
  /*background-color:F5FFFA;*/
/*   background-color:FFFF00; */
  overflow-y:scroll;
  /*height:100%;*/
  /*height:280px;*/
  /*height:270px;*/
/*   height:316px; */
  height:300px;
}
#div_charges_test {
  /*float:left;*/
  float:top;
  vertical-align:top;
  width:150px;
/*   background-color:CCCCCC; */
/*   background-color:CCFFFF; */
  /*background-color:F5F5F5;*/
/*   background-color:FFFF00; */
  overflow:hidden;
  overflow-y:scroll;
  /*height:100%;*/
  /*height:200px;*/
  height:190px;
}
#div_pickup {
  /*position:relative;
  left:0px;
  float:top;*/
  width:425px;
/*   background-color:CCCCCC; */
/*   background-color:FFFFCC; */
  /*background-color:FFF5EE;*/
  /*background-color:3399FF;*/
}
#div_delivery {
  /*float:left;*/
  width:425px;
/*   background-color:CCCCCC; */
/*   background-color:FFFFCC; */
/*   background-color:FFF5EE; */
  /*background-color:9999CC;*/
}
#div_package_details {
  width:850px;
/*   background-color:CCCCCC; */
/*   background-color:CCFFFF; */
  /*background-color:F5FFFA;*/
  /*background-color:CC9999;*/
}
#div_package_details_new {
  width:1000px;
/*   background-color:CCCCCC; */
/*   background-color:CCFFFF; */
/*   background-color:F5FFFA; */
  /*background-color:CC9999;*/
}
#div_package_details_top {
  width:150px;
/*   background-color:CCCCCC; */
/*   background-color:F5F5F5; */
  /*background-color:3399FF;*/
}

#div_buttons {
  width:850px;
/*   background-color:CCCCCC; */
/*   background-color:F5F5F5; */
  /*background-color:FFCCFF;*/
}
#div_buttons_new {
  width:1000px;
/*   background-color:CCCCCC; */
/*   background-color:F5F5F5; */
  /*background-color:FFCCFF;*/
}

#div_frame {
  border:solid 1px black;
  display:inline-block;
}

#div_old_form {
  clear:both;
}

#ul_scroll {
  /*min-height:200px;
  height:200px;*/
  min-height:150px;
  height:150px;
  max-height:auto;
  overflow:hidden;
  overflow-y:scroll;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* This is set in shipping.jsp so that the background can be overridden.
form tr td {
  padding: 0 0 0 0;
  background: #E3E3E3;
}
*/

textarea {
/*   border: 1px solid #cccccc; */
  border:0px;
  padding: 0 0 0 0;
  resize: none;
  overflow: auto;
}

/* Needed for chrome */
.header_table {
  border-collapse:collapse;
  border-spacing:0;
  border: none;
}

/* css for menu
  From:
  http://www.dynamicdrive.com/style/csslibrary/item/clean_arrow_underline_menu/
 */
ul.arrowunderline{
list-style-type:none;
margin:0;
padding:0;
text-align:center; /* enter "left", "right", or "center" to orient the menu accordingly */
/*font: bold 16px Georgia;*/
font-size: 14px !important;
}

ul.arrowunderline li{
display:inline;
margin-right:15px;
/*margin-right:25px;*/ /* spacing between each menu item */
}

ul.arrowunderline li a{
position:relative;
color:black;
padding-bottom:8px; /*spacing between each menu item and arrow underline beneath it */
/*text-decoration:none;*/ /* Turns off link underline */

}

ul.arrowunderline li a:hover{
  border-bottom:3px solid black;
/*border-bottom:3px solid purple;*/ /* style of arrow underline */
}

ul.arrowunderline li a:hover:after{ /* use CSS generated content to add arrow to the menu */
content:'';
width:0;
height:0;
position:absolute;
left:50%;
margin-left:-5px; /* value should match border-width below */
bottom: 0;
border-width:5px; /* value should match margin-left above */
border-style:solid;
border-color: transparent transparent black transparent;
/*border-color: transparent transparent purple transparent;*/ /* create up arrow */
}

/* Trying to override the input style outside of shipping.jsp */
input.hasborders {
  border-width: 1px;
  border-style:solid;
  border-color:#808080;
  width: 120px;
}

input.hasborders165 {
  border-width: 1px;
  border-style:solid;
  border-color:#808080;
  width: 165px;
}

/*.class {
  outline-color:#FF0;
}*/

/*.focus {
  border: 1px solid red;
}*/

/* Use these to colour the placeholders */
/*::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { *//* Firefox 18- */
/*   color: red;
}

::-moz-placeholder {*/  /* Firefox 19+ */
/*   color: red;
}

:-ms-input-placeholder {
   color: red;
}*/

/* End of cjt Pieces for WebTools */