/*

ExSite default system stylesheet

This stylesheet is used by ExSite administration screens and control panels.
It defines style rules for the markup that is generated by ExSite kernel
tools such as ReportBuilder, FormBuilder, and so on.

*/

/*------- import other stylesheets -------*/

@import url(Report.css);
@import url(Form.css);
@import url(HTML.css);

/*------- Defaults ---------*/

ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DD, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH, UL {font-family: sans-serif;}

ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DD, FORM, MENU, OL, P, TD, UL {font-family: sans-serif; font-size:10pt; }

/*------- Links ---------*/

A 		{font-family:sans-serif; 
		font-weight:bold; color:#204080; text-decoration:none}
A:hover 	{text-decoration:underline;}
A:active 	{color:red; text-decoration:none}

/*------- General Text Formatting -------*/

.error 		{ color:#CC0000; }
.warning	{ color:#CC9900; }
.info 		{ color:#009900; }
.help 		{ color:#009900; }
.data 		{ font-family:monospace; }
.caption 	{ color:#666666; font-style:italic; }
.NoTranslation  { font-style:italic; border-bottom:dotted 1px red; }
div.error       { 
    border-bottom:1px dotted #900;
    padding-top:10px;
    padding-bottom:10px;
}
div.errors       { 
    border-top:1px dotted #900;
}

h1 { font-size:150%; }
h2 { font-size:130%; }
h3 { font-size:120%; }
h4 { font-size:110%; }
h5 { font-size:100%; }
h6 { font-size:90%; }

/*------- system windows (webtop, control panels) -------*/

body.webtop {
	margin:0px;
	background-color:#eeeeee;
}
div.iconGroupB {
	background-color:#dddddd;
}
div.iconGroupA,div.iconGroupB {
	padding-left:20px;
	min-height:140px;
	border-bottom:1px solid #bbb;
	width:100%;
}
div.iconGroupA h1,div.iconGroupB h1 {
	color:#444;
	font-size:12px;
	margin:0px;
	padding-top:10px;
}

div.topbar {
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	background:url(topbargrad.png);
	height:36px;
}

div.topbarButtonRight {
	float:right;
}
div.topbarButtonx {
	height:36px;
}
div.topbarButtonRight img {
	padding:3px;
}
div.topbarButtonLeft img {
	padding:3px;
}
table.titlebar {
	width:100%;
}
td.titlebar {
	width:100%;
	text-align:center;
}
td.titlebar span.title {
	font-size:14pt;
	font-weight:bold;
	color:white;
	padding:10px;
}

/* webtop categories */

.iconGroupA:after,.iconGroupB:after {
	content: ".";
	display: block;
	height: 0;	
	font-size:0;
	clear: both;
	visibility:hidden; 
}
.iconGroupA,.iconGroupB {
	display: inline-block;
}

/*------- control panels -------*/

body.ctrlpanel { background-color:#eeeeee; }

div.ctrlpanel  { border-top:1px solid white; }

DIV.ctrlpanel   { padding:20px; }

div.close_button { 
  float:right;
  border:1px solid #999;
  padding:2px;
  padding-left:4px;
  padding-right:4px;
  position:relative;
  top:-10px;
  right:-3px;
}
div.close_button a { 
  font-size:8pt;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:normal;
  color:#669;
}
div.close_button a:hover { 
  color:#336;
}

/*------- alternating rows -------*/

tr.A 		{ background:white; }
tr.B 		{ background:#EEEEFF; }