/***************************************************************************************************************************************************
*							TPC-main3.css
*	for admin/include/main.css AND member_admin/include/main.css AND public/include.css
*
*
* 2015/06/01 AEH Changed .wrapper-recent-activities to reduce space between wrapper-benchmarks-and-results and wrapper-recent-activities
* 2013/12/30 AEH re-written for css3 homepage
* 2011/01/23 AEH synchronized with all three locations
***************************************************************************************************************************************************/
/* http://stackoverflow.com/questions/8566090/delay-hover-in-css3                                                                                 */
/* http://www.sitepoint.com/forums/showthread.php?450338-Menu-hover-timer-return-to-page-default                                                  */
/*                                                                                                                                                */
/*================================================================================================================================================*/
/*                            BEGIN Reset of defaults                                                                                             */
/*================================================================================================================================================*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, most-visited, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
    {
    margin:         0;
    padding:        0;
    border:         0;
    font-size:      100%;
    font:           inherit;
    vertical-align: baseline;
    }
/*================================================================================================================================================*/
/* HTML5 display-role reset for older browsers */
article, most-visited, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section 
    {
    display:        block;
    }

body 
    {
    line-height:    1;
    }

/* 
ol, ul {
	list-style: none;
}  */

blockquote, q 
    {
    quotes:         none;
    }
blockquote:before, blockquote:after, q:before, q:after 
    {
    content:        '';
    content:        none;
    }

table 
    {
    border-collapse:collapse;
    border-spacing: 0;
    }

/*======================================================================================================*/
/*                            END Reset of defaults                                                     */
/*======================================================================================================*/

/*======================================================================================================*/
/*                            BEGIN Start of CSS definitions for TPC Website                            */
/*======================================================================================================*/
.clearfix:before, clearfix:after 
    {
    content:                " ";
    display:                table;
    }

.clearfix:after 
    {
    clear:                  both;
    }

.clearfix 
    {
    *zoom:                  1; 
    }   

body 
    {
    background-color:       #dddddd;
    color:                  #336699;
    font-family:            verdana, helvetica, sans-serif;
    font-style:             normal;
    font-variant:           normal;
    font-size:              medium;
    font-variant:           normal;
    font-weight:            normal;
    line-height:            normal;
    margin:                 0 auto 0 auto;
    padding:                0;
    width:                  auto;  
    }

.alpha
    {
    list-style-type:    lower-alpha;
    }
		
.BenchIntroText
    {
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    color:              #666666;
    }
        
.blank 
    {
    font-family:        inherit;
    font-weight:        normal;
    font-size:          inherit;
    line-height:        inherit;
    list-style-type:    none;
    }        

.chevron, a.chevron, a.chevron:hover, a.chevron:visited, .WhiteChevron, a.WhiteChevron, a.WhiteChevron:visited 
    {
    font-family:        inherit;
    font-size:          inherit;
    font-weight:        bold;
    color:              #CC9900;
    }

.chevronDisabled 
    {
    font-size:          inherit;
    line-height:        inherit;
    font-weight:        bold;
    color:              #B2B2B2;
    }

.fntSize9
	{
	font-size:          9pt;
	}
		
.footnav, footnav a:link
	{
	font-size:          inherit;
	line-height:        inherit;
	font-weight:        normal;
	color:              #336699;
	text-align:         center;
    margin:             0 auto 0 auto;	
    padding:            0;
    display:            block;
    float:              none;
	}	
	
.footerOn, a.footerOn, a.footerOn:visited 
    {
    font-weight:        normal;
    color:              #00A0A6;
    }

form 
    {
    font-size:          10pt;
    }

.frmButton	
    {
    background-color:   #CC9900;
    color:              #FFFFFF;
    font-family:        inherit;
    font-size:          inherit;
    font-weight:        bold;
    }

.GrayText 
    {
    font-size:          inherit;
    line-height:        inherit;
    font-weight:        bold;
    color:              #B2B2B2;
    }

.gutter 
    {
    background-color:   #FFFFFF;
    }

h1, H1, .h1, .hphead 
    {
    font-family:        inherit;
    font-size:          inherit;
    line-height:        inherit;
    color:              #CC3333;
    font-weight:        bold;
    }

h5, H5, .h5 
{
	font-family:        inherit;
	font-size:          inherit;
	line-height:        inherit;
	color:              #CC3333;
}

h2, H2, .h2 
    {
    font-family:        inherit;
    font-size:          inherit;
    line-height:        inherit;
    color:              #000000; 
    font-weight:        bold;
    }
	
h3, H3, .h3 
    {
    font-family:        inherit;
    font-size:          inherit;
    line-height:        inherit;
    color:              #000000; 
    }
h4
    {
    font-family:        inherit;
    font-size:          9px;
    line-height:        inherit;
    color:              #000000; 
    }
	
input
	{
	font-size:          9pt;
	}
	
input.button 
	{ 
	font-size:          9pt;
	background-color:   #FFFFFF;
	}
	
.IntroText 
	{
    font-family:        inherit; 
    font-size:          inherit;
	line-height:        24px;
    color:              #000000;
	}
	
label 
	{
	font-size:          9pt;
	}
	
.navLeft 
	{
	background-color:   #336699;
	}
	
.navLeftSelItem 
	{
	background-color:   #336699;
	color:              #000000;
	}
	
.navRight 
	{
	background-color:   #FFFFFF;
	}
	
.bmheader
	{
    font-family:        inherit;
	font-size:          inherit;
	font-weight:        bold;
	color:              #CC3333;
	line-height:        inherit;
	}
	
.bmheader a:link, .bmheader a:visited	
    {
	font-family:        inherit;
	color:              #336699;
    line-height:        inherit;
	font-size:          inherit;
	text-decoration:    underline;
    padding-top:        5px;
    padding-bottom:     5px;
	}

.homesel
	{
    font-family:        inherit;
	font-size:          inherit;
	font-weight:        normal; 
	color:              #CC3333;
	line-height:        inherit;
	}
	
.homesel a:link, .homesel a:visited	
    {
	font-family:        inherit;
	color:              #336699;
    line-height:        inherit;
	font-size:          inherit;
	text-decoration:    none;
    padding-top:        5px;
    padding-bottom:     5px;
	}

.navTop 
	{
	background-color:   #CCCCCC;
	}
	
.nobullet
	{
	list-style-type:    none;
	}
	
.mainArea 
	{
	background-color:   #FFFFFF;
	}
	
.off	
    {
    display:            none;
    } 

.on	
    {
    display:            block;
    }	

option 
	{
	font-size:          10pt;
	}
	
padding7	
	{
	padding:            7px;
	}
	
.pagingLinkText	
	{
	font-size: inherit;
	line-height: inherit;
	color: #000000;
	}
	
.pagingLinkOff 
	{
	font-size: inherit;
	line-height: inherit;
	color: #000000;
	text-decoration: none;
	}
	
.pagingLinkOn 
	{
	font-size: inherit;
	line-height: inherit;
	color: #000000;
	text-decoration: none;
	}
.q
	{
	font-family: inherit;
	font-size: inherit;
	color: #cc9900; 
	}	
	
