/* CSS Document */

/* --- Addtional Card and Waiting Text --*/

	.dynaaddcard{
		/*background:white url('/ngaccsg/ccsg/apply/apply_new/images/CCSG_Blue.gif') no-repeat;*/
		text-transform: uppercase; 
		font-family: courier, new courier;
		padding-right: 5px; 
		display: block; 
		padding-left: 5px; 
		font-size: 15px; 
		padding-bottom: 5px; 
/*		margin: -10px 40px -150px 20px; */
		text-transform: uppercase; 
		color: black; 
		font-family: courier, new courier;
		text-shadow: black 3px 3px 2px;
		width:190px; height:120px
	 }

		#waiting 
		{ 
		text-align: center; 
		padding: 30px; 
		width: 576px; 
		margin-left: auto;
		margin-right: auto;
		font-family: arial, sans-serif;
		font-size: 15px;
		color:#0066b5;
		}

		#waitinghide
		{
		 display:none;
		}

		div.hr {
		  height: 0.5px;
		  border-top:1px solid #e4e1d5;
		  border-bottom:1px solid white;

		}



body {
	color: #333333;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #eaddbd;
	background-image: url(../Homes/images/Black_Bar_Back.gif);
	background-repeat: repeat-x;
	line-height: 1.6em;
	min-width:1000px;
	width:auto !important; /* for modern browsers */
	width:1000px; /* for IE5.x and IE6 */
	padding: 0;
	margin:0;
	margin-top:0px;
	font-family:Arial, Helvetica Neue, Sans-Serif;
	font-size:62.5%;
}


#container {
	background-image: url(../images/top_bar_span.gif);
	background-repeat: repeat-x;
	height: 371px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#header {
	height: 118px;
	width: 906px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/bk_header.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#tour {
	height: 239px;
	width: 906px;
	margin-top: 14px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/Home_Tour_bk.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#tour-btn {
	width: 203px;
	height: 48px;
	position: absolute;
	top: 141px;
	left: 659px;
}

#news {
	background-color: #FFFFFF;
	width: 906px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

.columns {
	padding: 29px;
	display: table;
}

#column3 {
	background-color: #FFFFFF;
	width: 906px;
	margin-top: 14px;
	margin-right: auto;
	margin-left: auto;
}

#column2 {
	background-color: #FFFFFF;
	width: 906px;
	margin-top: 14px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bk_2column.gif);
	background-repeat: repeat-y;
	clear: both;
	display: table;
	background-position: left top;
}

.content {
	float: left;
	width: 548px;
	padding-top: 29px;
	padding-right: 0px;
	padding-bottom: 29px;
	padding-left: 29px;
	display: table-cell;
}

.Box-lft {
	float: left;
	width: 242px;
	padding-right: 30px;
}

#news-dash {
	width: 574px;
	background-image: url(../images/bk_news_dashed.gif);
	background-repeat: repeat-y;
	float: right;
}

.Box-ctr {
	width: 242px;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
}

.Box-rht {
	float: right;
	width: 242px;
	padding-left: 30px;
}

#footer {
	width: 906px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: right;
	padding-bottom: 20px;
}

.pop-out {
	float: right;
	margin-bottom: 8px;
	margin-left: 12px;
	width: 296px;
}

.pop-out2 {
	float: right;
	margin-bottom: 8px;
	margin-left: 12px;
	width: 225px;
	background-color: #541509;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

.pop-text {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.75em;
	font-weight: bold;
	color: #AD9255;
	line-height: 1.5em;
	margin-top: 12px;
	padding-top: 0px;
}

.pop-text2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-weight: normal;
	color: #5A0000;
	line-height: 1.5em;
	margin-top: 0px;
	padding-top: 0px;
}

.Headline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.25em;
	font-weight: bold;
	color: #993300;
	line-height: 1.25em;
	margin-top: 0px;
	padding-top: 0px;
}

.Headline_Large {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.8em;
	font-weight: bold;
	color: #993300;
	line-height: 1.25em;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* ----- MAIN CONTENT ----- */



#content { 
width:606px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
margin-top:0px;
float: left;
}



/* ----- FOOTER ----- */




