/* -------------------- buttons ------------------------------- */
.btn_search, .btn_more, .btn_seemore, .btn_buymore { border: none; height: 25px; }
.btn_search {
	position: relative;
	top: 2px;
	width: 62px;
	background: url(/images/css/btn_search.jpg) no-repeat;
	background-image: url(/images/css/btn_search.gif);
}
.btn_search:hover {
  /*cursor: hand;*/
  cursor: pointer;
}

p.buynow { background: url(/images/css/btn_buynow.jpg) 0 0 no-repeat; margin-top: 10px; margin-bottom: 10px; float: right; margin-right: 20px;}
.btn_buynow { height: 40px; display: block; width: 150px;}
.btn_buynow:hover {text-decoration: none!important;}

.btn_more {
  clear: both;
  position: relative;
  background: url(/images/css/btn_more.jpg) top right no-repeat;
}
.btn_more a { display: block; width: 50px; height: 20px; float: right;}
.btn_more a:hover { text-decoration: none!important;}

p.btn_more {
  clear: both;
  position: relative;
  background: url(/images/css/btn_more.jpg) top right no-repeat;
}

.btn_seeit {
  margin: 15px 5px;
  height: 25px;
  /*clear: both;*/
  background: url(/images/css/btn_seeall.jpg) top right no-repeat;
}
.btn_seeit a { display: block; width: 50px; height: 20px;}
.btn_seeit a:hover { text-decoration: none!important;}

p.btn_submit input.btn_submitreport {width: 103px; float: left;}
p.btn_submit input.btn_cancel {width: 63px; float: left;}

/* -------------------- forms ------------------------------- */
fieldset { border: none; margin: 5px 0;}
legend { font-weight: bold; margin: 0 0 5px 0;   color: #593827;}

/* ----------------------- side column search */
fieldset.searchform {  padding: 0 0 0 15px;}
fieldset.searchform label {
  width: 200px;
  height: 20px;
  display: block;
}
/* -------------------- calendar ------------------------------- */
div.calendar { margin: 0 auto; width: 210px; padding: 5px; background: #7e5f4a url(/images/css/report_tile.jpg) 0 0 repeat-x;}
div.calendar h2 { font-weight: bold; text-align: left; padding: 5px 0; font-size: 12pt; color: white;}
div.calendar h2 a {
  background: url(/images/css/btn_calclose.jpg); 
  display: block; 
  width: 25px; 
  height: 25px; 
  float: right; 
  position: relative;
  top: -22px;
  margin-bottom: -25px;
}

div.calendar table {  width: 100%; }
div.calendar table th {padding: 5px;}
div.calendar table tr td {
 padding: 3px 0px 2px 0px;
   text-align:center;
   color:#CCCCCC;
   width: 25px;
   border: 1px solid #EFEFEF;
   vertical-align:top;
}
div.calendar table th.calweekdaycell { border-bottom: 1px solid;}
#calendardiv {
   background: white;
   font-size:8pt;
   height:auto;
   overflow: auto;
}
div.calendar table td.empty {
  text-align:center;
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
}
#calendartable td a {  color:#0000FF;  text-decoration:none; }
#calendartable td a:hover{	text-decoration:underline;}


/* ------------------- report issue / deal instructions form */
div.reportissue, div.dealinstructions { background: #7e5f4a url(/images/css/report_tile.jpg) 0 0 repeat-x; width: 545px; margin: 0 auto; left: 50%; top: 50%; margin-left: 0px; visibility: hidden; position: absolute; z-index:120; max-width: 80%;}
div.dealinstructions {  color: white; height: 275px;}
div.dealinstructions table { width: 100%; margin: 0 10px 0 5px;}
div.dealinstructions table tr td { padding: 10px 0;}
div.dealinstructions table td span.price { color: white!important; }
	h1.hdr_popupinstructions { height: 50px; background: url(/images/css/hdr_popupinstructions.jpg) 35px 5px no-repeat;}


div.reportissue  h1.title_reportissue { background: url(/images/css/reportissue.jpg) 2px 0 repeat-x; height: 35px;}
div.reportissue  h1.title_reportissue a { display: block; width: 30px; height: 30px; float: right; margin: 2px;}

fieldset.report { background-color: white; margin: 0 10px 0 5px; padding: 10px; text-align: left; clear: both;}
fieldset.report h2, div.dealinstructions h2 {font-size: 11pt; font-weight: bold!important; margin: 5px 0 10px 0;}
fieldset.report h3 {font-size: 10pt; margin: 5px 0 10px 0; font-weight: bold;}
div.dealinstructions h3 {font-size: 10pt; margin: 5px 0 10px 0; font-weight: bold; text-align: left; margin-left: 35px;}

form.genform {}
form.genform br { clear: left;} 
form.genform p { clear: both; margin: 5px 0;}

form p.desc  {  font-style: italic;  font-size: 0.9em; color: #666;}
form p.error { font-size: 0.9em; color: red;}
form p.extralong label  { width: 440px; }
form p.extralong input  { width: 40px; }

form.genform label.long {  }
form.genform label {
  width: 100px;
  float: left;
  font-size: 1em;

  margin-right: 10px;
}
form.genform label span {}
form.genform label.long {
  float: none!important;
  clear: both;
  width: 100%;
  display: block;
  text-align: left;
}
form.genform input, form.genform select {
  display: block;
  float: left;
  width: 150px;  
}
form.genform textarea { height: 100px; width: 100%; /* subjective, recommend: (3/2)(input width) */}

form.genform .checks label {
  margin-left: 210px;
  float: none;
  width: auto;
  clear: none;
  display: block;
  text-align: left;
  height: 2em;
  padding-top: 0;
  margin-bottom: -1em;
}
form.genform .checks label:after { 	content: ""; } 

form.genform .checks input {
  margin-left: 210px;
  float: left;
  text-align: right;
  margin-bottom: 0.5em;
  width: auto;
}
/* The following makes Internet Explorer 6.x play nicely. */
* html form.genform .checks input { margin-left: 110px;  /* (1/2)((label width) + (label margin)) */}
* html form.genform .checks label { margin-left: 210px; /* (label width) + (label margin) */ height: 1em; }

form.genform select[multiple="multiple"] {  margin-left: 0px;}
form.genform input[type="radio"], form.genform input[type="checkbox"], 
form.genform input[type="hidden"] { 
	width: auto; 
	height: 0.8em; 
	border: 0;
}
form.genform input[type="hidden"] {	display: none;}

* html form.genform input, 
* html form.genform textarea, 
* html form.genform select,
* html form.genform .checks input,
* html form.genform .checks label, 
* html form.genform p.desc {}
* html form.genform fieldset br {  line-height: 0.5em; font-size: 0.5em;}

#interactive_popup_header, #interactive_popup_footer {
   height: 20px;
   margin: 0 auto;
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   color: #FFFFFF;
   background-color: #7e5f4a;
   vertical-align: top;
   text-align: left;
   font-size: 12px;
	font-weight:bold;
   vertical-align: middle;
   display: block;
}

#interactive_popup_header_text{
   padding-top: 2px;
   padding-left: 5px;
}

#interactive_popup_close_button{
   float: right;
   display: inline;
   padding-right: 3px;
}

#interactive_popup_body{
   background: #FFFFFF; /* Login Box background color. Change this if desired. */
   font-size: 12px;
   margin: 0; 
   text-align: center;
   padding: 25px 50px 25px 50px; /*  Make the text not touching the top on the login box */
   overflow: visible;
}