html, body{ height: 100%; width: 100%;}
body{
    background-color: white; background-image: url("../img/bg4.jpg"); background-repeat: repeat-x;
    margin: 0px; padding: 0px;
    font-family: arial; font-size: 14px; line-height: 20px;
    text-align: center;
    
}

a{
    color: #002B91;    
}

.small{ font-size: 11px; font-weight: normal;}

.minor{
    font-size: 11px; font-weight: normal;    color: #666666;
}
.clear{clear: both;}


a img{
  border: none;  
}
    a img.icon{
        vertical-align: middle;
    }

.dropdown{
    position: relative; z-index: 95;   
}
 .dropdown span,
 #mainListHead th .dropdown:hover  span{
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 14px;
    margin-left: 4px;
    background-image: url(../img/arrow_black.png);
    position: relative;
    border: 1px solid transparent;
}

#mainListHead th .dropdown:hover  span{ overflow: hidden; width: 14px; max-width: 0px; position: relative;}
#mainListHead th .dropdown:hover  span:hover{
  background-color: white;
}

   
   #mainListHead ul li a{ color: #333333;}

   #mainListHead .dropdown span{
     
    position: relative; line-height: 16px;
    background-image: none; padding-right: 0;
   }
   
   /* .dropdown:hover span{
        background-color: white;
    }*/
    
    /* BLOXDB header: *
    
#header{
    text-align: left;    
}
    #header .menu{
        padding: 2px 0px 0px 0px; margin: 0px;    line-height: 17px;
        position: absolute; top: 5px; height: 25px;
    }
        #header .menu li{
            float: left; list-style: none;
            padding: 0px 12px;
            font-size: 12px;
        }
        
        #header #menu{
            left: 100px; width: 493px;
            padding-left: 40px;
            background-image: url("../img/menubg.jpg"); background-repeat: no-repeat;
        }
            #header #menu li:hover{
                background-color: #DFDFDF;
            }
                
            #header #menu a,
            #header #menu .dropdown span{
                color: #939393;
                text-decoration: underline;
            }
                #header #menu .dropdown a,
                #header #menu .dropdown:hover a{
                    color: #555555; text-decoration: none;
                }
            
            
                #header #menu li:hover a,
                #header #menu .active a{
                    color: black; text-decoration: none;    
                }

                #header #menu .dropdown span{
                    background-image: url(../img/arrow_black.png);    
                }

                
        #header #tools{
            left: 600px; color: #E1E1E1;   
        }
        
            #header #tools li{
                padding: 0px 8px;
            }
                
            #header #tools a,
            #header #language{
                color: #E1E1E1;    
            }
                #header #tools a:hover,
                #header #tools .active a{
                    color: white;    text-decoration: none;
                }
            
        #header #language{
            right: 0px;    
        }
        
        #header .menu .dropdown{
            position: relative;       
            padding-right: 0px;
        }
            .menu .dropdown span{
                display: block;
                background-image: url(../img/arrow_white.png);
            }
            
            
            */
            
            
            #header{ 
            width: 100%; height: 74px;  z-index: 99;    
        }
            #logo{
                position: absolute; left: 16px; top: 3px;    
            }
        
            #header h1{
                position: absolute; left: 140px; top: 3px; line-height: 23px;
                color: black; font-size: 13px;     margin: 0px; padding: 0px; 
                letter-spacing: 0px; font-weight: bold;
                z-index: 76;
            }
                        
            #header .menu{
                margin: 0px; padding: 0px;
                position: absolute; right: 16px; top: 6px;
                z-index: 72;
            }
            .appgrid-body #header .menu{ right: 250px; }
            
                #header .menu li{
                    float: left; list-style: none; margin-left: 16px; 
                    font-size: 12px;
                }
                
                #header .menu a{
                    color: #08237B;   
                    font-size: 12px;
                }
                                    
                #header .menu .active a,
                #header .menu  a.active,
                #header .menu a:hover{
                    color: #C7003D;    
                }
                
            #header .listinfo{
                position: absolute; right: 0px; top: 40px;
                font-size: 12px;
                
            }
             /*   #header .listinfo a.important{
                    color: #C7003D;    
                }*/
                #header .listinfo h2{
                    margin: 0px; padding: 0px; font-size: 16px; display: inline;
                }
                
                
                
                
                

        
        .bdbContextMenu{
            position: absolute; top: 0px; left: 0px; /*min-width: 100%;*/ /*max-width: 120px;*/ min-width: 80px;
            background-color: #F0F0F0; color: #777777;
            border: 1px solid #A6A6A6;
            padding: 0px; margin: 0px; z-index: 99;
            -webkit-box-shadow:rgba(0,0,0,0.25) 1px 1px 4px; 
	-moz-box-shadow:rgba(0,0,0,0.25) 1px 1px 4px;
        box-shadow:rgba(0,0,0,0.25) 1px 1px 4px;


            
        }
            #header .bdbContextMenu li,
            .bdbContextMenu li{
                float: none;
                display: block;
                list-style: none;
                padding: 1px 12px; margin: 0px;
                white-space: nowrap;
                font-size: 12px;

            }
                #header .bdbContextMenu li a{
                    color: #333333; text-decoration: none;    
                }
            
                .bdbContextMenu ul{ margin-left: 5px; padding-left:0;}
            
.body{
    text-align: left; margin: 0px auto;
    width: 768px;    
}
            
