/* generell-helpers v3 */

div.glossar {
  border-top: #dc5034 1px solid;
  font-size: 0.9em;
  overflow: hidden;
  width: 100%;
  padding-top: 0.5em;
}

div.glossar h2 {
  font-size: 1.4em;
}

.print-only {
  display: none;
}

.full-width {
  width: 100%;
}

.abstract {
  font-size: 11pt;
  line-height: 16pt;
  margin: 0.5em 0em;
  padding-bottom: 0.4em;
  margin-bottom: 0.8em;
  border-bottom: 1px solid #c7c8ca;
}

.abstract.not-bordered-abstract {
  padding-bottom: 0.8em;
  margin-bottom: 0;
  border-bottom: 0;
}

.summary {
  border-left: 4px solid #6d6e71;
  background-color: #f5f4f0;
  padding: 10px;
  line-height: 16pt;
  margin-bottom: 20px;
}

.source {
  text-align: right;
  font-size: 0.9em;
  margin-bottom: 0.5em;
}

.title-image {
  float: right;
  margin-left: 20px;
  border: 4px solid #f2f2f2;
}

.dark-grey {
  color: #fff !important;
  background-color: #6d6e71 !important;
}

.contentfeature h2.dark-grey {
  color: #fff !important;
  background-color: #6d6e71 !important;
}

div.alertbox {
  border-bottom: 4px solid #e0301e;
  background-color: #e7e7e8;
  padding: 2px 10px;
  margin-right: 20px;
  margin-left: 5px;
}

div.alertbox h2 {
  font-style: italic;
  font-size: 12pt;
}

#center ul.floating {
  margin-left: 8px;
  padding-left: 0px;
  clear: left;
  zoom: 1;
  position: relative;
  list-style: none;
}

* html #center ul.floating {
  \padding-left: 0;
}

*:first-child+html #center ul.floating {
  margin-left: 8px;
  padding: 0;
}

html #center ul.floating li {
  list-style: none;
  background: transparent url(http://www.pwc.com/en_GX/webadmin/assets/image/red_square.gif) no-repeat 0px 4px scroll;
  padding-left: 16px;
  margin-right: 18px;
  float: left;
  zoom: 1;
  white-space: nowrap;
}

*:first-child+html #center ul.floating li {
  padding-left: 16px;
  margin-left: 0px;
}

/* button definition */
#center a.button,
#center a.button:link,
#center a.button:active,
#center a.button:visited {
  font-size: 90%;
  margin: 0.5em 0.5em 0em 0em;
  padding: 0.2em 0.4em 0.2em 1.6em;
  border: 1px solid #bbb;
  color: #fff;
  text-decoration: none;
  background: #c7c8ca url(http://www.pwc.com/en_GX/webadmin/assets/image/hometile_arrow.gif) no-repeat scroll;
  background-position: 0.6em center;
}

#center a.button:hover {
  text-decoration: none;
  color: #000;
  background: #ffffff url(http://www.pwc.com/en_GX/webadmin/assets/image/aubergine_arrow-base.gif) no-repeat scroll;
  background-position: 0.6em center;
}

#center a.button.orange {
  background-color: #dc6900;
}

#center a.button.orange:hover {
 background: #fff url(http://pwcprd-wip.pwcinternal.com/en_GX/webadmin/assets/image/orange_arrow.gif) no-repeat scroll;
  background-position: 0.6em 6px;
}

html #center .source a,
html #center .source a:link,
html #center .source a:hover,
html #center .source a:active,
html #center .source a:visited {
  padding: 0em 0em 0em 1em;
  color: #444444;
  text-decoration: none;
}

html #center a.fancy,
html #center a.fancy:link {
  display: block;
  float: left;
  border-top: 1px dotted #959595;
  border-bottom: 1px dotted #959595;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  padding: 6px 10px 8px 10px;
  margin-top: 10px;
  color: #e0301e;
}

html #center a.fancy.full-width,
html #center a.fancy.full-width:link {
  padding-left: 0;
  padding-right: 0;
}

/* the new button definition */
.btn {
  float: left;
  display: block;
  padding: 0px 4px !important;
  margin-right: 5px;
  background-color: #939598;
  color: #fff !important;
  text-decoration: none !important;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid #939598;
}

a.btn:hover {
  background-color: transparent;
  color: #404041 !important;
}

.btn.hidden {
  background-color: transparent;
  color: #404041 !important;
  padding: 1px 5px !important;
  border: 0;
}

.btn.hidden.outline {
  border: 1px solid #404041;
}

a.btn.hidden:hover {
  background-color: #939598;
  color: #fff !important;
}

.btn.right {
  float: right;
  margin-right: 0px;
  margin-left: 5px;
}

.btn.small {
  font-size: 10px !important;
  letter-spacing: 0.05em;
}

.btn.large {
  font-size: 14px !important;
  line-height: 20px !important;
}

.btn.georgia {
  font-family: Georgia, serif;
  font-weight: bold;
}

/* colors */
/* maroon */

