/* ## globals ## */

* {
	margin:0px;
	padding:0px;
}

img { 
	margin:0px; 
	padding:0px; 
	border:0px;
	outline:none; 
}

body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.73em;
	line-height: 1.2em;
	min-width: 955px;
	color: #666;
	background: #ffffff url('images/purple_bg.gif') top left repeat-y;
}

pre {
	font-size: 1.0em;
	/* font-family: Tahoma, Verdana, Arial, sans-serif; */
	font-family: Courier, monospace;
}

.noleftbody {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.73em;
	line-height: 1.2em;
	min-width: 955px;
	color: #666;
	background: #ffffff url('images/purple_bg_small.gif') top left repeat-y;
}

a:link,a:visited {
	color: #666;
}
a:hover { text-decoration: underline; }

.clear { clear: both; }

input {
	margin-right: 2px;
	margin-left: 2px;
}

/* ## header ## */


#header {
	height: 44px;
	background: #666699;
	overflow:hidden;
	border-bottom: 10px solid #CCCCDD;
}
#header,#header a { color: #fff; }
#header #logo { 
	width: 227px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
	background: url('images/logo-forge.gif') top left no-repeat;
}
#header #logo.selected{
	width: 227px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
	background: url('images/logo-forge-selected.gif') top left 
no-repeat;
}
#header #logo a { 
	width: 175px; 
	display:block; 
	height: 44px; 
}
ul#mainNav.selected {
	float: left;
	padding-right: 16px;
	min-width: 16px;
	background: url('images/purple_nav_end_selected.gif') right top no-repeat;
}

/* ## main nav ## */

ul#mainNav {
	float: left;
	padding-right: 16px;
	min-width: 16px;
	height: 50px;
	background: url('images/purple_nav_end.gif') right top no-repeat;
}
/* html ul#mainNav { width: 500px; }*/
ul#mainNav li {
	display: inline;
	float: left;
	padding-top: 7px;
	background: url('images/purple_nav.gif') top left repeat-x;
	
}
ul#mainNav li a { 
	display: block; 
	float: left; 
	line-height: 37px;
	padding: 0 15px;
	text-decoration: none;
	margin: 0px;
	background: url('images/purple_nav_br.gif') right top no-repeat;
}
ul#mainNav li.start a { padding-left: 8px; }
ul#mainNav li.end a { background:transparent; padding-right: 8px; }
ul#mainNav li a.selected { 
	background:#CCCCDD url('images/purple_nav_select.gif') top; 
	color: #666;
	margin-right: 0px;
}

ul#mainNav li.selectedBar {
	margin-top: 7px;
	line-height: 37px;
	background: url('images/purple_nav_br.gif') right top no-repeat;
	color: #666;
	width: 1px;
}

/* ## login ## */

div#login {
	max-height: 32px; 
	overflow: hidden;
	display: block;
	float: right; 
	padding-left: 8px;
	padding-right: 5px;
	line-height: 32px;
	background: #4D4D74 url('images/purple_login.gif') top left no-repeat; 
	white-space: nowrap;
}

div#login a { margin: 0 5px; }


/* ## sidebar ## */

#left { 
	width: 153px;
	padding-left: 7px; 
	overflow: hidden;
	position: absolute;
	left: 0px;
}

h1.navLabel {
	display: block;
	text-align: center;	
	width: 147px;	
	line-height: 24px;
	color: #B6BDD7;
	font-size: 12px;
	background: #666699 url('images/purple_h1_side.gif') top left no-repeat; 
	/*white-space: nowrap;*/
	padding: 0px;
}

h1.navLabel_bottom {
	display: block;
	text-align: center;	
	width: 147px;	
	line-height: 21px;
	color: #B6BDD7;
	background: url('images/purple_side_ul.gif') bottom left no-repeat;
	padding: 0px;
}

h1#logo {
	padding: 0px;
}

h1 {
	font-size: 22px;	
	padding: 3px;
}

h2 {
	font-size: 18px;
	padding: 3px;
}

h3 {
	font-size: 14px;
	padding: 2px;
}

h4 {
	font-size: 12px;
	padding: 2px;
}

h5 {
	font-size: 10px;
	padding: 2px;
}

h6 {
	font-size: 8px;
	padding: 2px;
}

/* ## sidebar navigation ## */
ul#sideNav { float: left; padding-bottom: 21px; background: url('images/purple_side_ul.gif') bottom left no-repeat; }
ul#sideNav li { 
	padding: 0px; 
	list-style: none; 
	display: block; 
	float: left; 
}
ul#sideNav li a {
	display: block;
	width: 85px;
	line-height: 26px;
	padding: 0 30px;
	border-top:1px solid #f3f9ff;
	border-right:1px solid #b4b9d7;
	border-bottom:1px solid #8c92b3;
	border-left:1px solid #d0d5f5;
	background:#dedede url('images/purple_sub_nav.gif') 0 1px no-repeat;
	text-decoration: none;
	white-space: nowrap;
}

