/**
 * @author		Twentronix
 * @link        http://www.twentronix.com
 * @copyright   Copyright © 2012-2013 Twentronix. All Rights Reserved.
 * @license     GNU GPLv3 <http://www.gnu.org/licenses/gpl.html> or (at your option) later.
 */

/* Reset Styles */
#ccm-banner,#ccm-banner /*div*/,#ccm-banner span,#ccm-banner,#ccm-banner h1,#ccm-banner h2,#ccm-banner h3,#ccm-banner p,#ccm-banner pre,#ccm-banner a,#ccm-banner code,#ccm-banner em,#ccm-banner img,#ccm-banner s,#ccm-banner small,#ccm-banner strong,#ccm-banner b,#ccm-banner u,#ccm-banner i,#ccm-banner dl,#ccm-banner dt,#ccm-banner dd,#ccm-banner ol,#ccm-banner ul,#ccm-banner li,#ccm-banner form,#ccm-banner label,
#ccm-modal,#ccm-modal /*div,#ccm-modal span*/,#ccm-modal iframe,#ccm-modal h1,#ccm-modal h2,#ccm-modal h3,#ccm-modal p,#ccm-modal a,#ccm-modal em,#ccm-modal img,#ccm-modal s,#ccm-modal small,#ccm-modal strong,#ccm-modal b,#ccm-modal u,#ccm-modal i,#ccm-modal dl,#ccm-modal dt,#ccm-modal dd,#ccm-modal ol,#ccm-modal ul,#ccm-modal li,#ccm-modal form,#ccm-modal label,
#ccm-tag,#ccm-tag button,#ccm-tag div,#ccm-tag span,#ccm-tag p,#ccm-tag a,#ccm-tag img,#ccm-tag strong,#ccm-tag b,
button.ccm-btn, button.ccm-btn-modal-close {background:none; border:0; border-radius:0; box-shadow:none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); font-family:Arial,Helvetica,sans-serif; font-weight:400; height:auto; letter-spacing:0; line-height:1.4em; margin:0; min-width:0; max-width:100000px; padding:0; text-align:left; vertical-align:baseline; text-shadow:none; text-transform:none;}

#ccm strong {font-weight:bold;}

#ccm-modal a, #ccm-modal a:hover,
#ccm-tag a, #ccm-tag a:hover,
#ccm-banner a, #ccm-banner a:hover{background-color:transparent; text-decoration:none;}

/* Common */
.ccm-clear {clear:both !important;}

