/*
Main CSS File for Cortex Administration.

Z-Index policies:
	1-10: Normal pop-up Elements
	11: Screen Shader
	12-19: Shader dialogs
	20: AJAX notification dialogs
	21: Other temporary dialogs
	30: Tooltips
*/

/*tag redefinitions*/
html {
	height: 100%;
}

body {
	margin: 0;
	font: 1em Verdana, Arial, Helvetica, Sans-serif;
	color: #1C1C1C;
	/*background-image: url("images/shell/body_bg.jpg");
	background-repeat: repeat-x;*/
	background-color: #CFCFCD;
}

h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	margin: 0 0 .3em 0;
}

h1 {
	background: #FFFFFF;
	border-bottom: 2px solid #999999;
	border-right: 1px solid #999999;
	font-size: 1.4em;
	margin: 10px 0;
	padding: 2px 4px;
}

h1 span, h2 span, h3 span {
	font-weight: normal;
	color: #333;
}

noscript {
	width: 70%;
	margin: 10px auto;
	border: 4px solid red;
	background: #ffff99;
	padding: 5px;
}

p {
	margin: 0 0 1em 0;
}

a {
	color: #0c0c3d;
}

a img {
	border: 0;
}

form {
	margin: 0;
}

input, select, textarea {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
}

textarea {
	font-size: .95em;
	padding: 1px;
}

label:hover {
	cursor: pointer;
	text-decoration: underline;
}

label.disabled:hover {
	cursor: default;
	text-decoration: none;
}
/*tag redefinitions*/

/*misc*/
.iconHeading {
	background-position: right left;
	background-repeat: no-repeat;
	height: 28px;
	padding: 6px 5px 0 36px;
}

table#tbl_install_warnings {
	background: #fff;
	border: 1px solid #999;
	margin-bottom: 1em;
}

.highlightedObj, .highlightedObj * {
	background-color: #9cfdfa;
}

span.code {
	font: 1.1em "Courier New", Courier, Terminal, Monospaced;
	background: #fffbce;
}

span.codeBlock {
	display: block;
	overflow: auto;
	font: 1.1em "Courier New", Courier, Terminal, Monospaced;
	background: #fffbce;
	margin: .5em 0 .5em 0;
}

div.codeBlock {
	overflow: auto;
	font: 1.1em "Courier New", Courier, Terminal, Monospaced;
	background: #fffbce;
	border: 1px solid #999;
	margin: .5em 0 .5em 0;	
}

img.cssSwatch {
	vertical-align: middle;
	border: 0;
	background-color: #fff;
}

div#ctl_css_rename {
	display: none;
}

div.dragHandle {
	cursor: move;
}

div.dragHighlight {
	border: 2px solid blue;
}

iframe.dragShield {
	position: absolute;
	border: 0;
	opacity: 0;
	filter: Alpha(Opacity=0);
}

div.editFilePreview {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 350px;
	height: 200px;
	border: 1px solid #999;
}

div.editFilePreviewLarge {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 550px;
	height: 400px;
	border: 1px solid #999;
}

div.editFilePreview div, div.editFilePreviewLarge div {
	background: #fff;
	border-bottom: 1px solid #999;
	width: 340px;
	overflow: hidden;
	font-size: .8em;
	padding: 1px 5px;
}

div.editFilePreviewLarge div {
	width: 540px;
}

div.editFilePreview div.fileDesc,
div.editFilePreviewLarge div.fileDesc {
	margin-top: 105px;
	background: none;
	border: 0;
	text-align: center;
}

div.buttons {
	clear: both;
	text-align: center;
	padding: 1em 0;
}

div.buttons input {
	font-size: 1.4em;
}
/*misc*/

/*activity log items*/
div.activityItem {
	margin: 3px;
	clear: left;
	padding: 1px 0 3px 27px;
	background-repeat: no-repeat;
}

div.activityItem h3 {
	font: 1em Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-weight: bold;
	margin: 0;
}

div.activityItem h3 span {
	font-weight: normal;
	font-size: .8em;
}

div.activityItem span.date {
	font-size: .8em;
}
/*activity log items*/

/*ajax related stuff*/
div.popOuter {
	position: absolute;
	z-index: 2;
}

div#messageBox {
	display: block;
	position: relative;
	float: left;
	left: 0;
	top: 0;
	width: 260px;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.buttonLoading {
	text-align: center;
	padding: 1em 0;
	background-image: url("images/anim_ind_loading_circle.gif");
	background-repeat: no-repeat;
	background-position: 10px center;
}

div#tipPanel {
	position: absolute;
	width: 308px;
	font-size: .8em;
	background-image: url("images/shell/tip_top.png");
	background-repeat: no-repeat;
	padding-top: 17px;
	cursor: pointer;
	z-index: 30;
}

div#tipPanel i {
	font-size: .75em;
}

div#tipPanel h2 {
	font-size: 1.2em;
}

div#tipPanel table th {
	text-align: left;
}

div#tipPanelTop {
	width: 278px;
	padding: 0 15px 0 15px;
	line-height: 130%;
	background-image: url("images/shell/tip_mid.png");
	background-repeat: repeat-y;
	cursor: pointer;
}

div#tipPanelBottom {
	width: 308px;
	height: 10px;
	background-image: url("images/shell/tip_bot.png");
	background-repeat: no-repeat;
	cursor: pointer;
}
/*ajax related stuff*/

/*forms*/
input.textfieldH2 {
	font-size: 1.3em;
}

select.selectH2, select.selectH2 option {
	font-size: 1.3em;
}

