/* DEFAULTS
----------------------------------------------------------*/
html,body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	min-height: 100%;
	margin: 0px;
	background-image: url(../images/main-bg.png);
	background-repeat: repeat-x;
	overflow: hidden;
}

* {
    font-family: PublicSans, Arial, Helvetica, sans-serif !important;
}


@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-Regular.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-Italic.ttf') format('truetype');
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-Light.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-LightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'PublicSans';
    src: url('/lifelink/fonts/PublicSans-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

form, fieldset, legend {
	margin:0px;
	padding:0px;
}

img {
	border: none;
}

a:link,a:active,a:visited {
	color: #003e7e;
}

a:hover {
	color: #e31937;
}

#LifeLink {
	margin: 0px auto;
}

/* clear floats */
.clear-floats {
	clear: both;
}

/* -=-=-=-=-=-=-=-=-=-=- */ 
/*   LfieLink Header     */
/* -=-=-=-=-=-=-=-=-=-=- */
#header {
	height: 55px;
	background-image: url(../images/bg-swish.png);
	background-repeat: no-repeat;
}

/* logo */
#lifelink-logo {
	float: left;
	height:40px;
}

.logo {
	background: url(../images/logo-lifelink.png) no-repeat;	
	width: 209px;
	height: 34px;
	margin-top: 4px;
	margin-left: 8px;
	margin-right: 0px;
}

.eregistry {
	background: url(../images/logo-eregistry.png) no-repeat;
}

.logo a {
	text-indent: -9999em;
	display: block;
	font-weight: bold;
	width: 202px;
	height: 24px;
}

/* Primary Navigation (blue tabs top left) */
#primary-navigation {
	float: left;
	padding-top: 20px;
}

#primary-navigation ul {
	margin: 0px;
	padding: 0px 0px 0px 30px;
	height: 30px;
	list-style: none;
}

#primary-navigation li {
	display: block;
	float: left;
	margin-right: 1px;
	list-style: none;
	padding: 5px 10px 5px 10px;
	background-color: #003e7e;
	cursor: pointer;
}

#primary-navigation li.active {
	display: block;
	float: left;
	margin-right: 1px;
	list-style: none;
	padding: 5px 10px 5px 10px;
	background-color: #002b58;
}

#primary-navigation li.active a {
	color: #fff;
}

#primary-navigation li a {
	color: #d9e9fe;
	text-decoration: none;
}

#primary-navigation li a:hover {
	color: #fff;
	text-decoration: none;
}

#primary-navigation li:hover {
	color: #FFF;
	background-color: #002b58;
}

/* Top right system navigation */
#system-navigation {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	color: #003e7e;
	text-align:right;
}

#system-nav-credentials {
	margin: 0px;
}
#system-nav-credentials span {
	font-weight:bold;
}

#system-navigation ul {
	margin: 0px;
	padding: 0px;
}

#system-navigation li {
	display: inline;
	color: #7196bc;
}

/* -=-=-=-=-=-=-=-=-=-=- */ 
/*        Widgets        */
/* -=-=-=-=-=-=-=-=-=-=- */
#widgets_container {
	width: 222px;
	border: 1px solid #003e7e;
	background-color: #FFF;
	height: 100%;
	margin-left: 8px;
	float: left;
	overflow-y:auto;
}

/* widget header */
#widget-header {
	background-image: url(../images/widget-header-bg.png);
	background-repeat: repeat-x;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #003e7e;
	height: 25px;
}

#widget-header h3 {
	font-size: 12px;
	margin: 0px;
	color: #003e7e;
	padding-top: 5px;
	padding-left: 5px;
	font-weight: bold;
	float: left;
}

.widget-subheader {
	text-decoration: none;
}

#widget-subheader-minimise {
	float: right;
	width: 13px;
	height: 13px;
	background-image: url(../images/widget-subheader-minimise.png);
	margin-right: 5px;
	margin-top: 5px;
}

.widget-subheader-maximise a {
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 13px;
}

#widget-subheader-maximise {
	float: right;
	width: 13px;
	height: 13px;
	background-image: url(../images/widget-subheader-maximise.png);
	margin-right: 5px;
	margin-top: 5px;
}

/* new */
.widget-subheader-item-closed {
	background-image: url(../images/bg-subheader-maximise.png);
	background-repeat: no-repeat;
	background-color: #d6e8ff;
	border-bottom: 1px solid #add1ff;
	width: 211px;
	height: 18px;
	display: block;
	cursor: pointer;
	padding: 5px 0px 0px 10px;
}

.widget-subheader-item-open {
	background-image: url(../images/bg-subheader-minimise.png);
	background-repeat: no-repeat;
	background-color: #d6e8ff;
	border-bottom: 1px solid #add1ff;
	width: 211px;
	height: 18px;
	display: block;
	padding: 5px 0px 0px 10px;
}

.widget-subheader-item-closed a,.widget-subheader-item-open a {
	text-decoration: none;
	float: left;
}

.widget-header-active-icon {
	float: left;
	padding-left: 5px;
}

.widget-header-lock {
	width:19px;
	height:19px;
	float:right;
	margin:3px 5px 0 0;
}
.widget-header-lock a {
	text-indent: -9999em;
	display: block;
	font-weight: bold;
	width: 19px;
	height: 19px;

}
.locked {
		background-image:url(../images/padlock-closed.png);
}
.unlocked {
		background-image:url(../images/padlock-open.png);
}
	
