body {
	color:#000000;
	background-color:#ffffff;
	font-family:verdana, arial;
	font-size:90%;
	font-weight:normal;
	margin:0;
	}
p,pre {font-size:100%; text-align:left;}

table.notes {
	width:850px;
	border-width:1px 1px 1px 1px;
	border-spacing:0px;
	border-style:dashed dashed dashed dashed;
	border-color:red red red red;
	border-collapse:separate;
	background-color:white;
}

table.notes td {
	border-width:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border-style:inset inset inset inset;
	border-color:gray gray gray gray;
	background-color:white;
}

table.revisions {
	width:800px;
	border-width:1px;
	border-spacing:0px;
	border-style:dashed;
	border-color:black;
	border-collapse:separate;
	background-color:white;
}

table.revisions td {
	border-width:1px;
	padding:4px;
	border-style:dashed;
	border-color:gray;
	background-color:white;
}

table.revisions th {
	border-width:1px;
	padding:4px;
	border-style:dashed;
	border-color:black;
	background-color:white;
}

table.pagerevisions {
	width:350px;
	border-width:1px;
	border-spacing:0px;
	border-style:dashed;
	border-color:gray;
	border-collapse:separate;
	background-color:white;
}

table.pagerevisions td {
	border-width:1px;
	padding:4px;
	border-style:dashed;
	border-color:gray;
	background-color:white;
}

table.pagerevisions th {
	border-width:1px;
	padding:4px;
	border-style:dashed;
	border-color:gray;
	background-color:white;
}

table.notesabsolute {
	width:350px;
   position:absolute;
   top:200px;
   right:20px;
	border-width:1px 1px 1px 1px;
	border-spacing:0px;
	border-style:dashed dashed dashed dashed;
	border-color:red red red red;
	border-collapse:separate;
	background-color:white;
}

table.notesabsolute td {
	border-width:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border-style:inset inset inset inset;
	border-color:gray gray gray gray;
	background-color:white;
}

table.trannotes {
   /* display: none; */
   z-index:1;
	width:350px; /* was 450 */
   position:fixed;
   left: 200px;
   top: 300px;
   border: 1px solid black;
	border-collapse:separate;
	background-color:pink;
}

table.trannotes td {
   border: 0px inset gray;
	border-width:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border-style:inset inset inset inset;
	border-color:gray gray gray gray;
	background-color:pink;
   text-align: justify;
}

table.exifnotes {
   /* display: none; */
   z-index:1;
	width:350px; /* was 450 */
   position:fixed;
   right: 20px;
   top: 40px;
   border: 1px solid black;
	border-collapse:separate;
	background-color:pink;
}

table.exifnotes td {
   border: 0px inset gray;
	border-width:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border-style:inset inset inset inset;
	border-color:gray gray gray gray;
	background-color:pink;
   text-align: justify;
}

table.clinotes {
	width:350px;
   position:relative;
   left:30px;
	border-width:1px 1px 1px 1px;
	border-spacing:0px;
	border-style:dashed dashed dashed dashed;
	border-color:red red red red;
	border-collapse:separate;
	background-color:white;
}

table.clinotes td {
	border-width:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border-style:inset inset inset inset;
	border-color:gray gray gray gray;
	background-color:white;
}

table.cnotes {
	width:350px; /* was 450 */
   position:relative;
   left: 30px;
   border: 1px dashed black;
   padding:4px;
	border-collapse:separate;
	background-color:white;
}

table.cnotes td {
   border: 0px inset gray;
	border-width:0px 0px 0px 0px;
	padding:4px;
	border-style:inset;
	border-color:gray;
	background-color:white;
   text-align: justify;
}

table.cnotesabsolute {
	width:300px; /* was 450 */
   position:absolute;
   top:300px;
   right:20px;
   border: 1px dashed black;
	border-collapse:separate;
	background-color:white;
}

table.cnotesabsolute td {
   border: 0px inset gray;
	border-width:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border-style:inset inset inset inset;
	border-color:gray gray gray gray;
	background-color:white;
   text-align: justify;
}

