/* external style sheet for the AMI Documentation */

body {
 	background-image: url(graphics/bg_vert.gif); 
	background-repeat: repeat-x;
	margin:0px;
}

form
{
	margin:0px;
}
.shadow {
	background-image: url(graphics/bg_shadow.gif);
	background-repeat: no-repeat;
	width: 10;
}

.shadow2 {
	background-image: url(graphics/bg_shadow2.gif);
	background-repeat: repeat-y;;
	width: 10;
}

b {font-weight: bold;}
i {font-style: italic;}
img {border:0;}
small {font-size: 10px;	font-weight:bold;}

.body, td {
	font-weight: normal;
	color:#445577;
	font-size: 12px;
	font-family: arial, helvetica;
	line-height: 15px;
	font-variant: normal;
	font-style: normal;
}


.bold2 {
	font-weight:bold;
	color: #5588BB;
}

h1 {
	margin-top: 0;
	margin-bottom: 10;
	font-weight: bold;
	color:#5588BB;
	font-size: 12px;
	background-image: url(graphics/bullet_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 10;
	background-position: 0 50%;
}

.bulletArrow { list-style-image: url(graphics/bullet_arrow.gif) }
.bulletSquare { 
	margin-top:0px;
	margin-bottom:0px;	
	margin-left: 0px;
	padding: 0px;
}

.bulletSquare li{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 10px;
	padding-bottom: 6px;
	background-image: url(graphics/bullet_square.gif);
	background-repeat: no-repeat;
	background-position: 0 5;	
}

.noIndent {
	margin-top:5px;
	margin-bottom:5px;
}

.noIndent li{
	margin-left:-20px;
}

a {text-decoration: underline;
	font-weight: normal;
	color:#5588BB;
}
.flash {
	height: 139px;
	overflow: hidden;
}
a:hover {text-decoration: underline;
	font-weight: normal;
	color:#EE9944;
}


.pageWidth {
	background-image: url(graphics/bg_vert2.gif);
	background-repeat: repeat-x;
	width: 755;
	background-color: #FFFFFF;
}

.pageContent {
	margin-top: 12;
	margin-left: 13;
	margin-right: 13;
}

/* TOOLBAR */

.toolbar {
	background-image: url(graphics/toolbar/bg.gif);
	background-repeat: repeat-x;
	height: 58;
	background-color: #667799;
	padding-right: 200;
}

.toolbar #buttons{
	float:right;
	padding-top: 37;
}

.toolbar #logo{
	margin-right: 5;
}

/* FOOTER */

.footer {
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	line-height: 12px;
	font-variant: normal;
	font-style: normal;
	color: #EE9944;
	margin-left: 18;
	margin-right: 18;
	margin-bottom: 20;
	border-top: 1px solid #5588BB;	
	padding-top: 10;
	margin-top: 10;	
}

.footer #padding {
	padding-right: 5;
	padding-left: 5;
}

.footer a{
	text-decoration: none;
	color: #5588BB;
}

.footer a:hover{
	text-decoration: none;
	color: #EE9944;
}

.footer #copyright {
	padding-top: 5;
	color: #445577;
}


/*  CONTENT */

.contentPages {
	background-image: url(graphics/bg_content.gif);
	background-repeat: no-repeat;
	width: 529;
	text-align:justify;
}


.contentPages #content{
	padding-top: 15;
	padding-left: 15;
	padding-right: 15;
}

.contentPages #header{
	padding-bottom: 20;
}

.contentPages2 {
	background-image: url(graphics/bg_content_02.gif);
	background-repeat: no-repeat;
	width: 529;
}


.contentPages2 #content{
	padding-top: 15;
	padding-left: 15;
	padding-right: 15;
}

.contentPages2 #header{
	padding-bottom: 20;
}

.dropShadow {
	border-right: 2px solid #D1CECA;
	border-bottom: 2px solid #D1CECA;
	width: 495;	
}

.form {
	font-weight: normal;
	color:#445577;
	font-size: 12px;
	font-family: arial, helvetica;
	line-height: 15px;
	font-variant: normal;
	font-style: normal;
	border: 1px solid #788191;
	width: 495;
}

.form #space {
	padding-top: 5;
}

.form #dataField {
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	color: #666666;
	margin-bottom: 3;
	margin-top: 3;

}

.form #dataField2 {
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	color: #666666;
	margin-bottom: 3;
	margin-top: 3;
	width: 250;
}

.form #header{
	text-align: left;
	font-weight: bold;	
	padding:3;
	color: #FFFFFF;
	background-color: #556688;
}

.form th{
	text-align: right;
	padding:3;
	background-color: #E8E5DF;
}

.form td{
	padding:3;
	background-color: #F4F3F0;
}

.form #button {
	margin-top: 5;
	margin-bottom: 5;
}


.topLink {
	font-size:9px;
	padding-left:10;
}

.faqList li {
	margin-bottom:20;
}

.faqList .subList {
	margin-top:6;
	margin-bottom:6;
}

.faqList .subList li {
	margin-bottom:2;
}

.faqListHeader {
	font-weight:bold;
	font-size:13px;
	color:#5588BB;
}

.faqNavList a {
	text-decoration: none;
	color: #5588BB;
	font-weight:bold;
}

.faqNavList a:hover {
	text-decoration: none;
	color: #EE9944;
	font-weight:bold;
}

/*  HOMEPAGE */

.homeAdOutside {
	margin-left: 178;
}