.widget-header-pin-icon a {
	text-indent: -9999px;
	display: block;
	width: 19px;
	height: 19px;
}

/* Active widget's content */
#widget-active-content {
	padding: 0px 10px 10px 10px;
	overflow-y:auto;
}

#widget-active-content h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}

#widget-active-content p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#widget-active-content hr {
	border-top: 1px dashed #CCC;
	border-bottom: none;
}

#widget-active-content h4 {
	background-image:none;
	margin:5px 0 10px 0;
	padding:0;
	font-size:14px;
	float:none;
}

#widget-active-content ul {
	margin:0;
	padding:0;
	list-style:none;
	line-height:18px;
}
#widget_sections ul  {
	margin:0 0 10px 0;	
}

.widgetlink  {
	margin:0 0 3px 0;	
}

#widget-active-content .active_section {
	font-weight:bold;	
}

#widget-active-content span.grey_label {
	color:#999;
}

#widget-active-content .state {
	margin:0 0 5px 0;
	padding:5px;
}
#widget-active-content .state_block {
	margin:0;
	padding:2px 5px;
	display:block;
}
#widget-active-content .complete, #widget-active-content .superseded  { 
	background-color:#efefef;
}
#widget-active-content .incomplete { 
	background-color:#fca21c;
}
#widget-active-content .compliant, #widget-active-content .pending_review, #widget-active-content .registered, #widget-active-content .active{
	background-color:#ceffaa;
}
#widget-active-content .non_compliant, #widget-active-content .cancelled, #widget-active-content .suspended, #widget-active-content .inactive{ 
	background-color:#ffd4d0;
}
#widget-active-content .blank { 
	visibility:hidden;
}
/* widget list item styles */
.widget_list_item_checkbox {
	float:left;
}

.widget_list_item_content {
	float:left;
	margin-left:5px;
}
.widget_list_item {
	margin:5px 0 0 0;
}
.widget_list_item_content_ul {
	margin:0;
}
/* Footer Widget selector */
#footer-widget-selector {
	position: absolute;
	bottom: 0px;
}

.widget {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
}

.widget li {
	background-image: url(../images/widget-bg.png);
	background-repeat: repeat-x;
	border-top: 1px solid #003e7e;
	height: 21px;
	padding-left: 10px;
	padding-top: 10px;
}

.widget-icon {
	margin-top: -9px;
	float: left;
	padding-right: 5px;
}

.widget li a:link,.widget li a:visited,.widget li a:active {
	color: #003e7e;
	font-weight: bold;
	text-decoration: none;
}

.widget li a:hover {
	color: #FFF;
}

/* Footer Widget selector */
#footer-widget-selector {
	position: absolute;
	bottom: 14px;
}

#widget-seperator {
	width: 221px;
	height: 7px;
	background-image: url(../images/widget-seperator.png);
	border-top: 1px solid #003e7e;
}

.widget {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
}

.widget li {
	width: 211px;
	background-image: url(../images/widget-bg.png);
	background-repeat: repeat-x;
	border-top: 1px solid #003e7e;
	height: 21px;
	padding-left: 10px;
	padding-top: 10px;
	color: #F00;
}

.widget li:hover {
	background-image: url(../images/widget-bg-active.png);
	background-repeat: repeat-x;
	color: #FFF;
}

.widget-link {
	text-decoration: none;
}

.widget-icon {
	margin-top: -9px;
	float: left;
	padding-right: 5px;
}

.widget-label {
	padding-left: 30px;
	height: 30px;
}

#content-container {
	float: right;
	width: 746px;
	border: 1px solid #003e7e;
	background-color: #FFF;
	height: 100%;
}

/* new stuff */
.widget-item-inactive {
	height: 24px;
	width: 211px;
	padding-left: 10px;
	background-image: url(../images/widget-bg.png);
	padding-top: 7px;
	font-weight: bold;
	border-top: 1px solid #003e7e;
	display: block;
	cursor: pointer;
}

.widget-item-active {
	height: 24px;
	width: 211px;
	padding-left: 10px;
	background-image: url(../images/widget-bg-active.png);
	padding-top: 7px;
	font-weight: bold;
	border-top: 1px solid #003e7e;
	color: #fff;
	display: block;
	cursor: pointer;
}

.widget-item-inactive:hover {
	color: #fff;
	background-image: url(../images/widget-bg-active.png);
}

.widget-item a:link {
	text-decoration: none;
}

.widget-item-icon {
	float: left;
	margin-top: -5px;
	margin-left: -5px;
	padding-right: 10px;
}

/* -=-=-=-=-=-=-=-=-=-=- */ 
/*       content         */
/* -=-=-=-=-=-=-=-=-=-=- */
#contentpanel {
	border: 1px solid #003e7e;
	background-color: #FFF;
	margin-left: 242px;
	position: absolute;
	left: 0px;
}

#contentpanel.simple{
	margin-left: 0px;
	padding-left: 20px;
	padding-right: 20px;
	top:70px;
	width:100%;
}

#contentpanel .grey_message {
	
	text-align:center;
	padding-bottom: 20px;
	color:grey;
}

#contentheader {
	width: 100%;
	background-image: url(../images/content-header.png);
	background-repeat: repeat-x;
	height: 50px;
}

