﻿#body.calendar_body 
{
    background-color: #fff !important;
}
        
div#content 
{
    margin: 0;
    margin-left: 20px;
                
    height: auto;
/*    overflow-y: hidden;
    overflow-x: hidden;*/
    /*padding: 0;*/
	padding-top: 15px;
}

.home-wrapper {
    margin-bottom: -30px;    
}
        
div.action_group {
    width: 300px;
    background: none repeat scroll 0 0 #E3E3E3;
    border-bottom: 1px solid #404040;
    border-radius: 3px 3px 3px 3px;
    border-top: 1px solid #FFFFFF;
    float: left;
    margin: 0 4px;
    padding: 2px;
    position: relative;
}        

.scroller.loading {
    background: url('../images/ajx_loading.gif') no-repeat center #E3E3E3;
}
        
div.action_group.by_entity {
    width: 263px;
}

div.action_group.by_entity.scroller .viewport {
    width: 248px;
}

div.action_group.by_entity.scroller .viewport ul li {
    width: 225px;
}
        
div.action_group div.list_title 
{
    margin: 2px 2px 5px 7px;
    overflow: hidden;
    text-overflow: ellipsis; 
}

div.action_group div.list_title a#minimize-me {
    float: right;    
    display: inline-block;
    margin-top: 3px;
}

div.action_group div.list_title a#minimize-me span {
    
    display: block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    background: url('../images/temp/trello-sprite.png') -488px -110px no-repeat transparent;    
}

div.action_group div.list_title a#minimize-me span:hover {
    background-position: -488px -92px;
}

div.action_group div.list_title a#minimize-me span.hidden {
    background-position: -146px -110px;
}

div.action_group div.list_title a#minimize-me span.hidden:hover {
    background-position: -146px -92px;
}
        
.list_title h3 
{
    display: inline;
    font-size: 15px;
    line-height: 18px;
    margin: 0 3px 0 0;
    min-height: 19px;
    min-width: 30px;
    font-weight: bold;
}
        
div.action_group a.add_card 
{
    border-radius: 0 0 3px 3px;
    color: #939393;
    display: block;
    margin: 2px -2px -2px;
    padding: 7px 10px;
    position: relative;
    text-decoration: none;
}
div.action_group a.add_card:hover
{
    color: #222222;
    background-color: #c3c3c3;
    text-decoration: underline;
}
        
div.action_group .list_cards ul li 
{
    display: block;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transition-duration: 0.2s, 0.1s, 0.2s;
    -moz-transition-property: background, margin-bottom, opacity;
    -moz-transition-timing-function: ease-out;
    background-color: #FFFFFF;
    border-color: #B9B9B9 #B9B9B9 #939393;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    margin-bottom: 4px;
    min-height: 18px;
    /*padding: 6px 8px 1px;*/
    padding: 6px 8px 6px;
    position: relative;
    z-index: 0;
}
        
div.action_group .list_cards ul li:hover 
{
    border-color: #1F6993;
    box-shadow: 0 0 4px #1F6993;
}
div.action_group .list_cards ul li a 
{
    display: none;
}
        
div.state_buttons 
{
    display: inline-block;
    float: left;
    margin: 8px 4px;
    margin-bottom: 1em;
    padding: 5px 8px;
    border-radius: 3px;
    background-color: #F0F0F0 !important;
}
        
        
div.state_buttons a 
{
    display: block;
    
    
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transition-duration: 0.2s, 0.1s, 0.2s;
    -moz-transition-property: background, margin-bottom, opacity;
    -moz-transition-timing-function: ease-out;
    background-color: #FFFFFF;
    border-color: #B9B9B9 #B9B9B9 #939393;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    margin: 4px 3px;
    min-height: 18px;
    /*padding: 6px 8px 1px;*/
    padding: 6px 8px 6px;
    position: relative;
    z-index: 0;
    float: left;
    font-weight: bold;
}
div.state_buttons a:hover, div.state_buttons a.active 
{
    background: #2887bd; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4ODdiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjY5OTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2887bd 0%, #1f6993 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2887bd), color-stop(100%,#1f6993)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2887bd 0%,#1f6993 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2887bd 0%,#1f6993 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2887bd 0%,#1f6993 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2887bd 0%,#1f6993 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2887bd', endColorstr='#1f6993',GradientType=0 ); /* IE6-8 */
/*    background: -moz-linear-gradient(center top , #2887BD 0%, #1F6993 100%) repeat scroll 0 0 transparent;*/
    border-color: #2478A8;
    color: #FFFFFF;
    text-decoration: none;
}
