/* Mecca Games */

        body {margin:0; border:0; background: #fff url(../i/bg-fade.gif) 200px 0;font:normal 12px Arial, Verdana, Helvetica Neue, Helvetica, sans-serif; line-height: 1.8em}
        a {text-decoration:none; color:#FF0099; cursor:pointer}
         
        
        .helpheader {background-color:#3366CC; height:79px}
        .helpheader div.head {width:942px; margin: 0 auto;padding-top:2px;}
        .helptitle {color:white; padding:10px 0 0px 20px;font-size:30px; margin-top:10px; line-height:30px}
        .helpimage{float:left; background: url(../i/logo.png) no-repeat; width:187px; height:70px}
        .helptitle{width:300px; float:left; padding-top:12px}
        .headerlinks {color:white}
        .headerlinks ul {padding:0; margin:0px 0 0 700px;}
        .headerlinks li {color:white; margin:0px; padding:0px;}
        .headerlinks li a{color:white; text-decoration:none}
        .headerlinks li a:hover {text-decoration:underline}
        .headerlinks li.phones {padding-left: 2px; text-align:left}
        .headerlinks li {list-style-type:none}
        .headerlinks li.mailto {}
        .headerlinks li.phoneus {}
        .headerlinks li.chattous {}
        .headerimage {margin-bottom:-5px}
        
        
        .bodycontainer {margin:0}
        .helpnav {width:942px; margin:0px auto; margin-top:10px;}
        .helpcontent {width:942px; margin:0px auto;background-color:#fff;
                      -moz-border-radius: 3px 3px 0 0;
                       -webkit-border-top-right-radius:3px;
                       -webkit-border-top-left-radius:3px;
                        -webkit-border-bottom-right-radius:0;
                         -webkit-border-bottom-left-radius:0;
                          border-radius: 3px 3px 0 0;
                          border: 1px solid #BECDDF;
min-height:300px
                          }
        
        
        .brdrounded {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px;}
        .tabs {font-size:1.2em; margin:0 0 0 2px;height:36px; text-transform:uppercase}
        .tabs li{float:left; display:block; margin:0 4px 0 0}
        .tabs li {position:relative; top:1px;}
        .tabs li a{display:block; float:left; padding:7px 6px 6px; background:#3366CC; color:#dbdbdb; 
        font-weight:bold; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-right-radius:3px;
         -webkit-border-top-left-radius:3px; -webkit-border-bottom-right-radius:0;
          -webkit-border-bottom-left-radius:0; border-radius: 3px 3px 0 0;
           text-align:center; font-size:14px;}
                   
        .tabs li a{background:#fff; border-color:#fff; color:#000; text-decoration:none}
        .tabs li a:hover {background:#FF0099; color:#fff; border-color:#0f6cde; border-bottom-color:#0f6cde;}
        .tabs li a.current {background:#3366CC; color:#fff; border-right: solid 1px #BECDDF; border-left: solid 1px #BECDDF; border-top: solid 1px #BECDDF}
        .tabs ul {display:block}
        .tabs li.current {background-color:#ff2a9e; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; border-radius: 3px 3px 0 0;}
        
        .helpcontent h1 {margin-top:15px; margin-left:15px}
        .helpcontent{padding-top:5px}
        
        
        .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
        .clearfix {display:inline-block;}
        /* Hide from IE Mac \*/
        .clearfix {display:block;}
        /* End hide from IE Mac */
        
        .helpcontent h1 {color:#000; font-size:26px}
        
        .leftcol {width:200px; margin: 0 10px; float:left}
        .leftcol .title  { color:#fff; font-weight:bold;font-size:16px; padding:4px 0px 0px 13px;margin:0 2px 0 0;}
        .leftcol .title h2 {margin:0; padding:0px;font-weight:bold;font-size:16px;}
        .leftcol div.title{background:#3366CC;height:22px;margin-bottom:5px}
        .outtertitle {background:url(../i/div-rightfade.gif) no-repeat  right ; padding-right:1px}
        
        
        
        .leftcol a {display:block; width:189px; margin-top:0px; padding:2px 0px 2px 13px; border-bottom:1px solid #BECDDF}
        .leftcol a:hover {display:block; width:187px; margin-top:0px; padding:2px 0px 2px 13px;background-color:#A3A3A3; width:184px}
        
        .leftcol .subtitle {color:#000; padding:2px 0px 2px 13px; margin:4px 0}
        .leftcol a {text-decoration:none; color:#FF0099; width:184px}
        .leftcol .selected {background-color:#FF0099; color:#fff; padding:2px 0px 2px 13px;}
        .leftcol a.selected  {color:#fff}
        .leftcol a.selected:hover {background-color:#A3A3A3; color:#fff}
        
        ul.leftnav {padding:0; margin:0}
        ul.leftnav li {list-style-type:none; }
        
        .spacer {height:15px}
            
        .rightcol {margin-left:230px; margin-right:10px; margin-top:10px}
        .rightcol .title a {color:white; margin-left:10px; text-decoration:none}
        
        
        .rightcol {padding-left:00px; padding-right:3px}
        .rightcol a{color:#115398; text-decoration:none}
        .rightcol .title a:hover {text-decoration:none}
        
        
        .title-new a{background:#115398 url(../i/div-fade.gif) repeat-x bottom; color:white; display:block; font-size:16px; padding:4px 4px 6px 8px; margin:10px 2px 10px 0px; font-weight:bold}
        .title-new a:hover {text-decoration:none}
        .title-new h2 {margin:0; padding:0; display:inline; font-size:16px;}
        /*.rightcol h2.title {color:#fff; font-weight:bold;
                font-size:16px; padding:2px 4px 4px 25px; margin:8px 2px 8px 0px}*/
        h2.title {background:#3366CC url(../i/plus.gif) 10px 10px no-repeat; width:675px; color:#fff; font-weight:bold;font-size:16px;padding:4px 0px 0px 25px;margin:0 10px 10px 0px; cursor:pointer}
        h2.highlight {background:#FF0099 url(../i/minus.gif) 10px 10px no-repeat; width:675px; color:#fff; font-weight:bold;font-size:16px;padding:4px 0px 0px 25px;margin:0 10px 10px 0px; cursor:pointer}
        
        
        
        .rightcol a:hover{text-decoration:underline}
        .rightcol .image {float:right}
        .collapsiblecontent .image {margin-right:3px; margin-left:10px}
        .collapsiblecontent {padding: 0px 0px 10px 10px}
        .viewimagelink a {background: url(../i/magniglass.png) 0px 0px no-repeat;height:30px; padding-left:30px;padding-top:5px;padding-bottom:5px;} 
        .overlaycontent {height:450px;}
        /* the overlayed element */
        div.overlay {
	        /* growing background image */
	        background-image:url(../i/white.png);
	        /* dimensions after the growing animation finishes  */
	        width:650px;
	        height:550px;	
	        /* initially overlay is hidden */
	        display:none;
	        /* some padding to layout nested elements nicely  */
	        padding:45px 55px 0 55px;
        }

        /* default close button positioned on upper right corner */
        div.overlay div.close {
	        background-image:url(../i/close.png);
	        position:absolute;
	        right:5px;
	        top:5px;
	        cursor:pointer;
	        height:35px;
	        width:35px;
        }
        .prevnext {margin:0 -29px 0 -29px}
        .prevnext a{color:Black; text-decoration:none; text-transform:uppercase}
        .prevnext .previous{width:95px; float:left; text-align:center; height:28px; padding-top:10px;-moz-border-radius: 3px 3px 3px 3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; border-radius: 3px 3px 3px 3px; background: url(../i/button-fade.gif) 0 0 repeat-x;}
        .prevnext .content {float:left; width:405px; padding: 10px 0 0 10px}
        .prevnext .contentgallery {float:left; width:455px; padding: 0px 0 0 13px; margin-top:-5px}
        .prevnext .contentgallery img {margin: 0px 3px 0 3px}
        .prevnext .next {width:95px;  float:right; text-align:center; height:28px;padding-top:10px;-moz-border-radius: 3px 3px 3px 3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; border-radius: 3px 3px 3px 3px; background: url(../i/button-fade.gif) 0 0 repeat-x;}
 
        .alertsbox {background-color:#cc0000;height:70px; margin:15px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; border-radius: 3px 3px 3px 3px;}
        .alert {background: url(../i/alert.gif) 00px 14px no-repeat;margin-left:0px; padding-left:0px; font-size:22px; color:White; margin-left:20px; width:70px; font-weight:bold; padding-top:22px; float:left; height:50px}
        .alerttext {color:white; padding-top:20px;}
        
        .footerlinks {width:942px; margin:20px auto 50px; border:1px solid #BECDDF; padding:10px 0; background-color:#fff}
        .footerlinks .leftpad {padding-left:500px;}
        .footerlinks a:hover {text-decoration:underline}
        .footercontent {text-align:right; margin-right:11px}
        .footercontent div {padding-left:20px; display:inline}
        
.helpleftcol .title{margin-right:0px}
.helpleftcol {margin-top:25px; border:1px solid #8FC6FA}
.helpleftcol ul {margin:0; padding:0}
.helpleftcol li {margin:10px 0 10px 0; padding:0 0 0 10px; list-style-type:none}
.helpleftcol a {margin-left:0; padding-left:0; display:inline}
.helpleftcol a:hover{margin-right:0px; width:100%; margin-top:0px; padding:0px;background-color:#fff;display:inline}