/* @group Resource Browser */

#resourcebrowsercontainer {
	position:			absolute;
	top:				0px;
	left:				0px;
}

#resourcebrowser {
	text-align:			left;
	background:			#F2F3F5;
	border:				1px solid #C3C3C3;
	padding:			2px;
	width:				268px;
	z-index:			999;
}

#resourcebrowser h3 {
	margin:				0px;
	padding:			3px;
}

#resourcebrowser ul.table {
	padding:			1px;
	background:			#F6F6F6;
	border:				1px solid silver;
	overflow:			auto;
}

li.browseritem {
	width:				128px;
	float:				left;
	text-align: 		center;
}

li.inlayitem:before {
	content:			url(/images/symbol_doc.gif)" ";
}

/* @end */

#keywordbrowser {
	text-align:			left;
	background:			#F2F3F5;
	border:				1px solid #C3C3C3;
	padding:			2px;
	width:				240px;
	z-index:			999;
}

#keywordrootelements {
	margin-top:			4px;
}

#keywordrootelements div.status {
	color:				#555;
	background:			#F6F7F8;
	border-top:			1px dotted #C3C3C3;
	padding-top:		2px;
	padding-left:		2px;
}

#content {
	width:				800px;
	height:				auto;
}

#console {
	position:			fixed;
	bottom:				20px;
	left:				200px;
	width:				780px;
	background-color:	rgb(20,20,20);
	opacity:			0.9;
	-moz-opacity:		0.9;
    color:				white;
    font-family:		'Lucida Grande', sans-serif;
    font-size:			12px;
    text-shadow:		black 0px 1px 2px;
	z-index:			10;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

p.message {
	color:				#FF8000;
}

div.message {
	border:				1px solid silver;
	padding:			5px 30px;
	margin-bottom:		10px;
	background:			#FFFFCC;
}

div.message h5 {
	background: 		transparent url(/images/icon_warning.gif) no-repeat top left;
	color:				#333;
	font-size:			11px;
	margin:				0px 5px 0px -25px;
	padding-left:		25px;
}

div.message ul {
	padding-left:		20px;
	margin-left:		0px;
}

div.formtip {
    color:				white;
	background-color:	rgb(20,20,20);
	opacity:			0.9;
	-moz-opacity:		0.9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	width:				170px;
	padding:			4px;
}

div.blockvalue:hover span.blockvaluetools {
	display:inline;
	float:right;
	padding-top:3px;
}

div.blockvalue span.blockvaluetools {
	display:inline;
	float:right;
	padding-top:3px;
}

#console div.title {
	background-color:	rgba(255,255,255,0.1);
    height:				19px;
    text-align:			center;
    font-size:			11px;
    line-height:		20px;
}

#console div.title button {
    position:			absolute;
    top:				3px;
    left:				3px;
    border:				0;
    background-color:	transparent;
    background-repeat:	no-repeat;
    height:				13px;
    width:				13px;
}

#console div.title button.minimize {
    background-image: url( /images/minimize.png );
}

#console div.title button.maximize {
    background-image: url( /images/maximize.png );
}

#console div.content {
	margin:				0px;
	padding:			10px;
	font-family:		monospace;
}

#newsbar {
	position:			absolute;
	left:				730px;
	top:				206px;
	width:				132px;
}

#newsbar h4 {
	border-bottom:		2px solid #98ADC2;
	font-size:			11px;
	margin:				0px;
}

#newsbar h5 {
	font-size:			11px;
	color:				#003366;
	margin:				1px 0px;
}

#newsbar p {
	margin:				 0px;
}

#newsbar div {
	padding:			4px 1px;
	background:			#F2F3F5;
}

#scroller {
	width:				128px;
	height: 			200px;
	margin-bottom:		20px;
}

#tooltip {
	border:				1px solid #C3C3C3;
	color:				#000000;
	background:			#FFFFCA;
	padding:			3px;
	position:			absolute;
	width:				128px;
}

/* autocomplete */

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #336699; color: white;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

/* form styles */ 

.first {
	margin-top:		0px;
}

