/* New styles for SAZ2  */
BODY.saz2,
BODY {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	font: 10pt arial, sans-serif;
	color: #333333;
	text-align: center;
}
h1 { font-weight: bold; }
#wrapper {
	text-align: left;
	width: 1000px;
	margin: 0 auto;
}
TABLE {
	font: 10pt arial, sans-serif;
	color: #333333;
}
#header {
	margin: 5px 0px 5px 20px;
}
#graphicSearch {
	margin-left: -142px;
	margin-top: -28px;
}
#graphic {
	margin-left: -142px;
}
#mainArea {
	position: relative;
	margin: -260px 0px 10px 10px;
	width: 960px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	border: 1px solid #aeaeae;
	opacity:0.93;
   filter:alpha(opacity=93); /* For IE8 and earlier */

	background: linear-gradient(top, #adbfe0 1%,#ffffff 30%);
	background: -webkit-gradient(linear, left top, left bottom, from(#adbfe0) 10%, to(#ffffff) 60%);
	background: -moz-linear-gradient(top,  #adbfe0 1%,  #ffffff 30%);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#60adbfe0' 10%, endColorstr='#60ffffff');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#60adbfe0,endColorstr=#60ffffff)";
    zoom: 1;
}
#mainAreaHeader {
	clear: both;
	margin: 0px 10px 0px 10px;
	height: 55px;
}
#icon {
	float: left;
	width: 56px;
	height: 45px;
	margin: 10px;
}
#iconShort {
	float: left;
	width: 42px;
	height: 46px;
	margin: 10px;
}
#title {
	padding-top: 10px;
	height: 45px;
	height: auto;
}
#title h1 {
	margin: 10px 10px 0px 14px;
	font-size: 13pt;
	font-weight: bold;
	color: #04193d;
}
#mainAreaHeader .divider {
	border-bottom: 1px solid #BBBBBB;
	height: 1px;
	margin: 10px 10px 0px 0px;
}
#content {
	position: relative;
	min-height: 300px;
	height:auto;
}
#footer {
	clear:both;
	margin: 5px 10px 10px 15px;
	color: #999999;
	font-size: 8pt;
	width: 960px;
	text-align: center;
}
#footer a {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
SPAN.vb {
	font-weight: bold;
	margin: 0px 3px 0px 3px;
}
#footerRule {
	color: #BABABA;
	margin: 20px 10px 0px 10px;
}
#ibmLogo {
	margin: -21px 10px 0px 0px;
	text-align: right;
}
#ibmLogo img{
	width: 61px;
	height: 25px;
}
hr {
	color: #485772;
}
/* New home page styles  */
#titleHome h1 {
	font-size: 14pt;
	color: #04193d;
	margin: 4px 0px 4px 0px;
	text-transform:uppercase;
}
#mainAreaHeaderHome {
	position: relative;
	padding: 0px 0px 0px 40px;
	background-color: #bbcae5;
	border: 1px solid #a6a8af;
	opacity:0.95;
   filter:alpha(opacity=93); /* For IE8 and earlier */

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#60adbfe0' 10%, endColorstr='#60ffffff');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#60adbfe0,endColorstr=#60ffffff)";
    zoom: 1;
}
.faqTitle div h1 {
	font-size: 11pt;
	color: #333333;
	vertical-align: middle;
	margin: 0px;
}
.faqTitle div h1 span {
	vertical-align: middle;
}
.faqTitle div {
}
.faqTitle {
	vertical-align: middle;
	position: relative;
	padding: 9px 0px 9px 40px;
	background-color: #bbcae5;
	border-top: 2px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	opacity:0.95;
   filter:alpha(opacity=93); /* For IE8 and earlier */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#60d2dcee',endColorstr='#ffffffff');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#60d2dcee,endColorstr=#ffffffff)";
    zoom: 1;
	background: linear-gradient(top, #d2dcee 1%,#ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#d2dcee) 1%, to(#ffffff) 100%);
	background: -moz-linear-gradient(top,  #d2dcee 1%,  #ffffff 100%);
}
.goGreen {
	color: #009900;
	}
.h1help {
	font-style: italic;
}
ul.list1 {
	margin-bottom: 10px;
}
ul.list1 li {
	margin-bottom: 10px;
}


/* Sprites */
.plus{left:0px;margin-right:7px;width:21px;height:19px;	vertical-align: middle; border: 0px none #ff0000;}
.plus{background:url('plus_and_minus.gif') 0px 0px;}
.minus{left:0px;margin-right:7px;width:21px;height:19px;	vertical-align: middle;	border: 0px none #ff0000;}
.minus{background:url('plus_and_minus.gif') -24px 0px;}


.contentSummary h2,
.contentArizonaMain h2,
.contentArizonaMain h1 {
	font-size: 13pt;
	color: #333333;
}
.contentArizonaMain a {
	color: #003ea2;
	line-height: 160%;
	text-decoration: none;
}

#contentHome {
	padding-left: 40px;
	padding-right: 10px;
	min-height: 230px;
	position: relative;
}
#contentFAQ {
	padding: 10px 0px 10px 72px;

	border-right: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
}
#mainAreaContent {
	position: relative;
	margin: -260px 0px 10px 10px;
	width: 960px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	border: 1px solid #aeaeae;
	opacity:0.93;
   filter:alpha(opacity=93); /* For IE8 and earlier */
}

#search {
	position: relative;
	top: -59px;
	right: -700px;
	width: 250px;
	text-align: left;
}
#search form {
	margin: 0px; padding: 0px;
}
#searchText {
	color: #de5a04;
	padding: 3px 0px 3px 10px;
	vertical-align: top;
	max-width: 170px;
}
#searchButton,
#searchButtonIE {
	margin-bottom: 5px;
	vertical-align: top;
	overflow: visible;
	white-space: normal;
	font-family: Myriad Pro, arial, sans-serif;
	font-size: 12pt;
	color: #ffffff;
	background-color: #fa6a0c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	border: 1px solid #666666;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#fcca96) 10%, to(#fa6a0c) 60%);
	background: -moz-linear-gradient(top,  #fcca96 10%,  #fa6a0c 60%);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccfcca96', endColorstr='#CCfa6a0c', GradientType=0);
}
#searchButtonIE {
	display: none;
}


