body
{
	height: 100%;
	background-color: #ffffff;
	/* background-image: url("../images/background.png"); */
	background-repeat: repeat-y;
	font: normal 100%;
}

body.no-image
{
	height: 100%;
	background-color: #ffffff;
	background-image: none;
}

th,
.nowrap
{
	white-space: nowrap;
	border-radius: 5px 5px 0px 0px;
}

h2,
h3, h5, span, label, .controls, .search-results
{
	color: #747474;
	font-family: "HPRegular";
}

h2
{
	font-size: 1.7em;
	margin-top: 1px;	
	margin-left: 12px;
    /*white-space:pre;*/
    margin-bottom:0;
}


.banner h2
{
	font-size: 1.7em;
	margin-top: 8px;	
	margin-left: 25px;
    /*white-space:pre;*/ 
    margin-bottom:0;
}

h3
{
	font-size: larger;
	padding: 8px 8px 0 27px;
	margin-top: 20px;
	line-height: 20px;
	text-transform: uppercase;
}

div.thumbnail {
    min-height: 302px;
    position: relative;
}

div.thumbnail > div {
	position: absolute;
    bottom: 0;
	margin: auto;
	text-align:center;
	width:300px;
}

div.thumbnail h5 {
    	font-size: 16px;
}

p, ol
{
	margin-left: 10px;
}

.caret {
    border-top: 4px solid #FFF;
}

@font-face
{
	font-family: 'HPBold';
	src: url("fonts/Metric-Bold.eot"); 
    src: url("fonts/Metric-Bold.eot#iefix"), 
        url("fonts/Metric-Bold.otf") format("opentype"),
        url("fonts/Metric-Bold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'HPRegular';
	src: url("fonts/Metric-Regular.eot"); 
    src: url("fonts/Metric-Regular.eot#iefix"), 
        url("fonts/Metric-Regular.otf") format("opentype"),
        url("fonts/Metric-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'HPLight';
	src: url("fonts/Metric-Regular.eot"); 
    src: url("fonts/Metric-Regular.eot#iefix"), 
        url("fonts/Metric-Regular.otf") format("opentype"),
        url("fonts/Metric-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

    #logout-btn {
        margin: -45px 10px 0 0;
    }

.alert
{
	color: #920707;
	background-color: #f2dedf;
	border: none;
}

/* Default button style */
a.btn,
span.btn,
button.search-btn:hover,
button.search-btn,
button.form-search-btn,
button.page-btn
{
	background-color: #5a9fff;
	color: white;
	text-shadow: none;
	background-image: none;
    font-family: HPLight;
        font-weight:350;
	font-size: 11pt;
	text-transform: uppercase;
}

/* Overall page layout */
#topsection
{
	background: #f5f5f5;
	height: 100px;
	position: fixed;
	top: 0;
	z-index: 999998;
	width: 100%;
	box-shadow: 1px 1px 1px darkgray;
}

#topsection.min-banner {
    height:100px;
}

#contentwrapper.min-banner {
    margin-top:30px;
}

#contentcolumn
{
	margin-left: 150px;
	margin-bottom: 50px;
	background-color:#fff;
	/*padding-bottom: 20px;*/
    /*height:100%;*/
}

#contentcolumn.no-menu {
    margin-left: 0;
}

#leftcolumn
{
	position: fixed;
	width: 150px;
	background-color: #f5f5f5;
	top: 100px;
	left: 0;
	height:100%;
	box-shadow:1px 1px 1px darkgrey;
	z-index: 999999;
}

.blue-line
{
	background-color: #01A982;
	height: 5px;
}


.bottom-blue-line {
    background-color: #5a9fff;
    text-align: center;
    position: fixed;
    height: 35px;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999999;
}

    .bottom-blue-line span {
        color: white;
        font-family: arial;
        font-size: 0.9em;
    }

    .bottom-blue-line a {
        color: white;
        font-weight: bold;
        letter-spacing: .06em;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 10px;
    }

        .bottom-blue-line a:hover {
            text-decoration: underline;
        }

#banner-img-small
{
	display: none;
}


ul.left-menu
{
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	text-align: right;
}

.banner > div
{
	margin-right: 5px;
    margin-bottom:10px;
}

.banner
{
	margin-top: -1px;
	padding-bottom: 0px;

}

div.text-page-go {
    margin-right:9px;
}

pre.text-page {
    margin: 20px 10px 0 10px; 
    background-color:white; 
    min-width:1300px;
}




#contentwrapper
{
	position:absolute;
	float: left;
	width: 100%;
	margin-top: 100px;
    /*height:100%;*/
}

#contentwrapper-view {
    position:fixed; 
    top:37px;
}

/* Menu style*/
.left-menu > li > a
{
	text-shadow: none;
	color: #FFF;
    font-family: HPLight;
	padding: 6px 4px 6px 0;
	margin-right: -18px;
    font-weight:400;
	font-size: 12pt;
}


