/* This stylesheet contains every list - table based and (un)ordered list based. 
It also contains every link style. Note that there are
more classes defined than are probably necessary for the initial design. 
However, these additional classes will make it easier to duplicate or redesign
the following styles in the future */ 

/* General Link Styles per Content Area */
a:link, a:visited {
	color: #DE781C;
}
a:hover, a:active {
	color: #DE781C;
}

/* Left and Right Content Area Default Links */
.rightSidebarContent a:link, .rightSidebarContent a:visited, .rightSidebarContent a:hover, .rightSidebarContent a:active  {
	color: #334C6C;
}
.leftSidebarContent a:link, .leftSidebarContent a:visited, .leftSidebarContent a:hover, .leftSidebarContent a:active  {
	color: #334C6C;
}

/* Exceptions */
.darkBlueRightSidebar a:link, .darkBlueRightSidebar a:visited, .darkBlueRightSidebar a:hover, .darkBlueRightSidebar a:active {
	color: #FFFFFF;
}
.yellowRightSidebar a:link, .yellowRightSidebar a:visited, .yellowRightSidebar a:hover, .yellowRightSidebar a:active {
	font-weight: bold;
}
.clearLeftSidebar .leftSidebarContent a:link, .clearLeftSidebar .leftSidebarContent a:visited, .clearLeftSidebar .leftSidebarContent a:hover, .clearLeftSidebar .leftSidebarContent a:active {
	color: #DE781C;
}
#metaNav a:link, #metaNav a:visited, #metaNav a:hover, #metaNav a:active {
	font-weight: bold;
}
.blueCenterSidebar a:link, .blueCenterSidebar a:visited, .blueCenterSidebar a:hover, .blueCenterSidebar a:active {
	color: #DE781C;
}
.whiteRightSidebar a:link, .whiteRightSidebar a:visited, .whiteRightSidebar a:hover, .whiteRightSidebar a:active {
	color: #DE781C;
}
.whiteRightSidebar li a:link, .whiteRightSidebar li a:visited {
	color: #334C6C;
}
.whiteRightSidebar li a:hover, .whiteRightSidebar li a:active {
	color: #334C6C;
	text-decoration:underline;
}
#bottomNav a:link, #bottomNav a:visited, #bottomNav a:hover, #bottomNav a:active {
	color: #334C6C;
	font-weight:bold;
	text-decoration:none;
}
#footer a:link, #footer a:visited {
	color: #727272;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #727272;
	text-decoration: underline;
}

/* Link Classes */
.whatsThis {
	margin-left: 10px;
	font-size:80%;
}

/* List Styles 
ul {
	padding:0;
	margin:0;
}*/


/* ----------- Table Based Lists -------------- */
/* --- Purchase List ---*/

.purchaseList {
	width: 100%;
	color: #515151;	
	margin: 0 0 30px 0;
}
.purchaseDetail {
	width: 100%;
	color: #515151;	
	margin: 0 0 30px 0;
}
.categoryTitle, .optionalIcon {
	border-bottom: 8px solid #BFD388;
	padding: 0 0 5px 0;
}
.productName {
	font-weight: bold;
	width: 120px;
	padding: 8px 0 5px 5px;	
	border-bottom: 1px solid #D2D3D3;
}
.productDetailName {
	font-weight: bold;
	width: 500px;
	padding: 8px 0 5px 5px;	
	border-bottom: 1px solid #D2D3D3;
}
.productDesc {
	padding: 8px 25px 5px 5px;	
	border-bottom: 1px solid #D2D3D3;
}
.buyOption {
	font-weight: bold;
	width:50px;
	padding: 8px 0 5px 0;
	border-bottom: 1px solid #D2D3D3;
}
.productDetailPrice {
	font-weight: bold;
	width:50px;
	padding: 8px 0 5px 0;
	border-bottom: 1px solid #D2D3D3;
}

/* --- Download List ---*/

.downloadList {
	width: 100%;
	color: #515151;	
	margin: 0 0 30px 0;
}
.categoryTitle, .optionalIcon {
	border-bottom: 8px solid #BFD388;
	padding: 0 0 5px 0;
}
.productDownloadName {
	font-weight: normal;
	width: 180px;
	padding: 8px 0 5px 5px;	
	border-bottom: 1px solid #D2D3D3;
}
.productDownloadDesc {
	padding: 8px 25px 5px 5px;	
	border-bottom: 1px solid #D2D3D3;
}
.downloadOption {
	width:80px;
	font-size:smaller;
	padding: 8px 0 5px 0;
	border-bottom: 1px solid #D2D3D3;
}

/* --- Product Overview ---*/

.productOverview {
	width: 100%;
	margin: 0 0 15px 0;
	border: 1px solid #C2CEDA;
}
.leftColproductOverview {
	font-weight:bold;
	width: 110px;
	padding: 5px 0 0 10px;	
}
.leftColproductOverviewImage {
	width: 110px;
	padding: 0 0 0 20px;	
}
.centerColproductOverview {
	padding: 10px 10px 10px 10px;	
	width: 58%;
}
.centerColproductOverviewText {
	padding: 0 10px 0 10px;	
}
.rightColproductOverview {
	width:75px;
	padding: 5px 10px 0 0;
}

