/*NEW STYLE*/
  	.section {
  		text-align: left;
    	width: 100%;
    	float: left;
    	margin-bottom: 5px;
    }
    
	.field {
		float:left;
        padding-top: 10px;
        width: 100%;
        display: block;
	}
    
    .fieldSmall {
        float:left;
        padding-top: 10px;
        display: block;
        width: 345px;
    }
	
	.field .label {
		float: left;
		font-weight: bold;
		width: 150px;
		text-align: right;
	}
    
    .field .labelSmall, .fieldSmall .labelSmall {
        float: left;
        font-weight: bold;
        width: 95px;
        text-align: right;
    }
	
	.field .input {
		float: left;
		height: 100%;
		text-align: left;
	}

	.field .output, .fieldSmall .output {
		float: left;
		width: 250px;
		text-align: left;
		padding-left: 5px;
	}
	
	.field .error {
	    color: red !important;
	    font-size: 9px !important;
	    margin: 1px 0;
	}
	
	.buttonGroup {
		clear: both;
		text-align: right;
		margin-bottom: 5px;
        padding-top: 5px;
	}
	
	.buttonGroup input[type="submit"], .buttonGroup input[type="button"], .buttonGroup button, .buttonGroup a {
		margin-left: 5px;
		margin-right: 5px;
	    /* enabled state - inner */
	    border: 1px solid #c0c0c0; 
	    border-bottom: 1px solid #9b9b9b; 
	    padding: 0.1em 0.2em 0.2em 0.2em; 
	    background: #fff url("./bvl/images/buttonEnabled.png") repeat-x bottom left;
	    text-align: center; 
	    color: #111;
	}
	
	.leftGroup {
		text-align: left;
	}
	
	.summary {
		width: 100%;
		border: 1px solid #9cac7c;
		border-collapse: collapse;
	}
	
	.summary thead th {
		border-left: 1px solid #9cac7c;
		background: #fff url(../images/th.bg.gif) 0 100% repeat-x;
		border-bottom: 1px solid #9cac7c;
		padding: 6px;
		text-align: left;
		font-size: small;
	}
    
    .summary tbody td {
		border-left: 1px solid #9cac7c;
		padding: 4px;
		border-bottom: 1px solid #9cac7c;
		font-size: 8pt;
	}
.summary thead th a.content {
    display: block;
    width: 100%;
}

.embedded {
    width: 570px;
    padding: 0;
    margin: 0;
}

.embeddedSmall {
    width: 90%;
    padding: 0;
    margin: 0;
}

.embedded thead, .embedded thead th, .embeddedSmall thead, .embeddedSmall thead th {
    height: 0;
    border: 0px;
}

.embedded tbody td, .embeddedSmall tbody td {
    padding: 0px 2px 0px 2px;
    font-size: 8pt;
    align: left;
}

.embeddedSmall tbody td a.content, .embeddedSmall tbody td span.content {
    display: block;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    align: left;
}

.embedded tbody td a.content, .embedded tbody td span.content {
    display: block;
    padding: 10px 5px 10px 5px;
    text-decoration: none;
    align: left;
}

.embedded tbody tr.content, .embeddedSmall tbody tr.content {
	  background-color: #fff;
    border: 1px solid silver;
}

.embedded tbody td a.content, .embeddedSmall tbody td a.content {
    background-color: #fff;
    border: 1px solid silver;
    align: left;
}
.embedded tbody td a.medium, .embedded tbody td span.medium, .embeddedSmall tbody td a.medium, .embeddedSmall tbody td span.medium {
	width: 400px;
}

.subtable {
    width: 300px;
    padding: 0;
    margin: 0;
}

.subtable thead, .embedded thead th {
    height: 0;
    border: 0px;
}

.subtable tbody td {
    border-left: 0;
    border-bottom: 0;
}

.odd-row {
    background: #fffffa;
}
.even-row {
    background: #f7e6d0;
}
.active-row {
    background: #98dfff;
}
.summary input[type="submit"], .summary input[type="button"], .summary button {
		background: transparent;
		border: 0;
		border-bottom: 1px solid #414f23;
		padding: 0px;
}

