@charset "utf-8";

/*----------------------------------------------------------------------- 
   AAI EXCHANGE GLOBAL STYLESHEET
 ------------------------------------------------------------------------ */
 
 * { margin: 0; padding: 0; }
 html,body{height:101%}
 body {
 	font-family:arial, lucida grande,verdana,  sans serif;
 	font-size: 12px;
 	font-size:0.8125rem;
	line-height: 18px;
	line-height:1.5em;
	min-width: 950px;
	background:#DFBC7F;
	background:#0c3e29;
	line-height:1.8rem;
	background:#441705
 }
 div.content-container.home{background:#fff;padding:0 0 1em 0}
 div.content-container{background:#fff;background:#f2f2f2}
 #dvMemebershipPackage{line-height:1.5em}
 #dvMemebershipPackage .aai-left, .aai-right{
	float:left;
	width:450px;
	width:420px;
	-webkit-border-radius: .5em !important;
	-moz-border-radius: .5em !important;
		border-radius: .5em !important;
}

#dvMemebershipPackage .aai-left{
	background:#f7f7f7;
	padding:1em
}
#dvMemebershipPackage .aai-right{
	background:#eee;float:right;
	/*padding-bottom:.5em;*/
	padding:1em
}
.get-to-know-one-another-system{
	display:block;
	background:maroon;
	padding:1em;
	color:#fff;
	font:16px arial;
}
/* HEADING STYLES*/
 h1 { font-family: georgia, serif; font-size: 24px; font-weight: normal; padding-bottom: 16px;color:#cc6602; }
 h1.home{width:50%;float:left}
 h1.mobile{display:none}
 h2 { font-size: 15px;font-size:20px; margin-bottom: 3px;padding-bottom:10px;color:#b46242;font-weight:normal; padding:1em 0 1em 0;border-bottom:1px solid #eee;width:95%} 
 h2.affiliate-form{padding:1em 0 1em 0;margin:1em 0 0 0}
 h3 { font-size: 12px;font-size:16px; text-transform: uppercase;padding:1em 0 1em 0;color:#854201}
 h4 { font-size: 12px;font-size:14px; padding: 10px 10px 0 10px; }
 h5 { font-size: 12px; font-weight: normal; font-family: georgia, Trebuchet MS, serif; font-style: italic; margin-bottom: 18px; }
 h1.products { color: #777; font-family: helvetica, arial, sans, serif; font-size: 24px; font-weight: bold; padding: 80px 10px 10px 10px; border-bottom: 5px solid #f7f7f7; }
 a:link { color: #cc6602; font-weight: bold; text-decoration: none; }
 a:visited { color: #cc6602; font-weight: bold; text-decoration: none; }
 a:hover { color: #ff6600; font-weight: bold; text-decoration: none; }
 a:active { color: #cc6602; font-weight: bold; text-decoration: none; }
 h1 a { font-weight: normal; }
 img { border: 0; }
 br.clear{clear:both}
 p { padding-bottom: 14px; }
 ol {
 margin-left: 14px;
 margin-right: 0px; 
 padding-left: 14px; 
 padding-right: 0px;
 margin-bottom: 14px; 
 }
 ul {
 margin-left: 8px;
 margin-right: 0px; 
 padding-left: 8px; 
 padding-right: 0px;
 margin-bottom: 14px; 
 }
 li {
 padding: 1px 0 1px 0;
 }
/*----------------------------------------------------------------------- 
   Layout styles
 ------------------------------------------------------------------------ */
 #aai-contentarea {
 width: 950px;
 text-align: left;
/* background: #5B2712;5B544A*/
 padding-top: 26px;
 margin: 3px auto 0 auto;
 margin:1em auto;
 background:transparent;
 		 -webkit-border-radius: 5px; 
     -moz-border-radius: 5px; 
      border-radius: 5x; 

 }
 .aai_leftcolumn{width:300px;float:left}
 .aai_rightcolumn{width:300px;float:left;margin:0 0 0 2em}
 
 /* -----------------------NAVIGATION STYLES------------------ */
 nav,#nav {
 float: left;
 width: 670px;
 height: 20px;
 background: #transparent;
 margin: 0 0 0 .5em;
 padding: 0;
 position: relative;
 top: 0px;
 border-width:0;
 width:900px
 }
 nav span,#nav span { display:block; }
 nav li, #nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }
 nav a#nav li, #nav a, nav a#nav li, #nav a { padding:1em; display: block;color:#fff;text-align:center;
		 -webkit-border-radius: 5px; 
     -moz-border-radius: 5px; 
      border-radius: 5x;  }
 #nav1 { left: 0px; width: 85px; }
 #nav2 { left: 95px; width: 85px; }
 #nav3 { left: 190px; width: 85px; }
 #nav4 { left: 285px; width: 85px; }
 #nav5 { left: 380px; width: 85px; }
 #nav6 { left: 475px; width: 85px; }
 #nav7 { left: 570px; width: 85px;width:110px}
 
 #nav1 a:hover { background:#92390F;}
 #nav2 a:hover { background:#92390F;}
 #nav3 a:hover { background:#92390F;}
 #nav4 a:hover { background:#92390F;}
 #nav5 a:hover { background:#92390F;}
 #nav6 a:hover { background:#92390F;}
 #nav7 a:hover { background:#92390F;}
/*----------------------------------------------------------------------- 
   Quote styles
 ------------------------------------------------------------------------ */
 quote{ padding-left: 40px; padding-right: 30px; display: block; margin-bottom: 1em;}
 quote.mark{ background: transparent url("/gfx/lquote.gif") 0px 0px no-repeat; }


/*-----------------------------------------------------------------------
   News styles
 ------------------------------------------------------------------------ */

 #news-content {
 width: 950px;
 background: transparent url(/gfx/bg_news.gif) repeat-y;
 clear: both;
 }

 .news-pr {
 float: left;
 width: 255px;
 text-align: right;
 background-color: transparent;
 padding: 15px;
 margin-top:-5px;
 }

 .news-news {
 float: left;
 width: 259px;
 background-color: transparent;
 padding: 15px;
 color: #829C50;
 margin-top:-5px;
 }

 .news-buzz{
 float: left;
 width: 140px;
 background-color: transparent;
 padding: 15px;
 margin-top:-5px;
 }

 #header-news { 
 width: 950px;
 height: 148px;
 margin: 0;
 padding: 0 0 0 0;
 border: 0;
 }

 #news-content .item{ padding-bottom: 15px; }
 #news-content a{ display: block; font-size: 16px; }
 #news-content .news-buzz a{ font-size: 10px; line-height: 10px; margin-bottom:1em;}
 #news-content .date{ color: #999; }
 #news-content quote.mark{ background-image: url("/gfx/lquote_news.gif"); }
 #news-content div.mark{ position: absolute; }
 #news-content div.mark img{ position: relative; left:-15px; top:-1px; }

.clear {
	clear: both;
}

/*----------------------------------------------------------------------- 
   Support styles
 ------------------------------------------------------------------------ */

 #frame-support {
 width: 950px;
 text-align: left;
 background: url(/gfx/masthead_support.gif) top center no-repeat;
 padding-top: 130px;
 margin: 0 auto 0 auto;
 }

 .support {
 width: 950px;
 text-align: left; 
 background: url(/gfx/bg_support.gif) top center repeat;
 margin: 0 auto 0 auto;
 border-bottom: 1px solid #333;
 }

 #frame-support a:link { color: #006699; }
 #frame-support a:visited { color: #006699; } 
 #frame-support a:hover { color: #FF6600; text-decoration: underline; }
 #frame-support a:active { color: #006699; }

 #nav-support { margin: 0; padding: 0; }
 #nav-support ul { margin: 0 0 10px 0;  list-style: none; } 
 #nav-support li { margin:0; padding: 0; }
 #nav-support a:link { width: 166px; display: block; color: #fff; background-color: #555; padding: 5px 7px 5px 7px; border-bottom: 1px solid #999;}
 #nav-support a:visited { width: 166px; display: block; color: #fff; background-color: #555; padding: 5px 7px 5px 7px; border-bottom: 1px solid #999;} 
 #nav-support a:hover { width: 166px; display: block; color: #FFCC00; text-decoration: none; background-color: #777; padding: 5px 7px 5px 7px; border-bottom: 1px solid white;}
 #nav-support a:active { width: 166px; display: block; color: #fff; background-color: #555; padding: 5px 7px 5px 7px; border-bottom: 1px solid #999;} 

 .nav img{ padding-left: 40px; }
 .new { color: #FFF; padding: 0px 10px 10px 10px; }

 .col-one-support { float: left; display: inline; width: 90px; margin 0; }
 .col-two-support { float: left; display: inline; width: 180px; margin: 0; } 
 .col-two-support-padded { float: left; display: inline; width: 175px; margin: 0; padding-left: 5px; padding-bottom: 10px; }
 .col-three-support { float: left; display: inline; width: 270px; margin: 0;}
 .col-four-support { float: left; display: inline; width: 360px; margin: 0;}
 .col-six-support { float: left; width: 542px; margin: 0; padding: 14px 14px 14px 14px; }
 .col-six-support p { padding: 0px 0px 14px 0px; } 
 .footer-support p { padding: 10px; }
 .accessCommand { background-color: #FFFFFF; border-top: 1px solid #777; border-bottom: 1px solid #777; margin-bottom: 14px;  }
 .accessCommand p { padding: 10px; }
 .tutorialnote{ font-weight: normal; font-size: 80%; }
 h1.tutorial { color: #fff; font-weight: normal; background-color: #222; padding: 10px 10px 10px 10px; margin: 0px 0px 14px 0px; border-bottom: 2px solid #CC0000; } 

 .toc { float: right; background-color: #e9e9e9; padding: 0px 14px 0px 0px; border-left: 1px dotted #777; border-bottom: 1px dotted #777; margin: 0px 14px 0px 14px; }
 .prev { float: left; width: 270px; text-align: center; font-size: 18px; font-weight: bold; border-right: 1px solid #777; padding: 10px 0px 10px 0; } 
 .next { float: left; width: 271px; text-align: center; font-size: 18px; font-weight: bold; padding: 10px 0px 10px 0;  }
 #frame-support textarea{ width: 517px; height: 90px; padding: 10px; margin-bottom: 10px;}

 /* Site support styles */

 .bg-support { background: url(/gfx/bg_support_site.gif) repeat-y; }

 #header-support { 
 width: 950px;
 height: 130px;
 margin: 0;
 padding: 0 0 0 0;
 border: 0;
 border-bottom: 3px solid #f7f7f7;
 }

 .support-left {
 float: left;
 width: 160px;
 padding: 15px;
 }

 .support-right {
 float: left;
 width: 520px;
 padding: 20px;
 }

 #name, #email, #text { width: 150px; }
 
/*----------------------------------------------------------------------- 
   Search and form styles
 ------------------------------------------------------------------------ */
 
 #search {
 float: left;
 width: 180px;
 height: 31px;
 background: url("/gfx/search.gif") no-repeat;
 }
 
 #search input {
 color: #555555;
 font-family: arial;
 font-size: 12px;
 width: 102px;
 background: url(/gfx/bg_search.gif) no-repeat;
 background-color: #e5e5e5;
 padding: 2px 0px 2px 5px;
 margin: 5px 0 0 60px; 
 border: 0;
 }
 
 form { display: inline; }
 
 select {
 width: 120px;
 background: url(/gfx/bg_search.gif) no-repeat;
 padding: 0px 0px 1px 3px;
 background-color: #e5e5e5;
 border: 0;
 }
 
 
/*----------------------------------------------------------------------- 
   Column styles - allows re-use of columns for flexible layout
 ------------------------------------------------------------------------ */
 
 .col-one { float: left; display: inline; width: 85px; margin: 0 0 0 10px; }
 .col-one-end { float: left; width: 75px; margin: 0 0 0 10px; padding-left: 10px; }
 .col-two { float: left; display: inline; width: 170px; margin: 0 10px 0 10px; }
 .col-three { float: left; width: 265px; margin: 0 10px 0 0; }
 .col-three-left { float: left; width: 265px; margin: 0 10px 0 10px; }
 .col-three-end { float: left; width: 265px; margin: 0; }
 .col-four { float: left; width: 360px; margin: 0 10px 0 10px; }
 .col-five { float: left; width: 445px; margin: 0 10px 0 10px; }
 .col-five-nopad { float: left; width: 445px; margin: 0; }
 .col-six { float: left; width: 550px; margin: 0 0 0 10px; }  

/*----------------------------------------------------------------------- 
   Front page styles
 ------------------------------------------------------------------------ */
 
 #header-front {
 width: 950px; 
 height: 250px;
 padding-top: 10px;
 border-bottom: 0px solid #f7f7f7; 
 }

 header, #header,#aai-header-img {
 width: 950px; 
 height:100px;
/* height: 199px;*/
 border-bottom: 3px solid #f7f7f7; /*8cc73f*/
 background:#f7f7f7;
 border-top:0px;
 }
 
 #aai-left{
 float: left;
 width: 334px;
 background:#fff;
 padding: 20px;
 border-right: 0px dotted #CCC;
 width:915px;
 width:910px
 }
 #aai-right {
 float: right;
 width: 530px;
 background:#fff;
 padding: 20px; 
 border-style:solid;border-width:0px;
 }
