.tdLight {
	BACKGROUND-COLOR: #011b47
}
.tdDark {
	BACKGROUND-COLOR: #CFCFCF;
}
.tdHeader {
	BACKGROUND-COLOR: #011b47;
}
.tdLightest {
BACKGROUND: url(images/gui/cellpic.gif) #011b37;

}
.tdLightest {
BACKGROUND: url(images/gui/cellpic.gif) #011b37;

}
.tdLightblak {
BACKGROUND-COLOR: #000000;
}

#divContainer {
	VISIBILITY: hidden; 
	OVERFLOW: hidden; 
	WIDTH: 165px; 
	CLIP: rect(0px 165px 270px 0px); 
	POSITION: relative; 
	HEIGHT: 270px
}
#divContent {
	LEFT: 348px;
	POSITION: relative;
	TOP: -10px;
	width: 165px;
	height: 238px;
}

.hiddenstuff
{
    DISPLAY: none;
    VISIBILITY: hidden
}

.cropbox {
clip:rect(0px 20px 90px 0px); 
visiblity:visible; 
z-index:1
}

html {
	SCROLLBAR-FACE-COLOR: #02254B; 
	SCROLLBAR-HIGHLIGHT-COLOR: #011B37; 
	SCROLLBAR-SHADOW-COLOR: #E5E5E5; 
	SCROLLBAR-3DLIGHT-COLOR: #000000; 
	SCROLLBAR-ARROW-COLOR: #FDAB1B; 
	SCROLLBAR-TRACK-COLOR: #003366; 
	SCROLLBAR-DARKSHADOW-COLOR: #000000
}

BODY {
	BACKGROUND: url(images/gui/background.jpg) #013366;
	MARGIN: 0px; 
	FONT: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
	COLOR: #ffffff;
}