#scrollablecontent {
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(../images/header-bar-footer.png);
	background-repeat: repeat-x;
}


#contentheader #left-titles {
	float: left;
}

/* End of skeleton */
div.main {
	width: auto;
	margin: 0px;
	padding: 0px;
}

#contentheader div.container {
	padding:10px;
	position:relative;
}

#contentheader h1 {
	position:absolute;
	top:13px;
	left:10px;	
	margin:0;
	padding:0;
	font-size:16px;
	color:#003e7e;
}

#contentheader #actions, #contentheader .actions {
	position:absolute;
	right:7px;
	top:7px;
}

#contentheader #actions_menu select, #contentheader #actions_menu input {
	padding: 2px;
	font-size: 12px;
	width: 150px;
	border: 2px solid #b6cde4;
}

.action_go_button {
	padding: 2px;
	font-size: 12px;
	width: 40px;
	border: 2px solid #b6cde4;
}

#contentheader #actions_menu input {
	width: 40px;
}

/* Main section body */
#scrollablecontent {
	width: auto;
	background: #FFF url(../images/header-bar-footer.png) repeat-x 0 0;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

#scrollablecontent div.container,#scrollablecontent div.containerNoTP {
}

#scrollablecontent div.containerNoTP {
	padding-top: 0px;
}


/* Form layouts */
#scrollablecontent fieldset div.row,#scrollablecontent fieldset div.lastrow,#scrollablecontent #alertfieldset div.row, div.editModeOnlyRow
	{
	width: auto;
	min-height: 25px;
	padding: 5px;
	border-bottom: 1px dotted #CCC;
	margin:0px;
	clear:both;	
}

div.editModeOnlyRow span
	{
	background-color: red;
}

#scrollablecontent fieldset div.rowWithoutBorder
	{
	width: auto;
	min-height: 25px;
	padding: 5px;
	margin:0px;
	clear:both;	
}

#scrollablecontent fieldset div.nonExclusiveLineRow
	{
	display: inline;
	width: auto;
	min-height: 25px;
	padding: 5px;
	margin:0px;
	clear:both;	
}


#scrollabledialog  fieldset div.nonExclusiveLineRow {
	display: inline;
	width: auto;
	min-height: 25px;
	padding: 5px;
	margin:0px;
	clear:both;	
}

#scrollabledialog fieldset div.row
	{
	width: auto;
	min-height: 25px;
	padding: 5px;
	border-bottom: 1px dotted #CCC;
	margin:0px;
	clear:both;	
}

fieldset div.nonExclusiveLineRow label {
	width: 22%;	
}

/* Empty Div */
div.editModeOnlyRow:empty
{
	min-height: 0px;
	border-bottom: 0px;
}

#scrollablecontent fieldset div.lastrow {
	border-bottom: none;
	background-color: #EEE;
}

#scrollablecontent #alertfieldset div.row {
	overflow-x: hidden;
}

.row_poi
{
	width: auto;
	min-height: 25px;
	padding: 5px;
	border:none;
	margin:0 10px;
	clear:both;
}
fieldset {
	border: none;
}

legend {
	display:none;
}

fieldset label {
	display: block;
	float: left;
	width: 30%;
	margin-top: 4px;
	padding-right: 10px;
	text-align: right;
}

fieldset.view,fieldset.view-fold {
	margin-bottom: 5px;
}

fieldset.view label {
	color: #999;
}

fieldset.view legend {
	padding: 10px;
	background-color: #003e7e;
	width: 95%;
}

fieldset.view-fold legend {
	padding: 10px;
	background-color: #d6e8ff;
	width: 95%;
}

fieldset.view-fold legend a {
	color: #003e7e;
}

fieldset.view legend {
	color: #fff;
}

fieldset.view span.left {
	float: left;
	display: block;
	padding: 3px 5px;
}

fieldset input,fieldset select {
	display: block;
	float: left;
}

fieldset input[type=submit],fieldset button {

}

div.leftbutton {
	float: left;
	position: relative;
	left: -80px;
}

div.rightbutton {
	float: left;
	position: relative;
	left: 80px;
}

input[type=text],select {
	border: 2px solid #b6cde4;
	height: 18px;
	width: 200px;
	margin-right: 0px;
}

select {
	height: auto;



}

input.width28px
{
    width: 28px;
    margin-right: 5px;
}

input.width20px {
	width: 20px;
	padding-left: 2px;
	margin-right: 5px;
}
input.width35px {
	width: 35px;
    padding-left: 2px;
	margin-right: 5px;
}

input.width50px {
	width: 50px;
	margin-right: 5px;
}
 
input.width70px{
	width: 70px;
	margin-right: 5px;
}

input.width80px {
	width: 80px;
	margin-right: 5px;
}

input.width90px {
	width: 90px;
	margin-right: 5px;
}

input.width100px {
	width: 100px;
	margin-right: 5px;
}

input.width150px
{
    width: 150px;
    margin-right: 5px;
}

span.tooltip {
	background: url(../images/tooltip.png) no-repeat 100% 50%;
}

div.feedback { /*    display: inline-block;
    display: -moz-inline-box;*/
	display: block;
	float: left;
	background-color: #EEE;
}

/* Error Message */
input.error {
	border-color: #ff0000;
}

