/* These styles are applied by the shared BASE master page, and apply to portal and regular sites. */
 
/* =displays */
@media print {
	.donotprint {display:none;} 
	.printonly {display:block;}
	body {background-color:#fff;}
}
@media screen {
	.printonly {display:none;}
	.speakonly, .accessKey {display:none;}
}
@media aural {
	.donotspeak {speak:none;}
	.speakonly, .accessKey {speak:normal;}
}
.DoNotPrint {display:none;} 
A:link {color:#000099;text-decoration:none}
A:visited {color:#000099;text-decoration:none}
A:hover {color:#0000FF;text-decoration:none}
A:active {color:#000099;text-decoration:none}

/* =HTML Tags */
body {padding:0;background-color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif;}
/*.btn {margin:5px;padding:3px;}*/
hr.hrBorder {border: 1px solid black;width:80%;color:#000;}
img {border:0;}

/* =navigation */
.Vnav {color:#ffffff;font-size:x-small;text-align:left;font-weight:bold;font-style:normal;list-style-type:none;margin:0;padding:0;border:none;width:100%;} /* VERTICAL Font Properties*/ 
.Vnav li {border-bottom: 1px solid #999999;margin:0;} /* List Spacer Properties*/ 	
.Vnav li a {display:block;padding:2px;background-color:#CCCCCC;color:#000000;text-decoration:none;width:auto;height:auto;border-left:4px solid #999999;border-right:4px solid #999999;border-top-width:0px;border-bottom-width:0px;border-top-style:none;border-bottom-style:none;} /* List Hyperlink and Box Size Properties */
.Vnav li a:hover {border-left:4px solid #999999;border-right:4px solid #999999;background-color:#999999;color:#ffffff;font-weight:bold;color:#ffffff;width:auto;height:100%;} /* List Mouse Over Properties */ 

.Hnav {width:100%;font-size:x-small;font-weight:bold;font-style:normal;background-color:#dfdfdf;}
.Hnav td {border:1px solid #333333;text-align:center;}
.Hnav a {text-decoration:none;font-weight: bold;width:100%;height:100%;display:block;}
.Hnav a:hover {}
/*.Hnav {color:#ffffff;font-size:x-small;text-align:center;font-weight:bold;font-style:normal;border:1px solid #333333;} /* HORIZONTAL Font Properties*/ 
/*.Hnav li {display:inline;}
/*.Hnav a {display:block;background-color:#CCCCCC;color:#000000;text-decoration:none;width:100%;height:100%;} /* Hyperlink and Box Size Properties */ 
/*.Hnav a:hover {background-color:#999999;color:#000000;font-weight:bold;color:#ffffff;text-decoration:none;width:100%;height:100%;} /* Mouse Over Properties */ 		

/* =fonts */
/* This could be better.  C, D, BBold, CBold, DBold, and EBold are exactly the same. So are A, B, and E. 
	It will make more sense if we seperate fonts by their purpose: like titletext, footnote, etc. 
	It also makes it much easier for a client to style their site, create overrides, or inherit our styles, 
	when fonts are given meaningful names. */
.fontSizeA {font-size:x-small;font-style:normal;font-weight:normal;}
.fontSizeB {font-size:small;font-style:normal;font-weight:normal;font-family:Arial;}
.fontSizeC {font-size:small;font-style:normal;font-weight:bold;}
.fontSizeD {font-size:small;font-style:normal;font-weight:bold;}
.fontSizeE {font-size:small;font-style:normal;font-weight:normal;}
.fontSizeABold {font-size:x-small;font-style:normal;font-weight:bold;}
.fontSizeBBold {font-size:small;font-style:normal;font-weight:bold;}
.fontSizeCBold {font-size:small;font-style:normal;font-weight:bold;}
.fontSizeDBold {font-size:small;font-style:normal;font-weight:bold;}
.fontSizeEBold {font-size:small;font-style:normal;font-weight:bold;}
.footnote	{font-size:x-small;font-style:normal;font-weight:normal;}

/* = Captcha */
#recaptcha_response_field {
	border-color: #9c9c9c !important; /*Text input field border color */
	background-color:#fff !important; /*Text input field background color */
}

/* = Price Compare */
.pricecomp {border: solid 1px #bfbfbf;padding:0.3em;min-width:100px;}

input.fontSizeC {
	font-size: small;
	font-style: normal;
	font-weight: bold;
	background-position: right;
}
.font12Normal {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	}
.font14Bold {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
.fontSizeShip
{
	font-weight: bold;
	font-size: small;
	font-style: normal;
	text-align: left; 
}

.fontSizeUnderline {color:#000000;font-weight:bold;font-size:small;font-style:normal;text-decoration:underline;}


/* =sections */
.breadCrumbs {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-style:normal;font-weight:bold;padding: 0;
margin: 0 0 10px 0; text-align :left}
.ButtonsBG {text-align:right;width:99%;background-color: #0066FF;border: 1px solid #000000;}
.errors {font-size:10px;font-weight:bold;color:#FF0000;font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #FFFFFF;}
.footerDiv {text-align:center;vertical-align:middle}
div.giftRegistry {border-right: #818181 1px solid;padding-right: 0px;border-top: #818181 1px solid;padding-left: 0px;font-size:small;padding-bottom:5px;margin: 5px 0px;border-left: #818181 1px solid;width:auto;padding-top:5px;border-bottom: #818181 1px solid;text-align:left;font-weight:bold;}
.help {font-size:x-small;font-style:normal;font-weight:bold;padding-bottom:10px;color:#000000;text-align:right;width:99%;}
.imgGift2 {border:none;margin:0;vertical-align:top;top:0;text-align:left;width:18px;height:18px;}
.LocationBar {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;font-weight:bold;color:#FFFFFF;background-color:#0033CC;border: 1px solid #000000;padding-left:8px;}
table.div.nomargin {margin:0;font-size:small;}
.nomargin {margin:0;}
.parentDiv {width: 99%; /* Padding will push 100% past the viewport, so bring it down */
	background-color:#fff;font-size:small;font-style:normal;font-weight:normal;font-family:Arial;border-top:none;margin:0;}
.pricingDisclaimer {font-size:x-small;white-space:normal;padding: 10px 0px;}
.regLink {text-align:left;margin-left:70px;}
.regFormCell {width:20%;text-align:left;vertical-align:top;font-size:small;font-weight:bold;font-style:normal;}   
.SectionText {font-size:medium;font-style:normal;font-weight:normal;width:100%;}
.toTopImg {text-align:right;}
#wrapper {width:100% !important;}

/* suggested sale */
.SSPanel {float:right;vertical-align:top;text-align:center;}
.SSItem {overflow:hidden;}
.SSItem a:link, .SSItem a:hover, .SSItem a:visited, .SSItem a:active {font-size:8px;}

/* control specific styles */
.radiobutton label {margin: 0 10px 0 0;padding:0px;}
.checkbox label {margin:0;padding:0;}
.radiobutton input {margin: 2px 5px 0 0;padding:0;}
.checkbox input {margin: 0 5px 0 0;padding:0;}

/* =table styles */
.formCellBlue {font-size:small;font-style:normal;font-weight:bold;color:Blue;}
.formCellLite {background-color:#dcdcdc;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#000000;}
.formCellDark {background-color:#a5a5a5;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;color:#000000;}
.formCellLiteBold {background-color:#dcdcdc;font-size: small;font-weight: bold;color: #000000;}
table.giftRegistry {border-right: #818181 1px solid;padding-right: 0px;border-top: #818181 1px solid;padding-left:0px;font-size:small;padding-bottom:5px;margin: 5px 0px;border-left: #818181 1px solid;width:auto;padding-top:5px;border-bottom: #818181 1px solid;text-align:left;}
.main_content {width:100%;background-color:#fff;font-size:small;font-style:normal;font-weight:normal;font-family:Arial;}
.rowdark {background-color: #dcdcdc;font-size: 12px;font-weight: normal;	color: #000000;}
.row1 {}
.row2 {background-color:#F4F4F4;}
.SubCells1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#000000;background-color:#0099FF;border: 1px solid #000000;padding-left:8px;}
.SubCells2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;color:#000000;background-color:#0099FF;border: 1px solid #000000;padding-left:8px;}
.tableBorder {border: 1px solid black;table-layout:auto;}
.Topcells2 {background-color:#f5f5f5;font-size:10px;font-weight:bold;color:#000000;font-family: Verdana, Arial, Helvetica, sans-serif;}

/* =adoption-only */
.bluebutton {}

.adoptionMessage {	font-size: 10px;}
/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	/*background-image: url(images/bg-menu-main.png);*/
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}
input.btnBold {font-weight: bold;}


/* =old styles to convert */
.switch
{
	display: block;
	visibility: visible;
	position: absolute;
	left: 770px;
	top: 17px;
	width: 30px;
	cursor: default;
	z-index: auto;
}
div.cssRed
{
	background-color: red;
	width: 0.2cm;
	height: 0.2cm;
	color: #ffffff;
	border: 1px solid #000000;
}
div.cssBlue
{
	background-color: blue;
	width: 0.2cm;
	height: 0.2cm;
	color: #ffffff;
	border: 1px solid #000000;
}
div.cssBaW
{
	background-color: #999999;
	width: 0.2cm;
	height: 0.2cm;
	color: #ffffff;
	border: 1px solid #000000;
}
.font9Normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	}
.font10Normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	}
.font12Normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	}
.font10Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}
.font12Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.font14Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
.font9Bold {
	font: bold normal 9px Verdana, Arial, Helvetica, sans-serif;
}
.cellFrame {
	background-color: #FFFFFF;
	border: 1px solid #000099;
}
.summaryPrefaceHeadBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #000000;
}
.topNAVcell {background-repeat: no-repeat;}
.darkBGcellFill {
	background-color: #FFFFFF;
}
.ItemBG {background-color: #E8E8E8;}
.SumPreChapBG {
	background-color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	color: #000000;
}

/* =mayada styles */
.sitebutton
{
	font-size: x-small;
	margin: 0px;
	padding: 2px 1px;
}
div.gift {
	font-size: x-small;
	font-weight:bold;  
	margin: 0px;
	padding: 2px 1px;
	margin-left: 30px;
	
	
}
div.bcrumbs  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-style:normal;
font-weight:bold;
padding: 0 0 10px 0;  
text-align :left;
float:left;
width:90%;
}



 .righthelp a:link{
      float: right;
      font-weight: bold !important;
       padding-right: 10px; 
       text-decoration :none;
    }
    
    .divSelectDept
    {
        OVERFLOW: auto; 
          HEIGHT: 270px;
         text-align:left; 
          BORDER-RIGHT: black thin solid; 
        BORDER-TOP: black thin solid; 
        BORDER-LEFT: black thin solid; 
        BORDER-BOTTOM: black thin solid;
    }
    
     .selectCourse
    {
          HEIGHT: 270px;
           text-align:left; 
          BORDER-RIGHT: black thin solid; 
        BORDER-TOP: black thin solid; 
        BORDER-LEFT: black thin solid; 
        BORDER-BOTTOM: black thin solid;
    }
  .merchDetailLeftColumn
    {
        float :left;
        width: auto ;
        border: none;
        padding: 0;
         
    }
  div#orderleftColumn , .orderleftColumn
    {
     border:medium none;
    float:left;
    margin-left:70px;
    margin-top:5px;
    padding:0;
    text-align:center;
    width:40%;
}
  
    div#rightColumn, .rightColumn
{
    border:medium none;
    float:left;
    padding:0;
    text-align:left;
    width:auto;
   
}
div.divWithBorder {
	width: auto;
	margin: 5px 0px;
	padding: 5px 0px;
	text-align: center;
	border: 2px solid #818181;
	font-size: small;
}

/* Centers table in Mozilla */
.cartOrderSummaryTable table {
	margin-left: auto;
	margin-right: auto;
}
.cartOrderSummaryTableLabel {
	font-size:small;
    padding:0 5px;
    text-align:right;
    white-space:nowrap;
	
}

td.cartOrderSummaryTableData {
font-size:small;
text-align:left;
}

td.cartOrderSummaryTableData {
	
	font-size: small;
	text-align: left;
	
}
.formtable 
{
	background-color: white;
	width : 100%;
}
/* Order Summary Message */
.cartOrderSummaryMessageLabel {
	font-size: small;
	font-weight: bold;
}
input.cartOrderSummaryMessageText {
	font-size: small;
	padding: 2px 5px;
	margin: 5px 0px;
}
/* fixes for payment */
.regCell {
font-size:small;
font-style:normal;
font-weight:bold;
text-align:right;
vertical-align:top;
width:20%;
}
.itemCourseHeader {
	font-size: 0.7em;
	font-weight: bold;
	color: black;
	background-color: #ddd;
	/*border: 1px solid black;*/
	padding: 4px;
	margin-top: 5px;
}
.oduMessage {
	font-size: small;
	border: 2px solid #CC0000;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	-moz-border-radius: 10px;
}

.oduAgree {
	font-size: small;
	padding: 10px;}
.oduAgree td {	vertical-align: top;}
#fCourseList {
	width: auto;
	font-size: small;
	line-height: 200%;
}

.AdoptionTitle {
	background-color: #dcdcdc;
	font-size: small;
	font-weight: bold;
	color: #000000;
}

.Adopterrors {
	font-size:  x-small ;
	font-weight: bold;
	color: #FF0000;
}
.fontcolor
{
	font-weight: normal;
	font-size: x-small;
	color: blue;
}

 .BookContent
    {
        margin-left :auto;
        margin-right : auto;
         width: 100%;
    }
  
.rightColumn
{
    float: left;
    width:auto;
     border: none;
     padding: 0;
    text-align:left;  
    font-size:small;
    font-style:normal;
    font-weight: normal;
     
}

.formCellWhite {
	background-color: #ffffff;
	font-size: small;
	font-weight: normal;
	color: #000000;
}

.formCellWhiteBold {
	background-color: #ffffff;
	font-size: small;
	font-weight: bold;  
	color: #000000;
	
}

tr.formCellLite select,input {
	margin: 0;
	padding: 0;
}
tr.formCellWhite select,input {
	margin: 0;
	padding: 0;
}

/*  1px border around table.  (see orderSummary.htm - Course Materials) -sd */
table.tableBorderFont {
	border: 1px solid black;
	table-layout: auto;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	/*border-collapse: collapse;*/

}
/*  1px border around table.  (see orderSummary.htm - Course Materials) -sd */
table.tableBorder {
	border: 1px solid black;
	table-layout: auto;
	
	/*border-collapse: collapse;*/

}


hr.hrBorder {
	border: 1px solid black;
	width: 80%;
	 color: black;
}
table.parentTable {
	width: 100%;
	background-color: White;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	font-family: Arial; 
	
	/*border-collapse: collapse;*/

}
div.parentDiv {
	width: 99%; /* Padding will push 100% past the view
port, so bring it down */
      
	background-color: White;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	font-family: Arial; 
	border-top: none;
	margin : 0;
	
	/*border-collapse: collapse;*/

}
/*  defaults images to have no borders -sd */
.img, input.img, .img a:active .img a:focus {
	 border-width :0px;
	  border-style :none;
    -moz-outline-style: none;

}


.imgGift {
	border: none;
	margin: 0;
	vertical-align: middle;    
}
.imgGift2 {
	border: none;
	margin: 0;
	vertical-align: top;  
	top: 0px;
	text-align: left;
	width: 18px;
	height: 18px;
	    
}
.imgClose {
	border: none;
	margin: 0;
	vertical-align: top;  
	top: 0px;
	text-align:  right ;
	width: 10px;
	height: 10px;
	    
}

#ShowMain {
	width: 100%;
}


.multipleship
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	width: auto;
	border-bottom: lightgrey 1px solid;
	 font-size:small;
	  font-weight:bold; 
	  text-align: center;     
}
.Registry
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	width: 350px;
	border-bottom: lightgrey 1px solid;
}
div.myCartItemSummary {
	width: auto;
	font-size: small;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	border: 1px solid black;
	margin: 10px 0px;
}


#billingForm {
	padding: 20px 0px;
}
#billingForm label {
	font-weight: bold;
  clear: left;
  float: left;
  width: 200px;
  padding-right: 5px;
	padding-top: 3px;
  text-align: right;
}
#billingForm .labelRight {
	font-weight: normal;
  float: none;}
#billingForm .inputNoMarg {	margin-bottom: 0 !IMPORTANT }
fieldset.pmtOptsFieldset {
	width: 200px;
	margin-left: 100px;
}
legend {
	font-weight: bold;
	font-size: small;
	padding: 0 0.5em;
}
.opt {
	font-weight: normal;
	font-size: small;
  padding-right: 5px;
  text-align: right;
}
 
#billingForm input, select {	margin-bottom: 10px;}
#billingForm .noMarg {	margin: 0px;}
#billingForm label.subLabel {
	font-weight: normal;
  text-align: left;}
.formError {
	color: red;
	font-weight: bold;
	padding: 0px 3px;
}
input.formError {
	border: 1px solid red;
	padding: 1px 1px;}
div.ShipMessage {
	padding-top: 10px;
	font-size: small;
	white-space: normal;
}

.imgBrdr {	border: 1px solid black;}
.courseItemsNest {	padding: 0px;	/*background: LightCyan;*/}
.itemTable {
	padding-top: 5px;
	padding-bottom: 0px;
	/*background-color: LightBlue;*/
}
.adoptionBorder {	border-top: 1px solid black;}
.adoptionPrice {
	color: #990000;
	font-weight: bold;}
.adoptionMessage {	font-size: 10px;}

.imageBorder {
    Border-Color: Black;  
    Border-Width: 1px; 
    Border-Style: solid;
}
.toTopImg
{
    vertical-align :bottom;  
    text-align :right;
}
     .regCellAdo
     {
        width:30%; 
        text-align :right; 
        vertical-align :top;
        font-size:small;
        font-weight:bold; 
        font-style: normal;   
     } 
     .regFormCell
     {
        width:20%; 
        text-align :left; 
        vertical-align :top;
        font-size:small;
        font-weight:bold; 
        font-style: normal;   
     }   
     .onepixel
     {
        
        width : 0px;
        height : 0px;
     }  
     
     .hidden 
{position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;}   
  /*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}
.modalPopup {
	/*background-color:#ffffdd;*/
	border-width:3px;
	border-style:solid;
	border-color:black;
	padding:0px;
	width:300px;
}
/*Modal Popup*/
.modalBackground {
	background-color: Gray ;
	filter:alpha(opacity=70);
	opacity:0.7;
}

#UpdateProgress1 {
      width: 300px; background-color :white;   
      bottom: 30%; left: 400px; position: absolute;
     }
     
 .MerchCate
 {
     margin-left :50px;
 }


/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	/*background-image: url(images/bg-menu-main.png);*/
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

    div#righthelp,
    .righthelp {
    float:right;
    font-weight:bold;
    text-align:right;
    width:10%;
    }
    #pref.breadCrumbs {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 100%;
    }
     div#leftColumn , 
       #leftColumn,
       .leftColumn
    {
        float :left;
         width:auto; 
        border: none;
        padding: 0;
         font-size:small;
         font-style:normal;
         font-weight: bold;
    }           
     .Pref{
      float: left;
      width: 90%;
     
    }
    .noPref{
      float: left;
      width: 90%;
     
    }
    
    div#Section {
    margin-left :auto;
    margin-right : auto;
     width: 100%;
}
div#merchRightColumn {
    float: left;
    width:70%;
     border: none;
        padding: 0;
        text-align:left; 
}
div#merchColumn {
    float :left;
    width:20%;
    border: none;
    padding: 0;
}
div#merchLeftColumn
    {
        float :left;
        width:40%;
        border: none;
        padding: 0;
         
    }  
    
    div#TBLeftColumn
    {
        float :left;
        width:30%;
        border: none;
        padding: 0;
        margin-left: 20px; 
         
    }