html, body {
    padding:0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: white;
	font-family:  Helvetica, Arial, sans-serif;
    /*background-image: -webkit-radial-gradient(20% 20%, ellipse cover, rgb(12, 39, 65) 15%, rgb(36, 114, 184) 99%, rgb(125, 185, 232) 100%);*/
}
@media only screen and (max-width:1200px){
    #ctl00_ContentPlaceHolder1_productList
    {
        font-size:10px;
    }
}
.container {
    width: 100%;
    background-color: #FFFFFF;
    margin: 0 auto;
    min-height: 800px;
    /*-moz-box-shadow: 3px 3px 5px #777;
	-webkit-box-shadow: 3px 3px 5px #777;
	box-shadow: 3px 3px 5px #777;*/
    display: block;
    background-color:whitesmoke;
}
.footer {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    /* text-align: left; */
    display: block;
    font-size: 10px;
    background-color: #FFFFFF;
    height: 200px;
    /* margin: 0 auto; */
}
#innderFooter {
    font-size:16px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    vertical-align: bottom;
    margin-top:20px;
}
#copyright{
    width:100%;
    display:inline-block;
    text-align:center;
}
#UserLoggedInDiv {
    width: 100%;
    padding-top: 100px;
    display: inline-block;
    text-align: right;
}
#cssmenu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
}
/* The container */
#cssmenu > ul {
  display: block;
  position: relative;
  width: 150px;
  z-index:10;
  /* The list elements which contain the links */

}
#cssmenu > ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
/* General link styling */
#cssmenu > ul li a {
  /* Layout */

  display: block;
  position: relative;
  margin: 0;
  border-top: 1px dotted #3a3a3a;
  border-bottom: 1px dotted #1b1b1b;
  padding: 11px 20px;
  /* Typography */

  font-family: Helvetica, Arial, sans-serif;
  color: #d8d8d8;
  text-decoration: none;
 /* text-transform: uppercase;*/
  text-shadow: 0 1px 1px #000;
  font-size: 13px;
  font-weight: 300;
  /* Background & effects */

  background: #4D4D51;
}
/* Rounded corners for the first link of the menu/submenus */
#cssmenu > ul li:first-child > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: 0;
}
/* Rounded corners for the last link of the menu/submenus */
#cssmenu > ul li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 0;
}
/* The hover state of the menu/submenu links */
#cssmenu > ul li > a:hover,
#cssmenu > ul li:hover > a {
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  background: #8f1d15;
  background: -webkit-linear-gradient(#a8241b, #8f1d15);
  background: -moz-linear-gradient(#a8241b, #8f1d15);
  background: linear-gradient(#a8241b, #8f1d15);
  border-color: transparent;
}
/* The arrow indicating a submenu */
#cssmenu > ul .has-sub > a::after {
  content: '';
  position: absolute;
  top: 16px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #d8d8d8;
}
/* The same arrow, but with a darker color, to create the shadow effect */
#cssmenu > ul .has-sub > a::before {
  content: '';
  position: absolute;
  top: 17px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #000;
}
/* Changing the color of the arrow on hover */
#cssmenu > ul li > a:hover::after,
#cssmenu > ul li:hover > a::after {
  border-left: 4px solid #ffffff;
}
#cssmenu > ul li > a:hover::before,
#cssmenu > ul li:hover > a::before {
  border-left: 4px solid rgba(0, 0, 0, 0.3);
}
/* THE SUBMENUS */
#cssmenu > ul ul {
  position: absolute;
  left: 100%;
  top: -9999px;
  padding-left: 5px;
  opacity: 0;
  width: 150px;
  /* The fade effect, created using an opacity transition */

  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
/* Showing the submenu when the user is hovering the parent link */
#cssmenu > ul li:hover > ul {
  top: 0px;
  opacity: 1;
}
#leftpane{
    float: left;
    height: 220px;
    margin-left: 10px;
}
#centrepane{
    /*float: left;*/
    width: 68%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px 10px 10px;
    /*height: 677px;*/
}
#centrepanenew {
    /*float: left;*/
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px 10px 10px;
}
#centrepaneaddproducts{
    float: left;
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px 10px 10px;
    font-size: 8pt;
 
}

#clicklogo img{
    display:inline-block;
}
#centrepane img {
    border: 1px solid #;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
