a
{
	color:				#336699;
	text-decoration: 	underline;
}

img
{
	border:				0px;
}

a:hover
{
	color:#0056AD;
}

body 
{
	padding-bottom:		0%;
	margin-left: 		0px;
	margin-top: 		0px;
	margin-right: 		0px;
	margin-bottom: 		0px;
	font-family:		Verdana, sans-serif;
	font-size:			0.9em;
}

h1, h2, h3, h4, h5, h6
{
	color:				#2259D7;
	font-weight:		bold;
	margin-top:			10pt;
	margin-bottom:		10pt;
}

h1
{
	font-size:			18pt;
}

h2
{
	font-size:			16pt;
}

h3
{
	font-size:			14pt;
}

h4
{
	font-size:			12pt;
}

h5
{
	font-size:			11pt;
}

h6
{
	font-size:			10pt;
}

img
{
	border:none;
}

.siteTop
{
	width:				100%;
	height:				89px;
	background:			url(img/left-menu-sprite.png) 0px -271px;
	background-repeat:	repeat-x;
	position:relative;
}

.siteLogo
{
	width:				100%;
	height:				89px;
	background-image: 	url(img/corner_dots.gif); 
	background-repeat:	no-repeat;
	background-position:right top;
}

.topMenu
{
	position:			relative;
	background:			url(img/left-menu-sprite.png) 0px -360px;
	background-repeat:	repeat-x;
	height:				40px;
	width:				100%;
}

.topMenu ul
{
	height:				40px;
	margin-left:		156px;
	margin-top:         0px;
	margin-right:       0px;
	margin-bottom:      0px;
	padding:		    0px;
	list-style-type:	none;
}

.topMenu ul li
{
	display:			inline;
	height:				40px;
	margin:				0px;
	padding:	    	0px;
	border:				none;
	float:				left;
}


.topMenuLeft
{
	position:			absolute;
	top:				0px;
	left:				0px;
	width: 				156px;
	height:				40px;
	background:			url(img/left-menu-sprite.png) 0px -231px;
	background-repeat:	no-repeat;
}

.topMenuRight
{
	position:			absolute;
	width: 				7px;
	height:				40px;
	top:				0px;
	right:				0px;
	background:			url(img/left-menu-sprite.png) -159px -231px;
	background-repeat:	no-repeat;
}

.siteLeft
{
	position:			absolute;
	top:				0px;
	left:				0px;
	width: 				183px;
	padding-bottom:     20px;
	float:				left;
}

.siteCenter
{
	position:			relative;
	background:			url(img/left_bg.gif);
	background-repeat:	repeat-y;
	min-height:  		700px;
}

.contentTop
{
	background:			url(img/left-menu-sprite.png) 0px -400px;
	margin-left:		183px;
	background-repeat:	no-repeat;
	height:				13px;
	background-color:	#FFF;
}

.content 
{
	background-color:	#FFF;
	font-family:		Verdana, sans-serif; 
	padding:            10pt;
	margin-left:		183px;
	text-align:			justify;
}


.leftMenuTop
{
	background:			url(img/left-menu-sprite.png) 0px -140px;
	width:				183px;
	height:				10px;
}

.leftMenuItem
{
	background:			url(img/left-menu-sprite.png) 0px -84px;
	width:				183px;
	height:				21px;
}

.leftMenuItem:hover
{
	background:			url(img/left-menu-sprite.png) 0px -105px;
}


.leftMenuItem1
{
	background:			url(img/left-menu-sprite.png) 0px 0px;
	width:				183px;
	height:				21px;
}

.leftMenuItem1:hover
{
	background:			url(img/left-menu-sprite.png) 0px -21px;
}

.leftMenuItem2
{
	background:			url(img/left-menu-sprite.png) 0px -42px;
	width:				183px;
	height:				21px;
}

.leftMenuItem2:hover
{
	background:			url(img/left-menu-sprite.png) 0px -63px;
}