.btn.maroon {
  background-color: #602320;
  border-color: #602320;
}

.btn.hidden.maroon,
a.btn.maroon:hover {
  color: #602320 !important;
  background-color: transparent;
}

a.btn.hidden.maroon:hover {
  background-color: #602320;
  color: #fff !important;
}

/* rose */

.btn.rose {
  background-color: #db536a;
  border-color: #db536a;
}

.btn.hidden.rose,
a.btn.rose:hover {
  color: #db536a !important;
  background-color: transparent;
}

a.btn.hidden.rose:hover {
  background-color: #db536a;
  color: #fff !important;
}

/* red */

.btn.red {
  background-color: #e0301e;
  border-color: #e0301e;
}

.btn.hidden.red,
a.btn.red:hover {
  color: #e0301e !important;
  background-color: transparent;
}

a.btn.hidden.red:hover {
  background-color: #e0301e;
  color: #fff !important;
}

/* orange */

.btn.orange {
  background-color: #dc6900;
  border-color: #dc6900;
}

.btn.hidden.orange,
a.btn.orange:hover {
  color: #dc6900 !important;
  background-color: transparent;
}

a.btn.hidden.orange:hover {
  background-color: #dc6900;
  color: #fff !important;
}

a.btn.outline.orange,
a.btn.outline.orange:hover {
  border-color: #dc6900;
}
a.btn.hidden.outline.orange {
  border-color: transparent;
}

a.btn.hidden.outline.orange:hover {
  background-color: transparent;
  border-color: #dc6900;
  color: #dc6900 !important;
}

/* tangerine */

.btn.tangerine {
  background-color: #eb8c00;
  border-color: #eb8c00;
}

.btn.hidden.tangerine,
a.btn.tangerine:hover {
  color: #eb8c00 !important;
  background-color: transparent;
}

a.btn.hidden.tangerine:hover {
  background-color: #eb8c00;
  color: #fff !important;
}

a.btn.outline.tangerine,
a.btn.outline.tangerine:hover {
  border-color: #eb8c00;
}
a.btn.hidden.outline.tangerine {
  border-color: transparent;
}

a.btn.hidden.outline.tangerine:hover {
  background-color: transparent;
  border-color: #eb8c00;
  color: #eb8c00 !important;
}

/* burgundy */

.btn.burgundy {
  background-color: #a32020;
  border-color: #a32020;
}

.btn.hidden.burgundy,
a.btn.burgundy:hover {
  color: #a32020 !important;
  background-color: transparent;
}

a.btn.hidden.burgundy:hover {
  background-color: #a32020;
  color: #fff !important;
}

/* dark-grey */
a.btn.dark-grey {
  color: #fff;
  background-color: #6d6e70;
  border-color: #6d6e70;
}

a.btn.dark-grey:hover {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #404041 !important;
}

/* tabs definition */
html #center ul.tabNavigation {
  list-style: none;
  margin:0;
  padding:0;
  width: 100%;
}

html #center ul.tabNavigation li {
  float: left;
  clear: none;
  display: block;
  font-size: 11px;
  font-weight: normal;
  font-family: Georgia,"Times New Roman";
  padding: 0.3em 1em 1px 1em;
  margin: 0 1px 0 0;
  border: 1px solid #c7c8ca;
  border-bottom: 0px;
}

html #center ul.tabNavigation.tangerine li,
html #center ul.tabNavigation.orange li,
html #center ul.tabNavigation.red li,
html #center ul.tabNavigation.rose li,
html #center ul.tabNavigation.burgundy li {
  background-color: #f2f2f2;
  border: 0;
}

html #center ul.tabNavigation li.selected {
  background-color: #f2f2f2;
  font-weight: bold;
}

html #center ul.tabNavigation.orange li.selected {
  background-color: #eb8c00;
}

html #center ul.tabNavigation.orange li.selected {
  background-color: #dc6900;
}

html #center ul.tabNavigation.red li.selected {
  background-color: #e0301e;
}

html #center ul.tabNavigation.rose li.selected {
  background-color: #db536a;
}

html #center ul.tabNavigation.burgundy li.selected {
  background-color: #a32020;
}

html #center ul.tabNavigation li a,
html #center ul.tabNavigation li a:link,
html #center ul.tabNavigation li a:active,
html #center ul.tabNavigation li a:visited
{
  color: #000000;
}

html #center ul.tabNavigation li a:hover {
  text-decoration: underline;
}

