/* bugfix: this removes all margins and padding from all elements so that firefox and explorer don't differ anymore in terms of margins and padding, you can then add your own padding and margins to each element */
* {margin: 0px; padding: 0px;}

.pageTitle {
	font-size: 18pt;
	margin-bottom: 10px;
}

.pageDescription {
	font-size:14;
	margin: 0px 0px 20px 0px
}

.copyAndPasteBox {
	font-size: 8pt;
	width: 90%;
	height: 400px;
}



a:visited {
	color: black;
}

a:active {
	color: black;
}

a:link{
	color: black;
}

a:hover {
	color: brown;
}



#applicationTitle {
	font-size: 14pt;
	font-weight: normal;
}



.editItemsLink {
	font-size: 8pt;
	color: #999;
	font-weight: normal;
}

ul.menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

ul.pageMenu {
	margin-left: 30px;
}

.pageMenuTitle {
	color: #444;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #ccc;
	width: 400px;
	padding: 2px;
}


img {
    border: none;
}

h3 {
	font-family:verdana;
	font-size:12pt;
}

p {
	font-family:verdana;
	font-size:10pt;
	color: #000;
  margin-bottom: 10px;
}



#menuVertical {
	position: absolute;
	top: 55px;
	left: 670px;
	width: 200px;
	margin: 5px;
	font-family:arial;
	font-size: 10pt
}

#menuVertical li a {
	text-decoration: none;
	font-weight: none;
}

#menuVertical li a:link, #menuVertical li a:visited {
	color: #555;
	font-weight: normal;
}

#menuVertical li a:hover {
	color: #FF9834;
	font-weight: normal;
}

#menuVertical li {
	font-weight:bold;
}

table.grid {
	border-collapse: collapse;
	background-color: white;
	font-size: 8pt;
}
table.grid th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: ridge ridge ridge ridge;
	border-color: gray gray gray gray;
	background-color: #aaa;
	-moz-border-radius: 0px 0px 0px 0px;
	color: ivory;
	text-align: left;
}
table.grid td {
	border-width: 1px 1px 1px 1px;
	padding: 5px;
	border-style: ridge ridge ridge ridge;
	border-color: gray gray gray gray;
	background-color: #eee;
	vertical-align: top;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.grid td.number {
	text-align: right;
}
.tableGridExteriorAdd {
	margin: 5px 0px 10px 10px;
}


/* style: for the little links to edit document items */
.editLink {
	font-size: 8t;
	color: #bbb;
	font-family:arial;
}

.itemGridTitle {
	margin-bottom: 3px;
	font-size: 14pt;
}


table.form {
	font-size: 10pt;
	width: 400px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
}
table.form th {
	padding: 3px;
	font-weight: bold;
	color: ivory;
	text-align: left;
}
table.form td {
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: #bbb;
	background-color: #ddd;
	border-spacing: 0px;
}
table.form div.title {
	color: black;
	font-size: 14pt;
	margin-bottom: 3px;
}
table.form .button{
	border: white 1px outset;
	background-color: #eee;
	font-weight: normal;
	color: black;
	font-size: 10pt;
	font-family:arial;
}
table.form .input{
	font-size: 10pt;
	font-family:arial;
}
table.form .fieldDescription{
	font-size: 8pt;
	font-family:arial;
	color: #555;
	font-style: italic;
	margin: 0px 0px 0px 0px;
}
table.form .fieldDescriptionCode{
	font-size: 8pt;
	font-family:courier;
	color: #555;
	font-style: normal;
}
table.form .fieldExample{
	font-size: 8pt;
	font-family:arial;
	font-weight: bold;
	color: #000;
}
table.form .radioButtonOptionText{
}
table.form .label{
	font-size: 12pt;
	font-weight: bold;
}
table.form .runningHeader {
	font-size: 18pt;
}
table.form .indented {
	padding-left: 40px;
}


/* TOOLTIP */
.tooltip {
	font-size: 10pt;
	cursor: help;
	text-decoration:none;
	border-bottom:1px dashed #222;
}

.tooltip a:hover {
	font-size:10.1pt; //fix for Internet Explorer: font must be different, and this CANNOT be defined in a inline style
size than body font
	text-decoration:none;
	cursor: help;
}

.tooltipLinkInner {
	text-decoration:none;
	cursor: help;
	color: black;
}

.tooltip .toolbox a:hover span {
  display: block! important;
  background-color: #FFFF9F;
  border: solid #999999 1px;
  color: black;
  position: absolute;
  z-index: 1000;
  cursor: help;
}

.tooltipInner {
	margin:7px;
	font-size:8pt;
	width:360px;
	margin-bottom:-7px;
	cursor: help;
}

.highlight {
	font-weight: bold;
	color: brown;
}

.code {
	font-weight: bold;
	color: #222;
	background-color: #ccc;
	font-family: courier;
}

.placeTitle {
	font-size: 18pt;
	margin-bottom: 14px;
}

.editDatasourceLink {
	font-size: 10pt;
	margin-bottom: 10px;
}


.itemDisplayBlockWrapperForList {
	margin: 0px 0px 20px 30px;
}

.itemTitleSmall {
	font-size: 14pt;
	margin: 0px 0px 20px 0px;
}

.itemTitleLarge {
	font-size: 24pt;
	margin: 0px 0px 20px 10px
}


.itemDescriptionSmall {
	font-size:10pt;
}


.itemTypeTitle {
	font-size: 8pt;
	color: #777;
	margin: 0px 0px 0px 10px
}


table.leftIconFrame {
	border-collapse: collapse;
	background-color: white;
	font-size: 8pt;
	width: 100%;
}
table.leftIconFrame th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	-moz-border-radius: 0px 0px 0px 0px;
	font-weight: bold;
	color: ivory;
}
table.leftIconFrame td {
	border-width: 1px 1px 1px 1px;
	padding: 5px;
	vertical-align: top;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: left;
}

