/* site styles */



/**html, body



{



	margin:					0;



	padding:				0;



	font-family:			"Lucida Grande", Helvetica, Arial, "Arial Unicode", sans-serif;



	font-size:				12px;



	color:					#444;



	height:					100%;



	



}

**/





img {
	border:					none;
}
a {
	text-decoration:		underline;
	color:					#333;
}
a:hover {
	text-decoration:		none;
}
.clear {
	clear:					both;
}
.pageErrors {
	padding:				10px;
	background-color:		#fff;
	border: 				2px solid red;
	width:					521px;
	float:					left;
}
.pageErrors li, .pageSuccess li {
	list-style: 			none;
	padding: 				0;
	margin: 				0;
	font-size:				14px;
}
.pageSuccess {
	padding:				10px;
	background-color:		#fff;
	border: 				2px solid green;
	width:					521px;
	float:					left;
}
td {
	vertical-align:			top;
}
/* site specific */



.mainPageContainer {
	margin-left:			auto;
	background-color:#FFFFFF;
	/**	border: 10px solid #afbec5; **/

border: 10px solid #E7EAEC;
	margin-right:			auto;
	width:					830px;
	min-width:				800px;
}
.pageContainer {
	float:					left;
}
.mainPageContent {
	background-color:		#fff;
	/**	background-image: url(/themes/blue/images/mainbg.png);

	background-repeat:no-repeat;

	background-position:top; **/

	float:					left;
	padding: 5px;
	border:0px solid #ccc;
	width:					99%;
}
.toolbarContainer {
	background-color:		#fff;
	margin-left:			auto;
	margin-right:			auto;
	width:					100%;
	min-width:				830px;
}
.pageMainContent {
	min-height:				300px;
}
.genericPageTitle h1 {
	font-size:				16px;
}
.genericPageTitle .contentRight {
	float:					right;
}
.genericPageTitle .contentLeft {
	float:					left;
}
.pageInnerContainer {
	margin:					16px;
	margin-bottom:			6px;
	margin-top:				8px;
}
.fontPreviewHeader {

	background-image:url(/themes/blue/images/bg.png);
	background-repeat:repeat;
	background-position:left;
	margin-left: 0px;
	width:100%;
/**	background-color: #f1f1f1; **/
	border-bottom: 1px solid #ccc;
	clear:					both;
	font-size:				13px;
}
.fontPreviewHeaderInner {
	padding:				6px;
	
}
.fontPreviewHeader a {
	color:					#222;
	font-weight:			bold;
	text-decoration:		none;
}
.fontPreviewHeader a:hover {
	text-decoration:		underline;
}
.fontPreviewImageWrapper {
	width:99%;
	height:					92px;
	border-left: 0px solid #ccc;
	padding: 2px;
	margin-left: 2px;
	margin-top:				0px;
	margin-bottom: 10px;
	clear:					both;
	cursor:					pointer;
	background-color:#f1f1f1;
}
.fontPreviewImageWrapperDefault {
border: 0px solid #fff;
	height:					92px;
	padding: 2px;
	margin-top:				0px;
	clear:					both;
	margin-bottom: 10px;
}
.fontPreviewImageWrapper .rightSection, .fontPreviewImageWrapperDefault .rightSection {
	float:					right;
	margin-right:7px;
	height:					92px;
	width:					108px;
	cursor:					default;
	background-color:#fff;
	border-left: 2px solid #f1f1f1;
}
.fontPreviewImageWrapper .rightSection .downloadButton, .fontPreviewImageWrapperDefault .rightSection .downloadButton {
	float:					right;

}
.fontPreviewImageWrapper .rightSection .downloadButton .downloadButtonElement, .fontPreviewImageWrapperDefault .rightSection .downloadButton .downloadButtonElement {
	border:					1px solid #777;
	padding-right:			10px;
	padding-left:			10px;
	padding-top:			5px;
	padding-bottom:			5px;
	font-weight:			bold;
	background:				#777;
	color:					#fff;
	margin-top:				0px;
	margin-right:			5px;
	cursor:					pointer;
}
.fontPreviewImageWrapper .rightSection .downloadButton .downloadButtonElement:hover, .fontPreviewImageWrapperDefault .rightSection .downloadButton .downloadButtonElement:hover {
	background:				#4096EE;
	border:					1px solid #4096EE;
}
.fontPreviewImageWrapper .rightSection .downloadButton .downloadButtonElement a, .fontPreviewImageWrapperDefault .rightSection .downloadButton .downloadButtonElement a {
	color:					#fff;
	text-decoration:		none;
}
.fontPreviewWrapper {
	margin-bottom:			10px;
	width: 100%;
	border:1px solid #ccc;
	

}
.fontPreviewWrapper:hover {
 #background:				url("/themes/blue/images/fontPreviewBG.png") repeat-x bottom;
}
.fontPreviewTitle {
	float:					left;
}
.fontTotalDownloads {
	float:					right;
	width:					150px;
	text-align:				right;
}
.rateFontBlock {
	float:					right;
	margin-right:			3px;
	width:					90px;
}
.rateFontText {
	float:					right;
	width:					60px;
	margin-right:			102px;
	font-size:				13px;
	padding-top:			2px;
	text-align:				right;
	/**	background:				#fff; **/



	height:					20px;
}
.rateFontBlock .starsOn, .rateFontBlock .starsOff {
	width:					90px;
	height:					17px;
	position:				absolute;
}
.rateFontBlock .starsOn {
	z-index:				11;
	background:				url("../images/stars_on.png") no-repeat bottom left;
}
.rateFontBlock .starsOff {
	z-index:				10;
	background:				url("../images/stars_off.png") no-repeat bottom right;
}
.categoryBar {
	width:					100%;
	background-color:		#eee;
	font-size:				12px;
	margin-bottom:			20px;
	overflow:				hidden;
}
.categoryBarInner {
	border:					3px solid #4096EE;
	padding:				12px;
}
.letterListing {
	width:					650px;
	margin-left:			auto;
	margin-right:			auto;
}
.categoryLink {
	width:					135px;
}
.letterLink {
	text-align:				center;
	width:					14px;
}
.categoryLink, .letterLink {
	float:					left;
	padding-left:			5px;
	padding-right:			5px;
	padding-top:			2px;
	padding-bottom:			2px;
}
.categoryLink:hover, .letterLink:hover {
	cursor:					pointer;
	background-color:		#ccc;
}
.categoryLink:hover a, .letterLink:hover a {
	color:					#fff;
	text-decoration:		underline;
	font-weight:			bold;
}
.categoryLink a, .letterLink a {
	text-decoration:		none;
}
.categoryLink a:hover, .letterLink a:hover {
	text-decoration:		underline;
}
.settingsBar {
	width:					100%;
	background-color:		#eee;
	font-size:				12px;
	margin-bottom:			20px;
	overflow:				hidden;
}
.mainNavBar {
	font-family:"Trebuchet MS", sans-serif;
	background-image: url("img/nav.gif");
	background-repeat: repeat;
	background-attachment: scroll;
	border-bottom: 1px solid #afbec5;
	width:					830px;
	font-size:				15px;
	color:					#aaa;
	height:					43px;/**	overflow:				hidden; **/



}
.mainNavBar a {
	color:					#000;
	text-decoration:		none;
}
.mainNavBar a:hover {
	text-decoration:		underline;
}
.mainNavBarInner {
}
.mainNavBarInner .navBarLeftLinks {
	float:left;
	width:					485px;
	padding:				10px;
	padding-top:			11px;
	padding-left:			18px;
	padding-right:			18px;
}
.mainNavBarInner .navBarRightSearch {
	float:					right;
	color:					#000;
	padding:				10px;
	padding-left:			18px;
	padding-right:			18px;
}
.mainNavBarInner .navBarRightSearch input {
	width:					180px;
}
.toolbarContainerInner {
	margin-bottom:			20px;
}
/* paging */



