﻿
body {
	color: #454545;
	/*font-family:  "Lucida Grande", "Lucida Sans Unicode", sans-serif;*/
	font-family: "dejarip-1","dejarip-2", Arial, Helvetica, Tahoma, sans-serif;
	font-size: 62.5%;
	margin:0;
	padding:0;
	min-width:990px;
}

body.mainBody{background-color:#eee;}

img{border:none;}
a{outline:none;}

ul {font-size: 12px;line-height:1.3em;margin:0 0 10px 0;}

div.left{float:left;position:relative;z-index:10;}

div.right{float:right}
.clear
{
	clear: both;
	height:0;
}
div.center 
{
	text-align:center;
	width:100%
}

ul.socialIcons {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.socialIcons li
{
	float:left;
	width:20px;
	height:20px;
	margin-right:8px;
}

/* Background Styles */

.bkgGradient
{
	background: #52555a url(../graphics/bkg_grey_gradient.png) top center repeat-y;
	width:100%;
}

.bkgNoise
{
	background: url(../graphics/bkg_noise_2.png);
	width:100%;
}

.bkgWhite
{
	background: #fff;
	width:100%;
}

.bkgOffWhite
{
	background: #eee;
	width:100%;
}

.bkgBottomHalf
{
	/*background: url(../graphics/bkg_bottom_half.png) repeat-x;*/
	width:100%;
}

/* Main Text Styles*/

.content h1
{
	color: #454545;
	letter-spacing: -0.04em;
	line-height: 1.2;
	margin:18px 0 15px 0;
	font-size: 3.6em;
	font-weight: normal;
}

.content h2
{
	color: #454545;
	letter-spacing: -0.04em;
	line-height: 1.2;
	margin:22px 0 10px 0;
	font-size: 3em;
	font-weight: normal;
}	

.content h3
{
	color: #454545;
	letter-spacing: -0.04em;
	line-height: 1.2;
	margin:15px 0 10px 0;
	font-size: 2.2em;
	font-weight: normal;
}	

.content p
{
	color:#454545;
	font-size: 1.4em;
	line-height: 1.4;
	margin:0 0 10px 0;
}

.content ul
{
	color:#454545;
	font-size: 1.4em;
	line-height: 1.4;
	margin:0 0 10px 0;
}

.content a
{
	color: #444;
}

.content .smallText
{
	font-size: 90%;
}

/*text colours for dark background*/

.bkgGradient, .bkgGradient h1, .bkgGradient h2, .bkgGradient h3 {color: #ebebeb;}
.bkgGradient p {color: #ccc;}
.bkgGradient a {color: #ccc;}
.bkgGradient a:hover {color: #fff;}

/*text styles for bottom half*/

.bottomHalf h1
{
	letter-spacing: -0.04em;
	font-size:2.4em;
	font-weight:normal;
	line-height: 1.2;
	margin:1em 0 0 0;
}

.bottomHalf h2
{
	letter-spacing: -0.04em;
	font-size:1.8em;
	font-weight:normal;
	line-height: 1.2;
	margin:1em 0 0.2em 0;
}

.bottomHalf p 
{
	font-size:1.2em;
	line-height: 1.3em;
	margin: 0 0 0.8em 0;
}

.bottomHalf a
{
	color: #444;
}
.bottomHalf a:hover
{
	color:#C40D5D;
}

.bottomHalf ul, .bottomHalf ol
{
	padding-left:15px;
	margin:5px 0 15px 5px;
}

.bottomHalf li
{
	font-size:1.2em;
	line-height: 1.3em;
	margin: 0 0 0.4em 0;
}
	


/*Header*/
  
.pageHeader
{
	width:950px;
	height: 34px;
	margin:0 auto;
	padding:13px 20px 0 20px;
	position: relative;
}
.pageHeader .right span {
	margin:0 149px 0 0;
}
.pageHeader .left img
{
	float:left;
	margin-right:8px;
}

.pageHeader .right a
{
	font-size:1.4em;
	font-weight:bold;
	color: #ccc;
	margin-right:20px;
	text-decoration:none;
}
.pageHeader .right a:hover{color: #fff;}
		
/*Navigation*/
		
.topNav
{
	width:950px;
	margin:0 auto;
	padding:0 20px;
}

	ul.topNavItems
	{
		font-size: 10px;
		padding:0;
		margin:0;
	}
  
	ul.topNavItems li
	{
		list-style:none;
		float:left;
		margin-right:30px;
	}	  
	ul.topNavItems li.right { float:right; margin-right:0;}
  
	ul.topNavItems li a
	{
		display:block;
		color: #222;
		font-size: 1.8em;
		font-weight: bold;
		text-decoration: none;
		padding: 14px 0 16px 0;
	}
	ul.topNavItems li a:hover
	{
		/*color: #c40d5d;*/
		background:url(../graphics/bkg_nav_hover.png) no-repeat bottom center;
	}
	ul.topNavItems li a.current
	{
		/*color: #c40d5d;*/
		background:url(../graphics/bkg_nav_hover.png) no-repeat bottom center;
	}
	
	div.topNavRight
	{
		float:right;
		margin-top:11px;
	}
		
/*main content*/
	
.contentShadow
{
	background: url(../graphics/bkg_content_shadow.png) repeat-x;
	width:100%;
	height:11px;
	margin-bottom: -11px;
}

.content
{
	position:relative;
	width:950px;
	margin:0 auto;
	padding: 0 20px 15px 20px;
}

	.wider{width: 470px;}
	.wide{width: 430px;}
	.medium{width: 390px;}
	.narrow{width: 310px;}
	
/*added new complete style to replace 2 classes - ie6 does not like class stacking!*/
.leftNarrow{width: 310px;float:left;}
	
	
	img.screenshot { margin: 20px 0;}
	/*.wide img.screenshot{width:430px; height:293px;}*/
	/*.medium img.screenshot{width:390px;}*/

	.ssBottomAlign
	{
		position:absolute;
		right:0px;
		bottom:1px;
		background: url(../graphics/bkg_screenshot_shadow.png) bottom right no-repeat;
		width: 654px;
		padding-bottom:26px;
		text-align:right;
	}
	
	.feature
	{
		margin-top: 10px;
	}
	
	h3.connect
	{
		margin:10px 0 5px;
	}
	
	div.getStarted h3
	{
		margin:10px 0 5px 0;
		font-size: 1.8em;
	}
	div.getStarted a:hover {
		color: #C40D5D;
	}
	div.getStarted p {font-size:12px;}
	div.getStarted img
	{
		float:right; 
		margin:5px 0 0 20px;
	}

/*bottom half layout*/

.bottomHalf
{
	width:950px;
	margin:0 auto;
	padding: 0 20px;
}

.bkgBottomHalf hr
{
	clear:both;
	background: #dadada;
	border:none;
	width:100%;
	height:1px;
	margin-top:20px;
}

	.bottomCol1
	{
		float:left;
		width:310px;
		margin-right:50px;
	}
	.bottomCol2
	{
		float:left;
		width:270px;
	}
	.bottomCol12
	{
		float:left;
		width:630px;
	}
	.bottomCol3
	{
		float:right;
		width:270px;
	}
	
	.boxLabel
	{
		position:absolute;
		top:-8px;
		left:14px;
		background:url(../graphics/bkg_sprite_box_label.png) no-repeat right top;
		padding-right:20px;
	}
	
	.boxLabel span
	{
		display:block;
		background:url(../graphics/bkg_sprite_box_label.png) no-repeat left -30px;
		color:#333;
		font-size:1.3em;
		font-weight:bold;
		height:19px;
		padding:0 15px;
	}
		
		
.pageFooter
{
	width:950px;
	margin:15px auto;
	padding: 0 20px;
	color:#797979;
	font-size:1.2em;
}

.pageFooter a {color: #797979;}

/* START Google Search Results Style */

/* main container */
#searchControl div.gsc-control {
	width: 440px;
}

/* search input cell */
#searchControl td.gsc-input{
	width: 220px;
	padding:0 10px 0 0;
}

/* search input */
#searchControl input.gsc-input,
#searchControl input[type="text"] {
	font-size: 1.3em;
	width: 99%;
	height: 20px;
	display: block;
}

#searchControl td.gsc-search-button,
#searchControl td.gsc-branding-text {
	width: auto;	
}
#searchControl td.gsc-branding-img
{
	width: 51px;
}

#searchControl td.gsc-branding-user-defined {
	width: 1px;
}

#searchControl table.gsc-branding {
	left:240px;
	position:absolute;
	top:52px;
	width:222px;
}

#searchControl td.gsc-input {
	
}

#searchControl div.gsc-clear-button {	
	display: none;
}

