/*
 * Andy's cookie consent plugin for the cookie law
 * this is the configurator
 * ===========================================================
 */

/* Andy's cookielaw plugin configurator */


#cc-codebuilder {
    font-size:0.9em;
}

#main article#cc-codebuilder p
{
	margin: 0;
}

.entry-content p {
    margin:10px 0;
}

.entry-content p:first-of-type{
    font-size:1em;
    margin:10px 0;
}

#cc-codebuilder #settings
{
	width: 960px;
}

#cc-codebuilder .clearboth
{
	clear: both;
}
#cc-codebuilder ol
{
	margin: 0; padding:0;
}
#cc-codebuilder ol li
{
	margin-left: 0;
	list-style-position: inside;
	padding: 15px 25px 20px;

	clear: both;
}

#cc-codebuilder ol li h2
{
	/*display: inline-block;*/
	margin-top: 0;
	margin-bottom: 10px;
}

#cc-codebuilder #modify-areas ol {
	margin: 0 0 0 40px;
}
#cc-codebuilder #modify-areas ol li {
	margin: 20px 0;
}
#cc-codebuilder ol li ol li{

	padding: 0;
}

#cc-codebuilder ol li .stepinfo p
{
	background-image: url('../img/ok.png');
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 42px;
	line-height: 32px;
}

#cc-codebuilder ol li .stepinfo p.badstep
{
	background-image: url('../img/bad.png');
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 42px;
	line-height: 32px;
}

#cc-codebuilder .expandlink
{
	background-image: url('../img/down.png');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
}
#cc-codebuilder .expandlink.expandlinkup
{
	background-image: url('../img/up.png');

}

#cc-codebuilder .nextbutton
{
	text-align: right;
}

#cc-codebuilder #configurator-options .nextbutton a
{
	margin-top: 10px;
}

#cc-codebuilder .nextbutton a,
#cc-codebuilder .nextbutton a:visited
{
	-moz-transition: box-shadow 0.3s ease-in-out 0s;
	background-color: #F1D600;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 1px 1px 2px #333333;
	color: #333333;
	display: inline-block;
	font-weight: 600;
	padding: 6px 13px;
}

#cc-codebuilder .nextbutton a:hover,
#cc-codebuilder .nextbutton a:active
{
	background-color: #FFF;
	box-shadow: 2px 2px 20px #333333;
}

#cc-codebuilder #configurator-cookies ul
{
	margin: 0 0 0 40px;
	padding: 0;
	list-stye: none;
}

