html {overflow-y: scroll;}  
body 
{
	line-height:1.4em;
	margin:0px;
	font-family:arial, Sans-Serif;
	font-size:10.1pt;
	background-color:#d8dce0;
	background-image:url(/media/imgs/background.jpg);
	background-repeat:repeat-x;
	color:#000;
}

textarea {font-family:arial, Sans-Serif; font-size:12px}

.rowOn { background-color:#f3f7fb}
.rowOff { background-color:#ffffff}

a { color:#1150ce; font-weight:bold }
a:hover { color:#1150ce; font-weight:bold; text-decoration:none }

h1 {font-size:18px; color:#000000; font-weight:bold; line-height:1.2em; margin-bottom:20px; padding:0px; margin:0px}
h2 {font-size:14px; color:#666666; }
.fH1 {font-size:10px; color:#666}

.header { background-color:#fff; padding-left:0px; border-bottom:1px #e6e8ec solid}
.header a {  }

.headerTeam {text-align:right; margin:0px; color:#ffffff; padding-top:5px }
.headerTeam span {background-color:#ff7575; padding:3px; padding-right:7px; padding-left:7px; border-top:2px #f05959 solid}
.headerTeam span a { color:#ffffff}

.descriptionBox {padding-top:15px; border-top:1px #eee solid; color:#666; background-image:url(/media/imgs/q-n-a.png); background-repeat:no-repeat; background-position:2px 12px; padding-left:58px; min-height:50px}
.explainTextField { color:#777777; font-style:italic; font-size:11px}
.textSmall {font-size:10px}
.hintTextField { font-size:10px; }
.textIntro {font:1.5em 'Lucida Grande', Arial, sans-serif; line-height:1.3;}

.mainBox { padding:20px; background-color:#ffffff;  margin-top:15px}

.intro { padding:0px; background-color:#fff; border:1px #fff solid; margin:0px }
.intro h1 {color:#333}

.linkSmall { font-size:10px}
.linkWithSpace { padding-right:10px; font-weight:bold;}
.linkBig { font-size:18px }
.linkNormal { font-size:10.1pt; color:#1150ce; font-weight:bold }
.linkNormal:hover {font-size:10.1pt; color:#1150ce; text-decoration:none; font-weight:bold }
.linkBigNormal { font-size:16px; font-weight:normal; text-decoration:underline }
.linkBigNormal:hover { font-size:16px;font-weight:normal; text-decoration:underline }


.formLabel { width:130px; font-weight:bold }
.button { border:1px #ef0038 solid; background-image:url(/media/imgs/buttonback.jpg); background-repeat:repeat-x; color:#fff; font-size:16px; font-weight:bold; padding:4px; padding-top:2px; padding-bottom:2px;  }
.appButton { border:1px #ccc solid; background-image:url(/media/imgs/appbuttonback.jpg); background-repeat:repeat-x;  }
.smallButton { border:1px #ef0038 solid; background-image:url(/media/imgs/buttonback.jpg); background-repeat:repeat-x; color:#fff; font-size:12px; font-weight:bold; padding:2px; padding-top:2px; padding-bottom:2px;  }


.linkButton { border:1px #ef0038 solid; background-image:url(/media/imgs/buttonback.jpg); background-repeat:repeat-x; color:#fff; font-size:16px; font-weight:bold; padding:3px; padding-left:30px; padding-right:30px; text-decoration:none; display:inline-block;}
.linkButton:hover {border:1px #ef0038 solid; background-image:url(/media/imgs/buttonback.jpg); background-repeat:repeat-x; color:#fff; font-size:16px; font-weight:bold; padding:3px; padding-left:30px; padding-right:30px; text-decoration:none; display:inline-block}
.smallLinkButton { border:1px #ef0038 solid; background-image:url(/media/imgs/buttonback.jpg); background-repeat:repeat-x; color:#fff; font-size:12px; font-weight:bold; padding:2px; text-decoration:none; display:inline-block}
.smallLinkButton:hover {border:1px #ef0038 solid; background-image:url(/media/imgs/buttonback.jpg); background-repeat:repeat-x; color:#fff; font-size:12px; font-weight:bold; padding:2px; text-decoration:none; display:inline-block}


.textboxSmall { font-size:10px; width:90%;color:#333; border:1px #cccccc solid;}
.textbox { color:#333; border:1px #cccccc solid; padding:4px; font-size:14px; width:480px }
.textboxHighlite { color:#333; border:1px #fe9797 solid; padding:4px; font-size:14px }
.textarea {}

.textGreen { color:#008000}
.textNormal  {font-size:12px; font-weight:normal}

.title { font-size:16px; color:#000000; font-weight:bold; margin-bottom:5px; padding-bottom:3px; border-bottom:1px #ccc solid }
.bigTitle { font-size:24px; font-weight:bold }

.messageOk { padding:5px; background-color:#e3ffd5; border:1px #79da07 solid; margin-bottom:20px }
.messageError { padding:5px; background-color:#ffd5d5; border:1px #ff3d17 solid; margin-bottom:20px }
.messageInformation { text-align:left; padding:5px; background-color:#fff6d5; border:1px #ffcb17 solid; }
.messageNormal { text-align:left; padding:5px; background-color:#f2f2f2; border:1px #ccc solid; }
.messageInformationSmall { font-size:10px; text-align:left; padding:2px; background-color:#fff6d5; border:1px #ffcb17 solid; }



ul {-webkit-padding-start: 0px; margin:0px}
.listOk {padding:0px; list-style-type:none; margin-left:10px; margin-top:18px; margin-bottom:18px}
.listOk li { background-image:url(/media/imgs/listok.gif);	background-repeat:no-repeat; line-height:1.3;	padding:0 0 10px 20px; }
.listRedDot {padding:0px; list-style-type:none; margin-left:10px; margin-top:18px; margin-bottom:18px}
.listRedDot li {background-image:url(/media/imgs/listreddot.gif);	background-repeat:no-repeat; line-height:1.3;	padding:0 0 10px 20px;}
.listSmall { margin-left:20px; margin-top:0px}
.listSmall li { margin:0px; padding:0px; font-size:10px }
.listNormal {margin-left:20px; margin-top:0px; margin-top:10px; margin-bottom:10px}
.listNormal li {margin:0px; padding:0px;}

.tdSubline { border-bottom:1px #aaa solid; background-color:#fff}

li { padding:5px}

.highlite { background-color:#ffd4b7; padding:2px}
.highliteBox {padding:5px; background-color:#fff6d5; border:1px #ffcb17 solid;}


.note {display:none; position:absolute; padding:10px; background-color:#fff; border:1px #000 solid}
.noteItem {margin-top:3px; padding-top:3px; border-top:1px #dddddd solid }

.statsBarHorizontal { background-color:#0000ff; padding:4px; margin-left:10px; color:#fff; margin-right:10px}
.statsCodenumber {margin:5px; border-top:1px #e5e5e5 solid; padding-top:8px}

.currentApplication { font-weight:bold; padding-right:10px; }

.separator {margin-top:30px; margin-bottom:10px; padding:4px; border-top:1px #bbb solid; background-color:#f2f2f2; font-weight:bold; font-size:14px}

.choiceSeparator {padding:4px;margin-top:20px; margin-bottom:20px; background-color:#f2f2f2; border-top:1px #ccc solid; border-bottom:1px #ccc solid; font-size:16px; font-weight:bold }

.simpleTextbox { border:1px #cccccc solid; padding:3px }
.simpleTextboxInvalid { border:1px #cccccc solid; padding:3px; border:1px red solid; border-left:3px red solid }
.prominentTextbox {border:1px #cccccc solid; padding:5px; color:#777; font-weight:normal; font-size:16px}
.invalidSimpleTextbox {border:1px #ff0000 solid; padding:3px; border-left:4px #ff0000 solid }

/*Horizontal Tab*/
.tabOn { float:left; border:1px #1150ce solid; border-bottom:0px; background-color:#1150ce; padding:5px; font-size:12px; font-weight:bold; margin-right:5px; margin-left:5px;}
.tabOn a { color:#ffffff; text-decoration:none }
.tabOn a:hover { color:#ffffff; text-decoration:none }

.tabOff {float:left; border:1px #1150ce solid; border-bottom:0px; background-color:#ffffff; padding:5px; font-size:12px; font-weight:bold; margin-right:5px; margin-left:5px;}
.tabOff a { color:#1150ce; text-decoration:none }
.tabOff a:hover { color:#1150ce; text-decoration:none }

.tabHighliteOff {float:left; border:1px #34b823 solid; border-bottom:0px; background-color:#ffffff; padding:5px; font-size:12px; font-weight:bold; margin-right:5px; margin-left:5px;}
.tabHighliteOff a {color:#34b823; text-decoration:none }
.tabHighliteOff a:hover {color:#34b823; text-decoration:none }

.tabHighliteOn {float:left; border:1px #34b823 solid; border-bottom:0px; background-color:#34b823; padding:5px; font-size:12px; font-weight:bold; margin-right:5px; margin-left:5px;}
.tabHighliteOn a {color:#ffffff; text-decoration:none }
.tabHighliteOn a:hover {color:#ffffff; text-decoration:none }


/*Separators*/
.horizontalSeparator { background-image:url(/media/imgs/gradientgray_small.png); background-repeat:repeat-x; height:18px}

/*Chain*/
.chainOn {float:left; margin:3px; padding:5px; background-color:#dddddd;}
.chainOn a {  font-weight:bold; color:#000000; text-decoration:none } 
.chainOn a:hover {  font-weight:bold; color:#000000; text-decoration:none } 

.chainOff {float:left; margin:3px; padding:5px; background-color:#f2f2f2}
.chainOff a {  color:#000000; text-decoration:none } 
.chainOff a:hover {  color:#000000; text-decoration:none }

.chainSeperator { float:left; padding:5px; font-weight:bold;}


/*Vertical Tab*/
.verticalTabOff {padding:5px; background-color:#ffffff}
.verticalTabSpace { text-align:right; padding:5px; padding-top:20px; font-weight:bold; padding-bottom:2px}
.verticalTabOn {padding:5px; background-color:#1150ce; color:#ffffff; font-weight:bold}
.verticalTabOn a {color:#ffffff; text-decoration:none; font-weight:bold}
.verticalTabOn a:hover {color:#ffffff; text-decoration:none; font-weight:bold}

.verticalTabPanel {border:1px #1150ce solid; background-color:#ffffff }


/* Tables */
.cssTable {padding: 10px; padding-left:0px; width: 100%;}
.cssTable label, .cssTable input, .cssTable textarea { display:block; float:left; margin-bottom:10px}
.cssTable label { padding-right:10px; text-align:left; width:200px; font-weight:bold; text-align:right; padding-top:2px}
.cssTable br { clear:left }

.tbl { table-layout:fixed; border-collapse: collapse; padding:0px }
.tbl td { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } 
.tdVerticalLine {border-right:1px #e4e4e4 solid}
.tblHeader { background-image:url(/media/imgs/tableHeader.jpg); background-repeat:repeat-x; border:1px #666 solid; height:28px; font-weight:bold; font-size:14px; color:#efefef }
.standardHeader { font-weight:bold; font-size:14px }

.dataTable { width:100%}
.dataTable .sectionHeaderFirst { border-top:1px #e5e5e5 solid; font-weight:bold; text-align:left; background-color:#f2f2f2; padding:2px; color:#000; background-image:url(/media/imgs/dataTableSectionHeader.jpg); background-repeat:repeat-x}
.dataTable .sectionHeader { font-weight:bold; text-align:left; background-color:#f2f2f2; padding:2px; color:#000; background-image:url(/media/imgs/dataTableSectionHeader.jpg); background-repeat:repeat-x}
.dataTable .tableHeader {font-size:18px; color:#000000; font-weight:bold; text-align:center; padding-bottom:5px}
.dataTable .sectionItemKey { text-align:left; padding:2px; border-right:1px #ccc solid; border-bottom:1px #e5e5e5 solid}
.dataTable .sectionItemValue { text-align:center; padding:2px; font-size:10px; border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid}

.table1 {width:100% }
.table1 .head { border-bottom:2px #ccc solid; font-size:10px; font-weight:bold; padding:2px; margin:0px}
.table1 .headCenter { border-bottom:2px #ccc solid; font-size:10px; text-align:center; font-weight:bold; padding:2px; margin:0px}
.table1 .td1 {text-align:left; border-right:1px #ccc solid; border-bottom:1px #e5e5e5 solid; padding:2px; margin:0px}
.table1 .td1Center {text-align:center; border-right:1px #ccc solid; border-bottom:1px #e5e5e5 solid; padding:2px; margin:0px}


.subTitleBar { margin-bottom:5px; padding-top:3px; padding-bottom:3px; background-color:#d6eaf4; color:#000; font-size:16px; font-weight:bold; padding-left:3px; border-top:1px #a5c9dc solid }

.codeBox { font-family:Courier;padding:5px; background-color:#ffedda; border:1px #f0c9a0 solid; font-size:12px; margin:10px; margin-left:0px}
.jsonBox {font-family:Courier; background-color:#fafafa; border:1px #bbb solid; font-size:12px;margin-left:0px; padding-left:10px}
.tableOfContents {margin:5px}
.tableOfContents div {margin:5px}
.tableOfContents .intend {margin-left:20px}
.tableOfContents .intend a {font-weight:normal}
.parameter { font-family:Courier;  color:#008000; }


.selectedFolder {font-weight:bold; background-image:url(/media/imgs/folderopen32x32.png); background-repeat:no-repeat; padding-left:35px; padding-top:6px; height:28px; cursor:pointer}
.unselectedFolder {font-weight:normal; background-image:url(/media/imgs/folderclose32x32.png); background-repeat:no-repeat; padding-left:35px; padding-top:6px; height:28px; cursor:pointer}

/*Slider*/
.codeview_slider { width:197px; margin:10px 0; background-color:#ccc; border-top:1px #aaa solid; border-left:1px #aaa solid; height:10px; position: relative; }
.codeview_slider div.codeview_sliderhandle { width:11px; height:15px; background-image:url(/media/imgs/slider.png); background-repeat:no-repeat; cursor:move; position: absolute; }