/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Web APAS :- HTS Name 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#hts_name {
     /* To display HTS names comment out the line below */ 

	/*display: none;*/
    	font-size: 1.25em;
	color: #003466;
    	text-align: center
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Default Item Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* {
  	padding: 0 0 0 0; /* Order: top, right, bottom, left */
 	margin: 0 0 0 0; /* Order: top, right, bottom, left */
}

html, body {
	height: 100%;
    	width: 100%
}

body {
	/*Browser default font size is 16pt. A workable font is 10pt which is 0.625% of this. 
          As IE only understands upto 2 decimal places we need to first reduce to 0.5% (8pt) 
          and then increase the size for the content to 1.25em (10pt). Everything can then be
	  sized sensibly based on this. e.g. 

          10pt = 1em
          12pt = 1.2em
	  16pt = 1.6em
          20pt = 2em
       */

    	font-family: Arial, verdana, Helvetica, sans-serif;
    	font-size:0.5em;
}

#page {
    	width:100%;
	/* Set the font size to 10pt */
	background-color: #F7F9FD;
    	font-size: 1.25em;
    	padding: 0em 0em 0em 0em;
    	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

h1, h2, h3, h4, h5, h6 {
    	font-weight: 900;
}

h1 {
    	font-size: 1em;
}

h2, h3, h4 {
    	font-size: 1em;
    	color: #000000;
    	margin: 0.5em 0em 0.5em 0em; /* Order: top, right, bottom, left */
}

h4 {
    	margin-bottom: 0.1em;
}

h5 {
    	font-size: 1.2em;
}

h6 {
    	font-size: 1.1em;
    	line-height: 1.5em;
    	color: #090;
}

a:link, a:visited {
    	text-decoration: none;
    	color: #C00000;
}

a:hover, a:active {
    	text-decoration: underline;
    	color: #C00000;
}

ul, ol {
    	list-style: none;
}

hr {
   	height:0.2em;
  	color: #9CAAB6;
   	background: #9CAAB6;
   	border: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Error Item Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#errorInfo { 
    	margin: 0em auto 1em auto; /* Order: top, right, bottom, left */
    	width: 50%;
    	text-align: center;
    	color: #C00000;
    	border: #C00000 solid 0.08em; /* border size/colour */
}

.errornormaltxt {
    	font-size: 10pt;
    	color: #C00000;
}
.errorboldtxt {
    	font-weight: bold;
    	font-size: 10pt;
    	color: #C00000;
}

.ErrorClass {
    	color: #000000;
    	background-color: #FFC0C0;
}

.ErrorStyle {
    	color: #000000;
    	background-color: #FFC0C0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Specifiy Header with Logo
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#page_header {
	height: 84px;
	padding: 0em 0em 0em -1em;
    	background-color: #284D93; 
	background-image: url(../images/swift_logo_strip_blue.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: .08em solid #003366; 
}

#page_header H1 {
	font-size: 1.7em;
    	font-weight: Bold;
    	color: #FFFFFF;
	padding: 55px 0em 0px 0em; 
  	margin: 0px 0px 0px 80px;
    	text-align: left;
}

#apas_status {
	color: #FFFFFF;
	float:right;
        font-size: 1.2em;
  	padding: 0em 0em 0em 0em;
  	margin: -10px 0px 0px 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Specifiy Text Header
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
#page_header {
	font-size: 1.25em;
	padding: 0em 0em 0em 0em; 
  	margin: 0em 0em 0em 0em;
	border-bottom: .08em solid #003366; 
}

#page_header H1 {
    	font-size: 2.5em;
    	font-weight: Bold;
    	color: #003466;
    	text-align: left;
	padding: 0em 0em 0em 0em; 
  	margin: .4em 0em 0em .4em;
}

#apas_status {
	position: relative;
  	margin: 0px 0px 0px 0px;
	padding: 0em 0em 0em 0em; 
  	margin: 1em 0em 0em 1em;
}
*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Specifiy Footer
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#page_footer {
	background-color: #284D93;
	font-size: 1.1em;
    	color: #FFFFFF;
    	text-align: center;
	border-top: .08em solid #003366; 
	border-bottom: .08em solid #003366; 
}

a.footerlink:link {
    text-decoration: none;
    color: #FFFFFF;
}

a.footerlink:visited {
    text-decoration: none;
    color: #FFFFFF;
}

a.footerlink:hover {
    text-decoration: underline;
    color: #FFFFFF;
}

a.footerlink:active {
    text-decoration: underline;
    color: #FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  BreadCrumb
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#apas_textlinks {
   	font-size: 1em; /* font weight of text */
   	font-weight: bold; /* font weight of text */
   	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Page Content Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#apas_content {
  	width: 98%;
  	font-size: 1.25em;
  	padding: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
  	margin: 0em 0em 0em 1.5em; /* Order: top, right, bottom, left */
}