h1,h2{
    font-size: 18px; color: black; font-weight: normal;  margin: 0px; padding: 4px 0px;  
}


    .blox, .intro,
    .content{
        position: relative;
        padding: 0px 11px;   
        margin-top: 30px; margin-bottom: 0px;
    
    
    }

    .content{
        background-color: white;
        background-image: url("../img/cbg.jpg"); background-repeat: no-repeat;
    }
        .content h3{
            margin-bottom: 0px;    font-size: 15px; color: #555555;
        }
        .content p{
            color: #777777; line-height: 24px;  
        }
    
    .intro{
        background-color: white;
        background-image: url("../img/introbg.jpg"); background-repeat: no-repeat;
        height: 141px;
    }
    
        .intro .screenshot{
            position: absolute; right: 0px; top: 0px;    
        }
        
        .intro ul{
            position: absolute; left:11px; padding: 0px; margin: 0px;    
        }
            .intro ul li{
                line-height: 26px; list-style: none; font-size: 16px;
                background-image: url("../img/icons/accept.png"); background-repeat: no-repeat; background-position: center left; padding-left: 20px;
            }
        
        .intro ul, .intro p{
            color: #6C6C6C;    top: 52px; 
        }
            
        .intro p{
            line-height: 21px; margin: 0px; padding: 0px;
            position: absolute; left: 145px; width: 370px;    
        }       
        
            .intro p a{
                font-weight: bold; font-size: 12px; color: #6C6C6C; text-decoration: none;    
            }
    
    .blox{
        background-color: #81A3E5; 
        background-image: url("../img/bloxbg.jpg"); background-repeat: no-repeat; 
        margin-top: 38px;
    }
        .blox h2{
            padding-top: 12px; padding-bottom: 16px;
            color: white;    
        }
        
        .blox h3{
            font-weight: normal; font-size: 14px; padding: 0px; margin: 0px; line-height: 24px;
            position: absolute; top: 12px; right: 22px;    color: #001B51;
        }
        .blox ul{
            padding: 0px 0px 0px 3px; margin: 0px;    
        }
            .blox ul li{
                list-style: none;
                float: left;    
                background-color: #638DDE;
                margin-right: 0px;
                line-height: 16px;
                padding: 54px 0px 0px 0px;
                height: 90px; max-height: 36px;
                text-align: center; width: 86px;
                font-size: 13px;
                background-position: center 20px; background-repeat: no-repeat; cursor: pointer;
            }
                .blox ul li,
                .blox ul li a{
                    color: white; text-decoration: none;
                }
            .blox ul li.special{
                margin-right: 0px; margin-left: 22px;
                
            }
        .blox p{
            padding: 4px 226px 10px 0px; margin: 0px;
            text-align: right; clear: both;    
        }
            .blox p a{
                font-size: 12px;
                font-weight: bold; color: #405F9B; text-decoration: none;    
            }
                .blox p a:hover{
                    color: #001B51;    
                }
        
    .actions{
        position: relative;
        height: 71px;   
    }
        .actions div{
            position: absolute; top: 0px; line-height: 31px; padding: 8px 0px 12px 0px;
            width: 216px; text-align: center;
            background-image: url("../img/bottom_button_corners.png"); background-position: bottom left; background-repeat: no-repeat;
        }
        .actions .contact{ left: 0px; background-color: #F8EB9A;}
        .actions .signup{ right: 0px; background-color: #001B51;}
            .actions .signup,
            .actions .signup a{
                 color: white; text-decoration: none;   
            }
        .actions .demo{ right: 237px; background-color: #D4DAE6;}
            .actions .demo a{
                text-decoration: none; color: #001B51;    
            }
            
            
                .actions .demo a:hover,
                .actions .signup a:hover{
                    text-decoration: underline;    
                }

            
            
        .actions .login{
            right: 0px; padding: 0px; line-height: 20px; top: 51px;
            font-size: 11px;
        }
            .actions .login,
            .actions .login a{
                color: #466BB5;    
            }
        
    .column1,    
    .column2{
        margin-top: 24px;
        float: left;    
    }
    
        .column1 h2,
        .column2 h2{
            padding-bottom: 10px;    
        }
    
    .column1{ width: 529px; margin-right: 22px;}
    .column2{ width: 205px; border-left: 1px solid #DDDDDD; padding-left: 10px}
    
        .content .column2{
            width: 180px;    
        }
    
    .column1{
        color: #777777; line-height: 24px;    
    }
        .column1 p{
            margin-top: 0px;    
        }
        
    .testemonial{
        background-color: #EEEEEE; padding: 4px 11px;        
    }
        .testemonial strong{
                color: black;
        }
            
    .lists{
        margin: 0px; padding: 0px;   
        border-top: 1px solid #EBEBEB;
    }
        .lists li{
            line-height: 22px; background-image: url("../img/icons/table.png");
            background-repeat: no-repeat; background-position: center left; padding: 0px 0px 0px 20px; list-style: none;
            border-bottom: 1px solid #EBEBEB;
        }
            .lists li a{
                text-decoration: none; color: #777777;    
            }
        
.footer{
    clear: both;
    width: 100%; text-align: center; padding: 25px 0px 15px 0px; font-size: 11px;    
}
    .footer, .footer a{
         color: #AAAAAA;    
    }
    

    
    
    table.pricing thead th{
        border-bottom: 3px solid black;
        
    }
        table.pricing th,
        table.pricing td{
            width: 150px; 
               vertical-align: top;
        }
        
        table.pricing tbody td{
          
            padding: 1px 6px;
        }
        
        table.pricing .prices td,
        table.pricing .prices th{
            padding-top: 4px;
            border-top: 1px solid black;    
        }

    .entryform{
        background-color: #E8E8E8; padding: 12px;
        margin: 12px 0px;
    }
        .entryform table{
            text-align: left;
        }
        
        .entryform table .groupFirst th,
        .entryform table .groupFirst td{
            border-top: 1px solid #D6D6D6;
            padding-top: 4px;
        }
        
            .entryform table th{
                text-align: right;    padding-right: 12px;
            }
            
            .entryform table td,
            .entryform table th{
                vertical-align: top;
            }
            .entryform table th{                
                 width: 150px;
            }
            .entryform table .minor{
                padding-left: 12px;
                line-height: 13px;    
            }
            
            .entryform table input{
                width: 260px;    
            }
            
                .entryform table input.button{
                    width: auto;    
                }
            
        .entryform .submitbutton{
            margin-top: 12px; font-weight: bold;    
        }
        
.appgrid{
    position: absolute; top: /*39px*/ 16px; bottom: 0px; right: 0px; left: 0px;
    text-align: left;
    z-index: 70;
    
    /* IE hacks*/
    width: expression(document.body.clientWidth + 'px');
    height: expression(document.body.clientHeight-16 + 'px');
    
}
    .appgrid h2{
        font-size: 14px; color: #6C6C6C; font-weight: bold; margin: 0 0 0 8px; line-height: 25px; padding: 0;    
    }
      .appgrid h2 a{
        font-weight: normal;
        color: #6C6C6C;
       text-decoration: none;  
      }

    .list{
        position: absolute; top: 24px; bottom: 0px; left: 140px; right: 0px;
         /*border-top: 1px solid #E2E2E2;
         border-left: 1px solid #E2E2E2;*/
         padding-left: 0px;
         background-color: white;

         /* IE hacks*/
         width: expression(document.body.clientWidth-140 + 'px');
         height: expression(document.body.clientHeight-(24+39) + 'px');

    }

    .split{
        padding-right: 251px;    
    }
        .split .dataBodyContainer{ right: 251px;}
        .split .dataFooter{ padding-right: 251px;}
        .split .list{padding-right: 251px;}
        
        
    #body.split{
        padding-right: 350px;    
    }
        #body.split .dataBodyContainer{ right: 0px;}
        #body.split .dataFooter{ padding-right: 0px;}
        #body.split .list{padding-right: 0px;}
       /* #body.split .list .tabs{ right: 350px;}*/

    .appgrid .extra{
        position: absolute; width: 249px; right: 1px; top: 29px; bottom: 29px;
        display: none;
        overflow: auto;
    }
    
    #body.split .extra{ width: 550px; } 
    
    #body.split #extraApp{
        display: block;   background-color: #C0C0C0; top: 22px;
        z-index: 99;
        border-bottom: 1px solid #A0A0A0;
         -webkit-box-shadow:rgba(0,0,0,0.3) 0px 3px 3px; 
	-moz-box-shadow:rgba(0,0,0,0.3) 0px 3px 3px;
        box-shadow:rgba(0,0,0,0.3) 0px 3px 3px;
        
                -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
    }
    #body .split #extraList{
        display: block; background-color: #628CDE; color: white;
    }
    #extraList a{
      color: #EEEEFF; 
    }
    #extraList a.button{ color: black;}
    #extraList label, #extraList th, #extraList td, #extraList h3{color: white;}
    
    #extraList table{ background-color: #477ADE; width: 100%;}
    
    
    .collapse{
      position: absolute; z-index: 98; right: 6px; top: 2px;
      font-weight: bold; cursor: pointer;
      line-height: 14px; font-size: 14px;
    }
    .collapse span{ font-weight: normal; font-size: 10px; line-height: 10px; position: relative; top: -1px; }
    
    .tabContent{
        display: none; margin: 16px 4px 0px 4px; font-size: 13px;
       
    }
    .tabContent table{
      font-size: 11px;
    }
        
    .tabContent .form{
      background-color: transparent; padding: 2px;
      width: 80%; max-width: auto; border: none;
      border: 1px solid white;
    }
      .tabContent .form input.text{
        font-size: 11px;  width: 95%;
      }
      .tabContent .form input.button{ width: auto;}
      .tabContent .flash{
        background-color: white; padding: 2px; 
      }

      
    .publishTabActive #publishTabContent,
    .shareTabActive #shareTabContent,
    .discussTabActive #discussTabContent,
    .configureTabActive #configureTabContent,
    .filterTabActive #filterTabContent,
    .trackTabActive #trackTabContent,
    .viewTabActive #viewTabContent{
        display: block;   
    }
        
        
    .appgrid .tabs{
        position: absolute; right: 0px; top: 0px; margin: 0; padding: 0 0 0 3px;
        background-color: white;
        
    }
    
        .tabs li{
                list-style: none;
                float: left; 
                font-size: 12px;
                padding: 0px 8px;
                line-height: 22px;
                background-color: #ECECEC;
                margin-right: 5px;
                cursor: pointer;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                border: 1px solid #D0D0D0;
                
 /*
        -moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;*/
        }
        
        .tabs li:hover{
          
           -webkit-box-shadow:rgba(0,0,0,0.25) 0px 0px 3px; 
	-moz-box-shadow:rgba(0,0,0,0.25) 0px 0px 3px;
        box-shadow:rgba(0,0,0,0.25) 0px 0px 3px;
        }
        
        .tabs #shareTab{
          background-color: #852382; /*#D7C6D7*/; 
          border: 1px solid #41009A;
          font-size: 13px;  padding: 0 12px;
          color: white; 
        }
        
            .discussTabActive #discussTab,
            .shareTabActive #shareTab,
            .publishTabActive #publishTab,
            .trackTabActive li#trackTab,
            .tabs li.active{
              border: 1px solid #C0C0C0;
                background-color: #C0C0C0 !important;  
                -webkit-box-shadow:rgba(0,0,0,0.25) 1px 1px 4px; 
	-moz-box-shadow:rgba(0,0,0,0.25) 1px 1px 4px;
        box-shadow:rgba(0,0,0,0.25) 1px 1px 4px;
        
        -moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
        border-top-color: #B0B0B0;
        color: black;
            }
            
            .trackTabActive a#trackTab{
              color: #900467;           
              font-weight: bold;
            
            }
            
        .tabs li .dropdown li{
            background-color: transparent;
        }
    .sidebar{
        width: 137px;
        position: absolute; left: 3px; top: 25px; bottom: 0px;
        height: expression(this.parentNode.offsetHeight-25 + 'px');
    }

    
        .sidebar .box{
            width: 132px;
            /*background-color: #F8EB9A;*/
            margin-bottom: 10px;
            border-width: 0px;
            font-size: 13px;
        }
        .sidebar h3{
            font-size: 12px; margin: 0px; padding: 0px 4px; color: #8F8759;   
        }
            .sidebar h3 .icon{ vertical-align: bottom; margin-bottom: 2px; }
        .sidebar .box ul{
            position: absolute; top: 18px; bottom: 4px; left: 0px; right: 0px; 
            margin: 0px; padding: 2px 0px 2px 2px;  overflow: auto;
            width: 128px; height: expression((this.parentNode.offsetHeight-22) +'px');
        }
            .sidebar .box ul li{
                list-style: none; padding: 0px 0px 0px 19px; margin: 0px 0px 1px 0px;
                background-image: url(../img/icons/application_view_columns.png); background-repeat: no-repeat; background-position: 2px 2px;
                background-color: #FCF5CD; color: #8F8759;  font-size: 11px; line-height: 18px;
            }
                .sidebar .box ul li.active{
                    background-color: white; color: #001B51; font-weight: bold;
                }
            
            
                
    .sidebar .box, .sidebar .filterlist{
        position: absolute; left: 0px;
       /* -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;*/
        height: 24%;
        font-size: 13px;  line-height: 19px;
    }
    .sidebar .filterlist{ width: 139px; overflow: auto; }
    
    .sidebar .filterlist h4,
    .sidebar .filterlist li{padding-left: 5px;}
    
      .sidebar .box h4,
      .sidebar .filterlist h4{
        margin: 0; font-weight: bold; color: #A0A0A0; font-size: 12px; 
      }
      .sidebar .filterlist ul{
        width: 100%;
        margin: 0 0 6px 0; padding: 0;
        overflow: hidden;
      }
        .sidebar .filterlist li{
          list-style: none; border: none;
        }
        .sidebar .filterlist li a{ display: block; font-weight: bold; font-size: 13px; text-decoration: none; position: relative;}
        
        .sidebar .filterlist li a:hover{ background-color: #FFFFDD; }
        
        .sidebar .filterlist li a span{ text-decoration: underline; }
        .sidebar .filterlist li a span.del{ text-decoration: none; position: absolute; right: 3px; top: 0px; display:none;}
        .sidebar .filterlist li a.active span.del,
        .sidebar .filterlist li a:hover span.del,
        .sidebar .filterlist li a:focus span.del{
          display: inline; 
        }
        #view_search { display: none;}
        .sidebar .filterlist li.active{ background-color: #D0D0D0; display: list-item !important; }
    .sidebar .filterlist li.active a{ text-decoration: none; color: black; background-color: transparent !important;}
    
        .sidebar .filterlist li a:focus{ background-color: #EFEFEF; } 
    
        .sidebar .shares{ margin-top: 11px; font-size: 11px;}    
    /*
    .sidebar .views{
        top: 0px; bottom: 50%;    
    }*/
    .sidebar .fullbox{
        top: 0;/*50%;*/ bottom: 0px; 
        height: 100%;
    }
   /* .sidebar .lists { top: 50%; }*/
    .sidebar .appslist{ top: 33%;}
    .sidebar .bloxlist, .sidebar .filterlist{ top: 0;}
    .sidebar .filterlist { height: 100%; }
    .sidebar .sharebox { top: 71%; height: 30%;}
    
    
    

        .list .tabs{ top: 5px; }   
            .list .tabs li{
              line-height: 23px;
                background-color: #E0E6F3; /*#D4DAE6;*/ 
                -moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;

border-color: #D0D6E3;

            }
            
/*            .list .tabs li#discussTab,
            .list .tabs li#shareTab,
            .list .tabs li#publishTab,
            .list .tabs li#trackTab
            {
               background-color: #D0D0D0;
                
            }
  */          
            
            
                .configureTabActive #configureTab,
                
                .filterTabActive #filterTab,
                .viewTabActive #viewTab,
                .list .tabs li.active{
                    border-color: #628CDE;
                    background-color: #628CDE; 
                    color: white;
                }
            
            .list .head{ height: 25px; margin-top: 4px; width: auto; z-index: 95;
            white-space: nowrap;
            }
            .list h3{
                padding: 2px 4px;
                float: left;
                width: auto; margin: 0px; line-height: 20px; background-color: #0036a0; /*#628CDE;*/  border-bottom: 1px solid #83A2DE;
                font-weight: normal; color: white;
              z-index:96;  
                -moz-border-radius: 4px 0 0 0;
                -webkit-border-radius: 4px 0 0 0;
                border-radius: 4px 0 0 0;
            }
                .list h3 .icon{
                    vertical-align: bottom; margin-bottom: 4px;    
                }
                .list h3 .dropdown span{
                    background-image: url(../img/arrow_white.png);
                 
                }
                .list h3 .dropdown span:hover{ border: 1px solid white; }
                .list h3 input{ width: auto;}
                
            .list .head .actions{
                padding: 2px 8px;
                display: block; float: left;
                font-size: 11px;
                line-height: 21px; height: 25px; max-height: 21px;
                background-color: #D4DAE6;
                z-index: 97;
                -moz-border-radius:  0 4px 0 0;
                -webkit-border-radius: 0 4px 0 0;
                border-radius: 0 4px 0 0;
            }
                .list .actions .dropdown{
                        padding-right: 0px;
                }
        
        .data{ width: 100%; border-spacing: 0; position: relative;  background-color: #EFEFEF;}
        
        .data thead th{
            background-color: #628CDE; color: white;   
            font-size: 11px; text-align: left;
        }
        
        
        .dataBodyContainer{
            position: absolute; bottom: 32px; top: 55px; left: 0px; right: 0px;
            overflow: auto;    background-color: #EFEFEF; border-left: 1px solid #E0E0E0;
            z-index: 70;
            
            
                /* IE hacks*/
                width: expression(this.parentNode.offsetWidth-5 + 'px');
                height: expression(this.parentNode.parentNode.offsetHeight-(32+55) + 'px');
            
        }
        .data td{ text-align: left; border-width: 0px; margin: 0;
        vertical-align: top;
        }
        .data tbody td{ font-family: "Trebuchet MS", arial, sans-serif; font-size: 12px; color: #555555; background-color: #F9F9F9; border-top: 1px solid #E6E6E6; border-right: 1px solid #D0D0D0; padding: 0px 3px; line-height: 18px;}
            .data tbody .even td{ background-color: white;}            
            
            .data tbody .over td{ background-color: #E6E9FF;}
            
            .data td.controls{ text-align: right; }
            .data td.first{white-space: nowrap;}
            
                    table.data tr.wasactive td{
                        background-color: #FFFFD0; color: black;                         
                     }
                        table.list tr.wasactive td.controls{
                            border-right: 2px solid blue;    
                        }
                    table.data tr.active td{
                         background-color: #FFFFC0; color: black;
                        /*background-image: url("../img/actback.jpg");*/ background-repeat: repeat-x;
                        border-right-color: #F9F9B9;
                        border-top: 2px solid #F5DC5F;
                    }
                    
                    table.data tr.changed td{
                      font-weight: bold;  
                      color: black;    
                    }
                    
                    table.data .changedIcon{
                        color: #CC0000;    
                    }
                    
                        table.data tr.active td.controls,
                        table.data tr td.detailrow{
                            border-right: 2px solid #F5DC5F;    
                        }
                        table.data tr.active td.first{
                            border-left: 2px solid #F5DC5F;    
                        }
                    .detailrow{
                        background-color: #FFFFC0; min-height: 100px;    
                    }
            
            
            
            

        .dataFooter{
            position: absolute; left: 0px; right: 0px; bottom: 0px; height: 30px; overflow: hidden;
            border-top: 2px solid #AFAFAF;    background-color: #E7E7E7;
        }
        
        
            .dataFooter select,
            .dataFooter option{
                font-size: 11px; font-family: arial;
               
            }
            .dataFooter select{
                 padding: 0px; border: 1px solid #555555;    
            }
        
        
            .dataFooter div {
                float: left; margin-right: 4px; margin-left: 0px;
                line-height: 24px; padding: 1px 8px 2px 8px; font-size: 11px;
                -moz-border-radius:  0 0 4px 4px;
                -webkit-border-radius: 0 0 4px 4px;
                border-radius:  0 0 4px 4px;
                 white-space: nowrap;
            }
                .dataFooter .select{
                    padding: 1px 3px 1px 3px;
                    /*background-color: #AFAFAF;*/    
                }
                    .dataFooter .select select{
                        background-color: #D0D0D0;
                        border-color: #898989;
                         background-image: url(../img/buttonbg.jpg);
                    }
                
                .dataFooter .scroller{
                    float: right;
                    background-color: #AFAFAF;    
                    font-size: 12px; font-weight: bold;
                }
                    .dataFooter .scroller a{
                        background-color: #C0C0C0; color: #414141;
                        text-decoration: none;  padding: 1px 5px;
                        border: 1px solid #999999;
                    }
                    .dataFooter .scroller a.active{
                        background-color: #414141; color: white;
                        border-color: #414141;
                    }
                    .button,
                    .dataFooter .scroller a.button,
                    p.controls .button{
                        font-size: 11px; border: 1px solid #898989; color:
                        #414141;  background-color: #D0D0D0; background-image: url(../img/buttonbg.jpg); background-repeat: repeat-x;
                        line-height: 16px;
                        padding: 1px 5px; color: black; text-decoration: none;
                        -moz-border-radius: 2px;
                        -webkit-border-radius: 2px;
                        border-radius: 2px;
                        margin-right: 1px;
                        width: auto;
                    }
                    
                        .dataFooter .scroller a.button img{
                            vertical-align: middle;                            
                        }
                        
                        .button ul{
                            background-color: white;    
                        }
                        .button ul li{
                            font-weight: normal; white-space: nowrap;
                        }
                        b.button{
                            font-weight: normal;    
                        }
                        
                    
                    .button:hover,
                    .dataFooter a.button:hover{
                        background-position: 1px 1px;
                        border-color: #555555;    
                    }
                
                .dataFooter .additem{
                    background-color: white; border-width: 0px 1px 2px 0px; border-style:solid; border-color: #C0C0C0 #A0A0A0;
                    float: right; margin: 0px 24px 0px 0px;
                    
                }                        
                    .additem a{
                         padding: 0px 10px;
                        text-decoration: none;
                        font-size: 14px; font-weight: bold;
                    }
                    .additem a span{
                        text-decoration: underline;
                    }
                    
                .dataFooter .layout{
                    color: #929292;   
                }
                    
                
  /* flexlists inheritance  */
       
      
div.consyn_tooltip{
    border-color: #555555;
    background-color: #F8F3D1;
    max-width: 200px; text-align: left; color: #333333;    
    line-height: 14px; font-size: 11px;
}

  

  table.data .toggleItem{
        position: relative;
        line-height: 16px; padding: 0px 8px;
        height: 16px; width: 16px; vertical-align: top;
        background-image: url("../img/icons/bullet_toggle_plus.png");
        background-repeat: no-repeat; cursor: pointer;
    }
      table.data tr.active .toggleItem{
          background-image: url("../img/icons/bullet_toggle_minus.png");    
    }
                    


    table.data .hiddenrow,
    table.data .hiddenrow td{
      color: #EFEFEF;white-space: nowrap; background-color: #EFEFEF; border-color: #C0C0C0 #EFEFEF #EFEFEF #EFEFEF;  
    }


  .searchform{ position: absolute;  right: 235px; top: 7px;}
     .searchform form{
                        display: block;
                        z-index: 99;
                    }
                    .searchform form input{
                        width: 150px; 
                        border: 1px solid #999999;
                        padding: 1px 2px; font-size: 13px; font-family: arial; line-height: 14px;
                    }
                    .searchform form input:focus{
                      border-color: black; 
                    }
  
                    
                    .searchform a{
                      text-decoration: none; font-weight: bold; 
                    }
            .sidebar .collapse{
                width: 16px; height: 16px;
                position: absolute; right: -4px; top: 4px;    
            }
            .collapseView .sidebar .collapse{
                    position: relative; right: 0px; top: 0px;
                }
            
            .collapseView .sidebar{
                
                overflow: hidden; width: 1.0%;  height: 100px;  
            }
                .collapseView .sidebar .box,
                .collapseView .sidebar ul{
                    display: none;
                }
            
        .collapseView .dataBodyContainer{ left: 0px;}
        
        .collapseView .list{
          left: 20px;
          /* IE hacks*/
          width: expression(document.body.clientWidth-20 + 'px');
         
        }
        
        
        #content{
            margin-top: -30px;
            width: 82%;
            height: auto;
            float: right;
            text-align: left;
        }
        
         #container div.homeContent{
            width: 736px;    
            margin: 0px auto;
            float: none;
        }
        
        
        .consyn_lightbox_box label,
            #content label{
                display: block;
                font-size: 13px; font-weight: bold;
                padding-top: 10px; padding-bottom: 1px;
            }
            
            input,
            textarea{
                width: 100%;
                border-width: 0px 0px 1px 0px;
                border-style: solid;
                border-color: #999999;
                background-color: white;
                position: relative;
                color: #444444;
                font-family: "Trebuchet MS";
            }
            input[type=radio]{
                width: auto;
            }
            
                body .consyn_unvalidated,
                body input.consyn_unvalidated,
                body textarea.consyn_unvalidated,
                body select.consyn_unvalidated{
                    background-color: #990000;   
                    color: white;
                }
            
            select{
                width: 100%;
                border-width: 1px;
                background-color: white;
                color: #444444;
                font-weight: bold;
                font-family: "Trebuchet MS";
            }
            
            input.checkbox,
            input.radiobutton,
            input.radio
            input.button{
                width: auto;    background-color: transparent;
                border: none;
            }
                
            .homeContent .button{
                text-align: right;
                margin: 10px 0px 0px 0px; padding: 0px;
                border-width: 0px;  
                color: #001B51;
                background-color: transparent;
                font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold;
            }
        
         .homeContent input,
            .homeContent select{
                background-color: #2D426D;   
                color: white;
            }
            
            .homeContent .button{
                color: white;   text-align: center;
                 background-color: #102B61;   padding: 3px 0px;
            }
                .homeContent .button:hover{
                     background-color: #203B71;   
                }
            
                .button:hover{
                    background-color: white;    
                }
              
           
                
                
            #content .loginForm{
                float: left;
                background-color: #E0E0E0;
                color: #444444;
            }
                .homeContent#content #column2 .loginForm h2{
                    color: #666666;
                    padding-bottom: 8px;
                }
                    .homeContent#content #column2 .loginForm h2 a{
                        color: #001B51;    
                    }
                
                #content .loginForm label{
                    margin: 0px; padding: 1px 0px; line-height: 24px;
                    width: 120px;  float: left;
                    clear: left;
                }
                .loginForm input{
                    background-color: white;
                    color: #444444;
                    width: 185px;    float: left; clear: right;
                }
                .loginForm input.checkbox{
                    width: auto; float: left;  background-color: transparent; 
                }
                .loginForm .button{
                    background-color: #999999; color: white;
                    float: right; clear: both;    
                }
                
  
                
                #column1, #column2{
            position: relative; left: 0px; top:0px;
            float: left; margin: 0px 0px 0px 0px;
     
        }
        
            #column1{
                width: 353px;
                margin-right: 30px;
            }
            
                #column1 .features{
                    background-color:  #FFF9B7;
                    border: 1px solid #F8E362;
                    color: black;
                    margin: 0px; padding:8px; list-style: none;   
                }
                
                #column1 .features strong{
                   color: black;    
                }
                
                    #column1 .features li{
                        font-family: arial;
                        font-size: 18px; font-weight: normal; line-height: 32px;    
                    }
                #column1 strong{
                    color: black;    
                }
                
                    
                
                    #column1 h2.answer{
                        color: #444444;
                        text-align: right;    line-height: 26px;
                        padding-top: 18px;
                        font-family: arial;
                    }
                    
                        #column1 h2.answer img{
                            vertical-align: top;
                        }
                #column1 p{
                    color: #444444;  line-height: 21px;   
                    margin-top: 2px;
                }
                
                #column1 p.first{
                    background-color: #F0F0F0; border: 1px solid #E0E0E0;  padding: 2px 4px 4px 8px;
                    margin-bottom: 0px;
                    margin-top: 18px; font-size: 13px;
                }

                #column1 a.attention{
                    display: block;
                    text-align: center; padding: 3px;
                    color: white;
                    background-color: #628CDE;
                    text-decoration: none;
                    font-size: 14px;
                    margin-top: 1px;
                }
                    #column1 a.attention:hover{
                        background-color: #001B51;                        
                    }
           
                    
                    #column2 ul li{
                      list-style: none; margin: 0; padding: 0px 0px 2px 24px;
                      background-image: url(../img/icons/application_view_columns.png); background-repeat: no-repeat; background-position: 0px 4px;
                    }
                    

            .explain{
                 background-color: #FFF5B7;  
                 padding: 0px 12px 12px 12px; margin-top: 24px;
                 font-family: arial; text-align: justify; line-height: 20px;
            }
            
                .explain h1, .explain h2{
                    text-align: left;    
                }
            
                .explain p{
                    width: 620px; color: #333333; 
                }
                    .explain a{
                        font-size: 12px; font-weight: normal; color: #003399;
                         text-decoration: underline;
                    }
                    
                        .explain a.small{
                            font-size: 11px;    
                        }
                    
                        .explain .form a{
                            font-weight: bold; text-decoration: none;
                        }
               
                        
                        
    .listList td{ border-top: 1px solid #EFEFEF; font-size: 13px; white-space: nowrap;}
      .listList td.name{ white-space: normal;}
       .listList td a{font-size: 14px;}
                        
                 
            .form{
                
                padding: 21px;
                background-color: #CCCCCC;
                color: #444444;
                width: 353px;
                max-width: 311px;    
                overflow: hidden;
                border-bottom: 3px solid white;
                position: relative;
            }

                .homeContent .form{
                    background-color: #001B51;
                    color: #809FDF;
                    padding: 14px 21px;
                }
                .homeContent .form a{ color: white;}
                        
            
            .largeform{
                width: auto; 
                max-width: 1900px;
            }
                
                .form table select{
                    width: auto;
                    min-width: 100px;
                }
            
                .form table{
                    width: 95%;   
                }
                    .form p{
                        color: #333333;    
                    }
                    
                    
                    .form table tr td,
                    .form table tr th,
                    #content .form table tr td,
                    #content .form table tr th{
                        text-align: left;
                        color: #333333; 
                        background-color: transparent;
                        border: none; 
                        background-image: none;
                        vertical-align: top;
                        position: relative;
                    }
                    
                    .form table tr th{
                        width: 20%;  
                    }
                    
                    .form  table.fieldlist tr td,
                    .form  table.fieldlist tr th{
                        border-bottom: 1px solid #555555;   
                        width: auto;
                    }
                    
                        .form  table.fieldlist tr th{
                            color: #CCCCCC;    
                        }
                       
            
                
                    .form a:hover{
                        text-decoration: underline;    
                    }
                    
                    
                .form h2,
                #content .form h2{
                    text-align: left;
                    color: #001B51;  
                    padding-top: 0px; margin-top: 0px; margin-bottom: 0px;
                }
                    .homeContent .form h2,
                    .homeContent#content .form h2{
                        color: white;    
                    }
                    
                    .homeContent#content .form h2 img{
                        position: relative; left: -20px; top: -14px; 
                    }
            
                    .homeContent .form .button{
                      background-image: none;  padding: 2px 8px;
                    }
                    
                        .homeContent#content .form h2 span.controls a{
                            border-width: 0px; background-color: transparent; color: white; text-decoration: underline;     font-size: 12px;
                        }
                    
                
            .inlineForm input,
            .inlineForm select{
                color: #646464;
                width: auto; background-color: white;
            }
            
                .inlineForm input.button{
                    background-color: #595959;
                    color: white;
                    font-weight: bold;    
                    margin: 0px; padding: 0px;
                }
            
            #column2{
                width: 353px;
                max-width: 311px;
            }
            
            
            
            
            
            
            
            
            
            
            
            .details{
                     background-color: #FFFFC0; 
                     border-width: 2px; border-style: solid;
                     border-color: #FFFFC0 #F5DC5F #F5DC5F #F5DC5F;
                     padding: 0px;
                     position: relative; top: 0px; left:0px; text-align: left;
                }
                
                
                
                .details p.controls{ margin: 0; padding: 2px 4px;}
                .details .controls a{
                  text-decoration: none;
                }
                .details .controls a span{
                   text-decoration: underline;  
                }
                
                    .details h2{ 
                        padding-top: 0px; margin-top: 0px; margin-bottom: 0px;
                    }
                    
                    .details h1,
                    .details h2,
                    .details h3{
                        text-align: left; float: none; background-color: transparent; color: black; background-image: none; border: none; margin: 5px 0px 2px 0px; padding: 0; font-weight: bold;
                    }
                    
                    .details table{
                       width: 100%;
                        border-spacing: 1px; background-color: #FFFFD0; text-align: left; margin: 0px;
                       
                    }
                    .details table .contentwrapper{
                      width: 540px;  
                    }
                    #tableAdd .addform{
                      width: 640px;  
                    }
                    
                        .details table tr{
                            cursor: text;    
                        }
                     
                        .details table td{
                            background-color: white;  border: none; 
                            font-size: 12px; font-family: arial; line-height: 18px; color: #444444;
                            
                        }
                        .details table th{
                            border: none; background-color: transparent; color: #333333; text-align: left;
                            border-right: 3px solid #333333;
                            width: 16%; font-size: 13px; background-image: none;
                            text-align: right;
                            vertical-align: top;
                        }

                        .details table td,
                        .details table th{
                            padding: 2px 6px 2px 6px;
                            position: relative;
                        }
                    
                        .details input,
                        .details textarea{
                            /*border-width: 2px; border-style: solid;
                            border-color: #B0B0B0 #D9D9D9 #D9D9D9 #B0B0B0;*/
                            border: 2px inset #999999;
                            background-color: white;
                            font-family: arial; font-size: 12px;    
                            position: relative;
                        }
                        .details input:focus,
                        .details select:focus,
                        .details textarea:focus{ border-style:solid; border-color: #F5CC00; }

                        .details .button{
                            border: none; background-color: transparent; font-size: 14px;    
                        }
        
                .dataHead{
                  position: relative;
                  overflow: hidden;
                  z-index: 80;
                  background-color: /*#C7003D*/ #628CDE;
                  width: 100%;
                }
                
                #mainListHead{
                    background-color: #628CDE;  
                    /*background-image: url("../img/thback.jpg");*/ background-repeat: repeat-x;
                    /*width: 100%;*/    
                    display: block;
                    position: relative;
                    white-space: nowrap;
                    margin: 0px; padding: 0;
                    z-index: 80; height: 25px;
                }
                #mainListHead tr{
                    height: 100%; position: relative;   
                }
                    #mainListHead th{
			border-top: 3px solid transparent;
                        white-space: nowrap; font-size: 11px; line-height: 20px;
                        /*overflow: hidden;*/ padding: 0px; width: auto;
                        height: 100%;
                        position: relative;
                    }
                    
                    /*#mainListHead th .dropdown{ width: 100%;}
                    #mainListHead th .dropdown span{
                      display: block;  
                    }*/
                    #mainListHead th:hover{
                        overflow: visible;
                       /* background-color: #4C7DDE;*/
                    }
                    
                    #mainListHead th.sortedby{
                        
                        background-color: #4C7DDE;
                    }
                        
                        
                        
                    
                    #mainListHead th a{
                        font-size: 11px;    color: white; text-decoration: none;
                    }
                    #mainListHead th.controls{
                        overflow: visible;    
                    }              
                        
                    table.data th a.control{
                            /*color: #001B51; background-color: #B9C5DE;*/
                            background-image: url(../img/headiconbg.gif);
                            padding: 1px; line-height: 16px;
                            
                        }
                            table.data th a.control img{
                                vertical-align: middle;    
                            }
                        
                        
                            .details form{ margin-bottom: 0px; border: 1px solid green;}
                        
                form p.controls{
                 
                    margin: 0px 0px 8px 0px; padding: 3px 10px;
                    text-align: right;
                }
                    form p.controls a{    
                         text-decoration: none;
                         font-size: 11px;
                    }
                        
                    p.controls .button{
                        width: auto;  
                        font-weight: bold;
                        
                    }
                            
                            
                        
                    table .changed td{
                        color: black;    
                    }
                    
                    table .changed .changedIcon{
                        font-weight: bold; color: #CC0000;    
                    }
                    
                    
                    .consyn_datetime_picker,
                    .details .consyn_datetime_picker,
                    .details .consyn_datetime_picker table th,
                    .details .consyn_datetime_picker table td{
                        font-size: 11px !imporant;  
                    }
                    
    .consyn_datetime_picker input.button,
    .consyn_datetime_picker select{
        width: auto;  
    }

    
    

	div.consyn_lightbox_bg .consyn_titlebar{
		 font-weight: bold;  padding: 1px 8px; position: relative; top: 0px; left: 0px; background-color: #EFEFEF; font-size: 13px;
	}	
		div.consyn_titlebar .consyn_controls{
			position: absolute; right: 8px; top: 0px; text-align: right;
		}
		 div.consyn_titlebar .consyn_controls span{
			cursor: pointer;
		 }

	div.consyn_lightbox_bg .consyn_pane{
	  border: 1px solid white;
	}
    
    
	div.consyn_lightbox_box{
		margin: 16px auto;
    width: 768px;
		text-align: left;
		background-color: white;
		border-color:black; border-width: 1px; border-style: solid;
	}
	
