/* ========================================== 
    CSS STYLES FOR HOME.IDEVWORKS.COM
   ========================================== */

/* PAGE BACKGROUND (background color for the content part of the pages) */
H1 {

}
H2 {

}
H3 {
	MARGIN: 0px; FONT-WEIGHT: bold; FONT-SIZE: 100%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}
H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 160%; MARGIN: 12px 0px 0px; COLOR: #FF6600; FONT-FAMILY: Verdana, Helvetica, sans-serif
}
H5 {
	FONT-WEIGHT: bold; FONT-SIZE: 70%; MARGIN: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
H6 {
	FONT-WEIGHT: bold; FONT-SIZE: 65%; MARGIN: 10px 0px 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
LI {
	LINE-HEIGHT: 140%; PADDING-TOP: 7px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
Body 
{
	margin:0px;
	background-color:gray;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
}
A:link {
	color:#003399;text-decoration:none;
}
A:visited {
	color:#003399;text-decoration:none;
}
A:hover {
	color:#003399;text-decoration:underline;
}
TD {
	font-size: 11px;
}

/* -------------------------------------------------------------------- */

/* GLOBAL LAYOUT TABLE ------------------------------------------------ */
#globalTable 
{
	width: 1000px;
	background-color:white;
	border-collapse:collapse;
	border:#00AE38 0px solid;
	padding:0px;
}
#siteHeaderCell 
{
	vertical-align:top;
}
/*.siteHeaderCell TABLE
{
	width: 100%;
	height: 100px;
	border: 0px;
	background-color: Gray;
	border-collapse: collapse;
}*/
#siteLeftMenuCell
{
	Width: 180px;
	vertical-align:top;
	background-color:#B13A1A;
	border-right:solid 1px #999999;/*#b6c5ee;*/
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#A53C1E', endColorStr=#FF6600, gradientType='1');
}
#siteRightMenuCell
{
	Width: 5px;
	vertical-align:top;
	background-color:#B13A1A;
	border-left:solid 0px #999999;/*#b6c5ee;*/
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr='#F9C949', gradientType='1');
}
#siteLeftMenuCell TABLE
{
	width:180px;
}
#siteRightMenuCell TABLE
{
	width: 5px;
}
#siteDynamicImage
{
	border-bottom:solid 1px #999999;
}
#siteWorkCell1
{
	width:100%;
	vertical-align:top;
	padding:0px 0px 0px 0px;
}
#siteWorkCell_Inner
{
	vertical-align:top;
	padding:0px 20px 0px 20px;
}
#siteFooterCell 
{
	vertical-align:top;
}
#siteFooterCell TABLE
{
	width:100%;
	height:20px;
	border:solid 1px #FFBF2B;
	background-color:#B13A1A;
	border-collapse:collapse;
}
/* -------------------------------------------------------------------- */

/* BANNER CLASSES */
/* -------------------------------------------------------------------- */

#globalToolbar {
	padding-left:1px; background:#F9C949;
}
#globalToolbar A {
	FONT-SIZE:65%; COLOR:#FF6600; TEXT-DECORATION:none;
}
.gt0 {
	FONT-SIZE:100%; 
	BACKGROUND:#F9C949; 
	PADDING:0px 4px 2px 4px;
	BORDER:#F9C949 1px solid; 
}
.gt1 {
	FONT-SIZE:100%; 
	BACKGROUND:#8F2414; 
	PADDING:0px 4px 2px 4px;
	BORDER:#FF6600 1px solid; 
}
.searchtxt {
	FONT-SIZE:85%; COLOR:#FF6600;
}
.gtsep {
	FONT:70% Verdana; COLOR:#FF6600;
	PADDING:0px 1px 2px 1px;
}
#searchBox {
	FONT:100% Tahoma; WIDTH:210px; HEIGHT:18px; border:solid 1px #FF6600;
}
#goButton {
	PADDING:0em 0.2em 0em 0.2em; background-color: #B13A1A;
	FONT:100% Tahoma; MARGIN-LEFT:4px; POSITION:relative; 
	TOP:0px; height:18px; border:solid 1px #FF6600; color:#FFFFFF;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF6600', endColorStr='#B13A1A', gradientType='0');
}
#noSearch {
	WIDTH:271px;
}
#localToolbar {
	PADDING:2px 0px 2px 0px; 
	BORDER-TOP:#999 1px solid; 
	BORDER-BOTTOM:#999 1px solid;
	FONT-SIZE:100%; 
	BACKGROUND:#f1f1f1; 
}
#localToolbar TD {
	FONT-SIZE:100%
}
#localToolbar A {
	FONT:70% Verdana; COLOR:black; TEXT-DECORATION:none
}
.lt0 {
	BACKGROUND:#f1f1f1;
	PADDING:0px 6px 0px 6px;
	BORDER:#f1f1f1 1px solid; 
}
.lt1 {
	BACKGROUND:#ccc; 
	PADDING:0px 6px 0px 6px;
	BORDER:#999 1px solid; 
}
.ltsep {
	FONT:70% Verdana; COLOR:#a9a9a9;
	PADDING:0px 1px 0px 1px;
}
#homePageLink {
	PADDING-LEFT:2px; WIDTH:177px
}
#homePageLink TD {
	FONT-SIZE:100%
}
#homePageLink A {
	DISPLAY:block; MARGIN:0px; WHITE-SPACE:nowrap;
	BACKGROUND:#f1f1f1;
	PADDING:2px 6px 2px 6px;
	BORDER:#f1f1f1 1px solid; 
}
#homePageLink A:hover {
	DISPLAY:block; MARGIN:0px; 
	BACKGROUND:#ccc; 
	PADDING:2px 6px 2px 6px;
	BORDER:#999 1px solid; 
}
/* GRADIENT CLASSES */
/*
+---------------------+------------------------+----------------------+
|     GRADTOP A       |       GRADTOP B        |      GRADTOP C       |
+---------------------+------------------------+----------------------+
|    GRADBOTTOM A     |     GRADBOTTOM C       |     GRADBOTTOM C     |
|                     |                        |                      |
+---------------------+------------------------+----------------------+
|                  GRADBBASE A                 |     GRADBBASE A      |
+---------------------+------------------------+----------------------+

*/
.BuyNow {
	background: url(/surfstation/images/x-click-but25.gif);
	border: 0px; width: 67px; height: 22px;
	font: verdana 10px;
}
#header_table {
	
}
.GradTopA {
	FONT-SIZE: xx-small; HEIGHT: 20px; background-color: #F9C949;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#A53C1E', endColorStr='#F9C949', gradientType='1');
}
.GradTopB {
	FONT-SIZE: xx-small; HEIGHT: 20px; background-color: #F9C949;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F9C949', endColorStr='#F9C949', gradientType='1');
}
.GradTopC {
	WIDTH: 250px; HEIGHT: 20px;
	BACKGROUND-COLOR: #F9C949;
}
.GradBottomA {
	FONT-SIZE: xx-small; HEIGHT: 46px;  background-color: #B13A1A;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#B13A1A', endColorStr='#FFFFFF', gradientType='1');
}
.GradBottomC {
	WIDTH: 250px; HEIGHT: 46px;	BACKGROUND-COLOR: #FFFFFF;
}
.GradBaseA {
	HEIGHT: 20px; background-color: #F9C949;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#B13A1A', endColorStr='#F9C949', gradientType='1');
}
.GradBaseB {
	HEIGHT: 20px; background-color: #B13A1A;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F9C949', endColorStr='#B13A1A', gradientType='1');
}
/* FOOTER CLASSES */
/* -------------------------------------------------------------------- */
#footer {
}
#footer TABLE {
	BORDER-TOP-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px;
	width: 100%; border-color:#999999;
}
#footer TD {
	FONT-SIZE: 70%; COLOR: WHITE; background-color: #B13A1A;
	PADDING-LEFT: 10px; PADDING-BOTTOM: 13px; MARGIN: 0px; PADDING-TOP: 10px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#B13A1A', endColorStr='#F9C949', gradientType='1');
}
#footer A {
	COLOR: YELLOW; text-decoration: none;
}
#footer A:visited {
	COLOR: YELLOW; 
}
#footer A:hover {
	COLOR: #FFFFFF; text-decoration: underline;
}
#footer NOBR {
	COLOR: YELLOW; MARGIN-RIGHT: 5px;
}

