/*
	Global
*/
#logotype img, 
form.base fieldset 
{
	border: none;
}

/* 
	Forms 
*/
form.base fieldset {
	margin: 0;
	padding: 0;
}
form.base label {
	display: block;
}
form.base .hor label {
	display: inline-block;
	margin-right: 1em;
}
form.base .text {
	width: 220px;
	border: none;
	border-bottom: 1px solid black;
}
form.base textarea {
	width: 100%;
	height: 8em;
	border: 1px solid black;
	overflow: hidden;
}

/*
	Preview
*/
#body > h1 {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	font-size: 1.75em;
}
#body > p {
	margin-top: 0.5em;
	margin-bottom: 0;
}
#body > ul, 
#body > ol 
{
	margin-top: 0.5em;
	margin-bottom: 0;
}
#body > p + ul, 
#body > p + ol 
{
	margin-top: 0.25em;
}
#body > h2, 
#ssc.p h2, 
#ssc.r h2 
{
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-size: 1.375em;
	border-bottom: 1px solid black;
}
/* Common */
#body > h3, 
#ssc.p h3, 
#ssc.r h3 
{
	margin-top: 0.75em;
	margin-bottom: 0.25em;
	font-size: 1em;
}
#ssc.p h3 em, 
#ssc.r h3 em 
{
	margin-right: 0.25em;
	font-weight: normal;
	font-style: normal;
}
/*
#ssc.p h3 span, 
#ssc.r h3 span 
{
	font-weight: normal;
	font-style: normal;
}
*/
/* Page break */
#ssc.p h2 {
	page-break-after: avoid;
}
/*#ssc.p .p.wp {
	page-break-after: always;
}*/
#ssc.p .p.tp {
	page-break-before: always;
}
#ssc.p .p .q {
	page-break-inside: avoid;
}

/* 
	Printing helpers 
		- use Firebug to dinamically attach classes where appropriate and Print
		- add Hide class or use .none for questions not to be printed out
		- use local fonts to improve
*/
#ssc .bef {
	page-break-before: always;
}
#ssc .aft {
	page-break-after: always;
}
#ssc .out {
	display: none;
}

#ssc .p table {
	margin: 0;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
#ssc.p thead th {
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid black;
}
#ssc.p tbody th {
	padding: 0.1875em 0.25em;
	text-align: left;
	vertical-align: top;
}
#ssc.p tbody td {
	padding: 0.25em;
	text-align: center;
	vertical-align: top;
}
#ssc.p .body > table > tbody > tr > td {
	width: 6em;
}
#ssc.p .r .body > table > tbody > tr > td, 
#ssc.p .r .body > table > thead .scale > th, 
#ssc.p .r .body > table > thead > tr > th.skip  
{
	width: 2.5em;
}
#ssc.p tbody tr:nth-child(even) {
	background-color: gainsboro;
}
#ssc.p .q.t .body.grp label {
	margin-top: 0.25em;
}

/* rating meter label */
#ssc.p form.view thead th table {
	width: 100%;
}
#ssc.p form.view thead th table td:first-child {
	text-align: left;
}
#ssc.p form.view thead th table td:last-child {
	text-align: right;
}
#ssc.p form.view thead th table td:only-child {
	text-align: center;
}

/*
	Reports
*/
#ssc.r {
	font-size: 0.875em;
}
#ssc.r table a {
	text-decoration: none;
	color: black;
}

#ssc.r .stats {
	margin-bottom: 0.75em;
	padding: 0.25em 0.5em;
}
#ssc.r .stats .chart, 
#ssc.r .stats .data 
{
	margin-bottom: 0.5em;
	cursor: default;
}
#ssc.r .stats .data {
	margin-left: 1em;
}
#ssc.r .stats .data .bind {
	margin-bottom: 0;
}
#ssc.r .stats .data table {
	margin-bottom: 0.5em;
	border-spacing: 0;
}
#ssc.r .stats .data th {
	padding: 0.1875em 0.25em;
	color: black;
	text-align: left;
	vertical-align: top;
}
#ssc.r .stats .data tbody th, 
#ssc.r .stats .data tbody th em 
{
	font-weight: normal;
	font-style: normal;
}
#ssc.r .stats .data tbody .sub th {
	font-weight: bold;
}