.textMangageButtons {
	font-size: 8pt;
}

table.itemFieldList {
	border-collapse: collapse;
	background-color: white;
	font-size: 12pt;
	margin: 0px 0px 0px 10px;
}
table.itemFieldList th {
	font-weight: bold;
	text-align: left;
}
table.itemFieldList td {
	border-width: 2px 2px 10px 2px;
	border-style: solid;
	border-color: #fff;
	vertical-align: top;
	background-color:#fff;
}
table.itemFieldList td.label {
	font-weight: normal;
	background-color:#f3f3f3;
	font-size: 8pt;
	width: 75px;
}

.developerToolsHeader {
	margin: 0px 0px 0px 0px;
	border-width: 1px 1px 1px 1px;
	border-color: #999;
	border-style: solid;
	padding: 5px;
	width: 400px;
	font-weight: bold;
	background-color: #ddd;
	padding: 10px;
}

.developerToolsBody {
	border-width: 0px 1px 1px 1px;
	border-color: #999;
	border-style: solid;
	padding: 5px;
	width: 400px;
	background-color: #ddd;
	padding: 10px;
}

div.developerToolsBody .button{
	border: white 1px outset;
	background-color: #eee;
	font-weight: normal;
	color: black;
	font-size: 8pt;
	font-family:arial;
}


.developerToolHeader {
	color: #fff;
	background-color:#999;
	font-weight: bold;
}



.manageLinks a:visited {
	 color: #bbb;
	 font-size:8pt;
}

.manageLinks a:active {
	 color: #bbb;
	 font-size:8pt;
}

.manageLinks a:hover {
	 background-color: #ccc;
	 color: #000;
}

.smallPrint {
	 font-size: 8pt;
	 color: #999;
}
.smallPrint a:visited{
	 font-size: 8pt;
	 color: #999;
}
.smallPrint a:link{
	 font-size: 8pt;
	 color: #999;
}



ol.normal {
	margin: 10px 0px 15px 30px;
}

.searchBox {
	margin: 0px 0px 20px 0px;
}


.textbox {
	font-size: 10pt;
	font-family:arial;
}
.searchTextbox {
	font-size: 10pt;
	font-family:arial;
	width:250px;
}

.button{
	border: white 1px outset;
	background-color: #eee;
	font-weight: normal;
	color: black;
	font-size: 10pt;
	font-family:arial;
}

/* putback */