#cc-codebuilder #configurator-cookies li
{
	clear: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#cc-codebuilder #configurator-cookies li div.configurator-cookie-settings
{
	margin-left: 20px;
}

#cc-codebuilder #configurator-cookies li dt
{
	float: left;
	width: 120px;
	clear: left;
	text-align: right;
	margin-top: 5px;
}

#cc-codebuilder #configurator-cookies li dd
{
	margin-top: 5px;
	float: left;
	margin-left:5px;

}

#cc-codebuilder #configurator-cookies li dd input
{
	width: 200px;

}

#cc-codebuilder #configurator-cookies li dd textarea
{
	width: 300px;

}

#cc-codebuilder #configurator-options
{

}
#cc-codebuilder #configurator-options input[type="checkbox"]
{
	margin-left: 40px;
	margin-bottom: 10px;
}

#cc-codebuilder #configurator-options input[type="text"]
{
	margin-left: 10px;
	margin-bottom: 10px;
    padding:2px 4px;
}

#cc-codebuilder #configurator-options select
{
	margin-bottom: 10px;
	margin-left: 40px;
}

#cc-codebuilder #configurator-options label
{
	font-weight: 600;
	margin-left: 40px;
}

#cc-codebuilder #configurator-options dt
{
	clear: left;
	width: 475px;
	float: left;
}

#cc-codebuilder #configurator-options dd
{
	margin: 8px 0;
}

#cc-codebuilder #configurator-options small
{
	/*margin-left: 40px;*/
	display:block;
	font-weight: normal;
	font-size:90%;
}


#cc-codebuilder #result
{
	width: 530px;
	height: 400px;
	padding:10px;
	font-family: monospace;
}

#cc-codebuilder #styling-settings-button
{
	padding-top: 20px;
}
#cc-codebuilder #feature-settings-button,
#cc-codebuilder #string-settings-button
{
	padding-top: 10px;
}


#cc-codebuilder #advanced-settings-button,
#cc-codebuilder #feature-settings-button,
#cc-codebuilder #styling-settings-button
{

	margin-top: 0;
	display: block;
	clear: left;
}

#cc-codebuilder #advanced-settings,
#cc-codebuilder #feature-settings,
#cc-codebuilder #styling-settings,
#cc-codebuilder #string-settings
{
	background-color: #EEE;
	padding: 10px;
	overflow: auto;
}

#cc-codebuilder #advanced-settings dt,
#cc-codebuilder #feature-settings dt,
#cc-codebuilder #styling-settings dt
{

}
#cc-codebuilder #feature-settings dd,
#cc-codebuilder #styling-settings dd,
#cc-codebuilder #advanced-settings dd,
#cc-codebuilder #string-settings dd
{
	margin:0 0 15px;
}
#cc-codebuilder #feature-settings dt,
#cc-codebuilder #styling-settings dt,
#cc-codebuilder #advanced-settings dt
{
	margin-top: 20px;
	width: 445px;
}
#cc-codebuilder #feature-settings dd,
#cc-codebuilder #styling-settings dd,
#cc-codebuilder #advanced-settings dd
{
	margin-bottom: 0;
}

#cc-codebuilder #configurator-options #feature-settings input[type="checkbox"],
#cc-codebuilder #configurator-options #styling-settings input[type="checkbox"],
#cc-codebuilder #configurator-options #advanced-settings input[type="checkbox"]
{
	margin-top: 20px;
}

#cc-codebuilder #configurator-options #feature-settings select,
#cc-codebuilder #configurator-options #styling-settings select,
#cc-codebuilder #configurator-options #advanced-settings select
{
    margin-left: 10px;
}

#cc-codebuilder #feature-settings label,
#cc-codebuilder #styling-settings label,
#cc-codebuilder #advanced-settings label,
#cc-codebuilder #string-settings label
{
	display:block;
	margin:0 0 3px 10px;
}

#cc-codebuilder #feature-settings label small,
#cc-codebuilder #styling-settings label small,
#cc-codebuilder #advanced-settings label small,
#cc-codebuilder #string-settings label small
{
	margin-left: 0;
}

#cc-codebuilder #othercookies-explanation p
{
	margin-top: 0;
}

#cc-codebuilder #feature-settings small,
#cc-codebuilder #styling-settings small,
#cc-codebuilder #advanced-settings small
{
	margin-top: 3px;
	display: block;
	font-style: italic;
}


#cc-codebuilder #advanced-settings-consenttype
{

}

#cc-codebuilder #advanced-settings-consenttype small
{

}


#main article#cc-codebuilder #othercookies-button
{
	clear: both;
	margin-top: 10px;

}

#cc-codebuilder .configurator-hide
{
	display: none;
}

#cc-codebuilder label   { margin-left:10px; margin-bottom:0; vertical-align: middle; }
#cc-codebuilder input   { vertical-align:middle; }

#string-settings p        { font-weight:bold;  }

#string-settings #strgeneral,
#string-settings #strnotification,
#string-settings #strtab,
#string-settings #strprivacyDialog,
#string-settings #strglobalDialog       { margin:0 0 20px; display:inline-block; }

#string-settings #strgeneral p,
#string-settings #strnotification p,
#string-settings #strtab p,
#string-settings #strprivacyDialog p,
#string-settings #strglobalDialog p       { margin:0 0 10px; font-size:1.4em; }


#string-settings dt         { width:280px; float:left; }
#string-settings dd         { width:320px; float:left;  }
#string-settings input      { width:300px; }

.subForm                    { width:300px; overflow:auto; }
.subForm input              { margin:0 0 10px; display:block; float:left; }
.subForm label              { width:55px; margin:0 10px 0 0; float:left; }
.subForm .button            { margin-left:67px;  border:0;  background-color:#25a2ed; border-radius:15px; padding:5px 20px; margin-right:15px; display:inline-block; font-size:1em; color:#fff; font-weight: 600;  }
.subForm .button:active,
.subForm .button:hover      { background-color:#F1D600; color:#333; }

#cc-codebuilder .subForm                    { margin: 20px 0; overflow:auto; }
#cc-codebuilder .subForm input              { margin:0/* 0 10px 95px*/; display:block; }
#cc-codebuilder .subForm label              { width:80px; margin:0 10px 0 0; float:left; text-align: right; }
#cc-codebuilder .subForm .button            { display: none; margin-left:67px;  border:0;  background-color:#0288ce; border-radius:8px; padding:5px 10px; margin-right:15px; font-size:1em; color:#fff; font-weight: 600;  }
#cc-codebuilder .subForm .button:active,
#cc-codebuilder .subForm .button:hover      { background-color:#F1D600; color:#333; }

#cc-codebuilder #video              { margin-bottom:35px; }

#main.cc-features                   {}
#main.cc-features .sections         { overflow:auto; }
#main.cc-features .section          { width:303px; margin:0 34px 10px 0; float:left; display:inline-block; text-align: center; }
#main.cc-features .section.last     { margin-right:0px; }
#main.cc-features .section h2       { margin:0 0 10px 84px; text-align: left; }
#main.cc-features .section p        { text-align: left; margin-left: 84px; }
#main.cc-features .section img      { margin:0 auto 10px; text-align:left; width: 64px; height: 64px; float: left; box-shadow:none !important; -moz-box-shadow: none !important; -webkit-box-shadow:none !important; }

#main.cc-features .section.buttons  { margin-top:138px; }
#main.cc-features .section a.button { width: 150px; margin: 0 0 20px; }


.configstepactive					{ background-color: #E5E5E5;}
.configstepcomplete					{ opacity: 0.5; }

#cc-codebuilder #resultarea .nextbutton a		{ margin-top: 10px; }
#cc-codebuilder #followus .nextbutton a		{ float: right; margin-top: -14px; }

#cc-codebuilder .subForm label.error				{ color: #DD1111; float: none; width: auto; margin-left: 100px; display: block; clear: left; text-align: left; }

#cc-codebuilder .extrahelparea						{ margin-left: 40px; }
#cc-codebuilder .examplearea						{ margin-bottom: 20px; margin-left: 40px; }
#configurator-content								{ margin-bottom: 60px; }
#checkyoursite										{ background-image: url('../img/star.png'); background-position: left; background-repeat: no-repeat; padding-left: 138px; height: 128px; }

#main article#cc-codebuilder #checkyoursite p 	    { margin: 15px 0; }

.addthis_default_style .at300b                      { margin:0 20px !important; }

.cc-navbar a      {  }

.socialbuttons .g-plusone,
.socialbuttons .twitter-share-button,
.socialbuttons .fb-like				    { margin:0 20px; }
.socialbuttons .fb-like				    {  }



@media (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-nav > li > a        { padding:30px 10px 30px }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-default .navbar-nav > li > a        { padding:30px 20px 30px }
}