@CHARSET "UTF-8";
/*
--------------------------------------------------
www.3plstudy.com styles
Aki Haimi <aki.haimi@capgemini.com>
Oct 18th 2007
-------------------------------------------------- */

body {
  background:   #5e5e5e;
  margin:       0;
  padding:      30px 15px 30px 15px;
  text-align:   center;
  font:         small/1.6em Helvetica, Arial, sans-serif;
  color:        #000;
}

/* Page
--------------------------------------------------- */
#page {
  background:   #FFF;
  margin:       0 auto;
  padding:      0;
  width:        800px;
  text-align:   left;
}

#page-top {
  float:        left;
  margin:       0;
  padding:      20px 55px 20px 20px;
  width:        725px;
  background:   #162731 url(../img/title.png) no-repeat top right;
}

#page-top.home, .home #page #page-top {
  background:   #162732 url(../img/home_bg.png) no-repeat top right;
}

#page-top #nav {
  float:        left;
  margin:       0;
  padding:      0;
  width:        245px;
}

#page-top #title {
  float:        right;
  padding:      35px 0 29px 0;
  margin:       0;
  width:        480px;
  height:       46px;
}

#page-top #contact {
  float:        right;
  text-align:   right;
  margin:       0;
  border:       0;
  width:        480px;
  text-transform:uppercase;
  font:         75%/1.8em Helvetica, Arial, sans-serif;
}

#page-top #contact a, #page-top #contact a:visited {
  padding:      0 0 0 2px;
  color:        #FFF;
  text-decoration:none;
}

#page-top #contact a:hover, #page-top #contact a:active {
  padding:      0 0 0 2px;
  color:        #868007;
  text-decoration:none;
}

#page-main {
  float:        left;
  background:   #FFF;
  padding:      40px 55px 0 20px;
  margin:       0;
  width:        725px;
}

#page-main #side-nav {
  float:        left;
  margin:       0;
  padding:      0;
  width:        245px;
}

#page-main #content {
  float:        right;
  padding:      0;
  margin:       0;
  width:        480px;
}

#page-main #content #footer {
  padding:      20px 0px 35px 0px;
  margin:       90px 0 0 0;
  border-top:   1px solid #d2d6d9;
}

#page-main #content #footer a {
  text-decoration:none;
}

#page-main #content #footer img {
  margin:       0 10px 0 0;
  border:       0;
}
/* Home
____________________________________________________ */
.home #page-top {
  padding:      50px 50px 20px 50px;
  width:        700px;
}

.home #page-top #title {
  float:        left;
  padding:      0 0 20px 0;
  margin:       0;
  width:        100%;
}

.home #page-top #contact {
  clear:        both;
  float:        none;
  padding:      0px;
  margin:       0;
  width:        100%;
  text-align:   right;
}

.home #grey-bar {
  float:        left;
  background:   #93a1a1;
  padding:      7px 0 5px 10px;
  margin:       5px 0 0 0;
  width:        690px;
  color:        #3e3a04;
  font:         80%/1.2em Helvetica, Arial, sans-serif;
  font-weight:  bold;
  letter-spacing: 0.06em;
  word-spacing: 0.2em;
}

.home #page-top #nav {
  float:        left;
  margin:       0;
  padding:      20px 0 0 0;
  width:        225px;
}

.home #page-top #home-image {
  float:        left;
  margin:       0;
  padding:      10px 0 10px 10px;
  border-left:  1px solid #91a1a1;
}

.msie6 .home #page-top #home-image, .msie7 .home #page-top #home-image {
  width:514px;
}

.home #page-top #downloads {
  float:        right;
  padding:      25px 0 0 0;
  border-top:   1px solid #91a1a1;
}

.home #page-top #downloads #register {
  position: absolute;
  z-index:10;
}

.home #page-top #downloads div {
  float:        right;
  color:        #FFF;
  padding:      0 0 0 0;
  margin:       0 11px 0 0;
  width:        300px;
  text-align:   right;
}

.home #page-top #downloads div.second-row {
  margin:       0;
  clear:        both;
  text-align:   right;
}

.home #page-top #downloads strong {
  font:         14px/1.4em Helvetica, Arial, sans-serif;  
  font-weight:  bold;
  font-variant: small-caps;
}

.home #page-top #downloads div.button {
  width:        111px;
  height:       22px;
  padding:      0;
  margin:       0 0 10px 15px;
  text-align:   center;
  border:0;
}

.home #page-top #downloads div.button a {
  background:   url(../img/inactive_button_bg.png) repeat-x;
  color:        #FFF;
  font-size:    11px;
  display:      block;
  width:        111px;
  height:       22px;
  margin:       0;
  padding:      2px 0 0 0;
  text-decoration:none;
}