select.selectH2 option {
	font-size: 1em;
}

.smallWidth {
	width: 205px;
}

.medWidth {
	width: 270px;
}

.dialogWidth {
	width: 345px;
}

.largeWidth {
	width: 520px;
}

div.modGroup .largeWidth, div.innerInset .largeWidth {
	width: 500px;
}

input.inactive {
	color: #999;
}

textarea.codeEditor {
	font-family: "Courier New", Monospaced;
	font-size: .9em;
}

textarea.txtExpander {
	height: 1.2em;
}

textarea.txtExpanderActive {
	height: 4em;
}

div.editFormElement .floatLeft {
	margin-right: 5px;
	vertical-align: middle;
}

div.editFormElement .floatRight {
	margin-left: 5px;
	vertical-align: middle;
}

div.editFormElement .floatLeft *, div.editFormElement .floatRight * {
	vertical-align: middle;
}

div.pathPreview {
	margin-top: .5em;
	font-size: .9em;
}

label.required {
	background-color: #fdff66;
}

div.contextFieldLabel {
	float: left;
	padding: 3px 0 4px 2px;
	background-repeat: no-repeat;
}

div.contextFieldWarning {
	float: left;
	padding: 3px 0 4px 25px;
	background-image: url("images/icon_warning.gif");
	background-repeat: no-repeat;
	font-weight: bold;
}

img.passBarNotify {
	height: 16px;
	vertical-align: middle;
}
/*forms*/

/*layout*/
div#shell {
	width: 800px;
	clear: both;
	margin: 0 auto;
	font-size: .8em;
}

div#headerShell {
	width: 100%;
	float: left;
	background-image: url("images/shell/topnav_bg.png");
	background-repeat: repeat-x;
}

div#logo {
	margin: 0 auto;
	width: 800px;
}

div#logo a {
	float: right;
}

div#logo img {
	float: right;
	margin: .5em 10px;
}

div#smallTopLinks {
	float: right; 
	clear: right;	
	margin-right: 10px;
}

div#smallTopLinks a {
	float: right;
	margin-left: 3px;
	font-size: .7em;
	text-decoration: none;
	padding: 1px 3px;
	color: #005;
}

div#smallTopLinks a:hover {
	background-color: #005;
	color: #fff;
}

div#welcomePanel {
	float: left;
	width: 538px;
	border: 1px solid #999;
	background: #fff;
}

div.innerPad {
	padding: 10px;
}

div#activityPanel {
	float: right;
	width: 248px;
	border: 1px solid #999;
	background: #fff;
}

div.editLeft {
	float: left;
	width: 550px;
	border: 1px solid #999;
	margin: 0 0 5px 0;
	padding: 5px 0;
	background: #fff;
}

div.editLeftFull {
	width: 798px;
}

div.editLeftHighlight {
	background-image: url("images/shell/editright_bg.gif");
	background-position: bottom;
	border-top-color: #eee;
	border-left-color: #eee;
	border-bottom-color: #999;
	border-right-color: #999;
}

div.editLeft div.inner {
	float: left;
	width: 530px;
	margin: 0 0 0 10px;
}

div.editLeft div.innerContext {
	/*like .inner but allowing for context buttons on the right*/
	width: 490px;
}

div.editLeft div.halfWidth {
	width: 260px;
}

div.editLeft div.modGroup {
	position: relative;
	background-color: #f0f0f0;
	border: 1px solid #999;
	float: left;
	width: 528px;
	margin-bottom: .5em;
	/*padding: 4px 0 0 4px;*/
}

div.editLeft div.innerInsetContent div.modGroup {
	border-color: #ccc;
	width: 515px;
}

div.editLeft div.modGroup div.editFormElement {
	margin: 4px;
}

div.editLeft div.modGroup p.modGroupDesc {
	padding: 2px;
	background-color: #FFFBCE;
	margin: 0;
}

div.editLeft div.innerInset {
	float: left;
	width: 530px;
	clear: both;
	margin: 0 0 .3em 10px;
}

div.editLeft div.innerInset div.column {
	float: left;
	margin-right: 10px;
	width: 249px;
}

div.editLeft div.innerInset div.col3pane {
	width: 162px;
}

div.editLeft div.innerInset div.column .smallWidth {
	width: 170px;
}

div.editLeft div.innerInset div.column .medWidth {
	width: 190px;
}

div.editRight div.innerInset {
	float: left;
	display: inline; /*ie6 :)*/
	width: 220px;
	clear: both;
	margin: 0 0 .3em 10px;
}

