/* ========= CSS Document  - FreePatentsOnline.com ========== */

/* =============== HTML tag properties =============== */
body{
    margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background: #FFF url(../images/bg_body.gif) repeat-x;
	}
form{
	display: inline;
	margin-top: 0px;
	margin-bottom: 0px;
	}
img{
	border: 0px;
	}
hr	{
	border: 1px solid #D7DADC;
    margin-top:3px;
    padding:0px;
    margin-bottom:0px;
	}
h1{
	color: #467;
	font: 17px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	}
h3{
	color: #467;
	font: 14px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	margin-left:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	}
select
	{
	height:22px;
	}
p strong
	{
	color: #000;
	}
radio
	{
	padding:0px;
	margin:0px;
	vertical-align:bottom;
	}
strong
	{
	font-weight: bold;
	color: #E70;
	}
em	{
	font-family: Arial, sans-serif;
	}
input
	{
	margin-top:1px;
	margin-bottom:1px;
	}
/* ================ HTML tag properties ================= */

/* ============= Hyperlink common properties ============ */
a:link
	{
	color: #EE7700;
	text-decoration: none;
	}
a:visited
	{
	color: #EE7700;
	text-decoration: none;
	}
a:hover
	{
	color: #111;
	text-decoration:underline;
	}
/* ============== Hyperlink common properties ============= */

/* ============== Help page Hyperlink properties =========== */
.helplink
	{
	color: #F90;
	font-weight: normal;
	text-decoration: none;
	padding-left: 0px;
	}
a.helplink
	{
	color:#F90;
	font-weight: normal;
	text-decoration: none;
	padding-left: 0px;
	}
a:link.helplink
	{
	color: #F90;
	font-weight: normal;
	text-decoration: none;
	padding-left: 0px;
	}
a:visited.helplink
	{
	font-weight: normal;
	text-decoration: none;
	color: #AA6625;
	padding-left: 0px;
	}
a:hover.helplink
	{
	font-weight: normal;
	color: #FF9933;
	}
a:active.helplink
	{
	text-decoration: underline;
	}
/* =============== Help page Hyperlink properties ============= */

/* ================ Pagination block properties =============== */
.paginate , .paginate  a, .paginate a:link, .paginate a:visited, .paginate a:hover, .paginate a:active
	{
	padding:0px;
	border:0px;
	margin:0px;
	font-weight:normal;
	line-height:normal;
	font-size:11px;
	text-decoration:none;
	}
/* ================ Pagination block properties ================ */

/* ====================== Layout classes ======================== */
#body
	{
	vertical-align:top;
	height:95%;
	width:100%;
	position:absolute;
	}
#layout
	{
	width: 940px;
	margin: 0 auto;
	background: #FFF url(../images/bg_layout.gif) repeat-x;
	}
.full_width{
	width:100%; 
	display:block;
	}
#content_div
	{
	padding: 0 20px;
	margin-top: 25px;
	margin-bottom: 25px;
	}
#content_div_fixed{
	width:900px;
	padding: 0 20px;
	margin-top: 1px;
	margin-bottom: 25px;
	}
#content_div2
	{
	padding: 0 20px;
	margin-top: 25px;
	margin-bottom: 25px;
	}
#footer
	{
	clear: both;
	text-align: left;
	font-size: 11px;
	line-height: 30px;
	border-top: 3px solid #DDE;
	height: 40px;
	margin:0 0px;
	width:100%;
	color: #444;
	padding: 0;
	}

/* ----------- Layout classes ----------- */

/* ----------- header block styles ----------- */
#logo{ 
	width: 376px;
	height: 95px;
	float: left; 
	display: block;background: url(../images/fpo_logo.gif) no-repeat;
	}
#logo a {
	background: url(../images/fpo_logo.gif) no-repeat;
	width: 376px;
	height: 95px;
	display: block;
	}
