/**********************************
Global Style

Index:
    01. Reset
    02. Font multiplier table
    03. Global Settings for Common
         HTML elements
    04. Template Structure
    05. Text Colors
    06. Navigation Bar
    07. Shared/General Components
    08. Answer & Question Detail Pages
    09. Home Page
    10. Account Pages
    11. General Accessiblity
    12. Print Style
    13. Chat Related
**********************************/

/********************
    01. Reset
********************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul, ol, li, dl, dt, dd{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;padding:0;}
/*because legend doesn't inherit in IE */
legend{color:#000; padding:0;}
a img, iframe { border: none; }

/*************************************
    02. Font multiplier table
**************************************
Pixels  EMs   Percent    Points
6px   0.500     50.00%     5pt
7px     0.583     58.30%     5pt
8px     0.667     66.70%     6pt
9px     0.750     75.00%     7pt
10px     0.833     83.30%     8pt
11px     0.917     91.70%     8pt
(12px is our body default)
12px     1.000     100.0%     9pt
13px     1.083     108.3%     10pt
14px     1.167     116.7%     11pt
15px     1.250     125.0%     11pt
16px     1.333     133.3%     12pt
17px     1.417     141.7%     13pt
18px     1.500     150.0%     14pt
19px     1.583     158.3%     14pt
20px     1.667     166.7%     15pt
21px     1.750     175.0%     16pt
22px     1.833     183.3%     17pt
23px     1.917     191.7%     17pt
24px     2.000     200.0%     18pt
***************************************/

/*************************************
    03. Global Settings for Common
          HTML elements
*************************************/
html {
    background:#FFF url(images/layout/royalGrayBackground.png) repeat-x;
    font-family:Helvetica, Arial, sans-serif;
}
/*Japanese charset support*/
html[lang="ja-JP"],
html[lang="ja-JP"] input, html[lang="ja-JP"] textarea, html[lang="ja-JP"] select {
    font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", Helvetica, Arial, sans-serif;
}
body {
    font-size:.75em;
    line-height:1.250em;
    text-align:left;
}

h2, h3, h4, h5, h6 {
    font-family:Arial, sans-serif;
    font-weight:bold;
}
h1 { /* 25px */
    font-size:2.083em;
    font-weight:normal;
    line-height:1.8em;
}
h2 { /* 16px */
    font-size:1.333em;
    line-height:1.4em;
}
h3 { /* 14px */
    color:#2F2F2F;
    font-size:1.167em;
    line-height:1.3em;
}
h4 { /* 12px */
    color:#404040;
    font-size:1em;
    line-height:1.3em;
}
h5 { /* 11px */
    color:#505050;
    font-size:0.917em;
    line-height:1.0em;
}
h6 { /* 10px */
    color:#505050;
    font-size:0.833em;
    line-height:.8em;
}
p {
    line-height:1.4em;
    margin-bottom:1em;
}
table {
    border-collapse:separate;
    border-spacing:0.3em;
}
hr {
    margin:10px 0px;
}
strong {
    font-weight: bolder;
}
caption {
    color:#404040;
    font-size:1em;
    font-weight:bold;
    line-height:1.3em;
}
blockquote {
    margin:10px 30px;
}

a {color:#FF00FF;
text-decoration:none;
}

a:visited {
    color:#FF00FF;
}
input[type="text"], input[type="password"]  {
    height:18px;
}
input, textarea, select {
    border:solid 1px #B1B1B1;
    /*font-family bears repeating for IE6/7*/
    font-family:Helvetica, Arial, sans-serif;
    padding:2px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    border-color:#AAA;
    background-color:#F8F8F8;
}
input[type="submit"],
button {
    /*  button gradient 1x60 sprite image */
    background:#8CC63F;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    border:1px solid #8CC63F;
    color:#FFF;
    cursor:pointer;
    font:bold 12px Helvetica,Arial,sans-serif;
    line-height:normal;
    margin-right:6px;
    padding:6px 8px;
    text-decoration:none;
    text-shadow:2px 2px 2px rgba(0,0,0,0.25);
    /*Fix for IE6/7 button width bug*/
    *width:auto;
    *overflow:visible;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus {
    background-position: 0px -40px;
    border-color:#8CC63F;
    cursor:pointer;
}
input[type="submit"][disabled],
button[disabled] {
    background-color:#8CC63F;
    background-position: 0px -40px;
    border-color:#8CC63F;
    color:#8CC63F;
}
input[type="submit"]:focus,
button:focus {
    /*IE8 doesn't apply focus outline natively*/
    outline /*\**/:#000 dotted 1px\9
}


/*************************************
    05. Text Colors
*************************************/
body,
fieldset legend {
    color:#000;
}
a {
    color: #009ade;             
}

a:hover {
        text-decoration: underline; 
}