.textButton {
	background-color: #ddd;
	font-family: arial;
	font-size:12pt
}

.codeBox {
	width:550px;
	background-color:#eee;
	font-family:arial, verdana;
	font-size:8pt;
	white-space: pre; /* so that explorer wraps text in */
}


table.commentBox {
	margin: 10px 0px 10px 0px;
	font-size: 8pt;
	padding: 0px;
	border: 1px solid #eee;
}

table.commentForm td {
	font-size: 8pt;
	padding: 2px;
}

table.commentForm td .button{
	border: white 1px outset;
	background-color: #eee;
	font-weight: normal;
	color: black;
	font-size: 8pt;
	font-family:arial;
}

.commentBoxName {
	font-family: verdana; arial;
	font-size: 8pt;
	width: 150px;
}

.commentBoxComment{
	font-family: verdana; arial;
	font-size: 8pt;
	width: 350px;
	height: 90px;
}

table.replyTableWrapper td{
	padding: 0px 0px 0px 0px;
}

table.commentBoxTable .button {
	border: white 1px outset;
	background-color: #eee;
	font-weight: normal;
	color: black;
	font-size: 8pt;
	font-family:arial;
}

table.commentBoxTable {
	font-size: 8pt;
	padding: 0px;
}

table.commentBoxTable td {
	padding: 0px;
}

.generalButton {
	border: white 1px outset;
	background-color: #eee;
	font-weight: normal;
	color: black;
	font-size: 8pt;
	font-family:arial;
}

.justAdded {
	color:red;
}



.scrollBox {
	width: 90%;
	height: 400px;
	font-family:courier;
	font-size:8pt;
	white-space: pre; /* so that explorer wraps text in */
}

table.newsletterHeaderTable {
	font-size: 10pt;
	padding: 10px;
}

table.newsletterHeaderTable td.newsletterHeaderLabel{
	padding: 0px 5px 0px 2px;
	text-align: right;
}

.newsletterHeaderLabel {
	font-weight: bold;
}

.instructionTitle {
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

.instructionCodeBlock {
	font-family: courier;
	font-size: 10pt;
	margin: 10px 0px 0px 30px;
}

.instructionSmallNote {
	font-family: arial;
	font-style: italic;
	font-size: 8pt;
	color: #666;
	margin: 0px 0px 0px 0px;
}


.highlight2 {
	font-weight: bold;
	color: #573AE0;
}

.codeBoxHeader {
	font-size:10pt;
	color: #222;
	margin: 5px 0px 2px 0px;
}


body {
	padding: 3px;
	font-family: verdana, arial;
	background-color: #B9E5FA; /*##MARKER:siteBackgroundColor##*/
	font-size: 10pt;
}

table.headerTable {
	background-color:black; 
	margin-left:auto; 
	margin-right:auto;
	padding: 0px;
	border-collapse: collapse;
	margin-bottom: 0px;
}
table.headerTable td {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

table.topSearch .button{
	border: white 1px outset;
	background-color: #eee;
	font-weight: normal;
	color: black;
	font-size: 10pt;
	font-family:arial;
}


/* main menu */
#mainMenu {
	padding-top: 0px;
	font-size: 8pt;
	margin-left:auto; 
	margin-right:auto;
	width: 815px;
}
#mainMenu li {
	font-weight: none;
	float: left;
	color: black;
	padding-right: 9px;
	padding: 2px;
	background-color:orange;
}
#mainMenu li a {
	text-decoration: none;
	font-weight: none;
}
#mainMenu li a:link, #mainMenu li a:visited, #mainMenu li a:active {
	color: #444;
	font-weight: normal;
}
#mainMenu li a:hover {;
	font-weight: normal;
	color: #000;
	background-color:#EFC08A;
	
}
#mainMenu li span.selected {
	float: left;
	font-weight:bold;
	color: #222;
}




#siteWrapper {
	padding: 0px;
}



.blockMenu{
		padding: 0;
		font: bold 13px Arial;
		width: 815px;
		height: 22px;
		border: 1px solid #bbb;
		border-width: 1px 0;
		background: black url(../customImages/fbb/blockMenuNotSelected.png) center center repeat-x;
		margin-right: auto;
		margin-left: auto;
		
}

