
/***** Global Settings *****/

html, body {
    border:0;
    margin:0;
    padding:0;
}

body {
    font:62.5% Arial, Helvetica, sans-serif;
    background: #fff url('/img/layout/backgrounds/bg.jpg') no-repeat fixed 0 0;
    color: #313131;
}

/***** Headings *****/

h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    font-weight:normal;
}

h1 {
    padding:30px 0 25px 35px;
    margin-left: 20px;
    letter-spacing:-1px;
    font-size:35px;
    font-family: Roboto;
    background: url(/img/layout/backgrounds/h1.gif) no-repeat;
    background-position: left;
}

h2 {
    padding:20px 0;
    font-size:2em;
    font-family: RobotoCondensed;
}

h3 {
    padding: 10px 0 5px 0;
    font-size:15px;
    font-weight:bold;
    font-family: Arial;
}

/***** Common Formatting *****/

p, ul, ol {
    margin:0;
    padding:0 0 1.25em 0;
}

ul, ol {
    padding:0 0 1.25em 2.5em;
}

blockquote {
    margin:1.25em;
    padding:1.25em 1.25em 0 1.25em;
}

small {font-size:0.85em;}

img {border:0;}

sup {
    position:relative;
    bottom:0.3em;
    vertical-align:baseline;
}

sub {
    position:relative;
    bottom:-0.2em;
    vertical-align:baseline;
}

acronym, abbr {
    cursor:help;
    letter-spacing:1px;
    border-bottom:1px dashed;
}

/***** Links *****/

a,
a:link,
a:visited,
a:hover {
    text-decoration:none;
    outline: none;
    color: #3383b8;
}

a:hover {
    text-decoration: underline;
}

/***** Forms *****/

form {
    margin:0;
    padding:0;
    display:inline;
}

form input,
form password,
form select,
form textarea {
    font:1.3em RobotoCondensed;
    color: #444444;
    background-color: #f8f8f8;
    border: 1px solid #cdcdcd;
}

form textarea {
    width:100%;
    line-height:1.25;
}

INPUT[type="checkbox"],
INPUT[type="radio"] {
    vertical-align: middle;
}

form label {
    font-family: RobotoCondensed;
}

input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
    border: 0;
}


/***** Tables *****/

table {
    border:0;
    margin:0 0 1.25em 0;
    padding:0;
}

table tr td {padding:2px;}

/***** Wrapper *****/

#wrap {
    width:1000px;
    margin:0 auto;
}

/***** Global Classes *****/

.clear         {clear:both;}
.float-left    {float:left;}
.float-right   {float:right;}

.text-left     {text-align:left;}
.text-right    {text-align:right;}
.text-center   {text-align:center;}
.text-justify  {text-align:justify;}

.bold          {font-weight:bold;}
.italic        {font-style:italic;}
.underline     { border-bottom:1px solid; }
.highlight     {background:#ffc;}

.wrap          { width:1000px;margin:0 auto; }
.nowrap        { white-space:nowrap; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     {padding:0;}
.noindent      {margin-left:0;padding-left:0;}
.nobullet      {list-style:none;list-style-image:none;}

.top           {vertical-align: top;}

.hidden        {display:none;}

/* backgrounds */
.bg_white       {background-color: #fff;}
.bg_blue        {background-color: #97cfff;}
.bg_darkblue    {background-color: #57B3FF;}
.bg_grey        {background-color: #a8a8a8;}
.bg_lightgrey   {background-color: #e6e6e6;}
.bg_darkgrey    {background: url("/img/layout/backgrounds/transparent_darkgray.png") repeat scroll 0 0 transparent;}
.bg_orange      {background-color: #FFB91E;}
.border_dotted_left {background: url("/img/layout/backgrounds/dot_pattern.png") repeat-y top left;}
.border_dotted_right {background: url("/img/layout/backgrounds/dot_pattern.png") repeat-y top right;}
.border_dotted_bottom {background: url("/img/layout/backgrounds/dot_pattern_horizontal.png") repeat-x top left;}

#data-safety-container p {
  padding-bottom: 6px;
}