ul#sideNav li a.selected { 
	background-color:#f8f8f8; 
	font-weight: bold; 
	color: #7D7F99; 
	margin: 5px 0;
	width: 92px;
	border-right: 0px;
	background-position:0 -26px; 
	text-decoration: none;
	white-space: nowrap;
}
ul#sideNav li a.group { 
	background-color:#8F94AC; 
	color: #fff; 
	background-position:0 -52px; 
	border-top:1px solid #bfc4dc;
	border-left:1px solid #9fa4bb;
	border-bottom:1px solid #585d75;
	border-right:1px solid #7b8098;
	white-space: nowrap;
}

ul#sideNav li ul li a { background-color:#C3C9EA; background-position:0 -78px; }
ul#sideNav li ul { clear: left; float: left; margin-bottom: 5px; }

/* ## main content area ## */

#rightnoleft { margin-left: 15px; background: #ffffff; }
#rightnoleft .contentNav {
	height: 24px; 
	display: block;
	font-size: 11px;
	overflow: hidden;
	background:#ccc url('images/purple_content_nav.gif') repeat-x;
}
#rightnoleft .main { padding: 10px 10px 10px 10px;}
#rightnoleft .main p { padding-bottom: 10px; }

#right { margin-left: 160px; background: #ffffff; }

#right .contentNav {
	height: 24px; 
	display: block;
	font-size: 11px;
	overflow: hidden;
	background:#ccc url('images/purple_content_nav.gif') repeat-x;
}
.contentNav #crumbs { 
	float: left; 
	padding-left: 15px;
	line-height: 25px; 
	background: url('images/purple_crumbs.gif') top left no-repeat;
	min-width:400px;
}
.contentNav #crumbs a { margin: 0 4px; }

.contentNav #crumbsSelected { float: right; padding-right: 15px; }
.contentNav #crumbsSelected a { 
	display: block; 
	line-height: 24px; 
	margin-top: 9px;
	height: 24px;
	float: left;
	padding-right: 15px;
	font-weight: bold;
	background: #f8f8f8 url('images/purple_crumb_selected_r.gif') top right no-repeat; 
}
.contentNav #crumbsSelected a span {
	padding-left: 15px;
	float: left;
	background: url('images/purple_crumb_selected.gif') top left  no-repeat; 
} 

/* ## main block text/table styles ## */

#right .main { padding: 10px 10px 10px 10px; }
#right .main p { padding-bottom: 10px; }

