body {
	background-color: #2F5F90;
	background-image: url(images/bkg_main.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-family: tahoma, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #0c3951;
}

/* FORM STYLES */
input.textbox {
	font-size: 8pt;
	color: #000000;
	height: 16px;
	background-color: #CAD6E2;
	background-image: url(images/bkg_inputbox.jpg);
	background-repeat: repeat-x;
	border: 1px solid #657D99;
	padding: 0px;
	padding-left: 1px;
	margin: 2px;
}
input.textbox[disabled] {
	color: #aca899;
}

.password {
	font-size: 8pt;
	color: #000000;
	height: 16px;
	background-color: #CAD6E2;
	background-image: url(images/bkg_inputbox.jpg);
	background-repeat: repeat-x;
	border: 1px solid #657D99;
	padding: 0px;
	padding-left: 1px;
	margin: 2px;
	margin-left: 0px;
}
.password_disabled {
	color: #aca899;
}

select {
	background-color: #D5DDE8;
	background-image: url(images/bkg_inputbox.jpg);
	background-repeat: repeat-x;
	font-size: 8pt;
	color: #000000;
	border: 1px solid #657D99;
}

/* MENUBAR STYLES */
.menubarstyle {
	background-color: #B1C4DA;
	background-image: url(images/bkg_menubar.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 2px;
	height: 28px;
	border: 1px solid #B3C3D6;
}
.menubarstyle #gwt_menubar {
	clear: both;
	float: left;
	margin-top: 3px;
}
.menubarstyle .loginstyle {
	float: right;
	margin-top: 5px;
	padding-right: 11px;
}
.menubarstyle .menuitem {
	font-family: tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #0c3951;
	padding-right: 6px;
}
a {
	text-decoration: none;
	outline: 0;
}



/* ICONBAR STYLES */
#iconbar {
	background-color: #96B0CD;
	background-image: url(images/bkg_iconbar.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 2px;
}
#iconbar .icongroupstyle {
	background-color: #9CB6D3;
	background-image: url(images/bkg_icongroup.jpg);
	background-repeat: repeat-x;
	padding: 0px;
	margin-right: 1px;
	margin-top: 2px;
}
#iconbar .icongrouptablestyle {
	padding: 0px;
	margin-top: 1px;
}
.icongrouplabel {
	font-size: 9px;
	color: #44556C;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#iconbar #appicon {
	margin-top: 0px;
	padding: 0;
}

/* QUICK QUERY STYLES */
#dropdownbar {
	background-color: #96B0CD;
	background-image: url(images/bkg_query.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 24px;
	margin-bottom: 2px;
}
#querycontent {
	background-color: #95B3CD;
	background-image: url(images/bkg_dropdown_bottom.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B3C3D6;
	border-right-color: #B3C3D6;
	border-bottom-color: #B3C3D6;
	border-left-color: #B3C3D6;
	height: 30px;
}
.interiorpadding {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}



/* DATA WORKSPACE STYLES */
#dataworkspace {
    background-color: #83A2C3;
	padding: 2px;
	margin-bottom: 2px;
}


/* NAV TREE STYLES */
#navtree {
	background-color: #83A2C3;
	padding: 2px;
	clear: left;
	float: left;
	height: 395px;
	width: 260px;
	overflow: auto;
}	
#navtree #navtreeinside {
	font-size: 11px;
	color: #000000;
	background-color: #F0F4F7;
	height: 420px;
}

.treelabel {
text-align: left;
}

.treelabelselected {
background-color:#E5C97E;
}

#navtree #navtreeinside .greybar {
	background-color: #BCC2C5;
	padding: 6px;
	height: 18px;
}

/* DIVIDER BAR STYLES */
#divider {
	background-image: url(images/bkg_divider.gif);
	background-repeat: repeat-y;
	float: left;
	width: 6px;
	height: 400px;
}
#divider #dragbar {
	position: relative;
	top: 45%;
}

/* DATA DISPLAY STYLES */
#datadisplay {
	/* Don't think these are in use. They are set programmatically in DatabaseExplorer.java */
	background-color: #5F82A4;
	background-image: url(images/bkg_datadisplay.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 400px;
	float: left;
	width: 620px;
}

.datadisplayheader {
	background-color: #1F3350;
	background-image: url(images/bkg_dataheader.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #FFFFFF;
	text-align: left;
}
.datadisplaymouseover {
	background-color:#D3D9DD;
	color: #333333;
	text-align: left;
}
.datadisplaynormal {
	background-color:#EFF3F7;
	color: #333333;
	text-align: left;
}
.datadisplayselected {
	background-color:#E7CB80;
	color: #333333;
	text-align: left;
}
.datadisplayheader .sortorder {
	float: right;
}
#datadisplaytable  td  {
	padding: 2px;
	border: 1px solid #C4CCD1;
}
#datadisplaytable  {
	overflow: auto;
	clear: left;
	height: 278px;
}

