#ReedsHeader {
background-color:#5C6473;
border-bottom:1px solid #A0A4B4;
color:#FFFFFF;
padding:0;
width:100%;
}
#ReedsFooter {
background-color:#5C6473;
border-top:1px solid #5C6473;
clear:both;
color:#FFFFFF;
margin-top:2px;
}

/*test download*/
#divHeader {
  width: auto;
  height: auto;
  margin: 6mm;
  margin-bottom: 0px;
	background: url(/BaseVendor/Classmates/Images/vendor_logo.gif) no-repeat top left;
}


p.Starting {
  font-family: Verdana;
  font-size: 10px;
  color: #666666;
}

#pHeaderSignIn {
  font-size: small; 
  font-weight: bold;
  color: Black;  
}

#divContent {
  margin-left: 5px;
  margin-bottom: 0px;
  background-image: none;
	float:left;
/*	border: 1px solid #061B46; */
	width: 771px;
	bottom: 700px;
	padding: 0px 0px 0px 0px;
}

#divSubnavContentConfig {
  margin: 10px;
}

#divRingConfigBox {
  width: 211px;
	border: 1px solid #061B46;
}

#divSubnavContainer {
  background: none;
}



.sectionHeading {
  background-color: #061B46;
  width: 770px;
}

p.sectionHeading {
  color: #FFFFFF;
  height: 18px;
  vertical-align: text-bottom;
  border-left: 10px;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  margin: 0px 90px 3px 10px;
  font-family:Trebuchet MS
}

.ringConfigClosed {
	background: #ABC1E4;
	border-bottom: 2px solid #061B46;
	color: Black;
}
.ringConfigSelected {
	background: #FFFFFF;
	border-bottom: 2px solid #061B46;
	color: Black;
}

.ringConfigOpen {
	background: #FFFFFF;
	margin: 0px;
	padding-left: 26px;
	border-bottom: 2px solid #061B46;
}
#divRingConfigBox p {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#divRingConfigBox a {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: Black;
}
#divRingConfigBox li a {
	font-size: 10px;
	text-decoration: none;
	color: Black;
}


.tableRowBlue {
  background-color: #ABC1E4;

}

/*styleBase
----------------------------------------------------------*/
#navigation {
	margin:0px 0px 0px 0px;
	padding:0px;
	padding-right:0px;
	text-indent:0px;
	background-color:#D1E0F9;
	width:300px;
}
#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#061B46;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:10px;
	text-decoration: none;
}
#navigation a.head:hover {
}
#navigation a.selected {
	background-image:;
}
#navigation a.current {
	background-color: #F4F6B9;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

#divHeader {
	width: 770px;
	height: 25px;
	margin: 10px;
	padding: 0px 8px;	
	display: none;
}
#divHeaderContent {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 27px;
	text-align: right;
	padding-top: 55px;
}
.alignRight {
	text-align: right;
	right: 0px;
}
#divHeaderContent a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7C7C7C;
	text-decoration: underline;
}
#divHeaderContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: right;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#divHeaderBanner a {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
#divPostItText {
	margin-top: 57px;
	margin-right: 16px;
	margin-left: 18px;
}
#divPostItText p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
}
#divPostItText a {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
	text-decoration: underline;
}
.clearer {
	clear: both;
	height: 0px;
}
#divHorzBar {
	background-image: url(/images/horz_bar.jpg);
	background-repeat: repeat-x;
	width: 750px;
	height: 9px;
}
#divContainer {
	width: 772px;
	margin: 0px;
	padding: 0px;
	background: url(/images/border_bar.jpg) repeat-y;
}
/*#divFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7C7C7C;
	background-color: #FFFFFF;
}*/

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #164082;
	font-weight: lighter;
	margin-bottom: 2px;
	margin-top: 2px;
}
.zeroMargin {
	margin: 0px;
	padding: 0px;
}
.floatRight {
	float: right;
}

#divSubnavContentBrowse ul {
	text-align: left;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

.txtField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#divNavTopLine {
	background: url(/images/nav_line_horz.jpg) repeat-x;
	height: 15px;
}

.browseQuickView h2 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
.browseQuickView h1 {
	font-size: 17px;
	color: #7C7C7C;
	margin: 15px 0px 10px;
}
.browseQuickView h3 {
	color: #7C7C7C;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	margin: 0px 10px 0px 0px;
}
.browseQuickView p {
	font-size: 10px;
	color: #959595;
}
.contentMargin {
	margin-right: 30px;
	margin-left: 35px;
}
#divContent {
	/* background-image: url(/images/border_bar.jpg); */
	background-repeat: repeat-y;
	width: 768px;
	text-align: left;
	margin: -8px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 3px;
}
#divSubnavContainer {
	/*background: url(/images/subnav_border_w.gif) no-repeat bottom;*/
	width: 748px;
}