/* To Increase the Height of the Page  */
.homeAd {
	background-image: url(graphics/bg_home_ad.gif);
	background-repeat: no-repeat;
	width: 349;
	height: 274;
}

.homeAd #content{
	padding-top: 85;
	padding-left: 40;
	padding-right: 20;
}

.homeSidebarAd {
	position:absolute;
	left:13px;
	width: 178px;
	top: 213px;
	height: 22px;
}

.sideBar {
	position:absolute;
	left:554px;
	width: 178;
}

.loginBox {
	background: url(graphics/bg_login.gif) repeat-y;
	margin-bottom: 15;
}

.loginBox #content{
	padding-top: 15;
	padding-bottom: 15;
	padding-right: 15;
	padding-left: 10;
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	line-height: 13px;
	font-variant: normal;
	font-style: normal;
	color: #666666;
}

.loginBox #content a{
	text-decoration: none;
	color: #445577;
}

.loginBox #content a:hover{
	text-decoration: none;
	color: #5588BB;
}

.loginBox input{
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	color: #666666;
	margin-bottom: 3;
	margin-top: 3;
	width: 140;
	height: 20;
}

.loginBox .signInButton {
	width:58;
	height:20;
}

/*  HOMEPAGE */

.popUp {
	background-image: url(graphics/bg_popup.gif);
	background-repeat: no-repeat;
	width: 600;
	height: 300;
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	color: #666666;	
}

.popUp #content{
	padding-top: 30;
	padding-left: 40;
	padding-right: 40;
}

/* NETWORK PAGE */

.cityHideList {
	visibility: hidden;
	position: absolute;
	z-index: 20;
}

.heading1
{
	font-size:18px;
	font-weight:bold;
}

.pageWidth_yellow {
	background-image: url(graphics/loyality/bg_content_yellow.gif);
	background-repeat: repeat-x;
	width: 755;
	background-color: #FFFFFF;
}

.contentPages_yellow
{
	background-image: url(graphics/loyality/bg_content_yellow.gif);
	background-repeat:no-repeat;
	width: 529;
	text-align:justify;
}

.contentPages_yellow #content{
	padding-top: 15;
	padding-left: 15;
	padding-right: 15;
}

.contentPages_yellow #header{
	padding-bottom: 20;
}


.loginBox_yellow {
	background: url(graphics/loyality/bg_login_yellow.gif) repeat-y;
	margin-bottom: 15;
}

.loginBox_yellow #content{
	padding-top: 15;
	padding-bottom: 15;
	padding-right: 15;
	padding-left: 10;
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	line-height: 13px;
	font-variant: normal;
	font-style: normal;
	color: #666666;
}

.loginBox_yellow #content a{
	text-decoration: none;
	color: #445577;
}

.loginBox_yellow #content a:hover{
	text-decoration: none;
	color: #5588BB;
}

.loginBox_yellow input{
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	color: #666666;
	margin-bottom: 3;
	margin-top: 3;
	width: 140;
	height: 20;
}

.loginBox_yellow .signInButton {
	width:58;
	height:20;
}

.loginBox_yellow td{
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	line-height: 13px;
	font-variant: normal;
	font-style: normal;
	color: #666666;
}

.loginBox_yellow td a{
	text-decoration: none;
	color: #445577;
}

.loginBox_yellow td a:hover{
	text-decoration: none;
	color: #5588BB;
}

.textbox{
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	color: #666666;
	width: 140;
	height: 20;
}

.password1{
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	color: #666666;
	width:15px;
	height: 20;
}

.password2{
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	color: #666666;
	width:15px;
	height: 20;
	background-color:#666666;
}


.button{
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	margin-bottom: 3;
	margin-top: 3;
}

.subTitle
{
	background-color:#415370;
	font-weight:bold;
	color:#FFFFFF;
	padding:1px;
	padding-left:3px;
	letter-spacing:1px;
	margin:0px;
}

.table_header
{
	background-color:#7A8BA8;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}

.table_contents
{
	font-size:12px;
	color:#000000;
	padding-left:5px;
}

.form_background
{
	background-image:url(graphics/loyality/bg_content_yellow2.jpg);
	background-repeat:repeat-x;
}

.error
{
	background-color:red;
	color:white;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
}

.message
{
	background-color:green;
	color:white;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
}

.Loyalty_FormLabel
{
	font-size: 12px;
	font-family: arial, helvetica;
}

.Loyalty_Textbox
{
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	color: #000000;
	height: 20;
	background-color:#D5E5FE;
}

.Loyalty_Textbox_disable
{
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	color: #000000;
	height: 20;
	background-color:#CCCCCC;
}


.Loyalty_Note
{
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	color: #FF0000;
}


img {
   behavior: url("pngbehavior.htc");
}


/* TOOLBAR LOYALTY*/

.toolbar_loyalty {
	background-image: url(graphics/toolbar/bg.gif);
	background-repeat: repeat-x;
	height: 58;
	background-color: #667799;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.toolbar_loyalty #buttons{
	float:left;
	padding-top: 37;
}

.toolbar_loyalty #logo{
	float:left;
	margin-right: 5;
}

.toolbar_loyalty A{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

.toolbar_loyalty A:HOVER{
	text-decoration:none;
	color:#EE9944;
	font-weight:bold;
}

.toolbar_loyalty #zarcoexchange{
	text-align:right;
	padding:10px;
}

.loginbar
{
	background-color:#445577;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height:20px;
	vertical-align:middle;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
}

.loginbar A
{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.loginbar A:HOVER
{
	text-decoration:none;
	color:#EE9944;
	font-weight:bold;
}