/* Standard Style Sheet */

/* --( basic )-- */
body {
  background: #fff; 
  margin: 0;
  margin-top:10px  
  scrollbar-face-color: #666666;
  scrollbar-shadow-color: #666666; 
  scrollbar-highlight-color: #666666;
  scrollbar-3dlight-color: #666666; 
  scrollbar-darkshadow-color: #666666; 
  scrollbar-track-color: #323232; 
  scrollbar-arrow-color: #666666;
}

td, li, ol {
  font: 10pt Arial, Helvetica, Sans-serif;
  color:#888888;
}

h1 {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 14pt;
  color:#888888;
  letter-spacing:-1px;
  margin-top:10px;
}
  
.other_new h1 {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 11pt;
  color:#888888;
  letter-spacing:-1px;
  margin-top:10px;
}
  
.original h2 {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 17px;
  color:#888888;
  letter-spacing:-1px;
  margin-top:10px;
}

h2 {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 17px;
  color:#888888;
  margin-top:5px;
  margin-bottom:5px;
  border-bottom:solid 1px #888888;
  letter-spacing:-1px;
}

h3 {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 15px;
  color:#888888;
  border-bottom:solid 1px #888888;
  letter-spacing:-1px;
  margin-top:20px;
}

h3.msg_title {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 11pt;
  color:#888888;
  border-bottom:solid 1px #888888;
  letter-spacing:-1px;
  margin-top:20px;
}

h4 {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 14px;
  color:#888888;
  margin-top:5px;
  margin-bottom:10px;
  border-bottom:solid 1px #888888;
  letter-spacing:-1px;
}

h5 {
  font: 16pt Arial, Helvetica;
  color: #888888;
}
  
a {
  color: #E9E9E9;
  text-decoration:none;
  outline-style: none;
}

a:hover {
  color:#888888;
  text-decoration:none;
  outline-style: none;
}

a:active {
  outline-style: none;
}

a:focus {
  outline-style: none;
}

input, textarea, select {
  font-family: Helvetica, Arial, Sans-Serif;
  color: #666666;
  background-color:#383838;
  border-style:solid;
  border-color:#666666;
  border-width:1px;
  padding: 2px;
  -moz-border-radius: 2px;
}
  
input:hover, textarea:hover {
  border: solid 1px #666666;
}

input.suggest {
  background-color:#343434;
  color: #FFFFFF;
  padding: 0px;
}

input:hover.suggest {
  background-color:#323232;
  color: #FFFFFF;
  padding: 0px;
}

button.image {
  border: none;
  background: none;
  cursor: pointer;
}

img {
  max-width:100%;
  height: auto;
  border: none;
}

form {
  margin: 0; padding: 0;
}

blockquote  {
  margin: 0 0 0 30px;
  padding: 10px 0 0 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #333;
  background: url('images/quote.png') no-repeat top left;
}

