@import url("pbstyle/sprite-css.css");
* {
margin : 0;
padding : 0;
}
html, body {
margin : 0;
padding : 0;
font : 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
text-align : center;
color : #676566;
}
a, img, table, td {
border : 0;
}
table td {
vertical-align : top;
}
a {
text-decoration : none;
color : #4772a7;
border : none;
outline : none;
}
a:hover {
color : #083c7d;
text-decoration : underline;
}
a.button {
display : block;
background-position : bottom left;
background-repeat : no-repeat;
text-indent : -9999px;
}
a:hover .button {
background-position : top left;
}
a:active {
outline-style : none;
}
h1 {
font-size : 18px;
font-weight : bold;
margin-bottom : 10px;
padding-bottom : 3px;
}
.attorneys h1 {
color : #496fb8;
}
.inventors h1 {
color : #a0b117;
}

div.row-big p {
	color: #000000;
	float: left;
	margin-left: 0px;
	text-align: left;
	width: 375px;
}

div#testdiv1 table{
	padding:2px;
	width:200px;
}
div.row-big span.editlabel {
	color: #000000;
	float: left;
	padding: 2px;
	text-align: left;
	width: 375px;
}
span#otHonours span.formw{
margin-left:0px;
}

* div.container {
width : 960px;
margin : 0 auto;
position : relative;
}

#navigation{
	position:absolute;
	width:150px;
	color:#3D6FAA;
	left:18px;
	z-index:1000;
}

#navigation a
{
	color		: #3d6fad;
	display		: block;	
	text-align: left;
	cursor: pointer;
	
}
#navigation a:hover 
{
	color		: #093b77;	
	font-weight: bold;
	text-decoration: none !important;
}

/*Payment History in end*/

#general-nav {
	background:#FAFAFA url(pbstyle/images/general-nav_bg.gif) no-repeat scroll center bottom;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:149px;
}
.attorney #general-nav div#container {
	background-image:url(pbstyle/images/general-nav_attorneys.gif);
}
.inventor #general-nav div#container {
	background-image:url(pbstyle/images/general-nav_inventors.gif);
}
#general-nav div#container {
	background-position:center top;
	background-repeat:no-repeat;
	z-index: 1000;
	##float: left;
}

/**
People selected div style start
**/
.peopleSelected div#peopleDiv{	
	font-weight:normal;
	color:#ffffff;
	width:132px !important;
	float:left;
	height: 23px !important;
	background-color:#6088BB;
	padding: 0px !important;
	margin-bottom: 2px;	
}
.peopleSelected div#peopleDiv span#otpeople{
	margin-top:4px;
	float:left;
	color: #ffffff;
}
.peopleSelected div#peopleDiv span#otpeoples{
	margin-top:4px;
	float:left;
	color: #ffffff;
}
.peopleSelected span#peopleLeft{	
	background-image: url("pbstyle/images/corner_left.gif") ;
	background-repeat: no-repeat;
	float: left;
	width: 8px;
	height: 23px !important;
	
}
.peopleSelected span#peopleRight{
	background-image: url("pbstyle/images/corner_right.gif") ;
	background-repeat: no-repeat;
	float: left;
	width: 8px;
	height: 23px !important;
}