div.errorMessage {
	display: inline-block;
	display: -moz-inline-box;
	background-color: #FF0000;
	color: #FFF;
	min-height: 18px;
	padding: 3px 10px;
	margin-left: -5px;
	position: relative;
	left: 0px;
	top: -1px;
}

/* new */

ul.feedbackPanel {
	color: #E4042A;
	font-weight: bold;
	margin-top:5px;
	padding: 0 0 0 35px;
	background: url(../images/error_icon.png) no-repeat left center;
	display: inline-block;
	list-style:none;
}
.feedbackPanelINFO {
    color: green;
}
.feedbackPanelSUCCESS {
    color: green;
}
/* Table layouts */
.table_container {
	margin:0 10px;
}
table.results,div.transactionTotalDue {	
	width:100%;
}

table.results th,table.results td {
	padding: 8px;
	text-align: left;
}

table.results table.history th {
	 background-color:#efefef; 
	 border:0; 
	 margin:0;
}

table.history {
	width:100%;
}

table.history th {
	width:400px;
}

table.results td {
	border-right:2px solid #fff;
}

table.results th,div.transactionTotalDue {
	border-top: 1px solid #b6cde4;
	border-bottom: 1px solid #b6cde4;
	background-color: #dbeaff;
}

table.labelForDropDown {
	width: 100%;
}

td.labelForDropDown {
	width: 31.2%;
	text-align: right;
	padding: 0px 10px 0px 0px;
}
td.highlight {
	font-weight: bold;
	border-top: 1px solid #b6cde4;
	border-bottom: 1px solid #b6cde4;
	background-color: #dbeaff;
}

td.totals {
	font-weight: bold;
	font-size: 16px;
}

.bigger {
	font-weight: bold;
	font-size: 16px;
}

td.totalsLabel {
	text-align: right !important;
}
table.results tr.odd td {
	background-color: #eaf3ff;
}

table tr.selectedRow td {
	background-color: #FFDAB9;
}

table.apfTable th,table.apfTable td {
	padding: 6px;
}

table.apfTable tr.grey {
	background-color: #efefef;
	font-weight: bold;
}

table.apfTable tr.summary_item {
	background-color: #afafaf;
	font-weight: bold;
}

div.pagecontrol {
	padding: 10px 15px;
	margin-top:10px;
	background-color: #efefef;
	border-top:1px solid #CCC;
}
div.pagecontrol div { /*    display: inline-block;
    display: -moz-inline-box;*/
	display: block;
	float: left;
}

div.pagecontrol .pc-spacer {
	padding:0 5px;
	color:#699;
}

.pc-current {
	padding:5px;
	background-color:#CCC;
}

div.pagecontrol .pc-left {
	width: 15%;
	text-align: left;
	font-size:16px;
}

div.pagecontrol .pc-middle {
	width: 69%;
	text-align: center;
}

div.pagecontrol .pc-right {
	width: 15%;
	text-align: right;
	font-size:16px;	
}
div.pagecontrol .pc-right a {
	text-decoration:none;
	margin-left:20px;
}
div.pagecontrol .pc-left a {
	text-decoration:none;
	margin-right:20px;
}

/* View Layouts */
div.field {
	display: inline-block;
	display: -moz-inline-box;
	padding: 15px 5px;
	vertical-align: top;
}

div.field p {
	margin: 0px;
}

div.section .heading {
	border-top: 1px dotted #CCC;
	background-color: #EEE;
}

div.section .heading h3 {
	padding: 10px 8px;
	margin: 0px;
	background: none;
	font-weight: bold;
}

table.noborder td {
	padding: 3px;
	padding-right: 10px;
}

.currentSection,.currentInfo {
	font-weight: bold;
}

/* Generics */
.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

.inline {
	display: inline-block;
	display: -moz-inline-box;
}

.width20 {
	width: 20%;
}

.width70 {
	width: 70%;
}

.left {
	float: left;
}

.right {
	float: right;
}

div.row {
	width: auto;
}

div.submit {
	padding: 10px 15px;
}

/* for expand all panel */
#errors, .errors {
	border:3px solid #F00;
	padding:10px;
}

#confirmation, .confirmation {
	border:3px solid #67b93f;
	padding:10px;
}

#read-only, .read-only, #block, .block {
	border: 3px solid #CCC;
	padding:10px;
	margin:5px 10px;
}
#block, .block {
	border:3px solid #F90;
	padding:10px;
}
#alertmessage, .alertmessage {
	border:3px dashed #F00;
	padding:10px;
	margin:5px 10px;
}

#messages {
	    position: fixed;
        z-index: 6001;
        top: 50px;
        left: 240px;
        right: 10px;
        text-weight: bold;
        font-size: 16px;
        line-height: 1.5;
        overflow: hidden; 
        -webkit-box-shadow: 0 0 5px black;
        -moz-box-shadow:    0 0 5px black;
        box-shadow:         0 0 5px black;
        opacity:0.9;
        filter:alpha(opacity=90); /* For IE8 and earlier */
}
#messages span {
	padding-right: 120px;
}

#messages div {
	padding-right: 50px;
	padding-left: 60px;
}

#complete, .complete {
	border:3px solid #5ccf53;
	padding-bottom: 10px;
    padding-top: 5px;
	
}

#complete {
	background-color: #c0edba;
	position:relative;
	min-height: 38px;
}