/* search button */
#searchControl input.gsc-search-button {
	margin:0 0 10px 0;
	height: 25px;
	width: auto;
}

/*results header */
#searchControl table.gsc-resultsHeader {
	display: none;	
}

#searchControl div.gsc-resultsbox-visible {
	margin:10px 0 0;
}

#searchControl div.gs-snippet {
	margin:10px 0 0;
}

#searchControl div.gs-visibleUrl {
	margin:10px 0;
}

#searchControl a.gs-title,
#searchControl div.gs-title {
	height: auto;
}
#searchControl a.gs-title b {
	color: #454545;
}
/* result item title */
#searchControl a.gs-title,
#searchControl .gs-snippet,
#searchControl .gs-visibleUrl,
#searchControl .gsc-cursor-page,
#searchControl .ggsc-cursor-current-page {
	font-size: 1.4em;
	color: #454545;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	line-height: 1.4;
	font-weight: bold;
	text-decoration: underline;
}

/* result item body */
#searchControl .gs-snippet,
#searchControl .gs-visibleUrl,
#searchControl .gsc-cursor-page,
#searchControl .ggsc-cursor-current-page {
	font-size: 1.1em;
	line-height: 1.2;
	font-weight: normal;
	text-decoration: none;
}

/* result item site */
#searchControl .gs-visibleUrl {
	color: #999;
}

