/*******************************************************************************************************************************************************
CSS for common parts of for notaryau.com modelled websites eg patentau.com; trademarkau.com; designsau.com*********************************************
******************************************************************************************************************************************************/

body {
	margin:0;
	padding:0;
	background-color:white;
	font-size:12pt;
	font-family:Arial;
}

* {
    box-sizing: border-box;
}
h1{
	font-weight:600;
	font-size:10pt;
}


h2{
	color:darkgrey;
	font-size:12pt;
	font-weight:600;
}
h3{
	font-weight:600;
	font-size:10pt;
}
h5{
	font-weight:600;
	font-size:10pt;
}
h6{
	color:darkgrey;
	font-size:12pt;
	font-weight:600;
}
h7{
	color:darkgrey;
	font-size:14pt;
}
ul{
	width:320px;
	padding:0px;
	/* background-color:green; */
}

.mainbody{
	margin:auto;
	width:320px;
	padding:0px;
	/* background-color:green; */
}

.mainbody a{
	color:black;
	text-decoration:none;
}
.bookpage{
	width:100%;	
	margin-top:0;
	padding-top:0;

}
a.link1 {
	color:darkgrey;
	font-family:Arial;
	font-size:12pt;
}

a.link2{
	color:white; 
}
a.link3{
	color:black;
	font-weight:800;	
}
/*CSS nav menu style ------------------------------------------------------------------------------*/	 

.headerbackground{
	position:fixed;
	top:0px;
	width:100%;
	height:160px;
	background-color:black;
	z-index: 1;
}
.headerlogo{
	position:fixed;
	padding:0;
	top:0px;
	width:100%;
	height:55px;
	color:white;
	z-index: 2;	

}
.headerlogo1 {
	margin-top:0;
	font-size:14pt;
	position:absolute;
	top:12px;
	height:23px;
	font-weight:700;
}
.headerlogo1A {
	margin-top:0;
	font-size:14pt;
	position:absolute;
	top:35px;
	height:23px;
	font-weight:700;
}

.headerlogo1B {
	margin-top:0;
	font-size:14pt;
	position:absolute;
	top:35px;
	height:23px;
	font-weight:700;
}
.headerlogo1 a{
	color:white;
	text-decoration:none;	
}
.headerlogo1A a{
	color:white;
	text-decoration:none;	
}
.headerlogo2 {
	/* margin-top:0pt;	 */
	font-size:10pt;
	position:absolute;
	top:49px;
	height:17px;
}
.headerlogo2 p {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:-2.5px;
	}
.headerlogo3 {
	/* margin-top:0pt;	 */
	font-size:10pt;
	position:absolute;
	top:72px;
	height:17px;
}
.headerlogo4 {
	/* margin-top:0pt;	 */
	font-size:10pt;
	position:absolute;
	top:95px;
	height:17px;
}
.headerlogo5 {
	/* margin-top:0pt;	 */
	font-size:10pt;
	position:absolute;
	top:118px;
	height:17px;
}
.headerlink {
	style:display:block; 
	color:white;
	}


.headerbutton {
	margin-top:0;
	position:absolute;
	top:35px;
	height:23px;
	font-weight:700;
}
.button {
	background-color: #43b8fcf1; 
	border: none;
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	font-size:10pt;
	width:100%;
	cursor:pointer;
}
.button:hover{	opacity: 0.7;}

.blink {
	text-decoration: blink;
  }

#myImg1:hover{
	opacity: 0.7;
}

 /* modal window styling *************************************************************************** */
/* modal window */
.modal1 {
	display: none;  /* Hidden by default */
	margin:auto;
	width:50%;
	padding:0px;
	position: fixed; /* Stay in place */
	z-index: 100; /* Sit on top */
  /* padding-top: 120px;  */
  /* Location of the box */
	top: 0;
	overflow: scroll; /* Enable scroll if needed */
	background-color: #43b8fcf1; 
}
/* Modal Content (Image) */
.modal1-content {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 700px;
  /* background-color: green; */
}
 
 /* Add Animation - Zoom in the Modal */
.modal1-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close1 {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close1:hover,
.close1:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
 
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal1-content {
    width: 100%;
  }
} 

.myModImg {
	width:210mm;

}
 
/*CSS nav style ------------------------------------------------------------------------------*/	 

