/*
Magenta 50%
c0 m100 y0 k0
R196 G0 B122
196, 0, 122, 0.5

Blue 58%
c100 m31 y0 k0
R0 G126 B196
0, 126, 196, 0.58

Green 41%
c100 m5 y100 k0
41, 145, 71, 0.41

Yellow 68%
c0 m0 y100 k0
R255 G237 B0
255, 237, 0, 0.68
*/

h3 {
    background: none repeat scroll 0 0 #EEEEEE;
    display: inline-block;
    padding: 5px;

	transition-property: background-color;
	transition-duration: 0.4s;
	transition-timing-function: ease;

	/* Safari */
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.4s;
	-webkit-transition-timing-function:ease;
}

h4 {
    background: none repeat scroll 0 0 #EEEEEE;
    display: inline-block;
    padding: 3px;

	transition-property: background-color;
	transition-duration: 0.4s;
	transition-timing-function: ease;

	/* Safari */
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.4s;
	-webkit-transition-timing-function:ease;
}

.magenta {
    border-left: 5px solid magenta;
    border-left: 5px solid rgba(196, 0, 122, 0.5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.magenta:hover {
	background-color: rgba(196, 0, 122, 0.5);
}

.cyan {
    border-left: 5px solid cyan;
    border-left: 5px solid rgba(0, 126, 196, 0.58);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.cyan:hover {
	background-color: rgba(0, 126, 196, 0.58);
}

.yellow {
    border-left: 5px solid yellow;
    border-left: 5px solid rgba(255, 237, 0, 0.68);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.yellow:hover {
	background-color: rgba(255, 237, 0, 0.68);
}

.green {
    border-left: 5px solid lime;
    border-left: 5px solid rgba(41, 145, 71, 0.41);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.green:hover {
	background-color: rgba(41, 145, 71, 0.41);
}

header {
	 margin-top: 10px;
}

header #search {
	margin: 0;
	display: none;
}

div.custom.dropdown {
	width: 100% !important;
}

.note {
	font-size: 12px;
}