/* Labels */
.ccm-label {
	display: inline-block;
	padding: 2px 4px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.ccm-label:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.ccm-label-important {background-color: #b94a48;}
.ccm-label-important[href] {background-color: #953b39;}
.ccm-label-success {background-color: #468847;}
.ccm-label-success[href] {background-color: #356635;}

/* Buttons - common */
#ccm button:focus {outline:none;}
#ccm button::-moz-focus-inner {border:none;}

button.ccm-btn {
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #bbb;
	*border: 0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	color: #333;
	display: inline-block;
	*display: inline;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-size: 14px;
	line-height: 20px;
	*line-height: 20px;
	margin-bottom: 0;
	*margin-left: .3em;
	padding: 4px 14px;
	text-align: center !important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	*zoom: 1;
}

button.ccm-btn:hover,
button.ccm-btn:active,
button.ccm-btn.active,
button.ccm-btn.disabled,
button.ccm-btn[disabled] {background-color: #e6e6e6; *background-color: #d9d9d9; color: #333; top:0;}
button.ccm-btn:active,
button.ccm-btn.active {background-color: #ccc;}
button.ccm-btn:hover {
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
	color: #333333;
	text-decoration: none;
	/* Buttons in IE7 don't get borders, so darken on hover */
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
button.ccm-btn:focus {outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
button.ccm-btn.active,
button.ccm-btn:active {
	background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
button.ccm-btn.disabled, button.ccm-btn[disabled] {background-color: #e6e6e6; background-image: none; cursor: default;	opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

/* Accept Button - common */
button.ccm-btn-accept {
	color: #fff;
	background-color: #5bb75b;
	*background-color: #51a351;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	text-shadow:0 0px 4px rgba(0,0,0,0.5);
}
button.ccm-btn-accept:hover,
button.ccm-btn-accept:active,
button.ccm-btn-accept.active,
button.ccm-btn-accept.disabled,
button.ccm-btn-accept[disabled] {
	color: #fff;
	background-color: #51a351;
	*background-color: #499249;
}
button.ccm-btn-accept:active,
button.ccm-btn-accept.active {
	background-color: #408140 \9;
}

/* Decline Button - common */
button.ccm-btn-decline {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	*background-color: #bd362f;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	text-shadow:0 0px 4px rgba(0,0,0,0.5);
}
button.ccm-btn-decline:hover {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	*background-color: #bd362f;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
button.ccm-btn-decline:hover,
button.ccm-btn-decline:active,
button.ccm-btn-decline.active,
button.ccm-btn-decline.disabled,
button.ccm-btn-decline[disabled] {
	color: #ffffff;
	background-color: #bd362f;
	*background-color: #a9302a;
}
button.ccm-btn-decline:active,
button.ccm-btn-decline.active {
	background-color: #942a25 \9;
}

/* Banner - common */
#ccm-banner-wrap 					{display:none; left:0; position:fixed; width:100%; z-index:99999998;}
#ccm-banner		 					{margin:0 auto; max-width:1140px; overflow:hidden; width:94%;}
.ccm-top-push	#ccm-banner-wrap,
.ccm-top-slide	#ccm-banner-wrap	{top:0;}
.ccm-bottom-slide #ccm-banner-wrap	{bottom:0;}
#ccm-banner .ccm-banner-text 		{overflow:hidden;}
#ccm-banner .ccm-banner-introtext 	{font-weight:bold; margin:0 0 20px; text-align:center;}
#ccm-banner .ccm-banner-expanded	{display:none; float:left; width:100%;}
#ccm-banner .ccm-banner-fulltext,
#ccm-banner .ccm-banner-policytext  {clear:both; float:left; margin:0 0 20px; text-align:center; width:100%;}
#ccm-banner a 						{outline:0 !important; -moz-transition:color 0.3s ease-out 0s; -webkit-transition:color 0.3s ease-out 0s;}
#ccm-banner a#ccm-banner-expand 	{display:inline-block; font-weight:bold;}

/* Banner - style (override this to edit style) */
#ccm-banner-wrap {background:rgb(29,29,29); background-color:rgba(29,29,29,0.94); color:#F5F5F5;}
.ccm-top-push  #ccm-banner-wrap,
.ccm-top-slide #ccm-banner-wrap {border-bottom:solid 1px #000;}
.ccm-top-push  #ccm-banner-wrap {background-color:rgba(29,29,29,1.00);}
.ccm-bottom-slide #ccm-banner-wrap {border-top:solid 1px #000;}
#ccm-banner .ccm-banner-text div {color:#dfdfdf; font-family:verdana,arial,helvetica,sans-serif; line-height:1.4em; text-shadow:0px 1px 0 rgba(0, 0, 0, 0.8);}
#ccm-banner a {color:#1a80df; text-decoration:none;}
#ccm-banner a:hover {text-decoration:underline;}

/* Banner - buttons common */
.ccm-banner-buttons {margin:0 auto;}
button.ccm-btn-banner-accept,
button.ccm-btn-banner-decline {
	border-radius:5px !important;
	-moz-border-radius:5px !important;
	-webkit-border-radius:5px !important;
	border-style:solid;
	border-width:1px;
	display:block;
	font-weight:600;
	line-height:1.4em;
	margin:0 auto;
	text-align:center;
	text-decoration:none!important;
	width:100%;
}

/* Banner - buttons */
button.ccm-btn-banner-decline {
	background-color: #555;
	*background-color: #555;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#444));
	background-image: -webkit-linear-gradient(top, #555, #444);
	background-image: -o-linear-gradient(top, #555, #555);
	background-image: linear-gradient(to bottom, #555, #555);
	background-image: -moz-linear-gradient(top, #555, #555);
	background-repeat: repeat-x;
	border-color:#333 #333 #444;
	color:#aaa;
	margin-bottom:10px;
	text-shadow:0 -1px 0 rgba(0,0,0,0.35);
}
button.ccm-btn-banner-decline:hover {
	-webkit-transition:	background-position 0s;
	-moz-transition:	background position 0s;
	-o-transition:		background position 0s;
	transition:			background position 0s;
}

/* Banner - small */
.ccm-banner-small #ccm-banner {max-width:1000px; padding:10px 3%;}
.ccm-banner-small #ccm-banner .ccm-banner-introtext,
.ccm-banner-small #ccm-banner .ccm-banner-fulltext,
.ccm-banner-small #ccm-banner .ccm-banner-policytext,
.ccm-banner-small #ccm-banner a,
.ccm-banner-small #ccm-banner a#ccm-banner-expand{font-size:12px; font-weight:normal;}
.ccm-banner-small .ccm-banner-buttons {max-width:220px;}
.ccm-banner-small button.ccm-btn-banner-accept,
.ccm-banner-small button.ccm-btn-banner-decline {font-size:13px; font-weight:normal; padding:0.2em 10px;}

/* Banner - medium */
.ccm-banner-medium #ccm-banner {padding:10px 3%;}
.ccm-banner-medium #ccm-banner .ccm-banner-introtext,
.ccm-banner-medium #ccm-banner .ccm-banner-fulltext,
.ccm-banner-medium #ccm-banner .ccm-banner-policytext,
.ccm-banner-medium #ccm-banner a {font-size:13px;}
.ccm-banner-medium button.ccm-btn-banner-accept,
.ccm-banner-medium button.ccm-btn-banner-decline {font-size:14px; padding:0.3em; max-width:300px;}

/* Banner - large */
.ccm-banner-large #ccm-banner {padding:20px 3%;}
.ccm-banner-large #ccm-banner .ccm-banner-introtext,
.ccm-banner-large #ccm-banner .ccm-banner-introtext a {font-size:14px;}
.ccm-banner-large .ccm-banner-fulltext,
.ccm-banner-large .ccm-banner-policytext,
.ccm-banner-large a {font-size:13px;}
.ccm-banner-large button.ccm-btn-banner-accept,
.ccm-banner-large button.ccm-btn-banner-decline {font-size:15px; padding:0.55em; max-width:400px;}

/* Modal - common */
#ccm-modal {bottom:25px; font-size:14px; overflow:visible; position:fixed; text-align:left; width:270px; z-index:99999999;}
#ccm-modal .ccm-modal-inner {overflow: hidden;}
#ccm-modal .ccm-modal-header {border-radius:6px 6px 0 0; padding:8px 15px;}
#ccm-modal h3.ccm-modal-title {font-size:14px; font-weight:bold; margin:0 auto; text-align:center !important; width:75% !important;}
#ccm-modal .ccm-modal-body {border:solid 1px; border-radius:6px 6px 6px 0; clear:both; font-size:12px; line-height:1.4em; margin:15px 15px 0; overflow-y:auto; padding:10px;}
#ccm-modal .ccm-modal-body a:hover {text-decoration:underline;}
#ccm-modal .ccm-modal-fulltext,
#ccm-modal .ccm-modal-policytext {margin:15px 0 0 0;}
#ccm-modal .ccm-modal-expanded	{display:none; width:100%;}
#ccm-modal .ccm-modal-footer {overflow:hidden; padding:0 15px 5px;}
#ccm-modal .ccm-modal-credits {font-size:11px; line-height:20px; padding:4px 5px 4px 14px; text-align:center;}
#ccm-modal .ccm-modal-consent {margin:5px 15px 15px; overflow:hidden;}
#ccm-modal .ccm-modal-status {border-radius:0 0 6px 6px; margin-top:-1px; padding:0 5px 5px 5px;}
#ccm-modal .ccm-modal-status .ccm-label-important,
#ccm-modal .ccm-modal-status .ccm-label-success {display:block; border-radius:0 0 3px 3px;}

/* Modal - buttons */
#ccm-modal button.ccm-btn-modal-close {border-radius:0 6px 0 0; cursor:pointer; display:block; padding:10px 17px 11px 12px; position:absolute; right:0; top:1px; width:41px;}
#ccm-modal .ccm-modal-close-bg {background-position:0 0; height:14px; width:14px;}
#ccm-modal button.ccm-btn-modal-close:hover .ccm-modal-close-bg {background-position:14px 0;}
button.ccm-btn-modal-accept,
button.ccm-btn-modal-decline {float:left; font-size:15px; font-weight:bold; padding:8px;/* don't use em, it'll jitter at expanding */ width:100%;}
button.ccm-btn-modal-expand {border-radius:0 0 6px 6px; border-top:none; float:left; font-size:12px; text-transform:lowercase;}

/* Modal - bottom-left */
.ccm-bottom-left #ccm-modal {left:64px;}
.ccm-bottom-left #ccm-modal .ccm-modal-inner {border-radius:6px 6px 6px 0;}
.ccm-bottom-left .ccm-modal-credits {float:right;}
.ccm-bottom-left .ccm-modal-status {float:left;}

/* Modal - bottom-right */
.ccm-bottom-right #ccm-modal {right:64px;}
.ccm-bottom-right #ccm-modal .ccm-modal-inner {border-radius:6px 6px 0 6px;}
.ccm-bottom-right .ccm-modal-credits {float:right;}
.ccm-bottom-right .ccm-modal-status {float:right;}

/* Modal - status dependent */
#ccm-modal.ccm-modal-status-hidden .ccm-modal-inner {border-radius:6px;}

/* Placeholder */
.ccm-placeholder {
	background: #fff !important;
	border-radius: 3px !important;
	color: #333 !important;
	border: 1px solid #ccc !important;
	box-shadow: 0 0 5px #e2e2e2 inset !important;
	float:left;
	font-family:verdana,arial,helvetica,sans-serif !important;
	font-size: 14px !important;
	line-height: 1.5em !important;
	margin: 1em 0 !important;
	padding: 1.8em 5% !important;
	text-align: center !important;
	width: 90% !important;
}
button.ccm-btn-placeholder-accept {
	display:block !important;
	font-size:18px !important;
	line-height:1.4em !important;
	margin-top:1em !important;
	padding:0.5em 0.75em !important;
	width:100% !important;
}

/* Tag */
#ccm-tag {bottom:0; display:none; height:62px; padding:0; position:fixed; width:62px; z-index:999999999;}
#ccm-tag .ccm-tag-cookies-accepted,
#ccm-tag .ccm-tag-cookies-declined {height:62px; outline:0; width:62px;}
#ccm-tag button:active {position:relative; top:1px;}
.ccm-bottom-left  #ccm-tag {left:0;}
.ccm-bottom-right #ccm-tag {right:0;}
.ccm-bottom-left  #ccm-tag .ccm-tag-cookies-accepted {background-position:0 -63px;}
.ccm-bottom-left  #ccm-tag .ccm-tag-cookies-declined {background-position:0 0;}
.ccm-bottom-right #ccm-tag .ccm-tag-cookies-accepted {background-position:-63px -63px;}
.ccm-bottom-right #ccm-tag .ccm-tag-cookies-declined {background-position:-63px 0;}
#ccm-btn-tag {cursor:pointer;}

/*============================================================================= */
@media only screen and (min-width: 600px) {
    /* Banner - common text */
    #ccm-banner .ccm-banner-text {float:left; margin:8px 0; width:60%;}
	#ccm-banner .ccm-banner-introtext {float:left; line-height:1.4em; margin-bottom:0; text-align:left;}
	#ccm-banner .ccm-banner-fulltext,
	#ccm-banner .ccm-banner-policytext {margin:20px 0 0; padding:0; max-width:600px; text-align:left;}

    /* Banner - common buttons */
	#ccm-banner .ccm-banner-buttons {float:left; margin-left:2%; width:38%;}
	button.ccm-btn-banner-accept,
	button.ccm-btn-banner-decline {float:left; margin-bottom:5px; margin-top:5px; width:48%;}
	button.ccm-btn-banner-decline {margin-right:4%;}

	/* Banner - small */
	.ccm-banner-small #ccm-banner {padding:3px 3%;}
	.ccm-banner-small .ccm-banner-buttons {max-width:400px;}
	.ccm-banner-small button.ccm-btn-banner-accept,
	.ccm-banner-small button.ccm-btn-banner-decline {padding:0.2em 10px; width:auto;}
	.ccm-banner-small button.ccm-btn-banner-decline {margin-right:6%;}

	/* Banner - medium */

	/* Banner - large */
}