A:link {
	COLOR: #fdab1b; TEXT-DECORATION: none
}
A:visited {
	COLOR: #fdab1b; TEXT-DECORATION: none
}
A:hover {
	COLOR: #c0c0c0; TEXT-DECORATION: none
}
A:active {
	COLOR: #c0c0c0; TEXT-DECORATION: none
}
.page {
	COLOR: #ffffff; BACKGROUND-COLOR: #003366
}
TD {
	FONT: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
TH {
	FONT: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
P {
	FONT: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
LI {
	FONT: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
.tborder {
	BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #000000 0px solid; COLOR: #000000; BORDER-BOTTOM: #000000 0px solid; BACKGROUND-COLOR: #000000
}
.tcat {
	BACKGROUND: url(images/gui/gradient_tcat.gif) #666666 repeat-x left top; FONT: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #000000
}
.tcat A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.tcat A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.tcat A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}
.tcat A:active {
	COLOR: #000000; TEXT-DECORATION: underlin.thead {
	FONT: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #cf9c31
}
e
}
.thead A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.thead A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.thead A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
.thead A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
.tfoot {
	BACKGROUND: url(images/gui/copytile.jpg) #666666; COLOR: #000000
}
.tfoot A:link {
	COLOR: #000000
}
.tfoot A:visited {
	COLOR: #000000
}
.tfoot A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}
.tfoot A:active {
	COLOR: #000000; TEXT-DECORATION: underline
}
.alt1 {
	COLOR: #ffffff; BACKGROUND-COLOR: #03305f
}
.alt1Active {
	COLOR: #ffffff; BACKGROUND-COLOR: #03305f
}
.alt2 {
	COLOR: #ffffff; BACKGROUND-COLOR: #02254b
}
.alt2Active {
	COLOR: #ffffff; BACKGROUND-COLOR: #02254b
}
.alt3 {
	COLOR: #000000; BACKGROUND-COLOR: #d5d8e5
}
.wysiwyg {
	FONT: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #f5f5ff
}
TEXTAREA {
	FONT: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
.bginput {
	FONT: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
.button {
	FONT: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
SELECT {
	FONT: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
OPTION {
	FONT-SIZE: 11px; FONT-FAMILY: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
OPTGROUP {
	FONT-SIZE: 11px; FONT-FAMILY: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
.smallfont {
	FONT: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
.time {
	FONT-SIZE: 10px; COLOR: #c0c0c0
}
.navbar {
	FONT: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
.highlight {
	FONT-WEIGHT: bold; COLOR: #ff0000
}
.fjsel {
	COLOR: #e0e0f6; BACKGROUND-COLOR: #003399
}
.fjdpth0 {
	COLOR: #000000; BACKGROUND-COLOR: #f7f7f7
}
.panel {
	BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 10px; COLOR: #ffffff; PADDING-TOP: 10px; BACKGROUND-COLOR: #02254b; BORDER-RIGHT-WIDTH: 1px
}
.panelsurround {
	COLOR: #ffffff; BACKGROUND-COLOR: #02254b
}
LEGEND {
	FONT: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #c0c0c0
}
.vbmenu_control {
	BACKGROUND: url(images/gui/gradient_tcat.gif) #666666 repeat-x left top; FONT: bold 10px verdana; COLOR: #000000; WHITE-SPACE: nowrap
}
.vbmenu_control A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.vbmenu_control A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.vbmenu_control A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}
.vbmenu_control A:active {
	COLOR: #000000; TEXT-DECORATION: underline
}
.vbmenu_popup {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000; TEXT-ALIGN: left
}
.vbmenu_option {
	FONT: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; CURSOR: hand; COLOR: #ffffff; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #03305f
}
.vbmenu_option A:link {
	COLOR: #fdab00; TEXT-DECORATION: none
}
.vbmenu_option A:visited {
	COLOR: #fdab00; TEXT-DECORATION: none
}
.vbmenu_option A:hover {
	COLOR: #fdab00; TEXT-DECORATION: none
}
.vbmenu_option A:active {
	COLOR: #fdab00; TEXT-DECORATION: none
}
.vbmenu_hilite {
	FONT: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; CURSOR: hand; COLOR: #ffffff; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #02254b
}
.vbmenu_hilite A:link {
	COLOR: #c0c0c0; TEXT-DECORATION: none
}
.vbmenu_hilite A:visited {
	COLOR: #c0c0c0; TEXT-DECORATION: none
}
.vbmenu_hilite A:hover {
	COLOR: #c0c0c0; TEXT-DECORATION: none
}
.vbmenu_hilite A:active {
	COLOR: #c0c0c0; TEXT-DECORATION: none
}
.bigusername {
	FONT-SIZE: 14pt
}
TD.thead {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
DIV.thead {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
.pagenav A {
	TEXT-DECORATION: none
}
.pagenav TD {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.fieldset {
	MARGIN-BOTTOM: 6px
}
.fieldset {
	FONT-SIZE: 11px
}
.fieldset TD {
	FONT-SIZE: 11px
}
.fieldset P {
	FONT-SIZE: 11px
}
.fieldset LI {
	FONT-SIZE: 11px
}
FORM {
	DISPLAY: inline
}
LABEL {
	CURSOR: default
}
.normal {
	FONT-WEIGHT: normal
}
.inlineimg {
	VERTICAL-ALIGN: middle
}
#black A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
#black A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
#black A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
#black A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}

.JonesButton {
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	FONT-WEIGHT: bold; 
	BORDER-LEFT: #000000 1px solid; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #000000 1px solid; 
	POSITION: relative;
	FONT: 10px Tahoma;	
	align: center;
	BACKGROUND: url(http://www.scoobydooproject.com/images/gui/login_bg.gif) repeat-x; 
	cursor: hand;
}

.selectboxes {background-color:#FF0000}

.TextBox {

	BORDER-RIGHT: #666666 1px inset; 
	BORDER-TOP: #000000 1px inset; 
	FONT-SIZE: 10px; 
	BACKGROUND-ATTACHMENT: fixed; 
	BACKGROUND-IMAGE:  url(http://www.scoobydooproject.com/images/gui/box_shadow.gif); 
	BORDER-LEFT: #000000 1px inset; 
	COLOR: #000000; 
	BORDER-BOTTOM: #666666 1px inset; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	//BACKGROUND-COLOR: #ffffff
}

.coolBar
{
    BORDER-RIGHT: buttonshadow 0px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: "#FFFFFF" 0px solid;
    PADDING-LEFT: 0px;
	BACKGROUND: url(http://www.scoobydooproject.com/images/gui/login_bg.gif) repeat-x; 
    PADDING-BOTTOM: 0px;
    FONT: menu;
    BORDER-LEFT: "#FFFFFF" 0px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: buttonshadow 0px solid
}
.coolButton
{
    BORDER-RIGHT: buttonface 0px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: buttonface 0px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: buttonface 0px solid;
    CURSOR: default;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: buttonface 0px solid;
    TEXT-ALIGN: center
}
.coolButton IMG
{
    FILTER: gray()
}
.hiddenstuff
{
    DISPLAY: none;
    VISIBILITY: hidden
}
.lineHiLite
{
    COLOR: #666666;
    BACKGROUND-COLOR: #336699
}
.line A:link
{
    TEXT-DECORATION: underline
}

#masthead 
{
text-align:left;
valign:middle;
width:100%;
float:left;
background:url(http://www.scoobydooproject.com/images/gui/login_bg.gif) no-repeat top right #000000;
border-bottom:1px solid #000000;
height:59px;
}
#masthead2
{
position:absolute; 
background: #C5C5C5; 
left:275px; 
top:425px; 
width:390px; 
height:27px; 
z-index:1
}