textarea.popup {
	width: 250px;
}
.popup-second {
	background-color: #ffd69b;
}

.radio {
    padding-bottom: 10px;
}

.radio tbody td input[type="radio"] {
	width: 30px;
	height: 30px;
}

span.hightLight1 {
	font-weight:bold;color:#ff6666;
}

span.hightLight2 {
    font-weight:bold;color:#6666ff;
}

select.hightLight1 {
    border:1px solid #ff6666;
}

select.hightLight2 {
    border:1px solid #6666ff;
}

table.questionLayout {
	width:100%;
}

table.questionLayout tbody tr td {
    vertical-align: top;
}
.headline {
	padding: 0px 5px 8px 5px;
	display:block;
	width: 100%;
	font-weight:bold;
}
.assessmentType-size {
	width:20px;
}
.assessmentType-description {
	width:280px;
}


/*OLD STYLE (DO NOT DELETE!!!)*/
th, td {
	margin: 0px;
	font-size: 11px;
	background-repeat:no-repeat;
	list-style-type:none;
  FONT-FAMILY: verdana, helvetica, sans-serif;
}
th {
	vertical-align: middle;
}
img{ 
	border:none;
}
a {
  color: #000000;
  font-style: normal;
  text-decoration: underline;
  margin: 0px;
  padding: 0;
}
.vnavig {
  COLOR: #ffffff;
  FONT-SIZE: 12px;
  FONT-FAMILY: Verdana, Helvetica, Arial, Tahoma, sans-serif;
}
th.content {
  FONT-SIZE: 11px; 
  COLOR: #000000; 
  FONT-STYLE: normal; 
  FONT-WEIGHT: normal;
  FONT-FAMILY: Verdana, Helvetica, Arial, Tahoma, sans-serif;
  text-decoration: none;
  background-color: #CEDAEC;
  vertical-align: top;
  top: 0pt
  padding: 2px 2px 2px 2px;
}

td.content {
  FONT-SIZE: 11px; 
  COLOR: #000000; 
  FONT-STYLE: normal; 
  FONT-WEIGHT: normal;
  FONT-FAMILY: Verdana, Helvetica, Arial, Tahoma, sans-serif;
  text-decoration: none;
  background-color: #CEDAEC;
  vertical-align: top;
  top: 0pt
  padding: 2px 2px 2px 2px;
}

td.navig {
  FONT-SIZE: 11px; 
  COLOR: #ffffff; 
  FONT-STYLE: normal; 
  FONT-FAMILY: Verdana, Helvetica, Arial, Tahoma, sans-serif;
  text-decoration: none;
  background-color: #176199;
}

td.assertion {
  FONT-SIZE: 11px; 
  COLOR: #ffffff; 
  FONT-STYLE: normal; 
  FONT-FAMILY: Verdana, Helvetica, Arial, Tahoma, sans-serif;
  text-decoration: none;
  background-color: #4A98D3;
}
  

td.teaser {
  FONT-SIZE: 10px; 
  COLOR: #000000; 
  FONT-STYLE: normal; 
  FONT-FAMILY: Verdana, Helvetica, Arial, Tahoma, sans-serif;
  text-decoration: none;
  background-color: #BDCAEA;
  padding: 5px 5px 5px 5px;
}

thead tr {
  background-color: #A4C9D8;
}
th.sorted {
  background-color: #A4C9D8;
}
th.classic {
  background-color: #A4C9D8;
  padding: 4px 4px 4px 4px;
  text-align: center;
}
th a, th a:visited {
  color: black;
}
th a:hover {
  text-decoration: underline;
  color: black;
}
th.sorted a, th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
	background-repeat:no-repeat;
    text-align: center;
    font-weight: bold;
    padding-bottom: 3px;
    text-decoration: none;
}
th.sortable a {
	/*
	background-image: url(/global/images/arrow_off.png);
	*/
}
th.order1 a {
	background-image: url(/global/images/shuttle_moveup_enabled.gif);
}
th.order2 a {
	background-image: url(/global/images/shuttle_movedown_enabled.gif);
}
tr.odd, th.odd, td.odd {
  background-color: #fff;
}
tr.tableRowEven, tr.even, th.even, td.even {
  background-color: #DFEBFD;
}
td.list a {
  color: #0033cc;
}
table.catalog {
  margin: 10px 0px 10px 0px;
  empty-cells:show;
}
table.catalog td a {
  text-decoration: underline;
}
table.list {
  width: 100%;
  margin: 10px 0px 10px 0px;
  empty-cells:show;
}

