/*******************************************************************************

	CSS on Sails Framework
	Title: FML.com
	Author: Les Thurmond (www.ArizonaWebsiteSolutions.com)
	Date: August 2011

********************************************************************************

	1. BASE
		 Reset
		 Accessibility Navigation & Hide
		 Clearfix
		 Default Styles

	2. COMMON
		 Container
		 Header
		 Navigation
		 Content
		 Sidebar
		 Footer


*******************************************************************************/


/* BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* Reset
------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }
button.btn-popup::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
button.btn-popup{
	white-space: nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button.btn-popup span {
		margin-top: -2px !important;
	}
}


/* Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* Clearfix
------------------------------------------------------------------------------*/

.clearfix:after,
#footer:after,
#navigation:after,
.container:after,
.advantage-list li:after,
.highlight-box .box-content:after,
.box-premium .extras-wrapper-2 ul:after,
.more-box-wrapper-2:after,
.cust-logo:after,
.advantage-list:after,
.inside-wrapper:after,
.customers:after,
.advantage-list-wrapper:after,
.banners:after,
.examples:after,
.support-wrapper:after,
.support-main:after,
.about-wrapper ul:after,
.about-wrapper ul li:after,
.account-popup .form-chk:after,
.preview-scroll ul:after,
.box-blog .box-content:after,
.box-social-wrapper:after,
.network-wrapper:after,
.network-main:after,
.pricing-wrapper:after,
.pricing-tabs-nav:after,
.purchase-form li:after,
.copyright-wrapper:after,
.api-wrapper:after,
.api-server:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* Default Styles
------------------------------------------------------------------------------*/

