body
{
    background: #ffffff url(/images/nav/bg1.jpg) repeat-x;
    background-color: #d7faff;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    height: 100%;
    overflow-y: auto;
    position: relative;
    margin-left:0; 
    margin-right:0; 
    margin-top:0; 
    margin-bottom:0;
}
table{

    border-collapse:collapse;
    padding:0px;
}
td {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;

}

h1, h1 a, h1 a:hover, h1 a:active, h1 a:visited, h1 a:link, h1 a:active,h2,.h12title
{
    font: bold 330%/100% ;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    padding:0px;
   	display:inline;

}
.sidead
{
    display: block;
    position: relative;
    z-index: 100;
    visibility: inherit;
}
.LNavClass
{
	font-family: tahoma,verdana,arial,sans-serif;
	font-size: 10px;
}
.LNavClass td
{
	text-align:left;
}
.l0
{
	background-color: #C0C0C0;
}
.l1
{
	text-transform: uppercase;
}
.l1 a:hover
{
	color:#000000;
}
.l2
{
	padding-left:6px;
}
.l2 a:hover
{
	color:#000000;
}
.l3
{
	padding-left:10px;
}

.l3 a:hover
{
	color:#000000;
}

.h2class
{
    font-size: 16px;
    padding: 3px;
    margin: 3px 0px 3px 0px;
    background-color: #FFEACE;
    color: #333333;
    font-weight: bold;
    text-align: left;
}

@media screen{
    .hrprint
    {
    display:none;
    }
}
.hrule
{
	margin: 4px 35px 4px 35px;
	border-width: 0px;
	padding: 1px 0px 1px 0px;
	background-color: #C4F1FF;
	color: #FFEACE;
	font-weight: bold;
}
img
{
    border-style: solid;
    border-width: 0px;
}
img.photoLg
{
    padding: 2px;
    border: 1px solid #EBEBEB;
    margin:3px;
    background-position:center;
    background-repeat:no-repeat;
    width:200px;
    height:200px;
}
.IT
{
    border-width: 0px;
    border-style: none;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    float: left;
}
img.photo
{
    padding: 1px;
    border: 1px solid #EBEBEB;
    margin:1px;
    background-position:center;
    background-repeat:no-repeat;
    width:150px;
    height:150px;
    float: left;
}

img.photoNoSize
{
    padding: 1px;
    border: 1px solid #EBEBEB;
    margin:1px;
    background-position:center;
    background-repeat:no-repeat;
    float: left;

}

img.photohave
{
    padding: 1px;
    border: 1px solid #cadbf2;
    margin:1px;
    background-position:center;
    background-repeat:no-repeat;
    width:150px;
    height:150px;
    float: left;
}

img.photoAdmin
{
	padding: 1px;
	border: 1px solid #FF6600;
	margin: 1px;
	background-position: center;
	background-repeat: no-repeat;
	width: 150px;
	height: 150px;
	float: left;
}

img.photowluv
{
    padding: 1px;
    border: 1px solid #FFC1C1;
    margin:1px;
    background-position:center;
    background-repeat:no-repeat;
    width:75px;
    height:75px;
    float: left;
}
img.photoskinny
{
    padding: 1px;
    border: 1px solid #EBEBEB;
    margin:0px;
    background-position:center;
    background-repeat:no-repeat;
    width:75px;
    height:75px;
}
img.photoskinnyNoSize
{
    padding: 1px;
    border: 1px solid #EBEBEB;
    margin:0px;
    background-position:center;
    background-repeat:no-repeat;
}
.belowPhoto
{
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #C0C0C0;
	width: 150px;
	height: 75px;
	font-size: 11px;
	color: #333333;
	background-color: #ffffff;
	display: none;
	position: absolute;
	z-index: 10000;
  text-decoration: none;
}
 .belowPhoto a:link, .belowPhoto a:visited,.belowPhoto a:hover, .belowPhoto a:active
 {
	font-size: 11px;
	color: #333333;
	display: inline;
  text-decoration: none;

}
.useritem
{
    color: #660033;
}
.useritemTitle
{
    color: #F7D2DC;
}

a
{
    color: #0070ca;
}
a:active 
{
    color: #0070ca;
}
a:hover 
{
    color: #0070ca;
}
a:link 
{
    color: #0070ca;
}
a:visited
{
    color: #0070ca;
}
.smallwarning
{
    font-family: Tahoma;
    font-size: xx-small;
    color: #CC0000;
    font-weight: bold;
}