/* New common styles gleaned from various apps  */
fieldset {
    border: medium none;
    margin-left: 0;
    padding-left: 0;
}
legend {
    color: black;
    padding-left: 0;
    white-space: normal;
}
SPAN.noprintRedText {
        color:#990033;
}
.trademark {
}
.legendText {
}
DIV.creditCard {
	padding: 10px 0px 20px 40px;
}
SPAN.eye {
	margin: 0px 20px 0px 10px;
}
h3.compact {
	margin-bottom: 0px;
	font: bold 10pt arial;

}
#wrapperLabel{
float: left;
width: 100%;
margin-left:30px;
}

#wrapRightCol{
	margin-left: 30px; /*Set left margin to LeftColumnWidth*/
	padding-left: 0px;
}

#wrapLeftCol{
float: left;
width: 30px; /*Width of left column*/
margin-right:0px;
padding-right:0px;
}

h1.smallHeaderFirst,
h1.smallHeader {
	font-size: 1.1em;
	margin-left: 10px;
	margin-bottom: 4px;
	padding-top: 15px;
	font-size: 10pt;

	}
h1.smallHeaderFirst {
	padding-top: 0px;
	}

.normal30 {
	margin: 0px 10px 0px 30px;
}
.normal10 {
	margin: 0px 10px 0px 10px;
}


/* updates to saz_globalStyles.css  */
DIV.mainAreaButton10,
DIV.mainAreaButton20,
DIV.mainAreaButton30,
DIV.mainAreaButton,
DIV.mainAreaButtonExtraSpace,
DIV.mainAreaButtonLotsExtraSpace {
	clear: both;
}
DIV.mainAreaButton10,
DIV.mainAreaButtonExtraSpace
{
margin-top: 10px;
}
DIV.mainAreaButton20,
DIV.mainAreaButtonLotsExtraSpace {
	margin-top: 20px;
}
DIV.mainAreaButton30 {
	margin-top: 30px;
	}

.button,
.button72,
.button100,
.button140,
.button180,
.button240,
.button300,
.buttonFirst,
.button72First,
.button100First,
.button140First,
.button180First,
.button240First,
.button300First
{
}
.button72First, .button72  { width:  72px;  }
.button100First, .button100 { width: 100px;  }
.button140First, .button140 { width: 140px;  }
.button180First, .button180 { width: 180px;  }
.button240First, .button240 { width: 240px;  }
.button300First, .button300 { width: 300px;  }

.buttonFull,
.button72,
.button100,
.button140,
.button180,
.button240,
.button300 { margin-left: 30px;  }

#buttonNextToContinue {
	position: relative;
	top: -66px;
	right: -100px;
}

