/***** CSS for testing new downloads look only. Should be swapped out for current downloads section when new look moves to main line. *****/



/***** TABS*****/

ul.tabs.download
					{
					margin-top: 50px;
					}




/***** RSS LINK *****/

#rss
					{
					text-align: right;
					margin-bottom: 0px;
					font-size: 80%;
					}

#rss img
					{
					padding: 0px;
					vertical-align: middle
					}




/***** FAUX TOOLTIPS, REPLACES ROLLOVER TEXT *****/

a 
					{
					position: relative;
					}

a span 
					{
					display: none;
					} 

a:hover span 
					{
					display: block;
					position: absolute;
					z-index: 6000;
					width: 200px;
					padding: 5px 8px;
					margin-top: 15px;
					background: #f7f9fd;
					border: 1px solid #9ba2af;
					font-weight: normal;
					text-align: left;
					margin-left: -80px;
					color: #565656;
					}
* html  a:hover span  {  margin-top: 30px; margin-left: -130px;	}		/***** IE 6	*****/

a:hover span.left
					{
					margin-left: -34px;
					}
* html  a:hover span.left  {  margin-left: -99px;	}		/***** IE 6	*****/

a:hover span.pi
					{
					margin-top: 30px;
					margin-left: -70px;
					}
* html  a:hover span.pi  {  margin-left: -150px;	}		/***** IE 6	*****/

a:hover span.right
					{
					margin-left: -98px;
					}
* html  a:hover span.right  {  margin-left: -200px;	}		/***** IE 6	*****/




/***** TOGGLE-ABLE DIVS FOR LINKS IN STEPS ONE AND TWO*****/

.show-more
					{
					display: block;
					}

.show-less
					{
					display: none;
					}




/***** SOME LINK COLORS *****/

.section-titles a, .second-tier a, .platform-complete-list a
					{
					color: #1c8cc3;
					border-bottom: 1px dotted #1c8cc3;
					}

 .section-titles a:hover, .second-tier a:hover, .platform-complete-list a:hover
					{
					text-decoration: none;
					border-bottom: 1px dotted #1c8cc3;
					}

.section-titles a:visited, .second-tier a:visited, .platform-complete-list a:visited
					{
					color: #1c8cc3;
					border-bottom: 1px dotted #1c8cc3;
					}




/***** SUNSET STYLES *****/
.sunset_os {
                    color: #faa31f;
}

.sunset_text {
                    padding: 8px 0;
                    margin: 0;
					border-top: 1px dashed #dfdfdf;
                    font-style: italic;
}

table.downloads td.sunset_row {
					border-top: 0px;
}



/***** LEVEL ONE HEADERS *****/

h1.downloads-step
					{
					font-size: 100%;
					letter-spacing: 0px;
					width: 658px;
					padding: 4px 6px;
					color: #ffffff;
					background: #9a4440  url("../images/07/downloads/header_bg.gif") repeat-x top left;
					margin-bottom: 0px;
					margin-top: 20px;
					}

h1.downloads-step.inactive
					{
					color: #c28c8a;
					}




/***** USED AS TITLE BAR ON COMPLETE PAGE & BETA PAGE *****/

h2.operating-system
					{
					width: 658px;
					font-size: 100%;
					letter-spacing: 0px;
					margin: 20px 0px 0px 0px;
					padding: 4px 6px;
					background: #9aaed4;
					color: #ffffff;
					}




/***** TIER 1 *****/

/* for component descriptions on essentials page */
.section-titles th
					{
					width: 670px;
					font-size: 90%;
					padding: 6px;
					border-right: 1px solid #dfdfdf;
					border-bottom: 1px solid #dfdfdf;
					background: #f7f9fd;
					text-align: left;
					color: #433025;
					font-weight: normal;
					}

.section-titles.p4-essentials
					{
					margin-top: 10px;
					}

table.section-titles
					{
					width: 670px;
					margin-bottom: 0px;
					border-left: 1px solid #dfdfdf;
					border-top: 1px solid #dfdfdf;
					background: #fdfeff;
					color: #000000;
					}

.section-titles td
					{
					width: 133px;
					font-size: 100%;
					padding: 10px 0px 12px 0px;
					text-align: center;
					border-right: 1px solid #dfdfdf;
					border-bottom: 1px solid #dfdfdf;
					vertical-align: top;
					background: #ffffff url("../images/07/downloads/component_bg.gif") repeat-x bottom left;
					}