.peopleProfileSelected div#myHomeDiv{	
	font-weight:normal;
	color:#ffffff;
	width:132px !important;
	float:left;
	height: 23px !important;
	padding:0px !important;
	background-color:#6088BB;	
}
.peopleProfileSelected div#myHomeDiv span#otDashboard{
	margin-top:4px;
	float:left;
	color: #ffffff;
}
.peopleProfileSelected div#myHomeDiv span#otDashboard2{
	margin-top:4px;
	float:left;
	color: #ffffff;
}
.peopleProfileSelected span#myHomeLeft{	
	background-image: url("pbstyle/images/corner_left.gif") ;
	background-repeat: no-repeat;
	float: left;
	width: 8px !important;
	height: 23px !important;
	
}
.peopleProfileSelected span#myHomeRight{
	background-image: url("pbstyle/images/corner_right.gif") ;
	background-repeat: no-repeat;
	float: left;
	width: 8px;
	height: 23px !important;
}
.peopleProfileSelected div#peopleProfile a{
	background-color:#D2DDEB;	
	background	: url(pbstyle/images/dashboard-nav_selected.gif) no-repeat scroll left center;
	float:left;
	margin-top:4px;
	padding-left:6px;
	width:139px;
	
}
.peopleProfileSelected div#peopleProfile a:hover{
	background-color:#D2DDEB;	
	background	: url(pbstyle/images/dashboard-nav_selected.gif) no-repeat scroll left center;
	float:left;
	margin-top:4px;
	padding-left:6px;
	width:139px;
	
}
.peopleProfileSelected div#peopleProfile{
	padding-left: 2px !important;
}
.peopleProfileSelected div#peopleProfile img{
	margin-top:2px !important;
}

#container span#attorneyHomeLeft{	
	float: left;
	width: 8px;
	height: 21px;
	
}

#container div#attorneyHomeDiv{	
	font-weight:normal;	
	width:120px;
	float:left;
	height: 21px;	
	text-align: left;	
}

.leftImage{
	float:left;
	margin-top:4px;
}

#container div#attorneyHomeDiv span#otAttHome{			
	margin-left:3px;
	float:left;
	margin-top:4px;	
}

#container div#attorneyHomeDiv span#otInvHome{
	margin-left:3px;
	float:left;
	margin-top:4px;			
}

#container span#attorneyHomeRight{	
	float: left;
	width: 8px;
	height: 21px;
}

#container span#reportLeft{	
	float: left;
	width: 8px;
	height: 21px;
	
}

#container div#reportDiv{
	font-weight:normal;	
	width:120px;
	float:left;
	height: 21px;		
}

#container div#reportDiv span#otReport{
	margin-top:4px;
	float:left;
	margin-left: 3px;
}

#container span#reportRight{	
	float: left;
	width: 8px;
	height: 21px;
}

#container div#ipEventsDiv{
	font-weight:normal;	
	width:120px;
	float:left;
	height: 21px;		
}
#container span#ipEventsLeft{	
	float: left;
	width: 8px;
	height: 21px;
	
}
#container span#ipEventsRight{	
	float: left;
	width: 8px;
	height: 21px;
}
#container div#ipEventsDiv span#otipEvents{	
	margin-left:3px;
	float:left;
	margin-top:4px;	
}
#container div#ipEventsDiv span#otipEvents1{
	margin-left:3px;
	float:left;
	margin-top:4px;	
}

#container div#jobPostingDiv{
	font-weight:normal;	
	width:120px;
	float:left;
	height: 21px;		
}
#container span#jobPostingLeft{	
	float: left;
	width: 8px;
	height: 21px;
	
}
#container span#jobPostingRight{	
	float: left;
	width: 8px;
	height: 21px;
}
#container div#jobPostingDiv span#otjobPosting{	
	margin-left:3px;
	float:left;
	margin-top:4px;	
}

#container div#peopleDiv {
	font-weight:normal;	
	width:120px ;
	float:left;
	height: 21px;
}
#container span#peopleLeft{	
	float: left;
	width: 8px;
	height: 21px;
	
}
#container span#peopleRight{	
	float: left;
	width: 8px;
	height: 21px;
}
#container div#peopleDiv span#otpeople{
	margin-left:3px;
	float:left;
	margin-top:4px;	
}

#container div#organizationDiv{
	font-weight:normal;	
	width:120px;
	float:left;
	height: 21px;		
}
#container span#organizationLeft{	
	float: left;
	width: 8px;
	height: 21px;
	
}
#container span#organizationRight{	
	float: left;
	width: 8px;
	height: 21px;
}
#container div#organizationDiv span#otorganization{
	margin-left:3px;
	float:left;
	margin-top:4px;
}