blockquote p {
  margin-top: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

.small {
  font-size:8pt;
}

.extra_small {
  font-size:7pt;
}

.help {
  font: 8pt Arial, Helvetica;
}

/* --( boxes )-- */
.box_1_top
{ background: url('images/box_1_top.gif') 0 0 no-repeat #677787;
  padding: 3px 10px 5px 30px;
  color: white;
  font-weight: bold; }

.box_1_mid
{ border-right: solid 1px #D0D9E0;
  padding: 8px 5px 8px 0;  }
  

.box_1_end
{ border-top: solid 3px #D0D9E0; }

.box_2_top
{ background: url('images/box_2_top.gif') 0 0 repeat-x;
  padding: 3px 10px 5px 10px;
  color: #888888;
  font-weight: bold; }

.box_2_mid
{ background: #fff;
  padding: 3px 10px 5px 10px; }

.box_2_end
{ background: url('images/box_2_end.gif') 0 0 repeat-x;
  padding: 3px 10px 5px 10px;
  color: #888888;
  height: 20px; }

.box_3_top
{ background: url('images/bg_box.gif') 0 0 no-repeat #888888;
  padding: 3px 10px 5px 30px;
  color: white;
  font-weight: bold; }

.box_3_mid
{ background: #D0D9E0; }

.box_3_end
{ border: solid 1px #888888; }

.float_box_top
{ background: url('images/float_box_top.gif') 0 0 no-repeat;
  padding: 8px 5px 17px 5px ;
  letter-spacing: 1px;
  font: bold 9pt Verdana, Arial, Helvetica  }

.float_box_mid
{ background: url('images/float_box_mid.gif') 0 0 repeat-y; 
  padding: 5px; }

.float_box_end
{ background: url('images/float_box_end.gif') 0 0 no-repeat; }


/* --( table )-- */
.table_2
{ border: solid 1px #7C7C7C;
  /* border: solid 1px #476DBA; */
  /* background: #D0D0E0; */
  background: #C2C2C2;  }

.table_2 td
/* { background: #F0F4F8; */
{ background: #323232;
  padding: 3px }

.table_2 th, .table_2 td.title
{ background: url('images/table_2.gif') 0 0 repeat-x;
  color: #fff;
  padding: 4px;
  font-weight: bold  }

.table_2 td.label
{ background: #999999;
  font-weight: bold }


.table_3 {
  background-color: #303030;
  border: 1px #292929 solid;
}

.table_3 td {
  background-color: #303030;
  padding: 2px 6px 2px 6px;
  /* font-size: 12px; */
}

.table_3 th {
  /* background: url('images/table_2.gif') 0 0 repeat-x; */
  background-color: #292929;
  /* color: #FFFFFF; */
  padding: 3px 6px 3px 6px;
  /* font-size: 12px; */
  font-weight: bold;
  margin-bottom: 0px;
}

.table_3 td.body {
  background-color: #303030;
  padding: 8px 6px 8px 6px;
  /* font-size: 12px; */
  border-bottom: 1px solid #292929;
}

.table_3 a.end {
  /* font: 10pt Arial, Helvetica, Sans-serif; */
  font-weight: normal;
  letter-spacing:0px;
  text-decoration: none;
  background: url('images/arrow.gif') 0 4px no-repeat;
  padding-left: 15px;
}


.table_4 {
  background-color: #323232;
  border: 1px #292929 solid;
}

.table_4 td {
  background-color: #323232;
  padding: 2px 6px 2px 6px;
}

.table_4 th {
  background-color: #212121;
  padding: 3px 6px 3px 6px;
  font-weight: bold;
  margin-bottom: 0px;
}

.table_4 td.body {
  background-color: #292929;
  padding: 8px 6px 4px 6px;
  border-bottom: 1px solid #292929;
}

.table_4 a.end {
  font-weight: normal;
  letter-spacing:0px;
  text-decoration: none;
  background: url('images/arrow.gif') 0 4px no-repeat;
  padding-left: 15px;
}


.table_last_minute {
  background-color: #323232;
}

.table_last_minute td {
  background-color: #383838;
  padding: 0px;
}

.table_last_minute th, .table_last_minute td.title {
  background-color: #383838;
  color: #666666;
  padding: 5px;
  font-weight: bold;
}

.table_last_minute td.label {
  background-color: #292929;
  font-weight: bold;
}


.table_myinterlinetip {
  background-color: #323232;
}

.table_myinterlinetip td {
  background-color: #383838;
  padding: 0px;
}

.table_myinterlinetip th, .table_myinterlinetip td.title {
  background-color: #383838;
  color: #666666;
  padding: 5px;
  font-weight: bold;
}

.table_myinterlinetip td.label {
  background-color: #292929;
  font-weight: bold;
}

.table_myinterlinetip div {
  margin-bottom:1px;
  padding: 4px 5px 4px 5px;
  background-color:#323232;
}


.table_mylist {
  background-color: #323232;
}

.table_mylist td {
  background-color: #383838;
  padding: 0px;
}

.table_mylist th {
  background-color: #383838;
  color: #666666;
  padding: 5px;
  font-weight: bold;
}

.table_mylist div {
  margin-bottom:1px;
  padding: 4px 5px 4px 5px;
  background-color:#323232;
}


.table_besthit {
  background-color: #323232;
}

.table_besthit td {
  background-color: #383838;
  padding: 0px;
}

.table_besthit th {
  background-color: #383838;
  color: #666666;
  padding: 5px;
  font-weight: bold;
}

.table_besthit div {
  min-height:21pt;
  height:auto !important;
  height:21pt; 
  margin-bottom:1px;
  padding: 4px 5px 4px 5px;
  background-color:#323232;
}


.table_latest_listings {
  background-color: #323232;
}

.table_latest_listings td {
  background-color: #383838;
  padding: 0px;
}

.table_latest_listings th {
  background-color: #383838;
  color: #666666;
  padding: 5px;
  font-weight: bold;
}

.table_latest_listings div {
  min-height:21pt;
  height: auto !important;
  height:21pt; 
  margin-bottom:1px;
  padding: 4px 5px 4px 5px;
  background-color:#323232;
}


/* --( Small Text )-- */
.small_text
{ font: normal 7pt Verdana, Arial, Helvetica;
  color: #888888;
  margin-left: 0px; }


/* --( Required )-- */
.required
{ font: bold 7pt Verdana, Arial, Helvetica;
  color: #888888;
  margin-left: 0px; }


/* --((( Feedback )))-- */
.feedback {
  position:fixed;bottom:0;left:0;z-index: 100;
}


/* --((( Elegibility )))-- */
.elegibility_box {

  font-size: 11px;
  line-height: 14px;
  color: #888888;
  width: 100%;
  border-top: #777777 1px dotted;
  border-right: #777777 1px dotted;
  border-bottom: #777777 1px dotted;
  border-left: #777777 1px dotted;
  text-align: justify;
  padding-top: 3px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-left: 6px;
  background-color: #f5f5f5;
}


/* --((( Note Box )))-- */
.note_box {
  font-size: 8pt;
  line-height: 18px;
  color: #888888;
  width: 98%;
  border-top: #777777 1px dotted;
  border-right: #777777 1px dotted;
  border-bottom: #777777 1px dotted;
  border-left: #777777 1px dotted;
  text-align: justify;
  padding-top: 1px;
  padding-right: 6px;
  padding-bottom: 1px;
  padding-left: 6px;
  background-color: #303030;
}

/* --( list )-- */
.list_1
{ list-style: none;
  margin: 0 0 0 5px;
  padding: 0  }

.list_1 li
{ background: url('images/arrow.gif') 0 4px no-repeat;
  padding-left: 15px;
  margin-bottom: 3px; }
  
.list_2
{ list-style: none;
  margin: 0 0 0 5px;
  padding: 0 }

.list_2 li
{ background: url('images/arrow.gif') 0 2px no-repeat;
  padding-left: 15px;
  margin-bottom: 3px; }

.list_3
{ margin: 0 0 0 20px;
  padding: 0 }

.list_3 li
{ margin-bottom: 5px; }

/* --( Articles )-- */
.articles
{ background: url('images/arrow.gif') 0 4px no-repeat;
  padding-left: 15px;
  margin-bottom: 8px; }

/* --( Popular )-- */
.popular
{ background: url('images/arrow.gif') 0 4px no-repeat;
  width: 10px;
  height: 10px;
  padding-left: 15px;
  margin-bottom: 8px; }

/* --( New )-- */
.new
{ background: url('images/arrow.gif') 0 4px no-repeat;
  padding-left: 15px;
  margin-bottom: 8px; }

/* --( Comment )-- */
.comment_box {
  font-family: Arial, Helvetica, Sans-serif;
  color: #888888;
  margin-top: 6px;
  margin-bottom: 10px;
  width: 628px;
  padding: 5px;
  background: #383838;
  border-top: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
  border-right: solid 1px #aaa;
  border-left: solid 1px #aaa;
}

.comment_title {
  font: bold 11pt Arial, Helvetica, Sans-serif;
  letter-spacing: 1px;
}

.comment_body {
  font: bold 10pt Arial, Helvetica, Sans-serif;
  color: #999999;
  margin-bottom: 5px
}

.comment_end {
  font: bold 7pt Arial, Helvetica, Sans-serif;
  margin-left: 0px;
  padding: 0 0 5px 0;
}

.comment_helpful {
  font: italic 8pt Arial, Helvetica, Sans-serif;
}  


/* --( Pagination )-- */
#pagination {
  font: 9pt Tahoma, Arial, Helvetica;
  margin: 10px 0 10px 0;
}

#pagination a {
  text-decoration: none;
  color: #FFFFFF;
  float:left;
  width: 100%;
}

#pagination a:hover {
  color: #666666;
}

.page-text {
  color: #666666;
  background: #303030;
}

.page-first {
  color: #888888;
  text-align: center;
  width: 25px;
  background: #383838;
} 

.page-last {
  color: #888888;
  text-align: center;
  width: 25px;
  background: #383838;
} 

.page-num {
  color: #888888;
  text-align: center;
  width: 15px;
  background: #383838;
} 


/* --( button & BBCode )-- */
button::-moz-focus-inner,
 input[type="reset"]::-moz-focus-inner,
 input[type="button"]::-moz-focus-inner,
 input[type="submit"]::-moz-focus-inner,
 input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
}

.asd_button {
	border: 1px solid rgb(128, 128, 128);
  /*border: 1px solid #666666;*/
  background: #303030;
  color: #777777;
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline: none;
  width: auto; /* --IE to respect padding-- */
  overflow: visible; /* --IE to respect padding-- */
  height: 16pt;
  /* line-height: 16pt; height for IE */
  -webkit-appearance: none;
}

.asd_button:hover {
  color: #E9E9E9;
}
 
.asd_button:active {
  color: #777777;
}

.button {
  border: 1px solid #D3D3D3;
  background: #D3D3D3;
  font: 10pt "Times New Roman", Times;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.button:hover, .buttonRaised {
  border: outset 1px;
  background: #D3D3D3;
  font: 10pt "Times New Roman", Times;
  padding: 0; 
  margin: 0;
  cursor: pointer;
}
 
.button:active, .buttonLowered {
  border: inset 1px;
  background: #D3D3D3;
  font: 10pt "Times New Roman", Times;
  padding: 0; 
  margin: 0;
  cursor: pointer;
}

.buttonBlack {
  border: inset 1px;
  font: 10pt "Times New Roman", Times;
  color: #888888;
  padding: 0; 
  margin: 0;
  cursor: pointer;
}

.code {
  font: 10pt "Courier New", Courier;
  width: 90%;
  padding: 3px;
  background: #eee;
  border: solid 1px black;
}
  
  
/* --( dropdown )-- */
.dropmenudiv
{ position:absolute;
  top: 0;
  border: 1px solid #FF9900; /*Theme Change here*/
  border-bottom-width: 0;
  font: normal 12px Verdana, Arial, Helvetica;
  line-height: 8px;
  z-index:1;
  background-color: #FF9900;
  width: 400px;
  visibility: hidden;
  color: #FFF; }

.dropmenudiv a
{ font-size: 10px;
  width: 400px; 
  display: block;
  text-indent: 3px;  
  padding: 2px 0;
  color: #FFF;
  text-decoration: none; }

.dropmenudiv a:hover
{ color: #013F61; }


/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs {
padding: 3px 0;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
 font: bold 10px Verdana, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.tabcontent h3 {
 margin:0 0 0 0;
}


.shadetabs li {
display: inline;
margin: 0;
 list-style: none;
 font: bold 10px Verdana, sans-serif;
}

.shadetabs li a {
 padding: 3px 0.5em;
 margin-right: 2px;
 margin-left: 0;
 /*border: 1px solid #999;*/
 border-top: 1px solid #999;
 border-right: 1px solid #999;
 border-bottom: 1px solid #476DBA;
 border-left: 1px solid #999;
 background: #666666;
 text-decoration: none;
 outline:none;
 font: bold 10px Verdana, sans-serif;
-moz-border-radius: 3px 3px 0 0
}

.shadetabs li a:visited {
 color: #FFFFFF;
 font: bold 10px Verdana, sans-serif;
 text-decoration: none;
}

.shadetabs li a:hover {
 color: #FFFFFF;
 background: #323232;
 border-top-color: #999;
 border-right-color: #999;
 border-bottom-color: #476DBA;
 border-left-color: #999;
 font: bold 10px Verdana, sans-serif;
 text-decoration: none;
}

.shadetabs li a.selected { /*selected main tab style */
position: relative;
top: 0px;
 text-decoration: none;
}

.shadetabs li a.selected { /*selected main tab style */
background: #323232;
/*background-image: url(images/shadeactive.gif);*/
 border-top: 1px solid #476DBA;
 border-right: 1px solid #476DBA;
border-bottom-color: #323232;
 border-left: 1px solid #476DBA;
 font: bold 1px Verdana, sans-serif;
 text-decoration: none;
}

.shadetabs li a.selected:hover { /*selected main tab style */
text-decoration: none;
}

.tabcontent {
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

#tablist
{ padding: 3px 0; font: bold 10px Verdana, sans-serif; }

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

#tablist li a
{ padding: 3px 0.5em; margin-left: 3px; border: 2px solid black; background: #EEEEEE; color: black; text-decoration: none }

#tablist li a.current
{ background: orange; }

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* .tabcontent{
display:none;
} */

/* @media print {
.tabcontent {
display:block !important;
}
} */








/* ######### CSS for tabber.js ######### */


.listing_box
{
                margin:3px 3px 3px 3px;
                padding: 4px;
                border: 1px dashed #999;
	background-color:#303030;
}


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #476DBA;
 font: bold 10px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 font: bold 10px Verdana, sans-serif;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-right: 3px;
 margin-left: 0;
 border: 1px solid #999;
 border-bottom: none;
 background: #666666;
 text-decoration: none;
 font: bold 10px Verdana, sans-serif;
}

ul.tabbernav li a:link { 
 color: #FFFFFF;  
 font: bold 10px Verdana, sans-serif;
}

ul.tabbernav li a:visited {
 color: #FFFFFF;
 font: bold 10px Verdana, sans-serif;
}

ul.tabbernav li a:hover
{
 color: #FFFFFF;
 background: #323232;
 border-color: #999;
 font: bold 10px Verdana, sans-serif;
}

/*--------------------------------------------------
  added border-top / border-right / border-left
  --------------------------------------------------*/
ul.tabbernav li.tabberactive a
{
 color: #888888;
 background-color: #323232;
 border-top: 1px solid #476DBA;
 border-right: 1px solid #476DBA;
 border-bottom: 1px solid #323232;
 border-left: 1px solid #476DBA;
 font: bold 10px Verdana, sans-serif;
}

/*--------------------------------------------------
  added border-top / border-right / border-left
  --------------------------------------------------*/
ul.tabbernav li.tabberactive a:hover
{
 color: #888888;
 background: #323232;
 border-top: 1px solid #476DBA;
 border-right: 1px solid #476DBA;
 border-bottom: 1px solid #323232;
 border-left: 1px solid #476DBA;
 font: bold 10px Verdana, sans-serif;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #476DBA;
 border-top:0;
 background-color:#323232;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 height:100%; 

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 font-size:1.1em;
 display:none;
}
.tabberlive .tabbertab h3 {
  /* display:none; */
 margin:0 0 0 0;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}







input.tabberbut {
 color: #888888;
 background-color: #323232;
 border-top: 1px solid #476DBA;
 border-right: 1px solid #476DBA;
 border-bottom: 1px solid #323232;
 border-left: 1px solid #476DBA;
 font: bold 10px Verdana, sans-serif;
}