body
{
	background: #cccccc;
	
	background-image: url(pics/mainbg.gif);
	background-repeat: repeat-x;
	
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a
{
	font-size: 12px;
	text-decoration: none;
	color: #919bb4;
}

a:hover
{
	color: #4c70ca;
}

img
{
	border: 0;
}

#upperright a
{
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #7787af;
}

#upperright a:hover
{
	color: #92a5d5;
}

.main
{
	background-image: url(pics/background.gif);
	background-repeat: repeat-y;
	
	display: table;
	width: 1010px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

.header
{
	margin: 0;
	width: 100%;
	height: 188px;
	float: left;
}

.center
{
	position: relative;
	margin: 0;
	width: 100%;
	height: 100%;
	float: left;
}

.footer
{
	background: #ffffff;
	
	margin: 0;
	float: left;
	
	width: 100%;
}

/* Centerin osat */

.left
{
	position: relative;
	background-color: #ededed;
	margin: 0;
	padding: 0;
	border-left: 2px solid #ffffff;
	width: 172px; 
	height: 100%;
	float: left;
}

.middle
{
	padding: 0 0 32px 0;
	background-color: #ffffff;
	float: left;
	width: 554px;
	height: 100%;
}

.content
{
	font-size: 12px;
	padding-left: 16px;
	padding-right: 32px;
}

.right
{
	margin:0;
	background-color: #ffffff;
	float: right;
	
	width: 272px;	
	height: 100%;
}

/* HEADER */

.topheader
{
	position: relative;
	background-image: url(pics/topheader.jpg);	
	background-repeat: no-repeat;
	width: 1010px;
	height: 77px;
	float: left;
}

.topheader p
{
	margin: 28px 0 0 32px;
	color: #666666;
	height: 20px;
	width: 430px;
	font-size: 10px;
	font-weight: bold;
}

.bottomheaderleft a
{
	margin: 0;
	background-image: url(pics/bottomheader.jpg);	
	background-repeat: no-repeat;
	width: 435px;
	height: 54px;
	float: left;
}

.bottomheaderright
{
	display: block;
	position: relative;
	background: url(pics/bottomheaderright.jpg) no-repeat;
	margin: 0;
	width: 575px;
	height: 54px;
	float: left;
}

#search
{
	position: absolute;
	float: right;
	top: 16px;
	right: 175px;
	height: 25px;
}

#searchbutton
{
	background: #eaf0f7;
	width: 38px;
	height: 22px;
}
#searchinpt
{
	width: 232px;
	height: 16px;
}

div#sitemapbutton
{
	background-image: url(pics/sitemapbtn.jpg);	
	background-repeat: no-repeat;
	width: 80px;
	height: 54px;
	float: right;
}

div#btn_sitemap a
{
	margin-top: 8px;
	margin-left: 24px;
	background-image: url(pics/button_sitemap.gif);	
	background-repeat: no-repeat;
	width: 27px;
	height: 25px;
	float: left;
}

div#btn_sitemap a:hover
{
	background-position: 0 -25px;
}

div#textsizebutton
{
	display: inline;
	background-image: url(pics/txtsizebtn.jpg);	
	background-repeat: no-repeat;
	width: 83px;
	height: 54px;
	float: right;
}

div#btn_dectxtsize a
{
	margin-top: 8px;
	margin-left: 6px;
	background-image: url(pics/button_decr_textsize.gif);	
	background-repeat: no-repeat;
	width: 19px;
	height: 23px;
	float: left;
}

div#btn_dectxtsize a:hover
{
	background-position: 0 -23px;
}

div#btn_inctxtsize a
{
	margin-top: 8px;
	margin-left: 20px;
	background-image: url(pics/button_incr_textsize.gif);	
	background-repeat: no-repeat;
	width: 25px;
	height: 23px;
	float: left;
}

div#btn_inctxtsize a:hover
{
	background-position: 0 -23px;
}

.topmenu
{
	margin: 0;
	background-image: url(pics/topmenubar.gif);	
	background-repeat: repeat-x;
	width: 100%;
	height: 38px;
	float: left;
}

.pkoulubutton a
{
	background-image: url(pics/topbutton_pkoulu.gif);	
	background-repeat: no-repeat;
	width: 179px;
	height: 38px;
	float: left;
}

.topmenubutton
{
	float: left;
	height: 38px;
	line-height: 35px;
}

.topmenubutton a
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	
	color: #f9f9f9;
	padding-top: 9px;
	padding-left: 16px;
	padding-right: 16px;
}

.topmenubutton_selected a
{
	color: #cdd0e7;
}

.topmenubutton a:hover
{
	background-image: url(pics/topbutton_hover.gif);
	background-repeat: repeat-x;
	background-position: 11px;
	color: #f9f9f9;
}

.topmenuleftshadow
{
	position: relative;
	background-image: url(pics/topmenuleftshadow.gif);	
	background-repeat: no-repeat;
	width: 179px;
	height: 19px;
	float: left;
	margin:0px;
}

.topmenushadow
{
	position: relative;
	margin: 0;
	background-image: url(pics/topmenushadow.gif);	
	background-repeat: repeat-x;
	height: 19px;
	width: 825px;
	float: left;
}

.topmenurightshadow
{
	position: relative;
	background-image: url(pics/topmenurightshadow.gif);	
	background-repeat: no-repeat;
	
	margin:0px;
	
	width: 6px;
	height: 19px;
	
	float: right;
	
}

.rightboundary3
{
	background-image: url(pics/rightbound3.gif);	
	background-repeat: no-repeat;
	
	width: 6px;
	height: 38px;
	
	float: right;
}

#headerguidelink a
{
	position: absolute;
	right: 10px;
	top: 20px;
	width: 280px;
	height: 50px;
	float: right;
}

/* VASEN MENU */

.leftboundary2
{
	margin: 0;
	background-image: url(pics/leftbound2.gif);	
	background-repeat: no-repeat;
	
	width: 5px;
	height: 188px;
	
	float: left;
}

.menuheading
{
	background-image: url(pics/menuheading_bg.gif);
	background-repeat: repeat-x;
	height: 21px;
	width: 95%;
	
	float:left;
}

.menuheading_tip
{
	background: url(pics/menuheading_tip.gif) 100% 0 no-repeat;
	
	height: 21px;
	width: 100%;
	
	float: right;
}

.menuheading b
{
	line-height: 21px;
	color: #93331c;
	margin: 4px;
	font-size: 12px;
}

.menulinkbox
{
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 7px;
	
	width: 92%;
	float:left;
}

.menulinkbox a
{
	float: left;
	padding-top: 3px;
	padding-left: 3px;
	width: 150px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.menulinkbox a:hover
{
	background: url(pics/leftlink_hover.gif);	
	background-repeat: no-repeat;
}

.menulinkbox a:hover img
{
	background: none;
}

#announcements
{
	margin: 12px 0 12px 0;
	background: #ffffff;
	width: 97%;
	
	float: left;
}

#announcements a
{
	font-size: 11px;
}

.spacer
{
	margin-top: 16px;
	width: 12px;
	float: left
}

.announcement
{
	display: inline;
	background: url(pics/smallarrow.gif) 0 3px no-repeat;
	
	margin-left: 6px;
	margin-top: 8px;
	padding-left: 9px;
	padding-right: 9px;
	
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	width: 142px;
	
	float: left;
}

.announcement a
{
	color: black;
	text-decoration: none;
}

.announcement a:hover
{
	color: #bcbcbc;
}

#leftbanner
{
	position: relative;
	float: left;
	height: 350px;
}
#leftbanner img
{
	float: left;
	margin-top: 22px;
	margin-left: 24px;
	margin-bottom: 22px;
}
/* KESKI */
div#welcomebanner
{
	margin-bottom: 16px;
	background-image: url(pics/welcomebanner.jpg);	
	background-repeat: no-repeat;
	
	width: 483px;
	height: 227px;
	
	float: left;
}

div#gamescontainer
{
	margin-top: 48px;
	width: 100%;
	height: 120px;
}

div#game_texashe_limit a
{
	background-image: url(pics/texashe_limit.gif);	
	background-repeat: no-repeat;
	margin-left: 18px;
	margin-right: 18px;
	
	width: 83px;
	height: 101px;
	
	float: left;
}

div#game_texashe_nlimit a
{
	background-image: url(pics/texashe_nolimit.gif);	
	background-repeat: no-repeat;
	margin-left: 18px;
	margin-right: 18px;
	
	width: 83px;
	height: 101px;
	
	float: left;
}

div#game_omaha_plimit a
{
	background-image: url(pics/omaha_plimit.gif);	
	background-repeat: no-repeat;
	margin-left: 18px;
	margin-right: 18px;
	
	width: 84px;
	height: 101px;
	
	float: left;
}

div#game_soko_plimit a
{
	background-image: url(pics/soko_plimit.gif);	
	background-repeat: no-repeat;
	margin-left: 18px;
	margin-right: 18px;
	
	width: 83px;
	height: 101px;
	
	float: left;
}

div#bookcontainer
{
	display: inline;
	background-image: url(pics/opasbg2.jpg);	
	background-repeat: no-repeat;
	padding-top: 58px;
	width: 478px;
	height: 108px;
	
	float: left;
}

.orderdiv
{
	display: inline;
	font-family: Arial, Verdana, Helvetica, sans-serif;;
	font-weight: bold;
	font-size: 11px;
	margin-left: 165px;
	
	width: 220px;
	height: 53px;
	
	float: left;
}
.orderbutton a
{
	margin-right: 27px;
	margin-bottom: 10px;
	background-image: url(pics/button_order.gif);	
	background-repeat: no-repeat;
	
	height: 32px;
	width: 43px;
	
	float: right;
}
.orderbutton a:hover
{
	background-position: 0 -32px;
}
.downlpdfbutton a
{
	margin-right: 27px;
	margin-bottom: 10px;
	background-image: url(pics/button_dload.gif);	
	background-repeat: no-repeat;
	
	height: 31px;
	width: 43px;
	
	float: right;
}
.downlpdfbutton a:hover
{
	background-position: 0 -31px;
}
div#bookadv
{
	color: #333333;
	line-height:32px;
	margin-left: 16px;
	margin-bottom: 16px;
	
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
	
	height: 32px;
	width: 400px;
	
	float: left;
}

/* OIKEA */

.rightboundary2
{
	margin: 0;
	background-image: url(pics/rightbound2.gif);	
	background-repeat: no-repeat;
	
	width: 5px;
	height: 244px;
	
	float: right;
}

div#upperright
{
	height: 260px;
	width: 270px;
	
	float: left;
}

div#upperrightrules
{
	height: 360px;
	width: 270px;
	
	float: left;
}

.newsheading
{
	
	font-weight: bold;
	text-transform: uppercase;
	height: 15px;
	color: #93331c;
	margin: 4px;
	font-size: 12px;
	clear: both;
}

.bigdivider
{
	background-image: url(pics/bigdivider.gif);
	background-repeat: no-repeat;
	
	width: 266px;
	height: 3px;
}

.rightbigdivider
{
	background-image: url(pics/rightbigdivider.gif);
	background-repeat: no-repeat;
	
	width: 266px;
	height: 3px;
}

.smalldivider
{
	margin-top: 6px;
	background-image: url(pics/smalldivider.gif);
	background-repeat: no-repeat;
	
	width: 208px;
	height: 3px;
}
.centerdivider
{
	background: url(pics/divider.gif) 50% 0 no-repeat;
	
	width: 100%;
	height: 3px;
	
	float: left;
}
.divider
{
	background-image: url(pics/divider.gif);	
	background-repeat: no-repeat;
	
	width: 289px;
	height: 3px;
}

.newsdate
{
	margin-top: 10px;
	color: #999999;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
}

.newstitle
{
	color: black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.newscontent
{
	padding-right: 6px;
	color: black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.newscontent a
{
	color: #000099;
	font-weight: bold;
	text-decoration: none;
}

div#lowerright
{
	margin: 0;
	
	
	width: 270px;
	
	float: left;
}

#rightbanner
{
	height: 160px;
}
#rightbanner img
{
	float: left;
	margin-top: 4px;
}

/* FOOTER */
div#footerleft
{
	background: url(pics/footerleft.gif) 0 0 no-repeat;
	
	height: 42px;
	width: 17px;
	
	float: left;
}

div#footerright
{
	background: url(pics/footerright.gif) 100% 0 no-repeat;
	
	height: 42px;
	width: 17px;
	
	float: right;
}

div#footercenter
{
	position: relative;
	display: inline;
	background: url(pics/footerbg.gif) 0 0 repeat-x;
	height: 32px;
	width: 976px;
	padding-top: 7px;
	float: left;
}
div#footertext
{
	color: black;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0 10px 0 0;
	height: 16px;
}
div#footertext a, div#footertext b
{
	font-size: 10px;
	color: black;
	margin-left: 4px;
	margin-right: 4px;
	height: 16px;
	text-transform: uppercase;
	text-decoration: none;
}

div#footerline
{
	position: absolute;
	left: 40px;
	top: 0;
	background: url(pics/footerdiv.gif) 50% 0 no-repeat;
	height: 4px;
	width: 850px;
	
	float: left;
}

h1.rules
{
	padding: 6px;
	font-weight: bold;
	height: 23px;
	color: #4d4d4d;
	font-size: 17px;
	background: url(pics/searchbar_site.gif) 0 0 repeat-x  #f3f3f3;
}

h2.rules
{
	padding: 6px;
	font-weight: bold;
	color: #4d4d4d;
	font-size: 12px;
	width: 97%;
	background: url(pics/h2rules_bg.gif) repeat-x #ededed;
	border: 1px solid #cdd7db;
}

h2.hints
{
	padding: 6px;
	font-weight: bold;
	color: #4d4d4d;
	font-size: 12px;
	float: left;
	width: 450px;
	background: url(pics/h2rules_bg.gif) repeat-x #ededed;
	border: 1px solid #cdd7db;
	margin: 12px 0 12px 0;
}
h2.hints a
{
	color: #373737;
}
h2.hints a:hover
{
	color: #575b60;
}

h2.voca
{
	padding: 4px;
	font-weight: normal;
	height: 14px;
	color: #396284;;
	font-size: 12px;
	background: url(pics/h2rules_bg.gif) repeat-x #ededed;
	border: 1px solid #c3c3c3;
}

caption.rules
{
	font-weight: bold;
	color: #896a6a;
	padding: 4px;
}

tr.dark
{
	background-color: #cccccc;
}

tr.light
{
	background-color: #e9e9e9
}

td.w60
{
	padding: 5px;
	width: 60px;
}

td.w130
{
	padding: 5px;
	width: 130px;
}

li.rules
{
	list-style-type: none; 
}

ul.ruletopics
{
	list-style-type: none;
	width: 200px;
}
ul.ruletopics a
{
	color: #93331c;;
}

ul.rahal
{
	list-style-type: none;
}

#hintstop
{
	display: inline;
	position: relative;
	margin: 0;
	background-image: url(pics/hintstop.jpg);	
	background-repeat: no-repeat;
	width: 272px;
	height: 69px;
	float: left;
}
#hintsleft
{
	display: inline;
	position: relative;
	margin: 0;
	background: url(pics/hintsleft.jpg) no-repeat;
	width: 102px;
	height: 127px;
	float: left;
}
#hints
{
	margin: 0;
	background: url(pics/hintsleftbord.gif) no-repeat;
	width: 168px;
	height: 230px;
	float: right;
}
#hintsbottom
{
	margin: 0;
	background: url(pics/hintsbottom.gif) 0 100% no-repeat;
	width: 271px;
	height: 3px;
	float: right;
}

.akihint
{
	display: inline;
	background: url(pics/smallarrow.gif) 0 3px no-repeat;
	
	margin-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
	
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	width: 140px;
	
	float: right;
}

.akihint a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	font-size: 9px;
}

.akihint a:hover
{
	color: #5d5d5d;
}

#smsorder
{
	padding: 0 0 0 14px;
	border: 1px solid #cdcfdb;
	background: url(pics/h2rules_bg.gif) repeat-x #ededed;
}

.searchresult
{
	margin: 4px 0 4px 12px;
	padding: 3px 6px 3px 6px;
	border: 1px solid #cdd7db;
	background: url(pics/searchbar_site.gif) 0 0 repeat-x  #f3f3f3;
}
.searchresult a:visited, .searchresult_guide a:visited
{
	color: #93331c;
}
.searchresult p
{
	margin: 0;
	background: url(pics/search_sivusto.gif) 100% 100% no-repeat;
}

.searchresult_guide
{
	margin: 4px 0 4px 12px;
	padding: 3px 6px 3px 6px;
	border: 1px solid #cdd7db;
	background: url(pics/searchbar_guide.gif) 0 0 repeat-x #eaf0f7;
}

.searchresult_guide p
{
	margin: 0;
	background: url(pics/search_popas.gif) 100% 100% no-repeat;
}

p.hints
{

}
p.hints a
{
	margin: 0 0 5px 55px;
	font-family: Arial, Verdana, sans-serif;
	background: url(pics/singlehintbg.gif) #dfe0e7 repeat-x;
	color: #525252;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	width: 350px;
	float: left;
	border: 1px solid #c4c5cc;
	padding-top: 3px;
	padding-bottom: 6px;
	
}

p.hints a:hover
{
	color: #666666;
	background: url(pics/singlehintbg.gif) #e6e6ed repeat-x;;
}

.videocontainer
{
	width: 730px;
	margin: 16px 0 0 0;
	padding: 25px 0 16px 10px;
	border: 1px solid #cdcfdb;
	background: url(pics/h2rules_bg.gif) repeat-x #ededed;
}
.videotitlecontainer
{
	float: left;
	width: 160px;
	margin: 16px 6px 0 0;
	padding: 12px 0 8px 0px;
	border: 1px solid #cdcfdb;
	background: url(pics/h2rules_bg.gif) repeat-x #ededed;
	text-align: center;
	line-height: 24px;
}
.videocontainer a
{
	margin: 10px 10px 10px 0;
}
.videotitlecontainer a
{
	
	font-weight: bold;
}
.videotitlecontainer img
{
	border: 1px solid gray;	
}
.desktopbgcontainer
{
	float: left;
	width: 224px;
	margin: 8px 4px 0 4px;
	padding: 10px 0 8px 0px;
	border: 1px solid #cdcfdb;
	background: url(pics/h2rules_bg.gif) repeat-x #ededed;
	text-align: center;
}
.desktopbgcontainer img
{
	margin: 0 0 6px 0;
	border: 2px solid #b4b6c4;
}