/* Borders, Alignments */
#ssc.r .stats .data tr.sub td {
	border-top: 1px solid black;
}
#ssc.r .stats .data th.id, 
#ssc.r .stats .data td.id 
{
	border-left: none;
	text-align: right;
}
#ssc.r .stats .data th.perc {
	border-left: none;
}
#ssc.r .stats .data th.count, 
#ssc.r .stats .data th.perc 
{
	text-align: right;
}
#ssc.r .stats .data thead th {
	text-align: center;
}
#ssc.r .stats .data thead tr.meter th:first-child {
	border-left: 1px solid black;
}
#ssc.r .stats .data tfoot th {
	text-align: right;
}
#ssc.r .stats .data tbody th {
	border-top: 1px solid black;
}
#ssc.r .stats .data tbody tr.sub th {
	border-top: none;
}
#ssc.r .stats .data td {
	padding: 0.25em;
	border-top: 1px solid black;
	vertical-align: top;
}
#ssc.r .stats .data tbody tr:first-child th, 
#ssc.r .stats .data tr:first-child td 
{
	border-top: none;
}
#ssc.r .stats .data tfoot th.count {
	border-left: 1px solid black;
}

#ssc.r .stats .data thead th, 
#ssc.r .stats .data tfoot th 
{
	border-left: 1px solid black;
}
#ssc.r .stats .data thead th:first-child, 
#ssc.r .stats .data tfoot th:first-child 
{
	border-left: none;
}
#ssc.r .stats .data tbody td.graph, 
#ssc.r .stats .data tfoot th.graph, 
#ssc.r .stats .data thead th.graph 
{
	border-left: 1px solid black;
}
#ssc.r .stats .data thead th {
	border-bottom: 2px solid black;
}
#ssc.r .stats .data thead .sum, 
#ssc.r .stats .data tfoot .count.sum, 
#ssc.r .stats .data tbody .count.sum 
{
	border-left: 2px solid black;
}
#ssc.r .stats .data tbody .count.sum {
	font-weight: bold;
}
#ssc.r .stats .data tbody .perc.sum {
	color: black;
}
#ssc.r .stats .data tr:last-child td {
	border-bottom: none !important;
}
#ssc.r .stats .data td.count, 
#ssc.r .stats .data td.perc 
{
	text-align: right;
	border-top: 1px solid black;
}
#ssc.r .stats .data td.count {
	text-align: right;
	border-left: 1px solid black;
}
#ssc.r .stats .data td.perc {
	color: firebrick;
	text-align: right;
}

/* 
	Specialties, Rating 
*/
#ssc.r .stats .data table.rat thead th.label {
	border-left: none;
	border-bottom: none;
}

/* 
	Graphs, Importance indicators
*/
#ssc.r .stats .data thead th.graph {
	color: black;
	background-color: white;
}
#ssc.r .stats .data thead th.graph, 
#ssc.r .stats .data tfoot th.graph 
{
	padding-left: 0;
	padding-right: 0;
}
#ssc.r .stats .data tbody td.graph {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0.375em;
}
#ssc.r .stats .data tfoot th {
	padding-left: 0.25em;
	padding-right: 0.25em;
	text-align: right;
	border-top: 1px solid black;
}

#ssc.r .stats .data tbody td.graph div, 
#ssc.r .stats .data tbody td.graph div span 
{
	height: 1em;
	background-image: none;
}
#ssc.r .stats .data tbody td.graph div {
	width: 160px;
	background-color: transparent;
	border: none;
}
#ssc.r .stats .data tbody td.graph div span {
	display: block;
}

#ssc.r .stats .data thead th.graph {
	padding-bottom: 0;
	background-color: white;
	vertical-align: bottom;
}
#ssc.r .stats .data tfoot th.graph {
	padding-top: 0;
	background-color: white;
}

