.menubar 
{
display: block; 
position: absolute; left: 0; top: 0; width: 100%; 
color: #000000; background-color: #ECE9D8; 
padding: 0; padding-left: 10px; padding-top: 4px; 
overflow2: hidden;
margin2: 0px;
z-index: 900;
}
.menubar-parent
, .menubar-parent-disable
{
}
.menubar-parent a
, .menubar-parent-disable a
{
color: Black;
text-decoration: none;
padding: 2px;
padding-left: 8px;
padding-right: 8px;
}
.menubar-parent a:hover
{
color: black;
background-color: #C1D2EE;
border: solid 1px #316AC5;
padding: 1px;
padding-left: 7px;
padding-right: 7px;
}
.menubar, .menu, .menuCheckbox, .body td
{
font: normal 9pt arial;
}
.menu
, .menuCheckbox
{
position: absolute;
padding: 0px;
visibility: hidden;
z-index: 901;
border: solid 1px black;
background-image: url( images/Art/menu/background.gif );
cursor: default;
}
a
{
cursor: default;
}
.menubar
{
height: 20px !important; height: 24px; 
}
.menu
, .menuCheckbox
{
width: 204px !important; width: 200px;
}
.menuCheckbox
{
width: 104px !important; width: 100px;
}
.menu .seperator
, .menuCheckbox .seperator
{
width: 174px !important; width: 100%;
}
.item a
, .item-disable a
, .parent a
, .parent-disable a
{
height: 18px !important; height: 20px;
}
.parent a
{
background: url(images/Art/menu/tri.gif) 182px 3px no-repeat;
}
.parent-disable a
{
background: url(images/Art/menu/triDisable.gif) 181px 3px no-repeat;
}
#selected
{
background-position: 181px 2px;
}
/* rename to .menu to preview menus */
.menu2
, .menuCheckbox2
{
position: relative;
margin-top: 20px;
visibility: visible;
}
.menu-caption
{
background-color: #EFEDDE;
position: absolute;
left: -1px;
top: -19px;
border: solid 1px black;
border-bottom-color: White;
padding: 1px;
padding-left: 7px;
padding-right: 7px;
}
.menu .seperator
, .menuCheckbox .seperator
{
position: relative; left: 30px; width: 174px !important; width: 100%; height: 1px;
border-top: 1px solid #888888;
margin-top: 1px;
margin-bottom: -1px;
margin-right: 28px;
font-size: 0px;
}
.menu .item
, .menu .item-disable
, .menu .parent
, .menu .parent-disable
{
width: 200px; height: 22px;
padding: 1px;
}
.menuCheckbox .item
, .menuCheckbox .item-disable
{
width: 100px; height: 22px;
padding: 1px;
}
.hotkey
{
width: 200px;
}
.caption
{
position: absolute;
left: 28px; top: 3px;
}
.item a:hover .caption
, .parent a:hover .caption
, #selected .caption
{
left: 27px; top: 2px;
}
.hotkey
{
position: absolute; 
left: -16px; top: 3px;
text-align: right; 
color: black;
}
.item a:hover .hotkey
{
left: -17px;
top: 2px;
}
.item a
, .item-disable a
, .parent a
, .parent-disable a
{
display: block;
position: relative;
color: Black;
text-decoration: none;
width: 100%;
}
.item a:hover
, .parent a:hover
, .item #selected
, .parent #selected
{
color: black;
background-color: #C1D2EE;
border: solid 1px #316AC5;
}
.body
{
}
.checked
{
position: absolute;
background-color: #E1E6E8;
border: solid 1px #316AC5;
left: 1px; top: 1px; height: 16px;
visibility: hidden;
}
#checked
{
visibility: inherit;
}
.item a:hover .checked
, .parent a:hover .checked
, #selected .checked
{
left: 0px; top: 0px;
}
.menubar-parent-disable a
, .item-disable a
, .parent-disable a
, .item-disable .hotkey
{
color: #AFACB9;
}
.icon
{
position: absolute;
width: 16px; height: 16px;
left: 4px;
top: 2px;
}
.item a:hover .icon
{
left: 3px;
top: 1px;
}
#File-New-icon
{
background-image: url( images/Art/menu/iconsFile.gif );
}
#File-Open-icon
{
background-image: url( images/Art/menu/iconsFile.gif );
background-position: -100% 0;
}
#File-Save-icon
{
background-image: url( images/Art/menu/iconsFile.gif );
background-position: -200% 0;
}
#File-Undo-icon
{
background-image: url( images/Art/menu/iconsFile.gif );
background-position: -300% 0;
}
#File-Redo-icon
{
background-image: url( images/Art/menu/iconsFile.gif );
background-position: -400% 0;
}
.item-disable #File-New-icon
{
background-position: 0% -100%;
}
.item-disable #File-Open-icon
{
background-position: -100% -100%;
}
.item-disable #File-Save-icon
{
background-position: -200% -100%;
}
.item-disable #File-Undo-icon
{
background-position: -300% -100%;
}
.item-disable #File-Redo-icon
{
background-position: -400% -100%;
}
/*#GameSelector
{
margin-left: 24px; 
margin-top: 4px;
width: 400px;
height: 250px;
overflow: auto;
}
#GameSelectorTable img
{
margin-left: 10px;
margin-right: 10px;
}*/
#menu-Instructions-body
{
margin-left: 28px; 
margin-top: 4px;
width: 400px !important;
height: 250px;
overflow: auto;
}
#menu-SelectGame .item .caption
{
font-size: 12pt;
font-weight: bold;
}
#menu-SelectGame
{
width: 368px !important; width: 362px;
height: 400px;
overflow: auto;
}
#menu-SelectGame a:hover
{
height: 236px !important; height: 234px;
}
#menu-SelectGame .item
{
width: 344px !important; width: 340px; height: 236px;
}
#menu-SelectGame .thumb
{
position: absolute;
left: 28px; top: 24px;
}
#menu-SelectGame a:hover .thumb
{
left: 27px; top: 23px;
}
#menu-About
{
width: 390px !important;
}
#menu-About-body
{
padding: 20px;
background-image: url( images/solitaire/pc_bg3.jpg );
margin: 0px;
}
#menu-Back
{
width: 164px !important; width: 160px;
}
#menu-Back a:hover
{
height: 100px !important; height: 102px;
}
#menu-Back .item
{
width: 160px;
}
#menu-Deck
{
width: 144px !important; width: 140px;
}
#menu-Deck .item
{
width: 140px;
}
#menu-Deck-Full, #menu-Back-Deck1, #menu-Back-Deck2, #menu-Back-Deck3, #menu-Back-Deck4
{
height: 106px;
}
#menu-Deck-Full a:hover
{
height: 100px !important; height: 102px;
}
#menu-Deck-Half
{
height: 58px;
}
#menu-Deck-Half a:hover
{
height: 52px !important; height: 54px;
}
#menu-Deck-Tiny
{
height: 42px;
}
#menu-Deck-Tiny a:hover
{
height: 36px !important; height: 38px;
}
#menu-Deck-Micro
{
height: 38px;
}
#menu-Deck-Micro a:hover
{
height: 32px !important; height: 34px;
}
#ViewDeckFull, #ViewDeckFull1, #ViewDeckFull2, #ViewDeckFull3, #ViewDeckFull4
{
position: absolute; 
left: 60px; top: 3px; width: 71px; height: 100px;
}
#ViewDeckFull1, #ViewDeckFull2, #ViewDeckFull3, #ViewDeckFull4
{
left: 80px;
}
#ViewDeckHalf
{
position: absolute; 
left: 60px; top: 3px; width: 35px; height: 52px;
}
#ViewDeckTiny
{
position: absolute; 
left: 60px; top: 3px; width: 25px; height: 36px;
}
#ViewDeckMicro
{
position: absolute; 
left: 60px; top: 3px; width: 15px; height: 32px;
}
a:hover #ViewDeckFull, a:hover #ViewDeckHalf, a:hover #ViewDeckTiny, a:hover #ViewDeckMicro 
, a:hover #ViewDeckFull1, a:hover #ViewDeckFull2, a:hover #ViewDeckFull3, a:hover #ViewDeckFull4
{
left: 59px; top: 2px;
}
a:hover #ViewDeckFull1, a:hover #ViewDeckFull2, a:hover #ViewDeckFull3, a:hover #ViewDeckFull4
{
left: 79px;
}
body
{
padding: 0;
margin: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
.DeckFull .Card
{
background-image: url( images/solitaire/fa0.gif );
width: 71px;
height: 96px;
}
.DeckHalf .Card
{
background-image: url( images/solitaire/ha0.gif );
width: 35px;
height: 48px;
}
.DeckTiny .Card
{
background-image: url( images/solitaire/ta0.gif );
width: 25px;
height: 33px;
}
.DeckMicro .Card
{
background-image: url( images/solitaire/ma0.gif );
width: 15px;
height: 28px;
}
.shadow1
, .shadow2
, .shadow3 
{
display: inline-table; /* \*/display: block;/**/
}
.shadow3 img, .shadow32 div 
{
display: block;
border: 1px solid black;
border-color2: #efefef #ccc #ccc #efefef;
}
.shadow1
{
float: right;
background:url(images/Art/shadows/25black.png);
}
.shadow2
{
background2:url(images/shadows/corner_bl.gif) -12px 100% no-repeat;
}
.shadow3
{
padding:0 9px 9px 0;
background2:url(images/shadows/corner_tr.gif) 100% -12px no-repeat;
}
body
{
background-image: url( images/solitaire/gameback.gif );
padding: 0;
margin: 0;
overflow: none;
width: 100%;
}
#debug 
{
display2: none;
}
#layout
{
position: absolute;
left: 20px;
top: 40px;
}
.Card, .CardLayout
{
position: absolute;
z-index: 1;
overflow: hidden;
}
.Card img, .CardLayout img
{
position: absolute;
left: -100%;
top: -100%;
}
.Pile
{
position: absolute;
background-image: url( images/solitaire/shadow.png ) !important;
background-image: none;
border: inset 2px #207305;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/solitaire/shadow.png', sizingMethod='scale');
}
.PileHidden
{
position: absolute;
z-index: 0;
}
.DeckFull .Card, .DeckFull .CardLayout
{
background-image: url( images/solitaire/fa0.gif );
width: 71px;
height: 96px;
}
.DeckHalf .Card, .DeckHalf .CardLayout
{
background-image: url( images/solitaire/ha0.gif );
width: 35px;
height: 48px;
}
.DeckTiny .Card, .DeckTiny .CardLayout
{
background-image: url( images/solitaire/ta0.gif );
width: 25px;
height: 33px;
}
.DeckMicro .Card, .DeckMicro .CardLayout
{
background-image: url( images/solitaire/ma0.gif );
width: 15px;
height: 28px;
}
/* SHOW_EMPTY */
#d0cSE 
{
background-position: -500% -0%;
}
/* SHOW_EMPTY_SUITs */
#d0cES
{
background-position: -100% -0%;
}
#d0cEH
{
background-position: -300% -0%;
}
#d0cEC
{
background-position: -200% -0%;
}
#d0cED
{
background-position: -400% -0%;
}
/* GO */
#d0cSS
{
background-position: -500% -1200%;
z-index: 1;
}
/* STOP */
#d0cSN
{
background-position: -500% -1300%;
z-index: 2;
visibility: hidden;
}