/* These are chrome/safari specific  */
@media screen and (-webkit-min-device-pixel-ratio:0) { 

	#buttonNextToContinue {	
			top: -62px;
		}

}

DIV.stepTitle,
DIV.smallStepTitle
 {
	font-size: 10pt;
	color: #333333;
	font-weight: bold;
}
DIV.mainAreaTitle {
	padding-bottom: 20px;
}
H1.mainAreaTitle {
	margin: 10px 10px 0px 14px;
	font-weight: bold;
	font-size: 10pt;
	color: #333333;
}
DIV.mainArea, #mainArea {
	padding: 5px 7px 10px 15px;
}
.mainArea p {
    margin-bottom: 10px;
    margin-top: 10px;
}

#submitButton1 input,
#submitButton2 input,
DIV.mainAreaButton10 input,
DIV.mainAreaButton20 input,
DIV.mainAreaButton30 input,
div.mainAreaButton input,
div.mainAreaButtonExtraSpace input,
DIV.mainAreaButtonLotsExtraSpace input {
    height: 100%;
 	margin-bottom: 5px;
 	overflow: visible;
	white-space: normal;
	font-family: Myriad Pro, arial, sans-serif;
	font-size: 12pt;
 	padding: 8px 18px;
	color: #FFFFFF;
	-webkit-appearance: none;
	background-color: #fa6a0c;
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 12px;

   -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    border: 1px solid #666666;

	background: -webkit-gradient(linear, left top, left bottom, from(#fcca96) 10%, to(#fa6a0c) 60%);
	background: -moz-linear-gradient(top,  #fcca96 10%,  #fa6a0c 60%);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccfcca96', endColorstr='#CCfa6a0c', GradientType=0);
}
input[type="submit"]:hover,
input[type="button"]:hover
{
        opacity: .7;
}
input[type="submit"]:active,
input[type="button"]:active
{
        opacity: .3;
}

DIV.formerror,
UL.formerror,
SPAN.formerror,
DIV.formError,
UL.formError,
DIV.processing,
SPAN.formError {
	color: #FF0000;
}
DIV.formError, DIV.formerror
{
	margin: 10px 0px 0px 0px;
}
UL.formError, UL.formerror
{
	margin-top: 0px;
}

LI.mainArea {
}
td.mainAreaText {
}
.instruction,
.instruction1,
.instruction2,
.instruction3,
.instruction4,
.instruction5,
.instruction6 {
	vertical-align: bottom;
}
.instruction1 {
    padding: 0 0 15px 20px;
}
.instruction2 {
    padding: 0 10px 20px 20px;
}
.instruction3 {
    margin: 0 0 30px 10px;
}
.instruction4 {
    margin: 20px 0 20px 0px;
}
.instruction5 {
    margin: 0 0 30px 0px;
}
.instruction6 {
    padding: 0 0 0 20px;
}
.instruction7 {
	margin-top: 1em;
}
P.instructionSmall {
}
SPAN.help {
    color: #333333;
    font-style: italic;
    margin-left: 20px;
}
A.questionLink {
	font-size: 10pt;
}
DIV.answerHeader {
	font-size: 13pt;
	font-weight: bold;
	margin-top: 1.5em;
}
DIV.answerBody {
	margin: 1em 20px 0px 20px;;
}
ul.noIndent { 
	padding-left: 20px;
}
.importantMessage
{
}
input[type=text] {
}
DIV.question {
	margin-bottom: 2px;
}


/*
  these are for TABLEs of spaced data
*/
label,
.label {
	font-weight: bold;
}
.labelPlain {
	font-weight: normal;
}
TD.label,
TD.labelExplainUnder
 {
	padding-bottom: 10px;
	text-align: right;
	vertical-align: bottom;
}
TD.colon,
TD.colonExplainUnder,
TD.value,
TD.cvalueExplainUnder {
	padding-bottom: 10px;
	text-align: left;
	vertical-align: bottom;
}
TD.valueExplainUnder,
TD.labelExplainUnder,
TD.colonExplainUnder {
	padding-bottom: 0px;
}
TD.colon {
	padding-right: 10px;
}
/*
  these are for TABLEs of compact data
*/
H1.compactData {
	margin: 10px 0px 10px 0px;
	font-size: 9pt;
	}
TABLE.compactData {
	margin-left: 30px;
	}
TABLE.compactData {
	vertical-align: bottom;
	}
TD.compactLabel {
	font-weight: bold;
	text-align: right;
}
TD.compactColon {
	font-weight: bold;
	text-align: left;
	padding-right: 10px;
}
TD.compactValue {
	text-align: left;
}
TD.compactHelp {
	padding-left: 20px;
	text-align: left;
	font-style: italic;
	color: #333333;
}
/* these are for fee tables (Duplicate) */
TABLE.feeTable {
	margin-left: 20px;
}
TABLE.feeTable TR {
	vertical-align: top;
}
TABLE.feeTable TR TD.fee {
	text-align: right;
}
TABLE.feeTable TR TD.colon,
TABLE.feeTable TR TD.label {
	padding-bottom: 0px;
}
TABLE.feeTable TR.feeTotal
{
	font-weight: bold;
	vertical-align: top;
}
TABLE.feeTable TR.blankLine,
TABLE.feeTable TR.blankLine TD,
TABLE.feeTable TR.blankLine TD DIV
{
	font-size: 6px;
	height: 6px;
}


 div.amount {
	margin:0px 0px 0px 30px;
 }
.boldInstructionNoprint,
.boldInstruction {
 	font-weight: bold;
 }
.kindOfImportantInstructionNoprint,
.kindOfImportantInstruction {
 	font-weight: bold;
 	line-height: 1.2em;
 }
.importantInstructionNoprint,
.importantInstruction {
 font-weight: bold;
 color: rgb(153, 0, 51);
 }

 .moreInfo {
 padding-left: 30px;
 }
 P.systemUnavailable {
        color:#990033;
}
span.penalty {
        color:#990033;
        font-weight: bold;
}
div.consent {
	margin: 15px 0px 4px 0px;
        color:#990033;
}
/* copied from ez voter
*/
.successMessage {
    color: green;
    font-weight: bold;
    margin-top: 10px !important;
}
p.noMargin {
	margin:0px 0px 0px 0px;
 }

 DIV.displayData {
	margin: 12px 10px 12px 20px;
}
DIV.displayData .help {
	margin-left: 20px;
	font-style: italic;
	color: #333333;
}
#noteArea {
	margin: 15px;
}
#noteArea TD DIV {
	margin: 0px 10px 0px 8px;
}
.extraLeftSpace {
	margin-left: 20px;
}
.extraTopSpace40 {
	margin-top: 40px;
}
div.radio input {
	vertical-align: middle;
	margin: 4px 6px;
	}
div.radio label {
	vertical-align: middle;
	margin-bottom: 5px;
	}
.radioLine span {
	width: 100px;
	display: inline-block;
}
.headertext,
.headertextFirstLine,
.headertextSecondLine {
    font-size: 13.5pt;
}

.headertextFirstLine {
    margin-bottom: 0px;
}

.headertextSecondLine {
    margin-top: 0px;
    margin-left: 30px;
}
/* Labels for input boxes */
.labeltext,
.labelColon,
 { font-weight : bold }
.labeltextPlain,
.labelColonPlain { font-weight : normal }
.labelColon,
.labelColonPlain {
   vertical-align: bottom;
}
.labelColon SPAN,
.labelColonPlain SPAN
 { margin: 0px 8px 0px 0px; }
.labelDropField {
	margin: 6px 8px 0px 0px;
	}


/* Text for output/verification data (i.e. output of address information back to cust.) */
.outputcolon,
.outputlabel {
	font-weight: bold;
   font-family: monospace;
   font-size: 10pt
}
.outputcolon {
   vertical-align: bottom;
}
.outputcolon SPAN { margin: 0px 8px 0px 0px; }

.outputtext {
	font-family: monospace;
    font-size: 10pt;
    text-transform: uppercase;
}


TABLE.sazData {
	background-color: white;
	border: 1px solid black;
	}
TR.sazDataHeader {
	background-color: rgb(224,235,248);
	}
TR.sazData,
TR.sazDataOdd {
	}
TR.sazDataEven {
	background-color: rgb(235,235,235);
	}
TH.sazData {
	border: 1px solid rgb(136,180,227);
	border-bottom: 1px solid black;
	padding: 3px 10px 3px 10px;
	}/* For the info pages */
TABLE.sazDataInfoPage {
	margin: 0px 20px 0px 20px;
	background-color: white;
	}
TH.sazDataInfoPage {
	}
/* use the following if you need the narrowest columns */
TH.sazDataCompact {
	border: 1px solid rgb(136,180,227);;
	padding: 3px 0px 3px 0px;
	}
TD.sazData,
TD.sazDataOdd {
	border: 1px solid rgb(136,180,227);;
	padding: 3px 10px 3px 10px;
	}
TD.sazDataEven {
	border: 1px solid rgb(136,180,227);;
	padding: 3px 10px 3px 10px;
	}

/* These are for the search results  */
#sazIframeDiv {
		display: none;
		position: absolute;
		top: 100px;
		left: 175px;
		height: 730px;
		height: 360px;
		z-index: 20;
		color: black;
		background-color: #FFFFFF;
		border: 2px ridge #FFFFFF;
}

