body{
height: 100%;
background-color:#ffffff;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
}

a.browse {
font-size:12px;
color:#666666;
}

a{
border:0;
border-style:none;
font-weight:normal;
color:#000001;
font-family:Arial, Helvetica, sans-serif;
}

img{
border-style:none;
}

h1{
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size: 12px;
color: white;
font-weight: bold;
background-position: 0px 0px;
text-decoration: none;
background-color: #0b4597;
text-align: center;
}

h1.index{
font-family: Century Gothic, Arial, Helvetica, sans-serif;
position:absolute;
font-size: 17px;
font-weight: bold;
background-position: 0px 0px;
text-decoration: none;
color: #777777;
background-color: #cccccc;
text-align: left;
top:-12px;
left:0px;
width:55px;
z-index:2;
}

h1.content{
position:relative;
left: -10px;
top:15px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: bold;
background-position: 0px 0px;
text-decoration: none;
background-image: url(/images/h1contentbg.jpg);
text-align: center;
border: 1px solid #9F9F9F;
}

h2{
color:#0a479a;
}

p{
font-family: Trebuchet MS, Helvetica, sans-serif;
color:#000000;
text-indent: 10px;
text-align: justify;
font-size: 14px;
}

hr{
position:relative;
right:15px;
width: 710px;
color: #cccccc;
background-color: #cccccc;
height: 5px;
}

/* begin header css */
#header_box{
position:relative;
top:0px;
left:20px;
width:760px;
height:125px;
background-color:#FFFFFF;
}

#logo{
z-index:1;
top:27px;
left:0px;
position:relative;
countrytabs:1;
test:test;
}

#adminmenu{
position:relative;
top:0px;
left:0px;
background-color: #09c;
width:97%;
border: 3px solid #000000;
z-index:99;
padding:5px;
}

#header_join_form{
margin: 0px 0px 0px 0px;
display: none;
position:absolute;
top:0px;
left: 0px;
width:700px;
}

.header_form_styles{
width:700px;
height:25px;
background-color:#777777;
border-width:0px 1px 1px 1px;
border: dotted #cccccc;
padding:5px 5px 5px 50px;
}

a#header_join_form_link{
color:#cccccc;
z-index:2;
position:absolute;
top:9px;
left:11px;
font-weight:900;
}

a#header_login_form_link{
color:#cccccc;
z-index:2;
position:absolute;
top:9px;
left:157px;
font-weight:900;
}

a#header_openid_link{
color:#cccccc;
z-index:2;
position:absolute;
top:9px;
left:208px;
font-weight:900;
}

#headerbanner_mark{
color:#cccccc;
background-color:#ffffff;
z-index:6;
position:absolute;
top:16px;
left:129px;
}

#headerbanner_mark{
color:#cccccc;
background-color:#ffffff;
z-index:6;
position:absolute;
top:16px;
left:129px;
}

#headerbanner{
border:0px;
z-index:5;
width:460px;
left:235px;
top:-56px;
position:relative;
}

#welcome{
z-index:2;
position:absolute;
top:7px;
left:300px;
font-size:13px;
color:#484844;
}

#balance{
z-index:2;
position:absolute;
top:7px;
left:465px;
font-size:13px;
color:#484845;
}

#signing{
z-index:2;
position:absolute;
top:9px;
left:700px;
font-size:10px;
color:#484845;
}

/* end header styles */
#container{
/* to center the whole site*/
margin: 0 auto;
width: 800px;
text-align: left;
}

.maincontent{
position:relative;
top:0px;
left:0px;
width:760px;
background-color:#ffffff;
padding-top:0px;
padding-bottom:0px;
margin: 0px;
}

#footer{
position:relative;
left: 0px;
padding:11px 0px 9px 15px;
background-color:#FFFFFF;
}

.footerlinks{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:900;
color:#000000;
}

#footerCredits{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
position:relative;
right:0px;
bottom:0px;
color:#C0C0C0;
}

#dash_left {
position:relative;
top:20px;
width:115px;
padding:7px;
background-color:#929CB2;
border:2px solid #999999;
}

.sponsor_cat{
/* ad spot on the browse pages */
position:relative;
top:25px;
left:130px;
padding:15px;
border:2px dashed #777777;
background-color:#CDCDCD;
text-align:center;
width:500px;
}

.sponsor_cat_advertise_here{
position:relative;
top:25px;
left:333px;
}

.tinybox{
position:relative;
background-image: url(/images/bluetab2.jpg);
text-align: center;
color: #FFFFFF;
padding: 2px 0px 0px 0px;
margin: 2px 5px 0px 15px;
width: 130px;
}

.tinyboxcontent{
position:relative;
border: #CCCCCC;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
padding: 6px;
margin: 0px 5px 0px 15px;
width: 113px;
}

