


body {background-color: #2f4357; font-size:12px; font-family:tahoma; line-height:17px; color:#383936; padding:10px; margin:0px;}
td{ font-size:12px; font-family: tahoma; line-height:17px; color:#383936;}
.smalltxt { font-size:12px; font-family:tahoma; line-height:17px; }
.borderpad {
    border: 1px solid #000000;
    padding: 0px;
    outline-offset: -2px;
}

a {color:#2f4357;}
a:hover {color:#202020;}

.splashBody { background: url(../Images/Splash-Glow.png) no-repeat top center; background-position:0 80px;background-color: #f3f6f9; font-size:13px; font-family: "Segoe UI", Calibri, Tahoma, Verdana, Arial,Helvetica, sans-serif;line-height:17px; color:#697683;padding:10px;margin:0px;}

.splashOutterDiv {width:735px; position:relative;}
.BGglow {width:900px; height:500px; background: url(../Images/Splash-Glow.png) no-repeat top left; position:absolute;}
.KeymetricLogo {position:absolute; left:20px;}
.PartnerLogo {position:absolute; right:20px;}
.splashInnerDiv {margin-top:65px; position:relative;}
.splashHeader {font-Size:35px; line-height:34px; letter-spacing:-1px; font-weight:normal; color:#68655f; position:absolute; right:50px; width:380px; text-align:right;}
.splashSubHeader {font-Size:18px; line-height:18px; letter-spacing:-1px; font-weight:normal; color:#68655f; position:absolute; right:50px; top:70px; width:380px; text-align:right;}
.splashUpperRight {font-Size:18px; line-height:22px; letter-spacing:-1px; font-weight:normal; color:#68655f; text-align:right;}
.splashScreenshot {position:absolute; top:0px; left:20px; background: url(../Images/keymetric-analytics-screenshot1.gif) no-repeat top left; width:351px; height:333px;}

.outterDiv {width:735px; position:relative;}
.outterDivAcct {width:780px; position:relative;}
.innerDiv {margin-top:90px; position:relative;}

.signupHeader {padding-left:50px; padding-top:20px; }
div.stepsNav {color:#b5b7af; font-size:11px; padding-left:45px;}
div.stepsNav span {padding:5px;}
.curStep {color:#94b127; font-weight:bold;}
.pastStep {color:#383936;}

.stepsHeader1 { border-bottom:1px dotted #cccccc;background: url(../Images/Step-1-Icon.gif) no-repeat top left;margin-bottom:20px;}
.stepsHeader2 { border-bottom:1px dotted #cccccc;background: url(../Images/Step-2-Icon.gif) no-repeat top left;margin-bottom:20px;}
.stepsHeader3 { border-bottom:1px dotted #cccccc;background: url(../Images/Step-3-Icon.gif) no-repeat top left;margin-bottom:20px;}
.stepsHeader4 { border-bottom:1px dotted #cccccc;background: url(../Images/Step-4-Icon.gif) no-repeat top left;margin-bottom:20px;}
.stepsHeader5 { border-bottom:1px dotted #cccccc;background: url(../Images/Step-5-Icon.gif) no-repeat top left;margin-bottom:20px;}

.userAgreement {height:250px;overflow-y:scroll;}

.sepLine {border-bottom:1px dotted #cccccc;padding-top:10px; margin-bottom:10px; }
.vdivider{border-right:1px dotted #cccccc; height:100%; margin:0 10px 0 10px; }
.vdividershort{border-right:1px dotted #cccccc; height:160px; margin:0 10px 0 10px; }
.vfulldivider{border-right:1px dotted #cccccc; vertical-align:top; height:500px; margin:25px 10px 0 20px; }


.actionButtonsDiv {background-color:#2f4357; height:60px;}
.nextDiv {padding:15px; width:90%; top:0px; left:0px;}
.prevDiv {padding:15px; position:absolute; width:500px; top:0px; left:0px;}
.dropdown1 { font-size:13px; font-family:tahoma;}
.dropdown2 { font-size:11px; font-family:tahoma; border:0px;}
.submit1 {padding:5px; color:#ffffff; border:1px solid #202020; background-color:#2f4357; font-size:14px; font-weight:normal;  font-family:tahoma;}
.submit1:hover {padding:5px; color:#ffffff; border:1px solid #202020; background-color:#202020; font-size:14px; font-weight:normal;  font-family:tahoma;}
.submit2 {border:0px; width:27px; height:15px; color:#ffffff; border:1px solid #202020; background-color:#2f4357; font-size:11px; font-weight:bold; line-height:10px; font-family:tahoma;}
.submit2:hover {border:0px; width:27px; height:15px; color:#ffffff; border:1px solid #202020; background-color:#202020; font-size:11px; font-weight:bold; line-height:10px; font-family:tahoma;}
.submit3 {overflow: visible; font-size:10px; padding:4px; color:#ffffff; border:1px solid #202020; text-align:center; background-color:#2f4357;}
.submit3:hover {overflow: visible; font-size:10px; padding:4px; color:#ffffff; border:1px solid #202020; text-align:center; background-color:#202020;}
.input1 {border:1px solid #a5acb2; padding:5px; width:380px; height:30px;}
.input1Highlight {border:2px solid #5abf15; padding:5px; width:380px; height:30px;}
.input2 {border:1px solid #a5acb2; padding:5px; width:208px; height:30px;}
.input2Highlight {border:2px solid #5abf15; padding:5px; width:208px; height:30px;}
.input3 {border:1px solid #a5acb2; padding:5px; width:110px; height:30px;}
.input3Highlight {border:2px solid #5abf15; padding:5px; width:110px; height:30px;}
.textarea1 {border:1px solid #a5acb2; padding:5px; width:380px; height:100px;}
.textarea1Highlight {border:2px solid #5abf15; padding:5px; width:380px; height:100px;}
.hpot {display:none;}







.formAreaOutterDiv {background-color:#ffffff; padding:32px; margin-top:5px; width:675px;}
.formAreaInnerDiv {background-color:#f3f6f9; padding:10px 30px 20px 30px; text-align:left;}

div.signUpButton {position:absolute; right:150px; top:150px; position: absolute; font-size: 18px; text-align:center;}
div.signUpLearn {position:absolute; left:420px; top:210px; position: absolute; font-size: 11px;}
div.signUpButton a {display: block;}
div.signUpButton a.signUpLink {padding-top:20px; padding-bottom:25px; text-decoration:none; color:#ffffff; background-color: #bcc3ca; width: 165px; }
div.signUpButton a.signUpLink:hover {background-color: #3b3c39; text-decoration: none;}
div.loginLink {position:absolute; left:420px; top: 260px; font-size:11px; }
div.loginLink a {display: block; font-size:13px;}
div.loginLink a.memberLink:hover span {color:#bcc3ca;font-weight:bold;}

.mainNavShadow {width:730px; height:180px; position:absolute; left:0px; top:325px; background-color:#c6d8a5; z-index:15;}
.mainNav {width:720px; height:175px; position:absolute; left:5px; top:325px; background-color:#ffffff; z-index:20;}
.mainNavBottom { width:10px; height:550px;}

div.nav1 { font-size:11px; line-height:14px; width:240px; height:175px; position:absolute; left:0px; top:0px; border-right:1px dotted #cccccc;}
div.nav1 a {display: block;}
div.nav1 a span { color:#8eac1a; }
div.nav1 a.mainNavLink {display: block; color:#777777; text-decoration:none;padding:20px 10px 20px 10px;}
div.nav1 a.mainNavLink:hover {border-top:5px solid #bcc3ca; padding:15px 10px 20px 10px;}
div.nav1 a.mainNavLink:hover span {color:#bcc3ca;font-weight:bold;}

div.nav2 { font-size:11px; line-height:14px; width:240px; height:175px; position:absolute; left:240px; top:0px; border-right:1px dotted #cccccc;}
div.nav2 a { display: block;}
div.nav2 a span { color:#8eac1a;}
div.nav2 a.mainNavLink {display: block; color:#777777; text-decoration:none;padding:20px 10px 20px 10px;}
div.nav2 a.mainNavLink:hover {border-top:5px solid #bcc3ca; padding:15px 10px 20px 10px;}
div.nav2 a.mainNavLink:hover span {color:#bcc3ca;font-weight:bold;}

div.nav3 { font-size:11px; line-height:14px; width:240px; height:175px; position:absolute; left:480px; top:0px;}
div.nav3 a { display: block;}
div.nav3 a span {color:#8eac1a;}
div.nav3 a.mainNavLink {display: block; color:#777777; text-decoration:none; padding:20px 10px 20px 10px;}
div.nav3 a.mainNavLink:hover {border-top:5px solid #bcc3ca; padding:15px 10px 20px 10px;}
div.nav3 a.mainNavLink:hover span {color:#bcc3ca;font-weight:bold;}










h1 {Font-Size:22px; line-height:22px; font-weight:normal; color:#202020; padding: 8px 0px 12px 0px; margin: 0px 0px 0px 0px;}
h2 {Font-Size:22px; line-height:22px; font-weight:normal; color:#202020; padding: 0px 0px 12px 35px; margin: 0px 0px 0px 0px;}
h3 {Font-Size:18px; font-weight:normal; color:#202020; padding: 15px 0px 6px 0px; margin: 0px 0px 0px 0px;}
h4 {Font-Size:13px; line-height:19px; font-weight:bold; color:#202020; padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px;}
h5 {Font-Size:22px; line-height:22px; font-weight:normal; color:#202020; padding: 0px 0px 12px 0px; margin: 0px 0px 0px 0px;}
h6 {Font-Size:15px; font-weight:normal; padding: 15px 0px 0px 0px; margin: 0px 0px 5px 0px; color:#202020;}


li {margin-bottom: 7px;}
ul {margin-top:5px;}




.accountInfo {position:absolute; left:370px; top:0px; width:365px; height:45px; background-color:#ffffff; border:1px solid #bcc3ca; padding:5px;}
.accountInfo2 {position:absolute; right:0px; top:10px; width:550px; height:45px; background-color:#ffffff; border:1px solid #bcc3ca; padding:5px;}
/* left:250px; */
.name {color:#403f3d; font-size:15px;}
.company {color:#202020; font-size:12px;}
.footnote {color:#FFFFFF; font-size:12px;}
.accountLinks {position:absolute; right:10px; top:7px;}
.profileLinks {position:absolute; right:10px; bottom:6px;}
.loginLinks {position:absolute; left:5px; top:7px;}
.helpLinks {position:absolute; left:5px; bottom:15px;}


.pageName {Font-Size:22px; color:#202020; padding: 0px 0px 20px 10px;}
.tabArea {margin-left:10px;}
a.tabSelected {color:#202020; font-size:14px; background-color:#f3f6f9; border:1px solid #bcc3ca; border-bottom-width: 0px; padding: 2px 1em 2px 1em;position: relative;text-decoration: none; top: 3px;}
a.tabSelected:hover { background-color: #f3f6f9; color:#202020;}
a.tab {color:#ffffff; background-color:#2f4357; font-size: 14px; border:1px solid #bcc3ca; border-bottom-width: 0px; padding: 2px 1em 2px 1em; position: relative;text-decoration: none;top: 3px;}
a.tab:hover {background-color:#ffffff; color:#2f4357}


.managementTableHolder {padding:2px; position: relative; z-index:91; min-height:250px; background-color: #ffffff; margin-top:5px; border-top:5px solid #f3f6f9; border-right:1px solid #f3f6f9; border-bottom:1px solid #f3f6f9; border-left:1px solid #f3f6f9;}
.headerRow{ background-color:#4c6073; height:35px;}
.headerCell{color:#ffffff; padding:3px; font-weight:bold;}
.headerCellLast{color:#202020; border-bottom:1px solid #bcc3ca;}
.evenCell {color:#202020; border-right:1px solid #bcc3ca; border-bottom:1px solid #bcc3ca; padding:5px;}
.evenCellLast {color:#202020;  border-bottom:1px solid #bcc3ca; padding:5px;}
.GrayRow td.evenCell { color:gray; }
.RedRow td.evenCell { color:red; }
.BoldRow td.evenCell { font-weight:bold; }
.oddRow {background-color:#f3f6f9;}
.oddCell {color:#202020; border-right:1px solid #bcc3ca; border-bottom:1px solid #bcc3ca; padding:5px;}
.oddCellLast {color:#202020;  border-bottom:1px solid #bcc3ca; padding:5px;}
.hoverRow {background-color:#bcc3ca;} /*#2f4357*/
.selectRow {background-color:#bcc3ca;}

.footerRow {background-color:#bcc3ca; padding-left:2px; height:35px;}
.footerCell {color:#ffffff;font-weight:bold; padding:5px;}

.campaignTableHolder {padding:30px; position: relative; z-index:91; background-color:#ffffff; margin-top:5px; border-top:5px solid #bcc3ca; border-right:1px solid #bcc3ca; border-bottom:1px solid #bcc3ca;border-left:1px solid #bcc3ca;}
.campaignTableInner {padding:15px; position: relative; background-color: #f3f6f9;}
.campaignTitle {color:#202020; font-size:17px;}
.campaignName {color:#202020; font-size:15px;}
.campaignCategory {font-size:13px;}
.campaignDate {font-size:13px; position: absolute; top:15px; right:50px;}
.campaignRightSide {font-size:13px; float:right; right:50px; }
.campaignDetailsHolder {padding:2px;background-color: #ffffff; border:1px solid #bcc3ca;}

.backToAccountsDiv {position:absolute;}
.addNumberForm { width:225px; overflow:hidden;}


.submenuArea {margin-left:1px; background-color:#f3f6f9;}
.submenuSelected { height:18px; color:#5abf15; font-size: 12px; background: #f3f6f9; border: 1px solid #bcc3ca; padding: 4px 8px 4px 8px; text-decoration: none; top: 8px;}
.submenuSelected a { color:#5abf15; font-size: 12px; text-decoration: none; }
.submenu { height:18px; color:#2f4357; background: #f3f6f9; font-size: 12px; border: 1px solid #b0c882; padding: 4px 8px 4px 8px; text-decoration: none;top: 8px;}
.submenu a { color:#2f4357; font-size: 12px; text-decoration: none; }
.submenu a:hover { font-weight:normal; color:#202020;}
/*{ font-size:12px; font-weight:bold; background:#f3f6f9; height:30px; border-top:2px solid #bcc3ca;}*/



/* NEW CSS STYLES */

.outterDiv2 {width:100%; min-width:990px; xwixdth:990px; position:relative;}
.innerDiv2 {margin-top:70px; position:relative; z-index:0;}

.managementTableHolderInner {padding:15px 10px 0px 10px;}
.managementTableHolderData {padding:0px 10px 10px 10px;}
.managementTableHolderData2 {padding:0px 0px 10px 0px;}

.reportTitle {color:#6d6d6d; font-size:18px; margin-right:15px;}

.reportheading {position:relative;float:left; height:30px;}

.actionsGraphTab {position:relative; height:27px}

.reportDateRage {color:#202020; font-size:13px; position:relative; float:left; margin:0px 10px 0px 0px; }
.buttons a, .buttons button{display:block;position:relative; float:left; margin:0 10px 0 0; cursor:pointer; }
.buttons button{width:auto; overflow:visible; padding:4px 10px 3px 7px; }
.buttons button img, .buttons a img{margin:0 3px -3px 0 !important; padding:0; border:none;}
/*button:hover, .buttons a:hover{background-color:#f5f8fc; text-decoration:none; color:#2f4357;}*/
/*.buttons a:active{background-color:#f3f6f9; color:#ffffff;}*/


.graphTabs{display:block; position:absolute; right:30px; top:0px;}

.chartContainer {display: block; margin:0 0 0 0;}
.chartContainer .content {background: #f3f6f9; padding:0; width:100%; xwidth:964px; overflow: hidden;}
.chartContainer .round_span3 {background: #f3f6f9; display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0 3px;}
.chartContainer .round_span2 {background: #f3f6f9; display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0 2px;}
.chartContainer .round_span1 {background: #f3f6f9; display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0 1px;}

.datapanel {position:relative;}
.leftautoscroll { cursor:w-resize; }
.rightautoscroll { cursor:e-resize; }
/*	Invisible left hotspot */
div.scrollingHotSpotLeft
{
	width: 12px;
	height: 100%;
		/*	There is a big background image and it's used 
		to solve some problems I experienced
		with Internet Explorer 6. */
	background-image: url(/assets/images/scroller/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	/* url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur), */
	cursor: w-resize;
}


/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	width: 12px;
	height: 100%;
	margin-top:120px;
	background-image: url(/assets/images/scroller/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	top:0;
	right: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	/* url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur), */
	cursor: e-resize;
}

.dataContainer {display: block; margin:10px 0 0 0;}
.dataContainer .content {background: #f3f6f9; padding:0; width: 100%; xwidth:964px; overflow: hidden;}
.dataContainer .round_span3 {background: #f3f6f9; display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0 3px;}
.dataContainer .round_span2 {background: #f3f6f9; display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0 2px;}
.dataContainer .round_span1 {background: #f3f6f9; display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0 1px;}

.recordsDiv {position:relative; display:block; margin:7px 0 0 0;height:20px;}
.recordsDiv select, .recordsDiv input {font-size:11px; float:left; margin:0 3px 0 3px}
.recordsDiv img {float:left; margin:0 2px 0 0}
.recordsNavigation {float:right;}
.recordsLabel {float:left; line-height:1.2em;margin:1px 1px 1px 1px;padding:2px 5px 0 15px;}



.records{color:#202020; font-size:11px; width:100%; border-collapse:collapse; margin:0; padding:0; /*border-top:1px dashed #bcc3ca; border-left:1px solid #bcc3ca; border-right:1px solid #bcc3ca; border-bottom:1px solid #bcc3ca;*/}
.records th{font-size:11px; line-height:13px; vertical-align:bottom; text-align:right; font-weight:bold;/* border-top: 1px solid #bcc3ca; background:#f3f6f9; background: url(../Images/Table-header-BG.gif) repeat-x top;*/}
.records th.col1{text-align:left;}
.records th a {display:block; padding:5px 5px 15px 5px;/* color:#556870; text-decoration:none;*/}
.records td{border-right: 1px solid #bcc3ca; border-left:1px solid #bcc3ca; border-bottom: 1px solid #bcc3ca; padding:3px 7px 3px 3px;text-align:right; white-space:nowrap;}/*test:width:10%}*/
.records td.exCol{width:1%; padding: 0 0 0 3px; border:0px; border-left:1px solid #bcc3ca; border-bottom: 1px solid #bcc3ca; white-space:nowrap;}
.records td.text{text-align:left; white-space:nowrap;}/*test-width:30%;*/
/*.records tr {background:#ffffff;}*/
.records .tr_lvl_1 { font-size:13px; color:#ffffff; font-weight:bold; background:#4c6073; height:30px; border-top:2px solid #bcc3ca; border-left:1px solid #bcc3ca; border-right:1px solid #bcc3ca;}
.records .tr_lvl_1 td { color:#ffffff;}
.records .tr_lvl_2 { font-size:12px; font-weight:bold; background:#f3f6f9; height:30px; border-top:2px solid #bcc3ca;}
.records .td_lvl_2 { padding-left:2px; width:1px;white-space:nowrap;}
.records .tr_lvl_3 { font-size:12px; font-weight:bold; background:#ffffff; height:30px; border-top:2px solid #bcc3ca;}
.records .td_lvl_3 { padding-left:10px; width:1px;white-space:nowrap;}
.records .tr_lvl_4 { background:#ffffff; }
.records .td_lvl_4 { padding-left:20px; width:1px;white-space:nowrap;}
.records .tr_lvl_5 { Background:#ffffff;}
.records .td_lvl_5 { padding-left:30px; width:1px;white-space:nowrap;}
.records .tr_lvl_6 { Background:#ffffff;}
.records .td_lvl_6 { padding-left:40px; width:1px;white-space:nowrap;}
.records .tr_lvl_7 { Background:#ffffff;}
.records .td_lvl_7 { padding-left:50px; width:1px;white-space:nowrap;}
.records .tr_lvl_8 { Background:#ffffff;}
.records .td_lvl_8 { padding-left:60px; width:1px;white-space:nowrap;}
.records .tr_lvl_9 { Background:#ffffff;}
.records .td_lvl_9 { padding-left:70px; width:1px;white-space:nowrap;}
.records .tr_lvl_10 { Background:#ffffff;}
.records .td_lvl_10 { padding-left:80px; width:1px;white-space:nowrap;}
.records th.sortUp1 {font-weight:bold; color:#5abf15; background: #ffffff url(../Images/Sort-Up.gif) left bottom no-repeat; border-bottom:2px solid #5abf15;}
.records th.sortDown1 {font-weight:bold;color:#5abf15; background: #ffffff url(../Images/Sort-Down.gif) left bottom no-repeat; border-bottom:2px solid #5abf15;}
.records th.sortUp1 a {color:#5abf15!important;}
.records th.sortDown1 a {color:#5abf15!important;}
.records th.sortUp {font-weight:bold; color:#5abf15; background: #ffffff url(../Images/Sort-Up.gif) right bottom no-repeat; border-bottom:2px solid #5abf15;}
.records th.sortDown {font-weight:bold; color:#5abf15; background: #ffffff url(../Images/Sort-Down.gif) right bottom no-repeat; border-bottom:2px solid #5abf15;}
.records th.sortUp a {color:#5abf15!important;}
.records th.sortDown a {color:#5abf15!important;}
.records .evenRow {background-color:#ffffff;}
.records .oddRow {background-color:#f3f6f9;}
.records .oddRow .sort {background-image:url(../Images/Sort-BG-1.gif);}
.records .evenRow .sort {background-image:url(../Images/Sort-BG-2.gif);}
.records .tr_lvl_3 .sort {background-color:#f3f6f9; }
.records .tr_lvl_2 .sort {background-color:#bcc3ca; }
.records .tr_lvl_1 .sort {background-color:#2f4357;}
/*  border-left:2px solid #bcc3ca; border-right:2px solid #bcc3ca; */



th.text a,td.text a{margin-left:1px;}
.text_wrapper{display:block; position:relative; margin:0; width:100%; height:17px;}
.text_wrapper .text_wrapper{position:absolute; top:0;left:0; padding:0; width:100%; height:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
.text_wrapper .text_wrapper img{vertical-align:top;padding-right:2px}

.hide {display:none; }

.fixedtable     {table-layout:fixed; }


.HelpiFrameCss
{
    overflow:auto;
    width:495px;
    height:495px;
    padding:2px;
}



.paddingRight {padding-right:20px;}
.paddingRight2 {padding-right:7px;}
.paddingLeft15 {padding-left:15px;}
.systemMessage {background-color:#2f4357; border:2px solid #bcc3ca;}

.titleBar {color:#ffffff;font-size: 14px; background-color: #f3f6f9; border: 1px solid #bcc3ca; padding-bottom:0px; margin-bottom:0px; border-bottom-width: 0px;position: relative;text-decoration: none; top: 3px;}
/*padding: 2px 1em 2px 1em;*/

/* NEW CSS STYLES */

/* Report List styles */

.NavBar
{ 
  background-color: white; 
  padding: 0px;
  cursor:default;
  width:350px;
  height:300px;
}
.ReportListGroup { height:20px; color:#ffffff; font-size: 14px; background: #bcc3ca; border-top: 1px solid #202020; padding: 4px 2em 2px 2em; text-decoration: none; top: 8px; cursor: pointer; font-weight:bold; }
.ReportListGroupLast { height:20px; color:#ffffff; font-size: 14px; background: #bcc3ca; border-top: 1px solid #202020; border-bottom: 1px solid #202020; padding: 4px 2em 2px 2em; text-decoration: none; top: 8px; cursor: pointer; font-weight:bold; }
.ReportListReport { height:18px; color:#bcc3ca; background: #2f4357;font-size: 12px; border: 1px solid #b0c882; padding: 4px 1em 2px 1em; text-decoration: none;top: 8px; cursor:pointer; padding-left:3px; padding-right:20px; }
.ReportListReportHover { height:18px; color:#ffffff; background: #2f4357; font-size: 12px; border: 1px solid #bcc3ca; padding: 4px 1em 2px 1em; text-decoration: none;top: 8px; cursor:pointer; padding-left:3px; padding-right:3px; font-weight:bold; }
.ReportListReportActive { height:18px; color:#ffffff; background: #2f4357; font-size: 12px; border: 1px solid #bcc3ca; padding: 4px 1em 2px 1em; text-decoration: none;top: 8px; cursor:pointer; padding-left:3px; padding-right:3px; font-weight:bold; }


.filterDiv {position:relative;display:block; margin:7px 0 0 0;height:100px;}
.filterDiv select, .filterDiv input {font-size:11px;float:left;margin:0 3px 0 3px}


/* tooltip styles */

.hotspot {font-size:12px; line-height:1.3; font-weight:normal; cursor:pointer}

#tt {position:absolute; display:block; background:url(/assets/images/tooltip/tt_leftx.gif) top left no-repeat; z-index:999;}
#tttop {display:block; height:5px; margin-left:5px; background:url(/assets/images/tooltip/tt_topx.gif) top right no-repeat; overflow:hidden;}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#2f4357; border:2px solid #cccccc; color:#000000; font-size:12px; line-height:1.3; text-align:left;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/assets/images/tooltip/tt_bottomx.gif) top right no-repeat; overflow:hidden}


#hint {position:absolute; display:block; z-index:999;}
#hinttop {display:block; height:5px; margin-left:5px; }
#hintcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#2f4357; border:2px solid #bcc3ca; color:#202020; font-size:12px; line-height:1.3; text-align:left;}
#hintbot {display:block; height:5px; margin-left:5px; background:url(/assets/images/hint/hint_bottom.gif) top left no-repeat; overflow:hidden}
#hintarrow {display:block; height:20px; margin-left:5px; background:url(/assets/images/hint/hint_arrow.gif) top left no-repeat; overflow:hidden}



/* testing new dashboard */
.dashboardHeading { vertical-align:top; Font-Size:18px; font-weight:normal; color:#000000; padding: 15px 0px 15px 25px; margin: 0px 0px 0px 0px;}

.dashHead {text-align:left; Font-Size:13px; font-weight:normal; color:#959691; padding: 1px 0px 1px 20px; margin: 0px 0px 0px 0px;}
td.dashHead {text-align:left; Font-Size:13px; font-weight:normal; color:#959691; padding: 1px 0px 1px 20px; margin: 0px 0px 0px 0px;}

.dashNumber {text-align:right; width:50px; Font-Size:13px; font-weight:normal; color:#000000; padding: 1px 0px 1px 0px; margin: 0px 0px 0px 0px;}
td.dashNumber {text-align:right; Font-Size:13px; font-weight:normal; color:#000000; padding: 1px 0px 1px 0px; margin: 0px 0px 0px 0px;}


/* filter dropdown */
/*#search-filters{clear:both;display:block;line-height:15px;margin-bottom:0;padding:10px 10px 5px;border-bottom:1px dotted #EEE;}*/
/*.search-filters .currentfilter{float:right;}
.search-filters .removefilter {float:right; height:15px;margin-left:0px;padding:0 0 0 0px;background:url(/assets/images/combobox/Delete-Filter.gif) no-repeat;}
*/
/*.search-filters small{position:relative;background:#f3f6f9;border:1px solid #bcc3ca;clear:right;color:#000;display:block;float:left;font-size:12px;margin:-1px 11px 5px -6px;overflow:hidden;padding:1px 6px;white-space:nowrap;}
.search-filters smaller{position:relative;clear:right;color:#000;display:block;float:left;font-size:12px;margin:-1px 11px 5px -6px;overflow:hidden;padding:1px 6px;white-space:nowrap;}
.search-filters small a.cancel{display:inline;height:11px;margin-left:5px;padding:0 0 0 11px;background:url(../Images/Delete-Filter.gif) no-repeat;}
.comboBox { border: 1px solid #A6A7AA; background-color: white; }
.comboBoxHover { border: 1px solid #555555; background-color: white; }

*/

.search-filters{position:relative; }
.search-filters .filterhdg { vertical-align:bottom; float:left; margin-right:10px; }
.search-filters .filter { float:right; font-size:15px; margin-right:0px; color:#202020; }
.search-filters .filterarea { float:right; font-size:15px; color:#202020; }
.comboContent { height:auto; }
.comboTextBox { cursor:default; background:#f3f6f9; border:1px solid #bcc3ca; color:#202020; overflow:hidden; padding:1px 5px 1px 5px; white-space:nowrap; font-size:14px;}
.comboDropDown { border: 1px solid #bcc3ca; background-color:#ffffff; cursor:default;}
.comboItem { background-color:white; font-family:tahoma; font-size: 11px; padding: 4px 3px 4px 3px; }
.comboItemHover { cursor:default; background-color:#f3f6f9; font-family:tahoma; font-size: 11px; border: 1px solid #bcc3ca; padding: 3px 2px 3px 2px; } 
.comboItemSelected { cursor:default; background-color: #f3f6f9; font-family:tahoma; font-size: 11px; border: 1px solid #bcc3ca; padding: 3px 2px 3px 2px; } 
/* end filter dropdown */

/* special for report dropdown */
.comboBigTextBox {cursor:default; background:#f3f6f9; border:1px solid #bcc3ca; overflow:hidden; padding:1px 5px 1px 5px; white-space:nowrap; font-size:20px; color:#202020; height:25px; }

/* end special for report dropdown */

/* white background dropdown */
.comboWhtTextBox {cursor:default; background:#ffffff; border:1px solid #bcc3ca; overflow:hidden; padding:1px 5px 1px 5px; white-space:nowrap; font-size:14px;}
/* end whit background dropdown */


/* report editing styles */
.BigTextBox {cursor:default; background:#ffffff; border:1px solid #bcc3ca; overflow:hidden; padding:1px 5px 1px 5px; white-space:nowrap; font-size:20px; color:#202020; height:25px; }

/* drag-drop-grid styles */
.Grid { border: 1px solid #9495A2; background-color: #FFFFFF; cursor: default; font-family: verdana; font-size: 12px; }
.Row { background-color: #FFFFFF; cursor: pointer; }
.Row td.DataCell { border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; font-family: verdana; font-size: 12px; cursor: pointer; padding:5px; }
.HoverRow {background-color:#bcc3ca;} /*#2f4357*/
.HoverRow td.DataCell { border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; font-family: verdana; font-size: 12px; cursor: pointer; padding:5px; }
.SelectRow {background-color:#2f4357;}
.SelectRow td.DataCell { border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; font-family: verdana; font-size: 12px; cursor: pointer; padding:5px; }
.SliderPopup { background-color: #2f4357; border: 1px solid #4B4B6F; border-top-color: #9495A2; border-left-color: #9495A2; width: 300px; font-family: Verdana; font-size:12px; height:16px; padding: 2px; } 

/*
.evenCell {color:#403f3d; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:5px;}
.evenCellLast {color:#403f3d;  border-bottom:1px solid #dddddd; padding:5px;}
.oddRow {background-color:#f3f6f9;}
.oddCell {color:#403f3d; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:5px;}
.oddCellLast {color:#403f3d;  border-bottom:1px solid #dddddd; padding:5px;}
*/

/*
.AlternatingRow { cursor: pointer; }
.AlternatingRow td.DataCell { background-color: #F6F6F8; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; font-family: verdana; font-size: 12px; cursor: pointer; padding:5px; }
    HeadingCellCssClass="HeadingCell"
    HeadingTextCssClass="HeadingCellText"
*/

/* end drag-drop-grid styles */


/* snap/dashboard stuff */
.SnapHeader { background-color: #bcc3ca; padding-top: 3px; padding-left: 5px; }
.SnapHeader td { color:#000000; font-size: 14px; }
.SnapContent { font-size: 11px; padding: 3px; border: #bcc3ca 1px solid; background-color: white; cursor: default; margin-bottom: 3px; }
.Dock { padding:5px; background-color:#f3f6f9; }


/* page disable lightbox */
.bgoverlay {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: gray; z-index:1001; -moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=60); }
.lbinside {display: none; position: absolute; top: 25%; left: 25%; width: 50%; height: 200px; padding: 16px; border: 2px solid #bcc3ca; background-color: white; z-index:1002; overflow: auto; }

.redtext { color:#c70505; }

