@CHARSET "UTF-8";
/* 
* This file will store css used by all projects including www
* Please do not put project-specific style here 
*/

/***** FONT SPEC *****************************************************************************************/

/* Color Spec */
.color-premium{
	color: #f63; /* dark orange */
}
.color-p1{ /* INTRO */
	color: #b2b2b2; /* light gray */
}
.color-p2{ /* BASIC */
	color: #6fc1e8; /* light blue */
}
.color-p3{ /* INSIGHT */
	color: #2abebe; /* sort of turquoise */
}
.color-p4{ /* ADVANCED */
	color: #fa7600; /* orange */
}
.color-p5{ /* SITE AUDIT */
	color: #339; /* blue */
}
.color-gen1{
	color: #011d5e; /* dark Alexa blue */
}
.color-gen2{
	color: #f00; /* red */
}

/* Size Spec */
.font-1{
	font-size: 11px;
}	

/***** CSS BUTTON STYLES ******************************************************************************/
.btn-css{
	padding: 5px 7px;
	color: #fff;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 100%;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #000;
	-webkit-box-shadow: 0 1px 2px #000;
	box-shadow: 0 1px 2px #000;
	cursor: pointer;
}
span.btn-css{ /* To be review */
	 display: inline-block;
}
.ie7 .btn-css-fix{
	vertical-align: middle;
	padding: 3px 7px 7px;
}
.ie9 .btn-css{
	border-radius: 0;
	box-shadow: 0 2px 1px #666;
}
.btn-green{
	background-color: #4e7300;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a200', endColorstr='#4e7300');
	background: -moz-linear-gradient(#68a200, #4e7300);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#68a200), to(#4e7300));
}	
.btn-blue{
	background-color: #009ed0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ed0', endColorstr='#0066a6');
	background: -moz-linear-gradient(#009ed0, #0066a6);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#009ed0), to(#0066a6));
}
.btn-gray{
	background-color: #999;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');
	background: -moz-linear-gradient(#999, #666);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#666));
}
.btn-yellow{
	background-color: #fff0eb;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0eb', endColorstr='#eaad52');
	background: -moz-linear-gradient(#fff0eb, #eaad52);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff0eb), to(#eaad52));
}
.btns{
	margin: 0 10px;
}
.fake-btn{
    cursor: default;
}
.btn-css a, .btn-css a:link, .btn-css a:hover, .btn-css a:visited{
	color: #fff;
	text-decoration: none;
}
.btn-link, .btn-link:link, .btn-link:hover{ /* This is used in btn-css span tag to remove underline when wrapped in a <a> tag */
	text-decoration: none;
	cursor: pointer;
}
.btn-big{   
	font-size: 18px;
	font-weight: normal;
	padding: 8px 20px;
}
.ie7 .btn-button{
	overflow: visible;
	padding: 0;
	margin: 0; 
	white-space: nowrap;
}

/***** INLINE ELEM STYLES *************************************************************************/

.valign, .icon-valign{ /* For text or elem next to a smaller or bigger icon */
	vertical-align: middle;
}
.nav-prev{
	padding-left: 15px;
	background: transparent url(/images/nav/blue-left-arrow.png) no-repeat 0 50%;
}
.nav-next{
	padding-right: 15px;
	background: transparent url(/images/nav/blue-right-arrow.png) no-repeat 100% 50%;
}

/***** LIST & TAB STYLES **************************************************************************/

/***** Tabs *****/

.nav-tab {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 5px 10px 0;
	list-style:none;
}
.nav-tab li {
	float:left;
	/*line-height: 1.3em;*/
	margin-right: 20px;	
	
}
.nav-tab li.selected{
	-moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-color: #fff;    
    -moz-box-shadow: 0 -1px 2px #999;
	box-shadow: 0 -2px 2px #999;
}	
.nav-tab a, .nav-tab a:link, .nav-tab a:visited, .nav-tab a:hover{
	display:block;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	color: #8a8c8e;
	padding: 7px 15px;
}
.nav-tab .selected a, .nav-tab .selected a:link, 
.nav-tab .selected a:visited, .nav-tab .selected a:hover{
	color: #000;	
}

/* Support for ie legacy browsers' round corner tabs */
/* Currently customized for tabs on siteaudit landing page */
.ie7 .tab-corner, .ie8 .tab-corner,
.ie7 .tab-mid, .ie8 .tab-mid{
	float: left;
}
.ie7 .tab-mid, .ie8 .tab-mid{
	padding-top: 10px;
}
.ie7 .tab-corner, .ie8 .tab-corner{
	height: 33px;
	width: 8px;
	display: inline-block;
}
.ie7 .nav-tab li.selected, .ie8 .nav-tab li.selected{
	background-color: transparent;
}
.ie7 .nav-tab .selected a, .ie7 .nav-tab .selected a:visited,
.ie8 .nav-tab .selected a, .ie8 .nav-tab .selected a:visited{
    background: transparent url(/images/layout/tab-mid.png) top right repeat-x;
}
.ie8 .tab-corner{
	height: 32px;
}
.ie7 .selected .tab-lt, .ie8 .selected .tab-lt{
	background: transparent url(/images/layout/tab-lt.png) 0 0 no-repeat;
}
.ie7 .selected .tab-rt, .ie8 .selected .tab-rt{
	background: transparent url(/images/layout/tab-rt.png) 100% 0 no-repeat;
}


/***** Bullets *****/

ol.bullet-green{
	list-style: none;
}
ol.bullet-green .bullet{
	background: transparent url('/pro/images/image-steps.png') no-repeat 0 0;
	margin-right: 10px;
	display: inline-block;
	height: 22px;
	width: 22px;
	vertical-align: middle;
}
ol.bullet-green li{
	margin-bottom: 20px;
}
ol.bullet-green .no-2{
	background-position: -21px 0;
}
ol.bullet-green .no-3{
	background-position: -42px 0;
}	
.bullet-text{
	vertical-align: middle;
}
.bullet-block{
	margin-left: 35px;
}