#fixpos{
}

.wrapper{
  /*min-width:800px;
  max-width:1000px;*/
  clear:both;
  margin:0 auto; text-align:left;
  background:#fff;
  position:relative; /* add position value so any absolute values within this use this as*/
                     /* starting point rather than overall page. relative leaves gap where original was*/
}


.searchPage{
FONT-SIZE: 14px; FONT-FAMILY: 'Arial', Verdana, Tahoma, Helvetica, sans-serif;
  color: #666;
  padding: 0px 10px 0px 10px;
  min-width:400px;
  max-width:600px;
  clear:both;
  margin:0 auto; text-align:left;
  background:#fff;
  position:relative;
  width:100%;
}

.fieldSection{
  FONT-SIZE: 14px; FONT-FAMILY: 'Arial', Verdana, Tahoma, Helvetica, sans-serif;
  color: #666;
  background-color: #CCCCCC;
  z-index:1001;
  padding-left: 10px;
}

.keywordField{
  width:90%;
}

.div-20{
  padding:5px 0px 5px 0px;
  width:20%;
  float: left;
  position: relative;
}

.div-50{
  padding:5px 0px 5px 0px;
  width:50%;
  float: left;
  position: relative;
}

.div-80{
  padding:5px 0px 5px 0px;
  width:80%;
  float: left;
  position: relative;
}

.div-100{
  margin-top: 10px;
  width:100%;
  float: left;
  position: relative;
  margin-bottom: 50px;
  margin-top: 30px;
}

.searchBut{
  width: 200px;
  margin:0 auto;
}

P {	FONT-SIZE: 14px; FONT-FAMILY: 'Arial', Verdana, Tahoma, Helvetica, sans-serif;
  color: #666;
}
h1 {  FONT-SIZE: 14px; FONT-FAMILY: 'Arial', Verdana, Tahoma, Helvetica, sans-serif;
       font-weight: bold;
  color: #666;
}

h2 {  FONT-SIZE: 14px; FONT-FAMILY: 'Arial', Verdana, Tahoma, Helvetica, sans-serif;
       font-weight: bold;
}

h3 {  FONT-SIZE: 16px; FONT-FAMILY: 'Arial', Verdana, Tahoma, Helvetica, sans-serif;
       font-weight: bold;
  color: #666;
}

BODY {  FONT-SIZE: 8px; FONT-FAMILY: 'Arial', Tahoma, Verdana, Helvetica, sans-serif;
       margin-top:0px;
       margin-left:10px;
}


.leftCol{
  FONT-SIZE: 14px; FONT-FAMILY: 'Arial', Verdana, Tahoma, Helvetica, sans-serif;
  color: #666;
  width:150px;
  float:left;
}

.fromDate:before {
  content: "Date Search:";
}

.toDate:before {
  content: "to";
}

.topFill{
  background-image:  url(dualtop_fill.PNG);
  width: 100%;
}

.fRight{
float: right;
  position:absolute;
  top:0px; right:0px
}

.fix-buttons  {
  opacity: 0.9;
  position: fixed;
  top: 4px;
  right: 4px;
  background:#333333;
}

.topBG {background-image:  url(dualtop_fill.PNG);}

.table {
  border: 0px;
  vertical-align: middle;
  border-collapse:collapse
}

#basketTable {}
#basketTable table { border: 1px solid #666666;
        border-collapse: collapse;  }
#basketTable table td { border: 1px solid #666666;  }


.desc{
margin-right: 150px;
}
.htmlb {
      FONT-SIZE: 14px;
      border: 2px;
      color: #009933;
}

.black {
      FONT-SIZE: 14px;
      color: #000000
}

.grey {
      FONT-SIZE: 14px;
      color: #666;
}
.red {
      FONT-SIZE: 14px;
      color:red;
}

.courseTab {
  border: 1px;
       border-style: solid;
//       border-bottom-width: 15px
//       border-color: #ff0000

}


.basketTd {
  border: 1px;
       border-style: solid;
       border-collapse:collapse;
}

.basketTr {
  border: 1px;
       border-style: solid;
       border-collapse:collapse;
}


.bycourse {
vertical-align: middle;
FONT-SIZE: 14px;
FONT-FAMILY: 'Arial', Verdana, Tahoma, Helvetica, sans-serif;
color: #666;

}

.topbannerBG {background-image:  url(../ZBSP_PROJECTREP/header/campustopfill.gif);}

.TdTitle {
vertical-align: middle;
text-align: left;
width:70%;
FONT-SIZE: 16px;
font-weight: bold;
}

.Tddate {
vertical-align: middle;
text-align: right;
width:30%;
FONT-SIZE: 16px;
font-weight: bold;
}

.TdCol1 {
vertical-align: middle;
text-align: left;
 width:70%;
}
.TdCol1right {
vertical-align: middle;
text-align: right;
 width:70%;
}

.TdCol2 {
vertical-align: middle;
text-align: right;
 width: 30%;
}

/* footer*/

    #footer{
 	float:left;
 	width: 760px;
  height: 66px;
  background-color: #000000;
  color: #cbcbca;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 16px;
  font-size:60%;
  text-align: center;
  border-top-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  padding-top:7px;
 }

 input.navBut {

   color:#000000;
   font: bold 80% 'trebuchet ms',helvetica,sans-serif;
   background-color:#cccccc;
   border:0px solid;
   cursor:pointer;
   padding:5px 10px 5px 10px;
   border-color: #696 #363 #363 #696;
   margin-left:1px;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType=0,StartColorStr='#cccccc',EndColorStr='#777777');

 }

 input.bookBut {
   color:#000000;
   font: bold 80% 'trebuchet ms',helvetica,sans-serif;
   background-color:#cccccc;
   border:0px solid;
   cursor:pointer;
   padding:0px 0px 0px 0px;
   border-color: #696 #363 #363 #696;
   margin-left:1px;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType=0,StartColorStr='#cccccc',EndColorStr='#777777');
 }

 input.btnhov {
   border-color: #c63 #930 #930 #c63;
      color:#ffffff;
}




.cart {
   font: bold 84% 'trebuchet ms',helvetica,sans-serif;
   }

.infoTab {
  border: 1px;
       border-style: solid;
       background-color: #FFFFCC;
}


@media only screen and (max-width : 480px) {
   /* Smartphone view: 2 tiles */
   .desc {
      margin-right: 0px;
   }
   .div-25{
     width:100%;
     float: left;
     position: relative;
   }
   .div-50{
     width:100%;
     float: left;
     position: relative;
   }
   .div-80{
     width:100%;
     float: left;
     position: relative;
   }
   .searchPage{
     min-width: 100px;
     max-width: 100%;
   }
}


@media only screen and (max-width : 667px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .desc {
      margin-right: 0px;
   }
   .div-25{
     width:100%;
     float: left;
     position: relative;
   }
   .div-50{
     width:100%;
     float: left;
     position: relative;
   }
   .div-80{
     width:100%;
     float: left;
     position: relative;
   }
}

@media only screen and (max-width : 750px) and (min-width : 668px) {
   /* Tablet view: 3 tiles */
   .desc {
      margin-right: 0px;
   }
   .div-25{
     width:100%;
     float: left;
     position: relative;
   }
   .div-50{
     width:100%;
     float: left;
     position: relative;
   }
   .div-80{
     width:100%;
     float: left;
     position: relative;
   }
}

@media only screen and (max-width : 1050px) and (min-width : 751px) {
   /* Small desktop / ipad view: 3 tiles */

}

@media only screen and (max-width : 1290px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */

}