.NLogo{
	display: block;
    margin-top:20px;
	margin-left: auto;
    margin-right: auto;
    width: 65%;
}
.NLogo1{
	display: block;
    margin-top:20px;
	margin-left: auto;
    margin-right: auto;
    width: 65%;
}
.OLogo{
	display: block;
    margin-top:20px;
	margin-left: auto;
    margin-right: auto;
    width: 100%;	
}

.AmbBut{
	display: block;
    width: 125px;
}
a:hover{
	background-color:#00a9bc;
}

.P2 p{
	margin-bottom:-15px;
}

.fa.fa-vcard{
	/* font-size:20px;	 */
}

.Map{
	display: block;
    margin:0;
    width: 100%;
}

/*table styles ******************************************************************************************************************** */
table {
	table-layout: fixed;

}
}
.Table {
	width:100%;
  }
td.width90{
	width:90%; 
 }
td.width10{
	width:10%; 
 }
.width50{
	width:50%; 
 }
.width25{
	width:25%; 
 }
.Left {
	text-align: left;
  }
.Right {
	text-align: right;
  }
.TopC {
	/* vertical-align: top;	  */
 }
 
.RowColour{
	bgcolor:black;
}
tr.blue{
	bgcolor:blue;
}

.htext{
	font-weight:600;
}
.ttext{
	font-size:10pt;
}
.RightT {
	text-align: right;
     color: white;
     font-weight: bold;
	 font-size:20px;
     float: right;
     margin-left: 0px;
     padding-right:10px;
	 /* vertical-align:top; */
  }
td.Right{
	 	 vertical-align:top;
 } 
  .co11{
	  width: 65%;
	  }
  .col2{
	  width: 10%;
  }
  .col3{
	  width: 25%;
  }
  
  .col1tA{
	  width: 85%;
	  }
  .col2tA{
	  width: 15%;
  }


/* Style the buttons that are used to open and close the accordion panel */
 .accordion {
	color:white;
	font-weight:700;
	cursor:pointer;
	padding:20px 0 20px 10px;
	max-width:100%;
	text-align:left;
	border:none;
	outline:none;
	transition:0.4s;
}

 .accordion1 {
	color:white;
	font-weight:700;
	/* cursor:pointer; */
	/* padding:20px 0 20px 0px; */
	/* max-width:100%; */
	/* text-align:left; */

	/* border:none; */
	/* outline:none; */
	/* transition:0.4s; */
}
.accordion1-item {
	 font-size:15px;
}
 .accordion1-menu {
	padding-left:10px;
 }
.buttonbook {
	color:white;
	font-weight:700;
	cursor:pointer;
	padding:20px 0 20px 10px;
	max-width:100%;
	text-align:left;
	border:none;
	outline:none;
	transition:0.4s;
}
.ac1{
	background-color:black;	
}

.ac2 {
	/* background-color:#A0A0A0;		 */
	background-color:#98999a;
}

.ac3 {
	background-color:#D8D8D8;		
}

/* Add a background color to the accordion button if it is clicked on (add the .active1 class with JS), and when you move the mouse over it (hover) */
.active1, .accordion:hover, .buttonbook:hover  {
     background-color: #00a9bc;
}
 .accordion:after {
	content: "\25BC";/* unicode character for triangle geo shape pointing down   */
	/* color: white; */
	/* font-weight: bold; */
	font-size:20px;
	float: right;
	margin-left: 0px;
	padding-right:10px;
}

.accordion1:hover .accordion1-item:hover .accordion1-content{
    height: auto;
	color:black;
	background-color: #e6e6e6;	
	width:100%;
	font-size:9pt;
	font-family:Arial;
}

.accordion1-item:hover{
	background-color: #59d0f7;	
}

.accordion1-content .link1{
	font-size:9pt;	
}

.accordion1-content, .accordion1:hover .accordion1-content {
    height: 0;
    overflow: hidden;
    transition: height .25s;
	width:100%;
}

.buttonbook:after {
     content: "\25BA";/* unicode character for triangle geo shape pointing right   */
     color: white;
     font-weight: bold;
	 font-size:20px;
     float: right;
     margin-left: 0px;
     padding-right:10px;
}

.active1:after {
     content: "\25B2";   /* unicode character for triangle geo shape pointing up   */
}

/* Style the accordion panel. Note: hidden by default ie display:none */
.panel {
     display:none;
     overflow:hidden;
     width:100%;
}