/* -----APP SPECIFIC ----*/
p {
	padding: 0;
	margin: 1em;
}
input {
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	
}
a{
	color:#387aad;
	text-decoration:underline;
}

sup a{
	text-decoration:none;
}

.benefitTitle{
	color:#c97c23;
	font-size:1.6em;
	font-weight: bold;
}

.benefitSubtitle{
	font-style: normal;
	font-size:1.3em;
	color:#1c4577;
	font-weight:bold;
}

#accordianContainer{
	width:260px;
	background-color:#fff;
}

#accordianContainer h2{
	margin:0px 0px 4px 5px; 
	padding-top:0px;
	color: #1c4577;
	font-size:1.2em;
}


#accordianFooter{
	background-color:#f1f1f1;
	font-size:6px;
	width:260px;
	height:1.0em;
}

h3.toggler {
	margin:0px 0px 0px 0px;
	min-height:20px;
	height:auto !important; /* for modern browsers */
	height:20px; /* for IE5.x and IE6 */
	padding-top:4px;
	border-bottom:2px solid white;
	width:260px;
	background-color:#ededed;
	font-size:1.2em;
	background-image: url(/ngaccsg/ccsg/apply/apply_new/images/accordian-arrow.gif);
	background-position: 4px 4px;
	background-repeat:no-repeat;
	text-decoration:none;
}

h3.toggler a{
	text-transform:uppercase;
	text-decoration:none;
	
	background-repeat:no-repeat;
	padding-left:15px;
	margin-left:5px;
}


.accordian h5{
	margin:6px;
	padding:0;
	font-style:normal;
	font-weight:bold;
	font-size:1.2em;
	background-color:#fff
}

.accordian ul{
	margin:6px 6px 10px 6px;
	padding:0;
}

.accordian p{
	margin:6px;
	padding-bottom:1.0em;
}


#mainForm{
	float: left;
	width:100%;
	/*border-left:2px solid #e5e2d5;
	border-right:2px solid #e5e2d5;*/
	border-bottom:2px solid #e5e2d5;
	background-color:#f8f5ec;
	margin-top:0;
}

#smallPrint{
	float:left;
	margin-top:30px;
	width:100%;
	font-size:1.5em;
}

#cardHeader{
	width:590px;
	background-color:#f1e2bc;
	margin:0px;
	padding:5px 8px 5px 8px;
	min-height:1.8em;
	height:auto !important; /* for modern browsers */
	height:1.8em; /* for IE5.x and IE6 */
	border-bottom:1px solid #e4e1d5;
	color: #610A00;
}

.dividerQ input{
	margin-top:4px;
	margin-left:10px;
}

.radio{
	margin:0px 3px 0px 0px !important;
	border:0 !important;
	border-color: #B4D8E9;
}

.radioLabel{
	clear:none !important;
	width:auto !important;
	display:inline !important;
	float:none !important;
	padding-right: 10px;
	padding-bottom:5px !important;

}

.spacer{ 
	font-size:0.2em;
	
}



.headerLabel{
	margin: 0 30px 0 10px;
}

.padlock{
	background-image:url(/ngaccsg/ccsg/apply/apply_new/images/lock.gif);
	background-repeat:no-repeat;
	color:#c87b22;
	font-weight:bold;
	margin-left:10px;
	padding-left:20px;
	height:2.0em;
}

.daPrint{
	background-image:url(../images/printer.gif);
	background-repeat:no-repeat;
	color:#7E1F0E;
	font-weight:bold;
	margin-left:10px;
	padding-left:20px;
	height:2em;
}
.cardTitle{
	color:#000;
	text-transform:uppercase;
	font-size:1.28em;
	font-weight:bold;
	float:left;
	margin-top: 3px;
}

.subTitle{
	color:#000;
	float:right;
	font-size:1.1em;
	padding:4px;
	vertical-align:bottom;
}

.dividerQ{
	width:594px;
	margin:0;
	padding:8px 6px 6px 6px;
	min-height:2em; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height: 2em; /* for IE5.x and IE6 */
	font-size:1.25em;
	background-color:#fffff7;
	border-bottom:1px solid white;
}