#divCollageHers {
	height: 311px;
	width: 316px;
	position: absolute;
	top: 8px;
	left: -12px;
}
#divCollageHis {
	height: 318px;
	width: 300px;
	position: absolute;
	top: 2px;
	left: -8px;
}
#divSaveDesign {
	height: 158px;
	width: 214px;
	float: right;
	position: absolute;
	left: 590px;
	top: -1px;
}
#divSaveDesignContent {
	text-align: left;
	position: absolute;
	left: 41px;
	top: 42px;
	width: 145px;
	height: 94px;
}
#divCollageContentHis {
	position: absolute;
	width: 235px;
	background:#fff;
	top: 32px;
	left: 40px;
	text-align: center;
	padding:1px;
	border:1px solid #CCCCCC;
}
#divCollageContentHers {
	position: absolute;
	width: 235px;
	background:#fff;
	top: 32px;
	left: 40px;
	text-align: center;
	padding:1px;
	border:1px solid #CCCCCC;
}
#divCollageContentHers p {
	font: normal 16px American Typewriter, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#divCollageContentHis p {
	font: normal 16px American Typewriter, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#divSaveDesignContent a {
	color: #164082;
	text-decoration: underline;
}
#divSubnavContentStyles {
	margin-left: 275px;
}
#divSubnavContentStyles a {
	color: #164082;
	text-decoration: underline;
}
#divSubnavContentBrowse {
	margin-left: 20px;
}
#divSubnavContentBrowse a {
	color: #7C7C7C;
}
.browseRingCurrent {
	font-size: 12px;
	color: #164082;
}
.browseRingLink {
	font-size: 12px;
	color: #A7B7D3;
	text-decoration: none;
}
.browseRingFaqs {
	font-size: 10px;
	color: #7C7C7C;
	text-decoration: none;
}
.alignLeft {
	text-align: left;
}
#divPostIt {
	background-image: url(/images/sticky_note_partners.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 158px;
	width: 214px;
}

.errorMsg {
	color: #FF0D00;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
.errorMsg ul {
	color: #FF0D00;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
#divFloats {
	position: relative;
}
.browseQuickView {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7C7C7C;
	width: 595px;
	border: 1px solid #696969;
}
#divQuickviewClose {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}
#divQuickviewMargin {
	margin: 15px;
}
.contentMargin10 {
	margin-right: 15px;
	margin-left: 15px;
}
#divSubnavContentConfig {
	margin-left: 15px;
	margin-right: 10px;
}
#divSubnavContentConfig a {
	color: #7C7C7C;
}
#divFactoid {
	background: url(/images/sticky_factoid.jpg);
	height: 155px;
	width: 215px;
}
#divFactoidContent {
	padding-top: 5px;
	margin-top: 15px;
	margin-right: 21px;
	margin-left: 20px;
}
#divFactoidContent p {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
	margin-bottom: 10px;
	margin-top: 2px;
}
.ulPos {
	list-style: url(/images/ring_config_pos.jpg);
	margin-left: 25px;
	padding: 0px;
}
#divFactoidContent a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
}
.ulNeg {
	list-style: url(/images/ring_config_neg.jpg);
	margin-left: 25px;
	padding: 0px;
}

