body { 
  font-size: 12px;
  font-family: " Trebuchet MS", Arial, sans-serif;
}

a   {outline:none;}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
html body * hr.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

.left   { float:left;}
.right  { float:right;}

p { line-height:24px; margin-bottom:20px;}
/* warning message */
.notice { padding:10px 10px 10px 35px; margin:0 0 20px 0; background: url(../images/stop.gif) 10px 50% no-repeat #fff; color: #E25415; border:3px solid #FF8050; display:block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

textarea {display:block; width:560px; height: 160px; margin-top:20px;}

/* Default rules for Signup page
-------------------------------------------------------------- */  
html                        { padding:0; margin:0;}
body                        { padding:0; margin:0; background:#EEEEEE none repeat scroll 0 0;}
                        
.headerWrapper              { height:80px; background:#0D161F; margin:0 0 0 0; padding:0;}
.headerWrapper .header      { height:80px; width:940px; display:block; margin:0 auto; padding:0;}

.featuredWrapper            { background:#E4DCE7 url(../images/bgFeatured.jpg) no-repeat scroll center center; border-bottom: 1px solid #DCC6DD; height:151px; display:block;}
.featured                   { width: 960px; margin:0 auto; height:131px;}
.featured img               { margin:20px 40%; width:168px; height:91px;} 
.secondaryWrapper           { margin:0px auto 0 auto; padding:0;}
.contentWrapper             { width:958px; margin:-20px auto 0 auto; border-bottom:none;  background: url(../images/bgThankyou.jpg) repeat-y top right #fff;}
.contentBottom              { width:960px; height:60px; display:block; background:url(../images/bgSignup_footer.jpg) no-repeat; margin:0 auto;}

.headerWrapper .header h1.logoWorks     { width:200px; height:46px; display:block; background: url(../images/worksNeg.gif) no-repeat; text-indent:-9999px; margin:17px 0 0 0; padding:0; float:left;}

/* mini logos */
.works_mini		{background:url(../images/works_mini.gif) no-repeat; height:11px; padding-left:78px; display:block; float:left; margin-top:-4px;}
.footer         {font-size: 9px; color: #666; text-align:left; margin: 0px auto 20px auto; padding:20px 0 0 10px; width:950px; display:block;}
	.footer a:link, 
	.footer a:visited   { color: #666;}
    .footer a:hover     {color: #fff;background: #666;}

/* aggrement overflow */
.agreement              { height:200px; width:578px; overflow: auto; border:1px solid #ccc; padding:20px; margin:0 auto; background:#fff;}
    .agreement h1       { font-size:16px; font-weight:bold;}
    .agreement h2       { font-size:14px; font-weight:bold;}
    .agreement ol, .agreement ul   { margin:10px 20px 10px 20px; padding-left:20px;}
.agreewithme            { width:598px; margin:20px auto; padding:10px; background:#FBF7FB; border-top:1px solid #F3E9F5;  }

.pdfVersion             { display:block; margin:20px 0 0 0;} 

.contentWrapper         { position:relative; border:1px solid #D7D7D7; border-bottom:none;}
.formWrapper            { float:left; margin:0 0px 0px 0; background:#fff; padding:20px 20px 0 20px; width:620px;}
.textWrapper            { float:left; width:298px; } 
.textWrapper p          { margin:20px; text-align:center;}
.thankYou               { width:258px; margin:40px auto; text-align:center; }
.thankYou h1            { font-size:28px; margin:20px auto 0 auto; text-transform:uppercase; font-family:Georgia;}
.thankYou h2            { font-size:13px; margin:5px auto 40px auto;}
.thankYou p             { line-height:22px; text-align:left;}

.thanks                 { display:block; text-indent:-9999px; background:url(../images/thanks.gif) no-repeat; width:250px; height:63px; border-bottom:1px solid #C7C7C7; margin:0 auto 20px auto;}
.bwebNext               { display:block; text-indent:-9999px; background:url(../images/bwebNext.gif) no-repeat; width:200px; height:40px; margin:0 auto 10px auto;}
.endThanks              { display:block; text-indent:-9999px; background:url(../images/thanks.jpg) no-repeat; width:100%; height:46px; padding-bottom:20px; border-bottom:1px solid #C7C7C7; margin:0 0 20px 0;}

.formBubble             { width:620px; margin:0 auto 20px auto;}
.formBubble-top         { width:620px; height:20px; display:block; background: url(../images/bgBubble.gif) top left no-repeat;}
.formBubble-bottom      { width:620px; height:20px; display:block; background: url(../images/bgBubble.gif) bottom left no-repeat; margin-top:-20px;}
.formBubble-clear .formBubble-bottom      { background: url(../images/bgBubble-clear.gif) bottom left no-repeat; margin-top:-20px;}

ul.form                 { background:#FDFBFF; border-left:1px solid #E9D0F9 ; border-right:1px solid #E9D0F9; margin:0; padding:0 20px 20px 20px; }
ul.form li              { margin:0 0 10px 0; padding:0 0 0px 0;}  
ul.form li ul           { background:none; border:none;} 
ul.form li ul li        { border:none; padding:0;}
ul.form li label            { font-weight:bold; display:block; line-height:26px; text-align:left; margin:0 10px 0 0;} 
ul.form li p                { margin:0; width: 100%; line-height:22px;}
ul.form li p.question       { margin-bottom:5px;}
ul.form li h3               { font-size:16px; font-weight:bold; margin-top:20px; }
ul.form li h4               { font-size:14px; font-weight:bold; margin-top:20px; }
ul.form li input[type=text] { padding:5px; width: 226px; border:1px solid #A67FB8;}
ul.form li input[disabled], ul.form li select[disabled]  { background:none; border:none; color:#000;}
ul.form li input:focus      { background:#FFFFCC;}
ul.form select          { padding:5px; border:1px solid #A67FB8; }
ul.form label           { font-weight:normal;}


ul.formClean li input[disabled], ul.form li select[disabled]  { background:#fff; border:1px solid #ccc; color:#333 ! important;}

ul.form li.phone {}
    ul.form li.phone input           { float: left; width:40px; margin-right:5px;}
    ul.form li.phone span.phoneext   { float: left; color:#333; margin:0; width:30px; width:20px;}
    ul.form li.phone input.phone3    { width:25px;}
    ul.form li.phone input.phone4    { width:35px;}
    ul.form li.phone input.phoneext  { width:70px; margin:0 0 0 0;}
    ul.form li.phone select          { padding:0;}
    	
ul.form li.addyWrapper      {}  
ul.form li.addyWrapper li   { margin-bottom:5px;}
ul.form li.addyWrapper input[type=text]          { width:340px;}

ul.form li.radio label      { float:none;} 
ul.form li.radio2           { border-bottom:1px solid #ccc; margin-bottom:10px; padding:10px 0;}
ul.form li.radio2 input     { float:left; margin-top:0px;} 
ul.form li.radio2 label     { float:left; width:400px; text-align:left; margin:0 0 0 10px; line-height: normal;}  	
ul.form li.radio2 input[type="text"]	{ margin: 10px 10px 0 0; width:80px; display:block;}
ul.form li.radio2 input[disabled]	{ border:1px solid #fff; background:none; color:#000 ! important;}

ul.survey li {margin-bottom: 40px}
ul.survInput input[type="text"] {width:200px ! important;}
ul.survInput label {width:400px ! important;}

p.question {font-size: 16px; margin-bottom: 20px;}

#ctl00_ContentPlaceHolder1_liTotal      { text-align:right; padding-right:10px;}


.course         { margin:0; display:block; float:left;}
.course label   { width:auto ! important;}
.groupTotal     { float:right;}
.session        { width:80px; margin:0 20px 0 0; display:block; float:left;}
.sessionTotal   { width:80px; margin:0; display:block; float:left; text-align:right;}

.company            { background:url(../images/icon-briefcase-48.png) no-repeat; padding:0 0 0 55px; height:48px; line-height:52px; }
.plan               { background:url(../images/icon-paper-48.png) no-repeat; padding:0 0 0 55px; height:48px; line-height:52px; }
.pay                { background:url(../images/icon-dollar-sign-48.png) no-repeat; padding:0 0 0 55px; height:48px; line-height:52px; }
.admin              { background:url(../images/icon-team-48.png) no-repeat; padding:0 0 0 55px; height:48px; line-height:54px; }

.backUp             { margin:200px 0 0 0;}
.backup a.linkUp    { position:fixed;}

.btnBack            { width:300px; height:40px; display:block; background:url(../images/btnsNext.jpg) top left;}
.btnBack:hover      { background:url(../images/btnsNext.jpg) bottom left;}

.btnNext            { width:300px; height:40px; display:block; background:url(../images/btnsNext.jpg) top right;}
.btnNext:hover      { background:url(../images/btnsNext.jpg) bottom right;}

.amount				{ padding:5px; width: 226px; background:none; border:none; height: 15px; display: block; color: #000; float:left;}

.aggrementWrapper       { }
.aggrementWrapper h2    { font-size:16px; font-weight:bold;}
.licenseWrapper         { }
.browserAggrement       { margin:40px 0; padding:40px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}

.browserAggrement p     { line-height:22px; }

/* Default rules for Blue Ticket
-------------------------------------------------------------- */ 	
body.blue               { background:url(../images/bgBlue2.jpg) repeat-x;}

.blue .contactUs, .blue .formMicro-header, .blue .formTop, .blue .formBottom , .blue .microThankyou, .blue .links      { }
.blue .microThank       { background:none; width:auto; height:auto; padding:none;} 

.blue p.home            { }
.blue .header           { width:860px; margin:50px auto 0 auto;  /*hiding for closing of promotion */}
.blue .wrapper          { width:860px; margin:0 auto;  }
.blue .container        { width:860px; background: url(../images/ticket.jpg) no-repeat bottom right; padding-bottom:25px;  /*hiding for closing of promotion */}
    .blue .orange             { background: url(../images/bgOrange.gif) no-repeat bottom right;}
    
.blue .content          { width:520px; float: left;}

.blue .formWrapper      { float:right; width:283px;  }
.blue .form             { width:283px; height:605px; background: transparent url(../images/full-ticket.png) no-repeat;}
.blue .form  p          { margin:0px auto 0 auto; color:#fff; padding:55px 0 0 0; width:180px; font-size:14px; text-align:center; font-weight:bold;}
.blue .form ul          { height:373px; width:215px; list-style:none; padding:0; margin:15px auto 0px auto;}
.blue .form ul li       { list-style:none; margin:0 0 5px 0; padding:0;}
.blue .form ul li label { color:#fff; display:block; margin:0 0 2px 0; font-size:10px;}
.blue .form ul li input { display:block; width:215px; height:14px; font-size:10px; margin:0;}

.blue .form ul li.first { width:100px; float:left; margin:0 11px 5px 0; padding:0;}
.blue .form ul li.first input { width:100px; padding:0;}

.blue .form ul li.last          { width:100px; float:left; padding:0; margin:0;}
.blue .form ul li.last input    { width:100px; padding:0; }
.blue .form ul li.title         { clear:both;}

/* phone number */
.blue .form ul li.phone {}
    .blue .form ul li.phone input           { float: left; width:40px; margin-right:5px;}
    .blue .form ul li.phone span.phoneext   { float: left; color:#fff; margin:0; width:30px; width:20px;}
    .blue .form ul li.phone input.phone3    { width:25px;}
    .blue .form ul li.phone input.phone4    { width:35px;}
    .blue .form ul li.phone input.phoneext  { width:70px; margin:0 0 0 0;}
    .blue .form ul li.phone select          { padding:0;}
    
/*zip code */
.blue .form ul li.zip   { float:left; width:50px;  margin-left:0px;}
    .blue .form ul li.zip input { width:50px;}
    
.blue .footerWrapper    { border-top:1px solid #505153; padding:25px 0;  /*hiding for closing of promotion */ }
.blue .footer           { width:860px; margin:0 auto 0 auto; color:#A6A6A6; border-top:none; padding:0; font-size:11px;}
.blue .footer p         { margin-bottom:20px;}
h1.logo           { background: url(../images/aapLogo.png) no-repeat; display:block; text-indent:-9999px; width:181px; height:98px;}

.blue .microFooter  { display:none;}
/* Typography */
.blue h1                { font-size:46px; margin-bottom: 10px; color:#00376D;}
.blue h2                { font-size:22px; margin:0 0 30px 0; color:#00376D;}
.blue strong            { color:#E05315;}
.blue p                 { line-height:20px; margin:10px 0;}

.blue .submit           { background:url(../images/btnSubmit.jpg); width:142px; height:27px; display:block; text-indent:-9999px; margin:10px auto;}

ul.info                 { list-style:none; margin:0; padding:0; color:#00376D; font-size:14px; margin:25px 0 0 0; font-weight:bold;}
ul.secondaryInfo        {list-style:none; margin:0; padding:0; font-size:14px;}
ul.secondaryInfo li     { margin:0 0 15px 0; font-size:12px;}
    ul.secondaryInfo li input[type=text]    { display:block; width:200px; margin:5px 0 0 0; height:14px;}
    ul.secondaryInfo li select              { margin:0 10px;}
    ul.secondaryInfo li p                   { font-size:12px;}
    p.highlight     { color:#00376D; font-weight:bold;}

ul.secondaryInfo label  { font-weight:normal;}    
    
p.contact    { padding-bottom:140px; margin:30px 0 0 0;}


.blue .blueImage        { background:url(../images/blueTicket.png) no-repeat; background-position:center; width:860px; height:1021px; display:block;}
.micro .blueImage       { display:none;}
/* Modal */
.blue .modWrapper                     { background: url(../images/modalTop.gif) repeat-y; width: 640px; padding:10px 10px 0 10px; position:absolute; top:25%; left:25%; display:block; }
.blue .modContainer                   { width: 600px; margin: auto; padding:20px 20px 0 20px; }
.blue .modWrapper .modWrapper-bottom  { display:block; height:30px; width:660px; background: url(../images/modal-bottom.gif) no-repeat; margin:0 0 0px -10px; }
.blue .modContainer h1                { font-size:18px;}
.blue .modContainer p                 { line-height:24px;}
.blue .modContainer p strong          { font-size:14px; font-weight:bold;}  

.micro .modWrapper                     { background: url(../images/modalTop.gif) repeat-y; width: 640px; padding:10px 10px 0 10px; position:absolute; top:25%; left:25%; display:none; }

/* Default rules for Microsite
-------------------------------------------------------------- */

body.micro              { padding-top:40px; background:#fff;}
.micro .wrapper         { width:960px; margin:0 auto;}
.micro .container       { width:960px; margin:0;}
.micro .microsite       { width:720px; margin:0 20px 0 0; float:left; display:inline;}

p.home                  { width:940px; margin:0 auto 20px auto; }
.microHeader            { width:720px;}
    .microHeader-top h1     { font-size:20px; line-height:24px;}
    .microHeader-top p      { line-height:18px;}


.microHeader-top ul.tags    { margin:15px auto}
    ul.tags li              { margin:0 20px 0 0; float:left; text-transform:uppercase; font-weight:bold; font-size:18px;}
    ul.tags li.purple       { color:#662E8E;}   
    ul.tags li.orange       { color:#FF7F00;}
    ul.tags li.green        { color:#91AD3D;} 
    
.microHeader-top         { background:url(../images/microHeader-top.jpg) no-repeat; width:360px; min-height:260px; display:block; margin:0; padding:20px 20px 0 340px;}
.microHeader-bottom      { background:url(../images/microHeader-bottom.jpg) no-repeat; width:720px; height:30px; display:block; margin:0;}
    
.codaWrapper            { background:url(../images/bgCoda.jpg) no-repeat;}
.codaWrapper h2         { color:#663366; font-size:14px; font-weight:bold; padding:10px 0 0 0; margin:0 10px 10px 10px;}
.micro .formWrapper     { width:220px; padding:0; margin:0; float:left; display: inline;}
.micro .formFix         { /* position:fixed; */}
.micro .form            { width:220px; background:#0060B6; color:#fff;}     
    .micro .form p              { width:200px; margin:20px auto;}    
    .micro .form ul             { width:200px; margin:0 auto;}
    .micro .form ul li          { margin:0 0 5px 0;}
    .micro .form ul li.left     { float:none;}
    .micro .form ul li.title    { display:block;}
    .micro .form ul label       { display:block; margin:0 0 5px 0; font-size:11px; font-weight:normal;}
    .micro .form ul input       { width:100%; height:14px; border:none; background:#fff;}
    .micro .submit              { background: url(../images/submitWhite.gif) no-repeat; color:#2C5EA9; width:142px; height:31px; display:block; margin:10px auto 10px auto; border:none;}       
    .formTop                    { display:block; height:10px; background:url(../images/formBleed.gif) top left;}
    .formBottom                 { display:block; height:10px; background:url(../images/formBleed.gif) bottom left;}
    
    /* phone number */
    .micro .form ul li.phone {}
        .micro .form ul li.phone input           { float: left; width:40px; margin-right:5px;}
        .micro .form ul li.phone span.phoneext   { float: left; display:inline; color:#fff; margin:0; width:30px; width:20px;}
        .micro .form ul li.phone input.phone3    { width:25px;}
        .micro .form ul li.phone input.phone4    { width:35px;}
        .micro .form ul li.phone input.phoneext  { width:80px; margin:0 0 0 0;}
        .micro .form ul li.phone select          { padding:0;}

        .micro .form p.blueForm                     { display:none;}
        .micro .form div.formMicro-header h1        { font-size:22px; font-weight:bold; text-align:center; color:#fff; padding:10px 0 0 0; margin-bottom:-10px;}
        .micro .form div.formMicro-header p         { text-align:center;}
        .micro .contactUs                           { margin:20px 0 0 0;}
        .micro .contactUs p                         { margin:0 0 10px 0; text-align:center; color:#0060B6; font-size:12px;}
        .micro .contactUs p:first-child             { font-size:14px; font-weight:bold;}
        .micro .contactUs p:last-child              { line-height:18px;}
        .micro .contactUs strong                    { font-weight:normal; color:#000;}
        .micro .contactUs a                         { color:#0060B6;}
        
        .micro .form ul li.phone input.phoneext { width:72px; margin:0 0 0 0; float:left;}
        .micro .form ul li.phone span.phoneext  { margin:0 0 0 0; float:left;}
        
     /*zip code */
    .micro .form ul li.zip   { float:left; width:50px;  margin:0px; padding:0;}
        .micro .form ul li.zip input { width:50px;}   

.micro .footerWrapper       {width:960px; margin:20px auto;} 
.micro .footer              { width:720px; margin:0; padding:0; border-top:none; color:#BCBCBC;}
.micro .footer p            { line-height:14px;}
.micro .blueThank, .micro .contact, .micro .blueFooter { display:none;}
.micro .microThank           { width:500px; height:478px ! important; background:url(../images/bgThankyou-Micro.jpg); padding:0px 25px 0px 375px; display:block; position:relative;} 
.micro .microThank h1        { padding:105px 0 20px 0;}
.micro .microThank p         { line-height:22px; margin:0; padding:0;}
.micro .microThank a.baiHome     { display:block; width:210px; height: 40px; position: relative; top: 143px; left:255px; text-indent:-9999px; }
.micro .microThank .links       { position:relative; top:150px; left:-340px;}
.micro .microThank .purpleAnc   { color:#662E8D; font-size:20px; font-weight:bold; text-decoration:none;}
.micro .microThank ul           { color:#165487; margin:6px 0 0 0; text-decoration:none; font-size:16px; font-weight:bold;}
.micro .microThank ul li        { float:left; margin:0 5px 0 0;}
.micro .microThank ul li.orangeBullet   {background:url(../images/orangeBullet.gif) 0 50% no-repeat; padding-left:16px; margin-left:0px;}
.micro .microThank ul li a      { text-decoration:none; color:#165487;}
.micro .baiHome
.left-two    { float:left;}

/* Modal */
.micro .modWrapper                     { background: url(../images/aapSkin-sheet.png) -1810px -0; width: 640px; padding:10px 10px 0 10px; position:absolute; top:25%; left:25%; display:none; }
.micro .modContainer                   { width: 600px; margin: auto; padding:20px 20px 0 20px; display:none;}
.micro .modalBackground                { background-color: #fff; filter: alpha(opacity=60); -moz-opacity: .75; opacity: .75; width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
.micro .modWrapper .modWrapper-bottom  { display:block; height:30px; width:660px; background: url(../images/modal-bottom.png) no-repeat; margin:0 0 -30px -10px; }
.micro .modContainer h1                { font-size:26px;}
.micro .modContainer p                 { line-height:24px;}

/* =Coda Slider 
-------------------------------------------------------------- */
a:focus { outline:none }
		
		img { border: 0 }
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px 0 0 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 10px solid #0060B6; /* this is the border. should have the same value for the links */
			border-top:none;
			margin: auto;
			width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 100%;
			clear: both;
			background: url(../images/bgSlider.jpg) #fff no-repeat left bottom;
			padding-bottom:10px;
			-moz-border-radius-bottomleft: 9px; -webkit-border-radius-bottomleft: 9px; border-radius-bottomleft: 9px;
			-moz-border-radius-bottomright: 9px; -webkit-border-radius-bottomright: 9px; border-radius-bottomright: 9px;
		}
		
		.stripViewer h3 {color:#2C5EA9; font-size:30px; margin:0 0 20px 0; font-weight:bold;}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 700px; /* Also specified in  .stripViewer  above */
			display:inline;
		}
		
		.micro .wrapper .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 25px 25px 0px 50px;
			width:625px;
		}
		
		    .micro .wrapper .stripViewer .panelContainer .panel .wrapper p      { line-height:22px;}
		    .micro .wrapper .stripViewer .panelContainer .panel .wrapper ul.codaList     { float:left; padding:0; margin:0; width:340px; }
		    .micro .wrapper .stripViewer .panelContainer .panel .wrapper ul.codaList li  { margin:0 0 10px 30px; text-indent:0; list-style:disc; }
		    .micro .wrapper .stripViewer .panelContainer .panel .wrapper img    { float:left;}
		    
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin:0;
			width:720px ! important;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			height:115px;
			
		}
		
		.stripNav ul li {
			float: left;
			margin:0; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
			height:115px;
			display:inline;
			padding:0;
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			width:123px;
			height:119px;
			line-height:119px;
			text-indent:-9999px; 
		}
		
		.stripNav li.tab1 a { background: url(../images/microNav.png) 0 -135px no-repeat; }
		.stripNav li.tab2 a { background: url(../images/microNav.png) -123px -135px no-repeat; }
		.stripNav li.tab3 a { background: url(../images/microNav.png) -246px -135px no-repeat; }
		.stripNav li.tab4 a { background: url(../images/microNav.png) -369px -135px no-repeat; }
		.stripNav li.tab5 a { background: url(../images/microNav.png) -492px -135px no-repeat; }
		.stripNav li.tab6 a { background: url(../images/look.png) top left no-repeat; width:105px;}
		
		.stripNav li.tab1 a:hover { background: url(../images/microNav.png) 0 -15px no-repeat; }
		.stripNav li.tab2 a:hover { background: url(../images/microNav.png) -123px -15px no-repeat; }
		.stripNav li.tab3 a:hover { background: url(../images/microNav.png) -246px -15px no-repeat; }
		.stripNav li.tab4 a:hover { background: url(../images/microNav.png) -369px -15px no-repeat; }
		.stripNav li.tab5 a:hover { background: url(../images/microNav.png) -492px -15px no-repeat; }
		.stripNav li.tab6 a:hover { background: url(../images/look.png) -105px 0px no-repeat; width:105px; }
		
		.stripNav li.tab1 a.current { background: url(../images/microNav.png) 0 -250px no-repeat;}
		.stripNav li.tab2 a.current { background: url(../images/microNav.png) -123px -250px no-repeat; }
		.stripNav li.tab3 a.current { background: url(../images/microNav.png) -246px -250px no-repeat; }
		.stripNav li.tab4 a.current { background: url(../images/microNav.png) -369px -250px no-repeat; }
		.stripNav li.tab5 a.current { background: url(../images/microNav.png) -492px -250px no-repeat; }
		.stripNav li.tab6 a.current { background: url(../images/look.png) top right no-repeat; width:105px;}
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			color: #333;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
		
		
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}	
		
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.galleryContainer               { margin:0 0 0 -10px; width:680px; padding:0;}
.galleryContainer .gallery      { margin:0 0px 20px 10px; float:left; display:inline;}

.equation                       { float:right;}
.equation span.total            { display:block; width:60px; height:22px; float:left; margin:-2px 0 0 20px; text-align:right;}

.btnComplete                    { background:url(../images/btnComplete.jpg) top left; width:170px; height:40px; display:block; text-indent:-9999px; margin:20px auto;}
.btnComplete:hover              { background:url(../images/btnComplete.jpg) bottom left;}

.btnClient                    { background:url(../images/btnClient-Complete.jpg) top left; width:170px; height:40px; display:block; text-indent:-9999px; margin:20px auto;}
.btnClient:hover              { background:url(../images/btnClient-Complete.jpg) bottom left;}

                      
/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha  {margin-left: 0;}
.omega  {margin-right: 0;}


/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.grid_1
{
	width: 40px;
}

.grid_2
{
	width: 100px;
}

.grid_3
{
	width: 160px;
}

.grid_4
{
	width: 220px;
}

.grid_5
{
	width: 280px;
}

.grid_6
{
	width: 340px;
}

.grid_7
{
	width: 400px;
}

.grid_8
{
	width: 460px;
}

.grid_9
{
	width: 520px;
}

.grid_10
{
	width: 580px;
}

.grid_11
{
	width: 640px;
}

.grid_12
{
	width: 700px;
}

.grid_13
{
	width: 760px;
}

.grid_14
{
	width: 820px;
}

.grid_15
{
	width: 880px;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.prefix_1
{
	padding-left: 60px;
}

.prefix_2
{
	padding-left: 120px;
}

.prefix_3
{
	padding-left: 180px;
}

.prefix_4
{
	padding-left: 240px;
}

.prefix_5
{
	padding-left: 300px;
}

.prefix_6
{
	padding-left: 360px;
}

.prefix_7
{
	padding-left: 420px;
}

.prefix_8
{
	padding-left: 480px;
}

.prefix_9
{
	padding-left: 540px;
}

.prefix_10
{
	padding-left: 600px;
}

.prefix_11
{
	padding-left: 660px;
}

.prefix_12
{
	padding-left: 720px;
}

.prefix_13
{
	padding-left: 780px;
}

.prefix_14
{
	padding-left: 840px;
}

.prefix_15
{
	padding-left: 900px;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.suffix_1
{
	padding-right: 60px;
}

.suffix_2
{
	padding-right: 120px;
}

.suffix_3
{
	padding-right: 180px;
}

.suffix_4
{
	padding-right: 240px;
}

.suffix_5
{
	padding-right: 300px;
}

.suffix_6
{
	padding-right: 360px;
}

.suffix_7
{
	padding-right: 420px;
}

.suffix_8
{
	padding-right: 480px;
}

.suffix_9
{
	padding-right: 540px;
}

.suffix_10
{
	padding-right: 600px;
}

.suffix_11
{
	padding-right: 660px;
}

.suffix_12
{
	padding-right: 720px;
}

.suffix_13
{
	padding-right: 780px;
}

.suffix_14
{
	padding-right: 840px;
}

.suffix_15
{
	padding-right: 900px;
}


.check		{background:url(../images/icons/16/checkGreen.gif) no-repeat top left; height:16px; display:block;}

#ctl00_ContentPlaceHolder1_ulStatus li 
{
    border-bottom: solid 1px black;
    padding-top: 8px; 
    padding-bottom: 8px; 
    line-height: normal;
}

#ctl00_ContentPlaceHolder1_ulStatus li span.email
{
    overflow: hidden;
}