/* CSS Document */

body,html {
        margin: 0px;
        padding: 0px;

}

body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        background: #e0e0e0;

        margin-top: 0px;
        margin-bottom: 0px;
}


img {
        border: 0px;
}

form {
        margin: 0px;
        padding: 0px;
}



.key {
        width:16px;
        font-size:9px;
        height:18px;
        display:block;
        float:left;
        font-weight:bold;
        background:url('http://www.holygrailgames.com/instructions/key.gif') no-repeat 50% 50%;
        line-height:12px;
        padding:0 0 0 1px;
        text-align:center;
        margin:6px 3px 0 0;
        color:#000;

}

.keyup {
        width:16px;
        font-size:9px;
        height:18px;
        display:block;
        float:left;
        font-weight:bold;
        background:url('http://www.holygrailgames.com/instructions/up.gif') no-repeat 50% 50%;
        line-height:12px;
        padding:0 0 0 1px;
        text-align:center;
        margin:6px 3px 0 0;
        color:#000;

}

.keydown {
        width:16px;
        font-size:9px;
        height:18px;
        display:block;
        float:left;
        font-weight:bold;
        background:url('http://www.holygrailgames.com/instructions/down.gif') no-repeat 50% 50%;
        line-height:12px;
        padding:0 0 0 1px;
        text-align:center;
        margin:6px 3px 0 0;
        color:#000;

}

.mouseleft {
        width:16px;
        height:16px;
        display:block;
        float:left;
        font-weight:bold;
        background:url('http://www.holygrailgames.com/instructions/mouseleft.gif') no-repeat 50% 50%;

        padding:0 0 0 1px;
        text-align:center;
        margin:3px 3px 0 0;
        color:gray;

}

.arrows {
        width:32px;
        height:16px;
        display:block;
        float:left;
        font-weight:bold;
        background:url('http://www.holygrailgames.com/instructions/arrows.gif') no-repeat 50% 50%;

        padding:0 0 0 1px;
        text-align:center;
        margin:3px 3px 0 0;
        color:gray;

}

.keyleftandright {
        width:32px;
        height:16px;
        display:block;
        float:left;
        font-weight:bold;
        background:url('http://www.holygrailgames.com/instructions/lr.gif') no-repeat 50% 50%;

        padding:0 0 0 1px;
        text-align:center;
        margin:3px 3px 0 0;
        color:gray;

}

.space {
        width:32px;
        height:16px;
        display:block;
        float:left;
        font-weight:bold;
        background:url('http://www.holygrailgames.com/instructions/space.gif') no-repeat 50% 50%;

        padding:0 0 0 1px;
        text-align:center;
        margin:3px 3px 0 0;
        color:gray;

}

.game-instr {
font-family: tahoma,geneva,arial,sans-serif;
font-size:11px;
line-height:12px;
margin:6px 3px 0 0;

color:gray;


}


.gamethumbnail {
margin:6px;
        border:1px solid #d0cfcf;
        padding:3px;

        }
A:hover .gamethumbnail , A:active.gamethumbnail {border:1px solid #64830c; border-thickness:1px;
         font-size: 1px; }
}

