@charset "utf-8";
/*************************************************** Common CSS Document ***********************************************************/
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#57656e; background:#fff; text-align:center }
a, a:link, a:active, a:visited {text-decoration:none; color:#43aac6; }
img {border:0 none;}
div, h1, h2, h3, h4, h5, h6 {margin:0; padding:0; }
form {margin:0; padding:0;}
.clear {margin:0 0 -1px; height:1px; clear:both; }
body .rnav * {text-align:left; font-family:Arial; font-size:12px;}
body div {text-align:left; font-family:Arial;}


/********************************************* Akamai Internet Observatory CSS *****************************************************/
#io_dataset{width:964px; margin:0 auto; background:#FFF; padding-bottom: 15px; }

#io_dataset .title_image{ width:964px; position:relative;}
#io_dataset .loading{background:url(../graphics/ajax-loader.gif) no-repeat scroll 0 0; width:32px; height:32px; margin:0 auto; margin-top:175px;}
#io_dataset .title_image .title{background:url(../graphics/io/akam_logo.png) no-repeat scroll 0 0; display:block; padding-left:100px; padding-top:13px; height:36px; width:25px; position:absolute; top:71px; left:29px; color:#FFF; font-family:Arial; font-size:18px; font-weight:bold;}
#io_dataset .title_image .observatory_nav{ background:url(../graphics/io/io_setting.png) no-repeat scroll center top; width:100%; height:29px; position:absolute; top:0px; left:0px; text-indent:-99999px; }
#io_dataset .title_image .top_nav{background:url(../graphics/io/form-bg.jpg) repeat-x scroll 0 0; width:904px; height:auto; padding:50px 30px 10px; font-size:12px; color:#FFF; font-weight:bold; position:relative; }
#io_dataset .title_image .top_nav .stats{width:323px; float:left; margin-right:10px;}
#io_dataset .title_image .top_nav .location{width:232px; float:left; margin-right:10px;}
#io_dataset .title_image .top_nav .period{width:225px; float:left; margin-right:0px;}
#io_dataset .title_image .top_nav .period .heading1{width:100px; float:left; margin-right:28px;}
#io_dataset .title_image .top_nav .period .heading2{width:75px; float:left;}
#io_dataset .title_image .top_nav .top{width:82px; float:left;}
#io_dataset .title_image .top_nav .select_dropdown {width:92%; margin-top:5px; line-height:18px; font-family:Arial; font-weight:normal; font-size:12px; color:#333333;}
#io_dataset .title_image .top_nav .select_dropdown.top{width:85px;}
#io_dataset .title_image .top_nav .select_dropdown select{width:100%}
#io_dataset .title_image .top_nav .select_dropdown select#stats{width:318px;}
#io_dataset .title_image .top_nav .select_dropdown select#top{width:78px;}
#io_dataset .title_image .top_nav .select_dropdown select#period{width:228px; height:30px;}
#io_dataset .title_image .top_nav .select_dropdown select option{background:#666; color:#FFF;}
#io_dataset .title_image .top_nav .select_dropdown div.chzn-container ul.chzn-results li{line-height:1.5em;}
#io_dataset .title_image .top_nav .select_dropdown.stats div.chzn-container a.chzn-single{background:url(../graphics/io/stats-bg.png) no-repeat scroll 0 0; border:0 none; color:#FFF; height:30px;}
#io_dataset .title_image .top_nav .select_dropdown.stats div.chzn-container a.chzn-single div{background:0 none; border:0 none; }
#io_dataset .title_image .top_nav .select_dropdown.stats div.chzn-container a.chzn-single div b{background:0 none; border:0 none;}
#io_dataset .title_image .top_nav .select_dropdown.top div.chzn-container a.chzn-single{height:30px;}
#io_dataset .title_image .top_nav .select_dropdown div.chzn-container ul.chzn-single li.search-field input.default{color:#FFF;}
#io_dataset .title_image .top_nav .select_dropdown.location div.chzn-container a.chzn-single{background:url(../graphics/io/location-bg.png) no-repeat scroll 0 0; border:0 none; color:#FFF;}
#io_dataset .title_image .top_nav .select_dropdown.location div.chzn-container ul.chzn-single{background:url(../graphics/io/location-bg.png) no-repeat scroll 0 0; border:0 none; color:#FFF;}
#io_dataset .title_image .top_nav .select_dropdown.location div.chzn-container a.chzn-single div{background:0 none; border:0 none; }
#io_dataset .title_image .top_nav .select_dropdown.location div.chzn-container a.chzn-single div b{background:0 none; border:0 none;}
#io_dataset .title_image .top_nav .select_dropdown select{background:url(../graphics/io/location-bg.png) no-repeat scroll 0 0; border:0 none; color:#FFF;}
#io_dataset .title_image .top_nav .select_dropdown.top div.chzn-container a.chzn-single{background:url(../graphics/io/top-bg.png) no-repeat scroll 0 0; border:0 none; color:#FFF;}
#io_dataset .title_image .top_nav .select_dropdown.period input#start{background:url(../graphics/io/date-bg.png) no-repeat scroll 0 0; border:0 none; float:left; padding-left:10px; color:#FFF; margin-right:10px; width:98px; height:30px; cursor:pointer; *padding-top:7px; }
#io_dataset .title_image .top_nav .select_dropdown.period input#end{background:url(../graphics/io/date-bg.png) no-repeat scroll 0 0; border:0 none; float:left; padding-left:10px; color:#FFF; width:98px; height:30px; cursor:pointer; *padding-top:7px; }
#io_dataset .title_image .top_nav .select_dropdown div.chzn-container div.chzn-drop{background:#666; border:0 none; color:#FFF;}
#io_dataset .title_image .top_nav .select_dropdown.top div.chzn-container a.chzn-single div{background:0 none; border:0 none; }
#io_dataset .title_image .top_nav .select_dropdown.top div.chzn-container a.chzn-single div b{background:0 none; border:0 none;}
#io_dataset .title_image .top_nav .visual{ float:left; width:38%; margin: 20px 20px 15px 0; }
#io_dataset .title_image .top_nav .visual .text{float:left; width:40px; margin-right:20px;}
#io_dataset .title_image .top_nav .visual .radio_container{float:left; width:60%;}
#io_dataset .visual span.line { background:url(../graphics/io/line.png) no-repeat scroll 0 0; padding-left: 30px; cursor:pointer;}
#io_dataset .visual span.pie { background:url(../graphics/io/pie.png) no-repeat scroll 0 0; padding-left: 30px; cursor:pointer;}
#io_dataset .visual span.bar { background:url(../graphics/io/bar.png) no-repeat scroll 0 0; padding-left: 30px; cursor:pointer;}
#io_dataset .visual span.line.sel { background:url(../graphics/io/line-sel.png) no-repeat scroll 0 0 !important; cursor:pointer;}
#io_dataset .visual span.pie.sel { background:url(../graphics/io/pie-sel.png) no-repeat scroll 0 0 !important; cursor:pointer;}
#io_dataset .visual span.bar.sel { background:url(../graphics/io/bar-sel.png) no-repeat scroll 0 0 !important; cursor:pointer;}
#io_dataset .title_image .top_nav .net{margin-top:20px; float:left; margin-right:20px; width:57%;}
#io_dataset .title_image .top_nav .net .text{float:left; width:85px; margin-right:10px;}
#io_dataset .title_image .top_nav .net .radio_container{float:left; width:50%; }
#io_dataset #main_content{width:100%; min-height:620px; padding-top:10px; overflow:hidden;}
#io_dataset #main_content .left_nav{width:175px; min-height:600px; float:left; margin-right:10px; background:#dcdcdc;}
#io_dataset #main_content .right_content{width:748px;; min-height:510px; float:left; background:#FEFEFE;}
#chartContainer { position:relative; min-height:490px; }
#cContainer{padding-top:30px;}
#chartContainer .chartTitle { display:block; height:52px; width:100%; background:url(../graphics/io/grphtitle_bg.png) repeat-x scroll 0 0; color:#fff; text-align:center; font-size:14px; font-weight:bold; padding-top:18px; zoom:1 !important;}


/* Pop Up Container CSS Starts */
.ltitle { padding:15px 0 0 20px; height:41px; font-size:12px; font-weight:bold; color:#FFF; background:url(../graphics/io/l_title.png) repeat-x scroll 0 0; margin-bottom:20px; }
#form_container { padding-left:20px; }
#feedback {display:block;}
#submit { border:0; background:url(../graphics/io/submit-btn.png) no-repeat scroll 0 0; width:61px; height:28px; margin-top:20px; cursor:pointer;}

.ltitle{margin-bottom:10px;}
.ltitle.desc{background:none !important;padding:0 20px;color:#666; font-weight:normal; height:auto; font-size:12px; }
.pop_up{font-weight:bold; text-decoration:underline; color:#666; cursor:pointer;}
.pup_frm_cntr{width:92%; height:100%; background:none repeat scroll 0 0 #fdfdfd; color:#333; padding:20px;}

.pup_frm_cntr ul li {margin:0 0 15px; list-style:none; position:relative;font-weight:bold;} 
.pup_frm_cntr .label {min-width:20%; float:left; margin-right:25px;} 
.pup_frm_cntr .form-ele {float:left; } 
.pup_frm_cntr .err {display:none; }
.pup_frm_cntr .errdisp {display:none; color:#ff0000; width:5%; float:left; }
.pup_frm_cntr .errdisp.last-line {float:none; }


#expand_div{position:absolute; width:100%; min-height:660px; top:343px; left:368px; display:none; z-index:100;}

.oDiv{position:relative;margin:0 auto;width:498px;height:374px;}
.iDiv{ margin:0 auto; padding-top:0px; padding-left:0px;position:relative;height:auto;}
.oDiv a.closeBtn{color:#ffffff;background:transparent url(http://www.akamai.com/graphics/icons/case_study/x.png) no-repeat scroll 0 0;padding:0px 13px 13px;text-decoration:none; position:absolute; top:-18px; right:-18px; cursor:pointer; }
#overlay{ position:absolute; min-height:1590px;*min-height:1610px; top:0; left:0; background-color:#dcdcdc; opacity:0.8; filter:alpha(opacity=80); display:none; width:100%; z-index:20; }

#io_dataset #overlay{min-height:1238px;}

#overlay_ts{ position:absolute;min-height:1470px; top:0; left:0; background-color:#dcdcdc; opacity:0.8; filter:alpha(opacity=80); display:none; width:100%; z-index:10; }

#expand_div .ltitle{margin-bottom:0;}
#expand_div .form-cols{overflow:hidden; width:85%;}
#emailcheck{width:220px;}

/* Pop Up Container CSS Ends */

/* Social Media CSS Starts*/
#social {width:93%; overflow:hidden; padding:20px 0 0 12px; }
#social #gplus { width:22px; float:left; padding-top:2px; margin-right:5px;}
#social #twit {width:60px; float:left; }
#social #fbshare1 {width:25px; float:left; margin-right:5px; padding-top:3px;}
.rbtn {float:left; width:20px; }
.rlabel {float:left; width:25px; padding-top:7px; height:25px; margin-top:-5px; }
.nrlabel1 {width:45px; float:left; padding-top:3px; }
.nrlabel2 {width:75px; float:left; padding-top:3px; }
.nrlabel3 {width:30px; float:left; padding-top:3px; }
.text { padding-top:2px; }
/* Social Media CSS Ends*/
.graph_share {width:99.2%; min-height:52px; background:url(../graphics/io/graph_dl_bg.jpg) repeat-x scroll 0 0; padding-left:30px; }
.graph_share a {height:52px; float:left; margin-right:20px; cursor:pointer; }
.graph_share .saveImage {width:147px; background:url(../graphics/io/save_graph.png) no-repeat scroll 0 0; display:none;}
.graph_share .exportGraph {width: 118px; background:url(../graphics/io/dwnl_data.png) no-repeat scroll 0 0; }
.graph_share .embedGraph  { width: 108px;  background:url(../graphics/io/embed_graph.png) no-repeat scroll 0 0; display:none; }
.graph_note {margin:5px;}

.success_message{display:none; color:green;}
.error_message{display:none; color:red;}

#footer_area { height:auto; }
#footer_area #footer {height:150px; }

/* Page level css moved from html to external stylesheet */

#io_dataset{background-color: #373739;}
.loading{background:url(graphics/ajax-loader.gif) no-repeat scroll 0 0; width:32px; height:32px; margin:0 auto; margin-top:175px;}
#main_content {position:relative; }
a.closeBtn { background: url(graphics/icons/case_study/x.png) no-repeat scroll 0 0; color: #FFFFFF; cursor: pointer; padding: 0 13px 13px; position:  absolute; right: -18px; text-decoration: none; top: -18px; z-index:35; }
#iPopUp { position: absolute; left: 200px; color: #222; top: 80px; height: 100px; width: 650px; padding: 15px; background: #DCDCDC; border: 2px solid #2e2e2e; display:none; z-index:30; }
.chzn-container-single .chzn-single { filter: -; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
.io_cta{background: url(graphics/io_cta_bg.jpg) no-repeat scroll 0 0; width: 139px; height: 259px; margin-bottom: 10px; padding: 18px; display: none; }
.io_cta h5{font-size: 24px; color: #FFF; margin: 20px 0; font-weight: normal;}
.io_cta a.enable{display: none; cursor: pointer; background: url(graphics/enable_features_btn.png) no-repeat scroll 0 0; width: 135px; height: 32px;}
.io_header{height: 90px; display:none; } /*background: url(graphics/io-header-bg.png) no-repeat scroll 0 0;}*/
#io_dataset #main_content{background-color: #FFF;}
#io_dataset .title_image .top_nav{background: none repeat scroll 0 0; padding-top: 12px; }
#io_dataset .title_image .observatory_nav1{font-size: 18px; color: #FFF; margin-bottom: 20px; font-weight: normal;}

/* Page level css moved from html to external stylesheet */

@media (max-width: 960px) { 
	#io_dataset, #io_dataset .title_image {width: 100%;  }
	#io_dataset .title_image .top_nav .stats { float: none; width: 100%;  }
	#io_dataset .title_image .top_nav .visual, #io_dataset .title_image .top_nav .net { width: 100%; float: none; }
	#io_dataset #main_content .feedback{ background:#dcdcdc;}
	#io_dataset #main_content .right_content {width: 100%; float: none;  }
	.graph_share {width: 100%; }
	#io_dataset #main_content {min-height: 500px; }
	.ltitle.desc {margin: 0; padding: 10px 20px; }
	#cContainer {width: 100%; }
	#io_dataset .title_image .top_nav {width: 100%; height: auto;}


}

@media (max-width: 768px) { 
	#io_dataset, #io_dataset .title_image {width: 100%; }
	#io_dataset .title_image .top_nav .stats { float: none; width: 100%; margin-bottom: 5%; }
	#io_dataset #main_content .feedback{ background:#dcdcdc;}
	#io_dataset #main_content .right_content {width: 100%; float: none;  }
	.graph_share {width: 100%; }
	#io_dataset #main_content {min-height: 500px; }
	#io_dataset .title_image .top_nav .visual, #io_dataset .title_image .top_nav .net { width: 100%; float: none; }
	#io_dataset .title_image .top_nav {width: 100%; height: auto;}
	#io_dataset .title_image .top_nav .net {margin-bottom: 5%; }
	#io_dataset .title_image .top_nav .net .radio_container {width: 66%; }
}