#apas_form {
   	position: relative;
  	font-size: 1.25em;
   	margin: 0em 0em 1em 0em; /* Order: top, right, bottom, left */
}

#apas_formNotUsed p {
  	font-size: 0.75em;
  	text-align:justify;
  	padding: 0.5em 0em 0em 0em; /* Order: top, right, bottom, left */
  	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Standard Page Intro Text
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Pre Form Text */
#apas_form_text {
  	position: relative;
  	padding: 0em 0em 0em 0em;
  	margin: 0em 0em 0em 0em;
}

#apas_form_text p {
  	font-size: 0.75em;
  	text-align:justify;
  	padding: 1em 2em 0.5em 0em; /* Order: top, right, bottom, left */
  	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Floating Page Intro Text
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
#apas_form_text {
	position: absolute;
	z-index: 10;
	top: 3em;
	right: 1em;
	float:right;
	margin: 0em 5em 0em 0em; 
	padding: 1em 1em 1em 1em;
	text-align: left;
	border: .08em solid #9CAAB6;
	background-color:#E5E9ED;	
}

IE 5.0 Only
*html #apas_form_text {
	top: -37.2em;
	left: 37em;
}

*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Application Detail Tabs 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#tabs_container {
	width: 90%; /* width */
	border: .08em solid #9CAAB6;
	clear: both;
	background: #FFFFFF;
	padding: 0em 0.5em 0.5em 0.5em; /* Order: top, right, bottom, left */
  	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

#tabContent {
	font-size: 0.85em;
	background: #FFFFFF;
	min-height: 5em;
}

#tabheader {
	position: relative;
	width: 100%;
	height: 3em;
}

#tabheader ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
}

#tabheader ul#primary li  {
	display: inline;
	list-style: none;
}

#tabheader ul#primary a,#tabheader ul#primary span,#tabheader ul#primary a.current {
	display: block;
	float: left;
	padding: 4px 3px;
	margin: 1px 2px 0 0;
	text-align: center;
	font-weight: bold;
	color: #003366; /* font colour */
	font-size: 0.85em;
	text-decoration: none;
}

#tabheader ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
	border: .08em solid #9CAAB6;
	border-bottom: none;
	background: #FFFFFF;
	padding-bottom: 6px;
	margin-top: 0;
}

#tabheader ul#primary a {
	background: #E5E9ED;
	border: .08em solid #AAA;
	border-bottom: none;
}

#tabheader ul#primary a:hover {
	margin-top: 0;
	border-color: #9CAAB6;
	background: #FFFFFF;
	padding-bottom: 6px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Table Content Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.apas_tbl {
	border:#9CAAB6 solid .08em; /* border size/colour */
	background-color:#fffffff;
	vertical-align:top;
	font-size: 0.75em;
	border-collapse: collapse;
}

th.apas_tblHead {
	background-color:#E5E9ED;
	color: #000000;
	border-bottom:#9CAAB6 solid .08em;;
	padding:0em 0.5em 0em 0.5em; /* order: top, right, bottom, left */
	margin: 0em 0em 0em 0em; /* order: top, right, bottom, left */
	text-align:left;
}

.apas_tblHead_button {
  	font-weight: bold; /* font weight of text */
  	margin: 0em 0em 0em -0.7em; /* Order: top, right, bottom, left */
  	padding: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
  	color: #C00000; /* font colour */
  	background: #E5E9ED; /* background colour */
  	border: 0em; /* border size/colour */
}

td.apas_tblContent {
	background-color:#ffffff;
	padding:0em 0.5em 0.3em 0.5em; /* order: top, right, bottom, left */
	margin: 0em 0em 0em 0em; /* order: top, right, bottom, left */
	vertical-align:top;
}