div.editLeft div.innerInset .innerInsetSwitch,
div.editLeft div.innerInset .innerInsetSwitchActive,
div.editRight div.innerInset .innerInsetSwitch,
div.editRight div.innerInset .innerInsetSwitchActive  {
	padding-left: 13px;
	float: left;
	width: 517px;
	text-decoration: none;
	font-weight: bold;
	background-image: url("images/shell/switch_closed.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

div.editRight div.innerInset .innerInsetSwitch,
div.editRight div.innerInset .innerInsetSwitchActive {
	width: 207px;
}

div.innerInset .innerInsetSwitch:hover,
div.innerInset .innerInsetSwitchActive:hover, {
	text-decoration: underline;
}

div.editLeft div.innerInset .innerInsetSwitchActive,
div.editRight div.innerInset .innerInsetSwitchActive {
	background-image: url("images/shell/switch_open.gif");
	margin: 0 0 .5em 0;
}

div.editLeft div.innerInset div.innerInsetContent,
div.editRight div.innerInset div.innerInsetContent {
	float: left;
	width: 518px;
	padding: 5px;
	background: #eee;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.editRight div.innerInset div.innerInsetContent {
	width: 208px;
}

div.editRight div.innerInset div.innerInsetContent div.editFormElement {
	width: 208px;
}

div.editLeft h1 {
	clear: both;
	/*float: left;*/
	font-size: 1.2em;
	color: #000033;
	background: #f1f5fa;
	margin: 0;
	padding: 0 0 5px 10px;
	/*width: 540px;*/
	margin-bottom: 5px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 1px dashed #999;
}

div.editLeft h1 span {
	font: .7em Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	color: #000;
	display: block;
}

div.editLeft div.inner h1 {
	/*float: left;*/
	font-size: 1.2em;
	color: #000;
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
}

div.editLeft h2 {
	clear: both;
	font-size: 1.0em;
}

div.editLeft h2 span {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size :0.8em;
	font-weight: normal;
}

div.editLeft h3 {
	clear: both;
	font-size: .95em;
	font-weight: bold;
}

div.editLeft p, div.editRight p {
	font-size: .85em;
	margin-bottom: .4em;
}

div.editLeft hr {
	float: left;
	clear: both;
	width: 550px;
	height: 1px;
	border: 0;
	border-top: 1px dashed #999;
	margin: 5px 0;
}

div.editLeft div.editFormElement {
	float: left;
	width: 530px;
	padding-bottom: 10px;
}

div.editLeft div.halfWidth div.editFormElement {
	width: 260px;
}

div.editLeft div.innerInset div.editFormElement {
	width: 520px;
}

div.editLeft div.innerInset div.column div.editFormElement {
	width: 249px;
}

div.editLeft div.innerInset div.col3pane div.editFormElement {
	width: 162px;
}

div.editLeft div.modGroup div.editFormElement {
	width: 505px;
}

div.editLeft div.editFormList { 
	clear: both;
	float: left;
	width: 520px;
	background: #eee;
	border-top: 5px solid #fff;
	padding: 2px 5px;
}

div.editLeft div.innerInsetContent div.editFormList {
	border-top: 5px solid #EEEEEE;
	background: #fff;
	width: 505px;
}

div.editLeft div.editFormList div.editFormListItem {
	border-bottom: 1px dashed #999;
	clear: both;
	float: left;
	width: 520px;
	margin-bottom: 2px;
	padding-bottom: 1px;
}

div.editFormListItem div.elementContextButtons {
	width: 50px;
}

div.editLeft div.innerInsetContent div.editFormList div.editFormListItem {
	width: 505px;
}

div.editFormList div.editFormListItem h4 {
	float: left;
	margin: 0;
	font-size: 0.9em;
}

div.editFormList div.editFormListItem h4 span {
	display: block;
	font: .8em Verdana, Arial, Helvetica, Sans-serif;
}

div.editFormList div.editFormListItem a {
	float: right;
	text-align: left;
}

div.editRight {
	float: right;
	clear: right;
	width: 240px;
	border: 1px solid #999;
	margin-bottom: 5px;
	background: #fff url("images/shell/editright_bg.gif") no-repeat bottom left;
}

div.editRightClean {
	background: #fff;
}

div.editRight div.inner {
	float: left;
	width: 220px;
	margin: 0 10px 5px 10px;
}

div.editRight h2, div.toolPanel h1 {
	font-size: 1.1em;
	background: #0c0c3d;
	padding: 5px 10px;
	color: #fff;
	margin: 0 0 5px 0;
	border: 0;
}

div.editRight div.editFormElement {
	float: left;
	clear: both;
	width: 220px;
	padding: 0;
}

div.editRight h3 {
	font-size: 1.05em;
	color: #000;
	margin: .1em 0 .2em 0;
}

div.editRight hr {
	clear: both;
	width: 240px;
	height: 1px;
	border: 0;
	border-top: 1px dashed #999;
	margin: 5px 0;
}

div#div_key_list a {
	display: block;
	float: left;
	margin: 0 .5em .5em 0;
	padding: 1px;
	border: 1px solid #999;
	text-decoration: none;
}

div#div_key_list a:hover {
	background: #fffbce;
	cursor: pointer;
}

div.editButtonsShell {
	clear: both;
}

div.editButtons {
	float: left;
	margin: 10px 0 2em 0;
	padding: 10px;
	width: 778px;
	background: #fff;
	border: 1px solid #999;
}

div.editButtons img#xml_progressicon {
	display: none;
	float: right;
	margin: 2px 0 0 5px;
}

div.editButtons input {
	float: right;
	margin-left: 10px;
	font-size: 1.2em;
}

div.editButtons p.leadIn {
	float: right;
	margin: 0;
	padding: 3px 30px 3px 0;
	font: 1.4em Trebuchet MS,Arial,Helvetica;
	text-align: right;
	background: #fff url("images/icon_arrow_right.gif") no-repeat center right;
	color: #444;
}

div.editButtons div.editButtonsNav {
	float: left;
	width: 300px;
}

div.editButtons div.editButtonsNav input {
	float: left;
	margin: 0 10px 0 0;
}

div.toolPanel {
	float: left;
	border: 1px solid #999;
	margin: 0 6px 10px 0;
}

div.toolPanelLast {
	margin-right: 0;
}

div.toolPanelSmall {
	width: 248px;
}

div.toolPanelMed {
	width: 260px;
}

div.toolPanelLarge {
	width: 395px;
}

div.toolPanelFull {
	width: 798px;
}

