/* 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: #222;
}

a:active {
	color: #222;
}

a:hover {
	color: #000;
}



#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;
}


img {
    border: none;
}

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

p {
	font-family:verdana;
	font-size:8pt;
	color: purple;
}

p a {
	color: navy;
}


#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: 1px solid #F3DD85;
}
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: #F3DD85;
	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 0px 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: 5px 22px 22px 22px;
	font-family: verdana, arial;
	background-color: #E6E8FD;
	/* background: #84AFFA url("../customImages/layouts/presentation/backgroundFadeOrange.png") fixed; */
	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;
}




#siteWrapper {
	padding: 0px;
}



.blockMenu{
		padding: 0;
		font: bold 13px Arial;
		width: 100%;
		height: 22px;
		border: 1px solid #bbb;
		border-width: 1px 0;
		background: black url(../customImages/layouts/presentation/blockMenuDarkBlue.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/layouts/presentation/blockMenuOrange.png) center center repeat-x;
}		




#content {
	padding: 0px;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}






/* developer menu */
#developerMenu {
	padding: 0px;
	font-size: 8pt;
	margin-left:auto; 
	margin-right:auto;
	width: 100%;
	background-color: #eee;
}
#developerMenu li {
	font-weight: none;
	float: left;
	margin-right: 9px;
	padding: 2px;
}
#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: #000;
	background-color:#F9F3AE;
}
#developerMenu li span.selected {
	float: left;
	font-weight:bold;
	color: #000;
	background-color:#F9F3AE;
}


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

}
#developerMenu2 li {
	font-weight: none;
	float: left;
	margin-right: 9px;
	padding: 2px;
}
#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:#F9F3AE;
	color: #000;
}
#developerMenu2 li span.selected {
	float: left;
	font-weight:bold;
	color: #000;
	background-color:#F9F3AE;
}





#currentUserInformation {
	font-size: 8pt;
	background-color: #ccc;
	text-align: right;
	padding: 0px;
	width: 100%;
}




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



h1 {
	padding-bottom: 0px;
	font-size: 18px;
}

h2 {
	padding-bottom: 0px;
	font-size: 14px;
}


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


#footerBar {
	font-size: 8pt;
	text-align: right;
	padding: 2px;
	margin-left:auto; 
	margin-right:auto;
	width: 100%;
	color: #999;
}
#footerBar a {
	color: #999;
}


.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;
}


a:link {
	color: black;
}
a:visited {
	color: black;
}




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
}



#pageHeader {
	width: 100%;
	margin-left:auto; 
	margin-right:auto;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 18pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*columns on start page*/
#startPageColumns {
	padding: 0px;
	border-collapse: collapse;
	margin-bottom: 0px;
}
#startPageColumns td {
	border-width: 0px;
	padding: 1px;
	margin: 1px;
	text-align: left;
	vertical-align:top;
	background-color: #fff;
}

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

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

#signature {
	text-align: right;
	font-size:8pt;
	color: #555;
	font-style: italic;
}
#signature a {
	color: #555;
	font-weight: normal;
	font-style: italic;
}




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: #FFCC80;
	color: navy;
	padding: 2px;
	border-bottom: 1px solid #ccc;
}
table#smartContentStructureTable td#leftColumnContent {
	width: 110px;
	background-color: #F2D673;
	border-right: 1px solid #999;
	padding: 10px;
}
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:beige;
	padding: 10px;
}
table#smartContentStructureTable td#bottomBarContent{
	background-color: #FFCC80;
	border-top: 1px dashed #999;
	padding: 5px;
	text-align: right;
	font-size: 8pt;
	font-style: italic;
	color: #222;
}

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



/*used for stand-only forms*/
.formTextBox {
	background-color:#ffffff;
	font-weight:normal;
	color:black;
	font-size:10pt;
	font-family:arial
}
.formButton {
	border: white 1px outset;
	background-color:#eeeeee;
	font-weight:normal;
	color:black;
	font-size:10pt;
	font-family:arial
	width: auto;
	overflow: visible;
}

.infoLink {
	border-bottom: 1px dashed #aaa;
	text-decoration: none;
}


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



.tutorialLink {
	
}

.tutorialLink a:hover {
	 background-color: #ddd;
}

.tutorialHyperlink a:hover {
	 background-color: #ddd;
}

.tutorialText {
	color: #222;
	font-family:arial;
	font-weight: normal;
	background-color: #ddd;
}

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

.tutorialDirectory {
	font-family: courier;
	background-color: #ddd;
	font-weight: bold;
}

.tutorialCommand {
	font-family: courier;
	background-color: #ddd;
	font-weight: bold;
}

.tutorialMenu {
	font-family: arial;
	background-color: #ddd;
	font-weight: bold;
}

.linkFreeOnline a:visited {
	background-color: #FFFF75;
}
.linkFreeOnline a:active {
	background-color: #FFFF75;
}
.linkFreeOnline a:link {
	background-color: #FFFF75;
}
.linkFreeOnline a:hover {
	background-color: yellow;
}









table#videoSideBySideTable {
	width:100%;
	border-collapse: collapse;
}
table#videoSideBySideTable  td {
	padding: 5px;
	vertical-align: top;
	text-align: left;
}
table#videoSideBySideTable td#leftSide {
	width: 100%;
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px 5px 7px 5px;
}
table#videoSideBySideTable td#rightSide {
	width: 100%;
}