/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies { position :fixed;
              width: 100%;
              left: 0;
              top: 0 auto;
              bottom: 0;
              padding: 0.7em 5% 0.5em 5%;
              background: #565656;
              background: rgba(86,86,86,0.95);
              color: #fff; font-size: 13px;
              font-weight: 700;
              text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
              z-index: 99999;
              color: #fff;
}
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }
.cc-cookies a#btnDecline{text-decoration: underline; background-color: transparent !important; float: right !important; padding-left: 35px; background: url('/Style Library/HWL/Images/CloseImage.png') no-repeat left center;height : 25px; min-height: 25px;}
.cc-cookies a#btnDecline:hover{cursor: pointer; text-decoration: none;}
.cc-cookies #line1, .cc-cookies #line2{font-size: 1em !important;}
.cc-cookies{display: block}
.cc-cookies #line1, .cc-cookies #line2{float: left; text-align: left; clear: left;}
.cc-cookies #line1 {margin-top: 5px ;}
.cc-cookies #line2 {margin-top: 2px ; margin-bottom: 15px;}
.cc-cookies a#btnDecline{padding-top: 13px; margin-top: -15px;}
#pnlNoTracking{margin: 0 auto;}
.cc-cookies linkbutton#btnDecline { display:none; color: #fff; text-decoration: underline;}
.cc-cookies linkbutton:hover { display:none; color: #fff; text-decoration: underline;}

@media screen and (max-width: 1400px) and (min-width: 1080px){	
	.cc-cookies{display: block !important; min-width: 941px !important;}
	.cc-cookies #line1, .cc-cookies #line2{float: left !important; text-align: left !important; clear: left !important;}
	.cc-cookies #line1 {margin-top: 5px !important;}
	.cc-cookies #line2 {margin-top: 2px !important;}
	.cc-cookies a#btnDecline{padding-top: 3px; margin-top: -15px;}
	#pnlNoTracking{width: 1011px !important; margin: 0 auto !important;}
}

@media screen and (max-width: 941px) {
	.cc-cookies a#btnDecline{float: left !important; clear: left !important; margin-top: 10px !important;}
}
@media screen and (min-width: 1401px){
	.cc-cookies{min-width: 941px !important;}
    .cc-cookies #line1, .cc-cookies #line2{text-align: center !important; float: none !important;}
	#pnlNoTracking{width: 1200px !important; margin: 0 auto !important; padding-top: 10px !important;}
	.cc-cookies a#btnDecline{margin-top: -14px !important;}
}

.cc-cookie-declineBtn {
    float:right;
	background: url('/themes/healthscotland/images/cookies/CloseImage.png') no-repeat left;
    padding: 5px 35px;
}
/***** Styling for Cookie banner button on /privacy page *****/

#cookieContainer{
	margin: 0 auto;
	display: table;
	padding-top: 1.5em;
}

.cookieBannerButton{
	width: 275px;
	height: 75px;
	color: white;
    font-family: Arial;
	font-size: 1.2em;
	padding: 0 1px;
    line-height:1;
	margin: 1em 0 !important;
	cursor: pointer;
	display: block;
	text-align: center;
	vertical-align: middle;
	background: url('/themes/healthscotland/images/cookies/CookieButton.png') no-repeat;
    border: none;
    white-space: normal;
}

#cookieTable, #cookieTable td, #cookieTable th, #cookieTable tr{
	border: 1px solid #737373 !important;
}

#cookieTable th{
	padding: 0.5em 1em 0.5em 1em !important;
}

#cookieTable td{
	padding: 1em !important;
}

#cookieTable tr td:last-child, #cookieTable tr td:last-child{
	width: 45% !important;
}