@charset "utf-8";
/* CSS Document */

/* Main Background Color OR Full BG Cover : works in: Safari 3+ - Chrome all+ - IE 9+ - Opera 10+ - Firefox 3.6+ */
html { 
  -webkit-background-size: cover; 
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
}
body {background-color:transparent; /*background: #E9E9E9;*/}

/* Field Background Colors */
#header_content {
	background-repeat: no-repeat;
	background-size: contain;
	height: 50px;
	margin: 20px 0;
}	
#content_container {background-color:rgba(255, 255, 255, 0.7);}
#page_content { background-color:transparent; }
#footer_container { background: transparent;}
.questcontainer {	background-color: #fff; }


/* Text Colors */
.BigRedFont{ color:#333;}
.QuestFont { color:#333;}


/* Progressbar colors */
#Prg_Background {background-color:#797979; }
#Prg_Foreground{background-color:#1BBC9B; }
#Prg_PercTxt{ color:#fff; }


/* Button Next & Prev colors*/
#content_container center input { color:#fff; background-color:#797979;} 
#content_container center input:hover {color:#fff; background-color:#1BBC9B;}

/* Alert box - pop-upcolors */
td.nebui-panel-head{background-color:#1BBC9B; color: #fff;}
td.nebui-panel-head  { color: #fff;}
td.nebui-panel-buttons input.button {  color: #fff;    background-color: #797979;}
td.nebui-panel-buttons input.button:hover{color:#fff; background-color:#1BBC9B;}

/* Rounded corners for fields, questions,buttons progressbar, if you want square corners fill in 0px */
#content_container  {	border-radius: 10px;}
.questcontainer {	 border-radius: 10px;}
#content_container center input, td.nebui-panel-buttons input.button  {border-radius: 4px;}
#ProgressBar, #Prg_Background,#Prg_Foreground{ 	border-radius: 4px; }
div.nebui-panel {border-radius: 10px;} /* alert popup*/
td.nebui-panel-head {border-top-left-radius: 10px; border-top-right-radius: 10px;}

/* Shadows optional, comment out to remove */
.questcontainer {	box-shadow: rgb(229, 230, 230) 0 4px; }
.questcontainer .itemimage img { max-width: 150px; }
#content_container {
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.7);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.7);
}