table.input td {
  text-align: left;
  vertical-align: top;
}
table.input th {
  text-align: right;
  vertical-align: top;
}

table.input a {
  text-decoration: underline;
}

table.embeddedInput, span.embeddedInput {
  background-color: #DFECFF;
  border: 1px;
  border-style: solid;
  border-color: black;
  padding: 10px;
  display:block;
}

table.embeddedInput tr {
  background-color: #DFECFF;
}
table.embeddedInput td {
  text-align: left;
  vertical-align: top;
}
table.embeddedInput th {
  text-align: right;
  vertical-align: top;
}

table.embedded a {
  text-decoration: underline;
}

span.pagebanner {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 95%;
	margin-top: 10px;
	display:block;
	border-bottom: none;
	font-size: 10px;
}

span.pagelinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 95%;
	display:block;
	border-top: none;
	margin-bottom: -5px;
}

span.pagebannerSmall, span.pagelinksSmall {
  background-color: #eee;
  border: 1px dotted #999;
  /*width: 188px;*/
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 2px 4px 2px 4px;
  display:block;
}

span.introduction a {
  text-decoration: underline;
}

/* test styles */
table.its thead tr {
  background-color: #69c;
}
table.its tr.even {
  background-color: #def;
}

table.mars thead tr {
  background-color: #9c9;
}
table.mars tr.even {
  background-color: #ccb;
}
table.mars tr.odd {
  background-color: #eec;
}
table.simple thead tr {
  background-color: #eee;
}
table.simple tr.even {
  background-color: #fff;
}
table.simple {
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table.simple td,table.simple th{
	border: 1px solid #ccc;
}

table.nocol tbody td,table.nocol tbody th{
	border-left: none;
	border-right: none;
}

tr.footer {
  text-align: right;
  background-color: #BDCAEA;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
td.right, th.right {
  text-align: right;
}

#ContentRegion span.introduction a {text-decoration: underline;}


#ContentRegion table.embedded a{padding-left: 0px; color: #000000; text-decoration: underline;}

#ContentRegion table.embedded a:visited{padding-left: 0px; color: #000000; text-decoration: underline;}

#ContentRegion table.embedded a:hover{padding-left: 0px; color: #000000; text-decoration: underline;}

#ContentRegion table.embedded a:active{padding-left: 0px; color: #000000; text-decoration: underline;}

#ContentRegion table.input a{padding-left: 0px; color: #000000; text-decoration: underline;}

#ContentRegion table.input a:visited{padding-left: 0px; color: #000000; text-decoration: underline;}

#ContentRegion table.input a:hover{padding-left: 0px; color: #000000; text-decoration: underline;}

#ContentRegion table.input a:active{padding-left: 0px; color: #000000; text-decoration: underline;}

#ContentRegion table.list a{padding-left: 0px; color: #000000; text-decoration: underline;}

#ContentRegion table.list a:visited{padding-left: 0px; color: #000000; text-decoration: underline;}

#ContentRegion table.list a:hover{padding-left: 0px; color: #000000; text-decoration: underline;}

#ContentRegion table.list a:active{padding-left: 0px; color: #000000; text-decoration: underline;}

#ContentRegion a{padding-left: 0px; color: #000000; text-decoration: none;}

#ContentRegion a:visited{padding-left: 0px; color: #000000; text-decoration: none;}

#ContentRegion a:hover{padding-left: 0px; color: #000000; text-decoration: none;}

#ContentRegion a:active{padding-left: 0px; color: #000000; text-decoration: none;}

/*----------------- Mini Button Styles   ----------------------------------->*/
input.createMiniButton, a.createMiniButton {
	background-image: url(/global/images/create_enabled.gif);
}
input.editMiniButton, a.editMiniButton {
	background-image: url(/global/images/configure_enabled.gif);
}
input.deleteMiniButton, a.deleteMiniButton {
	background-image: url(/global/images/deleteicon_enabled.gif);
}
input.saveMiniButton, a.saveMiniButton {
	background-image: url(/global/images/save_enabled.gif);
}
input.updateMiniButton, a.updateMiniButton {
	background-image: url(/global/images/configure_enabled.gif);
}
input.abortMiniButton, a.abortMiniButton {
	background-image: url(/global/images/criticalindportal_status.gif);
}
input.addMiniButton, a.addMiniButton {
	background-image: url(/global/images/addicon_enabled.gif);
}
input.removeMiniButton, a.removeMiniButton {
	background-image: url(/global/images/removeicon_enabled.gif);
}
input.backMiniButton, a.backMiniButton {
	background-image: url(/global/images/back_enabled.gif);
}
input.searchMiniButton, a.searchMiniButton {
	background-image: url(/global/images/searchicon.gif);
}
input.loginMiniButton, a.loginMiniButton {
	background-image: url(/global/images/login_enabled.gif);
}
input.loginMiniButton, a.loginMiniButton, input.searchMiniButton, a.searchMiniButton, input.backMiniButton, a.backMiniButton, input.removeMiniButton, a.removeMiniButton, input.addMiniButton, a.addMiniButton, input.abortMiniButton, a.abortMiniButton, input.updateMiniButton, a.updateMiniButton, input.createMiniButton, a.createMiniButton, input.editMiniButton, a.editMiniButton, input.deleteMiniButton, a.deleteMiniButton, input.saveMiniButton, a.saveMiniButton {
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-color: transparent; 
	border: none;
  text-decoration: none;
  background-position:center;
}
input.addMiniButton, a.addMiniButton, input.removeMiniButton, a.removeMiniButton {
	color: #DFECFF;
	padding: 12px;
}
#ContentRegion input.removeMiniButton {
	padding: 0px 0px 0px 12px;
    text-decoration: none;
}
#ContentRegion input.addMiniButton {
	padding: 0px 0px 0px 12px;
    text-decoration: none;
}


