/**************************************************
*
*	CONTAINER STYLES
*
**************************************************/
#main
{
	width:762px;
	display:block;	
	margin:0px auto;
}
/*JR Dev - Changed from other templates to use #main instead of #content*/
#ciscoContainer #main{
	margin: 0px 0 25px 0;
	padding: 16px 32px 32px 32px;
	min-height:380px;
	height: auto;
	clear:both;
	position: relative;
	}
#ciscoContainer #main li{
	margin-left: 15px;
	padding-left: -15px;
	margin-bottom: 5px;
	}	
#ciscoContainer #main p{
	margin-bottom: 10px;
	line-height: 16px;
	color:#333
}
#main #title{
	margin-bottom: 25px;
	}

#main #left {
	float: left;
	width: 380px;
	margin-right: 15px;
	
	}
#main #right{
	float: left;
	width: 440px;
	
	}	
#cisco_footer
{
	position:relative;
/*	top:-550px;	*/
}


#a_details
{
	position:relative;
	top:-380px;	
}
#radio_btn1
{
	position:relative;
	top:0px;
	width:18px;
	height:18px;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/radio-select.png);	
}
#radio_btn2
{
	position:relative;
	top:0px;
	width:18px;
	height:18px;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/radio.png);	
}
#dc_dropdowns
{
	position:absolute;
	z-index:1000;	
}

#globe
{
	position:absolute;
	top:370px;
	left:20px;
	z-index:5;
}

.main_box
{
	position:relative;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/dropdown/base.png);
	width:133px;
	height:36px;
}

.main_box_lg
{
	position:relative;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/dropdown/base_lg.png);
	width:243px;
	height:36px;
}

.options
{
	position:relative;
	top:-5px;
}

#sel_txt
{
	position:relative;
	top:10px;
	left:20px;
	font-family:"Arial";
	font-size:14px;
	color:#353535;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

a
{
	text-decoration:none;
}

#mid_box
{
	position:relative;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/dropdown/middle.png);
	width:133px;
	height:30px;
}

#bot_box
{
	position:relative;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/dropdown/bottom.png);
	width:133px;
	height:39px;
}

#mid_box_lg
{
	position:relative;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/dropdown/middle_lg.png);
	width:239px;
	height:30px;
}

#bot_box_lg
{
	position:relative;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/dropdown/bottom_lg.png);
	width:239px;
	height:39px;
}