#sazIframeHead{
	position: relative;
	color: #333;
	text-align: right;
	text-decoration: none;
	font-size:12px;
	padding:2px 0px 2px 0px;
}
#sazIframeClose {
	color: #333;
	text-decoration: none;
	font-size:12px;
}
#sazIframe {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF !important;
}
DIV.sazIframe {
	position: relative;
	color: #333;
	text-align: right;
	text-decoration: none;
	font-size:12px;
	padding:2px 0px 2px 0px;
	background-color: #FFFFFF;
}
A.searchClose {
	color: #333; text-decoration: none; font-size:10pt;
}

/* Home page search results */
#searchResultsLine {
	margin:0px 0px 0px 10px;
	padding: 10px 0px 10px 0px;
	background-color: #FFFFFF;
}
#searchResults
{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#searchResults P
{
}
DIV.searchTitle { 
	margin: 0px 10px 0px 20px;
}
A.searchTitle {
	text-decoration: none;
	font: bold 1.1em verdana, arial, helvetica, sans-serif;
}
A.searchTitle:hover {
}
DIV.searchEntry { 
	margin: 3px 10px 0px 60px;
}
DIV.searchLink { 
	margin: 3px 10px 15px 60px;
}

.tundra .dijitDialogTitleBar,
.dijitDialogPaneContent {
	text-align: left;
}



/* These are the media queries   */

@media screen and (max-width:940px)
{
   #search { top: 0px !important;
		right: 0px !important; }
	#graphicSearch {
		margin-top: 0px !important;
	}

}



