/* 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 */
html{
    margin: 0;
    padding: 0;
    height: 100%;
}

body {padding:0;background-color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif; height:100%; padding: 0; margin: 0;}
/*.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; text-decoration:none;}
.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;}

.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(http://www.sulrossbookstore.com/css/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; 
         text-align:left;       
        margin-top: 5px;
        margin-bottom: 5px;
        /*  height: 167px;
        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;*/
}



.tableBorder {
	width: 100%;	
	border: 1px solid #eee;
   }

.tableBorder th {
	color: #99a0a7;
	background-color: #eee; 
}

.tableBorder th, .tableBorder td {
	padding: 10px;	
	vertical-align: top;
	border-bottom: 1px solid #eee;
}


/*.cart input, .cart textarea, .cart select { width: 100%; }*/
.tableBorder td.qty { width: 70px; }
.tableBorder td.qty input[type="number"] { text-align: center; }
.tableBorder td.edit {
	width: 50px;
	text-align: center;
}
.tableBorder td 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;*/

}



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(http://www.sulrossbookstore.com/css/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; 
         
    }           


.noborder 
{
   
    border-bottom : 0px none !Important;
    border-left :0px none !Important;
     border-top :0px none !Important;
      border-right :0px none !Important;
      border-collapse: separate;
}
.searchcourse  
{
    /*border:black thin solid;  
    padding : 10px ;
    text-align:center; */
    display:block;  
    
}
.searchcoursetext
{
    margin-bottom:5px;
    font-weight:bold;
    color: #3e5060;
    font-size: 14px;
    
}
.searchcoursebutton
{
    padding:0 5px;
    margin-left: 5px; 
}
.screenoverlay {
	position: fixed !important;
	left: 0px !important;
	top: 0px !important;
	width: 100% !important;
	/*height: 100% !important;*/
	min-height: 300px;
	background-color: #666 !important;
	opacity: .80 !important;
	filter: alpha(opacity=80) !important;
	z-index: 1000 !important;
}
.topBox {
	position: absolute;
	padding: 10px 15px 15px 15px;
	min-width: 300px;
	/*min-height: 300px;*/
	text-align: left;
	background-color: #fff;
	border: 1px solid #333;
	z-index: 1001;
}
.topBox .box {
	margin: 0;
	padding: 0;
	text-align :center ;	
}
.topBox p {
	margin: 0;
	padding: 0;	
	font-size: 0.800em;
}
.topBox p.right {
	text-align: right;
}
.topBox .box p {
	margin: 0 0 15px 25px;
	padding: 0;	
	font-size: 14px;
}
.topBox .box label {
	margin: 0;
	padding: 0;	
}

.MerchSearchIn 
{
    width:95%;
    font-size:xx-small;
}

.MerchClassSearchDDL
{
    margin-bottom: 0px !IMPORTANT;
}
.block{display:block;}
.center, .centerAlign{text-align:center;}
.currentPage{font-weight:bold; text-decoration:underline;}

.tblCourseSelect
{ width:100%;
    height: 350px;
}

.selectCol1
{    
    padding-right: 80px;

    padding-top: 12px;
}

.selectCol2
{
    padding-top: 12px;
    height: 280px;
}

.courseSearchRemove
{
    text-decoration: underline;
}

.addCourse input[type="submit"]
{
    margin-left: 3px;
}

.courseListTable
{
    border: 1px solid black;
    width: 436px;
}

.courseListHeader
{
    font-weight: bold;
    font-size:12px;
    color: darkgray;
}

.tblRemoveColumn
{
    width: 50px;
}

.tblTermColumn
{
    width: 73px;
}

.tblDeptColumn
{
    width: 70px;
}

.tblCourseColumn
{
    width: 105px;
}

.tblInstructorColumn
{
    width: 115px;
}

.tblRemoveColumnH
{
    width: 50px;
    float: left;
}

.tblTermColumnH
{
    width: 73px;
    float: left;
}

.tblDeptColumnH
{
    width: 73px;
    float: left;
}

.tblCourseColumnH
{
    width: 105px;
    float: left;
}

.tblInstructorColumnH
{
    width:115px;
    float:left
}

