/*  fortawesome  */

i { padding-right:5px;}


/* Links a + button
**********************************/

#system .item > .links a , .button-default  {
 background-color: #f9f9f9;
background-image: -webkit-gradient(radial, 50% 100%,0,50% 100%,200, from(rgb(244, 244, 244)), to(rgb(249, 249, 249)));
background-image: -webkit-radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));
background-image: -moz-radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));
background-image: -o-radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));
background-image: -ms-radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));
background-image: radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));


    border: medium none;
    border-radius: 3px 3px 3px 3px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -3px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #666666;
    cursor: pointer;
    display: inline-block;
    text-shadow: 0 -1px 0 rgba(255, 251, 251, 0.3);
}

#system .item > .links a:hover, .button-default:hover {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -3px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	background: #ffffff}

#system .item > .links a:active, .button-default:active  {
	box-shadow: inset 0 1px 8px rgba(0,0,0,0.4),
				inset 0 0 1px rgba(0,0,0,0.3);
	text-shadow: 0 0 5px rgba(255,255,255,0.6);
}

#system .gridalicious .item > .links a { 
	margin: 0;
	padding: 0 15px 0 0;
	background: none;
	box-shadow: none;
	text-shadow: none;
}

#system .gridalicious .item > .links a:hover { 
	background: none;
	color: #2A2A2A; 
}



/* all button
**********************************/


.button-more, .button-default, .button-primary { margin: 5px 2px;
	padding: 6px 20px;
	
	cursor: pointer;
    display: inline-block;
}






/* divider
**********************************/


.divider {
    background: url("../../images/style/stripes-border.png") repeat scroll 0 0 transparent;
    clear: both;
    height: 5px;
    margin: 15px 0;
    overflow: hidden;
}




/* box
-----------------------------------------------------------------*/
.box i{float:left;margin:0 10px}
.box .boxtitle{line-height:27px ;margin:0 0 5px}


.box{margin:20px
0;padding:20px;border-radius:4px;border-style:solid;border-width:1px 1px 2px}



.shadow{
background-color:#fafafa;background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(233, 233, 233)));background-image:-webkit-linear-gradient(top, rgb(250, 250, 250), rgb(233, 233, 233));
background-image:-moz-linear-gradient(top, rgb(250, 250, 250), rgb(233, 233, 233));
background-image:-o-linear-gradient(top, rgb(250, 250, 250), rgb(233, 233, 233));
background-image:-ms-linear-gradient(top, rgb(250, 250, 250), rgb(233, 233, 233));
background-image:linear-gradient(top, rgb(250, 250, 250), rgb(233, 233, 233));
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fafafa', EndColorStr='#e9e9e9');border:1px
solid #AAA;
border-radius:4px 4px 4px 4px;
box-shadow:2px 2px 4px rgba(153,153,153,0.6)}

.blue{background-color:#a7ebfc;
background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(167, 235, 252)), to(rgb(215, 246, 253)));
background-image:-webkit-linear-gradient(top, rgb(167, 235, 252), rgb(215, 246, 253));
background-image:-moz-linear-gradient(top, rgb(167, 235, 252), rgb(215, 246, 253));
background-image:-o-linear-gradient(top, rgb(167, 235, 252), rgb(215, 246, 253));
background-image:-ms-linear-gradient(top, rgb(167, 235, 252), rgb(215, 246, 253));
background-image:linear-gradient(top, rgb(167, 235, 252), rgb(215, 246, 253));
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a7ebfc', EndColorStr='#d7f6fd');
border-color:#95E6FB #7DE0FA #09C0EF}


.green {
background-color:#cce7a5;
background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(204, 231, 165)), to(rgb(226, 241, 205)));
background-image:-webkit-linear-gradient(top, rgb(204, 231, 165), rgb(226, 241, 205));
background-image:-moz-linear-gradient(top, rgb(204, 231, 165), rgb(226, 241, 205));
background-image:-o-linear-gradient(top, rgb(204, 231, 165), rgb(226, 241, 205));
background-image:-ms-linear-gradient(top, rgb(204, 231, 165), rgb(226, 241, 205));
background-image:linear-gradient(top, rgb(204, 231, 165), rgb(226, 241, 205));
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#cce7a5', EndColorStr='#e2f1cd');
border-color:#c3e395 #b7dd81 #a0d259}



.red{
background-color:#fdded7;
background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(253, 222, 215)), to(rgb(255, 235, 229)));
background-image:-webkit-linear-gradient(top, rgb(253, 222, 215), rgb(255, 235, 229));
background-image:-moz-linear-gradient(top, rgb(253, 222, 215), rgb(255, 235, 229));
background-image:-o-linear-gradient(top, rgb(253, 222, 215), rgb(255, 235, 229));
background-image:-ms-linear-gradient(top, rgb(253, 222, 215), rgb(255, 235, 229));
background-image:linear-gradient(top, rgb(253, 222, 215), rgb(255, 235, 229));
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fdded7', EndColorStr='#ffebe5');
border-color:#fba698 #fb917f #f9674e}


.yellow{
background-color:#fff6ae;
background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(255, 246, 174)), to(rgb(255, 253, 219)));
background-image:-webkit-linear-gradient(top, rgb(255, 246, 174), rgb(255, 253, 219));
background-image:-moz-linear-gradient(top, rgb(255, 246, 174), rgb(255, 253, 219));
background-image:-o-linear-gradient(top, rgb(255, 246, 174), rgb(255, 253, 219));
background-image:-ms-linear-gradient(top, rgb(255, 246, 174), rgb(255, 253, 219));
background-image:linear-gradient(top, rgb(255, 246, 174), rgb(255, 253, 219));filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fff6ae', EndColorStr='#fffddb');border-color:#fff395 #fff07b #ffeb48}