.blockMenu li{
	display: inline;
}

.blockMenu li a{
		float: left;
		color: white;
		padding: 3px 10px;
		text-decoration: none;
		border-right: 1px solid white;
}

.blockMenu li a:visited{
	color: white;
}

.blockMenu li a:hover, .blockMenu li .selected{
		color: white;
		background: transparent url(../customImages/fbb/blockMenuSelectedOrange.png) center center repeat-x;
}		







/* developer menu */
#developerMenu {
	padding-top: 0px;
	font-size: 8pt;
	margin-left:auto; 
	margin-right:auto;
	width: 815px;
	background-color: #aaa;
}
#developerMenu li {
	font-weight: none;
	float: left;
	margin-right: 9px;
}
#developerMenu li a {
	text-decoration: none;
	font-weight: none;
}
#developerMenu li a:link, #developerMenu li a:visited, #developerMenu li a:active {
	font-weight: normal;
	color: black;
}
#developerMenu li a:hover {;
	font-weight: normal;
	color: #fff;
	background-color:#bbb;
}
#developerMenu li span.selected {
	float: left;
	font-weight:bold;
	color: #fff;
	background-color:#bbb;
}


/* developer menu 2 */
#developerMenu2 {
	padding-top: 0px;
	font-size: 8pt;
	margin-left:auto; 
	margin-right:auto;
	width: 815px;
	background-color: #aaa;

}
#developerMenu2 li {
	font-weight: none;
	float: left;
	margin-right: 9px;
}
#developerMenu2 li a {
	text-decoration: none;
	font-weight: none;
}
#developerMenu2 li a:link, #developerMenu2 li a:visited, #developerMenu2 li a:active {
	font-weight: normal;
	color: black;
}
#developerMenu2 li a:hover {;
	font-weight: normal;
	background-color:#bbb;
	color: #fff;
}
#developerMenu2 li span.selected {
	float: left;
	font-weight:bold;
	color: #fff;
	background-color:#bbb;
}





#currentUserInformation {
	font-size: 8pt;
	background-color: #bbb;
	text-align: right;
	padding: 2px;
	margin-left:auto; 
	margin-right:auto;
	width: 811px;
	background-color: #999;
}




#systemMessage {
	font-size: 8pt;
	background-color: #FAF8A0;
	text-align: left;
	padding: 2px;
	margin-left:auto; 
	margin-right:auto;
	width: 811px;
}



h1 {
	font-size: 18px;
}

h2 {
	margin-top: 15px;
	margin-bottom: 10px;
  font-style: italic;
  font-size: 10pt;
  font-weight: bold;
  color: #222;
}


ul.normal {
	margin: 10px 0px 15px 30px;
}

#footerBar {
	font-size: 8pt;
	text-align: right;
	padding: 2px;
	margin-left:auto; 
	margin-right:auto;
	width: 811px;
	font-style: italic;
}


.manageLinks a:visited {
	 color: #bbb;
	 font-size:8pt;
	 font-weight: normal;
	 font-style: normal;
}

.manageLinks a:link {
	 color: #bbb;
	 font-size:8pt;
	 font-weight: normal;
	 font-style: normal;
}





/* from Datapod 1.0 for compatibility */
.readThis {font-family:arial;font-size:10pt;color:#343434}
.lookAtThisFirst {font-family:arial;font-size:12pt;font-weight:bold}
.finePrint {font-family:arial;font-size:8pt;font-weight:normal}
.minorDetail {font-family:arial;font-size:8pt;font-weight:normal;color:#777777}
.pageHeader {
	font-family:arial;
	font-size:20pt
}
.blockHeader {
	font-family:arial;
	font-size:18pt
}



table.infoBox2 {
	padding: 0px;
	border-collapse: collapse;
	margin-bottom: 0px;
}
table.infoBox2 td {
	border-width: 0px;
	padding: 1px;
	margin: 1px;
	text-align: left;
	vertical-align:top;
	background-color: red
}



/* last minute info box */
table#infoBoxLastMinuteTitle {
	width:100%;
	border-bottom: 1px solid white;
}
table#infoBoxLastMinuteTitle td {
	padding: 2px;
	vertical-align: top;
	text-align: left;
	color: ivory;
	font-size: 10pt;
	font-weight: bold;
	background-color: #155A8E;
}
table#infoBoxLastMinute {
	width:100%;
	font-size: 8pt;
	background-color: #7AD0E2;
	border: 2px solid #7AD0E2;
	margin-bottom: 0px;
}
table#infoBoxLastMinute td {
	border: 1px solid #7AD0E2;
	padding: 2px;
	background-color: #eee;
	vertical-align: top;
	text-align: left;
}
table#infoBoxLastMinute th {
	padding: 1px;
	vertical-align: top;
	text-align: left;
}


