#submitbox
{
	margin-left:auto;
	margin-right:auto;
	float:none;
	/*border: 10px solid #073753;*/
display:block;
	width: 800px;
	text-align: right;
}
.remarquebox,#remarquebox
{	
margin-left:auto; 
margin-right:auto;
color: #aaa;
float:none;
display:block;
width: 80%;
text-align: left;

}

#feedbackzone
{
	margin-left:auto;margin-right:auto;color: #aaa;float:none;
	display:block;width: 100%;text-align: left;
}


.remarquebox a, #remarquebox a, a:visited {
	/*color:#0196e3;*/
	text-decoration:none;
	outline:none;
	text-shadow: 0.1em 0.1em /* 0.2em */ #DDD;
}

.remarquebox a:hover, #remarquebox a:hover{
/*	text-decoration:underline;*/
	/*	  color: #005cb7;*/
    text-decoration: none;

 	text-shadow: 0.1em 0.1em /* 0.2em */ #DDD;
	color: red;

}



#feedbackzone .feedback-content
{
	color: #969696;
	background-color:white;
	border: 3px solid #CCCCCC;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	min-height: 40px;
	/*width: 100%;*/
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
}


#comment {
	width: 94%;
	color: #969696;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 9pt;

border: 3px solid #CCCCCC;

		-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}


.commentbox, #commentbox
{	
margin-left:auto; 
margin-right:auto;
padding: 4px 4px 0px 4px;
color: #888;
float:none;
	display:block;
width: 90%;
 text-align: right;
 
}


#feedback{
	background-color:#9db09f;
	width:310px;
	height:330px;
	position:fixed;
	bottom:0;
	right:120px;
	margin-bottom:-270px;
	z-index:10000;

}

#feedback .section{
	background:url('images/feedback-bg.png') repeat-x top left;
	border:1px solid #808f81;
	border-bottom:none;
	padding:10px 25px 25px;

}

#feedback .color{
	float:left;
	height:4px;
	width:20%;
	overflow:hidden;

}

#feedback h6{
	/*background:url("img/feedback.png") no-repeat;*/
	height:38px;
	margin: 16px 0 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;	
/*	text-indent:-99999px;*/
	cursor:pointer;
	font-style: italic;
	font-weight: lighter;
}

#feedback .color-1{ background-color: #dbe5f1;}
#feedback .color-2{ background-color: #b8cce4;}
#feedback .color-3{ background-color: #95b3d7;}
#feedback .color-4{ background-color: #a1abb7;}
#feedback .color-5{ background-color: #244061;}

#feedback textarea{
	background-color:#fff;
	border:none;
	color:#666666;
	font:13px 'Lucida Sans',Arial,sans-serif;
	height:100px;
	padding:10px;
	width:236px;
	resize:none;
	outline:none;
	overflow:auto;
	
	-moz-box-shadow:4px 4px 0 #8a9b8c;
	-webkit-box-shadow:4px 4px 0 #8a9b8c;
	box-shadow:4px 4px 0 #8a9b8c;

}



#feedback .message{
	font-family:Corbel,Arial,sans-serif;
	color:#5a665b;
	text-shadow:1px 1px 0 #b3c2b5;
	margin-bottom:20px;
	margin:0;
	padding:0;	
}

#feedback .arrow{
	background:url('images/feedback-arrows.png') no-repeat;
	float:right;
	width:23px;
	height:18px;
	position:relative;
	top:10px;
	margin:0;
	padding:0;	
}

.cursor-pointer{
	cursor: pointer;
}
#high-contrast{
	position: absolute;
	top: 6px;
	font-size: 11px;
	background: #fff;
	padding: 0 4px;
	left: calc(50% - 45px);
}

#feedback .arrow.down{ background-position:left top;}
#feedback h6:hover .down{ background-position:left bottom;}
#feedback .arrow.up{ background-position:right top;}
#feedback h6:hover .up{ background-position:right bottom;}
.top-navbar-bg-con{
	background-color: #adb3b8;
}

.white-bg .top-navbar-bg-con{
	background-color: #f1f1f1;
}

.white-bg .top-navbar-bg-con .globaltimer{
	color: #000;
	text-shadow: 4px 3px 0 #e1e1e1;
}
.white-bg .top-navbar-bg-con .questionposition{
	color: #000 !important;
}

.white-bg h2{
	color: #000;
}
.white-bg p{
	color: #000;
}
.white-bg label{
	color: #000;
}
.white-bg .btn{
	color: #000 !important;
    border-color: #000 !important;
    background: #fff !important;
}
.white-bg .strike-left{
	color: #000;
}

.white-bg .strike-left > span:before, .strike-left > span:after{
	background:repeating-linear-gradient(90deg, #ffffff 0px,  #000 10px, #000 20px, #ffffff 30px) !important;
	color: #000;
}

.black-bg .top-navbar-bg-con{
	background-color: #1c1c1c;
}

.black-bg{
	background: #000 !important;
}
.black-bg #questionbox{
	background: #000 !important;
}
.black-bg h2{
	color: #fff;
}
.black-bg p{
	color: #fff;
}
.black-bg label{
	color: #fff;
}
.black-bg .btn{
	color: #fff !important;
    border-color: #fff !important;
    background: #444 !important;
}
.black-bg ul.nav li{
	color: #fff;
}
.black-bg span{
	color: #fff !important;
}
.black-bg .strike-left{
	color: #fff;
}

.black-bg .strike-left > span:before, .strike-left > span:after{
	background:repeating-linear-gradient(90deg, #ffffff 0px,  #e5e5e5 10px, #e5e5e5 20px, #ffffff 30px) !important;
	color: #f5f5f5;
}

.black-bg svg path{
	stroke: #fff;
	fill: #fff;
}
.black-bg svg circle{
	stroke: #fff;
	fill: #fff;
}