.bold {
	font-weight: bold;
}
.ringConfigClosed {
	background: #DDDCDB;
	border-bottom: 2px solid #EDEDEB;
}
.ringConfigSelected {
	background: #FFFFFF;
	border-bottom: 2px solid #EDEDEB;
}
#divRingConfigBox {
	border: 1px solid #E3E1DC;
}
.ringConfigOpen {
	background: #FFFFFF;
	margin: 0px;
	padding-left: 26px;
	border-bottom: 2px solid #EDEDEB;
}
#divRingConfigBox p {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #7C7C7C;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#divRingConfigBox a {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #7C7C7C;
}
#divRingConfigBox li a {
	font-size: 10px;
	text-decoration: none;
}
#divHeaderNav {
	width: 772px;
	height: 156px;
	margin: 0px;
	padding: 0px;
	background: url(/images/header.jpg) no-repeat top;
}
.emailRing {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7C7C7C;
	width: 350px;
	border: 1px solid #696969;
}
#divSubnavContainerSolid {
	background: url(/images/subnav_border_solid_w.jpg) repeat-y;
	width: 748px;
	margin-right: 12px;
	margin-left: 12px;
}
#divCollageHighSchool {
	height: 305px;
	width: 324px;
	position: absolute;
	top: -4px;
	left: -37px;
}
#divCollageContentHighSchool {
	position: absolute;
	width: 235px;
	background:#fff;
	top: 32px;
	left: 50px;
	text-align: center;
	padding:1px;
	border:1px solid #CCCCCC;
}
#divCollageContentHighSchool p {
	font: normal 16px American Typewriter, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#divImportantDatesContent a {
	color: #164082;
	text-decoration: underline;
}
#divImportantDatesContent {
	text-align: left;
	position: absolute;
	left: 13px;
	top: 40px;
	width: 194px;
	height: 94px;
	overflow: hidden;
}
#divImportantDates {
	height: 157px;
	width: 218px;
	float: right;
	position: absolute;
	left: 585px;
	top: 144px;
}
#divImportantDatesContent p {
	color: #000000;
}
#divSubnavContainerHighSchool {
	background: url(/images/high_school_home_nav_bkg.jpg) repeat-y;
	width: 578px;
	margin-right: 12px;
	margin-left: 12px;
}
#divSubnavContentStylesHS {
	margin-left: 270px;
	margin-right: 20px;
}
#divRightNav a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #A7B7D3;
	text-decoration: underline;
}
#divRightNav p {
	margin-top: 5px;
	margin-bottom:5px;
}
#divHeaderHome {
	width: 772px;
	height: 154px;
	margin: 0px;
	padding: 0px;
	background: url(/images/home_page_header.jpg) no-repeat top;
}
#divFaq {
	height: 161px;
	width: 220px;
	float: right;
	position: absolute;
	left: 587px;
	top: 145px;
}
#divFaqContent {
	text-align: left;
	position: absolute;
	left: 19px;
	top: 18px;
	width: 176px;
	height: 116px;
}
#divFaqContent a {
	color: #164082;
	text-decoration: underline;
}
#divFaqContent p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
	margin-bottom: 3px;
	margin-top: 3px;
}
.faqPopOut {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7C7C7C;
	width: 560px;
	border: 1px solid #696969;
}

#divParentsMessage p {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
	margin-bottom: 10px;
	margin-top: 2px;
}
.capitalise {
	text-transform: capitalize;
}
#divNoSavedDesigns {
	text-align: left;
	position: absolute;
	left: 17px;
	top: 41px;
	width: 173px;
	height: 94px;
}
#divNoSavedDesigns p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
	margin-bottom: 10px;
	margin-top: 2px;
}







/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 100%;
    margin-left: -30px;
    margin-right: auto;
    padding: 0 0 0px;
}

#header
{
    position: relative;
    margin-bottom: -45px;
    color: #000;
    padding: 0px 0px 0px 50px;
}

p#logo, h1#logo
{
    font-weight: bold;
    font-size: 24px !important;
    padding: -100px 0;
    margin: 0;
    color: #000;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
}
.catalog
{
    font-weight: bold;
    font-size: 11px !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #7C7C7C;
}
.catalog1
{
    font-weight: bold;
    font-size: 12px !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    margin: 2px 2px 2px 4px;
}
.ringnames
{
	 color: #7C7C7C;
     width: 150px;
}





.bluebox
{
	 color: #ABC1E4;
     border: 1px;
     margin: 5px; 
     width: 722px; 
     height: 190px;
}
.blueboxsolid
{
	 color: #ABC1E4;
     margin: 2px; 
     width: 717px; 
     height: 20px;
}





#logo a
{
    color: #000;
    text-decoration: none;
    font-size: 32px !important;
}

#main
{
	 margin-left: 30px;
    margin-bottom: 0px;
    float: left;
    background-color: #FFF;
	 width: 770px;
    margin-bottom: 100px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
		
}

#footer
{
    color: #999;
    width: 340px;
    text-align: center;
    line-height: normal;
    margin-right: 0px;
    padding: 0px 0px 0px 0px;
}

#footer p
{
    padding: 2px 0px 0px 140px;
    margin-right: 0px;
    font-size: .6em;
    position: ;
    width: 550px;
}



#divContentConfig {
	margin-left: 15px;
	margin-right: 10px;
}

/* TAB MENU   
----------------------------------------------------------*/