.pagingWrapper {
	float:					right;
	padding-top:			20px;
	padding-bottom:			10px;
}
.pagingWrapper .pagingLink, .pagingWrapper .pagingLinkOff, .pagingWrapper .pagingLinkSelected {
	float:					left;
	padding-left:			6px;
	padding-right:			6px;
	padding-top:			3px;
	padding-bottom:			3px;
	margin-right:			5px;
}
.pagingWrapper .pagingLink {
	border:					1px solid #4096EE;
	background:				#4096EE;
	color:					#fff;
	cursor:					pointer;
}
.pagingWrapper .pagingLink:hover {
	background:				#fff;
}
.pagingWrapper .pagingLinkOff {
	border:					1px solid #ddd;
	background:				#ddd;
	color:					#fff;
}
.pagingWrapper .pagingLinkSelected {
	border:					1px solid #fff;
	background:				#fff;
}
.pagingWrapper .pagingLinkSelected a {
	text-decoration:		none;
	font-weight:			bold;
	color:					#4096EE;
}
.pagingWrapper .pagingLink a {
	color:					#fff;
	font-weight:			bold;
	text-decoration:		none;
}
.pagingWrapper .pagingLink:hover a {
	color:					#000;
}
.pagingLabelWrapper {
	float:					left;
	font-size:				13px;
	padding-top:			24px;
	font-weight:			bold;
	padding-right:			12px;
}
.footer1 {
	background-color:		#4096EE;
	color:					#fff;
	text-align:				center;
	padding:				16px;
	margin-left:auto;
	margin-right:auto;
	width: 830px;
}
.footer a {
	color:					#fff;
	text-decoration:		underline;
}
.footer a:hover {
	text-decoration:		none;
}
.pageDetailsLeft {
	float:					left;
	width:					550px;
	padding-right:			20px;
	display:				block;
}
.pageDetailsRight {
	float:					left;
	width:					550px;
	display:				block;
}
.characterMap {
	float:					left;
	padding-top:			8px;
}
.fontArchiveContents {
	float:					left;
	width:					541px;
	padding-top:			8px;
}
.fontArchiveContents table {
	border-top:				1px solid #ccc;
	border-right:			1px solid #ccc;
	border-left:			1px solid #ccc;
}
.fontArchiveContents th, .fontArchiveContents td {
	padding:				7px;
	border-bottom:			1px solid #ccc;
}
.fontArchiveContents th {
	background:				#DDDDDD;
	color:					#666;
	text-align:				left;
}
.fontArchiveContents tr:hover {
	background:				#efefef;
}
.fontArchiveContents a {
	text-decoration:		none;
}
.fontArchiveContents a:hover {
	text-decoration:		underline;
}
.userCommentsForm {
	padding-top:			8px;
}
.userCommentsForm .formLabel {
	width:					100px;
	float:					left;
}
.userCommentsForm textarea {
	width:					400px;
	height:					50px;
}
.userCommentsForm label {
	padding-left:			10px;
}
.userCommentsForm input {
	width:					250px;
}
.userCommentsForm .submitButton {
	width:					130px;
}
.userCommentsForm .userCommentsIntro {
	float:					left;
	width:					541px;
	padding-bottom:			20px;
}
.userCommentsList {
	padding-top:			8px;
}
.userCommentsList .commentRight {
	float:					left;
	display:				block;
}
.userCommentsList .commentLeft {
	float:					left;
	width:					40px;
	overflow:				hidden;
	display:				block;
	font-size:				24px;
	font-weight:			bold;
	color:					#bbb;
}
.userCommentsList .commentHead {
	color:					#bbb;
}
.userCommentsList .commentsWrapper {
	border-bottom:			1px solid #bbb;
	padding-top:			10px;
	padding-bottom:			10px;
}
.userCommentsList .commentFirst {
	border-top:				1px solid #bbb;
}
.userCommentsList .commentBody {
	width:					500px;
}
/* ads */