.required 
	{
	color: #000000;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	}
	
.results 		
	{
    color: #336699; 
    font-size: inherit;
    }
    
.roman
	{
	list-style-type: lower-roman;
	}  
	      
.secondary
	{
	font-family: inherit;
	font-weight: normal;
	font-size: inherit;
	list-style-type: square;
	margin-left: 3px;
	}
	
select 
	{
	font-size: 10pt;
	}
	
.SmText
	{
    font-family: inherit; 
    font-size: inherit;
	line-height: inherit;
    color: #000000;
	font-weight: normal;
    }
    
.Sort
	{
	color:#FFFFFF;
	text-decoration:none;
	font-family: inherit;
	font-size:inherit;
	font-weight:bold;
	text-align:center;
	}
	
.Sort:Hover
	{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
	}
	
.square 
	{
	font-size: inherit;
	text-decoration: none;
	list-style-type: square;
	color: #336699;
	}
	
.squareblk 
	{
	list-style-type: square;
	color: #000000;
	}
	
submit 
    {
    font-size: 9pt;
    background-color: #CC9900;
    }
    
.TableHead, a.TableHead, a.TableHead:visited 
	{
	font-size: inherit;
	line-height: inherit;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.TableHead:hover, a.TableHead:hover 
	{
	color: #FFFFFF;
	text-decoration: underline;
	}

td, TD, .BodyText 
	{
	font-size: inherit;
	line-height: inherit;
	color: #000000;
	}
	
.tdItmDesc 
	{
	font-size: inherit;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336699;
	}
	
.tdItmVal 
	{
	background-color: #FFFFFF;
	}
	
.tdBGColor 
	{
	background-color: #CCCCCC;
	}
	
textarea 
	{
	font-size: 9pt;
	}
	
th.Sel, TH.Sel 
	{
	background-color: #999999;
	text-align: left;
	}
	
th, TH 
	{
	font-size: inherit;
	line-height: inherit;
	background-color: #CC9900;
	text-align: left;
	}
	
tr.RecordOff 
	{
	background-color: #FFFFFF;
	}
	
tr.RecordOn 
	{
	background-color: #E5E5E5;
	}
	
.yellow
	{
	font-family: inherit;
	font-size: inherit;
	font-weight: bold;
	color: #cc9900; 
	}
	
.yellowsm
	{
	font-family: inherit;
	font-size: inherit;
	font-weight: bold;
	color: #cc9900; 
	}
	
.white
	{
	font-family: inherit;
	font-size: inherit;
	font-weight: 500;
    background-color: #336699;              /* TPC Blue */
	color:  white;
	}
	
#table_detail_withdrawn 
    {
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
	padding-right:		1px;
	padding-left:		1px;
	padding-top:		1px;
	padding-bottom:		1px;
	width:				50em;
	background-color:   Gray;
    }	

.greybg 
    {
    background-color: #cccccc;
    border-style: solid;
    border-color: Black;
    border-width: thin;  
    border-collapse: collapse;  
    padding: 3px;
    }

.yellowbg
    {
    background-color: #ffff99;
    border-style: solid;
    border-color: Black;
    border-width: thin;    
    border-collapse: collapse;  
    padding: 3px;
    }

.redbg
    {
    background-color: #ff6699;
    border-style: solid;
    border-color: Black;
    border-width: thin;
    border-collapse: collapse;  
    padding: 3px;
    }

.whitebg
    {
    background-color: #FFFFFF;
    border-style: solid;
    border-color: Black;
    border-width: thin;
    border-collapse: collapse;  
	padding: 3px;
    }

.dark-grey 
    {
    background-color: #d6d6d6;
    } 
    
.light-grey 
    {
    background-color: #dddddd;
    }     

div.htmltooltip
    {
    position: absolute; /*leave this and next 3 values alone*/
    z-index: 1000;
    left: -1000px;
    top: -1000px;
    background: #272727;
    border: 10px solid black;
    color: white;
    padding: 3px;
    width: 500px;    
    /*width of tooltip*/
    }

table.benchmark_details_white
    {
    font-family:inherit;
    width:100%;
    border-collapse:collapse;
    }

table.benchmark_details_white td, table.benchmark_details_white th 
    {
    font-size:0.8em;
    border:1px solid #cccccc;
    padding:3px 7px 2px 7px;
    }

table.benchmark_details_white th 
    {
    font-size:          0.9em;
    text-align:         left;
    padding-top:        5px;
    padding-bottom:     4px;
    background-color:   #FFFFFF;
    color:              #000000;
    }

table.benchmark_details_gray
    {
    font-family: inherit;
    width:100%;
    border-collapse:collapse;
    background-color: #cccccc;
    }

table.benchmark_details_gray td, table.benchmark_details_gray th 
    {
    font-size:0.8em;
    border:1px solid #999999;
    padding:3px 7px 2px 7px;
    }

table.benchmark_details_gray th 
    {
    font-size:0.9em;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color: #cccccc;
    color:#ffffff;
    }

table.benchmark_details_yellow
    {
    font-family: inherit;
    width:100%;
    border-collapse:collapse;
    background-color: #ffff99;
    }

table.benchmark_details_yellow td, table.benchmark_details_yellow th 
    {
    font-size:0.8em;
    border:1px solid #cccccc;
    padding:3px 7px 2px 7px;
    }

table.benchmark_details_yellow th 
    {
    font-size:0.9em;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color: #ffff99;
    color:#ffaaff;
    }

table.benchmark_details_red
    {
    font-family:inherit;
    width:100%;
    border-collapse:collapse;
    background-color: #ff6699;
    }

table.benchmark_details_red td, table.benchmark_details_red th 
    {
    font-size:0.8em;
    border:1px solid #cccccc;
    padding:3px 7px 2px 7px;
    }

table.benchmark_details_red th 
    {
    font-size:0.9em;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color: #ff6699;
    color:#ffaaff;
    }	

#header_container
    {
    margin-left:		auto;
    margin-right:		auto;
    padding-right:		1px;
    padding-left:		1px;
    padding-top:		1px;
    float:              left;
    }

#header_container 
    {
    margin-left:		auto;
    margin-right:		auto;
    padding-right:		1px;
    padding-left:		1px;
    padding-top:		1px;
    float:              right;
    }

.flink	
    {
    font-family:            inherit; 
    font-size:              10px;
    line-height:            13px;
    text-decoration:        none;
    color:                  #000000;
    margin:                 5px 2px 15px 2px;
    padding:                0px 2px 0px 2px;
    }
	
.flink a:link	
	{
	font-family:            inherit; 
	font-size:              10px;
	line-height:            13px;
	text-decoration:        none;
	color:                  #ffffff;
	margin:                 0px 2px 0px 2px;
	padding:                0px 2px 0px 2px;
    background-color:       #336699;              /* TPC Blue */
    -moz-border-radius:     8px;
    -webkitborder-radius:   8px;
    border-radius:          8px;
    }

.flink a:visited	
	{
	font-family:            inherit; 
	font-size:              10px;
	line-height:            13px;
	text-decoration:        none;
	color:                  #cccccc;
    background-color:       #336699;              /* TPC Blue */
    -moz-border-radius:     8px;
    -webkitborder-radius:   8px;
    border-radius:          8px;
    }

.flink a:hover	
    {
    font-family:            inherit; 
    font-size:              10px;
    line-height:            13px;
    text-decoration:        none;
    color:                  #ffffff;
    background-color:       #ff0000;              /* Red*/
    -moz-border-radius:     8px;
    -webkitborder-radius:   8px;
    border-radius:          8px;
    }

.footer 
    {
    float:                  left;
    width:                  100%; 
    margin-top:             inherit;
    background-color:       #ddd;
    clear:                  both;
    }

.main-area 
    {
    padding:                0px 0px 0px 0px;
    margin-bottom:          0px;
    height:                 100%;
    }
    
.header.scroll-to-fixed-fixed 
    {
    color: red;
    }
    
.footer.scroll-to-fixed-fixed 
    {
    color: red;
    }
    
.summary 
    {
    border: 1px solid #dddddd;
    overflow: hidden;
    margin-top: 20px;
    background-color: white;
    }
    
.summary.scroll-to-fixed-fixed 
    {
    margin-top: 0px;
    }
    
.summary.scroll-to-fixed-fixed .caption 
    {
    color: red;
    }   
    
.wrapper-subnav, .wrapper-main-content, .wrapper-most-visited
    {
    padding-bottom: 32767px !important;
    margin-bottom: -32767px !important;
    }

.wrapper-whole-page 
    {
    overflow: hidden;
    } 

span.no-underline
    {
    display:                inline-block;
    text-decoration:        none;     
    } 

.copyright
	{
    font-family:        inherit;
    font-size:          70%;
    line-height:        inherit;
	color:              #336699;
	text-align:         center;
	margin:             0px 0px 0px 0px;
	padding:            0px 0px 0px 0px;
	display:            inline;
    }
    
.copyright a:link
	{
    font-family:        inherit;
    font-size:          inherit;
	line-height:        inherit;
	color:              #336699;
	text-align:         center;	
	margin:             0px 0px 0px 0px;
	padding:            0px 0px 0px 0px;
	display:            inline;
    }
    
   .tpc-dom-table
   {
       width: 100%;
       background-color:Aqua ;
       float: left;
   } 
   
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*************************************************************************************************************************/
/* Floating Homepage for screen sizes < 768px                                               /*  General and Smartphones  */
/*************************************************************************************************************************/
/*  General and Smartphones  */
/*************************************************************************************************************************/
body
    {
    width:              99%;
    margin:             0 auto 0 auto;
    font-size:          10px;
    line-height:        12px;
    }
    
.wrapper-whole-page 
    {
    max-width:          768px;    
    margin:             0 auto 0 auto;
    }

.wrapper-header 
{
    width:              100%;
    float:              left;
}

.wrapper-subnav 
{
    width:              20%;
    float:              left;
    background-color:   #FFCC66; 
}

.wrapper-main-content 
{
    width:              80%;
    float:              left;
    margin:             5px 0 0 0;
}

.wrapper-main-content-middle 
    {
    width:              100%;
    float:              left;
    margin-top:         50px;
    }

.wrapper-whats-new 
    {
    width:              100%;
    float:              left;
    }

.wrapper-benchmarks-and-results 
{
    width:              100%;
    float:              left;
}

.wrapper-recent-activities 
{
    width:              100%;
/*  For General and Smartphones - spacing between wrapper-benchmarks-and-results and wrapper-recent-activities */
    margin-top:         75px;
    float:              left;
}

.wrapper-most-visited 
{
    width:              100%;
    float:              left;
    background-color:   #dddddd;
}

.wrapper-footer 
{
    width:              100%;
    float:              left;
    margin-top:         10px;
}

.w3c_cert
	{
	font-size:          inherit;
	line-height:        14px;
	font-weight:        normal;
	color:              #336699;
	text-align:         center;
    margin:             0 0 0 0;	
    padding:            0 0 0 0;
    display:            none;
    float:              left;
	}  
	
.facebook
	{
    display:            none;
	}  	  

.MidHead 
	{
	width:                  100%;    
    font-family:            inherit; 
    font-size:              inherit;
	line-height:            22px;
	background-color:       #FFCC66;
    margin:                 0px 0px 0px 0px;
    padding:                0px 0px 0px 0px;
	}
	
.MidHead-text,  .MidHead-text-dark
	{
	width:                  100%;   
	height:                 100%; 
    font-family:            inherit; 
    font-size:              14px;
    text-align:             left;
    display:                inline-block;
	line-height:            22px;
    color:                  #CC3333; 
	background:             #dddddd url(/tpc_common_library/images/orange-to-light-gray-gradiant.png) 0 0 repeat-x;
    font-weight:            bold;
    margin:                 0px 0px 0px 0px;
    padding:                4px 0px 0px 10px;
	}	

.flink	
	{
	font-size:          9px;
	line-height:        13px;
	display:            none;
    }
	
.flink a:link	
	{
	font-size:          9px;
	line-height:        13px;
    }

.flink a:visited	
	{
	font-size:          9px;
	line-height:        13px;
    }

.flink a:hover	
	{
	font-size:          9px;
	line-height:        13px;
    }

a:hover 
    {
    color:              red;
    text-decoration:    none;
    }
   
.header 
    {
    text-align:         right;
    padding:            0px 0px 0px 0px;
    margin-bottom:      0px;
    }

.header h1 
    {
	font-size:          50.5%;
	padding-bottom:     1px;
	color:              rgb(59,67,68);
    }

.header .inner 
    {
    margin-bottom:      2px;
    }

.header h1 span 
    {
    font-style:         italic;
    color:              rgb(241,47,93);
    }

.subnav 
    {
    width:              100%; 
    float:              left;
    margin-right:       0px;
    margin-left:        0px; 
    background-color:   #FFCC66;
    }
/*
.article 
    {
    float:              left;
    width:              100%; 
    display:            block;
    background-color:   #dddddd;
    margin:             0px 0px 0px 0px;
    border:             none;
    }   */

.whats-new 
    {
    float:              left;
    width:              100%; 
    display:            block;
    background-color:   #dddddd;
    padding:            0 0 2px 0;
    }

.whats-new-col1 
    {
    width:              23%;
    float:              left;
    font-size:          inherit;
    margin:             0px 0px 0px 3px;
    color:              #336699;
    }
        
.whats-new-col2
    {
    width:              75%;
    float:              left;
    font-size:          inherit;
    margin:             2px 0px 0px 2px;
    padding:            0;
    color:              #336699;
    text-decoration:    none;
    }
    
.whats-new-col2 a 
    {
    width:              100%;
    float:              left;
    display:            block;
    text-decoration:    underline;
    color:              #336699;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    padding:            0;
    margin:             0;
    }
    
.whats-new-col2 a:hover 
    {
    width:              100%;
    float:              left;
    display:            block;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    padding:            0;
    margin:             0;
    background-color:   #dddddd;
    vertical-align:     top;
    color:              Red;
    text-decoration:    underline;
    }    
    
.whats-new-align 
    {
    width:              100%;
    float:              left;
    display:            block;            
    float:              left;
    display:            block;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    margin:             0px 0px 0px 0px;
    padding:            8px 0px 0px 0px;
    vertical-align:     middle; 
    }  
        
.BodyTextBig 
    {
    margin:             5px 0px 0px 2px;
    padding:            5px 0px 0px 2px;
    vertical-align:     middle;
    font-family:        inherit; 
    color:              #000000;
    }  

.benchmark-results 
    {
    float:              left;
    width:              100%; 
    height:             300px;
    display:            block;
    background-color:   #dddddd;
    padding:            0 0 20px 0;
    }

.recent-activities
    {
    float:              left;
    width:              100%; 
    display:            block;
    background-color:   #dddddd;
    padding:            0 0 20px 0;
    }  

.recent-activities-col1 
    {
    width:              13%;
    float:              left;
    font-size:          inherit;
    margin:             0;
    vertical-align:     top;
    padding:            0px 0px 0px 0px;
    color:              #336699;
    }

.wrapper-recent-activities-row
    {
    width:              100%;
    height:             100%;
    float:              none;
    font-size:          inherit;
    margin:             2px 0px 0px 2px;
    vertical-align:     top;
    padding:            0px 0px 0px 0px;
    display:            inline-block;
    color:              #336699;
    } 
    


.recent-activities-col2
    {
    width:              86%;
    height:             100%;
    float:              none;
    font-size:          inherit;
    margin:             2px 0px 0px 2px;
    vertical-align:     top;
    padding:            0px 0px 0px 0px;
    display:            inline-block;
    color:              #336699;
    } 
    
.recent-activities-col2 a 
    {
    text-decoration:    underline;
    font:               inherit;    
    display:            inline;
    width:              auto;
    float:              none;
    margin:             inherit;
    padding:            inherit;
    }    
    
.recent-activities-col2 a:hover
    {  
    color:              Red;
    text-decoration:    underline;
    font:               inherit;    
    display:            inline;
    width:              auto;
    float:              none;
    margin:             inherit;
    padding:            inherit;
    }   

.most-visited 
    {
	width:              100%; 
	float:              left;
	clear:              none; /* to counteract the clearing of the previous breakpoint */
	display:            block;
    font:               inherit;
    font-size:          inherit;
    line-height:        inherit;
    color:              inherit;
    padding:            0;
    border:             none;
    background-color:   #dddddd;
    vertical-align:     top;
    }
   
.most-visited ul 
    {
    width:              100%; 
    float:              left;
    clear:              none; /* to counteract the clearing of the previous breakpoint */
    display:            block;
    margin:             0px 0px 0px 25px;
    background-color:   #dddddd;
    vertical-align:     top;
    }
    
.most-visited ul a 
    {
    width:              100%; 
    float:              left;
    display:            block;
    text-decoration:    underline;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    padding:            0;
    margin:             0;
    } 
          
.most-visited ul a:hover 
    {
    width:              100%; 
    float:              left;
    display:            block;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    padding:            0;
    margin:             0;
    background-color:   #dddddd;
    vertical-align:     top;
    color:              Red;
    text-decoration:    underline;
    }  
     
#frequently-visited-lm
    {
    display: none;
    } 
     
#frequently-visited-s
    {
    display: block;
    }    

/*
.nav 
    {
    list-style-type:    none;
    padding:            0;
    }

.nav a:link, .nav a:visited 
    {
    text-decoration: none;
    display:        block;
    border-top:     1px solid rgb(232,243,248);
    padding:        0.5em 0 0.5em 0;
    color:          rgb(66,148,182);
    }

.nav a:hover 
    {
	background-color:   rgba(232,243,248,0.3);
    }
*/

.box 
    {
	border-top:         1px solid rgb(219,230,236);
	padding:            1em 0 1em 0;
    }

/*
.wrapper 
    {
	width:              100%;
	margin:             0 auto 0 auto;
    }   */

.BodyText 
    {
    font-family:        inherit; 
    font-size:          inherit;
	line-height:        inherit;
    color:              Black;
    padding-right:      5px;
    }

.BodyTextBig
    {
    font-family:        inherit; 
    font-size:          inherit;
    color:              #336699;
    }
        
.BodyTextBig_right
    {
    font-family:        inherit; 
    font-size:          inherit;
    text-align:         right;
    line-height:        inherit;
    color:              #000000;
    padding-right:      10px;
    }
        
.BodyTextBig_center
    {
    font-family:        inherit; 
    font-size:          12px;
    font-weight:        500;
    text-align:         center;
    line-height:        inherit;
    margin:             5px 5px 5px 5px;
    color:              #336699;
    }
    
.BodyTextBig a 
    {
    font-family:        inherit; 
    font-size:          inherit;
    color:              #336699;
    }
    
.bodytext_left 
    {
    font-family:        inherit; 
    font-size:          inherit;
    color:              #000000;
    text-align:         left;
    } 
        
.BodyText_center 
    {
    font-family:        inherit; 
    font-size:          9px;
    line-height:        inherit;
    margin:             5px 5px 5px 5px;
    color:              #336699;
    text-align:         center;
    }         
        
.bodytext_empty, bodytext_empty a 
    {
    } 
 
#tpc-logo-left
    {
	margin-left:		0px;
	margin-right:		0px;
	padding-right:		0px;
	padding-left:		0px;
	padding-top:		1px;
    float:              left;
    width:              30%;
    height:             40px;
    }

#tpc-logo-center
    {
	margin-left:		0px;
	margin-right:		0px;
	padding-right:		0px;
	padding-left:		0px;
	padding-top:		1px;
    float:              left;
    width:              50%;
    height:             40px;
    } 

#tpc-logo-right
    {
	margin-left:		0px;
	margin-right:		0px;
	padding-right:		0px;
	padding-left:		0px;
	padding-top:		1px;
    float:              left;
    width:              20%;
    height:             40px;
    }  

#tabledata 
    {
	width:		        100%;
	float:              left;
	height:             15px;
	text-align:		    center;
	font-size:          inherit;
	color:              white;
	overflow:           hidden;
	display:            block;
    }  
    
/* BEGIN Navigation Bar                                       */
	.nav-group 
	{
	width:              100%;
	float:              left;
	display:            block;                
	font-size:          inherit;
	line-height:        inherit;
	vertical-align:     middle;
	margin:             7px 1px 0px 1px;
	text-decoration:    none;
	font-family:        inherit;    
	font-weight:        normal;
	} 	

.nav-group a:hover
	{
	float:              left;
	color:              #ff0000;
	display:            block;    
	}

.nav-group a:visited
    {
	float:              left;
	font-size:          inherit;
	font-weight:        normal;
	line-height:        inherit;
	vertical-align:     middle;
	margin:             inherit;
	color:              #881100;
	text-decoration:    none;
	}  
	
.nav-button
    {
    width:              auto;    
	float:              left;
	vertical-align:     middle;
    margin:             0px 5px 0px 5px; 
    }
 
.nav-item-not-selected
	{
    width:              100%;    
	float:              left;
    font-family:        inherit;
	font-size:          80%;
	font-weight:        normal;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
    margin:             0px 0px 0px 15px; 
	}

.nav-item-selected
	{
    width:              100%;    
	float:              left;
    font-family:        inherit;
	font-size:          80%;
	font-weight:        normal;
	color:              #CC3333;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
    margin:             0px 0px 0px 15px; 
	} 
 
 
.nav-group-not-selected
	{
    width:              auto;    
	float:              left;
    font-family:        inherit;
	font-size:          inherit;
	font-weight:        bold;
	line-height:        inherit;
	display:            block;
	vertical-align:     middle;
	text-decoration:    none;
	}

.nav-group-selected
	{
    width:              auto;    
	float:              left;
    font-family:        inherit;
	font-size:          inherit;
	font-weight:        bold;
	color:              #CC3333;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
	}
	
.nav-text
	{
    width:              100%;    
	float:              left;
    font-family:        inherit;
	font-size:          inherit;
	font-weight:        bold;
	color:              inherit;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
    margin:             20px 0px 0px 0px; 
	}	
/* END Navigation Bar   */

.thin-yellow-line
    {
    width:              100%;
    height:             1px;
    margin:             0 0 0 0;	
    padding:            0 0 0 0;
    display:            none;
    } 

/**********************************************************************************/
/**** Menu Wrapper                                                             ****/
/**********************************************************************************/
/* We remove the margin, padding, and list style of ul and li components */
#benchmarks-and-results ul, #benchmarks-and-results ul li
    {
    margin:                 0;
    padding:                0;
    transition-delay:       3.5s ease-in-out;
    -webkit-transition:     delay .5s ease-in-out;
    -moz-transition:        delay .5s ease-in-out;
    -o-transition:          delay .5s ease-in-out;
    transition:             0.5s background-color;
    list-style:             none;
    }

/**********************************************************************************/
/**** FIRST LEVEL MENU                                                         ****/
/**********************************************************************************/
/* We apply background color and border bottom black and width to 130px */
#benchmarks-and-results ul li
    {
    background-color:       #336699;                /* First level - Default background color:   TPC Blue */ 
    color:                  #ffffff;                /* First level - Default text color:  White */
    position:               relative;
    transition:             0.5s background-color;
    transition-duration:    1s;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    -moz-border-radius:     8px;
    -webkitborder-radius:   8px;
    border-radius:          8px;
    width:                  100px;
    cursor:                 pointer;
    font-size:              10px;
    margin:                 0px;
    padding:                0px;
    z-index:                100;
    }

/* We apply the background hover color when user hover the mouse over of the first level li component */
#benchmarks-and-results 
    {
    margin:                 0px 0px 0px 20px;
    }

#benchmarks-and-results ul li:hover
    {
    background-color:       #333333;           /* First level - Default hover background color:  Black */
    transition-delay:       0.5s;
    position:               relative;    
    }

/* We change the link color */
#benchmarks-and-results ul li:hover a
    {
    color:                  white;                /* First level - Default link color:   White */
    }

/* We apply the link style */
#benchmarks-and-results ul li a
    {
    display:                inline-block;
    color:                  white;                /* First level - Default text color:   White */
    margin:                 5px auto 5px 5px; 
    padding:                0px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              inherit;
    }

/**********************************************************************************/
/**** SECOND LEVEL MENU ****/
/**********************************************************************************/
/* When user has not hovered anything, we show the second level --> we always show the first and second level until an express BM is published */
#benchmarks-and-results ul li ul 
    {
    position:               absolute;             
    left:                   100px;
    top:                    -1px;
    color:                  white;                  /* Second level - Default text color:   White */
    transition:             0.5s background-color;
    transition-duration:    1s;
    width:                  70px;
    display:                block;
    margin:                 0px;
    padding:                0px;
    z-index:                200;
    }

/* We change the background color for the level 2 submenu */
#benchmarks-and-results ul li ul li
    {
    background-color:       #119900;                /* Second level - Default background color:   Green */  
    transition:             0.5s background-color;
    transition-duration:    1s;
    font-size:              10px;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    width:                  70px;
    display:                block;
    }

/* We apply the link style */
#benchmarks-and-results ul li ul li a
    {
    display:                inline-block;
    color:                  White;                /* Second level - Default text color:   White */
    margin:                 5px auto 5px 5px; 
    padding:                0px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              11px;
    }
 
/* We change the background color for the level 2 submenu when hovering the menu */
#benchmarks-and-results ul li ul li:hover
    {
    background-color:       #333333;                /* Second level - Hover background color:   Black */
    }

/* We change the link color when hovering*/
#benchmarks-and-results ul li ul li:hover a
    {
    color:                  white;                  /* Second level - Default link color:   White */
    }

/**********************************************************************************/
/**** Third LEVEL MENU ****/
/**********************************************************************************/
/* We need to hide the 3rd menu, when hovering the first level menu */
#benchmarks-and-results ul li ul li ul
    {
    position:               absolute;
    display:                none;
    }

/* We need to hide the 4th menu, when hovering the second level menu */
#benchmarks-and-results ul li ul li:hover ul li ul
    {
    position:               absolute;
    display:                none;
    }

/* When user hovered over second level, we show the third level */
#benchmarks-and-results ul li ul li:hover ul 
    {
    position:               absolute;             
    left:                   70px;
    width:                  80px;
    top:                    -1px;
    border:                 none; 
    border-collapse:        collapse;  
    color:                  white;                  /* Third level - Default text color:   White */
    display:                block;
    margin:                 0px;
    padding:                0px;
    z-index:                300;
    }
 
/* We change the background color for the level 3 submenu after 2 sec */
#benchmarks-and-results ul li ul li ul li
    {
    width:                  80px;
    background:             #3333ff;                /* Third level - Default background color:   Blue */
    transition:             2s background-color;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    text-align:             left;
    margin:                 0px;
    padding:                7px 0px 7px 5px; 
    font-size:              10px;
    }

/* We apply the link style */
#benchmarks-and-results ul li ul li ul li a
    {
    display:                inline-block;
    color:                  White;                /* Third level - Default text color:   White */
    margin:                 0px; 
    padding:                7px 0px 7px 5px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              10px;
    }

/**********************************************************************************/
/**** Fourth LEVEL MENU                                                        ****/
/**********************************************************************************/
/* We need to hide the 5th menu, when hovering over the third level menu */
#benchmarks-and-results ul li ul li ul li:hover ul li ul
    {
    position:               absolute;
    display:                none;
    }

/* When user hovered over third level, we show the fourth level */
#benchmarks-and-results ul li ul li ul li:hover ul 
    {
    position:               absolute;             
    left:                   85px;
    top:                    -1px;
    width:                  70px;
    border:                 none; 
    border-collapse:        collapse;  
    color:                  white;                  /* Fourth level - Default text color:   White */
    display:                block;
    margin:                 0px;
    padding:                0px;
    z-index:                400;
    }

/* We change the background color for the level 4 submenu */
#benchmarks-and-results ul li ul li ul li ul li
    {
    background:             #ff6600;                /* Fourth level - Default background color:   Orange */
    transition:             0.5s background-color;
    transition-duration:    1s;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    width:                  70px;
    font-size:              10px;
    display:                block;
    margin:                 0px;
    padding:                7px 0px 7px 5px; 
    }
 
/* We apply the link style */
#benchmarks-and-results ul li ul li ul li ul li a
    {
    display:                inline-block;
    color:                  White;                /* Second level - Default text color:   White */
    margin:                 0px;
    padding:                7px 0px 7px 5px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              11px;
    }

/**********************************************************************************/
/**** Fifth LEVEL MENU ****/
/* When user hovered over fourth level, we show the fifth level */
#benchmarks-and-results ul li ul li ul li ul li:hover ul 
    {
    position:               absolute;             
    left:                   75px;
    top:                    -1px;
    width:                  65px;
    border:                 none; 
    border-collapse:        collapse;  
    color:                  White;                  /* Fifth level - Default text color:   White */
    display:                block;
    margin:                 0px;
    padding:                0px;
    z-index:                500;
    }
 
/* We change the background color for the level 5 submenu */
#benchmarks-and-results ul li ul li ul li ul li ul li
    {
    background:             #ff0000;                     /* Fifth level - Default background color:   Red */
    transition:             0.5s background-color;
    transition-duration:    1s;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    width:                  65px;
    font-size:              10px;
    color:                  black;
    display:                block;
    padding:                2px 15px;
    }

/* We apply the link style */
#benchmarks-and-results ul li ul li ul li ul li ul li a
    {
    display:                inline-block;
    color:                  Gray;                /* Fifth level - Default text color:   White */
    margin:                 0px; 
    padding:                5px 0 5px 5px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              10px;
    }

#header-banner {
    position: relative;
}

#header-banner #tpc-logo-left {
    position: absolute;
    top: 0px;
    left: 20px;
}  

