html, body {
    margin:                     0px;
    padding:                    0px;
    
    font:                       10pt Arial, Verdana, Helvetica, sans-serif;
    color:                      #000000;
    text-align:                 center;
    background-color:           #4f4d4d;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd { 
    margin-top:                 0px;
}

h1, h2, h3, h4, h5, h6 { 
    margin-bottom:              3px;
}

a {
    text-decoration:            none;
    outline:                    none;
}

img {
    border: 0;
}

/*  ---------------------------------------------------------------------
main sections
--------------------------------------------------------------------- */

#container {
    margin:                     0px auto;
    padding:                    0px;
    width:                      901px !important;
    height:                     auto;
    
    text-align:                 left;
    background-color:           #4f4d4d;
}

#pageHeader {
    margin:                     0px auto;
    padding:                    0px;
    width:                      901px !important;
    height:                     45px;
    
    background-image:           url( ../../images/bkgnd_header.gif );
    background-position:        bottom left;
    background-repeat:          no-repeat;
}

#pageHeader #login {
    margin-top:                 5px;
}

#pageHeader #login a {
    color:                      #FFFFFF;
    font-weight:                bold; 
    text-decoration:            none;            
    line-height:                30px; 
    display:                    block;
    background:                 url(../../images/bullet_yellow.gif); 
    background-position:        left center;
    background-repeat:          no-repeat;           
    padding-left:               25px; 
}

#pageHeader #login a:hover {
    color:                      orange;
}

#pageWrapper {
    margin:                     0px auto;
    padding:                    0px;
    width:                      901px !important;
    height:                     auto;
    
    background-image:           url( ../../images/bkgnd_slice.gif );
    background-position:        top left;
    background-repeat:          repeat-y;
}

#pageWrapper #pageLeft {
    margin:                     0px auto;
    padding:                    0px 10px;
    width:                      88px;
    height:                     auto;
    
    float:                      left;        
}

#pageWrapper #pageRight {
    margin:                     0px 0px 0px 120px;
    padding:                    0px 10px;
    width:                      100% auto;
    height:                     auto;
    min-height:                 482px;
    height:                     auto !important;
    height:                     482px;
}

#pageFooter {
    margin:                     0px;
    padding:                    0px;
    width:                      901px !important;
    height:                     auto;
    
    clear: 			both;
    background-image:           url( ../../images/bkgnd_footer.gif );
    background-position:        top left;
    background-repeat:          no-repeat;
}

#pageLeft_banner {
    position:                   absolute; /* new 11/5/07 */
    background-image:           url( ../../images/it_hmpg_banner2.jpg );
    background-position:        top left;
    background-repeat:          no-repeat;
    width:                      88px;
    min-height:                 621px;
    height:                     auto !important;
    height:                     621px;
}

#pageLeft_banner a {
    display:                    block;
    width:                      100% auto;
    min-height:                 482px;
    height:                     auto !important;
    height:                     482px;
}

#pageRight_header {
    margin:                     0px;
    padding:                    15px 20px 0px 20px;
    width:                      100% auto;
    height:                     auto;
}

#pageRight_body {
    margin:                     0px;
    padding:                    15px 20px 10px 20px; /* new 11/6/07 */
    width:                      100% auto;
    height:                     auto;
    
    min-height:                 621px; /* new 08/28/09 */
    height:                     auto !important;
    height:                     621px;  /* new 08/28/09 */
}

#it_logo {                  /* full it logo in upper left corner */
    position:                   absolute;
    width:                      80px;
    margin:                     0px 0px 0px 820px;
    padding:                    0px;
}


/*  ---------------------------------------------------------------------
top main navigation bar
--------------------------------------------------------------------- */

#pageRight_navbar {         /* navigation bar for top of page */
    margin:			0px;
    padding:                    0px;
    width:         		auto;
    height:			20px;
    line-height:                20px;
    z-index:                    2;
    
    background-color:           #2a2929;
    border-left:                2px solid #ffffff; 
    border-right:               2px solid #ffffff;
    border-top:                 2px solid #ffffff;
}

* html #pageRight_navbar { /* used for IE6 (hack) */
    margin-left:                1px;
} 

* html #pageRight_logo {           
    margin-right:		-9px;
}

#pageRight_navbar ul {      /* main menu ul tags */
    margin:                     0px auto;
    padding:                    0px auto;
    list-style-type:            none; 
}

