@charset "UTF-8";
/* CSS Document */

/**************************************
 *
 *	 R E S E T S
 *
 **************************************/

/* HTML5 reset V1.6.1 reset.css https://code.google.com/p/html5resetcss/downloads/list */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/* Windows 8 ignores 'width=device-width' in the viewport meta tag this forces the same behaviour */
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}


/**************************************
 *
 *	 G L O B A L S
 *
 **************************************/

html,
body {
	/* background: #fff url(../img/bg-grad.png) repeat-y 50% 0; */
	background: #fff;
	color: #53565a;
	font: normal 100%/1.5 Helvetica-Neue, Arial, Helvetica, Geneva, sans-serif;
	text-rendering: optimizelegibility;
}

img,
figure,
iframe,
object {
	display: block;
	vertical-align: bottom;
	width: 100%;
}

iframe {border: none;}

figure {margin: 0;}

*,
*:after,
*:before {
	box-sizing: border-box;
	font-weight: normal;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

a {
	color: #5cb450;
	outline: none;
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	/* margin: 3px 0 0 3px; */
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

small {
	font-size: 70%;
}





/**************************************
 *
 *	 B R A N D I N G - C O L O U R S
 *
 **************************************/

 /*
 GREEN: #5cb450
 GREY: #c4c5c7
 DARK GREY: #62686a
 */





/********************************
*
*  I C O N S
*
********************************/


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?ijb0px');
  src:  url('../fonts/icomoon.eot?ijb0px#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff2?ijb0px') format('woff2'),
    url('../fonts/icomoon.ttf?ijb0px') format('truetype'),
    url('../fonts/icomoon.woff?ijb0px') format('woff'),
    url('../fonts/icomoon.svg?ijb0px#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-caret-down:before {
  content: "\f0d7";
}

.icon-home:before {
	content: "\e900";
	font-size: 1.2em;
	position: relative;
	top: 0.4em;
}
.icon-pencil:before {
	content: "\e905";
}
.icon-image:before {
	content: "\e90d";
}
.add-item .icon-image:before{
	font-size:  1.8em;
}
.icon-film:before {
	content: "\e913";
}
.add-item .icon-film:before{
	font-size: 1.8em;
}
.icon-calendar:before {
	content: "\e953";
	font-size: 1.8em;
}
.icon-download:before {
	content: "\e960";
	margin-right: 0.3em;
}
.form-save .icon-download:before {
	content: "\e960";
	margin-right: 0.5em;
	font-size: 1.1em;
}
.icon-upload:before {
	content: "\e961";
	margin-right: 0.4em;
}
.add-item .icon-upload:before {
	font-size: 2.0em;
	margin-right: 0;
}
#add_pdf_file_control .icon-upload:before {
	font-size: 1.6em;
	margin-right: 0.4em;
	position: relative;
	top: 3px;
}
.icon-floppy-disk:before {
	content: "\e962";
	margin-right: 0.4em;
	font-size: 1.2em;
	position: relative;
	top: 2px;
}
.content-item-save .icon-floppy-disk:before {
	color: #5cb450;
	top: 0;
}
.icon-user:before {
	content: "\e971";
	font-size: 1.2em;
}
.icon-search:before {
	content: "\e986";
	font-size: 1.1em;
}
.icon-key:before {
	content: "\e98d";
	font-size: 1.1em;
}
.icon-eye:before {
	content: "\e9ce";
	/* margin-right: 0.3em; */
}
.icon-point-up:before {
	content: "\ea03";
}
.icon-plus:before {
	content: "\ea0a";
}
.add-item .icon-plus:before{
	font-size:  1.3em;
	position: relative;
	bottom: 3px;
}

.icon-info:before {
	content: "\ea0c";
	font-size: 1.2em;
}
.icon-bin:before {
	content: "\e9ac";
}

.icon-arrow-down:before {
	content: "\ea36";
}
.icon-arrow-down2:before {
	content: "\ea3e";
}
.icon-circle-down:before {
	content: "\ea43";
}


.icon-triangle-down:before {
	content: "\f05b";
}

.icon-checkmark:before {
  content: "\ea10";
}

.icon-checkmark2:before {
  content: "\ea11";
}

.icon-undo2:before {
  content: "\e967";
}

.icon-cross:before {
  content: "\ea0f";
}

.icon-arrows:before {
  content: "\f047";
}

.icon-file-pdf:before {
  content: "\eadf";
  font-size:  1.2em;
  margin-right: 0.1em;
}

.icon-box-remove:before {
  content: "\e95f";
  margin-right: 0.4em;
  font-size: 1.2em;
  position: relative;
  top: 2px;
}




.white{
	color: #fff;
}

.x1{
	font-size: 1.1em;
}

.x1 a:hover{
	color: #999 !important;
}




/********************************
*
*   I C O N S  -  G R A P H I C S
*
*********************************/

.News, .Projects, .Press, .users, .reports, .events, .products, .imports, .stockists, .support-documents, .documents, .engineer-support, .help, .imagebank, .video{
	width: 50px;
	height: 50px;
	background: url(../img/news-header-icon.png) no-repeat;
	padding-left: 70px;
	padding-top: 10px;
	margin-top: 10px;
	margin-left: 60px;
}
.Projects{
	background: url(../img/projects-header-icon.png) no-repeat;
}
.Press{
	background: url(../img/press-header-icon.png) no-repeat;
}
.users{
	background: url(../img/users-header-icon.png) no-repeat;
}
.reports{
	background: url(../img/reports-header-icon.png) no-repeat;
}
.events{
	background: url(../img/events-header-icon.png) no-repeat;
}
.products{
	background: url(../img/products-header-icon.png) no-repeat;
}
.imports{
	background: url(../img/imports-header-icon.png) no-repeat;
}
.stockists{
	background: url(../img/stockists-header-icon.png) no-repeat;
}
.support-documents{
	background: url(../img/documents-header-icon.png) no-repeat;
}
.documents{
	background: url(../img/documents-header-icon.png) no-repeat;
}
.engineer-support{
	background: url(../img/engineer-support-header-icon.png) no-repeat;
}
.help{
	background: url(../img/help-header-icon.png) no-repeat;
}
.imagebank{
	background: url(../img/imagebank-header-icon.png) no-repeat;
}
.video{
	background: url(../img/video-header-icon.png) no-repeat;
}


.top-level{  /* home icon for return to opening main menu */
	position: relative;
	float: left;
	margin-right: 4.0em;
	font-size: 1.4rem;
}




















/********************************
*
*   F O N T S
*
*********************************/


h1 {
	color: #62686a;
	font-size: 1.6em;
	margin-bottom: 10px;
}

h2 {
	color: #62686a;
	font-size: 1.6em;
	margin-bottom: 0;
}

h3{
	color:  #62686a;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
}

h4{
	color:  #62686a;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 7px;
	margin-top: 7px;
}

h5{
	color:  #62686a;
	font-size: 1.0em;
	margin-bottom: 0;
	font-weight: bold;
}

strong{
	font-weight: bold;
}

.highlight {
	color: #5cb450;
}

em{
	font-style: italic;
}


/********************************
*
*  D I V S
*
*********************************/


/* layout divs */

#bigwrap{
	height: 66px;
	background-color: #fff;
	border-bottom: 3px solid #5cb450;
}
#home #bigwrap, #menu #bigwrap{
	height: 80px;
}


#wrapper{
	/* width: 60.9375em; /* 975px / 16px */
	width: 65.0em;
	margin: 0 auto;
}

.title{
	/* border-bottom: 2px solid #c4c5c7; */
	width: 600px;
}

#controls{
	border: 2px solid #cecfd0;
	margin-top: -40px;
}

#controls li{
	list-style: none;
}


.clear-both{
	clear:both;
	display:block;
}

header{
	height: 70px;

}
#home header, #menu header{
	height: 110px;
}




/************************************
*
*  U S E R  / L O G-O U T   M E N U
*
************************************/


#user{
	position: relative;
	float: right;
	bottom: 2.2em;
	font-size: 0.8em;
}

#menu #user{
	bottom: 0;
	top: 2.5em;
}


#menu #footer{
	/* margin-top: 400px; */
	margin-top: 250px;
}



/************************************
*
*   M A I N   M E N U
*
************************************/

nav#main_menu_items{
	/* height: 149px; for 1 row */
	margin-top: 3.0em;
	margin-bottom: -13em;  /* obviously a hack!  need to fix properly sometime... */
	/* font-size: 1.3em; */
	font-size: 0.9em;
	background-color: #eff0f0;
	border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.6rem;
	/* padding: 0.4em 1.4em;*/
	padding-top: 1.0em;
	padding-bottom: 1.0em;

}

nav#main_menu_items ul{}

