/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
text-align: left;
	}

.transMenu.top .items {
	border-top:none;
	}

/* each TR.item is one menu item */
.transMenu .item {
    color:#336;
    font-size:10px;
    font-family:sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background:#fdfdfd;
	color:black;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
	}
A {
	COLOR: #4876b4
}
A:hover {
	COLOR: #002E49}
BODY {
	FONT: 11px "Lucida Grande","Lucida Sans Unicode",verdana,sans-serif; COLOR: #111
}
TD {
	FONT: 11px "Lucida Grande","Lucida Sans Unicode",verdana,sans-serif; COLOR: #111
}
TH {
	FONT: 11px "Lucida Grande","Lucida Sans Unicode",verdana,sans-serif; COLOR: #111
}
#inner-container {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 806px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#topbanner {
	COLOR: #ffffff; HEIGHT: 52px
}
#masthead {
	BACKGROUND: url(images/trans/masthead.jpg); POSITION: relative; HEIGHT: 161px
}
#container {
	BACKGROUND: url(images/trans/backgroundgradient.gif) repeat-x left top
}
#vertnav A {
	BORDER-TOP: #ffffff 1px solid;
	DISPLAY: block;
	FONT-SIZE: 13px;
	FLOAT: left;
	WIDTH: 220px;
	COLOR: #fff;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #d8d8d8 1px solid;
	FONT-FAMILY: helvetica, arial, verdana, sans-serif;
	HEIGHT: 30px;
	TEXT-DECORATION: none;
	font-weight: normal;
}
#vertnav A:hover {
	COLOR: #002E49; BACKGROUND-COLOR: #E5E5E5
}
#vertnav A.current_navlink {
	BACKGROUND-COLOR: #FFCC00;
	color: #002E49;
}
#content {
	BACKGROUND: url(images/trans/content_expansion.gif) repeat-y; FLOAT: left; MARGIN-LEFT: 20px; OVERFLOW: visible; WIDTH: 525px; POSITION: relative; TOP: -55px; TEXT-ALIGN: left
}
#content-content {
	WIDTH: 480px; HEIGHT: 340px
}
#content-container {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; Z-INDEX: 5; BACKGROUND: url(images/trans/content.gif) no-repeat left top; PADDING-BOTTOM: 20px; WIDTH: 525px; PADDING-TOP: 20px; POSITION: relative; TOP: -18px
}
#content-bottom {
	Z-INDEX: 4; BACKGROUND: url(images/trans/content_bottom.gif) left top; WIDTH: 525px; BOTTOM: -16px; POSITION: relative; HEIGHT: 22px
}
HTML > BODY #content-content {
	MIN-HEIGHT: 340px; HEIGHT: auto
}
#left-menu {
	BACKGROUND: url(images/trans/leftmenu_expansion.gif) repeat-y; FLOAT: left; OVERFLOW: visible; WIDTH: 213px; POSITION: relative; TOP: -55px; TEXT-ALIGN: left
}
#left-menu-content {
	WIDTH: 270px; HEIGHT: 340px
}
#left-menu-container {
	PADDING-LEFT: 6px; Z-INDEX: 5; BACKGROUND: url(images/trans/leftmenu.gif) no-repeat left top; WIDTH: 213px; PADDING-TOP: 58px; POSITION: relative; TOP: -18px
}
#left-menu-bottom {
	Z-INDEX: 4; BACKGROUND: url(images/trans/leftmenu_bottom.gif) left top; WIDTH: 213px; BOTTOM: -20px; POSITION: relative; HEIGHT: 28px
}
HTML > BODY #left-menu-content {
	MIN-HEIGHT: 340px; HEIGHT: auto
}
#middle-container {
	MARGIN-TOP: 30px; TEXT-ALIGN: left
}

.sidemenuheader {
	FONT-WEIGHT: normal; FONT-SIZE: 20px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 4px; COLOR: #6c6c6c; PADDING-TOP: 10px; FONT-FAMILY: helvetica,arial narrow,arial,verdana,sans-serif; HEIGHT: 25px
}

#footer {
	CLEAR: both; PADDING-TOP: 20px; TEXT-ALIGN: center
}
#footer-module {
	MARGIN: 0px auto; WIDTH: 600px; PADDING-TOP: 10px
}

