/********************** global styles			*/

body 											{ background: url(/images/interface/body_background.jpg) repeat-x; font-weight: normal; font-family: calibri,trebuchet,tahoma,verdana,arial; font-size: 12px; background-color: #f9f9f7; color: #000; margin: 20px 15px 15px 15px; padding: 0px; }
h2												{ font-size: 19px; text-transform: uppercase; margin-bottom: 10px; }
h3												{ font-size: 16px; margin: 0px 0px 10px 0px; }	
h4												{ font-size: 14px; margin: 0px; }	
p												{ margin: 10px 0px; line-height:24px; }
a												{ text-decoration:none; color: #000; }	
a:hover											{ text-decoration:underline; }	

p.overview										{ margin: 0px 0px; line-height:22px; padding-bottom:10px; }							
/********************** interface styles		*/

div.interface 									{ margin:0 auto; width: 984px; min-height: 660px; }
div.interface-header 								{ background: url(/images/interface/header_background.jpg) no-repeat top; width: 984px; height: 93px; display: block; }
div.interface-content 							{ background: url(/images/interface/content_background.gif) repeat-y top; width: 968px; display: block; padding:7px 8px 3px 8px; }
div.interface-footer 								{ background: url(/images/interface/footer_background.jpg) no-repeat top; width: 984px; height: 46px; display: block; }

ul.navigation-primary 							{ height: 37px; display: block; float:right; padding:56px 8px 0px 89px; margin:0; list-style-type: none; overflow: hidden; }
li.navigation-primary-links-small-inactive,
li.navigation-primary-links-small-active			{ float:left; width:60px; height:37px; margin-left:3px; }
li.navigation-primary-links-small-inactive		{ background: url(/images/navigation/primary_navigation_small_off.jpg) no-repeat top; }
li.navigation-primary-links-small-active		{ background: url(/images/navigation/primary_navigation_small_on.jpg) no-repeat top; }
li.navigation-primary-links-small-inactive div,
li.navigation-primary-links-small-active div		{ margin: 12px 5px; text-align:center; }	
li.navigation-primary-links-active,
li.navigation-primary-links-inactive				{ float:left; width:116px; height:37px; margin-left:3px; }
li.navigation-primary-links-active 				{ background: url(/images/navigation/primary_navigation_on.jpg) no-repeat top; }
li.navigation-primary-links-inactive				{ background: url(/images/navigation/primary_navigation_off.jpg) no-repeat top; }
li.navigation-primary-links-active div,
li.navigation-primary-links-inactive div			{ margin: 12px 5px; text-align:center; }	

/********************** local styles			*/

div.local-navigation-header						{ background-color: #687665; width:267px; height:34px; float:left;  padding:10px 20px; color:#fff; font-size:14px; }
div.local-navigation-body						{ background-color: #dcd7bd; width:267px; min-height:485px; float:left; margin: 0px 0px 0px 0px; display: block; }
div.local-content-header							{ background-color: #687665; width:694px; min-height:34px; float:right; padding:10px 20px; }
div.local-content-header-big						{ background-color: #687665; width:967px; min-height:34px; float:left; padding:10px 20px; }
* html div.local-content-header						{ height:37px; }
div.local-content-header-breadcrumbs a			{ background: url(/images/navigation/icon_breadcrumb.gif) no-repeat center left; padding-left:15px; margin-left:5px; color:#fff; font-size:11px;}
div.local-content-header-breadcrumbs a.first		{ background: none; padding-left:0px; margin-left:0px; }
div.local-content-body							{ background: url(/images/interface/local_content_background.jpg) no-repeat top #fff; width:654px; min-height:431px; float:right; margin: 0px 0px 0px 0px; padding:20px; display: block; }
div.local-content-body-big						{ background: url(/images/interface/local_content_background.jpg) repeat-x top #fff; width:927px; min-height:431px; float:left; margin: 0px 0px 0px 0px; padding:20px; display: block; }
div.local-content-body	h2						{ text-transform: none; }

/********************** content body styles		*/

div.local-content-body-text						{ width:460px; float:left; }
div.local-content-body-tools					{ background: url(/images/auxiliary/toolbar_divider.gif) no-repeat top; width:145px; height:365px; float:right; margin:5px 0px; padding:0px 11px; }

ul.local-content-body-tools									{ list-style-type: none; margin:0px; padding:0px;}
li.local-content-body-tools-links	 						{ width:156px; height:29px; margin:0px 0px 2px 0px; cursor:hand; }
li.local-content-body-tools-links a							{ text-decoration:none; }
li.local-content-body-tools-links.active 					{ background: url(/images/navigation/tool_navigation_on.gif) no-repeat top; }
li.local-content-body-tools-links.inactive					{ background: url(/images/navigation/tool_navigation_off.gif) no-repeat top; }
li.local-content-body-tools-links div						{ padding:8px 0px 0px 30px }
li.local-content-body-tools-links div.edit-icon				{ background: url(/images/auxiliary/edit_tool_icon.png) no-repeat 2px 1px; }
li.local-content-body-tools-links div.add-icon				{ background: url(/images/auxiliary/add_tool_icon.png) no-repeat 2px 1px; }
li.local-content-body-tools-links div.report-icon			{ background: url(/images/auxiliary/report_tool_icon.png) no-repeat 2px 1px; }
li.local-content-body-tools-links div.move-icon				{ background: url(/images/auxiliary/move_tool_icon.png) no-repeat 2px 1px; }
li.local-content-body-tools-links div.del-icon				{ background: url(/images/auxiliary/delete_tool_icon.png) no-repeat 2px 1px; }
li.local-content-body-tools-links div.submit-icon			{ background: url(/images/auxiliary/submit_tool_icon.png) no-repeat 2px 1px; }

li.local-content-body-tools-mapping	 						{ width:156px; height:70px; margin:0px 0px 2px 0px; cursor:hand; }
li.local-content-body-tools-mapping a						{ text-decoration:none; }
li.local-content-body-tools-mapping.active 					{ background: url(/images/navigation/tool_navigation_mapping_off.gif) no-repeat top; }
li.local-content-body-tools-mapping.inactive				{ background: url(/images/navigation/tool_navigation_mapping_off.gif) no-repeat top; }
li.local-content-body-tools-mapping div						{ padding:8px 0px 0px 30px }
li.local-content-body-tools-mapping div.edit-icon			{ background: url(/images/auxiliary/edit_tool_icon.png) no-repeat 2px 1px; }
li.local-content-body-tools-mapping div.add-icon			{ background: url(/images/auxiliary/add_tool_icon.png) no-repeat 2px 1px; }
li.local-content-body-tools-mapping div.report-icon			{ background: url(/images/auxiliary/report_tool_icon.png) no-repeat 2px 1px; }

/********************** home styles				*/

div.home-overview-description					{ background: url(/images/interface/home_overview_background.jpg) no-repeat top; width:407px; height:263px; float:left; overflow:hidden; padding:28px; }
* html div.home-overview-description				{ width:406px; } /*style for IE*/
div.home-overview-montage						{ background: url(/images/interface/home_overview_montage.jpg) no-repeat top; width:505px; height:319px; float:right; }
div.home-news-clear								{ clear:left; padding:8px 0px 0px 0px; margin:0px; }
div.home-news									{ background: url(/images/interface/home_news_background.jpg) no-repeat top; width:912px; height:141px; padding:5px 28px; margin:0px; font-size: 11px; }
div.home-news-latest							{ width: 200px; float:left; }
div.home-contact								{ width: 325px; float:right; font-size: 14px; }

div.home-news-latest ul							{ line-height:24px; margin:0px 5px 0px 0px; list-style:none; padding:0px; }
ul.home-news-latest							{ float:left; padding-bottom:5px; width:270px; }
div.home-news-latest ul li						{ background: url(/images/auxiliary/grey_bullet.png) no-repeat 0px 6px; padding: 0px 0px 0px 20px; }

div.local-navigation-body-loading				{ width:276px; text-align:center; margin:175px 0px 175px 0px; }
div.local-navigation-body2-loading				{ height:200px; border:1px solid gray; background-color: #f2f1e8; padding: 10px; text-align:center; }
div.local-navigation-body3-loading				{ height:400px; padding: 10px; text-align:center; }
* html div.local-navigation-body-loading			{ width:266px; }
div.local-navigation-body-loading img			{ margin:10px; }
span.local-navigation-jca-number 				{ color: #948f78 }


/********************** jca styles				*/
h3.toggle										{ background: url(/images/auxiliary/icon_minus.gif) no-repeat center left; padding-left:18px; cursor:hand; }
h3.toggle.hide									{ background: url(/images/auxiliary/icon_plus.gif) no-repeat center left; }
div.local-content-body-sub-text					{ margin: 0px 18px; padding:10px; font-size:11px; line-height:18px; background-color:#ddd;}
div.related-documents-list						{ background: url(/images/auxiliary/icon_file.png) no-repeat top left; padding-left:30px; margin:10px; }
div.related-documents-list a					{ text-decoration:underline; }
div.local-navigation-header div.title			{ float:left; }
div.local-navigation-header div.icon			{ float:right; margin-right:-10px; }



/********************** form styles				*/
form.default fieldset legend			{ font-size:14px; text-transform:uppercase; }
form.default fieldset 					{ margin-bottom: 15px; }
form.default fieldset fieldset 			{ padding: 15px; border:none; margin:0px; }
form.default fieldset fieldset  legend	{ font-size:14px; padding-bottom:10px; text-transform:none; text-decoration: underline; float:right; }
form.default label						{ display:block; font-size:12px; font-weight:bold; text-align:right; width:150px; float:left; }
form.default label .subtext				{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:150px; }
form.default span.required				{ font-weight: bold; color: red; padding:0px 5px; }
form.default div.required_note			{ font-weight: bold; color: red; float:left; width:150px; }
form.default div.button_set				{ float:right; margin-right:4px; }
form.default input						{ font-family: calibri,trebuchet,tahoma,verdana,arial; float:left; font-size:12px; padding:4px 2px; border:solid 1px #ccc; width:435px; margin:2px 0 20px 10px; }
form.default textarea					{ font-family: calibri,trebuchet,tahoma,verdana,arial; float:left; font-size:12px; padding:4px 2px; border:solid 1px #ccc; width:435px; height:200px; margin:2px 0 20px 10px; }
form.default object						{ padding:4px 2px; border:solid 1px #ccc; margin:2px 0 20px 10px; }
form.default textarea.small				{ height:75px; }
form.default button						{ font-family: calibri,trebuchet,tahoma,verdana,arial; float:left; width:100px; height:29px; background:url(/images/auxiliary/form_button_default.gif) no-repeat; text-align:center; border:none; font-size:11px; font-weight:normal; margin:0px 2px; }
form.default select						{ font-family: calibri,trebuchet,tahoma,verdana,arial; float:left; font-size:14px; padding:4px 2px; border:solid 1px #ccc; width:440px; margin:2px 0 20px 10px; }

form.search fieldset					{ border:1px solid gray; background-color: #f2f1e8; padding: 10px }
form.search label						{ display:block; font-size:12px; font-weight:bold;  width:150px; float:left; }
form.search label .subtext				{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:150px; }
form.search span.required				{ font-weight: bold; color: red; padding:0px 5px; }
form.search div.required_note			{ font-weight: bold; color: red; float:left; width:150px; }
form.search div.button_set				{ float:right; margin-right:4px; margin-bottom: 5px; }
form.search input						{ font-family: calibri,trebuchet,tahoma,verdana,arial; float:left; font-size:12px; padding:2px 2px; border:solid 1px #ccc; width:200px; margin:2px 0 10px 10px; }
form.search input.checkbox				{ width:17px; height:17px; border:0px; margin:0px 0px 0px 10px; }
form.search div.checkbox_set			{ float:left; text-align:left; width:200px; margin-top:5px; border:0px; }
form.search textarea					{ font-family: calibri,trebuchet,tahoma,verdana,arial; float:left; font-size:12px; padding:2px 2px; border:solid 1px #ccc; width:200px; height:200px; margin:2px 0 10px 10px; }
form.search textarea.small				{ height:75px; }
form.search button						{ font-family: calibri,trebuchet,tahoma,verdana,arial; float:left; width:100px; height:29px; background:url(/images/auxiliary/form_button_default.gif) no-repeat; text-align:center; border:none; font-size:11px; font-weight:normal; margin:0px 2px; }
form.search select						{ font-family: calibri,trebuchet,tahoma,verdana,arial; float:left; font-size:14px; padding:2px 2px; border:solid 1px #ccc; width:200px; margin:2px 0 10px 10px; }

form.command label						{ display:block; font-size:12px; font-weight:bold;  width:150px; float:left; }
form.command label .subtext				{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:150px; }
form.command div.button_set				{ float:right; margin-right:4px; margin-bottom: 1px; }
form.command input						{ font-family: calibri,trebuchet,tahoma,verdana,arial; float:left; font-size:12px; padding:0px 0px; border:solid 1px #ccc; width:200px; margin:2px 0 0px 0px; }
form.command button						{ font-family: calibri,trebuchet,tahoma,verdana,arial; float:right; width:100px; height:29px; background:url(/images/auxiliary/form_button_default.gif) no-repeat; text-align:center; border:none; font-size:11px; font-weight:normal; margin:0px 48px; }
/********************** login form			*/
div.loginBox							{ border:1px solid gray; background-color: #fff; width:375px; padding: 10px; }
div.loginErrorBox					{ color:red; background-color:#fff; border:1px solid gray; width:300px; padding:10px; clear:left; margin-top:10px; }
div.loginSubBox							{ border:1px solid gray; background-color: #fff; width:300px; padding: 10px; float: left; margin-left:5px;}
div.loginSubBox input					{ width: 270px; }

/********************** spacing and clears 		*/

form 											{ margin: 0px; padding: 0px; }
.clearfix:after 								{ content: "."; display: block; height: 0; clear: both; }
.clearfix 										{ display: block; }
* html .clearfix 								{ height: 1%; }

/********************** misc				*/
.whiteLink 							{ color: #fff }
.disabledLink						{ color: #666666; }
.hrefButton							{ font-family: calibri,trebuchet,tahoma,verdana,arial; float:left; width:100px; height:29px; background:url(/images/auxiliary/form_button_default.gif) no-repeat; text-align:center; border:none; font-size:11px; font-weight:normal; margin:0px; padding-top:7px; }
.hrefButtonBig						{ font-family: calibri,trebuchet,tahoma,verdana,arial; float:left; width:272px; height:29px; background:url(/images/auxiliary/form_button_big.gif) no-repeat; text-align:center; border:none; font-size:11px; font-weight:normal; margin:0px; padding-top:7px; }
.hrefButtonNoFloat					{ font-family: calibri,trebuchet,tahoma,verdana,arial; width:100px; height:29px; background:url(/images/auxiliary/form_button_default.gif) no-repeat; text-align:center; border:none; font-size:11px; font-weight:normal; margin:0px; padding-top:7px; }
.quickmenuitemlinkon 				{ border: 1px solid #ebea73;background-color: #f2f2a3 }
a.boldLink							{ font-weight: bold }
div.checkbox_text					{ float:left;margin:2px 0px 0px 25px;width:100px; }

/******** admin sortable new item list			 */
.sortable {
	list-style-type: none;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	height: auto;
}
.sortableItem {
	width: 200px;
	padding: 4px;
	cursor: hand;cursor: pointer;
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
	margin-bottom: 2px;
}
.sortablePlaceHolder {
	width: 200px;
	border: 1px solid yellow;
	background-color: #FFEB73;
	padding: 4px;
	margin-bottom: 2px;
	height: 14px;
}

/************ JCA Refinement **************/
.crTable 			{ background-color:#fcfcfc; border: 1px solid #cccccc; width:100%; border-collapse: collapse; }
.crTable td 		{ border:1px solid #cccccc; }
.crTable tr:hover	{ background-color:#687665; color: #ffffff; }
.crTable tr:hover a { color: #ffffff; text-decoration: underline; }
.rowEven			{ background-color: #f6f6f6; }
.rowEven a 			{ text-decoration: underline; }
.rowOdd 			{ background-color: #ececec; }
.rowOdd a 			{ text-decoration: underline; }

.crViewTable 			{ background-color:#fcfcfc; border: 1px solid #cccccc; width:100%; border-collapse: collapse; }
.crViewTable td 		{ border:1px solid #cccccc; padding:5px; }
.crViewTableNoBorder 	{ border: 0; padding:5px; }
.crViewTableHeader		{ background-color:#dcd7bd; border:0; }
.crViewTable select 	{ width:440px; }
.crViewTable input		{ width:435px; }
.crViewTable textarea	{ border:solid 1px #ccc; width:435px; height:200px; }