html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
h1,h2,h3,h4,h5 {
	font-family: Segoe UI, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-weight:normal;
}
a {
	color:rgb(8,106,203);
	/*we can use also rgb(69,106,162) - the same color as h1accent*/
}	
p
{
	padding-bottom:4px;	
}
ul, ol
{
	padding-left:20px;	
}
html {
	background: #e6e6e6 url('../images/bkg-html.jpg') repeat-x;
	height: 100%;
	width: 100%;
}
body {
	background: transparent url('../images/bkg-blue.png') no-repeat right top;
	height: 100%;
	width: 100%;
	font-family: Segoe UI, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	color: #4b4b4b;
	font-size: 0.75em;
	line-height:1.3;
}
pre 
{
	font-family:Courier New, Courier;
	font-size:1em;
}
p
{
	margin:1px;
}
h1
{
	font-size:1.5em;
	margin-bottom:10px;
	color:black;
}
h2
{
	font-size:1.5em;
	color:Black;
	margin-top:10px;
}
h3
{
	color:Black;
	font-style:italic;
	margin-top:5px;
}
td
{
	vertical-align:top;	
}
form
{
	margin:1px;
}
input[type="text"], textarea, select, option
{
	font-family: Segoe UI, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	color: #4b4b4b;
	border:1px solid Silver;
}
p.divider
{
	background: transparent url('../images/divider.png') no-repeat center top;
}		
div.TopMenu
{
	width:943px;
	margin: 0px auto 0px auto;
}
p.TopMenuBar
{
	background-color:Black;
	color: White;
	font-weight:bold;
	padding:10px 10px;
	margin-bottom:0;
}
p.TopMenuBar>a
{
	color:White;
	text-decoration:none;
}
p.MiddleMenuBar
{
	background:transparent url('../images/menu-middle.jpg') repeat-x center 0;
	color: Black;
	font-weight:normal;
	margin-bottom:0;
}
p.MiddleMenuBar>a
{
	color:Black;
	text-decoration:none;
}
p.MiddleMenuBar>a>span.MiddleMenuItemSelected
{
	padding:8px 0px;
	background:transparent url(/images/menu2-selected-middle.jpg) repeat-x 0 0;
}
div.Tabs
{
	background:transparent url('../images/tab-bg.jpg') repeat-x 0 0;
	width:923px;	/*943-(padding-left)*/
	height:40px;
	color: Black;
	padding-left:20px;
}
div.TabSelected
{
	background: transparent url('../images/tab-selected.jpg') no-repeat center 0;
	color:Black;
	height:28px;
	float:left;
	margin-top:9px;
	padding-top:3px;
	text-align:center;
	font-size:1.2em;
}

div.TabSelectedLarge
{
	background: transparent url('../images/tab-selected-large.png') no-repeat center 0;
	color:Black;
	height:28px;
	float:left;
	margin-top:9px;
	padding-top:3px;
	text-align:center;
	font-size:1.2em;
}
div.Tab
{
	height:24px;
	margin-top:16px;
	float:left;
	text-align:center;
}
div.Tab>a
{
	text-decoration:none;
}
div.TabSelected>a
{
	text-decoration:none;
	color:#4b4b4b;
}
div.TabSelectedLarge>a
{
	text-decoration:none;
	color:#4b4b4b;
}

div.PageContainer
{
	background: transparent url('../images/bkg-shadow.png') no-repeat center 53px;
	width:969px;
	margin: 0px auto 0px auto;
}
div.PageInnerContent
{
	background: white;
	width:943px;
	margin: 0px auto 0px auto;
}
div.PageInnerContentPage
{
	background: white url('../images/hm-sub-section-bkg.png') no-repeat center top;
	width:943px;
	margin: 0px auto 0px auto;
}
div.InnerContent
{
	background:white;
}
div.NormalContent
{
	clear:both;
	padding:0px 20px 20px 20px;	/*h2 has a padding top already; the features section should start with a h2*/
}
div.FeaturesContent
{
	min-height:200px;
	float:right;
	width:705px;
	padding:0px 20px 20px 20px;	/*h2 has a padding top already; the features section should start with a h2*/
	background: white url('../images/app-long-list-bg.jpg') repeat-y 0 0;
}
div.CategoriesList
{
	padding-top:4px;
	width:198px;
	text-indent:20px;
}
div.CategorySelected
{
	padding-top:10px;
	font-size:1.1em;
	height:32px;
	background: transparent url(../../images/category-item-selected.jpg) repeat-y right 0;
}
div.Category
{
	padding-top:10px;
	font-size:1.1em;
	height:32px;
	background: transparent url(../../images/category-border-bottom.jpg) no-repeat right bottom;
}
div.Category>a
{
	text-decoration:none;
}
div.CategorySelected>a
{
	text-decoration:none;
	color:#4b4b4b;
}
div.PageFooter
{
	clear:both;	/*Very important - any floats's height on the page will be consumed before placing the footer*/
	background: transparent url('../images/bkg-footer.png') no-repeat center bottom;
	width:943px;
	height:320px;
	margin: 0px auto 0px auto;
}
div.PageFooterContent
{
	padding:10px 40px;	
}
div.FooterBar
{
	width:943px;
	margin: 0px auto 0px auto;
	text-align:right;	
}
table.CenteredTable
{
	margin: 0 auto 0 auto;
}
.H1Accent
{
	color:rgb(69,106,162);	
}