div.toolPanel h2 {
	font-size: 1em;
}

div.toolPanel .inner {
	height: 60px;
	background: #fff;
}

div.toolPanel .innerPad {
	height: 50px;
	padding: 5px;
	background: #fff;
}

div.toolPanelFull .inner, div.toolPanelFull .innerPad {
	height: auto;
}

a.topPanelAnchor {
	display: block;
	padding: 3px 5px;
	border-top: 1px solid #999;
	background: #ccc;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: .8em;
}

a.topPanelAnchor:hover {
	background: #ffff99;
}

div.message {
	width: 788px;
	clear: both;
	float: left;
	margin-top: 10px;
	padding: 5px;
	background: #fff;
	border: 1px solid #999;
}

p.message {
	clear: both;
	margin-top: 10px;
	padding: 5px;
}

.warningMessage {
	display: block;
	padding: 5px 5px 5px 30px;
	margin: 0;
	border: 1px solid #999;
	background-image: url("../../admin/images/icon_warning.gif");
	background-repeat: no-repeat;
	background-position: 3px center;
}

div#readonly_notice {
	clear: both;
	padding: 1px;
	border: 1px solid #999;
	background: #E4B223;
	margin: .5em 0;
}

form.intform div#readonly_notice {
	margin: 0 0 .5em 0;
}

div#readonly_notice p, form.intform div#readonly_notice p {
	padding: 5px 5px 5px 32px;
	margin: 0;
	background-color: #fff;
	background-image: url("../../admin/images/icon_warning.gif");
	background-repeat: no-repeat;
	background-position: 5px center;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

div#footer {
	margin: 0 auto;
	padding: 2em 0;
	width: 790px;
	clear: both;
	text-align: right;
	font-size: .7em;
}

div#footer span.label {
	padding: 0 2px;
	background: #eee;
	border: 1px dashed #999;
}

p#breadCrumb {
	float: left;
	margin: 0;
	padding: 0;
}

p#breadCrumb.reduced {
	width: 740px;
}

p#breadCrumb a {
	color: #000;
}

div#displayIcons {
	width: 50px;
	padding-top: 4px;
	clear: right;
	float: right;
}

div.panelOptionsTop div#displayIcons {
	padding: 2px;
}

div#displayIcons a {
	display: block;
	float: right;
	margin-left: 2px;
	width: 16px;
	height: 16px;
	overflow: hidden;
}

div#displayIcons a {
	background-repeat: no-repeat;
	background-position: left top;
}

div#displayIcons a:hover {
	background-position: left bottom;
}

div#displayIcons a span {
	display: none;
}

div.elementContextButtons {
	float: right;
	margin-right: 3px;
	width: 20px;
}

div.elementContextButtons a {
	display: block;
	float: right;
	overflow: hidden;
	background-repeat: no-repeat;
	text-decoration: none;
}

div.elementContextButtons a.orderUp {
	width: 16px;
	height: 16px;
	background-image: url("images/shell/context_orderup_button.gif");
	background-position: left top;
}

div.elementContextButtons a.orderUp:hover {
	background-position: right top;
}

div.elementContextButtons a.orderDown {
	width: 16px;
	height: 16px;
	background-image: url("images/shell/context_orderdn_button.gif");
	background-position: left bottom;
}

div.elementContextButtons a.orderDown:hover {
	background-position: right bottom;
}

div.elementContextButtons a.close {
	width: 16px;
	height: 16px;
	margin: 0 0 4px 2px;
	background-image: url("images/shell/context_close_button.gif");
	background-position: left top;
}

div.elementContextButtons a.close:hover {
	background-position: right top;
}
/*layout*/

/*info bar*/
.msgbar {
	display: none;
	clear: both;
	border: 1px solid #999;
	padding: 1px;
	margin: 0 0 .5em 0;
	font-size: .9em;
	text-align: center;
}

div.rowList .msgbar, div#intFormShell .msgbar {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin: 0;
}

.showInactive {
	display: block;
	background: #c0c0c0;
}

.showInfo {
	display: block;
	background: #44D658;
}

.showWarning {
	display: block;
	background: #E4B223;
	font-weight: bold;
	font-size: 1em;
}

div.showWarning p {
	background-image: url("../../admin/images/icon_warning.gif");	
}

div.showInfo p {
	background-image: url("../../admin/images/icon_working.gif");
}

div.msgbar p a {
	text-decoration: none;
}

div.msgbar p a:hover {
	text-decoration: underline;
}

div.msgbar p, form#loginform div.msgbar p {
	padding: .5em 30px .5em 30px;
	margin: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 5px center;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
/*info bar*/

/*top links*/
div#topLinksOuter {
	width: 100%;
	float: left;
	clear: both;
	padding-top: 3px;
	background: url("images/shell/tab_home_border.gif") repeat-x bottom;
}

ul#topLinks {
	clear: both;
	width: 790px;
	margin: 0 auto;
	padding: 0 0 0 10px;
	list-style-type: none;
}

ul#topLinks li {
	float: left;
	margin: 0 10px 0 2px;
	padding: 0;
	font: .9em "Trebuchet MS", Arial, Helvetica, Sans-serif;
}

ul#topLinks li span {
	padding: 5px 0 5px 0;
}

ul#topLinks li a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	color: #000;
}

ul#topLinks li.selected {
	background: url("images/shell/tab_home_left.gif") no-repeat top left;
}

ul#topLinks li.selected span {
	background: url("images/shell/tab_home_top.gif") repeat-x top left;
}

ul#topLinks li.selected a {
	background: url("images/shell/tab_home_right.gif") no-repeat top right;
	color: #fff;
}