#container div#vendorDiv{	
	font-weight:normal;	
	width:120px;
	float:left;
	height: 21px;		
}
#container span#vendorLeft{	
	float: left;
	width: 8px;
	height: 21px;
	
}
#container span#vendorRight{	
	float: left;
	width: 8px;
	height: 21px;
}
#container div#vendorDiv span#otvendor{
	margin-left:3px;
	float:left;
	margin-top:4px;
}

#container div#groupDiv{	
	font-weight:normal;	
	width:120px;
	float:left;
	height: 21px;		
}
#container span#groupLeft{	
	float: left;
	width: 8px;
	height: 21px;
	
}
#container span#groupRight{	
	float: left;
	width: 8px;
	height: 21px;
}
#container div#groupDiv span#otgroup{
	margin-left:3px;
	float:left;
	margin-top:4px;
}
#container div#groupDiv span#otgroups{
	margin-left:3px;
	float:left;
	margin-top:4px;
}

#container div#researchDiv{	
	font-weight:normal;	
	width:120px;
	float:left;
	height: 21px;		
}
#container span#researchLeft{	
	float: left;
	width: 8px;
	height: 21px;
	
}
#container span#researchRight{	
	float: left;
	width: 8px;
	height: 21px;
}
#container div#researchDiv span#otresearch{
	margin-left:3px;
	float:left;
	margin-top:4px;
}
#container div#researchDiv span#otresearch1{
	margin-left:3px;
	float:left;
	margin-top:4px;
}

#container div#interestingInfoDiv{	
	font-weight:normal;	
	width:132px;
	float:left;
	height: 21px;		
}
#container span#interestingInfoLeft{	
	float: left;
	width: 8px;
	height: 21px;
	
}
#container span#interestingInfoRight{	
	float: left;
	width: 8px;
	height: 21px;
}
#container div#interestingInfoDiv span#otinterestingInfo{
	margin-left:3px;
	float:left;
	margin-top:4px;	
}

#container div#counselDiv{	
	font-weight:normal;	
	width:132px;
	float:left;
	height: 21px;		
}
#container span#counselLeft{	
	float: left;
	width: 8px;
	height: 21px;
	
}
#container span#counselRight{	
	float: left;
	width: 8px;
	height: 21px;
}
#container div#counselDiv span#otcounsel{
	margin-left:3px;
	float:left;
	margin-top:4px;	
}

.navigationBorder {
	width: auto;
}

#dashboardContainer a
{
	color		: #3d6fad;
	display		: block;	
	text-align: left;
	cursor: pointer;
		
	
}

.innercontainer2,.innercontainer3,.innercontainer4,.innercontainerContent {
	background: #EBEEF5;
	border-color: #CFDBE9;
}

.innercontainer1 {
	background: #CFDBE9;
}

.innercontainer2,.innercontainer3,.innercontainer4 {
	border-style: solid;
	border-width: 0 1px;
}

.innercontainerContent {
	display: block;
	border-style: solid;
	border-width: 0 1px;
	
}

.innercontainer1,.innercontainer2,.innercontainer3 {
	height: 1px;
}

.innercontainer1 {
	margin: 0 5px;
}

.innercontainer2 {
	margin: 0 3px;
	border-width: 0 2px;
}

.innercontainer3 {
	margin: 0 2px;
}

.innercontainer4 {
	height: 2px;
	margin: 0 1px;
}

.innercontainer1,.innercontainer2,.innercontainer3,.innercontainer4 {
	display: block;
	overflow: hidden;
}

.innercontainer5 {
	font-size: 1px;
	display: block;
	overflow: hidden;
	height: 1px;
}
.innercontainerBlock {
	display: block;
	font-size: 1px;
}

#dashboardContainer div#myHomeDiv{
	padding-left:9px;	
	padding-right:0px;	
	padding-bottom:0px;
	padding-top:0px;
	font-weight:normal;	
	width:124px;
	float:left;
	height: 21px;	
	text-align: left;
}
#dashboardContainer span#myHomeLeft{	
	float: left;
	width: 0px;
	height: 21px;
	
}
#dashboardContainer span#myHomeRight{	
	float: left;
	width: 8px;
	height: 21px;
}
#dashboardContainer div#myHomeDiv span#otDashboard{
	margin-top:4px;
	float:left;
	margin-left: 3px;
	width: 90px;
}
#dashboardContainer div#myHomeDiv span#otDashboard2{
	margin-top:4px;
	float:left;
	margin-left: 3px;
	width: 90px;
}