table.aidmem td {
   border: 1px inset black;
	border-width:1px 1px 1px 1px;
	padding:4px 4px 4px 4px;
	border-style:inset inset inset inset;
	border-color:gray gray gray gray;
	background-color:white;
   text-align: justify;
}

table.aidmem2 td {
   border: 1px inset black;
	border-width:1px;
	padding:0px;
	border-style:inset;
	border-color:gray;
	background-color:white;
   text-align: justify;
}

table.aidmemnb td {
   border: 0px inset black;
	border-width:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border-style:inset inset inset inset;
	border-color:gray gray gray gray;
	background-color:white;
   text-align: left;
}

table.aidmemnbh td {
   border: 0px inset black;
	border-width:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border-style:inset inset inset inset;
	border-color:gray gray gray gray;
	background-color:#ffffbb;
   text-align: left;
}

.aidmem2p {
   padding:4px !important;
}

.aidmem2ph {
   padding:4px !important;
   background-color:#ffffbb !important;
}

.aidmem2pgl {
   padding:4px !important;
   color: #a0a0a0;
}

.aidmem2pglh {
   padding:4px !important;
   color: #a0a0a0;
   background-color:#ffffbb !important;
}

/* MAP STUFF */

#map {
   width: 1000px;
   height: 600px;
   }

/* STUFF FLOATING NAV */

.floatingnav td {
    position:fixed;
    background-image:url(topgrad.png);
    /* background-color:white; */
    top:0px;
    left: 0px;
    width:100%;
    height:31px;
    text-align: left;
    /* background: #EEE; */
    padding: 5px;
    z-index:10000;
}

.navpad {
    height:37px;
}

/* NEW OPTIONS */

.floatingnavb td {
    position:fixed;
    background-image:url(topgradb.png);
    /* background-color:white; */
    top:0px;
    left: 0px;
    width:100%;
    height:35px;
    text-align: left;
    /* background: #EEE; */
    padding: 5px;
    z-index:10000;
}

.navpadb {
    height:49px;
}

table.msnoopabsolute {
	width:350px; /* was 450 */
   position:absolute;
   top:260px;
   right:20px;
   border: 1px dashed black;
	border-collapse:separate;
	background-color:white;
}

table.msnoopabsolute td {
   border: 0px inset gray;
	border-width:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border-style:inset inset inset inset;
	border-color:gray gray gray gray;
	background-color:white;
   text-align: justify;
}

table.clientalert {
	margin-top:10px;
   width:70%; 
   margin-left:15%; 
   margin-right:15%;
   margin-bottom:5px;
   border: 1px dashed red;
	border-collapse:separate;
	background-color:white;
}

table.clientalert td {
   border: 0px inset gray;
	border-width:0px;
	padding:4px;
	border-style:inset;
	border-color:gray;
	background-color:white;
   text-align: justify;
}

.payproc {
	color: #000000;
	border-width: 1px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
}

table.escrow1 {
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: white;
}

tr.escrow1 {
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: lightgray;
	background-color: white;
}

td.escrow1 {
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: lightgray;
	background-color: white;
}

table.htmlpage {
   position: relative;
   left: 20px;
   top: -4px;
   margin: 0px 0px 0px 0px;
	color: #000000;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	background-color: white;
}

tr.htmlpage {
	color: #000000;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	background-color: white;
}

td.htmlpage {
	color: #000000;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	background-color: white;
}

tr.divblk {
	background-image:url(bdot.png);
   background-color:black;
   height:1px;
	padding:0px;
   border:1px;
   margin:0px;
   }

td.divblk {
   background-image:url(bdot.png);
	background-color:black;
   height:1px;
	padding:0px;
   border:1px;
   margin:0px;
   }

/* Dynamic courier info */

/* #courier_list { display: none; } */

#trkurl { display: none; }

.other_container {
height: 30px;
float: left;
}
.other_container input {
height: 18px;
width: 180px;
padding: 1px;
border: 1px solid #cccccc;
border-radius: 0;
}