ul#topLinks li a:hover {
	color: #c00;
}

ul#topLinks li.selected a:hover {
	color: #fff;
}
/*top links*/

/*sub links*/
div#subLinksOuter {
	width: 100%;
	float: left;
	background: url("images/shell/tab_home_rowbg.gif") repeat-x top;
}

div#subLinksInner {
	margin: 0 auto;
	clear: both;
	width: 800px;
}

ul.subLinks {
	float: left;
	width: 580px;
	padding: 0 0 0 14px;
	margin: 0;
	list-style-type: none;
}

ul.subLinks li {
	float: left;
	margin: 4px 10px 0 0;
	padding: 0;
	font: .8em "Trebuchet MS", Arial, Helvetica, Sans-serif;
}

ul.subLinks li span {
	padding: 3px 0 5px 0;
}

ul.subLinks li a {
	display: block;
	color: #fff;
	padding: 3px 8px 5px 8px;
	text-decoration: none;
}

ul.subLinks li.selected {
	background: url("images/shell/tab_sub_left.gif") no-repeat top left;
	color: #000;
}

ul.subLinks li.selected a {
	background: url("images/shell/tab_sub_right.gif") no-repeat top right;
	color: #000;
}

ul.subLinks li a:hover {
	color: #fdff66;
}

ul.subLinks li.seperator {
	border-right: 2px solid #ccc;
	padding-right: 5px;
}

ul.subLinks li.selected span {
	background: #cfcfcd;
	color: #000;
}

div#domainSelector {
	float: right;
	width: 200px;
	height: 23px;
	padding-top: 3px;
	text-align: right;
}

div#domainSelector select {
	font-size: .7em;
	margin: 0;
}

div#domainSelector select option {
	font-size: 1em;
}

div.subMenuDrop {
	position: absolute;
	display: none;
	top: 0;
	font: .8em "Trebuchet MS", Arial, Helvetica, Sans-serif;
	background: #005;
	z-index: 21;
}

div#mod_links.subMenuDrop {
	left: 227px;
}

div.subMenuDrop ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.subMenuDrop ul li {
	display: block;
	margin: 0;
	padding: 1px;
}

div.subMenuDrop a {
	display: block;
	padding: 4px 6px;
	color: #fff;
	text-decoration: none;
}

div.subMenuDrop a:hover, div.subMenuDrop li.active a {
	color: #005;
	background-color: #f1f5fa;
}
/*sub links*/

/*category functions*/
div#sectionFunctions {
	position: relative;
	margin: 0 auto;
	clear: both;
	width: 800px;
}

ul#sectionLinks {
	float: right;
	width: 800px;
	height: 1.7em;
	padding: 0 0 0 14px;
	margin: 0;
	list-style-type: none;
}

ul#sectionLinks li {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	font: .8em "Trebuchet MS", Arial, Helvetica, Sans-serif;
	background: url("images/shell/utab_left.gif") no-repeat bottom left;
	color: #000;
}

ul#sectionLinks li span {
	padding: 3px 0 5px 0;
	background: #005;
	color: #fff;
}

ul#sectionLinks li a {
	display: block;
	color: #fff;
	padding: 3px 8px 5px 8px;
	text-decoration: none;
	background: url("images/shell/utab_right.gif") no-repeat bottom right;
}

ul#sectionLinks li a:hover {
	font-size: 1.2em;
	color: #c00;
}
/*category functions*/

/*login panel*/
div.loginShell {
	width: 380px;
	padding-top: 180px;
	margin: 0 auto;
	background-image: url("images/shell/login_top.jpg");
	background-repeat: no-repeat;
	background-position: 0 90px;
}

div.loginShell form.loginForm {
	border-left: 10px solid #000033;
	border-right: 10px solid #000033;
	border-bottom: 10px solid #000033;
	background-color: #f6f6f6;
}

div.loginFields {
	width: 260px;
	padding: 10px 50px 10px 50px;
}

div.loginFields label {
	display: block;
	font-size: 1em;
	margin: 0 0 .5em 0;
	padding-top: 1em;
}

div.loginShell div.post_field {
	width: 260px;
	padding: 10px 50px 0 50px;
	font-size: 0.8em;
}

form.loginForm input.textfieldH2 {
	width: 250px;
}

form.loginForm p {
	padding: 10px 10px 5px 10px;
	margin: 0;
	border-bottom: 1px solid #999;
	background-color: #fff;
}

div.loginShell div.buttons {
	text-align: center;
	margin: 1em 0;
}

div.loginShell div.buttons input {
	font-size: 1.3em;
}

div.loginBottom {
	width: 380px;
	height: 32px;
	background-image: url("images/shell/login_bottom.jpg");
}
/*login panel*/

/*preview panel*/
div#intPreviewShell {
	width: 840px;
	padding-top: 30px;
	margin: 0 auto;
	background-color: #07083a;
	background-image: url("images/shell/int_login_top.gif");
	background-repeat: no-repeat;
}

div#intPreviewShell form#previewShell {
	border-left: 5px solid #000033;
	border-right: 5px solid #000033;
	border-bottom: 5px solid #000033;
	background-color: #f6f6f6;
}

div#intPreviewShell form#previewShell iframe {
	margin: 0;
	width: 830px;
	height: 500px;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #999;
	border-left: 0;
	background: #fff;
}

div#intPreviewShell div.button {
	text-align: center;
	padding: 1em 0;
	border-left: 0;
	clear: both;
}

