/*
===============================================================================
the font attributes:
font: <font-style> <font-variant> <font-weight> <font-size> <font-family>

where:
font-style: normal | italic | oblique
font-variant: normal | small-caps
font-weight: normal | bold | bolder | lighter
===============================================================================
*/

body
{
  font-family: arial, verdana, geneva, helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #fafafa;
  margin: 0px;
  padding: 0px;
}

#outer_container
{
  width: 820px;
  margin: 0 auto;
  background-image: url(/images/bg-shadow.gif);
  background-repeat: repeat-y;
}

#inner_container
{
  background-image: url(/images/bg.gif);
  background-color: #faeae2;
  width: 800px;
  margin: 0 10px;
  padding-bottom: 30px;
}

#footer
{
  width: 820px;
  height: 50px;
  margin: 0 auto 20px;
  background-image: url(/images/bg-shadow-bottom.gif);
  background-repeat: no-repeat;
  text-align: center;
  font-size: 11px;
  color: #999999;
  padding-top: 10px;
}

p, div, span, td, dl, li, legend
{
  font: normal normal normal 12px arial, helvetica, verdana, geneva, sans-serif;
  color: #000000;
}

input, textarea, select, option
{
  font: normal normal normal 11px verdana, arial, helvetica, geneva, sans-serif;
  color: #000000;
}

b
{
  font-weight: bold;
  color: #444444;
}

i
{
  font-style: italic
}

pre
{
  background-color: white;
  border: 1px solid silver;
  padding: 10px;
}

.error
{
  color: #FF0000;
}

.errorbox
{
  color: #FF0000;
  background-color: #FFFFFF;
  border: 1px solid #FF0000;
  padding: 10px;
}

.infobox
{
  color: #006600;
  background-color: #FFFFFF;
  border: 1px solid #006600;
  padding: 10px;
}

.small
{
  font: normal normal normal 10px arial, helvetica, verdana, geneva, sans-serif;
  color: #666666;
}

.light
{
  color: #999999;
}

#copyright
{
  padding-left: 5px;
  font: 9px arial, helvetica, sans-serif;
  color: #bb5e6e;
  line-height: 150%;
}

#copyright a:link, #copyright a:visited
{
  text-decoration: none;
  color: #bb5e6e;
}

#copyright a:hover
{
  text-decoration: underline;
}

input.text, input[type="text"], textarea, select
{
  border: 1px solid #a1a1a1;
  background-color: #ffffff;
  margin-bottom: 1px;
  padding: 1px;
}