.non-selected-navigation-item{	
	padding-left:9px;
	clear:left;	
	line-height: 21px;
	display: block;
}

.loggedIn-tab-span{
	margin-left:3px;
	display:block;
	float:left;
}

.main-blank-div {
float:left;
height:550px;
width:185px;
}

.middle-div-attorney {
float : left;
text-align : left;
width : 772px;
min-height: 550px;
margin-top:82px;
}

.gray-heading {
font-size : 16px;
font-weight : bold;
color : #737371;
}

.confirmMessage-div {
	float: right;
	width: 185px;
	border: 1px solid #006600;
	display: inline;
	background: #E6F8DD;
	margin-top: 10px;
	padding-left: 5px; #
	width: 190px;
	color: #006600;
	padding-top: 2px;
	padding-bottom: 2px;
}

.errorMessage-div {
	float: right;
	width: 185px;
	background: #FFEEEE;
	border: 1px solid #AB0000;
	display: inline;
	margin-top: 10px;
	padding-left: 5px; #
	width: 190px;
	color: #AB0000;
	padding-top: 2px;
	padding-bottom: 2px;
}

.middle-div {
width : 545px;
float : left;
text-align : left;
}

.workHistoryMode {
width : 545px ;
float : left;
margin-top : 10px;
}

.workHistoryMode a {
cursor : pointer;
text-decoration : none;
}

.workHistoryMode span#enteredByLeft {
float : left;
width : 8px;
height : 23px;
}

.enteredByPerson span#enteredByLeft {
background-image : url("pbstyle/images/corner_left.gif");
background-repeat : no-repeat;
float : left;
width : 8px !important ;
height : 23px !important ;
}

.workHistoryMode div#enteredByDiv {
float : left;
height : 23px;
padding : 0 !important ;
}

.enteredByPerson div#enteredByDiv {
font-weight : normal;
color : #ffffff;
float : left;
height : 23px !important ;
padding : 0 !important ;
background-color : #6088bb;
}

.workHistoryMode span#otenteredBy {
margin-top : 4px;
float : left;
}

.enteredByPerson div#enteredByDiv span#otenteredBy {
margin-top : 4px;
float : left;
color : #ffffff;
}

.workHistoryMode span#enteredByRight {
float : left;
width : 8px;
height : 23px;
}

.enteredByPerson span#enteredByRight {
background-image : url("pbstyle/images/corner_right.gif");
background-repeat : no-repeat;
float : left;
width : 8px !important ;
height : 23px !important ;
margin-right : 6px;
}

.workHistoryMode span#pipeSpan {
padding-left : 10px;
margin-top : 4px;
padding-right : 10px;
float : left;
width : 2px;
}

.workHistoryMode span#fromPTOLeft {
float : left;
width : 8px;
height : 23px;
}

.workHistoryMode div#fromPTODiv {
float : left;
height : 23px;
padding : 0 !important ;
}

.workHistoryMode span#otfromPTO {
margin-top : 4px;
float : left;
}

.workHistoryMode span#fromPTORight {
float : left;
width : 8px;
height : 23px;
}

.content-area {
width : 540px;
float : left;
}

.profile-heading-default-div {
	height: 1.9em;
	padding-top: 2px;
	width: 540px;
	clear: left;
}

div.contentArea div.profile-heading-default-div{
	float:left;

}

.profile-heading {
	color: #496FB8;
	font-size: 13px;
	font-weight: bold;
	float: left;
	width: 482px;
	margin-left: 8px;
}

div.contentArea span.profile-heading{
	color:#676566 !important;
	margin-left:0px !important;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
}