#search {
	width: 346px;
	height: 95px;
	float: left; 
	display: block;
	background: url(../images/bg_search.gif) no-repeat bottom; 
	padding: 0 15px;
	}
.padding_div{display: block; 
	height: 40px;
	margin: 0;
	}
#search form input.box {
	width: 290px;
	border: 0;
	height: 18px;
	float: left;
	padding-top:3px;
	}	
#search form input.button {
	height: 22px;
	float: left; 
	margin-left: 5px;
	}
#search .advancedsearch a {
	display: block;
	height:auto;
	width: 160px;
	padding-top:8px;
	font-family:sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
	}
.header_captions {
	display: block;
	margin-top: 18px;
	color:#224455;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom:5px;
	}
#login {
	width: 158px;
	height: 95px;
	float: right; 
	background: url(../images/bg_login.gif) no-repeat bottom; 
	padding: 0 15px;
	}
#login ul {
	margin: 10px 0 0 15px;
	list-style-type:none;	
	padding: 0;
	width: 143px;
	}
#login ul li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	}
#login ul li a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	}
#login ul li a:hover {
	color: #467;
	}
#logged  {
	width: 158px;
	height: 95px;
	float: left; 
	background: url(../images/bg_logged.gif) no-repeat bottom; 
	padding: 0 15px;
	}
#logged  ul {
	margin: 10px 0 0 15px;
	list-style-type:none;	
	padding: 0;
	width: 143px;
	}
#logged  ul li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight:bold;
	color: #FFF;
	}
#logged  ul li a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	}
#logged ul li a:hover {
	color: #467;
	}
#header
	{
	height: 95px;
	}
/* =================== header block styles ================= */

/* ==================== login page styles ================== */
.login_box{
	padding-top:0;
	padding-left:0;
	width:56%;
	margin-right:2%;
	float:left;
	}
.features_box{
	width:42%;
	height:200px;
	margin-left:0;
	margin-right:0;
	padding:0;
	float:left;
	}
/* =================== login page styles =================== */

/* ==================== Main menu styles =================== */
#menu_bar
	{
	width: 940px;
	margin: 0;
	padding: 0;
	clear: both;
	height:41px;
	}
#menu_bar ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
}

#menu_bar ul li {
	float: left;
	display: block;
	width: 138px;
	height: 41px;
	margin: 0;
	padding: 0;
	vertical-align:middle;
}

#menu_bar ul li a {
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
	width: 138px;
	height: 27px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	text-align:center;
	padding-top:14PX;
	color:#FFFFFF;
	text-decoration:none;
	background-image: url(../images/menu_bg.gif); 
	}

#menu_bar ul li a:hover, #menu_bar ul li a.sel, #menu_bar ul li:hover a, li.contact a:hover {
	background-position: 0 -41px;
}

/* ================== Main menu styles =================== */

/* =============== Home page block styles ================ */
#news
	{
	background: #DDC url(../images/BL.gif) no-repeat bottom left;
	display: block;
	margin: 0 0 10px 0;
	text-align: left;
	text-decoration: none;
	font-family:  Arial, sans-serif;
	font-size: 12px;
	}
#news h1
	{
	background: url(../images/news_h1.gif) no-repeat top right;
	color: #E70;
	font-weight: normal;
	font-size: 13px;
	padding: 5px 10px;
	margin: 10px 0;
	}
#news p
	{
	padding: 0 10px 10px 10px;
	text-align: justify;
	text-decoration: none;
	}
.features {
	background: #DFE8EC;
	height:auto;
	display:block;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:15px;
	padding-top:0px;
	}
.features h1 {
	display: block;
	background: #80959f;
	color: #FFF;
	font: 11px/25px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	padding: 0 15px;
	text-transform: uppercase;
	letter-spacing: .10em;	
	height:25px;
	}
.features p {
	margin:0;
	padding: 8px 15px 12px 13px;
	line-height:80%;
	}
.recent {
	background: #FC7;
	width:100%;
	}