a.Footer
{
	text-decoration:none;
	color:#4b4b4b;
}
a.Footer:hover
{
	text-decoration:underline;
	color:#4b4b4b;
}
td.quotes
{
	padding-top:10px;
	border-bottom:dotted 1px silver;	
}
td.HomeQuote>a
{
	font-size:1.3em;
	text-decoration:none;
	color:#4b4b4b;
}
td.HomeQuoteAuthor>a
{
	text-decoration:none;
	font-style:italic;
	font-size:1.2em;
	color:rgb(128,128,128);
}

.cssTitle
{
	font-weight:bold
}
.cssDate
{
	padding-bottom:5px;
}
.cssDescription
{
}
.cssMore
{
	padding-bottom: 10px
}
table.features
{	
	width:80%;
	margin:10px auto;
	border-right: dotted 1px silver;
	border-top:	dotted 1px silver;
}

/*
 * FORMS
 */
input[type="submit"], input[type="button"],input[type="password"], input[type="file"], input[type="text"], textarea
{
	font-family: Segoe UI, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	color:#5A5A5A; 	
	border:1px solid #5A5A5A;
	background-color:#F0F0F0;
	padding:0 4px;
}
input[type="submit"],input[type="button"]
{
	cursor:pointer;
}
input[type="submit"]:hover,input[type="button"]:hover,input[type="file"]:hover
{	
	background-color:#CCCCCC;
	color:#2B2B2B;		
}
 
.dropDown
{
	font-family: Segoe UI, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	color:#5A5A5A; 	
	border:1px solid #5A5A5A; 
	background-color:#F0F0F0;
	padding-left:4px;
}
.features td
{
	padding:5px;
	height:19px;
	border-left: dotted 1px silver;	
	border-bottom: dotted 1px silver;	
	text-align:left;
}
.firstcol
{
	font-weight:bold;
	background-color:#F0F0F0;
}
.firstcolrequired
{
	font-weight:bold;
	background-color:#F0F0F0;
	color:#2D6677;/*#CC0033;*/
}
.tdnote
{
	background-color:#F0F0F0;
}
.tdnote div
{
	width:80%;
	padding-left:20%;
}
.tdnote span
{
	background-color:#2D6677;/*#CC0033;*/
	color:White;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:3px;
	padding-right:3px;
}
.thead_features
{
	height:20px;
	padding:5px;
	font-weight:bold;
	background-color:#CCCCCC;	
}
/*TABS*/

#headerTab
{
	border-bottom:1px solid #5D5D5D;
}
#headerTab ul {
	list-style: none;
	padding: 0;
	margin:0 0 0 10pt;
}

#headerTab li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 2px 0px 2px 0px;
	background: #6B6969;
	color:white;
	/*background: #fe5;*/
}

#headerTab li > a {
	padding: 0 1em;
	text-decoration: none;
	color:white;
	/*color: #a80;*/
	/*background: #fe5;*/
}

#headerTab li:hover 
{
	background: #323232;
	color: white;
	/*background: #fc0;
	color: #540;*/
}

#headerTab .selected {
	
	font-weight: bold;
	color: black;
	background: #323232;
	/*background: #fc0;*/
}

.contentTab {
	background: white;
	/*padding: 5px;*/
	/*border:solid 1pt #323232;/*#fc0;*/
}

#tweets
{
	padding-left:80px;
	padding-top:10px;
	background: transparent url('../images/twiter_01.png') no-repeat 0 0;
	width:220px;
	min-height:80px;
}

#tweets ul 
{
	list-style: none;
}