.mymenu
{
background-color:#e5f9fd;
}
.testtable
{
    border: 0px solid #FFCCCC;
    margin: 0px;
    border-collapse: collapse;
    padding: 3px;
}
.SmallLink
{
    font-size: 11px;
    color: #333333;
}
a.SmallLink:link
{
    font-size: 11px;
    color: #333333;
}
a.SmallLink:active 
{
    font-size: 11px;
    color: #333333;
}a.SmallLink:hover
{
    font-size: 11px;
    color: #333333;
}a.SmallLink:visited
{
    font-size: 11px;
    color: #333333;
}

.menuBar
{
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    padding: 0px;
    font-size: 14px;
}

.TitleBar
{
    background-color: #A2C8DB;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    height: 20px;
    padding-right: 2px;
    padding-left: 2px;
}
.Level4
{
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    padding: 0px;
    font-size: 14px;
    color: #293a4b;
    font-weight: normal;
}

.Level5
{
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    padding: 0px;
    font-size: 12px;
    color: #333333;
    font-weight:normal;
}

.Level6
{
    padding: 0px;
    font-size: 10px;
    color: #333333;
    font-weight: normal;
}
.examplefont
{
    font-size: 9px;
    color: #666666;
}

input[type="text"]
{
    border: 1px solid #A2C8DB;
    background-color: #FFFFFF;
    text-align: left;
    font-size: 12px;
    color: #000000;
}
input[type="radio"]
{
    border: 0px solid #A2C8DB;
}
input[type="password"]  
{
    border: 1px solid #A2C8DB;
    background-color: #FFFFFF;
}
input[type="TEXTAREA"]
{
    border: 1px solid #A2C8DB;
    background-color: #FFFFFF;
    font-size: 12px;
    color: #000000;

}

TEXTAREA
{
    border: 1px solid #A2C8DB;
    background-color: #FFFFFF;
    font-size: 12px;
    color: #000000;

}
input[type="SELECT"]
{
    border: 1px solid #A2C8DB;
    background-color: #FFFFFF;
    font-size: 12px;
    color: #000000;
}
SELECT
{
    border: 1px solid #A2C8DB;
    background-color: #FFFFFF;
    font-size: 12px;
    color: #000000;
}
.ItemSDesc
{
    margin: 0px;
    padding: 2px;
    border: 1px solid #F0F0F0;
    color: #2E3359;
    font-size: 12px;
    font-weight: Bold;
    text-align: left;
    background-color: #F0F0F0;
}

.ItemSDescW
{
    margin: 0px;
    padding: 2px;
    color: #2E3359;
    font-size: 12px;
    font-weight: Bold;
    text-align: left;
}

.ItemLDesc
{
    padding: 2px;
    font-size: 11px;
    color: #666666;
    text-align: left;
    border: 1px solid #A2C8DB;
}
.ItemLDescW
{
    padding: 2px;
    font-size: 11px;
    color: #666666;
    text-align: left;
}
.ItemNotes
{
    padding: 2px;
    font-size: 11px;
    color: #333333;
    text-align: left;
    border: 1px solid #F0F0F0;
    background-color: #FFFFCC;
    vertical-align: top;
    border: 1px solid #A2C8DB;
}
.ItemNote
{
    padding: 1px;
    font-size: 11px;
    color: #666666;
    background-color: #FFFFF0;
    margin-left: 3px;
}
.Price
{
    padding: 2px;
    font-size: 12px;
    color: #666666;
    font-weight: bold;
    background-color: #F0F0F0;
    text-align: center;
}
.HolderH
{
    display: none;
}
.HolderV
{
    padding: 0px;
    margin: 0px;
    clip: rect(0px, 0px, 0px, 0px);
    border-spacing: 0px;
    border-collapse: collapse;
}
.secondtitlebar
{
    background-color: #DAEAF1;
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
}
.messages
{
    font-family: tahoma;
    font-size: 11px;
}
.messages-selected
{
    font-family: tahoma;
    font-size: 11px;
    background-color: #A6ACBB;
    color: #FFFFFF;
}
.PixText
{
  font-size: 11px;
  color: #333333;
}
.PixText i
{
  font-size: 10px;
  color: #808080;
  font-style: normal;
}
/* Stars Rating CSS */

