html, body  {
	margin: 0;
	padding: 0px;
	text-align: center;
	height: 100%;
	min-height: 100%;
	background-color: #7ac142;
	}

a:link  { color: #000000 }
a:visited { color: #000000 }
a:active { color: #000000 }
a:hover { color: #0068b3 }
	
#wrapper {
	text-align: left;
	width: 956px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border-top: 0;
	border-bottom: 0;
	border-left: 5px solid #ffffff;
	border-right: 0;
	}

div {background-color: #ffffff;
	min-height: 100%
	} 
	
/* clear */	
.clear {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}
	
#content-main  {
	background-color: #fff;
	width:662px;
	text-align: left;
	margin-top: 0;
	margin-left: 214px;
	padding: 0 50px 20px 30px;
	border-top: 1px solid #fff;
	}
		
/* logo in header.php */	
.logo {
	margin-top: 0px;
	background-color: #fff;
	height: 90px;
	width: 742px;
	margin-left: 214px;
	}
	
/* logo in header.php */	
.C_logo {
	margin-left: -142px;
	position: absolute;
	top: 7px;
	float: left;
	}
	
/* career colors in header.php */	
.CColors_logo {
	top: 18px;
	position: absolute;
	padding-left:20px;
	}
	
.register  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	padding-top: 40px;
	padding-right:20px;
	float: right;
	}
	
.register a {
	text-decoration: none;
	color: #76787b
	}
	
/* register and view sample buttons on index.php */	
.indexButtons {
	border:0;
	text-align: center;
	}

#content {
	margin: 0;
	height: 100%;
	min-height: 100%;
	}
				
/* ******************************** */

/* left column */

#content-left {
	margin-top: 0;
	width:214px;
	float: left;
	min-height: 100%;
	}
		
.dashedLine {
	background-image: url(../results/Images/reportLine.gif);
	background-repeat: repeat-y;
	}	

.image {
	margin-top:0px;
	margin-bottom:0px;
	border:0;
	background-repeat: no-repeat
	}
	
img.center {   
	display: block;   
	margin-left: auto;   
	margin-right: auto; }	
	
img.right {
	display: block;
	float: right;
	margin-top: -10px;
	}	
	
img.left {
	display: block;
	float: left;
	padding-right:20px;
	padding-bottom: 15px;
	}		
	
img.colorWheel {
	float: left;
	margin: 0 40px 0 40px;
	}	
	
.circleColor {
	text-align: center;
	margin-left: 425px;
	}		

/* images set to background images - tab1 */
.description_image {
	background-image: url(../what/Images/description-image.jpg);
	background-color: #0068b3;
	height: 213px;
	background-repeat: no-repeat;
	}

.development_image {
	background-image: url(../what/Images/development-image.jpg);
	background-color: #0068b3;
	height: 213px;
	background-repeat: no-repeat;
	}
	
.time_image {
	background-image: url(../what/Images/time-image.jpg);
	background-color: #0068b3;
	height: 239px;
	background-repeat: no-repeat;
	}	

.illustator_image {
	background-image: url(../what/Images/illustator-image.jpg);
	background-color: #0068b3;
	height: 213px;
	background-repeat: no-repeat;
	}	
	
.overview_image {
	background-image: url(../assessment/Images/overview-image.jpg);
	background-color: #0068b3;
	height: 165px;
	background-repeat: no-repeat;
	}
	
/* images set to background images - tab2 */	
.difference_image {
	background-image: url(../why/Images/difference-image.jpg);
	background-color: #0068b3;
	height: 321px
	}	
	
.love_work {
	background-image: url(../why/Images/love_your_work-image.jpg);
	background-color: #0068b3;
	height: 239px;
	background-repeat: no-repeat;
	}

.right_job {
	background-image: url(../why/Images/right_job-image.jpg);
	background-color: #0068b3;
	height: 165px;
	background-repeat: no-repeat;
	}

/* images set to background images - tab3 */
.steps-image {
	background-image: url(../start/Images/steps-image.jpg);
	background-color: #0068b3;
	height: 279px
	}	
	
.register_image {
	background-image: url(../assessment/Images/lawyer.jpg);
	background-color: #0068b3;
	height: 165px;
	background-repeat: no-repeat;
	}	
	
.signIn_image {
	background-image: url(../assessment/Images/sign_in-image.jpg);
	background-color: #0068b3;
	height: 213px;
	background-repeat: no-repeat;
	}	
	