input.button, input[type="submit"], input[type="button"], input[type="cancel"]
{
  border: 1px solid #a1a1a1;
  background-color: #efefef;
  margin-bottom: 1px;
  margin-right: 2px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
===============================================================================
Headers
===============================================================================
*/

h1
{
  font-size: 17px;
  font-style: normal;
  font-weight: bold;
  font-family: arial, helvetica, verdana, geneva, sans-serif;
  color: #4B4643;
}

h2
{
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  font-family: arial, helvetica, verdana, geneva, sans-serif;
  color: #4B4643;
}

h3
{
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  font-family: arial, helvetica, verdana, geneva, sans-serif;
  color: #4B4643;
}

/*
===============================================================================
The links in normal text
===============================================================================
*/

a:link
{
  text-decoration: underline;
  color: #833C48;
}

a:visited
{
  text-decoration: underline;
  color: #83535B;
}

a:hover
{
  text-decoration: underline;
  color: #830016;
}

a.hiddenlink:link, a.hiddenlink:visited, a.hiddenlink:hover
{
  text-decoration: none;
  color: #000000;
}

/*
===============================================================================
The links in the menu
===============================================================================
*/

#menu ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#menu ul ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#menu ul ul ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#menu ul a
{
  display: block;
  font: bold 14px arial, helvetica, sans-serif;
  text-decoration: none;
  color: #833C48;
  padding: 3px 0px 3px 5px;
}

#menu ul ul a
{
  display: block;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  color: #4d4d4d; /*#40497F;*/
  padding: 2px 0px 2px 5px;
}


#menu ul ul ul a
{
  display: block;
  font: 12px arial, helvetica, sans-serif;
  text-decoration: none;
  color: #5d2a33;
  padding: 1px 0px 1px 15px;
}

#menu a:hover
{
  background-color: #F5E4DD;
}

#menu .active
{
  background-color: #E3B8BD;
}


/*
===============================================================================
The teaser links
===============================================================================
*/

a.headerlink:link
{
  font: normal normal bold 12px arial, helvetica, verdana, geneva, sans-serif;
  text-decoration: none;
  color: #833C48;
}

a.headerlink:visited
{
  font: normal normal bold 12px arial, helvetica, verdana, geneva, sans-serif;
  text-decoration: none;
  color: #833C48;
}

a.headerlink:hover
{
  font: normal normal bold 12px arial, helvetica, verdana, geneva, sans-serif;
  text-decoration: none;
  color: #000D5D;
}

a.teaser:link
{
  font: normal normal normal 11px arial, helvetica, verdana, geneva, sans-serif;
  text-decoration: none;
  color: #000000; /* 000D5D */
}

a.teaser:visited
{
  font: normal normal normal 11px arial, helvetica, verdana, geneva, sans-serif;
  text-decoration: none;
  color: #000000; /* 420043 */
}

a.teaser:hover
{
  font: normal normal normal 11px arial, helvetica, verdana, geneva, sans-serif;
  text-decoration: none;
  color: #000D5D;
}


/*
===============================================================================
Buttons
===============================================================================
*/

a.button-register
{
  display: block;
  width: 350px;
  height: 28px;
  background-image: url(/images/button-register.png);
  background-repeat: no-repeat;
  text-decoration: none;
  padding-top: 12px;
  padding-left: 10px;
}

a.button-register:visited
{
  color: #833C48;
}

a.button-register:hover
{
  background-position: 0 -40px;
  text-decoration: underline;
}

a.quickbutton:link, a.quickbutton:visited
{
  display: inline-block;
  float: left;
  font: 12px arial, helvetica, sans-serif;
  background-repeat: no-repeat;
  text-decoration: none;
  color: #833C48;
  width: 84px;
  height: 19px;
  padding-top: 46px;
  text-align: center;
}

a.quickbutton:hover,
{
  text-decoration: underline;
}

#quickbutton1
{
  background-image: url(/images/button-stress-test.png);
  margin-right: 8px;
}

#quickbutton1:hover
{
  background-position: 0 -65px;
}

#quickbutton2
{
  background-image: url(/images/button-self-image-test.png);
  margin-right: 8px;
}

#quickbutton2:hover
{
  background-position: 0 -65px;
}

#quickbutton3
{
  background-image: url(/images/button-pep-talk.png);
  margin-right: 8px;
}

#quickbutton3:hover
{
  background-position: 0 -65px;
}

#quickbutton4
{
  background-image: url(/images/button-affirmation.png);
}

#quickbutton4:hover
{
  background-position: 0 -65px;
}


#quickbutton1_en
{
  background-image: url(/images/en/button-stress-test.png);
  margin-right: 15px;
  width: 110px;
}

#quickbutton1_en:hover
{
  background-position: 0 -65px;
}

#quickbutton2_en
{
  background-image: url(/images/en/button-self-image-test.png);
  margin-right: 15px;
  width: 110px;
}

#quickbutton2_en:hover
{
  background-position: 0 -65px;
}

#quickbutton3_en
{
  background-image: url(/images/en/button-pep-talk.png);
  width: 110px;
}

#quickbutton3_en:hover
{
  background-position: 0 -65px;
}

#quickbuttons
{
  height: 80px;
  overflow: hidden;
}