#pageRight_navbar li {      /* main menu li tags */
    display:                    block;
    float:                      left;
}

#pageRight_navbar li ul {   /* dropdown menus */
    position:                   absolute;
    width:                      99px;
    padding:                    0px;
    list-style-type:            none;
    text-align:                 left;
    display:                    none;
    z-index:                    4;
}

#pageRight_navbar li ul li {   /* dropdown menus */
    border-left:               1px solid #ffffff;
    margin-left:               -1px;
}

#pageRight_navbar a {       /* menu links */
    display:                    block;
    width:                      99px;
    font-weight:                bold;
    font-size:                  10px;
    color:                      #FFFFFF;
    background-color:           #2a2929;
    padding:                    0px 3px 0px 3px;    /* top right bottom left */
    border-right:               1px solid #ffffff;  /* lines between items */
    border-bottom:              1px solid #ffffff;  /* lines below items */
    text-decoration:            none;
    z-index:                    5;
    text-align:                 center;
}

#pageRight_navbar li a:hover,
#pageRight_navbar li:hover a {          /* menu rollover effects */
    background-color:           #ffcc00;
    color:                      #000000;
}

#pageRight_navbar li ul a:hover,
#pageRight_navbar li:hover ul a:hover { /* dropdown menu rollover effects */
    background-color:           #2a2929;        
    color:                      #ffcc00;
    text-decoration:            underline;        
} 

#pageRight_navbar li:hover ul li a {
    background-color:           #2a2929;
    color:                      #ffffff;
}

#pageRight_navbar li:hover ul,
#nav li.sfhover ul {                /* show dropdown menus on rollover of main menu item */
    display:                    block;
    z-index:                    3;      /* makes sure that the drop downs display over the body content */
} 

#centerNav {
    height:                     20px;
}

/*  ---------------------------------------------------------------------
Used to highlight menu section depending on the page you're on
i.e. <body id="home">, <body id="products">, etc.
--------------------------------------------------------------------- */

#home li a.home,
#magicTouch li a.magicTouch,
#games li a.games,
#hardware li a.hardware,
#aboutIT li a.aboutIT,
#parSheet li a.parSheet,
#parSheetTool li a.parSheetTool,
#links li a.links,
#contactIT li a.contactIT,
#support li a.support
{ /* main menu highlight effect */
    background-color:           #f0c000;
    color:                      #000000;
}

/* -------------------------------------------------------------------*/

#hmpgAd { /* temp placement of hmpg ad */
    /*background-image:           url( ../../images/hmpg_Ad.jpg );*/ /*large ad*/
    /*background-image:           url( ../../images/hmpg_Ad_sm.jpg );*/  /*small ad*/
    background-image:           url( ../../images/hmpg_Ad_withCabs2.jpg );  /*ad with cabinets*/
    /*background-image:           url( ../../images/hmpg_Ad_flash.jpg );*/  /*bg for flash*/
    background-position:        top left;
    background-repeat:          no-repeat;
    height:                     587px; /*large ad*/
    /*height:                     390px;*/ /*small ad*/
    /*height:                     427px;*/ /*ad with cabinets*/
    /*height:                     427px;*/ /*bg for flash*/
    width:                      757px;
    padding:                    0px;
    margin:                     -14px 0px 0px -18px;
    position:                   relative;
}

#loginPgLeft { /* left column of login page */
    width: 250px;
    padding: 10px 65px 10px 20px;
    border-right: 2px solid #333333;
}

#loginPgRight { /* right column of login page */
    position: absolute;
    margin: 0px 0px 0px 350px;
    padding: 10px 10px 10px 20px;
    width: 340px;
}

#pgHeader { /* page banners/headers */
    background-position:        top left;
    background-repeat:          no-repeat;
    height:                     128px;
    width:                      757px;
    padding:                    0px;
    margin:                     -14px 0px 0px -18px;
    position:                   relative;
}

/*  ---------------------------------------------------------------------
pgHeader banners - calling the header image for each page.
--------------------------------------------------------------------- */
.pgHeader_general {
    background-image:           url(../../images/pgHeader_general.jpg );
}

.pgHeader_magicTouch {
    background-image:           url(../../images/magicTouch/pgHeader_magicTouch.jpg );
}

.pgHeader_magicTouchStreet {
    background-image:           url(../../images/magicTouch/street/pgHeader_magicTouchStreet.jpg );
}

