body 
{
    font-family:Verdana,Arial,Calibri,Times New Roman;
    font-size:12px;
    color:#989797;
    
    background-color:#e6e7e8;
    background-image:url('images/background.jpg');
    background-repeat:repeat-x;
    height:100%;
    min-height:100%;
}
.maindiv
{
    margin-left:auto;
    margin-right:auto;
    width:1150px;
    min-height:100%;
}
.topbase
{
    width:1150px;
    min-height:113px;
    background-color:#ffffff;
    background-image:url('images/topbase.jpg');
    background-repeat:no-repeat;
    position:relative;
}
.maincenter
{
    width:1150px;
    background-color:#ffffff;
    background-image:url('images/middlebase.jpg');
    background-repeat:repeat-y;
    min-height:300px;
}
.maincenterinner
{
    margin-left:30px;
    width:1100px;
    clear:left;
    min-height:100%;
}   
.bottombase
{
    width:1150px;
    height:36px;
    background-color:#ffffff;
    background-image:url('images/bottombase.jpg');
    background-repeat:no-repeat;
    vertical-align:top;
    padding-top:0px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
}
.mainlogo
{
    position:absolute;
    top:40px;
    left:60px;
}
.logindottedline
{
    position:absolute;
    top:10px;
    left:900px;
}
.logintext
{
    position:absolute;
    top:30px;
    left:920px;
    line-height:22px;
}
.logout
{
margin-top:4px;
}
.username
{
    color:#00a5d5;
    font-weight:bold;
}
.menu
{
    text-align:center;
    padding-top:65px;  
    margin-top:0px;  
}
.welcome
{
    text-align:center;
    padding-top:5px;
}
.tboard
{
    margin-left:18px;    
}
.tboardtop
{
    width:1070px;
    height:45px;
    background-color:#ffffff;
    background-image:url('images/tboardtop.jpg');
    background-repeat:no-repeat;    
    position:relative;
}
.tboardheaders
{
    width:1070px;
    height:62px;
    background-color:#ffffff;
    background-image:url('images/tboardheaders.jpg');
    background-repeat:no-repeat;    
    position:relative;
}
.tboardheaders_12month
{
    width:1070px;
    height:37px;
    background-color:#ffffff;
    background-image:url('images/tboardheaders_12month.jpg');
    background-repeat:no-repeat;    
    position:relative;
}
.tboardmiddle
{
    width:1070px;
    min-height:300px;
    background-color:#ffffff;
    background-image:url('images/tboardmiddle.jpg');
    background-repeat:repeat-y;
    position:relative;
}
.tboardbottom
{
    width:1070px;
    height:17px;
    background-color:#ffffff;
    background-image:url('images/tboardbottom.jpg');
    background-repeat:no-repeat;    
    position:relative;
}
.toolbar
{
    left:12px;
    top:6px;
    position:absolute;
}
.toolbar input
{
    padding:0px;
    margin:0px;
    border:none;
}
/* TCARD */
.fulltcard
{
    width:600px;
    font-size:11px;
    margin-left:auto;
    margin-right:auto;
    font-weight:bold;
    color:#107886;
}
.fulltcard input
{
    font-size:11px;
}
.tcardinline 
{
    display:block;
    margin-top:0px;
    margin-bottom:0px;
    vertical-align:middle;
}
    .tcardinline p
    {
        width:120px;
        display:inline-block; 
        margin-top:0px;
        margin-bottom:0px;
        vertical-align:middle;
    }
    .tcardinline label
    {
        width:200px;
        vertical-align:middle;
    }
    .tcardinline .dropdown
    {
        font-size:11px;
        vertical-align:middle;
    }
/* BLUE TCARD */
.bluetcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#a8dde5;
    border:solid 1px #6a99a5;
}
    .bluetcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .bluetcardheader .tcardtextbox
    {
        background-color:#8cc9d2;
        border:solid 2px #6a99a5;
        display:block;
        width:240px;
    }
.bluetcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#a8dde5;
    border:solid 1px #6a99a5;
}
    .bluetcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#8cc9d2;
        border:solid 1px #6a99a5;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .bluetcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#a8dde5;
            border:solid 1px #6a99a5;
        }
        .bluetcardbody .subtasktable
        {
            width:430px;
            background-color:#a8dde5;
            border:solid 1px #6a99a5;
            border-collapse:collapse;
        }
            .bluetcardbody .subtasktable thead
            {
                color:White;
            }
            .bluetcardbody .subtasktable thead td
            {
                border:solid 1px #6a99a5;
                padding:2px 5px;
            }
            .bluetcardbody .subtasktable td
            {
                border-right:solid 1px #6a99a5;
                padding:2px 5px;
                font-weight:normal;
                background-color:#a8dde5;
            }
            .bluetcardbody .subtasktable tfoot td
            {
                border:solid 1px #6a99a5;
                padding:2px 5px;
                vertical-align:middle;
            }
            .bluetcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }
/* yellow TCARD */
.yellowtcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#fef699;
    border:solid 1px #a4a56a;
}
    .yellowtcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .yellowtcardheader .tcardtextbox
    {
        background-color:#fdef4f;
        border:solid 2px #a4a56a;
        display:block;
        width:240px;
    }
.yellowtcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#fef699;
    border:solid 1px #a4a56a;
}
    .yellowtcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#fdef4f;
        border:solid 1px #a4a56a;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .yellowtcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#fef699;
            border:solid 1px #a4a56a;
        }
        .yellowtcardbody .subtasktable
        {
            width:430px;
            background-color:#fef699;
            border:solid 1px #a4a56a;
            border-collapse:collapse;
        }
            .yellowtcardbody .subtasktable thead
            {
                color:White;
            }
            .yellowtcardbody .subtasktable thead td
            {
                border:solid 1px #a4a56a;
                padding:2px 5px;
            }
            .yellowtcardbody .subtasktable td
            {
                border-right:solid 1px #a4a56a;
                padding:2px 5px;
                font-weight:normal;
                background-color:#fef699;
            }
            .yellowtcardbody .subtasktable tfoot td
            {
                border:solid 1px #a4a56a;
                padding:2px 5px;
                vertical-align:middle;
            }
            .yellowtcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }
            
/* GREEN TCARD */
.greentcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#abe5a8;
    border:solid 1px #72a56a;
}
    .greentcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .greentcardheader .tcardtextbox
    {
        background-color:#96d28c;
        border:solid 2px #72a56a;
        display:block;
        width:240px;
    }
.greentcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#abe5a8;
    border:solid 1px #72a56a;
}
    .greentcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#96d28c;
        border:solid 1px #72a56a;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .greentcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#abe5a8;
            border:solid 1px #72a56a;
        }
        .greentcardbody .subtasktable
        {
            width:430px;
            background-color:#abe5a8;
            border:solid 1px #72a56a;
            border-collapse:collapse;
        }
            .greentcardbody .subtasktable thead
            {
                color:White;
            }
            .greentcardbody .subtasktable thead td
            {
                border:solid 1px #72a56a;
                padding:2px 5px;
            }
            .greentcardbody .subtasktable td
            {
                border-right:solid 1px #72a56a;
                padding:2px 5px;
                font-weight:normal;
                background-color:#abe5a8;
            }
            .greentcardbody .subtasktable tfoot td
            {
                border:solid 1px #72a56a;
                padding:2px 5px;
                vertical-align:middle;
            }
            .greentcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }
        
/* WHITE TCARD */
.whitetcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#d6d5d6;
    border:solid 1px #585958;
}
    .whitetcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .whitetcardheader .tcardtextbox
    {
        background-color:#c0c0c0;
        border:solid 2px #585958;
        display:block;
        width:240px;
    }
.whitetcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#d6d5d6;
    border:solid 1px #585958;
}
    .whitetcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#c0c0c0;
        border:solid 1px #585958;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .whitetcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#d6d5d6;
            border:solid 1px #585958;
        }
        .whitetcardbody .subtasktable
        {
            width:430px;
            background-color:#d6d5d6;
            border:solid 1px #585958;
            border-collapse:collapse;
        }
            .whitetcardbody .subtasktable thead
            {
                color:White;
            }
            .whitetcardbody .subtasktable thead td
            {
                border:solid 1px #585958;
                padding:2px 5px;
            }
            .whitetcardbody .subtasktable td
            {
                border-right:solid 1px #585958;
                padding:2px 5px;
                font-weight:normal;
                background-color:#d6d5d6;
            }
            .whitetcardbody .subtasktable tfoot td
            {
                border:solid 1px #585958;
                padding:2px 5px;
                vertical-align:middle;
            }
            .whitetcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }
 /* pink TCARD */
.pinktcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#e5a8e0;
    border:solid 1px #a46aa5;
}
    .pinktcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .pinktcardheader .tcardtextbox
    {
        background-color:#d28ed0;
        border:solid 2px #a46aa5;
        display:block;
        width:240px;
    }
.pinktcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#e5a8e0;
    border:solid 1px #a46aa5;
}
    .pinktcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#d28ed0;
        border:solid 1px #a46aa5;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .pinktcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#e5a8e0;
            border:solid 1px #a46aa5;
        }
        .pinktcardbody .subtasktable
        {
            width:430px;
            background-color:#e5a8e0;
            border:solid 1px #a46aa5;
            border-collapse:collapse;
        }
            .pinktcardbody .subtasktable thead
            {
                color:pink;
            }
            .pinktcardbody .subtasktable thead td
            {
                border:solid 1px #a46aa5;
                padding:2px 5px;
            }
            .pinktcardbody .subtasktable td
            {
                border-right:solid 1px #a46aa5;
                padding:2px 5px;
                font-weight:normal;
                background-color:#e5a8e0;
            }
            .pinktcardbody .subtasktable tfoot td
            {
                border:solid 1px #a46aa5;
                padding:2px 5px;
                vertical-align:middle;
            }
            .pinktcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }
/* gold TCARD */
.goldtcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#eba200;
    border:solid 1px #db7a0b;
}
    .goldtcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .goldtcardheader .tcardtextbox
    {
        background-color:#fbaa1b;
        border:solid 2px #db7a0b;
        display:block;
        width:240px;
    }
.goldtcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#eba200;
    border:solid 1px #db7a0b;
}
    .goldtcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#fbaa1b;
        border:solid 1px #db7a0b;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .goldtcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#eba200;
            border:solid 1px #db7a0b;
        }
        .goldtcardbody .subtasktable
        {
            width:430px;
            background-color:#eba200;
            border:solid 1px #db7a0b;
            border-collapse:collapse;
        }
            .goldtcardbody .subtasktable thead
            {
                color:gold;
            }
            .goldtcardbody .subtasktable thead td
            {
                border:solid 1px #db7a0b;
                padding:2px 5px;
            }
            .goldtcardbody .subtasktable td
            {
                border-right:solid 1px #db7a0b;
                padding:2px 5px;
                font-weight:normal;
                background-color:#eba200;
            }
            .goldtcardbody .subtasktable tfoot td
            {
                border:solid 1px #db7a0b;
                padding:2px 5px;
                vertical-align:middle;
            }
            .goldtcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }
/* deepyellow TCARD */
.deepyellowtcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#ffee46;
    border:solid 1px #ffd824;
}
    .deepyellowtcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .deepyellowtcardheader .tcardtextbox
    {
        background-color:#fff834;
        border:solid 2px #ffd824;
        display:block;
        width:240px;
    }
.deepyellowtcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#ffee46;
    border:solid 1px #ffd824;
}
    .deepyellowtcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#fff834;
        border:solid 1px #ffd824;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .deepyellowtcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#ffee46;
            border:solid 1px #ffd824;
        }
        .deepyellowtcardbody .subtasktable
        {
            width:430px;
            background-color:#ffee46;
            border:solid 1px #ffd824;
            border-collapse:collapse;
        }
            .deepyellowtcardbody .subtasktable thead
            {
                color:deepyellow;
            }
            .deepyellowtcardbody .subtasktable thead td
            {
                border:solid 1px #ffd824;
                padding:2px 5px;
            }
            .deepyellowtcardbody .subtasktable td
            {
                border-right:solid 1px #ffd824;
                padding:2px 5px;
                font-weight:normal;
                background-color:#ffee46;
            }
            .deepyellowtcardbody .subtasktable tfoot td
            {
                border:solid 1px #ffd824;
                padding:2px 5px;
                vertical-align:middle;
            }
            .deepyellowtcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }            
/* salmon TCARD */
.salmontcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#ffaf88;
    border:solid 1px #e6897a;
}
    .salmontcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .salmontcardheader .tcardtextbox
    {
        background-color:#f6a98a;
        border:solid 2px #e6897a;
        display:block;
        width:240px;
    }
.salmontcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#ffaf88;
    border:solid 1px #e6897a;
}
    .salmontcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#f6a98a;
        border:solid 1px #e6897a;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .salmontcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#ffaf88;
            border:solid 1px #e6897a;
        }
        .salmontcardbody .subtasktable
        {
            width:430px;
            background-color:#ffaf88;
            border:solid 1px #e6897a;
            border-collapse:collapse;
        }
            .salmontcardbody .subtasktable thead
            {
                color:salmon;
            }
            .salmontcardbody .subtasktable thead td
            {
                border:solid 1px #e6897a;
                padding:2px 5px;
            }
            .salmontcardbody .subtasktable td
            {
                border-right:solid 1px #e6897a;
                padding:2px 5px;
                font-weight:normal;
                background-color:#ffaf88;
            }
            .salmontcardbody .subtasktable tfoot td
            {
                border:solid 1px #e6897a;
                padding:2px 5px;
                vertical-align:middle;
            }
            .salmontcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }
/* orange TCARD */
.orangetcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#ee9466;
    border:solid 1px #d48035;
}
    .orangetcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .orangetcardheader .tcardtextbox
    {
        background-color:#f4a045;
        border:solid 2px #d48035;
        display:block;
        width:240px;
    }
.orangetcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#ee9466;
    border:solid 1px #d48035;
}
    .orangetcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#f4a045;
        border:solid 1px #d48035;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .orangetcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#ee9466;
            border:solid 1px #d48035;
        }
        .orangetcardbody .subtasktable
        {
            width:430px;
            background-color:#ee9466;
            border:solid 1px #d48035;
            border-collapse:collapse;
        }
            .orangetcardbody .subtasktable thead
            {
                color:orange;
            }
            .orangetcardbody .subtasktable thead td
            {
                border:solid 1px #d48035;
                padding:2px 5px;
            }
            .orangetcardbody .subtasktable td
            {
                border-right:solid 1px #d48035;
                padding:2px 5px;
                font-weight:normal;
                background-color:#ee9466;
            }
            .orangetcardbody .subtasktable tfoot td
            {
                border:solid 1px #d48035;
                padding:2px 5px;
                vertical-align:middle;
            }
            .orangetcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }            
/* deepblue TCARD */
.deepbluetcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#00a8d5;
    border:solid 1px #0091b8;
}
    .deepbluetcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .deepbluetcardheader .tcardtextbox
    {
        background-color:#1dc1ed;
        border:solid 2px #0091b8;
        display:block;
        width:240px;
    }
.deepbluetcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#00a8d5;
    border:solid 1px #0091b8;
}
    .deepbluetcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#1dc1ed;
        border:solid 1px #0091b8;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .deepbluetcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#00a8d5;
            border:solid 1px #0091b8;
        }
        .deepbluetcardbody .subtasktable
        {
            width:430px;
            background-color:#00a8d5;
            border:solid 1px #0091b8;
            border-collapse:collapse;
        }
            .deepbluetcardbody .subtasktable thead
            {
                color:deepblue;
            }
            .deepbluetcardbody .subtasktable thead td
            {
                border:solid 1px #0091b8;
                padding:2px 5px;
            }
            .deepbluetcardbody .subtasktable td
            {
                border-right:solid 1px #0091b8;
                padding:2px 5px;
                font-weight:normal;
                background-color:#00a8d5;
            }
            .deepbluetcardbody .subtasktable tfoot td
            {
                border:solid 1px #0091b8;
                padding:2px 5px;
                vertical-align:middle;
            }
            .deepbluetcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }
/* grey TCARD */
.greytcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#b1b1b4;
    border:solid 1px #909090;
}
    .greytcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .greytcardheader .tcardtextbox
    {
        background-color:#c1c1c1;
        border:solid 2px #909090;
        display:block;
        width:240px;
    }
.greytcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#b1b1b4;
    border:solid 1px #909090;
}
    .greytcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#c1c1c1;
        border:solid 1px #909090;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .greytcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#b1b1b4;
            border:solid 1px #909090;
        }
        .greytcardbody .subtasktable
        {
            width:430px;
            background-color:#b1b1b4;
            border:solid 1px #909090;
            border-collapse:collapse;
        }
            .greytcardbody .subtasktable thead
            {
                color:grey;
            }
            .greytcardbody .subtasktable thead td
            {
                border:solid 1px #909090;
                padding:2px 5px;
            }
            .greytcardbody .subtasktable td
            {
                border-right:solid 1px #909090;
                padding:2px 5px;
                font-weight:normal;
                background-color:#b1b1b4;
            }
            .greytcardbody .subtasktable tfoot td
            {
                border:solid 1px #909090;
                padding:2px 5px;
                vertical-align:middle;
            }
            .greytcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }
/* red TCARD */
.redtcardheader
{
    color:White;
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#be0002;
    border:solid 1px #bf0001;
}
    .redtcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .redtcardheader .tcardtextbox
    {
        background-color:#ef3011;
        border:solid 2px #bf0001;
        display:block;
        width:240px;
    }
.redtcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#be0002;
    border:solid 1px #bf0001;
}
    .redtcardbody .tcardbodyinner
    {
        color:White;
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#ef3011;
        border:solid 1px #bf0001;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .redtcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#be0002;
            border:solid 1px #bf0001;
        }
        .redtcardbody .subtasktable
        {
            width:430px;
            background-color:#be0002;
            border:solid 1px #bf0001;
            border-collapse:collapse;
        }
            .redtcardbody .subtasktable thead
            {
                color:red;
            }
            .redtcardbody .subtasktable thead td
            {
                border:solid 1px #bf0001;
                padding:2px 5px;
            }
            .redtcardbody .subtasktable td
            {
                border-right:solid 1px #bf0001;
                padding:2px 5px;
                font-weight:normal;
                background-color:#be0002;
            }
            .redtcardbody .subtasktable tfoot td
            {
                border:solid 1px #bf0001;
                padding:2px 5px;
                vertical-align:middle;
            }
            .redtcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }
/* lilac TCARD */
.lilactcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#e1dded;
    border:solid 1px #c9c0dc;
}
    .lilactcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .lilactcardheader .tcardtextbox
    {
        background-color:#f9f0ec;
        border:solid 2px #c9c0dc;
        display:block;
        width:240px;
    }
.lilactcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#e1dded;
    border:solid 1px #c9c0dc;
}
    .lilactcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#f9f0ec;
        border:solid 1px #c9c0dc;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .lilactcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#e1dded;
            border:solid 1px #c9c0dc;
        }
        .lilactcardbody .subtasktable
        {
            width:430px;
            background-color:#e1dded;
            border:solid 1px #c9c0dc;
            border-collapse:collapse;
        }
            .lilactcardbody .subtasktable thead
            {
                color:lilac;
            }
            .lilactcardbody .subtasktable thead td
            {
                border:solid 1px #c9c0dc;
                padding:2px 5px;
            }
            .lilactcardbody .subtasktable td
            {
                border-right:solid 1px #c9c0dc;
                padding:2px 5px;
                font-weight:normal;
                background-color:#e1dded;
            }
            .lilactcardbody .subtasktable tfoot td
            {
                border:solid 1px #c9c0dc;
                padding:2px 5px;
                vertical-align:middle;
            }
            .lilactcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }
/* deepgreen TCARD */
.deepgreentcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#77c06c;
    border:solid 1px #649bf5;
}
    .deepgreentcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .deepgreentcardheader .tcardtextbox
    {
        background-color:#94cb6f;
        border:solid 2px #649bf5;
        display:block;
        width:240px;
    }
.deepgreentcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#77c06c;
    border:solid 1px #649bf5;
}
    .deepgreentcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#94cb6f;
        border:solid 1px #649bf5;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .deepgreentcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#77c06c;
            border:solid 1px #649bf5;
        }
        .deepgreentcardbody .subtasktable
        {
            width:430px;
            background-color:#77c06c;
            border:solid 1px #649bf5;
            border-collapse:collapse;
        }
            .deepgreentcardbody .subtasktable thead
            {
                color:deepgreen;
            }
            .deepgreentcardbody .subtasktable thead td
            {
                border:solid 1px #649bf5;
                padding:2px 5px;
            }
            .deepgreentcardbody .subtasktable td
            {
                border-right:solid 1px #649bf5;
                padding:2px 5px;
                font-weight:normal;
                background-color:#77c06c;
            }
            .deepgreentcardbody .subtasktable tfoot td
            {
                border:solid 1px #649bf5;
                padding:2px 5px;
                vertical-align:middle;
            }
            .deepgreentcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }
/* cream TCARD */
.creamtcardheader
{
    margin-left:auto;
    margin-right:auto;
    width:550px;
    height:80px;
    background-color:#e8dca3;
    border:solid 1px #d8bda8;
}
    .creamtcardheader div
    {
        display:inline;
        float:left;
        padding:20px 0px 0px 20px;
    }
    .creamtcardheader .tcardtextbox
    {
        background-color:#f8edb8;
        border:solid 2px #d8bda8;
        display:block;
        width:240px;
    }
.creamtcardbody
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:410px;
    background-color:#e8dca3;
    border:solid 1px #d8bda8;
}
    .creamtcardbody .tcardbodyinner
    {
        margin-left:auto;        
        margin-right:auto;
        padding:20px 20px 10px;
        width:440px;
        height:326px;
        margin-top:10px;
        background-color:#f8edb8;
        border:solid 1px #d8bda8;
        overflow-y:auto;
        overflow-x:hidden;
    }
        .creamtcardbody .tcardbodyinnerdescription
        {
            display:block;
            width:430px;
            height:120px;
            background-color:#e8dca3;
            border:solid 1px #d8bda8;
        }
        .creamtcardbody .subtasktable
        {
            width:430px;
            background-color:#e8dca3;
            border:solid 1px #d8bda8;
            border-collapse:collapse;
        }
            .creamtcardbody .subtasktable thead
            {
                color:cream;
            }
            .creamtcardbody .subtasktable thead td
            {
                border:solid 1px #d8bda8;
                padding:2px 5px;
            }
            .creamtcardbody .subtasktable td
            {
                border-right:solid 1px #d8bda8;
                padding:2px 5px;
                font-weight:normal;
                background-color:#e8dca3;
            }
            .creamtcardbody .subtasktable tfoot td
            {
                border:solid 1px #d8bda8;
                padding:2px 5px;
                vertical-align:middle;
            }
            .creamtcardbody .addsubtask
            {
                color:#107886;
                text-decoration:none;
                vertical-align:middle;
            }
.smalltcardheader
{
    width:96%;
    font-size:11px;
}
.smalltcardeditbutton
{
    font-size:"10px";
    float:right;
    width:100%;
    height:100%;  
}
.smalltcardeditbuttondiv
{
    background-image:url('images/editbutton.png');
    width:42px;
    height:19px;
    background-repeat:no-repeat;
    float:right;
}
.smalltcarddocked
{
    height:29px;
    color:#285f6c;
    text-align:left;
}
.smalltcarddocked_whitetext
{
    height:29px;
    color:White;
    text-align:left;
}


.tcardbuttons
{
    margin-top:10px;
    text-align:center;    
}
    .tcardbuttons input
    {
        margin-left:1px;
        margin-right:1px;
    }
/* END TCARD */
.selecttboard
{
  height:40px;
  display:block;
  vertical-align:middle;
  padding-left:80px;
  font-size:26px;
  color:Gray;
  text-decoration:none;
}
.selecttboard:hover
{
    color:#0099cc;
}
.tboardtab
{
    width:104px;
    height:32px;
    background-image:url('images/tboardswitchtab.png');
    background-repeat:no-repeat;
    float:right;
    padding-right:140px;
}
.tboardtab a
{
    color:#00a5d5;
    display:block;
    text-decoration:none;
    padding-top:8px;
    padding-left:12px;
    width:178px;
}
.tboardtab2
{
    width:104px;
    height:32px;
    background-image:url('images/tboardtab.png');
    background-repeat:no-repeat;
    float:left;
    color:#00a5d5;
    text-decoration:none;
    padding-top:8px;
    margin-left:250px;
    text-align:center;
}
.tboardtab2 .year
{    
    font-size:20px;
    font-weight:bold;
   
}
.menublock
{
    padding-left:300px;
    width:400px;
}
.level1
{
    color: White;
    font-size: 11px;
    font-weight:900;
    text-align:center;
    vertical-align:top;
    margin-right:2px;
    width:107px;
    height:25px;
    background-image:url('images/menu_nohover.png');
    background-repeat:no-repeat;
    display:inline-block;
}
.level1 a
{
    padding-top:6px;
}
.hoverstyle
{
    background-image:url('images/menu_hover.png');
    background-repeat:no-repeat;
    color:#908e8f;
}


