/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
---
Advance Wars Experience - Feuille de style en cascade.
---
Design Normal
Media Ecran

Par Antwan - webmaster@aw-experience.com

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Paramètres communs à chaque page */
body {
background-color:#fffef2;
text-align:left;
width:100%;
height:auto;
padding:0px 0px 0px 0px;
margin: 0px;
cursor: url('picts/aw.cur'), default;
} 

img {
border:none;
vertical-align:baseline;
}

a {
color: inherit;
text-decoration: none;
}

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

h1.title:before{
display:inline;
content: url("picts/bouton_gauche.gif");
vertical-align:-13px;
padding-right:5px;
}

h1.title {
font-size:17px;
font-family:"Comic sans ms", "ChalkboardSE-Regular", sans-serif;
font-weight:normal;
padding-bottom:0px;
padding-top:0px;
background:transparent url('picts/bouton_milieu.gif') 10px 0px  repeat-x;
margin-bottom:2px;
display:table-cell;
height:33px;
}
h1.title:after{
display:inline;
content: url("picts/bouton_droite.gif");
vertical-align:-13px;
padding-left:5px;
}

input.inputText {
font-family:"Comic sans ms", "ChalkboardSE-Regular", sans-serif;
font-size:13.5px;
font-weight:bold;
border-width:1px;
border-style:solid;
border-color:#99CCFF;
margin-bottom:-2px;
-moz-border-radius:6px;
border-radius:6px;
padding-left:3px;
margin-top:2px;
}

input.inputSubmit {
font-family:"Comic sans ms", "ChalkboardSE-Regular", sans-serif;
margin-top:10px;
font-size:12.5px;
font-weight:bold;
color:#000000;
background-color:#bbddff ;
}

p.inputSubmit {
margin:0px;
padding:0px;
text-align:center;
}

/* Espaceurs verticaux */
p.5px {
padding:5px 0px 0px 0px;
margin-left: 0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
font-size:1px;
}

p.10px {
padding:10px 0px 0px 0px;
margin-left: 0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
font-size:1px;
}

p.20px {
padding:20px 0px 0px 0px;
margin-left: 0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
font-size:1px;
}

p.30px {
padding:30px 0px 0px 0px;
margin-left: 0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
font-size:1px;
}

/* Paramètres pour le splashscreen (SS) */
body.ss {
background-color: #eafeff;
background-image: url('images/acc.jpg');
background-repeat: no-repeat;
background-position: center 20%;
}

div.ss {
display:block;
text-align:center;
position:absolute;
-moz-border-radius:20px;
border-radius:20px;
top:45%;
left:50%;
margin-top:-150px;
margin-left:-200px;
cursor:default;
width:400px;
height:300px;
border: 0px;
padding:10px 10px 10px 10px;
background-color:white;
}

p.ss {
font-family:"Comic sans ms", "ChalkboardSE-Regular", sans-serif;
font-weight:bold;
text-align:left;
font-size:10pt;
color:black;
padding:0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

.ggbombing{
font-family:sans-serif;
text-align:left;
font-size:1px;
color:white;
padding:0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

h1.ss {
font-family:"Comic sans ms", "ChalkboardSE-Regular", sans-serif;
font-size:15px;
font-weight:bold;
text-align:center;
color:#25221D;
padding:0px 0px 0px 0px;
margin-top: 10px;
margin-bottom: 30px;
margin-left: 0px;
margin-right: 0px;
}

h3.ss {
font-family:"Comic sans ms", "ChalkboardSE-Regular", sans-serif;
font-weight:bold;
text-align:right;
font-size:10pt;
color:black;
padding:0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

table.ss {
border:none;
padding:0px;
margin:0px;
width:400px;
}

td.td50 {
width:50%;
}

td.td70 {
width:70%;
}

td.td30 {
width:30%;
}

p.checker {
margin:0px 3px 0px 0px;
padding:0px;
position:absolute;
bottom:5px;
right:2px;
}

/* Paramètres pour le bienvenue */
body.bv {
text-align:center;
}

table#bv {
display:block;
width:400px;
padding:0px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
border:none;
}

table#bv td{
width:50%;
vertical-align:top;
}

p.bv {
font-family:"Comic sans ms", "ChalkboardSE-Regular", sans-serif;
font-size:15px;
font-weight:bold;
text-align:center;
color:#25221D;
padding:0px 0px 0px 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
}

a.bv {
color:#000060;
text-decoration:none;
}

a.bv:hover {
color:#aa0000;
text-decoration:none;
}

a.bv:active{
color:white;
text-decoration:underline;
background-color:#aa0000;
-moz-border-radius:6px;
border-radius:6px;
}

/* Ranking buttons */

div.footerGuideContainer {
    background-color:#FFF8E5;
    padding:3px;
    border:1px solid #E8E4D1;
    overflow:auto;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

div.footerGuideContainer  > span > img{
    vertical-align:middle;
    margin:0 3px 0 0;
}

div.footerGuideContainer  > span  > a.n{
    padding-left:19px;
}

div.footerGuideContainer  > span {
    display:block;
    margin:0;
}

div.footerGuideContainer  > div {
    float:right;
    margin:2px;
    background-color:White;
    padding:3px;
    border:1px solid #E8E4D1;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    text-align:center;
}

div.footerGuideContainer  > div  > span.scoreLabel{
    color:#C2C2C2;
    font-size:10px;
    display:block;
    line-height:26px;
    padding-left:4px;
    width:148px;
}

div.footerGuideContainer  > div  > span.score{
    font-size:13pt;
    color:#151515;
    float:right;
    display:inline;
    text-align:center;
    width:48px;
    line-height:26px;
    text-shadow:rgba(0,0,0,0.2) 0 1px 0;
}

div.footerGuideContainer  > div  > span.score img{
    vertical-align: sub;
    margin-left: 5px;
}

div.footerGuideContainer  > div  > a {
    display:inline-block;
    font-size:10px;
    font-weight:normal;
    border-width:1px;
    border-style:solid;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding:3px 3px 3px 19px;
    text-shadow:rgba(0,0,0,0.2) 0 1px 0;
    opacity:0.65;
    outline:none;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
div.footerGuideContainer  > div  > a:hover {
    -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
    opacity:1;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

a.rankUP {
    background:#BBFFBB url("/picts/plus-button.png") no-repeat 2px 50%;
    color:#009000;
    border-color:#009000;
}

a.rankDOWN {
    background:#FFBBBB url("/picts/minus-button.png") no-repeat 2px 50%;
    color:#A00000;
    border-color:#A00000;
}

span.rankWait{
    background:transparent url("/picts/throbber.png") no-repeat 0 0;
    display:inline-block;
    height:16px;
    width:16px;
}

div.qualityguide {
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:url("/picts/medal.png") no-repeat scroll 99% 5px #FFF8E5;
    border:1px solid #E8E4D1;
    padding:3px 26px 3px 3px;
    margin:0 0 4px -4px;
}
div.qualityguide a{
    color:#303000 !important;
}