body { color: black; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
p { color: black; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
td { color: black; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
table { color: black; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.maincell { margin: 15px; padding: 10px; min-height:400px; width: 793px; border: solid 1px #dddddd }
.albumcell { text-align: center; width: 120px; height: 123px }
.albumimage { margin-top: 20px; margin-bottom: 10px }
.outsideborder { border-right: 1px solid white; border-left: 1px solid white }
.onepixelborder { border: solid 1px #dddddd }
/*a img.albumimage   { margin-top: 20px; margin-bottom: 10px; border: solid 1px #514788 }
a:hover img.albumimage    { margin-top: 20px; margin-bottom: 10px; border: solid 1px #c4bcde }
*/
.bannertable { background-image: url("../kkassets/banner_BG.gif"); padding-right: 19px; padding-bottom: 4px; padding-left: 19px; width: 831px; height: 33px; min-width: 831px }
.bannertabletwo    { background-image: url("../kkassets/banner_BG.gif"); width: 833px; height: 33px; min-width: 833px }
.tdfullborder   { text-align: center; margin: 0; padding: 0; border: solid 1px #dddddd }
.tdfullborder2 { text-align: center; margin: 0; padding: 0; border: solid 1px #dddddd }
.tdtopbottomborder    { margin: 0; padding: 0; border-top: 1px solid #dddddd; border-right: #dddddd; border-bottom: 1px solid #aca5cf; border-left: #dddddd }
.tdsideborder  { text-align: center; margin: 0; padding: 0; width: 337px; border-style: none solid; border-width: medium 1px; border-color: #dddddd }
.tdsideborder2  { text-align: center; margin: 0; padding: 0; width: 337px; border-style: none solid; border-width: medium 1px; border-color: #dddddd }
.tdtopborder   { text-align: center; margin: 0; padding: 0; width: 337px; border-top: 1px solid #dddddd; border-right: #dddddd; border-bottom: #dddddd; border-left: #dddddd }
.tdbottomborder    { text-align: center; margin: 0; padding: 0; width: 337px; border-top: #dddddd; border-right: #dddddd; border-bottom: 1px solid #dddddd; border-left: #dddddd }
.tdsidebottomborder  { text-align: center; margin: 0; padding: 0; border-style: none solid solid; border-width: medium 1px 1px; border-color: #dddddd }
.tdScroller { height: 130px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd }
.tdTNscroller { padding: 5px 10px; height: 103px }
.scroller { padding: 0; width: 751px; height: 130px; overflow: scroll;}
.center { text-align: center }
.largescroller { padding: 0; width: 793px; height: 130px; overflow: scroll;}

/*a   { color: #514788; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none }
a:link    { color: #514788; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none }
a:visited    { color: #514788; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none }
a:hover      { color: #000000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 16px } */

/* links */
a:link { font: 13px/1.25 Arial; text-decoration: none; color:#8f8f8f }
a:visited { font: 13px/1.25 Arial; text-decoration: none; color:#8f8f8f }
a:hover { font: 13px/1.25 Arial; text-decoration: none; color:#810b0b }

a.normal:link { font: 13px/1.25 Arial; text-decoration: none; color:#8f8f8f }
a.normal:visited { font: 13px/1.25 Arial; text-decoration: none; color:#8f8f8f }
a.normal:hover { font: 13px/1.25 Arial; text-decoration: none; color:#810b0b }

/* 09 fonts */
.headlinegrey   { color: #474747; font: 25px/1.25 Arial; text-decoration: none; text-align: left }
.headlinered   { color: #810b0b; font: 25px/1.25 Arial; text-decoration: none; text-align: left }
.copy     { color: #474747; font: 14px/20px Arial; text-align: left; clear: left }
.copytwelve     { color: #474747; font: 12px/20px Arial; text-align: left; clear: left }
.redtwelve     { color: #810b0b; font: 14px/20px Arial; text-align: left; clear: left }
.copysixteen     { color: #474747; font: 16px/20px Arial; text-align: left; clear: left }
.footergrey     { color: #8f8f8f; font: 12px/20px Arial }

.commontext { font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:500; color: Black; }
.commontext8 { font-family:Arial, Helvetica, sans-serif; font-size:8pt; font-weight:500; color: Black; text-decoration:none;}
.commontext10 { font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; color: Black; }

font.twelveheader    { color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold }
font.sixteenheader     { color: #000000; font-size: 16px; font-family: Arial, Helvetica, sans-serif }
font.twentyheader    { color: #000000; font-size: 20px; font-family: Arial, Helvetica, sans-serif }
font.twentytwoheader    { color: #000000; font-size: 22px; font-family: Arial, Helvetica, sans-serif }
font.thirtyheader    { color: #000000; font-size: 30px; font-family: Arial, Helvetica, sans-serif }

font.twelvewhite    { color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
font.tenlight    { color: #8f8f8f; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
font.tenit  { color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-style: italic; text-decoration: none }
font.twelvelight     { color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
font.tenerror    { color: #ff0000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
font.twelvered  { color: #ff0000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
font.tenpurp    { color: #000000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none }
font.elevenpurp    { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align: center }
font.twelvepurp   { color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
font.thirteenpurp    { color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
font.elevenwhite  { color: white; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
font.thirteenwhite    { color: white; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
font.nineblack     { color: #000000; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
font.tenblack  { color: #000000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
font.elevenblack    { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
font.twelveblack    { color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.footergrey     { color: #8f8f8f; font: 12px/20px Arial }

a.headerlink:link    { color: #514788; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none }
a.headerlink:visited    { color: #514788; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none }
a.headerlink:hover      { color: white; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 16px } 

a.background:link    { color: #514788; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none }
a.background:visited    { color: #514788; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none }
a.background:hover     { color: #e0def1; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 16px } 

a.tenitalic:link    { color: #514787; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: italic; text-decoration: none }
a.tenitalic:visited    { color: #514787; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: italic; text-decoration: none }
a.tenitalic:hover     { color: #a096cc; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: italic; text-decoration: none }

/*a.normal:link   { color: #514787; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.normal:visited   { color: #514787; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.normal:hover    { color: #dcd8f1; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }*/

a.tenpurp:link    { color: #474747; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none }
a.tenpurp:visited    { color: #474747; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none }
a.tenpurp:hover    { color: #810b0b; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none }
a.tendrk:link { color: #474747; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none }
a.tendrk:visited { color: #474747; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none }
a.tendrk:hover { color: #810b0b; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none }
a.tenpurpblocked:link      { color: #474747; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #e6e4f8; border-color: #aea8d3 }
a.tenpurpblocked:visited      { color: #474747; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #e6e4f8; border-color: #aea8d3 }
a.tenpurpblocked:hover      { color: #810b0b; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #aea8d3; border-color: #aea8d3 }


a.elevenpurp:link   { color: #474747; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.elevenpurp:visited   { color: #474747; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.elevenpurp:hover   { color: #810b0b; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }

a.twelvepurp:link   { color: #474747; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.twelvepurp:visited   { color: #474747; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.twelvepurp:hover   { color: #810b0b; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }

a.tenwhiteheavy:link   { color: white; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.tenwhiteheavy:visited   { color: white; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.tenwhiteheavy:hover   { color: white; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }

.hidden { display: none; }
.visible { display: inline; }
.PricingTable    { color: black; font-family: Arial, Georgia; border-style: none none solid; border-width: medium medium 1px; border-color: #dddddd }

/* OFL CSS
		body {
			background-color: #f7edfb;
			font-family: Arial, Helvetica, sans-serif;
		}
		*/
		#content {
			margin-top: 20px;
			border: 2px solid #c47ae0;
			width: 970px;
			position: relative;
			background-color: #ffffff;
			text-align: left;
		}
		
		#header {
			width: 970px;
			height: 92px;
			background-image: url(assets/header_back.gif);
			background-repeat: repeat-x;
			position: relative;
		}
		
		#loginbox{
			position: relative;
			top: 30px;
			left: 300px;
		}
		
		#logo {
			position: relative;
			top: 8px;
			left: 27px;
		}
.forgot:link, .forgot:visited, .forgot:active {
			color: #ba55e0; 
			text-decoration: none;
		}
		.forgot:hover {
			color: #ba55e0; 
			text-decoration: underline;
		}
		
		#midrow {
			width: 970px;
			height: 348px;
			position: relative;
		}
		
		#bottomrow {
			width: 970px;
			height: 122px;
			position: relative;
			margin-bottom: 10px;
		}
		
		#bottombox {
			width: 565px;
			height: 122px;
			background-image: url(assets/bottombox_back.gif);
			background-repeat: no-repeat;
			margin-left: 10px;
		}
		
		#box1 {
			width: 192px;
			height: 120px;
			float: left;
			text-align: center;
		}
		#box2 {
			width: 187px;
			height: 120px;
			float: left;
			text-align: center;
		}
		#box3 {
			width: 175px;
			height: 120px;
			float: left;
			text-align: center;
		}
		
		.boxheader {
			color: #ba54e0;
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
			margin-bottom: 1px;
		}
		
		.box {
			margin-top: 15px;
			padding: 10px 15px 0px 15px;
			color: #354e7f;
			font-size: 12px;
		}
		
		
		.form  { color: #354e7f; font-size: 12px; font-family: Arial }
		.formsmall  { color: #354e7f; font-size: 10px; font-family: Arial }
		a.formlinks:hover   { color: #354e7f }
		a.formlinks:link  { color: #354e7f; text-decoration: underline }
		a.formlinks:visited  { color: #354e7f; text-decoration: underline }
		
		#banner {
			position: absolute;
			top: 0px;
			left: 584px;
		}

		#footer {
			color: #bba34e;
			text-decoration: none;
			font-size: 10px;
			text-align: center;
			position: relative;
			margin-top: 10px;
			width: 970px;
		}

		#footerlinks {

		}
		
		#footerlinks a:link, #footerlinks a:visited, #footerlinks a:active {
			text-decoration: none;
			color: #ba54e0;
		}
		
		#footerlinks a:hover {
			text-decoration: none;
			color: #333333;
		}