/* CSS Document */
/************************************************************
	Document: CSS (Cascading Style Sheets)
	Author: Richard Magallanes - richard@irondata.com
	Project: E-Filing
************************************************************/

/*-----------------------------------------------------------
Default Styles
-----------------------------------------------------------*/

html,body{
	margin: 0;
	padding: 0;
	font: 11px 'Lucida Grande', Verdana, sans-serif;
	color: #000;
	background: #ECE5CD;
	text-align:center;
}
p, div, h1, h2, h3, h4, h5 h6{
	margin: 0;
	padding: 0;
}

.defaultstyle
{
		font: 10px 'Lucida Grande', Verdana, sans-serif;
		color:#5D7B9D;
}
.clear{
	clear: both;
	height:0;
	font-size:0;
	line-height:0;
}

#upborder{
	font-size:18px;
	border-top:20px;
}

select
{
	border-right: black 1px solid #5D7B9D;
	border-top: black 1px solid #5D7B9D;
	border-left: black 1px solid #5D7B9D;
	border-bottom: black 1px solid #5D7B9D;
	font: 11px 'Lucida Grande', Verdana, sans-serif;
}

input
{
	border-right: black 1px solid #5D7B9D;
	border-top: black 1px solid #5D7B9D;
	border-left: black 1px solid #5D7B9D;
	border-bottom: black 1px solid #5D7B9D;
	font-size: 11px;
	line-height: 12px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


input[type="radio"]
{
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
	font-size: 11px;
	width: 20px;
}

input[type="checkbox"]
{
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
	font-size: 11px;
	width: 20px;
}

textarea
{
	border-right: black 1px solid #5D7B9D;
	border-top: black 1px solid #5D7B9D;
	border-left: black 1px solid #5D7B9D;
	border-bottom: black 1px solid #5D7B9D;
	font: 11px 'Lucida Grande', Verdana, sans-serif;
	width: 100%;
	text-transform:uppercase;
	
}
input.checkbox {
	background-color: #ece5cd;
	border: none;
	margin-left: -1px
}
input[type="radio"], input[type="checkbox"] {
	border: none;
}
/*-----------------------------------------------------------------
	LAYOUT RELATED STYLES
-----------------------------------------------------------------*/
body div#wrapper{
	width: 100%;
	margin:0 auto;
	width: 980px;
	text-align:left;
}
div#wrapper div#header h1{
	width: 526px;
	height: 29px;
	position: relative;
	float:left;
}

div#header h1 span{
	background:  url(../images/Top_title.gif) no-repeat;
	position:absolute;
	height: 100%;
	width: 100%;
}
.clear{
	clear:both;
	font-size: 0px;
	line-height:0px;
}

.clock_left{
	float:left;
	width:500px;
	text-align:left;
	padding-left:20px;
	font: 12px normal Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.username_right{
	float:right;
	width:200px;
}
#contentholder{
	background:#f9f1d1;
	padding-top:10px;
	padding-bottom:20px;
}
#content{
	background:#f9f1d1;
}

/*
Boxes appearing in the Middle Pane
-----------------------------------*/

/*Page Title Bar*/
div#middle-pane div#page-title{
	margin-bottom: 10px;
}
div#middle-pane div#page-title img.ptitle-left{
	vertical-align: middle;
	float: left;
}
div#middle-pane div#page-title h1{
	font: 24px normal Tahoma, Arial, 'Trebuchet MS';
	background:  url(../images/layout/Untitled-3.gif)top right repeat-x;
	padding: 7px 0 7px 0;
}

div#middle-pane div.box div.hd-center{
	height:143px;
	line-height: normal;
	width: 100%;
}

div#middle-pane div.box div.top-left{
	background: url(../images/layout/middlepane/top_left.gif) left top no-repeat;
	height:143px;
	font-size: 2px;
	line-height: normal;
	
}

div#middle-pane div.box div.top-right{
	background: url(../images/layout/middlepane/top_right.gif) right top no-repeat;
	padding-right:10px;
	height:119px;
	font-size: 2px;
	line-height: normal;
	width: 179px;
	
}

div#middle-pane div.box div.mpb-contents{
	background: url(../images/layout/middlepane/left.gif) left repeat-y;
	padding-left: 12px;
	display: block;
}

div#middle-pane div.box div.mpb-contents div.inner{
	background: url(../images/layout/middlepane/right.gif) right repeat-y;
	padding-right: 12px;
	display: block;
}

div#middle-pane div.box div.bottom-left,
div#middle-pane div.box div.bottom-left div.bottom-right{
	height:14px;
	font-size: 2px;
	line-height: normal;
}

div#middle-pane div.box div.bottom-left{
	background: url(../images/layout/middlepane/bottom_left.gif) left bottom no-repeat;
}

div#middle-pane div.box div.bottom-left div.bottom-right{
	background: url(../images/layout/middlepane/bottom_right.gif) right bottom no-repeat;
	width: 24px;
	float: right;
}

div#middle-pane div.box div.mpb-contents div.inner h2{
	background: url(../images/layout/middlepane/header_bg.gif) repeat-x;
	color: #2963a5;
	margin: 0 -8px 0 -9px;
	padding:0 8px;
}

