/*	Fog Creek Software Basic Style */
/* d.shea - dave@mezzoblue.com */


/**********************************************************************
BASIC HTML ELEMENTS 
**********************************************************************/
html {
	margin: 0;
	padding: 0;
}
body {
	font: 11px georgia, 'Times New Roman', serif; 
	color: #002233;
	background-color: #fff;
	margin: 0;
	padding: 0;
	min-width: 780px;
} 

a:link {
	color: #01547B; 
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #658;   /* 658 = soft purple */
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #016A9B;
	text-decoration: underline;
	border: 0;
}
a.image:link, a.image:visited{ 
	border: 0;  /* don't underline image links */
}

#mainContent a:link {
	border-bottom: dotted 1px #abc;
}
#mainContent a:visited {
	border-bottom: dotted 1px #bad;
}
#mainContent a:hover {
	text-decoration: underline;
	border: 0;
}
#mainContent a.image:link, #mainContent a.image:visited{ 
	border: 0;  /* don't underline image links */
}


#mainContent a.TOC:link, #mainContent a.TOC:visited{ 
	border: 0;  
	font-weight: normal;
}
#mainContent a.TOC:hover {
	text-decoration: underline;
	border: 0;
	font-weight: normal;
}




#sideBar a:link {
	border-bottom: dotted 1px #89a; /* underline colors are different over the blue background */
}
#sideBar a:visited {
	border-bottom: dotted 1px #a9c; /* 96899c; */
}
#sideBar a:hover {
	border: 0;
	color: #016A9B;
	text-decoration: underline;
}
#sideBar a.image:link, #sideBar a.image:visited{ 
	border: 0;  /* don't underline image links! */
}



h1 { /* apparently not used (as of 2-8-05) */
	font: 900 100% verdana, tahoma, arial, sans-serif;
	color: #014D6D;
	background: transparent url(../imgShea/bg5a.gif) bottom left repeat-x;
}
h2 {
	font: 900 100% verdana, tahoma, arial, sans-serif;
	color: #2F302B;
	background: transparent url(../imgShea/bg5b.gif) bottom left repeat-x;
}
h3 {
	font: 900 84% verdana, tahoma, arial, sans-serif;
	color: #014D6D;
}
h4 { /* apparently not used (as of 2-8-05) */
	font: 900 84% verdana, tahoma, arial, sans-serif;
	color: #2F302B;
}
h5 { /* apparently not used (as of 2-8-05) */
	font: 900 100% verdana, tahoma, arial, sans-serif;
	color: #014D6D;
	/* color: #014D6D; */
	letter-spacing: 0.3em;
}
h6 { /* apparently not used (as of 2-8-05) */
	font: 900 70% verdana, tahoma, arial, sans-serif;
	color: #2F302B;
	letter-spacing: 0.3em;
}
img {
	border: 0;
}
cite {
	font-style: normal;
}




/***********************************************************************
STRUCTURE / LAYOUT 
***********************************************************************/

#textWrapper {
	background: #B9CBD9 url(../imgShea/bg7.gif) top left repeat-y;
	position: absolute;
	top: 26px;
	left: 0;
	margin: 0;
    width:100%;
}

ul#topNav {
	text-align: right;
	list-style-type: none;
	background: #9FA193 url(../imgShea/bg1.gif) bottom left repeat-x;
	padding: 3px;
	margin: 0;
	height: 26px;
} * > ul#topNav {height: 20px;}

#sideBar {
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
}

#mainContent {
	background: #fff url(../imgShea/bg3.gif) top left repeat-x;
	padding: 0;
	margin: 0 0 0 250px;
	voice-family: "\"}\""; /* tantek hack  */
	voice-family:inherit;
	border-bottom: solid 1px #fff;
	padding: 0 5px 0 0;
	width: auto;
}

#contentArea {
	font-size: 13px; 
	line-height:1.3em;
	padding: 0 2em;
	margin: 1em 0;
} 

#contentArea td, #contentArea p {
	font-size: 13px; 
	line-height:1.3em;	
} 

.popup #contentArea {
	line-height:1.3em;
	padding: 0 1em;
	margin: 0;
}

.threeColumn #contentArea {
	margin-right: 176px;
}

.threeColumn #linkList {
	position: absolute;
	top: 193px;
	right: 1em;
	width: 166px;
}

#copyright {
	font-size: 10px;
	font-family: verdana, tahoma, arial, sans-serif;
	color:#789;
	position:absolute;
	top:auto;
	right:auto;
	bottom:50px;
	left:35px;	
	text-align:center;
}