nav#main_menu_items li{
	/* margin-bottom: 1.5em; */
	margin-bottom: 0;
	/* margin-right: 0.2em; */
	margin-right: 0.35em;
	margin-left: 1.0em;
	/* margin-top: 2.0em; */
	margin-top: 1.0em;
	display: inline-block;
	/* width: 150px; */
	width: 180px;
	text-align: center !important;
}
nav#main_menu_items li:last-of-type{
	margin-right: 0em;
}
nav#main_menu_items li a{
	color: #666 !important;
}
nav#main_menu_items li a:hover{
	color: #ccc !important;
}

nav#main_menu_items li:nth-last-child(1){

	/* margin-left: 14.8em; --- when there was a 'global' icon */
	/* margin-top: 0; --- not required with full menu?  */
}

nav#main_menu_items li:nth-child(n+7){

	/* margin-top: 0; */
}



.title-icon{
	width: 179px !important;
	height: 149px;
	margin-left: 0 !important;
	margin-right: 1.6em !important;
}
.menu-icon{
	width: 82px;
	/* height: 82px; */
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}
.menu-title{
	/* width: 150px; */
	width: 180px;
	padding: 0;
	position: relative;
	float: left;
	text-align: center;
	margin-bottom: 0.8em;
	margin-top: -0.6em;
}



/* --- MAIN MENU ICONS --- */

.menu-users{
	background: url(../img/users-menu-icon.png) no-repeat;
}
.menu-news{
	background: url(../img/news-menu-icon.png) no-repeat;
}
.menu-projects{
	background: url(../img/projects-menu-icon.png) no-repeat;
}
.menu-press{
	background: url(../img/press-menu-icon.png) no-repeat;
}
.menu-reports{
	background: url(../img/reports-menu-icon.png) no-repeat;
}
.menu-events{
	background: url(../img/events-menu-icon.png) no-repeat;
}
.menu-products{
	background: url(../img/products-menu-icon.png) no-repeat;
}
.menu-imports{
	background: url(../img/imports-menu-icon.png) no-repeat;
}
.menu-stockists{
	background: url(../img/stockists-menu-icon.png) no-repeat;
}
.menu-documents{
	background: url(../img/documents-menu-icon.png) no-repeat;
}
.menu-engineer-support{
	background: url(../img/engineer-support-menu-icon.png) no-repeat;
}
.menu-help{
	background: url(../img/help-menu-icon.png) no-repeat;
}
.menu-imagebank{
	background: url(../img/imagebank-menu-icon.png) no-repeat;
}
.menu-videos{
	background: url(../img/video-menu-icon.png) no-repeat;
}










/* ----  DROP-DOWN MENU for Logging Out ---------
----------------------------*/

ul#topnav {


	width: auto;
	list-style: none;
	font-size: 1.1em;

	z-index: 1; /* may need this on complex pages */
	position: relative; /* disables z-index if position not specified */

}
ul#topnav li {

	margin: 0;
	/* padding: 0; */
	position: relative;
}
ul#topnav li a {

	/* text-indent: -9999px;  if using background images*/
	height: 44px;
	/* spacing between each menu item */
	padding-right: 10px;
	padding-left: 10px;
	cursor: pointer;
}
ul#topnav li:hover a, ul#topnav li a:hover {
	background-position: left bottom;
}
ul#topnav li .sub {
	position: absolute;
	top: 24px;
	left: 0;
	background: #d0d1d2;
	padding: 10px 10px 10px;
	float: left;

	border-radius: 0 0 0.4rem 0.4rem;
	-webkit-border-radius: 0 0 0.4rem 0.4rem;
	-moz-border-radius: 0 0 0.4rem 0.4rem;

	display: none;
	cursor: pointer;
}

ul#topnav li .sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 115px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}

ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 4px 5px 4px 0px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 0.9em;
	cursor: pointer;
}
ul#topnav .sub ul li a:hover {
	color: #666;
	background-position: 5px 12px;
}

.user-sub{
	cursor: pointer !important;
}

















.group {
  content: "";
  display: table;
  clear: both;
}

[class*='col-'] {
  float: left;
  font-size:0.875em; /* 14px / 16px */
  margin-bottom:  1.5em; /* 24px / 16px */
  /* padding-right: 3em; */
  position: relative;
}

[class*='col-'] p {
	margin-bottom: 1.5em;
}

.grid, .tabs {
	/* padding: 0 0 0 3em; */
	padding: 0;
	position:relative;
}
.tabs {
	padding: 0;
}

.grid:after, .tabs:after {
	content: "";
	display: table;
	clear: both;
}

.grid img {
	padding: 1.5em 0;
}

.col-1-100 {width: 100% !important;}
/* .col-1-1 {width: 100% !important;} */
.col-1-1 {
width: 80% !important;
float: right;
padding-right: 2em;
}
.col-1-2 {width: 50% !important;}
.col-1-4 {width: 25%;}
.col-3-4 {width: 75%;}
.col-3-8 {width: 95%;}
.col-3-100 {width: 100%;}
.col-1-3 {width: 33.33%;}
.col-2-3 {width: 66.66%;}



.module {
	margin: 0 0 1.5em 0;
	padding: 1.5em;
	position: relative;
	width: 100%;
}
.module:first-of-type {margin-top: 3em;}
.module p {padding-right: 0;}
.module p:last-of-type {margin-bottom: 0;}

.container{
	position: relative;
	float: left;
	width: 100%;
}

.boxed{
	border: 2px solid #999;
	padding: 0.8em;
}
.boxed a:hover{
	text-decoration: none;
	color: #999;
}


.center {text-align: center;}