.recent h1 {
	display: block;
	background: #F90;
	color: #FFF;
	font: 11px/25px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	padding: 0 15px;
	text-transform: uppercase;
	letter-spacing: .10em;
	}
.recent p {
	padding: 5px 15px 15px 15px;
	}
.services
	{
	font-family: Arial, sans-serif;
	font-size: 12px;
	}
.services h1
	{
	color: #467;
	font: 15px/25px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 20px 0 0 0;
	text-align: left;
	}
.services p {
	border-bottom: #EEE solid 1px;
	padding-bottom: 10px;
	line-height: 130%;
	}
.services2 h1
	{
	color: #467;
	font: 15px/25px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding:0;
	text-align: left;
	}
.services2 p {
	border-bottom: #EEE solid 1px;
	padding-bottom: 10px;
	padding-top:0;
	line-height: 130%; margin-top:5px;
	}
.normal_p{
	border:none;
	}
.popular
	{
	padding-right: 0px;
	border-right: 1px #fff solid;
	}
.popular h1
	{
	display: block;
	background: #F90;
	color: #FFF;
	font: 11px/25px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	padding: 0 15px;
	text-transform: uppercase;
	letter-spacing: .10em;
	}
.popular strong
	{
	padding-right: 20px;
	color: #888;
	}
.popular a
	{
	margin-right: 10px;
	color: #e70;
	text-decoration: none;
	}
.popular a:hover
	{
	color: #555;
	text-decoration: underline;
	}
/* ================= Home page block styles ================= */

/* =================== footer menu styles =================== */
#footer_menu { 
	float: right;
	width:305px;
	text-align:right;
	}
#footer_menu ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
	height: 20px;
	}
#footer_menu ul li {
	float: left; 
	margin-left: 5px; 
	padding-left: 5px;
	border-left: 1px solid #CCD;
	line-height: 20px;
	}
#footer a { color: #444; }
#footer_menu ul li a {
	color: #457;
	}
/* ================== footer menu styles =================== */

/* ============== Error message block styles =============== */
.span_error_header
	{
	background-color: #FFF1E1;
	margin-top: 3px;
	text-indent: 23px;
	background-repeat: no-repeat;
	padding: 2px;
	display:block;	
	color: #ff0000;
	font-weight: bold;border: 2px solid #FFF1E1;
	}
.span_error
	{
	background-color: #fff;
	padding: 2px;
	color: red;
	border: 2px solid #FFF1E1;
	border-top: 0px;
	margin-bottom: 3px;
	font-weight:normal;
	font-size:11px;
	display:block
	}
.span_error li
	{
	color: red;
	margin-left: 25px;
	list-style-type: square;
	}
/* ================= Error message block styles ============== */

/* ======================= Help page styles ================== */
h2.help_heading
	{
	background:#e4e4e4;
	font-size:12px;
	font-weight:normal;
	border-bottom:1px solid #f0f0f0;
	}
#helpDiv
	{
	width:100%;
	background-color:#fff;
	background-image:url('../images/bg_lft.jpg');
	background-repeat:repeat-y;
	border:1px solid #efefef;
	padding-left:0px;
	}
#helpDiv .leftDiv
	{
	width:233px;
	float:left;
	background-image:url('../images/bg_lft.jpg');
	background-repeat:repeat-y;
	padding-left:5px;
	padding-bottom:8px;	
	}
#helpDiv .leftDiv li, ul
	{
    list-style-type:none;
    margin:0px;
    padding:0px;
    line-height:17px;
    padding-top:4px;
    padding-bottom:0px;
	}
#helpDiv .rightDiv
	{
	width:505px;
	float:left;
    padding-left:15px;
	}
#helpDiv .rightDiv ul, li
	{
	padding-left:18px;
	margin:0px;
	}
#helpDiv .leftDiv hr
	{
	border: 1px solid #e0e0e0;
    margin-top:3px;
    padding:0px;
    margin-bottom:0px;
	}