/* Style quick search embedded in menu */
#quick-search-forms
{
	margin-top: 13px;
	background-color: #f5f5f5;
	padding: 20px 0 1px 0;
}

	#quick-search-forms > form
	{
		margin: 0 0 20px 10px;
	}

		#quick-search-forms > form > button
		{
			padding: 6px;
			width: 125px;
		}

.left-menu > li > a > span > img
{
	margin-left: 6px;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%);
}

.left-menu > li > a:hover > span > img,
.left-menu > li > a.menu-active > span > img
{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}

.left-menu > li > a:hover,
.left-menu > li > a.menu-active
{
	color: white;
}


/*Layout Help page*/
div.help-pane
{
	background-color: white;
	padding: 1px 0 10px 20px;
	margin: 0 40px 0 20px;
}


/* Layout Main object properties body */
div.details-pane
{
	background-color: white;
	padding: 20px 0 10px 20px;
	margin: 0 10px 0 20px;
}

div.form-search-pane
{
	background-color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 20px 0 20px;
}


div.preview-pane
{
    background-color: white;
	padding: 20px 0 10px 20px;
	margin: 0 40px 0 20px;
    position:relative;
    height:100%;
    width:94%;
    margin-right:150px;
	-webkit-overflow-scrolling: touch;
}

.accordion
{
	margin-right: 20px;
}

/* spacing between property rows */
.form-horizontal > div.control-group
{
	margin-bottom: 5px;
}


/* Field groups layout plus expand collapse setup*/
.field-group div.control-group > div.controls
{
	margin-left: 210px;
}

.prop-val
{
    white-space:pre-wrap;
}

div.accordion-heading > a
{
	background-image: url("../images/chevronUP.png");
	background-repeat: no-repeat;
	background-position: right;
}

	div.accordion-heading > a.collapsed
	{
		background-image: url("../images/chevron.png");
	}


/* padding and margin on forms in Links/Action list */
.menu-form
{
	margin-bottom: 2px;
	padding: 5px 10px 0 10px;
}

	/* Style the buttons in the Links / Actions list */
	.menu-form .btn,
	.menu-form .btn:hover
	{
		background-color: #425563;
		text-shadow: none;
		background-image: none;
		color: white;
		width: 100%;
	}

/* Style the links in the Links / Actions list */
.dropdown-menu li > a
{
	color: #08C;
}

	.dropdown-menu li > a:hover
	{
		background-color: #01A982;
		background-image: none;
	}

/* field labels in list of properties */
div.control-group > label.control-label
{
	width: 220px;
	padding-top: 0;
	text-align: left;
	color: #87898B;
	font-size:16px;
}

/* Main object search results */
ul.search-results {
    margin-left: 20px;
}
table.search-results
{
	background-color: white;
	margin: 0 0 0 40px;
	width: 95%;
	border:1px solid #dddddd;
}
tr:nth-child(even)
{
	background-color: #f5f5f5;
}


#search-title
{
	margin-left: 20px;
}

/* Icon cell in search results list */
td.row-icon,
th.row-icon
{
	width: 64px;
	/*height:64px;*/
	padding: 0;
}

/* Style Record Type icons*/
td.row-icon
{
	position: relative;
	background-color: #f5f5f5;
}

	td.row-icon > div
	{
		/*position: absolute;
	bottom: 1px;*/
		width: 100%;
		color: #333;
		font-size: 0.9em;
		font-weight: bold;
		text-align: center;
	}

	td.row-icon > img
	{
		/*margin-left: 6px;
		margin-top:4px;*/
		margin-left: auto;
		margin-right: auto;
		margin-top: 4px;
		display: block;
	}

/*  Style pagination links at bottom of search results */
#trim-pagination a
{
	background-color: white;
}

#trim-pagination li.active a
{
	background-color: #f5f5f5;
}



/* adds margins to main Record search form and search forms embedded within object properties */
.search-form

{
	margin-left: 40px;
	margin-top: 20px;
}

.accordion-inner > .search-form
{
	margin-left: 0;
}


.input-append select
{
	width: 235px;
}

.search-form > .control-group > .control-label
{
	text-align: left;
}

/* Make sure text in search banner does not but right up to the page edge*/
#search-banner > p
{
	padding-right: 10px;
}

/* search form field layout */
div.control-group > div.control-label
{
	width: 247px;
	padding-top: 0;
}

/* Vertical spacing between items in search form*/
.search-form > div.control-group
{
	margin-bottom: 10px;
}

.search-form .search-btn
{
	display;
}

#search-form-form .search-btn
{
	margin-left: 490px;
}

.controls > label.checkbox {
    margin-left:10px;
}

button.form-search-btn {
    float:right;
    margin-right:20px;
}

/* removes the green boder from active buttons in a button group*/
.btn-group button.active
{
	border-color: lightgray;
}

/* icons for search clause list toggle button*/
.trim-icon-list
{
	background-image: url("../images/list_toggle.png");
}

.trim-icon-cat
{
	background-image: url("../images/categorised_toggle.png");
}

[class^="trim-icon-"], [class*=" trim-icon-"]
{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	line-height: 14px;
	vertical-align: text-top;
	background-repeat: no-repeat;
}