.rounded {
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	/* prevent colour leak */
	overflow:hidden;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.background-green {background: #5cb450;}
.background-blue {background: #3b5da6;}
.background-yellow {background: #f7c600;}
.background-red {background: #b30415;}
.background-orange {background: #f89f00;}
.background-purple {background: #8e5198;}
.background-mid-grey {background: #666;}
.background-dark-grey {background: #444;}
.background-light-grey {background: #d0d1d2;}

.background-white,
.background-white a {
	background: #FFF;
	color: #444;
}
.background-light-grey {
	background: #EEE;
	color: #444;
}

.flush {
	margin: 0 !important;
}

.float-left {
	float: left !important;
}






/*************************************************
*
*  D A T A :  A D D / E D I T   C O N T R O L S
*
*************************************************/



table.content-items-table{
	width: 100%;
}
table.content-items-table thead th{
	color: #62686a;
	font-size: 0.8em;
	font-weight: bold;
	/* border-radius: 5px;
	background-color: #cecfd0; */
	padding: 0.2em 0.4em;
}

[class*='content-th-'] {
	width: 100px;
	margin-right: 2.0em;
}

.content-th-title{
	width: 450px;
}
.content-th-manage{
	width: 120px;
}
.content-th-date{
	width: 120px;
}



#content-items img{
	padding: 0;
}

#content-items a:hover{
	color: #999;
}


#content-items li{
	float: left;
	position: relative;
	width: 100%;
	border: 2px solid #cecfd0;
	list-style: none;
	margin-top: 0.6em;
	padding: 0;
}


[class*='content-item-'] {
	position: relative;
	float: left;
	/* font-size: 0.8em; */
	font-size: 0.9em;
	margin: 0;
	/* padding: 1.70em 1.0em 0; */
	padding: 1.9em 1.0em 0;
}

.content-item-image{
	width: 75px;
	margin: 0;
	padding: 0;
}

.content-item-title{
	width: 500px;
	margin: 0;
	text-align: left;
	padding-left: 1.0em;
}

.content-item-date{
	text-align: center;
	/* margin-left: 1.0em; */
	margin-left: 0.8em;
}

.content-item-active{
	text-align: center;
	/* margin-left: 5.0em; */
	margin-left: 3.8em;
}

.content-item-delete, .content-item-edit, .content-item-save{
	float: right;
}

.project_fields textarea{
	width: 100px;
	height: 100px;
}

.margin-top-x1 {margin-top: 1.6875rem; /* 27px / 16px */}
.margin-top-x2 {margin-top: 3.375rem; /* 54px / 16px */}

/******************event management**************************/
[class*='list-event'] {
	position: relative;
	float: left;
	/* font-size: 0.8em; */
	font-size: 0.9em;
	margin: 0;
	/* padding: 1.70em 1.0em 0; */
	padding: 0.85em 1.0em 0.85em;
}

.list-events-th-name, .list-events-name{
	text-align: left;
	width: 250px;
}

.list-events-th-domain, .list-events-domain{
	text-align: center;
	width: 200px;
}

.list-events-th-registration-end-date, .list-events-registration-end-date{
	text-align: center;
	width: 200px;
}

.list-events-th-active, .list-events-active{
	text-align: center;
	width: 100px;
}

.list-events-th-manage{
	text-align: center;
	width: 210px;
}

.list-events-delete, .list-events-edit{
	width: 102px;
}

.list-events-edit{
	padding-left: 35px;
	width: 110px;
}

[class*='list-registration'] {
	position: relative;
	float: left;
	/* font-size: 0.8em; */
	font-size: 0.9em;
	margin: 0;
	/* padding: 1.70em 1.0em 0; */
	padding: 0.85em 1.0em 0.85em;
}

.list-registration-th-forename, .list-registration-forename{
	text-align: left;
	width: 150px;
}

.list-registration-th-surname, .list-registration-surname{
	text-align: center;
	width: 150px;
}

.list-registration-th-username, .list-registration-username{
	text-align: center;
	width: 225px;
}

.list-registration-th-attending, .list-registration-attending{
	text-align: center;
	width: 150px;
}

.list-registration-th-date-registered, .list-registration-date-registered{
	text-align: center;
	width: 100px;
}


.list-registration-th-manage, .list-registration-manage{
	text-align: center;
	width: 210px;
}

.list-registration-delete, .list-registration-edit{
	width: 102px;
}
.list-registration-edit{
	padding-left: 35px;
}


/*****************admin user management ****************************/


[class*='list-user'] {
	position: relative;
	float: left;
	/* font-size: 0.8em; */
	font-size: 0.9em;
	margin: 0;
	/* padding: 1.70em 1.0em 0; */
	padding: 0.85em 1.0em 0.85em;
}

.list-user-th-name, .list-user-name{
	text-align: left;
	width: 250px;
}

.list-user-th-username, .list-user-username{
	text-align: center;
	width: 275px;
}

.list-user-th-type, .list-user-type{
	text-align: center;
	width: 150px;
}

.list-user-th-active, .list-user-active{
	text-align: center;
	width: 100px;
}


.list-user-th-manage, .list-user-manage{
	text-align: center;
	width: 210px;
}

.list-user-delete, .list-user-edit{
	width: 102px;
}

.list-user-edit{
	padding-left: 35px;
}

.list-user-delete, .content-item-delete, .delete_user, .delete_content_item, .list-events-delete, .list-registration-delete, .ss_image_control, .ss_image_control_delete, .video_thumbnail_image_control,  .video_thumbnail_image_control_delete, .zip_file_control,  .zip_file_control_delete{
	cursor: pointer;
}


.permissions_row{
	padding: 0;
	margin-bottom: 6.0em;
}

#module_permission_checkboxes{
	position: relative;
	border: 2px solid #999;
	/* top: 2.6em; */
	padding: 3.0em 2.0em 3.5em;
}

#module_permission_checkboxes label{
	background-color: transparent !important;
	/* border-radius */
	border: none;
	padding: 0;
	float: none;
	right: 0;
	top: 0;
	/* width: auto !important; */
	font-size: 1.2em;
}

.cboxed{
	width: 25%;
	margin-bottom: 1.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #999;
}





/****************reports ****************************/
/* contact form report*/
[class*='list-contact-'] {
	position: relative;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 1.70em 1.0em 0;
	width: 700px;
}

[class*='list-contact-th'] {
	font-weight: bold;
	border-bottom: 2px solid #ccc;
	padding-bottom: 1.0em;
}

.list-contact-th-contactid, .list-contact-contactid{
	text-align: left;
	width: 40px;
}

.list-contact-th-datetime, .list-contact-datetime{
	text-align: center;
	width: 150px;
}

.list-contact-th-emailaddress, .list-contact-emailaddress{
	text-align: center;
	width: 200px;
}

.list-contact-th-name, .list-contact-name{
	text-align: center;
	width: 200px;
}

.list-contact-th-company, .list-contact-company{
	text-align: center;
	width: 110px;
}

.list-contact-th-enquiry-2, .list-contact-enquiry-2{
	text-align: center;
	width: 125px;
}

.list-contact-th-language, .list-contact-language{
	text-align: center;
	width: 75px;
}

.list-contact-th-filename, .list-contact-filename{
	text-align: center;
	width: 475px;
}

.list-contact-th-manage, .list-contact-manage{
	text-align: right;
	width: 100px;
}


#customer_contacts ul li{
	border-bottom: 1px solid #ccc;
	position: relative;
	float: left;
	font-size: 0.95em;
	text-align: center;
	padding-bottom: 0.7em;
}


.contact-report th, td {
    padding: 5px;
    text-align: center;
}

.contact-report table {
    margin: 0 auto;
    width: 100%;
}

.contact-report th {
    font-weight:bold;
    height: 50px;
    background-color: #cecfd0;
}


.col-total{
    font-weight:bold;
}

/****************product changelog****************************/
[class*='product-log-'] {
	position: relative;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 1.70em 1.0em 0;
}

[class*='product-log-th'] {
	font-weight: bold;
}

.product-log-th-datetime, .product-log-datetime{
	text-align: left;
	width: 150px;
}

.product-log-th-logtype, .product-log-logtype{
	text-align: left;
	width: 100px;
}

.product-log-th-eventtype, .product-log-eventtype{
	text-align: left;
	width: 100px;
}

.product-log-th-user, .product-log-user{
	text-align: left;
	width: 150px;
}

.product-log-th-message, .product-log-message{
	text-align: left;
	width: 450px;
}

/****************product listing ****************************/
/* contact form report*/
[class*='list-product-'] {
	position: relative;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 1.70em 1.0em 0;
}

[class*='list-product-th'] {
	font-weight: bold;
}

.list-product-th-product-code, .list-product-product-code{
	text-align: left;
	width: 200px;
}

.list-product-th-description-short, .list-product-description-short{
	text-align: left;
	width: 600px;
}

.list-product-th-active, .list-product-active{
	text-align: center;
	width: 75px;
}

.list-product-th-manage, .list-product-manage{
	text-align: right;
	width: 75px;
}

/****************part listing ****************************/
/* contact form report*/
[class*='list-part-'] {
	position: relative;
	float: left;
	/* font-size: 0.8em; */
	font-size: 0.9em;  /* shouldn't actually need to have increased this to 0.9 ---- odd */
	margin: 0;
	padding: 1.70em 1.0em 0;
}

[class*='list-part-th'] {
	font-weight: bold;
}

.list-part-th-part-code, .list-part-part-code{
	text-align: left;
	width: 200px;
}

.list-part-part-code a{
	font-weight: bold !important;  /* shouldn't actually need to specify this ---- odd */
}


.list-part-th-description-short, .list-part-description-short{
	text-align: left;
	width: 600px;
}

.list-part-th-active, .list-part-active{
	text-align: center;
	width: 75px;
}

.list-part-th-manage, .list-part-manage{
	text-align: right;
	width: 75px;
}

.list-part-part-code, .list-part-description-short, .list-part-active, .list-part-manage {  /* shouldn't actually need to specify this ---- odd */
	padding-top: 0.8em;
	padding-bottom: 0.5em;
	padding-left: 0.45em;
}



/****************Document Management (PDFs)****************************/

[class*='list-pdf-'] {
	position: relative;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 1.70em 1.0em 1.70em;
}

[class*='list-pdf-th'] {
	font-weight: bold;
}


.list-pdf-th-filename, .list-pdf-filename{
	text-align: left;
	width: 250px;
}

.list-pdf-filename a{
	font-weight: bold;
}

.list-pdf-th-description, .list-pdf-description{
	text-align: left;
	width: 225px;
}

.list-pdf-th-category, .list-pdf-category{
	text-align: left;
	width: 200px;
}

.list-pdf-th-issue-no, .list-pdf-issue-no{
	text-align: left;
	width: 65px;
}

.list-pdf-th-cp-ref, .list-pdf-cp-ref{
	text-align: left;
	width: 75px;
}

.list-pdf-th-active, .list-pdf-active{
	text-align: left;
	width: 50px;
}

.list-pdf-th-manage, .list-pdf-manage{
	text-align: right;
	width: 50px;
}

.pdf-list .list-product-manage {
	margin-top: 0.8em;
}





.export-controls {
	padding-top: 0.5rem;
}

.export-controls h2 {
	padding-left: 2.0rem;
	font-size: 1.3rem;
	padding-bottom: 0.5rem;
	font-weight: bold;
}

.export_year {
	font-size: 0.9rem;
	margin-left: 0.75rem;
	border: 1px solid #5cb450;
	padding: 0.5rem;
	position: relative;
	bottom: 0.25rem;
}









/* ===========  LIST / EDIT PARTS =============  */


.parts-search{
	min-width: 545px;
}
.parts-search-filter {
	width: 120px;
	position: relative;
	bottom: 8px;
	left: 50px;
}
.parts-search-entry{
	width: 200px;
	position: relative;
	left: 194px;
	bottom: 32px;
}
.export-filter {
	position: relative;
	float: right;
	/* bottom: 22px; */
	bottom: 55px;
	padding: 0 !important;
	margin-right: 15px;
}
.export-filter a {
	color: #5cb450 !important;
	font-size: 0.95em;
}















/****************Document Management (Videos)****************************/

[class*='list-video-'] {
	position: relative;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 1.70em 1.0em 1.70em;
}

[class*='list-video-th'] {
	font-weight: bold;
}


.list-video-th-description, .list-video-description{
	text-align: left;
	width: 300px;
}

.list-video-th-category, .list-video-category{
	text-align: center;
	width: 500px;
}

.list-video-th-manage, .list-video-manage{
	text-align: right;
	width: 150px;
}

.ajax_video_product {
	border: 2px solid #999;
	margin-bottom: 1.0rem;
	padding: 0 0.75rem 1.0rem;
}

.ajax_video_product_description {
	padding: 1.0rem;
	font-weight: bold;
	font-size: 0.9rem;
}

.unassign {
	color: #af252c;
}






/***************  C P D

***************/


[class*='list-cpd-'] {
	position: relative;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 1.70em 1.0em 1.70em;
}

[class*='list-cpd-th'] {
	font-weight: bold;
}


.list-cpd-th-datetime, .list-cpd-datetime{
	text-align: left;
	width: 160px;
}

.list-cpd-th-company-name, .list-cpd-company-name{
	text-align: center;
	width: 220px;
}


.list-cpd-th-requested-date, .list-cpd-requested-date{
	text-align: left;
	width: 125px;
}

.list-cpd-th-alternative-requested-date, .list-cpd-alternative-requested-date{
	text-align: left;
	width: 125px;
}

.list-cpd-th-confirmed-date, .list-cpd-confirmed-date{
	text-align: left;
	width: 125px;
}

.list-cpd-th-cancelled-date, .list-cpd-cancelled-date{
	text-align: left;
	width: 125px;
}

.list-cpd-th-manage, .list-cpd-manage{
	text-align: right;
	width: 100px;
}

#cancel_cpd_note_row {
	float: left;
}















/************stockists***************/

[class*='list-stockist-'] {
	position: relative;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 1.70em 1.0em 0;
}

[class*='list-stockist-th'] {
	font-weight: bold;
}

.list-stockist-th-stockist-name, .list-stockist-stockist-name{
	text-align: left;
	width: 350px;
}

.list-stockist-th-town, .list-stockist-town{
	text-align: left;
	width: 150px;
}

.list-stockist-th-postcode, .list-stockist-postcode{
	text-align: left;
	width: 100px;
}

.list-stockist-th-country, .list-stockist-country{
	text-align: left;
	width: 150px;
}

.list-stockist-th-active, .list-stockist-active{
	text-align: left;
	width: 75px;
}

.list-stockist-th-manage, .list-stockist-manage{
	text-align: right;
	width: 75px;
}


.stockist-search{
	min-width: 430px;
}
.search-filter{
	position: relative;
	float: right;
	bottom: 30px;
	padding: 0 !important;
}
#stockist_type{
	font-size: 1.3em;
	color: #5cb450;
}
.stockist-type-header{
	font-size: 0.85em !important;
}
.stockist-type{
	position: relative;
	float: right !important;
	min-width: 100px;
	font-size: 0.85em;
	margin: 0.3em 0 0 0.85em;
}

/**********gdpr-permission-reports and exports *************/

[class*='list-gdpr-permissions-'] {
	position: relative;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 1.70em 1.0em 0;
}

[class*='list-list-gdpr-permissions-th'] {
	font-weight: bold;
}

.list-gdpr-permissions-th-datetime, .list-gdpr-permissions-datetime{
	text-align: left;
	width: 130px;
}

.list-gdpr-permissions-th-emailaddress, .list-gdpr-permissions-emailaddress{
	text-align: center;
	width: 250px;
}

.list-gdpr-permissions-th-source, .list-gdpr-permissions-source{
	text-align: center;
	width: 150px;
}

.list-gdpr-permissions-th-email, .list-gdpr-permissions-email{
	text-align: center;
	width: 140px;
}

.list-gdpr-permissions-th-post, .list-gdpr-permissions-post{
	text-align: center;
	width: 140px;
}

.list-gdpr-permissions-th-phone, .list-gdpr-permissions-phone{
	text-align: center;
	width: 140px;
}


.source, .permission {
	position: relative;
}
.source {
	float: left;
	width: auto;
}
.source label{
	color: red;
}
.permission {
	float: right;
}

#confirmation_sourceid{
	margin-left: -30px;  /* hack - not sure why...? */
}
#permission_typeid {

}





