BODY
{
text-align:center;
scrollbar-face-color: #3297B4;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-3dlight-color: #3297B4;
scrollbar-arrow-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-base-color: #fff;
}

.contents
{
background-color:#fff; 
width: 740px; 
height: 600px;
font: 10 arial;
color:#ffffff;
border: 1px solid #3297B4;
text-align:center;
}

.navbar
{
float:left;
height:720px;
width:120px;
margin-right:10px;
text-align:center;
background-image:url(images/bg-image05.gif);
}

.navbar img
{
border:0;
}

.links
{
background:#246F84;
padding-bottom:7px;
text-align:left;
}

.main
{
float:left;
width:440px;
margin-right:10px;
height:450px;
}

.text
{
background-image:url(images/globe-bg.gif);
background-repeat:no-repeat;
border:0px solid #ffddcc;
font:12px arial;
color:#000000;
text-align:left;
padding:7px;
height:360px;
}

h1
{
background:#246F84;
font:bold 12px arial;
color:#ffffff;
padding:2px;
margin-top:0px;
}

h2
{
font:bold 10px arial;
color:#000000;
padding:0px;
margin:0px;
}

.include
{
float:right;
background:#3297B4;
height:720px;
width:158px;
text-align:left;
font:bold 11px arial;
color:#fff;
padding:5px;
}

.divsearch
{
height: auto;
font: 10 arial;
color:#ffcc00;
border:0px dashed magenta;
width:360px;
background-color:#246F84;
margin:0px;
padding:0px;
float:left;
}

p
{
font: 11 arial;
color:#ffffff;
margin:0px;
}

form
{
font: 11 arial;
color:#ffffff;
margin:0px;
}

#txtFriend
{
font:12px arial;
color:#ffffff;
}

#txtSearcher
{
font:12px arial;
color:#ffffff;
}

#txtAddress
{
font:12px arial;
color:#ffffff;
}

#txtEmail
{
font:12px arial;
color:#ffffff;
}

#txtDetail
{
font:12px arial;
color:#ffffff;
}

.heading
{
font:bolder 14px arial;
color:#3297B4;
}

select
{
font: 8 arial;
color:#7287B6;
}

.textheader
{
font:bolder 14px arial;
}

.disclaimer
{
border:0px solid #ffcc00;
width:740px;
height:auto;
font:10px arial;
color:#ffffff;
background:#006699;
}
.divHeader
{
width:650px;
text-align:center;
border:3px solid yellow;
background-color: #B0BCD7;
}

.textbox
{
background-color:#fff;
font:10px arial;
color:#000;
}

.datebox
{
background-color:#fff;
border:1px solid #3297B4;
font:bold 14px arial;
color:#000;
margin:0px;
padding:0px;
}

.tblSearchFields
{
border: 0px dashed #fff;
padding:0px;
margin:0px;
background-color: #246F84;
color:#fff;
}

#tblHeader
{
font:14px arial;
}

.topmenu
{
border: 2px dashed #fff;
width: 650px;
margin:10px 10px 10px 50px;
background-color: #E6E7E8;
color:#fff;
text-align:center;
padding:10px;
}

.divDataFields
{  
padding-left:10px;
border: 0px dashed #fff;
background-color: #3297B4;
text-align:center;
color:#fff;
font:bold 10px arial;
}

.CustomerList
{
OVERFLOW: scroll; 
HEIGHT: 300px; 
text-align:center;
border:0px solid red;
font:arial;
width:400px;
}

.field
{
font:9px arial;
}

input
{
font:9pt arial;
color: #000;
height:20px;
}

FORM
{
FONT: bold 10pt;
color: #ffffff;
FONT-FAMILY: arial;
}

TD
{
FONT-SIZE: 9pt;
FONT-FAMILY: arial;
}

.SortingGridUp
{
BORDER-RIGHT: #999999 2px outset;
BORDER-top: #e4ecf5 1px outset;
FONT-WEIGHT: normal;
FONT-SIZE: 8pt;
BORDER-left: #e4ecf5 1px outset;
CURSOR: hand;
color: #2d1663;
BORDER-BOTTOM: #adc3e4 1px outset;
FONT-FAMILY: arial;
height: 1px
}

.SortingAscending
{
BORDER-RIGHT: #e4ecf5 2px inset;
BACKGROUND-position: right center;
BORDER-top: #adc3e4 1px inset;
FONT-WEIGHT: normal;
FONT-SIZE: 8pt;
BACKGROUND-IMAGE: url(images/UpArrow.gif);
BORDER-left: #adc3e4 1px inset;
CURSOR: hand;
color: #FFF;
BORDER-BOTTOM: #e4ecf5 1px inset;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: arial;
height: 1px
}

.SortingDescending
{
BORDER-RIGHT: #e4ecf5 2px inset;
BACKGROUND-position: right center;
BORDER-top: #adc3e4 1px inset;
FONT-WEIGHT: normal;
FONT-SIZE: 8pt;
BACKGROUND-IMAGE: url(images/DownArrow.gif);
BORDER-left: #adc3e4 1px inset;
CURSOR: hand;
color: #FFF;
BORDER-BOTTOM: #e4ecf5 1px inset;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: arial;
height: 1px
}

tr
{
CURSOR: hand;
TEXT-ALIGN: left;
PADDING-left : 4px;
}

.DataTable
{
BORDER-RIGHT: 0px solid;
BORDER-top: thin solid;
FONT-WEIGHT: normal;
font: 20px arial;
BORDER-left: 0px solid;
BORDER-BOTTOM: 1px solid;
FONT-FAMILY: arial;
height: 1px
Behavior: url(TableSortAndHighlight.htc);
}


.SortingGridUp
{
BORDER-RIGHT: highlight inset 1px;
FONT-WEIGHT: normal;
FONT-SIZE: 8pt;
CURSOR: hand;
color: highlight;
BACKGROUND: menu;
FONT-FAMILY: arial;
height: 1px
}

.DataCol
{
font: 14pt arial;
}

.xDataCol
{
font: 8pt arial;
}