.pgHeader_versatileVolatility {
    background-image:           url(../../images/magicTouch/pgHeader_versatileVolatility.jpg );
}

.pgHeader_slots {
    background-image:           url(../../images/magicTouch/slots/pgHeader_slots.jpg );
}

.pgHeader_cars {
    background-image:           url(../../images/magicTouch/slots/cars/pgHeader_cars.jpg );
}

.pgHeader_fish {
    background-image:           url(../../images/magicTouch/slots/fish/pgHeader_fish.jpg );
}

.pgHeader_fruit {
    background-image:           url(../../images/magicTouch/slots/fruit/pgHeader_fruit.jpg );
}

.pgHeader_money {
    background-image:           url(../../images/magicTouch/slots/money/pgHeader_money.jpg );
}

.pgHeader_pokerKeno {
      background-image:           url(../../images/magicTouch/pokerKeno/pgHeader_pokerKeno.jpg );
}

.pgHeader_poker {
      background-image:           url(../../images/magicTouch/poker/pgHeader_poker.jpg );
}

.pgHeader_keno {
    background-image:           url(../../images/magicTouch/keno/pgHeader_keno.jpg );
}

.pgHeader_nexus {
    background-image:           url(../../images/hardware/nexus/pgHeader_nexus.jpg );
}

.pgHeader_breeze {
    background-image:           url(../../images/hardware/breeze/pgHeader_breeze.jpg );
}

.pgHeader_g2e {
    background-image:           url(../../images/aboutIT/news/g2e2009/pgHeader_g2e.jpg );
}

/*  ---------------------------------------------------------------------
pgContent - calling the right side footer image for each page.
--------------------------------------------------------------------- */

#pgContent {
    position:                   relative;
    margin:                     5px 0px 0px 260px; 
    padding:                    5px 0px 0px 8px; 
    width:                      450px; 
    min-height:                 575px; 
    height:                     auto !important;
    height:                     575px;
    background-position:        bottom right; 
    background-repeat:          no-repeat;
    z-index:                    2;
}

#cabinet {
    position:                   absolute; 
    margin:                     90px 0px 0px 0px;
    padding:                    0px;
}

.pgContent_slots {
    background-image:           url(../../images/magicTouch/keno/pgHeader_keno.jpg );
    position:                   relative;
}

.pgContent_cars {
    background-image:           url(../../images/magicTouch/slots/cars/cars_right.jpg );
    position:                   relative;
}

.pgContent_fish {
    background-image:           url(../../images/magicTouch/slots/fish/fish_right.jpg );
    position:                   relative;
}

.pgContent_fruit {
    background-image:           url(../../images/magicTouch/slots/fruit/fruit_right.jpg );
    position:                   relative;
}

.pgContent_money {
    background-image:           url(../../images/magicTouch/slots/money/money_right.jpg );
    position:                   relative;
}

#pgContentFooter {
    background-image:           url(../../images/pgFooter_line.jpg );
    background-position:        top left;
    background-repeat:          no-repeat;
    background-color:           #cccccc;
    min-height:                 30px; 
    height:                     auto !important;
    height:                     30px;
    width:                      757px;
    padding:                    80px 0px 0px 0px;
    margin:                     5px 0px 0px -18px;
    position:                   relative;
    text-align:                 center;
    z-index:                    0;
    color:                      #333333;
}

#pgContentFooter a {
    color:                      #666666;
    font-weight:                bold;
}

#pgContentFooter a:hover {
    color:                      #ffffff;
    text-decoration:            underline;
}

a.kenoLink { 
    color:                      #000000;
    text-decoration:            underline;
    font-weight:                bold;
}

a.kenoLink:hover {
    color:                      #9900ff;
    text-decoration:            underline;
}

a.pokerLink { 
    color:                      #000000;
    text-decoration:            underline;
    font-weight:                bold;
}

 a.pokerLink:hover {
    color:                      #0033ff;
    text-decoration:            underline;
}


.pokerFrame {
    position:                   relative;
    background-image:           url(../../images/magicTouch/poker/table_frame.jpg); 
    background-position:        top left; 
    background-repeat:          no-repeat; 
    width:                      440px; 
    min-height:                 224px; 
    height:                     auto !important;
    height:                     224px;
}

.kenoFrame {
    position:                   relative;
    background-image:           url(../../images/magicTouch/keno/table_frame.jpg); 
    background-position:        top left; 
    background-repeat:          no-repeat; 
    width:                      440px; 
    min-height:                 177px; 
    height:                     auto !important;
    height:                     177px;
}