/*********************************
*  P A G I N A T I O N
**********************************/

#report_pagination {
	width: 100%;
	float: left;
	border-top: 1px solid #ccc;
	margin-top: 4.0em;
	padding-top: 1.5em;
	padding-left: 0.75em;
	font-size: 0.75em;
}

.pagination_control{
	cursor: pointer;
}
.pagination_control a{
	font-weight: bold;
}
.pagination_control a:hover{
	color: #666;
}
#pagination_counts{
	line-height: 200%;
}
.record_count{
	/* padding-bottom: 0.2em;
	border-bottom: 1px solid #666; */
}
.page_count{
	padding-top: 0.6em;
	border-top: 1px solid #666;
}

#contact_form_report_results{
	font-size: 1.1em;
}





/*********************************
*
*  F O R M : E L E M E N T S
*
**********************************/


.col-1-100 h2{
	border-radius: 0.2rem 0 0 0.2rem;
	-webkit-border-radius: 0.4rem 0 0 0.4em;
	-moz-border-radius: 0.4rem 0 0 0.4rem;
	border: 1px solid #cecfd0;
	/* background-color: #cecfd0; */
	padding: 0.5em 1.0em 0.5em;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	width: 97%;
	position: relative;
	float: left;
}

.col-3-8 h2{
	/* padding: 1.5em 2.0em 0.5em; */
	padding-bottom: 0.5em;
	margin: 1.5em 0 -0.5em 2.0em;
	font-size: 1.35em;
	border-bottom: 1px solid #cecfd0;
}

fieldset{

}
fieldset a:hover{
	color: #999 !important;
}
fieldset strong{
	font-weight: bold;
}


label, .pseudo-label {
	/* font: 300 1.125em/1.5  'Source Sans Pro', sans-serif; */
	/* padding-right: 1.125rem; */

	/* width: 150px; */

	/* border-radius */
	border-radius: 0.2rem 0 0 0.2rem;
	-webkit-border-radius: 0.4rem 0 0 0.4em;
	-moz-border-radius: 0.4rem 0 0 0.4rem;
	background-color: #cecfd0;
	padding: 0.5em 1.0em 0.5em;

	/* position: relative;
	float: left;
	right: 150px;
	top: 38px; */

	font-weight: bold;
	/* margin-bottom: 1.0em; */
	margin-bottom: 0.75em;
}

.pseudo-label{
	height: 40px;
	top: 0;
}

label,
input[type=text],
textarea,
.pseudo-label{
	display: block;
	font-size: 1.1em;
	font-family: Helvetica-Neue, Arial, Helvetica, Geneva, sans-serif;
}


input[type=password]{
	display: block;
	font-size: 1.1em;
	font-family: Helvetica-Neue, Arial, Helvetica, Geneva, sans-serif;
}

.simple{
	background-color: transparent !important;
	border: none !important;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: auto;

	font-size: 0.9em;
}



.form-chunk, .d-output{
	background-color: #cecfd0;
	/* border-radius */
	border-radius: 0 0.4rem 0.4rem 0;
	-webkit-border-radius: 0 0.4rem 0.4rem 0;
	-moz-border-radius: 0 0.4rem 0.4rem 0;
	width: 200px;
	height: 38px;
	float: left;
	font-size: 0.875em;
	margin-bottom: 1.5rem;
	position: relative;
	clear: both;
}

.form-chunk{
	height: 39px;
}

.chunk, .chunk-field{
	position: relative;
	float: left;
	/* bottom: 38px; */
	bottom: 36px;

	clear: both;
}
.chunk-field{
	bottom: 53px;
	font-size: 0.8rem;
}

.solo-input{
	width: 200px;
	height: 53px;
	float: left;
	position: relative;
	clear: both;
	bottom: 18px;
	padding-left: 20px;
	padding-top: 15px;
}

.fat{
	height: 60px;
}

.full{
	width: 100%;
}

.unit {
	top: 0;
}



#active-switch{
	border: 1px solid tranparent; /* fixes weird positioning bug in FF & IE (possibly due to use active as an ID?) */
}

