body {margin: 0; padding: 0; background: #fff; text-align: center; font: 12px '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;  }

.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:1 solid #808080; width: 165; }

.formfieldlookoffset { background:#FFFFFF; border:1 solid #808080; width: 137; }
.formfieldlookoffseterror { background:#FF3333; border:1 solid #808080; width: 137; }
.formfieldlookhalf{ background:#FFFFFF; border:1 solid #808080; width: 60; }
.formfieldlookhalfseterror { background:#FF3333; border:1 solid #808080; width: 65; }
.datefieldlook { background:#FFFFFF; border:1 solid #808080; width: 120; }
.listlook { background:#FFFFFF; border:1 solid #808080; width: 200; }
.buttonlook {  }
.formfieldlookerror { background:#FFFFFF; border:1 solid #FF3333; width: 165; }
.formselectlookerror { background:#FF3333; border:1 solid #FF3333; width: 137; }
.addresslistlook { background:#FFFFFF; border:1 solid #808080; width: 250; }

.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;}
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: 12px;
color: #496b91;

}

.bordered
{
background: #FFFFFF;
border: 1px #2a5e9d solid;
font-family: arial;
font-size: 12px;
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, select
{
        color: #2a5e9d;
        background: #EEF0F2;
        border: 1px solid #2a5e9d;
        margin: 2px 2px 2px 2px;
        font-family: Verdana;
        font-weight: normal;
        font-size: 12px;

}

.submit input
{
        color: #ffffff;
        margin-left: 70px;
        background: #2a5e9d;
        border: 2px outset #2a5e9d;
}







.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:1 solid #808080;
width:165px;
}

#shippingaddressselect {
background:#FFFFFF;
border:1 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;
}