#errorMsg {
	border:3px solid #F00;
	padding-bottom: 10px;
    padding-top: 5px;
	background-color: #ec8894;
	position:relative;
	min-height: 38px;
}

.closeButton {
      position: absolute;
      right: 10px;
      text-indent: -9999px;
      background: url(../images/close.png) no-repeat scroll 0 0 transparent;
      height: 48px;
      width: 48px;
      cursor: pointer;
      top:5px;
    }


#aux, .aux {
	border:3px solid #069;
	padding:6px;
	margin:5px;
}

#task, .task {
	border:3px solid #069;
	padding:10px;
	margin:5px 10px;
}


/* For view only forms*/
.viewOnly fieldset label {
	display: block;
	float: left;
	width: 30%;
	margin-top: 4px;
	padding-right: 10px;
	text-align: right;
	color: #777;
}

.viewOnly input {
	width: 30px;
}

.viewOnly input[type=text] {
	border: none;
	height: 18px;
	width: 200px;
	margin-right: 0px;
	font-size: 14px;
}

.viewOnly input.width20px {
	width: 20px;
	margin-right: 5px;
}

.viewOnly input.width35px {
	width: 35px;
	margin-right: 5px;
}

.viewOnly input.width50px {
	width: 50px;
	margin-right: 5px;
}

.viewOnly input.width70px {
	width: 70px;
	margin-right: 5px;
}

.viewOnly span.tooltip { /*    display: inline-block;
    display: -moz-inline-box;*/
	display: block;
	float: left;
	width: 1px;
	height: 1px;
	margin-right: 8px;
}

.viewOnly div.feedback {
	display: inline-block;
	display: -moz-inline-box;
	display: none;
	background-color: #EEE;
}

.viewOnly #tooltip {
	display: inline-block;
	display: -moz-inline-box;
	padding: 3px 10px;
	margin: 0px;
	margin-left: -5px;
	background: #b6cde4;
	border: 1px solid #b6cde4;
	color: #333;
	min-height: 14px;
}

.viewOnly select {
	padding: 2px;
	font-size: 12px;
	width: 205px;
	border: none;
	color: #000;
}

.timeUnit select {
	height: 24px;
	width: 120px;
}

.section-title a {
	color: #FFF;
	text-decoration: none;
	padding-left: 25px;
	float:left;
}

.section-title > div {
	color: #FFF;
	text-decoration: none;
	padding-left: 25px;
	float:left;
}


.section-title-inactive {
	background-image: url(../images/section-title-bg.png);
	background-position: -0px -39px;
	background-color: #d2dff0;
	height: 15px;
	color: #003e7e;
	font-size: 14px;
	padding: 10px;
	clear: both;
}

.section-title-inactive:hover {
	background-image: url(../images/section-title-bg.png);
	background-position: -0px -74px;
}

.section-title-inactive a {
	text-decoration: none;
	padding-left: 25px;
	float:left;
}

.radioChoice label,.viewOnly .radioChoice label {
	float: left;
	width: 30px;
}

/* styles for release notes */
.releasenotes_container {
	width:98%;
	border:1px solid #003e7e;
	background-color:#FFF;
	height:100%;
	margin-left:8px;
	float:left;
	font-size:14px;
}

.releasenotes_container li, ul {
	list-style:square;	
	margin:0 0 0 10px;
	padding:0 0 0 5px;
}

#scrollablecontent h2 {
	background-image:url(../images/bg-title-blank.png);
	background-repeat:repeat-x;
	color:#FFF;
	padding:10px;
	height:19px;
	font-size:16px;
	margin:5px 0px;
}

#scrollablecontent h3 {
	background-image:url(../images/bg-title-blank-h2.png);
	background-repeat:repeat;
	font-weight:bold;
	color:#666;
	padding:10px;
	height:15px;
	font-size:15px;
	margin:5px 0px;
}

#scrollablecontent h4 {
	/*background-image:url(../images/bg-title-blank-h3.png);*/
	background-repeat:repeat-x;
	color:#666;
	padding:10px;
	height:16px;
	font-size:14px;
	font-weight:normal;
	margin:5px 0px;
	border:1px solid #999;
}

.person-item {
	float:left;
	width:150px;
}

.person-item .pDescription {
	padding:0 0 15px 10px;
	
}

.person-item .pTitle {
	color:#999;
	font-size:11px;	
	padding:0px 0 5px 10px;
}

.relationship-container {
	width:150px;
	float:left;
	padding-bottom:10px;
}

.dob-label {
	color:#999;
}


/* PERSON */

.person-details th {
	color:#999;
	font-size:11px;	
	padding:0px 0 0px 10px;
	width:20%;
	font-weight:normal;
}

.person-details td {
	padding:0 0 15px 10px;
	width:20%;
	vertical-align: top;
}

.person-details {
	text-align:left; 
	width:100%;
}

span.personLink {
	margin-left: 100px;
	color:#999;
}

/* END PERSON */


.dob-label {
	color:#999;
}

