body{margin:0px;padding:0px;position:relative;top:0px;background-color:#C5C5C5;font-family:sans-serif;font-style:normal;font-size:13px;}
.maintab{background-color:white;border-width:2px; border-style:solid;border-color:gray;border-top:none;width:800px;}
.maintabwide{background-color:white;border-width:2px; border-style:solid;border-color:gray;border-top:none;width:850px;}
h1{font-family:sans-serif;font-size:18px;}
h2{font-family:sans-serif;font-size:13px;margin:0px;}
h3{margin:0 0 2px 0;font-size:110%;}
.indexpic {width:100px;height:75px;border:2px solid black;cursor:pointer;}
.indexpic:hover {border:2px solid #d56727;}
.gallerypic {width:100px;height:75px;border:1px solid black;cursor:pointer;}
.gallerypic:hover {border:1px solid #d56727;}
.albumcover {width:100px;height:75px;border:1px solid black;cursor:pointer;}
.albumcover:hover {border:1px solid #d56727;}
.gbsubject{color:#d56727;text-decoration:none;font-weight:bold;cursor:pointer;}
.avatarpic{height:60px;width:60px;border:1px solid black;}
.indexbox {width:240px;height:220px;vertical-align:top;background-image:url('artwork/boxbk.jpg');background-repeat:no-repeat;background-position:left top;padding-top:8px;padding-left:10px;padding-right:10px;}
.rtlindexbox {width:240px;height:220px;vertical-align:top;background-image:url('artwork/boxbk.jpg');background-repeat:no-repeat;background-position:left top;padding-top:8px;padding-left:6px;padding-right:12px;}
.footer{font-family:sans-serif;font-size:12px;}
input.sidebar{font-family:sans-serif;}
table.hiscore {border-width: 0px;border-style:solid;border-color:white;border-collapse: separate;background-color:black;color:white;font-size:12px;}
table.hiscore td {border-width:1px;padding:4px;border-style:solid;border-color:lightyellow;color:black;background-color: white;text-align:center;}
table.hiscore th {border-width:1px;padding:4px;border-style:solid;border-color:#FF8E48;background-color:#FF8E48;color:black;}
a.navbar:link {color:black;}
a.navbar:visited {color:black;}
.navbar{font-size:12px;text-align:left;font-family:sans-serif;font-weight:normal;color:black;}
.galnavbutton{border:0px solid black;}
a.gallerylnk:link {color:black;font-size:12px;}
a.gallerylnk:visited {color:black;font-size:12px;}
a.gallerylnk:hover {color:blue;font-size:12px;}
a.indextop:link {color:black;font-size:12px;}
a.indextop:visited {color:black;font-size:12px;}
a.indextop:hover {color: blue; font-size:12px;}
.optdigits {line-height:16px;font-size:22px;font-weight:bold;}
.smallpic {width:45px; height:30px;border:1px solid black;}
.cutimage:hover{cursor:pointer;}
span.feat {color:#d56727;text-decoration:none;font-weight:bold;}
a.feat:link {color:#d56727;text-decoration:none;font-weight:bold;}
a.feat:visited {color:#d56727;text-decoration:none;font-weight:bold;}
a.feat:hover {color:blue;text-decoration:none;}
a.featcurr:link {color:#d56727;font-weight:bold;}
a.featcurr:visited {color:#d56727;font-weight:bold;}
a.featcurr:hover {color:blue;}
a.modallink:link {color:#d56727;font-weight:bold;}
a.modallink:visited {color:#d56727;font-weight:bold;}
a.modallink:hover {color: blue;}
img.feat{border-color:#788895;border-width:0px;}
a.nextpuz:link {color:black;font-size:12px;}
a.nextpuz:visited {color:black;font-size:12px;}
a.nextpuz:hover {color:blue;font-size:12px;}
img.popular{border-color:black;border-width:1px;}
a.preview:link {color:black;}
a.preview:visited {color:black;}
a.preview:hover {color:gray;}
img.prev{border-color:#788895;border-width:0px;}
.logininput{color:black;}
.loadtab{border-top:1px solid black;text-align:center;}
.glidecontentwrapper{
position:relative; /* Do not change this value */
width:180px;
height:130px; /* Set height to be able to contain height of largest content shown*/
border:0px solid #687C98;
overflow:hidden;
}
/*
Total wrapper width: 350px+5px+5px=360px
Or width of wrapper div itself plus any left and right CSS border and padding
Adjust related containers below according to comments
*/
.glidecontent{ /*style for each glide content DIV within wrapper.*/
position:absolute; /* Do not change this value */
background:white;padding:0px;visibility:hidden;width:150px;}
/*
Total glidecontent width: 330px+10px+10px=350px
Or width of wrapper div itself (not counting wrapper border/padding)
*/
.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width:580px;margin-top:6px;text-align:center; 
/*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
Total contenttoggler width: 350px+5px+5px=360px
Or total width of wrapper div (counting wrapper border/padding)
*/
.glidecontenttoggler a{ /*style for every navigational link within toggler */
display:-moz-inline-box;display:inline-block;border:1px solid black;color:#d56727;padding:1px 3px;margin-right:3px;font-weight:bold;text-decoration:none;}
.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background:white;color:blue;}
.glidecontenttoggler a:hover{background:white;color:blue;}
.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{background:#1A48A4;color:white;}
.titletxtr{background-color:#DA4D00;color:white;}
/* jqModal base Styling courtesy of;
Brice Burgess <bhb@iceburg.net> */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow {display:none;position:fixed;top:5%;left:50%;margin-left: -300px;width:640px;background-color:#EEE;color:#333;border:2px solid white;padding:0px;}
.smalljqmWindow {display:none;position: fixed;top:15%;left:50%;margin-left: -150px;width:340px;background-color:#EEE;color:#333;border:3px solid black;padding:2px;text-align:center;z-index:30000;}
.jqmOverlay {background-color:#000;}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
width:expression(this.parentNode.offsetWidth+'px');
height:expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
 Star selector used to hide definition from browsers other than IE6
 For valid CSS, use a conditional include instead */
* html .jqmWindow {
position:absolute;
top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
* html .smalljqmWindow {
position:absolute;
top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/* AddThis Vertical Layout Menu */
.addthis_toolbox .vertical {background:#fff;width:80px;padding:1px;border:0px solid #eee;-moz-border-radius:5px;-webkit-border-radius:5px;}
.addthis_toolbox .vertical a {position:relative;text-decoration:none;font-weight:bold;display: block;background: #fff;width:78px;padding:4px 0 4px 34px;text-decoration:none;color:#d56727;}
.addthis_toolbox .vertical a:hover {background:#f5f5f5;text-decoration:none;font-weight:bold;color:blue;text-decoration:none;-moz-border-radius:4px;-webkit-border-radius:4px;}
.addthis_toolbox .vertical span {position: absolute;left:14px;top:4px;}
.addthis_toolbox .vertical .more {border-top: solid 1px #eee;padding:10px 0 0 0;margin:10px 10px 0 10px;text-align:center;}
.addthis_toolbox .vertical .more a {padding:4px 0;margin:0;}
.addthis_toolbox .vertical .more a:hover {background: none;}
.addthis_toolbox .vertical .more span {display: none;}
/* star rating */
.rating{width:80px;height:16px;margin:0 0 20px 0;padding:0;list-style:none;clear:both;position:relative;background:url(artwork/star-matrix.gif) no-repeat 0 0;}
.ratingblack{width:80px;height:16px;margin:0 0 20px 0;padding:0;list-style:none;clear:both;position:relative;background:url(artwork/star-matrix-black.gif) no-repeat 0 0;}
/* add these classes to the ul to effect the change to the correct number of stars */
.star0 {background-position:0 0}
.star05 {background-position:0 -176px}
.star1 {background-position:0 -16px}
.star15 {background-position:0 -192px}
.star2 {background-position:0 -32px}
.star25 {background-position:0 -208px}
.star3 {background-position:0 -48px}
.star35 {background-position:0 -224px}
.star4 {background-position:0 -64px}
.star45 {background-position:0 -240px}
.star5 {background-position:0 -80px}
ul.ratingltr li {
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated\*/
float:left;
/* end hide*/
text-indent:-999em;
}
ul.ratingrtl li {
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated\*/
float:left;
/* end hide*/
text-indent:999em;
}
ul.rating li a {position:absolute;left:0;top:0;width:16px;height:16px;text-decoration:none;z-index:200;}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {z-index:2;width:80px;height:16px;overflow:hidden;left:0;background:url(artwork/star-matrix.gif) no-repeat 0 0}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}

/* rating black */
ul.ratingblack li a {position:absolute;left:0;top:0;width:16px;height:16px;text-decoration:none;z-index:200;}
ul.ratingblack li.one a {left:0}
ul.ratingblack li.two a {left:16px;}
ul.ratingblack li.three a {left:32px;}
ul.ratingblack li.four a {left:48px;}
ul.ratingblack li.five a {left:64px;}
ul.ratingblack li a:hover {z-index:2;width:80px;height:16px;overflow:hidden;left:0;background:url(artwork/star-matrix-black.gif) no-repeat 0 0}
ul.ratingblack li.one a:hover {background-position:0 -96px;}
ul.ratingblack li.two a:hover {background-position:0 -112px;}
ul.ratingblack li.three a:hover {background-position:0 -128px}
ul.ratingblack li.four a:hover {background-position:0 -144px}
ul.ratingblack li.five a:hover {background-position:0 -160px}
/* end rating code */

 #dhtmltooltip{position:absolute;left:-300px;width:150px;border:1px solid black;padding:2px;background-color:lightyellow;visibility:hidden;z-index:100;
 /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{position:absolute;left:-300px;z-index:101;visibility:hidden;}
#hintbox{position:absolute;top:0;background-color:lightyellow;width: 150px;padding:3px;border:1px solid black;font:normal 11px Verdana;line-height:18px;z-index:100;border-right:3px solid black;border-bottom:3px solid black;visibility:hidden;}
.hintanchor{font-weight:bold;color:navy;margin:3px 8px;}
input.gsc-input {border-color:#BCCDF0;}
input.gsc-search-button {border-color:#E9E9E9;background-color:#d56727;}