#header-banner #tpc-logo-right {
    position: absolute;
    top: 0px;
    right: 0px;
}   

/* Clear float */
.clear
    {
    clear:                  both;
    }	
   
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*************************************************************************************************************************/
@media only screen and (min-width: 768px) {                                                                 /*  Tablets  */
/*************************************************************************************************************************/
/*  Tablets  */
/*************************************************************************************************************************/
body
    {
    width:                  99%;
    margin:                 0 auto 0 auto;
    font-size:              12px;
    line-height:            14px;
    }

.wrapper-whole-page 
    {
    max-width:          992px;    
    margin:             0 auto 0 auto;
    border:             2px solid #336699;
    }

.wrapper-header 
    {
    width:              100%;
    float:              left;
    }

.wrapper-subnav 
    {
    width:              18%;
    max-width:          18%;
    min-width:          18%;
    float:              left;
    }

.wrapper-main-content 
    {
    width:              82%;
    float:              left;
    margin:             0;
    }

.wrapper-main-content-middle 
    {
    width:              75%;
    float:              left;
    margin:             0;
    }

.wrapper-benchmarks-and-results 
    {
    width:              100%;
    float:              left;
    }

.wrapper-whats-new 
    {
    width:              100%;
    float:              left;
    }

.wrapper-recent-activities 
    {
    width:              100%;
/*  For Desktops and Laptops - spacing between  wrapper-benchmarks-and-results and wrapper-recent-activities */
    margin-top:         75px;
    float:              left;
    }

.wrapper-most-visited 
    {
    width:              24%;
    float:              left;
    background-color:   #cccccc;
    }

.wrapper-footer 
    {
    width:              100%;
    float:              left;
    }

.w3c_cert
    {
    font-size:          inherit;
    line-height:        14px;
    font-weight:        normal;
    color:              #336699;
    text-align:         center;
    margin:             0 0 0 0;	
    padding:            0 0 0 0;
    display:            inline;
    float:              left;
    }   
    
.facebook
	{
	width:              38px;
    display:            inline;
    margin:             0 13px 10px 0;
    float:              right;
	}    
	
.MidHead 
	{
	width:                  100%;    
    font-family:            inherit; 
    font-size:              inherit;
	line-height:            22px;
	background-color:       #FFCC66;
    margin:                 0px 0px 0px 0px;
    padding:                0px 0px 0px 0px;
	}
	
.MidHead-text 
	{
	width:                  100%;   
	height:                 25px; 
    font-family:            inherit; 
    font-size:              16px;
    text-align:             left;
    display:                inline-block;
	line-height:            22px;
    color:                  #CC3333; 
	background:             #dddddd url(/tpc_common_library/images/orange-to-light-gray-gradiant.png) 0 0 repeat-x;
    font-weight:            bold;
    margin:                 0px 0px 0px 0px;
    padding:                4px 0px 0px 10px;
	}	

.MidHead-text-dark 
	{
	width:                  100%;   
	height:                 25px; 
    font-family:            inherit; 
    font-size:              18px;
    text-align:             left;
    display:                inline-block;
	line-height:            22px;
    color:                  #CC3333; 
	background:             #cccccc url(/tpc_common_library/images/orange-to-dark-gray-gradiant.png) 0 0 repeat-x;
    font-weight:            bold;
    margin:                 0px 0px 0px 0px;
    padding:                4px 0px 0px 10px;
	}

.MidHead-text-dark-two-lines 
	{
	width:                  100%;   
	height:                 42px; 
    font-family:            inherit; 
    font-size:              18px;
    text-align:             left;
    display:                inline-block;
	line-height:            22px;
    color:                  #CC3333; 
	background:             #cccccc url(/tpc_common_library/images/orange-to-dark-gray-gradiant.png) 0 0 repeat-x;
    font-weight:            bold;
    margin:                 0px 0px 0px 0px;
    padding:                4px 0px 0px 10px;
	}	
	
.flink	
    {
    font-size:              10px;
    line-height:            20px;
    display:                inline;
    text-align:             center;
    }
	
.flink a:link	
    {
    font-size:              10px;
    line-height:            15px;
    display:                inline;
    text-align:             center;
    }

.flink a:visited	
    {
    font-size:              10px;
    line-height:            15px;
    display:                inline;
    text-align:             center;
    }

.flink a:hover	
    {
    font-size:              10px;
    line-height:            15px;
    display:                inline;
    text-align:             center;
    }
	
.subnav 
    {
    width:              100%; 
    height:             980px;
    float:              left;
    margin-right:       0px;
    margin-left:        0px; 
    background-color:   #FFCC66;
    border:             none;
    }

/*
.article 
    {
    float:              left;
    width:              63%; 
    display:            block;
    background-color:   #dddddd;
    margin:             0px 0px 0px 0px;
    border:             none;
    }   */

.whats-new 
    {
    float:              left;
    width:              100%; 
    display:            block;
    background-color:   #dddddd;
    padding:            0 0 2px 0;
    }

.whats-new-col1 
    {
    width:              25%;
    float:              left;
    font-size:          inherit;
    margin:             0px 0px 0px 3px;
    color:              #336699;
    }
    
.whats-new-col2
    {
    width:              72%;
    float:              left;
    font-size:          inherit;
    margin:             2px 0px 0px 0px;
    padding:            0;
    color:              #336699;
    text-decoration:    none;
    }

.whats-new-col2 a 
    {
    width:              100%;
    float:              left;
    display:            block;
    text-decoration:    underline;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    padding:            0;
    margin:             0;
    }
    
.whats-new-col2 a:hover 
    {
    width:              100%;
    float:              left;
    display:            block;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    padding:            0;
    margin:             0;
    background-color:   #dddddd;
    vertical-align:     top;
    color:              Red;
    text-decoration:    underline;
    }    
        
.whats-new-align 
    {
    width:              100%;
    float:              left;
    display:            block;            
    float:              left;
    display:            block;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    margin:             0px 0px 0px 0px;
    padding:            8px 0px 0px 0px;
    vertical-align:     middle; 
    }    
              
.benchmark-results 
    {
    float:          left;
    width:          100%; 
    height:         350px;
    display:        block;
    background-color: #dddddd;
    padding:        0 0 20px 0;
    }

.recent-activities
    {
    float:          left;
    width:          100%; 
    display:        block;
    background-color: #dddddd;
    padding:        0 0 20px 0;
    }  
    
.recent-activities-col1 
    {
    width:          18%;
    float:          left;
    font-size:      inherit;
    margin:         2px 0px 0px 2px;
    vertical-align: top;
    color:          #336699;
    padding:        4px 0px 0px 0px;
    }
        
.recent-activities-col2
    {
    width:              78%;
    height:             100%;
    float:              none;
    font-size:          inherit;
    line-height:        inherit;
    margin:             2px 0px 0px 2px;
    padding:            4px 0px 0px 0px;
    display:            inline-block;
    color:              #336699;
    }
     
.recent-activities-col2 a 
    {
    text-decoration:    underline;
    font:               inherit;    
    font-size:          inherit;
    display:            inline;
    width:              auto;
    float:              inherit;
    line-height:        inherit;
    margin:             inherit;
    padding:            inherit;
    }    
    
.recent-activities-col2 a:hover
    {  
    color:              Red;
    text-decoration:    underline;
    font:               inherit;    
    font-size:          inherit;
    display:            inline;
    width:              auto;
    line-height:        inherit;
    float:              inherit;
    margin:             inherit;
    padding:            inherit;
    }      
    
.most-visited 
    {
    width:              100%; 
    float:              left;
    clear:              none; /* to counteract the clearing of the previous breakpoint */
    display:            block;
    font:               inherit;
    font-size:          inherit;
    line-height:        inherit;
    color:              inherit;
    margin:             0;
    padding:            10px 0 10px 0;
    border:             none;
    background-color:   #dddddd;
    vertical-align:     top;
    }

.most-visited ul 
    {
    width:              100%; 
    float:              left;
    clear:              none; /* to counteract the clearing of the previous breakpoint */
    display:            block;
    margin:             0;
    padding:            0;
    vertical-align:     top;
    }

.most-visited ul li
    {
    width:              100%; 
    float:              left;
    clear:              none; /* to counteract the clearing of the previous breakpoint */
    display:            block;
    margin:             25px 0px 0px 10px;
    padding:            0;
    vertical-align:     top;
    }    
    
.most-visited ul a 
    {
    width:              100%; 
    display:            block;
    text-decoration:    underline;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    margin:             0;
    padding:            0;
    }       
    
.most-visited ul a:hover 
    {
    width:              100%; 
    float:              left;
    display:            block;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    margin:             0;
    padding:            0;
    vertical-align:     top;
    color:              Red;
    text-decoration:    underline;
    }    
    
#frequently-visited-lm
    {
    display:            block;
    } 
     
#frequently-visited-s
    {
    display:            none;
    }      

.BodyText 
    {
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    color:              #000000;
    padding-right:      5px;
    }
    
.BodyTextBig 
    {
    margin:             5px 0px 0px 2px;
    padding:            5px 0px 0px 2px;
    vertical-align:     middle;
    font-size:          inherit;
    font-family:        inherit; 
    display:            inline;
    color:              #000000;
    }     

.BodyTextBig a 
    {
    font-family:        inherit; 
    font-size:          inherit;
    display:            inline;
    color:              #336699;
    }
    
.BodyTextBig_right
    {
    font-family:        inherit; 
    font-size:          inherit;
    text-align:         right;
    line-height:        inherit;
    color:              #000000;
    padding-right:      10px;
    }
    
.BodyTextBig_center
    {
    font-family:        inherit; 
    font-size:          14px;
    font-weight:        400;
    text-align:         center;
    line-height:        inherit;
    color:              #336699;
    }

.bodytext_left 
    {
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    color:              #000000;
    text-align:         left;
    } 
        
.BodyText_center 
    {
    font-family:        inherit; 
    font-size:          10px;
    line-height:        inherit;
    color:              #336699;
    padding-right:      5px;
    text-align:         center;
    }         
        
.bodytext_empty, bodytext_empty a 
    {
    } 	

#tpc_logo2
    {
    margin-left:		auto;
    margin-right:		auto;
    padding-right:		1px;
    padding-left:		1px;
    padding-top:		1px;
    float:              right;
    width:              30%;
    }  

#tpc-logo-left
    {
    margin-left:		0px;
    margin-right:		0px;
    padding-right:		0px;
    padding-left:		0px;
    padding-top:		1px;
    float:              left;
    width:              30%;
    height:             50px;
    }

#tpc-logo-center
    {
    margin-left:		0px;
    margin-right:		0px;
    padding-right:		0px;
    padding-left:		0px;
    padding-top:		1px;
    float:              left;
    width:              50%;
    height:             50px;
    } 

#tpc-logo-right
    {
    margin-left:		0px;
    margin-right:		0px;
    padding-right:		0px;
    padding-left:		0px;
    padding-top:		1px;
    float:              left;
    width:              20%;
    height:             50px;
    }  

#tabledata 
    {
	width:		        100%;
	float:              left;
	height:             15px;
	text-align:		    center;
	font-size:          inherit;
	color:              white;
	overflow:           hidden;
	display:            block;
    }  
    
/* BEGIN Navigation Bar                                       */
.nav-group 
	{
	width:              100%;  
	float:              left;
	display:            block;                
	font-size:          inherit;
	line-height:        inherit;
	vertical-align:     middle;
	margin:             7px 1px 0px 1px;
	text-decoration:    none;
	font-family:        inherit;    
	font-weight:        normal;
	} 	

.nav-group a:hover
	{
	float:              left;
	color:              #ff0000;
	display:            block;    
	}
 
.nav-group a:visited
    {
	float:              left;
	font-size:          inherit;
	font-weight:        normal;
	line-height:        inherit;
	vertical-align:     middle;
	margin:             inherit;
	color:              #881100;
	text-decoration:    none;
	}  
	
.nav-button
    {
    width:              auto;    
	float:              left;
	vertical-align:     middle;
    margin:             0px 5px 0px 5px; 
    }
 
.nav-item-not-selected
	{
    width:              100%;    
	float:              left;
    font-family:        inherit;
	font-size:          80%;
	font-weight:        normal;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
    margin:             0px 0px 0px 15px; 
	}

.nav-item-selected
	{
    width:              100%;    
	float:              left;
    font-family:        inherit;
	font-size:          80%;
	font-weight:        normal;
	color:              #CC3333;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
    margin:             0px 0px 0px 15px; 
	}
	
.nav-group-not-selected
	{
    width:              auto;    
	float:              left;
    font-family:        inherit;
	font-size:          inherit;
	font-weight:        normal;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
	}

.nav-group-selected
	{
    width:              auto;    
	float:              left;
    font-family:        inherit;
	font-size:          inherit;
	font-weight:        normal;
	color:              #CC3333;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
	}	
	
.nav-text
	{
    width:              auto;    
	float:              left;
    font-family:        inherit;
	font-size:          inherit;
	font-weight:        bold;
	color:              inherit;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
    margin:             20px 0px 0px 0px; 
	}	
/* END Navigation Bar   

/* We remove the margin, padding, and list style of UL and LI components */
#benchmarks-and-results 
    {
    margin:                 0px 0px 0px 20px;
    }

#benchmarks-and-results ul, #benchmarks-and-results ul li
    {
    margin:                 0;
    padding:                0;
    transition-delay:       3.5s ease-in-out;
    -webkit-transition:     delay .5s ease-in-out;
    -moz-transition:        delay .5s ease-in-out;
    -o-transition:          delay .5s ease-in-out;
    transition:             0.5s background-color;
    list-style:             none;
    }

.thin-yellow-line
    {
    width:              100%;
    height:             1px;
    margin:             0 0 5px 0;	
    padding:            0 0 0 0;
    display:            block;
    } 

/**********************************************************************************/
/**** FIRST LEVEL MENU ****/
/* We apply background color and border bottom black and width to 130px */
#benchmarks-and-results ul li
    {
    background-color:       #336699;                /* First level - Default background color:   TPC Blue */ 
    color:                  #ffffff;                /* First level - Default text color:  White */
    position:               relative;
    transition:             0.5s background-color;
    transition-duration:    1s;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    -moz-border-radius:     8px;
    -webkitborder-radius:   8px;
    border-radius:          8px;
    width:                  100px;
    cursor:                 pointer;
    font-size:              14px;
    padding:                2px 15px;
    }

/* We apply the background hover color when user hover the mouse over of the first level li component */
#benchmarks-and-results ul li:hover
{
    background-color:       #333333;           /* First level - Default hover background color:  Black */
    transition-delay:       0.5s;
    position:               relative;    
    }

/* We change the link color */
#benchmarks-and-results ul li:hover a
    {
    color:                  white;                /* First level - Default link color:   White */
    }

/* We apply the link style */
#benchmarks-and-results ul li a
    {
    display:                inline-block;
    color:                  White;                /* Second level - Default text color:   White */
    margin:                 5px auto 5px 5px; 
    padding:                0px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              13px;
    }

/**********************************************************************************/
/**** SECOND LEVEL MENU ****/
/* When user has not hovered anything, we show the second level */
#benchmarks-and-results ul li ul 
    {
    position:               absolute;             
    left:                   130px;
    top:                    -1px;
    color:                  white;                  /* Second level - Default text color:   White */
    transition:             0.5s background-color;
    transition-duration:    1s;
    width:                  100px;
    display:                block;
    }

/* We change the background color for the level 2 submenu */
#benchmarks-and-results ul li ul li
    {
    background-color:       #119900;                /* Second level - Default background color:   Green */  
    transition:             0.5s background-color;
    transition-duration:    1s;
    font-size:              14px;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    width:                  100px;
    padding:                2px 15px;
    }
 
/* We change the background color for the level 2 submenu when hovering the menu */
#benchmarks-and-results ul li ul li:hover
    {
    background-color:       #333333;                /* Second level - Hover background color:   Black */
    }

/* We change the link color when hovering*/
#benchmarks-and-results ul li ul li:hover a
    {
    color:                  white;                  /* Second level - Default link color:   White */
    }

/* We apply the link style */
#benchmarks-and-results ul li ul li a
    {
    display:                inline-block;
    color:                  White;                /* Second level - Default text color:   White */
    margin:                 5px auto 5px 5px; 
    padding:                0px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              13px;
    }

/*???????????????????????????????????????????????????????????????????????
/* We need to hide the 3rd menu, when hovering the first level menu */
#benchmarks-and-results ul li ul li ul
    {
    position:               absolute;
    display:                none;
    }

/**********************************************************************************/
/**** Third LEVEL MENU ****/
/* When user hovered over second level, we show the third level */
#benchmarks-and-results ul li ul li:hover ul 
    {
    position:               absolute;             
    left:                   130px;
    top:                    -1px;
    width:                  110px;
    border:                 none; 
    border-collapse:        collapse;  
    color:                  white;                  /* Third level - Default text color:   White */
    display:                block;
    }
 
/* We change the background color for the level 3 submenu */
#benchmarks-and-results ul li ul li ul li
    {
    background:             #3333ff;                /* Third level - Default background color:   Blue */
    transition:             0.5s background-color;
    transition-duration:    1s;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    width:                  110px;
    font-size:              14px;
    padding:                2px 15px;
    }

/* We need to hide the 4th menu, when hovering the second level menu */
#benchmarks-and-results ul li ul li:hover ul li ul
    {
    position:               absolute;
    display:                none;
    }

/* We apply the link style */
#benchmarks-and-results ul li ul li ul li a
    {
    display:                inline-block;
    color:                  White;                /* Second level - Default text color:   White */
    margin:                 5px auto 5px 5px; 
    padding:                0px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              13px;
    }

/**********************************************************************************/
/**** Fourth LEVEL MENU ****/
/* When user hovered over third level, we show the fourth level */
#benchmarks-and-results ul li ul li ul li:hover ul 
    {
    position:               absolute;             
    left:                   140px;
    top:                    -1px;
    width:                  110px;
    border:                 none; 
    border-collapse:        collapse;  
    color:                  white;                  /* Third level - Default text color:   White */
    display:                block;
    }

/* We change the background color for the level 4 submenu */
#benchmarks-and-results ul li ul li ul li ul li
    {
    background:             #ff6600;                /* Fourth level - Default background color:   Orange */
    transition:             0.5s background-color;
    transition-duration:    1s;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    width:                  110px;
    font-size:              14px;
    padding:                2px 15px;
    }
 
/* We need to hide the 5th menu, when hovering the third level menu */
#benchmarks-and-results ul li ul li ul li:hover ul li ul
    {
    position:               absolute;
    display:                none;
    }

/* We apply the link style */
#benchmarks-and-results ul li ul li ul li ul li a
    {
    display:                inline-block;
    color:                  White;                /* Second level - Default text color:   White */
    margin:                 5px auto 5px 5px; 
    padding:                0px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              13px;
    }

/**********************************************************************************/
/**** Fifth LEVEL MENU ****/
/* When user hovered over fourth level, we show the fifth level */
#benchmarks-and-results ul li ul li ul li ul li:hover ul 
    {
    position:               absolute;             
    left:                   140px;
    top:                    -1px;
    border:                 none; 
    border-collapse:        collapse;  
    color:                  white;                  /* Third level - Default text color:   White */
    display:                block;
    }
 
/* We change the background color for the level 5 submenu */
#benchmarks-and-results ul li ul li ul li ul li ul li
    {
    background:             #ff0000;                     /* Fifth level - Default background color:   Red */
    transition:             0.5s background-color;
    transition-duration:    1s;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    width:                  100px;
    font-size:              14px;
    color:                  black;
    padding:                2px 15px;
    }

/* We apply the link style */
#benchmarks-and-results ul li ul li ul li ul li ul li a
    {
    display:                inline-block;
    color:                  White;                /* Second level - Default text color:   White */
    margin:                 5px auto 5px 5px; 
    padding:                0px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              13px;
    }
    
#header-banner {
    position: relative;
}