div.contentArea div.people-divider{
		margin-top:5px;
		margin-left:16px;
	}
	
	.people-divider {
background : transparent url(pbstyle/images/divider_bg.gif) repeat-x scroll left center;
clear : both;
font-size : 1px;
height : 1px;
width : 540px;
float : left;
margin-bottom : 7px;
margin-top : 10px;
}

/*-----------------Inner div content style------------------*/
div.row-big {
	width: 530px;
	clear: both;
	margin-bottom: 2px;
	float: left;
	margin-bottom: 10px;
}

div.row-big span.label {
	float: left;
	width: 137px;
	text-align: left;
	color: #737371;
	clear: left;
	height: 1.5em;
}

div.row-big span.formw {
	float: left;
	width: 375px;
	text-align: left;
	margin-left: 10px;
	color: #000000;
}

div.row-big a.formw {
	float: left;
	width: 375px;
	text-align: left;
	margin-left: 11px;
}

div.row-big input {
	border: 1px solid #C7C7C7;
	float: left;
	margin-left: 10px;
	text-align: left;
	width: 375px;
	margin-bottom: 4px;
	font-size: 10px;
	margin-top: 4px;
}

div.row-big TEXTAREA {
	border: 1px solid #C7C7C7;
	float: left;
	margin-left: 10px;
	padding: 2px;
	text-align: left;
	width: 375px;
	margin-bottom: 4px;
	font-size: 13px;
	margin-top: 4px;
	color: #000000;
}

div.row-big SELECT {
	border: 1px solid #C7C7C7;
	float: left;
	margin-left: 10px;
	padding: 2px;
	text-align: left;
	width: 375px;
	margin-bottom: 4px;
	font-size: 10px;
	margin-top: 4px;
	color: #000000;
}

div.row-big span.editlabel {
	float: left;
	width: 137px;
	padding: 5px;
	text-align: right;
	padding: 2px;
	clear: left;
	font-weight: bold;
	color: #000000;
}

div.row-big p {
	float: left;
	width: 375px;
	text-align: left;
	margin-left: 10px;
	color: #000000;
}

div.contentArea div.row-big{
		margin-left: 16px;			
	}
	
.marginL08 {
	margin-left: 8px;
	display: inline;
}

.barGraph_left_text {
float : left;
margin-left : 10px;
}

.barGraph_container {
float : left;
width : 120px;
border : 1px solid #cccccc;
margin-left : 2px;
height : 5px;
margin-top : 5px;
margin-right : 2px;
}

.barGraph_main {
background-color : #496fb8;
height : 5px;
overflow : hidden;
}

.barGraph_right_text {
float : left;
}

.workhistory-main-div {
	float: left;
	width: 540px;
	color: #737373;
	margin-top: 05px;
}

.workhistory-main-div a {
	font-weight: bold;
}

.workhistory-main-div span.type {
	margin-right: 10px;
	font-weight: bold;
}

.no-org {
	margin-right: 10px;
	font-style: italic;
}

#page-head {
height : 37px;
}

.header-bg {
height : 58px !important ;
}

a.button {
display : block;
background-position : bottom left;
background-repeat : no-repeat;
text-indent : -9999px;
}
a:hover .button {
background-position : top left;
}

input.button {
border : 1px solid #4b78b2;
color : #fff;
background : #6685b2 url(pbstyle/images/input_button_bg.gif) repeat-x center left;
padding : 1px 5px;
}

.logo {
width : 360px;
height : 37px;
position : absolute;
top : 16px;
left : 0px;
}

#greeting {
margin : 0;
color : #716f6f;
float : right;
padding-top : 4px;
font-weight : bold;
}
#greeting a {
font-weight : normal;
font-size : 10px;
color : #698fbf;
text-decoration : underline;
}
#greeting a:hover {
color : #4870a2;
text-decoration : none;
}

.header-search-box {
margin-top : 8px;
display : inline;
text-align : left;
width : 426px;
}

.search-by {
color : #757575;
border : 0;
}

.header-drop-down {
border : 1px solid #aeaeae;
width : 200px;
float : left;
}