/* Make sure corners on fields and buttons are square not round */
a.btn,
span.btn,
select,
.input-append select,
button.btn,
.btn-group > .btn:first-child,
.btn-group > .btn:last-child,
#trim-pagination a,
input[type="text"]
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 3px;
}

#quick-search-forms > form input
{
	width: 94px;
	padding-left: 23px;
	background-image: url("../images/Search_grey_16.png");
	background-repeat: no-repeat;
	background-position: 4px 6px;
}


/* Horizontal lines in left menu and page banner */
hr
{
	margin: 0;
}

.banner hr
{
	background: url("../images/seperator_main600x2.png") repeat-x top left;
	border: 0;
	height: 5px;
}

#quick-search-forms hr
{
	background: url("../images/separator_quicksearch.png") repeat-x top left;
	border: 0;
	height: 5px;
	margin-bottom: 15px;
}

.txtPageOf {
    display:inline-block; 
    white-space:pre; 
    font-size:1.8em; 
    color:#FFF; 
    vertical-align:middle; 
    height:35px;
}

a.toolBarLinkDisabled {
    opacity: 0.6;
}

.top-blue-line {
    background-color: #171726;
    height: 60px;
    text-align: left;
    background-image: url(../images/arm_logo_white_drop2.png);
    background-repeat: no-repeat;
    background-position: 3px;
	background-size:184px;
	padding:8px;
}

/*added*/
.search_desc {
	margin-left:40px;
	margin-right:20px;
	max-width:750px;
}
.row-icon-fix 
{
width:24px;
height:24px;
min-width:24px;
}
.span_thumbnail {
width:300px;
}
.thumbnail h5 {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.6em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  /* place for '...' */
  margin-right: -1em;
  padding-right: 2em;
  padding-left: .4em;
  text-align: center;
}
.accordion-heading .accordion-toggle  {
  cursor: default;  
  padding:8px 15px;
  background-color:#efefef;
  font-family:"HPRegular";
  text-transform:uppercase;
}
div.accordion-heading {
	background-color:#efefef;
}
.accordion-heading span.left {
	padding:8px 15px;
	display:inline-block;
	text-transform:uppercase;
}
.accordion-heading span.right {
	float:right;
	padding:8px 15px;
}
.table.trim-list-limited.search-results {
	border:0px;
}
.table.trim-list-limited.search-results tr:first-child td {
	border-top:0px;
}
.table thead {
	background-color:#efefef;
}


 /* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
	margin:18px 10px 0px 30px;
	max-width:700px;
	border-bottom:none;
	border-radius: 5px 5px 0px 0px;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
	font-family: HPRegular,Helvetica,arial;
	text-transform:uppercase;
	color:dark-gray;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    border: 1px solid #ccc;
	margin:0px 18px 10px 30px;
	max-width:700px;
	-webkit-animation: fadeEffect 0.3s;
    animation: fadeEffect 0.3s;
} 

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.tabcontent checkbox {
	color:white;
}

.list-thumbnail  {
	max-width:228px;
	text-align:center;
}
.list-thumbnail img {
	border:1px solid #dddddd;
	height:auto;
}

/*When using background images
h3.searchform_bgs
{
	font-size: larger;
	padding: 8px 8px 0 9px;
	margin-top: 20px;
	line-height: 20px;
	text-transform: uppercase;
	color:white;
	background-color:#636c6c4d;
	width:85%
	
}*/
h3.searchform
{
	font-size: larger;
	padding: 8px 8px 3px 9px;
	margin-top: 20px;
	line-height: 20px;
	text-transform: uppercase;
	color:dark-gray;
	background-color:#eaeaea;
	width:85%;
	border-radius: 2px;
	}

.flexgrid {
	margin:10px;
	display: grid;
	grid-template-columns: repeat(auto-fill,150px);
	grid-gap:0px;
}
.flexgrid div {
text-overflow:ellipsis;
overflow:hidden;
}

h3.help
{
	font-size: larger;
	padding: 8px 8px 3px 9px;
	margin-top: 20px;
	line-height: 20px;
	text-transform: uppercase;
	color:dark-gray;
	background-color:#eaeaea;
	width:99%;
	border-radius: 2px;
	}
#userInput {
	display: block;
	border: ;
	font-family: HPRegular,Helvetica,arial;
	line-height: normal !important;
	font-style: normal;
	font-size: 20px;
	background-color: #fff;
	color: #000;
	min-height: 33px;
	height: 100%;
	padding: 10px 0 10px 10px;
	width: 85%;
	border-radius: 5px;
	background-clip: padding-box;
}

#search-form-simple

{
	margin-left: 40px;
	margin-top: 20px;
}
/* p.form {
	color:white;
	font-weight:bold;
	background-color:#636c6c4d;
	display:inline;
	margin:10px;
	padding-bottom:6px;
	padding-left:5px;
	padding-right:5px;
} */
p.form label {
	font-weight:normal;
	font-size:;
}
div.control-group-submit {
	margin-top:15px;
}

.darken {
  background-image: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5);
}
iframe {
    overflow: scroll;
}