
 /* BASE*/
body {width: 1000px;text-align: center; /* IE centering */	margin-top:0px;margin-bottom:10px;font-size:12px;font-family:arial;margin-left:auto;margin-right:auto;height:1000px}
td{font-size:12px}
a:link, a:visited {text-decoration:none;color: #004299;outline:none;}
a:hover  {text-decoration: underline !important}
ul li{list-style-image: url(../gif/ma-bullet.gif);margin-bottom:5px;}
ol li{margin-bottom:5px;}

ul{margin-left: 10px; padding-left: 0;margin-top:5px;}
ol{margin-left: 10px; padding-left: 0;margin-top:5px;}
html>body ul{padding-left: 10px;margin-top:5px;}
html>body ol{padding-left: 10px;margin-top:5px;}

.content ul{margin-left:0px;padding-left:0px}
html>body .content ul{margin-left:0px;padding-left:0px !important}
.content ul li{list-style-image:none;list-style-type:none;line-height:1.5em}
.content{padding:0px 10px 10px 10px }

p{line-height:1.5em}
h1{color:#0384C5;font-size:20px;font-weight:normal;margin:0 0 4px 0;padding:0px ;}
h2{font-size: 14px; margin: 0px; color: #000;}
h3{font-size: 14px; margin: 0px; color: #000;}
h4{color: #666666;font-size: 12px;font-weight: bold;margin-top: -3px;text-transform: uppercase;}
.disclaimer{font-size:11px;color:#444}
.store-tos h1{font-size:12px!important;font-weight:bold;color:#444}


.footer {clear: both; font-size: 11px; height:50px; padding: 10px; padding-bottom: 5px; text-align: left; }
.footer-contact { float: right; }
.footer-copyright {font-size: 11px; height: 20px; line-height: 174%; margin-bottom: 20px; }
.header-banner { background-image: url(../header-ma.html); height: 89px; }
.header-links {color: #FFFFFF;float: right;font-size: 11px;margin-right: 21px;*margin-right: 22px;margin-top: 16px;*margin-top:-73px;text-align: right; width: 207px;font-family:Arial, sans-serif; }
.header-links a{color: #FFFFFF;text-decoration:none}
.header-links a:hover{text-decoration:underline}

.search { background-image: url(../png/search-2.png); background-position: 0 2px; background-repeat: no-repeat; float: right; height: 27px; margin-top: 1px; width: 200px; }


div.tooltip {background: none repeat scroll 0 0 #333333;border-radius: 4px 4px 4px 4px;
display: none;font-family: arial;font-size: 11px;padding: 1px 0 5px 8px;top: 28px!important;left: 959.5px !important;;width: 195px;}
.contact-table 
.contact-table { margin-right: 0 !important;padding-top:5px;width:190px}
.contact-table td{font-size:11px}



 /* Main menu*/
.menu { background-image: url(../ma-navigation.html); background-repeat: repeat-x; height: 29px; width: 980px; }
div#main_navi ul li { float: left; list-style-image: none !important; margin-top: -2px; position: relative;font-weight: normal; }
div#main_navi ul.left { float: left; font-size: 11px; list-style-type: none; margin-left: 10px; margin-top: -2px; padding: 0px 0 0px 0px; width: 750px; }
div#main_navi ul.left li a { color: #fff; float: left; font-size: 12px; letter-spacing: 0.1em;line-height: 18px; margin: 0 30px 0 8px; outline: none; overflow: hidden; padding: 8px 3px; text-decoration: none; }
div#main_navi ul.left li a:hover { color: #B4E5FE; text-decoration: none !important; }
div#main_navi ul.left li ul { background-color: #000; border-top: 0; display: none; height: auto; left: -0px; margin-top: 30px; padding: 0 3px; position: absolute; width: 200px; z-index: 1000; z-index: 3000; }
div#main_navi ul.left li ul li { margin-left: -0px; overflow: hidden; padding-left: 0px; width: 200px; }
div#main_navi ul.left li ul li a { font-size: 13px; margin: 0 2px; padding: 3px 6px; text-decoration: none; }
div#main_navi ul.right { float: right; list-style-type: none; padding: 9px 5px 0 0; }
div#main_navi ul.right li a { color: #fff; float: left; font-size: 12px; line-height: 20px; margin: 0 0 0 10px; overflow: hidden; text-decoration: none; }
html>body div#main_navi ul.left { width: 750px; }
html>body div#main_navi ul.left li ul { left: -0px; }



#container { background: #ffffff; border: 1px solid #ccc; margin: 0 auto;text-align: left; width: 980px;  margin-top:2px;}
#page { margin: 0px; min-height: 400px; padding: 20px 20px 20px 20px; text-align: left; }
.col-h1 { color: #0000; font-size: 20px; font-weight: normal; margin: 0 0 4px 0; padding: 0px; }
.event {background-image: url(../png/diag.png); border: 1px solid #ccc; margin-bottom: 20px; margin-top: 10px; padding: 10px; }
.left{width:175px;float:left;margin-right:20px}
.center-column {float: left;width: 505px;margin-right:20px}
.right-column{width:220px;float: left;}
.module{margin-right:0px;margin-bottom:20px;border:1px solid #ccc; background:#f9f9f9}


 /* cool buttons ie */
.clear { /* generic container (i.e. div) for floating buttons */overflow: hidden;width: 100%;}
a.button {cursor:pointer;background: transparent url(../gif/bg_button_a-3.gif) no-repeat scroll top right;color:#444 !important
   font-weight:bold; display: block;float: left;font: normal 12px arial, sans-serif;height: 21px;margin-right: 6px;padding-right: 10px; /* sliding doors padding */}
a.button span {cursor:pointer;background: transparent url(../gif/bg_button_span-3.gif) no-repeat;display: block;line-height: 11px;padding: 5px 0 6px 10px;text-decoration:none;color:#444 !important}
a.button:active {cursor:pointer;background-position: bottom right;outline: none; /* hide dotted outline in Firefox */}
a.button:active span {cursor:pointer;background-position: bottom left;padding: 7px 0 4px 10px; /* push text down 1px */} 
 /* cool buttons FF */
 a.button:visited{color:#444 !important}
html>body a.button {background: transparent url(../gif/bg_button_a-2.gif) no-repeat scroll top right;color: #222;display: block;float: left;font: normal 12px arial, sans-serif;height: 20px;margin-right: 6px;padding-right: 10px; /* sliding doors padding */text-decoration: none;cursor:pointer}
html>body a.button span {background: transparent url(../gif/bg_button_span-2.gif) no-repeat;display: block;line-height: 9px;padding: 5px 0 6px 10px;text-decoration:none;cursor:pointer}
html>body a.button:hover{text-decoration:none !important;color:#999;cursor:pointer}
html>body a.button:active {cursor:pointer;background-position: bottom right;color: #222;outline: none; /* hide dotted outline in Firefox */}
html>body a.button:active span {cursor:pointer;background-position: bottom left;padding: 7px 0 4px 10px; /* push text down 1px */} 
 /* ------- */
 

 /* Block Page and Registrastion*/
.block-page {background-image: url(../block-page.html);background-position: left top;background-repeat: no-repeat;
margin-bottom: 50px;margin-top: 10px;min-height: 580px;padding-left: 20px;padding-top: 20px;width: 947px;}
.block-page-holder {margin-left: 80px;margin-top: 75px;}
.block-page-1{width:300px;height:300px;float:left;background-position: top right;background-repeat:no-repeat;margin-right:65px;margin-top:-10px}
.block-page-2{float:left;height:350px;margin-left:70px;margin-top:-10px;width:350px;}
.block-page-1 h3, .block-page-2 h3{border-bottom: 0 none !important; color: #009BE1;font-family: arial;font-size: 19px;font-weight: normal;margin-bottom: 5px;margin-top: 10px;}
.register-bg {background-image: url(../png/register-bg.png);background-position: left top;
background-repeat: no-repeat;margin-bottom: 50px;margin-top: 10px;min-height: 580px;padding-left: 20px;padding-top: 20px;width: 947px;
}
.register{background-image: url(../png/register.png);background-position: left top;
background-repeat: no-repeat;margin-bottom: 50px;margin-top: 10px;min-height: 580px;padding-left: 20px;padding-top: 20px;width: 947px;
}
.register-tos{ border: 1px solid #ccc; color: #000!important; font-size: 11px; height: 67px; overflow-x: hidden; overflow-y: scroll; padding: 10px; width: 365px;background:#fff;height:77px;margin-bottom: 5px;}
.register-tos h1 { color: #000; font-size: 12px; font-weight: bold; 
}
#email{margin-top:3px;}
#passwordReq{ display:none;background: none repeat scroll 0 0 #FFFFDD;border: 1px solid #EAE3C2!important;color: #000000 !important; margin: 5px;}

 .passwordreq{font-size:9px;font-style:italic}