ul#footer {
	text-align: left;
	background: #014D6D url(../imgShea/bg4.gif) top left repeat-x;
	list-style-type: none;
	padding: 0.5em;
	margin: 0;
	clear: both;
}





/*********************************************************************** 
TOP 
***********************************************************************/
ul#topNav li {
	font: bold 11px verdana, tahoma, arial, sans-serif;
	color: #fff;
	display: inline;
	margin: 0;
} * > ul#topNav li {font-size: 11px;}

ul#topNav li a:link, ul#topNav li a:visited {
	color: #fcfcfc;
	padding: 3px 10px;
	margin: 0 0.5em;
	text-decoration: none;
	font-weight: bold;
}

ul#topNav li a:hover {
	color: #fff;
	background: #BEBFB6 url(../imgShea/bg2.gif) 0 0 no-repeat;
	text-decoration: none;
	font-weight: bold;
}





/*********************************************************************** 
LEFT HAND SIDE 
***********************************************************************/

#sideBar h2 {
	margin: 0 1em;
	padding: 5px 6px 0 6px;
	background: #92AABF url(../imgShea/bg8.gif) top left repeat-x;
}
#sideBar h2.doubleHeight {
	background: #88A1B7 url(../imgShea/bg9.gif) bottom left repeat-x;
}

#sideBar h3 {
	margin: 1em; 
	font: 900 75% verdana, tahoma, arial, sans-serif;
}

#sideBar p {
	padding: .5em;
	color: #062633;
	font:	100%/1.4 verdana, tahoma, arial, sans-serif;
	margin: 0em 1em .5em 1em ;
}



#sideBar ul {
	margin: 0 1em 1em 1em;
	padding: 0 0 1em 0;	
}
#sideBar li {
	margin: 0 0 0.5em 0;
	color: #062633;
}


#linkList ul {
	margin: 0;
	padding: 0;
}
#linkList li {
	padding: 0 0 .5em 15px;
	margin: 0.5em 0 0 0;
	list-style: none;
	background: transparent url(../imgShea/box-sm.gif) top left no-repeat;
	font: 100%/1.3em verdana, tahoma, arial, sans-serif;
}


/* DK basic list style: for navigation links. Can be used in sidebar or main content area  */
ul.basic{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.basic li{
	margin: 0.5em 0 0 0;
	padding: 0 0 .5em 15px;
	color: #062633;
	font: 100%/1.3 verdana, tahoma, arial, sans-serif;
	background: transparent url(../imgShea/box-sm.gif) top left no-repeat;
}


#sideBar ul.sideBarBox {
	list-style-type: none;
	background-color: #B0C3D3;
	margin: 0 1em 2em 1em;
	padding: 0.6em;
	font-family: verdana, tahoma, arial, sans-serif;
}

#sideBar ul.sideBarBox li {
	font-size: 100%;
	margin: 0 0 .7em 0;
	line-height: 1.7em;
}
#sideBar ul.sideBarBox h5 {
	color: #334455;
	margin: 0 2em 0.2em -.5em;
	letter-spacing: 0.1em;
}






#fogCreekLogo{ 
	margin-bottom: 1em;
}








/*********************************************************************** 
CONTENT AREA 
***********************************************************************/





#mainContent .flLeft {
	float: left;
	padding: 0.5em;
}

#mainContent .flRight {
	float: right;
	padding: 0.5em;
}





/* CONTENT */

#contentArea h1 {
	color: red;
	font: 100 120% georgia, 'Times New Roman', serif;
	margin: 2em 0 1em 0; 
	font-size:medium;
} * > #contentArea h1 {font-size:large;}



/* used in CDNews for RSS feed links*/
#badges {
	margin-top: 2em;
	text-align: center;
}
#badges img {
	margin-right: 10px;
	background-color: #FF6E0D;
}
#badges a:link, #badges a:visited {
	border: 0;
}
#badges a:hover img {
	background-color: #F4580B;
}




/*********************************************************************** 
RIGHT HAND SIDE 
***********************************************************************/

/* all these extra id selectors are needed to make the specifity bulletproof */
#sideBar a.buy:link, #sideBar a.buy:visited, #sideBar a.buy:hover, #linkList a.buy:link, #linkList a.buy:visited, #linkList a.buy:hover {
	color: #fff;
	border: solid 1px #014D6D;
	text-decoration: none;
	width: 166px;
	font: bold 100% verdana, tahoma, arial, sans-serif;
	text-align: center;
	display: block;
	padding: 0.5em;
}
#sideBar a.buy:link, #sideBar a.buy:visited, #linkList a.buy:link, #linkList a.buy:visited {
	background: #014D6D url(../imgShea/bg4.gif) top left repeat-x;
}
#sideBar a.buy:hover, #linkList a.buy:hover {
	background: #085C80; /* rollover effect */
}