body { background: #FFFFFF; color: #333; font: 62.5%/1.5 Arial, Helvetica, sans-serif; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; }
a { color: #1d76bb; text-decoration: none; outline: none; cursor: pointer; }
a:hover { color: #0e3c71; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; }
a.ir span { cursor: pointer; }


h1 { font-size: 49px; line-height: 48px; font-weight: normal; color: #1d76bb; }
h1 strong { font-weight: normal; color: #F74000; }
.cufon-ready h1 { font-size: 49px; line-height: 40px }


/* COMMON
--------------------------------------------------------------------------------
==============================================================================*/



/* Container
------------------------------------------------------------------------------*/

.container { width: 920px; position: relative; margin: 0 auto; font-size: 1.2em; }


/* Header
------------------------------------------------------------------------------*/

#header { background: url(../images/headerBG.png) ; height: 88px; padding: 2px 0 0; position: relative; z-index: 99; }

/* Logo */
#header .site-name,
#header .site-name span { display: block; overflow: hidden; width: 305px; height: 88px; }
#header .site-name { float: left; margin-left: -13px; position: relative; }
#header .site-name span { background: url(../images/FMLLogo.png) no-repeat; position: absolute; top: 0; left: 0; z-index: 10; }
#header a.site-name span { cursor: pointer; }

/* External navigation */
.external-navigation { float: right; padding: 25px 3px 0 0; }
.external-navigation li { float: left; margin-left: 5px; }
.external-navigation li a,
.external-navigation li span { display: block; float: left; }
.external-navigation li a { height: 34px; padding-left: 18px; position: relative; font-size: 14px; text-transform: uppercase; background: url(../images/button-left-sprite.png) no-repeat 0 0; }
.external-navigation li span { height: 28px; padding-top: 6px; background: url(../images/button-right-sprite.png) no-repeat 0 0; }
.external-navigation .btn-login { color: #333; cursor: pointer; }
.external-navigation .btn-login span { padding: 6px 41px 0 26px; background-position: 100% 0; }
.external-navigation .btn-signup { color: #fff; background-position: 0 -78px; cursor: pointer; }
.external-navigation .btn-signup span { padding: 6px 16px 0 6px; background-position: 100% -78px; }
.external-navigation .btn-login:hover { background-position: 0 -39px; } 
.external-navigation .btn-login:hover span { color: #333; background-position: 100% -39px; }
.external-navigation .btn-signup:hover { color: #fff; background-position: 0 -117px; } 
.external-navigation .btn-signup:hover span { background-position: 100% -117px; }

.tedsBlog { position:absolute; margin-left:335px; margin-top:95px; width:100px; }
.tedsBlog img { position: absolute; margin-left:0px; margin-top:0px; }

.tryItNow { position:absolute; width:190px; padding: 160px 2px 0 0; }
.tryItNow li { margin-left: 55px; }
.tryItNow li a,
.tryItNow li span { display: block;}
.tryItNow li a { height: 34px; padding-left: 18px; position: absolute; font-size: 14px; text-transform: uppercase; background: url(../images/button-left-sprite.png) no-repeat 0 0; }
.tryItNow li span { height: 28px; padding-top: 6px; background: url(../images/button-right-sprite.png) no-repeat 0 0; }
.tryItNow .btn-login { color: #333; cursor: pointer; }
.tryItNow .btn-login span { padding: 6px 41px 0 26px; background-position: 100% 0; }
.tryItNow .btn-signup { color: #fff; background-position: 0 -78px; cursor: pointer; }
.tryItNow .btn-signup span { padding: 6px 16px 0 6px; background-position: 100% -78px; }
.tryItNow .btn-login:hover { background-position: 0 -39px; } 
.tryItNow .btn-login:hover span { color: #333; background-position: 100% -39px; }
.tryItNow .btn-signup:hover { color: #fff; background-position: 0 -117px; } 
.tryItNow .btn-signup:hover span { background-position: 100% -117px; }


/* Navigation
------------------------------------------------------------------------------*/
#wideline {margin-top:28px; font-size:8px; width:100%; border-bottom:#8B969F solid 1px; background-color:#FFFFFF;}
#navShadowWrapper{ font-size:8px; margin-left: auto; margin-right:auto; width:884px; height: 8px;}
#navShadow {font-size:8px; display:block; width:426px; height:8px; float:right; background-image: url(../images/navShadow.png);}
#navSpacerWrapper{margin-left: auto; margin-right:auto; width:100%; height: 22px; background-color:#FFFFFF;}
#navSpacer{ font-size:20px; font-weight:bold; color:#1E76BB; text-align:center; margin-left: auto; margin-right:auto; width:100%; height:20px; background-color:#FFFFFF;}
#navSpacerWrapper2{margin-left: auto; margin-right:auto; width:100%; height: 23px; background-color:#FFFFFF;}
#navSpacer2{ font-size:14px; font-weight:bold; color:#1E76BB; text-align:center; margin-left: auto; margin-right:auto; width:100%; height:23px; background-color:#FFFFFF;}

#navigation { clear: both; margin-left:auto; margin-right:auto; width:886px; top: 2px; right: 1px; /*z-index: -1;*/ }
#navigation li { float: right; margin: 0 0 0 3px; position: relative; }
#navigation li a,
#navigation li span { color: #fff; font-size: 12px; font-weight:bold; display: block; float: left; background: url(../images/tabs-sprite.png) no-repeat 0 0; }
#navigation li a { height: 36px; padding: 0 0 0 7px; position: relative; }
#navigation li span { height: 34px; padding: 6px 0 0 0; background-position: 100% 0; }
#navigation .nav-signup span { padding: 6px 25px 0 18px; }
#navigation .nav-learnMore span { padding: 6px 24px 0 17px; }
#navigation .nav-resources span { padding: 6px 32px 0 25px; }
#navigation .nav-help span { padding: 6px 30px 0 23px; }
#navigation .hover a,
#navigation .hover span {background: url(../images/tabs-sprite.png) no-repeat 0 -37px; }
#navigation .current a,
#navigation .current span { background: url(../images/tabs-sprite.png) no-repeat 0 -89px; }
#navigation .hover a { margin-top: -6px; background-position: 0 -37px; height: 37px; }
#navigation .current a { background-position: 0 -89px; margin-top: -6px; height: 41px; }
#navigation .hover span { padding-top: 11px; background-position: 100% -37px; }
#navigation .current span { background-position: 100% -89px; height: 35px; padding-top: 5px; }
#navigation .current span { font-weight: bold; }
#navigation .current span,
#navigation .hover span,
#navigation li span {background-color:#ffffff} /*simple fix to the corner being transparent in the image*/

/* Sub-nav */
#navigation .sub-nav { padding-bottom: 7px; position: absolute; left: -999em; right: -6px; top: 27.5px; width: 279px; background: url(../images/tabs-sprite2.png) no-repeat 0 100%; z-index: 1; }
#navigation .hover .sub-nav { left: auto; }
#navigation .sub-nav li { display: block; float: left; height: auto; margin: 0; padding-left: 1px; font-weight: normal; width: 272px; background: none; }
#navigation .sub-nav li a { border-top: 1px solid #2e5a93; display: block; height: auto; margin: 0; padding: 12px 34px 10px 20px; color: #c6d6e6; width: 218px; background: url(../images/bg-dropdown-link.png) repeat-y; }
#navigation .sub-nav li a:hover { color: #fff; background: url(../images/bg-dropdown-hover.png) repeat-y; cursor: pointer; }
#navigation .sub-nav li.press a { color: #fff; background: url(../images/bg-dropdown-press.png) repeat-y; cursor: pointer; }
#navigation .sub-nav .first a { border: none; padding-top: 12px; }
#navigation .sub-nav strong,
#navigation .sub-nav span { color: #c6d6e6; }
#navigation .sub-nav li a:hover strong,
#navigation .sub-nav li a:hover span { color: #fff; }
#navigation .sub-nav strong { display: block; font-size: 14px; line-height: 1; }
#navigation .sub-nav span { display: block; font-size: 12px; }
#navigation .hover .sub-nav span,
#navigation .current .sub-nav span { background: none; font-weight: normal; height: auto; padding: 0; }


/* Content
------------------------------------------------------------------------------*/

#content { background: #fff; padding-top: 20px; }
h3 { border-bottom: 1px solid #dfe4e6; padding: 0 0 12px 17px; font-size: 14px; }

.advantage-list-wrapper { padding-top: 30px; }
.advantage-list { float: left; padding-top: 22px; width: 437px; }
.advantage-list-alt { float: right; }
.advantage-list li { margin-bottom: 18px;  }
.advantage-list .al-image { float: left; width: 100px; overflow: hidden; text-align: center; }
.advantage-list .al-content { float: left; width: 325px; }
.advantage-list p { font-size: 11px; line-height: 14px; }
.advantage-list h3 { border: none; padding: 0; font-size: 12px; }
.advantage-list-wrapper blockquote { width: 600px; font-size: 16px; margin-left:auto; margin-right:auto; padding: 20px 20px 0 20px;}
.quote-author { font-weight:bold; font-size: 14px; padding:5px 0 5px 0;}

/* Buttons */
.btn-popup {padding:0px;}
.btn-popup,
.btn-popup span { display: block; float: left; }
.btn-popup { height: 34px; padding-left: 16px; padding-right: 16px; position: relative; font-size: 14px; font-weight: bold; background: url(../images/button-left-sprite.png) no-repeat 0 0; overflow: hidden; }
.btn-popup span { height: 30px; padding: 6px 20px 0 10px; color: #2061ad; background: url(../images/button-right-sprite.png) no-repeat 100% 0; cursor: pointer; }
.btn-popup:hover,
.btn-popup-hover { background-position: 0 -39px; } 
.btn-popup:hover span,
.btn-popup-hover span { background-position: 100% -39px; }
.btn-password { padding-right: 2px; }
.btn-cancel { padding-right: 2px;}
.btn-cancel span { color: #666; }
.btn-common,
.btn-common span { display: block; float: left; }
.btn-common { color: #fff; height: 52px; padding-left: 21px; position: relative; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 14px; background: url(../images/button-left-sprite.png) no-repeat 0 -156px; overflow: hidden; cursor: pointer; }
.btn-common span { height: 38px; padding: 10px 30px 0 9px; background: url(../images/button-right-sprite.png) no-repeat 100% -156px; }
.btn-common:hover { color: #fff; background-position: 0 -214px; } 
.btn-common:hover span { background-position: 100% -214px; }
.btn-trial,
.btn-sandbox{ font-size: 15px; }
.btn-trial span { padding-top: 10px; height: 40px; }
.btn-trial span,
.btn-sandbox span { padding-right: 40px; }
.btn-trial em,
.btn-sandbox em { display: block; width: 15px; height: 21px; background: url(../images/ico-arrow.png) no-repeat; bottom: 20px; right: 20px; position: absolute; }
.btn-sandbox em { bottom: 22px;}
.btn-sandbox { color: #fff; height: 53px; padding-left: 21px; position: relative; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 14px; background: url(../images/button-left-sprite.png) no-repeat 0 -273px; }
.btn-sandbox span { height: 39px; background: url(../images/button-right-sprite.png) no-repeat 100% -273px; }
.btn-sandbox:hover { color: #fff; background-position: 0 -332px; } 
.btn-sandbox:hover span { background-position: 100% -332px; }

button.btn-popup { border: none; margin: 0; cursor: pointer; }
button.btn-popup span { padding-top: 7px; height: 27px; }

/* Affiliates section */

#AffiliatesContainer
{
	position:relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	width:886px;
	height:210px;
	text-align:center;
	vertical-align:middle;
}

/* Form support search*/
.sb-support-search .custom-input,
.sb-support-search .custom-input span { float: left; display: block; background: url(../images/form-sprite.png) no-repeat; }
.sb-support-search .custom-input { padding: 0 0 0 14px; height: 35px; background-position: 0 -65px;  }
.sb-support-search .custom-input span { padding: 9px 16px 0 0; background-position: 100% 0; height: 26px; }
.sb-support-search .custom-input input { padding: 0; border: none; background: none; width: 225px; font-size: 12px; font-weight: bold; color: #999; outline: none; }

.sb-support-search button { float: left; width: 41px; height: 35px; background: url(../images/form-sprite.png) no-repeat 0 -130px; border: none; text-indent: -999em; cursor: pointer; }


/* google search */
.gsc-tabHeader { display: none }
.gsc-tabsArea { display: none }
.gsc-title { display: none }
.gsc-stats { display: none }
.gsc-cursor { display: none }
.gsc-resultsHeader { display: none }
.gsc-results { padding: 10px 10px 10px 10px }
.gsc-result { padding: 10px 10px 0px 0px } 
.gsc-completion-container { display: none } 
.gs-title { font-size: 130% }
.gs-snippet { font-weight: bold }
.gs-visibleUrl-short  { display: none }
.gs-watermark  { display: none }
.gs-no-results-result { font-size: 150%; margin-left: 50%; margin-right: 50%; width: 100px  }



/* About section*/
.about-wrapper { padding-top: 25px; }
.about-wrapper ul { padding: 19px 0 100px 226px; }
.about-wrapper ul li { padding: 0 11px 28px 0; width: 673px; }
.about-wrapper ul li.last { padding: 0 ; }
.about-wrapper h2 { font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
.about-wrapper p { font-size: 11px; }
.about-wrapper img { float: left; }
.about-wrapper .about-content { float: left; padding-left: 16px; position: relative; width: 545px; }
.about-wrapper .about-title { display: block; padding-bottom: 10px; font-size: 12px; }
.about-wrapper .more-link { display: block; position: absolute; right: 30px; padding-right: 15px; color: #333; display: block; font-size: 11px; background: url(../images/ico-about-arrow.gif) no-repeat right 6px; }
.about-wrapper .more-link:hover { color: #333; text-decoration: underline; }
.about-wrapper .more-content { display: none; }

/* Banners and Examples */
.examples { padding-top: 0; margin: -10px -10px -10px -10px; }
.banners {overflow:hidden; text-align: center;}
.examples li,
.banners li { float: left; padding: 0 27px 0 0;}
.examples li.first,
.banners li.first { margin-left:-3px; }
.examples li.last,
.banners li.last { margin-right:-30px; }
.examples li a,
.banners li a { display: block; float: left; position: relative; height: 203px; width: 280px; cursor: pointer; }
.banners li a { height: 180px; width: 280px; }
.examples li img,
.banners li img { margin: 5px 0 0 0; position: relative; z-index: 1; }
.examples li .example-name,
.banners li .example-name { position: absolute; z-index: 2; left: 0; bottom: -3px; width: 280px; height: 29px; padding: 5px 0 0 5px; text-align: center; font-size: 14px; font-weight: bold; color: #fff; }
.banners li .example-name { bottom: 0; }
.examples li .bg-overlay,
.banners li .bg-overlay { position: absolute; display: block; z-index: 1; left: 0; top: 0; }
.banners li .bg-overlay { width: 280px; height: 180px; background: url(../images/bg-banners2.png) no-repeat; top: 0; }
.examples li a:hover,
.banners li a:hover { background: #fff; }
.banners li a:hover .bg-overlay { background-position: 0 -179px; }
.examples li .bg-overlay { width: 280px; height: 206px; background: url(../images/bg-examples.png) no-repeat 0 1px; top: 0; }
.examples li a:hover .bg-overlay { background-position: 0 -213px; }
.main-image,
.main-image span { display: block; overflow: hidden; width: 424px; height: 274px; }
.main-image { float: left; margin-left: 20px; margin-top:25px; position: relative; }
.main-image span { background: url(../images/main.png) no-repeat; position: absolute; top: 1px; left: 0; z-index: 10; cursor: pointer; }
.main-image1,
.main-image1 span {float:left; display: block; overflow: hidden; width: 424px; height: 274px; }
.main-signup,
.main-signup span {float:left; display: block; overflow: hidden; width: 424px; height: 300px; }

/* Global Boxes */
.highlight-box { position: relative; width: 890px; padding-bottom: 16px; background: url(../images/bg-box-bottom.gif) no-repeat bottom; }
.highlight-box .box-header { height: 33px; background: url(../images/bg-box-top.gif) no-repeat top; }
.highlight-box .box-content-wrapper { padding: 0 3px; background: url(../images/bg-box-middle.gif) repeat-y left; }
.highlight-box .box-content {background: url(../images/bg-box-content.gif) repeat-x bottom; }
.highlight-box .box-content2 {background: url(../images/bg-box-content.gif) repeat-x bottom; }

.highlight-box .box-header h2 { float: left; padding: 10px 0 0 24px; color: #333; font-size: 12px; }
.highlight-box .box-header .box-nav { float: right; padding: 3px 10px 0 0; }
.highlight-box .box-header .box-nav li { float: left; border-left: 1px solid #ccc; height: 30px; }
.highlight-box .box-header .box-nav a { float: left; height: 23px; padding: 7px 18px 0; border-left: 1px solid #fff; color: #333; font-size: 12px; font-weight: bold; }
.highlight-box .box-header .box-nav a:hover { color: #999; }
.highlight-box .box-header .box-nav .current a { color: #1d76bb; }

.highlight-box h1 { padding: 15px; }
.highlight-box h1 span { margin-right: -5px; }

/* Box: About */
.box-about h1 { padding: 15px 15px 17px; font-size: 47px; }
.cufon-ready .box-about h1 { padding: 15px; font-size: 49px; }
.box-about-why { float: left; display: inline; width: 177px; padding: 15px 15px 10px; margin: 0 0 10px 223px; color: #fff; background: #235481 url(../images/bg-box-about.gif) repeat-x top; }
.box-about-why p { font-size: 12px; line-height: 14px; padding-bottom: 10px; }
.box-about-intro { float: left; width: 408px; padding: 0 0 0 20px; }
.box-about-intro p { padding-bottom: 15px; font-size: 12px; }

/* Box: Examples */
.box-examples h1 { padding: 15px 15px 17px; }
.cufon-ready .box-examples h1 { padding: 15px; }
.box-examples p { padding: 0 45px 0 450px; color: #1d76bb; font-size: 12px; }
.box-examples a.learn-more { float: left; font-weight: bold; font-size: 14px; margin: 12px 0 0 450px; }
.box-examples .examples-list { clear: both; padding: 15px 0 0 450px; }
.box-examples a.learn-more,
.box-examples .examples-list li a { color: #e26b26; }
.box-examples .examples-list li a { font-size: 12px; }
.box-examples a.learn-more:hover,
.box-examples .examples-list li a:hover { color: #7c302d; }
.box-examples .examples-list .btn { float: left; }
.box-examples .examples-list ul { float: right; padding-bottom: 15px; width: 205px; font-weight: bold; }
.box-examples .FML-magical { position: absolute; left: 0; bottom: -17px; width: 396px; height: 349px; background: url(../images/FML-magical.png) no-repeat; }

/* Box: Online Premium */
.box-premium h1 { padding: 15px 15px 17px; }
.cufon-ready .box-premium h1 { padding: 15px; }
box-premium .box-content { padding-bottom: 60px; }
.box-premium .box-content { padding-bottom: 60px; }
.box-premium p.intro { padding: 0 95px 40px 447px; font-size: 12px; font-weight: bold; color: #1d76bb; }
.extras-wrapper-1 { clear: both; padding-bottom: 21px; background: url(../images/bg-box-extras-bottom.png) no-repeat bottom; }
.extras-wrapper-2 { overflow: hidden ;padding-top: 22px; background: url(../images/bg-box-extras-top.png) no-repeat top; }
.extras-wrapper-3 { padding: 0 10px; width: 865px; background: url(../images/bg-box-extras-middle.png) repeat-y left; }
.extras-wrapper-3 ul { position: relative; overflow: hidden; margin: 20px 0 0 0; padding: 20px 0 0; border-top: 1px solid #dee2e3; width: 864px; }
.extras-wrapper-3 .first { border: none; margin: 0; padding: 0; }
.box-premium .extras-wrapper-3 li { border-left: 2px solid #d3dbe2; position: relative; float: left; width: 210px; height:
155px; margin: 0 -10px; padding: 15px 48px 10px; }
.box-premium .extras-wrapper-3 li div { position: absolute; bottom: 10px; width: 210px; }
.box-premium .extras-wrapper-3 li { border-left: 2px solid #d3dbe2; position: relative; float: left; width: 210px; height: 155px; margin: 0 -10px; padding: 15px 48px 10px; }
.box-premium .extras-wrapper-3 li div { position: absolute; bottom: 10px; width: 240px; }
.box-premium .extras-wrapper-3 li h3 { border: none; padding: 0; height: 52px; }
.box-premium .extras-wrapper-3 li p { padding-bottom: 15px; font-size: 12px; }
.box-premium .extras-wrapper-3 li a.more { color: #333; font-size: 11px; font-weight: bold;  }
.box-premium .extras-wrapper-3 li a.more:hover { text-decoration: underline; }

.box-premium .extras-wrapper-3 h3 a { display: block; float: left; overflow: hidden; }
.box-premium .extras-wrapper-3 h3 img { float: left; margin: 0; padding: 0; }

/*.ir-google-apps { display: block; width: 166px; height: 39px; }

.ir-google-apps { display: block; width: 166px; height: 39px; }
.ir-google-apps span { background-image: url(../images/logo-googleapps.png); }
.ir-wordpress { display: block; width: 185px; height: 44px; }
.ir-wordpress span { background-image: url(../images/logo-wordpress.png); }
.ir-FML-api { display: block; width: 139px; height: 38px; }
.ir-FML-api span { background-image: url(../images/logo-FMLapi.png); }  */

/* Box: Extras */
.box-extras h1 { margin-bottom: 10px; }
.box-extras .preview { float: left; width: 430px; text-align: right;}
.box-extras .preview img { padding-bottom: 14px; }
.box-extras .btn-common { float: none; display: inline-block; margin-right: -10px; font-family: "Arial Black", Arial, Helvetica, sans-serif; }
.box-extras .btn-common span { font-size: 15px; padding: 10px 28px 2px 0; word-spacing: 0.2px; }
.box-extras .extras-detail { float: right; width: 385px; margin-top: -2px; padding-right: 50px; }
.box-extras p { font-size: 12px; line-height: 14px; padding-bottom: 15px; }
.box-extras p.intro { line-height: 18px; font-weight: bold; color: #1d76bb; }


.extra-wordpress h1 { margin-bottom: 10px; padding: 15px 15px 17px; }
.cufon-ready .extra-wordpress h1 { padding: 15px; }
.more-box-wrapper-1 { width: 385px; padding-bottom: 13px; margin: 22px 0 0; position: relative; }
.more-box-wrapper-2 { padding: 46px 0 0 51px; } 
.more-box-wrapper-2 p { padding-bottom: 20px; position: relative; z-index: 10; }
.more-box-wrapper-2 li { font-weight: bold; padding-bottom: 6px; font-size: 12px; }
.more-box-wrapper-2 li a { background: url(../images/ico-wordpress-arrow.gif) no-repeat left 2px; padding-left: 11px; }
.ir-wordpress-small,
.ir-wordpress-small span { display: block; }
.ir-wordpress-small { display: block; width: 216px; height: 54px; position: absolute; top: 0; left: -6px; z-index: 1; text-indent: -999em; }
.ir-wordpress-small span { background: url(../images/logo-wordpress-extra.png) no-repeat; height: 54px; width: 216px; }

.extras-google h1 { margin-bottom: 10px; padding: 15px 15px 16px; }
.cufon-ready .extras-google h1 { padding: 15px; }
.googleapps .preview { width: 439px; }
.googleapps .extras-detail { padding-right: 18px; width: 408px; }
.googleapps .intro a { color: #e3670c; }
.googleapps .intro a:hover { color: #7c302d; }
.googleapps .preview img { padding-bottom: 5px; }
.googleapps .btn-googleapps { float: right	; display: block; position: relative; overflow: hidden; height: 47px; width: 199px; }
.googleapps .btn-googleapps span { background: url(/_ui/images/button-googleapps.png) no-repeat; position: absolute; left: 0; top: 0;  height: 100%; width: 100%; cursor: pointer; }
.googleapps .benefits { padding: 0 0 16px 0; }
.googleapps .benefits li a { background: url(../images/ico-wordpress-arrow.gif) no-repeat left 2px; padding-left: 11px; font-size: 12px; font-weight: bold; }
.googleapps .featured-title { padding-bottom: 12px; font-size: 12px; font-weight: bold; }
.googleapps .featured-lists { padding-bottom: 10px; }
.googleapps .featured-lists li { background: url(../images/ico-bullet-extra.gif) no-repeat 0 5px; font-size: 12px; line-height: 12px; padding: 0 0 9px 10px; }

/* Box: Overview */
.box-overview h2 { width: 110px; }
.box-overview .headlines { position: relative; float: left; width: 750px; }
.box-overview .headlines li { position: absolute; z-index: 1; top: 10px; left: 5px; width: 745px; background: #f5f5f5; }
.box-overview .headlines li.current { z-index: 3; }
.box-overview .headlines li.next { z-index: 2; }
.box-overview .headlines a { color: #333; font-size: 12px; }
.box-overview .headlines a:hover { text-decoration: underline; }

/* Box: API */
.box-api h1 { padding: 15px 15px 16px; }
.cufon-ready .box-api h1 { padding: 15px; }
.box-api .api-intro { padding-left: 15px; }
.box-api p { margin-right: 16px; color: #1d76bb; font-size: 12px; float: left; width: 191px; }
.box-api .api-link { float: left; font-size: 12px; }
.box-api .api-link ul { padding-bottom: 32px; }
.box-api .api-link li a { color: #e3670c; font-family: "Arial Black", Arial, Helvetica, sans-serif; }
.box-api .api-link li a:hover { color: #7c302d; }
.box-api .api-link .btn-common { margin-bottom: 15px; }

.api-wrapper { padding-top: 25px; }
.api-wrapper .api-main { float: left; width: 660px; }
.api-wrapper #sidebar { float: right; width: 208px; }
.api-section { clear: both; padding: 0 0 19px 0; }
.api-section h3 { margin-bottom: 8px; padding-bottom: 5px; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 12px; }
.api-section-inner { padding: 0 0 0 90px; }
.api-section-inner p,
.api-section-inner li { padding-bottom: 8px; font-size: 12px; line-height: 14px; }
.api-section-inner h4 { font-size: 12px; }
.api-server { padding-top: 8px; }
.api-server img { float: left; margin-left: -87px; }
.api-server-details { float: right; width: 270px; }
.api-wrapper #sidebar .blue-box .box-content { padding-bottom: 900px; }
.api-wrapper #sidebar .blue-box .box-content h2 { padding: 5px 0 14px; text-transform: none; }
.api-wrapper #sidebar .blue-box .sidebar-api li { padding: 5px 0 0 12px; }
.api-wrapper #sidebar .blue-box .sidebar-api { padding-bottom: 39px; }
.api-wrapper #sidebar .blue-box .sidebar-api li ul { margin-left: -12px; }
.api-wrapper #sidebar .blue-box .sidebar-api li li { padding: 7px 0 0 28px; background: url(../images/ico-api-arrow.png) no-repeat 18px 14px; }
.api-wrapper #sidebar .blue-box .sidebar-api li .first { border-top: 1px solid #60a4e5; }

.preview-wrapper-1 { clear: both; padding-bottom: 5px; background: url(../images/bg-box-extras-bottom.png) no-repeat bottom; }
.preview-wrapper-2 { padding-top: 5px; background: url(../images/bg-box-extras-top.png) no-repeat top; }
.preview-wrapper-3 { position: relative; width: 100%; height: 174px; background: url(../images/bg-box-extras-middle2.png) repeat-y left; }

.preview-scroll { position: relative; overflow: hidden; height: 174px; width: 767px; margin: 0 auto; }
.preview-scroll-holder { position: absolute; top: 0; left: 0; }
.preview-scroll ul { float: left; padding-left: 2px; margin-left: -2px; background: url(../images/bg-preview-div.png) no-repeat left 29px; }
.preview-scroll ul.first { margin-left: 0; }
.preview-scroll li { float: left; width: 151px; height: 174px; padding-right: 2px; background: url(../images/bg-preview-div.png) no-repeat right 29px; }

.preview-scroll a { display: block; position: relative; float: left; width: 151px; height: 174px; }
.preview-scroll a .bg-overlay { display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 151px; height: 174px; background: url(../images/bg-preview.png) no-repeat 0 174px; }

.preview-scroll a:hover .bg-overlay { background-position: 0 0; }
.preview-scroll img { position: absolute; left: 0; top: 0; z-index: 2; }
.preview-scroll .preview-title { position: absolute; left: 0; bottom: 10px; z-index: 3; text-align: center; width: 151px; font-size: 12px; font-weight: bold; }

.preview-nav { position: absolute; top: 77px; width: 14px; height: 20px; }
.preview-prev { left: 32px; background: url(../images/preview-arrow.gif) no-repeat 0 -51px; }
.preview-prev:hover { background-position: 0 -76px; }
.preview-next { right: 32px; background: url(../images/preview-arrow.gif) no-repeat; }
.preview-next:hover { background-position: 0 -25px; }


.box-overview h1 { padding: 10px 60px 3px 45px; font-size: 38px;; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.cufon-ready .box-overview h1 { padding-bottom: 0;}
.box-overview .intro { padding: 5px 100px 20px 45px; color: #1d76bb; font-size: 14px; font-weight:bold; }
.balloon-wrapper { position: absolute; top: 25px; left: 22px; }
.balloon,
.balloon-content { display: block; float: left; }
.balloon-content a {text-decoration: none; color: #fff } 

.balloon { padding: 0 0 0 17px; position: relative; height: 81px; background: url(../images/balloon-left.png) no-repeat; }
.balloon-content { padding-right: 46px; height: 81px; background: url(../images/balloon-right.png) no-repeat 100% 0; }
.balloon-content span { display: block; padding-top: 12px; font-size: 12px; color:#FFFFFF;  }
.balloon-arrow { width: 84px; height: 31px; background: url(../images/balloon-arrow.png) no-repeat; position: absolute; bottom: -23px; left: 71px; }
.balloon-content p { padding: 2px 13px 0 30px; color: #fff; line-height: 1; font-size: 25px; text-decoration:none; }
.cufon-ready .balloon-content p { padding: 0 0 0 30px; text-decoration:none; }
.balloon-content p strong { font-size: 27px; font-weight: bold; }
.balloon-bottom { width: 488px; height: 76px; background: url(../images/balloon-bottom.png) no-repeat; }
.FML-overview { position: absolute; left: 25px; top: 120px; width: 400px; height: 171px; background: url(../images/robots.png) no-repeat; }

/* Box: Plugin */
.box-plugin h1 { padding: 15px 15px 18px; }
.cufon-ready .box-plugin h1 { padding: 15px; }
.box-plugin .inside-wrapper { position: relative; width: 100%; }
.box-plugin .video { padding-bottom: 10px; float: right; width: 556px; height: 338px; cursor: pointer; }
.box-plugin .detail { position: absolute; left: 0; bottom: 0; width: 290px; padding: 0 0 20px 18px; }
.box-plugin .detail h3 { color: #1d76bb; line-height: 24px; font-size: 18px; font-weight: bold; padding: 0 0 13px; border: 0; }
.box-plugin .detail p { padding-bottom: 15px; font-size: 12px; }
.box-plugin .detail a.more { color: #e26826; font-size: 14px; font-family: "Arial Black", Arial, Helvetica, sans-serif; }
.box-plugin .detail a.more:hover { color: #7c302d; }
.box-plugin .detail .btn-common span { width: 220px; }
.box-plugin .detail .btn-common { margin-top: 15px; clear: both; }

/* Box: Online */
.box-online h1 { padding: 15px 15px 17px; }
.cufon-ready .box-online h1 { padding: 15px; }
.box-online h1 span { margin: 0 -5px 0 -3px; }
.box-online .inside-wrapper { position: relative; width: 100%; }
.box-online .video { padding-bottom: 10px; float: right; width: 565px; height: 338px; cursor: pointer; }
.box-online .detail { position: absolute; left: 0; bottom: 0; width: 290px; padding: 0 0 20px 18px; }
.box-online .detail h3 { color: #1d76bb; line-height: 24px; font-size: 21px; font-weight: bold; padding: 0 0 13px; border: 0; }
.box-online .detail p { padding-bottom: 15px; font-size: 12px; }
.box-online .detail a.more { color: #e26826; font-size: 14px; font-family: "Arial Black", Arial, Helvetica, sans-serif; }
.box-online .detail a.more:hover { color: #7c302d; }
.box-online .detail .btn-common span { width: 220px; }
.box-online .detail .btn-common { margin-top: 23px; clear: both; }

/* Box: Support */

.box-support h1 { padding: 15px 15px 16px 342px; }
.cufon-ready .box-support h1 { padding: 15px 15px 15px 342px; } 
.box-support p { padding: 5px 125px 0 450px; font-size: 12px; font-weight: bold; color: #1d76bb; }
.box-support .sb-support-search fieldset { padding: 25px 0 20px 450px; }
.FML-support { position: absolute; left: 90px; top: 3px; width: 239px; height: 290px; background: url(../images/FML-support.png) no-repeat; }
.FML-jobs { position: absolute; left: 90px; top: 3px; width: 290px; height: 277px; background: url(../images/FML-jobs.png) no-repeat; }
.support-wrapper { margin-top: 18px; }
.support-main { float: left; margin-top: 6px; width: 662px; background: url(../images/bg-support.png) repeat-y; }
.box-support-small { float: left; margin-left: 16px; padding: 10px 7px 30px 17px; width: 186px; }
.box-support-small.bs-first { float: left; margin-left: 0; padding: 10px 5px 30px 17px; width: 188px; }
.box-support-small h2 { padding-bottom: 53px; color: #1d58bb; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 12px; }
.box-support-small li { padding-bottom: 8px; }
.box-support-small li a { color: #333; display: block; font-weight: bold; font-size: 11px; }
.box-support-small li a:hover { color: #333; text-decoration: underline; }
.support-option { clear: left; float: left; padding-top: 38px; width: 662px; }
.support-option h3 { border: none; padding: 0 0 10px; font-size: 12px; font-family: "Arial Black", Arial, Helvetica, sans-serif; }
.support-option li { font-weight: bold; font-size: 11px; padding-bottom: 1px; }
.support-wrapper #sidebar { float: right; width: 206px; }

/* Box: Blog */
.box-blog { position: relative; width: 890px; padding-bottom: 18px; background: url(../images/bg-box-blog-bottom.gif) no-repeat bottom; }
.box-blog .box-header { height: 16px; background: url(../images/bg-box-blog-top.gif) no-repeat top; }
.box-blog .box-content-wrapper { padding: 0 4px; background: url(../images/bg-box-blog-middle.gif) repeat-y left; }
.box-blog .box-content { padding-left: 328px; background: url(../images/bg-box-blog-content.gif) repeat-x bottom;  }
.FML-blog { bottom: -40px; left: 8px; position: absolute; width: 330px; height: 275px; background: url(../images/FML-blog.png) no-repeat; }
.box-blog h1 { padding: 28px 20px 2px 0; color: #fff; font-size: 49px; text-align: right; }
.cufon-ready .box-blog h1 { padding: 28px 20px 0 0; font-size: 50px; }
.box-blog h1 span { margin: 0 -5px; } 
.box-blog p { padding: 8px 20px 43px 0; color: #fff; font-size: 14px; font-weight: bold; text-align: right; }

.box-social-wrapper { padding: 0 0 12px 354px; }
.box-social-inner { float: left; display: block; padding-left: 10px; height: 34px; background: url(../images/bg-box-social-left.gif) no-repeat; }
.box-social-content { float: left; display: block; padding: 8px 13px 7px 6px; height: 20px; font-size: 13px; background: url(../images/bg-box-social-right.gif) no-repeat 100% 0; }
.box-social-content li { float: left; margin-right: 21px; }
.box-social-content li a { color: #616161; }
.box-social-content li a:hover { text-decoration: underline; }
.box-social-content .rss { padding-left: 23px; background: url(../images/ico-rss.gif) no-repeat 0 -2px; }
.box-social-content .twitter { padding-left: 33px; margin: 0; background: url(../images/ico-twitter.gif) no-repeat 0 -2px; }

.blog-wrapper { margin-top: 13px; }
.blog-wrapper .blog-main { float: left; padding-top: 30px; width: 663px; }
.blog-wrapper .post-time { padding-bottom: 9px; font-size: 12px; }
.blog-wrapper .post { border-top: 1px solid #ccc; margin-bottom: 20px; padding: 44px 0 0; position: relative; }
.blog-wrapper .blog-post { border-top: 1px solid #ccc; margin-bottom: 20px; padding: 44px 0 0; position: relative; }
.blog-wrapper .blog-post.first { border-top: none; padding: 0; }
.blog-wrapper .blog-post.first .digg-submit  { top: 0; }
.blog-wrapper .digg-submit { position: absolute; right: 0; top: 48px; width: 50px; height: 80px; background: url(../images/ico-digg.png) no-repeat; }
.blog-wrapper .blog-main h2 { padding-bottom: 30px; width: 600px; }
.blog-wrapper .blog-main h2 a { color: #1d76bb; font-size: 18px; font-weight: normal; }
.blog-wrapper .blog-main img { margin-bottom: 23px; }
.blog-wrapper .blog-main p { font-size: 12px; padding-bottom: 23px; }
.blog-wrapper .blog-main a:hover { text-decoration: underline; }
.blog-wrapper .blog-main .post-meta { clear: both; padding: 5px 0 0 0; font-size: 11px; margin-left: 0px } 
.blog-wrapper .blog-main .post-meta li { display: inline; }
.blog-wrapper .blog-main .post-meta a { margin-left: 6px; padding-left: 11px; background: url(../images/ico-bullet.gif) no-repeat 0 50%; }
.blog-wrapper .blog-main input { width: 200px  }
.blog-wrapper .blog-main label {  width: 75px; float: left }
.blog-wrapper .blog-main .required {  width: 10px; }
.blog-wrapper .blog-main textarea { width: 400px }

.blog-wrapper #sidebar { float: right; width: 210px; }

.social-count  { overflow: hidden; }
.social-count li { float: left; margin-right: 30px; }
.social-count li a { float: left; display: block;  }
.social-count li span { float: left; margin-top: 2px; font-weight: bold; font-size: 14px; line-height: 1.4; }
.social-count .sc-fblike a { margin-right: 6px; width: 56px; height: 22px; text-indent: -999em; background: url(../images/ico-fblike.png) no-repeat; }
.social-count .sc-retweet a { margin-top: 2px; margin-left: 4px; width: 51px; height: 18px; text-indent: -999em; background: url(../images/ico-retweet.png) no-repeat; }

/* Network */
.network-wrapper h1 { padding-bottom: 17px; }
.cufon-ready .network-wrapper h1 { padding-bottom: 15px; } 
.network-wrapper .network-main { float: left; width: 668px; }
.network-wrapper #sidebar { float: right; width: 214px; }
.network-wrapper #sidebar .box { float: right; width: 206px; }
.network-wrapper #sidebar .btn-try { float: right; margin-bottom: 25px; }
.network-wrapper #sidebar .btn-try span { padding: 10px 23px 0 7px; background-position: 97% -156px; }
.network-wrapper #sidebar .btn-try:hover span { background-position: 97% -214px; }

.network-main img { margin-bottom: 16px; }
.network-main-left { float: left; padding-top: 88px; width: 218px; }
.network-main-left h2 { padding-bottom: 10px; color: #1d58bb; font-size: 12px; }
.network-main-left li { padding-bottom: 8px; font-weight: bold; font-size: 12px; line-height: 15px; }
.network-main-right { float: right; width: 437px; }
.network-main-right .intro { margin-bottom: 0; padding-bottom: 15px; color: #1d76bb; font-size: 12px; }
.network-main-right a { color: #e3670c; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 12px; }
.network-main-right a:hover { color: #7c302d; }
.network-main-right h2 { border: none; padding: 10px 0 5px; font-size: 12px; }
.network-main-right p { font-size: 12px; margin-bottom: 5px; }
.network-main-right ul { text-indent: 10px; }
.network-main-right li { font-size: 12px; background: url(../images/ico-dash.gif) no-repeat 0 3px; }


/* Tabs */
.FML-tabs-nav {list-style-type: none; padding-bottom: 5px; border-bottom: 1px solid #dfe4e6; float: left; width: 800px; }
.FML-tabs-nav li { list-style-type: none; border-right: 1px solid #e7e7e7; float: left; padding: 0 20px; }
.FML-tabs-nav li a { color: #999; font-size: 18px; font-weight: bold; }
.FML-tabs-nav li a:hover { color: #333; }
.FML-tabs-nav .first { padding-left: 0; }
.FML-tabs-nav .active a,
.FML-tabs-nav .active a:hover { color: #1d76bb; cursor: default; }
.FML-tabs-content-wrapper .FML-tabs-content { display: none; border-bottom: 1px solid #dfe4e6; float: left; width: 800px };

/* Pricing */
.pricing-wrapper h1 { padding-bottom: 31px; }
.cufon-ready .pricing-wrapper h1 { padding-bottom: 29px; }
.pricing-wrapper .intro { padding-bottom: 54px; width: 528px; font-size: 14px; }
.pricing-tabs-nav { padding-bottom: 5px; border-bottom: 1px solid #dfe4e6; float: left; width: 100%; }
.pricing-tabs-nav li { border-right: 1px solid #e7e7e7; float: left; padding: 0 20px; }
.pricing-tabs-nav li a { color: #999; font-size: 18px; font-weight: bold; }
.pricing-tabs-nav li a:hover { color: #333; }
.pricing-tabs-nav .first { padding-left: 0; }
.pricing-tabs-nav .active a,
.pricing-tabs-nav .active a:hover { color: #1d76bb; cursor: default; }

.pricing-table { float: right; margin-bottom: 40px; width: 657px; }
.pricing-table thead th,
.pricing-table td { border-bottom: 1px solid #dfe4e6; padding: 7px 0 9px; font-size: 14px; }
.pricing-table td strong { color: #1d76bb; font-weight: normal; }
.pricing-table thead th { color: #1d76bb; font-weight: bold; }
.pricing-table .users { width: 226px; }
.pricing-table td.users { font-weight: bold; }
.pricing-table .commercial { width: 229px; }
.pricing-table .academic { width: 202px; }
.pricing-table tfoot { font-size: 10px; }
.pricing-table tfoot th { padding-top: 19px; }
.pricing-table tfoot th p { padding-bottom: 10px; }

.purchase-section { clear: both; }
.purchase-section h2 { clear: both; padding-bottom: 10px; border-bottom: 1px solid #dfe4e6; color: #e3670c; font-size: 18px; position: relative; }
.purchase-section h2 strong { color: #1d76bb; }
.purchase-form { clear: both; }
.purchase-form fieldset { float: right; width: 655px; padding-top: 36px;  }
.purchase-form li { float: left; padding-bottom: 20px; width: 100%; }
.purchase-form .radio { float: left; display: inline-block; height: 16px; width: 16px; margin: 2px 10px 0 0; background: url(../images/form-sprite.png) no-repeat 0 -199px; }
.purchase-form .radio-checked { background-position: 0 -215px; }
.purchase-form label { float: left; font-size: 12px; width: 628px; }

.questions { clear: both; float: right; width: 655px; margin-top: 40px; }
.questions img { float: left; margin-left: -10px; }
.questions h3 { border: none; padding: 0 0 9px 0; }
.question-content { float: left; margin-left: 10px; width: 433px; }
.question-content p { font-size: 11px; }

/* Popups */
.popup { position: absolute; left: 0; top: 0; z-index: 999; }
.account-popup-wrapper { position: absolute; top: 30px; left: 50%; width: 890px; margin-left: -445px; z-index: 888; }
.account-popup { left: -999em; top: 23px; width: 288px; padding-bottom: 22px; background: url(../images/bg-popup1-bottom.png) no-repeat bottom; }
.show-account-popup { right: -10px; left: auto; }
.popup-header { padding: 12px 30px 9px; color: #2061ad; font-size: 14px; line-height: 1em; font-weight: bold; background: url(../images/bg-popup1-top.png) no-repeat top; }
.popup-content-wrapper { padding: 0 4px; background: url(../images/bg-popup1-middle-sh.png) repeat-y left; }
.popup-content { padding: 15px 0 0 27px; border-top: 1px solid #c5c9cd; background: #fdfefe url(../images/bg-popup1-middle.png) repeat-x bottom; }
.popup-close { position: absolute; top: 11px; right: 14px; width: 13px; height: 14px; }
.popup-close span { background-image: url(../images/ico-popup-close.gif); }

.account-popup h2 { text-transform: uppercase; }
.account-popup h2 em { font-style: normal; color: #e3670c; }
.account-popup label { font-weight: bold; color: #2061ad; font-size: 12px; }
.account-popup input.text { width: 220px; padding: 2px 3px; margin: 2px 0 4px; font-size: 12px; }
.account-popup .note { padding-bottom: 10px; }
.account-popup .form-chk { padding-bottom: 15px; }
.account-popup .form-chk input { float: left; }
.account-popup .form-chk label { float: left; font-size: 10px; color: #333; line-height: 1em; margin-top: 1px; }
.account-popup .form-chk label.terms-label { margin-top: 5px; }
.account-popup .form-chk div { float: left; width: 205px; padding-bottom: 15px; }
.account-popup .form-chk div p { clear: both; line-height: 1em; padding-top: 8px; }
.account-popup .form-action { width: 253px; clear: both; }

#popup-login .popup-content,
#popup-forgot .popup-content { position: relative; height: 165px; padding-top: 20px; }
#popup-login .form-action,
#popup-forgot .form-action { position: absolute; left: 27px; bottom: 0; }
#popup-login .btn-popup { float: right;}
/*.login-form .btn-popup span { padding: 7px 14px 0 20px; }*/
.forgot-form .btn-popup span { padding: 7px 11px 0 0px; }
#popup-login .forgot { float: right; display: inline; padding-top: 2px; margin-right: 27px; color: #1d76dd; }
#popup-login .forgot:hover { text-decoration: underline; }
.forgot-form p { font-size: 12px; line-height: 14px; padding: 0 27px 5px 0; }
.forgot-form p strong { color: #2061ad; }
.forgot-form input.text { margin-top: 15px; }

a.checkbox { float: left; background: #e6e6e6 url(../images/ico-checkbox.gif) left top no-repeat; display: inline-block; width: 25px; height: 24px; margin-right: 10px; }
a.checkbox-checked { background-position: left bottom; background-color: #ccc; }


.example-popup { width: 756px; height: 650px; padding: 1px 18px 29px 1px; background: url(../images/bg-examples-popup.png); }
.example-popup .ex-popup-header { padding: 24px 0 0 25px; height: 40px; }
#cboxClose { position: absolute; top: 24px; right: 53px; width: 15px; height: 15px; text-indent: -999em; background: url(../images/bg-example-popup-header-close.png) no-repeat 0 0; cursor: pointer; }
#cboxClose.hover { background-position: 0 -15px; }
.example-popup .ex-popup-content { position: relative; height: 474px; padding: 26px 0; text-align: center; background: #fff; }
.example-popup .ex-popup-footer { position: relative; height: 40px; padding: 20px 20px 0 25px; }
.example-popup .preview-nav { top: 215px; width: 21px; height: 30px; }
.example-popup .preview-prev { left: 25px; background: url(../images/example-arrow.gif) no-repeat 0 -68px; }
.example-popup .preview-prev:hover { background-position: 0 -103px; }
.example-popup .preview-next { right: 25px; background: url(../images/example-arrow.gif) no-repeat; }
.example-popup .preview-next:hover { background-position: 0 -35px; }

.example-popup h1 { padding-bottom: 2px; font-size: 18px; line-height: 1em; font-weight: bold; color: #1d58bb; }
.example-popup .see-more { padding-left: 11px; font-size: 13px; font-weight: bold; color: #e3670c; background: url(../images/ex-more-arrow.gif) no-repeat 0 2px; }
.example-popup .see-more:hover { color: #7c302d; }
.example-popup .start-custom { position: absolute; top: 10px; right: 20px; height: 31px; padding: 10px 55px 0 0; font-size: 18px; line-height: 1em; background: url(../images/btn-go.gif) no-repeat right top; }
.example-popup .start-custom:hover { background-position: right bottom; }

/* Colorbox */
#colorbox, 
#cboxOverlay, 
#cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, 
#cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; } 
#cboxLoadedContent iframe{ display: block; width: 100%; height: 100%; border: 0; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, 
#cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; }
#cboxPrevious, 
#cboxNext, 
#cboxClose, 
#cboxSlideshow { cursor: pointer; display: none; }

#cboxOverlay { background: #fff; }
#cboxLoadingOverlay { background: url(../images/loading_background.png) no-repeat center center; }
#cboxLoadingGraphic { background: url(../images/loading.gif) no-repeat center center; }

/* Extra wrapper */
.extra-wrapper h1 { padding-bottom: 23px; }
.cufon-ready .extra-wrapper h1 { padding-bottom: 22px; }
.extra-wrapper .extra-main { float: left; width: 655px; }
.extra-wrapper .extra-main h2 { font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; }
.extra-wrapper .extra-main p { font-size: 11px; line-height: 14px; padding-bottom: 14px; }
.extra-wrapper .extra-main ul { padding: 0 0 14px 37px; }
.extra-wrapper .extra-main li { font-size: 12px; line-height: 14px; list-style: decimal; }
.extra-wrapper .extra-main li LI { font-size: 11px; }
.extra-wrapper .extra-main em { font-size: 11px; font-style: normal; text-transform: uppercase; }

/* Copyright list */
.extra-wrapper .extra-main .copyright-list li { font-weight: bold; list-style: upper-alpha inside; padding-bottom: 12px; }
.extra-wrapper .extra-main .copyright-list h2 { display: inline; }
.extra-wrapper .extra-main .copyright-list p { font-weight: normal; }
.extra-wrapper .extra-main .copyright-list ol { padding-left: 42px; }
.extra-wrapper .extra-main .copyright-list ol li { font-weight: normal; list-style: decimal outside; padding: 0; }
.extra-wrapper .extra-main .vcard { font-size: 11px; line-height: 14px; padding-left: 25px; }

/* Information list */
.extra-wrapper .extra-main .information-list { padding: 0; }
.extra-wrapper .extra-main .information-list li { padding: 0 0 3px 0; list-style: upper-alpha inside; font-weight: bold; }
.extra-wrapper .extra-main .information-list h2 { display: inline; font-family: Arial, Helvetica, sans-serif; }
.extra-wrapper .extra-main .information-list p { font-weight: normal; }

/* Sub-information list */
.extra-wrapper .extra-main .sub-information-list { padding: 0 0 9px 23px; }
.extra-wrapper .extra-main .sub-information-list li { padding: 0 0 0 13px; list-style: none outside; background: url(../images/ico-bullet-extra.gif) 0 6px no-repeat; font-weight: normal; font-size: 11px; }

/* Affiliates list */
.extra-wrapper .extra-main .affiliates-list { padding: 0 0 0 25px; }
.extra-wrapper .extra-main .affiliates-list li { list-style: none; }
.extra-wrapper .extra-main .affiliates-list h3 { display: inline; border: none; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/* Term of use list */
.extra-wrapper .extra-main .termofuse-list { padding-left: 0; }
.extra-wrapper .extra-main .termofuse-list li { list-style: decimal inside; font-weight: bold; }
.extra-wrapper .extra-main .termofuse-list h2 { display: inline; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.extra-wrapper .extra-main .termofuse-list p { font-weight: normal; }
.extra-wrapper .extra-main .termofuse-list a { color: #7d302f; }

/* Services list */
.extra-wrapper .extra-main .services-list li { list-style: lower-alpha outside; padding-left: 0px; font-weight: normal; }

/* Extra sidebar */
.extra-wrapper #sidebar { float: right; width: 216px; }
.extra-wrapper #sidebar .blue-box .box-content h2  { padding-bottom: 12px; text-transform: none; }
.extra-wrapper #sidebar .btn-try { float: right; margin: 2px -5px 15px 0; }
.extra-wrapper #sidebar .blue-box { padding: 0 6px 0 4px; }
.extra-wrapper #sidebar .blue-box .box-content { padding: 8px 14px 710px 18px; width: 175px; }
.extra-wrapper #sidebar .blue-box .box-content li { border-bottom: 1px solid #60A4E5; border-top: none; margin: 0; padding: 9px 0 3px 0; position: relative; }
.extra-wrapper #sidebar .blue-box .box-content li.first { border-bottom: 1px solid #60A4E5; }
.extra-wrapper #sidebar .btn-common { font-size: 15px; }
.extra-wrapper #sidebar .btn-common span { background-position: 99% -156px; padding: 12px 30px 0 0; height: 40px; }
.extra-wrapper #sidebar .btn-try:hover span { background-position: 99% -214px; }


/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar .blue-box { clear: both; }
#sidebar .blue-box .box-title { height: 10px; background: url(../images/bg-sidebar-blue.png) no-repeat 0 0; }
#sidebar .blue-box .box-content { padding: 8px 19px 710px 18px; background: url(../images/bg-sidebar-blue.png) no-repeat bottom; width: 169px; }
#sidebar .blue-box .box-content h2 { color: #fff; padding-bottom: 19px; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; }
#sidebar .blue-box .box-content li { border-top: 1px solid #60a4e5; padding: 9px 0 0 0; margin-bottom: 5px;  line-height: 2; }
#sidebar .blue-box .box-content li.first { border: none; padding-top: 2px; }
#sidebar .blue-box .box-content li a { color: #fff; font-size: 12px; }
#sidebar .blue-box .box-content li a:hover { text-decoration: underline; }
#sidebar .blue-box .box-content .current { font-weight: bold; }
#sidebar .blue-box .box-content a.current:hover { cursor: default; text-decoration: none; }
#sidebar .blue-box-alt .box-content { padding: 8px 20px 128px 17px; }
#sidebar .blue-box-alt .box-content h2 { text-transform: none; }
#sidebar .grey-box .box-title { height: 12px; background: url(../images/bg-sidebar-grey.png) no-repeat 0 0; }
#sidebar .grey-box .box-content { padding: 9px 17px 414px 13px; background: url(../images/bg-sidebar-grey.png) no-repeat bottom; width: 181px; }
#sidebar .grey-box .box-content h2 { border-bottom: 1px solid #adadaa; margin-bottom: 10px; padding: 25px 0 8px; color: #333; font-size: 12px; font-family: "Arial Black", Arial, Helvetica, sans-serif; }
#sidebar .grey-box .box-content h3 { border-bottom: 1px solid #adadaa; margin-bottom: 10px; padding: 25px 0 8px; color: #333; font-size: 12px; font-family: "Arial Black", Arial, Helvetica, sans-serif; }
#sidebar .grey-box .box-content li { padding: 0; }
#sidebar .grey-box .box-content li a { color: #333; font-size: 12px; }
#sidebar .grey-box .box-content li a:hover { text-decoration: underline; }


#searchform .custom-input,
.sb-blog-search .custom-input span { float: left; display: block; background: url(../images/form-sprite.png) no-repeat; }
.sb-blog-search .custom-input { padding: 0 0 0 7px; background-position: 0 -105px;  }
.sb-blog-search .custom-input span { padding: 0 8px 0 0; background-position: 100% -40px; height: 20px; line-height: 20px; }
.sb-blog-search .custom-input input { border: none; background: none; width: 165px; outline: none; }



.sb-blog-search .custom-input,
.sb-blog-search .custom-input span { float: left; display: block; background: url(../images/form-sprite.png) no-repeat; }
.sb-blog-search .custom-input { padding: 0 0 0 7px; background-position: 0 -105px;  }
.sb-blog-search .custom-input span { padding: 0 8px 0 0; background-position: 100% -40px; height: 20px; line-height: 20px; }
.sb-blog-search .custom-input input { border: none; background: none; width: 165px; outline: none; }

.sb-blog-search button { float: right; margin-top: 8px; width: 66px; height: 24px; background: url(../images/form-sprite.png) no-repeat 0 -170px; border: none; text-indent: -999em; cursor: pointer; }


/* wordpress search widget */
.blog-wrapper #primary #search-2 #searchform  #searchsubmit { float: right; margin-top: 8px; width: 66px; height: 24px; background: url(../images/form-sprite.png) no-repeat 0 -170px; border: none; text-indent: -999em; cursor: pointer; } 
.blog-wrapper #primary #search-2 #searchform  #s { width: 97%;  }






/* 2.6 Footer
------------------------------------------------------------------------------*/

#FooterNav
 {
	margin-top:-10px;
	margin-right: auto;
	margin-left: auto;	
	width:880px;
 	height:20px;
	text-align:center;
	padding:5px;
 }
 
.FooterNavText, a.FooterNavText:link, a.FooterNavText:active, a.FooterNavText:visited
 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000080;
	text-decoration:none;
 }

a.FooterNavText:hover
 {
	text-decoration:underline;
 }

#footer { clear: both; background: #fff url(../images/footerGrad.png); height: 350px; padding: 15px 0 0; }
#footer .container { position: relative; width: 886px; }
.footer-logo,
.footer-logo span { display: block; overflow: hidden; width: 217px; height: 64px; }
.footer-logo { float: left; margin-left: -3px; margin-top:75px; position: relative; }
.footer-logo span { background: url(../images/FMLLogoSM.png) no-repeat; position: absolute; top: 1px; left: 0; z-index: 10; cursor: pointer; }
.btn-drawing,
.btn-drawing span { float: left; display: block;  }
.btn-drawing {padding-left: 25px; margin: 17px 0 0 76px; height: 79px; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 14px; background: url(../images/button-left-sprite.png) no-repeat 0 -388px; cursor: pointer; overflow: hidden; }
.btn-drawing span { padding: 20px 18px 27px 0; height: 34px; background: url(../images/button-right-sprite.png) no-repeat 100% -388px; }
.btn-drawing strong { display: block; line-height: 18px; color: #fff; width: 117px; }
.btn-drawing:hover { background-position: 0 -468px; }
.btn-drawing:hover span { background-position: 100% -468px; }
#footer .section { float: left; padding-top: 17px; margin-left: 50px; width: 250px; }
#footer .section-alt { float: left; margin-left: 89px; width: 213px; }
#footer .section h3 { font-family: Verdana, Arial, Helvetica, sans-serif;; margin-bottom: 12px; color: #000080; font-size: 14px; font-style:none; padding: 0; border: none; }
#footer .section .title-links { margin-bottom: 5px; }
#footer .section ul { margin-bottom: 20px; }
#footer .section-alt ul { margin-bottom: 12px; }
#footer .section li { margin-bottom: 2px; }
#footer .section li a { color: #1d76bd; font-size: 12px; font-weight: bold; }
#footer .section li a:hover { text-decoration: underline; }
#footer .copyright { color: #fff; font-size: 9px; }

/* Tabs */


#tabs {width: 450px;; float: left;}
#tabs .first { width: 124px; float: left; height: 31px; line-height: 30px;  text-align: center; margin-right: 3px; }
#tabs .second {width: 124px; float: left; height: 31px; line-height: 30px; text-align: center; margin-right: 3px; }
#tabs .third {width: 124px; float: left; height: 31px; line-height: 30px;  text-align: center; }
#tabs .base_tabs {background: #f6f8fa; float: left; margin-top: 0; border-left: 1px solid #cbdeec; border-right: 1px solid #cbdeec;  border-bottom: 1px solid #cbdeec; font-size: 11px; color: #202020; width: 450px;}
.selected { background: #fde57f; font-size: 15px; color: #000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background: url(/images/selectedtab.gif) no-repeat; line-height: 31px;}
.unselected { background: #9899cb;  font-size: 15px; color: #fff; font-weight: bold; font-family:  Arial, Helvetica, sans-serif; background: url(/images/unselectedtab.gif) no-repeat; line-height: 31px;}

#tabs_pre {width: 680px;; float: left; margin-top: 20px;}
#tabs_pre .first { width: 124px; float: left; height: 31px; line-height: 30px;  text-align: center; margin-right: 3px; }
#tabs_pre .second {width: 124px; float: left; height: 31px; line-height: 30px; text-align: center; margin-right: 3px; }
#tabs_pre .third {width: 124px; float: left; height: 31px; line-height: 30px;  text-align: center; }
#tabs_pre .base_tabs {background: #f6f8fa; float: left; margin-top: 0; border-left: 1px solid #cbdeec; border-right: 1px solid #cbdeec;  border-bottom: 1px solid #cbdeec; font-size: 11px; color: #202020; width: 680px; }


/* User Manual */
.blog-wrapper .blog-main .user-manual-toc ul { list-style: none outside none }
.blog-wrapper .blog-main .user-manual-toc  ul li { list-style: none outside none; font-weight: bold  }
.blog-wrapper .blog-main .user-manual-toc ul li ul { list-style: none  outside none; padding-left: 15px  }
.blog-wrapper .blog-main .user-manual-toc ul li ul li { list-style:none outside none; font-weight: normal  }



.user-manual-wrapper { padding-top: 5px; padding-bottom: 5px;  }
.user-manual-wrapper h2 { padding-top: 10px; padding-bottom: 10px; font-size: 20px; font-weight: bold }
.blog-wrapper .blog-main h3 { padding: 15px 0 0 0; font-size: 18px }
.blog-wrapper .blog-main h4 { padding: 15px 0 0 0; font-size: 18px }
.blog-wrapper .blog-main h5 { padding: 15px 0 0 0; font-size: 18px }
.blog-wrapper .blog-main  .user-manual-wrapper h3 {  color: #1D76BB; font-size: 16px; font-weight: bold; padding: 0 0 0 0; margin-top: 20px   }
.blog-wrapper .blog-main ul { list-style: disc outside none; margin-left: 15px }
.blog-wrapper .blog-main  ul li { list-style:disc outside none; font-weight: bold  }
.blog-wrapper .blog-main .entry-content { margin-bottom: 10px  }
.blog-wrapper .blog-main .comment-author img { margin-bottom: 0px };
.blog-wrapper .blog-main .post-time { margin-top: 15px; }





.blog-wrapper .blog-main .user-manual-wrapper .FML-tabs-nav { width: 800px; margin-left: 10px; list-style-type: none }
.blog-wrapper .blog-main .user-manual-wrapper .FML-tabs-nav li {list-style-type: none }
.blog-wrapper .blog-main .user-manual-wrapper .FML-tabs-content-wrapper { height: 100px; margin-left: 10px}

/* make sure images behave in here */
.blog-wrapper .blog-main .user-manual-wrapper  img { margin-bottom: 0px }


.blog-wrapper .blog-main .user-manual-wrapper .FML-tab-4 { display: none }

.blog-wrapper .blog-main .user-manual-wrapper .FML-tabs-nav ul { list-style-type: none }
.blog-wrapper .blog-main .user-manual-wrapper .FML-tabs-nav li { padding-right : 5px;  padding-left: 0; margin-right: 5px }
.blog-wrapper .blog-main .user-manual-wrapper .FML-tabs-nav li a { font-size: 14px }


.product-specific-notes { font-size: 90%; padding-top: 20px; margin-bottom: 20px; font-style: italic; padding: 0 10px; margin-top: 20px }
.product-specific-notes b { font-size: 120%; font-weight: bold }


 
.box-content-footer  { padding: 10px 10px 10px 200px;  } 
.box-content-footer p, .box-content-center p { padding: 10px 10px 10px 0px;  } 

.box-content-footer  h1 { padding: 40px 0px 0px 0px;  }
.box-content-footer  h2, .box-content-center h2 { color: #1D76BB; font-size: 16px; font-weight: bold; padding-top: 30px;  }

.box-content-footer ol, .box-content-center ol {   }
.box-content-footer ol li, .box-content-center ol li { list-style: decimal; list-style-position: inside }

.box-content-footer ul, .box-content-center ul {   }
.box-content-footer ul li, .box-content-center ul li { list-style: disc; list-style-position: inside }

.box-content-footer table {  }
.box-content-footer table td, .box-content-center table td { padding: 5px  }
.box-content-footer table th, .box-content-center table th { padding: 5px; font-weight: bold  }

.box-content-center {
	margin:10px 15px;
}

.box-content-center .a10s-billing table {
	margin-left:200px;
}

.box-content-center .a10s-billing .a10s-cart-billing-info-field-desc-td {
	width:100px;
}

.box-content-center table.a10s-cart-table {
	width:850px;
	margin:0px;
}

.box-content-center .a10s-billing input[type=text], .box-content-center .a10s-billing select , .box-content-center .a10s-billing textarea{
	width:250px;
}

.b-popup {
	display:none;
	background-color:#FFFFFF;
	
	border:2px solid #DFE4E6;
	padding:20px;
	font-size: 1.2em;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.b-popup p {
	margin:10px;
}

.b-popup ul {
	margin-left:30px;
}

.b-popup li {
    list-style: disc outside none;
}

.b-popup p.long {
    width:500px;
}

.b-popup p.short {
	width:200px;
}

.b-popup > div.center {
	text-align:center;
	margin:10px;
}


#a10s-cart-form label.error, .FML-form label.error {
	color:#aa3333;
	font-style: italic;
	padding-left:5px;
}

#a10s-cart-form input.error, .FML-form input.error {
    background-color:#ffbbbb;
}

img.a10s-existing-license-number-progress {
	width:16px;
	height:16px;
	margin-top:-5px;
	margin-left:5px;
}

/* API */ 

.restApiEntityXML .xml { font-size: 12px; padding: 0 0 0 30px ; margin: 0; border-left: 1px solid #ccc;  line-height: 20px; /*--Height of each line of code--*/  overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/ overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/}

.restApiEntityRequestMethod h3 { border: none; padding: 30px 0 10px 0   }
.restApiEntityRequestMethod h2 { font-size: 150%   }

.restApiEntityRequestMethod table { border-spacing: 5px  }
.restApiEntityRequestMethod th { border-bottom: 1px solid #cacaca ; padding: 10px  }



/* Cols -- used on customer and sitemap pages */ 
.box-content .col-wrapper { margin-left: 10px; width: 800px }
.box-content .left-col {float:left; margin-left: 50px; width: 350px }
.box-content .right-col {float:right; width: 350px   } 
.box-content .col-wrapper h3 { padding: 20px 0 4px 0  }



/* Back Office styles */
.sidebar-back-office li { color: white }

/* reports styles */
.sidebar-reports { height: 600px }
.sidebar-reports li { color: white;}
#sidebar .blue-box .box-content .sidebar-reports h2 { padding-bottom: 0px; padding-top: 30px }





/* Uses sidebar action button */
#sidebar .btn-drawing {width: 200px; margin-left: 10px; margin-top: 0px; color: #fff } 


.big-download-link {font-size: 250%; text-decoration: underline; }
.med-download-link {font-size: 175%; text-decoration: underline; }




/* START Atlassian starter license specific CSS code */ 
.starter-sprite { background-repeat: no-repeat; } 
img.FMLJiraIcon { background: url("../../_media/images/atlassian-starter/iconSprites.png"); background-position: 0px 0px; width: 30px; height: 27px; border: 0px; } 
img.FMLConfluencePlugin { background: url("../../_media/images/atlassian-starter/iconSprites.png"); background-position: 0px 21px; width: 30px; height: 21px; border: 0px; } 
img.corner_topLeft { background: url("../../_media/images/atlassian-starter/calloutBoxSprites.png"); background-position: 0px 0px; width: 17px; height: 10px; border: 0px; float: left; } 
img.corner_topRight { background: url("../../_media/images/atlassian-starter/calloutBoxSprites.png"); background-position: -18px 0px; width: 17px; height: 10px; border: 0px; float: right; }
img.corner_bottomLeft { background: url("../../_media/images/atlassian-starter/calloutBoxSprites.png"); background-position: 36px 0px; width: 17px; height: 10px; border: 0px; float: left; } 
img.corner_bottomRight { background: url("../../_media/images/atlassian-starter/calloutBoxSprites.png"); background-position: -55px 0px; width: 17px; height: 10px; border: 0px; float: right; }
div.calloutContainer { background-color: #d1fcff; background-image: url("../../_media/images/atlassian-starter/calloutBoxSprites.png"); background-position: 0px -13px; bacground-repeat: repeat-x; height: 210px; width: 725px; }
.calloutContainer hr { border: 0px; height: 1px; background: url("../../_media/images/atlassian-starter/calloutBoxSprites.png"); background-position: 0px 11px; } 
/* END Atlassian starter license specific CSS code */

/* Pricing Page - BEGIN */
.orange-btn li { margin-left: 40px;}
.orange-btn li a, .orange-btn li span { display: block; width: 60px;}
.orange-btn li a { height: 34px; padding-left: 18px; position: relative; font-size: 14px; text-transform: uppercase; background: url(../images/button-left-sprite.png) no-repeat 0 0; }
.orange-btn li span { height: 28px; padding-top: 6px; background: url(../images/button-right-sprite.png) no-repeat 0 0; }
.orange-btn .btn-signup { color: #fff; background-position: 0 -78px; cursor: pointer; }
.orange-btn .btn-signup span { padding: 6px 16px 0 6px; background-position: 100% -78px; }
.orange-btn .btn-signup:hover { color: #fff; background-position: 0 -117px; }
.orange-btn .btn-signup:hover span { background-position: 100% -117px; }

#FML-standard {
    float:left;
    padding-left:140px;
}

#FML-premium {
    overflow:hidden;
    padding-left:38px;
}

#FML-standard, #FML-premium {
    background: url("../images/bg-popup1-bottom.png") no-repeat scroll right bottom transparent;
}

#FML-standard .popup-content, #FML-premium .popup-content {
    height: 320px;
    padding-top: 0;
    padding-right: 25px;
    border-top: none;
}

.product-comparison h1 {
    font-size:30px;
}

.product-comparison h2 {
    color: #1D76BB;
    font-size: 16px;
    font-weight: bold;
    padding-left: 17px;
    text-transform: none;
}

.product-comparison h3 {
	font-size: 13px;
}

.product-comparison ul {
    padding-top: 10px;
    padding-left: 17px;
}

.product-comparison li {
    font-size: 14px;
    /*font-weight: bold;*/
    padding: 2px;
}


.plan-footer {
    padding:10px 0 0 150px;
}
.plan-footer p {
    padding:10px 0 5px 0;
}

/* Pricing Page - END */




/* Used on jobs page. */ 
.box-content-jobs .toc ul { margin-left: 50% } 
.box-content-jobs .toc ul li { color: #1D76BB; font-weight: bold; list-style: disc }

.box-content-jobs .box-content-footer { margin-top: 100px }





/* Used on plugin pricing pages */
.plugin-pricing-table .plugin-pricing-table-td { padding: 0px; padding-right: 5px; padding-left:5px }; 
.plugin-purchase-link {font-size: 450%; text-decoration: underline; }


.Blue14px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4B7CC3;
	font-size: 14px;
	font-style: normal;
}

.BlueBold16px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4B7CC3;
	font-size: 16px;
	font-weight:bold;
}


.RedThin12px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C00000;
}

.legal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
.TitleRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0000;
	font-weight: bold;
}

.TitleBlk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

.Incomplete {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

.Complete {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	padding: 3px;
	background-color: #FFFFFF;
	color: #0099CC;
	font-weight: bold;
}

.sidebarHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
}

.SmRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FF0000;
}
input.big {
	width: 100px;
}

input.small {
	width: 50px;
}
.smBlu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099CC;

}
.legalWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
.CardText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #000000;
}