.rating,
.rating a:hover,
.rating .current
{
background: url(/images/stars.png) left;
}
.rating
{
position: relative;
width: 100px; /* 5 stars width */
height: 20px; /* 1 star height */
overflow: hidden;
list-style: none;
margin: 0px;
padding: 0px;
background-position: top left;
}
.rating li
{
display: inline;
}
.rating a,
.rating .current
{
position: absolute;
top: 0;
left: 0;
text-indent: -9000px;
height: 20px; /* 1 star height */
line-height: 20px; /* 1 star height */
outline: none;
overflow: hidden;
border: none;
/* I replaced the pixel-width with an em-width, but must set font size in px */
font-size: 20px; /* 1 star width */
}
/* Show stars when hovered */
.rating a:hover
{
background-position: left bottom;
}
/* Set each section to the appropriate width, stacking so leftmost is topmost */
.rating a.rate1
{
width: 20%;
z-index: 6;
}
.rating a.rate2
{
width:40%;
z-index: 5;
}
.rating a.rate3
{
width:60%;
z-index: 4;
}
.rating a.rate4
{
width:80%;
z-index: 3;
}
.rating a.rate5
{
width:100%;
z-index: 2;
}
.rating .current
{
z-index: 1;
background-position: left center;
}
.ReportIt a
{
    font-size: 10px;
    color: #339966;
    font-family: arial, Helvetica, sans-serif;
    text-decoration: none;
}
.SmallGreyText1
{
    font-size: 12px;
    color: #808080;
}
.SmallGreyText
{
    font-size: 11px;
    color: #808080;
}
a.SmallGreyText:link
{
    font-size: 11px;
    color: #808080;
}
a.SmallGreyText:active
{
    font-size: 11px;
    color: #808080;
}
a.SmallGreyText:hover
{
    font-size: 11px;
    color: #808080;
}
a.SmallGreyText:visited
{
    font-size: 11px;
    color: #808080;
}

.SmallBlueLinks
{
    font-size: 11px;
    color: #0070ca;
    text-decoration: none;
}
a.SmallBlueLinks:link
{
    font-size: 11px;
    color: #0070ca;
    text-decoration: none;
}
a.SmallBlueLinks:active
{
    font-size: 11px;
    color: #0070ca;
    text-decoration: none;
}
a.SmallBlueLinks:hover
{
    font-size: 11px;
    color: #0070ca;
    text-decoration: none;
}
a.SmallBlueLinks:visited
{
    font-size: 11px;
    color: #0070ca;
    text-decoration: none;
}
.InfoLinks
{
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 14px;
    color: #0070ca;
    text-decoration: none;
}
a.InfoLinks:link
{
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 14px;
    color: #0070ca;
    text-decoration: none;
}
a.InfoLinks:active
{
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 14px;
    color: #0070ca;
    text-decoration: none;
}
a.InfoLinks:hover
{
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 14px;
    color: #0070ca;
    text-decoration: none;
}
a.InfoLinks:visited
{
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 14px;
    color: #0070ca;
    text-decoration: none;
}


/* Stars Rating CSS */

.ratingSm,
.ratingSm a:hover,
.ratingSm .current
{
background: url(/images/starsSm.png) left;
}
.ratingSm
{
position: relative;
width: 60px; /* 5 stars width */
height: 12px; /* 1 star height */
overflow: hidden;
list-style: none;
margin: 0px;
padding: 0px;
background-position: top left;
}
.ratingSm li
{
display: inline;
}
.ratingSm a,
.ratingSm .current
{
position: absolute;
top: 0;
left: 0;
text-indent: -9000px;
height: 12px; /* 1 star height */
line-height: 12px; /* 1 star height */
outline: none;
overflow: hidden;
border: none;
/* I replaced the pixel-width with an em-width, but must set font size in px */
font-size: 12px; /* 1 star width */
}
/* Show stars when hovered */
.ratingSm a:hover
{
background-position: left bottom;
}
/* Set each section to the appropriate width, stacking so leftmost is topmost */
.ratingSm a.rate1
{
width: 20%;
z-index: 6;
}
.ratingSm a.rate2
{
width:40%;
z-index: 5;
}
.ratingSm a.rate3
{
width:60%;
z-index: 4;
}
.ratingSm a.rate4
{
width:80%;
z-index: 3;
}
.ratingSm a.rate5
{
width:100%;
z-index: 2;
}
.ratingSm .current
{
z-index: 1;
background-position: left center;
}

.SmItem
{
    font-family: 'Trebuchet MS' ,Helvetica,sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    line-height: 11px;
}
a.SmItem:link
{
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 10px;
    color: #0070ca;
    text-decoration: none;
    line-height: 12px;
}
a.SmItem:active
{
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 10px;
    color: #0070ca;
    text-decoration: none;
    line-height: 12px;
}
a.SmItem:hover
{
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 10px;
    color: #0070ca;
    text-decoration: none;
    line-height: 12px;
}
a.SmItem:visited
{
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 10px;
    color: #0070ca;
    text-decoration: none;
    line-height: 12px;
}
.VSmallGreyText
{
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 10px;
    color: #808080;
}