A.gamelink{font-size:9pt;color:#028726;text-decoration:none;border-bottom:solid 1px #b8e8c2;font-weight:bold;}
A.gamelink:link{font-size:9pt;color:#028726;text-decoration:none;border-bottom:solid 1px #b8e8c2;font-weight:bold;}
A.gamelink:visited{font-size:9pt;color:#028726;text-decoration:none;border-bottom:solid 1px #b8e8c2;font-weight:bold;}
A.gamelink:hover{font-size:9pt;color:#028726;text-decoration:none;border-bottom: 0px;font-weight:bold;}
A.gamelink:active{font-size:9pt;color:#028726;text-decoration:none;border-bottom:solid 1px #b8e8c2;font-weight:bold;}

A.whitelink{font-size:10pt;color:#fff;text-decoration:none;border-bottom:solid 1px #b8e8c2;font-weight:bold;}
A.whitelink:link{font-size:10pt;color:#fff;text-decoration:none;border-bottom:solid 1px #b8e8c2;font-weight:bold;}
A.whitelink:visited{font-size:10pt;color:#fff;text-decoration:none;border-bottom:solid 1px #b8e8c2;font-weight:bold;}
A.whitelink:hover{font-size:10pt;color:#fff;text-decoration:none;border-bottom:solid 0px #b8e8c2;font-weight:bold;}
A.whitelink:active{font-size:10pt;color:#fff;text-decoration:none;border-bottom:solid 1px #b8e8c2;font-weight:bold;}

A.sitelink{font-size:10pt;color:#8a0606;text-decoration:none;border-bottom:solid 1px #f69595;font-weight:bold;}
A.sitelink:link{font-size:10pt;color:#8a0606;text-decoration:none;border-bottom:solid 1px #f69595;font-weight:bold;}
A.sitelink:visited{font-size:10pt;color:#8a0606;text-decoration:none;border-bottom:solid 1px #f69595;font-weight:bold;}
A.sitelink:hover{font-size:10pt;color:#d00a0a;text-decoration:none;border-bottom:solid 0px #b8e8c2;font-weight:bold;}
A.sitelink:active{font-size:10pt;color:#8a0606;text-decoration:none;border-bottom:solid 1px #f69595;font-weight:bold;}




.drop-down-left {
        border: 1px solid black;
        width: 175px;
        float: left;
        background-color: white;
        font-weight: medium;
        color: black;
}





td.cattop
{ 

height:20px;

        color:#F7DB16;
        font-size:13px;
        font-weight:bold;
        padding:2px;
        background: transparent url(images/sidebar_header.gif) no-repeat left;
        background-repeat:repeat-x;
}




.small_sections{
        color: #000000;
        width: auto;
        margin-left:2px;;
        margin-right:2px;
        margin-bottom:5px;
        border:0px solid #000000;
}


.registration{
        
        margin-right: 250px;
        float: right;
        height:20px;
        color: #000000;
        font-size:13px;
        font-weight:bold;
        padding:2px;
        
}


.small_section_headers{
        height:20px;
        background-color:#FFFFFF;
        color:#F7DB16;
        font-size:13px;
        font-weight:bold;
        padding:2px;
        background: transparent url(images/sidebar_header.gif) ;
        background-repeat:repeat-x;
}
.main_section_box{
       color: #000000;
        border:1px solid #000000;
        margin-left:1px;
        margin-right:0px;
        margin-bottom:5px;
}

.main_section_headers{
        height:20px;
        background-color:#FFFFFF;
        color: #000000;
        font-size:13px;
        font-weight:bold;
        padding:2px;
        background: transparent url(images/sidebar_header.gif) ;
        background-repeat:repeat-x;
}





.main_section_content{
        background-color:#113773;
        margin-top:8px;
        font-size:13px;
        color: #000000;
        font-weight:bold;
        margin-bottom:5px;
        
}

.main_section_featured{
        margin-top:5px;
        padding:4px;
        
}

.main_section_played{
        background-color: #FFFFFF;
        color: #000000;
        border: 0px solid #999999;
        font-size:13px;
        font-weight:bold;
        
        
}

   

div#wrapper {
        width: 975px;

        margin: auto;
        
}

div#wrapper div#shadow_left {
        padding-left: 12px;
        width: 975px;
}

div#wrapper div#shadow_left div#shadow_right {
        padding-right: 12px;
        width: 975px;
}




div#wrapper div#navbar {
        width: 975px;
        height: 45px;
        background-image: url(images/navbar_back.gif);
        padding-left: 24px;
}


div#wrapper div#sidebar {
        float: left;
        width: 147px;
        margin-right: 2px;
}
div#wrapper div#sidebar div.google a {        
        float: left;
        height: 600px;
        display: block;
        margin-left:0px;
        float: left;
        height: 1px;
        width: 1px;
}







div#wrapper div#sidebar a {
        display: block;
        height: 21px;
        width: 134px;
        line-height: 21px;
        background: transparent url(images/sidebar_link.gif) no-repeat left top;
        color: #000000;
        font-weight: bold;
        padding-left: 13px;        
}

div#wrapper div#sidebar {
        background: transparent url(images/sidebar_link_over.gif) no-repeat left top;


}

div#wrapper div#sidebar h1 {
        color: #f7db16;
        font-size: 11px;
        margin: 0px;
        padding: 0px;
        height: 32px;
        line-height: 32px;
        padding-left: 11px;
        padding-bottom: 3px;
        background: transparent url(images/sidebar_header.gif) no-repeat left;
        margin-bottom: -3px;

}






div#wrapper div#main {
        background: #ffffff;
        float: left;
        width: 990px;
         border-left:1px solid #daccb1;
         border-right:1px solid #daccb1;
         border-bottom:1px solid #daccb1;
}


div#wrapper div#main div.blue_bar {
           height:40px;
           width:965px;
           margin-left:5px;
           margin-top:5px;
        background-color:#FFFFFF;
        color:#8c0694;
        font-family: verdana;
        font-size:18px;
        font-weight:bold;
        padding:0px;
        background-image:url(http://www.holygrailgames.com/templates/theme/images/section_bg.gif);
        background-repeat:repeat-x;

}



.latest_played_bar {
           height:40px;
           width:665px;
           margin-left:5px;
        background-color:#ffffff;
        color:#8c0694;
        font-family: verdana;
        font-size:18px;
        font-weight:bold;
        padding:0px;
        background-image:url(http://www.holygrailgames.com/templates/theme/images/section_bg.gif);
        background-repeat:repeat-x;
           }

div#wrapper div#main div.blue_bar img.left {        
        float: left;
}



div#wrapper div#main div.blue_bar div#name_box {
        float: left;
        padding-top: 7px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        margin-left: 60px;
        width: 280px;
        background-image:url(images/namebox_back.gif);
        font-weight: bold;
        font-size: 14px;
        color: #F7DB16;
}





.menu_bar{
        text-align:center;
        background: #000000;
        width: 975px;
        height:30px;
        border:0px solid #FFFFFF;
        color: #000000;
        font-size:10px;
        font-weight:bold;
        margin-top:0px;
}

div#wrapper div#main div#main_left {
        
        width: 665px;
        padding: 0px 10px;
        float: left; 
        padding-top: 9px;
}



div#wrapper  div#ads {
        padding: 5px;
        background: #ffffff;
        margin: 3px 0px;
        border: 0px solid #999999;
}

div#main div#main_right {

        width: 310px;
        float: right;
        padding-top: 0px;
}

div#main div#main_right div.right_box {
        margin-left: 2px;
        background: #ffffff;
        border: 0px solid #999999;
        height: auto;
        width: 297px;
        color: #000000;
        font-size: 12px;
        padding-bottom: 0px;
        margin-bottom: 0px;
}
div#main div#main_right div.rightk_box {
        font-weight: bold;
        font-size: 11px;
}



