body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #f4f4f4;
	text-align: center;
	font-size: 65%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	min-width: 880px;
	width: 100%;
}
/*Body and div container are used to center the page. Margin, padding, and widths settings must be set in order to center in all major browsers.*/
/*IE6 and below do not read minimum height. The following sets a minimum height on the container div for IE6.*/
*html#container{height:100%;}
/* CONTAINER div styles. */
div#container {
	margin: 0.5em auto;
	width: 960px;
	border-left: 2px solid #728FB2;
	border-bottom: 2px solid #122A47;
	border-top: 2px solid #728FB2;
	border-right: 2px solid #122B48;
	padding: 0.2em;
	background-color: #f2f2f2;
	text-align: left;
	height: auto;	
	margin-top: 15px;	
}
div#container h1 {
	text-align:center;
    font-size: 180%;
    font-weight: bold;
    line-height: 140%;
	padding-bottom: 1em;
	padding-top: 1em;
    }
div#container h2
{   text-align:center;    
    font-size: 150%;
    }
div#container h3 {   
    font-weight:  bold;       
    font-size: 125%;
    text-align:center;
	line-height: 150%;
    }
div#container h4 
{
    font-weight:bold;
    font-size: 110%; 
	color: #507cd1;
    }    
div#container h5 {
	color: #f2f2f2;
    background-color:#265A99;
    font-weight:bold;
    font-size:105%;
    padding:0.2em 0 0.2em 0.2em;
    }
div#container h6 {
	color: #000;    
    font-weight:bold;
    font-size:100%;        
    }
div#container a:link {
	color: #3173C4;
	text-decoration: none;	
}
div#container a:visited {
	color: #594280;
	text-decoration: none;		
	}
div#container a:hover 
{
    text-decoration: none;
	color: #CC3366;		
    } 
div#container a:active {
	color: #2B6250;	
	text-decoration: none;
	}
div#container p {	
    margin-left: 2em;
	margin-right: 2em;	
    line-height:150%;
    margin-top:-0.5em;	
    }
div#container table, th, td, tr {font-size: 102%;}
/*Toolbar1 contains the Welcome+User Name, links to help and logout. Set width to 98% because 100% exceeds the width of the banner. You do not want your toolbar longer than the banner.*/
div#toolbar1,div#toolbar2 
{
    width: 98%;
	min-width: 98%;
	max-width: 98%;	
}
div#toolbar1
{	
	line-height: 160%;
	color: #3173C4;
	font-size: 115%;
	border-bottom: solid 1px #D2DBE5;
	/*margin: 1em 0.5em 0.5em 1em;
	padding: 1em 0em 0em 0em;*/
}
/* TOOLBAR1 - Links on top right. */
div#toplinks {
    font-size: 80%; 
    color: #6b8ab5;        
    text-transform:capitalize;
    border: none;
    width:20%;
    float: right; 
	text-align: right;
	padding-bottom: 0.3em;
}
div#banner 
{
	text-align:center;	
	height:140px;	
	background-image: url("images/banner.jpg");
	background-position: top;
	background-repeat: no-repeat;
	background-color: #f2f2f2;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 3px;	
}

div#Dsclbanner
{
	text-align: center;
	height: 85px;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	width: 750px;
}

#toolbar2
{
	height:30px;
	background-image: url("images/toolbar.png");
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f2f2f2;
	padding: 0.4em 1em 0.3em 0em;
	text-align:center;			
}
div#toolbar2 a:link, div#footer a:link 
{
	color: #c1ffff;
	text-decoration: none;
}
div#toolbar2 a:visited, div#footer a:visited 
{
	color: #e6ccff;
	text-decoration: none;
}
div#toolbar2 a:hover, div#footer a:hover 
{
	color: #ffff93;
	text-decoration: none;
}
div#toolbar2 a:active, div#footer a:active {
	color: #ffb366;
	text-decoration: none;
}
#leftcol,#rightcol
{
    width:440px; 
    height:800px; 	
    background-image: url("images/bkgcol.png"); 
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left;
}
#leftlower
{
    position: absolute;
	top: 530px;
	width:425px; 
    height:250px; 
}
#leftcol
{	
	float: left;
	margin-left: 8px;
}
#rightcol 
{
    float: right;	
}
#footer
{
    background-color: #135bbc;
	line-height: 175%;
	color: #f2f2f2;
	font-size: 90%;
	text-align: center; 
    clear:both;
	width: 100%;
	margin-top: 2em;
    }
