/* generic styles */

    body{
            text-align:center;
            font-family:Helveetica,Verdanda, sans-serif;
            margin:5px 0;
            }

    #bodyWrapper {
            text-align:left;
            width:1000px;
            margin:auto;
    }

    .clear {
             clear:both;
             height:1px;
     }

    .clear5 {
             clear:both;
             height:5px;
    }
    .clear10 {
             clear:both;
             height:10px;
     }
    .clear20 {
             clear:both;
             height:20px;
     }
   .clear80 {
             clear:both;
             height:80px;
     }
    ul {
        margin:0;
        padding:0;
        list-style-type:none;
        text-align:left;
    }

    h2 {
        margin-bottom:10px;
        line-height: 28px;
    }


 /*the header section*/

    h1 {
            margin:10px 0;
            font-weight:bold;
            font-size:36px;
    }

    #subhead {
            color:#a2a2a2;
            font-size:20px;
     }

    .bubble {
            background-color:#f0f0f0;
            padding:15px 30px;
            margin:20px 0 10px;
            border-radius: 7px;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border:1px solid #b3b3b3;
            font-weight:bold;
            font-size:18px;
            letter-spacing:2px;
            line-height:24px;
    }


 /*the top nav*/

    #nav {
            text-align:right;

            margin:25px 0;
            }
    #nav a, #nav a:visited {
            color:#989898;
            text-decoration:none;
           font-weight:600;
            margin-left:35px;
        font-size:14px;
        letter-spacing:1.7px;
        font-family: Helvetica, Verdana;
            }

    #nav a.on {
        color:#de8900;
        font-weight:600;
         letter-spacing:1.7px;
        font-family: Helvetica, Verdana;

    }

 #nav a:hover {
        color:#de8900;
        text-decoration:underline;
        font-weight:600;
         letter-spacing:1.7px;
        font-family: Helvetica, Verdana;
    }

/*the side nav and content table*/
    #content {
        width:100%;
        border:1px solid #b3b3b3;
              letter-spacing:1.7px;
        line-height: 22px;
        font-size:15px;

        
    }

    #content td{
        vertical-align:top;
        padding:20px;

    }

    #content td.content_nav {
        width:225px;
        padding:0;
        background-color:#f0f0f0;
        border-right:1px solid #b3b3b3;

    }

    

    #content td.content_nav  ul.nav li{
        padding:10px;
    }

    #content td.content_nav  ul.nav li.on{
        background-color:#dbdbdb;
        border:1px solid #b3b3b3;
        border-width:1px 0;
        font-weight:bold;
    }



    #content td.content_nav  ul.nav li div.onraquo {
        font-size:20px;
        font-family:Helvetica,sans-serif;
        font-weight:bold;
        float:right;
        display:none;
    }

    #content td.content_nav  ul.nav li.on div.onraquo {
        display:block;
    }


    #content td.content_nav  ul.nav a {
        text-decoration:none;
        color:#000000;
    }
     #content td.content_nav  ul.nav a:hover{
        text-decoration:underline;
        color:#bc7400;
    }

    .greenbubble {
        background-color:#c9e2be;
        padding:10px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border:1px solid #4c4c4c;
        float:left;
        width:210px;
        height:250px;
        margin-right:15px;
        text-align:center;

    }



    .greenbubble h3{
        font-size:16px;
        margin:5px;
    }

    .greenbubble li{
        padding:10px;
        font-size:14px;
    }

    .supportbubble {
        background-color:#c9e2be;
        padding:10px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border:1px solid #4c4c4c;
        width:260px;
        font-weight:bold;
        font-size:18px;
        margin-left:15px;
        
    }

    .supportbubble a,.supportbubble a:visited{
        color:#25355f;
        text-decoration:none;
        
    }
    .supportbubble a:hover{
        color:#25355f;
        text-decoration:underline;
        
    }

ul.docList {
    float:left;
}
ul.docList li {
    padding:5px;
}
ul.docList img{
    margin-right:5px;
    
}


.todoscreenshot {
    float:left;
    padding:10px
}
.todoscreenshot_small {




    padding:10px
}

.featureTable {
    width:100%;
}

.featureTable td{
    padding:5px;
    vertical-align:top;
    line-height:21px;
    letter-spacing:1.8px;
    font-family:Helvetica, Verdana;
    font-size:15px;
}

.featureTable tr.altRow td{
    background-color:#f3f3f3;
}

.planBubble {
    width:250px;
    padding:15px;
    margin:15px ;
    height:140px;
    float:left;
}

img {border:none;}

#footer {
    padding-top:5px;
}