.mainHeaderAds {
	float:					right;
	text-align:				right;
	margin-top:15px;
}
.leftPageAds {
	float:					left;
	padding-right:			20px;
}
.rightPageAds {
	float:					left;
	padding-left:			20px;
}
.footerPageAds {
	margin-left:			auto;
	margin-right:			auto;
	text-align:				center;
	padding:				14px;
}
/* custom preview area */



.customPreviewSettings {
	font-size:				14px;
	margin-right:			auto;
	margin-left:			auto;
	text-align:				center;
	width:					650px;
}
.customPreviewSettings .customPreviewTextLabel, .customPreviewSettings .customPreviewTextColourLabel, .customPreviewSettings .customPreviewTextInput, .customPreviewSettings .customPreviewTextColourPicker, .customPreviewSettings .customPreviewTextSubmit {
	float:					left;
}
.customPreviewSettings .customPreviewTextLabel, .customPreviewSettings .customPreviewTextColourLabel {
	padding-top:			2px;
	padding-right:			5px;
}
.customPreviewSettings .customPreviewTextInput {
	padding-right:			16px;
}
.customPreviewSettings .colourPickerBox {
	margin-right:			14px;
}
.customPreviewSettings .customPreviewTextInput input {
	width:					240px;
}
/* submit font form */