div#intPreviewShell input.button {
	font-size: 1.3em;
	margin-right: 5px;
}

div#intPreviewShell div#dynDataListFiles {
	height: 450px;
	background: #fff;
	padding: 5px;
	overflow: auto;
}
/*preview panel*/

/*listing table*/
div#dynDataList {
	clear: both;
}

div.rowList {
	float: left;
	clear: both;
	width: 798px;
	border: 1px solid #999;
	margin: 10px 0 10px 0;
	padding-bottom: 15px;
	background: #fff;
}

div#page_browser div.rowList {
	/*row list within the interstitial page browser*/
	float: none;
	width: 830px;
	border: 0;
	margin: 0;
	height: 350px;
	overflow: auto;
}

div.rowList h1 {
	background: #eee;
	font-size: 1.2em;
	padding: 5px;
	border: 0;
	margin: 0;
}

div.rowList p {
	padding: 5px;
	font-size: .85em;
	line-height: 130%;
}

div.rowList div#div_info_bar {
	background: #c0c0c0;
	background-image: url("images/shell/infobar_bg.gif");
	background-repeat: repeat-x;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin: 0;
	display: block;
	border-bottom: 1px solid #999;
	padding: 3px 0;
	font-size: .9em;
	text-align: center;
}

div.rowList div#div_info_bar.highlight {
	background: #ffff99;
	background-image: url("images/shell/infobar_bg_active.gif");
}

div.rowList table {
	width: 778px;
	margin: 10px;
}

div#page_browser div.rowList table {
	/*row list table within the interstitial page browser*/
	width: 810px;
	margin: 0;
}

div.rowList table th.flag, div.rowList table td.flag {
	width: 50px;
	text-align: center;
}

div.rowList tr.group th {
	font-size: 1em;
	border-bottom-style: dashed;
}

div.rowList tr.alt td {
	background: #f1f5fa;
}

div.rowList tr.alt td.clearalt {
	background: #fff;
}

div.rowList tr.stageHighlight td {
	background: #b9dcc2;
}

div.rowList tr.rejectedHighlight td {
	background: #fffbce;
}

div.rowList tr.defaultHighlight td {
	background: #f96;
}

div.rowList tr.unlinkedHighlight td {
	background: #ededed;
}

div.rowList tr.selectHighlight td {
	background: #89a3e9;
}

div.rowList tr.active td {
	background: #e6e6df;
}

div.rowList table tr td {
	vertical-align: middle;	
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

div.rowList a.pathName {
	display: block;
	font-size: .85em;
}

div.rowList th {
	vertical-align: middle;	
	font-size: 1.1em;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

div.rowList th span {
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-weight: normal;
}

div.rowList img {
	vertical-align: middle;	
}

div.rowList h4 {
	font-size: 1em;
	margin: 0;
}

div.rowList td h3 {
	display: inline;
	font-size: .9em;
}

th.checkBox, td.checkBox {
	text-align: center;
	width: 35px;
	cursor: pointer;
}

td.checkBox {
	padding: 5px 0;
}

td.checkBox input {
	display: block;
	padding: 0;
	margin: 0 auto;
	cursor: pointer;
}
/*listing table*/

/*listing blocks*/
div.blockList {
	float: left;
	clear: both;
	width: 798px;
	margin-top: 10px;
	padding-bottom: 5px;
	background: #fff;
}

div.blockList div.listitem {
	float: left;
	width: 185px;
	border: 1px solid #999;
	margin: 5px;
}

div.blockList div.listitem h4 {
	margin: 0 0 2px 0;
	padding: 2px;
	background-color: #eee;
	font-size: 1.2em;
}

div.blockList div.listitemContent {
	padding: 0 1px 4px 1px;
	overflow: hidden;
	height: 130px;
	background-image: url("images/shell/listblock_bg.gif");
	background-repeat: repeat-y;
}

div.blockList div.listitemContent p {
	clear: both;
	margin: 0;
	padding: 0;
}

div.blockList div.listitemContent p span {
	display: block;
	float: left;
	width: 104px;
}

div.blockList div.listitemContent p span.label {
	display: block;
	float: left;
	width: 74px;
	margin-right: 2px;
	padding-right: 1px;
	text-align: right;
	font-size: .9em;
}

div.blockList div.listButtons {
	clear: both;
	border-top: 1px solid #999;
	background-color: #ccc;
	padding: 2px;
}

div.blockList div.listButtons a {
	display: inline;
	padding: 2px;
}
/*listing blocks*/

/*listing tools*/
div#multiActions {
	clear: left;
	margin: 10px 0 15px 55px;
	float: left;
	width: 350px;
}

div#multiActionsTop {
	margin: 10px 0 0 10px;
	float: left;
	width: 350px;
}

div.pageSwitcher {
	float: right;
	width: 355px;
	margin: 10px 10px 0 0;
}

div.panelFrameLarge div.pageSwitcher {
	border-top: 1px solid #999;
	margin: 0;
	width: 550px;
	padding: 5px 10px 5px 0;
}

div.pageSwitcher ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.pageSwitcher li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

div.pageSwitcher select {
	margin: 0 1px;
}

div.pageSwitcher a {
	width: 24px;
	display: block;
	text-align: center;
	padding: 3px 0;
	border: 1px solid #999;
	margin: 0 1px 1px 0;
	font-size: .9em;
	color: #000;
	text-decoration: none;
}

div.pageSwitcher span {
	width: 18px;
	display: block;
	text-align: center;
	padding: 2px;
	font-size: .9em;
	color: #000;
	text-decoration: none;
}