.issue-m {
	background-image:url(../images/ico-issue-male.png);
	background-repeat:no-repeat;
	padding-left:30px;
	margin-top:5px;
	float:left;
	width:150px;	
}
.issue-f {
	background-image:url(../images/ico-issue-female.png);
	background-repeat:no-repeat;
	padding-left:30px;
	margin-top:5px;
	
}
.parent-m {
	background-image:url(../images/ico-parent-male.png);
	background-repeat:no-repeat;
	padding-left:30px;
	margin-top:5px;
	
}
.parent-f {
	background-image:url(../images/ico-parent-female.png);
	background-repeat:no-repeat;
	padding-left:30px;
	margin-top:5px;
	
}
.sibling-m {
	background-image:url(../images/ico-sibling-male.png);
	background-repeat:no-repeat;
	padding-left:30px;
	margin-top:5px;
	
}
.sibling-f {
	background-image:url(../images/ico-sibling-female.png);
	background-repeat:no-repeat;
	padding-left:30px;
	margin-top:5px;
}

.default-p{
	background-image:url(../images/ico-parent-nogender.png);
	background-repeat:no-repeat;
	padding-left:30px;
	margin-top:5px;
}
.relationship-container {
	float:left;	
	width:175px;
}



/* Login styles */

.login {
       width:351px;
       height:auto;
       border:4px solid #567db0;
       background-color:#fff;
       background-image:url(../images/bg-login.png);
       padding:100px 10px 10px 10px;
       margin-left:auto;
       margin-right:auto;
       margin-top:120px;
}

.login form label {
       float:left;
       text-align:right;
       margin-left:20px;
       width:80px;
       margin-top:10px;
       margin-right:10px;
}

.login-input, input[type=text].login-input {
       padding:5px;
       border:3px solid #b7cde4;
       width:150px;
}
.login-input, input[type=password].login-input {
       padding:5px;
       border:3px solid #b7cde4;
       width:150px;
}
#login-row {
       height:40px;
       padding-top:5px;
       border-bottom:1px dotted #CCC;
}

.login-reset{
    min-height: 250px;
    padding-top: 120px;
}
.password-requirements {
    margin-bottom: 15px;
    border: 1px solid #CCC;
    border-radius: 5px;
    width:320px !important;
    padding: 5px 5px 5px 5px;
    background-color: #daeff5;
    text-align: left !important;
}




/* ----- */




/* Misc added: 20/12/2010 Steve Nash */
.validate-button {
	float:right;
}

#scrollablecontent h5
{
	clear:both;
    width:inherit;
    margin: 0px;
    padding: 10px 10px 0px 30px;
	font-weight:normal;
	font-size:12px;
	color:#666;
	height:25px;
   background: url(../images/content-header-bg.png) no-repeat 10px 0px;
}

/* VIEW mode css */

#scrollablecontent fieldset div.view_row
	{
	width: auto;
	min-height: 25px;
	padding: 5px;
	border-bottom: 1px dotted #CCC;
	margin:0px;
	clear:both;
}
.view_label {
	width:30%;
	float:left;
	text-align:right;
	padding:7px 5px 5px 5px;
	color:black;
}
label .view_label {
	float:none;
	margin:0px;
	padding:0px;
	text-align:right;
}
.view_data, .view_cash_data {
	float:left;
	text-align:left;
	padding:5px 5px 5px 15px;
	font-size:15px;
	display: inline-block;
}

.view_cash_data {
	width: 2em;
}

.apf_floats_right + .view_data, .apf_floats_right + .view_cash_data {
	width: 3em;
}

/* --- */

/* for expand all panel */
/* Updated 20/12 to address space issues */
#right-panel {
	margin:10px 0px 0px 10px;
}

.expand-all, .collapse-all {
	display:none;
}

.expand-all a {
	color:#003e7e;
	text-decoration:none;
}
.expand-all a:hover {
	color:#e31937;
}
.collapse-all a {
	color:#FFF;
	text-decoration:none;
}

h1.error {
	color:orange;
}

#widgets_container .error {
	color:red;	
}

#scrollablecontent hr {
	border:none;
	background-color:#f3f3f3;
	padding:5px;
}

.width200px {
	width:385px;
}

.group {
	border-left:5px solid #CCC;
	margin-bottom:3px;
}
/* group field offset */
.group .row > input[type='text'], .group .row > input[type='checkbox'], .group .row > select, .group .view_row .view_data  {
	margin-left:-4px;
}


.group:hover {
	border-left:5px solid #999;
}

/* ADDED BY NOELENE FAJARDO 31-JAN-2011 */
.check_group {
	margin-left:3em;
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px dotted #CCCCCC;
}
.check_group_button {
	margin-left:3em;
	padding: 0.5em 0 0.5em 0;
}
.added_info{
	margin-left:2em;
}

.label_check{
	/*float:left;*/
	display:inline-block;
	float:left;
	text-align:left;
	margin-top:0.7em;
}

.label_check input[type="text"] {
	float:right;
	margin:-0.6em 0.3em 0 0.3em;
}

.padding5 {
	padding:5px;
}


/*************************************  
	Added by Noelene 9 February 2011 
	Proof of Identity Styling
**************************************/

label {
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

.submit input {
	margin-left: 4.5em;
}

.submitButton {
	padding: 10px 15px;
}

textarea {
	border: 2px solid #b6cde4;
	margin-right: 0px;
}

textarea:focus {
	background-color:#fdffcc;
}

/*************************************  
	Added by Noelene 10 February 2011 
	General UI + Whitespace Issues
**************************************/
#left-titles, #contentheader p {
	font-size:1.3em; /* Increasing the font size of the form heading */
	color:#003e7e; /* Adding colour to the top header to distinguish */
}

