/* MAIN ------------------------------------------- */

body {margin:0; scrollbar-face-color:#006666; scrollbar-shadow-color:#006666; scrollbar-highlight-color:#006666; scrollbar-darkshadow-color:#006666; scrollbar-track-color:#CCCCCC; scrollbar-arrow-color:#006666;}

#body {width:780px;}

#header {padding-top:10px; background:#FFF;}
	#logo {float:left; margin:0px; width:300px; height:80px;}
	#shortcuts div {float:right; background:url(../images/topTab.gif) no-repeat; padding:4px 3px 0px 15px; margin-left:15px;}
	#topLinks {float:right; text-align:right; width:420px; margin-bottom:6px;  }
	#topLinks .topTag {display:block; font:bold 11px Verdana, Arial, Helvetica, sans-serif; margin:6px 0;}
	
	a#homeTop {float:right; margin:5px 5px 0 0; background:url(../images/Home_Off.gif) no-repeat; padding:0 0 0 18px; color: #006666; width:30px; display:block;}
	a:hover#homeTop {background:url(../images/Home_On.gif) no-repeat; color: #3366CC;}
	
#tMenu {background:url(../images/menu_back.gif) repeat-y; width:136px;}
#menu {margin:0 0 10px 1px; width:134px;}
	#menu a {color:#000;}
	#menu a:hover {color:#FF7010;}
	#menu a.parent {width:134px; height:26px; display:block; background-position:0 -52px;}
	#menu a:hover.parent {background-position:0 -26px;}
	#menu a.on, #menu a:hover.on {background-position:0 0;}
	
	#menu a.sub {background: url(../images/menu_back_L2.gif) -2px -2px; width:114px; height:15px; display:block; padding: 4px 0px 4px 18px;}
	#menu a:hover.sub {background-image: url(../images/menu_back_L2_off.gif);}
	#menu a.subOn {background: url(../images/menu_back_L2_off.gif) -2px -2px; width:114px; height:15px; display:block; padding: 4px 0px 4px 18px; color:#FF7010;}
	
	#jumpstart {background-image:url(../images/menu_jumpstart.gif);}
	#products {background-image:url(../images/menu_products.gif);}
	#toolbox {background-image:url(../images/menu_toolbox.gif);}
	#docs {background-image:url(../images/menu_documentation.gif);}

#tContent {width:644px;}
#content {padding:15px 20px 50px 20px; background:#FFF url(../images/dotsVertical.gif) top right repeat-y;}
	#page_header {background: url(../images/header.jpg) 0 -12px no-repeat; height: 26px; text-align: left; margin: 0; padding: 0;}
	
	#content top {background-image: url(../images/dotsHorizontal.gif);}
	#content a {text-decoration: none; color: #006666; font-weight: regular;}
	#content a:hover {text-decoration: none; color: #3366CC;}
	#header_RBI {background: url(../images/RBI_back.gif) bottom right; height: 104px; width: 644; display: block;}
	
	.workflows {background:url(../images/gradient_back.gif) bottom repeat-x; padding: 8px 10px 8px 20px;}
	
	#productSelector {float:left; width:164px; margin-bottom:20px; _margin:0px 0 20px 0;}
	#productSelector a {font: bold 13px Verdana, Helvetica, Arial; color:#FF7010; padding-left:15px; background: url(../images/carrot.gif) 0 6px no-repeat; display: block;}
	#home_block {float:right; width:420px; margin-bottom:20px; _margin:0px 0 20px 0;}
	#home_block #txt {padding: 8px 10px 8px 20px; background:url(../images/gradient_back.gif) bottom repeat-x; height:78px; display:block;}
	
	.buttonGroup1 a {height:24px; display:block; float: left; color: #ffffff !important; background: url(../images/blue_button.gif) repeat-x; padding: 3px 6px 4px 6px; font-weight: bold; margin-right: 20px; text-align: center; }
	.buttonGroup1 a:hover {color: #ffffff; background: url(../images/orange_button.gif) repeat-x;}
		#userBut {width: 140px;}
		#AdminBut {width: 170px;}
		#TreeBut {width: 90px;}
		#FlowchartBut {width: 120px;}
		#StartBut {width: 80px;}
		#UsersBut {width: 180px;}
	
	.buttonGroup2 a {height:24px; display:block; width: 146px; color: #ffffff !important; background: url(../images/blue_button.gif) repeat-x; padding: 3px 6px 4px 6px; font-weight: bold; margin-right: 20px; text-align: center; vertical-align: center;}
	.buttonGroup2 td {vertical-align: center;}
	.buttonGroup2 a:hover {color: #ffffff; background: url(../images/orange_button.gif) repeat-x;}

	.buttonGroup3 a {height:24px; display:block; width: 170px; color: #ffffff !important; background: url(../images/blue_button.gif) repeat-x; padding: 3px 6px 4px 6px; font-weight: bold; margin-right: 20px; text-align: center; vertical-align: center;}
	.buttonGroup3 a:hover {color: #ffffff; background: url(../images/orange_button.gif) repeat-x;}
	
	#tabs  {padding:0 0 0 20px; background:url(../images/dotsHorizontal.gif) bottom repeat-x; width:622px;}
	#tabs a {height:16px; float:left; background:#E6F1FD url(../images/dotsHorizontal.gif) bottom repeat-x; color:#6699CC; text-align: center; padding: 5px 6px 3px 6px; border:1px solid #6F9FCF; border-bottom:0; font-weight: bold; display:block;}
	#tabs a:hover {color:#87AFD6; background-color: #E6F1FD;}
	#tabs a.on {background:#FFF; color:#666666;}
	
	#pdf a {background: left no-repeat url(../images/pdf_icon.gif); padding: 8px 0px 3px 20px;}
	
	#toggleMenu div {display:none}
	#toggleMenu a.collapser {padding-left:27px; cursor:pointer; zoom:1; background:#F0F0F0 url(../images/plus_icon.gif) 10px 8px no-repeat;}
	#toggleMenu a.collapser {width:570px; display:block; padding:5px 0 0 30px; border-left:1px solid #BBB; border-bottom:1px solid #BBB;}
	#toggleMenu a.plus {background:#F0F0F0 url(../images/plus_icon.gif) 10px 8px no-repeat}
	#toggleMenu a.minus {background:#F0F0F0 url(../images/minus_icon.gif) 10px 8px no-repeat}
	
	#docsContent {margin-left:20px;}
	#docsContent a {font:bold 13px Verdana, Arial, Helvetica, sans-serif;}

#footer {text-align: center;}

/* FONT & MINOR ADJUSTMENTS ------------------------------------------ */

p, td {color: #333333; font:11px Verdana, Helvetica, Arial;}
h1 {color: #6699FF; font:19px Verdana, Helvetica, Arial; padding: 0 0 2px 0; margin: 0px 0px 14px 0px; background: url(../images/dotsHorizontalBlue.gif) bottom repeat-x;}
h2 {color: #6699FF; font:bold 16px Verdana, Helvetica, Arial; padding: 0 0 2px 0; margin: 0px 0px 5px 0px;}
h3 {font: bold 13px Verdana, Helvetica, Arial; color: #666666; margin:0 0 0 0; padding:0;}

a {text-decoration: none; color: #3366CC;}
a:hover {text-decoration: none; color: #006666;}
a.arrow {background: right bottom no-repeat url(../images/more_icon.gif); padding: 0px 24px 3px 0px; color: #006666;}
a:hover.arrow {background: right bottom no-repeat url(../images/more_icon_on.gif); color: #3366CC; padding: 0px 24px 3px 0px}
a.carrot {background:url(../images/carrot.gif) right 5px no-repeat; padding-right:10px; color: #006666;}
	
.title {color: #6699FF; font:17px Verdana, Helvetica, Arial;}
.black {color:black}
.copyright {font: 9px Verdana, Helvetica, Arial; color: #999999; margin-top: 8px;}
.alert {padding: 7px 0px 14px 0px; color: #FF3300;}
.anchor_title {font: bold 13px Verdana, Helvetica, Arial; color: #666666; padding: 0px 0px 0px 20px;}

SUP {color: #000000; font: 7px Verdana, Helvetica, Arial;}

.clearFloats {clear:both}
.noShow {display:none}

.v15 {height:15px; display:block;}

/* LINES & BULLETS --------------------------------------------------- */

.dottedLine {width:100%; height: 1px; display: block; background-image: url(../images/dotsHorizontal.gif);}
.line {height:1px; width:100%; display:block; background-image:url(../images/dotsHorizontal.gif);}
.line_vertical {display: block; background: url(../images/dotsVertical.gif); width: 1px;}
.blue_dotted{display:block; background-image: url(../images/dotsHorizontalBlue.gif) bottom repeat-x; padding: 0 0 4px 0; ;}
.rightDots {background:#FFF url(../images/dotsVertical.gif) top right repeat-y;}

ul {list-style-position: outside; list-style-image: url(../images/gray_bullet.gif); margin-top: 0px; margin-bottom: 0px;}
ul.level2 {list-style-position: outside; margin-top: 0px; margin-bottom: 0px;}