#sideBar a.buy:link, #sideBar a.buy:visited, #sideBar a.buy:hover {
	margin: 2em 0 2em 16px; /* sidebar buy link needs a different margin */
}
#linkList a.buy:link, #linkList a.buy:visited, #linkList a.buy:hover {
	margin: 0 0 0 0; 
}





#linkList h2 {
	background: #92AABF url(../imgShea/bg8.gif) top left repeat-x;
	padding: 4px 0 0 3px;
	margin: 1em 0 2px 0;
}








/* DK: dave originally had these attached only to #linkList */
dl {
	font: 100% verdana, tahoma, arial, sans-serif;
}
dt {
	font-weight: bold;
}
dd {
	padding: 0 0 0.8em 1em;
	margin: 0 0 0.8em 0;
	background: transparent url(../imgShea/bg5b.gif) bottom left repeat-x;
}




/*********************************************************************** 
FOOTER 
***********************************************************************/

ul#footer li {
	display: inline;
}
ul#footer li a:link, ul#footer li a:visited {
	font: bold 10px verdana, tahoma, arial, sans-serif;
	color: #eef;
	margin-left: 9px;
	padding-left: 16px;
	text-decoration: none;
} 

ul#footer li a:hover {
	background: transparent url(../imgShea/mo1.gif) center left no-repeat;
	text-decoration: none;
}




/* USABILITY TWEAK */
.skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}




/* DK: used for blockquotes (the blockquote tag is already in use all over the place for non-quotes) */

#mainContent .quote {
	font:	85%/1.4 verdana, tahoma, arial, sans-serif;
	background-color: #ECECE9;
	border: solid 1px #ccc;
	margin: 1em;
	padding: .7em;
}
#sideBar .quote {
	font:	100%/1.4 verdana, tahoma, arial, sans-serif;
	background-color: #B0C3D3;  /* cad5e0; */
	border: solid 1px #9ab;  /* bac5d0; */
	margin: 1em;
	padding: .7em;
}



/*********************************************************************** 
SPECIFIC TO HOME PAGE 
***********************************************************************/

#homeList{
	line-height:1.3em;
	font-size:x-small;
} * > #homeList {font-size: small;}

#shop #homeList{
	margin: 0 0 0 1em;
	padding: 0 0 0 15px;
} 

#homeList td{
	padding: 1.4em 0 .7em 0;
}
#shop #homeList td {
	padding: .7em 0;
}


#homeList td.text{
	background: transparent url(../imgShea/bg5a.gif) bottom left repeat-x;
}

#homeList h3 {
	font: x-small verdana, tahoma, arial, sans-serif;
	letter-spacing: 1px;
	margin: 0;
	margin-bottom: .5em;
}* > #homeList h3 {font-size: small;}


#homeList h3 a:link, #homeList h3 a:visited, #homeList h3 a:hover {
	font-weight: bold;
	color: #014D6D;
	border-bottom-color:#abc;
}






.bullet { /* apply this to any text block to give it a list-style bullet */
	margin: 0 8px;
	padding: 0 0 .5em 13px;
	background: transparent url(../imgShea/box-sm.gif) top left no-repeat;
}

.indent { /* apply this to anything to give it the same indent as the above bullet*/
	margin: 0 1em;
	padding: 0 0 .5em 15px;
}



.sideBarPhoto{
	border: solid 7px #abc;  /* bac5d0; */
	margin:1em;
}

.center{
	text-align:center;
}


/*********************************************************************** 
  SHOP 
***********************************************************************/


.product {
	font-size:		x-small;
	font-family:	verdana, tahoma, arial, sans-serif; 	
	text-align:		left;
	color:			black;
} * > .product {font-size:small;}

.subProduct {
	font-size:			80%;
	font-family:		verdana, tahoma, arial, sans-serif; 
	text-align:			left;
	color:				#777;
}

th.dlg				/* Dialog box label column */
{
	font: bold 10px verdana, tahoma, arial, sans-serif; 
	color:#012;
	text-align:			left;
	vertical-align:		top;
}

td.dlg				/* Dialog box data column */
{
	padding-bottom:		2ex;
}

p.dlg				/* Caption of a dialog box */
{
	font-size:			1.5em;
	font-family:		Palatino Linotype, Georgia, Times, serif; 
}

input.dlg			/* Edit box in a dialog */
{
	font-family: verdana, tahoma, arial, sans-serif; 
}