#left-menu TEXTAREA {
	WIDTH: 158px
}
#left-menu INPUT:hover {
	BACKGROUND: white
}
#left-menu TEXTAREA:hover {
	BACKGROUND: white
}
#left-menu INPUT:focus {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BACKGROUND: white; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
#left-menu TEXTAREA:focus {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BACKGROUND: white; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
.submit {
	BORDER-RIGHT: #9a9a9a 1px solid; BORDER-TOP: #c6c6c6 1px solid; BORDER-LEFT: #c6c6c6 1px solid; BORDER-BOTTOM: #9a9a9a 1px solid; BACKGROUND-COLOR: #d3d3d3
}
.submit:hover {
	BACKGROUND: #ededed
}
.submit:focus {
	BACKGROUND: #ededed
}
DIV.error {
	 PADDING-BOTTOM: 1em; COLOR: #f00
}
DIV.container_box {
	MARGIN-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; PADDING-TOP: 0px
}
DIV.container_editbox {
	BORDER-RIGHT: #ccc 2px dashed; BORDER-TOP: #ccc 2px dashed; MARGIN: 2px; BORDER-LEFT: #ccc 2px dashed; BORDER-BOTTOM: #ccc 2px dashed
}
DIV.container_editheader {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #ccc
}
DIV.container_editheader TABLE TR TD.info {
	
}
DIV.itemtitle {
	
}
SPAN.datefield {
	
}
SPAN.datefield_disabled {
	COLOR: #ddd; FONT-STYLE: italic; TEXT-DECORATION: line-through
}
DIV.weblog_comment {
	BORDER-RIGHT: #ddd 1px dashed; BORDER-TOP: #ddd 1px dashed; MARGIN: 3px 3px 1em; BORDER-LEFT: #ddd 1px dashed; BORDER-BOTTOM: #ddd 1px dashed
}
DIV.weblog_comment_title {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px;  FONT-SIZE: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #ddd
}
DIV.weblog_comment_attribution {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-STYLE: italic
}
DIV.weblog_comment_body {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
DIV.workflow_action {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; MARGIN-BOTTOM: 1em; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid
}
DIV.workflow_inapproval {
	MARGIN-LEFT: 35px
}
DIV.workflow_approved {
	BORDER-RIGHT: #030 2px solid; BORDER-TOP: #030 2px solid; BORDER-LEFT: #030 2px solid; BORDER-BOTTOM: #030 2px solid; BACKGROUND-COLOR: #ddd
}
DIV.workflow_action_restored {
	BORDER-RIGHT: #030 2px dashed; BORDER-TOP: #030 2px dashed; BORDER-LEFT: #030 2px dashed; BORDER-BOTTOM: #030 2px dashed; BACKGROUND-COLOR: #fff
}
DIV.workflow_action_posted {
	BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; BORDER-LEFT: black 2px solid; BORDER-BOTTOM: black 2px solid
}
TD.header {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #aaa
}
TD.header A {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #aaa
}
DIV.form_title {
	
}
DIV.form_header {
	BORDER-TOP: #ddd 1px solid; MARGIN-BOTTOM: 1em; BORDER-BOTTOM: #ddd 1px solid
}
TR.even_row {
	BACKGROUND-COLOR: #ddd
}
TR.row:hover TD {
	COLOR: #fff; BACKGROUND-COLOR: #666
}
TR.row:hover TD A {
	COLOR: #fff; BACKGROUND-COLOR: #666
}
TR.odd_row {
	
}
.administration_modmgrheader {
	BACKGROUND-COLOR: lightgrey
}
.administration_modmgrheader SPAN.active {
	 COLOR: green
}
.administration_modmgrheader SPAN.inactive {
	 COLOR: red
}
.administration_modmgrbody {
	BORDER-RIGHT: lightgrey 1px solid; BORDER-TOP: lightgrey 1px solid; PADDING-LEFT: 10px; BORDER-LEFT: lightgrey 1px solid; BORDER-BOTTOM: lightgrey 1px solid
}
TABLE.debug_null {
	 COLOR: #fff; BACKGROUND-COLOR: #000
}
TABLE.debug_null TR TD {
	 COLOR: #fff; BACKGROUND-COLOR: #000
}
DIV.debug_null {
	 COLOR: #fff; BACKGROUND-COLOR: #000
}
TABLE.debug_object {
	COLOR: #fff; BACKGROUND-COLOR: #a00
}
TABLE.debug_object TR TD {
	COLOR: #fff; BACKGROUND-COLOR: #a00
}
TABLE.debug_array {
	COLOR: #fff; BACKGROUND-COLOR: #0a0
}
TABLE.debug_array TR TD {
	COLOR: #fff; BACKGROUND-COLOR: #0a0
}
TABLE.debug_scalar {
	COLOR: #fff; BACKGROUND-COLOR: #00a
}
TABLE.debug_scalar TR TD {
	COLOR: #fff; BACKGROUND-COLOR: #00a
}
DIV.debug_scalar {
	COLOR: #fff; BACKGROUND-COLOR: #00a
}
TD.debug_attribute {
	FONT-SIZE: 10px; FONT-FAMILY: monospace
}
TD.debug_varname {
	
}
TD.debug_type {
	 FONT-SIZE: 14px; COLOR: #fff; BACKGROUND-COLOR: #aaa
}
TD.debug_value {
	FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: monospace
}