.submitFontForm {
	padding-left:			30px;
	padding-top:			20px;
}
.submitFontForm label {
	float:					left;
	width:					200px;
	padding:				5px;
}
.submitFontForm div {
	clear:					right;
	padding:				5px;
}
.submitFontForm input, .submitFontForm select, .submitFontForm textarea {
	width:					400px;
}
.submitFontForm textarea {
	height:					100px;
}
.submitFontForm .submitButton {
	width:					120px;
}
/* popup containers (yui) */



.yui-overlay, .yui-panel-container {
	visibility:hidden;
	position:absolute;
	z-index:2;
}
.yui-panel {
	position:relative;
}
.yui-panel-container form {
	margin:0;
}
.mask {
	z-index:1;
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.mask.block-scrollbars {
	overflow:auto;
}
.masked select, .drag select, .hide-select select {
	_visibility:hidden;
}
.yui-panel-container select {
	_visibility:inherit;
}
.hide-scrollbars, .hide-scrollbars * {
	overflow:hidden;
}
.hide-scrollbars select {
	display:none;
}
.show-scrollbars {
	overflow:auto;
}
.yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars {
	overflow:visible;
}
.yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow {
	overflow:auto;
}
.yui-panel-container.shadow .underlay.yui-force-redraw {
	padding-bottom:1px;
}
.yui-effect-fade .underlay, .yui-effect-fade .yui-tt-shadow {
	display:none;
}
.yui-tt-shadow {
	position:absolute;
}
.yui-override-padding {
	padding:0!important;
}
.yui-panel-container .container-close {
	overflow:hidden;
	text-indent:-10000em;
	text-decoration:none;
}
.yui-overlay.yui-force-redraw, .yui-panel-container.yui-force-redraw {
	margin-bottom:1px;
}
.mask {
	background-color:#000;
	opacity:.35;
	filter:alpha(opacity=35);
}
.popupContainer .yui-panel-container {
	padding:0 1px;
*padding:2px;
}
.popupContainer .yui-panel {
	position:relative;
	left:0;
	top:0;
	border-style:solid;
	border-width:1px 0;
	border-color:#808080;
	z-index:1;
*border-width:1px;
*zoom:1;
	_zoom:normal;
}
.popupContainer .yui-panel .hd, .popupContainer .yui-panel .bd, .popupContainer .yui-panel .ft {
	border-style:solid;
	border-width:0 1px;
	border-color:#808080;
	margin:0 -1px;
*margin:0;
*border:0;
}
.popupContainer .yui-panel .hd {
	border-bottom:solid 1px #ccc;
}
.popupContainer .yui-panel .bd, .popupContainer .yui-panel .ft {
	background-color:#F2F2F2;
}
.popupContainer .yui-panel .hd {
	padding:0 10px;
	font-size:93%;
	line-height:2;
*line-height:1.9;
	font-weight:bold;
	color:#000;
	background:url(http://yui.yahooapis.com/2.8.0r4/build/assets/skins/sam/sprite.png) repeat-x 0 -200px;
}
.popupContainer .yui-panel .bd {
	padding:10px;
}
.popupContainer .yui-panel .ft {
	border-top:solid 1px #808080;
	padding:5px 10px;
	font-size:77%;
}
.popupContainer .container-close {
	position:absolute;
	top:5px;
	right:6px;
	width:25px;
	height:15px;
	background:url(http://yui.yahooapis.com/2.8.0r4/build/assets/skins/sam/sprite.png) no-repeat 0 -300px;
	cursor:pointer;
}
.popupContainer .yui-panel-container .underlay {
	right:-1px;
	left:-1px;
}
.popupContainer .yui-panel-container.matte {
	padding:9px 10px;
	background-color:#fff;
}
.popupContainer .yui-panel-container.shadow {
	_padding:2px 4px 0 2px;
}
.popupContainer .yui-panel-container.shadow .underlay {
	position:absolute;
	top:2px;
	left:-3px;
	right:-3px;
	bottom:-3px;
*top:4px;
*left:-1px;
*right:-1px;
*bottom:-1px;
	_top:0;
	_left:0;
	_right:0;
	_bottom:0;
	_margin-top:3px;
	_margin-left:-1px;
	background-color:#000;
	opacity:.12;
	filter:alpha(opacity=12);
}
.popupContainer .yui-dialog .ft {
	border-top:none;
	padding:0 10px 10px 10px;
	font-size:100%;
}
.popupContainer .yui-dialog .ft .button-group {
	display:block;
	text-align:right;
}
.popupContainer .yui-dialog .ft button.default {
	font-weight:bold;
}
.popupContainer .yui-dialog .ft span.default {
	border-color:#304369;
	background-position:0 -1400px;
}
.popupContainer .yui-dialog .ft span.default .first-child {
	border-color:#304369;
}
.popupContainer .yui-dialog .ft span.default button {
	color:#fff;
}
.popupContainer .yui-dialog .ft span.yui-button-disabled {
	background-position:0 -1500px;
	border-color:#ccc;
}
.popupContainer .yui-dialog .ft span.yui-button-disabled .first-child {
	border-color:#ccc;
}
.popupContainer .yui-dialog .ft span.yui-button-disabled button {
	color:#a6a6a6;
}
.popupContainer .yui-simple-dialog .bd .yui-icon {
	background:url(http://yui.yahooapis.com/2.8.0r4/build/assets/skins/sam/sprite.png) no-repeat 0 0;
	width:16px;
	height:16px;
	margin-right:10px;
	float:left;
}
.popupContainer .yui-simple-dialog .bd span.blckicon {
	background-position:0 -1100px;
}
.popupContainer .yui-simple-dialog .bd span.alrticon {
	background-position:0 -1050px;
}
.popupContainer .yui-simple-dialog .bd span.hlpicon {
	background-position:0 -1150px;
}
.popupContainer .yui-simple-dialog .bd span.infoicon {
	background-position:0 -1200px;
}
.popupContainer .yui-simple-dialog .bd span.warnicon {
	background-position:0 -1900px;
}
.popupContainer .yui-simple-dialog .bd span.tipicon {
	background-position:0 -1250px;
}
.popupContainer .yui-tt .bd {
	position:relative;
	top:0;
	left:0;
	z-index:1;
	color:#000;
	padding:2px 5px;
	border-color:#D4C237 #A6982B #A6982B #A6982B;
	border-width:1px;
	border-style:solid;
	background-color:#FFEE69;
}
.popupContainer .yui-tt.show-scrollbars .bd {
	overflow:auto;
}
.popupContainer .yui-tt-shadow {
	top:2px;
	right:-3px;
	left:-3px;
	bottom:-3px;
	background-color:#000;
}
.popupContainer .yui-tt-shadow-visible {
	opacity:.12;
	filter:alpha(opacity=12);
}
.popupContainer .yui-panel .bd li {
	padding-bottom:			10px;
}
.popupContainer {
	display:				none;
}