.leftMenuSeparator
{
	background:			url(img/left-menu-sprite.png) 0px -126px;
	width:				183px;
	height:				14px;
}

.leftMenuItem1 a, .leftMenuItem2 a, .leftMenuItem a, .leftMenuItemEx a
{
	color:				#2A4866; 
	text-decoration:	none;
	font-weight:		bold; 
	margin-left:       	48px;
	font-family: 		Verdana, sans-serif;
	font-size: 			12px;
	width:				112px;
	height:				21px;
	line-height:		21px;
	display:			block;
}

.leftMenuItem1 a:hover, .leftMenuItem2 a:hover, .leftMenuItem a:hover, .leftMenuItemEx a:hover
{
	text-decoration:	underline;
}

.leftMenuExtra
{
	width:				183px;
}

.leftMenuItemEx
{
	background:			url(img/left-menu-sprite.png) 0px -170px;
	background-repeat:	no-repeat;
	width:				183px;
	height:				21px;
}


.leftMenuBottom
{
	background:			url(img/left-menu-sprite.png) 0px -150px;
	background-repeat:	no-repeat;
	width:				183px;
	height:				20px;
}

.sysReqCaption
{
	background:			url(img/left-menu-sprite.png) 0px -191px;
	background-repeat:	no-repeat;
	width:				183px;
	height:				33px;
}

.sysReqCaptionText
{
	background:			url(img/sysreq_dots.gif);
	background-repeat:  no-repeat;
	background-position: 7px 10px;
	color:				#5D5D5D;
	font-weight:		bold;
	font-family: 		Verdana, sans-serif;
	font-size: 			12px;
	padding-left:       20px;
	height:				33px;
	line-height:		33px;
	
}

.sysreqText
{
	background-color:	#E5E5E5;
	width:				172px;
	font-size:			8pt;
	font-family: 		Verdana, sans-serif;
	padding:            5px;
}

.sysreqBottom
{
	background-color:	#235cdb;
	width:				182px;
	height:				4px;
}

.bottomSeparator
{
	background-color:	#235CDB; 
	background:			url(img/left-menu-sprite.png) 0px -224px;
	background-repeat:	no-repeat;
	height:				7px;
	width:				183px;
	clear:				both;
}

.siteBottom
{
	background:			url(img/left-menu-sprite.png) 0px -413px;
	background-repeat:	repeat-x;
	height:				32px;
	clear:				both;
}

.copyrights 
{
	background:			url(img/left-menu-sprite.png) 0px -445px;
	background-repeat:	no-repeat;
	font-family:		Verdana, sans-serif; 
	color:				#3C70E0; 
	font-size:			7pt;
	width:				173px;
	height:				32px;
	line-height:		32px;
	float:				left;
	padding-left:	    10px;
	font-weight:		bold;
}

.copyrights a, .bottomMenuItem a
{
	text-decoration: 	none;
}

.copyrights a:hover, .bottomMenuItem a:hover
{
	text-decoration:	underline;
}

.bottomMenuItem
{
	float:				left;
	height:				32px;
	line-height:		32px;
	padding-left:       5px;
	padding-right:      10px;
	font-family:		Verdana, sans-serif; 
	color:				#3C70E0; 
	font-size:			8pt;
	background:			url(img/bottom-menu-hr.gif);
	background-repeat:	no-repeat;
	background-position:right 12px;
}

.screenshot
{
	display:			inline-block;
    padding: 			3px;
    border: 			1px solid #d4d4d4;
    margin: 			4px;
}

div .tlb_pages
{
	margin:				10pt;
	text-align:			right;
} 

.tlb_pages .tlb_currentpage
{
    border: 			1px solid #2259d7;
    padding: 			1px 5px 2px; 
    margin-right: 		1px;
    background-color: 	#2259d7; 
    color: 				#fff;
} 
.tlb_pages .tlb_off
{
    border: 			1px solid #ccc;
    padding: 			1px 5px 2px; 
    margin-right: 		1px;
    color: 				#ccc;
}
.tlb_pages a, .tlb_pages a:link, .tlb_pages a:visited
{
    border: 			1px solid #2259d7; 
    padding: 			1px 5px 2px; 
    margin-right: 		1px; 
    text-decoration: 	none !important; 
    color: 				#2259d7;
} 
.tlb_pages a:hover
{
    background-color: 	#fff;
    color: 				#000;
}