.home #page-top #downloads div.button a:hover {
  background:   url(../img/active_button_bg.png) repeat-x;
}

.home #page-main {
  width:        800px;
  padding:      0;
  margin:       0;
}

.home #page-main #content {
  float:        none;
  margin:       0 auto;
}

.home #page-main #content #footer {
  padding:      40px 0 40px 0px;
  margin:       0;
  width:        490px;
}
/* Navigation
---------------------------------------------------- */
#nav ul {
  list-style:   none;
  margin:       0;
  padding:      0;
  color:        #FFF;
  text-transform:uppercase;
  font:         80%/1.4em Helvetica, Arial, sans-serif;
  word-spacing: 0.2em;
}

#nav li {
  padding:      0;
  margin:       5px 0;
  border: 0;
}

#nav a, #nav a:visited, #nav div {
  display:      block;
  color:        #91a1a1;
  text-decoration:none;
  width:        225px;
}

.home p a, .home p a:visited {
  color:        #868f98;
  width:        225px;
}

.home p a:hover {
  color:        #cbd8e6;
  width:        225px;
}

#nav div {
  color:        #FFF;
}

#nav a:hover, #nav a:active {
  color:        #fff;
  text-decoration:none;
}

.home #nav ul, .home #nav {
  margin:       0;
  padding:      0;
}

.home #nav li {
  margin:       3px 0;
}

.home #nav a, .home #nav a:visited, .home #nav div {
  display:      block;
  padding:      3px 0 3px 10px;
  margin:       0;
  color:        #FFF;
  width:        215px;
}

.home #nav a:hover, .home #nav a:active {
  color:        #FFF;
  background:   #868007;
}

.home #nav a:hover:after, .home #nav a:active:after {
  content:      url("../img/bg_arrow.png");
}

#side-nav ul {
  list-style:   none;
  margin:       0;
  padding:      0;
  color:        #FFF;
  font:         95%/1.4em Helvetica, Arial, sans-serif;
}

#side-nav li {
  padding:      0;
  margin:       3px 0;
  border:       0;
}

#side-nav a, #side-nav a:visited, #side-nav div {
  display:      block;
  color:        #979886;
  text-decoration:none;
  width:        225px;
  padding-left: 11px;
  letter-spacing:normal;
}

#side-nav div {
  background:   url("../img/grey_square.png") no-repeat 0% 42%;
  color:        #000;
}

#side-nav a:hover, #side-nav a:active {
  background:   url("../img/grey_square.png") no-repeat 0% 42%;
  color:        #595f65;
  text-decoration:none;
}

/* Content

---------------------------------------------------- */
h1 {
  padding:      0 0 .25em 0;
  margin:       0;
  color:        #3e3a04;
  font:         180%/1.3em Helvetica, Arial, sans-serif;
  font-weight:  lighter;
  letter-spacing:0.1em;
}

h2 {
  margin:       2em 0 .6em;
  font:         130%/1.5em Helvetica, Arial, sans-serif;
}

p {
  margin:       0 0 20px 0;
  color:        #2A2A2A;
  letter-spacing:1px;
  word-spacing: 0.06em;
  font:         90%/1.6em Helvetica, Arial, sans-serif;
}

li {
  color:        #2A2A2A;
  letter-spacing:1px;
  word-spacing: 0.06em;
  font:         90%/1.6em Helvetica, Arial, sans-serif;
  margin-bottom:    5px;
}

blockquote {
  font:         105%/1.6em verdana,Sans-serif;
  color:        #825550;
  padding:      0;
  margin:       0;
}

em {
  font-style:   italic;
}

img {
  border:       0;
}

form {
  margin:       0;
  padding:      0;
  font:         90%/1.6em Helvetica, Arial, sans-serif;
}

hr {
  display:      none;
}
.reset {
  clear:        both;
  height:       1px;
  overflow:     hidden;
  margin:       0;
  padding:      0;
}

/* Sign-in and registration forms
----------------------------------------------- */
#sign-in-container {
  margin: 20px 100px;
}
#sign-in-fixed {
  float:left;
  width:300px;
}
#sign-in-fixed p {
  padding: 0;
}
#sign-in-form {
  float:left;
  padding:5px;
  border: 1px solid #ccc;
}
#sign-in-form #sign_in {
  display:block;
  margin:0;
  padding:5px 0 0 0;
}
#sign-in-form #sign_in .row {
  clear: both;
  padding: 3px 0 0 0;
    margin:0;
}
#sign-in-form #sign_in .row .fieldtitle {
  float: left;
   margin:0;
  padding:0;
 width: 100px;
}
#sign_in .row .formfield {
  float: left;
}
#sign_in .row .formfield .registration-textfield {
  width: 180px;
  margin: 0 0 5px 0;
  font-size:85%;
}
#sign_in .row .formfield .registration-checkbox {
  margin: 5px 0 0 0;
  font-size:85%;
}
#sign_in .row .formfield .registration-submit {
  margin: 5px 0;
  font-size:85%;
}