/* pagination */
#searchControl div.gsc-cursor-current-page {
	font-weight: bold;
	text-decoration: underline;
}
/* END Google Search Results Style */

/* Downloads */
ul.versionOptions,
ul.versionOptions li {
	list-style:none;
	margin: 0;
	padding: 0;
}

ul.versionOptions li label.windows,
ul.versionOptions li input {
	display: inline;	
}

/* new button */
a.newButton { 
	padding: 8px 0 16px 0;
	line-height: 35px;
	text-decoration: none;
} 
a.newButton span {
	padding: 8px 0 16px 50px;
	background: url(../graphics/btn_general_left.png) no-repeat left -500px;
	line-height: 35px;
	font-size:2.2em;
	font-weight: bold;
	text-align: center;
	display: inline-block;
}
a.newButton span.btnRightBg {
	background: url(../graphics/btn_general_right.png) no-repeat right -500px;
	height: 35px;
}

a.newButton:hover {background-position: right -560px;}
a.newButton:hover span {background-position: left -560px;}

/* facebook like*/

body.transparent_widget{background-color:transparent;}

/* Language Bar */

div.language_bar {
	position: absolute;
	left:649px;
	width:117px;
	cursor: pointer;
	background: url("../graphics/lang_bar_bg.png") no-repeat center -1px;
	height:22px;
	z-index: 999;
}

div.language_bar ul {
	padding: 0;
	margin: 4px 0 0 0;
	list-style: none;
	display: none;
}

div.language_bar div.current_language {
	font-size:1.2em;
	font-weight: bold;
	margin:3px 0 0 10px;
	color: #454545;
}
div.language_bar:hover ul li {
	margin:1px 0 0 10px;
}

div.language_bar:hover ul {
	display: block;
}
div.language_bar:hover,
.language_ie6_hover {
	background-position: center -24px !important;
	height: 118px !important;
}

.pageHeader div.language_bar ul li a {
	color: #454545 !important;
	font-size:1.2em !important;
	font-weight: normal !important;
	text-decoration: none !important;
}
.pageHeader div.language_bar ul li a:hover {
	color: #454545;
	border-bottom:1px solid #454545;
}

