/* ------------------------------------------------------------------------------
 * GLOBAL - (IE7+ FF3+ Opera9+)
 *
 * 	project: 	StockFuel
 * 	version: 	1.0 - 09.04.2009
 * 	author:		Hugo Larcher (hl@bluesteam.com.pt)
 *
 * 	[Table of Contents]
 *
 * 	1. Tags
 * 	2. Text Colors
 * 	3. Utility Divs
 *	4. Rulers
 * 	5. Round Corners
 * 	6. Content Boxes
 * 	7. Form Errors
 * 	8. Paging
 * 	9. No Results (noResults)
 *	10. Titles (.titleName, .titleCrumbs)
 *	11. Button Icons
 *	12. Comments (.commentItem)
 *	13. Comment Form (.commentForm)
 *	14. Login Buttons (#needLogin)
 * 	14. jqModal
 * 	15. Popup Login
 * 	16. Popup Terms
 * 	17. Popup Spinner
 * 	18. Popup Confirm
 * 	19. jPreview
 * ------------------------------------------------------------------------------
 */

/* [1. Tags] */
p {
	font:						14px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	text-align:					justify;
	padding-top:10px;
}

a {
	text-decoration:			underline;
	color:						red;
}

a:hover {
	color:						#9cbddd;
}

h1 {
	font:						18px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

h2 {
	font:						20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

/* [2. Text Colors] */
.lightGrey {
	color:						#626262;
}

.darkGrey {
	color:						#4d4d4d;
}

.darkBlue {
	color:						#9cbddd;
}

.lightBlue {
	color:						#b8ced9;
}

.orange {
	color:						#febf53;
}

.red {
	color:						#ff3600;
}

.white {
	color:						#ffffff;
}

.highlight {
	color:						#ffffff;
	background-color:			#637996;
}

/* [3. Utility Divs] */
.clear {
	clear:						both;
	height: 					0;
}

.hide {
	display: 					none;
}

.show {
	display:					block;
}

.left {
	position:					relative;
	float: 						left;
}

/* [4. Rulers ] */
.hr {
	position:					relative;
	clear:						both;
	height:						10px;
	margin-bottom:				5px;
	padding:                	0px;
	background:					#272727 url(global-hr.gif) repeat-x left top;
}

.hrDark {
	position:					relative;
	clear:						both;
	height:						10px;
	margin:						10px 0px 10px 0px;
	padding:                	0px;
	background:					#272727 url(global-hr-dark.gif) repeat-x left top;
}

.hrBevel {
	position:					relative;
	clear:						both;
	width:						674px;
	height:						8px;
	margin:						0px;
	padding:                	0px;
	background:					#232323 url(global-hr-bevel.gif) no-repeat center top;
}

.vr {
	position:					relative;
	float:						left;
	width:						10px;
	height:						auto;
	margin:						0px;
	padding:                    0px;
	background:					#272727 url(global-vr.gif) repeat-y left top;
}

/* [5. Round Corners] */
.cornLColTop_top {
	position:					absolute;
	top:						0;
	left:						0;
	width:						251px;
	height:						10px;
	background:					#232323 url(global-corners-lefttop-top.gif) no-repeat left top;
}

.cornLColTop {
	position:					absolute;
	top:						0;
	left:						0;
	width:						251px;
	height:						10px;
	background:					#232323 url(global-corners-left-top.gif) no-repeat left top;
}

.cornLColBot {
	position:					absolute;
	bottom:						0;
	left:						0;
	width:						251px;
	height:						10px;
	background:					#232323 url(global-corners-left-bot.gif) no-repeat left top;
}

.cornRColTop_top {
	position:					absolute;
	top:						0;
	left:						0;
	width:						684px;
	height:						10px;
	background:					#232323 url(global-corners-righttop-top.gif) no-repeat left top;
}

.cornRColTop {
	position:					absolute;
	top:						0;
	left:						0;
	width:						684px;
	height:						10px;
	background:					#232323 url(global-corners-right-top.gif) no-repeat left top;
}

.cornRColBot {
	position:					absolute;
	bottom:						0;
	left:						0;
	width:						684px;
	height:						20px;
	background:					#232323 url(global-corners-right-bot.gif) no-repeat left top;
}

/* [6. Content Boxes] */
.darkBox {
	position:					relative;
	width:						604px;
	height:						auto;
	margin:						0px;
	padding:                    15px;
	background:					#1d1d1d url(dark-box-bg.gif) repeat-y left top;
}

.darkBox_top {
	position:					absolute;
	top:						0;
	left:						0;
	width:						634px;
	height:						10px;
	background:					#1d1d1d url(dark-box-top.gif) no-repeat left top;
}

.darkBox_bot {
	position:					absolute;
	bottom:						0;
	left:						0;
	width:						634px;
	height:						10px;
	background:					#1d1d1d url(dark-box-bot.gif) no-repeat left top;
}

/* [7. Form Errors] */
.errors {
	position:					absolute;
	height:						22px;
	margin:						0px;
	top:						20px;
	left:						10px;
	background:					url(global-error-left.png) no-repeat;
	z-index:					100;
}

.errors_inner {
	height:						17px;
	margin-top:					5px;
	margin-left:				5px;
	padding-right:				5px;
	background:					url(global-error-right.png) no-repeat right;
}

.errors_txt {
	height:						14px;
	margin:						0px;
	padding:					3px 0px 0px 0px;
	font:						9px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#ffffff;
	background-color:			#d00000;
}

.errors_check {
	position:					absolute;
	height:						22px;
	margin:						0px;
	top:						20px;
	left:						-4px;
	background:					url(global-error-left.png) no-repeat;
	z-index:					100;
}

.errors_textarea {
	position:					absolute;
	height:						22px;
	margin:						0px;
	top:						57px;
	left:						10px;
	background:					url(global-error-left.png) no-repeat;
	z-index:					100;
}

/* [8. Paging] */
span.pagingText {
	position:					relative;
	float:						left;
	margin:						0px;
	padding:                    7px 0px 0px 0px;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#8ba8c4;
}

ul.pagingButtons {
	position:					relative;
	float:						right;
	width:						auto;
	height:						28px;
	margin:						0px;
}

ul.pagingButtons li {
	position:					relative;
	float:						left;
	height:						28px;
	margin:						0px;
	padding:                   	0px;
}

ul.pagingButtons li a {
	display:					block;
	width:						25px;
	height:						21px;
	margin:						0px;
	padding:                    7px 0px 0px 0px;
	text-decoration:			none;
	text-align:					center;
	font:						10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#9cbddd;
	background:					transparent url(global-paging.gif) no-repeat -52px 0px;
}

ul.pagingButtons li a:hover,
ul.pagingButtons li a:focus {
	color:						#ffffff;
}

ul.pagingButtons li a.on {
	color:						#ffffff;
}

ul.pagingButtons li a.firstPg {
	display:					block;
	width:						27px;
	height:						28px;
	margin:						0px;
	padding:                    0px;
	text-indent:				-5555px;
	background:					transparent url(global-paging.gif) no-repeat 0px 0px;
}

ul.pagingButtons li a.prevPg {
	display:					block;
	width:						25px;
	height:						28px;
	margin:						0px;
	padding:                    0px;
	text-indent:				-5555px;
	background:					transparent url(global-paging.gif) no-repeat -27px 0px;
}

ul.pagingButtons li a.nextPg {
	display:					block;
	width:						25px;
	height:						28px;
	margin:						0px;
	padding:                    0px;
	text-indent:				-5555px;
	background:					transparent url(global-paging.gif) no-repeat -77px 0px;
}

ul.pagingButtons li a.lastPg {
	display:					block;
	width:						26px;
	height:						28px;
	margin:						0px;
	padding:                    0px;
	text-indent:				-5555px;
	background:					transparent url(global-paging.gif) no-repeat -102px 0px;
}

/* [9. No Results] */
.noResults {
	position:					relative;
	width:						100%;
	height:						auto;
	margin:						0px;
	padding:                    10px 0px 10px 0px;
	text-align:					center;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#8e8e8e;
	background:					none;
}

/* [10. Titles] */
#titleBox {
	position:					relative;
	width:						654px;
	height:						24px;
	margin:						0px;
	padding:					0px;
}

.titleIcon {
	position:					relative;
	float:						left;
	width:						24px;
	height:						24px;
	margin:						0px;
	padding:                    0px;
}

.titleIcon.iconflash 	 { background: url(../../misc/icons/small-icon-01.gif) no-repeat left top; }
.titleIcon.iconvideo 	 { background: url(../../misc/icons/small-icon-02.gif) no-repeat left top; }
.titleIcon.iconaudio 	 { background: url(../../misc/icons/small-icon-03.gif) no-repeat left top; }
.titleIcon.iconae	 	 { background: url(../../misc/icons/small-icon-04.gif) no-repeat left top; }
.titleIcon.iconimagery 	 { background: url(../../misc/icons/small-icon-05.gif) no-repeat left top; }
.titleIcon.iconvector 	 { background: url(../../misc/icons/small-icon-06.gif) no-repeat left top; }
.titleIcon.iconstar 	 { background: url(../../misc/icons/small-icon-07.gif) no-repeat left top; }
.titleIcon.iconplus 	 { background: url(../../misc/icons/small-icon-08.gif) no-repeat left top; }
.titleIcon.icongraph 	 { background: url(../../misc/icons/small-icon-09.gif) no-repeat left top; }
.titleIcon.iconmoneyUSD	 { background: url(../../misc/icons/small-icon-10.gif) no-repeat left top; }
.titleIcon.iconmoneyEUR	 { background: url(../../misc/icons/small-icon-18.gif) no-repeat left top; }
.titleIcon.iconchat 	 { background: url(../../misc/icons/small-icon-11.gif) no-repeat left top; }
.titleIcon.iconinfo 	 { background: url(../../misc/icons/small-icon-12.gif) no-repeat left top; }
.titleIcon.iconenvelope  { background: url(../../misc/icons/small-icon-13.gif) no-repeat left top; }
.titleIcon.iconclipboard { background: url(../../misc/icons/small-icon-14.gif) no-repeat left top; }
.titleIcon.iconuser 	 { background: url(../../misc/icons/small-icon-15.gif) no-repeat left top; }
.titleIcon.iconmagnifier { background: url(../../misc/icons/small-icon-16.gif) no-repeat left top; }
.titleIcon.iconstockfuel { background: url(../../misc/icons/small-icon-17.gif) no-repeat left top; }

.titleIcon img {
	width:						24px;
	height:						24px;
	margin:						0px;
	padding:                    0px;
}

.titleText {
	position:					relative;
	float:						left;
	height:						24px;
	margin:						0px;
	padding:	            	0px;
	font:						12px/24px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#ffffff;
}

.titleText a {
	font-weight:				normal;
	text-decoration:			underline;
	color:						#ffffff;
}

.titleText a:hover, 
.titleText a:active {
	font-weight:				normal;
	text-decoration:			underline;
	color:						#9cbddd;
}

/* [11. Button Icons] */
.iconDownloads 		{ background: transparent url(global-button-icons.gif) no-repeat 0px -90px; }
.iconFinancesEUR	{ background: transparent url(global-button-icons.gif) no-repeat 0px -216px; }
.iconFinancesUSD	{ background: transparent url(global-button-icons.gif) no-repeat 0px -18px; }
.iconInbox 			{ background: transparent url(global-button-icons.gif) no-repeat 0px -54px; }
.iconOverview 		{ background: transparent url(global-button-icons.gif) no-repeat 0px 0px; }
.iconTickets 		{ background: transparent url(global-button-icons.gif) no-repeat 0px -198px; }
.iconUploads 		{ background: transparent url(global-button-icons.gif) no-repeat 0px -126px; }

.iconGeneral 		{ background: transparent url(button-icons.gif) no-repeat 0px 0px; }
.iconProducts 		{ background: transparent url(button-icons.gif) no-repeat 0px -90px; }
.iconUploading 		{ background: transparent url(button-icons.gif) no-repeat 0px -126px; }
.iconPurchasingEUR	{ background: transparent url(button-icons.gif) no-repeat 0px -216px; }
.iconPurchasingUSD	{ background: transparent url(button-icons.gif) no-repeat 0px -18px; }
.iconLegal	 		{ background: transparent url(button-icons.gif) no-repeat 0px -36px; }
.iconWebsite		{ background: transparent url(button-icons.gif) no-repeat 0px -54px; }

.bticn_acc 			{ background: transparent url(global-button-icons.gif) no-repeat 0px 0px; }
.bticn_finEUR		{ background: transparent url(global-button-icons.gif) no-repeat 0px -216px; }
.bticn_finUSD 		{ background: transparent url(global-button-icons.gif) no-repeat 0px -18px; }
.bticn_fav 			{ background: transparent url(global-button-icons.gif) no-repeat 0px -36px; }
.bticn_inb 			{ background: transparent url(global-button-icons.gif) no-repeat 0px -54px; }
.bticn_log 			{ background: transparent url(global-button-icons.gif) no-repeat 0px -72px; }
.bticn_adm 			{ background: transparent url(global-button-icons.gif) no-repeat 0px -162px; }
.bticn_ste 			{ background: transparent url(global-button-icons.gif) no-repeat 0px -180px; }

.bticn_newfiles 	{ background: transparent url(global-button-icons.gif) no-repeat 0px -90px; }
.bticn_yourcredits 	{ background: transparent url(global-button-icons.gif) no-repeat 0px -108px; }
.bticn_account 		{ background: transparent url(global-button-icons.gif) no-repeat 0px 0px; }
.bticn_uploadfiles 	{ background: transparent url(global-button-icons.gif) no-repeat 0px -126px; }
.bticn_makemoneyEUR	{ background: transparent url(global-button-icons.gif) no-repeat 0px -216px; }
.bticn_makemoneyUSD	{ background: transparent url(global-button-icons.gif) no-repeat 0px -18px; }
.bticn_ourforum 	{ background: transparent url(global-button-icons.gif) no-repeat 0px -144px; }

/* [12. Comments] */
.commentItem {
	position:					relative;
	clear:						both;
	width:						664px;
	height:						auto;
	margin:						0px;
	padding:                    0px 0px 6px 0px;
}

.commentItem .avatar {
	position:					relative;
	float:						left;
	width:						94px;
	height:						114px;
	margin:						0px;
	padding:                    6px;
	text-align:					center;
	background:					#1d1d1d url(global-comment-avatar-bg.gif) no-repeat left top;
}

.commentItem .avatar a {
	font:						11px/18px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#f7ab45;
}

.commentItem .avatar a:hover, 
.commentItem .avatar a:active {
	color:						#ffffff;
}

.commentItem .comment {
	position:					relative;
	float:						left;
	width:						532px;
	height:						auto;
	margin:						0px 0px 6px 6px;
	padding:                    10px;
	background:					#1d1d1d url(global-comment-bg.gif) repeat-y left top;
}

.commentItem .comment .top {
	position:					absolute;
	top:						0px;
	left:						0px;
	width:						552px;
	height:						10px;
	margin:						0px;
	padding:                    0px;
	background:					url(global-comment-top.gif) no-repeat left top;
}

.commentItem .comment .bot {
	position:					absolute;
	left:						0px;
	bottom:						0px;
	width:						552px;
	height:						10px;
	margin:						0px;
	padding:                    0px;
	background:					url(global-comment-bot.gif) no-repeat left top;
}

.commentItem .comment.light {
	position:					relative;
	float:						left;
	width:						532px;
	height:						auto;
	margin:						0px 0px 6px 6px;
	padding:                    10px;
	background:					#1d1d1d url(global-comment-alt-bg.gif) repeat-y left top;
}

.commentItem .comment.light .top {
	position:					absolute;
	top:						0px;
	left:						0px;
	width:						552px;
	height:						10px;
	margin:						0px;
	padding:                    0px;
	background:					url(global-comment-alt-top.gif) no-repeat left top;
}

.commentItem .comment.light .bot {
	position:					absolute;
	left:						0px;
	bottom:						0px;
	width:						552px;
	height:						10px;
	margin:						0px;
	padding:                    0px;
	background:					url(global-comment-alt-bot.gif) no-repeat left top;
}

.commentItem .comment .commentText {
	position:					relative;
	width:						532px;
	min-height:					81px;
	margin:						0px;
	padding:                    0px;
	overflow:					auto;
	font:						11px/17px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#ffffff;
}

.commentItem .comment .commentBar {
	position:					relative;
	width:						532px;
	height:						15px;
	margin:						10px 0px 0px 0px;
	padding:                    0px;
}

.commentItem .comment .commentBar .info {
	position:					relative;
	float:						left;
	width:						240px;
	height:						15px;
	margin:						0px;
	padding:                    0px;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#9cbddd;
}

.commentItem .comment .commentBar .actions {
	position:					relative;
	float:						right;
	clear:						right;
	width:						290px;
	height:						15px;
	margin:						0px;
	padding:                    0px;
	text-align:					right;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#8e8e8e;
}
.commentItem .comment .commentBar .actions a {
	text-decoration:			underline;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#8e8e8e;
}

.commentItem .comment .commentBar .actions a:hover, 
.commentItem .comment .commentBar .actions a:active {
	color:						#ffffff;
}

.commentItem .comment .commentEdit, 
.commentItem .comment.light .commentEdit {
	position:					relative;
	width:						540px;
	margin:						0px;
	padding:                    5px 6px 5px 6px;
}

.commentItem .comment.bigbg, 
.commentItem .comment.light.bigbg {
	width:						552px;
	padding:                    0px;
}

.commentItem .comment .commentEdit .commentEditBar {
	position:					relative;
	width:						440px;
	height: 					26px;
	margin:						0px;
	padding:	 				7px 0px 7px 100px;
	background:					transparent url(global-comment.gif) no-repeat 0px -260px;
	z-index:					100;	
}

.commentItem .comment .commentEdit .commentEditBar .editorSep {
	position:					relative;
	display:					block;
	float:						left;
	width:						8px;
	height: 					26px;
	margin:						0px;
	padding:	 				0px;
	background:					transparent url(global-comments.gif) no-repeat -12px -77px;
}

.commentItem .comment .commentEdit .commentEditBar a {
	position:					relative;
	display:					block;
	float:						left;
	width:						30px;
	height: 					26px;
	margin:						0px;
	padding:	 				0px;
	text-indent:                -5555px;
	background:					url(global-comments.gif) no-repeat;
}

.commentItem .comment .commentEdit .commentEditBar a.editorBold {
	background-position:		-20px -77px;
}
.commentItem .comment .commentEdit .commentEditBar a.editorBold:hover, 
.commentItem .comment .commentEdit .commentEditBar a.editorBold:active {
	background-position:		-50px -77px;
}

.commentItem .comment .commentEdit .commentEditBar a.editorItalic {
	background-position:		-140px -77px;
}
.commentItem .comment .commentEdit .commentEditBar a.editorItalic:hover, 
.commentItem .comment .commentEdit .commentEditBar a.editorItalic:active {
	background-position:		-170px -77px;
}

.commentItem .comment .commentEdit .commentEditBar a.editorUnderline {
	background-position:		-80px -77px;
}
.commentItem .comment .commentEdit .commentEditBar a.editorUnderline:hover, 
.commentItem .comment .commentEdit .commentEditBar a.editorUnderline:active {
	background-position:		-110px -77px;
}

.commentItem .comment .commentEdit .commentEditBar .editorSmilies {
	position:					relative;
	float:						left;
	height: 					26px;
	margin:						0px;
	padding:	 				0px;
	z-index:					100;
}

.commentItem .comment .commentEdit .commentEditBar .editorSmilies div.smiliesBt {
	position:					relative;
	display:					block;
	width:						35px;
	height: 					16px;
	margin:						0px;
	padding:					7px 30px 3px 25px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#1b1b1b;
	background:					transparent url(global-comments.gif) no-repeat -206px -77px;
}

.commentItem .comment .commentEdit .commentEditBar .editorSmilies div.smiliesBt.hover {
	background-position:		-296px -77px;
}

.commentItem .comment .commentEdit .commentEditBar .editorSmilies div.smiliesBt.active {
	background-position:		-386px -77px;
}

.commentItem .comment .commentEdit .commentEditBar .editorSmilies ul {
	position:					absolute;
	display:					none;
	width:						78px;
	max-height: 				130px;
	top:						27px;
	left:						0px;
	padding:                    5px;
	overflow: 					auto;
	text-align:					left;
	border: 					1px solid #4d4d4d;
	background: 				#ffffff;
	z-index:					120;
}

.commentItem .comment .commentEdit .commentEditBar .editorSmilies ul li {
	display: 					block;
	float:						left;
	width:						26px;
	height:						26px;
	margin:						0px;
	padding:                    0px;
	overflow:					hidden;
	border:						none;
	cursor:						pointer;
}

.commentItem .comment .commentEdit .commentEditBar .editorSelectField {
	position:					relative;
	display:					block;
	float:						left;
	height: 					26px;
	margin:						0px;
	padding:	 				0px;
}

.commentItem .comment .commentEdit .commentEditBar input.commentSelect {
	display: 					inline;
	width: 						97px;
	height: 					16px;
	margin:	 					0px;
	padding:					7px 30px 3px 10px;
	border: 					none;
	background:					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
	background:					url(global-comments.gif) no-repeat -20px -117px;
}

.commentItem .comment .commentEdit .commentEditBar input.commentSelect.hover {
	background-position:		-157px -117px;
}

.commentItem .comment .commentEdit .commentEditBar input.commentSelect.active {
	background-position:		-294px -117px;
}

.commentItem .comment .commentEdit .commentEditBar .commentSelectOptions {
	max-height: 				200px;
	padding:                    5px 1px 5px 1px;
	overflow: 					auto;
	text-align:					left;
	border: 					solid 1px #4d4d4d;
	background: 				#ffffff;
}

.commentItem .comment .commentEdit .commentEditBar .commentSelectOptions li {
	display: 					block;
	padding:                    3px 5px 3px 5px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#1b1b1b;
}

.commentItem .comment .commentEdit .commentEditBar .commentSelectOptions li.hover {
	background: 				#e0e0e0;
}

.commentItem .comment .commentEdit .commentEditBar .commentSelectOptions li.sel {
	background: 				#e0e0e0;
}

.commentItem .comment .commentEdit .commentEditField {
	position:					relative;
	width:						540px;
	height:						auto;
	margin:						0px;
	padding:	 				0px;
	background:					transparent url(global-comment-edit-bg.gif) repeat-y left top;
}

.commentItem .comment .commentEdit .commentEditField .top {
	position:					absolute;
	top:						0px;
	left:						0px;
	width:						540px;
	height:						10px;
	margin:						0px;
	padding:                    0px;
	background:					url(global-comment-edit-top.gif) no-repeat left top;
}

.commentItem .comment .commentEdit .commentEditField .bot {
	position:					absolute;
	left:						0px;
	bottom:						0px;
	width:						540px;
	height:						10px;
	margin:						0px;
	padding:                    0px;
	background:					url(global-comment-edit-bot.gif) no-repeat left top;
}

.commentItem .comment .commentEdit textarea {
	width:						516px;
	margin:						8px 12px 10px 12px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				18px;
	font: 						11px/18px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#1b1b1b;
}

.commentItem .comment .commentEdit input.saveButton {
	float:						left;
	width: 						110px;
    height: 					30px;
	margin:						0px 0px 0px 156px;
	padding:	 				0px;
    border: 					none;
	background:					url(global-comment.gif) no-repeat;
	background-position:		0px -230px;
	text-indent:				-5555px;	
	cursor: 					pointer;
}

.commentItem .comment .commentEdit input.saveButton:hover, 
.commentItem .comment .commentEdit input.saveButton:active {
	background-position:		-110px -230px;
}

.commentItem .comment .commentEdit input.cancelButton {
	float:						left;
	width: 						110px;
    height: 					30px;
	margin:						0px;
	padding:	 				0px;
    border: 					none;
	background:					url(global-comment.gif) no-repeat;
	background-position:		-220px -230px;
	text-indent:				-5555px;	
	cursor: 					pointer;
}

.commentItem .comment .commentEdit input.cancelButton:hover, 
.commentItem .comment .commentEdit input.cancelButton:active {
	background-position:		-330px -230px;
}

.commentItem .comment.light .commentEdit .commentEditBar {
	background:					transparent url(global-comment.gif) no-repeat 0px -30px;
}

.commentItem .comment.light .commentEdit .commentEditField {
	background:					transparent url(global-comment-editlight-bg.gif) repeat-y left top;
}

.commentItem .comment.light .commentEdit .commentEditField .top {
	background:					url(global-comment-editlight-top.gif) no-repeat left top;
}

.commentItem .comment.light .commentEdit .commentEditField .bot {
	background:					url(global-comment-editlight-bot.gif) no-repeat left top;
}

.commentItem .comment.light .commentEdit input.saveButton {
	background-position:		0px 0px;
}

.commentItem .comment.light .commentEdit input.saveButton:hover, 
.commentItem .comment.light .commentEdit input.saveButton:active {
	background-position:		-110px 0px;
}

.commentItem .comment.light .commentEdit input.cancelButton {
	background-position:		-220px 0px;
}

.commentItem .comment.light .commentEdit input.cancelButton:hover, 
.commentItem .comment.light .commentEdit input.cancelButton:active {
	background-position:		-330px 0px;
}

/* [13. Comment Form] */
.commentForm {
	position:					relative;
	clear:						both;
	width:						674px;
	height:						auto;
	margin:						0px;
	padding:                	4px 0px 0px 0px;
}

.commentForm #formBar {
	position:					relative;
	width:						496px;
	height: 					26px;
	margin:						0px;
	padding:	 				7px 0px 7px 178px;
	background:					transparent url(global-comments.gif) no-repeat 0px -30px;
	z-index:					100;
}

.commentForm #formBar div.editorSep {
	position:					relative;
	display:					block;
	float:						left;
	width:						8px;
	height: 					26px;
	margin:						0px;
	padding:	 				0px;
	background:					transparent url(global-comments.gif) no-repeat -12px -77px;
}

.commentForm #formBar a {
	position:					relative;
	display:					block;
	float:						left;
	width:						30px;
	height: 					26px;
	margin:						0px;
	padding:	 				0px;
	text-indent:                -5555px;
	background:					url(global-comments.gif) no-repeat;
}

.commentForm #formBar a.editorBold {
	background-position:		-20px -77px;
}
.commentForm #formBar a.editorBold:hover, 
.commentForm #formBar a.editorBold:active {
	background-position:		-50px -77px;
}

.commentForm #formBar a.editorItalic {
	background-position:		-140px -77px;
}
.commentForm #formBar a.editorItalic:hover, 
.commentForm #formBar a.editorItalic:active {
	background-position:		-170px -77px;
}

.commentForm #formBar a.editorUnderline {
	background-position:		-80px -77px;
}
.commentForm #formBar a.editorUnderline:hover, 
.commentForm #formBar a.editorUnderline:active {
	background-position:		-110px -77px;
}

.commentForm #formBar div.editorSmilies {
	position:					relative;
	float:						left;
	height: 					26px;
	margin:						0px;
	padding:	 				0px;
	z-index:					100;
}

.commentForm #formBar div.editorSmilies div.smiliesBt {
	position:					relative;
	display:					block;
	width:						35px;
	height: 					16px;
	margin:						0px;
	padding:					7px 30px 3px 25px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#1b1b1b;
	background:					transparent url(global-comments.gif) no-repeat -206px -77px;
}

.commentForm #formBar div.editorSmilies div.smiliesBt.hover {
	background-position:		-296px -77px;
}

.commentForm #formBar div.editorSmilies div.smiliesBt.active {
	background-position:		-386px -77px;
}

.commentForm #formBar div.editorSmilies ul {
	position:					absolute;
	display:					none;
	width:						78px;
	max-height: 				130px;
	top:						27px;
	left:						0px;
	padding:                    5px;
	overflow: 					auto;
	text-align:					left;
	border: 					1px solid #4d4d4d;
	background: 				#ffffff;
	z-index:					120;
}

.commentForm #formBar div.editorSmilies ul li {
	display: 					block;
	float:						left;
	width:						26px;
	height:						26px;
	margin:						0px;
	padding:                    0px;
	overflow:					hidden;
	border:						none;
	cursor:						pointer;
}

.commentForm #formBar div.editorSelectField {
	position:					relative;
	display:					block;
	float:						left;
	height: 					26px;
	margin:						0px;
	padding:	 				0px;
}

.commentForm #formBar input.commentSelect {
	display: 					inline;
	width: 						97px;
	height: 					16px;
	margin:	 					0px;
	padding:					7px 30px 3px 10px;
	border: 					none;
	background:					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
	background:					url(global-comments.gif) no-repeat -20px -117px;
}

.commentForm #formBar input.commentSelect.hover {
	background-position:		-157px -117px;
}

.commentForm #formBar input.commentSelect.active {
	background-position:		-294px -117px;
}

.commentForm #formBar .commentSelectOptions {
	max-height: 				200px;
	padding:                    5px 1px 5px 1px;
	overflow: 					auto;
	text-align:					left;
	border: 					solid 1px #4d4d4d;
	background: 				#ffffff;
}

.commentForm #formBar .commentSelectOptions li {
	display: 					block;
	padding:                    3px 5px 3px 5px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#1b1b1b;
}

.commentForm #formBar .commentSelectOptions li.hover {
	background: 				#e0e0e0;
}

.commentForm #formBar .commentSelectOptions li.sel {
	background: 				#e0e0e0;
}

.commentForm div.commentField {
	position:					relative;
	width:						674px;
	height: 					167px;
	margin:						0px;
	padding:	 				0px;
	background:					transparent url(global-comments.gif) no-repeat 0px -150px;
}

.commentForm textarea {
	width:						650px;
	height: 					144px;
	margin:						8px 12px 15px 12px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				18px;
	font: 						11px/18px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#1b1b1b;
}

.commentForm input.commentButton {
	float:						left;
	width: 						110px;
    height: 					35px;
	margin:						0px 282px 0px 282px;
	padding:	 				0px;
    border: 					none;
	background:					url(global-comments.gif) no-repeat;
	background-position:		0px -315px;
	text-indent:				-5555px;	
	cursor: 					pointer;
}

.commentForm input.commentButton:hover, 
.commentForm input.commentButton:active {
	background-position:		-110px -315px;
}

.commentForm ul.commentLogin {
	position:					relative;
	clear:						both;
	width:						274px;
	height:						35px;
	margin:						0px;
	padding:                	0px 200px 0px 200px;
	text-align:					center;
}

.commentForm ul.commentLogin li {
	position:					relative;
	float:						left;
	width:						auto;
	height:						35px;
	margin:						0px;
	padding:                    0px;
	font: 						11px/35px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#8e8e8e;
}

.commentForm ul.commentLogin li a {
	position:					relative;
	display:					block;
	width:						110px;
	height:						35px;
	margin:						0px;
	padding:                    0px;
	text-indent:                -5555px;
	background:					url(global-comments.gif) no-repeat;
}

.commentForm ul.commentLogin li a.loginBtn {
	background-position:		-220px -315px;
}

.commentForm ul.commentLogin li a.loginBtn:hover, 
.commentForm ul.commentLogin li a.loginBtn:active {
	background-position:		-330px -315px;
}

.commentForm ul.commentLogin li a.registerBtn {
	background-position:		-440px -315px;
}

.commentForm ul.commentLogin li a.registerBtn:hover, 
.commentForm ul.commentLogin li a.registerBtn:active {
	background-position:		-550px -315px;
}

/* [14. Login Buttons] */
#needLogin {
	position:					relative;
	width:						624px;
	height: 					30px;
	margin:						0px;
	padding:                	5px;
	background:					transparent url(global-login.gif) no-repeat -10px -5px;
}

#needLogin li {
	float:						left;
	width: 						auto;
    height: 					30px;
	margin:						0px;
	padding:	 				0px;
}

#needLogin li h1 {
	padding:	                0px 10px 0px 5px;
	font:						bold 16px/30px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:						#febf53;
}

#needLogin li a {
	display:					block;
	width:						100px;
	height:						22px;
	margin:						0px;
	padding:	 				8px 0px 0px 0px;
    text-decoration:			none;
	text-align:					center;
	background:					transparent url(global-login.gif) no-repeat 0px -50px;
	font:						bold 11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

#needLogin li a:hover, 
#needLogin li a:active {
	color:						#ffffff;
}

/* [15. jqModal] */
.jqmWindow {
    display:					none;
    position:					fixed;
	border: 					none;
}

.jqmOverlay {
	background-color:			#000000;
}

/* [16. Popup Login] */
#layerlogin {
	width: 						490px;
	height: 					470px;
    top: 						50%;
    left: 						50%;
    margin:						0px;
	padding:                    5px;
	text-align:					left;
    background-color: 			#ffffff;
    color: 						#323232;
	margin-top:					-225px;
	margin-left: 				-250px;
	z-index:					5000;
}

#layerlogin .titlebox {
	position:					relative;
	width:						490px;
	height:						35px;
	margin:						0px 0px 5px 0px;
	padding:                    0px;
}

#layerlogin .titlebox span {
	display:					block;
	float:						left;
	width:						420px;
	height:						15px;
	margin:						0px;
	padding:                    11px 5px 9px 20px;
	text-align:					left;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#676767;
}

#layerlogin .titlebox a {
	display:					block;
	float:						right;
	width:						35px;
	height:						35px;
	margin:						0px 10px 0px 0px;
	padding:                    0px;
	background:					#ffffff url(popup-close.gif) no-repeat left top;
	text-indent:                -5555px;
}

#layerlogin .contentbox {
	clear:						both;
	width:						460px;
	height:						400px;
	margin:						0px;
	padding:                    15px;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#323232;
	background: 				#e8e8e8 url(popup-login-bg.gif) no-repeat left top;
}

/* [11.1. Login Form] */
#layerlogin .contentbox #log_box {
	position:					relative;
	width:						460px;
	height:						70px;
	border-bottom:				1px solid #b7b7b7;
}

#layerlogin .contentbox #log_box p {
	text-indent:                5px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#323232;
}

#layerlogin .contentbox #log_box .logform {
	position:					relative;
	float:						left;
	width:						400px;
	height:						35px;
	margin:						0px;
	padding:                	10px 0px 0px 0px;
}

#layerlogin .contentbox #log_box .logform label {
	float:						left;
	width:						auto;
	margin:						9px 0px 0px 0px;
	text-align:					left;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#323232;
}

#layerlogin .contentbox #log_box .logform div.log_field {
	float:						left;
	width: 						121px;
	height: 					30px;
	margin:						0px 4px 0px 0px;
	padding:	 				0px;
	background:					url(popup-login-assets.gif) no-repeat;
	background-position:		0px 0px;
}

#layerlogin .contentbox #log_box .logform input {
	width: 						101px;
	height: 					16px;
	margin:						8px 10px 6px 10px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

#layerlogin .contentbox #log_box .logform .log_checkbox {
	float:						left;
	width:						auto;
	margin:						8px 4px 5px 6px;
	border:						none;
	background:					none;
}

#layerlogin .contentbox #log_box .logform input.log_loginButton {
	float:						left;
	width: 						48px;
    height: 					30px;
	margin:						0px;
	padding:	 				0px;
    border: 					none;
	background:					url(popup-login-assets.gif) no-repeat;
	background-position:		0px -60px;
	text-indent:				-5555px;
	cursor: 					pointer;
}

#layerlogin .contentbox #log_box .logform input.log_loginButton:hover,
#layerlogin .contentbox #log_box .logform input.log_loginButton:active {
	background-position:		-48px -60px;
}

#layerlogin .contentbox #log_box a.log_lostPass {
	display:					block;
	float:						left;
	width:						auto;
	height:						16px;
	margin:						0px;
	padding:                	19px 0px 4px 8px;
	text-decoration:			underline;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#707070;
}

#layerlogin .contentbox #log_box a.log_lostPass:hover,
#layerlogin .contentbox #log_box a.log_lostPass:active {
	color:						#000000;
}

/* [10.2. Register Form] */
#layerlogin .contentbox #reg_box {
	position:					relative;
	width:						460px;
	height:						320px;
	margin:						0px;
	padding:                    15px 0px 0px 0px;
}

#layerlogin .contentbox #reg_box p {
	text-indent:                5px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#323232;
}

#layerlogin .contentbox #reg_box p span {
	padding-left:               5px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#323232;
}

#layerlogin .contentbox #reg_box .regform {
	position:					relative;
	float:						left;
	width:						460px;
	height:						290px;
	margin:						0px;
	padding:                	10px 0px 0px 0px;
}

#layerlogin .contentbox #reg_box .regform label {
	position:					relative;
	float:						left;
	clear:						left;
	width:						95px;
	height:						22px;
	margin:						0px 0px 3px 0px;
	padding:                    8px 10px 0px 0px;
	text-align:					right;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#323232;
}

#layerlogin .contentbox #reg_box .regform div.reg_smallfield {
	position:					relative;
	float:						left;
	width: 						350px;
	height: 					30px;
	margin:						0px 0px 3px 0px;
	padding:	 				0px;
	background:					url(popup-login-assets.gif) no-repeat;
	background-position:		0px 0px;
}

#layerlogin .contentbox #reg_box .regform div.reg_field {
	position:					relative;
	float:						left;
	width: 						350px;
	height: 					30px;
	margin:						0px 0px 3px 0px;
	padding:	 				0px;
	background:					url(popup-login-assets.gif) no-repeat;
	background-position:		0px -30px;
}

#layerlogin .contentbox #reg_box .regform input.small {
	width: 						101px;
	height: 					16px;
	margin:						8px 10px 6px 10px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

#layerlogin .contentbox #reg_box .regform input {
	width: 						164px;
	height: 					16px;
	margin:						8px 10px 6px 10px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

#layerlogin .contentbox #reg_box .regform .formhr {
	position:					relative;
	clear:						both;
	width:						460px;
	height:						15px;
	margin:						0px 0px 15px 0px;
	padding:                    0px;
	border-bottom:				1px solid #b7b7b7;
}

#layerlogin .contentbox #reg_box .regform label.reg_checkbox {
	position:					relative;
	float:						left;
	clear:						none;
	width:						auto;
	height:						auto;
	margin:						9px 10px 0px 0px;
	padding:                    0px;
	text-align:					left;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#707070;
}

#layerlogin .contentbox #reg_box .regform label.reg_checkbox a {
	text-decoration:			underline;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#707070;
}

#layerlogin .contentbox #reg_box .regform label.reg_checkbox a:hover,
#layerlogin .contentbox #reg_box .regform label.reg_checkbox a:active {
	text-decoration:			underline;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

#layerlogin .contentbox #reg_box .regform .reg_checkbox {
	float:						left;
	width:						auto;
	margin:						8px 5px 0px 5px;
	padding:                    0px;
	border:						none;
	background:					none;
}

#layerlogin .contentbox #reg_box .regform input.reg_registerButton {
	float:						right;
	width: 						81px;
    height: 					30px;
	margin:						1px 0px 0px 0px;
	padding:                	0px;
    border: 					none;
	background:					url(popup-login-assets.gif) no-repeat;
	background-position:		0px -90px;
	text-indent:                -5555px;
	cursor: 					pointer;
}

#layerlogin .contentbox #reg_box .regform input.reg_registerButton:hover,
#layerlogin .contentbox #reg_box .regform input.reg_registerButton:active {
	background-position:		-81px -90px;
}

/* [17. Popup Terms] */
.infopopup {
	width: 						490px;
	height: 					470px;
    top: 						50%;
    left: 						50%;
    margin:						0px;
	padding:                    5px;
    background-color: 			#ffffff;
    color: 						#323232;
	margin-top:					-225px;
	margin-left: 				-250px;
	z-index:					5500;
}

.infopopup .titlebox {
	position:					relative;
	width:						490px;
	height:						35px;
	margin:						0px 0px 5px 0px;
	padding:                    0px;
}

.infopopup .titlebox span {
	display:					block;
	float:						left;
	width:						420px;
	height:						15px;
	margin:						0px;
	padding:                    11px 5px 9px 20px;
	text-align:					left;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#010101;
}

.infopopup .titlebox a {
	display:					block;
	float:						right;
	width:						35px;
	height:						35px;
	margin:						0px 10px 0px 0px;
	padding:                    0px;
	background:					#ffffff url(popup-close.gif) no-repeat left top;
	text-indent:                -5555px;
}

.infopopup .contentbox {
	clear:						both;
	width:						460px;
	height:						400px;
	margin:						0px;
	padding:                    15px;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#323232;
	background: 				#e8e8e8 url(popup-terms-bg.gif) no-repeat left top;
}

.infopopup .contentbox #terms_box {
	position:					relative;
	width:						450px;
	height:						350px;
	margin:						0px;
	padding:                    0px 5px 0px 5px;
	overflow:					auto;
}

.infopopup .contentbox #terms_box p {
	font:						11px/18px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

.infopopup .contentbox #accept_box {
	position:					relative;
	width:						460px;
	height:						50px;
	margin:						10px 0px 0px 0px;
	padding:                    0px;
	text-align:					center;
	border-top:					1px solid #b7b7b7;
}

.infopopup .contentbox #accept_box a.terms_accept {
	display:					block;
	width: 						80px;
    height: 					30px;
	margin:						10px 190px 0px 190px;
	padding:                	0px;
    border: 					none;
	background:					url(popup-terms-assets.gif) no-repeat;
	background-position:		0px 0px;
	text-indent:                -5555px;
	cursor: 					pointer;
}

.infopopup .contentbox #accept_box a.terms_accept:hover,
.infopopup .contentbox #accept_box a.terms_accept:active {
	background-position:		-80px 0px;
}

.infopopup .contentbox #accept_box a.terms_close {
	display:					block;
	width: 						80px;
    height: 					30px;
	margin:						10px 190px 0px 190px;
	padding:                	0px;
    border: 					none;
	background:					url(popup-terms-assets.gif) no-repeat;
	background-position:		0px -30px;
	text-indent:                -5555px;
	cursor: 					pointer;
}

.infopopup .contentbox #accept_box a.terms_close:hover,
.infopopup .contentbox #accept_box a.terms_close:active {
	background-position:		-80px -30px;
}

/* [18. Popup Spinner] */
#spinner {
	width: 						60px;
	height: 					60px;
    top: 						50%;
    left: 						50%;
    margin:						0px;
	padding:                    10px;
	text-align:					center;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#323232;
    background-color: 			#e8e8e8;
	margin-top:					-40px;
	margin-left: 				-40px;
	z-index:					6000;
}

#spinner img {
	margin-top:					10px;
}

/* [19. Popup Confirm] */
.confirmPopup {
	width: 						440px;
	height: 					220px;
    top: 						50%;
    left: 						50%;
    margin:						0px;
	padding:                    5px;
    background-color: 			#ffffff;
    color: 						#323232;
	margin-top:					-110px;
	margin-left: 				-225px;
	z-index:					6000;
}

.confirmPopup .titlebox {
	position:					relative;
	width:						440px;
	height:						35px;
	margin:						0px 0px 5px 0px;
	padding:                    0px;
}

.confirmPopup .titlebox span {
	display:					block;
	float:						left;
	width:						370px;
	height:						15px;
	margin:						0px;
	padding:                    11px 5px 9px 20px;
	text-align:					left;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#010101;
}

.confirmPopup .titlebox a {
	display:					block;
	float:						right;
	width:						35px;
	height:						35px;
	margin:						0px 10px 0px 0px;
	padding:                    0px;
	background:					#ffffff url(popup-close.gif) no-repeat left top;
	text-indent:                -5555px;
}

.confirmPopup .contentbox {
	clear:						both;
	width:						410px;
	height:						150px;
	margin:						0px;
	padding:                    15px;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#323232;
	background: 				#e8e8e8 url(popup-confirm-bg.gif) no-repeat left top;
}

.confirmPopup .contentbox .textbox {
	position:					relative;
	width:						400px;
	height:						110px;
	margin:						0px;
	padding:                    0px 5px 0px 5px;
	overflow:					auto;
}

.confirmPopup .contentbox .textbox p {
	font:						11px/18px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

.confirmPopup .contentbox .textbox p span {
	display:					block;
	padding-left:               20px;
}

.confirmPopup .contentbox .buttonbox {
	position:					relative;
	width:						200px;
	height:						30px;
	margin:						0px;
	padding:                    10px 0px 0px 105px;
	text-align:					center;
}

.confirmPopup .contentbox .buttonbox a.okbtn {
	display:					block;
	float:						left;
	width: 						96px;
    height: 					30px;
	margin:						0px;
	padding:                	0px;
    border: 					none;
	background:					url(popup-confirm-assets.gif) no-repeat;
	background-position:		0px 0px;
	text-indent:                -5555px;
	cursor: 					pointer;
}

.confirmPopup .contentbox .buttonbox a.okbtn:hover,
.confirmPopup .contentbox .buttonbox a.okbtn:active {
	background-position:		-96px 0px;
}

.confirmPopup .contentbox .buttonbox a.cancelbtn {
	display:					block;
	float:						left;
	width: 						96px;
    height: 					30px;
	margin:						0px 0px 0px 8px;
	padding:                	0px;
    border: 					none;
	background:					url(popup-confirm-assets.gif) no-repeat;
	background-position:		0px -30px;
	text-indent:                -5555px;
	cursor: 					pointer;
}

.confirmPopup .contentbox .buttonbox a.cancelbtn:hover,
.confirmPopup .contentbox .buttonbox a.cancelbtn:active {
	background-position:		-96px -30px;
}

/* [20. jPreview] */
.jPreview {
    position:					absolute;
	width: 						auto;
	height: 					auto;
    margin:						0px;
	padding:                    2px;
	text-align:					left;
    background-color: 			#323232;
	z-index:					2000;
}

.jPreview div {
	position:					relative;
	margin:						0px;
	padding:                    5px;
	text-align:					left;
    background-color: 			#ffffff;
    color:						#232323;
}

.jPreview div span {
	padding-left:               1px;
}