.tlbForm
{
	margin:				10pt;
}

.tlbForm label
{
	font-weight:		bold;
	text-align:			left;
	width:				120px;
	display:			inline-block;
	vertical-align:		top;
}

.tlbForm textarea
{
	display:			block;
	width:				400px;
}

.tlbFormMessage
{
	text-align:			center;
	width:				100%;
	font-size:			larger;
	font-weight:		bold;
}

.tlbFormErrorMessage
{
	text-align:			center;
	width:				100%;
	font-size:			larger;
	font-weight:		bold;
	color:				#C00;
}

.tlbFormButtons
{
	display:			block;
	text-align:			right;
	margin-bottom:		10pt;
	margin-top:			10pt;
}

.tlbFormInfo
{
	font-weight: 		normal;
	color:				#868378;
}

span.error
{
	color:				#C00;
	font-weight:		normal;
	clear:				left;	
}

.tlbFormContainer
{
	width: 				350pt;
	margin-left:		auto;
	margin-right:		auto;
	padding: 			5pt;
}

.clear
{
	display:			block;
	clear:				both;
}

.screenshotContainer
{
	text-align:			center;
}

.pluginCaption
{
	position:			relative;
	padding-top:		0px;
	padding-bottom: 	0px;
	height:				50px;
}

.pluginTitle
{
	position:			absolute;
	top:				15px;
	left:				0px;
	right:				0px;
	background-color:	#2259d7;
	color:				#FFF;
	font-weight:		bold;
	font-style:			italic;
	font-size:			16px;
	padding-top:		0px;
	padding-bottom:		0px;
	padding-left:		70px;
	height:				20px;
}

.pluginTitle a
{
	color:				#FFF;
	text-decoration:	none;
}

.pluginIcon
{
	position:			absolute;
	left:				10px;
	top:				0px;
}

.pluginIcon img
{
	border:				none;
}

.pluginVersion
{
	position:			absolute;
	right:				0px;
	top:				15px;
	color:				#FFF;
	font-weight:		bold;
	font-size:			13px;
	height:				20px;
	padding-right:		10px;
	
}

.pluginDescription
{
	margin-top: 		8pt;
	margin-bottom: 		8pt;
}

.pluginDownloads
{
	margin-bottom: 		8pt;
	text-align:			right;
}

.pluginDownloads img
{
	border:				none;
}

.tlbVersionHeader
{
	background-color:	#eee9d5;
	color:				#000;
	font-weight:		bold;
	font-size:			150%;
	padding:			5pt;
}

.tlbVersion
{
	display:			inline-block;
	width:				250px;
}

.tlbPrice
{
	vertical-align:		top;
	text-align:			left;
	margin-left:		0px;
}

.tlbPriceText
{
	position:absolute;
	bottom:5px;
	right:5px;
	line-height:		30px;
	font-size:			30px;
	font-weight:		bold;
	text-align:			right;
	color:				#336699;
}

.tlbPriceText span
{
	line-height:		30px;
	font-size:			30px;
	vertical-align:		text-top;
}

.tlbPriceText s
{
	margin-right:10px;
	vertical-align:text-top;
	text-decoration:line-through;
	line-height:		30px;
	font-size:			12px;
	color:#9DA096;
}

.tlbPrice .formContainer
{
	display:			inline-block;
	width:				350px;
	text-align:			left;
	font-size:			0.9em;
}

.tlbPrice .tlb-box.form-box
{
	float:left;
	margin-right:10px;
	width:				350px;
	text-align:			left;
	font-size:			0.9em;
}