div.page_not_found {
	margin: 32px 0 0 0;	
}
img.page_not_found {
	margin: 0 10px;
}
h2.page_not_found {
	bottom:9px;
	display:inline;
	margin:0;
	padding:0;
	position:relative;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */


/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/*Connect with Nitro Section in the footer*/
#socialLinks {float:right;width:100px;margin-left:20px}
#socialLinks ul {font-size:12px;float:left;list-style-type:none;margin:0 0 0 0;padding:0;}
#socialLinks ul.links li {float:left;display:inline;margin:3px 3px 0 0;}
#socialLinks h5 {color:#555555;font-size:13px;line-height:1;margin: 0 0 5px 0;}
p.copy {float:left;margin:0 0 0 0}
p.links {float:left;margin:0 0 6px 0}
p.links a {color:#555555}

/*Requirements list on about*/
ul.requirements li {line-height:16px; margin:0 0 8px 0;}

/*New blockquote style*/

/*blockquote callout*/
.blockquoteContainer {position: relative;z-index: 100;background-color: #444444;
    padding: 15px 76px;-webkit-border-radius: 12px;-moz-border-radius: 12px;
    border-radius: 12px;} 
.blockquoteContainer {margin:0 0 35px;padding: 20px 0px 20px 76px}   
.blockquoteContainer img {position:absolute;left:20px;top:80px}    
blockquote {display:block;padding: 0 20px 0 0;margin: 0 20px 20px 0;font: 18px/22px Georgia, "Times New Roman" , Times, serif;font-style: italic;color: #ffffff;text-shadow: 0 -1px 0 #000000;}
#speechBubblePointerTop {background-color: #444444;position: absolute;
    top: -22px;right: 40px;border-color: #444444 #e3e3e3 #e3e3e3 #e3e3e3;
    border-style: solid;border-width: 0 25px 22px 0;height: 0;width: 0;}
#speechBubblePointerBottom {background-color: #444444;position: absolute;bottom: -22px;right: 40px;border-color: #444444 #eeeeee #eeeeee #eeeeee;border-style: solid;border-width: 22px 25px 0 0;height: 0;width: 0;}
.feature_bottom #speechBubblePointerTop {border-color: #444444 #eeeeee #444444 #eeeeee;}
cite {margin:0 0 20px 0;padding: 0;font-size: 12px;line-height: normal;font-style: normal;color: #ffffff;}
/*.feature_bottom .blockquoteContainer {padding: 50px 17px 15px;}*/
/*.feature_bottom .bqstart {height: 45px; margin: 0 0 -50px -10px;padding-top: 0;}*/

/*quotes solution*/
/* http://24ways.org/2005/swooshy-curly-quotes-without-images */
.bqstart {float: left; height: 45px; margin: 0px 0 -50px -70px; padding-top: 45px;
    font-size: 700%; color: #cccccc;}
.bqend {float: right; height: 25px; margin: 0 -50px 0 0; padding-top: 45px;font-size: 700%;color: #cccccc;}

/*column to clear images nicely*/
.homeBottomHalf .imageColumn p {font-size:1.2em;line-height:1.4em; padding-left:80px;margin:0 0 15px 0}
.imageColumn img {float:left;}
.imageColumn small {font-size:.9em}

/*newer lists*/
ul.plain {margin:0;padding:0;list-style-type:none;}
ul.plain li {margin:0 0 5px 0;padding:0;list-style-type:none;}

/*headings*/
h5 {font-size:18px;margin:0 0 10px 0}
h6 {font-size:13px;margin:0 0 7px 0;}

/*newer pods*/
.pod {position:relative;padding:10px 15px;margin-bottom:10px;border:1px solid #c4c4c4;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.pod img {float:left;margin:0 10px 0 0;}
.pod h5 {margin:0 0 0 0;}
.pod span {font-size:12px;}

.pod.specialHeading {padding-top:50px;background-color:White;}
.specialHeading h4 { font-size: 1.4em;font-weight: 700;margin-bottom: 0;
    background: url("../graphics/headings/bg-blue-ribbon-heading.png") no-repeat scroll left top transparent; color: White;width: 475px;height: 32px;margin: 0; padding: 3px 0 0 30px;position: absolute;text-shadow: 0 -1px 0 #1e71b1;left: -8px;top: 10px;}
.pod.narrow {float:left;width:200px;margin-right:10px;}	
.pod.last {margin:0;}

/*email Signup*/
.signUp .newsletterInput {float:left;width:340px;margin-right:10px;}
.signUp .btnForm {float:left;}
.signUp #newsletterInput button {margin-top:1px;}

/*Superscript styling*/
sup {font-size:60%;}
	
/* Download page */
.downloadReaderBtnCont { position: relative;}
.downloadReaderBtnCont img.downloadcom { margin:0 0 0 40px; top: 24px; position: absolute;}

/*Facebox modal styles*/

#facebox {position: absolute; top: 0; left: 0; z-index: 100;text-align: left;}
#facebox .popup{ position:relative;border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);-moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);}
#facebox .content {display:table;/*width: 770px;*/padding: 10px;background: #fff;
  -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;/*NEW*/padding: 0px;}
#facebox .content.video {width: 560px;}
#facebox .content.information {width: 700px;}
#facebox .content .inner {padding:20px} /*added*/
#facebox .content > p:first-child{margin-top:0;}
#facebox .content > p:last-child{margin-bottom:0;}
#facebox .close{ position:absolute;top:-20px;right:-20px;width:36px;height:36px;}
#facebox .close img{opacity:0.6;}
#facebox .close:hover img{opacity:1.0;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img { border: 0; margin: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide { z-index:-100;}
.facebox_overlayBG {background-color: #000;z-index: 99;}

/*exception required for this web site*/

#facebox ol, #facebox ul  {list-style-type:none;}
#facebox ol li, #facebox p  {font-size:13px}

/**/
.downloadReaderBtnCont img.downloadcom { margin:0 0 0 40px; top: 24px; position: absolute;}
.pad { padding-right: 18px; padding-left: 18px;}

/*3 columns in a pod*/
.threeColumnWhiteBoxRounded {background: #FFF url(/graphics/pod-gradient-top.gif) scroll repeat-x left top ;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; margin-bottom: 1.5em; padding-bottom: 1em; padding-top: 8px;}
.threeColumnWhiteBoxRounded .innerColumn {float:left;width:316px;margin:0;}
.threeColumnWhiteBoxRounded h4 { font-size: 1.7em; margin: 0 0 20px;}