/* Re-defined tags. */
a, a:visited, a:hover, a:active {text-decoration: none;} 
a:hover {background-color: #f8e8cd;} 
img {border: 0;}
/* CLASSES */
.lightlink a:link {
	color: #cee2f5;
	text-decoration: none;	
}
/* LOGIN -- The following classes are used for the login. The login class is assigned to a div surrounding a login table, and the login table is also assigned to a login class. The div and the table are used for centering purposes. Both are used because tables do not center well on their own in some browsers - a surrounding div is necessary. */
.login {text-align: center;}
.login table
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}
.bkglight
{
background-image: url("images/bkgLight.png");
background-color:#f2f2f2;
background-repeat: no-repeat;
background-position: left;
padding:1em;
margin:1em;
font-size: 75%;
 }	
 
  .bkgplain
{
background-image: url("images/bkgRoundCorner.gif");
background-color:#f2f2f2;
background-repeat: no-repeat;
background-position: left;
padding:1em;
margin:1em;
font-size: 75%;
 }
/* The following styles are used on the Dashboard. The welcome user class capitalizes the user's name.*/
.welcomeuser {     
    font-weight: bold; 
    text-transform:capitalize;   
}
/* Person Search -- This class is applied to the Search button in order to provide an image background. The Search button is in Toolbar2 on the dashboard. */
.pcssSearch 
{
    background: #507cd1 url("images/search.png") no-repeat left;
    color: #053ca6;
    font-weight: bold;
    padding-left: 1.5em;
    color: #f2f2f2;
    }
/*The following ID is assigned by me to the table with the person search fields, inside toolbar2.*/
#personsearchtable 
{
    color: #3370c4; 
    margin: auto; 
    }

/* Do NOT change these to percentages! Leave them as pixel measurements to ensure RAD controls do not overflow the columns. RAD is going to try to mess with you; don't let it.  */
.squeezeme
{
	width: 500px;
	height: 500px;
	overflow: hidden;
}
#Calendar1_RadCalendar1_Top_0 {width: 205px;}
#Calendar1_RadCalendar1_Top_1 {width: 205px;}
.gridheaderstyle {background-color: #5076d1; color: #fff; width: 19px;}
table.MasterTable_Default {background-color: #edf2f8;}
.raditemstyle {height: 26px;}
/* TAB: WORKFLOW */
/* The following ID affects the 'Items Due' heading. Note that width, margins, and padding has no effect.*/
#UserWorkflowItems1
{
	color: #507cd1; 	
}
/* The following ID applies to the Workflow grid. The grid is offset to the left by 1em (margin-left) to compensate for the left shift that occurs when the icons appear above the grid. Two icons, document and sign, appear above the grid when the selected item has an associated document. */
#UserWorkflowItems1_ctl02_Workflow 
{
    border: 1px solid #053ca6;
    width: 90%; 
    text-transform: capitalize; 
	margin-left: 1.5em;
}
/* The following is applied to the 'To Do' heading on the workflow grid.*/
#UserWorkflowItems1_ctl02_Workflow th 
{
	text-align:center;
}
/*TAB: PERSON SEARCH -- Note that setting a width here doesn't work. Andy and I both tried. Must set width in the aspx page.*/
/*The following ID styles the ENTIRE Person Search tab.*/
#pvSearch 
{
    padding-left: 1em;
    margin:0;  
    font-size: 95%;	
    }
/*The following ID styles only the 'Potential Matches' heading on the Person Search tab. If there are no matches, 'No Records to Display' appears below this heading. The No Records picks up SOME of the styling below, like bkg color.*/
#MatchingPeople 
{
    color: #507cd1;
    margin-left: 1em;
    text-transform: capitalize;    
    margin:0;
    padding:0; 	
}
/* The following style is applied to the 'Cases' heading below the Person Matches grid and above the Cases grid...Using negative padding to force the Cases heading to sit immediately above the Cases grid.*/
.headingcases 
{
	padding-top: 2em;	
	margin-bottom: -1em;
	}
/*The following ID styles the list of cases and the Cases header on the Person Search tab below 'Potential Matches' and 'Cases'.  Note that no single ID is applied only to the two grids on this tab, so cannot set borders. */
#PersonCases_Cases 
{
    margin-top:-1em;		
    }
/* HERE BEGINS THE TABS ON THE RIGHT COLUMN.*/
/*TAB: CASE HISTORY -- TAB: NOTES -- TAB: CASES -- TAB: WARRANTS -- TAB: PRIOR CONVICTIONS -- All  tabs on the right need some padding at the top so as not to touch the bottom of the tab. */
#CaseDetails1_pvHistory, #CaseDetails1_CaseNoteMaintenance1, #CaseDetails1_pvCases ,#CaseDetails1_pvPriors,#CaseDetails1_pvWarrants
{
	padding-top: 1em;
}
/*TAB: CASE HISTORY*/
#CaseDetails1_pvHistory 
{
    line-height:280%;
	margin-left: 1.5em;	
    }
/*This is a wrapper div used for case documents and anything else that needs to shrink.*/
#wrapper {
	width: 380px; 
	height: auto; 
	margin-bottom: 2em;	
	}
/*TAB: NOTES -- This is a div that is wrapped around the Notes (as per rendered HTML). Setting a width here does not affect the text area.*/
/* The width is set in the CaseDetails.ascx page on the control because setting the width in the CSS has no affect. Styling the ID or adding a class with a width also has no effect. */
#CaseDetails1_pvNotes {
    padding-top: 1.5em;
	padding-left: 1em;
    line-height: 160%;	
	}