.tlbPrice .tlb-box.form-box .box-content
{
	height:				200px;
}

#slider
{
	float:				left;
	margin-right:		10px;
}

#slider ul, #slider li
{
	margin:				0;
	padding:			0;
	list-style:			none;
}
#slider li
{ 
	width:				270px;
	height:				350px;
	overflow:			hidden; 
}

.contentCaption
{
	position:			relative;
	padding-left:60px;
}

.contentCaption img
{
	position:			absolute;
	left:				0;
	top:				0;
}

.contentCaption h1
{
	color:				#2259D7;
	font-weight:		bold;
	margin-top:			0;
	margin-bottom:		0;
	font-size:			30px;
	line-height:		30px;
}

.contentCaption span.slogan
{
	color:				#2259D7;
	font-weight:		bold;
	font-size:			13px;
	line-height:		18px;
}

.contentCaption span.version
{
	float: right;
	color: #2259D7;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	text-align: right;
}

.contentCaption span.version a.release
{
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 5px;
	background-color: #218559;
	color: white;
	text-align: center;
	text-decoration: none;
}

.contentCaption span.version a.beta
{
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 5px;
	background-color: #DD1E2F;
	color: white;
	text-align: center;
	text-decoration: none;
}

.contentMainBlock
{
	min-height:	    	350px;
	
}

.contentMainBlock .downloadBlock
{
	text-align:			right;
}

.infoColumn
{
	float:				right;
	width:				250px;
	padding-left:       10px;
}

.infoColumnSmall
{
	float:				right;
	width:				200px;
	padding-left:       10px;
}

.newsDate 
{
	color:#336699; 
	font-weight:bold;
	padding-bottom: 0.5em;
}

.newsDate a
{
	text-decoration:none;
}

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

.hotDate 
{
	color:#cc0000; 
	font-weight:bold;
}

img.bookmarkThis
{
  opacity: 0.4;
  filter: alpha(opacity=40);
  padding: 2px 2px 2px 2px;
}

img.bookmarkThis:hover
{
  opacity: 1;
  filter: alpha(opacity=100);
}

p.bookmarkThis
{
  text-align: center;
  padding-top: 0px;
}

span.unique
{
	color:#900;
	font-style:italic;
}

ul.downloadList
{
	margin-top:         0px;
	margin-right:       0px;
	margin-bottom:      0px;
	padding:10px 0px 20px 0px;
	list-style-type:	none;
	font-size:15px;
	line-height:32px;
}

ul.downloadList li
{
	margin:0px;
	padding:0 5px 0 5px;
	border:none;
}

ul.downloadList li.odd
{
	background-color:#E7E7E7;
}

ul.downloadList li img
{
	vertical-align:middle;
}

ul.downloadList li span.title
{
	width:300px;
	display:inline-block;
}

ul.downloadList li span.version
{
	width:50px;
	display:inline-block;
}

ul.downloadList li span.download
{
	width:200px;
	display:inline-block;
}

div.pluginChanges div.title
{
	background-color:#E7E7E7;
}

div.pluginChanges div.title span.version
{
	font-weight:bold;
	width:250px;
	display:inline-block;
}

div.pluginChanges div.title span.date
{
	color:#5D5D5D;
}

.faq a
{
	text-decoration:none;
}

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

.question
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	background-color:#E7E7E7;
	border-style:solid;
	border-width:1px;
	border-color:#666;
}

.social
{
	float:left;
	padding-right:10px;
}

.social .item
{
	text-align:center;
	padding-bottom:10px;
}

pre.skinCode
{
	background-color:#EEEEEE;
	padding:10px;
	margin-left:20px;
	margin-right:20px;
}

.skinCode .comment
{
	color:#008000;
}

.skinCode .section
{
	color:#0000ce;
	font-weight:bold;
}

/* Daily Deal on Bits du Jour */

.dealBox { margin-left:5px; margin-right:5px; clear:both;}
.dealDate { float:right; width:111px; color:#113A86; background-color:#FFFDD7; border:1px solid #D6DDEA; padding:2px 6px 3px 6px; margin:0; text-align:center; }
.dealDateHead { font-size:12px; margin:0 0 3px 0; }
.dealDateDay {  float:left; font-size:50px; color:#113A86; line-height:40px; letter-spacing:-3px; margin:0 5px 0 2px; }
.dealDateMonth { font-size:16px; color:#113A86; font-weight:bold; line-height:16px; margin:0 0 0 6px; }
.dealDateYear { font-size:26px; color:#113A86; letter-spacing:-1px; margin:5px 0 0 0; }
.dealDateWeekday { clear:left; font-size:11px; color:#50699B; padding: 1px 0 0 0; }

.dealBoxHeader { font-size:19px; margin:1px 0 12px 0; }
.dealBoxPrice { font-size:31px; font-weight:bold; color:#278D23; letter-spacing:-1px; margin:0 0 17px 0; }
.dealBoxSubHead { display:inline-block; margin:0 0 2px 0; }
.dealBoxSubHead div { display:inline-block; width:80px; }
.dealBoxSubPrice { color:#9B2B20; font-weight:bold; }
.dealBoxSubPercent { color:#143595; font-weight:bold; }

.dealBtn { background-color:#0FA313; display:block; width:136px; height:49px; cursor:pointer; margin:6px 0 6px 0; }
a.dealBtn:hover { background-color:#12C218; }
.dealBtnSeeTheDeal { background-image:url(img/btnSeeTheDeal.png); }

/* Update profile form */

.update-profile
{
	text-align:left;
}

.update-profile .clear
{
	clear:both;
}

.update-profile label
{
	width:180px;
	display:block;
	float:left;
	font-weight:bold;
}

.update-profile .field
{
	padding-top:5px;
	padding-bottom:5px;
}

.update-profile input[type="text"]
{
	width:400px;
}

.update-profile input[type="password"]
{
	width:200px;
}

.update-profile .grouptext
{
	font-size:small;
	color:#909090;
	padding-top:10px;
	padding-bottom:5px;
}

.update-profile .form-buttons
{
	padding-left:180px;
	padding-top:10px;
	padding-bottom:5px;
}

.update-profile .updated
{
	background-color:#d7fcd1;
	padding:10px;
	color:#000;
	font-size:small;
	border-color:#95b890;
	border-width:1px;
	border-style:solid;
	margin-bottom:5px;
	margin-top:5px;
}

.update-profile .updprof-error
{
	background-color:#fcd7d1;
	padding:10px;
	color:#000;
	font-size:small;
	border-color:#b89590;
	border-width:1px;
	border-style:solid;
	margin-bottom:5px;
	margin-top:5px;
}

/* Upload avatar form */

.upload-avatar
{
	text-align:left;
}

.upload-avatar .form-buttons
{
	padding-top:10px;
	padding-bottom:5px;
}

.upload-avatar .delete, .upload-avatar .upload
{
	padding-top:10px;
	padding-bottom:10px;
}

.upload-avatar .grouptext
{
	font-size:small;
	color:#909090;
	padding-top:10px;
	padding-bottom:5px;
}

.upload-avatar .avatar-error
{
	background-color:#fcd7d1;
	padding:10px;
	color:#000;
	font-size:small;
	border-color:#b89590;
	border-width:1px;
	border-style:solid;
	margin-bottom:5px;
	margin-top:5px;
}

a.video{
  width:128px;
  height:72px;
  text-decoration:none;
  position:relative;
  display:block;
  border:1px solid #666;
  padding:3px;
  margin-right:5px;
  float:left;
}

a.video span.clip
{
	height:72px;
	width:128px;
	display:block;
	position:relative;
	overflow:hidden;
}
a.video span.clip img
{
	top:-12px;
	left:0;
	display:block;
	position:absolute;
	width:128px;
	outline:none;
}

a.video span.overlay{
  position:absolute;
  bottom:0;
  right:0;
  opacity: 0.5;
}

a.video:hover span.overlay{
  opacity: 0.8;
}

.socialblock
{
	position: absolute;
	right:0px;
	bottom:0px;
}

.socialblock .fb
{
	display:inline;
	position:relative;
}

.socialblock .tw
{
	display:inline;
	position:relative;
}

.socialblock .gp
{
	display:inline;
	position:relative;
}

/* price boxes */

.price-container
{
    width: 100%;
    white-space: nowrap;
    text-align: center;
}

.price-box
{
    vertical-align: top;
	color:inherit;
	text-decoration:none;
	display:inline-block;
	width:230px;
	margin-bottom:2em;
}

.price-box ul
{
    padding-left: 1em;
    margin-top: 0;
}

.price-box ul li
{
    margin-bottom: 0.5em;
}

.price-box h2
{
    margin: 0;
	text-align:center;
	padding: 10px 10px 10px 10px;
	font-size:20px;
	font-weight:bold;
	height:22px;

	-moz-border-radius: 8px 8px 0 0; 
	-webkit-border-radius: 8px 8px 0 0; 
	border-radius: 8px 8px 0 0;
	border-top-width:6px;
	border-top-style:solid;
	border-top-color:#FF8400;

	border-left-width:2px;
	border-left-style:solid;
	border-left-color:#FF8400;

	border-right-width:2px;
	border-right-style:solid;
	border-right-color:#FF8400;
}

.price-box div.price-content
{
    text-align: left;
    white-space: normal;
	
	border-left-width:2px;
	border-left-style:solid;
	border-left-color:#FF8400;

	border-right-width:2px;
	border-right-style:solid;
	border-right-color:#FF8400;
	
	background-color:#EEE9D5;
	padding: 10px 10px 10px 10px;
	font-size:0.8em;
	height:180px;
	position:relative;
}

.price-box div.vcenter
{
    text-align: center;
    white-space: normal;
	
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#FF8400;

	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#FF8400;

	border-left-width:2px;
	border-left-style:solid;
	border-left-color:#FF8400;

	border-right-width:2px;
	border-right-style:solid;
	border-right-color:#FF8400;
	
	background-color:#EEE9D5;
	padding: 5px;
	position:relative;
}

.price-box div.bottom
{
    text-align: center;
    white-space: normal;
	
	-moz-border-radius: 0 0 8px 8px; 
	-webkit-border-radius: 0 0 8px 8px; 
	border-radius: 0 0 8px 8px;
	
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#FF8400;

	border-left-width:2px;
	border-left-style:solid;
	border-left-color:#FF8400;

	border-right-width:2px;
	border-right-style:solid;
	border-right-color:#FF8400;
	
	background-color:#EEE9D5;
	padding: 5px;
	position:relative;
}

.price-box div.price
{
	font-size:30px;
    line-height: 30px;
    color: #336699;
    font-weight: bold;
}

.price-box div.price s
{
    color: grey;
    font-size: 15px;
    display: block;
    line-height: 15px;
}

.head-links
{
    float: right;
}

.head-links div
{
    display: inline-block;
}

.head-links a
{
    text-decoration: none;
}

a.download-box
{
  display: inline-block;
  border: solid 2px #2e79d9;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  background-color: #2e79d9;
  font-family: Verdana;
}
a.download-box h1
{
  margin: 0;
  padding-left:  10px;
  padding-right:  10px;
  padding-top:  5px;
  padding-bottom:  5px;
  color: white;
  font-size: 1.1em;
  text-align: center;
}
a.download-box .info
{
  background-color: white;
  padding-top: 0.5em;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  color: #2e79d9;
  overflow: hidden;
  text-align: left;
}
a.download-box .info .ver
{
  display: block;
}
a.download-box .info .sysreq
{
  display: block;
  font-size: 0.8em;
  white-space:nowrap;
  margin-top: 0.2em;
}
a.download-box .info img
{
  float: right;
  padding-left:10px;
}
