﻿

/* Main Styles */
body{
	margin:0;
	padding: 5px 10px 10px 10px;
	line-height: 1.5em;
	background-color:#0F2368;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 11px;
	color: #16349A;
	behavior:url(TIIMS/csshover2.htc);
	height: 100%;
}

.tinyText {
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif, Helvetica;
}

/* main link colors */
a:link { color:#E6B012; font-weight:bold; text-decoration:none; font-size:11px} 
a:visited { color:#E7A340; font-weight:bold; text-decoration:none; font-size:11px}
a:hover { color: #E7A340; font-weight:bold; text-decoration: underline; color:#E6B012; font-size:11px}
a:active { color:#E7A340; font-weight:bold; text-decoration:none; font-size:11px}

/* default style of image */
img { 
	vertical-align: bottom;
	margin: 0px; padding: 0px;
	border: 0px;
}

/* default style of table */
table 
{
	padding:0px;
	margin:0px;
	border:0px;

}

/* default style of line breaks */
br {
	line-height:10px;
}

/* Bullets*/
ul{
	list-style-image:url(../images/01_home/tiims_bullet.gif);
	line-height:14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
}

li {
	margin-bottom:10px;
}

/* Main Headings - H1*/
h1 
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:12px;
	font-weight:bold;
	margin: 0px;
	padding: 5px 0px 2px 0px;
}

/* Sub Headings - H2*/
h2 
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:11px;
	font-weight:bold;
	color:#E7A340;
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

/* Main font - applied all over the site */
.mainfont 
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 11px;
	color: #16349A;
}

/* Main Headings which are not H1 - BLUE text with yellow underline */
.mainheading 
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:12px;
	font-weight:bold;
	margin: 0px;
	padding:  0px 0px 3px 0px;
	border-bottom:2px #E7A340 solid; 
	text-align:left;
	
	/* Extremely poorly supported display format.  We must not use it.f
          display: run-in; */
}

/* Sub Headings which are not H2 - yellow text */
.subheading 
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:11px;
	font-weight:bold;
	color:#E7A340;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	display:inline-block;
	text-align:left;
}

/* Sub Headings which are not H2 - yellow text with no padding */
.subheadingwithoutpadding 
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:11px;
	font-weight:bold;
	color:#E7A340;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	display:inline-block;
	text-align:left;
}

/* News Sub Headings */
.newshomepageheading 
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:11px;
	font-weight:bold;
	color:#E7A340;
	margin: 0px;
	padding: 2px 0px 2px 2px;
	display:inline-block;
	text-align:left;
}

/* News Panel */
.newsPanel {
width: 225px;
/* height: 181px; */
margin: 0;
border: 0;
padding: 4px 0px 4px 10px;
}

/* News Text */
.newshomepagetext 
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:11px;
	color:#FFFFFF;
	margin: 0px;
	padding: 2px 0px 2px 2px;
	display:inline-block;
}

/* Used to delimit categories */
.categoryBar
{
    background-color: #16349A;
    color: white;
    width: 100%;
    height:20px;
    font-weight:bold;
}

.requiredField
{
    color:red
}

/* Standard format stuff for displaying data in a tabular format with headers on the left and data on the right. */
.reportTable th
{
    text-align: left;
    border-right: 1px solid black;
}
.reportTable th, .reportTable td {
border-bottom: 2px solid black;
}

.reportTable td 
{
    text-align:left;
}
.reportTable 
{
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0px solid black;
    width:100%
}

/* Navigation Headings*/
.navheading 
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin: 0px;
	padding: 4px 0px 2px 0px;
	display:inline-block;
}

.searchReport a 
{
    text-decoration: underline;
    color: #E7A340
}

.searchReport 
{
    background-color: #E4F0FB !important
}

.searchReport .title
{
    font-weight: 700;
}
.formLayout
{
    width: 100%
}
/* Navigation Headings - Link */
.navheading a, .navheading a:visited
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	margin: 0px;
	padding: 4px 0px 2px 0px;
	display:inline-block;
}

/* Navigation Large Headings - Center Aligned*/
.navlargeheadingcenter 
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin: 0px;
	padding: 10px 4px 4px 15px; 
	display:block;
}

/* Navigation Large Headings - Center Aligned*/
.navlargeheadingleft 
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	margin: 0px;
	padding:  0px 0px 0px 0px; 
	display:block;
}

/* style for image links */
a:link img
{
	vertical-align: top;
	margin: 0px; padding: 0px;
	border: 0px;
}
a:hover img
{
	vertical-align: top;
	margin: 0px; padding: 0px;
	border: 0px;
}
a:visited img
{
	vertical-align: top;
	margin: 0px; padding: 0px;
	border: 0px;
}

/* Glossary Styles */
/************************************/
.glossary_panel
{
	vertical-align:top;
	padding: 0px;
	margin: 5px;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

.glossary_content
{
	vertical-align:top;
	padding: 0px;
	margin: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

.glossary_content td { padding-bottom: 5px }

.glossaryheading 
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#E7A340;
	/* margin: 0px;
	padding: 0px 0px 0px 0px; */
	text-align:left;
	vertical-align:top
}

.glossarytext 
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:12px;
	color:#FFFFFF;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:inline-block;
	text-align:left;
}


