
a.addnewsqlwhereoperator:link {text-decoration: underline; color: #cc0000; font-weight:bold;}
a.addnewsqlwhereoperator:visited {text-decoration: underline; color: #cc0000; font-weight:bold;}
a.addnewsqlwhereoperator:active {text-decoration: underline; color: #cc0000; font-weight:bold;}
a.addnewsqlwhereoperator:hover {text-decoration: underline; color: #cc0000; font-weight:bold;}

#newsqlwhere a.addnewsqlwhere:link {text-decoration: underline; color: #000066; font-weight:bold;}
#newsqlwhere a.addnewsqlwhere:visited {text-decoration: underline; color: #000066; font-weight:bold;}
#newsqlwhere a.addnewsqlwhere:active {text-decoration: underline; color: #000066; font-weight:bold;}
#newsqlwhere a.addnewsqlwhere:hover {text-decoration: underline; color: #000066; font-weight:bold;}

#newsqlwhere1 a:link {text-decoration: underline; color: #006600!important; font-weight:bold;}
#newsqlwhere1 a:visited {text-decoration: underline; color: #006600!important; font-weight:bold;}
#newsqlwhere1 a:active {text-decoration: underline; color: #006600!important; font-weight:bold;}
#newsqlwhere1 a:hover {text-decoration: underline; color: #006600!important; font-weight:bold;}

a.addnewsqlwherechain:link {text-decoration: underline; color: #cc0000; font-weight:bold;}
a.addnewsqlwherechain:visited {text-decoration: underline; color: #cc0000; font-weight:bold;}
a.addnewsqlwherechain:active {text-decoration: underline; color: #cc0000; font-weight:bold;}
a.addnewsqlwherechain:hover {text-decoration: underline; color: #cc0000; font-weight:bold;}

.sqlbuild { 
    border:1px solid #ccc;
    /*	float:left;
    position:relative;*/
    width:100%;
    height:125px;
    /*margin:5px;
    padding:5px;*/
    font-family: "Verdana", "Tahoma", Arial;
    font-size: 13px;
    overflow:auto;
}

.sqlsyntaxhelp{
    font-family: "Verdana", "Tahoma", Arial;
    font-size: 12px;
    color: #FF0000;
}

.sqlsimplemenu {
    position: absolute;
    width: 200px !important;
    z-index: 99999;
    border: solid 1px #CCC;
    background: #EEE;
    padding: 0px;
    margin: 0px;
    display: none;
    font-family: "Verdana", "Tahoma", Arial;
    font-size: 13px;
    overflow: visible!important;
}

#sqlsimplemenu1 ul.clickmenu          { list-style: none;position: relative; width: 200px; background: #f6f6f6;
                                        border-top: 1px solid #000;
                                        border-left: 1px solid #000;
                                        border-bottom: 1px solid #000;
                                        border-right: 1px solid #000;margin: 0; padding: 0;
                                        height: 200px!important;
                                        overflow:auto!important;
                                        overflow-x:hidden!important;
                                        overflow-y:scroll!important;}

.sqlbuildercolumn {
    border: solid 1px #CCC;
    background: #9CD2EF;
    padding: 5px;
    margin: 1px;	
}


.sqlcolumn, .sqlwhere, .sqlsort,.sqlgroup {
    padding-left: 10px;
    padding-bottom: 5px;

}


.sqlbuilderwhere {
    border: solid 1px #CCC;
    background: #337ab7;
    padding: 5px;
    margin: 1px;
}


.sqlbuildersort {
    border: solid 1px #CCC;
    background: #D9D1AA;
    padding: 5px;
    margin: 1px;	
}

.sqlbuildergroup {
    border: solid 1px #CCC;
    background: #D9D1DD;
    padding: 5px;
    margin: 1px;	
}





ul.clickmenu                         { list-style: none;position: relative; width: 200px; background: #f6f6f6;
                                       border-top: 1px solid #000;
                                       border-left: 1px solid #000;
                                       border-bottom: 1px solid #000;
                                       border-right: 1px solid #000;margin: 0; padding: 0;}
ul.clickmenu li                      { font-weight: normal; /*float: left; zoom: 1;*/ background: #f6f6f6; list-style: none; margin: 0; padding:0;}
ul.clickmenu a:hover		         { color: #000; }
ul.clickmenu a:active                { color: #ffa500; }
ul.clickmenu li a                    { display: block;  border-bottom: 0px solid #ccc; color: #222; 
                                       /*height:20px;*/
                                       padding:2px;
                                       text-decoration: none;}
ul.clickmenu li.hover,
ul.clickmenu li:hover                { background: #F3D673; color: black; position: relative; }
ul.clickmenu li.hover a              { color: black; }


ul.clickmenu ul 						{ width: 120px; visibility: hidden; position:absolute;
                        border-top: 1px solid #000;
                        border-left: 1px solid #000;
                        border-bottom: 1px solid #000;
                        border-right: 1px solid #000;
                        margin: 0; padding: 0; top: 0; left: 120px; }
ul.clickmenu ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
                          border-bottom: 0px solid #ccc; float: none; 
                          /*height:20px;*/
                          padding:2px;
                          list-style: none; }

/* IE 6 & 7 Needs Inline Block */
ul.clickmenu ul li a					{ border-right: none; width: 100%; display: inline-block; } 


ul.clickmenu ul ul 					{ left: 100%; top: 0;}
ul.clickmenu li:hover > ul 			{ visibility: visible; }

/*simpletreeview*/
ul.treeview {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 0px;
    margin: 0px;	
}
ul.treeview ul {
    padding:0;
}

ul.treeview li {
    list-style: none;
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
    white-space: nowrap;
    border:solid 0px #fff; /* else ie doesn't draw the icons */
}

ul.treeview a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 0px 2px;
}

ul.treeview a:hover {
    background: #BDF;
}

/* Core Styles */
.treeview li.list { background: url(list.png) left top no-repeat; 	cursor: pointer;}
.treeview li.item { background: url(item.png) left top no-repeat; }
.treeview li.expanded { background: url(expanded.png) left top no-repeat; }
.treeview ul{display:none}

/*
.treeview ul, ul li ul , ul li ul li ul{display:none}
ul {color:#333}
ul li ul{color:#666}
ul li ul li ul{color:#999;display:none;}

*/