#header-banner #tpc-logo-left {
    position: absolute;
    top: 0px;
    left: 30px;
}  

#header-banner #tpc-logo-right {
    position: absolute;
    top: 0px;
    right: 0px;
}    
    

/* Clear float */
.clear
    {
    clear:                  both;
    }	
                
}   /* END @media only screen and (min-width: 768px) */
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*************************************************************************************************************************/
@media only screen and (min-width: 992px) {                                                    /*  Desktops and Laptops  */
/*************************************************************************************************************************/
/*  Desktops and Laptops  */
body
    {
    width:              99%;
    margin:             0 auto 0 auto;
    font-size:          16px;
    line-height:        18px;
    }

.wrapper-whole-page 
    {
    width:              100%;    
    max-width:          1200px;    
    margin:             0 auto 0 auto;
    border:             2px solid #336699;
    }

.wrapper-header 
    {
    width:              100%;
    clear:              both;
    }

.wrapper-main-body 
    {
    width:              100%;
    clear:              both;
    }

.wrapper-subnav 
    {
    width:              15%;
    clear:              both;
    }

.wrapper-main-content 
    {
    width:              82%;
    float:              left;
    margin:             0;
    }

.wrapper-main-content-middle 
    {
    width:              78%;
    float:              left;
    margin:             0;
    }

/* Begin results pages */

.wrapper-whole-page-2col 
    {
    width:              100%;    
    max-width:          1800px;    
    margin:             0 auto 0 auto;
    border:             2px solid #336699;
    }    
    
.wrapper-main-content-2col 
    {
    width:              100%;
    float:              left;
    margin:             0;
    }

.wrapper-main-content-middle-2col
    {
    width:              100%;
    float:              left;
    margin:             0;
    }  

.wrapper-results-header 
    {
    width:              100%;
    float:              left;
    font-weight:        bold;
    font-size:          10px;
   	text-align:         center;
    margin:             0;
    border:             1px solid black;
    border-collapse:    collapse;
    vertical-align:     top;
    padding:            0px 0px 0px 0px;
    color:              #336699;
    }  

.results-header 
    {
    width:              7%;
    float:              left;
    font-size:          10px;
    margin:             0;
    margin:             5px 2px 15px 2px;
    border-collapse:    collapse;
    vertical-align:     top;
    padding:            0px 0px 0px 0px;
    color:              #336699;
    }  
    
.wrapper-results-row
    {
    width:              100%;
    float:              left;
    margin:             0;
    border-collapse:    collapse;
    border:             1px solid black;
    }

.results-row 
    {
    width:              7%;
    float:              left;
    font-size:          10px;
   	text-align:         center;
    margin:             5px 2px 5px 2px;
    border-collapse:    collapse;
    vertical-align:     top;
    padding:            0px 0px 0px 0px;
    color:              #336699;
    }    

/* End results pages  */

.wrapper-benchmarks-and-results 
    {
    width:              100%;
    float:              left;
    }

.wrapper-whats-new 
    {
    width:              100%;
    float:              left;
    }

.wrapper-recent-activities 
    {
    width:              100%;
/*  For Desktops and Laptops - spacing between  wrapper-benchmarks-and-results and wrapper-recent-activities */
    margin-top:         75px;
    float:              left;
    }

.wrapper-most-visited 
    {
    width:              21%;
    float:              right;
    background-color:   #cccccc;
    font-size:          inherit;
    }

.wrapper-footer 
    {
    width:              auto;
    float:              left;
    }

.w3c_cert
	{
	font-size:          inherit;
	line-height:        14px;
	font-weight:        normal;
	color:              #336699;
	text-align:         center;
    margin:             0 0 0 0;	
    padding:            0 0 0 0;
    display:            inline;
    float:              left;
	}    
	
.facebook
	{
	width:              38px;
    display:            inline;
    margin:             0 13px 10px 0;
    float:              right;
	}    
	

.MidHead 
	{
	width:              100%;    
    font-family:        inherit; 
    font-size:          inherit;
	line-height:        22px;
    margin:             0px 0px 0px 0px;
    padding:            0px 0px 0px 0px;
	}
	
.MidHead-text 
	{
	width:              100%;   
	height:             25px; 
    font-family:        inherit; 
    font-size:          18px;
    text-align:         left;
    display:            inline-block;
	line-height:        22px;
    color:              #CC3333; 
	background:         #dddddd url(/tpc_common_library/images/orange-to-light-gray-gradiant.png) 0 0 repeat-x;
    font-weight:        bold;
    margin:             0px 0px 0px 0px;
    padding:            4px 0px 0px 10px;
	}

.MidHead-text-dark 
	{
	width:                  100%;   
	height:                 25px; 
    font-family:            inherit; 
    font-size:              18px;
    text-align:             left;
    display:                inline-block;
	line-height:            22px;
    color:                  #CC3333; 
	background:             #cccccc url(/tpc_common_library/images/orange-to-dark-gray-gradiant.png) 0 0 repeat-x;
    font-weight:            bold;
    margin:                 0px 0px 0px 0px;
    padding:                4px 0px 0px 10px;
	}
	
.flink	
    {
    font-size:              10px;
    line-height:            12px;
    display:                inline-block;
    }
	
.flink a:link	
    {
    font-size:              10px;
    line-height:            12px;
    }

.flink a:visited	
    {
    font-size:              10px;
    line-height:            12px;
    }

.flink a:hover	
    {
    font-size:              10px;
    line-height:            12px;
    }	
		
/*
.wrapper 
    {
    max-width:          1180px;
    }       */

.subnav 
    {
    width:              100%; 
    margin-right:       0px;  
    margin-left:        0px;  
    margin-top:         0px;  
    background-color:   #FFCC66;
    border:             none;
    }

/*
.article 
    {
    width:              70%; 
    float:              left;
    display:            block;
    background-color:   #dddddd;
    margin:             0px 0px 0px 0px;
    }   */

.whats-new 
    {
    width:              100%; 
    float:              left;
    display:            block;
    background-color:   #dddddd;
    padding:            0 0 2px 0;
    }

.whats-new-col1 
    {
    width:              24%;
    float:              left;
    font-size:          inherit;
    margin:             2px 0px 0px 5px;
    padding:            0px 0px 0px 0px;
    color:              #336699;
    }
        
.whats-new-col2
    {
    width:              74%;
    float:              left;
    font-size:          inherit;
    margin:             2px 0px 0px 0px;
    padding:            0;
    color:              #336699;
    text-decoration:    none;
    }
   
.whats-new-col2 a 
    {
    width:              100%;
    float:              left;
    display:            block;
    text-decoration:    underline;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    padding:            0;
    margin:             0;
    }    
    
.whats-new-col2 a:hover 
    {
    width:              100%;
    float:              left;
    display:            block;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    padding:            0;
    margin:             0;
    background-color:   #dddddd;
    vertical-align:     top;
    color:              Red;
    text-decoration:    underline;
    }    
        
.whats-new-align 
    {
    width:              100%;
    float:              left;
    display:            block;            
    float:              left;
    display:            block;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    margin:             0px 0px 0px 0px;
    padding:            8px 0px 0px 0px;
    vertical-align:     middle; 
    }

.benchmark-results 
    {
    float:              left;
    width:              100%; 
    height:             350px;
    display:            block;
    background-color:   #dddddd;
    padding:            0 0 20px 0px;
    }

.recent-activities
    {
    float:              left;
    width:              100%; 
    display:            block;
    padding:            0 0 20px 0;
    }  

.recent-activities-col1 
    {
    width:              15%;
    float:              left;
    font-size:          inherit;
    margin:             2px 0px 0px 2px;
    vertical-align:     top;
    color:              #336699;
    padding:            1% 0px 0px 0px;
    display:            block;
    }
        
.recent-activities-col2
    {
    width:              80%;
    height:             100%;
    float:              none;
    font-size:          inherit;
    margin:             2px 0px 0px 2px;
    vertical-align:     top;
    padding:            1% 0px 0px 0px;
    display:            inline-block;
    color:              #336699;
    }
    
.recent-activities-col2 a 
    {
    text-decoration:    underline;
    font:               inherit;    
    display:            inline;
    width:              auto;
    float:              none;
    margin:             inherit;
    padding:            inherit;
    }    
    
.recent-activities-col2 a:hover
    {  
    color:              Red;
    text-decoration:    underline;
    font:               inherit;    
    display:            inline;
    width:              auto;
    float:              none;
    margin:             inherit;
    padding:            inherit;
    }   
    
.most-visited 
    {
    width:              100%; 
    float:              left;
    clear:              none; /* to counteract the clearing of the previous breakpoint */
    display:            block;
    font:               inherit;
    font-size:          inherit;
    color:              inherit;
    margin:             0;
    padding:            10px 0 10px 0;
    border:             none;
    vertical-align:     top;
    background-color:   #cccccc;
    line-height:        inherit;
    }

.most-visited ul 
    {
    width:              100%; 
    float:              left;
    clear:              none; /* to counteract the clearing of the previous breakpoint */
    display:            block;
    margin:             0px 0px 0px 0px;
    vertical-align:     top;
    }
    
.most-visited ul li
    {
    width:              100%; 
    float:              left;
    clear:              none; /* to counteract the clearing of the previous breakpoint */
    display:            block;
    margin:             5px 15px 0px 5px;
    padding:            5px 5px 0px 5px;
    vertical-align:     top;
    }    
    
.most-visited ul a 
    {
    width:              100%; 
    float:              left;
    display:            block;
    text-decoration:    underline;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    padding:            0;
    margin:             0px 0px 0px 0px;
    }       
    
.most-visited ul a:hover 
    {
    width:              100%; 
    float:              left;
    display:            block;
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    padding:            0px 0px 0px 0px;
    margin:             0px 0px 0px 0px;
    vertical-align:     top;
    color:              Red;
    text-decoration:    underline;
    }       
    
#frequently-visited-lm
    {
    display: block;
    } 
     
#frequently-visited-s
    {
    display: none;
    } 
        
.BodyText 
    {
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    color:              #000000;
    padding-right:      5px;
    }

.BodyTextBig
    {
    font-family:        inherit; 
    font-size:          inherit;
    color:              #000000;
    }
       
.BodyTextBig a 
    {
    font-family:        inherit; 
    font-size:          inherit;
    color:              #336699;
    }
    
.BodyTextBig_right
    {
    font-family:        inherit; 
    font-size:          inherit;
    text-align:         right;
    line-height:        inherit;
    color:              #000000;
    padding-right:      10px;
    }
        
.BodyTextBig_center
    {
    font-family:        inherit; 
    font-size:          18px;
    font-weight:        200;
    text-align:         center;
    line-height:        inherit;
    color:              #336699;
    }
        
.bodytext_left 
    {
    font-family:        inherit; 
    font-size:          inherit;
    line-height:        inherit;
    color:              #000000;
    text-align:         left;
    } 
        
.BodyText_center 
    {
    font-family:        inherit; 
    font-size:          14px;
    line-height:        inherit;
    color:              #336699;
    padding-right:      5px;
    text-align:         center;
    }         
        
.bodytext_empty, bodytext_empty a 
	{
    } 

#tpc-logo-left
    {
    margin-left:		0px;
    margin-right:		0px;
    padding-right:		0px;
    padding-left:		0px;
    padding-top:		1px;
    float:              left;
    width:              30%;
    height:             60px;
    }

#tpc-logo-center
    {
    margin-left:		0px;
    margin-right:		0px;
    padding-right:		0px;
    padding-left:		0px;
    padding-top:		1px;
    float:              left;
    width:              50%;
    height:             60px;
    } 

#tpc-logo-right
    {
    margin-left:		0px;
    margin-right:		0px;
    padding-right:		0px;
    padding-left:		0px;
    padding-top:		1px;
    float:              left;
    width:              20%;
    height:             60px;
    } 
 
#tabledata 
    {
	width:		        100%;
	height:             25px;
	text-align:		    center;
	font-size:          12px;
	color:              white;
	overflow:           hidden;
	display:            block;
	float:              left;
    }  
    

/* BEGIN Navigation Bar                                       */
	.nav-group 
	{
	width:              100%;  
	float:              left;
	display:            block;                
	font-size:          inherit;
	line-height:        inherit;
	vertical-align:     middle;
	margin:             7px 1px 0px 1px;
	text-decoration:    none;
	font-family:        inherit;    
	font-weight:        normal;
	} 	

.nav-group a:hover
	{
	float:              left;
	color:              #ff0000;
	display:            block;    
	}
 
.nav-group a:visited
    {
	float:              left;
	font-size:          inherit;
	font-weight:        normal;
	line-height:        inherit;
	vertical-align:     middle;
	margin:             inherit;
	color:              #881100;
	text-decoration:    none;
	}  
	
.nav-button
    {
    width:              auto;    
	float:              left;
	vertical-align:     middle;
    margin:             0px 5px 0px 5px; 
    }
 
.nav-item-not-selected
	{
    width:              100%;    
	float:              left;
    font-family:        inherit;
	font-size:          80%;
	font-weight:        normal;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
    margin:             0px 0px 0px 15px; 
	}

.nav-item-selected
	{
    width:              100%;    
	float:              left;
    font-family:        inherit;
	font-size:          80%;
	font-weight:        normal;
	color:              #CC3333;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
    margin:             0px 0px 0px 15px; 
	}
	
.nav-group-not-selected
	{
    width:              auto;    
	float:              left;
    font-family:        inherit;
	font-size:          inherit;
	font-weight:        normal;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
	}

.nav-group-selected
	{
    width:              auto;    
	float:              left;
    font-family:        inherit;
	font-size:          inherit;
	font-weight:        normal;
	color:              #CC3333;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
	}	
	
.nav-text
	{
    width:              100%;    
	float:              left;
    font-family:        inherit;
	font-size:          inherit;
	font-weight:        bold;
	color:              inherit;
	line-height:        inherit;
	display:            block;    
	vertical-align:     middle;
	text-decoration:    none;
    margin:             20px 0px 0px 0px; 
	}		
/* END Navigation Bar                                         */

/* We remove the margin, padding, and list style of UL and LI components */
#benchmarks-and-results 
    {
    margin:                 0px 0px 0px 20px;
    }

#benchmarks-and-results ul, #benchmarks-and-results ul li
    {
    margin:                 0;
    padding:                0;
    transition-delay:       3.5s ease-in-out;
    -webkit-transition:     delay .5s ease-in-out;
    -moz-transition:        delay .5s ease-in-out;
    -o-transition:          delay .5s ease-in-out;
    transition:             0.5s background-color;
    list-style:             none;
    }

.thin-yellow-line
    {
    width:              100%;
    height:             1px;
    margin:             0 0 5px 0;	
    padding:            0 0 0 0;
    display:            block;
    } 

/**********************************************************************************/
/**** FIRST LEVEL MENU ****/
/* We apply background color and border bottom black and width to 130px */
#benchmarks-and-results ul li
    {
    background-color:       #336699;                /* First level - Default background color:   TPC Blue */ 
    color:                  #ffffff;                /* First level - Default text color:  White */
    position:               relative;
    transition:             0.5s background-color;
    transition-duration:    1s;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    -moz-border-radius:     8px;
    -webkitborder-radius:   8px;
    border-radius:          8px;
    width:                  100px;
    cursor:                 pointer;
    font-size:              14px;
    padding:                2px 15px;
    }

/* We apply the background hover color when user hover the mouse over of the first level li component */
#benchmarks-and-results ul li:hover
    {
    background-color:       #333333;           /* First level - Default hover background color:  Black */
    transition-delay:       0.5s;
    position:               relative;    
    }

/* We change the link color */
#benchmarks-and-results ul li:hover a
    {
    color:                  white;                /* First level - Default link color:   White */
    }

/* We apply the link style */
#benchmarks-and-results ul li a
    {
    display:                inline-block;
    color:                  White;                /* Second level - Default text color:   White */
    margin:                 5px auto 5px 5px; 
    padding:                0px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              15px;
    }

/**********************************************************************************/
/**** SECOND LEVEL MENU ****/
/* When user has not hovered anything, we show the second level */

#benchmarks-and-results ul li ul 
    {
    position:               absolute;             
    left:                   130px;
    top:                    -1px;
    color:                  white;                  /* Second level - Default text color:   White */
    transition:             0.5s background-color;
    transition-duration:    1s;
    width:                  100px;
    display:                block;
    }

/* We change the background color for the level 2 submenu */
#benchmarks-and-results ul li ul li
    {
    background-color:       #119900;                /* Second level - Default background color:   Green */  
    transition:             0.5s background-color;
    transition-duration:    1s;
    font-size:              14px;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    width:                  100px;
    padding:                2px 15px;
    }
 
/* We change the background color for the level 2 submenu when hovering the menu */
#benchmarks-and-results ul li ul li:hover
    {
    background-color:       #333333;                /* Second level - Hover background color:   Black */
    }

/* We change the link color when hovering*/
#benchmarks-and-results ul li ul li:hover a
    {
    color:                  white;                  /* Second level - Default link color:   White */
    }

/* We apply the link style */
#benchmarks-and-results ul li ul li a
    {
    display:                inline-block;
    color:                  White;                /* Second level - Default text color:   White */
    margin:                 5px auto 5px 5px; 
    padding:                0px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              15px;
    }

/*???????????????????????????????????????????????????????????????????????
/* We need to hide the 3rd menu, when hovering the first level menu */
#benchmarks-and-results ul li ul li ul
    {
    position:               absolute;
    display:                none;
    }

/**********************************************************************************/
/**** Third LEVEL MENU ****/
/* When user hovered over second level, we show the third level */
#benchmarks-and-results ul li ul li:hover ul 
    {
    position:               absolute;             
    left:                   130px;
    top:                    -1px;
    width:                  120px;
    border:                 none; 
    border-collapse:        collapse;  
    color:                  white;                  /* Third level - Default text color:   White */
    display:                block;
    }
 
/* We change the background color for the level 3 submenu */
#benchmarks-and-results ul li ul li ul li
    {
    background:             #3333ff;                /* Third level - Default background color:   Blue */
    transition:             0.5s background-color;
    transition-duration:    1s;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    width:                  120px;
    font-size:              14px;
    padding:                2px 15px;
    }

/* We need to hide the 4th menu, when hovering the second level menu */
#benchmarks-and-results ul li ul li:hover ul li ul
    {
    position:               absolute;
    display:                none;
    }

/* We apply the link style */
#benchmarks-and-results ul li ul li ul li a
    {
    display:                inline-block;
    color:                  White;                /* Second level - Default text color:   White */
    margin:                 5px auto 5px 5px; 
    padding:                0px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              15px;
    }

/**********************************************************************************/
/**** Fourth LEVEL MENU ****/
/* When user hovered over third level, we show the fourth level */
#benchmarks-and-results ul li ul li ul li:hover ul 
    {
    position:               absolute;             
    left:                   150px;
    top:                    -1px;
    width:                  120px;
    border:                 none; 
    border-collapse:        collapse;  
    color:                  white;                  /* Third level - Default text color:   White */
    display:                block;
    }

/* We change the background color for the level 4 submenu */
#benchmarks-and-results ul li ul li ul li ul li
    {
    background:             #ff6600;                /* Fourth level - Default background color:   Orange */
    transition:             0.5s background-color;
    transition-duration:    1s;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    width:                  120px;
    font-size:              14px;
    padding:                2px 15px;
    }
 
/* We need to hide the 5th menu, when hovering the third level menu */
#benchmarks-and-results ul li ul li ul li:hover ul li ul
    {
    position:               absolute;
    display:                none;
    }

/* We apply the link style */
#benchmarks-and-results ul li ul li ul li ul li a
    {
    display:                inline-block;
    color:                  White;                /* Second level - Default text color:   White */
    margin:                 5px auto 5px 5px; 
    padding:                0px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              15px;
    }

/**********************************************************************************/
/**** Fifth LEVEL MENU ****/
/* When user hovered over fourth level, we show the fifth level */
#benchmarks-and-results ul li ul li ul li ul li:hover ul 
    {
    position:               absolute;             
    left:                   150px;
    top:                    -1px;
    border:                 none; 
    border-collapse:        collapse;  
    color:                  white;                  /* Third level - Default text color:   White */
    display:                block;
    }
 
/* We change the background color for the level 5 submenu */
#benchmarks-and-results ul li ul li ul li ul li ul li
    {
    background:             #ff0000;                     /* Fifth level - Default background color:   Red */
    transition:             0.5s background-color;
    transition-duration:    1s;
    border:                 1.0px solid black; 
    border-collapse:        collapse;  
    width:                  100px;
    font-size:              14px;
    color:                  black;
    padding:                2px 15px;
    }

/* We apply the link style */
#benchmarks-and-results ul li ul li ul li ul li ul li a
    {
    display:                inline-block;
    color:                  White;                /* Second level - Default text color:   White */
    margin:                 5px auto 5px 5px; 
    padding:                0px; 
    text-align:             left;
    text-decoration:        underline;     
    font-size:              15px;
    }

#header-banner {
    position: relative;
}

#header-banner #tpc-logo-left {
    position: absolute;
    top: 0px;
    left: 30px;
}  

#header-banner #tpc-logo-right {
    position: absolute;
    top: 0px;
    right: 0px;
}    
    
/* Clear float */
.clear
    {
    clear:                  both;
    }	
 
}       /* END @media only screen and (min-width: 992px) */
    
/**********************************************************************************/
/* End of TPC-Main CSS file                                                       */
/**********************************************************************************/

/* unused??? */
/*
.color01
		{
		background-color: #FFCC66;
		}    
.color02
		{
		background-color: #CC9900;
		}    
.color03
		{
		background-color: #336699;
		}    
.color04
	{
	background-color: #FFCC66;
	}    
.color05
	{
	background-color: #FFCC66;
	}
.color06
	{
	background-color: #CCCCCC;
	}
*/