/*------------------------------------------------------------------------------
	CONTENT PANE STYLES
-------------------------------------------------------------------------------*/
div#contents{
	position: relative;
	width:980px;
	display: block;
	
	overflow: visible;
}
div#innercontents{
	float: left;
	width: 400px;
	margin: 0;
	padding: 1em;
}
div#rightinnercontents{
	margin-left: 420px;
	border-left: 1px solid gray;
	padding: 1em;
	max-width: 450px;
}
	
.headerborder{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:white;
	background-color:#2963a5;
	text-align:center;
	padding: 2px;
}
.tablelayout{
	border: 1px solid #4a86cc;
	border-style:solid;
}
.tablelayout1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#c5daf2;
	text-align:center;
	padding: 2px;
}
.tablelayout2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#f6e8b6;
	text-align:center;
	padding: 2px;
}

.grouppane1{
	margin-left:10px;
	padding-bottom:20px;
	} 
/*------------------------------------------------------------------------------
	BTN Placer
-------------------------------------------------------------------------------*/
#leftnav
{
	text-align:center;
	float: left;
	width: 300px;
	margin: 0;
	padding: 1em;
}

#rightnav
{
	text-align:center;
	float: right;
	width: 260px;
	margin: 0;
	padding: 1em;
}

#contentmiddle
{
	text-align:center;
	margin-left: 200px;
	margin-right: 200px;
	padding: 1em;
	max-width: 36em;
}
/*------------------------------------------------------------------------------
	Line Border Settings
-------------------------------------------------------------------------------*/
.TableBorderTop
{
	border-top: 1px solid gray;
}
/*------------------------------------------------------------------------------
	TextField Settings
-------------------------------------------------------------------------------*/
.textfield 
{
	margin:3px;
	height:20px;
	width:100px;
	border:solid 1px #333333;
	margin-right: auto;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
.textfield:hover
{
    border-color: #0ca0ff;
}
.textfield:focus
{
    border-color: #000000;
    background-color:#3399FF;
	border-width: 1px;
	color:#FFFFFF;
	font-weight:bold;
}
.textfieldlong:focus
{
    border-color: #000000;
    background-color:#3399FF;
	border-width: 1px;
	color:#FFFFFF;
	font-weight:bold;
}

.textfieldlong
{
	margin:3px;
	height:20px;
	width:200px;
	border:solid 1px #333333;
	margin-right: auto;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

.redfont
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#990000;
}
.multitext
{
	margin:3px;
	height:60px;
	width:200px;
	border:solid 1px #333333;
	margin-right: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

/*------------------------------------------------------------------------------
	Login
-------------------------------------------------------------------------------*/
.Loginmultitext
{
	margin:3px;
	height:20px;
	width:130px;
	border:solid 1px #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
.Loginmultitext:focus
{
    border-color: #000000;
    background-color:#3399FF;
	border-width: 1px;
	color:#FFFFFF;
	font-weight:bold;
}

.Loginpassword
{
	margin:3px;
	height:20px;
	width:130px;
	border:solid 1px #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
.Loginpassword:focus
{
    border-color: #000000;
    background-color:#3399FF;
	border-width: 1px;
	color:#FFFFFF;
	font-weight:bold;
}
/*------------------------------------------------------------------------------
	Main Menu
-------------------------------------------------------------------------------*/
#menu ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#menu li{
	display:inline;
}

#menu span{
	display:none;
}

/*#nav1 a{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position:0 -57px;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav1 a:hover{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: 0 0;
	cursor:pointer;
}*/

#nav2 a{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -1980px -57px;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav2 a:hover{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -1980px 0;
	cursor: pointer;
}

#nav3 a{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -330px -57px;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav3 a:hover{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -330px 0;
	cursor: pointer;
}

#nav4 a{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -2310px -57px;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav4 a:hover{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -2310px 0;
	cursor: pointer;
}

#nav5 a{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -660px -57px;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav5 a:hover{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -660px 0;
	cursor: pointer;

}

#nav6 a{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -2640px -57px;
	width:330px;  
	height:57px;
	display:block;
}

#nav6 a:hover{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -2640px 0;
	cursor: pointer;
}

#nav7 a{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -990px -57px;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav7 a:hover{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -990px 0;
	cursor: pointer;

}

#nav8 a{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -2970px -57px;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav8 a:hover{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -2970px 0;
	cursor: pointer;
}

#nav9 a{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -1320px -57px;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav9 a:hover{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -1320px 0;
	cursor: pointer;
}

#nav10 a{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -3300px -57px;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav10 a:hover{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -3300px 0;
	cursor: pointer;
}


#nav11 a{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -1650px -57px;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav11 a:hover{
	background:url(../images/mainmenu.gif) no-repeat;
	background-position: -1650px 0;
	cursor: pointer;
}


#nav12 a{
	background:url(../images/source/menu/_filingfees.gif) no-repeat;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav12 a:hover{
	background:url(../images/source/menu/over_filingfees.gif) no-repeat;
}