#magicTouchFrame {
    position:                   relative;
    background-image:           url(../../images/magicTouch/box_bg.gif); 
    background-position:        top left; 
    background-repeat:          no-repeat; 
    width:                      599px; 
    min-height:                 237px; 
    height:                     auto !important;
    height:                     237px;
    margin:                     auto;
    color:                      #ffffff;
    font-size:                  12px;
}

a.popUps  { 
    color:                      #FFFFFF;
    text-decoration:            none;
    font-weight:                bold;
}

a.popUps:hover {
    color:                      #ffcc00;
}

/*  ---------------------------------------------------------------------
extras
--------------------------------------------------------------------- */

#copyright {
    text-align:                 center;
    padding:                    25px 0px;
    color:                      #ffffff;
    font-size:                  70%;
}

#copyright a {
    color:                      #ffcc00;
}

#copyright a:hover {
    color:                      #ffffff;
    text-decoration:            underline;
}

#documentTitle {
    font-size:                  140%;
    font-weight:                bold;
}

tbody.xmlDataLink tr:hover td { 
    background-color:           #ffff66;
    cursor:                     pointer !important;
}

tbody.xmlDataLink tr.isActive td { 
    background-color:           #ffffbb;
}        

/* -------------------------------------------------------------------*/

table {
    width:                      100%;
    border-spacing:             0px;
    padding:                    0px;
}

caption {
    font-size:                  large;
    padding:                    10px;
}

caption label {
    font-size:                  small;
}

table.dataTable {
    border-top:                 1px solid #cccccc;
    border-left:                2px solid #cccccc;
    border-collapse:            collapse;
}

table.dataTable th  { 
    /*background-color: #b2b2ff;*/ /*#cfd5e1;*/
    border-bottom:              1px solid #cccccc; /*#afbace;*/
    border-right:               1px solid #cccccc;
    padding:                    2px 6px;
}

table.dataTable td {
    /*background-color: #ffffff;            */
    border-bottom:              1px solid #cccccc; /*cfd5e1;*/
    border-right:               1px solid #cccccc;
    padding:                    2px 6px;
}     

.bgLightGray {
    background-color:           #efefef;
}

.bgMaroon {
    background-color:           #cc6666;
}

.bgYellow {
    background-color:           #ffff80;
}

.bgDarkYellow {
    background-color:           #f1f179;
}

.bgGreen {
    background-color:           #98cc70;    
}

.bgDarkGreen {
    background-color:           #7eb753;
}

.fontLarge {
    font-size:                  large;
}

.fontSmall {
    font-size:                  small;
}

.fontXSmall {
    font-size:                  x-small;
}

.bold {
    font-weight:                bold;
}

.left {
    text-align:                 left;
}        

.right {
    text-align:                 right;
}

.center {
    text-align:                 center;
} 

.italic {
    font-style:                 italic;
}

.noBorder {
    border:                     none;
}

.leftBorder {
    border-left:                1px solid #000000;
}            

.rightBorder {
    border-right:               1px solid #000000;
}            

.topBorder {
    border-top:                 1px solid #000000;
}            

.bottomBorder {
    border-bottom:              1px solid #000000;
}                    

.underline {
    text-decoration:            underline;
}

#paytableDiv {
    overflow:                   auto;
    overflow-x:                 hidden;
    border-bottom:              1px solid #afbace;
    height:                     160px;
}

/* -------------------------------------------------------------------*/
/* used for news and news archive pages */

#news {
    margin:                     0 auto; 
}

#newsDate {
    text-align:                 right;
    width:                      75px;
    padding-right:              5px;
    vertical-align:             top;
}

.newsHeadline {
    padding:                    0px 0px 10px 10px;
    text-align:                 left;
    vertical-align:             top;
}

*html .newsHeadline {
    padding-bottom:             20px;
}

.newsHeadline p {
    padding-left:               61px;
}

#newsDottedLine {
    text-align:                 center;
    padding-bottom:             15px;
}

#buzzList {
    list-style-type:            none; 
    margin-left:                0px; 
    padding-left:               10px;
}

#buzzList li { 
    padding-bottom:             7px;
}

.subheading {
    font-weight:                bold;
    font-style:                 italic;
}

.subheading2 {
    font-weight:                bold;
    text-align:                 center;
}

/* -------------------------------------------------------------------*/