/*@fa-font-path:   "../font";
@fa-font-path:   "font-awesome-4.0.3/css/font-awesome.css";*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
	outline: 0;
}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px;margin:0;padding:0;font-size: 75%; line-height: 160%;}

button{ cursor:pointer}
.button i{ margin-right:5px}
/* Margins & padding */
* {
	margin: 0px;
	padding: 0px;
}
html {
	margin: 0px;
	padding: 0px;
}
body, h1, h2, h3, h4, h5, h6, form, input {
	margin: 0px;
	padding: 0px;
}
a, a:hover {
	color: #000;
}
a:visited {
	color: #000;
}
hr {
	border: 1px #ccc solid;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}
img {
	border: none;
}
/* Font preferances */
* {/*color: #000;*/
	font-family: Arial, Helvetica, sans-serif;
}
html {
	font-size: 100%; /*font-size: 0.865em;*/
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
body, h1, h2, h3, h4, h5, h6, form, input {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	font-size: 75%; /*font-size: 0.865em;*/
	line-height: 160%;
}
table, td {
	font-size: 100%;
	vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
h1.header {
	font-size: 120%;
}

h3{ color:#3273a3; font-size:125%; margin-left:30px}
h3 select{ font-size:110%}
.text-small {
	font-size: 1.6em;
	letter-spacing: 1px;
}
.text-small {
	font-size: 0.95em ! important;
}
td .text-small {
	font-size: 0.80em ! important;
}
.hide {
	position: absolute;
	left: -1000em;
}
.v {
	visibility: hidden;
}
.s {
	visibility: visible;
}
.text-sub {
	color: #999999;
	font-size: 12px;
}
.text-sub_name {
	color: #000000;
	font-size: 0.957em;
	font-weight: normal;
}
.highlight {
	color: #ff0000 ! important;
}
.ui-state-active .ui-icon {
	BACKGROUND-IMAGE: none
}

.ui-accordion-header-active .ui-state-active .ui-icon {
	BACKGROUND-IMAGE:url(../images/arrow_next_blue.gif)
}

/*-------------- letters ----------------------
.letters {
	display: block;
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.letters a.letter, .letters a.letter:active, .letters a.letter:link, .letters a.letter:visited {
	padding: 4px;
	border-bottom: 1px solid #b0c7e0;
	border-right: 1px solid #b0c7e0;
	border-top: 1px solid #d3e4f6;
	border-left: 1px solid #d3e4f6;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 0px;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	background-color: #a5bed9;
	color: #fff;
	text-shadow: 1px 1px #91abc8;
}
.letters a.letterDisabled, .letters a.letterDisabled:active, .letters a.letteDisabledr:link, .letters a.letterDisabled:visited {
	padding: 4px;
	border: 1px solid #ddd;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 1px;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	background-color: #efefef;
	color: #ccc;
	cursor: default
}
.letters a.letter:hover, .letters a.letter.active {
	background-color: #4b6e95;
	color: #fff;
	border-bottom: 1px solid #b0c7e0;
	border-right: 1px solid #b0c7e0;
	border-top: 1px solid #cbdff3;
	border-left: 1px solid #cbdff3;
}
/*---------------------------------- jtable  --------------------------------*/
.letters{ display:block; width:95%; margin-left:auto; margin-right:auto;}
.letters a.letter, .letters a.letter:active, .letters a.letter:link, .letters a.letter:visited{ padding:4px; border-bottom:1px solid #b0c7e0; border-right:1px solid #b0c7e0; border-top:1px solid #d3e4f6; border-left:1px solid #d3e4f6; font-size:100%; margin-top:10px; margin-left:0px; display:inline-block; text-decoration:none; font-weight:bold;background-color:#a5bed9; color:#fff; /*text-shadow: 1px 1px #91abc8;*/ border-radius:2px;  transition: background-color 0.3s ease 0s;}

.letters a.letterDisabled, .letters a.letterDisabled:active, .letters a.letteDisabled:link, .letters a.letterDisabled:visited{ padding:4px;  border:1px solid #ddd;  font-size:100%; margin-top:10px; margin-left:1px; display:inline-block; text-decoration:none; font-weight:bold;background-color:#efefef; color:#ccc; cursor: default;border-radius:2px }
.letters a.letter:hover, .letters a.letter, .letters a.letter:active, .letters a.letter:link, .letters a.letter:visited{ background-color:#6b8db2; color:#fff;  border-bottom:1px solid #b0c7e0; border-right:1px solid #b0c7e0; border-top:1px solid #cbdff3; border-left:1px solid #cbdff3;border-radius:2px; }    

.letters a.letter.active{ background-color:#f2d15f; color:#000;  border-bottom:1px solid #cbb155; border-right:1px solid #cbb155; border-top:1px solid #d5be6d; border-left:1px solid #d5be6d;border-radius:2px; }  


.letters a.letter:hover{box-shadow: 0px 0px 4px 0px #81c8f5;}
/*---------------------------------- jtable  --------------------------------*/
div.jtable-main-container table.jtable {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px
}
#tabcontent div.jtable-main-container table.jtable {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px
}
.jtable-column-header-text {
	color: #fff;
}
.ui-widget, .jtable {
	font-size: 12px
}
.jtable-data-row {
	background-color: #fff
}
.jtable-data-row:hover {
	background-color: #cfe1f5/*#f9f7de*/
}
th.jtable-column-header-sortable .jtable-column-header-text {
}
tr.jtable-row-selected, tr.jtable-row-selected td {
	background-color: #e2f7c7
}
th.jtable-column-header, div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
	background-color: transparent
}
div.jtable-main-container table.jtable thead th {
 
	background-color: #3273a3;
	text-align: center;
	border: 1px solid #dae4ea;
	font-weight: bold;
	vertical-align: middle;
	background: filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#377cb0', EndColorStr='#29638e');	*/
}


div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
	height: auto
}
.ui-widget-content .ui-state-default.jtable-column-header {
	height: auto;
	line-height: 130%;
}
.jtable-column-header-container { /*padding-right:20px*/
}
div.jtable-main-container table.jtable tbody > tr > td {
	border: none; /*1px solid #efefef;*/
}
div.jtable-main-container table.jtable {
	border: 1px solid #efefef
}
.jtable-bottom-panel {
	background: none;
/*	background-color: #ffffff;
	border: 1px solid #ffffff;*/
	margin-top: 1em;
	display: block
}
.jtable-row-even {
	background-color: #ebebdf;
	border: 1px solid #e1e1cc;
	/*border-right-color: 1px solid #e1e1cc;*/
}
div.jtable-main-container table.jtable tbody>tr>td {
	/*border-right-color: #e1e1cc*/
}
.jtable-data-row.jtable-row-even {
	border: 1px solid #e1e1cc;
	/*border-right-color: 1px solid #e1e1cc;*/
}

/*buttons for popup*/
.jtable-column-header.ui-state-default {BACKGROUND: none;}
table td.buttons {
	text-align: center;
	vertical-align: top
}
/***********************************    tables  *********************************************************/
table.default td {
	padding: 8px;
	table-layout: fixed;
}
table.default th {
	background-image: none;
	vertical-align: middle;
	background-color: #dae4ea
}
table.zebra tr:hover td, table.zebra tr.alt:hover td {
	background-color: #cfe1f5
} /*highlighting the table on hover*/

table tr.vacancy{ border:1px solid #efefef}
table tr.vacancy.alt td {
/*	background-color: #f8f2d4;
	border-bottom: 1px solid #f3ecc3;*/
	text-align: center;
}
table tr.vacancy td {
/*	background-color: #faf7e4;
	border-bottom: 1px solid #f3ecc3;*/
	text-align: center;
}
#vacancy table{ width:500px}
#vacancy table td.num { text-align:left; padding-left:20px;
}
#vacancy table td.vacancyTitle {
	width: 550px; text-align:left; padding-left:210px
}
#vacancy table, #vacancy table td {
	border-collapse: collapse;
	border-spacing: 0px
}
#appointmentsTable {
	margin-bottom: 0px
}
#pa_biography #appointmentsTable .jtable{ width:95%;}
#pa_biography .jtable-bottom-panel{ width:95%; margin-left:auto; margin-right:auto}
#appointmentsTable .jtable{ width:100%;}
#appointmentsTableCurrent th.jtable-column-header,#appointmentsTable th.jtable-column-header{height:20px;
}

#pa_agencyDBProfile .info h2.DBProfileName{ font-size:180% }
#pa_agencyDBProfile #appointmentsTableCurrent .jtable { margin-bottom:0px}
#pa_agencyDBProfile #appointmentsTableCurrent .jtable { margin-bottom:0px}
#pa_agencyDBProfile #vacancy table{ width:606px; border-top:5px solid #d5d5ba}
#pa_agencyDBProfile #appointmentsTable table{ width:606px;}
#pa_agencyDBProfile table td.aptCurrNum{ text-align:left; padding-left:20px}
#pa_agencyDBProfile .buttonBar.top{ margin-bottom:-15px}
/*webkit specific - chrome/ safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#pa_agencyDBProfile .buttonBar.top{ margin-bottom:0px}
}

#pa_agencyDBProfile .buttonBar.top h3{ margin-left:0px}
#pa_agencyDBProfile .buttonBar.top .right .selectBar{ margin-right:0px}

.jtable-column-header-container{ display:block}
.jtable-column-header-container{ display:block}
#appointmentsTable{ width:100%; margin-left:auto; margin-right:auto
}

/***********************************    broadcast Message  *********************************************************/
.broadcastMsg {/*background:url(../images/icon-info.gif) left;background-position:4px 5px;background-repeat:no-repeat;*/
	background-color: #f8f8de;
	border: 1px #dedeb6 solid;
	padding: 10px 0px 10px 25px;
	margin: 10px;
	line-height: 125%;
	color: #000;
	height: 28px;
	overflow: hidden;
	width: 870px
}
.moreBox, broadcastMsg .moreBox {
	background-color: #e3e3b2;
	padding: 3px 1px 1px 10px;
	position: relative;
	top: 17px;
	vertical-align: top;
	margin: auto;
	height: 17px;
	z-index: 99;
	width: 80px;
	float: right
}
a.more:link, a.more:active, a.more:visited {
	background-image: url(../images/xsm_arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: right;
	color: #064581;
	padding-right: 9px;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 100%;
	text-decoration: none;
	display: inline-block;
	text-align: right;
}
a.more:hover {
	text-decoration: underline;
	display: inline-block
}
#msgContainer{ height:30px;width:85%; display:inline-block; background-color:transparent}

table tr td.Listheader, table td.Listheader{ text-align:left; padding-left:15px}
table td.Listheader
table tr td.Listheader.first, table tr th.Listheader.first, table.default th.Listheader.first {
	color: #ffffff;
	text-align: left;
	padding-left: 20px;
	background-image: url(../images/schdHeadBack.gif);
	background-color: #4c84ae;
	font-weight: normal
}
table tr td.Listheader.first h3 .title, table tr td.Listheader.first h3, table tr td.Listheader.first .title {
	font-weight: normal
}
table tr td.Listheader.second, table tr th.Listheader.second, table.default th.Listheader.second {
	color: #ffffff;
	text-align: right;
	padding-right: 10px;
	background-image: url(../images/schdHeadBack.gif);
	background-color: #4c84ae;
	font-weight: normal;
	white-space: nowrap
}
table tr td.Listheader h3 { font-size:100%}
table tr td.Listheader h3 .left {
	float: left;
	vertical-align:middle;
	padding-left: 0px;
	font-weight: normal
}
table tr td.Listheader h3 .left.title{ margin-top:4px; margin-bottom:0px}
table tr td.Listheader h3 select{ font-size:100%}
table tr td.Listheader h3 .right {
	float: right;
	padding-right: 5px;
	font-weight: normal
}
table td.left table {
	width: 600px;
	margin-left: auto;
	margin-right: auto
}
/* List Table  */

.list_table {
	width: 800px;
	border: 1px solid #D7F0F2;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px	
}
.list_table td {
	padding: 8px;
}
.Listheader {
	padding: 5px;
	margin: 0px;
	text-align: left;
	border-top: 1px solid #a4c3e7;
	border-bottom: 2px solid #5a7a9f;
	background-image: url(../images/schdHeadBack.gif);
	background-color: #4c84ae;
}
.Listheader .noItemsFound {
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 12px
}
.Listheader .title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*font-size: 125%;*/
	line-height: 160%;
	color: #fff
}
.Listheader.title{ color:#fff; /*font-size:125%*/ }

/*-------------------------------------------------------- selectBar ---------------------------------------------------*/
.selectBar { float:right; margin-right:40px; margin-bottom:5px; display:inline-block }
/*-------------------------------------------------------- button ---------------------------------------------------*/
.buttonBar {
	text-align: right;
	margin-bottom: 10px;
	width: 100%;
	display: block;
	padding-right: 20px; 
	margin-top:10px
}

.buttonBar .left{ width:48%; text-align:left; padding-left:40px; display:inline-block; float:left;}
.buttonBar .right{ width:40%; text-align:right; display:inline-block}
.left .buttonBar {
	width: 635px;
}
button, a.button, a.button:active, a.button:link, a.button:visited {
	background-color: #f1eeee;
	padding: 3px 5px;
	border: 1px solid #cdc9c9;
	border-radius: 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	background-image: url(../images/buttons/back.gif);
	text-decoration: none
}
button:hover, button:focus, a.button:hover, a.button:focus {
	border: 1px solid #aaa8a8
}
/*.applyNow {
	background-color: #a2cce2;
	padding: 3px 6px;
	border-radius: 15px;
	color: #000;
	display: inline;
	float: right;
	margin-right: 10px;
	box-shadow: 2px 2px 2px #75a9cf;
}
.applyNow a, .applyNow a:link, .applyNow a:active, .applyNow a:visited, .applyNow a:hover {
	text-decoration: none
}
.applyNow a:hover {
0
}*/
/*-------------------------------------------------------- content TABS ---------------------------------------------------*/
#tabs {
	margin-top: 20px;
	background-color: #87b6d9;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	padding: 14px 4px 0px 4px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#tabs ul {
	padding: 0px;
	margin: 0px;
	height: 30px;
	border-bottom: 1px solid #4297d7;
	width: 550px;
	margin-left: auto;
	margin-right: auto
}
#tabs ul li {
	display: inline;
	float: left;
	padding: 5px 20px 5px 20px;
	margin-right: 0px;
	margin-left: 4px;
	margin-top: 6px;
	background-color: #5991bb;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	color: #ffffff;
	font-size: 14px; /*text-shadow: 3px 2px 5px #acc4d3;*/
	height: 14px;
	overflow: hidden;
	behavior: url(/pa/assets/css/PIE1/PIE.htc);
	font-smoothing: antialiased !important;
}
#tabs ul li a, #tabs ul li a:visited, #tabs ul li a:link, #tabs ul li a:active, #tabs ul li a:hover, #tabs ul li a:focus {
	text-decoration: none;
	color: #ffffff; /*text-shadow:2px 2px 3px #acc4d3;*/
	font-family:/*tabFont,Arial Narrow,*/arial, Tahoma, Geneva, sans-serif;
	font-weight: normal;
}
#tabs ul li:hover {
	background-color: #6ca0c7;
	color: #fff
}
#tabs ul li:hover a, #tabs ul li:hover a:link, #tabs ul li:hover a:active, #tabs ul li:hover a:visited {
	color: #fff
}
#tabs ul li.active {
	padding-top: 8px;
	padding-bottom: 12px;
	float: left;
	margin-right: 0px;
	margin-top: 0;
	background-color: #f2f5f8;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#tabs ul li.active a, #tabs ul li.active a:active, #tabs ul li.active a:hover, #tabs ul li.active a:visited {
	color: #eb8809;/*text-shadow:1px 1px 1px #000000;*/
	font-size: 16px;
	font-weight: normal;
}
#tabcontent {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;	
	padding: 20px;
	border: 1px solid #dae4ea;
	background-color: #f2f5f8
}
#tabcontent table.default {
	background-color: #f2f5f8;
	width: 100%
}
#tabcontent .jtable-left-area {
	background-color: #f2f5f8; border:1px solid #f2f5f8;
}
#tabcontent .jtable-bottom-panel,.jtable-bottom-panel {
	border: none; border-top:none; border-bottom:none; border-right:none; border-left:0px
}
#tabcontent .buttonBar {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px
}
/**/
.rightTitle font {
	color: #fff
}
/*-----------------------------------------------    Application Section    ----------------------------------------------*/
/*
.ApplicationSection {
	background-color: #9fc0e5;
	border: 1px solid #87a5c6;
	border-radius: 4px;
	width: 90%;
	margin: 10px auto 20px auto;
}
.ApplicationSection .content {
	padding: 10px;
}
.ApplicationSection .buttonBar {
	text-align: center;
	margin-bottom: 0px;
	width: 100%;
	display: block;
	padding: 10px 0px 3px 0px;
	background-color: #91b0d2;
	border-radius: 4px;
	border-top: 1px solid #b2d3f7
}
.ApplicationSection .buttonBar button {
	border-radius: 3px;
	background-color: #58789b;
	color: #fff;
	background-image: none;
	border: 1px solid #527295;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 20px 3px 20px;
	margin-right: 10px;
	opacity:.8;
}
*/
.ApplicationSection {
	background-color: #fff;
	/*border: 1px solid #efefef;*/
	border-radius: 4px;
	width: 90%;
	margin: 10px auto 20px auto;
}
.ApplicationSection .content {
	padding: 10px;
	border: 1px solid #efefef;
}
.ApplicationSection .buttonBar {
	text-align:center;
	margin-bottom: 0px;
	width: 100%;
	display: block;
	padding: 10px 0px 3px 0px;
	background-color: #fff;
	border-radius: 4px;
	border-top: 1px solid #fff
}
.ApplicationSection .buttonBar button {
	border-radius: 3px;
	/*background-color: #083381;
	color: #fff;
	background-image: none;*/
	border: 1px solid #527295;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 20px 3px 20px;
	margin-right: 10px;
	opacity:.8;
}

