@charset "utf-8";
/* CSS Document */
body,p,div,span,table,form	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

br.line						{ clear: both; line-height: 5px; }
a							{ text-decoration: none; color: #002f89; font-weight: bold; }
a:hover						{ color: #002f89;  }
a.h3						{ font-size: 14px; }

h1							{ margin-top: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #342260; font-size: 16px; font-weight: bold; }

/*******************************************************/
/**** Site *********************************************/
/*******************************************************/
/*******************************************************/
body						{ margin: 0px; background-color: #86afcf; }

div.top						{ background-color: #fff; }

div.header, div.middle, div.bottom	{ width: 990px; text-align: left; } 
div.bottom					{ padding-top: 4px; color: #fff; }

div.middle					{ min-height: 350px; background-color: #fff; }
div.content					{ padding: 15px 20px 15px 20px; }

div.logo img.absolute		{ margin: 8px 0px 0px 520px; }
div.tabmenu					{ height: 40px; padding-bottom: 6px; background: url(../img/tab_bg.png) bottom no-repeat;  }
div.submenu					{ height: 14px; padding: 3px; background-color: #b4bfc7; border: 1px solid #fff; border-width: 1px 0px 0px 0px; }

div.tab						{ float: left; height: 40px; cursor: pointer; }
div.submenu a				{ color: #333; margin-left: 15px; font-weight: bold; }
div.submenu a:hover			{ color: #fff; }

div.searchBox				{ position: relative; min-height: 250px; float: right; width: 450px; background-color: #f1f4f6; border: 1px solid #342260; margin-top: -50px; }
div.searchBox .padding		{ padding: 10px 10px 5px 10px; }

div.formBox					{ position: relative; min-height: 250px; float: right; width: 450px; background-color: #f1f4f6; border: 1px solid #342260; margin-top: 0px; }
div.formBox .padding		{ padding: 10px 10px 5px 10px; }

div.result-tabs				{ height: 30px; padding-left: 5px; }
div.result-tab-active		{ float: left; padding-left: 10px; background: #fff url(../img/result_tab_active.png) left bottom no-repeat; width: 131px; height: 30px; color: #fff; font-size: 14px; line-height: 30px; font-weight: bold; }
div.result-tab				{ float: left; padding-left: 10px; background: #fff url(../img/result_tab.png) left bottom no-repeat; width: 124px; height: 30px; color: #555; font-size: 13px; line-height: 30px; font-weight: normal; cursor: pointer; }


/*******************************************************/
/**** Content ******************************************/
/*******************************************************/
div.intro					{ width: 450px; }
div.intro h1				{ margin-top: 0px; }

div.error					{ background-color: #FFEEEE; padding: 3px; color: red; margin-bottom: 10px; }

div.left					{ float: left; }
div.right, img.right		{ float: right; margin-right: 1px; }
div.padding					{ padding: 4px 8px 4px 8px; }

.click						{ cursor: pointer; }

div.line					{ padding-left: 3px; height: 28px; }
div.label					{ float: left; width: 100px; padding-top: 4px; }
div.inputlabel				{ float: left; width: 160px; padding-top: 4px; }
span.label					{ padding-left: 15px; line-height: 25px; color: #666;  }
span.details strong			{ color: #5d5d5d; }
span.relation				{ color: #5d5d5d; }
span.list					{ display: block; padding-left: 10px; }
span.dot					{ background: url(../img/dot.gif) no-repeat left;  }

div.relation				{ padding-top: 8px; }
div.row						{ clear: both; min-height: 50px; padding-top: 5px; padding-bottom: 2px; border-bottom: 1px solid #7badb9;}
div.row div.check			{ float: left; width: 30px; padding-top: 10px; }
div.row div.name			{ float: left; width: 885px; }
div.row div.toggle			{ float: left; width: 30px; height: 50px; cursor: pointer; background: url(../img/up.gif) center no-repeat; }
div.row div.toggleon		{ background: url(../img/open.gif) center no-repeat !important; }

div.subrow					{ background-color: #e9f2f3; border: 1px solid #c0dce3; border-width: 1px 1px 1px 1px; padding-left: 10px; padding-right: 10px; }
div.export					{ margin-top: 15px; }
div.close					{ float: right; margin: -4px -3px 0px 0px; cursor: pointer; }

div.info					{ margin-top: 3px; }

div.results					{ min-height: 180px; background-color: #ddecef; border-top: 2px solid #86afcf; padding: 10px 15px 10px 18px; }


div.related					{ float: right; width: 440px; padding: 8px; margin-bottom: 15px; background-color: #ddecef; border: 1px solid #fff; }
div.browseLeft				{ float: left; width: 380px; }
div.middleText				{ min-height: 15px; padding: 0px; margin-top: -15px; margin-left: 25px; float: left; width: 530px; }
div.row1, div.row2, div.row3, div.row2_off, div.row3_off
							{ min-height: 19px; padding: 3px 2px 3px 8px; border: 1px solid #fff; border-width: 0px 1px 1px 1px; color: #213285; }
div.row1					{ padding-left: 16px; background: #dce3e7 url(../img/down.gif) left no-repeat; }
div.row2, div.row2_off		{ padding-left: 12px; background-color: #eceff1; }
div.row3, div.row3_off		{ padding-left: 18px; background-color: #fafafa; }
.row2_off, .row3_off		{ display: none; }

div.related .line			{ float: none; height: auto; margin-bottom: 2px; }
div.subtree					{ padding-left: 10px; padding-top: 4px; }

div.dgnList					{ border: 0px solid #ff0000; }
div.dgnList .subrow			{ display: block; padding: 0px; border-width: 0px; background-color: #ff0000; }
/*
div.dgnList .row1			{ background-color: #b9dde4; }
div.dgnList .row2			{ background-color: #ddecef; }
div.dgnList .row3			{ background-color: #ebf2f2; }
*/
div.dgnList .row1			{ background-color: #fff; border-bottom: 1px solid #002f89; }
div.dgnList .row2			{ background-color: #fff; border-bottom: 1px solid #dce3e7; }
div.dgnList .row3			{ background-color: #fff; border-bottom: 1px solid #dce3e7; }
div.dgnList .row2 a			{ font-weight: normal; }

div.formBox div.input		{ float: left; width: 260px; padding-bottom: 2px; }

/*******************************************************/
/**** Browse *******************************************/
/*******************************************************/
div.browsePopup					{ z-index: 2; position: absolute; left: 100px; top: 370px; width: 480px; border: 1px solid #012261; }
div.browsePopup .title			{ background-color: #3b63af; border-bottom: 1px solid #012261; color: #fff; padding: 4px 4px 4px 10px; text-align: left; }
div.browsePopup .browseBody		{ background-color: #fafafa; width: 480px; }
div.browsePopup .inner			{ border: 1px solid #fff; }
div.browsePopup .crumbs			{ background-color: #eceff1; padding: 4px 4px 4px 8px; text-align: left; }
div.browsePopup	.line			{ }
div.browsePopup .line .span		{ padding-top: 5px; width: 430px; }
div.browsePopup .line .dot		{ margin-left: 5px; margin-top: 5px; }

div.browsePopup .control		{ width: 31px; padding-top: 5px; padding-right: 5px; }
div.browsePopup .down			{ float: left; margin-right: 5px; width: 11px; height: 11px; background-image: url(../img/down.png); background-repeat: no-repeat; cursor: pointer; }
div.browsePopup .select			{ float: right; margin-right: 2px; width: 11px; height: 11px; background-image: url(../img/select.png);  background-repeat: no-repeat; cursor: pointer; }

/*******************************************************/
/**** Form Classes *************************************/
/*******************************************************/
input						{ width: 340px; height: 20px; border: 1px solid #333; }
textarea					{ width: 340px; height: 80px; border: 1px solid #333; }
div.browse					{ float: left; margin-left: 8px; width: 65px; padding: 4px; background-color: #002f89; border: 1px solid #333; color: #fff; text-align: center; cursor: pointer; }
div.export					{ width: 65px; padding: 4px; background-color: #002f89; border: 1px solid #333; color: #fff; text-align: center; cursor: pointer; font-weight: bold; }
div.submit					{ float: left; width: 415px; padding: 4px; background-color: #002f89; border: 1px solid #333; color: #fff; text-align: center; cursor: pointer; }

.formBox input				{ width: 255px; }
.formBox textarea			{ width: 255px; }

.check, .radio				{ border-width: 0px; width: 18px; }
.check						{ margin-right: 5px; }