h1
{
    margin:0px;
    padding-bottom:20px;
}
h2
{
    
}
.fullwidthsection
{
    width:1040px;
    border:solid 1px Grey;
    padding:20px;
}
.fullwidthsectionwithsubsections
{
    padding-top:60px;
    width:1080px;
    padding-bottom:20px;
    display:inline-block;
    
    color:#858585;
    letter-spacing:10;
    font-size:11px;    
}
.forgotpasswordsection
{
    width:409px;
    height:159px;
    padding-left:10px;
    margin-left:110px;
    padding-top:40px;
    float:left;
    
    background-image:url('images/forgotpasswordcontainer.png');
    background-repeat:no-repeat;
}
.registrationsection
{
    width:409px;
    height:130px;
    padding-left:10px;
    margin-left:110px;
    padding-top:40px;
    float:left;
    
    background-image:url('images/registrationcontainer.png');
    background-repeat:no-repeat;
}
.loginsection
{
    margin-left:10px;
    width:332px;
    padding-left:10px;
    padding-top:40px;
    height:130px; 
    float:left;
    
    background-image:url('images/logincontainer.png');
    background-repeat:no-repeat;
}
.regitem
{
    width:400px;    
    vertical-align:middle;
    padding-top:10px;
}
.regitem2
{
    padding-top:5px;
    width:400px;    
    vertical-align:middle;
}
.regitem p
{
    display:inline-block;
    width:100px;
}
.regitem input
{
vertical-align:middle;
}
.regitem2 p
{
    display:inline-block;
    width:100px;
}
.regitem2 input
{
vertical-align:middle;
}
.loginbox
{
    border-top:solid 3px #e8e6e7;
    border-left:solid 3px #e8e6e7;
    border-right:solid 1px #e8e6e7;
    border-bottom:solid 1px #e8e6e7;
    margin-left:20px;
    width:160px;    
}
.loginprompt
{
    width:120px;
    display:inline-block;    
}
.submitbutton
{
    margin-top:20px;    
}
.infologin
{
    width:283px;
    height:72px;
    background-image:url('images/infocontainer.png');
    background-repeat:no-repeat;
    margin-top:5px;
    padding:3px 15px 6px 15px;
    line-height:20px;
}
.infologin2
{
    width:362px;
    height:48px;
    background-image:url('images/infocontainer2.png');
    background-repeat:no-repeat;
    margin-top:5px;
    padding:3px 15px 6px 15px;
    line-height:20px;
    color:#00a5d5; 
    font-size:11px;
}
.infologin2 a
{
    color:#00a5d5; 
    font-size:11px;
}
.loginright
{
    border-top:solid 3px #e8e6e7;
    border-left:solid 3px #e8e6e7;
    border-right:solid 1px #e8e6e7;
    border-bottom:solid 1px #e8e6e7;
    width:170px;
}
.loginrightlong
{
    border-top:solid 3px #e8e6e7;
    border-left:solid 3px #e8e6e7;
    border-right:solid 1px #e8e6e7;
    border-bottom:solid 1px #e8e6e7;
    width:220px;
}
.loginbutton
{
    margin-top:10px;
    margin-left:200px;
}
a.helplink
{
  padding:0px;
  margin:0px;
  color:#3bbadb;  
}
.inforightwide
{
    width:540px;
    margin-right:30px;
    padding:4px;
    float:right;
    border:dashed 1px grey;
}
.greysmallheader
{
    font:12px;
    color:#838383;
}
.errorsummary
{
    padding-left:180px;
}
.errorsummary2
{
    
}
.tboardheadertable
{
    padding:0px;
    margin:0px;
    width:1050px;
    margin-left:10px;
    border-collapse:collapse;
}
.tboardheadertable2
{
    width:1056px;
    margin-left:8px;
    border-collapse:collapse;
}
.headercell_7day
{
    padding:0px;
    margin:0px;
    background-image:url('images/7dayhdr_single.png');
    background-repeat:no-repeat;
    height:66px;
    width:150px;
    color:#505050;
    vertical-align:top;
    text-align:center;
}
.headercell_7day_first
{
    padding:0px;
    margin:0px;
    background-image:url('images/7dayhdr_single_first.png');
    background-repeat:no-repeat;
    height:66px;
    width:150px;
    color:#505050;
    vertical-align:top;
    text-align:center;
}
.headercell_7day_last
{
    padding:0px;
    margin:0px;
    background-image:url('images/7dayhdr_single_last.png');
    background-repeat:no-repeat;
    height:66px;
    width:150px;
    color:#505050;
    vertical-align:top;
    text-align:center;
}
.headercell_7day_today
{
    padding:0px;
    margin:0px;
    background-image:url('images/7dayhdr_single_today.png');
    background-repeat:no-repeat;
    height:66px;
    width:150px;
    color:#505050;
    vertical-align:top;
    text-align:center;
}
.headercell_7day_first_today
{
    padding:0px;
    margin:0px;
    background-image:url('images/7dayhdr_single_first_today.png');
    background-repeat:no-repeat;
    height:66px;
    width:150px;
    color:#505050;
    vertical-align:top;
    text-align:center;
}
.headercell_7day_last_today
{
    padding:0px;
    margin:0px;
    background-image:url('images/7dayhdr_single_last_today.png');
    background-repeat:no-repeat;
    height:66px;
    width:150px;
    color:#505050;
    vertical-align:top;
    text-align:center;
}
.day_7day
{
    padding:0px;
    margin:0px;    
    font-size:15px;
    padding-top:8px;
}
.date_7day
{
    padding:0px;
    margin:0px;
    font-size:12px;
    padding-top:17px;    
}
.headercell_12month
{
    background-image:url('images/12monthhdr_single.png');
    background-repeat:no-repeat;
    height:37px;
    width:88px;
    color:#505050;
    vertical-align:middle;
    text-align:center; 
    padding-left:-8px;
    margin-left:0px;
}
.headercell_12month_first
{
    background-image:url('images/12monthhdr_single_first.png');
    background-repeat:no-repeat;
    height:37px;
    width:88px;
    color:#505050;
    vertical-align:middle;
    text-align:center; 
    padding-left:-8px;
    margin-left:0px;
}
.headercell_12month_last
{
    background-image:url('images/12monthhdr_single_last.png');
    background-repeat:no-repeat;
    height:37px;
    width:88px;
    color:#505050;
    vertical-align:middle;
    text-align:center; 
    padding-left:-8px;
    margin-left:0px;
}
.headercell_12month_today
{
    background-image:url('images/12monthhdr_single_today.png');
    background-repeat:no-repeat;
    height:37px;
    width:88px;
    color:#505050;
    vertical-align:middle;
    text-align:center; 
    padding-left:-8px;
    margin-left:0px;
}
.headercell_12month_first_today
{
    background-image:url('images/12monthhdr_single_first_today.png');
    background-repeat:no-repeat;
    height:37px;
    width:88px;
    color:#505050;
    vertical-align:middle;
    text-align:center; 
    padding-left:-8px;
    margin-left:0px;
}
.headercell_12month_last_today
{
    background-image:url('images/12monthhdr_single_last_today.png');
    background-repeat:no-repeat;
    height:37px;
    width:88px;
    color:#505050;
    vertical-align:middle;
    text-align:center; 
    padding-left:-8px;
    margin-left:0px;
}
.headercell_12month .month
{   
    font-size:12px;    
}
.tboardview
{
    background-color:#edeced;
    border:solid 1px white;
}
.tboardview tr
{
    height:30px;
}
.tboardheaderrow
{
}
.tboardview tr td
{
    text-align:center;
}
.tboardview tr td a
{
    font-size:11px;
    display:block;
    padding:0px 10px;
    color:#00a5d5;
}
a.standardlink
{
    color:#00a5d5;
}
.TCardContents_REACT
{
    width:438px;
    height:212px;
    border:solid 1px Grey;
    padding:2px;
    overflow-x:auto;
    overflow-y:none;
}
.TCardContents_REACT .input
{
    
}
.TCardContents_REACT table
{
    table-layout:fixed;
    width:412px;
    border-collapse:collapse;
    border-spacing:0px;
    margin-bottom:6px;
}

.TCardContents_REACT table td
{
    
}
.TCardContents_REACT table td.firstcell
{
    width:59px;
}
.REACT_1collengthtextbox input
{
    width:344px;
}
.REACT_2collengthtextbox input
{
    width:198px;
}
.REACT5col4text input
{
    width:80px;
}