/* Buttons
----------------------------------------------------------------------------------------------------*/


.buttoncostum{

    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -3px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    margin: 0 5px 20px;

}

.small {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;

}

.medium {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-size: 15px;

}


.big {
   font-size: 20px;
    height: 45px;
    line-height: 45px;
    padding: 0 25px;
}

/* grey */

a.buttoncostum.gray  {
 background-color: #f9f9f9;
background-image: -webkit-gradient(radial, 50% 100%,0,50% 100%,200, from(rgb(244, 244, 244)), to(rgb(249, 249, 249)));
background-image: -webkit-radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));
background-image: -moz-radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));
background-image: -o-radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));
background-image: -ms-radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));
background-image: radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));
border: 0 none;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -3px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #666666;
    text-shadow: 0 -1px 0 rgba(255, 251, 251, 0.3);
}

a.buttoncostum.gray:hover {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -3px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	background: #ffffff}

a.buttoncostum.gray:active  {
	box-shadow: inset 0 1px 8px rgba(0,0,0,0.4),
				inset 0 0 1px rgba(0,0,0,0.3);
	text-shadow: 0 0 5px rgba(255,255,255,0.6);
}





/* Blue */

a.buttoncostum.bleu {
background-color: #268eca;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(38, 142, 202)), to(rgb(6, 130, 194)));
background-image: -webkit-linear-gradient(top, rgb(38, 142, 202), rgb(6, 130, 194));
background-image: -moz-linear-gradient(top, rgb(38, 142, 202), rgb(6, 130, 194));
background-image: -o-linear-gradient(top, rgb(38, 142, 202), rgb(6, 130, 194));
background-image: -ms-linear-gradient(top, rgb(38, 142, 202), rgb(6, 130, 194));
background-image: linear-gradient(top, rgb(38, 142, 202), rgb(6, 130, 194));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#268eca', EndColorStr='#0682c2');
 border-color: #3568B5 #3568B5 #2D589A;
}

a.buttoncostum.bleu:hover {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -3px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	background: #1877ac;
	    color: #fff;}
	
a.buttoncostum.bleu:active  {
	box-shadow: inset 0 1px 8px rgba(0,0,0,0.4),
				inset 0 0 1px rgba(0,0,0,0.3);
}




/* Red */
a.buttoncostum.red  {
background-color: #d7362d;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(215, 54, 45)), to(rgb(196, 47, 33)));
background-image: -webkit-linear-gradient(top, rgb(215, 54, 45), rgb(196, 47, 33));
background-image: -moz-linear-gradient(top, rgb(215, 54, 45), rgb(196, 47, 33));
background-image: -o-linear-gradient(top, rgb(215, 54, 45), rgb(196, 47, 33));
background-image: -ms-linear-gradient(top, rgb(215, 54, 45), rgb(196, 47, 33));
background-image: linear-gradient(top, rgb(215, 54, 45), rgb(196, 47, 33));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d7362d', EndColorStr='#c42f21');

 border-color: #A91B22 #A91B22 #8A161C;
}

a.buttoncostum.red:hover {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -3px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	background: #bc2e27;
	    color: #fff;}
	
a.buttoncostum.red:active  {
	box-shadow: inset 0 1px 8px rgba(0,0,0,0.4),
				inset 0 0 1px rgba(0,0,0,0.3);
}



/* Green */



a.buttoncostum.green  {
background-color: #789f38;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(120, 159, 56)), to(rgb(140, 184, 66)));
background-image: -webkit-linear-gradient(top, rgb(120, 159, 56), rgb(140, 184, 66));
background-image: -moz-linear-gradient(top, rgb(120, 159, 56), rgb(140, 184, 66));
background-image: -o-linear-gradient(top, rgb(120, 159, 56), rgb(140, 184, 66));
background-image: -ms-linear-gradient(top, rgb(120, 159, 56), rgb(140, 184, 66));
background-image: linear-gradient(top, rgb(120, 159, 56), rgb(140, 184, 66));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#789f38', EndColorStr='#8cb842');
     border-color: #759B37 #759B37 #61812E;
}

a.buttoncostum.green:hover {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -3px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	background: #85b03e;
	    color: #fff;}
	
a.buttoncostum.green:active  {
	box-shadow: inset 0 1px 8px rgba(0,0,0,0.4),
				inset 0 0 1px rgba(0,0,0,0.3);
}



/* black */

a.buttoncostum.black{background-color: #434343;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(67, 67, 67)), to(rgb(13, 13, 13)));
background-image: -webkit-linear-gradient(top, rgb(67, 67, 67), rgb(13, 13, 13));
background-image: -moz-linear-gradient(top, rgb(67, 67, 67), rgb(13, 13, 13));
background-image: -o-linear-gradient(top, rgb(67, 67, 67), rgb(13, 13, 13));
background-image: -ms-linear-gradient(top, rgb(67, 67, 67), rgb(13, 13, 13));
background-image: linear-gradient(top, rgb(67, 67, 67), rgb(13, 13, 13));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#434343', EndColorStr='#0d0d0d');



 border-color: #363636 #2a2a2a #101010; 
}
a.buttoncostum.black:hover {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -3px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	background: #101010;
	    color: #fff;}
	
a.buttoncostum.black:active  {
	box-shadow: inset 0 1px 8px rgba(0,0,0,0.4),
				inset 0 0 1px rgba(0,0,0,0.3);}


/*  Columns
-------------------------------------------------------------*/

.column-layout i {
    float: left;
    margin-right: 10px;
}

.column-layout h3 {margin: 5px 0 0;}