table.sForm { margin-bottom: 20px; }
table.sForm label { display: block;  font-weight: bold; padding-bottom: 5px; }
table.sForm .txt, table.sForm select { border: 1px solid #666; width: 100%; padding: 1px; }

table strong { font-size: 0.95em; }

.tabular { /*float: left;*/ font-size: 1.0em; color: #5a5a89; background: #dddddd; }
.tabular td { padding: 3px; }
.tabular th a { color: #ffffff; font-size: 1.0em; text-decoration: none;}
tr.th th { text-align: left; padding: 0 9px; line-height:22px; color: #fff; background: #4D4D74 url('images/purple_th.gif') repeat-x; }
.noLeft { padding-left: 0px!important; }
.noRight { padding-right: 0px!important; }
.th_l { padding-left: 9px; background: url('images/purple_th_l.gif') top left no-repeat;  }
.th_r { padding-right: 9px; background: url('images/purple_th_r.gif') top right no-repeat;  }
tr.l { background: #fff; }
tr.d { background: #ededed; } /* was #F5F5F5 */
td.tFooter { padding: 0px; background: #e0e0e0; line-height:6px; }

.tabular2, .tabular2 a {
	padding:0px;
	border:0px;
	margin:0px;
	height:15px;
	min-height:15px;
	max-height:15px;
	color: #ffffff; 
	font-size: 11px; 
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

.infobox {
	border:1px solid #666666;
	background-color:#ffffcc;
	padding: 8px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

#toolRight { float: right;  width: 20%; padding: 10px; margin-left: 15px; border: 1px solid #666; }

/*************
   Buttons
**************/

.button {
    color:#FFFFFF;
    background-color:#666699;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration:none;
    white-space:nowrap;
    border-top:1px solid #9999CC !important;
    border-right:1px solid #333366 !important;
    border-bottom:1px solid #333366 !important;
    border-left:1px solid #9999CC !important;
    padding: 1px 3px 1px 3px !important;
    margin: 4px 4px 4px 4px;
    cursor:pointer;
    cursor:hand;
}


.button a, .button a:hover, .button a:visited {
	text-decoration: none;
	color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
}


DIV.buttonLink {
	font-weight: normal;
	white-space: nowrap;
	float: right;
	text-align: right;
	height: 26px;
	padding: 0px;
	line-height: 26px;
	border: 0px none;
}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 9px Verdana, sans-serif;
}

ul.tabbernav li 
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #f5f7f9;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #555a61; }
ul.tabbernav li a:visited { color: #555a61; }

ul.tabbernav li a:hover
{
 background: #eceff2;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 background: white;
 border-bottom: 1px solid white;
}


/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.docmanFolders ul {
	padding: 3px 0px 3px 2px;
	margin: 0px;
}
.docmanFolders li {
	list-style: none;
	padding: 6px 2px 0px 19px;
	margin: 0px;
	background: url(/images/docman_folder.gif) top left no-repeat;
}

/*******************
 * Tooltips
 *******************/
#tooltip {
    padding: 3px;
    background: #edffd9;
    border: 1px solid #ccc;
}

span.tip {
    border-bottom: 1px solid #eee;
}

/*******************
 * Drag & Drop
 *******************/
.jsSortTBL tr {
	background-color: #a1a7af;
}
.jsSortTBL tr.contenta td {
	background-color: #f2f4f6;
}
.jsSortTBL tr.contentb td {
	background-color: #eceff2;
}
.jsSortTBL tr.contenta td[rowspan], .jsSortTBL tr.contentb td[rowspan] {
	background-color: #ffffff;
}
.jsSortTBL tr.over td {
	background-color: #edffd9;
}

.jsTrackerQueue {
	padding: 0px;
	width: 590px;
	height: auto !important;
	height: 120px;
	min-height: 120px;
	border: 1px solid #a1a7af;
	background-color: #f2f4f6;
	display: table-cell;
}
.jsTrackerQueueActive {
	background-color: #edffd9;
}
.jsTrackerQueueSave {
	margin-top: 5px;
	width: 350px;
}
.jsTrackerQueueTable {
	border-collapse:collapse;
}
.jsTrackerQueueTable td {
	padding-left: 2px;
	height: 18px;
}
.jsTrackerQueueColId {
	width:40px;
}
.jsTrackerQueueColName {
	width:450px;
}
.jsTrackerQueueColPriority {
	width:45px;
}
.jsTrackerQueueColRemove {
	width:45px;
}
#jsTrackerItemList {
	padding: 0px;
}
.jsTrackerQueueTitle {
	border-bottom: 1px solid #a1a7af;
}
.jsItemA {
	background-color: #f2f4f6;
	border-bottom: 1px solid #a1a7af;
}
.jsItemB {
	background-color: #eceff2;
	border-bottom: 1px solid #a1a7af;
}
.jsRBorder {
	border-right: 1px solid #a1a7af;
}
.moveHandle {
	cursor: move;
}
.feedback { color: red; font-weight: bold; }
.warning { color: red; font-weight: bold; }
.over { background-color: #edffd9; }

.main li {
margin-left: 20px;
}

.main td {
padding: 3px 3px 3px 3px;
margin-right: 3px;
}

.main input, select {
    /*margin: 2px;*/
    font-size: 0.9em;
}

DIV.quickJumpMenu {
	border: 1px solid #4D4D74;
	background-color: #FFFFFF;
	overflow: scroll;
	height: 400px;
	width: 150px;
}

IMG.quickJumpMenu {
}

TABLE.quickJumpMenu {
	border: 0px;
}

TD.quickJumpMenu {
}

a:link.quickJumpMenu, a:visited.quickJumpMenu {
	text-decoration: none;
	color: #666;
	font-weight: normal;
	padding:0px;
	margin:0px;
}

A:hover.quickJumpMenu {
	background-color: #AAAAAA;
	text-decoration: underline;
	
}

DIV.SearchByIDMenu {
	border: 1px solid #4D4D74;
	background-color: #FFFFFF;
}

IMG.SearchByIDMenu {
}

TABLE.SearchByIDMenu {
	border: 0px;
}

TD.SearchByIDMenu {
	text-align: center;
}

SELECT.SearchByIDMenu {
}

IMG.HelpMenu {
	margin-left: 5px;
}


.troveForm {

}



/* Expandable Menus Stuff*/

.expandableMenu{
margin: 0px;
padding: 0;
width: 170px; /*width of menu*/
/*border: 1px solid #9A9A9A;*/
border-bottom-width: 0;
}

.expandableMenu a.menuitem{
	display: block;
	width: 92px;
	line-height: 26px;
	padding: 0 30px;
	border-top:1px solid #f3f9ff;
	border-right:1px solid #b4b9d7;
	border-bottom:0px;
	border-left:1px solid #d0d5f5;
	background:#dedede url('images/purple_sub_nav.gif') 0 1px no-repeat;
	background-position:0 -282px;
	background-color:#e9e9e9;
	text-decoration: none;
	white-space: nowrap;
}

.expandableMenu a.openheader{
	background:#dedede url('images/purple_sub_nav.gif') 0 1px no-repeat;
	background-position:0 -197px;
	background-color:#e9e9e9;
}

/*.expandableMenu a.menuitem:visited, .expandableMenu .menuitem:active{
color: white;
}*/

.expandableMenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.expandableMenu a.selected { 
	background-color:#f8f8f8; 
	font-weight: bold; 
	color: #7D7F99; 
	margin-top: 5px;
	margin-bottom: 5px;
	width: 92px;
	border-right: 0px;
	background-position:0 -40px; 
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
}

.expandableMenu a.regular { 
	display: block;
	width: 85px;
	line-height: 26px;
	padding: 0 30px;
	border-top:1px solid #f3f9ff;
	border-right:1px solid #b4b9d7;
	border-bottom:1px solid #8c92b3;
	border-left:1px solid #d0d5f5;
	background:#dedede url('images/purple_sub_nav.gif') 0 1px no-repeat;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
}


.expandableMenu a.menuitem:hover{
/*color:white;*/
}

.expandableMenu ul{ 
margin-bottom: 5px;
margin-top: 0px;
/*list-style-type: none;
margin: 0;
padding: 0;*/
}


.expandableMenu ul li.first_li {
	
	/*margin-top: 5px;*/
}


.expandableMenu ul li a{
	display: block;
	width: 92px;
	line-height: 26px;
	padding: 0 30px;
	border-top:1px solid #f3f9ff;
	border-right:1px solid #b4b9d7;
	border-bottom:1px solid #8c92b3;
	border-left:1px solid #d0d5f5;
	background:#dedede url('images/purple_sub_nav.gif') 0 1px no-repeat;
	text-decoration: none;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	background-color:#e9e9e9;
	background-position:0 -320px;
	font-size:11px;
}

.expandableMenu div.submenu{ /*DIV that contains each sub menu*/
	/*background: white;
	margin-bottom:0px;*/
	margin-bottom:0px;
}

.expandableMenu div.submenu ul {
margin-bottom:0px;
}

.expandableMenu div.submenu ul li{
/*border-bottom: 1px solid blue;
clear: left; 
float: left; 
margin-bottom: 5px;*/
}


.expandableMenu div.submenu ul li a{
	display: block;
	width: 92px;
	line-height: 26px;
	padding: 0 30px;
	margin-top:0px;
	border-top:0px;
	border-right:1px solid #b4b9d7;
	border-bottom:0px;
	border-left:1px solid #d0d5f5;
	background:#dedede url('images/purple_sub_nav.gif') 0 1px no-repeat;
	text-decoration: none;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	background-color: #e9e9e9; 
	background-position:0 -121px;
} 

.expandableMenu div.submenu ul li a.finalitem{
	display: block;
	width: 92px;
	line-height: 26px;
	/*margin-bottom:5px;*/
	margin-bottom: 0px;
	padding: 0 30px;
	border-top:0px;
	border-right:1px solid #b4b9d7;
	border-bottom:0px;
	border-left:1px solid #d0d5f5;
	background:#dedede url('images/purple_sub_nav.gif') 0 1px no-repeat;
	text-decoration: none;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	background-color:#e9e9e9; 
	background-position:0 -161px;
}

.expandableMenu div.submenu ul li a:hover{
	/*color: white;*/
}

.expandableMenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
}


/* Expandable treeview stuff */
/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; line-height:18px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(/images/docman_folder.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(/images/docman_folder_closed.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(/images/docman_folder_closed.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 11pt; }
	ul.mktree  li ul li { font-size: 9pt; }
	/*ul.mktree  li ul li ul li { font-size: 6pt; }
	ul.mktree  li ul li ul li ul li { font-size: 6pt; }*/
	ul.mktree a { text-decoration: none}
	ul.mktree a:hover { color:black; }
}


.liOpen a, .liClosed a, #docmanMainTree li a {
	font-size: 12px;
}

tt {
	font-size: 12px;
}

strong {
	font-size: 9px;	
}


.row_hidden {	
	visibility:hidden;
	display:none;
}

.row_visible {
	visibility: visible;
	display: display;
}

.enable_link, .enable_link:visited {
	text-decoration: none;
	font-size: 9px;
}

.enable_link:hover {
	color: black;
}