/* Styles for rendering main content */
/************************************/

/* main area with centered tile*/
#shell
{

	width: 1053px; /*Width of main container*/
	height: 496px; /* Height of main container */
	margin: 0 auto; /*Center container on page*/
	padding: 0px;
	border-left: 0px #ffffff solid;
	border-right: 0px #ffffff solid;
	display:block; 
	background-image: url(../images/01_home/tiims_bgtile.jpg);
	background-repeat: no-repeat;
}
/* middle of page (under header)*/
.center
{
	width: 602px;
	background: #ffffff;
	padding: 0px;
	margin: 0px;
	display:block; 
	overflow-x:auto;
}

.content
{
	vertical-align:top;
	width: 592px;
	background: #ffffff;
	padding: 0px;
	margin: 0px;
	display: block;
	padding: 5px 5px 5px 5px;
	height:auto !important;
	height:100%;
	min-height:100%;
}


/* main container for the center content area */
.mainContainer {
overflow:hidden;
}

/* main center content area */
.mainContent { 
vertical-align:top;
width: 592px;
margin: 0px;
border: 0;
height: 584px;
float: left;
padding-bottom: 2000px; margin-bottom: -2000px;
}

.highlightedDiv
{
margin: 0px; border:0px;padding-right: 10px; padding-bottom: 10px;
}   

/* Styles for rendering navigation panels */
/*****************************************/

/* left navigation panel*/
#left
{
	vertical-align:top;
	width: 189px;
	padding: 0px;
	border-right:0px;
	height:100%;
	display: inline-block;
}

/* right navigation - top small box (search) */
#rightnav_searchpanel
{
 vertical-align:top;
 background:background-image; 
 background-image:url(../images/01_home/right_slice/3_boxes/search_bg.jpg);
 background-repeat:no-repeat;
 width:255px;
 height:270px;
 border:0px;
 margin:0px;
 padding-bottom:2px;
}

/* right navigation - middle small box */
#rightnav_middlepanel
{
 vertical-align:top;
 background:background-image; 
 background-image:url(../images/01_home/right_slice/3_boxes/middle_box.jpg);
 background-repeat:no-repeat;
 width:255px;
 height:207px;
 border:0px;
 margin:0px;
 padding:0px; 
}

/* right navigation - middle home small box (with map) */
#rightnav_middlehomepanel
{
 vertical-align:top;
 background:background-image; 
 background-image:url(../images/01_home/right_slice/home_boxes/map_link_bg.jpg);
 background-repeat:no-repeat;
 width:255px;
 height:205px;
 border:0px;
 margin:0px;
 padding:0px; 
}

/* right navigation - bottom small box (news) */
#rightnav_bottompanel
{
 vertical-align:top;
 background:background-image; 
 background-image:url(../images/01_home/right_slice/3_boxes/bottom_box.jpg);
 background-repeat:no-repeat;
 width:255px;
 height:330px;
 border:0px;
 margin:0px;
 padding:0px; 
}

/* right navigation - bottom blank */
#rightnav_bottomblank
{
 vertical-align:top;
 background:background-image; 
 background-image:url(../images/01_home/right_slice/1_boxes/empty_bottom.jpg);
 background-repeat:no-repeat;
 width:255px;
 height:422px;
 border:0px;
 margin:0px;
 padding:0px; 
}

/* right navigation - bottom long */
#rightnav_bottomlong
{
 vertical-align:top;
 background:background-image; 
 background-image:url(../images/01_home/right_slice/2_boxes/long_box.jpg);
 background-repeat:no-repeat;
 width:255px;
 height:537px;
 border:0px;
 margin:0px;
 padding:0px; 
}


/* Top center header*/
.top
{
	vertical-align:top;
	background-image: none;	
	width: 602px;
	height:0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-bottom: 0px;
	display: block; 
}

/* Footer styles */
.footer{
	width: 602px;
	background: none;
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
	clear:both;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
	color:#FFFFFF;
}

.footer a, .footer a:visited
{
	font-size:11px; 
	color:#E7A340;
	font-weight:bold;
	text-decoration:none;
	padding-right:12px;
}

.footer a:hover
{
	font-size:11px; 
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding-right:12px;
}

.footerinactive
{
	font-size:11px; 
	color:#E7A340;
	font-weight:bold;
	text-decoration:none;
	padding-right:12px;
}

/* Left sub-navigation styles */
.subnav
{
	font-size:10px;
	background: none;
	padding:  0px 0px 4px 35px;
	border-top: 0px;
	border-bottom: 0px;
	color:#FFFFFF;
	font-weight:bolder;
	text-decoration:none;
	text-align:left;
}

.subnav a, .subnav a:visited
{
	font-size:10px;
	color:#E7A340;
	font-weight:bolder;
	text-decoration:none;
}

.subnav a:hover
{
	font-size:10px;
	color:#FFFFFF;
	font-weight:bolder;
	text-decoration:none;
}