#helpDiv .leftDiv .leftnav
	{	
    float: none;	
	margin-right: 0px;
    padding:0px; 
    width:0px;    
	}
#help_text_area li
	{
	list-style-type:square;
	margin-left:20px;
	line-height:normal;
	}
#help_text_area h2{
	DISPLAY: block; MARGIN: 0px; HEIGHT: 35px;
	}
.help_container{
	background-image:url(../images/help_reapeater.gif);
	background-repeat:repeat-y;
	background-position:left;
	}
.help_container h2{
	font-size:17px;
	}
#tmenu0 span
	{   
    float:none;
	}
/* =================== Help page styles ================== */

/* =============== Patent detail page styles ============= */
div.disp_doc
	{
	float: left;
	width: 100%;
	background-color: #D2DADE;
	margin-top: 1px;
	display: block;
	}
div.disp_elm_name
	{
	float: left;
	width: 180px;
	padding: 5px;
	background-color: #D2DADE;
	font-size: 12px;
	font-weight: bold;
	font-family:Arial;
	}
div.disp_elm_kind_name
	{
	float: left;
	width: 100px;
	padding: 5px;
	background-color: #D2DADE;
	font-size: 12px;
	font-weight: bold;
	font-family:Arial;
	}
div.disp_elm_value
	{
	float: right;
	width:680px;
	padding: 5px;
	background-color: #FFF;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial;
	}
div.disp_elm_value h1
	{
	font-size: 12px;
	}
div.disp_doc2
	{
	width: 100%;
	margin-top: 1px;
	display: block;
	}
div.disp_elm_title
	{
	float: left;
	width: 170px;
    margin-top:1px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 12px;
	font-weight: bold;
	font-family:Arial;
	background-color:transparent;
	}
div.disp_elm_text
	{
	background-color: #FFF;
	float: right;
	width:680px;
	padding: 5px;
	font-size: 12px;
	font-weight:normal;	
	font-family:Arial;
	}
div.disp_elm_text h1
	{
	font-size: 12px;
	}
div.disp_elm_name_kcode
	{
	float: left;
	width: 75px;
	padding: 5px;
	background-color:transparent;
	font-size: 12px;
	font-weight: bold;
	font-family:Arial;
	}
#layout_patent_detail
	{
	width: 940px;
	margin: 0 auto;
	background: #FFF url(../images/bg_detail_page.gif) repeat-x;
	}
.patent_detail__table
	{
	border: 1px solid #D2DADE;
	width: 99%;
	}
.patent_detail__table TD
	{
	border-left: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	vertical-align: middle;
	padding: 2px;
	padding-left:4px;
	}
/* =================== Patent detail page styles =============== */

/* ======================= Alignment class ===================== */
.CheckItem
	{
 	margin:0px;
	padding:0px;
	text-align:left;
	margin-top:0px;
	margin-right:2px;
	line-height:0px;
	top:3px;vertical-align: middle;
	}
.CheckItem_text
	{
 	margin:0px;
	padding:0px;
	text-align:left;
	margin-top:0px;
	margin-right:2px;
	top:3px;
	vertical-align: middle;
	}
.CheckItem_small
	{
 	margin:0px;
	padding:0px;
	text-align:left;
	margin-top:0px;
	margin-right:0px;
	line-height:0px;
	top:3px;vertical-align: middle;
	}
/* ===================== Alignment class ====================== */

/* ===================== tool tip  class ====================== */
#dhtmltooltip
	{
    position: absolute;
    width: 150px;
    border: 1px solid #f59321;
    padding: 10px;
    font-family:Arial;
    font-weight:normal;
    font-size:13px;
    background-color: #FFFFFF;
    visibility: hidden;
    z-index: 300;
	}
.helper_text{
	color:#EE7700;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	}
.helper_text a:link, .helper_text a:hover,  .helper_text a:visited{
	color:#EE7700;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	}
/* ======================= tool tip  class ===================== */