.courseListRow
{
    font-size: 12px;
    font-weight: bold;
}
.courseListRow2
{
    font-size: 12px;
    font-weight: bold;
    background-color: lightGray;
}

.tblRemove a
{
    text-decoration: underline !important;
}

.lineBreak
{
    margin-top:10px;
    display: block;
}

.searchBox
{
    height: 50px;
}

.addCourse
{
    margin-top: 5px;
    /*height: 80px;*/
}

.chkListAttributes
{
    padding-left: 25px;
}

.pagerBoarder {
    background-color: lightgray;
}

.merchListButtons {    
    background-color: #d4d4d4;
    min-width: 75px;
    /*height: 25px;*/
	border: 1px solid black;
	border-radius: 5px;
	font-weight: bold;
	font-size: medium;
    margin: 3px 0;	
    -webkit-box-shadow: inset 0 0 10px #929292;
    -moz-box-shadow: inset 0 0 10px #929292;
    box-shadow: inset 0 0 10px #929292;
}
.image_cart {
	width:130px;
	height:130px;
	border:2px solid #000000;
	/*position:absolute;*/
	top:0px;
	left:0px;
}

/**********************Select Courses/ Checkout***********************/

/* Layout
   ========================================================================== */



.tblCourseSelect *, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}

.container *, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}


/*html {
  font: 100%/1.5 "Open Sans", sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 40rem) {
  html { font-size: 112%; }
}

@media (min-width: 64rem) {
  html { font-size: 120%; }
}

body {
  color: #555;
  font-size: 16px;
  background-color: #fff;
}*/

.container {
  margin: 0 auto;
  max-width: 53rem;
  width: 90%;
}

/* Header
   ========================================================================== */


/* Section
   ========================================================================== */

section {
  min-height: 40vh;
 
  /*border-top: 1px solid #eee;*/
  text-align: left;
  /*padding: 1rem 0;*/
}

section:first-of-type { border-top: none; }

@media (min-width: 40rem) {
  section { padding: 4rem 0; }
}

/* Mobile First Grid
   ========================================================================== */

.column { margin-bottom: 1.5rem; }

@media (min-width: 40rem) {
  .column {
    float: left;
    margin: 0;
    padding: 0 1rem;
  }

  .column.full { width: 100%; }
  .column.two-thirds { width: 66.7%; }
  .column.half { width: 50%; }
  .column.third { width: 33.3%; }
  .column.fourth { width: 25%; }
  .column.flow-opposite { float: right; }
}

/* Typography
   ========================================================================== */

h1, h2, h3, h4, h5 {
  font-weight: 600;
  margin: 0;
 
}

h1 {
  font-size: 1.3rem;
  line-height: 1.3em;
  margin-bottom: 1.5rem;

}

h4 { margin: 1.5rem 0;
      white-space: nowrap;
}

@media (min-width: 40rem) {
  h1 { font-size: 1.5rem; }
}

h3 {
  font-size: 1.2rem;
  margin-bottom: .5rem;
}

blockquote { margin: 0; }

blockquote p {
  color: #bbb;
  font-style: italic;
  margin-bottom: 1.5rem;
}