#aai-right a{
	
	font-weight:lighter;
}
#aai-right h2 a{
	font-weight:bold;
}
#aai-right li{
	list-style-type:circle;
}

.aai-exchange-left, .aai-exchange-right{float:left}
.aai-exchange-left{width:65%}
.aai-exchange-right{width:28%}
 #newsScroller {
 float: left;
 width: 450px;
 font-size: 13px;
 }
 
#aai-ad{
	border-style:solid;
	border-width:1px;
	width:320px;
	padding:.5em;
	border-color:#eee;
	float:left;
}
 
/*----------------------------------------------------------------------- 
 Partner Detail Form Styles
 ------------------------------------------------------------------------ */ 
 #PartnerForm label{float:left;width:200px;}
 #CustomerName, #CustomerEmail, #CustomerForm{border-style:solid;border-width:1px;float:left;}
 #Submit{margin:0 0 0 200px;border-width:1;border-style:solid;width:100px;background:#ccc;}

div.right-side{ position: relative; left: 380px;}
div.left-side{ position: relative;  text-align: right; left: -130px; _left: -490px;}
div.note p{ position: absolute; left: auto; width: 110px; }
.name{ width: 115px; float: left; display: inline; text-align: right; padding-right: 10px; }
.description{ width: 220px; float:left; display: inline; margin-bottom: 3px;}
.divider{ width: 360px;height: 3px;}