.header-input-text {
padding : 1px !important ;
float : left !important ;
width : 181px !important ;
}

.header-submit-button {
cursor : pointer;
background : url("../images/magnifier.gif");
width : 17px;
height : 17px;
border : none;
}

#search-bar {
height : 36px;
}
.attorneys #search-bar {
background-color : #496fb8;
}
.inventors #search-bar {
background-color : #a0b117;
}

#search-bar a:hover {
text-decoration : none;
}

.action-link {
margin-left : 20px;
margin-top : 2px;
float : left;
}
.action-link a {
cursor : pointer;
}

.color-white {
color : #ffffff;
}

#search-terms {
width : 145px;
border : 1px solid #aeaeae;
padding : 3px;
margin-left : 5px;
}
#footer {
clear : both;
font-size : 10px;
color : #ababab;
border-top : 4px solid;
text-align : right;
}
.attorneys #footer {
border-color : #496fb8;
}
#footer .bar {
height : 32px;
background : #f6f6f6;
}
#footer p {
text-align : right;
margin : 0;
padding-top : 10px;
}
#footer a {
color : #ababab;
text-decoration : underline;
padding : 0 2px;
}
#footer a:hover {
text-decoration : none;
color : #666666;
}
/**
selected prosecutor 
**/
.prosecutorSelected div#prosecutorDiv{
	font-weight:normal;
	color:#ffffff;
	width:132px !important;
	float:left;
	height: 23px !important;
	background-color:#6088BB;
	padding: 0px !important;
}
.prosecutorSelected div#prosecutorDiv span#otprosecutor{
	margin-top:4px;
	float:left;
	color:#ffffff;		
}
.prosecutorSelected div#prosecutorDiv span#otprosecutor{
	margin-top:4px;
	float:left;
	color:#ffffff;		
}
.prosecutorSelected span#prosecutorLeft{	
	background-image: url("images/corner_left.gif") ;
	background-repeat: no-repeat;
	float: left;
	width: 8px;
	height: 23px !important;
	
}
.prosecutorSelected span#prosecutorRight{
	background-image: url("images/corner_right.gif") ;
	background-repeat: no-repeat;
	float: left;
	width: 8px;
	height: 23px !important;
}

#container div#prosecutorDiv{	
	font-weight:normal;	
	width:132px;
	float:left;
	height: 21px;		
}
#container span#prosecutorLeft{	
	float: left;
	width: 8px;
	height: 21px;
	
}
#container span#prosecutorRight{	
	float: left;
	width: 8px;
	height: 21px;
}
#container div#prosecutorDiv span#otprosecutor{
	margin-left:3px;
	float:left;
	margin-top:4px;	
}
.darkBlock {
display : block;
font-size : 1px;
}
.darkContent {
background-color : #D2DFF8;
border-color : #D2DFF8;
display : block;
border-style : solid;
border-width : 0 1px;
}
.dark1 {
background-color : #D2DFF8;
height : 1px;
margin : 0 5px;
display : block;
overflow : hidden;
}
.dark2 {
background-color : #D2DFF8;
border-color : #D2DFF8;
border-style : solid;
border-width : 0 1px;
height : 1px;
margin : 0 3px;
border-width : 0 2px;
display : block;
overflow : hidden;
}
.dark3 {
height : 1px;
margin : 0 2px;
background-color : #D2DFF8;
border-color : #D2DFF8;
border-style : solid;
border-width : 0 1px;
display : block;
overflow : hidden;
}
.dark4 {
height : 2px;
margin : 0 1px;
display : block;
overflow : hidden;
border-style : solid;
border-width : 0 1px;
background-color : #D2DFF8;
border-color : #D2DFF8;
}
.dark5 {
font-size : 1px;
display : block;
overflow : hidden;
height : 1px;
}
.darkContent3 {
background-color : #DBE6FA;
border-color : #CCDBF8;
display : block;
border-style : solid;
border-width : 0 1px;
text-align : left;
font-weight : bold;
margin : 0;
padding-left : 10px;
}