.dlgError		/* Put a red box around input boxes to indicate errors (applies to TEXTAREAS as well as inputs) */
{
	border: 1px solid #c33;
	font-family: verdana, tahoma, arial, sans-serif; 
	background-color: #fafafa; /* d9d9f0 */
	color:#002233;
}

.dlgListError{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:12px;
	color:#003333;
	background-color:#ffdddd; 
	border: 1px solid #c33; /* not supported for lists in IE or Mozilla! (Opera does support it) */
}


.editInstructions	/* Small instructions below an edit box */
{
	width:300px;
	font-size:			10px;
	font-family: verdana, tahoma, arial, sans-serif; 
	color:				#666666;
}

.errorLabel			/* Small text below input boxes to describe errors */
{
	font-size:			10px;
	font-family: verdana, tahoma, arial, sans-serif; 
	font-weight:		bold;
	color:				#C33;
	vertical-align:		top;
}


/* text box */
.box {            
	font-family: verdana, tahoma, arial, sans-serif; 
	color:#184A69;
	font-size:x-small;

	border-width:1px;
	border-style: solid;

	border-left-color:#A8BAC2; /* great green-grey: 94A6AE */
	border-top-color:#A8BAC2;

	border-right-color:#DFE5E7;
	border-bottom-color:#DFE5E7;

	background: white url(../imgShea/bg-box4.gif) top left repeat-x;
} * > .box {font-size: small;}

/* droplist */
.list {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:12px;
	color:#003333;
	background-color:#fafdfd;  
}


/* buttons */
.btn {
	background-color:#528195; /* D29D5C-orange DA8F36 DA9C51 689 blue */

	border-left-color:94A6AE;
	border-top-color:94A6AE;

	border-right-color:#284652;
	border-bottom-color:#284652;

	border-style:solid;
	border-width:1px;

	height: 19px;
	font: bold 10px verdana, tahoma, arial, sans-serif ;
	color: #fff;
}


.promptMsg {
	color:#426280;
}

.errorMsg {
	color:#a33;
}


.smallText {
	font-family: verdana, tahoma, arial, sans-serif; 
	font-size: 10px;
}

.tinyText {
	font-family: verdana, tahoma, arial, sans-serif; 
	font-size:10px;
}


.code {
	font: small 80% courier, monospace;
	color: #060;
} * > code {font-size: medium;}



.grey {
	background-color:#f3f3f3;
}


/* nice little table */
.niceTable {
	font-size: 11px;
	font-family:Verdana, Tahoma, sans-serif;	
	margin: .5em 1em;
	border:solid 1px #94A6AE;
}

.niceTable th{	
	font-size:		13px;
	padding:		5px;
	border:solid 1px #94A6AE;
	font-weight:bold;
	color:White;
	background: #879BB7 url(../imgShea/bg-order.gif) top left repeat-x;	
	text-align: left;
}

.niceTable td.subHeader {
	padding: 4px 0 6px 8px;
	text-align: left;
	font-weight:bold;
	color: black;
	background: #c2cfdd url(../imgShea/bg-order-2.gif) bottom left repeat-x;
	border-right:solid #ACBBD1 1px;
	border-left:solid #CFD7E2 1px;
}


.coloredRow{
	background-color:#efefef;
}



/*********************************************************************** 
  KB
***********************************************************************/
#mainContent .kblist li {
	padding:.4em;
}
#mainContent .kbheader {
	color:#445566;
	font-weight:bold;
}

#mainContent a.kbheader:hover {
	text-decoration: none;
	color:#445566;
	font-weight:bold;
}



/******************************************
  FOGBUGZ 4.0 SIDEBAR 
 *****************************************/

div#FogBugzContents h3
{ 
	font-family: Verdana, Arial, sans-serif; 
	font-weight: bold;
	font-size: 11px; 
    color: #000;
	border-bottom: 1px solid #ccc;
	margin-bottom: -1em;
	background-image: none;
}

div#FogBugzContents ul li           
{ 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	margin-left: -2em;
	margin-bottom: 2px;
	list-style-image: url('../imgShea/box-sm.gif');
}

div#FogBugzContents ul li a:link
{
	color: #01547B;
	text-decoration: none;
	font-weight: normal;
	border-bottom: none;
}

div#FogBugzContents ul li a:visited
{
	color: #01547B;
	text-decoration: none;
	font-weight: normal;
	border-bottom: none;
}

div#FogBugzContents ul li a:hover
{
	color: #01547B;
	text-decoration: underline;
	font-weight: normal;
}