ul#menu
{
    border-bottom: 0px #5C87B2 solid;
    width: 784px;
    margin-right:0;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li a
{
    padding: 10px 20px 0px 0px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.2em;
    background-color: #fff;
    color: #034af3;
}

ul#menu li a:hover
{
    /*background-color: #fff;*/
    text-decoration: underline;
}

ul#menu li a:active
{
    background-color: #FFF;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #FFF;
    color: #000;
}

/* Design Side
--------------------------------------------------------*/
/* allow room for 3 columns */
ul.categoryWrapper
{
    width: 20em;
    list-style: none;
}

/* float & allow room for the widest item */
ul.categoryWrapper li
{
    float: left;
    width: 16em;
}

/* stop the float 
ul.designside br
{
    clear: left;
}
*/

ul.categoryWrapper p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7C7C7C;
	margin: 0px 0px 0px 0px;
	margin-right: -20px;
}

/*A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red; cursor: default;}*/

/* Stone Color
--------------------------------------------------------*/
/* allow room for 3 columns */
ul#stonecolor
{
    width: 30em;
    list-style: none;
}

/* float & allow room for the widest item */
ul#stonecolor li
{
    float: left;
    width: 12em;
}

/* stop the float */
ul#stonecolor br
{
    clear: left;
}

/* separate the list from subsequent markup */
ul#stonecolor wrapper
{
    margin-bottom: 1em;
}

ul#stonecolor p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #7C7C7C;
	margin: 0px -80px 0px -21px;
	text-align: center;
	margin-right: 50px;
}

#radiobutton
{
	margin: 0px 0px 10px 20px; 
}

/* Enhancement
--------------------------------------------------------*/
/* allow room for 3 columns */
ul#enhancement
{
    width: 30em;
    list-style: none;
}

/* float & allow room for the widest item */
ul#enhancement li
{
    width:128px;
	margin:15px 0 0 22px;
	padding:0 10px 0 0;
	line-height:15px;
	float: left;
	/*
    float: left;
    width: 12em;
    margin-right: -2em;*/
}

/* stop the float */
ul#enhancement br
{
    clear: left;
}

/* separate the list from subsequent markup */
ul#enhancement wrapper
{
    margin-bottom: 1em;
}

ul#enhancement p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #7C7C7C;
	margin: 0px -120px 0px -40px;
	text-align: center;
	margin-left: -32px;
	margin-right: 42px;
}

#radiobutton
{
	margin: 0px 0px 10px 20px; 
}

/* Stone Options
--------------------------------------------------------*/
/* allow room for 3 columns */
ul#stoneoptions
{
    width: 30em;
    list-style: none;
}

/* float & allow room for the widest item */
ul#stoneoptions li
{
    width: 12em;
    float:left;
}

/* stop the float */
ul#stoneoptions br
{
    clear: left;
}

/* separate the list from subsequent markup */
ul#stoneoptions wrapper
{
    margin-bottom: 1em;
}

ul#stoneoptions p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #7C7C7C;
	margin: 0px -80px 10px -18px;
	text-align: center;
	margin-right: 42px;
	margin-bottom: 15px;
}

#radiobutton
{
	margin: 0px 0px 10px 20px; 
}

/* Activities
--------------------------------------------------------*/
/* allow room for 3 columns */
  
ul#activities
{
    width: 30em;
    list-style: none;
}


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


.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 100%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* float & allow room for the widest item */
#activities li
{
    width:126px;
	margin:0px 10px 0px 0px;
	padding:0 0px 0 0px;
	line-height:15px;
	float: left;
	display: inline;

}

/* stop the float 
ul#activities br
{
    clear: left;
}
*/
/* separate the list from subsequent markup */
#activities wrapper
{
    margin-bottom: 1em;
}

#text
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #7C7C7C;
	margin: 0px -120px 0px -40px;
	text-align: center;
	margin-left: -1px;
	margin-right: 52px;
}

#activities
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #7C7C7C;
	margin: 0px -120px 0px -40px;
	text-align: center;
	margin-left: -1px;
	margin-right: -15px;
}

#stone
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #7C7C7C;
	margin: 0px -120px 0px -50px;
	text-align: center;
	margin-left: 50px;
	margin-right: 32px;	
}



.product_section
{
	float: left;
	clear: both;
	margin-bottom: 20px;
	/*width: 712px;*/
}

.products
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #7C7C7C;
	list-style: none;
	margin: 0px -120px 0px -50px;
	text-align: center;
	margin-left: 50px;
	margin-right: 32px;
	width: 850px;
}