.panelc, .panela {
	display:block;
	padding:10px 10px 10px 0;
	background-color:#f1eae8;
	width:100%;	
	text-align:right;
}

#bp1a:target {
	display:block;	
}

/* css for the webform  -------------------------------------------------------------------------------------------*/

input.invalid, textarea.invalid, select.invalid {
	border: 2px solid red;
}
input.valid, textarea.valid, select.valid {
	border: 2px solid #00a9bc;	
}

/* This is the style for our custom error messages */
 .errorI, .error1, .error2, .error3, .error4, .error5, .error6, .error7 {
     width : 100%;
     padding: 10;
     font-size: 65%;
     color: white;
     background-color: red;
     border-radius: 0 0 5px 5px;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .errorI.active, .error1.active, .error2.active, .error3.active, .error4.active, .error5.active, .error6.active , .error7.active{
     padding: 0.5em;
}
.form-style-1 {
	margin:0;
    width:320px;
    padding: 0;
}
.form-style-1 li {
    display: block;
    list-style: none;
    margin: 1vw 0 0 0;
}
.form-style-1 label{
    margin:0;
    display:block;
    font-weight: bold;
}

.form-style-1 input[type=text],.form-style-1 input[type=date], .form-style-1 input[type=datetime], .form-style-1 input[type=number], .form-style-1 input[type=search], .form-style-1 input[type=time], .form-style-1 input[type=url], .form-style-1 input[type=email], .textarea, select{
  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box;
    margin:0px;
	transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.30s ease-in-out;
	
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none; 
}
.form-style-1 input[type=text]:focus,
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus,
.form-style-1 select:focus{
     background-color: lightgrey;
}

.form-style-1 .field-long{
    width: 100%;
	height: 50px;	
}
.form-style-1 .field-select{
    width: 100%;
	height: 50px;	
	outline-color:red;
}

.form-style-1 .field-textarea{
    height: 200px;
	font-family:Arial;
	font-size:10pt;
}
.form-style-1 input[type=submit], .form-style-1 input[type=reset], .form-style-1 input[type=button]{
    background:darkgrey;
	width:100%;
    padding: 2vw;
    border: none;
    color: black;
	min-height:50px;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=reset]:hover, .form-style-1 input[type=button]:hover{
	background: #00a9bc;
    color:white;
	box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.form-style-1 .required{
    color:black;
}

.fax {
display: none;	
}

/*iframe style ------------------------------------------------------------------------------*/	 
.iframe{
/* background-color:red; */
width: 100%; height: 300px;
border:none;
}

/*CSS footer style ------------------------------------------------------------------------------*/	 

.footerbackground{
	display:block;
	padding:10px;
	top:0px;
	width:100%;
	height:210px;
	background-color:lightgrey;
}
.footerlogo{
	margin:auto;
	width:320px;
	height:55px;
	color:white;
	text-decoration:none;
}
.footerlogo1 p{
	font-size:14pt;
	font-weight:700;
	margin-bottom:0;
	padding-left:0;
}
.footerlogo2 p{
	margin:0;
	padding:0;
	font-size:10pt;
	margin-top:0;
}
.footerlogo a{
	color:white;
	text-decoration:none;	
}

.vCard1{
	font-family:Arial;
	font-size:10pt;
}
/*CSS map page style ------------------------------------------------------------------------------*/	 
#spcoloc{
	width:100vw; 
	height:100vh; 
	padding:0; 
	margin:0;
} 
/****************************************************************************************************
*******************custom parts for this website****************************************************
****************************************************************************************************/

.list-group li {
	list-style: none outside url("../Images/minus12x12.png");	
	margin-left:15px;
	padding-left:0;
    margin-top:10px;
}

/* CSS for IP Resources page -------------------------------------------------------------------------------------------*/

.rlTable{
	font-family: arial;
	/* width:100%; */
	font-weight: 780;
}

.rlTable td, th {
	width:320px;
	/* min-width:160px; */
	margin-top:0;
	text-align: left;
	max-width:600px;	
	/* background-color: #dddddd; */
}
.rlTable img{
		width:100%;
		/* min-width:200px; */
		
}
.Table td{
	vertical-align: top;
}

.Left{
	text-align: left;
	/* margin-bottom:30px; */
}
.Right{
	text-align: right;
	width:20%;
}