cite { color: #bbb; }




/* Links
   ========================================================================== */

/*a {
  color: #3498db;
  text-decoration: none;
}

a:hover { text-decoration: underline; }*/

/* Buttons
   ========================================================================== */

.button {
  padding: 0.7rem 1.5rem;
  vertical-align: middle;
  border: none;
  color: #fff;
  cursor: pointer;
  /*display: block;*/
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  background-color: #3498db;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  /* testing with changing all inputs to appear as buttons when button clas si sused.  this got rid of the border radius tho
  -webkit-appearance: button;
  -mox-appearance: button;
  -o-appearance: button;
  -ms-appearance: button;
  appearance: button;*/
}
.button:hover {
  background: #41a6da;
  text-decoration: none;
}
.button:active {
  background: #1d80d4;
  text-decoration: none;
}

.button.subtle { background: #99a0a7; }
.button.subtle:hover { background: #a9afb5; }
.button.subtle:active { background: #898e93; }

@media (min-width: 40rem) {
  .button {
    display: inline-block;
    font-size: 0.9rem;
  }
}

.button-small {
  padding: 0.1rem .5rem;
  vertical-align: middle;
  border: none;
  color: #fff;
  cursor: pointer;
  /*display: block;
  font-size: 1rem;*/
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  background-color: #3498db;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  /* testing with changing all inputs to appear as buttons when button clas si sused.  this got rid of the border radius tho
  -webkit-appearance: button;
  -mox-appearance: button;
  -o-appearance: button;
  -ms-appearance: button;
  appearance: button;*/
}
.button-small:hover {
  background: #41a6da;
  text-decoration: none;
}
.button-small:active {
  background: #1d80d4;
  text-decoration: none;
}

.button-small.subtle { background: #99a0a7; }
.button-small.subtle:hover { background: #a9afb5; }
.button-small.subtle:active { background: #898e93; }

.buttonactive {
  padding: 0.7rem 1.5rem;
  vertical-align: middle;
  border: none;
  color: #fff;
  cursor: pointer;
  /*display: block;*/
  font-size: 1rem;
  /*font-weight: 600;*/
  text-align: center;
  white-space: nowrap;
  background-color: #ffdd12;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* Shopping Cart
   ========================================================================== */
   
.cart {
	width: 100%;	
	border: 1px solid #eee;
   }

.cart th {
	color: #99a0a7;
	background-color: #eee; 
}

.cart th, .cart td {
	padding: 10px;	
	vertical-align: top;
	border-bottom: 1px solid #eee;
}


/*.cart input, .cart textarea, .cart select { width: 100%; }*/
.cart td.qty { width: 70px; }
.cart td.qty input[type="number"] { text-align: center; }
.cart td.edit {
	width: 50px;
	text-align: center;
}

.course-info {
	font-weight: bold;
}

.course-list{height: 425px; overflow:auto; border-bottom:1px solid #eee; border-top :1px solid #eee; border-right :1px solid #eee; border-left :1px solid #eee  }

/* Vendorcart Cart
   ========================================================================== */
   
.vendorcart {
	width: 100%;	
	border: 1px solid #eee;
   }

.vendorcart th {
	color: #99a0a7;
	background-color: #eee; 
}

.vendorcart th, .vendorcart td {
	padding: 10px;	
	vertical-align: top;
	border-bottom: 1px solid #eee;
}


/*.cart input, .cart textarea, .cart select { width: 100%; }*/
.vendorcart td.qty { width: 70px; }
.vendorcart td.qty input[type="number"] { text-align: center; }
.vendorcart td.edit {
	width: 50px;
	text-align: center;
}

/* Course/Section Select
   ========================================================================== */
   
.select-term, .select-dept, .select-section {
	width: 100%;
	height: 200px;
}


/* Elements
   ========================================================================== */

/*hr {
  border: 0;
  border-top: 1px solid #ddd;
  margin: 2rem auto;
  width: 3rem;
}*/

/*@media (min-width: 40rem) {
  hr { margin: 2.5rem auto; }
}*/

/*hr.small { margin: 1.5rem auto; }*/

/*img {
  display: block;
  height: auto;
  margin: 0 auto 1.5rem auto;
 width: 100%;
}*/

.rwd {
  margin: 0 auto 1.5rem auto;
  max-width: 440px;
}

.step-head { margin-bottom: 25px; 
             display: inline-block; }

.disclaimer { font-size: .8em; }

.dim { color: #DFE3E4; }

/* Box Model
   ========================================================================== */

.box-model h1 { margin-bottom: 3rem; }

.margin { color: #f9cd9d; }
.border { color: #fce08f; }
.padding { color: #c2ddb6; }
.content { color: #9ec3e5; }


/* Clearfix by Nicolas Gallagher
   ========================================================================== */

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

   .loyalty_tbl {
    margin-top :1rem;
   border: 1px solid #eee;
}
.payment_div {
     font-size: 0.7rem;
     font-weight:bold;
} 

 #ctl00_ctl00_Content_Content_dgMerch td {
	        border-bottom: 0px;
	    }