* { font-family: Arial; margin: 0 0 0 0px; }
html { overflow: -moz-scrollbars-vertical !important; }
body { background-color: #cccccc; text-align: center; margin: 6px 0; padding: 0;  }
a { text-decoration: none; cursor: pointer; color: #44ab0e; white-space: nowrap; }
a:hover { text-decoration: underline; }

.left { float: left; }
.right { float: right; }

/* Button */
.mybutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background-color:#4DBD33;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
}.mybutton:hover {
	background-color:#CD853F;
	text-decoration:none;
}.mybutton:active {
	position:relative;
	top:1px;
}
/* Button Css End */

/* browser bug fixes */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }

/* login page */
#login { position: absolute; top: 200px; left: 50%; width: 450px; margin-left: -225px; }
#login .header { width: 450px; height: 76px; background: url(../Images/sprite_login2.gif) no-repeat; }
#login .content { color: #666666; text-align: center; background: url(../Images/bkg_login1.gif) repeat-y; }
#login .content h1 { font-size: 12pt; font-weight: bold; margin-bottom: 20px; }

#login .content dl { margin-left: 74px; height: 70px; }
#login .content dl dt { clear: both; float: left; width: 68px; padding-top: 3px; padding-right: 12px; font-size: 10pt; font-weight: bold; color: #666666; text-align: right; }
#login .content dl dd { float: left; width: 201px; }
#login .content dl dd input { float: left; }
#login .content dl dd p { clear: both; text-align: right; }
#login .content a.forgotpassword { display: block; font-size: 8pt; font-weight: bold; margin: 3px 20px 0 0; }
#login .announcement { width: 380px; text-align: left; margin: 0 15px; background-color: #e6e6e6; font-size: 10pt; }
#login .announcement h1 { padding: 5px 10px; margin: 0; background-color: #63686a; color: #ffffff; font-weight: bold; font-size: 11pt; }
#login .announcement div { padding: 10px; }
#login .announcement div ul { list-style-type: disc; margin: 6px 0 0 30px; }
#login .announcement div ul li { font-size: 9pt; font-weight: normal; }