div#main div#main_right div.right_box div.entry {
        height: auto;
        margin: 0px;
}
div#main div#main_right div.right_box div.entry img {
        float: left;
        border: 0px solid #888888;
        margin-right: 10px;
}


/*browsegames menu*/
.browsegames {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:3px;
padding:0;
text-transform:uppercase;
 }
.browsegames ul {
        margin: 0;
        padding: 0;
        list-style-type:none;
}
.browsegames li {
        margin: 0;
        padding: 0;
        border-bottom: 0px solid #999999;
        padding: 0px 0px 1px 0px;
        background:url(images/bullet-green.gif) no-repeat left;
}
.browsegames li a,.browsegames li a:visited {
font-weight:bold;
        font-size: 11px;
        text-align:left;
        color: #000000;
        text-decoration: none;
        padding: 2px 5px 2px 18px;
        display:block;
        
}
.browsegames li a:hover {
        text-decoration: none;
        color: #339900;
        
}
.browsegames li.gamedownload a{
/*color:#228988 !important;*/
font-weight:bold;
}


/**/



.pagination{
width: auto; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
border: 1px solid #EEEEEE;
border-width: 0 0px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 315px; /*IE5 width*/
w\idth: 315px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

.private_message_left{
  width:140px;
  float:left;
  text-align:center;
  background-color:#DDDDDD;
  margin-right:5px;
  padding:5px;

}

.private_message_main{
  width:auto;
  float:left;
  padding:5px;

}



div.pagination {
        padding: 3px;
        margin: 3px;
}

div.pagination a {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #AAAAAA;
        text-decoration: none; /* no underline */
        color: #CCCCCC;
        background-color: #515151;
}

div.pagination a:hover, div.pagination a:active {
        border: 1px solid #FFFFFF;
  color: #000000;
  text-decoration: none;
  background-color: #AAAAAA;
}

div.pagination span.current {
  font-family: Arial, Verdana, Helvetica; 
  font-size:9pt;
  font-weight: bold;
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #FFFFFF;
        background-color: #AAAAAA;
        color: #000000;
        }
        
div.pagination span.disabled {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #EEE;

        }
        
        div.pagination span.dots {
  font-family: Arial, Verdana, Helvetica; 
  font-size:16px;
  font-weight: bold;
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #181818;
        color: #000000;
        }


.useradmin{
  text-align:right;
  color: #000000;
}

.useradmin a:link {
text-decoration: underline;
color: #000000;
}
.useradmin a:visited {
text-decoration: underline;
color: #000000;
}
.useradmin a:hover {
text-decoration: underline;
color: #FFFF00;
}
.useradmin a:active {
text-decoration: underline;
color: #000000;
}        

.game_breadcrumb a:link {
text-decoration: underline;
color: #000000;
}
.game_breadcrumb a:visited {
text-decoration: underline;
color: #000000;
}
.game_breadcrumb a:hover {
text-decoration: underline;
color: #FFFF00;
}
.game_breadcrumb a:active {
text-decoration: underline;
color: #000000;
}        



a.submenu, a.submenu:link, a.submenu:visited {
display: block;
float: left;
padding: 5px;
margin: 0 3px 0 3px;
font-size: 12px;
font-weight: bold;
font-family: arial, verdana, sans-serif;
color: #000000;

}

a.submenu:hover {
display: block;
float: left;
padding: 5px;
margin: 0 3px 0 3px;
font-size: 12px;
font-family: arial, verdana, sans-serif;
color: #000000;
background-color: rgb(14, 134, 200);

}


.footer{
        height:30px;
        color: #000000;
        font-size:14px;
        font-weight:bold;
        padding:1px;
        text-align:center;
        padding-top:2px;
}



  #navmenu li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

.footer-links h2 {
font-size:20px;
font-family: verdana;
border-bottom: 1px dotted white;
line-height: 30px;

}

.footer-links a:link {
font-size:12px;
font-family: verdana;
text-decoration: none;
color: #FFFFFF;
}
.footer-links a:visited {
font-size:12px;
font-family: verdana;
text-decoration: none;
color: #FFFFFF;
}
.footer-links a:hover {
font-size:12px;
font-family: verdana;
text-decoration: underline;
color: #FFFFFF;
}
.footer-links a:active {
font-size:12px;
font-family: verdana;
text-decoration: underline;
color: #FFFFFF;
}