/**/
body {
    font-family : Arial;
}
.error {
    color:red;
}
.participantResult {
    padding: 10px 0px 5px 5px;
    border-bottom: 2px solid #ddd;
}
.participantResult:hover {
    padding: 10px 0px 5px 5px;
    border-bottom: 2px solid #00a7b5;
    border-right: 2px solid white;
    cursor: pointer;
}

.participantFinderResultsPanel {
-webkit-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.75);
}

.noparticipantResult {
    padding: 10px 0px 5px 5px;
    border-bottom: 2px solid #ddd;
}

#the-count {
  float: right;
  padding: 0.1rem 0 0 0;
  font-size: 1.2rem;
}

textarea.reason {
  width: 100%;
  min-height: 100px;
  resize: none;
}

.Ecard-img-grey{
    /*opacity: 0.2;
    filter: alpha(opacity=40); /* msie */
    -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */
  filter: grayscale(80%);
}

.Ecard-img-shadow {
  -webkit-filter: drop-shadow(8px 8px 10px gray); /* Safari */
  filter: drop-shadow(8px 8px 10px gray);
}

.right {
    text-align : right;
}

.Mandatory { 
    color:red;  
    font-size: 1.8rem;
}

.Validator { 
    color:red;  
    font-size: 1.4rem;
}

.preview {
    border: 1px solid black;
    width: 444px;
    height: 340px;
    background-repeat: no-repeat;
    background-position-y: 25px;
}

.preview_collaborate{
    background-image: url(/img/preview_collaborate.jpg);
}
.preview_connect{
    background-image: url(/img/preview_connect.jpg);
}
.preview_lead{
    background-image: url(/img/preview_lead.jpg);
}
.preview_excel{
    background-image: url(/img/preview_excel.jpg);
}

.preview_header{
    /*border-bottom: 2px solid #00a7b5;*/
    background-color: #1c3f79;
    color: white;
    font-size: medium;
    font-weight: bold;
}

.preview_Nominee{
    font-family: Arial; /*sans-serif;*/
    font-size: small;
    color: white;
    position: relative;
    top: 90px;
    left: 30px;
    font-weight: bolder;
    width: 190px;
}

.preview_Message{
    font-family: Arial;
    position: relative;
    top: 90px;
    left: 30px;
    color: white;
    font-size: xx-small;
    width: 190px;
}

.preview_Nominator {
    font-family: Arial;
    font-size: small;
    color: white;
    position: relative;
    top: 90px;
    left: 30px;
    font-weight: bolder;
    text-align: right;
    width: 190px;
}
/**/

.homepageheader {
	height:445px;
	background:#000 url("/img/homepage_header_banner.png") no-repeat center top;
	border-bottom:4px solid #ffc72c;
	color:#fff;
}

.homepagetoplinks {
	margin-top:15px;
	text-align:right;
	text-shadow: 1px 1px rgba(0,0,0, 0.5);
}

.homepagetoplinks a, .homepagetoplinks a:active, .homepagetoplinks a:focus, .homepagetoplinks a:hover {
	color:#fff;
	font-weight:bold;
}

.center {
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
}

.homepagewelcome {
	margin-top:20px;
	font-size:55px;
	line-height:1.1;
	font-weight:bold;
	text-shadow: 2px 2px rgba(0,0,0, 0.5);
}

.homepagewelcometag {
	font-size:25px;
	text-shadow: 2px 2px rgba(0,0,0, 0.5);
}

.homepagetiles {
	margin:0 auto;
	padding:49px 0;
	width:304px;
	overflow:auto;
}
	
.homepagetile {
	float:left;
	margin:11px;
	width:280px;
	height:260px;
}

.homepagetile a {
	display:block;
	position:relative;
	padding:12px;
	width:280px;
	height:260px;
}

.recogniseexcellence  {
	background:url("/img/recognise_excellence.png") no-repeat left top;
}

.myrecognition {
	background:url("/img/my_recognition.png") no-repeat left top;
}

.ourvalues {
	background:url("/img/our_values.png") no-repeat left top;
}

.mydiscounts {
	background:url("/img/my_discounts.png") no-repeat left top;
}

.myconcierge {
	background:url("/img/my_concierge.png") no-repeat left top;
}

.rewardscatalogue {
	background:url("/img/rewards_catalogue.png") no-repeat left top;
}

.homepagetile a:hover {
	background:rgba(0,0,0, 0.5) 
}

.homepagetile a div {
	position:absolute;
	bottom:12px;
	padding-bottom:35px;
	width:256px;
	color:#fff;
	font-size:30px;
	line-height:1.1;
	background:url("/img/white_arrow.png") no-repeat right bottom;
}

.homepagetile a:hover div {
	/*text-decoration:underline;*/
}

.standardheadertop {
	float:left;
	width:100%;
	background-color:#f2fafb;
}

.standardtoplogos {
	float:left;
	margin-left:15px;
}

.standardheadertop .hsflogo {
	float:left;
	margin:9px 18px 9px 0;
}
		
.standardheadertop .eelogo {
	float:left;
	margin:14px 18px 13px 0;
}

.standardtoplinks {
	float:right;
	margin:10px 15px 0 0;
	text-align:right;
	color:#004375;
}

.standardtoplinks a, .standardtoplinks a:active, .standardtoplinks a:focus, .standardtoplinks a:hover {
	color:#004375;
	font-weight:bold;
}

.standardtopnav {
	margin:12px 0 10px 0;
	font-size:12px;
	color:#00a7b5;
}
	
.standardtopnav a {
	color:#000;
	font-weight:normal;
}
		
.standardtopnav a:active, .standardtopnav a:focus, .standardtopnav a:hover {
	color:#00a7b5;
	text-decoration:none;
}

