/* class footer is stored in each stylesheets */
.footer A {
	MARGIN: 0px 5px
}

.footer .right {
	float: right; width:30%; text-align:right; padding-right:10px;
}
.footer .center {
	float: right; width:35%; text-align:center;
}
.footer .left {
	float: left; width:30%; text-align:left; padding-left:10px;
}


/*** parts ***/
.mono {
	font-family: monospace;
}

.bold {
	/*text-decoration: none;*/
	/*font-size: 10pt;*/
	font-weight: bold;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

.emph { font-weight: bold; }

.left   { text-align: left;   }
.center { text-align: center; }
.right  { text-align: right;  }

/*** help page ***/
body.help {
	background-color: #f8f8f8;
	margin: 10px 20px;
}

td.help {
	color: #000000;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
}

/*** title ***/
p.title {
	/* changed for style-tab */
	/*color: #f69401;*/
	color: #20328e;
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
}

/*** remote console preview ***/
fieldset.preview {
	background: white url(preview-bg.gif) repeat-x bottom right; 
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	
	/* top right bottom left */
	/*margin:20px 10px 20px 0px;*/
	margin:10px 0px 10px 0px;
	width: 400px;
	position: relative;
	display: block;
	/*padding: 0px 10px 10px 10px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	/*clear: both;*/
}
legend.preview {
	font-size: 12px;
	font-weight: bold;
	color: #ff9900;
}
.previewMessage {
	margin: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #0a54d6;
	text-align: center;
}
.previewRefresh {
	font-size: 12px;
	padding: 5px;
	/*float: center;*/
}

/*** group box ***/
.portletGroup {
	padding-top: 0px;
	padding-bottom: 2px;
	border: 1px solid #7AA5D6;
	/*width: 400px;*/
	width: 388px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.portletHeader {
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0em;
	padding-top: 0em;
	line-height: 1.6em;
	border-bottom: #7AA5D6 1px solid;
	background-color: #E5ECF9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #222233;
	font-weight: bold
}
.portletContent {
	padding-top: 2px;
	padding-left:2px;
	padding-bottom: 2px;
	padding-right:2px;
	text-align:center;
}
.portletGroup .dialog {
	margin-left: auto;
	margin-right: auto;
}

/*
table.portletSeparator {
	border-spacing: 0px;
}
table.portletSeparator tr td {
	padding: 5px;
}
*/
td.portletSeparator {
	padding: 5px;
	vertical-align: top;
	text-align: center;
}

/*** misc. ***/
table.sameDefault {
	/*float: center;*/
}
table.sameDefault tr td {
	padding: 0px;
	padding-left: 4px;
	color: #0A94D6;
	font-size: 7pt;
	text-align: center;
}
img.sameDefault {
	padding-left: 4px;
	text-align: left;
}
.error, .warning {
	color: #ee1111;
	text-decoration: none;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.rspErrMessage {
	color: #ee1111;
	text-decoration: none;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-right: 0px; 
	padding-left: 0px; 
	padding-top: 0px;
	padding-bottom: 10px; 
	/*padding: 1em 0 1em 0;*/
}
.rspMessage {
	color: #008000;
	text-decoration: none;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-right: 0px; 
	padding-left: 0px; 
	padding-top: 0px;
	padding-bottom: 10px; 
	/*padding: 1em 0 1em 0;*/
}
.notice {
	/*color: #0A94D6;*/
	color: #0a54d6;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
}
.topNote {
	font-weight: bold;
	font-size: 9pt;
	color: #0a54d6;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 5px; 
}
.footNote {
	font-weight: normal;
	font-size: 8pt;
	color: #101010;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
}
.subHeader {
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	text-align: left;
	padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 5px; 
}

/*** forms ***/
/*
input {
	border-right: #8cacbb 1px solid; 
	border-left: #8cacbb 1px solid; 
	border-top: #8cacbb 1px solid; 
	border-bottom: #8cacbb 1px solid; 
	VISIBILITY: visible; 
	vertical-align: middle; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt
	color: #333333
}
select {
	border-right: #8cacbb 1px solid; 
	border-left: #8cacbb 1px solid; 
	border-top: #8cacbb 1px solid; 
	border-bottom: #8cacbb 1px solid; 
	vertical-align: top; 
	background-color: white; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	color: #333333
}
.fieldRequired {
	padding-right: 0px; 
	padding-left: 8px; 
	padding-top: 0px;
	padding-bottom: 0px; 
	background: url(dot-green.gif) no-repeat left center; 
	color: white; 
}
*/
form {
	margin: 0px;
	padding: 0px;
}
form input {
	font: 12px Verdana, Arial, Helvetica, sans-serif, 'Bitstream Vera Sans';
}
/*td.fieldName {*/
td.fieldName, td.normal {
	/*padding: 0px;*/
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
	/*color: #333333;*/
	color: #222222;
	font-size: 9pt;
	text-align: right;
	/*white-space: nowrap;*/
	font-family: Verdana, Arial, Helvetica, sans-serif, 'Bitstream Vera Sans';
	color: #000000;
}

td.fieldNameLeft {
	text-align: left;
}
td.fieldNameCenter {
	text-align: center;
}
td.fieldNameSmall {
	padding-right: 5px; 
	padding-left: 0px; 
	padding-top: 0px;
	padding-bottom: 0px; 
	text-decoration: none;
	/*color: #333333;*/
	color: #222222;
	font-size: 7pt;
	text-align: center;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif, 'Bitstream Vera Sans';
	color: #000000;
}
td.fieldValue {
	/*padding: 0px;*/
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
	/*color: #333333;*/
	color: #222222;
	font-size: 9pt;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif, 'Bitstream Vera Sans';
	color: #000000;
}
/*
input.fieldValue {
	border-right: #8cacbb 1px solid; 
	border-left: #8cacbb 1px solid; 
	border-top: #8cacbb 1px solid; 
	border-bottom: #8cacbb 1px solid; 
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	VISIBILITY: visible; 
	vertical-align: middle; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	//color: #333333;
	color: #222222;
	text-decoration: none;
	text-align: left;
}
select.fieldValue {
	//border-right: #8cacbb 1px solid; 
	//border-left: #8cacbb 1px solid; 
	//border-top: #8cacbb 1px solid; 
	//border-bottom: #8cacbb 1px solid;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top; 
	background-color: white; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	//color: #333333;
	color: #222222;
	text-decoration: none;
	text-align: left;
}
input.fieldCheckbox {
	border: none;
}
input.browseFile {
	//font-size: 10pt;
}
*/

/*** buttons ***/
/*
.pushButton {
	border: 1px solid #8cacbb;
	background: white url('input-bg.gif') repeat-x bottom;
	VISIBILITY: visible;
	vertical-align: top;
	TEXT-TRANSFORM: none;
	CURSOR: pointer;
	color: black;
	*font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height:25px
}
*/
.pushButton {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	height: 25px
}

/*** authentication ***/
body.auth {
	background-color: #ffffff;
	padding: 0px; 
	margin: 0px;
	font: 12px Arial, Helvetica, sans-serif, 'Bitstream Vera Sans';
	color: #000000; 
	text-align: center;
}
td.authPadding {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.authPortletGroup {
/*
	BORDER-TOP: #7aa5d6 1px solid; 
	BORDER-RIGHT: #7aa5d6 1px solid; 
	BORDER-BOTTOM: #7aa5d6 1px solid
	BORDER-LEFT: #7aa5d6 1px solid; 
*/
	BORDER-TOP: #cccccc 1px solid; 
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid; 
	padding-bottom: 0px; 
	WIDTH: 380px; 
	PADDING-TOP: 0px; 
}
.authTopbar {
	PADDING-TOP: 4px; 
	PADDING-RIGHT: 10px; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 10px; 
	HEIGHT: 60px; 
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: #eeeeee;
}
.authTopbar .logo {
	FLOAT: left; 
	/*WIDTH: 280px;*/ 
	WIDTH: 310px; 
	PADDING-TOP: 6px;
}
.loginTitle {
	margin: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif, 'Bitstream Vera Sans';
	color: #FF6600; 
	FONT-SIZE: 13px;
	TEXT-ALIGN: center;
	font-weight: bold;
}
.authLine {
	clear: both; 
	BACKGROUND: url(line.gif) repeat-x;
	width: 100%;
	PADDING-BOTTOM: 0px; 
	LINE-HEIGHT: 24px; 
	PADDING-TOP: 0px; 
	POSITION: relative; 
	HEIGHT: 25px; 
	text-align: center
}
.authFooter {
	color: #999999; 
	font-size: 12px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	width: 80%;
	float: center;
	margin-left: auto;
	margin-right: auto;
}

/*** remote console web api ***/
body.remoteConsole {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #f4f4f4; 
}
.remoteConsole {
	padding: 0;
	padding-top: 6px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
}

.remoteConsoleNote {
	padding: 0;
	padding-top: 6px;
	color: #0A94D6;
	text-decoration: none;
	text-align: center;
	font-size: 8pt;
	font-weight: normal;
}

/*** acl colors ***/
.aclcolorno		{ color: #800000; }
.aclcoloryes		{ color: #008000; }
.aclcolornone		{ color: #800000; }
.aclcolorview		{ color: #409040; }
.aclcolorcontrol	{ color: #008000; }

/*** event log ***/
.loggingTable {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.loggingRowOdd { 
	background-color: #e7e7e7;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.loggingRowEven {
	background-color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.loggingHeader {
	background-color: #d4d4d4;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.loggingRowOdd td {
	text-align: left;
}
.loggingRowEven td {
	text-align: left;
}
.nowrap { white-space: nowrap; }
.wrap { white-space: normal; }

/*** spider network ***/
table.sortable {
	border-spacing: 0;
	border: 1px solid #B6B5B5;
	border-collapse: collapse;

	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
table.sortable th, table.sortable td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	/*width: 100px;*/
	border-style: solid;
	border-color: #B6B5B5;
}
table.sortable th {
	border-width: 0px 1px 1px 1px;
	background-color: #e5ecf9;
}
table.sortable td {
	border-width: 0px 1px 0px 1px;
}
table.sortable tr.odd td {
	background-color: #ddd;
}
table.sortable tr.even td {
	background-color: #fff;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}

/*** mouse over popup preview ***/
a.preview {
	position: relative;
	z-index: 0;
}

a.preview:hover {
	background-color: transparent;
	z-index: 50;
}

a.preview span { /* span definitions for preview image */
	position: absolute;
	background-color: lightyellow;
	/*background-color: #eaeaea;*/
	/*padding: 5px;*/
	padding: 6px;
	left: -1000px;
	border: 1px dashed gray;
	/*border: 1px solid gray;*/
	visibility: hidden;
	color: black;
	text-decoration: none;
}

a.preview span img { /* preview image in span definitions */
	/*border-width: 0px;*/
	/*padding: 1px;*/
	border: 1px solid gray;
	padding: 0px;
}

a.preview:hover span { /* span on hover */
	visibility: visible;
	/*top: 0;*/
	top: 4px;
	left: 50px; /* position where span(preview image) should offset horizontally */
}

/*** mouse over link preview ***/
.arc90_linkpic {
	display: none;
	position: absolute;
	left: 0;
	top: 1.5em;
	width: 160px;
	height: 120px;
}
.arc90_linkpicIMG {
	padding: 0 4px 4px 0;
	background: transparent url(link_shadow.gif) no-repeat bottom right;
	width: 160px;
	height: 120px;
}