.tinyboxcontent a{
font-size: 12px;
}

.disp_array{
position:relative;
left: 20px;
padding: 12px;
width: 678px;
border: 9px dotted #cccccc;
}

.message{
position: relative;
left: 10px;
top: 10px;
padding:10px 10px 10px 20px;
margin:12px 31px 10px 15px;
width: 456px;
border: 5px solid #cccccc;
background-color: #777777;
}

.message_display{
margin:0px 10px 10px 10px;
padding:10px;
background-color:#FFFFFF;
}

.message_title{
position: relative;
left:0px;
width: 200px;
color: #777777;
text-decoration: underline;
font-size: 18px;
padding: 5px 0px 5px 25px;
margin: 0px 0px 10px 0px;
background-color: #FFFFFF;
border: 1px groove #777777;
}

#newpost{
position: relative;
left: 22px;
top: 22px;
font-size: 14px;
font-weight: 567;
text-decoration:underline;
padding: 3px 5px 0px 0px;
color: #0949a0;
}

.breadcrumbs{
position: relative;
left: 17px;
font-weight: 900;
font-size: 12px;
color: #0949a0;
}

.forum_title{
position: relative;
float: left;
clear: both;
left:33px;
font-size: 22px;
padding: 15px 0px 0px 5px;
}

.thread_subject{
position: relative;
background-color: #cccccc;
margin: 10px;
}

.thread_author{
position: relative;
left: 22px;
background-color: #cccccc;
}

.thread_mtext{
position: relative;
left: 22px;
border: 5px dotted #cccccc;
padding: 10px;
text-align: justify;
}

.thread_footer{
position:relative;
height: 16px;
left: 22px;
}

.thread_link{
position: relative;
float: right;
left: 0px;
font-size: 11px;
padding: 3px 5px 0px 0px;
}

.dropdown{
position:relative;
float:left;
clear:both;
padding: 2px 0px 7px 5px;
}

.sitemap{
position: relative;
top: 10px;
left: 15px;
padding-bottom: 30px;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(/images/formbg.gif) repeat-x left top;
}

#signup, #signin, #signout{
color:#484845;
}

#signout{
position:relative;
left:33px;
}

#fruit{
position:relative;
top:15px;
left:17px;
}

#sponsors{
z-index:2;
position:absolute;
top:95px;
left:333px;
font-size:11px;
color:#999999;
}

#balancedata{
color:#339900;
position:relative;
top:-16px;
left:100px;
}

input{
background-image: url(/images/inputbg.gif);
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
padding-left: 5px;
}

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
background: transparent url(/images/demobox.png) no-repeat bottom right;
}

.cssbox{
width: 335px !important;
/* intended total box width - padding-right(next) */width: 320px;
/* IE Win = width - padding */padding-right: 15px;
/* the gap on the right edge of the image (not content padding) */margin: 20px auto;
/* use to position the box */
}

/* set the top-right image */.cssbox_head{
background-position: top right;
margin-right: -15px;
/* pull the right image over on top of border */padding-right: 40px;
/* right-image-gap   right-inside padding */
}

/* set the top-left image */.cssbox_head h2{
background-position: top left;
margin: 0;
/* reset main site styles*/border: 0;
/* ditto */padding: 25px 0 15px 40px;
/* padding-left = image gap   interior padding ... no padding-right */height: auto !important;
height: 1%;
/* IE Holly Hack */
}

/* set the lower-left corner image */.cssbox_body{
background-position: bottom left;
margin-right: 25px;
/* interior-padding right */padding: 15px 0 15px 40px;
/* mirror .cssbox_head right/left */
}

.topright{
font-family:Century Gothic, Trebuchet MS, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

.content{
position: relative;
left:15ex;
}

.center{
text-align: center;
}

#center{
text-align: center;
}

.items{
text-align: left;
}

.large{
font-family:Century Gothic, Trebuchet MS, Arial, sans-serif;
font-size: 36px;
font-weight: bold;
text-decoration: none;
}

/* menu styles */
.headermenu{
z-index:10;
position:relative;
top:0px;
left:20px;
background-color:transparent;
width:600px;
}

.menu{
width:600px;
font-size:0.85em;
position:relative;
z-index:100;
}

/* begin niceforms styles *//*Forms defaults*/input, textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#404040;
}

label{
color:#999;
cursor:pointer;
padding-left:2px;
line-height:15px;
vertical-align:top;
}

label.chosen{
color:#333;
}

/*Transparent items*/
.transparent{
filter:alpha(opacity=0);
-moz-opacity:0;
opacity: 0;
border:0px solid #FFF;
background:#FFF;
z-index:10;
cursor:pointer;
}

.transparentFake{
background:none;
border:none;
}

