/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{ font: normal 13px/20px arial, sans-serif; color: #000;  color: #000; background: #f5f5f5!important;}

h1                                          {font-family: "tablet-gothic-semi-condensed", Arial, sans-serif!important; font-size: 22px; font-weight: bold; margin: 5px 0 10px 0; padding: 0 0 5px 0;	color: #446ca4;}
h2                                          {font-family: "tablet-gothic-semi-condensed", Arial, sans-serif!important; font-size: 18px!important; color: #446ca4; margin: 5px 0 10px; }
h3                                          {font-family: "tablet-gothic-semi-condensed", Arial, sans-serif!important; font-size: 16px!important; font-weight: 400!important; color: #446ca4; }

h3.group								{padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;}
h4                                      {margin-top: 8px; font-family: "tablet-gothic-semi-condensed", Arial, sans-serif!important; font-size: 16px!important; font-weight: 400!important; color: #446ca4!important; }

h2.section                              {margin: 5px 0 15px; border-bottom: 1px solid #e3e3e3; color: #606060; padding-bottom: 10px; }

a										{color: #004850;}
a:hover									{text-decoration: none;}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}

ul, ol			{padding: 5px 10px; margin: 5px 15px; }
ul, ul li		{list-style-type: disc;}
ol, ol li		{list-style: decimal;}
ul li, ol li	{line-height: 1.4em; margin: 0 0 0.4em;}
/*--------------------------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------------------------*/

img										{border: 0;}
img.left								{float: left; margin: 0 10px 5px 0;}
img.right								{float: right; margin: 0 0 5px 10px;}


div#masthead							{background-color: #bbb; height: 100px; border-bottom: solid 1px #ebebeb; position:relative;}
div#container							{background-color: #f8f8f8;}
div#navigation							{position: absolute; width: 800px; top: 73px; right: 0; text-align: right;}
div#container							{padding: 15px 0 25px; background: #fff url(../gfx/ui/bg_content.png) repeat-x;}

div#masthead-content, div#wrapper, div#footer-content {margin: 0 auto; width: 960px; padding: 0 10px; position: relative;}
div.secondarycontent					{width: 200px; float: right; background-color: #f5f5f5; border: solid 10px #fff; padding: 10px;}

div#masthead-content div#logo			{width: 200px; position:absolute; top: 15px; }
div#masthead-content div#logo img { max-width:250px; max-height: 80px;}

div#footer								{border-top: solid 1px #ebebeb;}
div#footer-content						{padding: 20px 0;}
div#footer-content div#footer-navigation {width: 39%; margin-left: 10px; font-family: "tablet-gothic-semi-condensed", Arial, sans-serif!important; color: #6f6f6f; font-size: 16px;}
div#footer-content div#footer-address	{width: 59%;}

div#footer-content div#footer-navigation {float: left;}
div#footer-content div#footer-address	{float: right; text-align: right;}
div#footer-content div#footer-address img	{margin-left: 20px;}

div#wrapper div#content					{width: 670px; background-color: #f5f5f5; border: solid 10px #fff; padding: 10px; float: left;}
div#wrapper div#content.wide			{width: 960px;}

div.secondarycontent div.module div.mb p,
div#secondarynavigation div.module div.mb p,
div#content p							{margin: 0 0 1em;}
div.secondarycontent div.module div.mb a,
div#secondarynavigation div.module div.mb a,
div#content a							{color: #555; text-decoration: underline;}
div#content a:visited					{color: #666;}
div.secondarycontent div.module div.mb a:hover,
div#secondarynavigation div.module div.mb a:hover,
div#content a:hover						{color: #333 !important; text-decoration: none;}

div#content ul, div#content ol			{padding: 5px 10px; margin: 5px 15px; }
div#content ul, div#content	ul li		{list-style-type: disc;}
div#content ol, div#content ol li		{list-style: decimal;}
div#content ul li, div#content ol li	{line-height: 1.4em; margin: 0 0 0.4em;}

div#content table						{width: 100%;}
div#content p                           {}
/*--------------------------------------------------------------------------------------------------
Test
--------------------------------------------------------------------------------------------------*/

div.top-section						{width: 652px; float: right; margin: 35px auto 0; height: 30px;}
div.top-section div.timeleft			{padding: 10px; font-size: 1.3em; font-family: "tablet-gothic-semi-condensed", Arial, sans-serif!important; }
div.top-section div.timeleft-col0		{width: 120px; float: left; margin-top: 5px;}
div.top-section div.timeleft-col1		{width: 150px; float: left; margin-top: 5px;}
div.top-section div.timeleft-col2		{width: 140px; float: left; text-align: left; margin-top: 5px;}
div.top-section div.timeleft-col3		{width: 222px; float: right; text-align: right; margin-top: 5px;}
div.top-section div.timeleft strong	{color: #c04444;}
div.top-section div.timeleft span.questionindicator		{color: #888; display: block; text-align: left;}
div.top-section div.timeleft span.questionindicator strong {color: #444 !important;}
div.top-section div.timeleft div.block-progressbar					{width: 100%; border: solid 1px #888888; height: 13px; background: #fff; overflow: hidden; margin: 13px 0 5px;}
div.top-section div.timeleft div.block-progessbar-indicator		{width: 0%; background: url(../gfx/ui/progressbar.png); height: 13px; overflow: hidden;}
div.top-section div.timeleft-label		{font: normal 12px/12px "tablet-gothic-semi-condensed", Arial, sans-serif!important; text-transform:uppercase; font-weight: 200;}

div.timeleft div.block-progressbar		{margin-top: 6px;}
div.timeleft div.timeleftcontainer		{margin-top: 0px;}

div#content	fieldset					{border-bottom: solid 1px #f0f0f0; margin: 0 0 10px; padding: 10px 0;}

div#content fieldset legend				{display: none;}
div#content	fieldset.controls			{margin: 0; border: none; text-align: center;}
div#content	fieldset.controls .navigation-left {float: left;}
div#content	fieldset.controls .navigation-right {float: right;}
div#content	fieldset.doubtful			{padding: 10px;}

input[type="submit"],
input.fancy.button,
a.downloadfile                          {background: #446ca4; border-radius: 2px; color: #fff!important; text-decoration: none!important; border:none;  text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px;  padding: 7px 8px!important; font-weight: 600;  border-radius: 2px; font-family: "tablet-gothic-semi-condensed", Arial, sans-serif!important;}

a.downloadfile  {display: inline-block!important; margin: 10px 0 0; position: absolute; top: 0; right: 10px; }

input.fancy								{float: right;}
input.fancy:disabled                    {background: #ccc!important; cursor:not-allowed;}

div#content	fieldset ol li				{margin: 0 0 5px; font-size: 1.1em;}
div#content	fieldset ol li label		{padding: 0 0 0 5px;}

div.cl									{width: 600px; float: left;}
div.cr									{width: 280px; float: right;}

span.rfv								{display: block; padding: 10px 0 0; color: #e60040; margin: 0;}
.activeblock							{color: #06435a; font-weight: bold;}
.standardblock							{color: #a5a5a5;}

div.block-progressbar					{width: 100%; border: solid 1px #888888; height: 13px; background: #fff; overflow: hidden; margin: 0 0 5px;}
div.block-progessbar-indicator			{width: 0%; background: url(../gfx/ui/progressbar.png); height: 13px; overflow: hidden;}

div.summary								{margin: 10px 0;}
dl.doubtfulquestions					{padding: 1px 10px 10px; border: solid 1px #f0f0f0; background-color: #ffc; margin: 10px 0;}
dl.doubtfulquestions dt					{font: bold 1.2em/1.8em Arial, Sans-Serif; margin: 10px 0 0; display: block;}
dl.doubtfulquestions dd					{display: inline;}

p.success, p.fail						{padding: 10px; margin: 10px 0 0;}
p.success								{background-color: #f5f8e8;}
p.fail									{background-color: #fce5ec;}

div.summary ul, div.summary ol			{padding: 5px 10px; margin: 5px 15px; }
div.summary ul, div.summary ul li		{list-style-type: disc;}
div.summary ol, div.summary ol li		{list-style: decimal;}
div.summary ul li, div.summary ol li	{line-height: 1.4em; margin: 0 0 0.4em;}
div.summary p							{line-height: 1.4em; margin: 0 0 0.8em;}
div.summary textarea					{font: normal 12px/18px sans-serif; width: 98%; height: 55px;}

table.exam-resultsheet tr.noborder td { border-bottom: 0;}
table.exam-resultsheet							{width: 100%; border-collapse: collapse;}
table.exam-resultsheet th						{font-family: "tablet-gothic-semi-condensed", Arial, sans-serif!important; text-align: left; padding: 10px 0; border-bottom: solid 1px #e0e0e0; font-size: 16px; padding-top: 20px; vertical-align: middle; font-weight: normal;}
table.exam-resultsheet td						{ font-family: "tablet-gothic-semi-condensed", Arial, sans-serif!important; color: #446ca4; text-align: left; padding: 2px 0; border-bottom: solid 1px #e0e0e0;  font-weight: bold; font-size: 16px; vertical-align: middle;}

table.exam-resultsheet td.answer-unknown		{background: #eee; width: 70px; text-align: center; color: #000;}
table.exam-resultsheet td.answer-success		{background: Green; width: 70px; text-align: center; color: #fff;}
table.exam-resultsheet td.answer-failure		{background: Red; width: 70px; text-align: center; color: #fff;}
table.exam-resultsheet td.question-number		{width: 70px;}

div.resultblock_questions { display: none;}
p.exam-results-clickhint { float: left; font-style: italic;}
p.exam-results-success					{font-family: "tablet-gothic-semi-condensed", Arial, sans-serif!important; width: 100%!important; text-align: right; font-weight: bold; color: #59b33a; font-size: 18px; margin-top: 10px!important;}
p.exam-results-failed					{font-family: "tablet-gothic-semi-condensed", Arial, sans-serif!important; width: 100%!important;text-align: right; font-weight: bold; color: #d14141; font-size: 18px; margin-top: 10px!important;}

div.testfinderform						{background: #f5f5f5; padding: 10px;}
div.testfinderform span					{font-family: "tablet-gothic-semi-condensed", Arial, sans-serif!important; font-size: 15px;  display: inline; float: left; width: 100px; }
div.testfinderform input				{padding: 4px 1%; font-size: 12px; margin-left: 20px; }
div.testfinderform p.error				{padding: 0;color: Red; margin-left: 119px!important;}

ol.alternatives							{list-style-type: none!important; margin-left: 0!important; padding-left: 0!important;}
ol.alternatives li						{list-style-type: none!important; margin-bottom: 20px!important;}

.videoplayer-container iframe { width: 100%; }


.question-list { border-bottom: 1px dashed #e0e0e0!important; }


label { width: 30px; min-height: 15px;  display: block; padding: 8px 0 10px 40px!important; background: url(../gfx/ui/box2.png) no-repeat;min-width: 150px;width: auto;}   
input[type="checkbox"] {display: none; }
input[type="checkbox"]:checked + label {background: url("../gfx/ui/box-2.png") no-repeat;}

@media screen and (max-width: 960px) {
    div#masthead-content, div#wrapper, div#footer-content {width: 100%; padding: 0;}
    div#masthead {height: auto; width: 94%; padding: 0 3% 5px; }
    div#wrapper div#content {width: 94%;  padding: 15px 3%; border: none; }
    div#masthead-content div#logo {width: 100%; float: none; position: relative; display: block; margin: 0 ; padding: 20px 0 0; }
    div.top-section {float: none; display: block; width: 100%; margin: 0;  height: auto; }
    div.secondarycontent {width: 94%; padding: 15px 3%; border: none; margin-top: 20px; }
    div#footer-content div#footer-navigation {margin: 15px 3%;}

    img {max-width: 100%; height: auto; }
    div.top-section div.timeleft {padding: 10px 0!important;}
    div.top-section div.timeleft div.timeleft-col0, 
    div.top-section div.timeleft div.timeleft-col1,
    div.top-section div.timeleft div.timeleft-col2,
    div.top-section div.timeleft div.timeleft-col3 {margin: 8px 0; }

    div.top-section div.timeleft-col0		{width: 90px;}
    div.top-section div.timeleft-col1		{width: 110px;}
    div.top-section div.timeleft-col2		{width: 140px;}
    div.top-section div.timeleft-col3		{width: 100%; float: none; clear: both; }
}

@media screen and (max-width: 480px) {

    div.top-section div.timeleft-col3 {float: left; margin: 0!important;}
     div#masthead-content div#logo img {display: block; margin: 0 auto; max-width: 100%;  }
}



/*--------------------------------------------------------------------------------------------------
Demo Request Form
--------------------------------------------------------------------------------------------------*/

div.demorequestform						{}
div.demorequestform fieldset			{}
div.demorequestform fieldset legend		{margin: 4px 0 10px;}
div.demorequestform fieldset label		{display: block;}
div.demorequestform fieldset input		{width: 95%; padding: 3px;}
div.demorequestform fieldset input.btn	{width: auto;}
div.demorequestform fieldset p			{margin: 4px 0;}

div.demorequestform div.form-part-1		{padding: 10px; background: #f5f5f5;}
div.demorequestform div.p10				{padding: 10px; background: #f5f5f5;}

div.demorequestform div.loader			{background: #eee; border: solid 1px #ccc; padding: 5px; text-align: center;}
div.demorequestform h3					{margin: 30px 0 5px;}