.rtl{direction:rtl;}

#pfsgif{height:30%;width:30%;margin-left:auto;margin-right:auto;}
#frontlogo {text-align:center}
#copyright {text-align:center; font-size:8pt; font-weight:400; color:#bbbbbb;margin-top:10px}

body { 
	font-family: arial, helvetica, sans-serif; font-size: 9pt; font-weight: 400; color:#222;
	margin:9px 9px 0 9px; 
	padding:0; 
	background:#FFF; 
} 
p {font-size: 100%;}

h1 { 
	font-size: 14pt; font-weight: 700; color:#6699dd;
	margin:10px 0px 0px 0px; 
	padding:5px; 
	text-align:left;
	line-height:140%;
}
h2 { 
	font-size: 12pt; font-weight: 700; color:#6699dd;
	margin:10px 0px 0px 0px; 
	padding:0px; 
	text-align:left;
	line-height:140%;
}

td{	padding:5px 10px 5px 0px;}
.nobordlabel{font-size: 9pt; font-weight: 400; color:#777777;}


/* ACCESS CODES DISPLAY */
#accesscodetable{margin-left:20px}
#licencetable{margin-left:20px}
#biogtable{margin-left:30px}
#customfieldstable{margin-left:30px}
#ethnicrow select{width:180px;}
#sexrow select{width:180px;}
#agerow select{width:180px;}
select {background-color: #EEF3F9; font-size: 9pt; font-weight: 400; border:1px solid #B6B6B6;}
select:focus{background-color: #ffffff;}
#accesscodelicencebuttons p {text-align: center}

/* NEW CLIENT AREA */
.hidden{display:none;}
a {color: #000099; cursor: pointer}
.lnkgreen{font-family: verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #3A75AF; text-decoration: none}
.lnkred  {font-family: verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #660000; cursor:pointer}
.licenceeditlnk{font-family: verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #3A75AF; text-decoration: none}
.pointer {cursor: pointer}
.b8link{text-decoration: none; color: #333; }
.white8 {color: #fff;}
.p8 {color: #606;}
.grey8 {color: #555;}
.grey10b {color: #555; font-size:10pt; font-weight:700}
.grey12b {color: #555; font-size:12pt; font-weight:700}
.green8b {color: #070; font-size:8pt; font-weight:700}
.red8 {color: #a00;}
.lightgrey8 {color: #777;}
.blue8 {color: #369c; font-size:8pt; }
.blue8b {color: #369c; font-size:8pt;  font-weight:700;}
.blue10 {color: #369c; font-size:10pt;  font-weight:400;}
.blue10b {color: #369c; font-size:10pt;  font-weight:700;}
.blue12b {color: #369; font-size:12pt; font-weight:700}
.testdiv {display: none}
.returntotestlist {width: 595px; text-align:right; padding-top: 5px; padding-bottom: 20px; }
.testnamelink {font-family: arial, helvetica, sans-serif; font-size: 18pt; font-weight: 700; color:#6699cc; text-decoration: none}
.h1 {font-family: arial, helvetica, sans-serif; font-size: 26pt; font-weight: 700; color:#777;}
.h2 {font-family: arial, helvetica, sans-serif; font-size: 20pt; font-weight: 700; color:#777;}
.clientname {font-family: arial, helvetica, sans-serif; font-size: 18pt; font-weight: 400; color:#777; text-align: center;}

#passwordchange {display:none;}
.normselect {min-width:280px}
#licencelist_outertable {margin-left:20px}

.currentreports_testtable{font-size:8pt;}
.testandreportinfo{font-size:8pt;}


/* DATA ENTRY */
#anothertestbutton   {display:none; width:390px;}
#anotherpersonbutton {display:none; width:390px;}
#dataentryreturnbutton {display:none; width:390px;}

/* CLIENT AREA COMMON ELEMENTS */
.jqueryuimessage {font-family: arial, helvetica, sans-serif; font-size: 9pt; font-weight: 400; color:#000;}
.searchingicon_off {visibility:hidden; }
.searchingicon_on {visibility:visible;}
#searching_icon  {font: .7em Arial,Helvetica,sans-serif;letter-spacing: 0.05em;font-weight: 400; color:#ffffff; margin-left:20px;margin-right:20px;}
#searching_icon2 {font: .7em Arial,Helvetica,sans-serif;letter-spacing: 0.05em;font-weight: 400; color:#ffffff; margin-left:20px;margin-right:20px;}
.helpicon{border: none; cursor: pointer}
#helpicon {width: 690px; text-align:right}






/* LAYOUT */
#container { 
	margin:auto;
	width:640x;
}
.logoclass {
    margin-top: 10px;
	margin-left: 50px;
	background: url("images/client_area_header.jpg") no-repeat scroll left top transparent;	
}
#content { 
	clear:both;
	background-color:#ffffff;
	padding-top:2px;
	padding-bottom:12px;
	padding-right:60px;
	padding-left:60px;
	border-radius: 			4px 4px 4px 4px;
	-moz-border-radius: 	4px 4px 4px 4px;
	-webkit-border-radius: 	4px 4px 4px 4px;
	behavior: url(border-radius.htc);
}
#header { 
	background-color:#38929A;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:20px;
}
.indented-section{
	margin:0px 20px 0px 40px;
}
.centred-section{
	margin:0px 20px 0px 40px;
	margin-left:auto;
	margin-right:auto;
}
#content-inner-container {
	padding:0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	
} 
#cleardiv {clear:right}

/* END LAYOUT */

html body {
    background: #ffffff;
    color: #222222;
}

.errormessage {
	display:none;
	border: 2px solid #bbbbbb;
	border-collapse:collapse;
	padding:20px;
	margin: 20px 0 20px 0;	
	color:#ffffff;
	background-color: #6699cc;
	font-weight: 700; 
	font-size: 11pt;
}

/* INPUT */
input[type="text"]{
    background: none repeat scroll 0 0 #EEF3F9;
    border: 1px solid #B6B6B6;
    font-size: 1em;
    letter-spacing: 0.05em;
    padding: 3px;
}
input[type="text"]:focus{
    background: none repeat scroll 0 0 #ffffff;
}
input[type="password"]{
    background: none repeat scroll 0 0 #EEF3F9;
    border: 1px solid #B6B6B6;
    font-size: 1em;
    letter-spacing: 0.05em;
    padding: 3px;
}
input[type="password"]:focus{
    background: none repeat scroll 0 0 #ffffff;
}
input[type="text"].cleaninput {
	background-color: #EEF3F9;
	font-size: 8pt; font-weight: 400; border:0px;
}
input[type="text"].cleaninput:focus {
	background-color: #ffffff;
	font-size: 8pt; font-weight: 400; border:0px;
}



input[type="button"] {
    background: none repeat scroll 0 0 #6699cc;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
	letter-spacing: 0.025em;
    padding: 6px;	
	border-radius: 			3px 3px 3px 3px;
	-moz-border-radius: 	3px 3px 3px 3px;
	-webkit-border-radius: 	3px 3px 3px 3px;
	behavior: url(border-radius.htc);	
}
input[type="button"]:hover {
    background: none repeat scroll 0 0 #444;
}
input[type="button"].mediumbutton {
    background: none repeat scroll 0 0 #8F8F8F;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.05em;
    font-weight: 400;
    text-align: center;
	letter-spacing: 0.025em;
    padding: 1px;	
}
input[type="button"].mediumbutton:hover {
    background: none repeat scroll 0 0 #444;
}
input[type="button"].mediumbuttonblue {
    background: none repeat scroll 0 0 #6699cc;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.05em;
    font-weight: 400;
    text-align: center;
	letter-spacing: 0.025em;
    padding: 3px 6px 3px 6px;
	margin-bottom:3px;
	border-radius: 			3px 3px 3px 3px;	
	-moz-border-radius: 	3px 3px 3px 3px;
	-webkit-border-radius: 	3px 3px 3px 3px;
	behavior: url(border-radius.htc);
}
input[type="button"].mediumbutton:hover {
    background: none repeat scroll 0 0 #444;
}
input[type="submit"].mediumbuttonblue { 
    background: none repeat scroll 0 0 #6699cc;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.05em;
    font-weight: 400;
    text-align: center;
	letter-spacing: 0.025em;
    padding: 3px 6px 3px 6px;
	border-radius: 			3px 3px 3px 3px;
	-moz-border-radius: 	3px 3px 3px 3px;
	-webkit-border-radius: 	93px 3px 3px 3px;
	behavior: url(border-radius.htc);		
}
input[type="submit"].mediumbuttonblue:hover { /* Added on laptop */
    background: none repeat scroll 0 0 #336699;
}
input[type="button"].smallbutton {
    background: none repeat scroll 0 0 #6699cc;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: .9em;
    font-weight: 400;
    text-align: center;
	letter-spacing: 0.025em;
    padding: 1px;	
}
input[type="button"].smallbutton:hover {
    background: none repeat scroll 0 0 #336699;
}
input[type="button"].lookupbutton {
    background: none repeat scroll 0 0 #6699cc;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: .9em;
    font-weight: 400;
    text-align: center;
	letter-spacing: 0.025em;
    padding: 1px;
	border-radius: 			1px 1px 1px 1px;
	-moz-border-radius: 	1px 1px 1px 1px;
	-webkit-border-radius: 	1px 1px 1px 1px;
	behavior: url(border-radius.htc);
}
input[type="button"].lookupbutton:hover {
    background: none repeat scroll 0 0 #336699;
}

textarea {background-color:#EEF3F9;  border: 1px solid #B6B6B6; font-size: 1em; letter-spacing: 0.05em; padding: 3px;}
textarea:focus{background-color: #ffffff;}

/* ============ */
/* TAB CONTROLS */
/* ============ */
.tab {
	display:none;
	clear:both; margin-top:0px; border:1px solid #bbbbbb; padding:20px 60px 20px 60px; background:#ffffff;
	border-radius: 			6px 6px 6px 6px;
	-moz-border-radius:    	6px 6px 6px 6px;
	-webkit-border-radius: 	6px 6px 6px 6px;
	behavior: url(border-radius.htc);

}
/* =============== */
/* TABLES + GENERAL*/
/* =============== */

.ifcolor {color: #38767E;}
p.width80pc {width:80%;}

#intro_panel {border: 5px solid #3A75AF; padding:12px 60px 12px 40px; margin-top:20px; background:#ffffff; font-weight:700; color:#41848D;}
#intro_panel_80pc {border: 5px solid #3A75AF; padding:12px 60px 12px 40px; margin-top:20px; background:#ffffff; width:80%;font-weight:700; color:#41848D;}
#intro_panel_70pc {border: 5px solid #3A75AF; padding:12px 40px 12px 20px; margin-top:20px; background:#ffffff; width:70%;font-weight:700; color:#41848D;}

.centered_table {margin:auto;}

th{
	background-color: #EEF3F9; /*  Pale blue: #E6F2FF*/
	text-align:center;
	padding:3px;
	font-size: 9pt; font-weight: 700; color:#333;
	border: 1px solid #3A75AF; border-bottom: 2px solid #ffffff;
}
th.first{
	background-color: #EEF3F9; /*  Pale blue: #E6F2FF*/
	text-align:center;
	padding:5px;
	font-size: 9pt; font-weight: 700; color:#333;
	border: 1px solid #3A75AF; border-bottom: 2px solid #ffffff;
	
}
table, td{
	border: 1px solid #3A75AF;
	border-collapse:collapse;
	padding:5px;
	font: 1em Arial,Helvetica,sans-serif;
	background-color: #EEF3F9;
}
table.plain,td.plain{
	border: 1px solid #bbbbbb;
	border-collapse:collapse;
	padding:5px;
	background-color: #ffffff;
}
table.plainnobord,td.plainnobord{
	border: 0px solid #bbbbbb;
	border-collapse:collapse;
	padding:5px;
	background-color: #ffffff;
}


#clientdetails td {
	border: 0px solid #bbbbbb;
	border-collapse:collapse;
	padding:5px;
	background-color: #ffffff;
}
#clientdetails table {
	border: 0px solid #bbbbbb;
	border-collapse:collapse;
	padding:5px;
	background-color: #ffffff;
}
#licencelist td {
	border: 1px solid #bbbbbb;
	border-collapse:collapse;
	padding:2px;
	padding-left:8px;
	
	background-color: #ffffff;
	font-size:8pt;
}
#licencelist table {
	border: 0px solid #bbbbbb;
	border-collapse:collapse;
	padding:2px;
	background-color: #ffffff;
}



#clientlist{
	font-size:8pt;
}
table.nobord,td.nobord{
	border: 0px solid #bbbbbb;
	border-collapse:collapse;
	padding:5px;
	background-color: #EEF3F9;
}
td.mainmenulink{
	border: 1px solid #bbbbbb;
	border-collapse:collapse;
	padding:5px;
	background-color: #ffffff;
}
td.mainmenugroup{
	border: 1px solid #bbbbbb;
	border-collapse:collapse;
	padding:5px;
	background-color: #6699cc;
}
table.linklist, td.linklist {
	border: 0px solid #bbbbbb;
	border-collapse:collapse;
	padding:1px; background-color: #ffffff;
}
table.nobordc,td.nobordc,td.nobordlabelc{
	border: 0px solid #bbbbbb;
	border-collapse:collapse;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
}
td.nobordlabel{
	color:#38767E;
}
td.hrow{
	background-color:#ccddff;
	background-color: #D8D758; /* mustard */
	text-align:center;
}
td.menu{
    background: url("images/bg_subnav.gif") repeat-x scroll left top transparent;
	background-color:#D8D758;
    border-bottom: 1px solid #87855E;
	border-left: 0px solid #ffffff;
    color: #343233;
}
td.menubreak {border-left:0px; border-right:0px; background: #3A75AF;}

#menutable {border-left:0px; border-right:0px; box-shadow:none}
#enterdatakeytable { box-shadow:none}
#menuimage {float:right;}
#mainmenudiv {border: 4px solid #37929a;width:290px}

td.menu:hover{
    background: url("images/bg_subnav_hover.gif") no-repeat scroll 10px 22px #BEBD00;
    text-decoration: none;
	cursor:pointer;
}
td.cleaninput{
	background-color:#EEF3F9;
}
td.cleaninputlabel{
	text-align:left;
	color:#38767E;
	background-color:#ffffff;
}
td.cleaninputlabelcenter{
	text-align:center;
	color:#38767E;
}
a.liclink{font-size: 10pt; color: #F16905; font-weight:700; text-decoration: none; margin-bottom:5px}