#nav13 a{
	background:url(../images/source/menu/_claimfaq.gif) no-repeat;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav13 a:hover{
	background:url(../images/source/menu/over_claimfaq.gif) no-repeat;

}

#nav14 a{
	background:url(../images/source/menu/_processonlinecase.gif) no-repeat;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav14 a:hover{
	background:url(../images/source/menu/over_processonlinecase.gif) no-repeat;

}


#nav15 a{
	background:url(../images/source/menu/_processanswer.gif) no-repeat;
	overflow:hidden;
	width:330px;  
	height:57px;
	display:block;
}

#nav15 a:hover{
	background:url(../images/source/menu/over_processanswer.gif) no-repeat;

}

#menutab{
	float:left;
	left:20px;	
}
#menutab ul{
	padding:0px;
	margin:0px;
}

#menutab li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
/*------------------------------------------------------------------------------
	Tab title
-------------------------------------------------------------------------------*/
#title_filewarrant span, #title_statementclaim span, #title_filedispossessory span, #title_fileforclosure span, #title_fileinterrgatory span , #title_filegarnishment span ,
#title_answerclaim span, #title_answerdispossesory span , #title_answerclosure span, #title_answerinterregatory span , #title_filingfees span, #title_processonline span,
#title_processanswer span, #title_faq span{
	display:none;
}

#title_filewarrant a{
	background:url(../images/tab/tab_filewarrant.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

#title_statementclaim a{
	background:url(../images/tab/tab_filestatementclaim.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

#title_filedispossessory a{
	background:url(../images/tab/tab_filedispossessory.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

#title_fileforclosure a{
	background:url(../images/tab/tab_fileforeclosure.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

#title_fileinterrgatory a{
	background:url(../images/tab/tab_fileinterregatory.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

#title_filegarnishment a{
	background:url(../images/tab/tab_filegarnishement.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

#title_answerclaim a{
	background:url(../images/tab/tab_answerclaim.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

#title_answerdispossesory a{
	background:url(../images/tab/tab_answerdispossessory.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

#title_answerclosure a{
	background:url(../images/tab/tab_answerforclosure.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

#title_answerinterregatory a{
	background:url(../images/tab/tab_answerinterrogatory.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

#title_filingfees a{
	background:url(../images/tab/tab_filingfees.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

#title_processonline a{
	background:url(../images/tab/tab_processonlinecase.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

#title_processanswer a{
	background:url(../images/tab/tab_processanswer.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

#title_faq a{
background:url(../images/tab/tab_faq.gif) no-repeat;
	overflow:hidden;
	float:left;
	left:10px; 
	top:45px;
	width:308px;  
	height:47px;
	position:relative;
	cursor:default;
}

/* modal ajax Carlo */
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.border_blue{
	/*width:200px;*/
	background:#6699cc;
	color:#fff;
	font: 10px 'Lucida Grande', Verdana, sans-serif;
	text-transform:uppercase;
	}


.box_textalign_l{
	text-align:right;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 8pt;
	background:#f9f1d1;
	text-align:center;
}

/*------------------------------------------------------------------------------
	Box Borders
-------------------------------------------------------------------------------*/
.errors {
	border: solid 4px #f5dc63; 
	background-color: #f5dc63;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 20px;
	margin-left: 0pt;
	min-height:35px;
	background: #fff url(../images/warning.png) no-repeat 17px;
	/*background: url(../images/error-body.png);*/	 
}	
	
.errors ul {	
	margin: 0;  
	padding: 0;  
	margin-left: 60px;
	margin-top:-10px;
	list-style-type: none;
}

.errors li{
	background-image: url(../images/exclamation.gif);
	background-repeat: no-repeat;
	background-position: 0.1em;
	padding-left: 30px;
	line-height:18px;
	font-weight:bold;
	color: Maroon;
}

#validationstyle{
	visibility:hidden;
	margin-left:25px;
}

#eye{
	background-color: #69a5e0;
	border: 1px solid #1e5791;
	width: 600px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#intro, #eye, #Div7, #Div8{
	background-color: #96bfe9;
	background-image: url(../images/bg_gradient_homepage-intro.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0pt 100%;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	color:#fff;
	font-weight:bold;
}
/*------------------------------------------------------------------------------
	Text Styles
-------------------------------------------------------------------------------*/

.title_header{
	font-weight: bold;
	text-decoration:underline;
	letter-spacing:1.5px;
	padding-bottom:10px;
	text-align:center;
}

.redtext
{
	font-size:15px;
	color:Maroon;
	text-decoration:underline;
}
#redalert{
font: 10px 'Lucida Grande', Verdana, sans-serif;	
color:Maroon;
}	
.GridDataWrap
{
    word-wrap:break-word; /*I.E. only*/
} 
.gclass
{
	 table-layout:fixed; width:100%;	
}



/*------------------------------------------------------------------------------
	Ajax  auto complete
-------------------------------------------------------------------------------*/

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	height : 200px;
	overflow : scroll;
    text-align : left; 
    width : auto;
    list-style-type : none;    
    
}
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}
.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}