.products li
{
	list-style: none;
	float: left;
	margin: 0;
	padding-bottom: 0px;
	width: 30%;
}




#radiobutton
{
	margin: 0px 0px 10px 20px; 
}


#Reviewimages
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}

#Review
{
	margin: 0px -100px 0px -200px;
	padding: 0px -100px 0px 100px;
	text-align: center;
	margin-left: 30px;
	margin-right: 300px;
}




.clear
{
    clear: both;
}

.Error
{
	color:Red;
}



#jDialogOverlay {
	background:#000;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	z-index:1000;
	display:none;
}

#jDialogProgressBar {
	position:fixed; 
	display:block; 
	top: 10px; 
	left:20px; 
	width:220px;
	height:19px;
	display:none; 
	z-index:900000;
}

.DialogContainer{
	background:#1C3E61;
	text-align:left;
	width:510px;
	float:left;
	position:relative;
	padding:6px 0;
	z-index:1001;
	display:none;
}
.DialogContainer{
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.DialogTitleContainer{
	padding:6px 12px;
}
.DialogTitle{
	font-size:12pt;
	font-weight:bold;
}
.DialogTitle span{
	font-size:18px;	
}
.DialogControl a{
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}
.DialogControl a:hover{
	color:#ff9900;
}
.DialogControl a img{
	vertical-align:top;
}
.DialogPane{
	float:left;
	display:inline;
}
.ErrorMsg{
	font-weight:bold;
	font-size:13px;
	padding:0 12px 70px;
	color:#666;
}
.MainPane{
	width:100%;
}
.ChartWrapper{
	margin:0 6px 6px;
	display:inline;
	background:#F7F7F7 url(images/box_bg.gif) repeat-y left top;
	float:left;
	width:495px;
}
.ChartTitleWapper{
	background:url(images/box_tl.gif) no-repeat left top;
}
.ChartTitle{
	color:#555;
	font-size:14px;
	font-weight:bold;
	padding:5px 8px 15px;
	background:url(images/box_tr.gif) no-repeat right top;
}
.ChartTitle a {
	color:#555;
	text-decoration:underline;
}
.Charts{
	margin:0;
	padding:0 0 8px 0;
	float:left;
	list-style-type:none;
}
.Charts li{
	display:inline;
	float:left;
	width:114px;
	vertical-align:middle;
	text-align:center;
	margin:0 3px;
	font-weight:bold;
	color:#666666;
}
.Charts li .Period{
	color:#ADADAD;
}
.Legends{	
	margin:0 0 0 20px;
	padding:0;
	list-style-type:none;
}
.Legends li{
	display:inline;
	color:#1C3E61;
	font-size:10px;
	font-weight:bold;
	margin:0;
	padding:0 10px 6px 8px;
}
.ChartFooter{
	float:left;
	background:url(images/box_bottom.gif) no-repeat left bottom;
	height:10px;
	width:495px;
}
.ChartBody {
/*	line-height:3em;*/
padding:0 15px 15px 20px;
color:#333;
font-weight:bold;
font-size:14px;
height:300px;
overflow:auto;
}

.ChartBody *{
color:#333;
}

.ChartBody .ChartTable {
height: 200px;
overflow: auto;
overflow-x: hidden;
}

.ChartBody .ChartTable th{
background:#888;
color:#FFF;
border:#808080 1px solid;
font: 14px Tahoma;
font-weight:bold;
text-align:center;
}
.ChartBody .ChartTable tr td{
background:#EEE;
border:#DFDFDF 1px solid;
}

.ChartBody .ChartTable tr td.DialogSelected {
background:#FFCCCC;
}

.ChartBody .ChartTable tr.odd td{
background:#EAEAEA;
border:#DDD 1px solid;
}

.buttonRow {
text-align:center;
}

.SidePane{
	float:right;
	width:130px;
}
.DescTitle{
	font-weight:bold;
	font-size:22px;
	font-family:Helvetica, Arial, sans-serif;
}
.DescWrapper{
	margin:6px 12px 6px 0;
	display:inline;
}
.DescWrapper a{
	color:#888;
	text-decoration:underline;
}
.DialogControl{
	float:right;
	cursor:pointer;
	display:inline;
}
.DialogAction{
	padding:10px;
	text-align:center;
}


#pagewidth { width:970px;}
#pagewrapper { width:970px;}
#topNavBar { width:970px;}
#headerNav { width:970px;}
#footerInfo { width:970px;}