/***** TIER 2 *****/

table.second-tier
					{
					padding: 0px 0px;
					color: #000000;
					}

.second-tier td
					{
					width: 137px;
					padding: 10px 40px 11px 10px;
					vertical-align: top;
					text-align: left;
					font-size: 100%;
					}

.second-tier td.archive
					{
					border-top: 1px solid #dfdfdf;
					padding: 16px 8px 8px 10px;
					text-align: left;
					width: 670px;
					color: #8b929e;
					}

a.archived-platform
					{
					color: #8b929e;
					border-bottom: 1px dotted #8b929e;
					}

a.archived-platform:hover, a.archived-platform:visited 
					{
					color: #8b929e;
					border-bottom: 1px dotted #8b929e;
					}




/***** WRAPS TIER 2 CONTENT *****/

.download-wrapper
					{
					border: 1px solid #dfdfdf;
					padding: 10px 10px 10px 10px;
					border-top: 0px;
					background: #ffffff url("../images/07/downloads/component_bg.gif") repeat-x bottom left;
					font-size: 80%;
					color: #115577;
					}




/***** SPECIFICALLY DOWNLOADS TIER 3 *****/

.download-component-wrapper
					{
					border: 1px solid #dfdfdf;
					border-top: 0px;
					padding: 20px 20px 10px 20px;
					margin: 0px;
					}

 .download-component-wrapper h1 a
					{
					border-bottom: 0px;
					}




/***** COMPONENT TABLE *****/

table.downloads
					{
					width: 628px;
					}
                    
table.downloads th
					{
					font-weight: normal;
					margin: 0px;
					padding: 10px;
					text-align: left;
					vertical-align: top;
					color: #000000;
					}

table.downloads td.expand-button-top, table.downloads td.expand-button-bottom
					{
					text-align: right;
					padding-right: 0px;
					width: 40px;
					}

table.downloads td.expand-button-top
					{
					border-top: 0px;
					}

table.downloads td.top-learn-more
					{
					border-top: 0px;
					padding-left: 0px;
					}

table.downloads td
					{
					margin: 0px;
					padding: 12px 10px 10px 10px;
					text-align: left;
					vertical-align: top;
					color: #121212;
					border-top: 1px dotted #dfdfdf;
					}

table.downloads th h1, table.downloads td h1
					{
					font-size: 110%;
					letter-spacing: 0px;
					margin: 0px;
					}

table.downloads h1 span
					{
					font-size: 80%;
					letter-spacing: 0px;
					margin: 0px;
					color: #898989;
					font-weight: normal;
					}

table.downloads td p, table.downloads td li, table.downloads th p, table.downloads th li
					{
					color: #565656;
					font-size: 85%;
					}

table.downloads a
					{
					color: #1c8cc3;
					}

table.downloads a:hover
					{
					text-decoration: none;
					border-bottom: 1px dotted #1c8cc3;
					}

table.downloads a.component
					{
					font-size: 100%;
					color: #000000;
					}

table.downloads p.important
					{
					color: #9a4440;
					padding-top: 5px;
					}

/***** ESSENTIALS ONLY DOWNLOADS TABLE STYLES *****/
table.downloads th.component
					{
					width: 340px;
					} 
                    
table.downloads th.related-links
					{
					padding-left: 0px;
					} 




/***** PLATFORM OR COMPONENT HEADER ROW *****/

table.downloads td.title-row
					{
					padding: 2px 0px 0px 10px;
					background: #7A6F69;
					font-weight: bold;
					color: #ffffff;
					border-top: 0px;
					}

table.downloads td.title-row p
					{
					font-size: 80%;
					margin: 0px 0px 2px 0px;
					color: #ffffff;
					}


/***** COMPATIBILITY INFO (components built on other platforms)  *****/
p.compatible
                        {
                    margin-top: 5px;
                    padding-top: 5px;
                    border-top: 1px dashed #e7e7e7;
                    }


/***** STYLES FOR THE LEARN MORE INFORMATION *****/

.download-learn-more
					{
					margin-top: 10px;
					border-top: 1px dashed #e7e7e7;
					border-bottom: 1px dashed #e7e7e7;
					padding: 8px 8px 8px 8px;
					background: #fbfbfb;
					display: none;
					font-size: 100%;
					}