.fieldGroup{
	background:#f8f5ec;
	float:left;
	width:566px;
	border-top:1px solid #e4e1d5;
	font-size:1.1em;
	clear: left;
	padding: 5px 20px 5px 20px;
	margin: 0 0 10px 0;
	border-bottom:1px solid white;
}

.wrapper {
	border-right: #000 1px solid; 
	border-top: #000 1px solid; 
	border-bottom: #000 1px solid; 
	border-left: #000 1px solid; 
	margin-bottom:-4px;
	margin-right:0px;
	padding-right: 8px; 
	padding-left: 8px; 
	left: -7px; 
	padding-bottom: 8px; 
	padding-top: 4em; 
	position: relative; 
	top: -8px; 	
	background-color: white
}

.rolloverwrapper {
	border-right: #000 1px solid; 
	padding-right: 8px; 
	border-top: #000 1px solid; 
	padding-left: 8px; 
	left: -7px; 
	margin-bottom: -4px; 
	padding-bottom: 8px; 
	border-left: #000 1px solid; 
	margin-right: -3px; 
	padding-top: 1em;
	border-bottom: #000 1px solid; 
	position: relative; 
	top: -8px; 
	background-color: white
}


.questionFieldGroup{
	border-bottom:none;
}

.expandFieldGroup{
	background:#f8f5ec;
	float:left;
	width:558px;
	font-size:1.1em;
	clear: left;
	padding: 5px 20px 5px 20px;
	margin: 0;
	border-bottom:1px solid white;
}

.spacer{
	width:100px;
	font-size:0.6em;
}

.fieldGroup label, .expandFieldGroup label{
	display:block;
	float:left;
	clear:left;
	width:138px;
	padding-top:3px;
}



.standard {
	width:125px;
}



.standardSelect {
	width:125px;
	font-size:0.9em;
}

.small{
	width:2.4em;
}

.fieldGroup input, .expandFieldGroup input{
	border: 1px solid #d2d0c3;
	margin-bottom:0.5em;
	margin-top:0.1em;
	height:1.2em;
	border-color: #E4E1D5;
}

.fieldGroup select, .expandFieldGroup select{
	border: 1px solid #d2d0c3;
	margin-bottom:0.3em;
	margin-top:0.1em;
	height:1.9em;
	border-color: #E4E1D5;
}

input:focus, select:focus{
	border: 1px solid black;
}

.reviewItem{
	margin-top:0.1em;
	margin-bottom:0.5em;
	padding-top:0em;
	height:1.2em;
	font-size:1.2em;
	float:left;
	color:brown;
	overflow: visible;
	margin-right:1.0em;
}

.reviewStandard{
	width:127px;
}

.eip_over{
	background-color:yellow;
}

.leftFieldGroup {
	width: 47%;
	float: left;
	margin: 2% 1%;
	
}
.rightFieldGroup {
	width: 47%;
	float: left;
	margin: 2% 1%;
}

br{
	padding: 0;
	margin: 0;
}
#decwrapper {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 10px;
}
.declaration{
	font-size:1.1em;
	width: 95%;
	margin-top:10px;
	margin-bottom:10px;
	margin-left: auto;
	margin-right: auto;
	background-color:#E4E1D5;
	color: #000000;
	padding: 8px;
}

#actionButton{
	margin:5px 0 5px 380px;
	border:0;
	height:auto !important;
	position:absolute;
}


.input{
	z-index:100;
}

#nameOnCard{
	color:white;
	font-size:15px;
	font-family:courier, new courier;
	text-transform:uppercase;
	position:absolute;
	left:50px;
	top:230px;
	text-shadow: #000 3px 3px 2px;
}


/* CONTEXT HELP */
.context-help{
	color:#000;
	font-family:Arial, Hevetica Neue, Sans-Serif;
	font-size:0.9em;
	background-color:#fff;
}

.context-error{
	color:#f00;
	font-family:Arial, Hevetica Neue, Sans-Serif;
	font-size:0.9em;
	font-weight:bold;
}

.context-box span{
	font-size:1.1em;
}


.context-box{
	z-index:110;
	background: url(/ngaccsg/ccsg/apply/apply_new/images/lowerleftfade.png) left bottom no-repeat;
}