.normal {
	width:			220px;
}

.warning {
	color:			red;
}

form.account {
	margin:			0px;
}

form.navigation {
	font-size:		11px;
	margin:			10px 5px;
}

form.remote {
	background-color:	#E9EEF3;
	border-top:			1px solid #CBD5E0;
	border-bottom:		1px solid #CBD5E0;
	padding:			5px;
}

select {
}

select.navtool {
	border:			medium none;
	font-size:		10px;
	vertical-align:	top;
	width:			96px;
}

/* Tabs */

ul.tabs {
	list-style-type: none;
	margin:			10px 0px;
	border-bottom:	1px solid #336699;
	padding:		5px 0px;
}

ul.tabs li {
	display:		inline;
	margin:			0px 0px;
	border:			1px solid #336699;
	padding:		5px 7px;
	color:			#09315D;
	background:		white;
}

ul.tabs li:hover {
	cursor: 		pointer;
	color:			#09315D;
	background:		#efefef;
}

ul.tabs li.selected {
	background:		#FF9900;
}

/* */

p.breadcrumbs {
	color:			#003366;
	margin-top:		0px;
}

h2.image {
	margin:			0px; 
}

form.search {
	width:			220px;
	text-align:		right;
}

/* */

table {
	font-size:			12px;
}

table.record {
	border:				1px solid #999999;
	background:			#DBE4ED;
	width:				480px;
}

table.record.wide {
	width:				560px;
}

table.record td.label {
	color:				black;
	font-weight:		normal;
	text-align:			left;
	padding:			5px;
	vertical-align:		top;
}

table.editable td.label:after {
	content:			": ";
}

table.resourceset td.label {
	color:				#555;
	text-align:			right;
}

table.editable {
	border:				1px solid transparent;
	background:			#E5E5E5;
	margin-bottom:		3px;
}

table.editable:hover {
	border:				1px dotted gray;
	background:			#E5E9EE;
}

table.form tr:hover {
	background:			#E5E9EE;
}

table.record th {
	font-size: 			12px;
	font-weight: 		bold;
	text-align:			left;
	background:			#C8C8C8;
	color:				#333;
}

table.record tfoot td {
	border-top:			1px solid #99ADC2;
	padding:			5px;
	text-align:			right;
	vertical-align: 	middle;
}

.linetop {
	border-top:			1px solid #99ADC2;
	padding:			2px;
	text-align:			right;
	vertical-align: 	middle;
}

.issueline {
	border-top:			1px solid #99ADC2;
	padding:			5px;
	text-align:			left;
	vertical-align: 	middle;
}

tr.panel th {
	color:				#555;
	text-align:			left;
}

td.radio {
	padding:			2px;
}

td.value {
	color:				#003366;
}

td.sample, span.sample {
	color:				#333;
}

td.dev {
/*	border-bottom:		1px solid orange; */
/*	background:			#DDD url("/images/construction.png"); */
	font-style:		italic;
}

td.keywords {
	border-right:		1px solid white;
}

td.image_left {
	background-color:	#d5dde4;
}

td.app_name {
	background-color:	#a8b8ca;
	height:				50px;
	padding-top:		3px;
}

td.left_app_name {
	background-color:	#c4cfdb;
}

td.app_info {
	height:				100px;
	background-color:	#f3f5f7;
	padding:			4px;
}

td.panel {
	background:			#DDD;
}

/* */

table.ajaxform {
	background:			#E5E9EE;
	border:				5px solid #E5E9EE;
	margin:				5px 0px;
}

table.ajaxform th {
	text-align:			left;
}

/* */

table.account {
	background:		#E5E9EE;
	padding:		0px;
	border-top:		10px solid #E5E9EE;
	border-bottom:	10px solid #E5E9EE;
	border-left:	20px solid #E5E9EE;
	border-right:	20px solid #E5E9EE;
}

table.account th {
	color:			#003366;
	padding-bottom:	10px;
	text-align:		left;
}

table.account td.label:after {
	content:			": ";
}


table.list {
	text-align:		left;
	width:			720px;
}