.whatNow_image {
	background-image: url(../start/Images/engineer-image.jpg);
	background-color: #0068b3;
	height: 287px
	}	
	
.intake_image {
	background-image: url(../start/Images/intake-image.jpg);
	background-color: #0068b3;
	height: 213px
	}	
	
/* images set to background images - tab4 */	
.coach_image {
	background-image: url(../services/Images/group-image.png);
	background-color: #0068b3;
	height: 213px
	}	
	
.counselor_image {
	background-image: url(../services/Images/counselor_image.jpg);
	background-color: #0068b3;
	height: 213px
	}	
	
.planning_image {
	background-image: url(../services/Images/meeting-image.jpg);
	background-color: #0068b3;
	height: 213px;
	background-repeat: no-repeat;
	}	
		
/* images set to background images - tab5 */		
.careerInfo_image {
	background-image: url(../resources/Images/pilot-image.jpg);
	background-color: #0068b3;
	height: 213px
	}	
	
.resources {
	background-image: url(../resources/Images/teacher-image.jpg);
	background-color: #0068b3;
	height: 213px
	}		
	
/* images set to background images - tab6 */	
.reqname {
	background-image: url(../assessment/Images/reqname-image.jpg);
	background-color: #0068b3;
	height: 213px;
	background-repeat: no-repeat;
	}	
			
.contact_image {
	background-image: url(../support/Images/Contact-Image.jpg);
	background-color: #0068b3;
	height: 259px;
	background-repeat: no-repeat;
	}
	
.acct_update {
	background-image: url(../assessment/Images/account_update-image.jpg);
	background-color: #0068b3;
	height: 165px;
	background-repeat: no-repeat;
	}
		
.pay_image {
	background-image: url(../results/Images/pay-image.jpg);
	background-color: #0068b3;
	height: 165px;
	background-repeat: no-repeat;
	}
	
.tech_image {
	background-image: url(../support/Images/tech-image.jpg);
	background-color: #0068b3;
	height: 213px
	}	

.quote {
	display:block;
	margin-top: 0px;
	padding-top:40px;
	padding-bottom:40px;
	text-align: center
	}
	
#quote {
	margin-top: 0px;
	display:block;
	background-repeat:no-repeat;
	background-position: center center;
	}	
		
.graham {
	background-image: url(../why/Images/love_your_work.png);
	background-color: #0068b3;
	height:246px;
	}	
	
.maslow {
	background-image: url(../why/Images/right_job.png);
	background-color: #0068b3;
	height:336px;  /*add 80px to height of png */
	}			
	
.note {
	margin-top: 0px;
	padding-left:30px;
	padding-top:45px;
	padding-right:10px;
	padding-bottom:50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: 500;
	margin-bottom:0px;
	text-align: left;
	color: #FFFFFF;
	background-color: #0068b3;
	}
.note a {
	text-decoration: none;
	color: #ffffff;
	}

.navSpace {
	margin-top: 0px;
	margin-bottom:0px;
	height: 31px;
	width: 214px;
	}
	
.arrows {
	display: block;
	text-align: center;
	margin-left:-20px;
	}
	
/* *************************************************** */	

/* middle column */	
#content-middle  {
	background-color: #fff;
	width:622px;
	text-align: left;
	margin-top: 0px;
	margin-left: 244px;
	padding: 0 40px 0 50px;
	}