.platform-learn-more
					{
					border: 0px;
					}

.platform-learn-more td.requirements, .platform-learn-more td.notes, .platform-learn-more td.links
					{
					border: 0px;
					width: 219px;
					padding-top: 0px;
					padding-bottom: 0px;
					background: #fbfbfb;
					}

.platform-learn-more td.requirements
					{
					border: 0px;
					padding-left: 0px;
					}

.platform-learn-more td.notes, .platform-learn-more td.links
					{
					border: 0px;
					border-left: 1px dashed #e7e7e7;
					}




/***** MORE INFO BOX *****/

a.learn-more-toggle, a.learn-more-toggle:visited
					{
					color: #1c8cc3;
					font-size: 80%;
					}

a.learn-more-toggle:hover
					{
					text-decoration: none;
					border-bottom: 1px dotted #1c8cc3;
					}


.more-info
					{
					border-right: 1px solid #dfdfdf;
					border-left: 1px solid #dfdfdf;
					border-bottom: 1px solid #dfdfdf;
					padding: 10px 20px 5px 20px;
					text-align: left;
					background: #f7f9fd;
					font-size: 85%;
					}

.more-info p
					{
					color: #565656;
					margin: 0px;
					}

.more-info a, .more-info a:visited
					{
					color: #1c8cc3;
                    }

.more-info a:hover
					{
					text-decoration: none;
					border-bottom: 1px dotted #1c8cc3;
					}




/***** MISC META-TEXT ON FIRST ESSENTIAL PAGE AND COMPLETE PAGE *****/

#licensing-support
					{
					border-top: 1px dotted #d1d1d1;
					margin-top: 60px; 
					}

#licensing-support td
					{
					border-right: 1px dotted #d1d1d1;
					padding: 6px 12px 0px 12px;
					vertical-align: top;
					width: 340px;
					}

#licensing-support td#support
					{
					padding-right: 0px;
					border: 0px;
					}




/***** DISCLAIMER TEXT *****/

table.disclaimer td
					{
					width: 670px;
					padding: 10px 20px 5px 20px;
					margin: 0px;
					border: 1px solid #dfdfdf;
					border-top: 0px;
					background: #f7f9fd;
					color: #000000;
					font-size: 90%;
					}




/***** PAGE DESCRIPTION TEXT *****/
#page-description
					{
					margin-top: 10px;
					}




/***** REMOVES SPACE FROM FORM *****/

form
					{
					margin: 0px;
					padding: 0px;
					}




/***** DOWNLOAD ICON *****/

.download-icon
					{
					padding-top: 1px;
					}





/***** CHECK BOX COLUMN *****/

table.downloads td.download-check
					{
					background: #f1f1f1;
					margin: 0px;
					padding: 9px 0px;
					border-top: 1px dotted #d1d1d1;
					vertical-align: top;
					text-align: center;
					width: 40px;
					}

table.downloads  input.checked
					{
					font-size: 11px;
					border: 1px solid #d1d1d1;
					padding: 3px 5px;
					color: #c9851a;
					margin: 0px;
					font-weight: bold;
					vertical-align: bottom;
					background: #f1f1f1 url("../images/07/search/search_button_shadow.gif") left bottom repeat-x;
					cursor: pointer;
					}

table.downloads  input.checked:hover
					{
					color: #115577;
					cursor: pointer;
					}

input.checked
					{
					font-size: 11px;
					border: 1px solid #d1d1d1;
					padding: 3px 5px;
					color: #c9851a;
					margin: 0px;
					font-weight: bold;
					vertical-align: bottom;
					background: #f1f1f1 url("../images/07/search/search_button_shadow.gif") left bottom repeat-x;
					cursor: pointer;
					}

input.checked:hover
					{
					color: #115577;
					cursor: pointer;
					}


/***** CHECK BOX COLUMN *****/

  a.obsolete-platform, a.obsolete-platform:visited {
        color: #555960;
        border-bottom: 1px dotted #555960;
    }
    
    .second-tier th {
        font-size: 120%;
        padding-bottom: 10px;
    }
    
    .second-tier p {
        margin-top: 4px;
        color: #555960;
    }
    
    h2.platform-header {
        margin: 20px 0 -5px 0;
    }
    
    img.icon {
        vertical-align: bottom;
    }