/*----------------------------------------------------------------------- 
   Image Template styles (for screenshots, etc)
 ------------------------------------------------------------------------ */

 #image-template {
 color: #FFF;
 background: #333;
 margin: 0 auto 0 auto;
 text-align: center;
 }

 #image-template-nav {
 width: 100%
 height: 60px;
 background: url(/gfx/bg_image_humanized.gif) no-repeat center #f7f7f7;
 padding: 0 0 15px 0;
 margin: 0 auto 0 auto;
 }

 .screenshot {
 background-color: #e9e9e9;
 padding: 15px;
 margin-top: 30px;
 }
 

/*----------------------------------------------------------------------- 
   Weblog styles
 ------------------------------------------------------------------------ */

 #header-weblog { 
 width: 950px;
 height: 130px;
 text-align: left;
 background: url(/gfx/header_weblog.jpg) center no-repeat;
 border-bottom: 3px solid #f7f7f7;
 }
 
 #header-weblog-ad { 
 width: 950px;
 height: 90px;
 text-align: center;
 margin: 0px 0 10px 0;
 padding: 10px 0px 10px 0;
 border-bottom: 3px solid #f7f7f7;
 }
 
 .header-left {
 float: left;
 width: 116px;
 height: 130px;
 }
 
 .header-right {
 float: left;
 width: 600px;
 font-family: georgia, arial; 
 font-size: 24px; 
 line-height: 28px;
 color: #FFF; 
 padding: 11px 0 0 15px;  
 }
 
 .weblog-nav { width: 950px; background: url(/gfx/rule_dotted.gif) bottom no-repeat; }
 .weblog-nav p { padding: 0; margin-bottom: 10px; }
 .weblog-footer { width: 950px; margin: 10px 0 0 0; }
 .weblog-footer p { padding: 0; margin-bottom: 10px; }  
 .post { width: 950px; margin-top: 18px; } 
 .post-news { margin-top: 28px; }
 .comments-head {
 border-bottom: 1px solid #CCC;
 padding: 5px 0 5px 0;
 margin-bottom: 10px;
 }
 
 .comm-left { float: left; width: 500px; }
 .comm-right { float: left; width: 250px; } 
 .col-three-left input { font-family: arial; font-size: 11px; border: 1px solid #CCC; padding: 2px; }
 .col-three-left textarea { font-family: arial; font-size: 12px; width: 250px; border: 1px solid #CCC; padding: 2px; }
  .submit { background-color: #cc6602; color: #FFF; border: 1px solid #cc6602; text-transform: uppercase; font-weight: bold; }


/*----------------------------------------------------------------------- 
   News styles
 ------------------------------------------------------------------------ */
 
 #press-contact {
 background-color: #ffffcc;
 padding: 18px 0 0 0;
 border-bottom: 1px solid #ffffcc;
 }
 

/*----------------------------------------------------------------------- 
   About Us styles
 ------------------------------------------------------------------------ */

 #header { 
 width: 950px;
 height: 165px;
 margin: 0;
 padding: 10px 0 0 0;
 border: 0;
 }
 
 #about-content {
 width: 950px;
 background: url(/gfx/bg_aboutus.gif) repeat-y;
 clear: both;
 }
 
 .about-left {
 float: left;
 width: 335px;
 background-color: transparent;
 padding: 20px;
 }
 
 .about-right {
 float: left;
 width: 335px;
 background-color: transparent;
 padding: 20px; 
 }
 

