body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	letter-spacing: 0.25pt;
	text-align: left;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: normal;
	text-decoration: none;
	letter-spacing: 0.25pt;
	word-spacing: 0em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
th {
	text-align: left;
}

div.banner {
	height: 70px;
}

div.banner .logo {
	float: left;
	width: 240px;
	height: 70px;
	background: url(images/sblogo.gif) no-repeat;
}

div.banner .span {
	height: 70px;
	margin-left: 70px;
	background: transparent url(images/fade2blue.jpg) repeat-y scroll right top;
}

div.margin {
	background-color: #7BAA87;
	height: 18px;
}

div.subBanner {
	background: url(images/shadow.jpg) repeat-x top left;
	height: 40px;
	width: 100%;
	border-top: solid 1px White;
	text-align: left;
}

div.loader {
	float: right;
	height: 28px;
	width: 28px;
	background: url(images/loader.gif) no-repeat;
	margin-top: 21px;
	margin-right: 3px;
}

div.widgetHead {
	background: url(images/widgetHeader.jpg) no-repeat;
	width: 178px;
	height: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	letter-spacing: 0.50pt;
	text-align: left;
	text-indent: 10px;
	line-height: 36px;
}

div.widgetBody {
	background: url(images/widgetBody.jpg) no-repeat;
	width: 158px;
	line-height: 20pt;
	font-size: 12px;
	letter-spacing: 0.25pt;
	text-align: left;
	padding: 10px 0px 10px 20px;
	height: 200px;
}

div.navigation {
	float: left;
	width: 178px;
}

div.content {
	margin-left: 178px;
	padding: 10px 30px;
	height: 100%;
}

.displayNone {
	display: none;
}

div.widget {
}

#txtSearch {
	width: 80%;
}

#pageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: Black;
	margin: 6pt 0px 0px 6pt;
}

select {
	border: solid 1px #005278;
	text-transform: capitalize;
}

ul.listView {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border: solid 1px #005278;
}

ul.listView li {
	display: block;
	padding-left: 5px;
}

ul.listView li.selected {
	background-color: #003366;
	color: White;
}

input.select {
	margin-bottom: 10px;
	display: block;
	width: 100%;
}

div.section {
	margin-top: 10px;
}

div.section .head {
	height: 26px;
	background: url(images/sectionbg.png) repeat-x;
	color: White;
	font-weight: bold;
	padding: 3px;
}

div.section input {
	margin-top: 10px;
}

.txt {
	font-family: Arial;
	font-size: 10pt;
	border: solid 1px #3F7C98;
	width: 150px;
}

.silverBtn {
	border: solid 1px #3F7C98;
	padding: 2px;
	background: url(images/silverBtn.png);
	background-repeat: repeat-x;
	font-weight: 200;
	height: 27px;
}

.sel {
	border: solid 1px #3F7C98;
}

div.selectGrid table {
}

div.selectGrid select {
	width: 100%;
}

div.selectGrid .title {
	background: url(images/gridHeadbg.png) repeat-x;
	text-align: center;
	color: White;
	height: 20px;
}

div.selectGrid .title th {
	border-bottom: 1px solid buttonshadow;
	border-left: 1px solid buttonhighlight;
	border-right: 1px solid buttonshadow;
	padding-left: 5px;
}

div.selectGrid .item td {
	border-bottom: solid 1px #3F7C98;
	padding: 2px 5px 2px 5px;
	height: 21px;
}

div.selectGrid .item a {
	color: Blue;
	cursor: pointer;
}

ul.listMenu {
	width: 75px;
	background-color: #E4E4E4;
	border-bottom: 1px solid buttonshadow;
	border-left: 10px solid #216CBB;
	border-right: 1px solid buttonshadow;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	position: absolute;
	text-align: left;
}

ul.listMenu li {
	display: block;
	padding: 1px;
}

ul.listMenu li a {
	text-decoration: none;
	color: Black;
	display: block;
}

ul.listMenu li a:hover {
	background-color: #EFEFEF;
}

div.styledContent .top {
	background: url(images/top.jpg) repeat-x;
	height: 16px;
}

div.styledContent .top .left {
	background: url(images/topLeft.jpg) no-repeat;
	float: left;
	width: 16px;
	height: 16px;
}

div.styledContent .top .right {
	background: url(images/topRight.jpg) no-repeat;
	float: right;
	width: 16px;
	height: 16px;
}

div.includeTitle .top {
	background: url(images/top_title.jpg) repeat-x;
	height: 55px;
}

div.includeTitle .top .left {
	background: url(images/topLeft_title.jpg) no-repeat;
	float: left;
	width: 16px;
	height: 55px;
}

div.includeTitle .top .right {
	background: url(images/topRight_title.jpg) no-repeat;
	float: right;
	width: 16px;
	height: 55px;
}

div.includeTitle .top .head {
	padding-top: 10px;
}

div.includeTitle .top .head .logo {
	background: url(images/adhocReport_small.jpg) no-repeat top right;
	width: 48px;
	height: 32px;
	float: right;
}

div.styledContent .bottom {
	background: url(images/bottom.jpg) repeat-x;
	height: 16px;
}

div.styledContent .bottom .left {
	background: url(images/bottomLeft.jpg) no-repeat;
	float: left;
	width: 16px;
	height: 16px;
}

div.styledContent .bottom .right {
	background: url(images/bottomRight.jpg) no-repeat;
	float: right;
	width: 16px;
	height: 16px;
}

div.styledContent .bodyContent {
	height: 400px;
}

div.includeTitle .bodyContent {
	height: 361px;
}

div.includeTitle .bodyContentIE {
	height: 420px;
}

div.includeTitle .body table {
	padding: 10px;
}