a.VSmallGreyText:link
{
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 10px;
    color: #808080;
   	text-decoration: none;

}
a.VSmallGreyText:active
{
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 10px;
    color: #808080;
   	text-decoration: none;

}
a.VSmallGreyText:hover
{
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 10px;
    color: #808080;
   	text-decoration: none;

}
a.VSmallGreyText:visited
{
	font-family: 'Trebuchet MS' ,Helvetica,sans-serif;
	font-size: 10px;
	color: #808080;
	text-decoration: none;
}
 .pricecl
{
	font-family: 'Trebuchet MS' ,Helvetica,sans-serif;
	font-size: 10px;
	color: #006600;
}

.HelpMe
{
    background-color: #FFDFDF;
    font-family: "lucida grande";
    font-size: 14px;
}

.LogIn
{
    padding: 3px;
    margin: 3px;
    border: 1px solid #FF9933;
    position: inherit;
    z-index: 1000;
    background-color: #FFE8DD;
    font-size: 17px;
    color: #006600;
    font-weight: normal;
    vertical-align: top;
    visibility: hidden;
}
.preselect
{
    background-color: #D7EEFF;
    font-weight: bold;
    color: #3333FF;
}
.AddItemWindowM
{
    border-style: solid;
    border-width: 0px;
    display: none;
    position: fixed;
    _position: absolute;
    top: 1px;
    _top: expression(eval(document.body.scrollTop));
    margin: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

   .AddItemWindow
{
    background-color: #FFFFFF;
    border-width: 1px 2px 2px 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}
  .DelItemWindow
{
    background-color: #FFFFFF;
    border-width: 1px 2px 2px 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}
  .BoughtItemWindow
{
    background-color: #FFFFFF;
    border-width: 1px 2px 2px 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

.AutoCompleteExtender_CompletionList
{
	background-color: #ffffff;
	border: solid 2px #c0c0c0;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	height: 350px;
	overflow: auto;
	text-align: left;
}
.AutoCompleteExtender_HighlightedItem
{
	background-color: #FFD9C6;
	font-weight: bold;
}
.veil
{
    filter:alpha(opacity=70);
    opacity: 0.7;
    width: 100%;
    position: fixed;
    _position:absolute;
    top: 1px;
    _top:expression(eval(document.body.scrollTop));
    right: 1px;
    display: none;
    z-index: 5;
}
.spinner
{
    position: fixed;
    _position:absolute;
    z-index: 1000;
    top: 50%;
    _top:expression(eval(document.body.scrollTop));
    right: 50%;
}
.infobox
{
    padding: 4px;
    background-color: #F0F8FF;
}
.edittable
{
    font-size: 11px;
    background-color: #FAFBEC;
    color: #808080;
}
.toolbarOff
{
    border-style: solid;
    background-color: #FFCC66;
    display: none;
}
.toolbarOn
{
    border: 1px solid #000000;
    height: 20px;
    width: 79px;
    background-color: #FFFDD7;
    position: absolute;
    display: inline;
    z-index: 500;
    text-align: center;
}   
.toolbarOn2
{
	border-style: solid;
	border-width: 0px;
	height: 42px;
	width: 150px;
	position: absolute;
	display: inline;
	z-index: 500;
	text-align: center;
}   
.rounded {
  border-radius: 3ex;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  padding: 8px;
  margin:0px;
  
}
.roundedskinny {
  border-radius: 3ex;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding: 1px;
  margin-top:2px;
}

ol.timeline{
list-style:none;
font-size:1.2em;
padding:0px;
margin:0px;
}

ol.timeline li
{
    display: none;
    position: relative;
    padding:2px;
    margin-bottom:2px;
    background-color: #ffffff;
    border-bottom:1px solid #C0C0C0;
}

ol.timeline li:first-child{
border-top:1px  #000;}

.PUBMain
{
    border-style: solid;
    border-width: 0px;
    display: none;
    position: fixed;
    _position: absolute;
    top: 1px;
    _top: expression(eval(document.body.scrollTop));
    margin: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

  .PUBTwo
{
    background-color: #FFFFFF;
    border-width: 1px 2px 2px 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

.MailList
{
    border-style: solid;
    border-width:1px;
    font-family: 'Courier New';
    font-size: 14px;
    background-color: #FFFFFF;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    border-color: #C0C0C0;
    border-width: 1px;
    color: #808080;
}
.MailUnRead
{
background-color:#f4fff4;
color:#000000;
}
.MailRead
{
background-color:#FFFFFF;
color:#808080;
}
.MailTextArea
{
	border: 1px solid #C0C0C0;
	padding: 0px;
	background-color: #FFFFFF;
}

.GreenButton
{
color:#050; 
font: bold(84%);
background-color:#B2F6B8;
border:1px solid; 
border-color: #696 #363 #363 #696;
}

.RedButton
{
color:#050;
font: bold(84%);
background-color:#FFA7A7;
border:1px solid; 
border-color: #696 #363 #363 #696;
}

.WhiteButton
{
color:#050;
font: bold(84%);
background-color:#FFFFFF;
border:1px solid; 
border-color: #696 #363 #363 #696;
}

.toppanel
{
background-color:#e5f9fd;
}

#tooltip
{
    width: 200px;
    position: absolute;
    z-index: 3000;
    border: 1px solid #9fafaf;
    background-color: #F7F8D3;
    padding: 5px;
    opacity: 0.95;
}
#tooltip h3, #tooltip div { 
margin: 0; 
font-size:14px;
}

ul#a
{
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    list-style-type: square
}

/* Js-Kit Echo theme */
/* colors */
.js-singleCommentBg
{
    background-color: #F4FCFF;
} /* changes the bg color of each item */
.jsk-PrimaryBackgroundColor { background-color: #FFFFFF; } /* changes the primary foundation color */
.jsk-SecondaryBackgroundColor
{
    background-color: #FFEAC1;
} /* changes the comment form background */
.jsk-PrimaryHighlightColor { color: #fffea9 } /* not currently used */
.jsk-SecondaryHighlightColor { color: #ffff00 } /* not currently used */
.jsk-PrimaryFontColor { color: #3a3a3a; } /* the color of all primary text elements */
.jsk-SecondaryFontColor
{
    color: #A2A2A2;
} /* the color of all secondary text elements */
.jsk-ThreadWrapper a, .jsk-LinkColor { color: #476cb8 }  /* the color of the Echo Stream background */
.jsk-H1Color { color: #878487; } /* the color of the 1st level headers */
.jsk-MenuContainer { background-color: #FFFFFF; }    /* the color of the 'Add another site' drop-down menu */
/* fonts */
.jsk-PrimaryFont, .jsk-CommentFormSurface input { font-family: "lucida grande",tahoma,verdana,arial,sans-serif; }
.jsk-PrimaryFont { font-size: 8pt; font-weight: normal; }
.jsk-H1Font { font-size: 1.38em; font-weight: bold; line-height: 1.4em; }
.jsk-LinkFont, .jsk-ThreadWrapper a, .jsk-ThreadWrapper a:hover { text-decoration: none; font-weight: normal; }
/* unsupported Js-Kit Echo hacks */
.jsk-ItemWrapper
{
    padding: 2px;
}
/* sizes */
.js-CommentsArea { width: 380px; }
/* suppress item display */
.jsk-HeaderWrapper { display: none; }  /* no comment header */
/*.jsk-ItemUserAvatar { display: none; }  no avatar */
/*.jsk-ItemBody { margin-left: -48px; }  compensate for removed avatar */
/*.js-kit-avatars-wrapper { display: none; }  no default avatar for non-logged-in user*/
/*.js-kit-nonLoggedUserInfo { margin-left: -75px; }  compensate for removed default avatar */
.js-singleViaLinkWrapper { display: none; }  /* no "Comment via" */
.js-CommentsSkin-echo div.jsk-ThreadWrapper { padding: 0px; }/*  no whitespace above "Leave a Comment" */
/* Use '!important' to override inline style */
.js-singleCommentAdminStar { display: none !important; } /* no administrator star */
/* layout */ 
.js-singleCommentName { margin-right: 1em; } /* add space after commenter name */
.js-kit-miniProfile { background-color:#FFFFFF; } /* the color of the mini profile popup */
.jskit-MenuContainer { background-color:#FFFFFF; } /* the background color of pulldown menus */
.jskit-MenuItemMO { background-color: #EDEDED; } /* the color of pulldown menu items */
/* Hide the Leave a Comment Form */
/*.jsk-CommentFormButton { display: none; }*/
/*.js-singleCommentReplyable { display: none; }*/
/*.jsk-CommentFormSurface { display: none; }*/
/* Hide the Follow tab */
/*.js-kit-tab-follow { display: none; }*/