body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

body, th, td {
	font-family: verdana, arial;
	font-size: 10pt;
}

dl, dt, dd
{
	padding: 0;
	margin: 0;
}

dt {
	float: left;
	padding-top: 2px;
}


a:hover {
	text-decoration: none;
}

ul, ol {
	margin-top: 4pt;
	margin-bottom: 4pt;
	list-style-position: inside;
}

h3, h4 {
	font-size: 10pt;
}

h1, h2, h3, h4 {
	margin-bottom: 6px;
}

form {
	margin: 0;
}

/* page header markup */
.toptable {
	background-color: #EDDFA9;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #AC6C3E;
	width: 100%;
}

a.topmenu {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 1px;
	padding: 2px 5px;
	font: bold 8pt verdana, arial;
	text-decoration: none;
	white-space: nowrap;
}

a.topmenu:link, a.topmenu:active, a.topmenu:visited {
	color: #fff;
	border: 1px solid #fff;
	background-color: #AC6C3E; /*#F19203;*/
}

a.topmenu:hover, a.topmenu.unread:hover {
	color: #D85701;
	border: 1px solid #D85701;
	background-color: #fff;
}
a.topmenu.unread
{
	background-color: #b44;
}

div.topstatus {
	font: normal 8pt verdana;
	color: #000;
	margin-bottom: 3px;
}

/* page header markup */

/* button design */
input.btn, input.smallbtn, button.btn, button.smallbtn {
	font: bold 8pt verdana, arial, helvetica;
	vertical-align: top;
	overflow: visible;
	padding-left: 3px;
	padding-right: 3px;
}

input.smallbtn, button.smallbtn {
	font-size: 7pt;
}

/* page header text */
.h {
	color: #2E1227;
	font: bold 12pt arial, helvetica;
	width: auto;
	text-align: center;
	margin: 3pt 0 5pt 0;
}

/* internal visual styles */

.outerbox {
	width: 85%;
	min-width: 970px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 5px;
}

.iframe-section .outerbox {
	min-width: 850px;
	width: 850px;
}

.subheader {
	text-align: left;
	font-family: verdana, helvetica, arial;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #DAE1C8;
	border-style: solid;
	border-width: 0 0 0 12px;
	border-color: #BCC99A;
}

.subheader .permission_blocked {
	float: right;
	font-size: 8pt;
	padding-right: 5px;
	margin-top: 2px;
}

.block, .emptyblock {
	display: block;
	text-align: left;
	margin-bottom: 15px;
	border: 1px solid #808080;
	padding: 5px;
}

.emptyblock {
	zoom: 1; /* fixes floating bug in IE */
}

.block {
	background-color: #E0E4ED;
}

.block .subheader, .emptyblock .subheader {
	color: #3F4B58;
	font-size: 9pt;
	background-color: #E0E4ED;
	border-style: none;
	padding: 0;
}

.block .emptyblock, .block .emptyblock .subheader {
	background-color: #EBEDF3;
}

.block .emptyblock .float {
	display: block;
	width: 25%;
	margin-right: 4px;
	float: left;
	padding-right: 4px;
}

.block .emptyblock {
	margin: 0;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px 1px 1px 2px;
	border-left-color: #fff;
	border-right-color: #888;
	border-top-color: #fff;
	border-bottom-color: #999;
}

textarea.wide {
	width: 95%;
	padding: 3px;
	overflow: auto;
}

.note {
	font-size: 8pt;
	color: #404040;
}

table.d_table_split {
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	border-color: #656565;
	background-color: #fff;
}

table.d_table_split td, table.d_table_split th {
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #656565;
}

table.d_table_split th {
	background-color: #E0E4ED;
	font-weight: bold;
}

.top_indent {
	margin-top: 15px !important;
}

.bottom_indent {
	margin-bottom: 15px !important;
}

