/* 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 */
.mainLogo 
{
 	font-size: 18px;
	background-image: url(/Schriftarten-Fonts.jpg);	
	width: 850px; 
	height: 103px; 
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;

}

.mainPageContainer
{
	background-color:		#fff;
	margin-left:			auto;
	margin-right:			auto;
	width:					100%;
	min-width:				800px;
}
.pageContainer
{
	float:					left;
}
.mainPageContent
{
	float:					left;
	width:					100%;
}
.toolbarContainer
{
	background-color:		#fff;
	margin-left:			auto;
	margin-right:			auto;
	width:					100%;
	min-width:				800px;
}
.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
{
	width:					100%;
	background-color:		#ddd;
	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
{
	height:					92px;
	margin-top:				5px;
	clear:					both;
	cursor:					pointer;
}
.fontPreviewImageWrapperDefault
{
	height:					92px;
	margin-top:				5px;
	clear:					both;
}
.fontPreviewImageWrapper .rightSection, .fontPreviewImageWrapperDefault .rightSection
{
	float:					right;
	background:				#fff;
	height:					92px;
	width:					108px;
	cursor:					default;
}
.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:				12px;
	margin-right:			5px;
	cursor:					pointer;
}

.fontPreviewImageWrapper .rightSection .downloadButton .downloadButtonElement, .fontPreviewImageWrapperDefault .rightSection .downloadButton .downloadButtonElement2
{
	border:					1px solid #777;
	padding-right:			10px;
	padding-left:			10px;
	padding-top:			5px;
	padding-bottom:			5px;
	font-weight:			bold;
	background:				#0080FF;
	color:					#fff;
	margin-top:				12px;
	margin-right:			5px;
	cursor:					pointer;
}



.fontPreviewImageWrapper .rightSection .downloadButton .downloadButtonElement:hover, .fontPreviewImageWrapperDefault .rightSection .downloadButton .downloadButtonElement:hover
{
	background:				#11518F;
	border:					1px solid #11518F;
}
.fontPreviewImageWrapper .rightSection .downloadButton .downloadButtonElement a, .fontPreviewImageWrapperDefault .rightSection .downloadButton .downloadButtonElement a
{
	color:					#fff;
	text-decoration:		none;
}
.fontPreviewWrapper
{
	margin-bottom:			3px;
}
.fontPreviewWrapper:hover
{
	#background:				url("../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:				auto;
}
.categoryBarInner
{
	border:					3px solid #11518F;
	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:				visible;
}

.mainNavBar
{
	width:					100%;
	background-color:		#11518F;
	font-size:				15px;
	color:					#aaa;

	overflow:				visible;
}
.mainNavBar a
{
	color:					#fff;
	text-decoration:		none;
}
.mainNavBar a:hover
{
	text-decoration:		underline;
}
.mainNavBarInner
{

}
.mainNavBarInner .navBarLeftLinks
{
	float:					left;
	width:					800px;
	padding:				10px;
	padding-top:			11px;
	padding-left:			18px;
	padding-right:			18px;
}
.mainNavBarInner .navBarRightSearch
{
	float:					right;
	color:					#fff;
	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 #11518F;
	background:				#11518F;
	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:					#11518F;
}
.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;
}

.footer
{
	background-color:		#11518F;
	color:					#fff;
	text-align:				center;
	padding:				16px;
}
.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:				visible;
	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;
}
.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;
}