.background-green {background-color:#7ac142}
.background-blue {background-color: #0068b3 }
.background-red {background-color: #bd173d;}
.background-orange {background-color: #e0861a }
.background-yellow {background-color: #e5d10b }
.background-grey {background-color: #D1D2D4 }



/* top navigation bar  */
.nav {
	padding-left:70px;
	height:40px;
	padding-top: 5px;
	display:block;
	margin: 0px;
	}
	
.nav a {     /* puts the design on ALL list items  */
	display: block;
	width: 9em;
	} 
	
.nav a.level_one {
	font-size: 15px;
	color:#404040;
	text-decoration: none;
	margin-left: 0px;
	list-style: none;
	padding-left: 10px;
	}
	
.navborder{
	border-left: 1px solid #fff;
	}	
	
.nav a.level_one:hover {
	color:#404040
	} 

.nav ul {
	padding: 0;
	margin: 0;
	list-style: none
	} 
	
.nav li {  /* all list items */
	float: left;
	width: 9em; /* width needed or else Opera goes nuts */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style: none
	} 

.nav li ul {  /* applies to drop-downs */
	position: absolute;
	width: 9em;
	left: -999em; /* to hide menus because display: none isn't read by screen readers */
	background-color: #FFFFFF;
	font-size: 15px;
	line-height:1.5;
	padding-left:5px;
	margin-left: 0px;
	border: thin solid #e7e7e8
	} 
	
.nav li ul a.red:link  {color: #76787b }
.nav li ul a.red:visited {color: #76787b}
.nav li ul a.red:hover {color: #bd173d}	

.nav li ul a.blue:link  {color: #76787b }
.nav li ul a.blue:visited {color: #76787b}
.nav li ul a.blue:hover {color: #0068b3 }	

.nav li ul a.orange:link  {color: #76787b;}
.nav li ul a.orange:visited {color: #76787b}
.nav li ul a.orange:hover {color: #e0861a }	

.nav li ul a:active, .nav li ul a:link, .nav li ul a:visited {
	text-decoration: none;
	border-bottom: thin solid #e7e7e8;
} 

.nav li:hover ul, .nav li.sfhover ul { 
	left: auto
	}

.pageheading {
	margin-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 220%;
	color: #7ac142;
	}
	
.green {color: #7ac142}
.blue {color: #0068b3}
.red {color: #bd173d }
.orange {color: #e0861a }
.yellow {color: #D9C021 }
.white {color: #ffffff }
.grey {color: #76787b }

.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-align:left;
	color: #76787b
	}	
	
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.35;
	color: #5E5E5E
	}
	
.textQuote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	line-height: 1.35;
	color: #5E5E5E;
	font-style: italic;
	}	
	
.right {
	text-align: right;
	}

.center {
	text-align: center;
	}
	
.left {
	text-align: left;
	}
		
.number {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 225%
	}	

.number_abc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	padding-left: 30px;	
	}		

.redtext {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 95%;
	color: #FF2C35
	}
	
/* Profile Report formatting */	

.profilePageheading {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 290%;
	padding-bottom: 30px;
	display: block;
	padding-top: 20px;
	}

.profileHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 175%;
	text-align:left;
	display:block;
	color: #76787b;
	padding-bottom: 15px;
	}	
	
.profileColor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 220%;
	text-align:left;
	}	
		
.idInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	line-height: 1.35;
	color: #5E5E5E;
	text-align:left;
	display:block
	}	
	
.colorHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 320%;
	text-align:left;
	display:block
	}	
	
.sectionHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 145%;
	text-align:left;
	display:block;
	color: #0068b3;
	margin-left: 50px;
	margin-top: 0px;
	}
	
.highlighedText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height:1.5;
	text-align:left;
	color: #7ac142;
	font-style: italic;
	vertical-align: middle;
	height: 288px;
	display: block;
	margin: 0;
	}
	
.leftColText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 175%;
	text-align: left;
	color: #666666;
	width: 65%;
	margin-left: 50px;
	}	
	
.leftColTextSmaller {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 175%;
	text-align: left;
	color: #666666;
	width: 65%;
	margin-left: 50px;
	}	

li.leftColText {
	margin-left: 20px;
	}
	
.ctpQuote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 145%;
	color: #7ac142;
	font-style: italic;
	}	
	
.scale {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	text-align:left;
	color: #0068b3
	}	
	
.scale_def {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	line-height: 175%;
	color: #76787b;
	font-style: italic	
	}	
	
.quotation {
	display:block;
	text-align: left;
	padding:0
	}

	
/* Tables in Profile Report  */

table.results {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	padding: 0px; 
	border: none
	}
	
table.results thead {
	text-align: left
	}
		
table.results th {
	font-size: 12px;
	color:#76787b;
	vertical-align: top
	}
		
table.results td {
	text-align: left;
	font-size: 14px;
	vertical-align: middle; 
	padding:7px 0px; 
	border-bottom: 1px solid #789DB3
	}
	
table.results .line {
	border-left: solid thin #76787b;
	border-right: solid thin #76787b;
	text-align: center
	}
	
table.results td.posbar {
	border-left: 2px solid black;
	text-align: left
	}
	
table.results td.negbar {
	border-left: thin solid black;
	text-align: right
	}
	
table.results tfoot {
	border: 0
	}
		
/* Test questions in the CIA and JSI sections */	
table.testAnswers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	border: 0
	}
	
table.testAnswers td {
	padding-right: 20px;
	vertical-align: top
	}
	
table.testAnswers a:link {
	color: #000;
	text-decoration: none
	}

/* Test questions in the CTP (formerly VTP) section with "down" layout */	
table.ctp-down {
	margin-top:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	border: 0	
	}
	
table.ctp-down td {
	margin-top:0px; 
	padding-right: 10px;
	vertical-align: top;
	text-align:left
	}
	
table.ctp-down a:link {
	color: #000;
	text-decoration: none
	}
	
.exhibit  {
	margin-top:0;
	border: 0;
	padding-right: 50px;
	display: inline;
	float:left
	}
	
/* Test questions in the CTP (formerly VTP) section with "across" layout */	
table.ctp-across {
	margin-top:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	border: 0	
	}
	
table.ctp-across td {
	margin-top:0px;
	vertical-align: top;
	text-align:center
	}

table.ctp-across td.first {
	text-align:left;
	padding-right:90px
	}	
	
table.ctp-across a:link {
	color: #000;
	text-decoration: none
	}

/* Eliminates the extra space around the answers */	
form {
	padding-bottom: 5px; 
	margin: 0
	}


/* test question */			
.question {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%; 
	font-weight: bold
	}
	
table.vtpIntro {
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	padding: 0px;
	border: none;
	float: right;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px
	}
	
/* table header cells */	
table.vtpIntro th {
	font-size: 80%;
	border-bottom: 1px solid #7ac142;
	font-weight: bold;
	vertical-align: bottom
	}

table.vtpIntro td { 
	font-size: 80%; 
	background-color: #F4F4F4; 
	vertical-align: middle; 
	padding:7px; 
	border-bottom: 1px solid #789DB3
	}
	
table.time {
	font-family: Arial, Helvetica, sans-serif;
	color:#76787b;
	width: 300px;
	padding: 0px;
	border: none
	}
	
/* table header cells */	
table.time th {
	font-size: 95%;
	border-bottom: 1px solid #7ac142;
	font-weight: bold;
	vertical-align: bottom
	}

table.time td {
	font-size: 95%;
	background-color: #F4F4F4;
	vertical-align: middle;
	padding:7px;
	border-bottom: 1px solid #789DB3
	}
	
table.comparison {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 0px;
	border: none;
	border-collapse:collapse
	}	
	
table.comparison th {
	font-size: 85%;
	text-align: left;
	color: #333333;
	font-weight: 300;
	border-bottom: 1px solid #ccc;
	}

table.comparison td {
	font-size: 85%;
	padding:7px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	color: #76787b;
	}
	
#footer {
	padding-top: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #0068b3;
	padding-bottom: 30px;
	}
	
.facebook_icon {
	float: right;
	}
	
.clear {
	clear: both;
	visibility: hidden;
	display: block;
	}
	
.reportHeight {
	height: 0px;
	}
	
.clearRight {
	clear: right;
	visibility: hidden;
	display: block;
	height: 0px;
	}

/* table on results/pay.php */	
table.pay {
	font-family: Arial, Helvetica, sans-serif;
	color:#76787b;
	padding: 0px;
	border: none;
	font-size: 95%;
	}
	
table.pay th {
	border-bottom: 1px solid #ccc;
	width: 370px;
	text-align: left;
	}

table.pay td {
	padding:7px 30px;
	border-bottom: 1px solid #ccc;
	text-align: right;
	}
	
table.pay tr.total td, table.pay tr.total th {
	font-weight: bold;
	}

table.pay tr.subTotals td, table.pay tr.subTotals th  {
	font-weight: normal;
	}

/* table on assessment/newacct.php */
table.basic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	border: none;
	}

/* table header cells */	
table.basic th {
	font-size: 85%;
	vertical-align: top;
	color: #76787b;
	padding-right: 7px;
	}

table.basic td {
	font-size: 85%;
	vertical-align: top;
	text-align: left;
	color: #76787b;
	}

/* table on assessment/changeacct.php */
table.update {
	font-family: Arial, Helvetica, sans-serif;
	color:#76787b;
	padding: 10px 0;
	border: none;
	font-size: 85%;
	border-collapse:collapse;
	}
		
table.update th {
	padding-right: 20px;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	width: 130px;
	}

table.update td {
	padding: 7px 0 0 0;
	vertical-align: middle;
	height:15px;
	font-weight: normal;
	}
	
/* Overview table  */

table.overview {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	padding: 0px; 
	border: none
	}
		
table.overview th {
	vertical-align: top;
	text-align: right;
	width: 24px;
	}
		
table.overview td {
	text-align: left;
	font-size: 85%;
	vertical-align: top;
	padding:7px 0px;
	border: none;
	}
	
table.overview tfoot {
	border: 0
	}	
	
	
/* login form on index page */
form.login fieldset {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f7e21f;
	margin-bottom: -5px;
	padding: 0;
	margin-right: 0px;
	margin-left: 0px;
	border-left: 1px solid #ccc;
	border-right: none;
	border-top: none;
	border-bottom: none;
	}
form.login legend {
	padding: 0;
	font-weight: bold;
	font-size: 9pt;
	color: #333333;
	}
form.login label {
	display: inline-block;
	line-height: 1.3;
	vertical-align: middle;
	text-align: right;
	font-size: 9pt;
	}
form.login fieldset ol {
	margin: 0;
	padding: 5px 10px 5px 0;
	}
form.login fieldset li {
	list-style: none;
	padding: 2px 0;
	margin: 0;
	font-size: 9pt;
	text-align: right;
	}
	
form.login input {
	font-family: Arial, Helvetica, sans-serif;
	border-top: 2px solid #666666;
	border-left: 2px solid #666666;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	}   
	
input.button {
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	background-color:#FFFFFF;
	}  

#boxes {
	margin-top: 0px;
	}
	
.textBox1 {
	margin-top: 0px;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 340px;
	border: 1px solid #D1D2D4;
	height: 395px;
	}
.textBox1 ul {
	margin-top: 3px;
	padding: 0px;
	margin-left: 6px;
	line-height: 1.4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #5E5E5E;
	}		
	
.textBox2 {
	margin-top: 0px;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 218px;
	border: 1px solid #D1D2D4;
	margin-left: 20px;
	height: 395px;
	}
	
.textBox3 {
	margin-top: 0px;
	padding: 20px;
	float: left;
	width: 139px;
	border: 1px solid #D1D2D4;
	height: 305px;
	}	

.textBox3 ol {
	margin-top: 0px;
	margin-left: 19px;
	line-height: 1.4;
	padding: 0;
	margin-right: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #5E5E5E;
	}
			
.textBox4 {
	margin-top: 0px;
	padding: 20px;
	float: left;
	width: 139px;
	border: 1px solid #D1D2D4;
	margin-left: 20px;
	height: 305px;
	}
	
.textBox5 {
	margin-top: 0px;
	padding: 20px;
	float: left;
	width: 218px;
	border: 1px solid #D1D2D4;
	margin-left: 20px;
	height: 305px;
	}	

.textBox5 ul {
	margin-top: 3px;
	padding: 0px;
	margin-left: 6px;
	line-height: 1.4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #5E5E5E;
	}			
	
.startBox {
	display:block;
	margin-top: 0px;
	padding-top:20px;
	padding-bottom:20px;
	text-align: left;
	background-color:#0068b3;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 20px;
	font-size: 130%;
	}
	
.startBox a:link  { color: #ffffff }
.startBox a:visited { color: #ffffff }
.startBox a:active { color: #ffffff }
.startBox a:hover { color: #e5d10b }	
		
.startBox ol {
	margin-top: 0px;
	margin-left: 20px;
	line-height: 1.4;
	padding: 0;
	margin-right: 7px;
	font-size: 70%;
	color: #FFFFFF;
	}
		

.textBoxheading12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-align:left;
	color: #0068b3;
	}	
	
.textBoxheading345 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-align:left;
	color:#7ac142;
	}	
#cloud {
	margin-top: 20px;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	width: 620px;
	border: 1px solid #D1D2D4;
	color: #5E5E5E;
	text-align: justify;
	background-color: #EBEBEB;
	}		
	
#cloud a{
	border: none;
	color: #5E5E5E;
	text-decoration: none;
	}	

#cloud.cloud12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.35;
	color: #5E5E5E
	}

#cloud..cloud14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.35;
	color: #5E5E5E
	}

#cloud..cloud16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.35;
	color: #5E5E5E
	}

#cloud..cloud21 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 1.35;
	color: #5E5E5E
	}

		
/* colors in the color wheel */
.cw-green {background-color:#8CC63F;
	border-left: 1px solid #8CC63F;
	}
.cw-blue {background-color: #5277BB }
.cw-red {background-color: #D91F26;
	border-left: 1px solid #D91F26;
	}
.cw-orange {background-color: #F7931E }
.cw-yellow {background-color: #FFC50B }
.cw-violet {background-color: #AB4A9C;
	border-left: 1px solid #AB4A9C;
	}