.datanavigationbar {
	background-color: #1E3350;
	background-image: url(images/bkg_datafooter.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 20px;
	padding: 2px;
	padding-bottom: 2px;
	width: 100%;
	border-bottom: 1px solid #111c2b;
	color: white;
}

.datanavigationbar .datanavigationbar_spacer {
	margin-bottom: 2px;
	margin-top: 1px;
}
	
/* SQL EDITOR STYLES */
#sqlcontent {
	background-color: #95B3CD;
	background-image: url(images/bkg_dropdown_bottom.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B3C3D6;
	border-right-color: #B3C3D6;
	border-bottom-color: #B3C3D6;
	border-left-color: #B3C3D6;
	clear: left;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	clear: right;
	height: 130px;
	padding-top: 6px;
	padding-left: 8px;
}
#sqltabs {
	background-color: #85A3C4;
	background-image: url(images/bkg_tabs.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 25px;
	margin-right: 8px;
}
.addnewtab  {
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	padding-top: 8px;
	padding-left: 4px;
}
#sqlquerybox {
	color: #313131;
	background-color: #B9CBDC;
	background-image: url(images/bkg_sqlbox.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 92px;
	float: left;
	clear: left;
	margin-right: 4px;
}
.queryinput {
	float: left;
	padding-top: 6px;
}
.sqlshadowright {
	float: right;
	height: 92px;
	width: 4px;
}

#sqltabs .activetab  {
	background-color: #B9CBDC;
	background-image: url(images/bkg_tab_active.jpg);
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	height: 23px;
	margin-top: 2px;
	
}
#sqltabs .inactivetab  {
	background-color:#95AECA;
	background-image: url(images/bkg_tab_inactive.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	float: left;
	height: 23px;
	margin-top: 2px;

}
.sqlshadowleft {
	float: left;
	height: 92px;
	width: 4px;
	margin-right: 6px;
}
#sqlcontent .sqlquery {
	width: 750px;
	height: 40px;
	margin-top: 6px;
	overflow: auto;
}


/* STATUS BAR STYLES */
#statusbar {
	background-color: #B1C4DA;
	background-image: url(images/bkg_statusbar.jpg);
	background-repeat: repeat-x;
	height: 30px;
	border: 1px solid #B3C3D6;
	margin-top: 2px;
}
#statusbar .gwt_statusstyle {
	background-color: #85A2C2;
	padding: 2px 2px 2px 6px;
	height: 15px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	border: 1px solid #6C829C;
	width: 100%;
}
#statusbar #viewbox {
	background-color: #85A2C2;
	padding: 2px;
	height: 15px;
	margin-top: 4px;
	margin-right: 6px;
	margin-bottom: 4px;
	margin-left: 6px;
	border: 1px solid #6C829C;
}

/* DIALOG BOX STYLES */
.dialog {
	background-color: #7B9ABF;
	padding: 3px;
	width: 500px;
	border: 1px solid #B3C3D6;
	font-family: arial, helvetica, tahoma, sans serif;
}
.dialogheader {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #1A2F4B;
	background-image: url(images/bkg_dialog_header.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding: 7px;
	height: 18px;
	text-align: left;
	font-family: arial, helvetica, tahoma, sans serif;
}
.dialogicon {
	background-color: #F1F5F8;
	height: 66px;
	padding-top: 10px;
	color: #333333;
	font-size: 12px;
	text-align: left;
	font-family: arial, helvetica, tahoma, sans serif;
}
.dialogicon2 {
	color: #333333;
	font-size: 12px;
	text-align: left;
	font-family: arial, helvetica, tahoma, sans serif;
}
.dialogcontent {
	background-color: #80A1C4;
	background-image: url(images/bkg_dialog_body.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 10px;
}
.dialogbuttons {
	text-align: right;
	height: 25px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 5px;
}

.cright {
	background-image: url(images/connector_right.gif);
	background-repeat: no-repeat;
	height: 18px;
	padding-top:2px;
	width: 17px;
	padding-left: 3px;
}
.ctopright {
	background-image: url(images/connector_top_right.gif);
	background-repeat: no-repeat;
	height: 18px;
	padding-top:2px;
	width: 17px;
	padding-left: 3px;
}
.ctoprightbottom {
	background-image: url(images/connector_top_right_bottom.gif);
	background-repeat: no-repeat;
	height: 18px;
	padding-top:2px;
	width: 17px;
	padding-left: 3px;
}
.ctopbottom {
	background-image: url(images/connector_top_bottom.gif);
	background-repeat: no-repeat;
	height: 18px;
	padding-top:2px;
	width: 17px;
	padding-left: 3px;
}
.ctopright {
	background-image: url(images/connector_top_right
	height: 18px;
	padding-top:2px;
	width: 17px;
	padding-left: 3px;
}
.cleftbottom {
	background-image: url(images/connector_left_down.gif);
	background-repeat: no-repeat;
	height: 18px;
	padding-top:2px;
	width: 17px;
	padding-left: 3px;
}
.cleft {
	background-image: url(images/connector_left.gif);
	background-repeat: no-repeat;
	height: 18px;
	padding-top:2px;
	width: 17px;
	padding-left: 3px;
}
.cblank {
	height: 20px;
	width: 20px;
}
