﻿.nav-edge { width: 1px; background-color: #5a719c; }
.nav-link-container { background-image: url(images/nav-background.png); background-repeat: repeat-x; }
.nav-separator { width: 2px; background-image: url(images/no-repeat.png); background-position: -996px 0; }

html, body, h1, h2, h3 { margin: 0; padding: 0; }
body { font-family: "Arial"; font-size: 0; }
div {font-size: 12px;}
a.nav-link { color: #ffffff; font-weight: bold; text-decoration: none; }
a:hover.nav-link { text-decoration: underline; }
a.menulink{ color: White; text-decoration: none; font-weight: bold;}

input.fileupload { width: 289px; color:#000!important; background:#fff!important;}
input.textbox { width: 171px; color:#000!important; background:#fff!important; }
input.profiletextbox { width: 210px; color:#000!important; background:#fff!important;}
input.profileshorttextbox { width: 100px;  color:#000!important; background:#fff!important;}
input.profileshort { width: 70px;  color:#000!important; background:#fff!important;}
input.profilelongtextbox { width: 245px; color:#000!important; background:#fff!important;}
input.profileextratextbox { width: 350px; color:#000!important; background:#fff!important; }
input.profilereallyshorttextbox { width: 25px; color:#000!important; background:#fff!important; }


select.combobox { width: 215px; color:#000!important; background:#fff!important;}
select.shortcombobox { width: 105px; color:#000!important; background:#fff!important;}
select.longcombobox { width: 250px; color:#000!important; background:#fff!important;}
select.extralongcombobox { width: 350px; color:#000!important; background:#fff!important;}
select.profilelistbox{width:150px; color:#000!important; background:#fff!important;}
select.displaycombobox { width: 430px; color:#000!important; background:#fff!important;}


textarea.textarea { width: 285px; font-size: 12px; color:#000!important; background:#fff!important;}
textarea.textarealarge { width: 700px; font-size: 12px; height: 40px; color:#000!important; background:#fff!important;}
textarea.textareasmall { width: 247px; font-size: 12px; height: 50px; color:#000!important; background:#fff!important;}
textarea.textareasession { width: 300px; font-size: 12px; height: 60px; color:#000!important; background:#fff!important;}

div.verticalheightbuffer { clear: both; height: 16px;}
div.verticalmarginbuffer { clear: both; margin-top: 16px; }
div.leftbuffer { float: left; width: 135px; }
div.separator{ height: 5px; background-image: url(images/copyright.png); background-repeat: repeat-x; }
div.availabletest{ float: left; width: 500px}
div.testmastercontent {width:980px; border-style : none; text-align:center; border-style: none; }
div.rptviewerdiv{width:980px; border-style : none; text-align:center; border-style: none; }
div.field {height:26px; width:900px; border-style : none; float : left;border-style: none;}
div.fieldtall {height:65px; width:512px; border-style : none; float : left;margin-bottom:5px}
div.fieldshort {height:26px; width:425px; border-style : none; float : left;}
div.fieldmedium {height:26px; width:512px; border-style : none; float : left;}
div.fieldclientprofile {height:26px; width:450px; border-style : none; float : left;}
div.sectionleft {padding-top : 5px; padding-bottom : 5px; float: left; width  : 500px; text-align:left; height:25px; border-style : none;}
div.sectionleftsmall {padding-top : 5px; padding-bottom : 5px; float: left; width  : 400px; text-align:left; height:25px; border-style : none;}
div.section {padding-top : 5px; padding-bottom : 5px; float: left; width  : 800px; margin-left : 75px; text-align:left; height:25px; border-style : none;}
div.listbox {padding-bottom :5px; float : left; width: 310px; margin-left : 5px; text-align:left; height:27px; margin-top:0px; border-style : none;}
div.testprofile {float : left; width: 425px; margin-left : 5px; text-align:left; height:27px; margin-top:0px; border-style : none;}
div.fieldname {float : left; width: 130px; margin-left : 5px; text-align:right; height:27px; margin-top:0px; border-style : none;}
div.fieldnamelong {float : left; width: 200px; margin-left : 5px; text-align:right; height:27px; margin-top:0px; border-style : none;}
div.fieldnameshort {float : left; width: 100px; margin-left : 1px; text-align:right; height:27px; margin-top:0px; border-style : none;}
div.fieldnamerequired {float : left; width: 130px; margin-left : 5px; text-align:right; height:27px; margin-top:0px; font-weight: bolder; border-style : none; color: Red;}
div.fieldnamerequiredshort {float : left; width: 100px; margin-left : 1px; text-align:right; height:27px; margin-top:0px; font-weight: bolder; border-style : none;}
div.fieldinput {float : left; width  : 250px; text-align:left; height:27px; border-style : none; padding-left:5px;}
div.validation {float : left; width  : 15px; margin-left : 5px; text-align:left; height:25px; color: Red; font-weight: bolder; vertical-align: bottom; border-style : none;}
div.requiredfieldsnotification { font-size: 10px; text-align: center; }
div.steps{padding-top : 10px;  padding-bottom: 20px; float : left; width: 900px; margin-left : 20px; text-align:left; height:27px; margin-top:0px;}
div.strongtext {color: #5a709f; font-size: 14px; font-weight: bolder; width : 400px}
div.testname {color: black; font-size: 14px; font-weight: bolder; width : 950px; text-align:center; padding-bottom : 5px;}
div.testimage {width : 950px; text-align : center; padding-bottom : 5px; text-align:center; border-style : none }
div.testquestion {border-style : none; color: Blue; font-size: 16px; font-weight: bolder; width : 970px; text-align : left; padding-bottom : 5px;}
div.questionitems {border-style : none; color: Black; font-size: 14px; font-weight: bolder; width : 950px; text-align : left; padding-bottom : 5px;}
div.testinglogo{ float: left; width: 152px; height: 30px;}
div.divparticipant{ float: left; width: 900px}
div.testorprofile{ float: left; width: 450px; border-style : none}
div.subsection{ float: left; width: 512px; border-style : none}
div.subusergrid{ float: left; width: 470px; border-style : none}
div.subtestgrid{ float: left; width: 600px; border-style : none}
div.rpt{height:15px; width:930px; border-style : none; text-align: center}
div.mainpage{ float: left; width: 600px; border-style : none}
div.subreports{ float: left; width: 400px; border-style : none}
div.accountprofile{ float: left; width: 450px; border-style : none}
div.sessionprofile{ float: left; width: 500px; border-style : none}
div.specailinstructions{color: #5a709f; font-size: 14px; font-weight: bolder; text-align:left; width: 950px; border-style:dotted}

span.floatright {float:right}
span.mp-contentheader { margin: 14px 0 0 24px; padding-bottom: 2px; width: 587px; color: #5a709f; font-size: 24px; font-weight: bolder;}
span.requiredtext {color: #5a709f; font-size: 12px; font-weight: bolder;}
span.strongtext {color: #5a709f; font-size: 14px; font-weight: bolder;}
span.red {color: Red; font-size: 12px; font-weight: bolder;float:left}
span.overview {width: 980px;  }
span.errormessage{float : left; width: 500px; margin-left : 5px; text-align:left; height:27px; margin-top:0px; font-weight: bolder; border-style : none; color: #5a709f;}

span.asterisk { color: #ff0000; font-size: 10px; }

table.menutable {width: 980px;}
table.menusubtable {width: 980px;}
table.tableoverview {width: 600px;}

th.headeroverview {background-image: url(images/menubar.png); text-align: center;font-weight: bolder; font-size: 11px; text-align: center; color: white; font-weight: bold; text-decoration: none;}

td.submenuitem {background-image: url(images/menubar.png); text-align: center;}
td.submenuitem a { font-size: 12px;  color: Black; font-weight: bold; text-decoration: none; font-family:Arial}
td.submenuitemselected {BACKGROUND-COLOR: gainsboro; text-align: center;}
td.submenuitemselected a { font-size: 12px;  color: black; font-weight: bold; text-decoration: none; font-family:Arial}
td.overviewmenuitem {font-weight: bolder; font-size: 11px; text-align: center; color: Black; font-weight: bold; text-decoration: none; }
td.overviewmenuitem {background-image: url(images/selected.png); text-align: center;}

td.menuitem {font-weight: bolder; font-size: 12px; text-align: center; color: White; font-weight: bold; text-decoration: none; }
td.menuitem
{
	height: 25px;
	background-color: #6788BE;
	text-align: center;
	border-right: lightgrey thin solid;
	border-top: lightgrey thin solid;
	border-left: lightgrey thin solid;
	border-bottom: lightgrey thin solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
td.menuselected a {  font-weight: bolder; font-size: 12px;  color: White; font-weight: bold; text-decoration: none; }
td.menuselected
{
	height: 25px;
	background-color: #6788BE;
	text-align: center;
	border-right: lightgrey thin solid;
	border-top: lightgrey thin solid;
	border-left: lightgrey thin solid;
	border-bottom: lightgrey thin solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
td.testorsearchitem {text-align: center; font-size : 10px; color : Black; border-color : black; border-width : 2px; background-color:Silver}

tr.testorsearchheader {background-color: gainsboro; font-size : 12px; color : black; font-weight : bold; text-align : center; border-color : black; border-width : 2px}
tr.testorsearchpage {background-image: url(images/selected.png); font-size : 12px; color : Black; text-align : right; border-color : black; border-width : 2px}
tr.menurow {border-style: none;}
              

#horizontalrulebottom { clear: left; border-top: solid 1px #ffffff; height: 3px; font-size: 0; background-color: #d0d0d0; }
#horizontalruletop { border-top: solid 6px #ffffff; height: 4px; font-size: 0; background-color: #a9a9a9; }
#mp-outernav ul, #mp-innernav ul { padding: 0; list-style-type: none; }
#mp-bodycontainer { margin: auto; background-color: #ffffff; font-size: 12px;}
#mp-bodycontainer, #mp-header, #mp-middlecontainer, #mp-bottombar, #mp-menu { width: 980px; }
#mp-header {}
#mp-logo{ float: left; width: 390px; height: 0px;}
#mp-menu{ float: left; width: 980px;}
#mp-submenu{ float: left; width: 200px;}

#mp-header, #mp-headerleft h1 a { height: 0px; }
#mp-headerleft h1 a { float: left; width: 980px; background-image: url(images/logo.png); }
#mp-hyperlink { clear: both; position: relative; top: 50px; right: 25px; font-size: 18px; text-align: left; }
#mp-contentcontainer {width: 955px; font-size: 14px;}
#mp-contentheader { margin: 14px 0 0 2px; padding-bottom: 2px; border-bottom: solid 1px #000000; width: 955px; color: #5a709f; font-size: 24px; font-weight: bolder; }
#mp-content { margin-left: 15px; padding-top: 2px; width: 955px; color: #555555; font-size: 12px; }
#mp-bottombar { clear: both; height: 21px; background-repeat: repeat-x; }
#mp-copyright { margin: 0; padding: 5px 5px 0 0; width: 955px; height: 29px; color: Black; font-size: 10px; text-align: center;}