.other_container_wide {
height: 30px;
float: left;
}
.other_container_wide input {
height: 18px;
width: 400px;
padding: 1px;
border: 1px solid #cccccc;
border-radius: 0;
}

/* ++++ */
.input_container {
height: 30px;
float: left;
}
.input_container input {
height: 18px;
width: 200px;
padding: 1px;
border: 1px solid #cccccc; /* #cccccc */
border-radius: 0;
}
.input_container ul {
width: 306px;
border: 1px solid #eaeaea;
text-align: left;
position: absolute;
z-index: 9;
background: #ffaaaa; /* #f3f3f3 */
list-style: none;
}
.input_container ul li {
padding: 2px;
}
.input_container ul li:hover {
background: #aaffaa; /* #eaeaea */
}

/* ITEM PAGE - HIGHLIGHTED FEATURES */

div.offerbox {
   border:2px solid #a1a1a1;
   border-radius: 8px;
   background-color:#2aa272; color:#ffffff;
   padding:12px;
}

table.offerbox {
   background-color:#2aa272; color:#ffffff;
   padding:2px;
}

tr.offerbox {
   background-color:#2aa272; color:#ffffff;
   padding:2px;
}

td.offerbox {
   background-color:#2aa272; color:#ffffff;
   padding:2px;
}

td.offerboxr {
   background-color:#2aa272; color:#ffffff;
   padding:2px;
   text-align: right;
}

td.offerboxc {
   background-color:#2aa272; color:#ffffff;
   padding:2px;
   text-align: center;
}
/* NEW ITEM PAGE STRUCTURE */

table.ipicturetab {
background-color: #dfdfdf;
border-radius: 6px;
}

tr.ipicturetab {
background-color: #dfdfdf;
margin: 0px;
padding: 0px;
}

td.ipicturetab {
background-color: #dfdfdf;
padding: 0px;
margin: 0px;
}

td.ipicturetabc {
background-color: #dfdfdf;
padding: 0px;
margin: 0px;
text-align: center;
}

td.ipicturetabcmp {
background-color: #f9f9f9;
padding: 0px;
margin: 0px;
text-align: center;
}

td.ipicturetabcif {
background-color: #dfdfdf;
padding: 0px;
margin: 0px;
text-align: center;
height: 232px;
}

td.ipicturetabcifs {
background-color: #dfdfdf;
padding: 0px;
margin: 0px;
text-align: center;
height: 202px;
}

td.ipicturetabcifvs {
background-color: #dfdfdf;
padding: 0px;
margin: 0px;
text-align: center;
height: 120px;
}

table.ipicturetabtn {
background-color: #dfdfdf;
margin: 0px;
padding: 0px;
}

tr.ipicturetabtn {
background-color: #dfdfdf;
margin: 0px;
padding: 0px;
}

td.ipicturetabtn {
background-color: #dfdfdf;
margin: 0px;
padding: 0px;
width: 75px;
height: 75px;
text-align: center;
}

.itempictitle  {font-style: italic;}

.picsframe {
overflow-x:hidden;
overflow-y:scroll;
}

/* NEW ITEM PAGE THUMBS */

div.thumbs_fixed_s {
position:relative;
top:0px; /* 200 */
right:0px;
border:1px black solid;
width:390px;
height:80px;
overflow:auto;
}

div.thumbs_fixed_m {
position:relative;
top:0px; /* 200 */
right:0px;
border:1px black solid;
width:390px;
height:162px;
overflow:auto;
}

div.thumbs_fixed_l {
position:relative;
top:0px; /* 200 */
right:0px;
border:1px black solid;
width:390px;
height:210px;
overflow:auto;
}

/* OVERLAY - LARGE PIC */

td.main_olay_cell {
background-color: #ffffff;
padding: 5px;
margin: 5px;
text-align: center;
vertical-align:middle;
height: 1000px;
width: 1000px;
}


td.thumbs_olay_cell {
background-color: #ffffff;
padding: 5px;
margin: 5px;
text-align: center;
vertical-align:middle;
height: 1000px;
width: 160px;
}

