.gc {width:100%;position:relative;display:table;border-collapse:collapse;}
.fr {float:right;}
.fl {float:left;}
.gc .col {display:table-cell;vertical-align:middle;}
.gc .g10 {width:10%;}
.gc .g20 {width:20%;}
.gc .g30 {width:30%;}
.gc .g40 {width:40%;}
.gc .g50 {width:50%;}
.gc .g60 {width:60%;}
.gc .g70 {width:70%;}
.gc .g80 {width:80%;}
.gc .g90 {width:90%;}
.gc .g100 {width:100%;}
.gc .g75 {width:75%;}
.gc .g66 {width:66%;}
.gc .g45 {width:45%;}
.gc .g33 {width:33%;}
.gc .g30 {width:30%;}
.gc .g25 {width:25%;}
.gc .g5 {width:5%;}
.fluid{display:block}
.fluid > div{display:inline-block}
.mgb{margin-bottom:15px;}
.mgr{margin-right:15px;}
.stretch{width:100%;display:block;}

.button{
text-decoration: none;
cursor:pointer; 
display: inline-block;
margin-bottom: 16px;
border: 1px solid transparent;
text-transform: uppercase;
letter-spacing: 1;
min-width: 54px;
border: 1px solid gainsboro;
border: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
color: #555;
font-size: 11px;
font-weight: bold;
height: 27px;
padding: 0 8px;
line-height: 27px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: whiteSmoke;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1');
-webkit-user-select: none;
-moz-user-select: none;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
border-image: initial;
}
.button:hover {
text-decoration: none;
border: 1px solid #C6C6C6;
color: #333;
background-color: #F8F8F8;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1');
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
border-image: initial;
}
.button:disabled{
	opacity: .3;
filter: alpha(opacity=30);
}
.Transparent {
color: white;
background-color: #5D5D5D;
background-color: rgba(255,255,255,0.15);
background-image: none;
}
.Transparent:hover {
color: white;
background-color: #5D5D5D;
background-color: rgba(255,255,255,0);
border:0px;
background-image: none;
}
.Red:hover {
border: 1px solid #b0281a;
color: white;
background-color: #c53727;
background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
background-image: -o-linear-gradient(top,#dd4b39,#c53727);
background-image: linear-gradient(top,#dd4b39,#c53727);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd4b39',EndColorStr='#c53727');
}
.Red {
border: 1px solid transparent;
color: white;
background-color: #d14836;
background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
background-image: -o-linear-gradient(top,#dd4b39,#d14836);
background-image: linear-gradient(top,#dd4b39,#d14836);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd4b39',EndColorStr='#d14836');
}
.Red:hover {
border: 1px solid #b0281a;
color: white;
background-color: #c53727;
background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
background-image: -o-linear-gradient(top,#dd4b39,#c53727);
background-image: linear-gradient(top,#dd4b39,#c53727);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd4b39',EndColorStr='#c53727');
}

.Green {
border: 1px solid transparent;
color: white;
background-color: #398a00;
background-image: -webkit-gradient(linear,left top,left bottom,from(#3d9400),to(#398a00));
background-image: -webkit-linear-gradient(top,#3d9400,#398a00);
background-image: -moz-linear-gradient(top,#3d9400,#398a00);
background-image: -ms-linear-gradient(top,#3d9400,#398a00);
background-image: -o-linear-gradient(top,#3d9400,#398a00);
background-image: linear-gradient(top,#3d9400,#398a00);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3d9400',EndColorStr='#398a00');
}
.Green:hover {
border: 1px solid #2d6200;
color: white;
background-color: #368200;
background-image: -webkit-gradient(linear,left top,left bottom,from(#3d9400),to(#368200));
background-image: -webkit-linear-gradient(top,#3d9400,#368200);
background-image: -moz-linear-gradient(top,#3d9400,#368200);
background-image: -ms-linear-gradient(top,#3d9400,#368200);
background-image: -o-linear-gradient(top,#3d9400,#368200);
background-image: linear-gradient(top,#3d9400,#368200);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3d9400',EndColorStr='#368200');
}

.Blue {
border: 1px solid transparent;
color: white;
background-color: #4787ed;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
background-image: linear-gradient(top,#4d90fe,#4787ed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
}
.Blue:hover {
border: 1px solid #2f5bb7;
color: white;
background-color: #357ae8;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
background-image: linear-gradient(top,#4d90fe,#357ae8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#357ae8');
}
.Orange {
border: 1px solid transparent;
color: white;
background-color: #ea831d;
background-image: -webkit-gradient(linear,left top,left bottom,from(#F68A1F),to(#ea831d));
background-image: -webkit-linear-gradient(top,#F68A1F,#ea831d);
background-image: -moz-linear-gradient(top,#F68A1F,#ea831d);
background-image: -ms-linear-gradient(top,#F68A1F,#ea831d);
background-image: -o-linear-gradient(top,#F68A1F,#ea831d);
background-image: linear-gradient(top,#F68A1F,#ea831d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F68A1F',EndColorStr='#ea831d');
}
.Orange:hover {
border: 1px solid #c54c0e;
color: white;
background-color: #dd6816;
background-image: -webkit-gradient(linear,left top,left bottom,from(#F68A1F),to(#dd6816));
background-image: -webkit-linear-gradient(top,#F68A1F,#dd6816);
background-image: -moz-linear-gradient(top,#F68A1F,#dd6816);
background-image: -ms-linear-gradient(top,#F68A1F,#dd6816);
background-image: -o-linear-gradient(top,#F68A1F,#dd6816);
background-image: linear-gradient(top,#F68A1F,#dd6816);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F68A1F',EndColorStr='#dd6816');
}
.Dark {
border: 1px solid transparent;
color: white;
background-color: #5d5d5d;
background-image: -webkit-gradient(linear,left top,left bottom,from(#626262),to(#5d5d5d));
background-image: -webkit-linear-gradient(top,#626262,#5d5d5d);
background-image: -moz-linear-gradient(top,#626262,#5d5d5d);
background-image: -ms-linear-gradient(top,#626262,#5d5d5d);
background-image: -o-linear-gradient(top,#626262,#5d5d5d);
background-image: linear-gradient(top,#626262,#5d5d5d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#626262',EndColorStr='#5d5d5d');
}
.Dark:hover {
border: 1px solid #4e362c;
color: white;
background-color: #584a45;
background-image: -webkit-gradient(linear,left top,left bottom,from(#626262),to(#584a45));
background-image: -webkit-linear-gradient(top,#626262,#584a45);
background-image: -moz-linear-gradient(top,#626262,#584a45);
background-image: -ms-linear-gradient(top,#626262,#584a45);
background-image: -o-linear-gradient(top,#626262,#584a45);
background-image: linear-gradient(top,#626262,#584a45);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#626262',EndColorStr='#584a45');
}
.Black {
border: 1px solid transparent;
color: white;
background-color: #2f2f2f;
background-image: -webkit-gradient(linear,left top,left bottom,from(#313131),to(#2f2f2f));
background-image: -webkit-linear-gradient(top,#313131,#2f2f2f);
background-image: -moz-linear-gradient(top,#313131,#2f2f2f);
background-image: -ms-linear-gradient(top,#313131,#2f2f2f);
background-image: -o-linear-gradient(top,#313131,#2f2f2f);
background-image: linear-gradient(top,#313131,#2f2f2f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#313131',EndColorStr='#2f2f2f');
}
.Black:hover {
border: 1px solid #271b16;
color: white;
background-color: #2c2522;
background-image: -webkit-gradient(linear,left top,left bottom,from(#313131),to(#2c2522));
background-image: -webkit-linear-gradient(top,#313131,#2c2522);
background-image: -moz-linear-gradient(top,#313131,#2c2522);
background-image: -ms-linear-gradient(top,#313131,#2c2522);
background-image: -o-linear-gradient(top,#313131,#2c2522);
background-image: linear-gradient(top,#313131,#2c2522);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#313131',EndColorStr='#2c2522');
}
.Purple {
border: 1px solid transparent;
color: white;
background-color: #aa366a;
background-image: -webkit-gradient(linear,left top,left bottom,from(#B33970),to(#aa366a));
background-image: -webkit-linear-gradient(top,#B33970,#aa366a);
background-image: -moz-linear-gradient(top,#B33970,#aa366a);
background-image: -ms-linear-gradient(top,#B33970,#aa366a);
background-image: -o-linear-gradient(top,#B33970,#aa366a);
background-image: linear-gradient(top,#B33970,#aa366a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B33970',EndColorStr='#aa366a');
}
.Purple:hover {
border: 1px solid #8f1f32;
color: white;
background-color: #a12b4e;
background-image: -webkit-gradient(linear,left top,left bottom,from(#B33970),to(#a12b4e));
background-image: -webkit-linear-gradient(top,#B33970,#a12b4e);
background-image: -moz-linear-gradient(top,#B33970,#a12b4e);
background-image: -ms-linear-gradient(top,#B33970,#a12b4e);
background-image: -o-linear-gradient(top,#B33970,#a12b4e);
background-image: linear-gradient(top,#B33970,#a12b4e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B33970',EndColorStr='#a12b4e');
}

.btn-bar li{
	display: block;height:30px;
	margin: 0 0 0 -1px;
	float: left;
	}
.btn-bar::after,.btn-bar li::after {
    clear:both;
}

.btn-bar input[type="checkbox"] + span::after
{
content: attr(data-text0);
}

        .btn-bar input[type="checkbox"]:checked + span::after
        {
            content: attr(data-text1);
        }

        .btn-bar
        {
            -moz-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            margin: 4px 0;height:30px;
        }

        .btn-bar label,
        .btn-bar input[type="checkbox"] + span,
        .btn-bar input[type="checkbox"] + span::before,
        .btn-bar input[type="checkbox"] + span::after,
        .btn-bar input[type="radio"] + span,
        .btn-bar input[type="radio"] + span::before,
        .btn-bar input[type="radio"] + span::after
        {
            display: inline-block;
        }

        .btn-bar label,
        .btn-bar input[type="checkbox"] + span,
        .btn-bar input[type="radio"] + span
        {
            vertical-align: middle;
        }

        .btn-bar input[type="checkbox"] + span,
        .btn-bar input[type="checkbox"] + span::before,
        .btn-bar input[type="checkbox"] + span::after
        {
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border-radius: 15px;
        }

        .btn-bar input[type="checkbox"] + span::before,
        .btn-bar input[type="checkbox"] + span::after,
        .btn-bar input[type="checkbox"]:checked + span::before,
        .btn-bar input[type="checkbox"]:checked + span::after,
		.btn-bar input[type="radio"] + span::before,
        .btn-bar input[type="radio"] + span::after,
        .btn-bar input[type="radio"]:checked + span::before,
        .btn-bar input[type="radio"]:checked + span::after

        {
            top: 0;
        }

        .btn-bar input[type="checkbox"] + span::after,
        .btn-bar input[type="checkbox"]:checked + span::before,
		.btn-bar input[type="radio"] + span::after,
        .btn-bar input[type="radio"]:checked + span::before
        {
            right: 0;
        }

        .btn-bar input[type="checkbox"] + span::before,
        .btn-bar input[type="checkbox"]:checked + span::after,
		.btn-bar input[type="radio"] + span::before,
        .btn-bar input[type="radio"]:checked + span::after
        {
            left: 0;
        }

        .btn-bar input[type="checkbox"],
        .btn-bar input[type="checkbox"] + span::before,
        .btn-bar input[type="checkbox"] + span::after,
		.btn-bar input[type="radio"],
        .btn-bar input[type="radio"] + span::before,
        .btn-bar input[type="radio"] + span::after
        {
            position: absolute;
        }

        .btn-bar label
        {
            margin: 0px;
            cursor: pointer;
        }

        .btn-bar input[type="checkbox"],
		.btn-bar input[type="radio"]
        {
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
        }
		.btn-bar input[type="radio"] + span
        {
            position: relative;
            text-indent: -9999px;
			text-decoration: none;
cursor:pointer; 
display: inline-block;
border: 1px solid transparent;
text-transform: uppercase;
letter-spacing: 1px;
min-width: 54px;
border: 1px solid gainsboro;
border: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
color: #555;
font-size: 11px;
font-weight: bold;
height: 27px;
padding: 0 10px;
line-height: 27px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.6) !important;
background-color: whiteSmoke;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1');
-webkit-user-select: none;
-moz-user-select: none;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
border-image: initial;
        }

        .btn-bar input[type="checkbox"] + span
        {
            width: 75px;
            font-size: 11px;
			font-weight: bold;
			height: 27px;line-height: 27px;
            color: #8c8c8c;
            text-transform: uppercase;
            border: solid 1px #bcbbbb;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c8c8c8", endColorstr="#f3f3f3");
            background: -moz-linear-gradient(top, #c8c8c8, #f3f3f3);
            background: -webkit-linear-gradient(top, #c8c8c8, #f3f3f3);
            background: -o-linear-gradient(top, #c8c8c8, #f3f3f3);
            background: -ms-linear-gradient(top, #c8c8c8, #f3f3f3);
            background: linear-gradient(top, #c8c8c8, #f3f3f3);
            position: relative;
            text-indent: -9999px;
        }

        .btn-bar input[type="checkbox"] + span::before
        {
            content: "";
            width: 30px;
            height: 26px;
            border-top: solid 1px #fff;
            border-right: solid 1px #bebebe;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf", endColorstr="#f9f9f9");
            background: -moz-linear-gradient(top, #cfcfcf, #f9f9f9);
            background: -webkit-linear-gradient(top, #cfcfcf, #f9f9f9);
            background: -o-linear-gradient(top, #cfcfcf, #f9f9f9);
            background: -ms-linear-gradient(top, #cfcfcf, #f9f9f9);
            background: linear-gradient(top, #cfcfcf, #f9f9f9);
            -moz-box-shadow: 1px 0 1px #bebebe;
            -webkit-box-shadow: 1px 0 1px #bebebe;
            box-shadow: 1px 0 1px #bebebe;
        }
		.btn-bar input[type="radio"] + span::before
        {
            content: "";text-align: center;

        }
        .btn-bar input[type="checkbox"] + span::after
        {
            text-indent: 0;
            width: 45px;
            height: 26px;
            text-align: center;
        }
		
		.btn-bar input[type="radio"] + span::after
        {
			width:100%;
			content: attr(title);
            text-indent: 0;
            text-align: center;
        }
        .btn-bar input[type="checkbox"]:checked + span
        {
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d90fe", endColorstr="#4787ed");
            background: -moz-linear-gradient(top, #4d90fe, #4787ed);
            background: -webkit-linear-gradient(top, #4d90fe, #4787ed);
            background: -o-linear-gradient(top, #4d90fe, #4787ed);
            background: -ms-linear-gradient(top, #4d90fe, #5d96ea);
            background: linear-gradient(top, #4d90fe, #4787ed);
            color: #fff;
            text-shadow: -1px -1px #4787ed;
        }
.btn-bar input[type="radio"]:checked + span
        {border: 1px solid transparent;
color: white;
background-color: #4787ed;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
background-image: linear-gradient(top,#4d90fe,#4787ed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
		}
        .btn-bar input[type="checkbox"]:checked + span::before
        {
            left: auto;
            border-right: solid 1px #bebebe;
        }

        .btn-bar input[type="checkbox"]:checked + span::after
        {

            height: 26px;
            top: -1px;
            left: -1px;
            -moz-border-radius: 15px 0 0 15px;
            -webkit-border-radius: 15px 0 0 15px;
            border-radius: 15px 0 0 15px;
        }