table.listtools {
	margin-bottom:	10px;
}

table.list tr.red {
	background:		#ffcccc;
}

table.list tr.odd {
	background:		#E5E9EE;
}

table.list tr.even {
	background:		#F1F2F5;
}

table.list th {
	text-align:		left;
	border-bottom:	2px solid #98ADC2;
}

table.list th a {
	color:			#6685a3;
	display:		block;	
}

table.list th a.selected {
	color:			#003366;
}

table.list td {
	border-right:	1px solid white;
	border-top:		1px solid white;
}

table.list td.footer {
	border-top:		1px solid #98ADC2;
	color:			#333;
}

table.pager {
	width:			720px;
	border-top:		1px solid #98ADC2;
}

/* DIV */

div.list {
	border:				1px solid silver;
}

div.list h3 {
	background-color:	#eaeff3;
	margin-top:			0px;
	border-bottom:		1px solid silver;
	padding:			2px;
}

div.action {
	padding-left:	16px;
}

div.action, span.action, td.action {
	font-weight:	bold;
	color:			#666;
}

div.progress {
	font-weight:	bold;
	color:			#99adc2;
	margin-bottom:	10px;
}

div.progress .current {
	color:			#036;
/*	text-decoration: underline;*/
}

li.folder span.tools {
	float:			right;
	padding-right:	5px;
}

span.token span.left {
	background:		#666 url(/images/token_left.png) no-repeat left top;
	color:			white;
	padding:		2px;
}

span.token label {
	padding-left:	2px;
}

span.token span.value {
	background:		#aaa url(/images/token_right.png) no-repeat right top;
	padding:		2px 4px;
	color:			black;
}

span.token img.closer {
	position:		relative;
	top:			2px;
	left:			1px;
}

h4 {
	font-style:		normal;
	font-weight:	bold;
	font-size:		12px;
	color:			#003366;
	margin-bottom:	5px;
}

div.header {
	background:			silver;
	color:				#333;
	font-weight:		bold;
	padding:			2px;
}

div.label {
	color:				gray;
	font-weight:		bold;
}

div.toolbar {
	color:				#333;
	background:			#ddd;
	margin:				-2px;
	text-align:			right;
}

div.panel {
	background:			#eee;
	margin:				-2px;
	border:				1px solid silver;
	padding:			0px;
}

div.panel h4, td.panel h4 {
	padding:			2px;
	margin:				4px 0px 0px 0px;
}

div.panel div.tools, td.panel div.tools {
	background:			#ddd;
	color:				#666;
	font-weight:		bold;
	padding:			2px 2px 0px 2px;
}

div.panel form {
	margin: 			0px;
}

div.value {
	padding:			2px;
	margin-bottom:		5px;
	background:			#efefef;
	border:				1px solid silver;
	font-size:			12px;
	font-weight:		normal;
}

div.imagefile {
	margin:				-1px;
	border:				1px solid #F2F3F5;
	padding:			1px;
	cursor:				move;
	background:			#F2F3F5;
}

td.imagecontainer, td.jpgcontainer {
	border:				1px dotted gray;
	height:				23px;
}

td.jpgcontainer {
	background:			#F6BCBC;
}

td.resourcezone {
	padding:			1px;	
	background:			#efefef;
	border:				1px solid silver;
	color:				#003366;	
}

td.navigation {
	background:			#efefef;
}

img.inline {
	vertical-align:		middle;
}

img.preview {
	margin:				5px;
	border:				1px solid silver;
	background-color:	white;
}

img.lefticon {
	vertical-align:		middle;
	padding:			1px 3px 3px 1px;
}

td.console {
/*	display:		none; */
	color:			#5c5c5c;
	background:		#fff3cc;
	padding:		4px;
	margin:			0px;
	font-family:	monospace;
}

td.console pre {
	margin:			0px;
}

td.select select {
	width:			200px;
}

select.standard {
	width:			274px;
	padding:		0px;
}

div.panel select.normal, div.panel input.normal {
	width:			150px;
}

input.checkbox, input.radio {
	background:		none;
	border:			none;
	padding:		0;
}