div.thumbs_olay {
position:relative;
top:0px;
/* right:0px; */
border:0px;
margin-top: 10px;
margin-bottom:10px;
width:160px;
height:950px;
overflow:auto;
text-align: center;
}

div.title_olay {
position: absolute;
z-index: 11000;
background-color: rgba(0,0,0,0.4);
color:white;
width: 1000px;
padding:6px;
bottom: 20px;
text-align: center;
font-style: italic;
}

/* NEW ITEM PAGE - DYNAMIC AREA */

div.mydyn1 {
position:relative;
background-color: rgb(255,250,255);
top:0px; /* 200 */
right:0px;
border:1px red solid;
width:450px;
height:467px;
overflow:auto;
margin:4px;
padding:4px;
}

div.mydyn1s {
position:relative;
background-color: rgb(255,250,255);
top:0px; /* 200 */
right:0px;
border:1px red solid;
width:450px;
height:418px;
overflow:auto;
margin:4px;
padding:4px;
}

/* RANDOM STUFF */

div.brbox {
position:relative;
}

div.brboxgt {
position:fixed;
bottom:6px;
right:6px;
}



td.ipmatch { background-color: #aaffaa;}
td.ipnone { background-color: #efefef;}
td.ipfail { background-color: #ffaaaa;}
td.ipemail { background-color: #aaaaff;}
td.ipbad { background-color: #ff0000;}

td {font-size:95%; text-align: left; background-color: #ffffff;}

p,td.r {text-align: right;}
p,td.rl{text-align: left;}

td.top {background-color:#cbe6dd; color:#000000;}
td.topalarm {background-color:#cbe6dd; color:#000000; text-align: center; margin-left: 10px; margin-right: 10px; vertical-align:middle;}
.alarm {position:relative; left:-4px; top:-19px;}
.alarmg {position:relative; left:-4px; top:-19px; color:#777777;}
a.alarmlnk:link{color:#900290;text-decoration:none; }
a.alarmlnk:active{color:#900290;text-decoration:none; }
a.alarmlnk:visited{color:#900290;text-decoration:none; }
a.alarmlnk:hover{color:#0000ff;text-decoration:none; }
a.alarmlnkgr:link{color:#777777;text-decoration:none; }
a.alarmlnkgr:active{color:#777777;text-decoration:none; }
a.alarmlnkgr:visited{color:#777777;text-decoration:none; }
a.alarmlnkgr:hover{color:#0000ff;text-decoration:none; }

td.menu {background-image:url('menubg.gif');white-space: nowrap;}
td.submenu {background-image:url('submenubg.gif');}
td.submenu21 {background-image:url('submenubg21.gif');}
td.blackline {background-image:url('bdot.gif');}

td.selected {background-image:url('menuselected.gif'); text-align: center;white-space: nowrap;}
td.notselected {background-image:url('menunotselected.gif'); text-align: center; color: #ffffff;white-space: nowrap;}

td.mmenu {background-image:url('mmenubg.gif');}
td.mselected {background-image:url('mmenuselected.gif'); text-align: center;}
td.mnotselected {background-image:url('mmenunotselected.gif'); text-align: center; color: #ffffff;}


td.escheading {font-style: normal; color: black; border-style: dotted;}
td.deposit {font-style: italic; color: grey; border-style: dotted;}
td.sale {font-weight: normal; color: black; border-style: dotted;}
td.compsale {font-weight: bold; color: darkmagenta; background-color:#ffeeee; border-style: dotted;}
td.purchase {font-weight: bold; color: darkslateblue; background-color:#ffeeee; border-style: dotted;}
td.commission {font-style: normal; color: darkgreen; background-color:#ffeeee; border-style: dotted;}
td.cleared {font-style: normal; color: black; border-style: dotted;}
td.commchrg {font-style: normal; color: black; border-style: dotted;}
td.chargerecoup {font-style: normal; color: darkgreen; background-color:#eeffee; border-style: dotted;}
td.charges {font-style: normal; color: black; border-style: dotted;}
td.withdrawal {font-style: normal; color: black; border-style: dotted;}
td.refund {font-style: normal; color: purple; border-style: dotted;}

td.balance {color: red;}

td.motd {
	font-weight:bold;
	background-color: yellow;
	padding:12px;
   border-collapse:separate;
   border:solid yellow 1px;
   border-radius:25px;
   -moz-border-radius:25px;
	}

input.inpright{text-align: right;}
input.inprightr{text-align: right; border: 2px solid red;}
input.inpred{border: 2px solid red;}
select.selred{border: 2px solid red;}
td.returnitem{background-color:#ffff66;}
td.returnitemr{background-color:#ffff66; text-align: right;}
td.returnitemcb{background-color:#ffff66; font-weight: bold; text-align: center;}
.yell{background-color:#ffff66;}

p.box {text-align: justify; margin: 5px;}
p.jus{text-align: justify;}
p.bc {text-align: center; margin-top: 0px; margin-bottom: 0px;}
p.bcx {text-align: center; margin-top: 0px; margin-bottom: 4px;}
p.b {font-size:100%; margin-top: 0px; margin-bottom: 0px;}
p.bc {font-size:100%; text-align: center; margin-top: 0px; margin-bottom: 1px;vertical-align:middle;}
p.bcb {font-size:100%; text-align: center; margin-top: 0px; margin-bottom: 1px;vertical-align:middle; font-weight: bold;}
p.bcg {font-size:80%; text-align: center; margin-top: 0px; margin-bottom: 1px;vertical-align:middle;color: grey;}
p.gr {color: #aaaaff;}

.itemtitle {font-size:130%; font-weight: bold; }

.bbig {font-size:200%; color: #ff00ff; text-decoration:blink;}

.notice {font-weight: bold; color: red;}
.noticehigh {background-color:#ffff00; font-weight: bold; color: red; padding:4px;}
.ynotice {background-color:#ffffbb; padding:10px; font-weight: bold; color: red;}
.ynoticec {background-color:#ffffbb; text-align: center; padding:10px; font-weight: bold; color: red;}
.y {background-color:#ffffbb; padding:10px; }
.ired {font-style: italic; color: red;}
.red {color: red;}
.debug {font-weight: bold; color: purple;}
.greyed {color: #e0e0e0;}
.greyless {color: #a0a0a0;}
.accepted {background-color:#ccffcc;}
.mymsg  {color:#787878;} 
.bwhite {color:#ffffff; font-weight:bold;}
.em {font-style: italic;}
.itwarning {color: red; font-weight:bold; display: inline;}
.vgood {color: green; background-color: white;}
.vfail {color: red; background-color: yellow;}
.vpend {color: red; background-color: white;}
.comm {color: black; background-color: #f2f2f2;}
.commr {text-align: right; color: black; background-color: #f2f2f2;}

.boldr {text-align: right;font-weight: bold;}

td.cat1{background-color:#ccffcc; color:#000000;} /* cbe6dd */
td.cat2{background-color:#ffffff; color:#000000;}

.c {text-align: center;}
.cb {text-align: center; font-weight:bold;}
.s {font-size:85%; }
.sc {font-size:110%; text-align: center;}
.g {font-size:85%; color:#666666; }
.fb {font-weight: bold; }

.bottom {position:relative; bottom:3px;}

h4 {font-weight:normal; }

td, form, input {margin: 0px; }


.p4 {padding: 4px;}

.xxy { background-color:#faf7e1; }
.trade td { background-color:#ffff99; }
.good td { background-color:#99ff99; }
.hire td { background-color:#ffcccc; }
.modmsg  td{ background-color:#ddddff; }
.clientmsg  td{ background-color:#ddffdd; }
.cancel  td{ background-color:#f5f5f5; }
.sold  td{ background-color:#c0c0ff; }
.live  td { background-color:#ccffcc; }
.await  td { background-color:#ffeeee; }
.nopics  td{ background-color:#ffcccc; }
.msgfrmli { background-color:#ccffcc; color: #000000; }
.msgfrmlo { background-color:#ccffcc; color: #d0d0d0; }

.vendbg  {background-color: #ddddff;} 
.enqbg {background-color: #ddffdd;}

.dash  td{ background-color:#ccffcc; }
.dash2  td{ background-color:#cbe6dd; }
.dash-p4  td{ background-color:#ccffcc; padding: 6px;}
.dash2-p4 td{ background-color:#cbe6dd; padding: 6px;}
.dash-title  td{ background-color:#2aa272; padding:8px; color:#ffffff;}

/* Legacy Buttons */

.buttonvend  {background-color: #ddddff;} 
.buttonenq {background-color: #ddffdd;}

#SkypeButton_Call_bazzabazaar_1{margin:0;}
#SkypeButton_Call_bazzabazaar_1 img {margin:0 !important; vertical-align:middle !important; text-align: center !important;}
#SkypeButton_Call_bazzabazaar_1 p {margin:0 !important; text-align: center !important;}

/* NEW BUTTONS */

/* BUTTONS CSS */

/*

.bbutton - blue
.gbutton - green
.rbutton - red
.grbutton - grey
.blbutton - black

USEAGE

<button class=\"bbutton\" onclick=\"window.location.href='';\">buttontext</button>

<button class=\"bbutton\" onclick=\"if(confirm('Are you sure you want to cancel this transaction?')) window.location.href='';\">buttontext</button>


<button class=\"bbutton\" onclick=\"window.open('','_blank');\">buttontext</button>

<button class=\"bbutton\" onclick=\"if(confirm('')) window.location.href='';\">buttontext</button>

<button class=\"bbutton\" onclick=\"toggleVis('action');\">operation</button>

*/

/* BLUE BUTTON */

.bbutton {
   background-color: #008CBA; /* blue */
   border: 2px solid white;
   color: white;
   padding: 2px 4px 2px 4px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   border-radius: 6px;
   text-decoration:none;
   white-space: nowrap;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
}

.bbutton:hover {
   background-color: white;
   color: black;
   border: 2px solid #008CBA; /* blue */
}

/* BLUE HEADER BUTTON */

.bhbutton {
   background-color: #008CBA; /* blue */
   border: 2px solid #cbe6dd;
   color: white;
   padding: 2px 4px 2px 4px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   border-radius: 6px;
   text-decoration:none;
   white-space: nowrap;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
}

.bhbutton:hover {
   background-color: white;
   color: black;
   border: 2px solid #008CBA; /* blue */
}

/* BLUE DASH TITLE BUTTON */

.bdtbutton {
   background-color: #008CBA; /* blue */
   border: 2px solid #2aa272;
   color: white;
   padding: 2px 4px 2px 4px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   border-radius: 6px;
   text-decoration:none;
   white-space: nowrap;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
}

.bdtbutton:hover {
   background-color: white;
   color: black;
   border: 2px solid #008CBA; /* blue */
}

/* GREEN BUTTON */

.gbutton {
   background-color: #4CAF50; /* green */
   border: 2px solid white;
   color: white;
   padding: 2px 4px 2px 4px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   border-radius: 6px;
   text-decoration:none;
   white-space: nowrap;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
}

.gbutton:hover {
   background-color: white;
   color: black;
   border: 2px solid #4CAF50; /* green */
}

/* RED BUTTON */

.rbutton {
   background-color: #f44336; /* red */
   border: 2px solid white;
   color: white;
   padding: 2px 4px 2px 4px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   border-radius: 6px;
   text-decoration:none;
   white-space: nowrap;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
}

.rbutton:hover {
   background-color: white;
   color: black;
   border: 2px solid #f44336; /* red */
}

/* RED HEADER BUTTON */

.rhbutton {
   background-color: #f44336; /* red */
   border: 2px solid #cbe6dd;
   color: white;
   padding: 2px 4px 2px 4px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   border-radius: 6px;
   text-decoration:none;
   white-space: nowrap;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
}

.rhbutton:hover {
   background-color: white;
   color: black;
   border: 2px solid #f44336; /* red */
}

/* RED Dash BUTTON */

.rdbutton {
   background-color: #f44336; /* red */
   border: 2px solid #ccffcc;
   color: white;
   padding: 2px 4px 2px 4px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   border-radius: 6px;
   text-decoration:none;
   white-space: nowrap;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
}

.rdbutton:hover {
   background-color: white;
   color: black;
   border: 2px solid #f44336; /* red */
}

/* GREY BUTTON - WORKING */

.grwbutton {
   background-color: #e7e7e7; /* grey */
   border: 2px solid white;
   color: white;
   padding: 2px 4px 2px 4px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   border-radius: 6px;
   text-decoration:none;
   white-space: nowrap;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
}

.grwbutton:hover {
   background-color: white;
   color: black;
   border: 2px solid #e7e7e7; /* grey */
}

/* GREY BUTTON - DISABLED */

.grbutton {
   background-color: #e7e7e7; /* grey */
   border: 2px solid white;
   color: black;
   padding: 2px 4px 2px 4px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   border-radius: 6px;
   text-decoration:none;
   white-space: nowrap;
}

/* NB - NO HOVER FOR GREY */

/* BLACK BUTTON */

.blbutton {
   background-color: #000000; /* black */
   border: 2px solid white;
   color: white;
   padding: 2px 4px 2px 4px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   border-radius: 6px;
   text-decoration:none;
   white-space: nowrap;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
}

.blbutton:hover {
   background-color: white;
   color: black;
   border: 2px solid #000000; /* black */
}

/* OWNER BUTTON */

.vbutton {
   background-color: #ddddff; /* purple */
   border: 2px solid white;
   color: black;
   padding: 2px 4px 2px 4px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   border-radius: 6px;
   text-decoration:none;
   white-space: nowrap;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
}

.vbutton:hover {
   background-color: white;
   color: black;
   border: 2px solid #ddddff; /* purple */
}

/* ENQ BUTTON */

.ebutton {
   background-color: #ddffdd; /* light green */
   border: 2px solid white;
   color: black;
   padding: 2px 4px 2px 4px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   border-radius: 6px;
   text-decoration:none;
   white-space: nowrap;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
}

.ebutton:hover {
   background-color: white;
   color: black;
   border: 2px solid #ddffdd; /* light green */
}

/*

ROLLOVERS

*/

a.refreshrollover {
	display: block;
	width: 261px;
	height: 48px;
	text-decoration: none;
	background: url("refresh-button.png");
	}

a.refreshrollover:hover {
	background-position: -261px 0;
	}

a.refreshrollover:active {
	background-position: -522px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}


.clockb{
	color:#000000;
	font-family: arial;
	font-size:100%;
	font-weight:normal;
	}

.clockr{
	color:#ff0000;
	font-family: arial;
	font-size:200%;
	font-weight:normal;
	}

div.pos_fixedheader {
position:fixed;
top:60px; /* 180 */
right:20px;
}

div.pos_fixed {
position:fixed;
top:80px; /* 200 */
right:20px;
border:1px black solid;
width:350px;
height:600px;
overflow:auto;
}

div.pos_fixedh {
position:fixed;
top:80px; /* 200 */
right:20px;
border:1px black solid;
width:350px;
height:600px;
overflow:auto;
display:none;
}

/* HYPERLINKS */ 

a:link{color:#0000ff;text-decoration:none; }
a:active{color:#0000ff;text-decoration:none; }
a:visited{color:#0000ff;text-decoration:none; }
a:hover{color:#ff0000;text-decoration:underline; }

a.w:link{font-size:0.95em; color:#ffffff;text-decoration:none; }
a.w:active{font-size:0.95em; color:#ffffff;text-decoration:none; }
a.w:visited{font-size:0.95em; color:#ffffff;text-decoration:none; }
a.w:hover{font-size:0.95em; color:#ff0000;text-decoration:underline; }

a.lb:link{font-size:0.95em; color:#cfcfff;text-decoration:none; }
a.lb:active{font-size:0.95em; color:#cfcfff;text-decoration:none; }
a.lb:visited{font-size:0.95em; color:#cfcfff;text-decoration:none; }
a.lb:hover{font-size:0.95em; color:#ff0000;text-decoration:underline; }

a.gr:link{color:#aaaaff;text-decoration:none; }
a.gr:active{color:#aaaaff;text-decoration:none; }
a.gr:visited{color:#aaaaff;text-decoration:none; }
a.gr:hover{color:#ff0000;text-decoration:underline; }

/* The feedback form specifics

div.AccRateDesc div.CommRateDesc div.DelRateDesc div.DespRateDesc div.OverRateDesc {
   font-style: italic;
}
*/

/* the overlayed element */ 
div.overlay {
    /* growing background image */ 
    background-image:url(white.png);

    /* dimensions after the growing animation finishes  */ 
    width:490px;
    height:400px;

    /* initially overlay is hidden */ 
    display:none;

    /* some padding to layout nested elements nicely  */ 
    padding:55px;
}
 
/* default close button positioned on upper right corner */ 
div.overlay div.close {
    background-image:url(close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* black */ 
div.overlay.black { 
    background:url(transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(petrol.png) no-repeat !important; 
    color:#fff; 
} 

div.overlaytd {
    /* growing background image */ 
    background-image:url(white.png);

    /* dimensions after the growing animation finishes  */ 
    width:490px;
    height:400px;

    /* initially overlay is hidden */ 
    display:none;

    /* some padding to layout nested elements nicely  */ 
    padding:55px;
}
 
/* default close button positioned on upper right corner */ 
div.overlaytd div.close {
    background-image:url(close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* black */ 
div.overlaytd.black { 
    background:url(transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlaytd.petrol { 
    background:url(petrol.png) no-repeat !important; 
    color:#fff; 
} 

/* the overlayed element */ 
div.overlaypp {
    /* growing background image */ 
    background-image:url(white.png);

    /* dimensions after the growing animation finishes  */ 
    width:490px;
    height:360px;

    /* initially overlay is hidden */ 
    display:none;

    /* some padding to layout nested elements nicely  */ 
    padding:55px;
}
 
/* default close button positioned on upper right corner */ 
div.overlaypp div.close {
    background-image:url(close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* black */ 
div.overlaypp.black { 
    background:url(transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlaypp.petrol { 
    background:url(petrol.png) no-repeat !important; 
    color:#fff; 
}

/* the overlayed element */ 
div.overlaylargepic {
    /* growing background image */ 
    background-image:url(whitelarge.png);

    /* dimensions after the growing animation finishes  */ 
    width:1200px;
    height:950px;

    /* initially overlay is hidden */ 
    display:none;

    /* some padding to layout nested elements nicely  */ 
    padding:55px;
}
 
/* default close button positioned on upper right corner */ 
div.overlaylargepic div.close {
    background-image:url(close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* black */ 
div.overlaylargepic.black { 
    background:url(transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlaylargepic.petrol { 
    background:url(petrol.png) no-repeat !important; 
    color:#fff; 
} 

/* overlay pics for search page */

div.overpics {
z-index:1;
position:absolute;
left:-150px;
top:-10px;
padding: 10px;
background-color:azure;

}
div.overpics-contain {
position:relative;
left:0px;
top:0px;
padding: 0px;
width:0px;
height:0px;
margin:0px;
}

div.black h2, div.petrol h2 { 
    color:#ddd;         
}

div.inline {
   display: inline;
}

div.inlineauto {
   height: 100%;
   display: inline;
   overflow: scroll;
}

span.version {
   display: inline;
   float: right;
   padding: 4px
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

div.description {
   display:none;
}

div.bblive {
   display: inline;
   text-align: center;
}

/*p.version {
   margin: 0px 0px 0px 0px;
	font-family:verdana, arial;
	font-size:10px;
	font-weight:normal;
   color: grey;
}
*/