/*
   Default page values
*/
body {
 scrollbar-face-color: #4b4b4b;   
 scrollbar-shadow-color: #4b4b4b;
 scrollbar-highlight-color: #999966;
 scrollbar-3dlight-color: #000000;
 scrollbar-darkshadow-color: #000000;
 scrollbar-track-color: #cdc9a5;
 scrollbar-arrow-color: #FFCC33;
 background-color: #FFFFFF; 
 background-image: url("http://www.reddogmedia.com/images/background.gif"); 
 margin-left: 0px; 
 margin-right: 0px; 
 margin-top: 0px;
 margin-bottom: 0px;
 line-height: 14px;   
 font-size: 12px;
 font-family: Verdana, helvetica, arial, sans-serif;
}

.microtext { FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif; FONT-SIZE: 9px}
.smalltext { FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif; FONT-SIZE: 10px}
.regtext { FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif; COLOR: #333333; FONT-SIZE: 13px}
.midtext { FONT-FAMILY: Verdana, Helvetica, Arial, MS Sans Serif; COLOR: #333333; FONT-SIZE: 11px; LINE-HEIGHT: 14px}
.bigtext { FONT-FAMILY: Arial, Helvetica, MS Sans Serif; COLOR: #333333; FONT-SIZE: 13px; LINE-HEIGHT: 20px }
.midtextwhite { FONT-FAMILY: Verdana, Helvetica, Arial, MS Sans Serif; COLOR: #FFFFFF; FONT-SIZE: 11px; LINE-HEIGHT: 14px; font-weight: bold}

p { color: #000000; font-size: 12px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.text  { color: #000000; font-size: 12px; line-height: 14px; font-family: Verdana, helvetica, arial, sans-serif, Geneva, Swiss, SunSans-Regular; text-align: justify }
.article  { color: #000000; font-size: 12px; line-height: 14px; font-family: Verdana, helvetica, arial, sans-serif, Geneva, Swiss, SunSans-Regular; text-align: justify }
.proddesc { color: #666666; font-size: 11px; line-height: 14px; font-family: Verdana, helvetica, arial, sans-serif, Geneva, Swiss, SunSans-Regular; text-align: left }

div.code {
   width: auto;   
   margin: 10px 0px 0px 0px;
   border: 1px solid black;   
   padding: 10px;
   background-color: #E0E5F5;
   font-family: Courier;
   color: #333333; 
   font-size: 11px; 
   line-height: 14px
 }

ul { list-style: circle; padding-left: 0px; margin-left: 20px; }
ol { margin-left: 25px; padding-left: 5px;}
li { line-height: 14px; }

/* This is for product header */
.hometext{color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-style:normal;font-weight:normal;line-height:13px;text-decoration:none}   
.headline{color:#660000;font-family:Arial;font-size:18px;font-style:normal;font-weight:bold;line-height:22px;text-decoration:none}
.subhead {
   color:#666666;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style:normal;
   font-weight:bold;
   line-height:20px;
   text-decoration:none;
   padding-top:6px;
   padding-bottom: 20px;
   margin-bottom: 12px;
} 

/*
   Links
*/
a:link { 
 color: #660000; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: none; 
}

a:visited { 
 color: #660000; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: none; 
}

a:active { 
 color: #660000; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: none; 
}

a:hover { 
 color: #FF9900; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: none; 
}


/*  
    Hyperlinks that appears in the member navbar:
    login, register, calendar, etc.
*/
.loginText, .loginText a:link, .loginText a:active, .loginText a:visited, .loginText a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.loginText a:link    { color:  #003399; }
.loginText a:visited { color:  #003399; }
.loginText a:active  { color:  #999999; }
.loginText a:hover   { color:  #cccccc; } 


#menu {
 width: 175px;
 float: left;
 font: 11px/12px verdana,trebuchet,sans-serif;
 padding-right: 10px;
 text-align: right;
 color: #333;
 padding-bottom: 30px;
 border-right: 1px dotted #999;
}
#content {
 float: left;
 text-align: left;
 margin-left: 0px;
 margin-bottom: 0px;
 padding-bottom: 5px;
 padding-left: 10px;
 }

.menuitems {
 padding-top : 15px;
 padding-bottom : 15px;
 border-bottom : 1px dotted #999;
}

.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #999999;
 font-weight: normal;
}

h1 { font-family:  Arial; font-size: 24px; color: #990000; margin-top: 8px; margin-bottom: 6px; font-weight: bold; }
h2 { font-family:  Arial; font-size: 18px; color: #990000; margin-top: 8px; margin-bottom: 6px; font-weight: bold; }
h3 { font-family:  Verdana, Arial, Helvetica; font-size: 14px; color: #333333; font-weight: bold; }
h4 { font-family:  Verdana, Arial, Helvetica; font-size: 12px; color: #000000; margin-top: 2px; margin-bottom: 5px; font-weight: bold; }
h5 { font-family:  Verdana, Arial, Helvetica; font-size: 11px; color: #666666; margin-top: 2px; margin-bottom: 2px; font-weight: normal; }

h4.subhead {
   background: url(http://www.websitegear.com/images/squares.gif) no-repeat left ; 
   padding:3px 15px 3px 15px;
   }
   
h5#column {
   font:  bold 11px Verdana,Arial,Helvetica,sans-serif;
   background: #fff url(http://www.websitegear.com/images/squares.gif) no-repeat left ; 
   padding:4px 0 3px 15px;
   border-bottom: 1px #c0d0e0 solid;
   color:#036
   }

input {
 font : bold 11px/12px verdana,trebuchet,sans-serif;
 color : black;
 margin-top: 2px;
 margin-bottom: 2px;
}

input.large {
 width: 200px;
}

input:focus {
 background-color : #ffffff;
}

input.button {
 color : white;
 background-color : #000000;
}

textarea {
 border: 1px solid #999999;
 margin-bottom: 10px;
 color: black;
 background-color: #eeeeee;
 font: 11px/16px verdana,trebuchet,sans-serif;
}

textarea:focus {
 background-color : #ffffff;
}

.pulldown {
 font-family: trebuchet,Verdana, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color:  #333333;
 border-top: #000000 1px solid; 
 border-left: #000000 1px solid; 
 border-right: #000000 1px solid; 
 border-bottom: #000000 1px solid;
}

.weblog {
 padding-bottom: 12px;
 border-bottom:1px dotted #999999;
}

/* THE FOLLOWING ARE FOR USE WITH THE MINI-CALENDAR */

/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #ffffff;
 font-weight: bold;
}

/*  Navigational links in the header  */
.navheader, a.navheader:link, a.navheader:active, a.navheader:visited
{ 
 color: #FF9900;
 font-family: Verdana, Arial, Helvetica;
 font-size:   11px; 
 font-weight: bold;
} 

a.navlinks:link, a.navlinks:active, a.navlinks:visited
{ 
 color:  #FFFFFF; 
 font-family: Verdana, Arial, Helvetica;
 font-size:   11px; 
 font-weight: bold;
 text-decoration: none;   
} 

a.navlinks:hover   
{ 
 color:  #FFCC33; 
 font-family: Verdana, Arial, Helvetica;
 font-size:   11px; 
 font-weight: bold;  
 text-decoration: none;
}

/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}

.genericButton1 {font: bold 11px verdana,arial,sans-serif; color: #FFFFFF; background-color: #325C7D; BORDER-RIGHT: #99ccff 1px outset; BORDER-TOP: #99ccff 1px outset; BORDER-LEFT: #99ccff 1px outset; BORDER-BOTTOM: #99ccff 1px outset;}
.genericButton2 {font: bold 11px verdana,arial,sans-serif; color: #FFFFFF; background-color: #7299B9; BORDER-RIGHT: #99ccff 1px outset; BORDER-TOP: #99ccff 1px outset; BORDER-LEFT: #99ccff 1px outset; BORDER-BOTTOM: #99ccff 1px outset;}
.genericButton3 {font: bold 11px verdana,arial,sans-serif; color: #FFFFFF; background-color: #003366; BORDER-RIGHT: #666666 1px outset; BORDER-TOP: #666666 1px outset; BORDER-LEFT: #666666 1px outset; BORDER-BOTTOM: #666666 1px outset;}
.listHeader {FONT-FAMILY: Trebuchet MS,Verdana,Arial,Helvetica,Geneva;FONT-SIZE: 16px;COLOR: #3E3F78;}

table.right
{
color:#000000;
background-color:#ffffff;
border:2px ridge;
margin-bottom:2px;
}

th.right
{
color:#ffffff;
background-color:#808080;
padding-bottom:2px;
}

td.right
{
color:#000000;
background-color:#FFFFFF;
}

td { font-size: 12px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

/* This is for code tables */
table.ex
{
color:#000000;
background-color:#FFFFCC;
font-size: 100%;
}

/* This section is for the top menu bar */

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: bold;
  color:#FFCC33;
}

div.menuBar {
  background-color: #990000;
  border: 2px outset #990000;
  padding: 2px 2px 2px 2px;
  text-align: left;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid #990000;
  color: #FFCC33;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border: 1px outset #990000;
  color: #FFCC33;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #990000;
  border: 1px inset #990000;
  color: #FFCC33;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #999966;
  border: 2px outset #CCCC99;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #FFFFFF;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #4b4b4b;
  color: #FFCC33;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #CCCC99;
  margin: 4px 2px;
}
/* end of section for the top menu bar */

/* this section for breadcrumb box */
.breadcrumbbox  {
   background-color:#FF9966;
   color:#f6f6ee;
   border-bottom:1px #666 solid;
   border-right:1px #666 solid;
   padding:5px 7px 5px 7px;
   margin-top:px;
   font-color:  #FFFFFF; 
   font-family: Verdana, Arial, Helvetica;
   font-size:   11px; 
   font-weight: bold;
   text-decoration: none;
}

a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited
{ 
 color:  #FFFFFF; 
 font-family: Verdana, Arial, Helvetica;
 font-size:   11px; 
 font-weight: bold;
 text-decoration: none;   
} 

a.breadcrumb:hover   
{ 
 color:  #660000; 
 font-family: Verdana, Arial, Helvetica;
 font-size:   11px; 
 font-weight: bold;  
 text-decoration: none;
}

/* end of section for breadcrumb box */

/* this section for section heading box */
.sectionboxorange  {
   background-color:#FF9966;
   color:#f6f6ee;
   border-bottom:1px #666 solid;
   border-right:1px #666 solid;
   padding:3px 7px 3px 7px;
   margin-top:px;
   font-color:  #FFFFFF; 
   font-family: Verdana, Arial, Helvetica;
   font-size:   11px; 
   font-weight: bold;
   text-decoration: none;
}

.sectionboxred  {
   background-color:#CC9966;
   color:#f6f6ee;
   border-bottom:1px #666 solid;
   border-right:1px #666 solid;
   padding:3px 7px 3px 7px;
   margin-top:px;
   font-color:  #FFFFFF; 
   font-family: Verdana, Arial, Helvetica;
   font-size:   11px; 
   font-weight: bold;
   text-decoration: none;
}

.sectionboxblue  {
   background-color:#669999;
   color:#f6f6ee;
   border-bottom:1px #666 solid;
   border-right:1px #666 solid;
   padding:3px 7px 3px 7px;
   margin-top:px;
   font-color:  #FFFFFF; 
   font-family: Verdana, Arial, Helvetica;
   font-size:   11px; 
   font-weight: bold;
   text-decoration: none;
}

.sectionboxgreen  {
   background-color:#999966;
   color:#f6f6ee;
   border-bottom:1px #666 solid;
   border-right:1px #666 solid;
   padding:3px 7px 3px 7px;
   margin-top:px;
   font-color:  #FFFFFF; 
   font-family: Verdana, Arial, Helvetica;
   font-size:   11px; 
   font-weight: bold;
   text-decoration: none;
}

/* this section for account navigation */
.accountnavon  {
   background-color:#FF9966;
   color:#f6f6ee;
   border-top:1px #666 solid;
   border-bottom:1px #666 solid;
   border-right:1px #666 solid;
   padding:2px 3px 2px 3px;
   margin-top:px;
   font-color:  #FFFFFF; 
   font-family: Verdana, Arial, Helvetica;
   font-size:   11px; 
   font-weight: bold;
   text-decoration: none;
}

.accountnavoff  {
   background-color:#FFFFCC;
   border-top:1px #666 solid;   
   border-bottom:1px #666 solid;
   border-right:1px #666 solid;
   padding:2px 3px 2px 3px;
   margin-top:px;
   font-color:  #000000; 
   font-family: Verdana, Arial, Helvetica;
   font-size:   11px; 
   font-weight: bold;
   text-decoration: none;
}

/* end of section for section heading box */

/* this section for article box */
.articleToolbox {
   width: auto;   
   margin: 0px 0px 0px 0px;
   border: 1px solid black;   
   padding: 5px;
   background-color: #E0E5F5;
   font-family: Arial, Helvetica;
   color: #333333; 
   font-size: 9px; 
   line-height: 14px
 }

.articlebox  {
   background-color:#FF9966;
   color:#f6f6ee;
   border-bottom:1px #666 solid;
   border-right:1px #666 solid;
   padding:5px 7px 5px 7px;
   margin-top:px;   
}

a.article:link, a.article:active, a.article:visited
{ 
 color:  #000000; 
 font-family: Verdana, Arial, Helvetica;
 font-size:   11px;
 text-decoration: none;   
} 

a.article:hover   
{ 
 color:  #CC9966; 
 font-family: Verdana, Arial, Helvetica;
 font-size:   11px; 
 font-weight: bold;  
 text-decoration: none;
}

a.partnerlink:link, a.partnerlink:active, a.partnerlink:visited
{ 
 color:  #000000; 
 font-family: Verdana, Arial, Helvetica;
 font-size:   11px;
 text-decoration: none;   
} 

a.partnerlink:hover   
{ 
 color:  #CC9966; 
 font-family: Verdana, Arial, Helvetica;
 font-size:   11px; 
 font-weight: bold;  
 text-decoration: none;
}

/* end of section for breadcrumb box */

/* the section for rectangle text boxes with header */
.redtextboxheader  {
   background-color:#CC9966;
   color:#f6f6ee;
   border-bottom:1px #666 solid;
   border-right:1px #666 solid;
   font:bold 11px Verdana, Tahoma, Verdana,Arial,sans-serif;
   padding:5px 7px 5px 7px;
   margin-top:0px;
}

.redtextboxfooter  {
   background-color:#FFFFCC;
   border:1px #CC9966 solid;
   border-top:0;  
   padding:10px 10px 10px 10px;
}

.redtextbox  {
   background-color:#FFFFCC;
   border:1px #CC9966 solid;  
   padding:10px 10px 10px 10px;
   margin-top:3px;
}

.bluetextboxheader  {
   background-color:#7094b8;
   color:#f6f6ee;
   border-bottom:1px #666 solid;
   border-right:1px #666 solid;
   font:bold 11px tahoma, Verdana,Arial,sans-serif;
   padding:5px 7px 5px 7px;
   margin-top:5px;
}
.bluetextbox  {
   background-color:#d1dde9;
   border:1px #369 solid;
   border-top:0;  
   padding:10px 10px 10px 10px;
}

.ashtextbox  {
   background-color:#eee9bf;
   border:1px #cdb38b solid;  
   padding:10px 10px 10px 10px;
   margin-top:3px;
}

/* end of rectangle text boxes */