div.pageSwitcher a:hover, div.pageSwitcher a.active {
	background: #ccc;
}

div.rowListContextButtons {
	float: right;
	display: none;
}

div.rowListContextButtons div {
	position: absolute;
}

div.rowListContextButtons a {
	position: relative;
	left: -21px;
	top: -24px;
	width: 26px;
	height: 16px;
	display: block;
	overflow: hidden;
	background-image: url("images/shell/order_buttons.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

div.rowListContextButtons a.orderUp {
	background-position: left top;
}

div.rowListContextButtons a.orderUp:hover {
	background-position: right top;
}

div.rowListContextButtons a.orderDown {
	background-position: left bottom;
}

div.rowListContextButtons a.orderDown:hover {
	background-position: right bottom;
}

th.icon, td.icon {
	width: 16px;
}

th.thumbIcon, td.thumbIcon {
	width: 36px;
	text-align: center;
}

th.listButtons, td.listButtons {
	width: 75px;
	text-align: center;
	padding: 0;
}

td.listButtons a, div.listButtons a {
	color: #000;
	display: block;
	padding: 1px 0 1px 0;
	margin-bottom: 1px;
	text-decoration: none;
}

td.listButtons a:hover, div.listButtons a:hover {
	color: #fff;
	background: #005;
}

td.listButtons a.destroy:hover, div.listButtons a.destroy:hover {
	color: #fff;
	background: #c00;
}

td.listButtons a.create:hover, div.listButtons a.create:hover {
	background: #0c3;
}

img.levelIcon {
	margin-right: 2px;
	padding-left: 5px;
}
/*listing tools*/

/*thumbnail listing panel*/
div.thumbList div.listItem, div.thumbList div.listItemEmpty {
	float: left;
	width: 125px;
	padding: 2px;
	margin: 2px;
	background: #ccc;
	cursor: pointer;
	text-decoration: none;
}

div.thumbList div.listItemEmpty {
	cursor: default;
}

div.thumbList div.active {
	background: #e6e6df;
}

div.thumbList div.selectHighlight {
	background: #89a3e9;
}

div.thumbList div.listItem span.span_block_chk {
	display: block;
	width: 19px;
	height: 19px;
	float: left;
	text-align: center;
}

div.thumbList div.listItem span.span_block_chk input {
	vertical-align: middle;
}

div.thumbList div.listItem span img {
	visibility: hidden;
	display: block;
	float: right;
	margin: 2px 2px 0 0;
}

div.thumbList div.active span img {
	visibility: visible;
	border: 0;
	cursor: pointer;
	padding: 1px;
	background: #fff;
}

div.thumbList div.active span img:hover {
	background: #ccc;
}

div.thumbList div.listItem span, div.thumbList div.listItemEmpty span {
	display: block;
	height: 80px;
	width: 125px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #fff;
}

div.thumbList div.listItem h3, div.thumbList div.listItemEmpty h3 {
	width: 125px;
	height: 1.4em;
	margin: 0;
	padding: 0;
	font-size: 1em;
	overflow: hidden;
}

div.thumbList div.listItem i {
	font-size: .8em;
}
/*thumbnail listing panel*/

/*data tables - similar to listing tables but the TH'es are vertical*/
table.dataTable {
	clear: both;
	width: 100%;
}

table.dataTable th, table.dataTable td {
	padding: 2px;
}

table.dataTable tr.alt th, table.dataTable tr.alt td {
	background: #f1f5fa;
}

table.dataTable td {
	overflow: auto;
	display: block;
}

table.dataTable th {
	text-align: left;
	border-right: 1px solid #ededed;
	vertical-align: top;
	font-size: .9em;
	width: 100px;
}
/*data tables*/

/*category tree list*/
div.treeCat {
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

div.treeCatSelected {
	background-repeat: no-repeat;
	margin-bottom: 2px;
	font-style: italic;
}

div#div_treeCats a {
	color: #000;
	text-decoration: none;
	padding-left: 16px;
}

div#treeCatList a.empty {
	color: #777;
}

div.treeList {
	overflow: hidden;
	height: 60px;
}

div.treeListExpanded {
	position: absolute;
	left: -1px;
	top: -1px;
	width: 330px;
	border: 1px solid #999;
	background: #fff;
}

div.treeListExpanded a {
	color: #000;
	text-decoration: none;
}

div.treeList div#treeCatList {
	padding: 5px;
	height: 50px;
	width: 278px;
}

div.treeList a#treeCatsClose {
	display: none;
}

div.treeListExpanded div#treeCatList {
	overflow: auto;
	padding: 5px;
	width: 320px;
	height: 200px;
}

div.treeListExpanded a#treeCatsClose {
	display: block;
}
/*category tree list*/

/*interstitial editor windows*/
div#intEditorShell {
	width: 630px;
	height: 600px;
	margin: 0 auto;
}

div#intEditorShell h1 {
	font-size: 1.1em;
	background: #0c0c3d;
	padding: 5px 10px;
	overflow: hidden;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	height: 18px;
	color: #fff;
	margin: 0;
}

div#intEditorShell h2 {
	font-size: 1em;
}

div#intEditorShell form.intform {
	background: #fff;
}

textarea#int_edit_css {
	font: .9em "Courier New", Monospaced;
	height: 400px;
	margin: 10px;
	width: 800px;
}

div.intEditSideBar {
	position: absolute;
	left: 75p;
	width: 248px;
	height: 375px;
	padding: 5px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background: #fff;
}

div.intEditSideBar select#multiItemSelect {
	width: 230px;
	height: 300px;
}