#login .footer { width: 450px; height: 25px; font-size: 8pt; color: #666666; font-weight: bold; background: #ffffff url(../Images/sprite_login1.gif) no-repeat 0 -76px; }
#login .footer ul { list-style-type: none; }
#login .footer ul li { display: inline; padding: 0 4px; background-image:none;  }
#login .footer a { text-decoration: none; font-size: 8pt; color: #666666; font-weight: bold; }
#login .footer a:hover { text-decoration: underline; }
#login .alert { height: 43px; width: 422px; margin: -13px 0 10px -6px; text-align: left; background: #ffffff url(../Images/sprite_login1.gif) no-repeat 0px -101px; }
#login .alert span { position: relative; top: 13px; left: 50px; color: #abab7b; font-size: 15px; font-weight: bold; }
.errorlogin { display: block; float: left; background: #ffffff url(../Images/sprite_astirisk2.gif) no-repeat -13px 3px; width: 13px; height: 20px; margin-left: 4px; text-indent: -9999px; }

.lastaction{background:url(../Images/sprite_actions_hover1.png) ;background-repeat:repeat-x; height:250px; width:450px;  }

/* master page (frame) */
#main { text-align: left; width: 915px; margin: 0 auto; }
#ctl00_header { background: url(../Images/sprite_head_foot2.gif) no-repeat; position: relative; width: 915px; height: 117px; margin-bottom: 10px; z-index: 10000; }
#ctl00_header ul#logininfo { position: absolute; top: 10px; right: 144px; display: inline; }
#ctl00_header ul#logininfo li { display: block; float: left; padding-left: 14px; }
#ctl00_header ul#logininfo li, #ctl00_header ul#logininfo li a { color: #ffffff; font-size: 8pt; font-weight: bold; text-decoration: none; }
#ctl00_header ul#logininfo li a:hover { text-decoration: underline; }
#ctl00_header ul#logininfo li.arrow { background: url(../Images/arrow_login1.gif) no-repeat 6px 50%; }
#ctl00_header a.receiveleads { position: absolute; top: 8px; right: 12px; display: block; height: 19px; width: 124px; text-indent: -9999px; border: none; cursor: pointer; }
#ctl00_header a.receiveleads.on  { background: url(../Images/but_receiveleads_on1.png) no-repeat; }
#ctl00_header a.receiveleads.off { background: url(../Images/but_receiveleads_off1.png) no-repeat; }
#ctl00_header #search { height: 22px; width: 151px; position: absolute; bottom: 12px; right: 54px; background: url(../Images/bkg_search1.gif) no-repeat; }
#ctl00_header #search input { margin-top: 4px; margin-left: 20px; height: 14px; width: 120px; color: #999999; font-size: 8pt; border: none 0 white; }
#ctl00_header a.go { position: absolute; bottom: 13px; right: 12px; display: block; height: 20px; width: 37px; background: url(../Images/sprite_buttons2.gif) no-repeat 0 -20px; }
#ctl00_header a.go:hover { background: url(../Images/sprite_buttons2.gif) no-repeat -37px -20px; }
#ctl00_header a.beta { position: absolute; display: block; top: 0; left: 192px; width: 202px; height: 48px; cursor: pointer; background: url(../Images/sprite_head_foot2.gif) no-repeat 0 -117px; }
#ctl00_header a.beta:hover { background: url(../Images/sprite_head_foot2.gif) no-repeat -202px -117px; }
#ctl00_header .edition { position: absolute; display: block; top: 55px; left: 0; width: 181px; height: 16px; background: url(../Images/sprite_head_foot2.gif) no-repeat -404px -117px; }
#ctl00_header .edition.personal { background-position: -404px -135px; }

#ctl00_header a.feedback { position: absolute; display: block; top: 0; left: 190px; width: 96px; height: 53px; cursor: pointer; background: url(../Images/sprite_head_foot3.gif) no-repeat 0 -117px; }
#ctl00_header a.feedback:hover { background-position: -96px -117px; }
#ctl00_header #scujLe { position: absolute; top: 0; left: 286px; }
#ctl00_header #chat { position: absolute; top: 0; left: 286px; height: 53px; width: 104px;  background: transparent url(../Images/chat_support_online1.gif) no-repeat; cursor: pointer; }
#ctl00_header #chat { display: block; text-indent: -9999px; }


/* new main nav menu */


#footer { clear: both; margin-top: 10px; background: url(../Images/sprite_header1.gif) no-repeat 0 -117px; height: 36px; }
#footer ul { display: inline; margin: 9px 20px; } 
#footer ul.left { float: left; }
#footer ul.right { float: right; }
#footer ul li { display: inline; padding: 0 4px; background-image:none; background-color:none;}
#footer ul li, #footer ul li a { color: #ffffff; font-size: 9pt; font-weight: bold; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

/* view leads specific */
#leadfilterbar { background: url(../Images/filterbar_bkg2.gif) no-repeat; height: 33px; padding: 0 13px 0 16px; }
#leadfilterbar .datepickerlabel { margin-left: 4px; }
#leadfilterbar .datepicker { }  
#leadfilterbar img.calendar { top: 5px; }
#leadfilterbar input.go { position: relative; top: 5px; margin-left: 2px; }
#leadfilterbar .left { float: left; }
#leadfilterbar .right { float: right; width: 130px; }
#leadfilterbar .left select { margin-right: 4px; }
tr.norecordsrow td { text-align: center; background-color: #ffffff; }
.filtermenu { padding: 4px 12px 0 0; width: 142px; }
.RadMenu ul.rmVertical { border: solid 1px rgb(102, 102, 102); }
.RadMenu .rmItem .filtermenutop { font-size:8pt; padding: 0px; color:#666666; background-color:#FFFFFF; width:144px; text-decoration:none; }
.RadMenu .filtermenutop span.rmText { float:left; padding: 2px 8px 0px 8px; border: solid 1px rgb(102, 102, 102); border-right: none; width:110px; height: 16px; }
.RadMenu .filtermenutop img { float:right; margin:0px; padding:0px; }
.RadMenu .filtermenuitem { padding: 0px; color:#666666; background-color:#FFFFFF; height:20px; min-width:138px; text-decoration:none; }
.RadMenu .filtermenuitem:hover { background-color: #3399ff; color: #ffffff; }
.RadMenu .rmVertical .rmItem .filtermenuitem span.rmText { font-size:8pt; padding:3px 0 0 20px; }
.RadMenu .focused { background-color:#3399ff; color:#FFFFFF; }

table.data { width: 100%;  cursor: pointer; border-spacing: 0px; margin-left:-2px;  border-bottom: solid 0px #e6e6e6; margin-top: -3px; }
table.data thead tr { background-color: #63686a; height: 29px;border:0px; }
table.data  th { padding: 0 4px; border:0px; background-color: #63686A; height:30px; color:#fff;}
table.data  th, table.data  a {  font-size: 10pt;  text-decoration: none; }
table.data thead a:hover { text-decoration: underline;  border:0px;}
table.data thead th.up a { padding-right: 14px;  border:0px;background: transparent url(../Images/sort-arrows.png) no-repeat right 6px; }
table.data thead th.down a { padding-right: 14px;  border:0px;background: transparent url(../Images/sort-arrows.png) no-repeat right -8px; }
table.data  tr.odd, table.data  tr.odd td.options { background-color: #fafafa; border:0px; }
table.data tbody tr.even, table.data tbody tr.even td.options { background-color: #fafafa;  border:0px;}
table.data tbody tr td.options { width: 25px; background: transparent url(../Images/icon_i_transparent1.png) no-repeat 50% 50%;  border:0px;}
table.data tbody tr:hover td.options { background: #000000 url(../Images/icon_i_medgray1.gif) no-repeat 50% 50%; border:0px; }
table.data tbody tr.disable td, table.data tbody tr.disable:hover td { color: #bfbfbf; border:0px; }

/* view leads rightmost column - options and actions menus */
table.data.leads tbody tr td.options { width: 46px; background-image: none; }
table.data.leads tbody tr:hover td.options { background-image: none; }
table.data.leads tbody tr td.options div.button { height: 23px; width: 23px; }
table.data.leads tbody tr td.options div.button.right { position: relative; left: -8px; }
table.data.leads tbody tr.odd td.options div.button.left { background: url(../Images/sprite_options1.gif) no-repeat -46px 0; }
table.data.leads tbody tr.odd td.options div.button.right { background: url(../Images/sprite_options1.gif) no-repeat -69px 0; }
table.data.leads tbody tr.even td.options div.button.left { background: url(../Images/sprite_options1.gif) no-repeat 0 0; }
table.data.leads tbody tr.even td.options div.button.right { background: url(../Images/sprite_options1.gif) no-repeat -23px 0; }
table.data.leads tbody tr:hover td.options div.button.left { background: url(../Images/sprite_options1.gif) no-repeat 0 -23px; }
table.data.leads tbody tr:hover td.options div.button.right { background: url(../Images/sprite_options1.gif) no-repeat -23px -23px; }
table.data.leads tbody tr.disabled { }
table.data.leads tbody tr td.options div.button.left:hover { background: url(../Images/sprite_options1.gif) no-repeat -46px -23px; }
table.data.leads tbody tr td.options div.button.right:hover { background: url(../Images/sprite_options1.gif) no-repeat -69px -23px; }
table.data.leads tbody tr.modify td.options div.button.left { background: url(../Images/sprite_options1.gif) no-repeat -92px 0; }
table.data.leads tbody tr.modify td.options div.button.right { background: url(../Images/sprite_options1.gif) no-repeat -115px 0; }










/*table.data tbody tr:hover { background-color: #e6e6e6;color: #000000;  }*/
table.data tbody td { height: 33px; border-top: solid 0px #e6e6e6; color: #666666; font-size: 9pt; padding: 0 4px; }
table.data thead th.checkbox, table.data tbody td.checkbox { text-align: center; }
table.data thead th.checkbox { padding-left: 5px; }
table.data tbody td.checkbox input { height: 12px; width: 12px; }
table.data thead th.options { padding-right: 10px; text-align: center; }
table.data td.leftcolumn, table.data th.leftcolumn { padding-left: 16px; }
table.data td.rightcolumn, table.data th.rightcolumn { padding-right: 16px; }
table.data tbody tr.modify, table.data tbody tr.modify td.options { background-color: #f3f3b7; }
td.center, th.center { text-align: center; }
















.optionsmenugroup { font-size: 9pt; font-weight: bold; color: #63686a; cursor: pointer; }
.headeroptionsmenuitem { background: url(../images/pop_menu_top1-trans.png) no-repeat; cursor: default; text-align: center; width: 152px; height: 29px; text-indent: -9999px; }
.footeroptionsmenuitem {  background: url(../images/pop_menu_bot1-trans.png) no-repeat; cursor: default; text-align: center; width: 152px; height: 23px; }
.headersuboptionsmenuitem { background: url(../images/pop_submenu_top1-trans.png) no-repeat; cursor: default; width: 152px; height: 15px; }
.optionsmenuitem { background: url(../images/pop_menu_stretch1-trans.png) repeat-y; height: 23px; }
.optionsmenuitemhover { background: url(../images/pop_menu_hover1-trans.png) no-repeat; color: #ffffff; height: 23px; }
.suboptionsmenuitemhover { background: url(../images/pop_menu_hover2-trans.png) no-repeat; color: #ffffff; height: 23px; }
.suboptionsmultimenuitemhover { background: url(../images/pop_menu_hover3-trans.png) no-repeat; color: #ffffff; height: 23px; }
.phonenumbers .content { width: 185px; height: 77px; padding: 6px 0 0 34px; color: #666666; text-align: left; font-size: 9pt; font-weight: bold; background: url(../Images/phone_bubble1.png) no-repeat; }
.phonenumbers .content p { padding: 2px 0; }

.actionlog .titlebar { height: 22px; width: 457px; font-size: 9pt; font-weight: bold; color: #ffffff; text-indent: -9999px; background: url(../Images/sprite_actions_hover1.png) no-repeat; }
.actionlog .footer { height: 21px; width: 457px; background: url(../Images/sprite_actions_hover1.png) no-repeat 0 -29px; }
.actionlog span div.listcontainer table.data tbody tr.odd { background-color: #dedede; }
.actionlog span div.listcontainer table.data tbody tr.even { background-color: #f0f0f0; }
.actionlog span div.listcontainer table.data { width: 450px; }
.actionlog { width: 457px; text-align: left; }
#actionLogDialogContent { background: url(../Images/sprite_actions_hover_stretch1.png) repeat-y; }



/* add/edit lead */
#addeditleadtitlebar { list-style-type: none; width: 895px; height: 28px; padding: 4px 10px; margin-bottom: 10px; background: url(../Images/sprite_head_foot2.gif) no-repeat 0 -234px; color: #ffffff; font-weight: bold; }
#addeditleadtitlebar li { display: block; float: left; height: 20px; padding: 4px 8px; border-right: solid 1px #0a7ea7; }
#addeditleadtitlebar li a { display: block; height: 18px; text-indent: -9999px; }
#addeditleadtitlebar li.title {  font-size: 11pt; }
#addeditleadtitlebar li.options { padding: 4px 8px; }
#addeditleadtitlebar li.options a { width: 72px; background: url(../Images/sprite_buttons2.gif) no-repeat -389px 0; }
#addeditleadtitlebar li.options a:hover { background: url(../Images/sprite_buttons2.gif) no-repeat -389px -20px; }
#addeditleadtitlebar li.prev { padding: 4px 4px 4px 8px; border-right: none; }
#addeditleadtitlebar li.prev a { width: 59px; background: url(../Images/sprite_buttons2.gif) no-repeat -59px -65px; }
#addeditleadtitlebar li.prev a:hover { background: url(../Images/sprite_buttons2.gif) no-repeat -118px -65px; }
#addeditleadtitlebar li.prev a.inactive, #addeditleadtitlebar li.prev a.inactive:hover { background: url(../Images/sprite_buttons2.gif) no-repeat 0 -65px; }
#addeditleadtitlebar li.next { padding: 4px 8px 4px 4px; border-right: none; }
#addeditleadtitlebar li.next a { width: 59px; background: url(../Images/sprite_buttons2.gif) no-repeat -236px -65px; }
#addeditleadtitlebar li.next a:hover { background: url(../Images/sprite_buttons2.gif) no-repeat -295px -65px; }
#addeditleadtitlebar li.next a.inactive, #addeditleadtitlebar li.next a.inactive:hover { background: url(../Images/sprite_buttons2.gif) no-repeat -177px -65px; }
ul#statusbar { position: relative; list-style-type: none; display: block; margin-bottom: 10px;  height: 51px; width: 910px; background-color: #f7f7f7; }
ul#statusbar li#leadage { display: block; float: left; padding: 6px 0 0 0px; height: 45px; width: 64px; color: #ffffff; font-weight: bold; background: url(../Images/sprite_status_arrows1.gif) no-repeat 0 -255px; }
ul#statusbar li#leadage .number { display: block; font-size: 14pt; }
ul#statusbar li#leadage .text { font-size: 8pt; }
ul#statusbar li { display: block; float: left; padding: 8px 41px 0px 3px; margin-left:-1px; color: #666666; height: 43px; width: 128px; background-color: #f7f7f7; text-align: center; }
ul#statusbar li.greenwhite { color: #ffffff; background: url(../Images/sprite_status_arrows1.gif) no-repeat 0 0; }
ul#statusbar li.greengray { color: #ffffff; background: url(../Images/sprite_status_arrows1.gif) no-repeat 0 -51px; }
ul#statusbar li.graywhite { background: url(../Images/sprite_status_arrows1.gif) no-repeat 0 -102px; }
ul#statusbar li.graygray { background: url(../Images/sprite_status_arrows1.gif) no-repeat 0 -153px; }
ul#statusbar li.graygreen { background: url(../Images/sprite_status_arrows1.gif) no-repeat 0 -204px; }
ul#statusbar li .title { font-size: 13pt; font-weight: bold; text-transform: uppercase; display: block; }
ul#statusbar li .date { font-size: 8pt; }
ul#statusbar li#caboose { position: absolute; top: 0; right: 0; padding: 0; width: 14px; height: 51px; background: url(../Images/sprite_status_arrows1.gif) no-repeat -65px -255px; }
div.addeditleadaction { clear: both; width: 915px; }
div.addeditleadaction .header { height: 40px; width: 915px; background: url(../Images/sprite_head_foot2.gif) no-repeat 0 -366px; }
div.addeditleadaction .footer { margin-bottom: 10px; }
div.addeditleadaction .content { position: relative; padding: 0 20px; }
div.addeditleadaction .content .actioncombocontainer { width: 25px; height: 35px; }
div.addeditleadaction .content textarea { display: block; width: 300px; height: 70px; color: #666666; font-size: 10pt; border: solid 1px #cccccc; background-color: #ffffff; padding: 4px; }
div.addeditleadaction .listcontainer { position: absolute; top: 0; right: 20px; height: 158px; width: 540px; border: solid 1px #cccccc; }

.actioncombo { display: block; height: 30px; width:400px; padding: 4px 0 4px 10px; cursor: pointer; color: #666666; font-size: 12pt; font-weight: bold; background: url(../Images/sprite_action_select1.gif) no-repeat 0 0; }
.actioncombo span { visibility: hidden; }
/*.actioncombohover { border: none; background-color: #cccccc; }*/ /* removed this due to hover issue in IE - Drew */
.actioncombocontent { width: 315px; }
.actioncomboitem { height: 34px; width: 293px; padding: 6px 10px 4px 10px; font-size: 10.5pt; font-weight: bold; color: #168db1; border-bottom: solid 1px #dddddd; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; background-color: #f6f6f6; cursor: pointer; text-align: left; }
.actioncomboitem span { display: block; font-size: 11px; font-weight: normal; color: #666666; }
.actioncomboitemhover { text-decoration: none; background-color: #dddddd; }
#addeditleadfooter { clear: both; width: 915px; height: 15px; background: url(../Images/sprite_head_foot2.gif) no-repeat 0 -381px; }

#leadinfo { padding: 20px 20px 0 20px; background-color: #ffffff; color: #666666; }
#leadinfo #systeminfo { float: left; height: 165px; width: 200px; padding: 10px; background: url(../Images/bkg_edit_lead_filter1.gif) no-repeat 0 0; }
#leadinfo #systeminfo dt { height: 21px; width: 70px; }
#leadinfo #systeminfo dd { height: 24px; width: 125px; font-size: 10pt; }
#leadinfo #systeminfo dd span { position: relative; top: 3px; }

#commonfields { float: left; width: 640px; height: 200px; }
#commonfields dl { width: 320px; font-size: 10pt; }
#commonfields dt { display: block; clear: left; float: left; width: 100px; height: 18px; padding: 6px 8px 2px 20px; text-align: right; font-weight: bold; }
#commonfields dd { display: block; float: left; width: 188px; height: 18px; padding: 4px 0; font-weight: normal; }
#commonfields dd * { color: #666666; font-size: 10pt; font-weight: normal; }
#commonfields ul li div.field *, #tabfields table.activepage ul li div.value * { color: #666666; font-size: 10pt; font-weight: normal; }
#commonfields dd select, #tabfields table.activepage ul li select { max-width: 200px; }
#commonfields dl.zip { width: 100px; }
#commonfields dt.zip { width: 30px; }
#commonfields dd.zip { width: 50px; }
#commonfields select { height: auto; }

#tabfields { clear: both; color: #666666; font-size: 10pt; font-weight: bold; background-color: #ffffff; }
#tabfields table.activepage { position: relative; background-color: #dfdfdf; width: 872px; }
#tabfields table.activepage ul { width: 400px; margin: 8px; }
#tabfields table.activepage li { clear: both; position: relative; }
#tabfields table.activepage li div.field { width: 184px; padding: 6px 8px 2px 8px; text-align: right; }
#tabfields table.activepage li div.value { position: absolute; bottom: 0; right: 0; width: 200px; padding: 4px 0; }
#tabfields table.activepage li div.value label { padding-left: 3px; padding-right: 6px; }
#tabfields table.activepage li div.value textarea { width: 153px; }
#tabfields table.activepage li.longtext div.field { position: absolute; top: 0; padding-top: 10px; }
#tabfields table.activepage li.longtext div.value { position: relative; left: 200px; }
#tabfields table.activepage input.editcustomfields { position: relative; left: 707px; height: 19px; width: 109px; border: none; text-indent: -9999px; cursor: pointer; background: url(../Images/sprite_buttons2.gif) no-repeat -267px -83px; }
#tabfields table.activepage input.editcustomfields:hover { background: url(../Images/sprite_buttons2.gif) no-repeat -158px -83px; }

/* html form */
.externalform hr { clear: both; }
.externalform .group { width: 915px; margin-top: 10px; clear: both; }
.externalform .group h1 { text-align: left; font-size: 13pt; padding: 6px; background-color: #dadada; border: solid 1px #666666; }
.externalform .group ul { width: 440px; margin: 8px; list-style-type: none; }
.externalform .group li { clear: both; position: relative; }
.externalform .group li div.field { width: 204px; padding: 2px 8px 6px 8px; text-align: right; font-size: 10pt; }
.externalform .group li div.value { position: absolute; bottom: 0; right: 0; width: 220px; text-align: left; padding: 4px 0; font-size: 10pt; }
.externalform .group li div.value label { padding-left: 3px; padding-right: 6px; }
.externalform .group li div.value textarea { width: 153px; }
.externalform .group li div.value select { font-size: 9pt; }
.externalform .group li.longtext div.field { position: absolute; top: 0; padding-top: 10px; }
.externalform .group li.longtext div.value { position: relative; left: 220px; }
.externalform .responseerror { width: 915px; padding: 6px; text-align: left; font-size: 12pt; color: #990000; border: solid 1px #660000; background-color: #ffcccc; }
.externalsucccess { width: 915px; padding: 16px; font-size: 12pt; color: #009900; border: solid 1px #006600; background-color: #ccffcc; }
.externalsucccess p { margin-bottom: 10px; }

#tabfields .footer { width: 872px; height: 14px; background: url(../Images/sprite_head_foot2.gif) no-repeat 0 -396px; }
#tabfields .sourcedata { padding: 6px; text-align: center; background-color: #DFDFDF; width: 860px; }
.fieldtabdefault { color: #ffffff; cursor: pointer; background: url(../Images/tab_green_stretch2.gif) repeat-x; }
.fieldtabselected { cursor: pointer; background: url(../Images/tab_gray_stretch1.gif) repeat-x; }
.fieldtabscrollleft { margin-top: -1px; margin-left: 2px; width: 16px; height: 33px; text-indent: -9999px; background: #e9e9e9 url(../Images/tab_arrow_left_off.gif) no-repeat; cursor: pointer; }
.fieldtabscrolllefthover { margin-top: -1px; margin-left: 2px; width: 16px; height: 33px; text-indent: -9999px; background: #e9e9e9 url(../Images/tab_arrow_left_on.gif) no-repeat; cursor: pointer; }
.fieldtabscrollright { margin-top: -1px; margin-left: 0; width: 16px; height: 33px; text-indent: -9999px; background: #e9e9e9 url(../Images/tab_arrow_right_off1.gif) no-repeat; cursor: pointer; }
.fieldtabscrollrighthover { margin-top: -1px; margin-left: 0; width: 16px; height: 33px; text-indent: -9999px; background: #e9e9e9 url(../Images/tab_arrow_right_on1.gif) no-repeat; cursor: pointer; }

.dialog.customfields .content dl dt { width: 136px; }
.dialog.customfields .content dl dd { width: 264px; }
.dialog.customfields .content .note { text-align: center; font-size: 9pt; }

/* import leads */
.content.importleads h1 { color: #666666; font-size: 10pt; font-weight: normal; }
.content.importleads dl { margin-left: 240px; margin-top: 20px; width: 600px; }
.content.importleads dt { display: block; clear: both; float: left; width: 140px; margin: 0; padding-right: 12px; text-align: right; }
.content.importleads dd { display: block; float: left; width: 446px; margin: 0; }
.content.importleads dd select.dropdown { }
.content.importleads dd.downloadtemplate { margin-bottom: 4px; }
.content.importleads dd.downloadtemplate a { display: block; text-indent: -9999px; height: 25px; width: 178px; background: url(../Images/btn_download_tmpt_off1.gif) no-repeat; cursor: pointer; }
.content.importleads dd.downloadtemplate a:hover { background: url(../Images/btn_download_tmpt_on1.gif) no-repeat; }
.content.importleads dd.upload .uploaderror { position: relative; top: 3px; left: 9px; color: #ff0000; font-size: 9pt; }
.content.importleads dd.upload input { float: left; position: relative; top: 2px; width: 174px; font-size: 8pt; color: #666666; }
.content.importleads dd.upload a { display: block; float: left; position: relative; top: -2px; left: 6px; height: 25px; cursor: pointer; }
.content.importleads dd.upload a img { border-style: none; cursor: pointer; }
.content.importleads .importerrormessage { margin-bottom: -5px; }
.content.importleads .importerrormessage span { margin-left: 265px; }

/* sources - lead form popup */
.content.sources dl { margin-left: 240px; margin-top: 20px; width: 600px; }
.content.sources dt { display: block; clear: both; float: left; width: 250px; margin: 0; padding: 6px 12px 0 0; text-align: right; }
.content.sources dd { display: block; float: left; width: 170px; margin: 0; padding-top: 5px; }

/* generic styles */
.basemenu { position: absolute; top: 85px; left: 22px; cursor: pointer; margin:0px; }
.menuitem { color: #ffffff; font-size: 10pt; font-weight: bold; height: 28px; margin: 0; padding: 0 0 0 20px; cursor: pointer; background: #d98e0d url(../Images/arrow_subnav2.gif) no-repeat 6px 50%; }
.menuitemhover { color: #ffffff; font-size: 10pt; font-weight: bold; height: 28px; margin: 0; padding: 0 0 0 20px; cursor: pointer; background: #e0a43c url(../Images/arrow_subnav1.gif) no-repeat 6px 50%; }
.menuitemdisabled {  color: #c17d08; font-size: 10pt; font-weight: bold; height: 28px; margin: 0; padding: 0 0 0 20px; cursor: default; background: #d98e0d url(../Images/arrow_subnav2.gif) no-repeat 6px 50%; }
.clear { clear: both; }
.spacer { margin-top: 10px; clear: both; display: block; height: 10px; }
.topspacer { margin-top: 10px; }
.nudgeup { margin-top: -1px; }
.dotteddivider { clear: both; background: url(../Images/dotted_border.gif) repeat-x; height: 10px; margin: 20px 0 10px 0; }

select.dropdown { color: #666666; font-size: 9pt; font-weight: normal; }
select.dropdown.status { }
select.dropdown.user { }
select.dropdown.campaign { }
select.dropdown.source { }
select.dropdown.daterange { }

/* page-level alert */
.pagealert { position: relative; background: url(../Images/alert_window1.gif) no-repeat; height: 43px; margin-bottom: 10px; border: solid 1px #edd520; color: #63686b; text-align: center; font-size: 15px; font-weight: normal; }
.pagealert.reminders { background: url(../Images/alert_window2.gif) no-repeat; }
.pagealert p.close { position: absolute; top: 0; right: 0; height: 28px; width: 24px; cursor: pointer; }
.pagealert span.message { position: absolute; top: 0; left: 50px; height: 31px; width: 100%; text-align: left; color: #abab7b; padding-top: 13px; font-weight: bold; }
.pagealert span.actions { position: absolute; top: 0; right: 13px; height: 31px; text-align: right; color: #abab7b; padding-top: 13px; font-weight: bold; font-size: 12px; }

/* paging control */
.paging { position: relative; top: 5px; height: 20px; width: 134px; }
.paging a { display: block; width: 20px; height: 20px; text-indent: -9999px; cursor: pointer; margin: 0 4px; }
.paging a.previous { float: left; background: url(../Images/sprite_buttons2.gif) no-repeat -481px 0; }
.paging a.previous:hover { background: url(../Images/sprite_buttons2.gif) no-repeat -501px 0; }
.paging a.previous.inactive, .paging a.previous.inactive:hover { cursor: default; background: url(../Images/sprite_buttons2.gif) no-repeat -461px 0; }
.paging a.next { float: right; background: url(../Images/sprite_buttons2.gif) no-repeat -481px -20px; }
.paging a.next:hover { background: url(../Images/sprite_buttons2.gif) no-repeat -501px -20px; }
.paging a.next.inactive, .paging a.next.inactive:hover { cursor: default; background: url(../Images/sprite_buttons2.gif) no-repeat -461px -20px; }
.paging select.dropdown { width: 78px; }

/*hack
.modal { background: gray url(../Images/alpha2.png) 0pt 0pt; filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; }
end hack*/
.modal { background: url(../Images/alpha_white1.png) 0pt 0pt; }
.modal img { position: absolute; top: 49%; }
.fullscreen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.loading { position: absolute; top: 50%; margin: -10px 0 0 -10px; } 
.localload { background-image: url(../Images/loader2.gif); background-repeat: no-repeat; background-position: center center; background-color: #ffffff; }

.dialog { width: 450px; }
.dialog .header { height: 25px; color: #ffffff; font-weight: bold; padding: 7px 0 0 20px; text-align: left; background: url(../Images/sprite_modal_caps1.png) no-repeat 0 -53px; }
.dialog .header .title { float: left; }
.dialog .header input.outlook { float: right; margin-right: 20px; margin-top: -1px; }
.dialog .footer { height: 13px; padding: 4px 20px; color: #168db1; font-size: 11pt; font-weight: bold; background: url(../images/sprite_modal_caps1.png) no-repeat 0 -85px; }
.dialog.big { width: 540px; }
.dialog.big .header { background: url(../Images/sprite_modal_caps1.png) no-repeat 0 0; }
.dialog.big .footer { background: url(../Images/sprite_modal_caps1.png) no-repeat 0 -32px; }
.dialog.big.actions .footer { height: 25px; padding: 4px 20px; color: #17a4cf; font-size: 11pt; font-weight: bold; background: url(../Images/sprite_modal_caps1.png) no-repeat 0 -159px; }
.dialog.big.actions .footer a.toggle { position: relative; display: block; float: right; height: 17px; margin-top: 4px; padding-right: 26px; color: #1a91b4; text-decoration: none; cursor: pointer; }
.dialog.big.actions .footer a.toggle.on span { position: absolute; display: block; right: 0; top: 0; height: 17px; width: 18px; background: url(../Images/sprite_buttons2.gif) no-repeat -260px 0; }
.dialog.big.actions .footer a.toggle.on:hover span { background: url(../Images/sprite_buttons2.gif) no-repeat -278px 0; }
.dialog.big.actions .footer a.toggle.off span { position: absolute; display: block; right: 0; top: 0; height: 17px; width: 18px; background: url(../Images/sprite_buttons2.gif) no-repeat -296px 0; }
.dialog.big.actions .footer a.toggle.off:hover span { background: url(../Images/sprite_buttons2.gif) no-repeat -314px 0; }

.dialog.actions .content { padding: 0; background-color: #ffffff; }
.dialog.actions .logs { padding: 0 20px 20px 20px; }
.dialog.actions .listcontainer { height: 126px; margin-top: 20px; }

.content { clear: both; background-color: #ffffff; padding: 20px 20px 0 20px; text-align: left; color: #666666; }
.content dl { width: 410px; }
.content dl dt { float: left; clear: both; height: 27px; padding-top: 3px; text-align: left; font-size: 10pt; font-weight: bold; color: #666666; text-align: right; }
.content dl dd { float: right; height: 30px; text-align: left; }
.content dl dd .tinytextbox, div.value .tinytextbox { width: 60px; font-size: 10pt; color: #666666; }
.content dl dd .smalltextbox { width: 120px; font-size: 10pt; color: #666666; }
.content dl dd .bigtextbox { width: 180px; font-size: 10pt; color: #666666; }
.buttons { clear: both; text-align: center; height: 35px; padding: 20px 0; background-color: #ffffff; }
.dialog .buttons { padding-bottom: 0; }
.buttons .left { float: left; }
.buttons .right { float: right; }
.buttons a, .buttons input { display: block; text-indent: -9999px; border: none; margin: 0; height: 35px; }
.buttons a.print, .buttons input.print { width: 69px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -234px -245px; }
.buttons a.print:hover, .buttons input.print:hover { background: url(../Images/sprite_buttons1.gif) no-repeat -303px -245px; }
.buttons a.save, .buttons input.save { width: 72px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -456px -35px; }
.buttons a.save:hover, .buttons input.save:hover { background: url(../Images/sprite_buttons1.gif) no-repeat -528px -35px; }
.buttons a.savechanges { width: 141px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat 0 -70px; }
.buttons a.savechanges:hover { background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -141px -70px; }
.buttons a.snooze { width: 140px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -176px -35px; }
.buttons a.snooze:hover { background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -316px -35px; }
.buttons a.dismiss { width: 94px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -355px -175px; }
.buttons a.delete { width: 146px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat 0 -140px; }
.buttons a.delete:hover { background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -146px -140px; }
.buttons a.cancel { width: 85px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -509px -105px; }
.buttons a.close { width: 76px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -449px -175px; }
.buttons a.submit { width: 88px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat 0 -35px; }
.buttons a.submit:hover { background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -88px -35px; }
.buttons a.beginimporting { width: 154px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -292px -140px; }
.buttons a.beginimporting:hover { background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -446px -140px; }
.buttons a.login { width: 76px; height: 35px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -322px -315px; }                          
.buttons a.login:hover { background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -398px -315px; }
.buttons a.open { width: 74px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -478px -210px; }
.buttons a.open:hover { background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -404px -210px; }
.buttons a.addsource { width: 181px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat 0 -210px; }
.buttons a.addsource:hover { background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -181px -210px; }
.buttons a.gotolead { width: 117px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat 0 -245px; }
.buttons a.gotolead:hover { background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -117px -245px; }
.buttons a.createtemplate { height: 35px; width: 155px; display: block; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat scroll 0px -350px; }
.buttons a.createtemplate:hover { background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat scroll -155px -350px }
.content a.takeaction { display: block; text-indent: -9999px; height: 35px; width: 280px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat 0 0; }
.content a.takeaction:hover { background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat -280px 0; }
.content a.takeactiondisabled { display: block; text-indent: -9999px; height: 35px; width: 280px; background: #ffffff url(../Images/sprite_buttons1.gif) no-repeat 0 -280px; }
.takactiondis{ cursor: default; background-color: #f6f6f6;}
.content ul { margin-left: 40px; list-style: none; font-size: 10pt; font-weight: bold; color: #666666; }
.content ul li { padding: 4px 0 4px 0; }
.content ul li a { text-decoration: underline; cursor: pointer; color: green; white-space: nowrap; }

/* specific button locations */
.buttons.deletecancel { margin-left: 80px; margin-right: 80px; }
.buttons.savecancel { margin-left: 120px; margin-right: 120px; }
#leadinfo .buttons.savecancel, .billing .buttons.savecancel { margin-left: 350px; margin-right: 350px; padding-bottom: 0; }
.dialog.big .buttons.savecancel { margin-left: 150px; margin-right: 155px; }
.buttons.submitcancel { margin-left: 110px; margin-right: 110px; }
.buttons.takeactioncancel { margin-left: 80px; margin-right: 80px; }
.buttons.reminder.new { margin-left: 83px; margin-right: 83px; }
.buttons.reminder { margin-left: 0; margin-right: 0; }
.buttons.reminder a.savechanges, .buttons.reminder a.snooze { margin-right: 17px; }
.buttons.preferences { margin-left: 401px; margin-right: 401px; }
.buttons.close { margin-left: 167px; margin-right: 167px; }
.buttons.beginimportingcancel { margin-left: 310px; margin-right: 310px; padding: 6px 0 5px 0; }
.buttons.loginonly { margin-left: 167px; margin-right: 167px; padding-bottom: 20px; }
.buttons.newleadnotification { margin-left: 96px; margin-right: 96px; }
.buttons.addsourceonly { padding: 20px 366px 6px 366px; }
.buttons.verification { margin-left: 378px; margin-right: 378px; }
.addeditleadaction a.takeaction { margin: 10px 16px 0 16px; }

/* specific form sizes */
.password dl { margin-top: 20px; }
.password dl dt { width: 126px; padding-right: 12px; text-align: right; }
.password dl dd { width: 272px; }
.maxleads dl dt { width: 226px; padding-right: 12px; text-align: right; }
.maxleads dl dd { width: 172px; }
.edituser dl dt { width: 148px; padding-right: 12px; text-align: right; }
.edituser dl dd { width: 250px; }
.settings dl { width: 410px; }
.settings dl dt { width: 163px; padding-right: 12px; text-align: right; }
.settings dl dd { width: 235px; }
.addnewsource dl.radiobuttons { height: 96px; padding-top: 10px;  }
.addnewsource dl.radiobuttons dt { float: right; width: 275px; padding-right: 50px; font-weight: normal; text-align: left; }
.addnewsource dl.radiobuttons dd { float: left; width: 20px; padding-top: 4px; padding-left: 50px; }
.addnewsource dl.fields { clear: both; }
.addnewsource dl.fields dt { width: 110px; padding-right: 6px; font-weight: normal; text-align: right; }
.addnewsource dl.fields dd { width: 294px; font-size: 10pt; position: relative; }
.addnewsource dl.fields dd .source { padding-top: 3px; }
.addnewsource dl.fields dd .bigtextbox.bigger { width: 270px; }
.addnewsource a.help { position: absolute; bottom: 11px; right: 0; height: 17px; width: 17px; text-indent: -9999px; background: url(../Images/sprite_buttons2.gif) no-repeat -46px 0; }
.addnewsource a.help:hover { background: url(../Images/sprite_buttons2.gif) no-repeat -63px 0; }
.editsource dl dt { width: 130px; padding-left: 45px; text-align: right; }
.editsource dl dd { width: 235px; }
dl.left { float: left; }
dl.left dd { position: relative; }
dl.right { float: right; }
dl.right dd { position: relative; }

/* dialog specific */
.dialog .content.reminder h1 { font-size: 12pt; font-weight: bold; margin-bottom: 4px; }
.dialog .content.reminder h2 { font-size: 11pt; font-weight: bold; margin-bottom: 4px; }
.dialog .content.reminder h3 { font-size: 10pt; font-weight: bold; margin-bottom: 4px; }
.dialog .content.reminder p { font-size: 8pt; font-weight: normal; }
.dialog .content.reminder .reminderdatepicker { white-space: nowrap; }

.dialog .content.reminder .datepicker { width: 60px; height: 13px; background-color: #ffffff; border: 1px gray solid; color: #666666; font-size: 8pt; padding: 2px; cursor: pointer; }  /* change HEIGHT for firefox */
.dialog .content.reminder .outlook { position: relative; top: 4px; }
.dialog .content.addnewsource h1 { font-size: 10pt; font-weight: normal; margin-bottom: 4px; }
.dialog .content.postingurl h1 { font-size: 9pt; font-weight: normal; margin-bottom: 4px; }
.dialog .content.feedback p { clear: both; }

.dialog .content.help h1 { font-size: 12pt; font-weight: bold; }
.dialog .content.help h2 { font-size: 10pt; font-weight: bold; margin-top: 10px; }
.dialog .content.help p { font-size: 9pt; font-weight: normal; }
.content .tablestyleleft { float:left; font-weight:bold; clear:left; }
.content .tablestyleright { float:none; height:auto; margin-left:4em; }
.content .tablestyleright dl { width: 320px; }
.content .tablestyleright .innerlist { float:none; margin-left: 15px; height:auto; }

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor: default; }

/* actions dialog */
.actions .actionleft { float: left; width: 269px; border-right: solid 1px #dddddd; }
.actions .actionright { float: right; width: 270px; }
.actions a.action { text-align: left; display: block; height: 38px; width: 258px; padding: 7px 0 0 11px; cursor: pointer; font-size: 10.5pt; font-weight: bold; color: #168db1; border-bottom: solid 1px #dddddd; background-color: #f6f6f6; text-decoration: none; }
.actions .actionright a.action { width: 259px; }
.actions a.action span { display: block; font-size: 11px; font-weight: normal; color: #666666; }
.actions a.action:hover { text-decoration: none; background-color: #dddddd; }
.actions a.action.disabled, .actions a.action.disabled:hover { cursor: default; background-color: #f6f6f6; }
.actions a.action.selected, .actions a.action.selected span { color: #ffffff; background-color: #168db1; }
.comments { clear: both; text-align: left; padding-top: 10px; padding-left: 40px; }
.comments textarea { height: 90px; width: 458px; display: block; color: #666666; font-size: 10pt; border: solid 1px #dddddd; background-color: #f6f6f6; margin-top: 10px; padding: 4px; }

/* feedback dialog */
.feedback dl dt { width: 240px; text-align: right; }
.feedback dl dd { width: 150px; text-align: right; }
.feedback h1, .content.feedback dt { font-size: 12pt; text-align: right; }
.feedback h1 { clear: both; margin-top: 20px; margin-bottom: 4px; }
.feedback .dropdown { font-size: 11pt; height: auto; width: 120px; }
.feedback .comments { padding-left: 20px; }
.feedback .comments textarea { width: 362px; }
.feedback table { width: 100%; margin-top: 20px; }
.feedback table tr { height: 25px; }
.feedback table th { font-size: 11pt; font-weight: normal; white-space: nowrap; }
.feedback table td { text-align: center; }
.feedback p { margin-top: 20px; margin-bottom: 10px; font-size: 9pt; }

img.listfooter { clear: both; }

#addnewagent { position: relative; height: 45px; background-color: #ffffff; text-align: center; }
#addnewagent input { position: absolute; top: 10px; left: 387px; display: block; border: none; width: 141px; height: 35px; background: url(../Images/sprite_buttons1.gif) no-repeat 0 -175px; cursor: pointer; }
#addnewagent input:hover { background: url(../Images/sprite_buttons1.gif) no-repeat -141px -175px; }

input.cancel { height: 19px; width: 53px; color: #168db1; border: none; background: url(../Images/buttons_sprite.png) no-repeat -98px -105px; }

.bottomspacer { margin-bottom: 10px; }

/* componentart calendars */
.Calendar { border: solid 1px #333333; cursor: default;}
.CalendarButton { border: none; cursor: pointer;}
.CalendarTitle { background-color: #94bae0; background-image: url(../images/title_bg.gif); height: 25px; cursor: default; }
.CalendarTitle td { font-size: 8pt; font-weight: bold; color: #ffffff; height: 25px; padding: 0px; }
.CalendarNextPrev { padding: 0px; width: 21px; height: 25px; cursor: hand; }
.CalendarDayHeader { font-size: 8pt; font-weight: bold; color: #666666; background-color: #e0dfe3; background-image: url(../images/dayheader_bg.gif); background-position: left bottom; height: 20px; text-align: center; cursor: default; }
.CalendarDay { font-size: 8pt; font-weight: normal; text-align: center; color: #000000; background-color: #ffffff; border-bottom: 1px solid #94bae0; border-right: 1px solid #94bae0; height: 24px; width: 24px; cursor: default; padding: 0px; }
.CalendarDayHover { font-size: 8pt; font-weight: normal; text-align: center; color: #000000; background-color: #ffffd9; border-bottom: 1px solid #94bae0; border-right: 1px solid #94bae0; height: 24px; width: 24px; cursor: pointer; padding: 0px; }
.CalendarOtherMonthDay { color: #cccccc; }
.CalendarOtherMonthDayHover { color: #000000; }
.CalendarSelectedDay { font-size: 8pt; font-weight: bold; text-align: center; color: #000000; background-color: #ffeec2; border-bottom: solid 1px #94bae0; cursor: default; height: 24px; width: 24px; cursor: default; }

/* title bar */
.titlebar { height: 25px; padding: 10px 16px 0 16px; color: #ffffff; font-size: 12pt; font-weight: bold; background: url(../Images/sprite_head_foot2.gif) no-repeat 0 -302px; }
.titlebar a.toggle { float: left; display: block; margin-left: -10px; height: 20px; width: 20px; text-indent: -9999px; }
.titlebar a.toggle.up { background: url(../Images/sprite_buttons2.gif) no-repeat -352px 0; }
.titlebar a.toggle.down { background: url(../Images/sprite_buttons2.gif) no-repeat -332px 0; }
.titlebar span.title { float: left; margin-right: 20px; margin-top:-17px; }
.titlebar a.tab { display: block; float: left; height: 21px; width: 130px; padding-top: 4px; border-style: none; color: #ffffff; font-size: 11pt; text-decoration: none; text-align: center; background: url(../Images/tab_green.jpg) no-repeat 0 0; }
.titlebar a.tab.active { background: url(../Images/tab_grey.jpg) no-repeat 0 0; }

/* this should be deprecated */
.titlebar img.help { float: right; cursor: pointer; }
/*****************************/

.titlebar a.help { float: right; display: block; height: 17px; width: 17px; margin-left: 6px; text-indent: -9999px; background: url(../Images/icon_help1.png) no-repeat 0 0; }
.titlebar a.expander { float: right; display: block; height: 17px; width: 18px; margin-left: 6px; text-indent: -9999px; }
.titlebar a.expander.plus { background: url(../Images/sprite_buttons2.gif) no-repeat -154px 0; }
.titlebar a.expander.plus:hover { background: url(../Images/sprite_buttons2.gif) no-repeat -172px 0; }
.titlebar a.expander.minus { background: url(../Images/sprite_buttons2.gif) no-repeat -190px 0; }
.titlebar a.expander.minus:hover { background: url(../Images/sprite_buttons2.gif) no-repeat -208px 0; }
.titlebar a.video { display: block; height: 23px; width: 77px; float: right; text-indent: -9999px; cursor: pointer; background: transparent url(../Images/sprite_buttons2.gif) no-repeat 0 -85px; }
.titlebar a.video:hover { background: transparent url(../Images/sprite_buttons2.gif) no-repeat -79px -85px; }

.listcontainer { overflow: scroll; overflow-x: hidden; }
.listcontainer.expanded, #reminderlist .listcontainer.expanded, #attentionmeter #needyleads.listcontainer.expanded,
	#reports .listcontainer.expanded { height: auto; overflow: visible; }
.listcontainer table.list { }
.listcontainer table.data { width: 100%;  cursor: pointer; border-spacing: 0px; margin-left:-2px; border:0px;  border-bottom: solid 0px #e6e6e6; margin-top: -3px; }
.listcontainer table.data  tr { background-color: #000000; height: 20px;border:0px; }
.listcontainer table.data  th { padding: 0 4px; border:0px; background-color: #CCCCCC; height:25px; color:#fff;}
.listcontainer table.data  td { padding: 0 4px; border:0px; background-color: #ffffff; height:25px; color:#63686a;}
.listcontainer table.data  th, table.data  a {  font-size: 10pt;  text-decoration: none; }

.listcontainer table.data tr:hover { background-color: #000; }


.content.expanded, #reminderlist .content.expanded, #attentionmeter .content.expanded, #reports .content.expanded { height: auto; }
#actionLogDialogContent .listcontainer { overflow: hidden; }


/* local help bubble */
.localhelp { width: 255px; }
.localhelp .content { background: url(../Images/help_bubble_middle1.png) repeat-y; padding: 0 30px 0 15px; color: #666666; text-align: left; font-size: 9pt; }
.localhelp .content img { position: absolute; right: 3px; }
.localhelp .content ol { padding-left: 30px; }
.localhelp .header { background: url(../Images/help_bubble_top1.png) no-repeat; height: 14px; } 
.localhelp .footer { background: url(../Images/help_bubble_bottom1.png) no-repeat; height: 24px; } 

.filterbar { position: relative; height: 25px; color: #ffffff; font-size: 10pt; background-color: #63686a; padding: 5px 16px 0 16px; }
.filterbar .right { position: absolute; top: 7px; right: 16px; }
.filterbar a.go { display: block; float: left; margin-left: 6px; height: 20px; width: 37px; text-indent: -9999px; background: url(../Images/sprite_buttons2.gif) no-repeat -80px 0; }
.filterbar a.go:hover { background: url(../Images/sprite_buttons2.gif) no-repeat -117px 0; }
.filterbar a.refresh { position: absolute; top: 4px; right: 14px; height: 20px; width: 21px; text-indent: -9999px; background: url(../Images/sprite_buttons2.gif) no-repeat -74px -20px; }
.filterbar a.refresh:hover { background: url(../Images/sprite_buttons2.gif) no-repeat -95px -20px; }

.filterbar select { position: relative; top: -5px; }
.filterbar input.radio, .filterbar span .radio { position: relative; top: -3px; }
.filterbar .datepickerlabel, .filterbar .label { position: relative; top: -5px; }
.filterbar .datepicker { position: relative; top: -5px; }
.filterbar img.calendar { position: relative; top: -1px; }
.filterbar .nudgeright { margin-left: 8px; }

.filterbar span.labelx { position: relative; top: -5px; color: #ffffff; font-size: 8pt; }

.datepickerlabel, .label { color: #ffffff; font-size: 8pt; }
.datepicker { width: 56px; padding: 2px; background-color: #ffffff; border: 1px gray solid; color: #666666; font-size: 8pt; cursor: pointer; }
img.calendar { position: relative; left: -8px; top: 4px; border-style: none; cursor: pointer; }

/* dashboard */
.dashboard .header { padding: 8px 16px 0 16px; color: #FFFFFF; font-size: 10pt; font-weight:bold; }
.dashboard .header p { display: inline; }
.vertfix { position: relative; top: -3px; left: 3px; display: inline; }
.spacer { clear: both; display: block; height: 10px; }
.section .footer { height: 15px; width: 915px; background: url(../Images/sprite_head_foot2.gif) no-repeat 0 -381px; }

#remindercalendar { float: left; width: 260px; }
#remindercalendar .titlebar { width: 260px; background: url(../Images/sprite_head_foot2.gif) no-repeat 0 -334px; }
#remindercalendar .content { width: 292px; padding: 0; }
#remindercalendar .month { position: relative; height: 23px; width: 292px; padding-top: 7px; background-color: #63686a; text-align: center; }
#remindercalendar .month span { color: #ffffff; font-size: 10pt; font-weight: bold; }
#remindercalendar .month a { position: absolute; top: 10px; display: block; width: 6px; height: 10px; text-indent: -9999px; cursor: pointer; margin: 0 4px; }
#remindercalendar .month a.previous { left: 5px; background: url(../Images/CalendarArrow_sprite.gif) no-repeat -6px 0; }
#remindercalendar .month a.previous:hover { background: url(../Images/CalendarArrow_sprite.gif) no-repeat 0 0; }
#remindercalendar .month a.next { right: 5px; background: url(../Images/CalendarArrow_sprite.gif) no-repeat -12px 0; }
#remindercalendar .dayheader { color: #0173ac; font-weight: bold; }
#remindercalendar .day { color: #44ab0e; }
#remindercalendar .day strong { color: #0073ac; }
#remindercalendar .dayhover { color: #44ab0e; background-color: #e6e6e6; }
#remindercalendar .day.dayothermonth { color: #999999; }
#remindercalendar .day.daytoday { background-color: #e6e6e6; }
#remindercalendar .day.dayselected { font-weight: bold; color: #ffffff; background-color: #73c920; }
#remindercalendar .footer { height: 15px; width: 292px; background: url(../Images/sprite_head_foot2.gif) no-repeat -607px -410px; }

#reminderlist { float: right; width: 607px; }
#reminderlist .titlebar { width: 575px; background: url(../Images/sprite_head_foot2.gif) no-repeat -168px -270px; }
#reminderlist .content { padding: 6px 6px 0 6px; }
#reminderlist .listcontainer { height: 214px; width: 587px; border-style: none; }
#reminderlist .listcontainer table tbody th, .leftcolumnx { width: 1%; white-space: nowrap; text-align: right; vertical-align: top; }
#reminderlist .footer { height: 15px; width: 607px; background: url(../Images/sprite_head_foot2.gif) no-repeat 0 -410px; }
#reminderlist .filterbar select { top: 0; }

#attentionmeter .filterbar .right { padding-right: 28px; }
#attentionmeter .content { padding: 10px 10px 0 10px; }
#attentionmeter .chartcontainer { float: left; width: 260px; margin-top: -10px; }
#attentionmeter .chartcontainer .chart { height: 260px; }
#attentionmeter ul.legend { clear: both; list-style-type: none; margin-left: 60px; }
#attentionmeter ul.legend li { float: left; width: 80px; } 
#attentionmeter ul.legend li div.text { float: left; color: #000000; font-size: 9pt; font-weight: bold; }
#attentionmeter ul.legend li div.text div.value { font-size: 8pt; font-weight: normal; }
#attentionmeter ul.legend li div.box { float: left; height: 10px; width: 10px; margin: 2px 2px 0 0; }
#attentionmeter ul.legend li div.box.new { background-color: #1599b0; }
#attentionmeter ul.legend li div.box.contacted { background-color: #70b62c; }
#attentionmeter ul.legend li div.box.qualified { background-color: #be4141; }
#attentionmeter ul.legend li div.box.nurturing { background-color: #e2d24c; }
#attentionmeter #needyleads.listcontainer { position: relative; right: -20px; height: 330px; width: 609px; border: none; } 
#attentionmeter #needyleads table.list { width: 589px; }
#attentionmeter #needyleads td.reason { height: 17px; width: 17px; padding: 0; background: transparent url(../Images/icon_help1.png) no-repeat 10px 0; cursor: pointer; } 
.leadattentionreasons { height: 45px; width: 215px; padding: 8px 28px 12px 12px; color: #666666; font-size: 10pt; font-weight: bold; background: transparent url(../Images/sprite_help_bubble1.png) no-repeat 0 0; text-align:left; }


.metricsheader { height: 20px; background-color: #ffffff; padding: 10px 20px 10px 20px; }
.metricsheader div { height: 19px; width: 405px; }
.metricsheader div.left { background: transparent url(../Images/sprite_metrics_header1.gif) no-repeat 0 0; }
.metricsheader div.right { background: transparent url(../Images/sprite_metrics_header1.gif) no-repeat 0 -19px; }

table.metrics { width: 100%; background-color: #ffffff; border: none; border-collapse: collapse; }
table.metrics td { height: 60px; padding: 6px 0 0 12px; text-align: left; vertical-align: top; }
table.metrics td:hover { }
table.metrics.milestones td { height: 50px; width: 25%; padding-top: 12px; }
table.metrics.milestones td:hover { }
table.metrics.milestones td h1 { color: #000000; font-weight: bold; font-size: 12pt; text-align: center; }
table.metrics.milestones td p.value { color: #0173ac; font-weight: bold; font-size: 19pt; text-align: center; }
table.metrics.performance td { height: 48px; width: 150px; cursor: pointer; padding-left: 6px; }
table.metrics.performance td.selected, table.metrics.performance td:hover { background: url(../Images/hover_performance_metrics1.gif) no-repeat 0 0; }
table.metrics.performance td.buffer { width: 4px; cursor: default; }
table.metrics.performance td.buffer.small { width: 6px; }
table.metrics.performance td.buffer:hover { background-image: none; }
table.metrics.performance td h1 { float: left; width: 80px; margin-top: 3px; color: #000000; font-weight: bold; font-size: 8pt; }
table.metrics.performance td p.value { float: left; margin: -1px 4px 0 0; color: #0173ac; font-weight: bold; font-size: 24pt; }

#performancemetrics .content { padding-top: 0; }
#performancemetrics .selectors { clear: both; padding: 8px 0 12px 110px;  font-size: 10pt; text-align: center; }
#performancemetrics .selectors .checkbox { float: right; }
#performancemetrics .selectors .checkbox label { padding-left: 2px; }
#performancemetrics .selectors .radios input { margin-left: 20px; }
#performancemetrics .selectors .radios label { padding-left: 2px; }

#metricssplitter { position: relative; height: 28px; background-color: #ffffff; padding-top: 4px; }
#metricssplitter a.toggle { position: absolute; bottom: 0; left: 8px; display: block; height: 28px; width: 6px; text-indent: -9999px; }
#metricssplitter a.toggle.up { background: url(../Images/sprite_performance1.gif) no-repeat -149px 0; }
#metricssplitter a.toggle.down { background: url(../Images/sprite_performance1.gif) no-repeat -143px 0; }
#metricssplitter .tag { float: left; height: 22px; width: 121px; padding: 6px 0 0 22px; color: #ffffff; font-size: 9pt; font-weight: bold; background: url(../Images/sprite_performance1.gif) no-repeat 0 0; }
#metricssplitter .border { float: right; height: 28px; width: 769px; background: url(../Images/dotted_border.gif) repeat-x 0 11px; }

#reports .content { padding: 10px 10px 0 10px; }
#reports .titlebar ul li { display: block; float: left; list-style: none; margin-left: 1px; }
#reports .titlebar ul li a { float: left; height: 24px; padding-top: 4px; color: #ffffff; font-size: 10pt; text-decoration: none; background: url(../Images/tab_green_stretch2.gif) repeat-x; }
#reports .titlebar ul li a:hover { text-decoration: none; }
#reports .titlebar ul li div.l { float: left; height: 28px; width: 8px; cursor: pointer; background: url(../Images/tab_green.jpg) no-repeat 0 0; }
#reports .titlebar ul li div.r { float: left; height: 28px; width: 8px; cursor: pointer; background: url(../Images/tab_green.jpg) no-repeat -120px 0; }
#reports .titlebar ul li.active a { background: #63686a none; }
#reports .titlebar ul li.active div.l { background: url(../Images/tab_grey.jpg) no-repeat 0 0; }
#reports .titlebar ul li.active div.r { background: url(../Images/tab_grey.jpg) no-repeat -120px 0; }
#reports .filterbar .radio { padding-right: 30px; }
#reports .filterbar .radio input { margin: 0 4px 0 8px; }
#reports .filterbar .radio labelx { position: relative; top: -2px; }
#reports .listcontainer { height: 100px; width: 890px; border-style: none; }

/* generic combobox */
.combobox { cursor: pointer; }
.comboboxitem { background-color: #f6f6f6; cursor: pointer; }
.comboboxitemhover { background-color: #e6e6e6; cursor: pointer; }
.comboboxdropdown { cursor: default; }
.comboboxdropdowncontent { border: solid 1px #dfdfdf; background-color: #f6f6f6; }

/* validator message */
.error { background: #ffffff url(../Images/sprite_astirisk2.gif) no-repeat -13px 3px; position: absolute; width: 13px; height: 20px; margin: 0pt 6px; text-indent: -9999px; }
.errordarkgray { background: #cccccc url(../Images/sprite_astirisk2.gif) no-repeat -26px 3px; height: 16px; margin: 0 6px; position: absolute; text-indent: -9999px; width: 13px; top: 4px; }
.errorlightgray { background: #dfdfdf url(../Images/sprite_astirisk2.gif) no-repeat 0px 3px; height: 16px; margin: 0 6px; position: absolute; text-indent: -9999px; width: 13px; top: 4px; }

/* email mailto icon */
a.email { background: #ffffff url(../Images/sprite_email.gif) no-repeat 0px 0px; display: block; margin: 0; height: 17px; width: 20px; float: left; }
a.email.addedit { position: absolute; right: -25px; top: 6px; }
table.data tbody td.emailcell   { padding-top: 3px; width: 20px; }
table.data thead th.emailheader { width: 20px; }
table.data tbody tr:hover td.emailcell a.email  { background: #e6e6e6 url(../Images/sprite_email.gif) no-repeat -21px 0px; }
table.data tbody tr.modify td.emailcell a.email { background: #f3f3b7 url(../Images/sprite_email.gif) no-repeat -63px 0px; }

/* billing page */
.billing h1 { height: 46px; font-size: 10pt; font-weight: bold; text-align: center; vertical-align: top; }
table#billingchart { border-collapse: collapse; }
table#billingchart tr { height: 37px; }
table#billingchart thead tr { height: 32px; }
table#billingchart tr.odd { background-color: #fafafa; }
table#billingchart th { background-color: #ffffff; }
table#billingchart th, table#billingchart td { font-size: 10pt; }
table#billingchart thead th, table#billingchart td { text-align: center; }
table#billingchart thead th.col1, table#billingchart tfoot td.col1 { width: 101px; }
table#billingchart thead th.col2, table#billingchart tfoot td.col2 { width: 102px; }
table#billingchart tbody td { width: 100px; border: solid 1px #e6e6e6; }
table#billingchart tbody th { width: 169px; padding-right: 8px; font-size: 10pt; text-align: right; }
table#billingchart th, table#billingchart tfoot td { font-weight: bold; }
table#billingchart thead th, table#billingchart tfoot td { color: #ffffff; height: 24px; }	
table#billingchart thead th.col1 { background: url(../Images/sprite_box_curves1.gif) no-repeat 0 0; }
table#billingchart thead th.col2 { background: url(../Images/sprite_box_curves1.gif) no-repeat -108px 0; }
.pers table#billingchart tfoot td.col1 { color: #666666; font-weight: bold; background: url(../Images/sprite_box_curves1.gif) no-repeat 0 -32px; }
.pers table#billingchart tfoot td.col2 { color: #797979; font-weight: normal; background: url(../Images/sprite_box_curves1.gif) no-repeat -108px -64px; }
.team table#billingchart tfoot td.col1 { color: #797979; font-weight: normal; background: url(../Images/sprite_box_curves1.gif) no-repeat 0 -64px; }
.team table#billingchart tfoot td.col2 { color: #666666; font-weight: bold; background: url(../Images/sprite_box_curves1.gif) no-repeat -108px -32px; }
.pers table#billingchart tbody tr td.col1, .team table#billingchart tbody tr td.col2 { color: #0173ac; font-weight: bold; background-color: #f3f3b7; }
.pers table#billingchart tbody tr td.col2, .team table#billingchart tbody tr td.col1 { color: #d2d2d2; font-weight: bold; }
table#billingchart tfoot td { padding-bottom: 4px; }
table#billingchart tfoot td input { margin-right: 6px; position: relative; top: 1px; }

.billingtype { float: left; width: 430px; border-right: dotted 1px #797979; }
#billinginfo { float: right; width: 420px; position: relative; }
#billinginfo dt { clear: both; float: left; text-align: right; width: 150px; padding-right: 8px; }
#billinginfo dd { float: left; width: 200px; text-align: left; }
#billinginfo dd * { color: #666666; font-size: 10pt; font-weight: normal; }
#billinginfo .note { clear: both; font-size: 9pt; padding: 6px 24px; }
#billinginfo #sslcert { position: absolute; bottom: 70px; right: 4px; }

/* verification page */
#templatechoices { position: relative; height: 84px; padding: 17px; margin: 20px 80px; border: solid 2px #0d7396; background-color: #f7f7f7; }
#templatechoices .corner, #flashdemo .corner { position: absolute; height: 17px; width: 17px; }
#templatechoices .corner.topleft { top: -2px; left: -2px; background: url(../Images/sprite_box_corners1.gif) no-repeat 0 0; }
#templatechoices .corner.topright { top: -2px; right: -2px; background: url(../Images/sprite_box_corners1.gif) no-repeat -17px 0; }
#templatechoices .corner.bottomleft { bottom: -2px; left: -2px; background: url(../Images/sprite_box_corners1.gif) no-repeat -34px 0; }
#templatechoices .corner.bottomright { bottom: -2px; right: -2px; background: url(../Images/sprite_box_corners1.gif) no-repeat -51px 0; }

#flashdemo { position: relative; padding: 17px 43px; margin: 0 80px; border: solid 2px #0d7396; background-color: #dfdfdf; }
#flashdemo h1 { color: #0d7396; font-size: 16px; text-align: left; margin-bottom: 10px; }
#flashdemo .corner.topleft { top: -2px; left: -2px; background: url(../Images/sprite_box_corners1.gif) no-repeat 0 -17px; }
#flashdemo .corner.topright { top: -2px; right: -2px; background: url(../Images/sprite_box_corners1.gif) no-repeat -17px -17px; }
#flashdemo .corner.bottomleft { bottom: -2px; left: -2px; background: url(../Images/sprite_box_corners1.gif) no-repeat -34px -17px; }
#flashdemo .corner.bottomright { bottom: -2px; right: -2px; background: url(../Images/sprite_box_corners1.gif) no-repeat -51px -17px; }
#templateDetailDiv { width: 599px; padding: 20px 0 16px 23px; background-color: #ffffff; border: solid 1px black; }

p.indented { margin: 0 20px; }
.actable
{
	background-color:#E7E7E7;
		border:1px solid #000000;
}
.actdmain
{
	border-bottom:1px solid #000000;
	height:50px;
	
	
}
.actdmain a
{
	 font-weight:bold;
    color:Blue;
}
.actrmain
{
	 border-bottom:1px solid #000000;
}
.actd
{

   text-decoration:none;
  
}
.actdselect
{
	height:50px;
	 background-color:Blue;
  
}
.actdselect a
{
	text-decoration:none;
   font-weight:bold;
   color:#ffffff;
}