/* GENERIC TAGS */

body {
    font-family:Verdana, Geneva, sans-serif; 
    color:#555555; /* dark grey */
    font-weight:normal;
	font-size:80%;
	margin:0 auto;
    width:100%;
    display:table;
    background:url(images/body_gradient.gif) top repeat-x;
}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.small {font-size:85%;}
.orangetxt {color:#ff6600;} /* orange */
.redtxt {color:#ff0000;} /* red */
.greentxt {color:#00cc33;} /* green */
.copyright {font-size:85%; text-align:center;}
.boldblue {color:#4b9fc9; font-weight: bold;} 
.msgBad {color:#ff0000; font-weight: bold;} /* red */
.msgGood {color:#00cc33; font-weight: bold;} /* green */

a:link, a:visited {color:#ff6600; text-decoration:none; font-size:90%; font-weight:normal;} /* orange */
a:hover, a:active {color:#4b9fc9; text-decoration:underline; font-size:90%; font-weight:normal;} /* blue */

h1 {font-size:145%; color:#4b9fc9; margin:10px 0 20px 0;} /* blue */
h2 {font-size:115%; color:#4b9fc9; margin:30px 0 10px 0;} /* blue */
h3 {font-size:110%; color:#4b9fc9; margin:0 0 10px 0;} /* blue */
h4 {font-size:90%; color:#4b9fc9; margin:0 0 10px 0;} /* blue */

img {border-style: none;
    border-color: inherit;
    border-width: 0;
	/*width: 50px;
	height: 50px;*/
}
.img_pdf {vertical-align:middle;}
.imgwrap_l {float:left;}
.imgwrap_r {float:right;}
/*ul {mar*/
ul {list-style-type:disc;}
/*}
rgin-left:25px; list-style-type:disc;}*/

.feature {margin-top: 20px; padding: 10px; width: 545px;
                    border: solid 1px #e3e3e3; text-align: Left;}
.featureText {width: 400px;}

/* SEARCH */

.searchurl {font-size:70%; color:#cccccc;}
.highlight {background-color: Yellow;}


/* NAVIGATION */

td.TabSelected a:link, td.TabSelected a:visited, td.TabSelected a:hover, td.TabSelected a:active
    {color:#fff; font-size:90%; font-weight:bold; text-decoration:none; padding-left:8px; padding-right:8px;} /* white */

td.TabUnSelected a:link, td.TabUnSelected a:visited, td.TabUnSelected a:hover, td.TabUnSelected a:active
    {color:#fff; font-size:90%; font-weight:bold; text-decoration:none; padding-left:8px; padding-right:8px;} /* white */

td.TabSelected {height:31px; background-color:#6699cc;  text-align: center;background-image:url(images/tab_blue.gif); background-repeat:repeat-x;} /* muted blue */
td.TabUnSelected {height:31px; background-color:#ff9966; text-align: center; background-image:url(images/tab_orange.gif); background-repeat:repeat-x;} /* muted orange */

a.MenuLinkSelected:link, a.MenuLinkSelected:visited, a.MenuLinkSelected:hover, a.MenuLinkSelected:active
    {color:#4b9fc9; font-weight:normal; text-decoration:none;} /* blue */
    
a.MenuLinkUnSelected:link, a.MenuLinkUnSelected:visited
    {color:#ff6600; font-weight:normal; text-decoration:none;} /* orange */
a.MenuLinkUnSelected:hover
	{color:#4b9fc9; font-weight:normal; text-decoration:underline;} /* blue */
a.MenuLinkUnSelected:active
    {color:#ff6600; font-weight:normal; text-decoration:none;} /* orange */	

.lftmenu {text-align:left; border-bottom:solid 1px #e3e3e3; padding:2px 0 2px 0;z-index: -1;} /* light grey */
.rgtmenu {border-bottom:solid 1px #e3e3e3;} /* light grey */
.rgtAward {text-align: center;margin: 10px 0px 0px 0px;}
.rgtAward img {margin: 5px auto;}
.tabshadow {height:4px; background-image:url(images/tab_shadow.gif); background-repeat:repeat-x;}
.lftmenu_Insert {text-align:left;  padding:2px 10px 2px 0;} /* light grey */
.rgtmenu_Insert {text-align:left;  padding:5px 0px 0px 2px;} 


#tabs 
{
	height:31px;
}

/* Site Menu */
.SiteMenu div.AspNet-Menu-Horizontal
{
	width: 100%;
}

.SiteMenu ul.AspNet-Menu /* Tier 1 */
{
   /*  width: 13em;  This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
   z-index: 10;
}

.SiteMenu ul.AspNet-Menu ul  /* Tier 2 */
{
    /*width: 6em;*/
    top: 100%;
    left: 0;
}

.SiteMenu ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    top: -0.5em;
    left: 6em;
}

.SiteMenu li /* all list items */
{
    /*width: 6em;*/
    background: #eeeeee;
}

.SiteMenu ul.AspNet-Menu li /* Tier 1 */
{
	height:31px; 
	background-color:#ff9966; 
	text-align: center; 
	background-image:url(images/tab_orange.gif); 
	background-repeat:repeat-x; /* muted orange */
	width: 160px;  /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
}

.SiteMenu ul.AspNet-Menu ul li /* Tier 2 */
{
	text-align: left; 
    width:15em;
    background: #eeeeee;
    z-index: 10;
}

.SiteMenu li:hover, /* list items being hovered over */
.SiteMenu li.AspNet-Menu-Hover
{
    background: Black;
}

.SiteMenu a, /* all anchors and spans (nodes with no link) */
.SiteMenu span
{
    color: White;
    font-weight:bold;
    padding: 4px 2px 4px 8px;
    border:1px solid #cccccc;
    background: transparent url(arrowRight.gif) right center no-repeat;
}

.SiteMenu li.AspNet-Menu-Leaf a, /* leaves */
.SiteMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}

.SiteMenu ul.AspNet-Menu li.AspNet-Menu-Selected:hover > a,
.SiteMenu ul.AspNet-Menu li.AspNet-Menu-Selected:hover > span,
.SiteMenu li.AspNew-Menu-Leaf:hover > a, /* hovered text */
.SiteMenu li.AspNew-Menu-Leaf:hover > span,
.SiteMenu li.AspNet-Menu-WithChildren:hover > a, /* hovered text */
.SiteMenu li.AspNet-Menu-WithChildren:hover > span
{
	color: #666666;
	font-weight:bold;
}

.SiteMenu li:hover a, /* hovered text */
.SiteMenu li:hover span,
.SiteMenu li.AspNet-Menu-Hover a,
.SiteMenu li.AspNet-Menu-Hover span,
.SiteMenu li:hover li:hover a,
.SiteMenu li:hover li:hover span,
.SiteMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SiteMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.SiteMenu li:hover li:hover li:hover a,
.SiteMenu li:hover li:hover li:hover span,
.SiteMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SiteMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #4b9fc9; /* blue */
    background: transparent url(activeArrowRight.gif) right center no-repeat;
    font-weight:normal;
}

.SiteMenu li:hover li a, /* the tier above this one is hovered */
.SiteMenu li:hover li span
.SiteMenu li.AspNet-Menu-Hover li a,
.SiteMenu li.AspNet-Menu-Hover li span,
.SiteMenu li:hover li:hover li a,
.SiteMenu li:hover li:hover li span,
.SiteMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.SiteMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: #ff6600; /* orange */
    background: transparent url(arrowRight.gif) right center no-repeat;
    font-weight:normal;
}

.SiteMenu ul.AspNet-Menu li.AspNet-Menu-Selected /* Tier 1 *//* this tier is selected */
{
    /* border: solid 1px #00ff00 !important; */
    background-image:url(images/tab_blue.gif);
}

.SiteMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    border: solid 1px #ff0000 !important;
}

.SiteMenu ul.AspNet-Menu li.AspNet-Menu-Selected li,
.SiteMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    /*border: solid 1px #0000ff !important;*/
    /*background-image:none;*/
}



/* PAGE LAYOUT */

#shadow {
	width:960px;
	margin:0 auto;
	border:solid 1px #e3e3e3;	
}

#page {
	width:960px;
	margin:0 auto;
	background:#fff; /* white */
}

#header {
    height:100px;
    background: url(images/header.jpg) no-repeat;
}

#col1 {
    float:left;
    width:160px;
    position:relative;
    top:0px;
    min-height:350px;
    background:transparent url(images/col_shadow_right.gif) top right repeat-y;
    padding:10px 10px 10px 20px;
}

#col1HP {
    float:left;
    width:170px;
    position:relative;
    top:0px;
    min-height:350px;
    padding:10px 10px 10px 10px;
}

#col2 {
    float:left;
    width:540px;
    padding:10px 30px 10px 10px;
    margin-bottom:35px;
}

#col2HP {
    float:left;
    width:565px;
    padding:10px 10px 10px 10px;
    margin-bottom:35px;
}

#col3 {
    float:left;
    width:170px;
    padding:10px 10px 10px 10px;
}

#col3HP {
    float:left;
    width:160px;
    position:relative;
    top:0px;    
    padding:10px 10px 10px 10px;
}

#footer {
    clear:both;
    height:50px;
    background:#eee; /* light grey */
    padding:10px;
}


/* FOGBUGZ */

/* Font Families */
	span.Arial { font-family: Arial, Helvetica, sans-serif }
	span.Helvetica { font-family: Helvetica, Arial, sans-serif }
	span.ArialBlack { font-family: Arial Black, Gadget, sans-serif }
	span.Comic { font-family: Comic Sans MS, cursive }
	span.Courier { font-family: Courier, Courier New, monospace }
	span.Georgia { font-family: Georgia, serif }
	span.Impact { font-family: Impact, Charcoal, sans-serif }
	span.Console { font-family: Lucida Console, Monaco, monospace }
	span.Palatino { font-family: Palatino Linotype, Book Antiqua, Palatino, serif }
	span.Tahoma { font-family: Tahoma, Geneva, sans-serif }
	span.Times { font-family: Times New Roman, Times, serif }
	span.Verdana { font-family: Verdana, Geneva, sans-serif }
	
/* Font Sizes */
	span.LudicrousHuge { font-size: 128px }
	span.OutrageouslyHuge { font-size: 64px }
	span.VeryBig { font-size: 26px }
	span.Big { font-size: 20px }
	span.Small { font-size: 12px }
	span.VerySmall { font-size: 10px }
	span.Microscopic { font-size: 6px }
	
/* Image Styles */
	img.FloatLeft { float: left; }
	img.FloatRight { float: right; }
	img.Outset {
		border-top: 1px solid #C7C7C7;
		border-left: 1px solid #C7C7C7;
		border-right: 1px solid #444444;
		border-bottom: 1px solid #444444;
	}
	
/* Table Styles */
	table.Basic { BORDER-COLLAPSE: collapse }
	table.Basic TR TD { border:1px solid black; }
	table.Basic TR TH { border:1px solid black; background-color: #B3EEEE; }
	
	table.LightBlue { BORDER-COLLAPSE: collapse; }

	table.LightBlue th {
		font: bold 12px Arial, Helvetica, Verdana, sans-serif;
		color: black;
		border: 1px solid black;
		background-color: #99C1E9;
		text-transform: uppercase;
		text-align: center;
		padding: 4px;
	}

	table.LightBlue td {
		color: black;
		border: 1px solid black;
		background-color: #D6E6F6;
		padding: 4px;
		text-align: left;
	}

	table.YellowHighlight { BORDER-COLLAPSE: collapse; }

	table.YellowHighlight th {
		font: bold 12px Arial, Helvetica, Verdana, sans-serif;
		color: black;
		border: 2px solid white;
		background-color: #E9FDD6;
		text-transform: uppercase;
		text-align: center;
		padding: 4px;
	}

	table.YellowHighlight td {
		color: black;
		border: 2px solid white;
		background-color: #FDFDD6;
		padding: 4px;
		text-align: left;
	}

	table.DarkBold { BORDER-COLLAPSE: collapse;	}

	table.DarkBold th {
		font: bold 14px Arial, Helvetica, Verdana, sans-serif;
		color: white;
		border: 1px solid black;
		background-color: black;
		text-transform: uppercase;
		text-align: center;
		padding: 4px;
	}

	table.DarkBold td {
		font-weight: bold;
		color: #9BADBA;
		border: 1px solid black;
		background-color: #053353;
		padding: 4px;
		text-align: left;
	}

	table td.Header { font-size: 20px; }
	table td.Highlight { background-color: yellow; }

	.center { text-align: center; }

	#idContainer {
		width: 640px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}

	#idMeta, #idFooter {
		padding: 6px 0;
		font-size: 11px;
	}

	#idMeta {
		border-bottom: 2px solid #E9F0F6;
	}

	#idFooter {
		border-top: 2px solid #E9F0F6;
	}

	
/* Palette Colors */
	span.color10           { color:            rgb(255,255,255) }
	span.color10_highlight { background-color: rgb(255,255,255) }

	span.color11           { color:            rgb(0,0,0) }
	span.color11_highlight { background-color: rgb(0,0,0) }

	span.color12           { color:            rgb(250,243,232) }
	span.color12_highlight { background-color: rgb(250,243,232) }

	span.color13           { color:            rgb(31,73,125) }
	span.color13_highlight { background-color: rgb(31,73,125) }

	span.color14           { color:            rgb(92,131,180) }
	span.color14_highlight { background-color: rgb(92,131,180) }

	span.color15           { color:            rgb(192,80,77) }
	span.color15_highlight { background-color: rgb(192,80,77) }

	span.color16           { color:            rgb(157,187,97) }
	span.color16_highlight { background-color: rgb(157,187,97) }

	span.color17           { color:            rgb(128,102,160) }
	span.color17_highlight { background-color: rgb(128,102,160) }

	span.color18           { color:            rgb(75,172,198) }
	span.color18_highlight { background-color: rgb(75,172,198) }

	span.color19           { color:            rgb(245,157,86) }
	span.color19_highlight { background-color: rgb(245,157,86) }

	span.color20           { color:            rgb(216,216,216) }
	span.color20_highlight { background-color: rgb(216,216,216) }

	span.color21           { color:            rgb(127,127,127) }
	span.color21_highlight { background-color: rgb(127,127,127) }

	span.color22           { color:            rgb(187,182,174) }
	span.color22_highlight { background-color: rgb(187,182,174) }

	span.color23           { color:            rgb(199,209,222) }
	span.color23_highlight { background-color: rgb(199,209,222) }

	span.color24           { color:            rgb(214,224,236) }
	span.color24_highlight { background-color: rgb(214,224,236) }

	span.color25           { color:            rgb(239,211,210) }
	span.color25_highlight { background-color: rgb(239,211,210) }

	span.color26           { color:            rgb(230,238,215) }
	span.color26_highlight { background-color: rgb(230,238,215) }

	span.color27           { color:            rgb(223,216,231) }
	span.color27_highlight { background-color: rgb(223,216,231) }

	span.color28           { color:            rgb(210,234,240) }
	span.color28_highlight { background-color: rgb(210,234,240) }

	span.color29           { color:            rgb(252,230,212) }
	span.color29_highlight { background-color: rgb(252,230,212) }

	span.color30           { color:            rgb(191,191,191) }
	span.color30_highlight { background-color: rgb(191,191,191) }

	span.color31           { color:            rgb(114,114,114) }
	span.color31_highlight { background-color: rgb(114,114,114) }

	span.color32           { color:            rgb(162,157,150) }
	span.color32_highlight { background-color: rgb(162,157,150) }

	span.color33           { color:            rgb(143,164,190) }
	span.color33_highlight { background-color: rgb(143,164,190) }

	span.color34           { color:            rgb(173,193,217) }
	span.color34_highlight { background-color: rgb(173,193,217) }

	span.color35           { color:            rgb(223,167,166) }
	span.color35_highlight { background-color: rgb(223,167,166) }

	span.color36           { color:            rgb(206,221,176) }
	span.color36_highlight { background-color: rgb(206,221,176) }

	span.color37           { color:            rgb(191,178,207) }
	span.color37_highlight { background-color: rgb(191,178,207) }

	span.color38           { color:            rgb(165,213,226) }
	span.color38_highlight { background-color: rgb(165,213,226) }

	span.color39           { color:            rgb(250,206,170) }
	span.color39_highlight { background-color: rgb(250,206,170) }

	span.color40           { color:            rgb(165,165,165) }
	span.color40_highlight { background-color: rgb(165,165,165) }

	span.color41           { color:            rgb(89,89,89) }
	span.color41_highlight { background-color: rgb(89,89,89) }

	span.color42           { color:            rgb(125,121,116) }
	span.color42_highlight { background-color: rgb(125,121,116) }

	span.color43           { color:            rgb(87,118,157) }
	span.color43_highlight { background-color: rgb(87,118,157) }

	span.color44           { color:            rgb(132,162,198) }
	span.color44_highlight { background-color: rgb(132,162,198) }

	span.color45           { color:            rgb(207,123,121) }
	span.color45_highlight { background-color: rgb(207,123,121) }

	span.color46           { color:            rgb(181,204,136) }
	span.color46_highlight { background-color: rgb(181,204,136) }

	span.color47           { color:            rgb(159,140,183) }
	span.color47_highlight { background-color: rgb(159,140,183) }

	span.color48           { color:            rgb(120,192,212) }
	span.color48_highlight { background-color: rgb(120,192,212) }

	span.color49           { color:            rgb(247,181,128) }
	span.color49_highlight { background-color: rgb(247,181,128) }

	span.color50           { color:            rgb(140,140,140) }
	span.color50_highlight { background-color: rgb(140,140,140) }

	span.color51           { color:            rgb(63,63,63) }
	span.color51_highlight { background-color: rgb(63,63,63) }

	span.color52           { color:            rgb(87,85,81) }
	span.color52_highlight { background-color: rgb(87,85,81) }

	span.color53           { color:            rgb(23,54,93) }
	span.color53_highlight { background-color: rgb(23,54,93) }

	span.color54           { color:            rgb(69,98,135) }
	span.color54_highlight { background-color: rgb(69,98,135) }

	span.color55           { color:            rgb(144,60,57) }
	span.color55_highlight { background-color: rgb(144,60,57) }

	span.color56           { color:            rgb(117,140,72) }
	span.color56_highlight { background-color: rgb(117,140,72) }

	span.color57           { color:            rgb(96,76,120) }
	span.color57_highlight { background-color: rgb(96,76,120) }

	span.color58           { color:            rgb(56,129,148) }
	span.color58_highlight { background-color: rgb(56,129,148) }

	span.color59           { color:            rgb(183,117,64) }
	span.color59_highlight { background-color: rgb(183,117,64) }

	span.color60           { color:            rgb(127,127,127) }
	span.color60_highlight { background-color: rgb(127,127,127) }

	span.color61           { color:            rgb(38,38,38) }
	span.color61_highlight { background-color: rgb(38,38,38) }

	span.color62           { color:            rgb(62,60,58) }
	span.color62_highlight { background-color: rgb(62,60,58) }

	span.color63           { color:            rgb(15,36,62) }
	span.color63_highlight { background-color: rgb(15,36,62) }

	span.color64           { color:            rgb(46,65,90) }
	span.color64_highlight { background-color: rgb(46,65,90) }

	span.color65           { color:            rgb(96,40,38) }
	span.color65_highlight { background-color: rgb(96,40,38) }

	span.color66           { color:            rgb(78,93,48) }
	span.color66_highlight { background-color: rgb(78,93,48) }

	span.color67           { color:            rgb(64,51,80) }
	span.color67_highlight { background-color: rgb(64,51,80) }

	span.color68           { color:            rgb(37,86,99) }
	span.color68_highlight { background-color: rgb(37,86,99) }

	span.color69           { color:            rgb(122,78,43) }
	span.color69_highlight { background-color: rgb(122,78,43) }
	
/* OTHER CLASSES */
    
    .LearnMore  
    {
        text-align:right;
        padding: 5px 55px 0px 0px;
        margin: 0px 0px -5px 0px;
    }
    
    .LearnMore img
    {
        position:relative;
        top: 3px;
    }
    
    #OptionalModules .col1 a, #OptionalModules .col1 a:hover
    {
    color: #000;
    text-decoration:none;
    cursor:default;
    }
    
    /* TESTIMONIALS */

    .QuoteBox { background-image: url(images/SpeechBubbleIn.png); background-position: bottom; background-color: #c0dffd; padding: 10px; clear:both; }
    .QuoteBelow { background-image: url(images/SpeechBubbleBelow.png); background-repeat: no-repeat; padding: 7px 0px 5px 65px; margin-bottom: 10px; clear:both; }
    #leftTestimonial { background-color: #e9f3fd; padding: 6px; width: 140px; }
    #leftTestimonialBelow { font-size: 8pt; background-image: url(images/TSpeechBubbleBelow.png); background-repeat:no-repeat;background-position: top left; padding: 20px 0px 0px 20px; width: 132px; }