@media screen and (max-width:988px)
{
	#wrapper,
	#mainArea,
	#mainAreaHeader,
	#mainAreaContent,
	#footer
	 {
		width: 765px;
	}
	#header4 {display: none;}
	hr { margin-right: 20px; }
}


@media screen and (max-width:825px)
{
	#wrapper,
	#mainArea,
	#mainAreaHeader,
	#mainAreaContent,
	#footer
	 {
		width: 610px;
	}
	#header4 {display: none;}
}
@media screen and (max-width:799px)
{
	#buttonTwo901, #buttonTwo901_label, SPAN[widgetid="buttonTwo901"] { display: none; }
}
@media screen and (max-width:640px)
{
	#wrapper,
	#mainArea,
	#mainAreaHeader,
	#mainAreaContent,
	#footer
	 {
		width: 510px;
	}
}
@media screen and (max-width:540px)
{
	#wrapper,
	#footer
	 {
		width: 375px;
	}
	#mainArea,
	#mainAreaHeader,
	#mainAreaContent
	 {
		width: 355px;
	}
	#mainArea {
		padding-left: 5px;
		margin-left: 5px;
		padding-right: 5px;
		margin-right: 5px;
	}

	#contentHome { padding-left: 10px; }


	#submitButton1 input,
	#submitButton2 input,
	DIV.mainAreaButton10 input,
	DIV.mainAreaButton20 input,
	DIV.mainAreaButton30 input,
	div.mainAreaButton input,
	div.mainAreaButtonExtraSpace input,
	DIV.mainAreaButtonLotsExtraSpace input {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 16px;
	}

}


@media screen and (max-width:405px)
{
	#wrapper,
	#mainArea,
	#mainAreaHeader,
	#mainAreaContent,
	#footer
	 {
		width: 285px;
	}

	
	#ibmLogo {
	margin: 0px 10px 0px 0px;
	text-align: right;
	}
	#title h1 {
		margin: 10px 10px 0px 14px;
	}
	#buttonNextToContinue {
		position: static;
	}
	#header { text-align: center; }
	
	.buttonFull,
	.button72,
	.button100,
	.button140,
	.button180,
	.button240,
	.button300 { clear: both; margin-left: 0px;  }
}

@media screen and (max-width:320px)
{
	#wrapper,
	#footer
	 {
		width: 285px;
	}
	#mainArea,
	#mainAreaHeader,
	#mainAreaContent
	 {
		width: 265px;
	}
	#xgraphic {
		margin-left: 0px;
	}

}