#contentheader {
	height:40px; /* Reducing size of the top bar */
}

#scrollablecontent div.container, #scrollablecontent div.containerNoTP {
}

.section-title {
    background-image: url("../images/section-title-bg.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    height: 15px;
	margin:0 0px 3px 0px;
    padding: 10px;
}

.section-title-simple {
    background-image: url("../images/section-title-simple-bg.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    height: 15px;
	margin:0 0px 3px 0px;
    padding: 10px;
}
	
a.css-tooltip {
    border-bottom: none; /* Removing the underline on input field labels */
    min-height: 22px;
}

#expand-all {
	float:right;
	font-size:0.8em; /* Makes the expand all link stick to the right and smaller font size */
}

#expand-all a {
	color:#ffffff; /* Changes the font color to white on a dark blue background */
}

#expand-all a:hover {
	color:#ffffff; /* Changes the font color to white on a dark blue background */
}

.section-title-inactive #expand-all a {
	color:#003E7E; /* Changes the font color to blue on a white background */
}

.section-title-inactive #expand-all a:hover {
	color:#E31937; /* Changes the font color to blue on a white background */
}

#scrollablecontent h5 {
    height: 22px; /* Changes the height of the subheading title areas */
	}
	
.validate {
background:none;
	background:url(../images/icon_validate.png no-repeat);
	color:red;
}

#widgets_container br {
    margin: 0.7em 0;
}

#widgets_container p {
 margin-bottom: 1.5em;
}

#terms_of_service {
	float:right;
	margin:10px;
	font-size:11px;
}
#terms_of_service ul {
	list-style:none;
}
#terms_of_service li {
	display:inline-block;
	float:right;
}

.sort_asc + div {
      width:13px;
      height:13px;
      display:block;
      float:right;
      margin-right:5px; 
      background-image:url(../images/sort_asc.png);
}
.sort_desc + div {
      width:13px;
      height:13px;
      display:block;
      float:right;
      margin-right:5px;
      background-image:url(../images/sort_desc.png);
}

.sort_none + div {
      width:13px;
      height:13px;
      display:block;
      float:right;
      margin-right:5px;
      background-image: none;
}

/* Error messages */
.field_error_display {
	color: #E4042A;
	font-weight: bold;
	padding:0;
	margin:0;
	display: inline-block;
}
.field_error_display p {
	background: url(../images/error_icon.png) no-repeat left center;	
	padding:5px 0 0 35px;
	margin:0px;
}
/* Row highlight */
.active_row {
	background-color:peachpuff;
}

/* user warning panel */
#user-instruction-panel {
	width:400px;
	border:15px solid #EFEFEF;
	font-size:15px;	
	padding-left:20px;
	padding-right:20px;	
	margin-left:auto;
	margin-right:auto;
	margin-top:75px;
}

#user-instruction-panel div {
	padding:10px;
	background-color:#efefef;	
}

input[type="text"]:focus, input[type="checkbox"]:focus, input[type="button"]:focus, select:focus, textarea:focus {
	background-color:#FFC;
}

.keyfilterMessage {
	color:#e4042a;
	font-weight:bold;
	padding:5px 0;
	padding-left:35px;
	background:url(../images/error_icon.png) no-repeat left center;
	display:inline-block;
}

.chequeReaderMessage {
	color: black;
	font-weight:bold;
	padding:5px 0;
	padding-left:10px;
	display:inline-block;
}

.alignRight {
	display: block; */
	text-align: right;
}

.alignCenter {
    display: block;
    text-align: center;
}

.h4_button {
    margin-top:-35px; 
    margin-right:10px;
}

input[type="text"]:hover, input[type="checkbox"]:hover, input[type="button"]:hover, select:hover, textarea:hover {
	border-color:#99b4cf;
}

/* uppercase */
.uppercase {
	text-transform:uppercase;
}
span.capatilise > input[type='text']  {
	text-transform:uppercase;
}

input[disabled='disabled'] {
	background-color:#ccc;
}

/************************
  Wicket Ajax Dropdown
 ************************/
 
div.wicket-aa {
	font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana;
	font-size: 12px;
	background-color: #e6eef5;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: 2px;
	margin: 1px 0 0 0;
	text-align:left;
}

div.wicket-aa ul { list-style:none; padding: 2px; margin:0; }
div.wicket-aa ul li.selected { color: #FFF; background-color: #003e7e; padding: 2px; margin:0; }
div.wicket-aa ul { overflow:hidden; overflow-y:scroll;height:300px; }

.qas_search_box, .qas_loading{
	display: inline-block;
}

.qas_search_box {
	
	background-image: none;
	padding-right: 0px;
  		
}

.qas_loading {
  
  background-image: url('../images/ajax-loader.gif');  
  background-repeat:no-repeat;
  background-position: top right;
  padding-right:20px;
	
}

.h4_row {
	margin:0px !important; 
	padding:0px !important;
}
#marked_list_seperator {
	background-color:#ccc; padding:10px; margin:0px; font-size:18px; color:#666; margin-top:20px;
}

