﻿body 
{
    text-align: center;
    background-color: #fff;
}
#pagerap
{
    margin: 18px auto;
    width: 760px;
    overflow: auto;
    outline: none;
    background-color: #fff;
}

strong { font: trebuchet ms; font-weight: bold; font-size: 1.1em; }
em { font-style: italic; }
acronym, abbr {
	border-bottom: 1px dotted #000;
	cursor: help;
}
kbd {
	border: 1px solid;
	border-color: #bbb #666 #666 #bbb;
	background-color: #eee;
	padding: 0 2px;
}
/*// Masthead //*/
.mastrap
{
	background-image: url('images/home-header2.jpg');
	background-repeat: no-repeat;
	height: 124px;
}
	#SiteName
	{
		text-align: left;
		height: 101px;
		color: #fff;
		font-size: 45px;
		line-height: 70px;
		padding-left: 16px; 
	}
	#SiteName a#TylerLogo
	{
		float: right;
		background-image: url('images/tylerlogo.gif');
		background-repeat: no-repeat;
		height: 101px;
		margin-top:20px;
		padding-right:190px;
	}
	#SiteName a
	{
		text-decoration: none;
		color: #fff;
	}
	#SiteName a:hover
	{
	    color: #fff;
	}
	#SiteName ul
	{
	    text-align: left;
		color: #fff;
	}
	#SiteName ul li
	{
	    display: inline;
	    padding-left: 8px;
		padding-right: 8px;
	}
/* Start of Dropdown Menu */	
#modules-container
	{
	position: absolute;	
	width: 100%;
	top: 115px;
	left: 50%;
	margin-left: -382px;
	}

ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 0px 0px;
	/*border-color:#AAAAAA;
	border-width:1px;
	border-style:solid;*/
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:163px;
	background-image: url('images/ddmbg.gif');
	background-repeat: repeat-y;
}
ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 15px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	/*background-color:#AFBE97;*/
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:bold 13px Trebuchet MS;
	color: #ffffff;
	text-decoration:none;
	cursor:default;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	/*background-color:#AFBE97;
	border-color:#665500;
	border-style:solid; */
	font:bold 13px Trebuchet MS;
	color: #004275;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	/*background-color:#AFBE97;
	border-color:#665500;
	border-style:solid; */
	font:bold 13px Trebuchet MS;
	color: #004275;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul{display:block}
ul.cssMenu span{
	display:block;
	background-image:url(./images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.cssMenu li:hover>a>span{	background-image:url(./images/arrv_anim_1o.gif);
}
ul.cssMenu a:hover span{	_background-image:url(./images/arrv_anim_1o.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_double_1.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(./images/arr_double_1o.gif);}
ul.cssMenu table a:hover span{background-image:url(./images/arr_double_1o.gif)}

/* End of Dropdown Menu */	

/* Start of Side Pop-out Menu */	
#sidemenu {
	width: 30px;
	/*background: #f5f5f5;*/
	position: fixed;
	margin-top: 127px;
	margin-left: 4px;
}

#sidemenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
 /*#sidemenu a , #sidemenu ttl {
	font: bold 11px/16px "trebuchet ms", sans-serif;
	display: block;
	/*border-width: 1px;
	border-style: solid;
	border-color: #e1e1e1 #cecece #cecece #f5f5f5;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin: 0;
}*/
#sidemenu h2 {
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	font-family: trebuchet ms;
		color: #0183B6;
		font-size: 12px;
		line-height: 15px;
		text-transform: uppercase;
		display: block;
	/*background: #f5f5f5;*/
	background-image: url('images/mainpombg.gif');
		background-repeat: none;
	background-position: 50% top;
		height: 210px;
		padding: 4px 3px 0 3px;
		margin: 0;
}
#sidemenu a {
	font: bold 11px/16px "trebuchet ms", sans-serif;
	text-decoration: none;
	display: block;
	color: #004275;
	/*background: #AFBE97;*/
	background-image: url('images/pombg.gif');
	background-repeat: none;
	background-position: right top;
	/*border-width: 1px;
	border-style: solid;
	border-color: #e1e1e1 #cecece #cecece #f5f5f5;*/
	margin: 0;
	padding: 3px 3px;
}
#sidemenu a:hover {
	color: #a00;
	/*background: #fff;*/
	background-image: url('images/pombghvr.gif');
	background-repeat: none;
	background-position: right top;
}
#sidemenu li {
	position: relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
}

