body{padding:0;margin:0;text-align:center;background-color:#ffffff;font-size:13px;font-family:verdana, arial,sans-serif;-webkit-text-size-adjust:none;}
td{font-size:11px;font-family:verdana, arial;line-height:17px;}

h1{padding:20px 0;margin:0;font-size:26px;font-weight:normal;}
h2{padding:20px 0;margin:0;font-size:20px;}
h3{padding-top:40px;padding-bottom:20px;margin:0;font-size:14px;}

.vcard{display:none;}
p{margin:0;padding:0;padding-top:15px;}
#mainmenu{height:50px;}
#menu{width:980px;height:50px;}

#colleft{float:left;width:545px;margin-right:120px;padding-top:30px;}
#colright{float:left;width:275px;padding-top:30px;}

.mainintro{
	padding:20px 0;
	text-align:center;
	font-size:16px;
	width:980px;
	margin:0 auto;
}

.mainintro span{
	text-align:left;
	display:block;
	width:940px;
	margin:0 auto;	
}
.splashbanner{text-align:center;width:980px;margin:0 auto;height:397px;}
#aboutbannercontent{background:#414042 url(images/about-antradar.png) no-repeat top center;}
#crawlerbannercontent{text-align:center;width:980px;margin:0 auto;height:287px;background:#CC3333 url(images/targeted-crawlers-service.png) no-repeat top center;}
#gyroscopebannercontent{text-align:center;width:980px;margin:0 auto;height:287px;background:#1C7FAE url(images/gyroscope-banner.png) no-repeat top center;}
#ecbannercontent{text-align:center;width:980px;margin:0 auto;height:287px;background:#679C20 url(images/payment-gateway.png) no-repeat top center;}
#armedbannercontent{text-align:center;width:980px;margin:0 auto;height:287px;background:#34CAB0 url(images/antradar-replication-master.png) no-repeat top center;}

.eventdetails{width:465px;float:left;}
.casedetails{width:200px;float:left;}

#canvas{position:relative;width:980px;text-align:left;margin:0 auto;background-color:#ffffff;}
  #content{padding:0 20px;}
  #banner{display:none;/*height:24px;background-color:#0089EF;position:relative;*/}
  #banner h1{display:none;}
  .bannertext{position:absolute;bottom:13px;left:41px;}
    #tablist{position:absolute;top:13px;right:20px;font-size:14px;font-family:arial;margin:0;padding:0;list-style:none;}
    #tablist .tabitem{float:left;margin-left:10px;}
    #tablist .tabitem a,
    #tablist .tabitem a:link,
    #tablist .tabitem a:visited,
    #tablist .tabitem a:hover
    {display:block;text-decoration:none;margin-left:10px;color:#BCBEC0;padding-top:4px;text-transform:uppercase;}
    
    #tablist a, #tablist a:focus, #tablist a:active{outline:0;}
    #tablist a:hover, #tablist a:focus, #tablist a:active{border-bottom:solid 2px #FAC716;} 

    #footerlinks{position:absolute;top:38px;right:0;font-family:arial}
    #footerlinks .tabitem{float:left;margin-left:10px;}
    #footerlinks .tabitem a,
    #footerlinks .tabitem a:link,
    #footerlinks .tabitem a:visited,
    #footerlinks .tabitem a:hover
    {display:block;text-decoration:none;padding-left:10px;color:#BCBEC0;padding-top:4px;text-transform:uppercase;}
    
    .selectedtab, 
.selectedtab:hover, 
.selectedtab:link, 
.selectedtab:visited
{
/*background:transparent url(images/tabarrow.png) no-repeat top center;*/
}

.contentbanner{text-align:left;position:relative;padding:0 20px;}
.contentbanner h1, .contentbanner p{color:#ffffff;}
.contentbanner h1{visibility:hidden;}
.contentbanner h1{font-size:50px;padding-top:37px;padding-bottom:64px;}
.contentbanner p{font-size:16px;width:460px;line-height:25px;}
.contentbanner a, .contentbanner a:focus, .contentbanner a:active{outline:0;}

.copyright{color:#BCBEC0;position:relative;padding-bottom:20px;padding-top:40px;text-transform:uppercase;}
.copyright a, .copyright a:hover, .copyright a:visited, .copyright a:link{color:#ffffff;text-decoration:none;}
.copyright a:hover{text-decoration:underline;}

.imageframe{
		padding:10px 0;
		
}

.imageframe img{width:100%;}
.imageframe .caption{text-align:right;color:#999999;}

.codesnippet{font-size:13px;font-family:monospace;padding:5px;margin-top:10px;margin-bottom:10px;color:#004000;background:#f8f8f8;}
.codesnippet p{padding:0;margin:0;}

a, a:hover, a:visited{color:#000000;}

.blogtitle{font-size:15px;font-weight:bold;height:20px;margin-bottom:5px;}
.blogtitle a, .blogtitle a:hover, .blogtitle a:link, .blogtitle a:visited{text-decoration:none;}
.blogdate{display:block;font-size:12px;font-weight:normal;text-transform:uppercase;margin-top:5px;}
.blogtext{line-height:20px;}

.gyroblogintro{
	color:#444444;
	margin-bottom:20px;
}

.gyroblogintrocr{
	width:440px;	
}

.gyroblogintrocr2{
	width:440px;	
}

.gyroblogintrocr2.noicon{width:auto;}

.darkcol .blogtitle a, .darkcol .blogtitle a:hover, .darkcol .blogtitle a:visited, .darkcol .blogtitle a:link{color:#007FAE;text-decoration:none;}


.darkcol{color:#000000;padding-bottom:20px;font-size:12px;line-height:19px;}
.darkcol a, .darkcol a:hover, .darkcol a:visited{color:#000000;}
.darkcol a:hover{text-decoration:underline;}

.spotlighttitle{color:#007FAE;}
.menu {padding-bottom:200px;}
.menu div {padding-bottom:10px;font-weight:bold;font-size:12px;}
.menu a, .menu a:hover, .menu a:visited{color:#007FAE;text-decoration:none;}
.menu a:hover{text-decoration:underline;}
.menu .selected, .selected a:link, .selected a:visited {text-decoration:underline;color:#007FAE;}

.documentation{line-height:22px;}
.documentation h2, .darkcol h2{color:#007FAE;font-size:16px;font-weight:bold;}
.documentation h3{font-size:12px;padding-bottom:5px;margin-bottom:0;}
.documentation .code{font-family:monospace;font-size:12px;line-height:17px;border:dashed 1px #dedede;margin:10px;margin-top:5px;padding:5px;}
.documentation .indent1{padding-left:5px;padding-bottom:10px;}
.documentation .function{color:#007FAE;}
.highlight{background-color:#ffff66;}

.documentation .outdated{color:#666666;line-height:15px;}

.sidebargroup{font-size:13px;}
.sidebargroup h2, .focusgroup h2{margin:0;padding:0;padding-top:15px;font-size:13px;}
.sidebargroup h2 span{display:block;padding:5px 0;padding-left:10px;background:#231F20 url(images/sidebartitle.png) no-repeat top right;color:#ffffff;}

.focusgroup{font-size:11px;}
.focusgroup h2{margin-bottom:10px;}
.focusgroup h2 span{display:block;padding:5px 0;padding-left:10px;background:#FAC717 url(images/focustitle.png) no-repeat top right;color:#000000;}

.sidebaritem{padding-bottom:5px;}
.sidebaritem h3{padding:0;margin:0;margin:10px 0;font-size:12px;}
.sidebaritem p{padding:0;margin:0;font-size:10px;padding-bottom:5px;line-height:15px;}
.sidebaritem a{font-size:10px;}
.sidebaritem h3 a{font-size:12px;text-decoration:none;}

#mquote{display:none;}


@media screen and (max-device-width: 520px) and (orientation:portrait){
	#mainmenu{height:100px;}
	#canvas{width:480px;overflow:hidden;}
	#menu{width:480px;height:100px;}
	#mainbanner{display:none;}
	#content{padding-top:20px;}
	#footerlinks{display:none;}
	#tablist{right:20px;top:60px;}
	.sidebargroup h2 span{background-image:none;background-color:#231f20;}
	.aside{width:auto;}
	
	#aboutbannercontent,#crawlerbannercontent,#gyroscopebannercontent,#ecbannercontent,#armedbannercontent{background-image:none;width:480px;height:auto;}	
	.splashbanner{width:auto;background-image:none;height:auto;padding-bottom:20px;}
	.contentbanner h1{visibility:visible;padding-bottom:10px;font-size:40px;}
	
	#colleft,#colright{width:auto;margin:0;padding:0;margin-bottom:20px;float:none;clear:both;}
	.eventdetails{width:360px;}
	.casedetails{width:360px;}
	.gyroblogintrocr{width:360px;}
	.gyroblogintrocr2{width:330px;}
	
	#mquote{display:inline;}
	#quote{font-size:12px;font-style:italic;color:#dedede;text-decoration:none;white-space:nowrap;}
}

.spr_facebook{background:transparent url(images/social.png) no-repeat 0px 0px;}
.spr_twitter{background:transparent url(images/social.png) no-repeat -16px 0px;}
.spr_linkedin{background:transparent url(images/social.png) no-repeat -32px 0px;}
.spr_plusone{background:transparent url(images/social.png) no-repeat -48px 0px;}

.demobutton{margin-top:5px;text-transform:uppercase;background-color:#FAC717;border:solid 1px #FAC717;font-weight:bold;padding:3px 8px;font-size:12px;cursor:pointer;}

.version{font-size:8px;position:relative;}
.version em{position:absolute;top:-7px;left:3px;background-color:#398cd2;color:#ffffff;padding:0 3px;font-weight:normal;border-radius:3px;}