/*

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(HTML.css);
@import url(Report.css);
@import url(Form.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; color:#00e; text-decoration:underline}
a:hover 	{color:#oof; text-decoration:none;}
a:active 	{color:red; text-decoration:none}
a:visited       {color:#009;}
td a 		{text-decoration:none}
td a:hover 	{color:#oof; text-decoration:underline;}


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

.error 		{ color:#CC0000 !important;  }
.warn,.warning	{ color:#CC9900 !important;  }
.info 		{ color:#009900 !important; }
.help 		{ color:#009900; }
.data 		{ font-family:monospace; }
.caption 	{ color:#666666; font-style:italic; }
.NoTranslation  { font-style:italic; border-bottom:dotted 1px red; }
.danger		{ color:#CC0000 !important; }
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) -------*/

html { height:100%; }

body.webtop {
	margin:0px;
	background-color:#eeeeee;
	padding-bottom:40px;
}
div.webtop {
        margin-top:40px;
}
div.LoginForm {
        padding:40px;
	text-align:center;
}
div.LoginForm table {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
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;
}

.topbar {
    border-top:1px solid #ddd;
    border-bottom:1px solid #666;
/* left, right borders force a horizontal scrollbar */
/*    border-left:1px solid #ddd;
    border-right:1px solid #666;*/ 
    background:url(topbargrad.png);
    height:40px;
    position:absolute;
    top:0px;
    z-index:2;
    width:100%;
}
table.titlebar {
/*  width:100%;*/
  margin:0px;
}
td.titlebar {
  width:100%;
  text-align:left;
}
td.titlebar span.title {
  font-size:14pt;
  font-weight:bold;
  color:white;
  padding:10px;
}
td.titlebar span.title span.website {
  font-weight:normal;
}
td.titlebar form {
  display:inline;
}
.topbar a  {
  font-size:x-small;
  color:white;
  text-decoration:underline;
  padding-right:5px;
}
a.popup_close {
  color:#666;
  border:1px solid #999;
  text-decoration:none;
  border-radius: 3px;
}
a.popup_close:hover {
    background-color:#ccc;
    text-decoration:none;
}


a.icon {
  text-decoration:none;
}
a.icon:hover {
  text-decoration:none;
}

/* 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 {
  height:100%;
  background-color:#eee;
  margin:0px;
}
div.ctrlpanel_1pane  { 
  margin:0px;
  padding:0px;
  height:100%;
}
div.ctrlpanel_1pane  { 

}
div.ctrlpanel  { 
  z-index:1;
}
div.ctrlpanel_1pane div.ctrlpanel  { 
  padding:60px 20px 20px 20px;
}

/* table-based 2-pane control panel */

table.ctrlpanel_2pane { 
  margin:0px;
  padding:0px;
  height:100%;
  width:100%;
  border-collapse:collapse;
}
td.ctrlpanel_2pane_head {
  height:40px;
}
td.ctrlpanel  { 
  padding:10px 20px 20px 20px;
  vertical-align:top;
  background-color:white;
}
td.ctrlpanel_sidebar {
  width:200px;
  padding: 10px;
  background-color:#fff;
  border-right:1px solid #999;
  font-size:80%;
  vertical-align:top;
}
td.ctrlpanel_sidebar a {
  font-weight:normal;
  text-decoration:none;
  display:block;
  font-size:small;
}
td.ctrlpanel_sidebar a:hover { 
  background-color:#999;
}

.ctrlpanel_debug {
margin-top:10px;
}

div.section_selector {
  margin-top:5px;
  margin-bottom:5px;
}

/*------- buttons -------*/

/* stock form buttons */

.formButton, 
input[type=submit], 
input[type=reset], 
input[type=button], 
button.button, 
a.button {
	display: inline;
	color: #009;
	cursor: pointer;
	font-weight: bold;
        border:1px solid #666;
	background: #dddddd;
        margin:2px;
	padding: 4px 9px;
        font-size:small;
	border-radius: 3px;
	text-decoration:none;
}

.formButton:hover, 
input[type=submit]:hover, 
input[type=reset]:hover, 
input[type=button]:hover,
button.button:hover, 
a.button:hover {
	background-color:#999;
	color:white;
        text-decoration:none;
}

.formButton:active, 
input[type=submit]:active,
input[type=reset]:active, 
input[type=button]:active, 
button.button:active, 
a.button:active {
	background-color:#009;
        color:white;
}

/* a.button_sm are used as links/controls in reports */

a.button_sm {
	color: blue;
	cursor: pointer;
        border:1px solid #666;
	background-image:url(barbg.png);
	background-position:5px;
	margin:2px;
	padding:2px 3px 1px 4px;
	font-weight: normal;
        font-size:x-small;
	border-radius: 3px;
        text-decoration:none;
	white-space:nowrap;
}

a.button_sm:hover {
	background:#fff;
        text-decoration:none;
}

a.button_sm:active {
	color: #3b0611;
        border-top:1px solid #3b0611;
        border-left:1px solid #3b0611;
        border-bottom:0px solid #3b0611;
        border-right:0px solid #3b0611;
}

input[type=submit] {
	padding-left:24px;
	background:#ddd url(submit.png) no-repeat 6px 4px;
}
input[type=reset] {
	padding-left:24px;
	background:#ddd url(reset.png) no-repeat 6px 4px;
}
input[type=button].cancel,input[type=submit].cancel {
	padding-left:24px;
	background:#ddd url(cancel.png) no-repeat 6px 4px;
}
input[type=button].cancel:hover,input[type=submit].cancel:hover {
	background-color:#999;
	color:white;
        text-decoration:none;
}
input[type=button].cancel:active {
	background-color:#009;
        color:#white;
}

/* Wizards */

.WizardPathStep {
    padding-left:20px;
    padding-right:20px;
}
.WizardThisStep {
    padding-left:20px;
    background: url(../images/icons/star.png) no-repeat;
    font-weight:bold;
}

/* treeview */

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding-left: 16px;
	padding-bottom: 1px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-gray li { background-image: url(treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(treeview-gray.gif); } 

.treeview span.folder { padding: 1px 0 1px 16px; display: block; }
.treeview span.folder { background: url(folder.gif) no-repeat; }
.treeview li.expandable span.folder { background: url(folder-closed.gif) 0 0 no-repeat; }

/*  */

.treeview a {
	padding: 0px 0px 0px 0px;
}
.treeview a:hover {
	background-color:#999;
	color:white;
}

a.this_section { 
        background-color:#565438;
	color:white;
}
a.this_page { 
        background-color:#8c863e;
	color:white;
}