/* -------------------------- *\
   -- Colors
\* -------------------------- */

body { background-color: white; } /* IE6 */




@media screen {
  html > body{background-image:url(/images/adphome/bodybg.png);background-color:#ceedff;background-repeat:repeat;}
  html > body.background-color { background-image: none } /* When background is set inline on the body, show no background-image */
  #borderPaddingContainer{ background-color: white; }
}
@media print {
  html > body { background-color: white !important; }
  html > body,
  #borderPaddingContainerTop,
  #borderPaddingContainerBottom,
  #borderPaddingContainer{ padding: 20px 10px 0px !important; margin: 0px !important; background-image: none !important; background-color: white !important; box-shadow: none !important; border-radius: 0px !important; border-width: 0px !important; }
  .tableNavigation, .tableErrorMessage, .submitArrow, .ErrorMessage, .WarningMessage, .InformationMessage, .horizontalButtons input,
  .hideFromPrint { display: none !important; }
  .showOnlyInPrint { display: block !important; }
}
.tableFormat1 { page-break-inside: avoid; }
.showOnlyInPrint { display: none }

a { color: #3399CC; text-decoration: none; }
a:hover { text-decoration: underline;  }
a.fakeInput, .buttonCell a, .buttonCell a:visited, .vcClassifier a, .errorIcon { text-decoration: none; background-color: transparent; }
.vcClassifier a:hover{ color: #074C7F ; text-decoration: none; background-color: transparent; }
.legendSymbol a:hover { color: #3399CC; }
.vcClassifier .activeRadiocustom a:hover, .vcClassifier .activeCheckBoxcustom a:hover { color: white; }
a.positiveInput, a.negativeInput { color:#444; }

.mediaBox span {
	color: #3399CC;
	text-shadow: 2px 2px 5px #ccc;
}
span.groupCounter, span.groupCount { text-shadow: none; color: inherit; }
textarea,input{ }
input{}
/*.topMiddle { background: transparent url(/images/vchome/vclogobar.png) no-repeat top center; height: 55px; } Placed on project-level */
#firstRow {  }
#lastRow {	}
.tableFormat1 {	}
.noBackground { background-image: none;}
.cellQuestionText1,h1,td.scwWeekNo{color:#444; }
.tableErrorMessage {color:white; background-color: #cc0000;  }
.itemErrorText { background-color: #00cc00; color: black; }
a.navButton .arrow {background: #8d8bd3; color:  red;}
a.navButton:visited {color:white; }

#backSubmit.submitButton, #nextSubmit.submitButton {
font-size: 2em;
background-image: none;
background-color: #eee;
border: 1px solid #aaa;
color: #39C;
border-radius: 5px;
padding: 0.5em;
}

#progressBar_holder {
  /*background-color:#ededed; background-image: url(/images/vchome/menubackgroundgreysmall.png); background-repeat: repeat-x; border-color: #666;*/
}

.progressBar .navigation,progressBar .navigation:visited,.cbox_progbar_inside .navigation,.progressBarSection,.sectionHeader, .cbox_progbar_inside_highlight .navigation {border-color:#ccc; color:#666; background-color: transparent;  }
.progressBar .navigation:hover,input:hover,input:focus,td.scwNow,td.scwCells:hover,td.scwCellsHover,td.scwCellsWeekend:hover,td.scwCellsWeekendHover,td.scwCellsExMonth:hover,td.scwCellsExMonthHover,td.scwInputDate,.currentStep .navigation,.cbox_progbar_inside .navigation:hover, .ProgressBarStep input.submitHover[class], .dropCategoryRow {color:#3399CC;  }
.cellHighlight {background-color:#c0c0c0; }
.textQHead { border-bottom: 1px solid #AAA; padding-bottom: 0.2em; margin-bottom: 0.7em; }
.EvenRow, .EvenRow td { background-color: #e2e2e2 }
.EvenRow td:first-child { border-bottom-left-radius: 0.5em; border-top-left-radius: 0.5em; }
.EvenRow td:last-child { border-bottom-right-radius: 0.5em; border-top-right-radius: 0.5em; }
.tableFormat1:not(.itemLevel1) .tableFormatMatrix thead,
.tableFormat1:not(.itemLevel1) .vcTable thead { background-color: rgba(255,255,255,0.80) }
.videoPlayerBox a, .draggableGridItem, VIDEO, AUDIO, .VIDEO, .AUDIO { background-color: #FBFBFB; border: 1px solid #666;}
.defaultDropList, .answerAlternativeBox { background-color: #eee; border-color: #eee }
.answerAlternativeDropList .draggableGridItem, .maxItems { border-color: #00A3DA }
.answerHover, .answerAlternativeDropList .answerHover {border-color: #FED22F; background-color: #FFF0A5 }

.dragOverList { background-color: #ddd  }

.sumDisplayer { border: 2px solid #ccc; }
.wrongSum { background-color: #cc0000; color: white; }
.correctSum { background-color: #00cc00; color: black; }
.sumRow td { border-color: black; }
.errorIcon { color: white; }
.columnValidation .tableFormatMatrix td { -webkit-transition-duration : 0.5s; transition-duration: 0.5s  }
tr.notValid td,
td.notValid, th.notValid { background-color: #C00; color: white; }
/*td.notValidCell:after { content: ""; position: absolute; margin-top: -1.3em; margin-left: 6em; display: block; background-color: #C00; border-radius: 4px; padding: 4px; }*/
.itemErrorMessage { -webkit-transition-duration : 0.5s; height: auto; opacity: 1; }
input[readonly], input[readonly="readonly"], input.readOnly {
    border-width: 0px; border-radius: 0.25em; font-style: italic; background-color: #eee; 
}

.videoPlayerBox a { background-color: #B1C9FA; background-image: url(/images/buttons/fp-play-blue-inactive.png); background-repeat: no-repeat; background-position: center center; }
.itemLevel1, .level1 {
background-color: #35C2EE; border: 15px solid white; border-radius: 10px;
-webkit-box-shadow: 0px 2px 20px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 2px 20px rgba(50, 50, 50, 0.3);
box-shadow:         0px 2px 20px rgba(50, 50, 50, 0.3);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.itemLevel1 .textQHead,
.itemLevel1 .mediaBox,
.itemLevel1 .cellQuestionText2 { background-image: none; color: white; }