#date{
	padding: 0.2rem;
	width: 95px !important;
	color: #666;
}
.calendar{
	text-align: left;
	/* position: relative; */
	position: absolute;
	/* bottom: 12px; */
	top: 6px;
	/* margin-right: 0.5em; */
	/* right: 50px; */
	/* right: 70px; */
	left: 70px;
	padding: 0;
	margin: 0;
}
.calendar a:hover{
	text-decoration: none;
	cursor: pointer;
}

.form-chunk .info{
	top: 10px;
}

select{
	background: #fff;
	border: 2px solid #999;
	/* margin-bottom: 1.125rem; */
	padding: none; /* essential for FF */
	/* border-radius */
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
	border-radius: 0.125rem;
	font-size: 0.9em;
	margin-top: 0.4rem;
	color: #666;

}


#checkboxed{
	width: 600px;
	height: auto;
}

#checkboxed label {
	width: auto;
	border: none !important;
	background-color: none !important;
	padding: 0.25rem;
	position: relative;
	float: left;
	right: 0;
	top: 4px;
	margin-right: 1.0rem;
}



input {font: 1.0em/1.2857142857142858;}

input[type=text],
textarea {
	background: none;
	border: 2px solid #999;
	/* margin-bottom: 1.125rem; */
	padding: 0.5625rem;
	/* border-radius */
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
	border-radius: 0.125rem;
}

input[type=text]:focus,
textarea:focus {
	border: 2px solid #999;
	outline: none;
}
/*
#article-title{
	color:#5cb450;
	font: 1.7em/1.333 "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
*/
/*
#list-description{
	font: 1.0em/1.333 "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;;
	color: #767676;
}
*/
input#list-description  {  /* hack - not sure what is/was overlaying this preventing focus...? */



}


#temp_add_event_date, .delete_event_date{
	cursor: pointer;
}
#temp_add_event_date{
	color:#5cb450;
	border: 2px solid #999;
	padding: 10px;
	float: left;
	position: absolute;
	text-align: center;
}

.switch-group{
	position: relative;
	float: right;
	width: 600px;
	height: auto;

	margin-bottom: 3.0rem;
}
.switch-group p{
	margin-bottom: 10px;
}



.input-error {
	background: #b30415  !important;
	border: 2px solid #F4F3EF !important;
	color:#F4F3EF;
	margin-bottom: 0.5625rem  !important;
}

.error {
	color: #fff;
	display: block;
	margin-bottom: 1.125rem;
}

input[type=submit] {
	border: none;
	box-shadow: inset -1px -1px 0 rgba(0,0,0,0.25);
	display: block;
	font-size: 0.875em; /* 14px / 16px */
	letter-spacing: 1px;
	margin: 1.125rem 1.125rem 1.125rem 0;
	padding: 1.125em 1.6875em;
	/* text-transform: uppercase; */
	width: auto;
}

#marketing_permission_yes,
#marketing_permission_no {
	margin-right: 0.5625rem;
}



#data-form{
	/* width: 75%;
	margin-left: 13.0em;
	float: left; */
}


#data-form input[type=text]:focus,
#data-form textarea:focus {
	background: #F4F3EF;
}

#data-form input[type=text],
#data-form textarea {
	width: 100%;
}

#data-form textarea {
	/* min-height: 35.25em; */
	min-height: 15em;
}

#data-form input[type=text],
#data-form textarea {
	background: #fff;
}

/*#data-form label::before{
	content:"\f069\a0";
	font-size: 0.5em;
}*/

.required::before {
	content: "*";
	display: inline;
	margin: 0 0.125em 0 -0.5em;
}

.required-note h2::after {
	content: "*required";
	display: block;
	font: 300 0.875rem/1.5  'Source Sans Pro', sans-serif;
}









.part-field {
	position: relative;
	clear: both;
	height: 40px;
	margin-bottom: 1.5rem;
	float: left;
	width: 715px;
}

.part_na {
	position: relative;
	float: right;
	top: 8px;
	margin: 0;
	left:30px;
}

.fna span{
	font-size: 0.8rem;
	position: relative;
	top: 1px;
}
.field_not_applicable {

}




/********************************
*
*  I M A G E  - T O O L S
*
*********************************/

.image-tools{
	position: relative;
	float: left;
	border: 2px solid #999;
	width: 100%;
	padding: 1.0rem;
	margin-bottom: 1.25rem;
	font-size: 1.0rem;
}

.image-medium, .image-drop, .video-thb{
	position: relative;
	float: left;
	width: 150px;
	height: 150px;
}
.image-medium{
	height: auto;
}
.image-medium a:hover, .image-drop a:hover, .video-thb a:hover{
	cursor: pointer;
}
.video-thb{
	width: 267px;
	height: 150px;
}


.pdf-file{
	width: 4.5rem;
}
#pdf_file_images img{
	width: 3.0rem;
	margin-top: 0.4rem;
}



.image-info{
	position: relative;
	float: left;
	padding-left: 0.8em;
	 width: 50%;
	 z-index: 1000; /* hack - not sure what is/was overlaying this preventing focus...? */
}

.image-info a:hover, .image-drop a:hover{
	cursor: pointer;
}


.tools{
	position: relative;
	float: right;
	padding-right: 1.0em;
	z-index: 1000; /* hack - not sure what is/was overlaying this preventing focus...? */
}
.tools ul li{
	list-style: none;
	/* margin-bottom: 0.8em; */
	margin-bottom: 0;
}
.tools a:hover{
	text-decoration: none;
	color: #999;
	cursor: pointer;
}





.image-drop{
	padding: 1.2em 0.9em 1.2em;
	border: 1px dashed #999;
	text-align: center;
	font-size: 0.9em;
	cursor: pointer;
	width: 150px;
	height: 150px;
	background: url(../img/drop-zone-bg.png) no-repeat;
}

#zip-file-drop-preview{
	background: none;
	color: #333;
	font-weight: bold;
}

.image-drop .icon-image{
	font-size: 1.6em;
	color: #999;
}

#image-title{
	font-size: 1.0em;
}

.mini-b{
	border: 1px solid #666;
	background-color: #cecfd0;
	padding: 0.3em;
}


.add-item{
	position: relative;
	float: left;
	width: 100px;
	height: 80px;
	border: 2px solid #999;
	text-align: center;
	z-index: 1000; /* hack - not sure what is/was overlaying this preventing focus...? */
	margin-right: 1.0em;
	padding: 0.8em;
	cursor: pointer;
}
.add-item a{
	display: block;
}

.add-item:after{
	/* content: "Click to add image"; */
}
/* .add-item:last-of-type{
	margin-right: 0;
} */
.add-item a{

	display: block;

}
.add-item a:hover{
	text-decoration: none;
	color: #999;
}


.form-save, .all, .button-action, .delete{
	cursor: pointer;
	display: block;
	padding: 1em;
}
.all, .delete{
	border: 2px solid #5cb450;
	padding: 1.2em 1.2em 1.0em;
	font-size: 1.1em;
}

#add_pdf_file_control .all, .delete{
	padding: 0.9em 1.2em;
}
.button-action{
	padding: 0.6em 0.8em;
}
.button-action a{
	display: block;
}

.tabs .form-save{
	padding: 0 !important;
}
.delete{
	border: 2px solid #af252c;
	color: #af252c;
}






.d-output {
	height: 40px;
}
.d-output ul{
	margin-top: 0.55em;
	position: relative;
	right: 150px;
}
.d-output ul li{
	display: inline-block;
	margin-right: 1.5em;
	border: 1px solid #999;
	padding: 0 0.5em;
}

.d-output .info{
	top: -20px;
}






















/********************************
*
*  T O O L T I P
*
*********************************/

.info{
	/* text-align: right; */
	position: relative;
	float: right;
	/* top: 40px;
	left: 25px; */
	top: -50px;
	left: 25px;
	width: auto;
	height: auto;
	clear: both;
}
.info a:hover{
	text-decoration: none;
	cursor: pointer;
}

fieldset .info{
	top: 10px;
}


.tooltip{
 	display: inline;
    position: relative;
}
.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 200px;
    text-align: left;
}
.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.flip:hover:after{
	bottom: -80px !important;
}









/********************************
*
*  L O G I N
*
*********************************/


#login-panel{
	width: 772px;
	height: 433px;
	background: url(../img/login-bg.png) no-repeat white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2.0em;
	margin-bottom: 2.0em;
}

.login-actions{
	width: 668px;
	padding: 2.0em;
	display: block;
}
.login-actions header{
	height: 50px !important;
	margin-bottom: 1.5em;
}

#login-panel h1{
	font-size: 2.0rem;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px #666;
}

.login-actions p {
	font-size: 0.8rem;
	line-height: 1.4rem;
	margin-bottom: 1.0rem;
}

.login-actions p a{
	color: #fff;
	font-size: 0.8rem;
	}

.locate{
	margin-left: 41%;
	margin-right: 59%;
	margin-top: 2.8em;
	cursor: pointer !important;
}