.ApplicationSection .buttonBar button:hover, .ApplicationSection .buttonBar button:focus { opacity:1; box-shadow:0px 0px 3px 2px #fff}

button .buttonPrint{
	border-radius: 3px;
	background-color: #58789b;
	color: #fff;
	background-image:url(../images/buttons/RoundIcons-Free-Set-55.png);
	background-repeat:no-repeat;
	background-position: 50% 2%;
	border: 1px solid #527295;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px;
	opacity:.8;
	
	}
button .buttonPrint:focus, button .buttonPrint:hover, a.buttonPrint:hover, a.buttonPrint:focus{ opacity:1; box-shadow:0px 0px 3px 2px #fff}
a.buttonPrint, a.buttonPrint:link, a.buttonPrint:active {border-radius: 3px;
	background-color: #efefef;
	padding:8px 15px 8px 40px;
	border-radius:10px;
	color: #000;
	border: 1px solid #ededed;
	background-image:url(../images/buttons/RoundIcons-Free-Set-55_sm.png);
	background-repeat:no-repeat;
	background-position: 5% 50%;		
	font-size: 115%;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px;
	opacity:1;
	text-decoration:none;
}

a.buttonPrint:hover{ border:1px solid #7faccd}
	
	
	
	
button .buttonApply{
	border-radius: 3px;
	background-color: #58789b;
	color: #fff;
	background-image: none;
	border: 1px solid #527295;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px;
	opacity:.8;
}

button .buttonApply:focus, button .buttonApply:hover, a.buttonApply:hover, a.buttonApply:focus{ opacity:1; box-shadow:0px 0px 3px 2px #fff}
a.buttonApply, a.buttonApply:link, a.buttonApply:active {border-radius: 3px;
	background-color: #efefef;
	padding:8px 15px 8px 40px;
	border-radius:10px;
	color: #000;
	border: 1px solid #ededed;
	background-image:url(../images/buttons/RoundIcons-Free-Set-55_sm.png);	
	background-image:url(../images/buttons/round_computer_sm.png);
	background-repeat:no-repeat;
	background-position: 5% 50%;		
	font-size: 115%;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px;
	opacity:1;
	text-decoration:none;
}

a.buttonApply:hover{border:1px solid #7faccd}

table.zebra tr td button.buttonApply {
	display: inline;
	float: right;
	margin-right: 10px;
}

table.zebra tr:hover td button.buttonApply {
	background-color: #75a9c5;
/*	padding: 3px 6px;
	border-radius: 15px;*/
	display: inline;
	float: right;
	margin-right: 10px;
/*	box-shadow: 2px 2px 2px #75a9cf;*/
}

table.zebra tr:hover td .applyNow {
	background-color: #75a9c5;
	padding: 3px 6px;
	border-radius: 15px;
	display: inline;
	float: right;
	margin-right: 10px;
	box-shadow: 2px 2px 2px #75a9cf;
}

.ApplicationSection button.download,.ApplicationSection button.buttonApply{padding: 3px 20px 3px 3px;}
.ApplicationSection button.download i,.ApplicationSection button.buttonApply i{margin-right:10px; color:#fff;  padding:3px; border-radius:3px}

.applyNowRecuitmentButton{background-color:#93203D; color:#fff; font-size:100%; font-weight:bold; padding:2px 8px 2px 8px;}
/*-------------------------------------------------------- overlay ---------------------------------------------------*/
.ui-widget-overlay {
	background-image: url(../images/overlayTO.png);
	filter: alpha(opacity=90);
	opacity: 0.9;
	background-repeat: repeat
}
/***********************************    fields  *********************************************************/
span.space {
	margin-left: 20px
}
input, select{ background-color:#fff; border:1px solid #5991bb; color:#000; box-shadow:none; padding:4px; border-radius:5px}
#tabcontent input, #tabcontent select{ background-color:#fff; border:1px solid #acc9dd; }
#tabcontent input:focus, #tabcontent select:focus{ background-color:#f8fbfe; border:1px solid #92b0c4;}

input.date {
	width: 75px
}
input.agencyBodyName {
	width: 420px
}
#pa_SearchBodiesAgency input.agencyBodyName {
	width: 96%;
}
#pa_SearchBodiesAgency td.agencyBodyName{ padding-right:0px}
/*-------------------------------------------------------- Application Form ---------------------------------------------------*/


#applicationAccordion.ui-state-disabled{ opacity:1}
#applicationAccordion .innerAccordion{ width: 770px}
#applicationAccordion .innerAccordion.ui-state-disabled{ opacity:1}

#paisApplication input,#paisApplication input.textbox,#paisApplication select,#paisApplication textarea,#paisApplication input.form-control,#paisApplication input[type=date],#paisApplication input[type=file]{ border:1px solid #91bdd9; margin-left:7px;  font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#333; padding:4px; line-height:100%; background-color:#fff; border-radius:5px}
#paisApplication input[type=checkbox]{ border:none}

#paisApplication input.city{ width:420px}
#paisApplication input[type=radio]{ background-color:#fff; border:1px solid #fff;}
#paisApplication .manditory{ color:#930909; font-size:110%; padding:5px 2px 5px 0px; font-family:Verdana, Geneva, sans-serif; font-weight:bold  }

#paisApplication p{ width:100%}
#paisApplication .textTitle{ text-align:right}
#paisApplication input.required,#paisApplication .required,#paisApplication textarea.required,#paisApplication input[type="file"].required{ background-color:#fdfbe0;}

#paisApplication{padding:10px; width:95% }
#paisApplication button{ top:0px; margin:0px 0px 0px 1px; background-color:#1f77ba; color:#fff; padding:5px 10px ; border: 1px solid #95b7e0;cursor:pointer; font-weight:normal; font-size:100%; border-radius:5px; background-image:none;}
#paisApplication button:hover, #paisApplication button:focus{ background-color:#b4d8f3; color:#000}

#paisApplication table.labelTop td{ padding:4px}
#paisApplication h2#onLineInstruction{ font-size:12px}
#paisApplication h1{ color:#db7125; background-color:#fff; border:none; padding:10px; font-size:120%}
#paisApplication h2#onLineInstruction{ font-weight:normal; width: 90%; margin-left:10px}
#paisApplication #onLineInstruction{ font-size:12px; color:#1f6cad; width:95%; margin-left:20px; margin-bottom:10px; margin-top:10px}
#paisApplication #lbStep1 .left{ width:50%; display:inline-block}
#paisApplication #lbStep1 .right{ width:49%; display:inline-block}
#paisApplication #lbStep1 .right h2{ text-align:right}
#paisApplication h2{ margin-left:5%; margin-top:10px; padding:10px; font-weight:bold; font-size:120%; color:#1F5CA0; display:block}
#paisApplication table td{padding:2px }

#paisApplication .sectionContact, #paisApplication #sectionContactPreview{ padding:0px; background-color:#fff; border:1px solid #f2efef; margin-top:0px; width:880px}
#paisApplication .partNumbers, .tabBox #paisApplication .partNumbers, .tabBox #paisApplication .sectionContactPreview{ padding:15px; background-color:#fff; border:1px solid #f2efef; margin-top:0px; width: 850px}
.tabBox #paisApplication .sectionContact .left,.tabBox #paisApplication .sectionContact .right { margin-top:0px}
#paisApplication .partNumbers .left{ width:48%; margin-top:0px}
#paisApplication .partNumbers .right{ width:48%; margin-top:0px}
#paisApplication .partNumbers .right.steps{margin-top:0px}
#paisApplication .sectionContact h2,#paisApplication .partNumbers .right.steps h2{margin-top:0px!important}
#paisApplication .partNumbers .privacy{ width:110px; display:inline-block}
#paisApplication .buttonBar.top.steps{ margin-bottom:10px; width: 900px}
#paisApplication .buttonBar.top.steps .left{width: 250px}
#paisApplication .buttonBar.top.steps .right{width: 600px}

#paisApplication .buttonBar.bottom.steps .left{width: 250px}
#paisApplication .buttonBar.bottom.steps .right{width: 600px}


#paisApplication .privacy { display:block; text-align:right; margin-bottom:20px; width:110px; margin-left:85%; border-radius:3px; padding: 5px 25px 5px 5px; background-image:url(../images/xsmLock.gif); background-repeat:no-repeat; background-position:left}
#paisApplication table{ margin-left:20px}
#paisApplication .sectionContact td.textTitle,  #paisApplication #sectionContactPreview td.textTitle{ font-weight:normal; padding-left:10px; display:inline-block}
#paisApplication .sectionContact h2, #paisApplication #sectionContactPreview h2{ margin-left:10px; margin-top:0px}
#paisApplication .sectionContact .note, #paisApplication #sectionContactPreview .note{ display:inline-block; width:300px; margin-top:10px; margin-left:30px}

#paisApplication table.questionaireResponse td{ padding:10px}
#paisApplication .stepHeading .left{ display:inline-block; width:78%}
#paisApplication .stepHeading .right{ display:inline-block; width:20%; text-align:right}
#paisApplication .stepHeading .left h1{width:100%}
#paisApplication .question-ui{ margin-bottom:0px; margin-top:15px}

#paisApplication .note{
	background-image:url(../images/icons/information2.gif); 
	background-repeat:no-repeat;
	background-position:left;
width:90%;
padding:10px 10px 10px 30px;
line-height:15px;
color: #000000;
display:block;
font-size:100%;
font-weight:normal;
background-color:#f7f6ec;
border:1px #ebeadd solid;
margin-bottom:15px;
border-radius:8px;
margin-left:auto;
margin-right:auto;
}


/*#paisApplication h3.accordion{ display:none}*/
/*review application*/
/*#paisApplication.reviewApplication h3.accordion{ display:block}*/
#paisApplication.reviewApplication h2#lbReview{ margin-left:0px}
#paisApplication.reviewApplication .partNumbers .privacy{ /*width:20%;*/ display:inline-block; float:right; margin-right:10px; margin-top:10px}
#paisApplication.reviewApplication .partNumbers .buttonBar.bottom{ margin-top:10px}
#paisApplication .buttonBar.bottom#onlineApplication .right button.arrowNext{ margin-right:-6px;position: relative;} /* hack just to move in one place for application*/
#paisApplication.reviewApplication .partNumbers button{ background-color:#3e9ccd; margin-right:10px}



#paisApplication.reviewApplication #capcha{ display:block; margin-top:30px; padding-left:20px}
/*Accordion*/
#paisApplication h3.accordion
{ border:1px solid #efefef; padding:5px 10px;
   background-color: #efefef; 
   /*background-image: url(images/fallback-gradient.png);    /* fallback image */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f5f5f5)";   
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fcfcfc));   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-linear-gradient(top, #ffffff, #fcfcfc);    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -moz-linear-gradient(top, #ffffff, #fcfcfc);   /* Firefox 3.6+ */
   background-image: -ms-linear-gradient(top, #ffffff, #fcfcfc);   /* IE 10+ */
   background-image: -o-linear-gradient(top, #ffffff, #fcfcfc);   /* Opera 11.10+ */
}

#paisApplication .tabBox .content h3.accordion
{ border:1px solid #d3dce5; padding:10px 10px;
   background-color: #efefef; 
   /*background-image: url(images/fallback-gradient.png);    /* fallback image */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f5f5f5)";   
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fcfcfc));   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-linear-gradient(top, #ffffff, #fcfcfc);    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -moz-linear-gradient(top, #ffffff, #fcfcfc);   /* Firefox 3.6+ */
   background-image: -ms-linear-gradient(top, #ffffff, #fcfcfc);   /* IE 10+ */
   background-image: -o-linear-gradient(top, #ffffff, #fcfcfc);   /* Opera 11.10+ */
}

#paisApplication.reviewApplication #applicationAccordion h3{ margin-left:20px}
#paisApplication .innerAccordion{ background-color:#fff}
#paisApplication.reviewApplication h3.accordion{ padding-left:30px}
#paisApplication.reviewApplication #applicationAccordion input[type="checkbox"]:disabled,
#paisApplication.reviewApplication #applicationAccordion input[type=checkbox][disabled]
{ background-color:#fff}

#paisApplication .sectionContact{ border:0px}
#paisApplication .buttonBar{ display:block; margin-top:20px; margin-bottom:10px}
#paisApplication .buttonBar .left{ display:inline-block; width:49%; text-align:left}
#paisApplication .buttonBar .right{ display:inline-block; width:49%}
#paisApplication textarea{ width:95%}
#paisApplication table.additionalInfo td.check{ white-space:nowrap}
#paisApplication .charLimit.right, #paisApplication .partNumbers .charLimit.right{ float:right; width:15%; display:inline-block; color:#2a71b4}

.qError input, .qError select, .qError textarea{color:#900; border:1px solid #900!important}/* note only change input field as part 1 is different from rest of application steps- and only has class around the input*/
.qError input[type=radio]{outline: 1px solid #900; border:inherit}
.qError input[type=checkbox]{outline: 1px solid #900; border:inherit}


/*part1 preview - now section contact preview*/

#sectionContactPreview table.contact td{ padding:10px; border:1px solid #efefef}
#sectionContactPreview table td{ padding:10px; border:none}
#sectionContactPreview table td.textInput{ width:250px}
#sectionContactPreview table, #sectionContactPreview h2{width:90%}
#sectionContactPreview div{ margin-left:20px}
#sectionContactPreview div.buttonBar{ margin-left:0px; width:97%}
#sectionContactPreview #homeAddress, #sectionContactPreview #mailAddress{ line-height:150%; margin-left:30px}


/*-------------------------------------------------------- application error page ---------------------------------------------------*/
.manditory{ color:#C00; font-size:120%; margin-right:0px;margin-left:0px}
/*manditory errors*/
ol.error{ list-style:inside; list-style-image:none; margin-left:35px; }
ol.error li{ margin-top:2px; list-style-type:none}
/*non-manditory errors*/
ol.error2{ list-style:inside; list-style-image:none; margin-left:10px; margin-top:10px }
ol.error2 li{ margin-top:5px; list-style-type:disc}
/*----------------------------------  dialog error  ----------*/
.dialog-error{ background-color:#fdfcf2; padding-top:10px; border:1px solid #dfe9f1;/* background-image:url(../images/icon_warning_transparent.gif);*/ background-repeat:no-repeat; margin:20px;}
.dialog-error .dialog-error-text{ margin:10px 10px 0px 60px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#006699;font-size:12px; line-height:30px; display:inline-block}
.dialog-error .buttonBar{ background-color:#e9e9c0; width:98.5%; display:inline-block; padding:5px; text-align:right}
#dialog-error-header{ background-image:url(../images/errorHeader.gif); background-repeat:no-repeat; height:28px; margin:0px; padding:0px}


/*------------------------------- counter ----------------------------------------------*/
.counter{ margin:10px 10px 4px 10px; float:right; font-size:90%; display:inline-block}
.counter .counterNum{ width:35px; border-bottom:1px dotted #ccc; color:#1f77ba; display:inline-block; text-align:center}
.counter .counterNumError{ width:35px; border-bottom:1px dotted #ccc; color:#1f77ba; display:inline-block; text-align:center}
.qLabel{ width:80%; display:inline-block}
#paisApplication .charLimit.right, #paisApplication .partNumbers .charLimit.right{ float:right; width:15%; display:inline-block; color:#2a71b4}

.qBlock .counter{ margin:10px 30px 5px 10px; display:block; font-size:100%}


/*-------------------------------------------------------- confirmation page ---------------------------------------------------*/

#pa_applicationConfirmation{text-align:left; }
#pa_applicationConfirmation .note.confirm{ padding:50px 20px 40px 130px; line-height:150%; margin-top:20px; margin-left:auto; margin-right:auto; width:70%; background-color:#e8f2f9; border:1px solid #d7e8f4; border-radius:5px; background-image:url(../images/confirm.png); background-repeat:no-repeat; background-position:10px 10px}
#pa_applicationConfirmation .confirmationNum{ color:#1E62D2; font-size:120%; font-weight:bold}
#pa_applicationConfirmation .buttonBar{ margin-top:20px; width:700px; }
/*-------------------------------------------------------- jquery dialog ---------------------------------------------------*/
.ui-dialog{ border:1px solid #c2d0da}
 .manditory{margin-right:0px;margin-left:0px}
.ui-widget-content ol.error li .manditory{ color:#C00; font-size:150%; margin-right:5px;margin-left:10px}

/*.ui-widget-content.ui-dialog-titlebar-close .ui-state-default { height:22px;}*/

/*-------------------------------------------------------- progressbar ---------------------------------------------------*/
 .ui-progressbar {
position: relative;
}
.progress-label {
position: absolute;
left: 50%;
top: 10px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
color:#efefef;
}

.ui-progressbar {
	height: 3em;
	text-align: left;
	overflow: hidden;
	border-radius:6px;
	margin-top: 30px;
}
.ui-progressbar .ui-progressbar-value {
	margin: 5px 1px 1px 1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: #0a8acb;
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

ui-dialog .ui-widget-header.ui-progressbar-value,ui-dialog .ui-widget-header, ui-dialog .ui-dialog-titlebar {
	background-image:none;
	background-color: #0a8acb;	
	}
	
.ui-dialog .ui-progressbar .ui-widget-header{ background-color:#0a8acb; background-image:none; background-repeat:no-repeat; background-position:left; color:#fff}	
/*-------------------------------------------------------- screen specific ---------------------------------------------------*/

#content table td.db{ padding-left:0px}
table#list td.db {
	padding-left: 0px
}
table#list td.db .text {
	width: 280px;
	display: inline-block;
	padding-left: 0px;
	float:left
}
table#list td.db a, table#list td.db a:link, table#list td.db a:active, table#list td.db a:visited {
	padding-left: 0px;
}
td.db a,td.db a:link,td.db a:active,td.db a:visited {	padding-left: 8px;}

#pa_SearchBodiesAgency select#decisionBodyTypeCd table .decisionBodyTypeCd {
	width: 75px
}
#tabcontent #decisionBodiesTable div.jtable-main-container table.jtable{ margin-top:0px;border:1px solid #e1e1cc;}
#decisionBodiesTable { vertical-align:top; padding-top:0px; }
#decisionBodiesTable table.jtable td.agencyName { }
#decisionBodiesTable table.jtable td.agencyType{}
#decisionBodiesTable table.jtable td.agencyContact{}
#decisionBodiesTable table.jtable td.agencyEmail{ word-break:break-all}
#decisionBodiesTable table.jtable td.buttons{}
table td.left table#agencyList{ width:650px; margin-right:15px}
table td.left table#agencyList td{ padding-left:20px}
table td.left table#agencyList td.Listheader h3{ margin-left:0px; padding-left:14px}

#pa_agency table td.left table#agencyList td.Listheader h3{padding-left:0px}
table#recentAppointment.list_table.zebra{ margin-bottom:40px; width:650px}
.dates{ vertical-align:middle; padding-top:5px; background-color:#fafcfe}

/*faking i and b*/
/*faking bold and italic*/
#onLineInstruction b{ font-weight:bold}
#onLineInstruction i{ font-style:i}
.textarea b{ font-weight:bold}
.textarea i{ font-style:italic;}
/**/

/* main nav text */
#ss_header #topTabsNav {background-color:#fff; display:inline-block; margin-left:20px; width:700px; font-family:Tahoma, Geneva, sans-serif}
#ss_header ul#topTabsNav li{display:inline-block;display:inline-block; border-bottom:6px solid #b2b2b2; padding-left:2px; padding-right:4px cursor:pointer; width:140px; margin-right:10px; font-size:14px; line-height:26px; padding-top:20px}
#ss_header ul#topTabsNav li:hover{ cursor:pointer}
#ss_header ul#topTabsNav li.living:hover{ border-bottom:6px solid #064e80}
#ss_header ul#topTabsNav li.business:hover{ border-bottom:6px solid #663366}
#ss_header ul#topTabsNav li.visiting:hover{ border-bottom:6px solid #cc9900}
#ss_header ul#topTabsNav li.accessing, #ss_header ul#topTabsNav li.accessing:hover{border-bottom:6px solid #336633}

#subscriptionPA h2 #subscriptionPA h1{display:block; padding:5px; background-color:#4c84ae; margin:0px;  text-align:left; border-top:1px solid #a4c3e7; border-bottom:2px solid #5a7a9f;background-image:url(http://app.toronto.ca/tmmis/assets/images/schdHeadBack.gif); border-left:none; color:#FFFFFF; width:99%; font-size:1.35em}

/*--------  AODA  ----------*/
  .sr-only {
    position: absolute ;
    left: -10000px;
    width: 1px;
    height: 1px;
    top: auto;
    overflow: hidden;
  }