/* ******************************************************* *\
 * Overwrite.css to couple with the Cookie Bar module      *
 *														   *
 * Change colours here to change the appearance of the bar *
 * 	while keeping the original colours intact.             *
\* ******************************************************* */

/* ========== BACKGROUND ========== */
/* generate a new gradient background here: http://www.colorzilla.com/gradient-editor/ */
#cccwr { 
	background: #222222; /* Old browsers */
	background: -moz-linear-gradient(top,  #222222 0%, #2b2b2b 17%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(17%,#2b2b2b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #222222 0%,#2b2b2b 17%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #222222 0%,#2b2b2b 17%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #222222 0%,#2b2b2b 17%); /* IE10+ */
	background: linear-gradient(top,  #222222 0%,#2b2b2b 17%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 10px rgba(34, 34, 34, 0.5);
}


/* ========== GREY SCALES ========== */
#cccwr div { color: #fff; }

#ccc-text 							  { border-right: 1px solid #ddd; }
#ccc-widget p    	 				  { color: #ddd; }
#ccc-widget .show-icon 				  { color: #ddd; }
#ccc-icon .info, #ccc-icon .about 	  { border-left: 1px solid #ddd; }
#ccc-icon .info a, #ccc-icon .about a { color: #ddd; }

#ccc-widget ul li    { background: #bbb; border: 1px solid #999; color: #fff; }
#ccc-widget ul li a  { background-color: #999; border: 1px solid #aaa; color: #fff; } 

#ccc-information, .ccc-tabs { background: #4d4d4d; }

#ccc-widget-body {
	background: #2B2B2B;
	border: 1px solid #ccc;
	color: #fff;
}

input#ccc-show-icon, input#ccc-hide-icon                         { background:#2b2b2b; } /* IE fix */

/* Tabs */
td#ccc-tabs-content, td#ccc-tabs-tabs div.ccc-tab-item.selected  { background:#525252; }
td#ccc-tabs-tabs div.ccc-tab-item                                { background:#404040; }
td#ccc-tabs-tabs div.ccc-tab-item a                              { color:#e5e5e5; }
td#ccc-tabs-tabs div.ccc-tab-item a:hover                        { color:#fff; }


/* ========== GREEN ========== */
.ccc-go, #ccc-widget  { border-color: #5e9912; }

/* the icon that appears on the bar */
#ccc-icon .go a 	  { background-color: #8fca43; border: 1px solid #9dd256; color: #fff; }
#ccc-icon .go a:hover { background-color: #9dd256; }

/* the button that appears in the information box */
#ccc-widget ul li.go 		 { background-color: #bfe483; border-color: #8fca43; }
#ccc-widget ul li.go a		 { background-color: #8fca43; border-color: #9dd256; }
#ccc-widget ul li.go a:hover { background-color: #9dd256; }


/* ========== BLUE ========== */
#ccc-widget a { color: #00CEF7; }

#ccc-widget ul li.pause 		{ background: #00CEF7; 		 border-color: #00B9E2; }
#ccc-widget ul li.pause a 		{ background-color: #00B9E2; border-color: #00CEF7; }
#ccc-widget ul li.pause a:hover { background-color: #00C3EA; }


/* ========== RED ========== */
/* this button is not actually actively used. */
#ccc-widget ul li.stop 		    { background: #e86158; 		 border-color: #db3332; }
#ccc-widget ul li.stop a 	    { background-color: #db3332; border-color: #e14742; }
#ccc-widget ul li.stop a:hover  { background-color: #e14742; }