#sidemenu ul ul {
	position:absolute;
	top: 0;
	left: 100%;
	width: 200px;
	}

	div#sidemenu ul ul,
	div#sidemenu ul li:hover ul ul
	{display: none;}

	div#sidemenu ul li:hover ul,
	div#sidemenu ul ul li:hover ul
	{display: block;}

/* End of Side Pop-out Menu */

#contenttopper
{
	height: 27px;
	background-image: url('images/mbg-top.gif');
	background-repeat: no-repeat;
}

#content 
{
    clear: both;
    overflow: hidden;
    outline: none;
    padding: 0 0 20px 0;
    text-align: left;
	background-image: url('images/mbg-bt.gif');
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
    #content #bd
    {
        overflow: auto; 
        outline: none;
		background-color: transparent !important;
		font: 13px/23px "helvetica", Sans-Serif;
    }
		#content #bd h1
		{
			font-family: trebuchet ms;
			color: #064684;
			font-weight: normal;
			font-size: 26px;
			line-height: 30px;
			margin: 0 0 8px 0;
			padding: 0px 0;
			/*border-bottom: 1px solid #ddd;*/
		}
	#content .ui-main
	{
	    padding: 0 20px 0 38px;
		background-image: url('images/mbg-mid.gif');
		background-repeat: repeat;
}
 
 
 
h2 
{
	font-family: georgia;
	color: #0183B6;
	font-size: 19px;
	line-height: 28px;
	border-bottom: 1px solid #0183B6;
	margin-bottom: 15px;
}
h3
{
	font-size: 16px;
	font-style: italic; 
	font-weight: bolder;
	line-height: 21px;
	color: #1198C5;
	margin-bottom: 5px;
}
p
{
    margin-bottom: 10px;	
}
 p.note
{
	font-size: 12px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 30px;
	margin-bottom: 15px;
	border-top: outset 2px;
	border-bottom: outset 2px;
	border-color: #056FA3;
}
 
 /*
 .SearchForm
 {
    border: 1px solid #bbb;
    padding: 8px 14px;  
    background-color: #fff;
    overflow: hidden;
    margin: 0 0 16px 0;
 }
    .SearchForm .field
    {
        width: 200px;
        float: left;   
    }
    .SearchForm .submit
    {
        width: 200px;
        float: left;
        text-align: left;   
    }
        .SearchForm .submit input
        {
            margin-top: 20px;   
        }
    */    
table
{
    
}
    table th
    {
        padding: 6px;
        font-size: 1.4em;
        background-color: #ddd;
    }
    table td
    {
        padding: 6px;
        vertical-align: top;
    }

table .DocumentLink
{
    white-space: nowrap;   
}
    table .DocumentLink a
    {
        text-decoration: none;   
    }
        table .DocumentLink a:hover
        {
            background-color: Yellow;   
        }
        
        
.pnlHelp
{
    width: 300px;
    border: 2px dashed #bbb;
    background-color: #eee;
    padding: 6px;   
}
.hide
{
	position: absolute;
	left: -99999px;
}

ol.index
{
	margin: 0 15px;
	padding: 0 15px;
	margin-bottom: 40px;
	list-style-type: upper-alpha;
}
ol.tasks
{
	margin: 0 15px;
	padding: 0 15px;
	margin-bottom: 18px;
	list-style-type: decimal;
}
ol.procedure
{
	margin: 0 15px;
	padding: 0 15px;
	list-style-type: decimal;
	line-height: 22px;
}

ol.procedure li
{
	margin-bottom: 8px;
}

img
{
    margin-bottom: 10px;
}
img.printlogo {
	display: none;
}
p.img
{
	text-align: center;
}

div.task
{
	margin-bottom: 80px;
}
	div.task p
	{
		margin: 0 0 12px 0;
	}
	div.task img
	{
		margin: 0 0 12px 0;
	}
	div.task p.shortcut
	{
		border-top: 1px solid #000;
		text-align: right;
	}
p.top
{
	text-align: right;
	border-top: dashed 1px #D3D3D3;
	font-family: trebuchet ms;
}
p.top a
{
	color: #D3D3D3;
}
ul.square {
list-style: square;
margin-left: 20px;
padding: 10px 20px 10px 0px;
}