/*----------------------------------------------------------------------- 
   Privacy Policy styles
 ------------------------------------------------------------------------ */

 /* can also be used for general headers */
 #header-policy, #header-contact { 
 width: 950px;
 height: 130px;
 margin: 0 0 10px 0;
 padding:0;
 border: 0;
 border-bottom: 3px solid #f7f7f7;
 }
 
/*----------------------------------------------------------------------- 
	AAI Joint Venture Agreement styles
 ------------------------------------------------------------------------ */
 #aai_jointagreement{background:#fff;padding:.5em}
 #aai_jointagreement h3{font-size:16px}
 
/*----------------------------------------------------------------------- 
   Link styles
 ------------------------------------------------------------------------ */
 
 /* jump caret */
 a.jump { background: url(/gfx/caret_down.gif) center right no-repeat; padding: 0 14px 0 0; }
 a.screen { margin: 0 17px 0 0; }

/*----------------------------------------------------------------------- 
   Action footer styles
 ------------------------------------------------------------------------ */
footer,#footer, #aai-footer {
	 width: 738px;
	 border-top: 3px solid #f7f7f7;
	 /*padding: 5px 0 15px 0; FBE194*/
	 font-size: 11px;
	 font-size:0.8125rem;
	 line-height: 13px;
	 line-height:1.5rem;
	 padding:.5em;
	 background:#fff;
}
 #act-foot-one { float: left; width: 184px;}
 #act-foot-two { float: left; width: 180px;}
 #act-foot-three { float: left; width: 174px;}
 #act-foot-four { float: left; width: 180px;}
 
 #act-foot-one,#act-foot-two, #act-foot-three{
		width:930px;
		line-height:1.5em;
}
 #aai-more-features{background:#fff;width:750px;border-top:5px;border-color:#f7f7f7;}
 
 /* IE fix for sliding doors */
 html #aai-footer li {
	height: auto !important; height: 12px;
}
 
 .act-foot-head {
	height: 12px;
 	margin: 7px;
 	padding: 0;
 }

 .act-foot-head a {
	display: block;
	width: 100%;
	height: 12px;
 }
 

 #aai-footer a { color: #666; font-weight: normal; text-decoration: none; padding-top: 0; }
 #aai-footer a:hover { color: #ff6600; font-weight: normal; text-decoration: none; }
 
 #aai-footer p { color: #FFFFFF; padding: 0px 10px 10px 10px; }
 #aai-footer span { display: none;}

 #aai-footer ul {
	list-style-type: none;
	margin: 0;
 }
 
