/* Keynote Stylesheet  */

#content .webperformance{
	background-image:url(/_media/images/products/web_performance/main_content_bg.gif);
	width: 1000px;
	background-repeat:repeat-y;
	float:left;
	
}


#content .columnProductLeft{
	float: left;
	width: 332px;
}


#content .columnProductRight{
	float: left;
	width: 667px;
	margin-left: 1px;
	padding-bottom:23px;
}



#content .columnProductLeft h1{
	margin-top: 0px;
	color: #39647E;
	background-color: inherit;
	
}

#content  .secondsection {
  color:inherit;
  margin-left: 15px;
  margin-bottom: 16px;
  background-color: #d5f5ff;
  width: 303px;
  margin-top: 15px;
}



#content .columnProductLeft .header{
	color: inherit;
	background-color: inherit;
	background-image:url(/_media/images/products/web_performance/web_header.jpg);
	width: 332px;
	height: 46px;
	margin:0px;
	
	
}


#content .columnProductRight h1{
	background-color: #cccccc;
	color:#333333;
	height:23px;
	width: 235px;
	margin:0px;
	padding-top:4px;
	font-size:11px;
}



#content .columnProductRight h3{
	font-weight:bold;
    margin-top:0px;
	margin-bottom: 0px; 
	padding-right:16px;
	padding-left:17px;
	font-size:12px;
	color: #333333;
	background-color: #D5D5E6;
	padding-top:10px;
}



#content .columnProductRight h3.white{
	border-top: 1px solid white;
	font-weight:bold;
    margin-top:0px;
	margin-bottom: 0px; 
	padding-right:16px;
	padding-left:17px;
	font-size:12px;
	color: #333333;
	background-color: #D5D5E6;
	padding-top:10px;
}




#secondaryContentSectionHeader{
	color: inherit;
	width: 1000px;
	background-color: #daded7;
	float:left;
	padding-top:5px;
	height:18px;
	border-top:1px solid white;
}


#secondaryContentSectionHeader .firstColum{
	
	padding-left:16px;
	width: 233px;
	float:left;
}

#secondaryContentSectionHeader .secondColum{
	padding-left:16px;
	width: 233px;
	float:left;
}


#secondaryContentSectionHeader .thirdColum{
	padding-left:16px;
	width: 233px;
	float:left;
}

#secondaryContentSectionHeader .fourthColum{
	padding-left:16px;
	width: 234px;
	float:left;
}



#secondaryContentSectionContentArea{
	background-image:url(/_media/images/products/mobile_quality/secondary_section_bg.gif);
	width: 1000px;
	background-repeat:repeat-y;
	float:left;
}




#secondaryContentSectionContentArea .firstColum{
	width: 249px;
	float:left;
}


#secondaryContentSectionContentArea .thirdColum .image{
	float: right;
	padding-left: 15px;
	padding-right: 15px;
}


#secondaryContentSectionContentArea .secondColum{
	width: 249px;
	float:left;
	
}

#secondaryContentSectionContentArea .thirdColum{
	width: 249px;
	float:left;
	
}

#secondaryContentSectionContentArea .fourthColum{
	width: 250px;
	float:left;
}

#content .columRight .hr {
	background-image:url(/_media/images/common/dotted_bg.gif);
	background-repeat:repeat-x;
	height:1px;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:0px;
	margin-top:0px;
	clear:both;
	padding: 0px;
}

/*- Menu Tabs K--------------------------- */ 	
#tabsK {
	color: inherit;
	float:left;
	width: 666px;
	background:#D5D5E6;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #E9E9F2;
}
#tabsK ul {
	margin:0;
	padding:5px 10px 0 7px;
	list-style:none;
}
#tabsK li {
	display:inline;
	float:left;
	background:url("/_media/images/products/web_performance/tableftK.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	
}

#tabsK ul li span {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	float:left;
	display:block;
	background:url("/_media/images/products/web_performance/tabrightK.gif") no-repeat right top;
	padding:5px 30px 4px 6px;
	color:#333333;
	background-color: #E9E9F2;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsK ul li span {float:none;}
/* End IE5-Mac hack */

.tabedAreaLeft {
	width: 380px;
	float:left;
	padding-top: 10px;
	padding-right: 9px;
	padding-left: 17px;
	padding-bottom: 10px;
	color: #333333;
	background-color: inherit; 


}
.tabedAreaRight {
	width: 235px;
	float:left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 16px;
	padding-bottom: 10px;
	color: #333333;
	background-color: inherit; 
} 


/* 3rd level css */




#content{
	background-image:url(/_media/images/company/investor_relations/main_content_bg.gif);
	width: 1000px;
	background-repeat:repeat-y;
	float:left;
	border-top:1px solid white;
}





#content .columnLeft{
	float: left;
	width: 749px;
	padding-bottom: 15px;
}






#content .columnLeft .firstColumn h1{
	margin-top: 0px;
	color: #39647E;
	background-color: inherit;
	padding-left: 12px;
	
}



#content .columnLeft .header{
	color: inherit;
	background-color: inherit;
	background-image:url(/_media/images/products/web_performance/web.gif);
	width: 749px;
	padding-top: 4px;
	height: 19px;
	margin:0px;	
	
}

#content .columnLeft .headerG{
	color: inherit;
	background-color: inherit;
	background-image:url(/_media/images/products/web_performance/webG.gif);
	width: 749px;
	padding-top: 4px;
	height: 19px;
	margin:0px;	
	
}