input.image {
	margin:			0px 0px 1px 0px;
	border:			none;
	padding:		0px;
	vertical-align:	middle;
}

input.topbar {
	margin:			0px 0px 1px 0px;
	padding-bottom:	2px;
	vertical-align:	middle;
}

input.login {
	width:			205px;
}

input.standard {
	width:			270px;
}

input.wide {
	font-size:		12px;
	padding:		2px;
	width:			512px;
}

textarea.standard {
	width:			270px;
}

textarea.wide {
	width:			512px;
}

textarea.large {
	width:			400px;
}

input.narrow {
	width:			52px;
	margin-right:	2px;
}

input.medium {
	width:			160px;
	margin-left:	2px;
}

td.list {
	background:			#CCD6E0;
}

td.group {
	background:			#eee;
	color:				#333;
	font-weight: 		bold;
}

td.half {
	height:			50%;
}

td.specials {
	height:			50%;
	background:		#F2F3F5;
}

td.list h4 {
	margin:				0;
}

td.list ul, ul.list {
	list-style-image:	url(/images/channelarrow.gif);
	padding-left:		2em;
	margin-left:		0em;
}

td.label {
	color:				#333;
	text-align:			left;
}

td.hover {
	background:			yellow;
}

ul.table, ul.localized {
	list-style-type:	none;
	margin:				0;
	padding:			0;
}

ul.table li {
	padding:			1px;
/*	background:			#E2E3E5; */
}

ul.table li.row {
	background:			#E5E9EE;
	border-top:			1px solid #F1F2F5;
}

ul.table li.component {
	border:				1px dotted #98ADC2;
	margin-bottom:		5px;
}

ul.table li.resourceset {
	border-top:			1px dotted #98ADC2;
}

li.resourceitem:before {
	content:			url(/system/resources/images/symbol_doc.gif)" ";
}

ul.table select {
	padding:			0;
}


/* Component Tools */

ul.table li span.tools {
	display:			none;
}

ul.table li:hover span.tools {
	display:			inline;
	float:				right;
}

h5 span.tools {
	padding-top:		2px;
	float:				right;
}


/* */

ul.table ul.table li span.resourcetools {
	display:			none;
}

ul.table ul.table li:hover span.resourcetools {
	display:			inline;
	float:				right;
	padding-top:		3px;
}

/* */

ul.table li a.plus {
	display:			none;
}

ul.table li:hover a.plus {
	display:			inline;
}

/* */

ul.localized li {
	clear:				left;
}

ul.localized select {
	margin-top:			2px;
	width:				272px;
}

img.handle, img.inline {
	vertical-align:		middle;
	padding-bottom:		2px;
}

fieldset {
	margin:				2px;
	border:				0px dotted #98ADC2;
	padding:			2px;
	background:			#F2F3F5;
}

fieldset.image {
	margin:				3px;
	float:				left;
	width:				378px;
	border:				1px solid silver;
}

fieldset legend {
	margin-left:		5px;
}

fieldset.pool {
	clear:				left;
	border:				1px solid silver;
	margin-bottom:		10px;
}

div.universal {
	padding:			1px;
}

div.keyword_children {
	display:			inline;
}

div.clearer {
	clear:				both;
}

span.cell {
	display:			block;
	padding-top:		2px;
	width:				64px;
	float:				left;
	clear:				left;
}

span.cell256 {
	background-color:	#E5E9EE;
	display:			block;
	padding-top:		2px;
	width:				256px;
	height:				16px;
	float:				left;
	clear:				left;
}

span.cell150 {
	background-color:	#E5E9EE;
	display:			block;
	padding-top:		2px;
	width:				170px;
	height:				16px;
	float:				left;
	clear:				right;
}

span.example {
	font-weight:		normal;
	color:				#666;
}

.gray {
	color:				#777777;
}

.white {
	color:				#ffffff;
}

.darkblue {
	color:				#003366;
}

.invalid, .darkorange {
	color: 				#FF6600;
}

.valid, .green {
	color:				#009933;
}

.red {
	color:				red;
}