/*----------------- Button Styles   ---------------------------------------->*/

input.createButton, a.createButton {
	background-image: url(/global/images/create_enabled.gif);
}
input.editButton, a.editButton {
	background-image: url(/global/images/configure_enabled.gif);
}
input.viewButton, a.viewButton {
	background-image: url(/global/images/eyeglasses_24x24_transparent.gif);
}
input.deleteButton, a.deleteButton {
	background-image: url(/global/images/deleteicon_enabled.gif);
}
input.sendButton, a.sendButton {
	background-image: url(/global/images/enroll_enabled.gif);
}
input.searchButton, a.searchButton {
	background-image: url(/global/images/searchicon_enabled.gif);
}
input.okButton, a.okButton {
	background-image: url(/global/images/completeind_status.gif);
}
button.cancelButton, input.cancelButton, a.cancelButton, button.noButton, input.noButton, a.noButton {
	background-image: url(/global/images/criticalindportal_status.gif);
}
input.backButton, a.backButton {
	background-image: url(/global/images/back_enabled.gif);
}
input.loginButton, a.loginButton {
	background-image: url(/global/images/login_pagetitle.gif);
}
input.logoutButton, a.logoutButton {
	background-image: url(/global/images/logout_pagetitle.gif);
}
button.saveButton, input.saveButton, a.saveButton {
	background-image: url(/global/images/save_enabled.gif);
}
input.forwardButton, a.forwardButton {
	background-image: url(/global/images/forward_enabled.gif);
}
input.completeViewButton, a.completeViewButton {
	background-image: url(/global/images/base_table_24x24.gif);
}
input.overViewButton, a.overViewButton {
	background-image: url(/global/images/basemodifier_table_12x12.gif);
}
input.printButton, a.printButton {
	background-image: url(/global/images/tree_summaryprintout.gif);
}
input.exportToExcelButton, a.exportToExcelButton {
	background-image: url(/global/images/ico_file_excel.png);
}
input.outlookButton, a.outlookButton {
	background-image: url(/global/images/outlook.gif);
}
input.updateButton, a.updateButton {
	background-image: url(/global/images/configure_enabled.gif);
}
input.copyButton, a.copyButton {
    background-image: url(/global/images/copyicon_enabled.gif);
}
input.addButton, a.addButton {
	background-image: url(/global/images/addicon_enabled.gif);
}
input.outlookButton, input.logoutButton, input.loginButton, input.addButton, input.copyButton, input.updateButton, input.exportToExcelButton, input.printButton, input.overViewButton, input.completeViewButton, input.forwardButton, button.saveButton, input.saveButton, input.button, input.backButton, button.cancelButton, input.cancelButton, button.noButton, input.noButton, input.okButton, input.searchButton, input.sendButton, input.viewButton, input.editButton, input.createButton, input.deleteButton {
	padding: 1px 2px 1px 24px;
}
a.outlookButton, a.logoutButton, a.loginButton, a.addButton, a.copyButton, a.updateButton, a.exportToExcelButton, a.printButton, a.overViewButton, a.completeViewButton, a.forwardButton, a.saveButton, a.button, a.backButton, a.cancelButton, a.noButton, a.okButton, a.searchButton, a.sendButton, a.viewButton, a.editButton, a.createButton, a.deleteButton {
	padding: 8px 2px 8px 0px;
}
a.outlookButton:visited, a.logoutButton:visited, a.loginButton:visited, a.addButton:visited, a.copyButton:visited, a.updateButton:visited, a.exportToExcelButton:visited, a.printButton:visited, a.overViewButton:visited, a.completeViewButton:visited, a.forwardButton:visited, a.saveButton:visited, a.button:visited, a.backButton:visited, a.cancelButton:visited, a.noButton:visited, a.okButton:visited, a.searchButton:visited, a.sendButton:visited, a.viewButton:visited, a.editButton:visited, a.createButton:visited, a.deleteButton:visited {
	padding: 8px 2px 8px 0px;
}
a.outlookButton:active, a.logoutButton:active, a.loginButton:active, a.copyButton:active, a.updateButton:active, a.exportToExcelButton:active, a.printButton:active, a.overViewButton:active, a.completeViewButton:active, a.forwardButton:active, a.saveButton:active, a.button:active, a.backButton:active, a.cancelButton:active, a.noButton:active, a.okButton:active, a.searchButton:active, a.sendButton:active, a.viewButton:active, a.editButton:active, a.createButton:active, a.deleteButton:active {
	padding: 8px 2px 8px 0px;
}
a.outlookButton:hover, a.logoutButton:hover, a.loginButton:hover, a.copyButton:hover, a.updateButton:hover, a.exportToExcelButton:hover, a.printButton:hover, a.overViewButton:hover, a.completeViewButton:hover, a.forwardButton:hover, a.saveButton:hover, a.button:hover, a.backButton:hover, a.cancelButton:hover, a.noButton:hover, a.okButton:hover, a.searchButton:hover, a.sendButton:hover, a.viewButton:hover, a.editButton:hover, a.createButton:hover, a.deleteButton:hover {
	padding: 8px 2px 8px 0px;
}