#content .header{
	color: inherit;
	background-color: inherit;
	background-image:url(/_media/images/products/web_performance/web.gif);
	width: 100%;
	padding-top: 4px;
	height: 19px;
	margin:0px;
		
}

#content .headerG{
	color: inherit;
	background-color: inherit;
	background-image:url(/_media/images/products/web_performance/webG.gif);
	width: 100%;
	padding-top: 4px;
	height: 19px;
	margin:0px;
		
}





#content  .firstColumn{
	float: left;
	font-size: 12px;
        width: 339px;
	
}

#content  .secondColumn{
	float: left;
	width: 410px;
	
}

#content .secondColumn #sidebar {
	background: url(/_media/images/products/web_performance/perspective/sidebar_bg.gif);
	margin: 18px 0;
	width: 386px;
}

#content .secondColumn #sidebar a img {
	border: none; /* For Firefox */
}

#content .secondColumn #sidebar a {
	background: none; /* For Firefox */
}

#content .secondColumn #sidebar table {
	margin: 7px 18px 0px 18px;
	/margin: 4px 18px 0px 18px;
	padding:0;
}

#content .secondColumn #sidebar td {
	vertical-align: top;
	padding: 0;
}

#content .secondColumn #sidebar td.screen {
	padding-right: 12px;
	padding-bottom: 10px;
}

#content .secondColumn #sidebar td.screen_last {
	padding-bottom: 0;
}

#content .secondColumn #sidebar h3 {
	font-size: 100%;
	color: #000;
}

#content .secondColumn #sidebar p {
	margin: 0 0 4px 0;
	padding: 0;
}

#content .secondColumn #sidebar a img {
	margin: 4px 0;
	padding: 0;
}

#content .secondColumn #sidebar .compatibility {
	font-size: 9px;
}

#content  .secondColumn .image{
	float: left;
	margin-left: 2px;
	margin-top: 14px;
	margin-bottom: 6px;
	
}

#content  .secondColumn .purpleBox{
	float: left;
	width: 386px;
	background-color: #e9e9f2;
	color: inherit;
	margin-left: 4px;
}

#content  .secondColumn .purpleBox .productImage{
	
	margin-top: 23px;
	width: 340px;
	margin-left:auto;
	margin-right:auto;
	
}


#content  .secondColumn .purpleBox .text {
	float: left;
	background-color: #e9e9f2;
	color: inherit;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
}




#enlargeImage {
	height: 23px;
	margin-left: 264px;
	background-color: #e9e9f2;
	color: inherit;
}


#whiteSpace {
  height: 55px;
}



#whiteSpace .imageLeft{
    float: left;
	margin-left: 2px;
	margin-top: 14px;
	margin-bottom: 6px;
}

#whiteSpace .imageRight{
    float: left;
	margin-left: 10px;
	margin-top: 14px;
	margin-bottom: 6px;
}




#content .firstColumn h1{
	width: 307px;
	color:#39647e;
	font-size:18px;
    background-color: inherit;
	background-image:none;
    padding-top: 16px;
    padding-left:12px;
	padding-right:12px;
}


#content .firstColumn .secondsection {
  margin-left: 15px;
  background-color: #d5f5ff;
  color: inherit;
  width: 303px;
  margin-bottom: 41px;
}





#screenshot_controls button#previous_screenshot {
	width: 89px;
	background: url(/_media/images/products/web_performance/perspective/previous_screenshot_button.gif) no-repeat;
}

#screenshot_controls button#next_screenshot {
	width: 65px;
	height: 23px;
	background: url(/_media/images/products/web_performance/perspective/next_screenshot_button.gif) no-repeat;
}

#screenshot_controls button#close_screenshot {
	width: 64px;
	height: 23px;
	background: url(/_media/images/products/web_performance/perspective/close_screenshot_button.gif) no-repeat;
}

#screenshot_controls button#print_screenshot {
	width: 123px;
	background: url(/_media/images/products/web_performance/perspective/print_screenshot_button.gif) no-repeat;
	margin-top: 20px;
}

#body_content{
float:left;
width:1000px;
}

.spacer10 {height:10px;}


/*#section1{
width:513px;
float:left;
padding-left:12px;
padding-right:20px;
}
#section1 .heading{
font-family:Arial, Helvetica, sans-serif;
color:#4a4a4a;
font-size:18px;
padding:24px 0px 17px 2px;
}
#section1 .txt{
font-family:Arial, Helvetica, sans-serif;
color:#4a4a4a;
font-size:12px;
padding-left:3px;
margin:0;
}
#section1 .txt1{
font-family:Arial, Helvetica, sans-serif;
color:#4a4a4a;
font-size:12px;
margin:0;
}
#section1 .txt-new{
font-family:Arial, Helvetica, sans-serif;
color:#4a4a4a;
font-size:12px;
padding-top:15px;
margin:0;
}
#section1 .txt2{
font-family:Arial, Helvetica, sans-serif;
color:#3399cc;
font-size:12px;
margin:0;
}

#section2{
float:right;
width:400px;
background-color:#e9e9f3;
padding-left:9px;
padding-right:9px;
}
#section2 .txt1{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
font-weight:bold;
margin:0;
}
#section2 .txt2{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
margin:0;
}
#section2 .txt{
font-family:Arial, Helvetica, sans-serif;
color:#4a4a4a;
font-size:12px;
margin:0;
}*/