.standardheadernav {
	float:left;
	width:100%;
	background-color:#00a7b5;
}

.standardheadernav .container { 
	padding:0; 
}

.standardheadernav ul {
	display:table;
	margin-bottom:0;
	padding:0;
	width:100%;
}
	
.standardheadernav ul li {
	list-style:none;
	height:50px;
	width:100%;
	border-bottom:1px solid #fff;
}

.standardheadernav ul li:last-child {
	border-bottom:none;
}

.standardheadernav ul li a {
	display:block;
	width:100%;
	height:100%;
	padding-top:15px;
	color:#fff;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

.standardheadernav ul li a:active, .standardheadernav ul li a:focus, .standardheadernav ul li a:hover {
	background-color:#02b5c4;
	text-decoration:none;
	border-bottom:4px solid #ffc800;
}
			
.pagewrap {
	float:left;
	width:100%;
	padding:30px 0 50px;
	background-color:#ededee;
}

.pagetitlewrap {
	float:left;
	width:100%;
	padding-top:40px;
	padding-bottom:30px;
	background-color:#fff;
	border-bottom:4px solid #ffc72c;
}

.pagetitlewrap h1 {
	margin:0 0 10px 0 !important;
	font-weight:bold;
}
	
.pagetitlewrap p {
	margin:0 !important;
	font-size:18px;
}

.pagetitlewrap p b {
	color:#00a7b5;
}

.loginwrap {
	background-color:#1c3e78;
	color:#fff;
}

.loginbox {
	padding-top:50px;
	margin-bottom:100px;
	background-color:#1e4888;
}

.form-control {
	padding:12px;
	height:auto;
	border:1px solid #00a7b5;
	border-radius:0;
}

.loginbox .form-control {
	border:none;
}

.btn-primary {
	padding:8px 48px 8px 12px;
	background-color:#40aab8 !important;
	background-image:url("/img/white_arrow.png");
	background-repeat: no-repeat;
	background-position: right 12px center;
	color:#fff;
	font-size:24px;
	text-transform: uppercase;
	border:none;
	border-radius:0;
}

.btn-primary:hover {
	background-color:#0089a6 !important;
}
		
.btn-default {
	background-color:#fff !important;
	color:#40aab8;
	text-transform: uppercase;
	border:1px solid #40aab8;
	border-radius:0;
}

.btn-link {
	background-color:transparent;
	color:#fff;
	text-transform: uppercase;
	border:1px solid #fff;
	border-radius:0;
}
		
.btn-link:hover {
	color:#40aab8;
	border:1px solid #40aab8;
	text-decoration:none;
}

.table {
	border:none !important;
}

.table th {
	border-top:none !important;
	border-right:none !important;
	border-bottom:2px solid #00a7b5;
	border-left:none !important;
}
		
.table th:first-child {
	padding-left:0 !important;
}
				
.table th:last-child {
	padding-right:0 !important;
}
	
.table td {
	padding-top:15px !important;
	padding-bottom:15px !important;
	border-top:none !important;
	border-right:none !important;
	border-bottom:1px solid #ccc;
	border-left:none !important;
}
				
.table td:first-child {
	padding-left:0 !important;
}
				
.table td:last-child {
	padding-right:0 !important;
}

.NomDateSent {
	font-size:16px;
}

.nomexcel, .nomcollaborate, .nomconnect, .nomlead {
	float:left;
	width:100%;
	margin-bottom:10px;
	margin-bottom:15px;
	background-color:#fff;
}
	
.nomexcel {
	border:1px solid #a24381;
}

.nomcollaborate {
	border:1px solid #ffc72c;
}

.nomconnect {
	border:1px solid #40aab8;
}

.nomlead {
	border:1px solid #f65058;
}

.NombadgeBox {
	float:left;
	width:50%;
	padding:0 16px;
}

.NombadgeBox img {
	margin:0 auto;
}

.NomDetailsBox {
	float:left;
	width:50%;
	margin:auto 0;
	padding:15px 15px 15px 0;
}

.NomDescBox {
	float:left;
	width:100%;
	padding:15px 15px 15px 15px;
	font-style:italic;
}

.catalogueProfile .panel-default { 
	padding:0 10px;
	text-align:center; 
}

.catalogueProfile .panel-default img { 
	display:block;
	margin:0 auto;
}

.footer {
	float:left;
	width:100%;
	padding:25px 0 25px 0;
	color:#fff;
	background-color:#00324b;
}

.footer a, .footer a:active, .footer a:focus, .footer a:hover {
	color:#fff;
}

.copyright {
	margin-top:10px;
	font-size:12px;
}

.sodexologo {
	float:right;
	margin-top:6px;
}

@media (min-width: 768px) {
	.homepagetoplinks { text-shadow: none; }
	.homepagetiles { width:608px; }
	.homepagewelcome { margin-top:80px; }
	.standardheadernav { height:50px; }
	.standardheadernav .container { padding:0 15px; }
	.standardheadernav ul { margin-bottom:10px; }
	.standardheadernav ul li { display:table-cell;width:25%;border:none;border-left:1px solid #fff; }
	.standardheadernav ul li:last-child { border-right:1px solid #fff; }
	.standardheadernav ul li a { font-size:14px; }
	.NombadgeBox { width:202px; }
	.NomDetailsBox { width:216px; }
	.NomDescBox { width:300px; }
}

@media (min-width: 992px) {
	.homepagetiles { width:906px; }
	.standardheadernav ul li a { font-size:16px; }
	.NomDetailsBox { width:250px; }
	.NomDescBox { width:486px; }
	.catalogueProfile .panel-default { height:102px; }
}

@media (min-width: 1200px) {
	.NomDescBox { width:686px; }
}




























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */