*	{ padding: 0; margin: 0;}

html	{ font: 62.5%/1.5 'Lucida Grande', Verdana, sans-serif; background: #fff; color: #444; }

body	{ min-width: 1000px; }

a img 	{ border: none; }
a		{ }
a:hover	{ text-decoration: none; outline: none; }



/*** FORMS GENERAL ***/

fieldset 					{ border: 0; }

legend span					{ font-size: 1.8em; }

fieldset table th label		{ float: none !important; display: block; width: 200px; padding: 2px 0; text-align: right; }

#sbi,
.input_text,
textarea			{ padding: 2px; font: 1.2em 'Lucida Grande', Verdana, sans-serif; border: 1px solid #666; border-color: #666 #ccc #ccc #666; background: #fff; }

.input_text 		{ width: 200px; }
textarea			{ width: 300px; }

#sbb,  /* Google button */
.input_submit,
button				{ padding: 3px 5px; font-size: 1em; text-transform: uppercase; border: 1px solid #666; border-color: #ccc #333 #333 #ccc; color: #444; background: #f6f6f6; }

option				{ padding-right: 20px; }

.simpleform			{ width: 500px; padding-bottom: 50px; }
.simpleform	.field	{ float: left; clear: both; width: 500px; padding: .45em 0; border-bottom: 1px dotted #ccc; }
.field label		{ float: left; width: 130px; padding: 2px 10px 2px 0; font-size: 1.2em; text-align: right; }

.controlButtons		{ padding-left: 140px !important; width: 360px !important; border-bottom: 0 !important; }
td.controlButtons   { text-align: center; }

.label-radio		{ padding-right: 10px; }


#frmSort .label-radio		{ float: none; display: block; width: 300px; padding: 2px 10px; text-align: left; }
#frmSort .label-radio input { float: left; margin-right: 5px; }


.error,
.success	{ font-weight: bold; padding: 10px 20px; background: #ffc; margin:0; clear:both;}

.error 		{ color: red; }
.success	{ color: green; }

.btnLink 	{ border: none; cursor: pointer; background-color: transparent; text-decoration: underline; color: blue; }

#login_box .error	{ float: left; clear: both; width: 190px; margin-top: 10px; color: #fff; background: #f30; }

#tellAFriendWrapper .simpleform  {width:auto;}
#tellAFriendWrapper .field {width:200px; border-bottom:none;}
#tellAFriendWrapper .input_text {width:190px;}
#tellAFriendWrapper .field label {width: 190px; padding: 2px 10px 2px 0; font-size: 1em; text-align: left; }
#tellAFriendWrapper .field textarea	{ padding: 2px; font: 1em 'Lucida Grande', Verdana, sans-serif; border: 1px solid #666; border-color: #666 #ccc #ccc #666; background: #fff; }
#tellAFriendWrapper .success,
#tellAFriendWrapper .error {padding: 10px;}
#tellAFriendWrapper img.captcha {width:190px; height: 35px;}






.box 			{ clear: both; padding: 1em; margin-bottom: 1em; }
.boxHighlighted { background: yellow; clear: both; padding: 1em; margin-bottom: 1em; }





/*** MAIN LAYOUT ***/

#pageWrapper	{ position: relative; width: 100%; padding: 0 0 20px; }





/*** HEADER ***/

#headerWrapper 			{ position: relative; clear: both; float: left; width: 100%; color: #ffefef; background: #7d1212 url(cssimg/header.gif) repeat-x 0 100%; }
#headerWrapper:after	{ content: "."; display: block; clear: both; visibility: hidden; height: 0; font-size: .05em; line-height: 0; }

#logo_and_main_nav	{ position: static; float: left; height: 100px; }

#logo 				{ position: absolute; left: 30px; bottom: 0; float: left; padding: 25px 0 16px; font: bold 4em Garamond, serif; background: url(cssimg/logo-novi.gif) no-repeat 0 25px; }
/*#logo a 			{ display: block; width: 250px; height: 60px; color: white; color: #ffefef; text-decoration: none; text-indent: -9999px; overflow: hidden; }*/
#logo a 			{ display: block; width: 320px; height: 68px; color: white; color: #ffefef; text-decoration: none; text-indent: -9999px; overflow: hidden; }

/*** DASHBOARD ***/

#users_dashboard,
#user_favorites				{ width: 250px; background: url(cssimg/shadow.png) repeat; }

#users_dashboard			{ position: relative; float: right; display: inline; margin: 15px 15px 5px 0; }
#users_dashboard_inner		{ width: 230px; padding: 10px; background: #333; }
                    	
#users_dashboard_inner,
#user_favorites_inner		{ position: relative; left: -5px; top: -5px; float: left; }

#user_favorites				{ display: none; position: absolute; left: 5px; top: 84px; z-index: 1000; }
#user_favorites_inner		{ width: 220px; padding: 15px; color: #fff; background: #000; z-index: 1001; }




 
#users_dashboard a			{ color: #fff; font-weight: bold; }
#users_dashboard a:hover	{ color: yellow; }
                    	
#user-greet				{ font-size: 1.6em; margin-bottom: 5px; }

#user_favorites a		{ font-weight: bold; }
#user_favorites h3		{ display: none; }
                    	
#favlist p				{ margin-bottom: 1em; }
                    	
#favlist li				{ list-style: none; border-bottom: 1px solid #555; }
#favlist li a			{ display: block; padding: 5px; text-decoration: none; }
#favlist li a:hover		{ color: yellow; }

#frmLogin 				{ float: left; width: 100%; }
#frmLogin .field		{ float: left; padding: 0 0 3px; }
#frmLogin label			{ float: left; width: 85px; padding: 0 10px 0 0; font-size: 1.1em; text-align: right; }
#frmLogin .input_text 	{ float: right; width: 120px; padding: 0 !important; font-size: 1.1em; border: 1px solid #ccc; border-color: #000 #ccc #ccc #000; background: #fff; }
#forgot_password_link	{ float: left; padding: 2px 10px 2px 0; }
#frmLogin .input_submit	{ float: right; font-size: 1em !important; }

#frmLogin .controlButtons { width: auto !important; padding: 0 !important; }

#logout_box				{ float: left; width: 220px; padding: 5px; }

#my-avatar,
#ctl00_avatar 			{ float: left; background: #444; height: 48px; width: 48px; margin: 0 10px 0 0; }

#edit-favorites-link	{ float: right; padding: 5px; }



/*** MAIN NAV ***/

#main_nav				{ float: left; clear: both; width: 100%; background: #030; border-top: 1px solid #050; border-bottom: 1px solid #010; }
#main_nav ul			{ float: left; display: inline; margin: 0 0 0 20px; border-left: 1px solid #010; border-right: 1px solid #050; }
#main_nav li			{ float: left; display: inline; list-style: none; border-left: 1px solid #050; border-right: 1px solid #010; }
#main_nav li a			{ display: block; padding: 4px 20px; font-size: 1.2em; color: #e7f8cf; text-decoration: none; }
#main_nav li a:hover	{ color: yellow; }

/*** LAYOUT ***/

#contentWrapper				{ position: relative; width: 100%; clear: both; border-top: 3px solid #eee; z-index: 20; }

#mainContent 				{ margin: 0 280px 0 20px; padding: 20px 0; }
#mainContent:after			{ content: "."; display: block; clear: both; visibility: hidden; height: 0; font-size: .05em; line-height: 0; }

#sideContentAfterWrapper	{ position: absolute; top: 0; right: 20px; width: 250px; margin: 0 0 20px; padding: 20px 0; z-index: 21; }




/*** LINKS ***/

#contentWrapper a		{ color: #0076a3; }
#contentWrapper a:hover	{ color: #ed1c24; }


/*** MAIN CONTENT ***/


#mainContent h1,
#mainContent h2 { font-weight: normal; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; }

#mainContent h1 				{ font-size: 2.4em; margin-bottom: .5em; color: #005e20; }
#mainContent h1 .play-button	{ float: right; padding-top: 10px; }

#play-solitaire { text-indent:-9999px; height: 204px; width: 300px; background: url(cssimg/play-solitaire.png) no-repeat 0 0; }

#mainContent h2 { font-size: 1.8em; margin-bottom: .75em; }
#mainContent h3,
#mainContent dt	{ font-weight: bold; font-size: 1.2em; }

#mainContent p,
#mainContent li,
#mainContent dt,
#mainContent dd,
#mainContent th,
#mainContent td			{ font-size: 1.2em; }

#mainContent li *,
#mainContent dd *,
#mainContent th *,
#mainContent td *		{ font-size: 1em !important; margin-bottom: 0 !important; }

#mainContent li			{ margin: 0 0 .75em 20px; list-style: square; }
#mainContent li img		{ vertical-align: bottom; }

#mainContent p			{ margin-bottom: 1.5em; }

#mainContent ul,
#mainContent ol,
#mainContent dl,
#mainContent table		{ margin-bottom: 1.8em; }

#mainContent table		{ width: 100%; border-collapse: collapse; }

#mainContent thead th	{ font-weight: bold; white-space: pre; color: #1d87af; background: #98d4ea; border-bottom: 1px solid #fff; }
#mainContent tfoot td	{ font-weight: bold; }
#mainContent th,
#mainContent td			{ padding: 5px; vertical-align: top; }
#mainContent th			{ font-weight: normal; text-align: left; }
#mainContent td			{ text-align: left; }

#mainContent caption			{ padding: 0 5px 5px; margin-bottom: 2px; font-weight: bold; font-size: 1.2em !important; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; text-align: left; border-bottom: 1px solid #eee; }
#mainContent caption span 		{ display: block; font-size: .85em; color: #c2eb83; }

#mainContent .odd th,
#mainContent .odd td			{ background: #e1edf2; }
#mainContent .even th,
#mainContent .even td			{ background: #f2f8fa; }

#mainContent .odd a,
#mainContent .even a			{ color: #39b54a !important; }

#mainContent .result			{ text-align: right !important; }

#mainContent p.see-all			{ padding: 0 5px; text-align: right; }

#mainContent .value		{ text-align: right !important; }

#very-main				{ clear: both; float: left; width: 100%; margin-bottom: 10px; }
#very-main:after		{ content: "."; display: block; clear: both; visibility: hidden; height: 0; font-size: .05em; line-height: 0; }

.content-box			{ padding: 10px 20px; }

/*** PLAY BUTTON (rule pages etc.) ***/
.play-button a					{ padding: 5px 10px; font: 12px/18px 'Trebuchet MS', Trebuchet, sans-serif; text-transform: uppercase; text-decoration: none; color: #fff !important; background: #f30; border: 2px solid #f60; border-color: #F90 #f00 #f00 #f90; }


/*** HOMEPAGE ***/

.homepage-col					{ float: left; display: inline; width: 302px; padding: 10px 30px 20px 0; background: url(cssimg/home-vertical-shadow.gif) repeat-y 100% 0; }
#game-teaser					{ padding-left: 20px; }
#homepage-flex .homepage-col	{ padding-left: 10px; }

/* news */

.newsItem 		{ border-bottom: 1px dotted #ccc; padding: 0 2px 10px; margin-bottom: 10px; }
.newsItem  p 	{ margin-bottom: 0.5em !important}
.newsItem h3    { margin-bottom: 0.5em;}
.publishDate	{ font-size: 1em !important; color: #999; }
#rss-link img	{ vertical-align: middle; }

/*** ROUNDED BOXES GENERAL ***/


.box-rd				{ margin-bottom: 2px; background: #e7f8cf url(cssimg/round/rd.gif) no-repeat 100% 100%; }
.box-ru 			{ background: url(cssimg/round/ru.gif) no-repeat 100% 0; }
.box-ld 			{ background: url(cssimg/round/ld.gif) no-repeat 0 100%; }
.box-lu 			{ overflow: auto; padding: 10px 20px; background: url(cssimg/round/lu.gif) no-repeat 0 0; }

.box-rd:after,
.box-ru:after,
.box-ld:after,
.box-lu:after		{ content: "."; display: block; clear: both; visibility: hidden; height: 0; font-size: .05em; line-height: 0; }





/*** GAME DRAWER ***/

#mainContent #drawerWrapper 				{ float: left; display: inline; width: 100%; min-width: 690px; }

#show_hide_handle 							{ padding: 0 0 2px 0; border-bottom: 1px dotted #ccc; overflow: auto; }
#show_hide_handle h2						{ float: left; background-color: #999 !important; margin-bottom: 5px; font-size: 1.2em; text-transform: uppercase; }
#show_hide-handle h2 img					{ background-color: #999 !important; }
#show_hide_handle a img						{ float: right; cursor: pointer; background: #999; }
#show_hide_handle a:hover img				{ background: #c00; }

#mainContent #drawerWrapper .drawer-box		{ float: left; clear: none; display: inline; width: 295px; margin-right: 10px; padding: 10px 15px; border-right: 1px solid #eee; }

.drawer-box h3								{ padding: 0 5px 5px; margin-bottom: .5em; font-size: 1.2em !important; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #eee; }


#drawerWrapper 			{ position: relative; right: -10px; background: url(cssimg/drawer/rd.gif) no-repeat 100% 100%; }
#drawerWrapper .box-ru 	{ background: url(cssimg/drawer/ru.gif) no-repeat 100% 0; }
#drawerWrapper .box-ld 	{ position: relative; left: -20px; background: url(cssimg/drawer/ld.gif) no-repeat 0 100%; }
#drawerWrapper .box-lu 	{ padding: 10px 0 20px 20px !important; background: url(cssimg/drawer/lu.gif) no-repeat 0 0; }

/* #drawerInner			{ display: none; } */






/*** PLAYGROUND ***/

#game_tools				{ margin-bottom: 2px; text-align: right; background: #c5e795 url(cssimg/footer/rd.gif) no-repeat 100% 100%; }
#game_tools .box-ru 	{ background: url(cssimg/footer/ru.gif) no-repeat 100% 0; }
#game_tools .box-ld 	{ background: url(cssimg/footer/ld.gif) no-repeat 0 100%; }
#game_tools .box-lu 	{ padding: 10px 20px; background: url(cssimg/footer/lu.gif) no-repeat 0 0; }

#game_tools a			{ font-weight: bold; }

#playground				{ clear: both; width: auto !important; margin: 0 !important; overflow: hidden; background: yellow; }

#playground				{ background: #042204 url(cssimg/playground/rd.gif) no-repeat 100% 100%; }
#playground .box-ru 	{ background: url(cssimg/playground/ru.gif) no-repeat 100% 0; }
#playground .box-ld 	{ background: url(cssimg/playground/ld.gif) no-repeat 0 100%; }
#playground .box-lu 	{ position: relative; height: auto !important; height: 600px; min-height: 600px; padding: 20px; overflow: auto; background: url(cssimg/playground/lu.gif) no-repeat 0 0; }

#playground p			{ padding-bottom: 1em; }
#playground table		{ width: auto; }
#playground td 			{ padding: 1px; text-align: left; border-color: #306030; }

#playground table,
#playground tr,
#playground td			{ margin: 0; padding: 0; }


/*** GAME COMMENTS ***/

.comment		{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
.comment-itself { }
.commentBy		{ clear: both; margin: 0 !important; padding: 10px 0 0 0 !important; font-size: 1em !important; text-transform: uppercase; color: #666; }

.baloon-tl		{ padding: 15px 15px 30px 15px; background: url(cssimg/comments/tl.gif) no-repeat 0 0; }
.baloon-tr		{ background: url(cssimg/comments/tr.gif) no-repeat 100% 0; }
.baloon-bl		{ background: url(cssimg/comments/bl.gif) no-repeat 0 100%; }
.baloon-br		{ background: #eee url(cssimg/comments/br.gif) no-repeat 100% 100%; }

.baloon-tl:after,
.baloon-tr:after,
.baloon-bl:after,
.baloon-br:after		{ content: "."; display: block; clear: both; visibility: hidden; height: 0; font-size: .05em; line-height: 0; }



.comment-itself .avatar   { float: left; margin-right: 10px; }



/*** GAME LISTS ***/

#mainContent .game-group				{ /*float: left; */margin-bottom: 5em; width: auto; padding-right: 20px; }
#mainContent .game-group	h2			{ font-weight: bold; padding: 0 5px 5px; margin-bottom: 2px; font-size: 1.2em !important; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #eee; }

#mainContent .game-group	table		{ width: auto; }


#mainContent .game-group	th,
#mainContent .game-group	td			{ border-bottom: 1px dotted #ccc;}
#mainContent .game-group	th			{ width: 20em; background:none; }

#mainContent .game-group    .name-col   { width: 15em; }
#mainContent .game-group    .diff-col   { width: 9em; }
#mainContent .game-group    .action-col { width: 10em; text-align:right;}
#mainContent .game-group	.value      { width: 7em;}

#mainContent .game-group	th a 		{ display: block; width: 100%; font-weight: bold; color: #ed1c24; }
#mainContent .game-group	td a		{ font-weight: normal; font-size: .8em !important; line-height: 1.8em; color: #999 !important; text-transform: uppercase; }

/*#mainContent .content-box .game-group	{ height: auto !important; height: 250px; min-height: 250px; }	*/

.homepage-col .game-group				{ padding-right: 0 !important; }

/***TEST AREA ***/

#testArea   { clear:left; }

/*** DICTIONARY TYPE OF LISTING ***/

.dictionary		{ padding: 10px 20px; }
.dictionary dl	{ margin: 0; }
.dictionary dt	{ padding: 0 5px 5px; margin-bottom: 2px; font-size: 1.2em !important; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #eee; }
.dictionary	dd	{ padding: 0 5px; margin: 0 0 1.8em; }


/*** PAGINATION and NAVIGATION ***/

.pagination				{ text-align: center !important; }
.pagination .box-lu		{ padding: 10px 170px !important; }

.pagination	.prev-link	{ float: left; display: inline; width: 150px; margin-left: -150px; text-align: left !important; }
.pagination	.next-link	{ float: right; display: inline; width: 150px; margin-right: -150px; text-align: right !important; }

.pagination .pages			{  }

.pagination .letter,
.pagination .pages strong,
.pagination .pages a		{ padding: 0 3px; }

#glossaryNav .box-lu,
#filterUsers .box-lu	{ padding: 10px 20px !important; }


/*** INDEX LISTINGS ***/

#gameIndex h3,
#monthList h3	{ clear: left; padding: 0 5px 5px; margin-bottom: 2px; font-size: 1.2em !important; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #eee; }
#gameIndex ul,
#monthList ul	{ padding: 0 5px; margin-bottom: 2em; overflow: auto; }
#gameIndex li,
#monthList li	{ list-style: none; display: inline; padding-right: 20px; margin: 0 !important; float: left;}


/*** MEMBER LIST ***/

.offline		{ color: #afc8d1; font-weight: bold;}
.online			{ color: #39b54a; font-weight: bold; } 







/*** USER PAGES ***/

#frmRegister		{ padding-bottom: 50px; }

#frmRegister tbody th	{ width: 200px; }

.avatar				{ width: 48px; height: 48px; background: #fff url(cssimg/avatar.gif); overflow: hidden; }

#user-data th,
#user-data td		{ border-bottom: 1px dotted #ccc; }

#user-data th 		{ width: 200px; padding-right: 20px; text-align: right; font-weight: bold; }

#tblFavorites th,
#tblFavorites td		{ border-bottom: 1px solid #eee; }

#tblFavorites button		{ color: #0076a3; padding: 0 !important; text-decoration: underline !important; }
#tblFavorites button:hover	{ color: #ed1c24; }

#tblFavorites .sortcol						{ width: 38px !important; }
#tblFavorites .sortcol .input_image			{ background: #aaa !important; }
#tblFavorites .sortcol .input_image:hover	{ background: #ed1c24 !important; }

.country-row img	{ float: left; height: 16px !important; margin-right: 10px; vertical-align: top; }







/*** SIDE CONTENT ***/

#sideContentBeforeWrapper li,
#sideContentAfterWrapper li		{ margin-left: 20px; }

#sideContentAfter h1,
#sideContentAfter h2,
#sideContentAfter h3 		{ color: #101830; }

#sideContentAfter th,
#sideContentAfter td,
#sideContentBefore th,
#sideContentBefore td		{ vertical-align: top; }

#siteSearch form 		{ width: 230px; padding: 10px; margin: 0; }

#siteSearch form #sbi	{ width: 100px; }

.googleAd					{ width: 234px; padding: 8px; font-size: 1em; }

#randomQuoteWrapper h3,
#tellAFriendWrapper h3				{ float: left; width: 230px; margin-bottom: 10px; font-weight: normal; font-size: 1.2em; text-transform: uppercase; overflow: hidden; }
#randomQuoteWrapper h3 span			{ float: left; }
#randomQuoteWrapper h3 a			{ float: right; padding-right: 10px; color: #4db6ff !important; background: url(cssimg/quote-next.gif) no-repeat 100% 5px; outline: none; }

#randomQuoteWrapper blockquote			{ width: 230px; font: italic 1em Georgia, 'Times New Roman', Times, serif; }
#randomQuoteWrapper blockquote p		{ font-size: 1.2em; margin-bottom: 1em; }
#randomQuoteWrapper blockquote p.cite	{ text-align: right; color: #888; }


#registration-teaser	{ margin-bottom: 10px; color: #369; background: #f30; font-size: 1.4em; text-align: center; }

#registration-teaser a	{ display: block; font-family: 'Trebuchet MS', Trebuchet, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #f30; }


/*** FOOTER ***/

#footer					{ clear: both; margin: 0 0 1em; background: #c5e795 url(cssimg/footer/rd.gif) no-repeat 100% 100% !important; }
#footer .box-ru			{ background: url(cssimg/footer/ru.gif) no-repeat 100% 0; }
#footer .box-ld			{ background: url(cssimg/footer/ld.gif) no-repeat 0 100%; }
#footer .box-lu			{ padding: 20px; background: url(cssimg/footer/lu.gif) no-repeat 0 0; }


#googleAdFooter			{ clear: both; margin: 0 0 1em; background-color: #e7f8cf; }
#googleAdFooter .box-lu	{ padding: 20px; }


#footer p,
#footer li			{ font-size: 1em; }


#footer a			{ color: #052305; }
#footer p			{ margin-bottom: 10px; }

#bottom_nav			{ float: left; width: 100%; margin-bottom: 10px; }
#bottom_nav	li		{ list-style: none; float: left; display: inline; padding-right: 10px; margin-left: 0; }

#copyright			{ float: left; width: 100%; clear: both; color: #576f57; margin-bottom: 0 !important; }
#copyright a		{ color: #576f57; padding-right: 8px; }




/*** SYSTEM MESSAGES ***/


.customAlert { position: absolute; top: 50%; left: 50%; width: 300px; height: 100px; margin: -50px 0 0 -150px; padding-top: 20px; font-size: 20px; background-color: #fff; z-index: 9999; text-align: center; }

#googleBannerPlayGame iframe { width: 100%; border: 2px solid red; }