.transparent2{
z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked{
z-index:5;
position:absolute;
width:15px;
height:15px;
cursor:pointer;
}

.radioAreaUnchecked{
background:url(images/radio.gif) no-repeat left top;
}

.radioAreaChecked{
background:url(images/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked{
z-index:5;
position:absolute;
width:14px;
height:14px;
cursor:pointer;
}

.checkboxAreaUnchecked{
background:url(images/checkbox.gif) no-repeat left top;
}

.checkboxAreaChecked{
background:url(images/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/.textinput, .textinputHovered{
width:236px;
height:15px;
background:url(/images/input.gif) no-repeat left top;
border:none;
padding:4px 8px;
}

.textinputHovered{
background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered{
width:336px;
height:125px;
background:url(images/textarea.gif) no-repeat left top;
border:none;
padding:4px 8px;
}

.textareaHovered{
background-position:left bottom;
}

/*Selects*/
.selectArea{
width:200px;
height:21px;
background:url(images/select_bg.gif) repeat-x left top;
}

.selectArea .left{
width:8px;
height:21px;
float:left;
background:url(images/select_left.gif) no-repeat left top;
}

.selectArea .right{
width:21px;
height:21px;
float:right;
background:url(images/select_right.gif) no-repeat left top;
}

.selectArea .right a{
display:block;
width:21px;
height:21px;
}

.selectArea .right i{
display:none;
}

.selectArea .center{
width:160px;
margin-left:5px;
margin-right:20px;
color:#FFF;
padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible{
position:absolute;
margin-top:-1px;
margin-left:3px;
width:172px;
background:#6f7074;
padding:2px;
font-size:11px;
z-index:20;
}

.optionsDivInvisible{
display:none;
}

.optionsDivVisible{
display:block;
}

.optionsDivVisible p{
margin:0;
padding:0;
}

.optionsDivVisible a{
color:#F2F2F2;
text-decoration:none;
display:block;
padding:1px 4px;
border:1px solid #6f7074;
}

.optionsDivVisible a:hover{
color:#FFF;
background:#5F6062;
border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered{
width:69px;
height:26px;
color:#FFF;
font-weight:bold;
padding:2px 5px;
background:url(images/button.gif) no-repeat left top;
cursor:pointer;
border:none;
}

.buttonSubmitHovered{
background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/#stylesheetTest{
position:absolute;
left:-999px;
width:10px;
height:10px;
}

/* end niceforms styles */


/*join form styles*/
.formContainer{
width: 60%;
align: left;
padding-right: 350px;
}

.form{
text-align: right;
padding-top:10px;
font-size: 15px;
}

span{
text-align: left;
padding-top:3px;
font-size: 15px;
}


.textInput{
border: 1px dotted #ccc;
font: bold 16px Verdana;
}

.messagebox{
position:absolute;
width:100px;
margin-left:30px;
border:1px solid #c93;
background:#ffc;
padding:3px;
}

.messageboxok{
position:absolute;
width:auto;
margin-left:30px;
border:1px solid #349534;
background:#C9FFCA;
padding:3px;
font-weight:bold;
color:#008000;
}

.messageboxerror{
position:absolute;
width:auto;
margin-left:30px;
border:1px solid #CC0000;
background:#F7CBCA;
padding:3px;
font-weight:bold;
color:#CC0000;
}

/*end join form styles*/



/* Now for the javascript keypad styles */
#keyboardInputMaster{
position:absolute;
border:2px groove #dddddd;
background-color:#dddddd;
padding:3px 5px;
text-align:left;
z-index:1000000;
_width:300px;
}

#keyboardInputMaster select,#keyboardInputMaster label{
font:normal 11px Arial,sans-serif;
}

#keyboardInputMaster span{
position:absolute;
top:5px;
padding:1px 4px;
font:bold 11px Arial,sans-serif;
border:1px outset #aaaaaa;
background-color:#cccccc;
cursor:pointer;
}

#keyboardInputMaster span#keyboardInputClose{
right:5px;
}

#keyboardInputMaster span#keyboardInputClear{
right:25px;
}

#keyboardInputMaster span.pressed{
border:1px inset #999999;
background-color:#bbbbbb;
}

#keyboardInputMaster div{
margin-top:3px;
}

#keyboardInputMaster div div{
text-align:left;
margin:0px;
}


#keyboardInputMaster div div.keyboardInputCenter{
text-align:center;
}

#keyboardInputMaster div div ul{
list-style-type:none;
margin:0px;
padding:0px;
text-align:left;
height:20px;
white-space:nowrap;
}

#keyboardInputMaster div div.keyboardInputCenter ul{
text-align:center;
}