.consyn_loading{
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}
 



.errorbox{
  background: #FFDDDD url('../img/icons/error.png') no-repeat;
  background-position: 6px 9px;
  border: 1px solid #FFAAAA;
  color: black;
  padding: 10px 10px 10px 25px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.modal{
  position: absolute;
  z-index: 99;
  left: 50%;
  margin-left: -225px;
  width: 450px;
  top: 20%;
  min-height: 250px;
  background-color: #EFEFEF;
  border: 3px solid #A0A0A0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  
   -webkit-box-shadow:rgba(0,0,0,0.25) 1px 1px 4px; 
	-moz-box-shadow:rgba(0,0,0,0.25) 1px 1px 4px;
        box-shadow:rgba(0,0,0,0.25) 1px 1px 4px;
  
}
.modal form,
.modal .box{
  padding: 10px; margin: 0;
}
.modal h1, .modal h2, .modal h3{
  margin: 0 0 5px 0; 
}

#mylists{
  top: 22px; width: 780px; margin-left: -390px; 
}
#mylists ul{ margin:0; padding: 0;}
#mylists li{
   float: left; width: 30%; list-style: none; height: 22px;
   background-color: white; margin-right: 1px; overflow: hidden; padding-right: 0;
 white-space: nowrap;
}
#mylists li.active{ background-color: #88C87E;}
#mylists li.active,
#mylists li.active a{color: black;  }

#mylists li span{ font-size: 11px;}


.feedback-widget { position: absolute; left: 20px; bottom: 0;
        -webkit-box-shadow:rgba(0,0,0,0.4) 0px 0px 5px;
        -moz-box-shadow:rgba(0,0,0,0.4) 0px 0px 5px;
        box-shadow:rgba(0,0,0,0.4) 0px 0px 5px;
}
 .feedback-widget a{
   background-color: #AA0000; border-width: 1px 1px 0 1px; border-style: outset; border-color: #990000; 
   display: block; color: white; text-decoration: none; font-weight: bold; padding: 2px 12px;  font-size: 16px;
 }
   .feedback-widget a:hover{
     background-color: #FF6600;
   }

.comments .soring-list { padding: 0; margin: 0; }
.comments .soring-list li{list-style:none; float: left; padding: 2px 4px; color: #777; font-weight: normal; }

.comments .comment { background-color: #E0E0E0; padding: 4px; }
.comments h3 { margin: 0;}
.comments h3 a,.comments h3 ul {
 float: left;
}
.comments p { clear: both; }
   .inputform li { list-style:none; }