html{background: url(/media/frontoffice/bg.jpg) #8200A0 top repeat-x;}
body{background: url(/media/frontoffice/stars.png) transparent top center no-repeat;font-family: Verdana, sans-serif;color: #333;font-size: 13px;line-height: 18px;}
#globalLocation{width: 960px;margin: 0 auto;padding: 0 10px;display: table;}
#headerLocation{height: 150px;float: left;width: 960px;}
#menuLocation{height: 60px;padding: 0 10px;float: left;width: 940px;}
#threadLocation{height: 40px;background-color: #CC064C;float: left;width: 960px;}
#contentLocation{padding: 10px 10px 0 10px;background: url(/media/frontoffice/wrapper.png) transparent top left repeat-x;width: 940px;float: left;}
.modules-htloto-logo{padding: 34px 0 0 97px;position: relative;float: left;}
a.twitter{position: absolute;top: 24px;left: 339px;}
.modules-htloto-clubinfos{float: right;margin-right: 10px;}
.modules-htloto-clubinfos div{padding: 0 5px 2px 5px;background-color: #8200A0;color: #fff;border-radius: 0 0 8px 8px;-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;-webkit-border-bottom-left-radius: 8px;-webkit-border-bottom-right-radius: 8px;-khtml-border-bottom-left-radius: 8px;-khtml-border-bottom-right-radius: 8px;}
ul.taggedmenuhorizontal li{list-style-type: none;margin-right: 15px;display: inline;float: left;}
ul.taggedmenuhorizontal li.last{float: right;margin-right: 0;}
ul.taggedmenuhorizontal li a{border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;background-color: #8200A0;padding: 6px 12px;color: #fff;font-weight: bold;text-decoration: none;font-size: 1.2em;display: block;}
ul.taggedmenuhorizontal li.last a{background-color: #B76CC8;}
ul.taggedmenuhorizontal li a:hover, ul.taggedmenuhorizontal li.current a{background-color: #E8D0EE;color: #000;}
ul.taggedmenuhorizontal li.last a:hover{background-color: #CC064C;color: #fff;}
ul.thread li{list-style-type: none;display: inline;color: #fff;font-family: Verdana, sans-serif;font-size: 1.1em;}
ul.thread li a{text-decoration: underline;color: #fff;font-weight: bold;line-height: 40px;}
ul.thread li a:hover{text-decoration: none;}
ul.thread li span{font-weight: bold;font-size: 1em;font-family: "Trebuchet MS", Verdana, sans-serif;color: #333;}
#footerLocation{background: url(/media/frontoffice/footer.png) transparent top left repeat-x;height: 130px;padding: 0 20px;float: left;width: 920px;}
#footerleftLocation{float: left;width: 880px;padding-top: 25px;}
#footerrightLocation{width: 40px;float: left;padding-top: 15px;text-align: right;}
ul.footer li{list-style-type: none;display: inline;}
ul.footer li a{text-decoration: none;color: #000;font-size: 1.1em;font-weight: bold;}
ul.footer li a:hover{text-decoration: underline;}
ul.footer li span{font-size: 1em;color: #8200A0;font-weight: bold;margin: 0 5px;}
h1, h2, h3, h4{color: #8200A0;margin-bottom: 15px;clear: both;}
h1 a.link, h2 a.link, h3 a.link, h4 a.link{color: #8200A0;}
h1 a.link:hover, h2 a.link:hover, h3 a.link:hover, h4 a.link:hover{color: #CC064C;}
h1{font-size: 2em;}
h2{font-size: 1.6em;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em;}
p{line-height: 18px;color: #333;margin-bottom: 15px;}
a{color: #CC064C;text-decoration: underline;}
a:hover{text-decoration: none;}
em a{color: #333;}
table.normal{border-left: 1px solid #000;border-collapse: collapse;margin-bottom: 15px;}
table.normal thead{background-color: #E8D0EE;}
table.normal thead td{font-weight: bold;}
table.normal tr td, table.normal tr th{padding: 5px;border-right: 1px solid #000;}
table.normal tbody tr:hover{background-color: #ECD9F1;}
ul.normal{margin-bottom: 15px;}
ul.normal li{background: url(/media/frontoffice/puce.png) transparent left 4px no-repeat;list-style-position: inside;padding-left: 15px;margin-left: 10px;line-height: 20px;}
#columntwoLocation ul.normal li a, .column-right ul.normal li a{text-decoration: none;color: #333;}
#columntwoLocation ul.normal li a:hover, .column-right ul.normal li a:hover{text-decoration: underline;color: #CC064C;}
form.cmxform ol{margin-bottom: 15px;}
form.cmxform ol.marginbottom, form.cmxform ol.marginbottom li{float: left;}
form.cmxform ol li label{min-width: 150px;}
form.cmxform ol li label.max{min-width: 350px;}
form.cmxform ol li label.min{min-width: 50px;}
.error, .errors{color: #CC064C;}
em{margin-bottom: 10px;display: block;}
input.button{background-color: #8200A0;color: #fff;border: 1px solid #333;}
p.normal.pay a{background-color: #8200A0;padding: 8px 20px;color: #fff;text-decoration: none;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;font-size: 1.2em;font-weight: bold;}
#columnoneLocation{background-color: #fff;width: 600px;margin-right: 20px;padding: 15px 10px 0 10px;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;}
#columntwoLocation{background-color: #fff;float: right;width: 280px;padding: 15px 10px 0 10px;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;}
#columntwoLocation h2{color: #CC064C;}