body    {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-width: 0;
  margin-height: 0;
  background-color: #ffffff;

  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #7D8DB4;
  scrollbar-arrow-color: #7D8DB4;
  scrollbar-track-color: #cccccc;
  border-color: #ffffff;
  font-family: 'Segoe UI',Tahoma,sans-serif;
}

img { border: 0; }

a:link {color: #1272d9}
a:visited {color: #1272d9}
a:hover {color: #62C1F5}
a {text-decoration: none}

input   {
   border: 1px solid #A9A9A9;
	padding:2px 3px;
}

input.bigger {padding:5px; font-size:120%;}

input[type="submit"], input[type="button"], .like-button {
	padding:5px 10px; font-size:12pt; background:#ddd; border-color:#666;
	cursor:pointer;
	transition: background 150 ease-in-out;
}
input[type="submit"]:hover, input[type="button"]:hover,
input[type="submit"]:focus, input[type="button"]:focus,
.like-button:hover, .like-button:focus {
	background:#eee;
}
input[type="submit"]:active, input[type="button"]:active, .like-button:active {
	background:#bbb;
}

input[type="submit"].default, input[type="button"].default, .like-button.default {
	background:#fc0;
}
input[type="submit"].default:hover, input[type="button"].default:hover, .like-button.default:hover,
input[type="submit"].default:focus, input[type="button"].default:focus, .like-button.default:focus,
.like-button.default:hover, .like-button.default:focus
 {
	background:#FFD633;
}
input[type="submit"].default:active, input[type="button"].default:active, .like-button.default:active {
	background:#E0B400;
}

select { background:none; }

fieldset { border: 1px solid #BBCAED; padding: 10px 20px 15px; transition: all 200 ease-in-out; }
fieldset.disabled { background:#e8e8e8; }
 fieldset.disabled input, fieldset.disabled select { opacity:0.6; }
fieldset legend { font-weight:bold; }

span.required {color:red;}
span.fine {color:#999;}

.text-left { text-align:left;}
.text-center { text-align:center;}
.text-right { text-align:right;}

.text-top { vertical-align:top;}
.text-middle { vertical-align:middle;}
.text-bottom { vertical-align:bottom;}

.dashed-link {border-bottom:1px dashed #999;}
a.dashed-link {border-bottom-color:#99ABD8; text-decoration:none;}

.MathJax_Display {
  display: inline !important;
}

#top-header { margin:0;}
 #top-header .top-row { background:#7D8DB4;}
  #top-header .top-row .logo-cell { padding: 15px 15px 10px; }
  #top-header .top-row .text-cell { padding: 10px 25px 5px 0; text-align:right; color:white; font-size:120%; font-weight:bold;}
   #top-header .top-row .text-cell .subtitle { color:#D0DAF2;}
   #top-header .top-row .auth-cell { color:white; padding:10px;}
 #top-header .menu-row { background:#99ABD8; color:white;}
  #top-header .menu-row td { padding:6px 14px 8px; font-size:90%;}
  #top-header .menu-row td a { color:white; }
  #top-header .menu-row td a:hover { color:#ff0; }
  #top-header .menu-row .right-menu { text-align:right;}

.main-table {margin-top:15px;}

.menu-operations { color:#ccc; }
 .menu-operations a { font-size:95%; margin:0 10px;
		text-transform: uppercase; border-bottom: 1px solid #99ABD8; }

.alert-message { padding:5px 20px; font-size:12pt; margin:0 0 10px;}
 .alert-message.success { background:#ABEDAD; color:#1B6B19; }
 .alert-message.error { background:#FFB39E; color:#963B21; }

#test-body {font-size:90%; padding-bottom:100px;}

#test-edit-page {}
 #test-edit-page .test-name { padding:0 0 20px 8px; font-size:14pt;}
  #test-edit-page .test-name .last-save-date { font-size:12pt; color:#ccc; float: right;}
   #test-edit-page .test-name .last-save-date .success {
	color: #FFF;
	margin-right: 3px;
	display: inline-block;
	background: #65C04E;
	border-radius: 5px;
	padding: 1px 6px 3px;
	-webkit-transition: background 1.5s ease;
}

#left-menu { float:left; font-size:11pt;}
 #left-menu .menu { position: relative;  width: 100%; float: left; }
 #left-menu .menu.separator { border-top: 1px dotted #ccc; margin:10px 0;}
 #left-menu .gt { display:none;}
 #left-menu .href { position: relative;}
 #left-menu .href a { display:block; padding:7px 7px; margin:2px 0; }
  #left-menu .href a span{ /*border-bottom: 1px solid #99ABD8;*/ }
 #left-menu .href a:hover { background:#eee; }

 #questionForm {}
 #questionForm #title{font-size: 120%; padding: 2px 8px; }
  .question-type {font-size:120%;}
  .title-name {	width: 135px;	display: inline-block;	/* text-align: right;*/ }

 .arrowUpDown {
		width: 10px;
		height: 16px;
		position: relative;
		float: right;
		margin: 0px 2px 0px 2px;
		font-size: 12pt;
		text-align: center;
  }
  .arrowUpDown a { opacity:0.5;}
  .arrowUpDown a:hover {opacity:1;}
  .test-de { background:#E4E8F1; padding:10px; vertical-align:top; box-shadow: 1px 1px #ccc;}
   .test-de td.question {
		padding: 5px 8px;
	}
	.question-field tr { background:#FFF;}
	.question-field tr:nth-child(2n) { background:#F2F2F2;}
	.test-de td.question.empty {
		padding: 8px 12px;
	}
	.test-de .theme-name {
	}
	.test-de .params {
		color: #AFAFAF;
		padding: 2px 5px 4px;
		margin:0 2px;
		font-style: italic;
		font-size:90%;
	}
	.test-de .params .selection {
		padding: 1px 5px 2px 4px;
		background: rgba(255, 255, 255, 0.5);
		border-radius: 50%;
		color: #333;
	}
/*
	.test-de td.question.qtype-1 { background-image:url(imag/qtype-1.png);}
	.test-de td.question.qtype-2 { background-image:url(imag/qtype-2.png); }
	.test-de td.question.qtype-3 { background-image:url(imag/qtype-3.png);}
	.test-de td.question.qtype-4 { background-image:url(imag/qtype-4.png);}
	.test-de td.question.qtype-5 { background-image:url(imag/qtype-5.png); }
	.test-de td.question.qtype-6 { background-image:url(imag/qtype-6.png); }
	.test-de td.question.qtype-7 { background-image:url(imag/qtype-7.png); }
	.test-de td.question.qtype-8 { background-image:url(imag/qtype-8.png); }
*/
	.test-de td.question .q-name { float:left; }
	.test-de td.question span { float:left; font-size:75%; color:#999; padding:1px 3px 2px; border-radius:2px; margin:2px 8px 1px 2px;
			text-transform:uppercase; width:35px; text-align:center; cursor:help;}
	.test-de td.question.qtype- span {  }
	.test-de td.question.qtype-1 span { background:#BAEFF5;}
	.test-de td.question.qtype-2 span { background:#F5F0BA;}
	.test-de td.question.qtype-3 span { background:#BAF5BB;}
	.test-de td.question.qtype-4 span { background:#C3BAF5;}
	.test-de td.question.qtype-5 span { background:#DDBAF5;}
	.test-de td.question.qtype-6 span { background:#F5E9BA;}
	.test-de td.question.qtype-7 span { background:#F5BAF5;}
	.test-de td.question.qtype-8 span { background:#ddd;}

   .part-edit-link { color:#666 !important; border-bottom: 1px solid rgba(0,0,0,0.1);}
    .part-edit-link:hover { color:#333 !important; border-bottom: 1px solid #999;}

	.toggle-visibility { border-bottom: 1px solid rgba(0, 0, 0, 0.25); margin:0 5px; cursor:pointer; }
	.toggle-visibility:hover { border-bottom-color: rgba(0, 0, 0, 0.6); }
	 .toggle-visibility.test-part {}
	 .toggle-visibility.test-section {}

#questionForm {}
#questionForm  div.question { /* ? */
   border: 1px dashed #828282;
   width: 400px;
   height: 100px;
   overflow: auto;
   padding: 5px;
   font-size: 10pt;
 }

#questionForm  div.response {
	border: 1px dashed #828282;
	background: white;
	width: 300px;
	height: 80px;
	overflow: auto;
	text-align: left;
	padding: 5px;
	font-size: 10pt;
	margin:2px 0;
}

#questionForm  div.responseType4 {
   border: 1px dashed #828282;
	background:white;
   width: 150px;
   height: 50px;
   overflow: auto;
   text-align: left;
   padding: 5px; margin: 0 0 2px;
   font-size: 8pt;
}

#questionForm  span.changeText { font-size: 10pt; display:none; }
#questionForm  input.upperBound { text-align: center; width: 40px; height: 30px; padding:0 0 0 3px;}

#modalFeedback {margin:5px 0;}



.answer-table {
	border:1px solid #666;
	border-collapse:collapse;
	margin: 10px 0 3px;
}
.answer-table tr {	background:white;}
.answer-table tr:nth-child(2n+1) { background:#efefef;}

.answer-table td {
	border:1px solid #ccc;
	padding:4px 6px;
}
.answer-table .tHead {
	background:#E4E8F1 !important;
	text-align:center;
	font-size:90%;
}

.answer-table .td-answer-radio { border-right:0; text-align: center;}
 .answer-table .td-answer-radio input,
 .big-answer-radio
 { width: 20px; height: 20px; cursor:pointer; }
.answer-table .td-answer-select { border-left:0;}

.answer-table .answer-select { height:20px; padding:0 0 0 4px; display:inline-block; border-color: #DEDEDE; border:none; text-align:right;}

/*
.answer-table .answer-select.positive { color:#35B83E; }
.answer-table .answer-select.neutral { color:#000; }
.answer-table .answer-select.negative { color:#C86868; }
*/
.answer-table.sorting .num {
	margin: 0 0 2px;
	height: 24px;
	width: 24px;
	text-align: center;
	background: rgba(0,0,0,.1);
	border-radius: 50%;
}

#make-mass-action { font-size:120%; border: none; margin: 30px 0 15px; }
select#make-mass-action { width: 180px; font-size:120%; border-bottom: 1px dashed #aaa; cursor: pointer;}

#assoc-b {
	position:relative; display:inline-block;
	margin: 5px 10px 20px 0;
	padding: 0 29px 0 0;
	background: #CECECE;
}
#assoc-b .answer-table { margin:0;}

img.moveAnswer {
	margin: 5px auto;
	display: block;
}
.move-arrow { height:16px; width:16px; margin:5px auto; cursor:pointer; opacity:.5;}
.move-arrow:hover { opacity:1; }
 .move-arrow.up { background:url('imag/arrowup16.png') top left no-repeat;}
 .move-arrow.down {background:url('imag/arrowdown16.png') top left no-repeat;}

.answer-table.short-answers input {
	width: 450px; font-size: 17px;
	padding: 0 5px; line-height: 30px; height: 30px;
	margin: 2px 1px;
}

.assoc-pairs { }
 .assoc-pairs.empty { color:#999; font-size:85%; text-align:center;}
 .assoc-elem {margin:3px 0;}

#Associations .big-answer-radio { vertical-align:bottom; margin-bottom: 2px;}
#Associations .response { min-height:80px; height: 100% !important;}

.answer-table .do-equal{
	height:20px; padding:0 4px; display:inline-block;
	vertical-align: middle;
	cursor:pointer;
}
.add-answer { border-color: #A8A8A8 !important; }
.add-answer:hover { background-color:#C5E7C7 !important; }
 .add-answer.horizontal { margin: -10px 0 20px;}
 .add-answer.vertical { position:absolute; transform:rotate(-90deg);}

.selected-bg {background:#E4E8F1}
.copy-action {padding: 10px 10px 15px; display: inline-block;font-size: 130%; cursor:pointer;}

.btn-12 { display:inline-block; float:right; width:12px; height:12px; margin:2px 0 0 6px; opacity:.6; cursor:pointer;  }
.btn-16 { opacity:.6; cursor:pointer; width:16px; border:0; }
 .btn-12:hover, .btn-16:hover { opacity:1; }

.inline { float:none; display:inline-block;}

.ico-12 { display:inline-block; width:12px; height:12px; background:none top left no-repeat; }
 .ico-12.edit { background-image:url('imag/editbw12.png');}
 .ico-12.delete {background-image:url('imag/deletebw12.png');}
 .ico-12.null {background-image:none;}

#footer-padder {height:60px;}
#footer {color:#999; text-align:center; background:#eee; background:rgba(210,210,210,0.7); padding:20px; margin-top:30px; position:fixed; bottom:0;/**/ width:100%; }
 #footer a {color:#666; }
 #footer a:hover {color:black; }


.framed { /*padding-top:100px;*/ }
.framed #top-header { display:none;}
.framed #footer { display:none;}
.framed .menu-operations a { text-transform: none !important; }

.text-editor-help {
  text-align: left;
  background: rgba(255, 255, 255, 0.85);
  padding: 10px 15px;
  border-left: 4px solid #259E25;
}

table.solid td { border: 1px solid #7D8DB4; }
  table.solid tr.tHead td { font-weight: bolder; }
  table.solid td { text-align: center; }

#editor iframe {
  display: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: mask();
  width: 3000px;
  height: 3000px;
}

#fckEditor {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 260;
  border: 0px;
  overflow: hidden;
  text-align: center;
}

#editor {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 250;
  border: 0px;
  overflow: hidden;
  text-align: center;
}

#editorBackGround {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 250;
  border: 0px;
  background-color: #e8e8e8;
  filter: Alpha(opacity=80);
  opacity: 0.8;
}

embed {
  background-image: url(/editor/includes/ckeditor/plugins/flash/images/placeholder.png?t=E4KA);
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #A9A9A9;
}

.shidden { visibility:hidden;}

.import-answers { display:none; background: #ededed; padding: 20px 20px; font-size:14px; height: 72px;}
 .import-answers  .answers-count{ font-weight:bold;}
 .import-answers  .b-confirm{ margin:6px 0 6px;}

.loadTest-block { margin:0 0 10px;}
 .loadTest-block  label{  display: block; height: 30px;  line-height: 30px; }
 .loadTest-block  input{  height: 18px;  width: 18px; vertical-align: text-bottom; }

.helptip-nav {height:40px; line-height:30px;}
 .helptip-nav .elem { display:inline-block; width:24%; text-align:center;}
 .helptip-nav .elem a { text-decoration:none; border-bottom: 1px dashed;}
 .helptip-nav .elem a {}
.helptip-content { display:none; padding:20px;}
.helptip-content.active { display:block;}