/* -------------------------------------------------------------------- */

.flyoutMenu {
	BORDER-RIGHT: #999999 0px solid; BORDER-TOP: #999999 0px solid; BEHAVIOR: url(scripts/menu.htc); BORDER-LEFT: #999999 0px solid; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #f1f1f1
}
.flyoutHeading {
	PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 70%; PADDING-BOTTOM: 4px; CURSOR: default; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Arial, Helvetica; BACKGROUND-COLOR: #f1f1f1
}
.flyoutLink {
	BORDER-RIGHT: #f1f1f1 1px solid; PADDING-RIGHT: 25px; BORDER-TOP: #f1f1f1 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 70%; BORDER-LEFT: #f1f1f1 1px solid; CURSOR: hand; PADDING-TOP: 1px; BORDER-BOTTOM: #f1f1f1 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica
}
.flyoutMenu TD.flyoutLink {
	BORDER-RIGHT: #f1f1f1 1px solid; PADDING-RIGHT: 25px; BORDER-TOP: #f1f1f1 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 70%; PADDING-BOTTOM: 3px; BORDER-LEFT: #f1f1f1 1px solid; CURSOR: hand; PADDING-TOP: 1px; BORDER-BOTTOM: #f1f1f1 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica
}
.flyoutLink A {
	COLOR: black; TEXT-DECORATION: none
}
.flyoutLink A:hover {
	COLOR: black; TEXT-DECORATION: none
}
.flyoutLink A:visited {
	COLOR: black; TEXT-DECORATION: none
}
.flyoutLink A:active {
	COLOR: black; TEXT-DECORATION: none
}
.flyoutSubHeading {
	PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 70%; PADDING-BOTTOM: 4px; CURSOR: default; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Arial, Helvetica; BACKGROUND-COLOR: #f1f1f1
}
.flyoutSubLink {
	BORDER-RIGHT: #f1f1f1 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #f1f1f1 1px solid; PADDING-LEFT: 11px; FONT-SIZE: 70%; PADDING-BOTTOM: 3px; BORDER-LEFT: #f1f1f1 1px solid; CURSOR: hand; PADDING-TOP: 1px; BORDER-BOTTOM: #f1f1f1 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica
}
.flyoutSubLink A {
	COLOR: black; TEXT-DECORATION: none
}
.flyoutSubLink A:hover {
	COLOR: black; TEXT-DECORATION: none
}
.flyoutSubLink A:visited {
	COLOR: black; TEXT-DECORATION: none
}
.flyoutSubLink A:active {
	COLOR: black; TEXT-DECORATION: none
}

/* -------------------------------------------------------------------- */

.onThisPage {
	PADDING-LEFT: 2px; FONT-SIZE: 70%; PADDING-BOTTOM: 8px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.overview {
	PADDING-TOP: 10px
}
.overviewPara {
	PADDING-TOP: 10px
}
.date {
	MARGIN-TOP: 9px; FONT-SIZE: 65%; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.datePipe {
	COLOR: #cccccc
}
.topOfPage {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 65%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.topOfPage:visited {
	COLOR: #0033cc
}
A.topOfPage:hover {
	COLOR: #ff6600
}