div.styledContent .bodyContent .left, div.styledContent .bodyContentIE .left {
	background: url(images/left.jpg) repeat-y;
	float: left;
	width: 16px;
	height: 100%;
}

div.styledContent .bodyContent .right, div.styledContent .bodyContentIE .right {
	background: url(images/right.jpg) repeat-y;
	float: right;
	width: 16px;
	height: 100%;
}

div#step1 .body {
	height: 370px;
	background: url(images/adhocReport.jpg) no-repeat top right;
}

div#step1 p {
	margin-top: 0px;
}

div#step1 p big {
	font-weight: bold;
}

div#step1 ul {
	list-style-type: square;
}

div.navigate {
	text-align: right;
	width: 260px;
	float: right;
}

.navigationBtn {
	width: 75px;
}

div#step2 p, div#step3 p, div#step4 p, div#step5 p, div#step6 p, div#step7 p {
	margin-top: 0px;
	margin-bottom: 3px;
}

div#step2 .body, div#step4 .body, div#step5 .body, div#step6 .body, div#step7 .body {
	height: 331px;
}

div#step3 .body {
	height: 400px;
}

div#step3 .bodyContent {
	height: 440px;
}

div#step3 .bodyContentIE {
	height: 450px;
}

div.step p {
	margin-top: 0px;
	margin-bottom: 3px;
}

div.step .body {
	height: 331px;
}

#fieldTable {
	height: 395px;
}

#fieldTable tr {
	vertical-align: top;
	width: 100%;
}

#sortableFields, #aggregateFields {
	height: 300px;
	overflow-y: auto;
}

#sortableFields table, #aggregateFields table {
	margin-top: 10px;
	padding: 0px;
}

#btnSelectDetails, #btnRemoveSelection {
	position: relative;
	top: 100px;
}


/*Tree View Styles*/
.treeView {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
	overflow-y: scroll;
	border: 1px solid #005278;
	padding: 3px;
}
.treeView img {
	border: 0px;
	vertical-align: middle;
}
.treeView a {
	color: #333;
	cursor: default;
}
.treeView a.node, .treeView a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.treeView a.node:hover, .treeView a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.treeView a.nodeSel {
	background-color: #c0d2ec;
}
.treeView .clip {
	overflow: hidden;
}
.treeView .parentNode {
	font-weight: bold;
}

#filterCondition {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: solid 1px black;
	height: 20px;
	font-weight: bold;
}

#filterCondition .title {
	float: left;
	width: 130px;
	padding-top: 2px;
	padding-left: 2px;
}

#filterCondition .img {
	width: 20px;
	height: 20px;
	background-image: url(images/annotations.png);
	background-position: -65px 0px;
	float: left;
}


.rootNode {
	display: none;
}

.lableNode {
	float: left;
}

.valueNode span {
	float: left;
	margin-right: 4px;
}

.valueNode input {
	border: 1px solid #005278;
}

.valueNode select {
	font-size: 8pt;
}

.selected {
	color: Red;
}

/*This portion is not need during the original imlementation*/
/*This belongs to adhoc report*/
#clientCSRInterface {
	position: absolute;
	z-index: 99;
	left: 32%;
	width: 40%;
}

#CCSRIBody {
	border: solid 1px black;
	background-color: #DCDCDC;
	height: 50px;
}

#CCSRIHead {
	background: transparent url(images/pullgrip.png) no-repeat scroll center;
	display: block;
	height: 10px;
}

#CCSRIHead.IE {
	margin-top: -3px;
}

.busyNode {
	vertical-align: top;
	margin-left: 2px;
}

/*Annotations*/

div.annotation {
	height: 22px;
	width: 65px;
}

#annAvlFields.annotation {
	width: 132px;
}

#annDetails.annotation {
	width: 125px;
}

div.annotation .title {
	font-weight: bold;
	float: right;
	padding-top: 2px;
}

div.annotation .img {
	background: url(images/annotations.png) no-repeat 0 0;
	width: 20px;
	height: 20px;
}

div.annotation#annGroup .img {
	background-position: -44px 0px;
}

div.annotation#annDetails .img {
	background-position: -23px 0px;
}

div.annotationMsg {
	position: absolute;
	width: 250px;
	height: auto;
	border-top: solid 1px gray;
	border-left: solid 1px gray;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	z-index: 99;
	background-color: #FFFF99;
	padding: 2px 5px 2px 7px;
}

div.annotationMsg h1 {
	font-size: 1.0em;
	margin: 0px;
	padding: 0px;
	display: block;
	margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom: solid 1px black;
}

div.annotationMsg p {
	padding: 0px;
	margin: 0px;
	font-size: 0.8em;
	margin-top: 2px;
	padding-top: 2px;
}

div.step3Annotation {
	display: block;
}

#rptMessage {
	font-size: 0.8em;
	font-weight: bold;
	color: Maroon;
	height: auto;
	padding-left: 5px;
	background-color: #FFFF99;
	margin: auto;
	width: 550px;
	border: solid 1px Maroon;
	margin-bottom: 3px;
}

.IE #rptMessage {
	width: 520px;
}

#rptMessage .message {
	padding-top: 5px;
	padding-bottom: 3px;
}


#rptMessage #btnMsgClose {
	float: right;
	width: 16px;
	height: 16px;
	background: url(images/close.png) no-repeat;
	margin-top: 3px;
	cursor: pointer;
	padding-right: 5px;
	padding-bottom: 3px;
}

.footNode {
	float: left;
	font-size: 0.8em;
}

.reports table {
	width: 80%;	
}

.reports thead th {	
	border-bottom: solid 1px #bcd2e6;	
}

.reports tbody td {	
	padding: 2px;
}