#no-account {
  display: block;
  width: 410px;
}

#registration-form {
  float: left;
  margin: 10px 0;
  width: 400px;
}
#registration-form p {
  padding: 0;
  margin-top: 20px;
}
#registration-form .row {
  clear: both;
  padding-top: 3px;
}
.row {
  clear: both;
  padding-top: 3px;
}
.row .fieldtitle {
  float: left;
  width: 160px;
  padding-right: 10px;
}
.row .formfield {
  float: left;
}
#registration-form .row .formfield .registration-textfield {
  width: 220px;
  margin: 0 0 5px 0;
  border: 1px solid #ccc;
  font-size:85%;
}
#registration-form .row .formfield .registration-select {
  width: 220px;
  margin: 0 0 5px 0;
  border: 1px solid #ccc;
  font-size:85%;
}
#registration-form .row .formfield .registration-textbox {
  width: 220px;
  margin: 0 0 5px 0;
  border: 1px solid #ccc;
  font-size:85%;
}
#registration-form .row .formfield div.facet {
  padding: 0;
  margin: 0;
  width: 200px;
  height: 70px;
  overflow: auto;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  font-size: 10px;
  font-family: geneva, tahoma, sans-serif;
}
#registration-form .row .formfield facet label {
  font-weight: normal;
}
#registration-form .registration-checkbox {
  margin: 5px 0 0 0;
  font-size:85%;
}
#registration-form .registration-submit {
  margin: 5px 0;
  font-size:85%;
}
.mandatory {
  color: red;
}
.registration-formfields {
  float: left;
  margin: 0;
  clear:right;
}

/* Document download
----------------------------------------------- */

.doc-item {
  padding: 10px 0;
  margin-top: 1.0em;
  width:400px;
}
.doc-item .doc-intro h2 {
  margin: 0;
  padding:0;    
}
.doc-item .doc-thumbnail {
  float: left;
  width: 66px;
  margin: .5em 0 1.0em 0;
}
.doc-item .doc-thumbnail a {
  border-width:0;
}
.doc-item .doc-intro {
  float: left;
  margin: 0;
  padding:0;
  margin-left: 10px;
  text-align: left;
  vertical-align: top;
}
.doc-item .doc-intro p {
  margin: 0 0 1.0em 0;
  padding: 0;
}
.doc-item .doc-hr {
  clear: left;
  border-bottom: 1px solid #ccc;
}

.doc-info {
  color: #999;
  width: 400px;
}
.doc-info strong {
  font-size: 95%;
}

.download {
  text-align:       center;
  margin:           0;
  width:            150px; 
}

.download a {
  display:          block;
  background:       #FFF;
  margin:           0;
  color:            #868f98;
  padding:          0;
  border:           1px solid;
  text-decoration:  none;
  font:             10px/1.6em verdana,Sans-serif;
}

.download a:hover {
  display:          block;
  margin:           0;
  color:            #595f65;
  padding:          0;
  border:           1px solid #595f65;
  text-decoration:  none;
  font:             10px/1.6em verdana,Sans-serif;
}

.visible .registration-textbox {
  display: block;
  width: 220px;
  margin: 0 0 5px 0;
  border: 1px solid #ccc;
  font:   90%/1.6em verdana,Sans-serif;
}

.invisible .registration-textbox {
  display: none;
  width: 220px;
  margin: 0 0 5px 0;
  border: 1px solid #ccc;
  font:   90%/1.6em verdana,Sans-serif;
}

.visible .row .fieldtitle {
  display: block;
  float: left;
  width: 100px;
  padding-right: 10px;
}

.invisible .row .fieldtitle {
  display: none;
  float: left;
  width: 160px;
  padding-right: 10px;
}

#report {
  float: left;
  margin: 10px 0 30px;
  width: 400px;
}

#report .row .fieldtitle {
  float: left;
  width: 100px;
  padding-right: 10px;
}

#report .textfield {
  width: 220px;
  margin: 0 0 5px 0;
  border: 1px solid #ccc;
  background: #E0DFE3;
  font:   100% verdana,Sans-serif;
}

#report-registration {
  float:left;
  width: 390px;
  padding:5px 5px 10px;
  border: 1px solid #ccc;
}

.home #oow-bar {
  float:        left;

  padding:      7px 0 5px 10px;
  margin:       5px 0 0 0;
  width:        690px;
  color:        #3e3a04;
  font:         80%/1.2em Helvetica, Arial, sans-serif;
  font-weight:  bold;
  letter-spacing: 0.06em;
  word-spacing: 0.2em;
}