/*This is an inner div in the Notes area. Setting a width here does not affect the text area.*/
#CaseDetails1_CaseNoteMaintenance1 {
	margin-bottom:0.5em; 
	line-height:200%;		
	}
.pcssNew
{
    background: #507cd1 url("images/new.png") no-repeat left;
    color: #053ca6;
    font-weight: bold;
    padding-left: 1em;
    color: #f2f2f2;
    font-family: Arial    
}
.pcssApply 
{
    background: #507cd1 url("images/apply.png") no-repeat left;
    color: #053ca6;
    font-weight: bold;
    padding-left: 1em;
    color: #f2f2f2;
}
/* Help Styles -- The following styles are applied to the Help popup. */
.windowInnerMost {width:35em;}
#popUpHelp .windowInnerMost {width:26em;}
#modalBox1 FORM, #eMailForm FORM, #controlBox FORM 
{
	background-color:#87B0DB;
	color:#f2f2f2;
	padding:0.2em 0.5em 0px 0.5em;
	margin:0;
	font-weight:normal;
}
#modalBox1 P 
{
	background-color:#87B0DB;
	color:#f2f2f2;
	padding:0.4em;
}
#eMailForm INPUT 
{
	padding:0.1em;
	margin:0.2em;
}
.windInnerMostFreeSize P, .windowInnerMost P 
{
	color:#666;
	background-color:#f2f2f2;
	padding:0.4em;
	margin:0;
}
INPUT.button 
{
	color:#f2f2f2;
	background-color:#0050A8;
	font-weight:normal;
	width:6em;
	margin:0.2em;
}
#popUpTyp OL , #popUpIssues OL 
{
	padding:0;
	margin:0 0 0 2.4em;
}
#popUpHelp p 
{
	padding:0.5em;
	margin:0;
	font-size: 125%;
	text-align: left;
	font-weight: normal;
	line-height:160%;
}
.windowDiv A 
{ 
	text-decoration:none;
}
.windInnerMostFreeSize A, .windowInnerMost A 
{ 
	background-color:#f2f2f2;
	color:#004477;
}
.windInnerMostFreeSize A:link, .windowInnerMost A:link 
{
	background-color:#f2f2f2;
	color:#004477;
}
.windInnerMostFreeSize A:visited, .windowInnerMost A:visited 
{
	background-color:#f2f2f2;
	color:#004477;
}
.windInnerMostFreeSize A:hover, .windowInnerMost A:hover 
{
	background-color:#f2f2f2;
	color:#990000;
	text-decoration:underline;
}
.windInnerMostFreeSize A:active, .windowInnerMost A:active 
{
	background-color:#f2f2f2;
	color:#005500;
	text-decoration:underline;
}
.windInnerMostFreeSize  LI, .windowInnerMost  LI 
{
	padding:0.3em 0em 0.5em 1em;
}
.scrollSourceBoxClass 
{
	width:100%;
	height:500px;
}
.windowDivSize {
	background-image:url(sizeCorner.gif);
}
.windowVScrollBox, .windowHScrollBox 
{
	background-image:url(scrollBox.gif);
}
.helptext {
	font-size: 90%;
	color: #f2f2f2;
	padding: 0.5em;
	text-align: left;
	font-weight: normal;
}
.windowDiv 
{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	background-color:#6d87c1;
	color:#F2f2f2;
	border: 0.12em solid #637DBC;
	font-size: 90%;
}
.windInnerMostFreeSize, .windowInnerMost 
{
	color:#666;
	background-color:#f2f2f2;
}
.windowBar {
	color:#f2f2f2;
	background-color:#0050A8;
	font-weight:bold;
	padding:0 0 0.2em 0.2em;
}
.windowBar A, .windowBar A:hover 
{
	color:#f2f2f2;
	background-color:#0050A8;
}
.windowDivSize 
{
	width:0.7em;
	height:0.7em;
	background-repeat:no-repeat;
	border-top:0.12em solid #4D67A2;
	border-left:0.12em solid #4D67A2;
}
.windowClose {
	padding:0 0.2em 0 0;
}
.windowHScrollBar 
{
	width:0.7em;
	height:0.7em;
	border-top: 0.12em solid #5E7AB9;
	padding:0;
	font-size:0.5em;
}
.windowVScrollBar 
{
	width:0.7em;
	height:0.7em;
	border-left: 0.12em solid #5E7AB9;
	padding:0;
}
.windowVScrollBox, .windowHScrollBox 
{
	width:0.7em;
	height:0.7em;
	padding:0;
	background-color:#BDCFF2;
}
.winHidden 
{
	visibility:hidden;
	display:none;
}