/* Site Specific with ID 1.0 styles*/

img, div{behavior: url(/images/iepngfix.htc)}

body
{
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
}

img{border: 0;}

a{color: #000099;}
a:link{text-decoration: underline;}
a:visited{text-decoration: underline;}
a:active{text-decoration: underline;}
a:hover{text-decoration: none;}

#gutter{clear: both;} 

/* footer */

#footer
{
        width: 920px;
        margin: 10px 0 0 0;
        padding: 10px 0 10px 0;
        border-top : 10px solid #4d8dad;
        color: #0066cc;
        text-align: center;
}

a.footer{color: #0066cc;}
a.footer:link{text-decoration: underline;}
a.footer:visited{text-decoration: underline;}
a.footer:active{text-decoration: underline;}
a.footer:hover{text-decoration: none;}

#footer-content
{
        width: 920px;
        margin: 10px 0 0 0;
        padding: 0 10px 0 10px;
        font-size: 10px;
        color: #666;
        text-align: center;
}

/* copyright */

#copyright
{
        width: 920px;
        margin: 10px 0 0 0;
        padding: 0 10px 0 10px;
        font-size: 10px;
        color: #666;
        text-align: center;
}

#copyright a{color: #0066ff;}

/* page */

div.page-heading{width: 960px;}

div.page-heading p
{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 10px 0px 10px 20px;
	background-color: #4D8DAD;
}

div.page-content
{
	width: 640px;
	min-height: 200px;
	margin: 0 0 0 15px;
	padding: 10px 0;
}

div.page-content h1
{
	margin: 10px 0 15px 5px;
	padding: 0;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

div.page-content h2
{
	margin: 15px 0 10px 5px;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

div.page-content p{margin: 0 0 10px 5px;padding: 0;}

div.page-content div.section{margin: 0 0 20px 0}

div.page-content div.page-instruction
{
	margin: 0 0 10px 5px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #999;
}

div.page-instruction p
{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 14px;
	color: #000;
}

div.page-content p.page-instruction
{
	margin: 0 0 0 5px;
	padding: 0 0 10px 0;
	font-size: 14px;
	color: #000;
}

/* For AC- Pages */

div.applicationSummary{border-bottom:1px solid #CCCCCC;padding:10px 10px 5px;}

div.applicationSummary-parent
{
	background:#EBEBEB;
	border-top:1px solid #CCCCCC;
	margin-bottom:30px;
}

p.general
{
	border-bottom:1px solid #CCCCCC;
	margin-bottom:10px;
	padding-bottom:10px;
	width:550px;
}

table.appsAlt
{
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
	font-size: 12px;	
}

td.appsHeaderAlt
{
	background:#999999;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:10px;
	padding:10px;
	white-space:nowrap;
	width:16%;
}

fieldset{border:0;padding:0 0 0 10px;}

fieldset legend
{
    color:#000000;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0;
} 

fieldset input{margin:0;padding:0;}

img.icon{height:15px;margin-right:5px;width:15px;}

div.printThisApp{float:left;margin-right:10px;}

.SecurityHeading
{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
}

.SecurityContent
{
	font-family:Arial;
	font-size:12px;
	padding-top:2px;
}

div.orderSummary-box
{
	background:#EBEBEB;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	font-weight:bold;
	margin-bottom:25px;
	padding:10px;
}

.sub-label{padding:0 10px 0 2px;}

table.orderSummary
{
	border:1px solid #003399;
	color:#000000;
	font-family:Arial,san-serif;
	font-size:13px;
	width:100%;
}

div.orderSummary-box
{
	background:#EBEBEB;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	font-weight:bold;
	margin-bottom:25px;
	padding:10px;
}

table.orderSummary p.heading{background:#003399;color:#FFFFFF;}

table.orderSummary p{font-weight:bold;margin:0;padding:5px;}

p.generalHeading
{
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	font-size: 15px;
	color: #000;
	font-weight: bold;
}

td.appsHeader
{
	background:#999999;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:10px;
	padding:10px;
	white-space:nowrap;
	width:25%;
}

td.appsData
{
	background:#EBEBEB;
	font-weight:bold;
	padding:10px;
	white-space:nowrap;
}

td.appsDataAlt
{
	padding: 10px;
	background: #d7d7d7;
	font-weight: bold;
}

table.apps
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.page-content_1{width: 570px;min-height: 200px;}

p.sectionSubHeading
{
	color:#000000;
	font-size:13px;
	font-weight:bold;
	margin:0pt 0pt 5px;
	padding:0pt;
}

p.ready-to-file
{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:0;
}

.bold{font-weight: bold;}

td.nav
{
	width:231px;
	background:#D9E2FF;
	border-right:1px solid #FFFFFF;
	vertical-align:top;
	font-size: 12px;
}

div.nav
{
	border-bottom:1px solid #FFFFFF;
	font-weight:bold;
	padding:5px 10px 5px 15px;
}

a.nav{color:#333333;text-decoration:none;}
a.nav:link{color:#333333;text-decoration: none;}
a.nav:visited{text-decoration: none;}
a.nav:active{text-decoration: none;}
a.nav:hover{text-decoration: none;}

div.navSub
{
	border-bottom:1px solid #FFFFFF;
	font-weight:normal;
	margin-left:20px;
	padding:5px 10px 5px 15px;
}

div.navSub a{color:#0033CC;text-decoration:none;}
div.navSub a:link{text-decoration: none;}
div.navSub a:visited{text-decoration: none;}
div.navSub a:active{text-decoration: none;}
div.navSub a:hover{text-decoration: none;}

div.navSubLast
{
	border-bottom:1px solid #FFFFFF;
	font-weight:normal;
	margin-left:20px;
	padding:5px 10px 5px 15px;
}

div.navSubLast a{color:#0033CC;text-decoration:none;}
div.navSubLast a:link{text-decoration: none;}
div.navSubLast a:visited{text-decoration: none;}
div.navSubLast a:active{text-decoration: none;}
div.navSubLast a:hover{text-decoration: none;}

div.navSelected
{
	border-bottom:1px solid #DCDCDC;
	font-weight:bold;
	padding:5px 10px 5px 15px;
}

div.navSubSelected
{
	background:#FFFFFF;
	border-top:1px solid #FFFFFF;
	color:#0031CA;
	font-weight:bold;
	padding:5px 21px 5px 15px;
}

div.navSubSelected a{color:#0033CC;text-decoration:none;}
div.navSubSelected a:link{text-decoration: none;}
div.navSubSelected a:visited{text-decoration: none;}
div.navSubSelected a:active{text-decoration: none;}
div.navSubSelected a:hover{text-decoration: none;}

img.navSelectedArrow
{
	height:7px;
	padding-right:5px;
	width:8px;
}

img.navSubSelectedArrow
{
	height:7px;
	padding-left:7px;
	padding-right:5px;
	width:8px;
}

/*  Toolbox Faq resource  */

td.right{vertical-align:top;white-space:normal;width:140px;}

td.tools{margin: 0;padding: 0;}

#tools
{
        float:right;
        width:130px;
        border-color:#CCCCCC;
        border-style:solid none solid solid;
        border-width:1px 0pt 1px 1px;
        font-size:10px;
        margin-top:20px;
        margin-left:0px;
        white-space:normal;
        padding:5px;
}

#new-tools
{
        float:right;
        width:130px;
        background-color:#F4F4F4;
        font-size:12px;
        margin-top:20px;
        white-space:normal;
        padding:10px;
}

#new-tools a{font-size:12px;font-weight: normal;color: #0066ff;}

.toolsResourcesHeading
{
        color:#333333;
        font-family:Times,serif;
        font-size:14px;
        white-space:normal;
}

#resources
{
        float:right;
        width:130px;
        border-color:#CCCCCC;
        border-style:solid none solid solid;
        border-width:1px 0pt 1px 1px;
        font-size:10px;
        margin-bottom:10px;
        margin-top:9px;
        padding:5px;
}

/* navigation buttons */

#buttons
{
	border-top:1px solid #CCCCCC;
	margin-top:20px;
	padding-top:10px;
	text-align:right;
	white-space:nowrap;
}

#buttonsLeft{float:left;width:80px;}

#buttonsRight{float:right;width:400px;}

#button-Skip{float:right;width:300px;}

#button-Continue{float:right;width:100px;}

div.order-buttons
{
	border-top:1px solid #CCCCCC;
	margin-top:10px;
	padding-top:10px;
	text-align:right;
}

/*EQ instruction text alignment header */

td.content{vertical-align:top;padding:10px 0 0 0;/*width:600px;*/}

p.pageInstructionalText
{
	color:#000000;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	margin: 5px 0 7px 10px;
}

p.sectionInstructionalText
{
	color:#000000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}

p.sectionHeader
{
	color:#000000;
	font-size:13px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
}

/* styles for section header */

td.section-header
{
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color: #fff;
	padding: 10px 0px;
	background-color: #4d8dad;
	width:235px;
	white-space:normal;
}

td.page-header
{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-right: 100px;
	padding: 10px 0px 10px 10px;
	background-color: #4d8dad;
	width:715px;
}

/* sectionlanding */

h1.pageName
{
	color:#0033CC;
	font-family:Arial,Helvetica,sans-serif;
	font-size:24px;
	font-style:normal;
	padding-top:10px;
}

#content{padding: 0 20px 20px 20px;}

div.qaPage
{
	background:#E4E2E3;
	float:left;
	padding:5px;
}

div.qaPageStatus
{
	background:#E4E2E3;
	margin-bottom:15px;
	padding:5px;
	text-align:right;
}

div.qaHeaderPage
{
	background:#999999;
	color:#FFFFFF;
	float:left;
	margin-top:15px;
	padding:5px;
}

div.qaHeaderStatus
{
	background:#999999;
	color:#FFFFFF;
	margin-top:15px;
	padding:5px;
	text-align:right;
}

div.qaAnswer
{
	background:#FEFF99;
	margin-bottom:15px;
	margin-top:2px;
	padding:5px;
	text-align:left;
}

.pageStatuserror{color:#FF0000;}

table.generic{width:960px;}

table.pageerror-generic{width:725px;}

/* application review */

.red_printfix{color:#FF0000;font-weight:bold;}

#contentPageWithErrors{padding:10px 10px 20px 20px;width:95%;}

div.instructions
{
	margin-left:15px;
	padding-bottom:15px;
	padding-top:10px;
}

div.instructionsParent{border-top:1px solid #CCCCCC;margin-top:10px;}

/* pages with error(s) */

div.pweSection{background:#E4E2E3;padding:5px;}

div.pweEditPage
{
	border-bottom:1px solid #CCCCCC;
	padding:5px 90px 5px 5px;
	text-align:right;
}

div.pwePage
{
	border-bottom:1px solid #CCCCCC;
	float:left;
	padding:5px;
}

p.generic{margin-bottom: 5px;padding: 0;}

/* static jsp pages */

p.articleTitle
{
	color:#333333;
	font-size:18px;
	font-weight:bold;
	margin:0pt 0pt 10px;
	padding:0pt;
}

div.topHeading
{
	border-bottom:1px solid #CCCCCC;
	font-size:13px;
	margin-bottom:20px;
	padding-bottom:15px;
}

div.home-CTA
{
	background:#C5DAF6;
	float:left;
	margin-right:10px;
	padding:10px;
	width:211px;
}

p.home-CTAHeading
{
	color:#333333;
	font-family:Times,serif;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
}

p.toolsResources
{
	margin:10px 0pt 0pt;
	padding:0pt;
}

div.paginationBackNext
{
	border-bottom:1px solid #CCCCCC;
	margin-bottom:20px;
	padding:0pt 5px 10px;
	text-align:right;
}

div.page-content-ESQ
{
	margin:0 0 0 15px;
	min-height:100px;
	padding:10px 0;
}

.page-content-ESQ-Header{margin-top: 8px;}

div.new-ESQ-Header
{
	background-color: #214ca6;
	margin-top: 8px;
	width: 960px;
}

div.new-ESQ-Header h1
{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 5px 10px;
}

div.SQ-footer{border-top:1px solid #CCCCCC;width: 960px;}

/* Yes/NO tag */

a.link{text-decoration: none}
a.link:hover{text-decoration: none}
a.link:active{text-decoration: none}
a.link:visited{text-decoration: none}

/* for repeater tag add another and delete links */
a.addremovelink{margin-left:4px;margin-right:40px;} 

/* Newly Updated for repeater tag add another and delete links */
a.addlink{margin-left:5px;font-weight:bold;}
a.removelink{float:right;position:relative;right:325px;top:-15px;font-weight:bold;}

/* VQ STYLES - Platform */

div.VQ
{
    width: 580px;
    margin-top: 10px;
}

div.VQ div.heading
{
    padding: 5px;
    background: #ccc;
    font-weight: bold;
}

div.VQ div.answer
{
    float: left;
    padding: 5px 5px 0 5px;
    font-size: 13px;
    width: 510px;
}

div.change
{
    float: right;
    padding: 5px 5px 0 5px;
}

div.VQ-continue
{
    width: 590px;
    margin: 10px 0 20px 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #ccc;
    text-align: right;
}

div.VQ div.cancel-save
{   
    margin: 0;
    padding: 0 0 10px 10px;
}

/* the table (within the div) that holds the date picker calendar */
.dpTable
{
	  font-family: Tahoma, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  text-align: center;
	  color: #505050;
	  background-color: #ece9d8;
	  border: 1px solid #AAAAAA;
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD{border: 1px solid #ece9d8;}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover
{
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD
{
	  background-color: #CCCCCC;
	  border: 1px solid #AAAAAA;
	  color: white;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText
{
	      font-size: 12px;
	      color: gray;
	      font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight{color: #4060ff;font-weight: bold;}

/* the forward/backward buttons at the top */
.dpButton
{
	   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	   font-size: 10px;
	   color: gray;
	   background: #d8e8ff;
	   font-weight: bold;
	   padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton
{
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: gray;
		background: #d8e8ff;
		font-weight: bold;
}
		
/* CS Phone Number */

div.CS-ContactUs
{
	width: 720px;
	margin: 10px 0 20px 0;
	padding: 10px;
	background-color:  #C4d4EC;
}

div.CS-ContactUs h1
{
	font-family:Arial;
	font-size: 18px;
	color: #000066;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
}

div.CS-ContactUs p
{
	font-family:Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 18px;
}

img.cs-email{width: 24px;height: 24px;vertical-align: middle;}

img.cs-phoneno{width: 24px;height: 24px;vertical-align: middle;padding:2px 0 0 0;}

span.cs-phoneno{font-family:Arial;font-size: 16px;font-weight: bold;color: #000099;}		

span.cs-phoneno a{color: #0066ff;text-decoration: none;}
span.cs-phoneno a:link{color: #0066ff;text-decoration: none;}
span.cs-phoneno a:active{color: #0066ff;text-decoration: none;}
span.cs-phoneno a:visited{color: #0066ff;text-decoration: none;}
span.cs-phoneno a:hover{color: #0066ff;text-decoration: underline;}

#Efile-MailIn{width: 730px;margin: 0;padding: 0;}

#Efile-MailIn div.Continue-button
{
	border-top: 1px solid #ccc;
	margin: 20px 0 10px 0;
	padding: 10px 0 0 0;
}

#Efile-Continue-button
{
	border-top: 1px solid #ccc;
	margin: 20px 0 10px 0;
	padding: 10px 0 0 0;
}

/* For New Home page */

#home-container
{
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

/* Custom Button Re-sizing */

td.cust-button-left-image
{
	background: transparent url(../images/buttons/fs-15-left.gif) repeat scroll 0 0;
	height:24px;
	width: 15px;	
}
	
td.cust-button-middle-image
{
	background:transparent url(../images/buttons/fs-15-middle.gif) repeat scroll 0 0;
	height:24px;
	width: auto;	
}
	
td.cust-button-right-image
{
	background:transparent url(../images/buttons/fs-15-right.gif) repeat scroll 0 0;
	height:24px;
	width: 15px;	
}
	
div.cust-button-text
{
	color:#fff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
}

div.cust-button-text a.cust-button-text{color:#FFFFFF;text-decoration:none;}

/* I-485 SQ Personalization ---------------------------------------------  */

#sq-right-pane
{
	float: right;
    width:130px;
	margin:10px 0 0 10px;
}

#sq-right-pane div.right-pane-tools
{
	border-color:#CCCCCC;
    border-style:solid none solid solid;
    border-width:1px 0pt 1px 1px;
    font-size:10px;
    white-space:normal;
    padding:5px;
}

td.SQ-Personlaization-Content
{
	vertical-align:top;
	padding:10px 0 0 0;
	width: 725px;
}

td.SQ-Personlaization-Content div.content-pane
{
	float: left;
    width:580px;
	margin:10px 0 0 0;
}

div.sq-applnt-name
{
	border-bottom:1px solid #ccc;
	margin: 20px 0 0 10px;
}
	
div.sq-applnt-name p
{
	text-align: right;
	font-family: Times New Roman;	
	font-size:18px;
	font-weight: bold;
	color:#6a6a6a;
	margin:0;
	padding:0;
	text-transform: uppercase;
}

/* Custom button with font size 15px */

td.cust-button-left-image-15
{
	background: transparent url(../images/buttons/fs-15-left.gif) repeat scroll 0 0;
	height:24px;
	width: 15px;	
}
	
td.cust-button-middle-image-15
{
	background:transparent url(../images/buttons/fs-15-middle.gif) repeat scroll 0 0;
	height:24px;
	width: auto;	
}
	
td.cust-button-right-image-15
{
	background:transparent url(../images/buttons/fs-15-right.gif) repeat scroll 0 0;
	height:24px;
	width: 15px;	
}
	
div.cust-button-text-15
{
	color:#fff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
}

div.cust-button-text-15 a.cust-button-text-15{color:#FFFFFF;text-decoration:none;}

/* Custom button with font size 15px */

/* Payment Error Styles for ID */

#Payment-Error
{
	margin: 10px 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
    width: 640px;
    font-family: Arial;
}

#Payment-Error table.payment-alerts
{
    margin: 0;
    padding: 10px;
    background-color: #FFFFCB;
}

#Payment-Error table.payment-alerts td{vertical-align: top;}

#Payment-Error table.payment-alerts div.alert
{
    margin: 0;
    padding: 0 0 0 10px;
    color: #ff0000;
    font-size: 15px;
    font-weight: bold;
}

#Payment-Error table.payment-alerts div.alert span.error{color: #930501;}

#Payment-Error table.payment-alerts p.alert-msg
{
    margin: 0;
    padding: 5px 0 0 0;
    color: #313419;
    font-size: 13px;
    font-weight: normal;
}