#login-panel input[type=text],
input[type=password]{
	background: none;
	/* border: 1px solid #6b8661; */
	border: 1px solid #999;
	/* margin-bottom: 1.125rem; */
	padding: 0.425rem;
	/* border-radius */
	-webkit-border-radius: 0.9rem;
	-moz-border-radius: 0.9rem;
	border-radius: 0.5rem;
	font-size: 1.0em;
	width: 250px;
	color: #303a3b;

	margin-left: auto;
	margin-right: auto;

}


input[type=password]{
	display: block;
	font-size: 1.1em;
	font-family: Helvetica-Neue, Arial, Helvetica, Geneva, sans-serif;
}


#login-panel input[type=text]:focus, #login-panel input[type=password]:focus{
	border: 1px solid #fff;
	outline: none;
	color: #fff;
}

#login-panel input[type=submit] {
	border: none;
	box-shadow: inset -1px -1px 0 rgba(0,0,0,0.4);
	display: block;
	font-size: 1.1em; /* 14px / 16px */
	font-family: Helvetica-Neue, Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	margin: 1.125rem 1.125rem 1.125rem 0;
	padding: 0.375em 1.725em;
	/* text-transform: uppercase; */
	width: auto;
	cursor: pointer !important;
}

#login-panel label{
	width: 20px;
	background-color: transparent;
	padding: 0;
	float: left;
	right: 0;
	top: 8px;
	position: relative;
	left: 160px;
	color: #fff;
}


/*********************************
************Products**************
*********************************/
.ajax_product_part{
	border: 1px solid grey;
}

.ajax_associated_product{
	border: 1px solid grey;

}
.ajax_accessory{
	border: 1px solid grey;

}

.ajax_product_pdf, .ajax_category_pdf{
	border: 1px solid grey;
}



.ajax_product_video {
	border: 1px solid grey;
	margin-bottom: 1.0rem;
	padding: 1.0rem;
}
.ajax_product_video_description {
	font-weight: bold;
	font-size: 1.0rem;
	margin-bottom: 0.8rem;
}

.ajax_expanded_content{
	border: 1px solid grey;
}








/********************************
*
*  N A V I G A T I O N
*
*********************************/

/* #topNav {
	float: right;
	padding-top: 5em;
	width: 70%;
}

#topNav li {
	display: inline-block;
	float: left;
	font-size: 18px;
	margin-right: 2.25em;
}

#topNav a {
	color: #939598;
	text-decoration: none;
}

#topNav a.active {
	color: #5cb450;
}

#topNav a.active:after {
	border-bottom: 3px solid #a6ce39;
	content: "";
	display:block;
}

#topNav a:after {
	border-bottom: 3px solid #0071c5;
	content: "";
	display:block;
} */



/* ------ TABBED Nav  ----------------------------- */


#tabNav {
	float: left;
	position: relative;
	padding-top: 1.0em;
	padding-left: 2.0em;
	width: 100%;
}

#tabNav li {
	display: inline-block;
	float: left;
	text-align: center;
	font-size: 1.1em;
	margin-right: 1.5em;

	margin-top: 0.5rem;
}

#tabNav a {
	color: #62686a;
	text-decoration: none;
}
#tabNav a:hover {
	color: #5cb450;
}

#tabNav a.active {
	color: #5cb450;
}

#tabNav a.active:after {
	/* border-bottom: 3px solid #5cb450;*/
	content: "";
	display:block;
}

#tabNav a:after {
	/* border-bottom: 3px solid #0071c5; */
	content: "";
	display:block;
}

.tabOn, .tabOff{
	/* width: 150px; */
	min-width: 150px;
	/* border-radius */
	border-radius: 0.25rem 0.25rem 0 0;
	-webkit-border-radius: 0.5rem 0.5rem 0 0;
	-moz-border-radius: 0.5rem 0.5rem 0 0;
	background-color: #cecfd0;
	padding: 0.5em 1.0em 0.5em;
}
.tabOn a, .tabOff a{
	display: block;
}
.tabOff{
	background-color: #eff0f0;
}




/* ------ ACTION Nav [sits below the TABS] ----------------------------- */

#actionNav, #actionNavList {
	float: left;
	position: relative;
	width: 100%;
	background-color: #cecfd0;
	padding: 1.0em 0 0.8em 2.0em;
	min-height: 50px;
}
.list{
	float: right !important;
	text-align: right;
	background-color: red !important;
}


#actionNav li {
	display: inline-block;
	float: left;
	text-align: center;
	font-size: 0.95em;
	margin-right: 1.5em;
}

#actionNav a {
	color: #62686a;
	text-decoration: none;
}

#actionNav a:hover {
	color: #fff;
	cursor: pointer;
}

#actionNav a.active {
	color: #5cb450;
}

#actionNav a.active:after {
	/* border-bottom: 3px solid #5cb450;*/
	content: "";
	display:block;
}

#actionNav a:after {
	/* border-bottom: 3px solid #0071c5; */
	content: "";
	display:block;
}


.form_data_output{
	font-size: 1.1em;
	line-height: 2.0em;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.0em;
	background-color: #eaeaea;
	padding: 0.5em;
}

.form_data_output span {
	margin-bottom: 0 !important;
}

.form_data_title{
	font-weight: bold;
}


#contact-reports #selector {
	min-width: 800px;
	position: relative;
	float: left;
}
#gdpr #selector {
	min-width: 410px;
}

/* Form Type selector */
#form_type{
	position: relative;
	float: left;
	margin-right: 1.5rem;
}
#form_type label{
	}
#formid {
	}
/* Contact Type selector */
#contact_type{
	position: relative;
	float: left;
	bottom: 1.5rem;
}
#contact_type label{
	min-width: 120px;

}
#contact_typeid {

}
/* Archived selector */
#contact_report_archived{
	position: relative;
	float: left;
	margin-top: -1.5rem;
}
#contact_report_archived label{

}






/* ------ CP Electronics logo  ----------------------------- */

#logo {
	float: left;
	padding: 1em 1em 1em 0.5em;
}





/* ------ S E A R C H  B O X  +  S E L E C T O R ----------------------------- */

#searchbox{
	position: relative;
	float: right;
	padding-right: 1.0em;
	width: 200px; /* required for FF */
	padding-bottom: 0 !important;

	height: 25px;

}

#searchbox label{
	width: 26px;
	background-color: transparent;
	padding: 0;
	float: left;
	right: 0;
	top: 5px;
	position: relative;
	left: 0;
	color: #62686a;
}

#searchbox input[type=text]{
	background: none;
	border: 1px solid #62686a;
	/* margin-bottom: 1.125rem; */
	padding: 0.2rem 0.4rem;
	/* border-radius */
	-webkit-border-radius: 0.9rem;
	-moz-border-radius: 0.9rem;
	border-radius: 0.5rem;
	font-size: 0.8em;
	width: 150px;
	color: #303a3b;
	margin: 0;
}

#searchbox input[type=text]:focus{
	border: 1px solid #5cb450;
	outline: none;
	color: #fff;
}


#selector{
	position: relative;
	float: left;
	width: 350px;
}

#selector label{
	width: 100px;
	background-color: transparent;
	padding: 0;
	float: left;
	right: 0;
	top: 5px;
	position: relative;
	left: 0;
	color: #62686a;
}





/* -------------------------------------------------- */



.dash {
	list-style-type: none;
	margin: 0 0 10px 20px;
}

.dash li:before {
	content: "–";
	display:inline-block;
	margin-left: -20px;
	padding-right: 10px;
}

#buttons a {
	font-family: "clear-light";
	font-size: 1.6em;
	line-height: 1.2;
	text-decoration: none;
}

#buttons img {padding-top: 0.5em;}

#signup {
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0.5em;
	/* Firefox 1-3.6 */
	-moz-border-radius:0.5em;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.5em;

	/********* drop shadow *********/
	box-shadow: 2px 2px 18px 8px #CCC;
	-webkit-box-shadow: 2px 2px 18px 8px #CCC;
	-moz-box-shadow: 2px 2px 18px 8px #CCC;

	background: rgb(135,224,253); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ZTBmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzUzY2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNWFiZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C */
}








/********************************
*
*  R E G I S T E R
*
*********************************/

/* ---- Note: 'reset' table value of border-spacing:0;  --- */

.registerTable {
	width: 100%;
}

.registerTable tr {
	margin-bottom: 1em;
}

.registerTable p:last-of-type {
	margin-bottom: 3em;
}

.registerTable h3,
.registerTable h4  {
	margin-top: 3em;
}

#registration_open {
	margin-bottom: 3em;
}

.asterisk{
	color: #de0024;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	vertical-align: middle;
}

.formlabel{
	width: 300px;
	vertical-align: top;
	padding-right: 10px;
	text-align: right;
}