html #center ul.tabNavigation.tangerine li.selected a,
html #center ul.tabNavigation.tangerine li.selected a:link,
html #center ul.tabNavigation.tangerine li.selected a:active,
html #center ul.tabNavigation.tangerine li.selected a:hover,
html #center ul.tabNavigation.tangerine li.selected a:visited,
html #center ul.tabNavigation.orange li.selected a,
html #center ul.tabNavigation.orange li.selected a:link,
html #center ul.tabNavigation.orange li.selected a:active,
html #center ul.tabNavigation.orange li.selected a:hover,
html #center ul.tabNavigation.orange li.selected a:visited,
html #center ul.tabNavigation.red li.selected a,
html #center ul.tabNavigation.red li.selected a:link,
html #center ul.tabNavigation.red li.selected a:active,
html #center ul.tabNavigation.red li.selected a:hover,
html #center ul.tabNavigation.red li.selected a:visited,
html #center ul.tabNavigation.rose li.selected a,
html #center ul.tabNavigation.rose li.selected a:link,
html #center ul.tabNavigation.rose li.selected a:active,
html #center ul.tabNavigation.rose li.selected a:hover,
html #center ul.tabNavigation.rose li.selected a:visited,
html #center ul.tabNavigation.burgundy li.selected a,
html #center ul.tabNavigation.burgundy li.selected a:link,
html #center ul.tabNavigation.burgundy li.selected a:active,
html #center ul.tabNavigation.burgundy li.selected a:hover,
html #center ul.tabNavigation.burgundy li.selected a:visited {
  color: #fff;
}

div.tab {
  padding: 0;
  margin: 0;
  clear: both;
}

div.tab .oldTitle {
  display: none;
}

div.tab .tab-content {
  display: none;
  padding: 1em 0.5em 1em 1em;
  margin: 0;
  position: relative;
  zoom:1;
}

div.displayed-tab .tab-content {
  display: block;
  border: 1px solid #c7c8ca;
}

div.displayed-tab.tangerine .tab-content {
  border: 0;
  border-top: 1px solid #eb8c00;
  border-bottom: 4px solid #eb8c00;
  background-color: #fdf4e5;
}

div.displayed-tab.orange .tab-content {
  border: 0;
  border-top: 1px solid #dc6900;
  border-bottom: 4px solid #dc6900;
  background-color: #fbf0e5;
}

div.displayed-tab.red .tab-content {
  border: 0;
  border-top: 1px solid #e0301e;
  border-bottom: 4px solid #e0301e;
  background-color: #fceae9;
}

div.displayed-tab.rose .tab-content {
  border: 0;
  border-top: 1px solid #db536a;
  border-bottom: 4px solid #db536a;
  background-color: #fbeef0;
}

div.displayed-tab.burgundy .tab-content {
  border: 0;
  border-top: 1px solid #a32020;
  border-bottom: 4px solid #a32020;
  background-color: #f6e9e9;
}

html #center ul.tabNavigation {
  display: none;
}

div.break {
  clear: both;
  line-height: 0;
  font-size: 0;
}

/* basic form styles */

#center fieldset {
  border: none;
  background-color: #f2f2f2;
  padding: 10px 5px 5px 10px;
  margin: 0px 0px 10px 0px;
}

#center fieldset h2 {
  font-size: 12pt;
  color: #0083be;
  margin-bottom: 5px;
  border-bottom: 1px solid #0083be;
}

#center fieldset table {
  border-bottom: 1px solid #0083be;
}

#center fieldset td {
  border-bottom: 1px solid #ffffff;
  vertical-align: middle;
  padding: 2px 0px 2px 0px;
}

#center fieldset p.disclaimer {
  font-size: 8pt;
  margin: 0px;
  padding: 0px;
}

/* grey vcard specification */

#center .vcard {
  background-color: #f2f2f2;
  font-size: 0.9em;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 10px;
}

.rightVcard {
  margin-right: 0px;
  float: left;
  clear: none;
  width: 354px;
}

.leftVcard {
  float: left;
  clear: left;
  width: 354px;
}

.vcard .photo {
  float: left;
  margin-right: 2em;
  border: 1px solid #0083be;
}

.vcard span.fn {
  font-weight: bold;
}

.tab-content .vcard {
  background-color: #fff;
}

/* hooks for wireframing page content */
#center .wide .halfcontent {
  width: 374px;
}

#center .wide .halfcontent.one-third {
  width: 242px;
}

#center .grey {
  background-color: #f9f9f9;
}

#center .contentfeature.grey {
  background-color: #f9f9f9 !important;
}

#center .halfcontent.grey {
  border-left: 1px dotted #c7c8ca;
  border-bottom: 1px dotted #c7c8ca;
  min-height: 100px;
}

#center .halfcontent.tile-button {
  background-color: #6d6e71;
  color: #fff;
}

#center .halfcontent.tile-button:hover {
  background-color: #f9f9f9;
  color: #000;;
}

#center .halfcontent.grey:first-child {
  border-left: 0;
}

#center .halfcontent.small {
  font-size: 12px;
}

#center .grey p,
#center .grey h3,
#center .halfcontent.tile-button p,
#center .halfcontent.tile-button h3 {
  padding-left: 10px;
  padding-right: 10px;
}

#center .halfcontent.tile-button a {
  margin-left: 10px;
  margin-right: 10px;
  color: #fff;
}

#center .halfcontent.tile-button:hover a {
  color: #000;
}

#center .halfcontent.small h3 {
  font-weight: normal;
}

#center .wide .halfcontent.one-third.grey,
#center .wide .halfcontent.one-third.tile-button {
  width: 254px;
}