h1{font-family:"Arial";font-size:26px;color:#353535;}
.blue_txt{font-family:"Arial";font-weight:bold;font-size:12px;color:#005568;}
.med_blue{font-family:"Arial";font-size:20px;color:#005568;}
.big_blue{font-family:"Arial";font-size:34px;color:#005568;}
.med_grey{font-family:"Arial";font-size:18px;color:#353535;}
.grey{font-family:"Arial";font-size:12px;color:#353535;}
.country{font-family:"Arial";font-size:12px;color:#00000;}
p{font-family:"Arial"; font-size:12px; color:#484848;}
li{font-family:"Arial"; font-size:12px; color:#484848;}
hr{color: #CCC; background-color:#CCC; height: 1px;}
img { border: none; }

#dc_bg
{
	width:762px;
	position:relative;
	left:0px;
	height:386px;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/dc_bg.png)
}

#demographics
{
	width:762px;
	height:486px;
	position:relative;
	margin:0px auto;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/demog_bg.png);
}

#grey_map
{
	width:708px;
	height:404px;
	position:absolute;
	margin:0px auto;
	top:40px;
	left:30px;
	z-index:2;
}

#n_america
{
	position:absolute;
	top:-12px;
	left:-11px;
	z-index:1;	
}

#l_america
{
	position:absolute;
	top:179px;
	left:82px;
	z-index:1;	
}

#w_europe
{
	position:absolute;
	top:-4px;
	left:215px;
	z-index:1;	
}

#e_europe
{
	position:absolute;
	top:-4px;
	left:340px;
	z-index:1;
}

#africa
{
	position:absolute;
	top:170px;
	left:282px;
	z-index:1;	
}

#asia_pac
{
	position:absolute;
	top:116px;
	left:406px;
	z-index:1;	
}

#info_pop
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:400;
	width:141;
	height:162;
}

#info_pop_txt
{
	position:absolute;
	top:20px;
	left:30px;
	text-align:center;
}

/**************************************************
*
*	Data Consumption
*
**************************************************/

#container
{
	width:686px;
	overflow-x:hidden;
	overflow-y:hidden;
	position:relative;
	height:382px;
	left:36px;
	top:-384px;
	margin:0px auto;
}

#content
{
	position:relative;
	/*width:2870px;
	height:392px;*/
	margin:0px;
	padding:0px;
	
}

#data_consumption
{
	position:absolute;
	top:0px;
	left:0px;
}

#grid_line
{
	display:block;
	position:relative;
	background-color:#CCCCCC;	
	width:702px;
	height:1px;
	
}

#grid
{
	position:relative;	
	top:30px;
	left:0px;
	z-index:1;
}

#data_bar_01
{
	left:10px;
	background-color:#0067AB;
	/*background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/data_bar_blue.png);*/
}
#data_bar_02
{
	right:10px;
	background-color:#3DB44A;
	/*background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/data_bar_blue.png);*/
}
.data_bar
{
	position:absolute;
	display:block;
	z-index:200;
	height:50px;
	width:36px;
	top:282px;
	vertical-align:baseline;
	background-repeat:no-repeat;
	border:1px solid #FFFFFF;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=180, Color='#999')";	*/
}

#amt
{
	position:absolute;
	font-family:"Arial"; 
	font-size:11px; 
	color:#484848;
	top:0px;
	left:25px;	
}

#data_box 
{ 
	width:107px;
	height:384px;
	position:absolute;
	display:block;
	background-color:#E9E9E9;
}

#data_pop_01
{ 
	position:absolute;
	width:122px;
	height:67px;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/dc_pop_l.png);
	background-repeat:no-repeat;
	top:0px;
	left:-7px;
	z-index:199;
}

#data_pop_02
{ 
	position:absolute;
	width:122px;
	height:67px;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/dc_pop_r.png);
	background-repeat:no-repeat;
	top:0px;
	left:-6px;
	z-index:199;
}

#pop_txt
{
	font-family:"Arial";
	font-size:24px;
	color:#005568;
	text-align:center;
	position:relative;
	top:12px;
}

#data_date
{
	position:relative;
	top:314px;
	font-family:"Arial";
	font-size:12px;
	color:#484848;
	text-align:center;
}

#scrollbar 
{ 
    position:relative; 
    width:690px; height:12px;
    display:block;
    font-size:1px;
    top:-409px;
	left:36px;
    margin:0px auto;
}

#track 
{ 
    position:absolute; left:0px; top:300;
	display:block;
    width:690px; height:2px; 
    background: #676767;
}

#dragBar 
{
    position:absolute;
	display:block;
	margin-left:0;
	margin-right:0;
	top:-9px;
	z-index:500;
}

/* Prevent selection problem */
#scrollbar, #track, #dragBar, #left, #right {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/**************************************************
*
*	APPLICATION DETAILS
*
**************************************************/
#container2
{
	position:relative;
	display:block;
	width:750px;
	top:-150px;
	overflow-x:hidden;
	overflow-y:hidden;
	height:104px;
	z-index:100;
	margin:0px auto;
}

#content2
{
	position:relative;
	margin:0px;
	padding:0px;
	height:20px;
}

#application_details
{
	width:762px;
	height:700px;
	position:relative;
	margin:0px auto;
	top:-10px;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/app_details_bg.png);
}

#app_pop
{ 
	position:absolute;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/app_details_pop.png);
	background-repeat:no-repeat;
	top:-61px;
	left:14px;
	width:247px;
	height:145px;
}

#app_pop_txt
{ 
	font-family:"Arial";
	font-size:16px;
	color:#808080;
	text-align:left;
	position:absolute;
	top:20px;
	left:35px;
	width:200px;
	z-index:500;
}


#category_stat
{
	width:453px;
	height:25px;
	position:absolute;
	left:20px;
	top:0px;
	margin:0px auto;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/left_grad.png);
	background-repeat:no-repeat;
	background-color:#00605F;
	
}
#pct
{
	position:relative;
	font-family:"Arial";
	font-weight:bold;
	font-size:16px;
	text-align:left;
	color:#005568;
	top:5px;
}
#cat_title
{
	position:absolute;
	font-family:"Arial";
	font-size:14px;
	text-align:left;
	vertical-align:middle;
	color:#353535;
	width:500px;
	top:-20px;
	z-index:0;
}
#button
{
	position:relative;
	text-align:right;
	background-image:url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/i.png);
	background-repeat:no-repeat;
	width:37px;
	height:37px;
	top:-18px;
}

#month_txt
{
	position:relative;
	top:3px;
	font-family:"Arial";
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
	cursor: pointer;
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

#one_month 
{ 
	width:100px;
	height:26px;
	position:absolute;
	display:block;
	background-color:#666666;
}

#scrollbar2
{ 
    position:relative; 
    width:750px; height:12px;
    display:block;
    font-size:1px;
    top:-205px;
	z-index:201;
    margin:0px auto;
}

#track2
{ 
    position:absolute; left:0px; top:300;
	display:block;
    width:750px; height:2px; 
    background: #676767;
}

#dragBar2 
{
    position:absolute;
	display:block;
	margin-left:0;
	margin-right:0;
	top:-9px;
}





.app-download 													{background-color:#e4e4e4; border-radius: 5px; border:solid 1px #ccc;}
.app-download a 												{color:#005568; display: inline-block; margin:5px 0;}
.app-download a:hover 											{text-decoration: underline;}
		
		
		
#ciscoContainer #main .dk_container ul,		
  #ciscoContainer #main .dk_container li						{margin:0; padding: 0; list-style-type: none;}
#ciscoContainer #main .filters									{clear:both; height: 80px; width:775px;} 
#ciscoContainer #main .filters.data-consumption					{width:775px;}
#ciscoContainer #main .filters .section							{float:left; width: 170px;}
#ciscoContainer #main .filters .section h4						{margin: 0; margin-bottom: 8px; padding: 0; line-height: 25px; color:#555;}
#ciscoContainer #main .filters .section.region					{width:250px;}
#ciscoContainer #main .filters .section.legend					{float:right; text-align: right; padding-right:66px; width:100px; margin-top:22px; margin-right: 16px; background: url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/legend.png) no-repeat right center;}
#ciscoContainer #main .filters .section.legend span 			{font-size: 13px; font-weight: bold; color: #555;}
		
#ciscoContainer #main .loading 									{position: absolute; top: 225px; left: 300px; z-index: 1; width:16px; height: 16px; background: url(//www.cisco.com/content/dam/m/en_us/solutions/service-provider/vni-forecast-widget/data-meter/images/spinny.gif);}
#ciscoContainer #main #data-consumption .loading 				{top:296px; left:356px;}

#ciscoContainer #main .date-menu 						 		{width:775px; height:100px;}
#ciscoContainer #main .date-menu .months				 		{clear:both; margin:0; padding: 0; padding-bottom: 10px;}
#ciscoContainer #main .date-menu .months li.month				{float:left; list-style-type: none; width: 56px; height: 23px; text-align: center; margin: 10px auto; padding:0 3px; font-size: 12px; font-weight: bold; line-height: 23px;}
#ciscoContainer #main .date-menu .months li.month a			 	{display: block; text-decoration: none; color: #fff; border-radius: 3px; background-color: #666666; }
#ciscoContainer #main .date-menu .months li.month a:hover		{background-color:#57a3d5;}
#ciscoContainer #main .date-menu .months li.month a.disabled	{background-color:#d2d2d2; cursor: default;}



.gradient-a {
	background: #65a7ce;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iIzY1YTdjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg5JSIgc3RvcC1jb2xvcj0iIzAzNjhhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #65a7ce 9%, #0368ac 89%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,#65a7ce), color-stop(89%,#0368ac));
	background: -webkit-linear-gradient(top,  #65a7ce 9%,#0368ac 89%);
	background: -o-linear-gradient(top,  #65a7ce 9%,#0368ac 89%);
	background: -ms-linear-gradient(top,  #65a7ce 9%,#0368ac 89%);
	background: linear-gradient(to bottom,  #65a7ce 9%,#0368ac 89%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65a7ce', endColorstr='#0368ac',GradientType=0 );
}