.tbl_submit-button {
  	font-weight: bold; /* font weight of text */
  	font-size: 0.85em; /* font weight of text */
  	margin: 0em auto 0em auto; /* Order: top, right, bottom, left */
  	padding: 0.1em 0.1em 0.1em 0.1em; /* Order: top, right, bottom, left */
  	color: #FFFFFF; /* font colour */
  	background: #003366; /* background colour */
  	border: #9CAAB6 solid 0.08em; /* border size/colour */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Specifiy Form Fieldset Content
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.input-box, .input-select, .input-area , .input-radio, .input-checkbox {
  	margin: 0.1em 0.1em 0em 0em; /* order: top, right, bottom, left */
	padding: 0em 0.1em 0em 0.1em; /* Order: top, right, bottom, left */
  	color: #000000; /* font colour */
  	background: #FFFFFF; /* background colour */
  	border: #9CAAB6 solid .08em; /* border size/colour */
}

.submit-button {
  	font-weight: bold; /* font weight of text */
  	font-size: 0.85em; /* font weight of text */
  	margin: 0.5em auto 0.5em auto; /* Order: top, right, bottom, left */
  	padding: 0.2em 0.5em 0.2em 0.5em; /* Order: top, right, bottom, left */
  	color: #FFFFFF; /* font colour */
  	background: #003366; /* background colour */
  	border: #9CAAB6 solid 0.08em; /* border size/colour */
}

fieldset.apas {
	position: relative;
	-moz-border-radius: 10px; /* Radius for Mozilla */
	background: #FFFFFF;

  	border: #9CAAB6 solid .08em; /* border size/colour */
  	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
  	width: 90%; /* width */
  	font-size: 0.85em; /* font weight of text */
  	padding: 0.4em 0.5em 0.4em 0.5em; /* Order: top, right, bottom, left */
}

/* IE 7. This is a fix to overcome bleeding of the background colour above the legend */
*:first-child+html fieldset.apas {
	background-image: url(../images/FieldsetBG.jpg); background-repeat: no-repeat
}

/* IE 6. This is a fix to overcome bleeding of the background colour above the legend */
*html fieldset.apas {
   	background-image: url(../images/FieldsetBG.jpg); background-repeat: no-repeat
}

legend.apas {
	top:-10px;
	background: #E5E9ED;
	-moz-border-radius: 10px; /* Radius for Mozilla */

  	color: #003366; /* font colour */
  	margin: 0.5em 0em .5em 0em; /* Order: top, right, bottom, left */
  	border: #9CAAB6 solid .08em; /* border size/colour */
  	padding: .08em .5em .08em .5em; /* Internal Padding, Order: top, right, bottom, left */
 	font-weight: bold; /* font weight of text */
}

/* Mandatory Field Specification */
.apas_mandatory	{
  	font-weight: bold; /* font weight of text */
  	color: #000000; /* font colour */
}

/* Form Fieldset Content Text */
#apas_form p.fieldset_content {
  	font-size: 0.9em;
  	padding: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
 	margin: 0em 0em 0em 18em; /* Order: top, right, bottom, left */
}

/* Form Fieldset Data Row Divider*/
#fieldset_data {
  	clear: both;
	padding: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
 	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

/* Form Fieldset Label Definition*/
label.apas {
  	width: 15em; /* width */
  	color: #003366; /* font colour */
  	float: left; /* object justification  */
  	text-align: right; /* justification of text */
  	font-weight: bold; /* font weight of text */
  	margin: 0em 1em 0em 0em; /* order: top, right, bottom, left */
}

/* Form Fieldset Full Width Label */
label.apaswide {
  	width: 54em; /* width */
  	color: #003366; /* font colour */
  	float: left; /* object justification  */
  	text-align: left; /* justification of text */
  	font-weight: bold; /* font weight of text */
  	margin: 0em 1em 0em 0em; /* order: top, right, bottom, left */
}

/* Form Fieldset Data Content */
#apas_form p.fieldset_data {
	text-indent: -3px;
	padding: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
 	margin: 0em 0em 0em 16em; /* Order: top, right, bottom, left */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  JavaScript Date Picker
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.dpDiv {
}

.dpTable {
	border: #003466 1px solid;
        font-size: 14px;
        color: #505050;
        font-family: arial, helvetica, sans-serif;
        background-color: #edebeb;
        text-align: center
}
.dpTR {	
}

.dpTitleTR {	
}

.dpDayTR {
}

.dpTodayButtonTR {
	
}

.dpTD {
	border-right: #c0c0c0 1px solid;
        border-top: #c0c0c0 1px solid;
        border-left: #c0c0c0 1px solid;
        border-bottom: #c0c0c0 1px solid
}

.dpDayHighlightTD {
	border-right: #aaaaaa 1px solid;
        border-top: #aaaaaa 1px solid;
        border-left: #aaaaaa 1px solid;
        border-bottom: #aaaaaa 1px solid;
        background-color: #cccccc
}

.dpTDHover {
	border-right: #888888 1px solid;
	border-top: #888888 1px solid; 
	border-left: #888888 1px solid; 
	cursor: pointer; 
	color: red; 
	border-bottom: #888888 1px solid;
	background-color: #aca998
}

.dpTitleTD {
}

.dpButtonTD {
}

.dpTodayButtonTD {
}

.dpDayTD {
	border-right: #aaaaaa 1px solid;
	border-top: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	color: white;
	border-bottom: #aaaaaa 1px solid;
	background-color: #c0c0c0
}

.dpTitleText {
	font-weight: bold;
	font-size: 12px;
	color: #003466
}

.dpDayHighlight {
	font-weight: bold;
	color: #4060ff
}

.dpButton {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 12px; 
	background: #ffffff;
	padding-bottom: 0px;
	color: gray;
	padding-top: 0px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif
}

.dpTodayButton {
	font-weight: bold;
	font-size: 12px;
	background: #ffffff;
	color: gray;
	font-family: arial, helvetica, sans-serif
}