.corner{
	background: url(/ngaccsg/ccsg/apply/apply_new/images/upperrightfade.png) right top no-repeat;
	padding-left:8px;
	padding-top:8px;
}

.shadow{
	background: url(/ngaccsg/ccsg/apply/apply_new/images/shadow.png) bottom right;
}

.wrapper{
	left:-8px;
	top:-8px;
	position:relative;
	background-color:white;
	border: 1px solid #000;
	padding:4em 8px 8px 8px;
}

.wrapper-error{
	border: 1px solid #000;
}

label{
	position:relative;
}

fieldset{
	border:0;
	padding:0;
	margin:0;
}

#fieldset1{
	border:0;
	padding:0;
	margin:0;
	float:left;
}



input{
	z-index:100;
	position:relative;
	border: 1px solid #000;
}

.validation-passed{
	color:black;
	border:1px solid green;
}

.validation-failed{
	color:red;
	border:1px solid red !important;
}

/* NOC */
.noc-text{
	color:white;
	font-size:15px;
	font-family:courier, new courier;
	text-transform:uppercase;
	text-shadow: #000 3px 3px 2px;
}

.noc-business{
	color:white;
	font-size:13px;
	font-family:courier, new courier;
	text-transform:uppercase;
	text-shadow: #000 3px 3px 2px;
}

/* ROUNDED CORNERS */

.cb{
	margin: 0.5em 0;
	float:left;
}

.bt{
	background: url(/ngaccsg/ccsg/apply/apply_new/images/box.png) no-repeat 100% 0;
	margin: 0 0 0 18px;
	height: 17px;
}

.bt div{
	height:17px;
	width:18px;
	position:relative;
	left: -18px;
	background: url(/ngaccsg/ccsg/apply/apply_new/images/box.png) no-repeat 0 0;
}

.bb{
	background:url(/ngaccsg/ccsg/apply/apply_new/images/box.png) no-repeat 100% 100%;
	margin: 0 0 0 12px;
	padding:0;
	height: 14px;
	float:left;
	width:97%;
}

.bb div{
	height:14px;
	width:12px;
	position:relative;
	left: -12px;
	background: url(/ngaccsg/ccsg/apply/apply_new/images/box.png) no-repeat 0 100%;
}

.i1{
	float:left;
	padding: 0 0 0 12px;
	background: url(/ngaccsg/ccsg/apply/apply_new/images/borders.png) repeat-y 0 0;
}

.i2{
	float:left;
	padding: 0 12px 0 0;
	background: url(/ngaccsg/ccsg/apply/apply_new/images/borders.png) repeat-y 100% 0;
}

.i3{
	float:left;
	background:#f8f5ec;
	border:1px solid #f8f5ec;
	border-width:0;
	padding:0 ;
}

.white .i1, .white .i2{
	background-image:url(/ngaccsg/ccsg/apply/apply_new/images/white-borders.png);
}


.white .bt, .white .bt div, .white .bb, .white bb div{
	background-image:url(/ngaccsg/ccsg/apply/apply_new/images/white-box.png);
}

#hLabel{
	width:60%;
}

.additional{
	font-size:0.9em !important;

}




.fieldGroupAC
{
	background:#F8F5EC none repeat scroll 0%;
	border-bottom:1px solid white;
	border-top:1px solid #E4E1D5;
	clear:left;
	float:left;
	font-size:1.1em;
	margin:0pt;
	padding:1px;
	width:606px;
}
.fieldGroupAC label{
	display:block;
	/*float:left;*/
	clear:left;
	width:50px;
	padding-top:3px;
}

.fieldGroupAC input{
	border: 1px solid #d2d0c3;
	margin-bottom:0.5em;
	margin-top:0.1em;
	height:1.2em;
	border-color: #B4D8E9;
}

.fieldGroupAC select{
	border: 1px solid #d2d0c3;
	margin-bottom:0.3em;
	margin-top:0.1em;
	height:1.4em;
	border-color: #B4D8E9;
}
.addHead{
background-color: #FFFFFF;
}

.fieldGroupone
{
	background: #ffc;
	 width: 95.8%;
}
.print
{ 
text-decoration : none;
color: #c87b22;
}