.error{
	color: red;
}

/* .info{
	text-align: right;
} */

#formErrorHeading{
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
		color: #de0024;
	margin-bottom: 10px;
}

#contact_form select, input[type="text"], textarea{
	width:350px;
	margin-top:5px;
	margin-bottom:5px;
}

#formsend img {
	max-width: 12em;
	height: 115px;
}













/* ------ P R O D U C T S ---------------------------------------------------

-------------------------------------------------------------------------  */
.product_panel_container{
	display: none;

}

.list-product-product-code, .list-product-description-short, .list-product-active, .list-product-manage{
	padding: 0.75em 0 0.25em 0.5em;
	font-size: 0.9em;
}
.list-product-product-code a{
	font-weight: bold;
}
.list-product-active{
	padding-right: 0.5em !important;
	padding-left: 0;
}
.list-product-manage{
	padding-right: 1.25em !important;
	padding-left: 0;
	padding-bottom: 0.6em;
}


.product_panel_control {
	cursor: pointer;
}

.control_method{

}

.control_method_header{

}

.control_method_header a{
	width: 100%;
	display: block;
	padding: 1em;
	background-color: #ececec;
	border: 1px solid #ccc;
	cursor: pointer;
}
.control_method_header h3 a{

}
.control_method_header h3 a:after{
	content: " - choose options: ";
}

.control_method_feature_control{

}
.control_method_feature_control h3{

}

.control_method_features{
	padding: 1em 1em 2em;
}
.control_method_features input{
	margin: 0.75em;
}


.handle{
	position: relative;
	float: right;
	width: 20px;
	height: 20px;
	font-size: 1.1em;
	margin: 0;
}
.handle a{
	display: block;
	cursor: pointer;
}




/* --- PARTS / ACCESSORIES / ASSOCIATED PRODUCTS / EXPANDED CONTENT--------- */

.ajax_product_part, .ajax_accessory, .ajax_associated_product, .ajax_product_pdf, .ajax_category_pdf, .ajax_expanded_content{
	padding: 1em;
	margin-bottom: 1.0rem;
}
.ajax_product_part_title, .ajax_accessory_title, .ajax_associated_product_title, .ajax_product_pdf_filename, .ajax_category_pdf_filename, .ajax_expanded_content_title{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0.75em;
}
.ajax_accessory_title, .ajax_associated_product_title{
	margin-bottom: 1.0em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1.5em;
}
.ajax_product_part_description, .ajax_product_pdf_description, .ajax_category_pdf_description{
	margin-bottom: 1.0em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1.5em;
}
.ajax_product_part_control_edit, .ajax_product_part_control_delete, .ajax_accessory_control_delete, .ajax_associated_product_control_delete, .ajax_expanded_content_control_edit, .ajax_expanded_content_control_delete{
	margin: 0;
	width: 80px;
	height: auto;
	padding: 0.5em;
}
.ajax_product_part_control_edit a, .ajax_product_part_control_delete a, .ajax_accessory_control_delete a, .ajax_associated_product_control_delete a, .ajax_expanded_content_control_edit a, .ajax_expanded_content_control_delete a{
	display: block;
	cursor: pointer;

	padding: 0;

}

.product_autocomplete_control{
	width: auto;

	padding: 1em;
	background-color: #ececec;
	border: 1px solid #ccc;
	cursor: pointer;
	margin-bottom: 1.0em;
	color: #5cb450;
}
#product_pdf_autocomplete_control{

}

.create-new{
	margin-bottom: 0.8em;
	padding: 1em 1em 1em 0;

}
.create-new a{
	border: 1px solid #ccc;
	padding: 1em;
	background-color: #ececec;
}
.create-new a:hover{
	color: #999;
}

/*Note these are for the jqueryui accordion which overrides all of this, the JS reapplies them so any changes will need to be applied to the JS too.
To find them search the main.js file for one of the classes, add-edit-product-log-datetime should do the trick.
*/
[class*='add-edit-product-log-'] {
	position: relative;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 1.70em 1.0em 0;
	 min-height: 60px;
}

.add-edit-product-log-datetime{
	text-align: left;
	width: 150px;
}

.add-edit-product-log-eventtype{
	text-align: center;
	width: 100px;
}

.add-edit-product-log-user{
	text-align: center;
	width: 100px;
}

.add-edit-product-log-message{
	text-align: center;
	width: 300px;
}


fieldset .info{
	/* border: 1px solid red;
	width: 500px;
	z-index: 1000; */
}



ul.ui-autocomplete.ui-menu{  /* list of stuff in the auto complete menus */
	height: 250px;
	border: 1px solid #ccc;
	overflow: scroll;
	font: normal 0.8em/1.5 Helvetica-Neue, Arial, Helvetica, Geneva, sans-serif;
}


/* --- JQuery Accordion  --------- */


.ui-accordion {
	font-family: Helvetica-Neue, Arial, Helvetica, Geneva, sans-serif !important;
}

.ui-accordion h3{
	font-weight: bold;
}

.ui-accordion .ui-accordion-content{
	overflow:hidden !important;
 }
 .ui-accordion .ui-accordion-header {

 	/* border-radius: 0.2rem 0 0 0.2rem;
 	-webkit-border-radius: 0.4rem 0 0 0.4em;
 	-moz-border-radius: 0.4rem 0 0 0.4rem;
 	background-color: #cecfd0;
 	padding: 0.5em 1.0em 0.5em; */

 }
 .ui-accordion .content_change_monitored{
	font-size: 0.8rem !important;
}
.ui-accordion .p-code label {
	font-size: 1.04rem !important;
}
.ui-accordion .tooltip {
	z-index: 100000000;
}







/* --- IMPORT / EXPORT  --------- */


.selectors{
	border: 2px solid #ccc;
	padding: 0 2.0rem 4.0rem 0;
	position: relative;
	float: left;
	width: 100% !important;

}
.selectors h2{
	font-size: 1.6em !important;
	line-height: 1.2em;
	margin: 1.5em -1.75em 0 1.8em;
}
.selectors label{
	font-size: 1.3em;
}

.selectors input{
	font-size: 1.1em;

}
#import_typeid{
	font-size: 1.3em;
	color: #5cb450;
}


#import_file{
	font-size: 1.1em;
}
input[type=file]{
	padding: 0.5em;
}



.fileContainer {
    overflow: hidden;
    position: relative;
    font-size: 1.3em;
	padding: 0.5em 0.5em 0.3em;
	cursor: pointer;
    display: block;
    color: #fff;
    border: 1px solid #5cb450;
    background-color: #5cb450;
    border-radius: 4px;
    width: 142px;
    margin-top: 1.2em;
}
.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.fileContainer:hover{
	color: #5cb450;
	background-color: white;
}









/* --- PRODUCTS CATEGORIES  --------- */



.ajax_product_category{
	border: 2px solid #999;
	padding: 1.0em 1.0em 0.5em;
	margin-bottom: 1.0em;
	color: #666;
}

.category_structure{
	border-bottom: 1px solid #ccc;
	padding-bottom: 1.5em;
	margin-bottom: 0.5em;
	line-height: 1.8em;
}

.ajax_product_category_control_delete{
	margin-top: 0;
}


.tree-menu{
	border: 2px solid #ccc;
	padding: 2.0rem 2.0rem 4.0rem;
	margin-bottom: 1.0rem;
}






/* --- PART CODE SPECIFIC  --------- */

.p-code, .p-code-wide{
	height: 60px !important;
}
.p-code label{
	width: 38% !important;
}
.p-code-wide label{
	width: 45% !important;
}
.p-code input, .p-code-wide input{
	float: right;
	position: relative;
	bottom: 55px;
	width: 62% !important;
}
.p-code-wide input{
	width: 55% !important;
}
.p-code select, .p-code-wide select{
	float: left;
	position: relative;
	/* bottom: 48px; */
	bottom: 57px;
	/* left: 41%; */
	left: 38%;
	font-size: 1.05em;
	color: #000;
	border-color: #999;

	/* width: 450px; */
	height: 39px;

}
.p-code-wide select{
	/* left: 55%; */
	left: 45%;
}
.part_description_builder{
	font-weight: bold;
	color: #5cb450;
}







/* -----  D O C U M E N T   M A N A G E M E N T  --------- */


.add-pdf, .archive-pdf{
	position: relative;
	float: left;
	font-size: 0.95em;
}

.archive-pdf{
	margin-left: 1.5rem;
	bottom: 1px;
}
.archive-pdf select{
	/* border: 2px solid #5cb450; */
	position: relative;
	bottom: 5px;
	margin-right: 0.2rem;

	/* margin: 0 !important; */
}
/*Note these are for the jqueryui accordion which overrides all of this, the JS reapplies them so any changes will need to be applied to the JS too.
To find them search the main.js file for one of the classes, pdf-log-datetime should do the trick.
*/
[class*='pdf-log-'] {
	position: relative;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 1.70em 1.0em 0;
	min-height: 60px;
}