#keyboardInputMaster div div ul li{
display:inline;
vertical-align:middle;
padding:3px 5px 4px 5px;
white-space:pre;
font:normal 11px 'Lucida Console',monospace;
border-top:1px solid #dddddd;
border-right:1px solid #5d5d5d;
border-bottom:1px solid #5d5d5d;
border-left:1px solid #dddddd;
background-color:#eeeeee;
cursor:default;
line-height:20px;
}

#keyboardInputMaster div div ul li.alive{
background-color:#ccccdd;
}

#keyboardInputMaster div div ul li.target{
background-color:#ddddcc;
}

#keyboardInputMaster div div ul li.hover{
border-top:1px solid #d5d5d5;
border-right:1px solid #555555;
border-bottom:1px solid #555555;
border-left:1px solid #d5d5d5;
background-color:#cccccc;
}

#keyboardInputMaster div div ul li.pressed,#keyboardInputMaster div div ul li.dead{
border-top:1px solid #555555;
border-right:1px solid #d5d5d5;
border-bottom:1px solid #d5d5d5;
border-left:1px solid #555555;
background-color:#cccccc;
}

.keyboardInputInitiator{
margin-left:3px;
vertical-align:middle;
cursor:pointer;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left;
/*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{
/*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{
/*selected main tab style */background-image: url(shadeactive.gif);
border-bottom-color: white;
}

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

/* start hex color chooser */
#plugin{
BACKGROUND: #0d0d0d;
COLOR: #AAA;
CURSOR: move;
FONT-FAMILY: arial;
FONT-SIZE: 11px;
PADDING: 7px 10px 11px 10px;
_PADDING-RIGHT: 0;
Z-INDEX: 1;
POSITION: absolute;
WIDTH: 199px;
_width: 210px;
_padding-right: 0px;
}

#plugin br{
CLEAR: both;
MARGIN: 0;
PADDING: 0;
}

#plugin select{
BORDER: 1px solid #333;
BACKGROUND: #FFF;
POSITION: relative;
TOP: 4px;
}

#plugHEX{
FLOAT: left;
position: relative;
top: -1px;
}

#plugCLOSE{
FLOAT: right;
cursor: pointer;
MARGIN: 0 8px 3px;
_MARGIN-RIGHT: 10px;
COLOR: #FFF;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

#plugHEX:hover,#plugCLOSE:hover{
COLOR: #FFD000;
}

#plugCUR{
float: left;
width: 10px;
height: 10px;
font-size: 1px;
background: #FFF;
margin-right: 3px;
}

#SV{
background: #FF0000 url('http://www.colorjack.com/software/media/SatVal.png');
_BACKGROUND: #FF0000;
POSITION: relative;
CURSOR: crosshair;
FLOAT: left;
HEIGHT: 166px;
WIDTH: 167px;
_WIDTH: 166px;
MARGIN-RIGHT: 10px;
filter:progid:
DXImageTransform.Microsoft.AlphaImageLoader(src='media/SatVal.png', sizingMethod='scale');
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

#SVslide{
BACKGROUND: url('http://www.colorjack.com/software/media/slide.gif');
HEIGHT: 9px;
WIDTH: 9px;
POSITION: absolute;
_font-size: 1px;
line-height: 1px;
}

#H{
BORDER: 1px solid #000;
CURSOR: crosshair;
FLOAT: left;
HEIGHT: 154px;
POSITION: relative;
WIDTH: 19px;
PADDING: 0;
TOP: 4px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

#Hslide{
BACKGROUND: url('http://www.colorjack.com/software/media/slideHue.gif');
HEIGHT: 5px;
WIDTH: 33px;
POSITION: absolute;
_font-size: 1px;
line-height: 1px;
}

#Hmodel{
POSITION: relative;
TOP: -5px;
}

#Hmodel div{
HEIGHT: 1px;
WIDTH: 19px;
font-size: 1px;
line-height: 1px;
MARGIN: 0;
PADDING: 0;
}

/* end hex color chooser */


/* lightbox for header 'post' start form */
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #FFFFFF;
z-index:1001;
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
}

.white_content{
display: none;
position: absolute;
top: 30px;
left: 27%;
width: 300px;
height: 100px;
padding: 16px;
border: 16px solid #777777;
background-color:#FFFFFF;
z-index:1002;
}

.white_content_results{
display: none;
position: absolute;
top: 0px;
left: 27%;
width: 300px;
height: 100px;
padding: 16px;
border: 0px solid #777777;
background-color:#FFFFFF;
z-index:1002;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:600px; height:32px; position:relative; z-index:100;border-right:0px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:600px; w\idth:601px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:99px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:99px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:88px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#09c; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:99px; w\idth:88px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 70px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 70px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 70px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:99px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:99px; top:-1px; width:99px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-99px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:78px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:100px;w\idth:78px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}