#mandslogo{
        position:absolute;
    top:10px;
    right:10px;
}
#clickpnglogo{
    /*display:inline-block;*/
    position:absolute;
    top:0px;
    left:10px;
    margin-left:10px;
}
#clicklogo {
    width: 100%;
    display: inline-block;
    height: 75px;
}
#hrglogo {
    width: 100%;
}
#topbanner{
    width: 100%;
    height:75px;
    display:inline-block;
    margin-bottom:75px;
}
#middelspace{
    width: 35%;
}
#contacttop{
    float: left;
    padding: 0px 0px 0px 0px;
}
#contactbottom{
    float: left;
    padding: 0px 0px 0px 0px;
}
#contact{
    width: 199px;
height: 217px;
/*float: left;*/
padding-top: 25px;
}
#contactmid{
    float: left;
    padding: 0px 0px 0px 0px; 
}
#searchbox{
    margin-right: auto;
    margin-left: auto;
    width: 50%;
    text-align: center;
}
.search{
    margin-left: auto;
    margin-right: auto;

}
.resultsTable {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #7f0000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.resultsTable table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.resultsTable tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.resultsTable table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.resultsTable table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.resultsTable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.resultsTable tr:hover td{
	background-color:#000000;
		

}
.resultsTable td{
	vertical-align:middle;
	
	background-color:#c62b23;

	border:1px solid #7f0000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}.resultsTable tr:last-child td{
	border-width:0px 1px 0px 0px;
}.resultsTable tr td:last-child{
	border-width:0px 0px 1px 0px;
}.resultsTable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.resultsTable tr:first-child td{
		background:-o-linear-gradient(bottom, #8f1d15 5%, #8f1d15 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8f1d15), color-stop(1, #8f1d15) );
	background:-moz-linear-gradient( center top, #8f1d15 5%, #8f1d15 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8f1d15", endColorstr="#8f1d15");	background: -o-linear-gradient(top,#8f1d15,8f1d15);

	background-color:#8f1d15;
	border:0px solid #7f0000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.resultsTable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #8f1d15 5%, #8f1d15 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8f1d15), color-stop(1, #8f1d15) );
	background:-moz-linear-gradient( center top, #8f1d15 5%, #8f1d15 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8f1d15", endColorstr="#8f1d15");	background: -o-linear-gradient(top,#8f1d15,8f1d15);

	background-color:#8f1d15;
}
.resultsTable tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.resultsTable tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
#resultpane{
    width: 58%;
    margin-left: auto;
    margin-right: auto;
}
.btn {
  background: #8f1d15;
  background-image: -webkit-linear-gradient(top, #8f1d15, #c4241c);
  background-image: -moz-linear-gradient(top, #8f1d15, #c4241c);
  background-image: -ms-linear-gradient(top, #8f1d15, #c4241c);
  background-image: -o-linear-gradient(top, #8f1d15, #c4241c);
  background-image: linear-gradient(to bottom, #8f1d15, #c4241c);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  font-weight: bold;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  border: solid #8f1d15 2px;
  text-decoration: none;
}

.btn:hover {
  background: #c4241c;
  background-image: -webkit-linear-gradient(top, #c4241c, #8f1d15);
  background-image: -moz-linear-gradient(top, #c4241c, #8f1d15);
  background-image: -ms-linear-gradient(top, #c4241c, #8f1d15);
  background-image: -o-linear-gradient(top, #c4241c, #8f1d15);
  background-image: linear-gradient(to bottom, #c4241c, #8f1d15);
  text-decoration: none;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div 
{ 
    margin: 0; 
}
.ContainerWrapper
{
	background-color: #DFE8F6;
	border-right: 1px solid #9ABBE8;
	border-bottom: 1px solid #9ABBE8;
	border-left: 1px solid #9ABBE8;
	width: 100%;
}
/*Gap between wrapper and container*/
.ContainerMargin
{
	padding: 4px;
}
/*Container*/
.Container2
{
	border: 1px solid #99BBE8;
	background-color: White;
    width: 470%;
}
/*Header of each container*/
.ContainerHeader
{
	background-image: url(../Images/Container_Header.gif);
	height: 23px;
	font-size: 12px;
	font-weight: bold;
	color: #133047;
}
/*Margin of Header of each container*/
.ContainerHeader td
{
	padding: 4px;
}

/*-------------------------------*/
/*Messages Status supported classes*/
/*-------------------------------*/
/*General class for Message*/
#tblMessage
{
	height: 23px;
	width: 60%;
}
/*Message for Successful*/
#tblMessage.Success
{
	border: solid 1px #5AAD0D;
	background-color: #E5F7D5;
}
/*Message for Information*/
#tblMessage.Information
{
	border: solid 1px #88B5E9;
	background-color: #E2EDF8;
}
/*Message for Warning*/
#tblMessage.Warning
{
	border: solid 1px #FD7B04;
	background-color: #FFF7E7;
}
/*Message for Error*/
#tblMessage.Error
{
	border: solid 1px #FF0001;
	background-color: #FFEAEA;
}

/*-------------------------------*/
/*Messages Status Icon supported classes*/
/*-------------------------------*/
/*General class for Message Icon*/
#dvIcon
{
	line-height: 23px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 38px;
}
/*Message Icon for Successful*/
#dvIcon.Success
{
	background-image: url('../Images/Message_Success.png');
}
/*Message Icon for Information*/
#dvIcon.Information
{
	background-image: url('../Images/Message_Information.png');
    width: 508px;
}
/*Message Icon for Warning*/
#dvIcon.Warning
{
	background-image: url('../Images/Message_Warning.png');
}
/*Message Icon for Error*/
#dvIcon.Error
{
	background-image: url('../Images/Message_Error.png');
}

/*-------------------------------*/
/*Progressbar supported classes*/
/*-------------------------------*/
/*Progressbar container wrapper*/
#dvProgressContainer
{
	border-left: solid 1px #CFCFCF;
	border-right: solid 1px #CFCFCF;
	width: 300px;
	height: 12px;
	background-image: url(../Images/Progressbar_Wrapper.gif);
}
/*Progressbar container*/
#dvProgress
{
	background-image: url(../Images/Progressbar_Content.gif);
	height: 100%;
	width: 0px;
}

/*-------------------------------*/
/*Grid supported classes*/
/*-------------------------------*/
/*Grid Header Row*/
.GridHeader
{
	background-image: url(../Images/Grid_Header.gif);
	height: 25px;
}
/*Grid Header row separator */
.GridHeader td.Separator
{
	border-right: solid 1px #C9CACA;
	padding: 0px 2px 0px 2px;
}
/*Grid row height for empty, normal, selected and hovered */
.GridRow, .GridEmptyRow, .GridNumberRow, .GridNormalRow, .GridAlternate, .GridHoverRow
{
	height: 20px;
}
/*Grid Empty row */
.GridEmptyRow
{
	vertical-align: middle;
	text-align: center;
	color: Gray;
}
/*Grid Numbered row */
.GridNumberRow
{
	background-image: url(../Images/Grid_RowNumber.gif);
}
/*Grid Normal row */
.GridNormalRow
{
	background-image: url(../Images/Grid_RowNormal.gif);
}
/*Grid Alternate row */
.GridAlternate
{
	background-image: url(../Images/Grid_RowAlternate.gif);
}
/*Grid Hover row */
.GridHoverRow
{
	background-image: url(../Images/Grid_RowHover.gif);
}
/*Grid Footer row*/
.GridFooter
{
	background-image: url(../Images/Grid_Footer.gif);
	height: 25px;
}
/*Grid Footer row left and right margin*/
.GridFooter td
{
	padding: 0px 3px 0px 3px;
}
.StartUpload
{
	/* for IE */
	filter:alpha(opacity=20);
	/* CSS3 standard */
	opacity:0.2;
}
.centerbuttons{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.redText{
    color: red;
}
.filesName{
    font-size: 10px;
}
.ContainerWrapperAssign
{
	background-color: #DFE8F6;
	border-right: 1px solid #9ABBE8;
	border-bottom: 1px solid #9ABBE8;
	border-left: 1px solid #9ABBE8;
	width: 100%;
}
/*Gap between wrapper and container*/
.ContainerMarginAssign
{
	padding: 4px;
}
/*Container*/
.Container2Assign
{
	border: 1px solid #99BBE8;
	background-color: White;
    width: 99%;
}
/*Header of each container*/
.ContainerHeaderAssign
{
	background-image: url(../Images/Container_Header.gif);
	height: 23px;
	font-size: 12px;
	font-weight: bold;
	color: #133047;
}
/*Margin of Header of each container*/
.ContainerHeaderAssign td
{
	padding: 4px;
}
.GridHeaderAssign
{
	background-image: url(../Images/Grid_Header.gif);
	height: 25px;
}
/*Grid Header row separator */
.GridHeaderAssign td.SeparatorAssign
{
	border-right: solid 1px #C9CACA;
	padding: 0px 2px 0px 2px;
}
/*Grid row height for empty, normal, selected and hovered */
.GridRowAssign, .GridEmptyRowAssign, .GridNumberRowAssign, .GridNormalRowAssign, .GridAlternateAssign, .GridHoverRowAssign
{
	height: 20px;
}
/*Grid Empty row */
.GridEmptyRowAssign
{
	vertical-align: middle;
	text-align: center;
	color: Gray;
}
/*Grid Numbered row */
.GridNumberRowAssign
{
	background-image: url(../Images/Grid_RowNumber.gif);
}
/*Grid Normal row */
.GridNormalRowAssign
{
	background-image: url(../Images/Grid_RowNormal.gif);
}
/*Grid Alternate row */
.GridAlternateAssign
{
	background-image: url(../Images/Grid_RowAlternate.gif);
}
/*Grid Hover row */
.GridHoverRowAssign
{
	background-image: url(../Images/Grid_RowHover.gif);
}
/*Grid Footer row*/
.GridFooterAssign
{
	background-image: url(../Images/Grid_Footer.gif);
	height: 25px;
}
/*Grid Footer row left and right margin*/
.GridFooterAssign td
{
	padding: 0px 3px 0px 3px;
}
.StartUploadAssign
{
	/* for IE */
	filter:alpha(opacity=20);
	/* CSS3 standard */
	opacity:0.2;
}
.centresearchbar 
{
    text-align:center; 
    width: 60%;
    margin-left:auto; 
    margin-right:auto;
}
#StatusDiv {
    /*width:100%;*/
    text-align: center;
    color: blue;
}
.GridViewSmallText {
    font-size: 9px;
    margin-left:auto;
    margin-right:auto;
    vertical-align:top;
    }
.addNotesTable {
    margin-left : auto;
    margin-right : auto;
    text-align: center;
    background-color:#F7f7de;
}
.StatusMessage {
    margin-left : auto;
    margin-right : auto;
    text-align: center;
    color : red;
}
.FormView1 {
    margin-right :auto;
    margin-left : auto;
}
#topSearch {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width : 60%;
}
#topSearch2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width : 90%;
}
#topHeader {
    width: 100%;
    text-align: center;
    display: inline-block;
    position: absolute;
    font-style: normal;
    font: normal 4.2em 'HelveticaNeueW01-UltLt',Helvetica,Arial,Sans-serif;
    font-family: 'DidotW01Roman','Times New Roman',Georgia, serif;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: .065em;
    font-size: 2.4em;
    margin: 0;
    vertical-align: top;
}
#whiteOut {
    width: 100%;
    height:75px;
}
.smallfonts {
    font-size: 10px;
    color:red;
}
#TitleBar {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#timeoutPopup {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height:350px;
    width: 600px;
    margin: auto;
    padding: 4px;
    border: solid 1px #999999;
    background-color: rgba(0,0,0,0.6);
    text-align: center;
    font-size:25px;
    vertical-align:bottom;
    color:white;
    border-radius:15px;
}
#contactable tr {
    padding-left:20px;
}
#ctl00_ContentPlaceHolder1_FormView1 Span {
    text-align:left;
}
.thingy {
     margin:0px;
     padding: 5px;
}
.admined {
    color:red;
}
.Progress {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    background-color: white;
}
.Fileuploader{
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}
#ctl00_ContentPlaceHolder1_dlFolders{
    margin-right:auto;
    margin-left:auto;
}
#backbuttondiv{
    width:100%;
    text-align:center;

}
#ctl00_ContentPlaceHolder1_dlFolders {
    width: 800px;
    background-color: white;
    border-collapse: collapse;
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
}
.whiteoutBackground {
    height:100%;
    top:0;
    left:0;
    width:100%;
    background-color:rgba(255,255,255,0.5);
    position:absolute;
    z-index:150;
}
.whiteoutPopup {
    position: fixed;
    top: 150px;
    text-align: center;
    height: 200px;
    background: white;
    left: 40%;
    border-radius: 2px;
    border: solid 1px;
    width: 400px;
}
.whiteoutPopup h3{
    margin-top:10px;
    margin-bottom:10px;
}
.fulllineDiv{
    width:100%;
    display:inline-block;
}
.formLabels {
    display: inline-block;
    background-color: #EAE7E7;
    border-color: Gray;
    border-width: 1px;
    border-style: Solid;
    font-weight: bold;
    height: 10px;
    width: 20%;
    min-width: 85px;
    padding-top: 10px;
    padding-bottom: 15px;
    vertical-align: top;
    padding-left: 10px;
}
.formDataEntries {
    display: inline-block;
    background-color: Wheat;
    border-color: Gray;
    border-width: 1px;
    border-style: Solid;
    font-weight: bold;
    height: 10px;
    width: 60%;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    margin-left: -5px;
}