div.intEditSideBar div#multiSelectButtons {
	margin-top: 5px;
}

div.intEditSideBar h2 {
	margin: .5em 0 0 0;
}

div.intEditLeft {
	position: absolute;
	left: 248px;
	width: 381px;
	top: 67px;
	height: 341px;
	padding: 5px 0 0 0;
	border-right: 1px solid #999;
	background: #fff url("images/shell/editright_bg.gif") no-repeat left bottom;
}

div.intEditLeft hr {
	height: 1px;
	border: 0;
	border-top: 1px dashed #999;
	margin: 5px 0;
}

div.intEditLeft div.editFormElement {
	padding-bottom: 10px;
}

div.intEditLeft div.editFormElement th {
	text-align: left;
	font-size: .85em;
	width: 75px;
}

div.intEditLeft div.inner {
	margin: 0 0 0 10px;
}

div.intEditLeft div.intEditPanel {
	display: none;
}

div#intEditorShell div.editButtons {
	position: absolute;
	left: 0;
	top: 403px;
	width: 608px;
}

div#intEditSections {
	position: absolute;
	left: 248px;
	width: 381px;
	height: 38px;
	background-image: url("images/rte_tools/rte_panel_bg.gif");
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

div#intEditSections a {
	display: block;
	float: left;
	width: 55px;
	height: 14px;
	padding-top: 24px;
	text-align: center;
	text-decoration: none;
	font-size: .8em;
}

div#intEditSections a:hover, div#intEditSections a.active {
	background-position: bottom left;
}

div#intEditSections a#toolButton_background {
	width: 85px;
}
/*interstitial editor windows*/

/*breadcrumb list*/
div.crumbList {
	float: left;
	overflow: hidden;
	height: 22px;
}

a.crumb {
	display: block;
	height: 22px;
	float: left;
	margin: 0;
	font-size: .85em;
	text-decoration: none;
	color: #282828;
}

a.crumb span {
	display: block;
	height: 16px;
	padding: 3px 2px 3px 14px;
	background: url("images/rte_tools/node_bg.gif") 12px top;
	background-repeat: no-repeat;
	cursor: pointer;
}
/*breadcrumb list*/

/*typeable combo boxes*/
input.typeCombo, input.typeComboActive {
	background: url("images/shell/type_combo_bg.gif") no-repeat right top;
	border: 1px solid #abadb3;
	padding: 2px;
	cursor: default;
}

input.typeComboActive {
	background: url("images/shell/type_combo_bg_1.gif") no-repeat right top;
}

input.typeComboDisabled {
	background: #fff;
}

div.typeComboList {
	display: none;
	position: absolute;
	left: 100px;
	top: 100px;
	z-index: 21;
	border-bottom: 1px solid #abadb3;
	border-left: 1px solid #abadb3;
	border-right: 1px solid #abadb3;
	background: #fff;
	overflow-y: auto;
}

div.typeComboItem {
	padding: 2px;
}

div.typeComboList div.alt {
	background-color: #f1f5fa;
}

div.typeComboList div.active {
	background-color: #89a3e9;
	cursor: pointer;
}

div.typeComboItem h4 {
	font-size: .8em;
	font-weight: normal;
	margin: 0;
}

div.typeComboItem b {
	font-weight: bold;
	color: #E4B223;
}

div.typeComboItem span.typeComboItemDesc {
	font-size: .65em;
	font-style: italic;
}
/*typeable combo boxes*/

/*order buttons for edit pages*/
div#div_orderelements div.elementContextButtons {
	width: 50px;
	margin: 6px 0 0 0;
}

div.fieldOrderButtons a {
	display: block;
	float: left;
	width: 40px;
	height: 11px;
	margin-right: 2px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-decoration: none;
}

div.fieldOrderButtons a.asc {
	background-image: url("images/shell/sqlorder_asc.gif");
	background-position: left top;
}

div.fieldOrderButtons a.asc:hover, 
div.fieldOrderButtons a.ascActive {
	background-image: url("images/shell/sqlorder_asc.gif");
	background-position: left bottom;
}

div.fieldOrderButtons a.desc {
	background-image: url("images/shell/sqlorder_desc.gif");
	background-position: left top;
}

div.fieldOrderButtons a.desc:hover, 
div.fieldOrderButtons a.descActive {
	background-image: url("images/shell/sqlorder_desc.gif");
	background-position: left bottom;
}
/*order buttons for edit pages*/

/*statistics table*/
table.statsTable tr.total td {
	font-weight: bold;
	font-size: 1.2em;
}
/*statistics table*/

/*step panels, showing processes*/
div.twoStepPanels {
	margin: 0 auto 10px auto;
	width: 532px;
	height: 134px;
}

div.stepPanels h1 {
	font-size: 1.7em;
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
	color: #fff;
}

div.stepPanels p {
	color: #fff;
	font-size: .85em;
}

div.stepPanels p.label {
	padding-top: 10px;
	font: 2.4em Arial, Helvetica, Sans-serif;
	margin: 0 10px .1em 0;
	text-align: center;
}

div.twoStepPanels div.step1 {
	float: left;
	padding: 10px 40px 10px 20px;
	width: 234px;
	height: 114px;
	background-image: url("/templates/admin/images/shell/2step_panel_1.gif");
}

div.twoStepPanels div.step2 {
	float: left;
	padding: 10px 10px 10px 10px;
	width: 218px;
	height: 114px;
	background-image: url("/templates/admin/images/shell/2step_panel_2.gif");
}
/*step panels*/