input.outlookButton, a.outlookButton, input.logoutButton, a.logoutButton, input.loginButton, a.loginButton, input.addButton, a.addButton, input.copyButton, a.copyButton, input.updateButton, a.updateButton, input.exportToExcelButton, a.exportToExcelButton, input.printButton, a.printButton, input.overViewButton, a.overViewButton, input.completeViewButton, a.completeViewButton, input.forwardButton, a.forwardButton, input.saveButton, button.saveButton, a.saveButton, input.button, a.button,
input.backButton, button.cancelButton, input.cancelButton, input.noButton, input.okButton, input.searchButton, input.sendButton, input.viewButton, input.editButton, input.createButton, input.deleteButton,
a.backButton, a.cancelButton, a.noButton, a.okButton, a.searchButton, a.sendButton, a.viewButton, a.editButton, a.createButton, a.deleteButton {
	background-color: #eee;
	border: 1px solid #999;
	text-align: center;
	width: 120px;
	height: 30px;
	background-repeat: no-repeat;
  margin: 0px;
  text-decoration: none;
  background-position: left center;
}

table.input input.outlookButton, table.input a.outlookButton, table.input input.logoutButton, table.input a.logoutButton, table.input input.loginButton, table.input a.loginButton, table.input input.addButton, table.input a.addButton, table.input input.copyButton, table.input a.copyButton, table.input input.updateButton, table.input a.updateButton, table.input input.exportToExcelButton, table.input a.exportToExcelButton, table.input input.printButton, table.input a.printButton, table.input input.overViewButton, table.input a.overViewButton, table.input input.completeViewButton, table.input a.completeViewButton, table.input input.forwardButton, table.input a.forwardButton, table.input input.saveButton, table.input button.saveButton, table.input a.saveButton, table.input input.button, table.input a.button,
table.input input.backButton, table.input input.cancelButton, table.input input.noButton, table.input input.okButton, table.input input.searchButton, table.input input.sendButton, table.input input.viewButton, table.input input.editButton, table.input input.createButton, table.input input.deleteButton,
table.input a.backButton, table.input a.cancelButton, table.input a.noButton, table.input a.okButton, table.input a.searchButton, table.input a.sendButton, table.input a.viewButton, table.input a.editButton, table.input a.createButton, table.input a.deleteButton {
	background-color: #eee;
	border: 1px solid #999;
	text-align: center;
	width: 120px;
	height: 30px;
	background-repeat: no-repeat;
  margin: 0px;
  text-decoration: none;
  background-position: left center;
}