#ssc.r .stats .data thead th.graph div, 
#ssc.r .stats .data tfoot th.graph div 
{
	width: 176px;
	background-color: white;
	background-repeat: no-repeat;
}
#ssc.r .stats .data thead th.graph div {
	background-image: url(/images/general/chart/topscale.gif);
	background-position: left bottom;
}
#ssc.r .stats .data tfoot th.graph div {
	background-image: url(/images/general/chart/botscale.gif);
}
#ssc.r .stats .data tbody td.graph {
	background-image: url(/images/general/chart/grid.gif);
}
#ssc.r .stats .data .p10 div,  
#ssc.r .stats .data .p10 
{
	background-position: 0px !important;
}
#ssc.r .stats .data .p20 div,  
#ssc.r .stats .data .p20 {
	background-position: -180px !important;
}
#ssc.r .stats .data .p30 div,  
#ssc.r .stats .data .p30 {
	background-position: -360px !important;
}
#ssc.r .stats .data .p40 div,  
#ssc.r .stats .data .p40 {
	background-position: -540px !important;
}
#ssc.r .stats .data .p50 div,  
#ssc.r .stats .data .p50 {
	background-position: -720px !important;
}
#ssc.r .stats .data .p60 div,  
#ssc.r .stats .data .p60 {
	background-position: -900px !important;
}
#ssc.r .stats .data .p70 div,  
#ssc.r .stats .data .p70 {
	background-position: -1080px !important;
}
#ssc.r .stats .data .p80 div,  
#ssc.r .stats .data .p80 {
	background-position: -1260px !important;
}
#ssc.r .stats .data .p90 div,  
#ssc.r .stats .data .p90 {
	background-position: -1440px !important;
}
#ssc.r .stats .data .p100 div,  
#ssc.r .stats .data .p100 {
	background-position: -1620px !important;
}

#ssc.r .stats .data tbody tr.sep th:first-child {
	font-weight: bold;
}

#ssc.r .stats .data tbody tr.sep th {
	border-top: 1px solid black;
}
#ssc.r .stats .data tbody tr.sep td {
	border-top: 1px solid black;
}

/* 
	Sub table
*/
#ssc.r .stats .data tr.sub td {
	padding: 0;
}
#ssc.r .stats .data tr.sub table td {
	padding: 0.25em;
	border-bottom: 1px solid black;
}
#ssc.r .stats .data tr.sub table tr.last td {
	border-bottom: none;
}

#ssc.r .stats .data tr.sub table {
	width: 100%;
	margin: 0;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
#ssc.r .stats .data tr.sub th {
	background-color: white;
}
#ssc.r .stats .data tr.sub td.id {
	border-left: none;
	text-align: right;
}
#ssc.r .stats .data tr.sub th.id, 
#ssc.r .stats .data tr.sub th.values 
{
	border-bottom: 1px solid black;
	text-align: left;
}

#ssc.r .stats .data th.scaletxt, 
#ssc.r .stats .data th.skiptxt 
{
	text-align: center;
	vertical-align: top;
}
#ssc.r .stats .data .skip {
	border-left: 1px solid black;
}

/* 
	Hidden elements 
	- corporate logotype must be visible
*/
#usermenu, 
#col.toc, 
#ssc.r .q.txt, 
.tabnav, 
.crumb, 
.bind, 
.links, 
table caption, 
.stats td span.swatch, 
.stats th span.swatch, 
.stats .def td.cmd .frmwrap, 
.stats .def .catwrap .part.over, 
#bot 
{
	display: none !important;
}

/*
	Competencies
*/
.floatHeader {
	display: none;
}
#dashboard.panel table {
	border-collapse: collapse;
}
#dashboard.panel thead th {
	color: white;
	background-color: black;
	border-left: 1px solid white;
}
#dashboard.panel td.id {
	text-align: right;
}
#dashboard.panel th, 
#dashboard.panel td:not(.diff) 
{
	padding: 0 0.25em;
}
#dashboard.panel td {
	vertical-align: top;
	border-bottom: 1px solid black;
}
#dashboard.panel td:not(:first-child) {
	border-left: 1px solid black;
}
#dashboard.panel table td.diff:nth-child(2n) {
	border-left: none;
}