.pdf-log-datetime{
	text-align: left;
	width: 150px;
}

.pdf-log-eventtype{
	text-align: center;
	width: 100px;
}

.pdf-log-user{
	text-align: center;
	width: 100px;
}

.pdf-log-message{
	text-align: center;
	width: 300px;
}















/* ----  FLOATING 'SAVE ALL' SIDEBAR ------------------ */


#sidebar{
	display: none;
}

@media screen and (min-width: 768px){

	#sidebar{
		display: block;
		height: 55px;
		width: 150px;
		position: absolute;
		right: 0;
		top: 0;
		margin-top: 135px;
		background-color: #5cb450;
		border-radius: 0.5rem 0 0 0.5rem;
		font-size: 1.05em !important;
		z-index: 200;
	}

	.social-links{
		background-color: #5cb450;
		border-radius: 0.5rem 0 0 0.5rem;
		color: #fff;
		height: 55px;
		width: 150px;
		padding-left: 5px;
		padding-top: 0;
	}
	.social-links a{
		color: #fff;
	}
	.social-links a:hover{
		text-decoration: none;
		color: #ccc;
	}
	.social-links ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.social-links ul li{
		font-size: 1.05em !important;
	}


}







/****************************************************
****************engineer support**********************
***************************************************/

/*users and user management*/


[class*='list-engineer-support-user'] {
	position: relative;
	float: left;
	/* font-size: 0.8em; */
	font-size: 0.9em;
	margin: 0;
	/* padding: 1.70em 1.0em 0; */
	padding: 0.85em 1.0em 0.85em;
}

.list-engineer-support-user-th-name, .list-engineer-support-user-name{
	text-align: left;
	width: 200px;
}

.list-engineer-support-user-th-username, .list-engineer-support-user-username{
	text-align: center;
	width: 275px;
}

.list-engineer-support-user-th-company, .list-engineer-support-user-company{
	text-align: center;
	width: 200px;
}

.list-engineer-support-user-th-active, .list-engineer-support-user-active{
	text-align: center;
	width: 100px;
}


.list-engineer-support-user-th-manage, .list-engineer-support-user-manage{
	text-align: center;
	width: 210px;
}

.list-engineer-support-user-delete, .list-engineer-support-user-edit{
	width: 102px;
}

.list-engineer-support-user-edit{
	padding-left: 35px;
}

/*audit log*/
[class*='list-engineer-support-audit-log'] {
	position: relative;
	float: left;
	/* font-size: 0.8em; */
	font-size: 0.9em;
	margin: 0;
	/* padding: 1.70em 1.0em 0; */
	padding: 0.85em 1.0em 0.85em;
}

.list-engineer-support-audit-log-th-username, .list-engineer-support-audit-log-username{
	text-align: left;
	width: 800px;
}
.list-engineer-support-audit-log-th-datetime, .list-engineer-support-audit-log-datetime{
	text-align: right;
	width: 150px;
}
/*
.list-engineer-support-audit-log-th-successful-login, .list-engineer-support-audit-log-successful-login{
	text-align: right;
	width: 200px;
}
*/
/*download log*/
[class*='list-engineer-support-download-log'] {
	position: relative;
	float: left;
	/* font-size: 0.8em; */
	font-size: 0.9em;
	margin: 0;
	/* padding: 1.70em 1.0em 0; */
	padding: 0.85em 1.0em 0.85em;
}

.list-engineer-support-download-log-th-username, .list-engineer-support-download-log-username{
	text-align: left;
	width: 300px;
}

.list-engineer-support-download-log-th-filename, .list-engineer-support-download-log-filename{
	text-align: center;
	width: 500px;
}
.list-engineer-support-download-log-th-datetime, .list-engineer-support-download-log-datetime{
	text-align: right;
	width: 150px;
}

/*file management*/
[class*='list-engineer-support-file'] {
	position: relative;
	float: left;
	/* font-size: 0.8em; */
	font-size: 0.9em;
	margin: 0;
	/* padding: 1.70em 1.0em 0; */
	padding: 0.85em 1.0em 0.85em;
}

.list-engineer-support-file-th-date, .list-engineer-support-file-date{
	text-align: left;
	width: 75px;
}
.list-engineer-support-file-th-title, .list-engineer-support-file-title{
	text-align: center;
	width: 150px;
}
.list-engineer-support-file-th-filename, .list-engineer-support-file-filename{
	text-align: center;
	width: 350px;
	overflow: hidden;
}
.list-engineer-support-file-th-category, .list-engineer-support-file-category{
	text-align: center;
	width: 150px;
}
.list-engineer-support-file-th-active, .list-engineer-support-file-active{
	text-align: center;
	width: 75px;
}

.list-engineer-support-file-th-manage, .list-engineer-support-file-manage{
	text-align: right;
	width: 102px;
}

.list-engineer-support-user-edit{
	width: 102px;
	text-align: right;
}


.ajax-engineer-support-file {
	border: 1px solid #ccc;
	padding: 1.0rem;
	margin-bottom: 1.0rem;

}


.ajax-engineer-support-file-title {
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #ccc;
}
.engineer-support-file-control-edit {
	width: 100px;
	padding: 1.0rem 0.75rem 0.75rem;
}
.ajax-engineer-support-file-control-delete {

	width: 150px
}








/*****************************
*********Imagebank************
*****************************/

/*file management*/
[class*='list-imagebank-file'] {
	position: relative;
	float: left;
	/* font-size: 0.8em; */
	font-size: 0.9em;
	margin: 0;
	/* padding: 1.70em 1.0em 0; */
	padding: 0.85em 1.0em 0.85em;
}

.list-imagebank-file-th-date, .list-imagebank-file-date{
	text-align: left;
	width: 105px;
	padding: 0.85em 0.5em 0.5em !important;
}
.list-imagebank-file-th-title, .list-imagebank-file-title{
	text-align: center;
	width: 220px;
}
.list-imagebank-file-th-filename, .list-imagebank-file-filename{
	text-align: center;
	width: 500px;
	overflow: hidden;
}/*
.list-imagebank-file-th-category, .list-imagebank-file-category{
	text-align: center;
	width: 150px;
}
*/
.list-imagebank-file-th-active, .list-imagebank-file-active{
	text-align: center;
	width: 75px;
}

.list-imagebank-file-th-manage, .list-imagebank-file-manage{
	text-align: right;
	width: 85px;
	padding-right: 1em !important;
}


.add-image{
	position: relative;
	float: left;
	font-size: 0.95em;
}
.add-image .icon-image{
	margin-right: 0.25rem;
	font-size: 1.5rem;
	padding: 0 !important;
	position: relative;
	top: 0.25rem;
}





.ajax-imagebank-file {
	border: 1px solid #ccc;
	padding: 1.0rem;
	margin-bottom: 1.0rem;

}

.ajax-imagebank-file-thumbnail {
	border: 1px solid #ccc;
}


.ajax-imagebank-file-title {
	/* padding-bottom: 1.25rem; */
	/* border-bottom: 1px solid #ccc; */
}
.imagebank-file-control-edit {
	width: 100px;
	padding: 1.0rem 0.75rem 0.75rem;
}
.ajax-imagebank-file-control-delete {

	width: 150px
}

.control-block {
	position: relative;
	float: left;

	bottom: 115px;
	left: 150px;
}

[class*='list-imagebank-download-log'] {
	position: relative;
	float: left;
	/* font-size: 0.8em; */
	font-size: 0.9em;
	margin: 0;
	/* padding: 1.70em 1.0em 0; */
	padding: 0.85em 1.0em 0.85em;
}

.list-imagebank-download-log-th-username, .list-imagebank-download-log-username{
	text-align: left;
	width: 300px;
}
.list-imagebank-download-log-th-filetype, .list-imagebank-download-log-filetype{
	text-align: center;
	width: 150px;
}

.list-imagebank-download-log-th-filename, .list-imagebank-download-log-filename{
	text-align: center;
	width: 300px;
}
.list-imagebank-download-log-th-datetime, .list-imagebank-download-log-datetime{
	text-align: right;
	width: 150px;
}






















/* ------ FOOTER  ----------------------------- */

#footer{
	/* width: 975px;
	width: 900px;
	float: left;
	position: relative;
	padding: 0 3em 3em 3em;
	margin: 0;*/

	/* border-top: 2px solid #c4c5c7; */

	padding-top: 1.5em;
}
#footer p{
	color: #666;
	font-size: 0.8em;
	margin-bottom:0;
}
#footer a{
	color: #666;
	text-decoration: underline;
}
#footer a:hover{
	color: #999;
}