/*----------------------------------------------------------------------- 
   Footer styles
 ------------------------------------------------------------------------ */

 footer,#footer { 
 	width: 950px;
 	height: 50px;
 	 	height: 80px;
 	 	width:960px;
 	padding-top: 30px;
 	font-size: 11px;
 	background:transparent;
 	border-top: 0px solid #CCC;
 	color:#fff;
 	text-align:left;
		 -webkit-border-radius: 5px; 
     -moz-border-radius: 5px; 
      border-radius: 5x; 
 }

 #footer p { text-align: center; color: #999; padding: 0px 90px 18px 90px; }

 #footer a,footer a { color: #fff!important; font-weight: bold; text-decoration: none; }
 #footer a:hover, footer a:hover { color: #FF6600; font-weight: bold; text-decoration: none; }


/*----------------------------------------------------------------------- 
  Text sizing and styles
 ------------------------------------------------------------------------ */

 .s { font-size: 10px; } /* small: 10px */
 .m { font-size: 11px; line-height: 16px; } /* medium: 11px */
 .xl { font-size: 15px; line-height: 22px; }
 .b { font-weight: bold; } /* bold */
 .up { text-transform: uppercase; } /* uppercase */
 .light-grey { color: #999999; } /* light grey */
 .lighter-grey { color: #ccc; } /* lighter grey */
 .red { color: #CC0000; } /* red */
 .right { text-align: right; } /* align text, right */
 .pad-l { padding: 0 0 0 10px; }
 .blue { color: #0066cc; } /* blue color */
 .rule { border-bottom: 1px solid #a9a9a7; margin: 8px 0 4px 0; }
 .top-rule-dotted { height: 1px; background: url(/gfx/rule_dotted_repeat.gif) top repeat-x; padding: 10px 0 10px 0; margin-bottom: 16px; }
 .command, code { font-family: courier new, courier, sans; font-size: 13px; color: #003366; }
 
 .archive-title { font-family: georgia, arial; font-size: 26px; color: #FFF; margin: 20px 0 0 10px;  }
 
 .bg-grey { background-color: #efefef; }

 .double-rule {  margin: 2px 0 16px 0; border-top: 3px double #CCC; }

/*----------------------------------------------------------------------- 
   Branding styles
 ------------------------------------------------------------------------ */

.brand {
  font-family: Times New Roman;
  font-variant: small-caps;
  }



/*----------------------------------------------------------------------- 
   New styles for the new site look, Saturday, February 28, 2009
   
   F6DB66
 ------------------------------------------------------------------------ */

#nav, #navwrapper {
 border-bottom: 0px solid #f7f7f7;
 height: 50px;
}  

/* New styles for the Launcher pages. */
.linklist {
  padding : 0 0 0 0;
}

 #header-beta { 
 	width: 950px;
 	height: 189px;
 	margin: 0;
 	padding: 0;
 	border-bottom: 3px solid #f7f7f7;
 }
 
 #beta-img {
	position: absolute;
}
 
 #beta-learn {
	position: relative;
	top: 160px;
	left: 458px;
	font: normal 27px "Times New Roman", Georgia, Times, serif;
	text-transform: uppercase;
	width: 190px;
}

#beta-download {
	position: relative;
	background: url(/gfx/beta_download_all.gif) top center no-repeat;
	width: 182px;
	height: 35px;
	top: 343px;
	left: 550px;
	color: #CCC;
	text-transform: uppercase;
}

#beta-download a, #beta-download a:visited {
	display: block;
	width: 151px;
	height: 32px;
	padding-left: 31px !important; padding-left: 35px;
	padding-top: 3px !important; padding-top: 2px;
	color: #CCC;
}

#beta-download a:hover {
	text-decoration: underline;
}

/*-----------------------------------------------------------------------
   siFR
 ------------------------------------------------------------------------ */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #beta-learn {
	visibility: hidden;
	font-weight: bold;
}

.sIFR-hasFlash #labs-content h2 {
	visibility: hidden;
	font-size: 18px;
}
#act-foot-one a.previewlink, #act-foot-two a.previewlink, #act-foot-three a.previewlink{
	float:left; 
	display:block;
	margin:.5em 0 0 .5em;
	padding:1em;
	/*padding-right:.5em;
	padding-bottom:.5em;*/
	border-style:solid;
	border-width:0px;
	border-color:#ccc;
	background:#782D0E;
	color:#fff;
	-webkit-border-radius: .5em !important;
	-moz-border-radius: .5em !important;
	border-radius: .5em !important;
}
/* FORM VALIDATION */
.validation{color:red}