/* new seminars info box */
table#infoBoxNewSeminarsTitle {
	width:100%;
	border-bottom: 1px solid white;
}
table#infoBoxNewSeminarsTitle td {
	padding: 2px;
	vertical-align: top;
	text-align: left;
	color: ivory;
	font-size: 10pt;
	font-weight: bold;
	background-color: #D56A00;
}
table#infoBoxNewSeminars {
	width:100%;
	font-size: 8pt;
	background-color: #F6A54A;
	border: 2px solid #F6A54A;
	margin-bottom: 0px;
}
table#infoBoxNewSeminars td {
	border: 1px solid #F6A54A;
	padding: 2px;
	background-color: #eee;
	vertical-align: top;
	text-align: left;
}
table#infoBoxNewSeminars th {
	padding: 1px;
	vertical-align: top;
	text-align: left;
}


/* specials info box */
table#infoBoxSpecialsTitle {
	width:100%;
	border-bottom: 1px solid white;
}
table#infoBoxSpecialsTitle td {
	padding: 2px;
	vertical-align: top;
	text-align: left;
	color: ivory;
	font-size: 10pt;
	font-weight: bold;
	background-color: #008000;
}
table#infoBoxSpecials {
	width:100%;
	font-size: 8pt;
	background-color: #90EE90;
	border: 2px solid #90EE90;
	margin-bottom: 0px;
}
table#infoBoxSpecials td {
	border: 1px solid #90EE90;
	padding: 2px;
	background-color: #eee;
	vertical-align: top;
	text-align: left;
}
table#infoBoxSpecials th {
	padding: 1px;
	vertical-align: top;
	text-align: left;
}

#smartContentStructureDiv {
	padding: 20px;
	background: white url(../systemImages/leftShadowToWhite.png) left repeat-y;
}




table.smartContentStructureTable {
	width:100%;
	border-collapse: collapse;
}
table.smartContentStructureTable  td {
	padding: 25px;
	vertical-align: top;
	text-align: left;
	background-color: #fff;
}
table.smartContentStructureTable  td#topBarContent{
	background-color: #ECAC67;
	color: ivory;
	padding: 2px;
	border-bottom: 1px solid #ccc;
}
table.smartContentStructureTable  td#leftColumnContent {
	width: 90px;
	background-color: #F3CCA0;
	border-right: 1px solid #999;
}
table.smartContentStructureTable  td#mainContent {
	background: white url(../systemImages/leftShadowToWhite.png) left repeat-y;
	width: 600px;
}
table.smartContentStructureTable  td#rightColumnContent {
	width: 220px;
	border-left: 1px dashed #ddd;
	font-size: 8pt;
	background-color:#fff;
}
table.smartContentStructureTable  td#bottomBarContent{
	background-color: lightyellow;
	border-top: 1px dashed #999;
	padding: 5px;
	text-align: right;
	font-size: 8pt;
	font-style: italic;
}


#content {
	padding: 0px;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	width: 815px;
	border-collapse: collapse;
}








/* catalog item table */

table#catalogItemTable {
	width:100%;
	background-color: #fff;
}
table#catalogItemTable td {
	padding: 5px;
	vertical-align: top;
	text-align: left;
}





table.displayBox {
	background-color: #FFFFA8;
}
table.displayBox td {
	background-color: #FFFFA8;
}





/* courses table */

table.coursesTable {
	width:100%;
	background-color: #fff;
}
table.coursesTable td {
	padding: 5px;
	vertical-align: top;
	text-align: left;
}