.controls {
	display: block;
	text-align: center;
	border: 1px solid #808080;
	background-color: #DAE1C8;
	padding: 10px 5px 10px 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.controls .note {
	color: #000;
}

.warnmsg {
	display: block;
	text-align: center;
	color: #8B1212;
	border-style: solid;
	border-width: 1px 1px 1px 15px;
	border-color: #F30101;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 15px;
	background-color: #FDFBAA;
}

.light {
	background-color: #ffffff;
}

.dark {
	background-color: #E0E4ED; /*#eaeaea;*/
}

.nowrap {
	white-space: nowrap;
}

/* end of internal visual styles */

.txt {
	padding: 4px 10px 4px 10px;
}

.small {
	font-size: 8pt;
	color: #404040;
}

.big {
	font-size: 11.5pt;
}

.imp {
	color: #A80004;
}

.implarge {
	color: red;
	font-size: 12pt;
}

.leftindent {
	padding-left: 15px;
}

.qlist {
	background-color: #808080;
}

.qlist tr th {
	background-color: #CBDF8E;
	font: bold 8pt tahoma, verdana, arial;
	color: black;
}

div.dark, div.light, p.dark, p.light {
	border: 1px solid #808080;
}

a.qtitle, a.qtitle:active, a.qtitle:visited {
	color: #5717FF;
}

a.qtitle:hover {
	color: #5717FF;
	text-decoration: none;
}

a.qtitle img {
	min-width: 15px;
	min-height: 15px;
	border: 1px solid #5717FF;
}

/* Old reports */

table.rtb {
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	border-color: #888;
	border-spacing: 0;
	border-collapse: collapse;
	background-color: #fff;
	color: #000;
	margin: 4pt 0;
}

table.rtb td, table.rtb th {
	padding: 3pt;
	font-family: verdana, helvetica, arial;
	font-size: 8pt;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #888;
}

table.rtb th {
	font-weight: bold;
	background-color: #D8D8D8;
}


/* New Features */
table.new-features-table {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
	color: #000;
	margin: 4px 0;
}

table.new-features-table td {
	font-weight: normal;
}

table.new-features-table td, table.new-features-table th {
	padding: 3px;
	font-family: verdana, helvetica, arial;
	font-size: 8pt;
	border: 1px solid #888;
}

table.new-features-table th {
	font-weight: bold;
	background-color: #DAE1C8;
}

table.new-features-table tr.unread td
{
	background-color: #e5e5e5;	
}

table.new-features-table tr.unread td a
{
	font-weight: bold;
}

/* Controls */

.cs__checkbox, .cs__radio {
	position: relative;
}

.cs__checkbox input, 
.cs__radio input {
	position: absolute;
	left: 5px;
	top: 6px;
	margin: 0;
	z-index: 0;
	left: 3px\9;
	top: 4px\9;
}

.cs__checkbox input.cs__inputother, .cs__radio input.cs__inputother {
	position: static;
}

.cs__checkbox label, 
.cs__radio label {
	display: inline-block;
	position: relative;
	z-index: 1;	
	padding: 5px 0 5px 28px;
	cursor: pointer;	
	zoom: 1;
	*display: inline;
}

.cs__checkbox label, .cs__radio label {
	background-position: -13px -15px;	
	background-repeat: no-repeat;
}

.cs__nolabel {
	*width: 25px !important;
	display: inline-block !important;	
	zoom: 1;
	*display: inline;
}
.cs__nolabel label {
	height: 28px;
	padding: 0;
	width: 24px;	
} 

.cs__checkbox label.hover,
.cs__checkbox label.focus,
.cs__radio label.hover,
.cs__radio label.focus {
	background-position: -13px -515px;
}

.cs__checkbox label.checked, 
.cs__radio label.checked {
	background-position: -13px -1015px;
}

.cs__checkbox label.checkedHover, 
.cs__checkbox label.checkedFocus,
.cs__radio label.checkedHover, 
.cs__radio label.checkedFocus
{
	background-position: -13px -1515px;
}
.cs__checkbox label.focus.checked,
.cs__checkbox label.hover.checked,
.cs__radio label.focus.checked,
.cs__radio label.hover.checked 
{
	background-position: -13px -1515px;
	_background-position: -13px -1015px;
}


.cs__checkbox label.focus, 
.cs__radio label.focus {
	/*outline: 1px dotted #ccc;*/
}

.cs__checkbox label {
	background-image: url(/images/controls/checkbox-gray-blue.png);	 
	_background-image: url(/images/controls/checkbox-gray-blue.gif);
}
.cs__radio label { 
	background-image: url(/images/controls/radio-gray-blue.png);
	_background-image: url(/images/controls/radio-gray-blue.gif); 
}

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none;
}

.new-switcher {
	margin-bottom: 10px;
	background: #fffce1;
	padding: 10px;
	border-radius: 5px;
	width: 940px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

.new-switcher a {
	font-wegiht: bold;
}

#mysurvselect_search-field + b {
    display: block;
    height: 25px;
    line-height: 25px;
    float: left;	
}

#mysurvselect_search-field {
    height: 19px;
    width: 280px;
	float: left;
    padding: 1px 5px;	
	margin: 2px 20px 0 0;
    vertical-align: top;
    border: 1px solid #aaa;	
}

.selectBox-dropdown-menu message {
	display: block;
	padding: 5px;
	font-weight: bold;
}

.ck-editor__main {
	height: calc(100% - 39px);
    background-color:#fafafa;
    border-bottom: 1px solid #c4c4c4;	
	padding-bottom: 20px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ck-editor__main > .ck-content {
	height: 100%;
	min-height: 100px;
}