/* -- Price List -- */
.priceList {
	width: 100%;
}
.leftColPriceList {
	color: #334C6C;
	white-space:nowrap;
	padding: 0 0 7px 0;
}
.rightColPriceList {
	color: #334C6C;
	padding: 0 0 7px 10px;
}

/* -- User Case List -- */
.userCaseList {
	width: 100%;
	margin: 10px 0 0 0;
}
.leftColUserCaseList {
	width: 35px;
}
.rightColUserCaseList {
	padding-left: 10px;
}

/* --- Major Feature Outline -- */
table.majorFeatureOutline {
	width: 100%;
	margin: 0 10px 20px 27px;
    font-size: 85%;
}
.leftColMajorFeature {
	padding:3px 0 0 0;
	width: 63%;
}
.rightColMajorFeature {
	padding:3px 0 0 0;
}

/* --- Download List -- */
.downloadList {
	width: 100%;
	margin: 5px 10px 20px 0;
}
.leftColdownloadList {
	padding:3px 0 3px 10px;
	width: 50%;
	background-color: #FAF6EB;
}
.rightColdownloadList {
	padding:3px 0 3px 10px;
	background-color: #FAF6EB;
}
.leftColdownloadListNext {
	padding:3px 0 3px 10px;
	width: 50%;
	background-color: #F5EFD9;
}
.rightColdownloadListNext {
	padding:3px 0 3px 10px;
	background-color: #F5EFD9;
}
/* --- Full Feature List --- */
.fullFeatureList {
	width: 100%;
	font-size: 90%;
	color: #515151;
	margin: 0 10px 0 0;
}
table.fullFeatureList td {
	border-bottom: #D2D3D3 solid 1px;
	padding: 7px 0 5px 0;
	font-size: 95%;
}
td.descFullFeature {
	width: 61%;
	padding: 0 5px 0 0;
}
td.basicFullFeature, td.proFullFeature, td.enterpriseFullFeature {
	width: 13%;
}


/* ----------- List Based Lists -------------- */
/* --- Feature List --- */
.featureList {
    list-style:none;
	padding: 0;
	margin: 0;
}
.featureList li {
	margin: 5px 0 10px 0;
}
.featureListTitle {
	font-size: 90%;
	font-weight: bold;
}

/* -- Normal List with Round Bullets -- */
.normalList {
	margin: 10px 0 0 0;
}
.normalList li {
	margin: 0 0 0 25px;
}
/* -- Arrow List Classes with CSS for Specific Content Areas -- */
.arrowList {
	padding: 0;
	margin: 10px 0 0 17px;
}
.arrowList li {
	padding: 0 0 3px 0;
	margin: 0 0 2px 0;
}
.arrowList li a:link, .arrowList li a:visited{
	text-decoration: none;
}
.arrowList li a:hover, .arrowList li a:active{
	text-decoration: underline;	
}
.rightSidebarContent .arrowList {
	font-size: 90%;
}
/*
.yellowRightSidebar .arrowList {
	list-style-image: url(/images/list_arrow_green.gif);
	margin: 5px 0 0 17px;
}
.darkBlueRightSidebar .arrowList {
	list-style-image: url(/images/list_arrow_lt_orange.gif);
}
*/


/* Link Classes */
.linkBullet {
	padding:0 0 0 15px;
	margin: 0;
	white-space: nowrap;
}
.blueCenterSidebar .linkBullet {
	font-size: 81%; /* of 80% */
}
.rightSidebarContent .linkBullet {
	font-size: 90%;
}
.yellowRightSidebar .linkBullet, .blueRightSidebar .linkBullet {
	color: #334C6C;
	padding-left: 15px;
	margin: 0;
	white-space: nowrap;
} 

.lightBlueRightSidebar div {
	padding:0;
	margin: 0 0 10px 0;
}
.lightBlueRightSidebar .linkBullet {
	padding:0 0 0 15px;
	margin: 0;
	white-space: nowrap;
	font-size: 90%;

}
#headerText .linkBullet {
	padding:0 0 0 15px;
	margin: 0;
	white-space: nowrap;
}
.linkBulletImage {
	margin: 0 5px 0 0;
}

/* Links with Icons */
span.linkIconBlock {
    line-height:200%;
 	font-size: 80%;
	margin: 0 10px 0 0;
	color: #334C6C;
	white-space:nowrap;
}
div.linkIconBlock {
	margin: 10px 0 5px 0;
}

.linkIconBlock img {
	vertical-align:middle;
	margin: 0 5px 0 0;
}
.linkIconInSidebar {
	margin: 0;
	padding: 10px 0 10px 0;
}
.linkIconImage 
{
	margin: 0;
	padding: 0;
	margin: 0 5px 0 0;
}
.linkIconText
{
	margin: 0;
	padding: 3px 0 0 0;
	white-space: nowrap;
	color: #334C6C;
}
a:link p.linkIconText, a:visited p.linkIconText, .linkIconBlock a:link, .linkIconBlock a:visited{
	font-weight: bold;
	text-decoration: none; 
	color: #334C6C;
}
a:hover p.linkIconText, a:active p.linkIconText, .linkIconBlock a:hover, .linkIconBlock a:active {
	font-weight: bold;
	text-decoration: none;
	color: #334C6C;
}
#mainContent .linkIconText {
	font-size: 80%;
}
.centerColproductOverview div.linkIconBlock {	
	margin: 0 0 5px 0;
}
