html{ text-align:center; width:100%; height:100%; font-family:verdana; font-size:62.5%}
body{ margin:0 auto; padding:0; font-size:1.2em; background:#d3e1f9}
a, a:link, a:visited{ color:#54788C; text-decoration:none}
a:hover{ text-decoration:underline}
img{ border:none}
form{ margin:0; padding:0}
.hint{ color:#999}
.hint:hover{ color:#555}
.hand{ cursor:pointer}
img.icon{ border:none; vertical-align:middle; padding:3px}
.controls{ float:right}
#content .bold{ font-weight:700; color:#000}
#wrapper{ display:block}
.bound{ margin:0 auto; width:95%; min-width:900px; text-align:left}
#header, #footer, #content{ float:left; width:100%}
#header{ height:60px; background:url(images/header_bg.jpg) repeat-x top #fff; padding: 5px 0 0}
#header a, #header a:link, #header a:visited{ color:#009}
#header h1{ margin:10px 0 0; padding:0; float:left; font-family:arial}
#header h1 a,#header h1 a:link, #header h1 a:visited{ color:#333}
#header span.alpha{ font-size:0.8em; font-weight:500; margin:15px 0 0 5px; color:#080; float:left}
#logout{ padding:0 0 0 15px}
#header #current_client{ margin:12px 0 0 30px; padding:0; float:left; font-family:arial; font-size:2.2em; color:#555}
#header #login_logout{ float:right; clear:none; margin:5px 0 0}
#header #mini_nav{ float:left; clear:both; margin:8px 0 0}
#content .bound{ background:#fff; width:90%; border: thin solid #3b608f; border-width: 1px}
#content .section{ margin: 5px 0 10px; float:left; clear:both; width:100%}
#content #inner_content{ padding:5px 1% 10px; width:98%}
#content input{ }
#content h1, #content h2, #content h3{ font-size: 1.4em; color:#000; padding:0; margin:0 0 5px 0}
#content h2{ padding: 5px 0 5px 5px; background:#3b608f; color:#fff}
#content h2 span a, #content h2 span a:link{ background:#f0f0f0; border:thin solid #aaa; border-width:1px; padding:3px; float:right; margin:-1.65em 4px 0; font-size:.8em; color:#555}
#content h2 span a:hover{ background:#555; color:#fff; text-decoration:none}
#content h6{ padding:0; margin:0 0 2px; font-size:1.2em; font-weight:500}
   #nav_section{ float:left; width:100%; clear:both; background:url(images/menu_bg.jpg) repeat-x #FFF; border-top:thin solid #008bce; border-width:1px; margin:0 0 20px 0}
ul.main_nav, ul.secondary_nav{ float:left; margin:0; padding:0 10px 2px; list-style:none; width:100%}
ul.main_nav{ height:29px}
ul.secondary_nav{ margin:5px 0px; height:18px}
ul.main_nav li, ul.secondary_nav li{ float:left; display:inline; margin:0 4px 0 0; padding:0}
ul.main_nav li a{ float:left; display:inline-block; padding:7px 5px 0px; color:#FFF; font-weight:700; height:22px}
ul.secondary_nav li a{ color:#666666; margin:0 10px 0 0; padding:0 0 10px 0}
ul.main_nav li.last{ }
ul.main_nav li.bold a{ }
ul.main_nav li a:hover{ background:url(images/menu_hover.gif) repeat-x}
ul.main_nav li.selected a {background:url(images/menu_selected.gif) repeat-x center bottom}
ul.secondary_nav li.selected a{ font-weight:700}
.admin_controls{ padding:7px; margin:5px 0; background:#FFFFC1}
.admin_controls p{ margin:4px 0 0; padding:0}
#footer{ padding:10px 0; margin:15px 0 0}
#footer .bound{ text-align:center}
 .digg_pagination {background: white;  }
.digg_pagination a, .digg_pagination span {padding: .2em .5em; display: block; float: left; margin-right: 1px}
.digg_pagination span.disabled {color: #999; border: 1px solid #DDD}
.digg_pagination span.current {font-weight: bold; background: #2E6AB1; color: white; border: 1px solid #2E6AB1}
.digg_pagination a {text-decoration: none; color: #105CB6; border: 1px solid #9AAFE5}
.digg_pagination a:hover, .digg_pagination a:focus {color: #003; border-color: #003}
.digg_pagination .page_info {background: #2E6AB1; color: white; padding: .4em .6em; width: 37em; margin-bottom: .3em; text-align: center}
.digg_pagination .page_info b {color: #003; background: #6aa6ed; padding: .1em .25em}
.digg_pagination:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html .digg_pagination {height: 1%}
*:first-child+html .digg_pagination {overflow: hidden}
  div.datePicker {position:absolute; min-width:24em; width:24em; z-index:9999; text-align:center;  font:900 0.8em/0.8em Verdana, Sans-Serif;   background:transparent;  -moz-user-select:none; -khtml-user-select:none}
 div.staticDP {position:relative; top:5px; left:0}
 iframe.iehack {position:absolute; background:#fff; z-index:9998; padding:0; border:0; display:none; margin:0}
 a.date-picker-control:link, a.date-picker-control:visited, a.date-picker-control:hover, a.date-picker-control:active, a.date-picker-control:focus {  display: -moz-inline-stack; border:0 none; padding:0; margin:0 0 0 4px; background:transparent url(/images/datepicker/cal.gif) no-repeat 50% 50%; min-width:16px; line-height:1; cursor:pointer; visibility:visible; text-decoration:none; vertical-align:middle}
 * html a.date-picker-control {width:16px}
a.date-picker-control { display:inline-block}
a.date-picker-control span {display:block; width:16px; height:16px; margin:auto 0}
 div.datePicker th span {display:inline; padding:0; margin:0; color:#000; text-align:center; line-height:1em; border-width:0; font-family: georgia, times new roman, palatino, times, bookman, serif; background:transparent; font-weight:bold; cursor:pointer}
div.datePicker th span.month-display, div.datePicker th span.year-display {text-transform:uppercase; letter-spacing:1px; font:normal 1.2em Verdana, Sans-Serif; cursor:default}
div.datePicker th span.prev-but, div.datePicker th span.next-but {font-size:1.8em; cursor:pointer !important}
div.datePicker th span.today-but {text-align:center; margin:0 auto; font:normal 1em Verdana, Sans-Serif; width:100%; text-decoration:none; line-height:1.6em; text-transform:uppercase; cursor:pointer !important }
div.datePicker thead th span.fd-disabled {color:#aaa; cursor:default !important}
 div.datePicker th span.fd-day-header {text-align:center; margin:0 auto; font:900 1em Verdana, Sans-Serif; height:1.4em; width:2em; text-decoration:none; text-transform:lowercase; line-height:1.4em}
 div.datePicker table {position:relative; margin:0; padding:0; border:1px solid #ccc; background:#fff url(/images/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px; text-align:center; width:100%; border-spacing:2px; table-layout:fixed; border-collapse:separate}
 div.datePicker table td {border:1px solid #ccc; padding:0; text-align:center; vertical-align:middle;  line-height:1.2em; cursor:pointer; background:#fff url(/images/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px; width:3em; height:3em !important; height:2.8em; outline:none}
div.datePicker table th {border:0 none; padding:0; line-height:1em; font-weight:bold; color:#222; text-align:center; vertical-align:middle}
div.datePicker table td.date-picker-unused {background:#fff url(/images/datepicker/backstripes.gif); border-color:#dcdcdc; padding:0; cursor:default !important}
div.datePicker table thead th.date-picker-title {width:auto; height:auto; padding:0.4em 0}
 div.datePicker table th.date-picker-day-header {text-transform:lowercase; width:3em}
div.datePicker table th.date-picker-day-header span {display:block}
 div.datePicker table td.date-picker-today {background:#fff url(/images/datepicker/bullet2.gif) no-repeat 0 0; color:rgb(100,100,100) !important}
 div.datePicker table td.date-picker-selected-date {color:#333 !important; border-color:#333 !important}
 td.date-picker-highlight {color:#a86666}
 div.datePicker table td.out-of-range {color:#ccc !important; font-style:oblique; background:#fcfcfc !important; cursor:default !important}
 div.datePicker table td.day-disabled {color:#aaa !important; background:transparent !important; cursor:default !important}
 div.datePicker table tbody td.date-picker-hover {background:#fff url(/images/datepicker/bg_header.jpg) no-repeat 0 0; cursor:pointer; border-color:rgb(100,130,170); color:rgb(100,130,170)}
  * html div.datePicker table td {background-image:none}
* html div.datePicker table td.date-picker-unused {background:#f2f2f2}
fieldset{ border:thin solid #E4EFF7; border-width:1px; padding:5px 5px 0; margin-bottom:5px}
fieldset.required{ border: thin solid #aaa; border-width: 1px}
fieldset .light{ background:#fff}
fieldset .dark{ background:#f0f0f0}
fieldset ol{ list-style:none; padding:0; margin:0; width:100%}
fieldset ol li{ width:98%; padding:2px 1%; margin:1px 0}
fieldset li input{  }
fieldset li label{ float:left; clear:left; width:14.5em; text-align:right; padding: 0 10px 0 0; line-height:1.7em; font-size:1.1em}
fieldset li label.inline{ float:none; clear:none; width:auto; text-align:left; padding:0}
fieldset span.label{ line-height:2}
fieldset.submit{ background:transparent; padding:5px 0; margin:10px 0 0; text-align:center}
fieldset.submit input{  }
 #lightview {position: absolute; top: 50%; left: 50%; height: 150px; width: 150px; margin: -75px 0 0 -75px; padding: 0; text-align: left}
 .lv_Container {position: relative; width: 100%; height: 100%; background: none; padding: 0; margin: 0}
.lv_Button {cursor: pointer; text-decoration: none; border: none; background: none; margin: 0; padding: 0}
 .lv_Sides {position: absolute; top: 50%; left: 0; clear: both; width: 100%; padding: 0; margin: 0}
.lv_Sides * {padding: 0; margin: 0}
.lv_Sides li {list-style-type: none; position: relative}
.lv_PrevSide {float: left}
.lv_NextSide {float: right}
.lv_Sides .lv_Wrapper {width: 100%; height: 100%; cursor: pointer}
.lv_Sides .lv_Button {float: left; background: none}
 .lv_Frames {width: 100%; height: 100%; position: relative; padding: 0; margin: 0}
.lv_Frames li {list-style-type: none; margin: 0; padding: 0}
.lv_Frame {width: 100%; display: block}
.lv_Frame * {padding: 0; margin: 0}
.lv_FrameTop {position: absolute; left: 0; width: 100%; display: block}
.lv_FrameBottom {position: relative; float: left; clear: both}
.lv_Liquid {position: relative; float: left; width: 100%; overflow: hidden; clear: both}
.lv_Liquid .lv_Filler {position: absolute; height: 100%; width: 2px; top: 0; left: 50%}
.lv_Half {display: block; height: 100%; clear: both; line-height: 0px}
.lv_Half li {list-style-type: none}
.lv_Corner {float: left; position: relative}
.lv_CornerTr, .lv_CornerBr {float: right}
.lv_Fill {position: absolute; top: 0; width: 100%; height: 100%}
.lv_Half .lv_CornerWrapper {float: left; position: relative; width: 50%; height: 100%; overflow: hidden}
.lv_HalfRight .lv_CornerWrapper {float: right}
.lv_Corner {position: relative}
.lv_Corner canvas {position: relative}
.lv_HalfLeft .lv_Corner {float: left}
.lv_HalfRight .lv_Corner {position: relative; float: right}
 .lv_Center {position: relative; clear: both; height: 100%; overflow: hidden; background: none; padding: 0; margin: 0}
.lv_WrapUp {position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0}
.lv_WrapDown {position: relative; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0}
.lv_WrapCenter {position: relative; padding: 0; margin: 0}
 .lv_Loading {position: absolute; top: 50%; left: 50%}
.lv_Loading .lv_Button {float: left; height: 100%; width: 100%}
.lv_MediaWrapper {position: relative; width: 100%; display: block; overflow: hidden; clear: both; padding: 0; margin: 0}
.lv_MediaWrapper img {position: relative; float: left; padding: 0; margin: 0}
 .lv_PrevNext {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0}
.lv_PrevNext * {padding: 0; margin: 0}
.lv_PrevNext .lv_Button {position: relative; height: 100%}
.lv_PrevButton {float: left}
.lv_NextButton {float: right}
 .lv_MenuBar {clear: both; position: relative; width: 100%; font: 11px Arial, Helvetica, sans-serif; color: #7a7a7a; padding: 0; margin: 0; text-align: left}
.lv_MenuBar * {padding: 0; margin: 0;}
.lv_Close {position: relative; float: right; overflow: hidden; width: 100%; height: 100%}
.lv_Data {position: relative; float: left; padding-bottom: 3px; line-height: 13px; overflow: hidden}
 .lv_Data li {list-style-type: none; float: left; margin-top: 3px}
.lv_DataText {width: 100%}
.lv_DataText .lv_Title {font-weight: bold; margin-bottom: 2px}
.lv_DataText .lv_Caption {clear: both}
.lv_Data .lv_ImgNumber {color: #a7a7a7; margin-right: 5px; margin-top: 5px}
.lv_Data .lv_innerPrevNext, .lv_Data .lv_Slideshow {position: relative; border-left: 1px solid #d7d7d7; padding: 0 5px; margin-top: 5px; vertical-align: middle}
.lv_Data .lv_Slideshow {padding-right: 0px}
.lv_Data .lv_innerPrevNext .lv_Button, .lv_Data .lv_Slideshow .lv_Button { float: left; background-position: center left; background-repeat: no-repeat}
 .lv_contentTop, .lv_contentBottom {position: relative; float: left; margin: 0; padding: 0; clear: both}
#lightview iframe {float: left; border: 0; clear: both; padding: 0; margin: 0; background: none}
 .lv_topButtons {position: absolute; left: 0; width: 100%; overflow: hidden; margin: 0; padding: 0}
.lv_topcloseButtonImage {cursor: pointer}
 #lightviewError p {padding: 0 0 10px 0}
#lightviewError div {padding: 6px; font: 11px Arial, Helvetica, sans-serif}
#lightviewError .message {background: #fcb5b5; color: #dd1f1f; margin-bottom: 3px}
#lightviewError .type {font-weight: bold}
#lightviewError .pluginspage {background: #b5fcbd; color: #21be30}
#lightviewError a, #lightviewError a:hover, #lightviewError a:visited {color: #21be30; text-decoration: none; background: none; font-weight: bold; border-bottom: 1px solid #7de689}
#lightviewError p {margin-left: 0; padding: 0}
#lv_overlay {position: absolute;  top: 0; left: 0; height: 100%; width: 100%}
 #lightviewController {position: fixed; bottom: 0; top: 0; left: 50%; margin: 0; padding: 0; color: #d2d2d2; font: 11px Arial, Helvetica, sans-serif}
* html body #lightviewController { position: absolute; top: auto; margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px')}
#lightviewController ul {display: block; height: 100%; float: left; margin: 0; padding: 0; position: relative}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {list-style-type: none; float: left; display: block; position: relative; clear: both; overflow: hidden; margin: 0; padding: 0}
.lv_controllerCenter {width: auto; float: left}
.lv_controllerCornerWrapper {position: absolute; width: 100%; height: 100%; margin: 0; padding: 0}
.lv_controllerCornerWrapperTopLeft, .lv_controllerCornerWrapperBottomLeft {top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight, .lv_controllerCornerWrapperBottomRight {top: 0; left: 100%;}
#lightviewController .lv_CornerWrapper {width: 100%}
#lightviewController .lv_Corner {float: left}
#lightviewController .lv_Corner {float: right; position: relative}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr {float: left}
.lv_controllerBetweenCorners {position: relative; height: 100%; overflow: hidden}
.lv_controllerMiddle {position: relative; height: 100%; float: left}
.lv_controllerCenter {float: left; width: auto;}
.lv_controllerCenter li {list-style-type: none; float: left; display: inline; position: relative; clear: none}
.lv_controllerSetNumber {float: left; text-align: center}
#lightviewController .lv_Button {float: left; position: relative; height: 100%; clear: none}
.lv_controllerSetNumber {position: relative; height: 100%; padding-right: 3px}
.lv_controllerPrev, .lv_controllerNext, .lv_controllerSlideshow, .lv_controllerClose {float: left; position: relative; height: 100%; padding-left: 3px}
.lv_controllerPrev {border-left: 1px solid #3c3c3c}
#lightviewController .lv_controllerNext {padding-right: 3px; border-right: 1px solid #3c3c3c}
* html #lightview { position: absolute; margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px'); margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px')}
 html #lv_overlay {position: absolute; height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' ); width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' )}
 #flash_notice, #flash_warning, #flash_error{ float:left; width:100%; margin:0 0 15px; padding:9px 0; background:#00CC00; color:#fff; font-weight:700}
#flash_warning{ background: #A80000}
#flash_error{ background:#CC0000}
 body #errorExplanation {border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0}
body #errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 10px 15px; font-size: 12px; background-color: #c00; color: #fff; width:auto}
body #errorExplanation p {color: #000; margin-bottom: 0; font-size:1.1em; padding: 5px}
body #errorExplanation ul{ padding:0; margin:0 0 0 20px}
body #errorExplanation ul li {font-size: 12px; list-style: square; color:#333; padding: 2px 0}
body .fieldWithErrors input, .fieldWithErrors textarea{ padding: 2px; border:1px solid #F00; background:#FFBBBB}
body .fieldWithErrors label{ color:#f00}
 #aux_bar{ }
#aux_bar .sort{ float:right; margin:1px 1px 0 0}
#aux_bar .selectors{ float:right; width:102%; text-align:right; clear:both; padding:3px; margin:5px -11px -5px -20px; background:#C5DAFE}
#aux_bar .selectors a{ margin:0 0 0 10px}
.table_heading{ background:#a3c6fe; width:98%; padding:5px 1%; color:#555; overflow:hidden;  }
.table_heading a{ color:#333; text-decoration:underline}
table{ padding:0; margin:0px 0 10px; border:thin solid #eee; width:100%; border-width:1px; border-collapse:collapse}
table tr.light{ background:#FFF}
table tr.dark{ background:#FFF}
table tr.selected{ background:#f0f0f0}
table th{ text-align:center; background:url(images/contact_th.jpg) repeat-x #E1EDFB; padding:4px 3px 5px; color:#444; border-bottom:thin solid #3B608F; border-right:thin solid #eee; border-width:1px}
table tr:hover{ background:#ffd}
table td{ text-align:left; padding:3px; border-right:thin solid #eee; border-top:thin solid #eee; border-width:1px}
table .details, table .edit, table .delete{ border-right:none; text-align:center}
table th.details, table th.edit, table th.delete{ padding:4px 1px 5px; width:40px}
table td.selector{ text-align:center}
table td p{ margin:0; padding:0 0 5px}
table th.selector{ width:40px}
table th.email{ width:300px}
table th.phone{ width:150px}
table th.first_name, table th.last_name{ width:100px}
table tr.show_details {}
table tr.show_details div{ width:30%; padding: 5px 1%; float:left}
dl.panels{ float:left; width:100%; margin:10px 0 10px}
dl.panels dt{ float:left; width:47%; padding:0 1%}
h3.smaller{ font-size:0.9em}
#content h3.header{ background:url(images/contact_th.jpg) repeat-x #E1EDFB; color:#444444; padding:4px 3px 5px; text-align:center; font-size:1.0em; border-bottom:1px solid #3B608F; margin-bottom: 1px}
ul.non-list{ list-style:none; padding:0; margin:0}
 .user{ border:thin solid #84C1FF; border-width:1px; margin:4px 0}
#content .user h3{ margin:0; padding:0 5px 4px; background: #84C1FF}
#content .user p{ padding:2px 5px; margin:0}
#content .user .admin_controls{ margin: 5px}
 .clients{ padding:10px 0}
.clients .light{ background:#eeffee}
.clients .dark{ background:#EEFFFF}
.client{ margin:0 0 5px; padding:5px; border:thin solid #aaa}
#content .client h3{ font-size:2.2em; margin:0; padding:0; font-family:arial}
#content .client h3 span{ color:#808080; font-weight:500}
#content .client h4{ font-size:1.3em; margin:5px 0 8px; padding:0}
.client p{ margin:3px 0}
.client ul{ margin:0 0 0 20px; list-style:square}
.client ul li{ margin:0 0 3px 0}
 table.contacts{ width:100%}
#content .contact h3{ font-size:1.2em; margin:0; padding:0}
#content .contact h3 span{ color:#808080; font-weight:500}
#content .contact p{ float:left; width:100%}
#content .contact b{ float:left; width:12em}
fieldset.search{ padding:0 10px 10px 10px; margin:0 0 10px 0}
fieldset.search legend{ font-size:1.4em; padding:0 0 10px}
 .divisions{ padding:10px 0; float:left; width:100%}
.divisions .light{ background:#eeffee}
.divisions .dark{ background:#EEFFFF}
.division{ margin:0 1% 5px; padding:1%; float:left; width:96%; border:thin solid #f0f0f0}
.division p{ padding:0; margin:2px 0}
#content .division h3{ font-size:1.2em; margin:0; padding:0}
#content .division h3 span{ color:#808080; font-weight:500}
 .opportunities{ padding:10px 0}
.opportunities .light{ background:#eeffee}
.opportunities .dark{ background:#EEFFFF}
.opportunity{ margin:0 0 5px; padding:5px; border:thin solid #f0f0f0}
#content .opportunity h3{ font-size:1.2em; margin:0; padding:0}
#content .opportunity h3 span{ color:#808080; font-weight:500}
 .custom_fields{ padding:10px 0; width:100%}
.custom_field{ margin:0; padding:5px; border:thin solid #f0f0f0}
 .segment_lists{ padding:10px 0; float:left; width:100%}
.segment_lists .light{ background:#eeffee}
.segment_lists .dark{ background:#EEFFFF}
#content .segment_list h3{ font-size:1.2em; margin:0; padding:0}
.segment_list p{ margin:0; padding:4px 0}
#content .segment_list h3 span{ color:#808080; font-weight:500}
 .segment_users{ padding:0 0 10px; margin:0}
.segment_users .light{ background:#eeffee}
.segment_users .dark{ background:#EEFFFF}
#segment_list_values {list-style-type: none; margin-left: 0px; padding-left: 0px}
#segment_list_values li .remove_nested { }
.segment_list_value{ margin:0 0 5px; padding:5px; border:thin solid #f0f0f0}
#content .segment_list_value h3{ font-size:1.2em; margin:0; padding:0}
#content .segment_list_value h3 span{ color:#808080; font-weight:500}
 .products{ padding:10px 0}
.products .light{ background:#eeffee}
.products .dark{ background:#EEFFFF}
.product{ margin:0 0 5px; padding:5px; border:thin solid #f0f0f0}
#content .product h3{ font-size:1.2em; margin:0; padding:0}
#content .product h3 span{ color:#808080; font-weight:500}
 .activities, .steps{ padding:0 0 10px; float:left; width:100%}
.activities .light, .steps .light{ background:#eeffee}
.activities .dark, .steps .dark{ background:#EEFFFF}
#content ul.steps{ list-style:none; margin-left:0}
.activities .activity, .steps .step{ border:thin solid #f0f0f0; border-width:1px; float:left; margin:0; padding:1%; width:98%}
.activity p, .step p{ margin:2px 0; padding:0}
#content .activity h3, #content .step h3{ font-size:1.2em; margin:0; padding:0}
#content .activity h3 span, #content .step h3 span{ color:#808080; font-weight:500}
 tr.form{ background:#f0f0f0}
tr.form td{ padding:20px}
tr.form:hover{ background:#f0f0f0}
 .prospect_steps{ padding:10px 0}
.prospect_steps .light{ background:#eeffee}
.prospect_steps .dark{ background:#EEFFFF}
.prospect_step{ margin:0 0 5px; padding:5px; border:thin solid #f0f0f0}
#content .prospect_step h3{ font-size:1.2em; margin:0; padding:0}
#content .prospect_step h3 span{ color:#808080; font-weight:500}
 #forecasting {margin:15px 0 0 0}
#forecasting .month{ margin:10px 0 0}
#forecasting .no-opportunities{ font-style:italic}
#forecasting .month .details{ padding:0 0 0 15px}
#forecasting table tr th {font-weight: normal}
#forecasting table tr.subtotal td{ border-top:1px dashed #aaa}
#forecasting table tr.total td{ border-top:2px solid #aaa;  }
#forecasting table td.right_align{ text-align:right}
#forecasting table td.currency{ text-align:center}
.dateBocksMessage {clear: both}
.dateBocksMessage div {font-size: 0.9em}
.dateBocksMessage div.error {color: red}
.dateBocks input.error {background-color: pink}
.dateBocks ul {list-style: none; padding: 0 5px 0 0; margin: 0}
.dateBocks ul li {display: inline}
.dateBocks ul li img {padding-left: 2px; vertical-align: middle}
.dateBocks ul a {padding: 5px; display: block; float: left}
.dateBocks input {width: 80px}
   .calendar {position: relative; display: none; border: 1px solid; border-color: #fff #000 #000 #fff; font-size: 11px; cursor: default; background: Window; color: WindowText; font-family: tahoma,verdana,sans-serif; z-index: 1000}
.calendar table {border: 1px solid; border-color: #fff #000 #000 #fff; font-size: 11px; cursor: default; background: Window; color: WindowText; font-family: tahoma,verdana,sans-serif}
 .calendar .button { text-align: center; padding: 1px; border: 1px solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; background: ButtonFace}
.calendar .nav {background: ButtonFace url(/images/dhtml_calendar/menuarrow.gif) no-repeat 100% 100%}
.calendar thead .title { font-weight: bold; padding: 1px; border: 1px solid #000; background: ActiveCaption; color: CaptionText; text-align: center}
.calendar thead .headrow { }
.calendar thead .daynames { }
.calendar thead .name { border-bottom: 1px solid ButtonShadow; padding: 2px; text-align: center; background: ButtonFace; color: ButtonText}
.calendar thead .weekend { color: #f00}
.calendar thead .hilite { border: 2px solid; padding: 0px; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight}
.calendar thead .active { border-width: 1px; padding: 2px 0px 0px 2px; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow}
 .calendar tbody .day { width: 2em; text-align: right; padding: 2px 4px 2px 2px}
.calendar tbody .day.othermonth {font-size: 80%; color: #aaa}
.calendar tbody .day.othermonth.oweekend {color: #faa}
.calendar table .wn {padding: 2px 3px 2px 2px; border-right: 1px solid ButtonShadow; background: ButtonFace; color: ButtonText}
.calendar tbody .rowhilite td {background: Highlight; color: HighlightText}
.calendar tbody td.hilite { padding: 1px 3px 1px 1px; border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff}
.calendar tbody td.active { padding: 2px 2px 0px 2px; border: 1px solid; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow}
.calendar tbody td.selected { font-weight: bold; border: 1px solid; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; padding: 2px 2px 0px 2px; background: ButtonFace; color: ButtonText}
.calendar tbody td.weekend { color: #f00}
.calendar tbody td.today { font-weight: bold; color: #00f}
.calendar tbody td.disabled {color: GrayText}
.calendar tbody .emptycell { visibility: hidden}
.calendar tbody .emptyrow { display: none}
 .calendar tfoot .footrow { }
.calendar tfoot .ttip { background: ButtonFace; padding: 1px; border: 1px solid; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; color: ButtonText; text-align: center}
.calendar tfoot .hilite { border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; padding: 1px; background: #e4e0d8}
.calendar tfoot .active { padding: 2px 0px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000}
 .calendar .combo {position: absolute; display: none; width: 4em; top: 0px; left: 0px; cursor: default; border: 1px solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; background: Menu; color: MenuText; font-size: 90%; padding: 1px; z-index: 100}
.calendar .combo .label, .calendar .combo .label-IEfix {text-align: center; padding: 1px}
.calendar .combo .label-IEfix {width: 4em}
.calendar .combo .active {padding: 0px; border: 1px solid #000}
.calendar .combo .hilite {background: Highlight; color: HighlightText}
.calendar td.time {border-top: 1px solid ButtonShadow; padding: 1px 0px; text-align: center; background-color: ButtonFace}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: Menu}
.calendar td.time .ampm {text-align: center}
.calendar td.time .colon {padding: 0px 2px 0px 3px; font-weight: bold}
.calendar td.time span.hilite {border-color: #000; background-color: Highlight; color: HighlightText}
.calendar td.time span.active {border-color: #f00; background-color: #000; color: #0f0}