/* Left right-navigation styles */
.rightnav
{
	background: none;
	padding:  10px 4px 10px 15px;
	border-top: 0px;
	border-bottom: 0px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	width: 215px;
}

.rightnav a, .rightnav a:visited
{
	font-size:11px; 
	color:#E7A340;
	font-weight:bold;
	text-decoration:none;
}

.rightnav a:hover
{
	font-size:11px; 
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

/* Search section - Top right hand navigation section */
#search
{
	width: 196px;
	margin-top: 0px;
	padding: 5px 50px 20px 20px;
	border:0px;
	float: left;
	display: block;
	overflow: hidden
}

/* Right Panel - Map Viewer Text */
#mapviewer_text
{
	width: 196px;
	margin-top: 0px;
	padding: 175px 50px 20px 20px;
	border:0px;
	float: left;
	display: block;
	overflow: hidden;
	text-align:center;
}

/* Right Panel - Panel Heading Text */
#rightpanel_heading
{
	width: 196px;
	margin-top: 0px;
	padding: 5px 50px 20px 20px;
	border:0px;
	float: left;
	display: block;
	overflow: hidden;
	text-align:center;
}

#right_news_content
{

	width: 216px;
	margin: 0px;
	padding: 0px 0px 0px 14px;
	border:0px;
	float: left;
	display: block;
	overflow: hidden
}

/* full text area (full size article)*/
.fullsize
{
	width: 580px;
	margin: 0px;
	display: block;

}
/* feature links list*/
.halfsize
{
	width: 285px;
	height:210px;
	margin: 0px;
	margin-right: 8px;
	display: block;
	overflow:auto;
}


/* interactive tools menu from CFGIS*/

#interativeToolsMenu{
	border-top: 0;
	border-left: 8px #ffffff solid;
	/*border-right: 4px #ffffff solid;*/
	border-bottom: 0px;
	background-color:#ffffff;
	width:185px;

}

#interativeToolsMenu a, #interativeToolsMenu a:visited 
{
	font-size:13px;
	display: block;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#003F8A;
	padding-bottom:4px;
	padding-top:4px;
	position:relative;
	text-decoration:none; 
	text-align:center; 
	width:100%;
	margin:0px auto;
	border-bottom: 2px solid #ffffff;
}

#interativeToolsMenu a:hover {
	font-size:13px;
	display: block;
	text-align:center;
	width:100%;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#89A7CA;
	padding-bottom:4px;
	padding-top:4px;
	border-bottom: 2px solid #ffffff;
}

#interativeToolsMenu a.Selected, #interativeToolsMenu a:visited.Selected
{
	background-color:#47629A;
}

/* little map borders*/
.borderedMap 
{
	border: solid 1px #003F8A
}

/* doc library arrows*/

.TriangleBg
{
    cursor: pointer; cursor: hand;
    background-image: url(../images/generalUI/triangle_b.gif);
    width: 12px;
    height: 12px;
    border: 0px;
}
.TriangleBgDown
{
    cursor: pointer; cursor: hand;
    background-image: url(../images/generalUI/triangle_b_f2.gif);
    width: 12px;
    height: 12px;
    border: 0px;
}
.outerMostCategory
{
    cursor: pointer; cursor: hand;
    text-align: center;
    font-weight:700;
    width: 100%;
    border: 0px;
    padding: 2px;
    color:white;
    background-color:#198A46;
    background-image: url(../images/generalUI/green_tile.jpg);
}


input.searchInputBox 
{
	width:196px;
	height:18px;
}

/* indented text in Document Library from CFGIS*/
.indented
{
 margin-left:20px;   
}
.indented2x
{
 margin-left:40px;   
}

/*Styles for mapviewer pages */

/* main area with centered tile*/
#mapviewer_shell
{

	width: 1053px; /*Width of main container*/
	height: 575px; /* Height of main container */
	margin: 0 auto; /*Center container on page*/
	padding: 0px;
	border-left: 0px #ffffff solid;
	border-right: 0px #ffffff solid;
	display:block; 
	background-color:#3384CF;
}

/* main area with centered tile for generic popups */
#genericpopup_shell
{

	width: 1053px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	padding: 0px;
	border-left: 0px #ffffff solid;
	border-right: 0px #ffffff solid;
	display:block; 
	background-color:#ffffff;
}

.mapviewer_headerrepeat
{
	background-image:url(../images/mapviewer/main_graphics/top_tile.jpg);
	background-repeat:repeat-x;
	background-color:#3384CF;
	border:0px; margin:0px; padding:0px; height:51px;
}

/* right navigation panel for map viewer*/
#mapviewer_rightpanel
{
	vertical-align:top;
	background-color:#3384CF;
	width: 140px;
	padding: 0px;
	border-right:0px;
	height:100%;
}

/* main container for the center content area */
#mapviewer_mainContainer {
overflow:hidden;
}

/* main center content area */
#mapviewer_mainContent { 
vertical-align:top;
width: 900px;
margin: 0px;
margin-top: 10px;
padding-right: 10px;
padding-left: 10px;
border: 0;
height: 484px;
float: left;
padding-bottom: 2000px; margin-bottom: -2000px;
}


