/* Webcore frontadmin's main bar styles
 * Author: Maxime Haineault <max@motion-m.ca>
 * (c) 2011 Motion Média
 * */

html, body {
    margin: 0;
    padding: 0;
    height: 34px;
    font-family: Arial,sans-serif;
    color: #eee;
    background: #333;
    overflow: hidden;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')";
    -pie-background: linear-gradient(top, #555555, #333333);
    background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#333333));
    background: -moz-linear-gradient(top,  #555555,  #333333);
}

span {
    color: #ccc;
    display: block;
    float: left;
    font-size: 0.9em;
    padding: 8px 0 0 9px;
    text-shadow: 1px 1px 1px #222;
}

span a {
    font-weight: bold;
    padding-left: 3px;
    text-shadow: 1px 1px 1px #111;
	filter: Shadow(Color=#111111, Direction=135, Strength=1);
}

a {
    text-decoration: none;
    color: #66d6ff;
}

a:hover {
    color: #9ee5ff;
}

a.button {
    background: #999;
    text-shadow: 1px 1px 1px #fff;
    color: #222;
    display: block;
    float: right;
    font-size: 0.8em;
    font-weight: bold;
    margin: 5px 6px 0 0;
    padding: 4px 8px 3px 7px;
    border: 1px solid #ddd;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#999999'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#999999')";
    -pie-background: linear-gradient(top, #cccccc, #999999);
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));
    background: -moz-linear-gradient(top,  #cccccc,  #999999);
    -moz-box-shadow: 1px 1px 4px #111;
    -webkit-box-shadow: 1px 1px 4px #111;
    -o-box-shadow: 1px 1px 4px #111;
    box-shadow: 1px 1px 4px #111;
}

a.button:hover {
    color: #111;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#bbbbbb'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#bbbbbb')";
    -pie-background: linear-gradient(top, #eeeeee, #bbbbbb);
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
    background: -moz-linear-gradient(top,  #eeeeee,  #bbbbbb);
}

a.button.red {
    color: #fff;
    text-shadow: 1px 1px 1px #490000;
    background: #9b0000;
    border-color: #e21212;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#c40000', EndColorStr='#9b0000'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c40000', EndColorStr='#9b0000')";
    -pie-background: linear-gradient(top, #c40000, #9b0000);
    background: -webkit-gradient(linear, left top, left bottom, from(#c40000), to(#9b0000));
    background: -moz-linear-gradient(top,  #c40000,  #9b0000);
}

a.button.red:hover {
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#e21212', EndColorStr='#b70000'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e21212', EndColorStr='#b70000')";
    -pie-background: linear-gradient(top, #e21212, #b70000);
    background: -webkit-gradient(linear, left top, left bottom, from(#e21212), to(#b70000));
    background: -moz-linear-gradient(top,  #e21212,  #b70000);
}

a.button.active {
    color: #fff;
    text-shadow: 1px 1px 1px #005d7f;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#5bd3ff', EndColorStr='#00aeef'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5bd3ff', EndColorStr='#00aeef')";
    -pie-background: linear-gradient(top, #5bd3ff, #00aeef);
    background: -webkit-gradient(linear, left top, left bottom, from(#5bd3ff), to(#00aeef));
    background: -moz-linear-gradient(top,  #5bd3ff,  #00aeef);
}

#logo {
    float: left;
    margin: 5px 0 0 6px;
    cursor: pointer;
}