#ContentRegion table.input input.outlookButton, #ContentRegion table.input a.outlookButton, #ContentRegion table.input input.logoutButton, #ContentRegion table.input a.logoutButton, #ContentRegion table.input input.loginButton, #ContentRegion table.input a.loginButton, #ContentRegion table.input input.addButton, #ContentRegion table.input a.addButton, #ContentRegion table.input input.copyButton, #ContentRegion table.input a.copyButton, #ContentRegion table.input input.updateButton, #ContentRegion table.input a.updateButton, #ContentRegion table.input input.exportToExcelButton, #ContentRegion table.input a.exportToExcelButton, #ContentRegion table.input input.printButton, #ContentRegion table.input a.printButton, #ContentRegion table.input input.overViewButton, #ContentRegion table.input a.overViewButton, #ContentRegion table.input input.completeViewButton, #ContentRegion table.input a.completeViewButton, #ContentRegion table.input input.forwardButton, #ContentRegion table.input a.forwardButton, #ContentRegion table.input input.saveButton, #ContentRegion table.input button.saveButton, #ContentRegion table.input a.saveButton, #ContentRegion table.input input.button, #ContentRegion table.input a.button,
#ContentRegion table.input input.backButton, #ContentRegion table.input input.cancelButton, #ContentRegion table.input input.noButton, #ContentRegion table.input input.okButton, #ContentRegion table.input input.searchButton, #ContentRegion table.input input.sendButton, #ContentRegion table.input input.viewButton, #ContentRegion table.input input.editButton, #ContentRegion table.input input.createButton, #ContentRegion table.input input.deleteButton,
#ContentRegion table.input a.backButton, #ContentRegion table.input a.cancelButton, #ContentRegion table.input a.noButton, #ContentRegion table.input a.okButton, #ContentRegion table.input a.searchButton, #ContentRegion table.input a.sendButton, #ContentRegion table.input a.viewButton, #ContentRegion table.input a.editButton, #ContentRegion table.input a.createButton, #ContentRegion table.input a.deleteButton {
	background-color: #eee;
	border: 1px solid #999;
	text-align: center;
	width: 120px;
	height: 30px;
	background-repeat: no-repeat;
    margin: 0px;
    text-decoration: none;
}

form textarea {
	width: 200px;
	height: 5.5em;
}

fieldset.choices {
	padding: 10px 5px 10px 10px;
}
div.choices {
    border: 1px solid silver;
    padding: 10px 5px 10px 10px;
}

#formProperties[id] legend,.choices[class] legend {
	margin: 0 0 0 -5px;
}