/* TAB PANEL STYLES*/
#tp1 {
width: 930px;
padding:1em 0 1em 0
}

/*AAI HOME PAGE STYLES */
div.TabbedPanelsContentGroup.home{background:#fff;border-style:solid;border-width:0px;font-size:12px;line-height:1.5em;color:#000}
div#act-foot-one.home{width:100%}
div.aai.home.ads{float:left;width:30%;margin-top:-2em}
div.become-an-affiliate{float:left;border:1px solid #eee}
img.rss{border:0;width:20px;height:20px}
div.business.programs{float:left;width:65%}


/*AAI PAGE STYLES*/

div.aaiexchange.pages{background:#fff;padding:2em 1em 1em 1em}

/*AAI AFFILIATE FORM*/
form.affiliate-form p{padding:1em 0 1em 0;clear:both}
form.affiliate-form p label, form.affiliate-form p input, form.affiliate-form p select{float:left}
form.affiliate-form p label{width:140px;text-align:right}
form.affiliate-form p label.small{width:50px}
form.affiliate-form p label.long{width:200px}
form.affiliate-form p input,form.affiliate-form p select, form.affiliate-form p textarea{	-webkit-border-radius: .5em !important;
	-moz-border-radius: .5em !important;
	border-radius: .5em !important;
	border:1px solid #ddd
}
form.affiliate-form p input,form.affiliate-form p select{padding:.4em}
form.affiliate-form p input[type='submit']{margin:-2em 0 0 170px;width:200px;padding:.5em;background:#0b482e;color:#fff}
form.affiliate-form p input.wid70{width:70px}

form.affiliate-form p input.wid80{width:80px}

form.affiliate-form p input.wid250{width:250px}
form.affiliate-form p input.wid300{width:300px}
form.affiliate-form p input.wid800{width:800px}

/*AAI EXCHANGE SEVEN FREE LESSONS */

div.aaiexchange.pages.seven-free-lessons{position:relative}
.wizard ul, .tabcontrol ul {list-style: none!important;	padding: 0;margin: 0}
.wizard>.steps .current a, .wizard>.steps .current a:hover, .wizard>.steps .current a:active {
	background: #c1482b;color: #fff;cursor: default;width:200px
}

ul[role$='tablist']{float:left;width:30%;width:100%}
.wizard>.steps a, .wizard>.steps a:hover, .wizard>.steps a:active {
	display: block;
	width: auto;
	margin: 0 .5em .5em;
	padding: 1em 1em;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:150px
}
.wizard>.steps .current a, .wizard>.steps .current a:hover, .wizard>.steps .current a:active {
	color: #fff;
	cursor: default;
}
.wizard>.steps .current a, .wizard>.steps .current a:hover, .wizard>.steps .current a:active {
	color: #fff;
	cursor: default;
}
.wizard.vertical>.steps>ul>li {float: none;width: 25%;}
.wizard.vertical>.steps>ul>li a{width:200px}
.wizard.vertical>.content{
	/*display: inline;*/
	float: left;
	/*margin: 0 2.5% .5em 2.5%;*/
	width: 68%;
}


.wizard>.content {
	background: #f2f2f2;
	display: block;
	margin: .5em;
	min-height: 35em;
	overflow: hidden;
	position: relative;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}/*


div#seven-free-lessons.wizard.clearfix.vertical div.actions.clearfix ul li a{/*display:block;position:fixed;top:200px;left:200px}*/


/* TAB STYLES */
	div.aai-exchange-tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all div{padding:1em 1em 0 1em}
	div.aai-exchange-tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all div h3{margin:2em 0 0 0}    

.TabbedPanelsContent{min-height:450px} 
	
	           
/*BUTTON STYLES */

.button {
	/*
  color: #cc6602;
  background: rgba(0,0,0,0);
  border: solid 5px #cc6602!important;
*/
  
    color: #fff!important;
  background-color: #cc6602!important;
  text-shadow: -1px 1px #7D3E00!important;
  border: none!important;
    padding:1em!important;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center
}
.button:hover,
.button.hover {
	/*
  border-color: #cc6602!important;
  color: #7D3E00!important;*/
    background-color: #7D3E00!important;
  text-shadow: -1px 1px #27496d;
}
.button:active,
.button.active {
  border-color: #7D3E00!important;
  color: #7D3E00;
}

/*TESTIMONIALS*/
ul.testimonials li:nth(even){background:#ccc}
article.testimonials ul li{list-style-type:none;color:#000;padding:.5rem .1rem .5rem 0rem}
article.testimonials ul li:nth-of-type(even){background:#f7f7f7;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}


/*BLOCKQUOTE*/
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}



/*----------------------------------------- MOBILE DETECTION ---------------------------------------------------------*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px)and (max-device-width : 480px) {
	body{min-width:100%;margin:0}
	header{background:transparent;height:30px}
	header a img,#header a img,#beta-img a img{display:none}
	h1.mobile{display:block;color:#fff}
	section,#aai-contentarea{width:480px}
		div.business.programs,#navwrapper #nav ul,#aai-header-img,nav,#nav,header,#header,#aai-left,#tp1,footer,#footer{width:100%}
	#act-foot-one, #act-foot-two, #act-foot-three,#act-foot-one div, #act-foot-two div, #act-foot-three div{width:70%}
	#nav ul li a,#navwrapper #nav ul li,nav ul li,#nav ul li, #nav1, #nav2, #nav3,#nav4,#nav5,#nav6,#nav7{clear:both}
	nav ul,#nav ul{width:480px;word-wrap:break-word;text-wrap:unrestricted; word-wrap: normal;}
	div.aai.home.ads{clear:both}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body{min-width:100%;margin:0}
	header{background:transparent;height:30px}
	h1.mobile{display:block;color:#fff}
		section,#aai-contentarea{width:480px}
	header a img,#header a img,#beta-img a img{display:none}
	.TabbedPanelsContent,div.business.programs,#navwrapper #nav ul,#aai-header-img,nav,#nav,header,#header,#aai-left,#tp1,footer,#footer{width:100%}
	#act-foot-one, #act-foot-two, #act-foot-three,#act-foot-one div, #act-foot-two div, #act-foot-three div{width:50%}
	#nav ul li a,#navwrapper #nav ul li,nav ul li,#nav ul li,#nav1, #nav2, #nav3,#nav4,#nav5,#nav6,#nav7{clear:both}
	
	div.aai.home.ads{clear:both}
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	/*body{min-width:100%;margin:0}
	header{background:transparent;height:30px}
	h1.mobile{display:block;color:#fff}
	div#beta-img a img{display:none}
	section,#aai-contentarea{width:320px}
		div.business.programs,#navwrapper #nav ul,#aai-header-img,nav,#nav,header,#header,section,#aai-left,#tp1,footer,#footer{width:100%}
	#act-foot-one, #act-foot-two, #act-foot-three,#act-foot-one div, #act-foot-two div, #act-foot-three div{width:70%}
	#nav ul li a,#navwrapper #nav ul li,nav ul li,#nav ul li, #nav1, #nav2, #nav3,#nav4,#nav5,#nav6,#nav7{clear:both}
	div.aai.home.ads{clear:both}
	nav ul,#nav ul{width:320px}
	nav ul,#nav ul{width:320px;word-wrap:break-word;text-wrap:unrestricted; word-wrap: normal;}
	*/
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	body{min-width:100%;margin:0}
	header{background:transparent;height:30px}
	h1.mobile{display:block;color:#fff}
	div#beta-img a img{display:none}
	section,#aai-contentarea{width:320px}
		div.business.programs,#navwrapper #nav ul,#aai-header-img,nav,#nav,header,#header,section,#aai-left,#tp1,footer,#footer{width:100%}
	#act-foot-one, #act-foot-two, #act-foot-three,#act-foot-one div, #act-foot-two div, #act-foot-three div{width:70%}
	#nav ul li a,#navwrapper #nav ul li,nav ul li,#nav ul li, #nav1, #nav2, #nav3,#nav4,#nav5,#nav6,#nav7{clear:both}
	div.aai.home.ads{clear:both}
	nav ul,#nav ul{width:320px}
	nav ul,#nav ul{width:320px;word-wrap:break-word;text-wrap:unrestricted; word-wrap: normal;}
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}