/* Configure Search CSS */
#configure_search {
	border:4px solid #ccc;
	padding:10px;
	margin:10px;
	height:16px;
}
#configure_search div {
	padding:0px;
	margin:0px;
	float:left;
	width:auto;
	text-align:left;	
}
#configure_search label {
	padding:0 50px 0 10px;
	margin:0px;
	float:left;
	width:auto;
	text-align:left;	
}
#configure_search input {
	padding:0px;
	margin:0px;
	float:left;
	width:auto;
	text-align:left;	
}
#configure_search input[type="button"] {
	float:right;	
}

/* added for APF 14/10/2011 */
.asterisk_container {
	width:10px;
	display:inline-block;
}
.no_border {
	border:none;
}
table.results tr.expandable td, table.results tr.footer_bar {
	background-color:#efefef;
	border-top:3px solid #CCC;
}
table.results tr.expanded_content td {
	background-color:#fff;
}
table.results tr.close_expander td {
	border-bottom:3px solid #CCC;
}
table .history {
	border:3px solid #efefef; margin-bottom:3px;
}
table.results td.history_indent {
	 margin:0; padding:0 0 0 40px;
}
table.results td.history_indent p{
margin:0; padding:0;
}
.apf_floats_right {
	margin-left:30px; margin-top:5px; display:inline-block;
}
.apf_floats_total {
	margin-left:110px; margin-top:5px; display:inline-block;
}

.apf_view_data_fixed_width {
	width:54px;
	font-weight:bold;
	margin-top:-3px;
}

/* state changes for APF icon flags - 28/03/2012 */
/*
.state {
	position:relative;
}
.state .paid, .state .printed, .state .dispatched {
	top:2px;
	width:20px;
	height:20px;
	position:absolute;
	background-image:url(../images/apf_icons.png);
	margin-right:2px;	
}
.state .paid {
	right:44px;
}
.state .printed {
	background-position:40px 0;
	right:22px;
}
.state .dispatched {
	background-position:20px 0;
	right:0px;
}
*/

.paid {
	background-image:url(../images/apf_paid.png);
	background-repeat:no-repeat;
}
.paid_printed {
	background-image:url(../images/apf_printed.png);
	background-repeat:no-repeat;
}
.paid_printed_dispatched {
	background-image:url(../images/apf_dispatched.png);
	background-repeat:no-repeat;
}

.alertMessage div {
	word-wrap: break-word;
	max-width:200px;
	min-width:10px;
}

.alertRecipients div {
	word-wrap: break-word;
	max-width:150px;
	min-width:10px;
}

.longTextCol div {
	word-wrap: break-word;
	max-width:700px;
	min-width:50px;
}

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

span.longTextWrapCol 
{
	word-wrap: break-word;
	max-width:600px;
	min-width:50px;
	float:left;
	font-size:15px;
	padding:5px 5px 5px 15px;
}

span.personCardRightColumnFields
{
	width: 500px;
	float: right;
}

.inlineErrorMessage
{
	color:#F00;
	font-weight: bold;
}

.inlineMessage
{
	color:#009900;
	font-weight: bold;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
.ui-datepicker-trigger { padding-left:5px; padding-top: 3px;} 

/* css for cronpicker */
.cron-button {
    height: 16px;
    padding-left: 20px;
    margin-left: 5px;
    background-repeat: no-repeat; 
    background-position: center center; 
    cursor: pointer;
}
.cron-button-save {
    background-image: url('img/disk.png');
}
.cron-changed {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fdd;
}
.cron-controls {
    margin-left: 10px;
    color: #c77;
    font-size: 0.9em;
}
.cron-controls > span.cron-loading {
    background-image: url('img/loading.gif');
}
.cronPicker select {
	width: auto;
	display: inline;
	float: none;
}

.filenoteeditor .labelcontainer {
	
}
.filenoteeditor .valuecontainer {
	float:right;
	width:67.5%;
	padding-right:20px;
}

/* Styles for Max Length plugin v2.0.0 */
.maxlength-full {
	/*background-color: #fee;*/
}
.maxlength-overflow {
	background-color: #fcc;
}
.maxlength-disabled {
	opacity: 0.5;
}
.maxlength-feedback { display: inline-block; width: 7em; margin: 0em 1em; vertical-align: top; }
.keepTogether { display: inline-block; }
#styleLength + .maxlength-feedback { width: auto; margin: 0em 0em 0em 0.5em; vertical-align: bottom; }
#belowLength + .maxlength-feedback { display: block; width: auto; margin-left: 20em; }
#overlaidLength { padding-top: 0.5em; }
#overlaidLength + .maxlength-feedback { position: relative; left: -5.25em; top: 1px; width: 4em; padding-right: 0.25em; color: #fff; background-color: #3c8243; text-align: right; }

#overlaidLength { padding-top: 0.5em; } 
#overlaidLength + .maxlength-feedback { position: relative; 
    left: -5.25em; top: 2px; width: 4em; padding-right: 0.25em; 
    color: #000; background-color: #99b4cf; text-align: right; }
    

/* make Palette (on products or roles) wider */
.row table.palette td.pane select {
	width: 390px;
}

span.palette-theme-default .palette-choices {
	width: 20%;
}

span.palette-theme-default .palette-selected {
	width: 20%;
}

select.tablesorter-filter {
	width:auto;
}

.tablesorter-filter-row td {
	background-color: rgb(223, 223, 223);
}

.defaultaction {
    background-color: #003e7e;
    color: #fff;
    margin-right: 5px;
}