/*
Document   : css
Created on : Jul 25, 2009, 4:35:23 PM
Author     : brenthamby
*/
/*
#network_panel{
    display:none;background-color:#eee;
    overflow:hidden;padding:0px;margin:0px;height:36px;
    width:200px;border:2px solid #aaa;float:right;
}
#network_console{
    position:absolute;
    overflow:hidden;
    font-size:11px;
    font-family:arial;
    color:#aaa;
    padding:0px;
    margin:0px;
    top:33px;
    left:3px;
}
*/
h1 {
    font-size:18px;
}
h2 {
    font-size:18px;
}
.overview_tab{
    padding-top:30px;
}
.data_table_frame{
    padding:30px;
}

.rel_delete_icon{
    width:16px;
    float:right
}

.rel_delete{
    float:right;
    width:16px;
    height:16px;
}
.left_list{
    font-size: 11px;
    border:2px solid #aaa;
    background-color:#eee;
    color:#333;
    width:230px;
    height:16px;
    padding:5px;
    margin-top:2px;
    margin-bottom:2px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;

}
.left_list_selected{
    border:2px solid #BBBD06;
    background-color:#ffffbb;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.left_list_on{
    border:2px solid #BBBD06;
    background-color:#eee;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
/*
.left_list{
    font-size: 11px;
    background: #cccccc url(jquery-ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    border:1px solid #ccc;
    color:#333;
    width:230px;
    height:20px;
    padding:5px;
    margin-top:2px;
    margin-bottom:2px;
}
.left_list_selected{
    border:1px solid #ffccff;
    background: #cccccc url(jquery-ui/css/smoothness/images/ui-bg_highlight-soft_75_green_1x100.png) 50% 50% repeat-x;
}

.left_list_on{
    border:1px solid #ffffcc;
    background: #cccccc url(jquery-ui/css/smoothness/images/ui-bg_highlight-soft_75_yellow_1x100.png) 50% 50% repeat-x;
}
*/
.left_list_label{
    padding-left:5px;
    width:200px;
    float:left;
}
.left_list_delete{}

body {
    margin:0px;
    padding:0px;
    margin-top:11px;
    font-size:11px;
    font-family:verdana;
}
.bigger {
    padding:15px;
    height:28px;
    width:82px;
}
.content_module_header{
    border:3px solid #ddd;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding:2px;
    color:#333;
    width:500px;
}
.content_module{
    border:3px solid #ddd;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding:11px;
    color:#333;
    height:200px;
    width:330px;
}
.rest_url{
    padding:3px;
    margin:3px;
}
.rest_url:hover{
    padding:3px;
    margin:3px;
}
.content_module hr{
    height: 1px;
    border: 0;
    color: #eee;
    background-color: #eee;
    width: 85%;
    text-align:left;
}
input[type=text],input[type=password],select{
    width:120px;
    padding:2px;
    color:#333;
    border:2px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
input[type=button],input[type=reset]{
    background-color:#ddd;
    padding:2px;
    border:2px solid #bbb;
    -moz-border-radius: 4px;-webkit-border-radius: 4px;
}
input[type=button]:hover{
    background-color:#ffffcc;
    padding:2px;
    border:2px solid #BBBD06;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.yellow{
    background:#ffffcc;
}
.account_view td{
    padding:5px;
}

.errors{
    font-family:verdana;
    font-size:11px;
    color:red;
    padding:3px;
}
.panelHead{
    color:#008F00;
    font-weight:bold;
    font-size:12px;
}

a{
    padding:2px;
    color:#008F00;
}
a:hover{
    padding:2px;
    color:#BBBD06;
}
.logo {
    display:none;
    margin-left:38px;
}
.main_frame {
    margin-left:30px;
    margin-right:30px;
    border:1px solid #ccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    width:100%;
}
tr.odd{
    background:#eeeeee;
}
tr.even{
    background:#dddddd;
}

.footer{
    padding-top:40px;
    color:#aaa;
    font-size:9px;
}
.trigger_text_editor{
    height:300px;
    width:99%;
    border:3px solid #eee;
}

.query_text_editor{
    height:400px;
    width:99%;
    border:3px solid #eee;
}

#database_delete_button{
    background-color:red;
    color:white;
    font-weight:bold;
    border:2px solid #990000;
}
#database_delete_button:hover{
    background-color:yellow;
    color:black;
}

#usage_table td{
    padding:4px;
}

#login{
    border:1px solid #ccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding:20px;
    width:400px;
}
#login td{
    padding:11px;
}
#login td, input{
    font-size:11px;
    font-family:verdana;
}
#body_panel{
    border:11px solid #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    min-height:400px;
}
#columns_table{
    padding:5px;
    border:3px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#columns_table td{
    padding:6px;
}
#database_icon_header,#table_icon_header{
    width:300px;
    padding-right:40px;
    padding-left:40px;
}


/*

DB TREE CSS

*/
.db_tree{
    padding-left: 15px;
    padding-top: 4px;
}

UL.jqueryFileTree {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    line-height: 26px;
    /*line-height: 34px;*/
    padding: 0px;
    margin: 0px;
}

UL.jqueryFileTree LI {
    list-style: none;
    padding: 0px;
    /*	padding-left: 20px; */
    padding-left: 22px;
    margin: 0px;
    white-space: nowrap;
}

UL.jqueryFileTree A {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 0px 2px;
}

UL.jqueryFileTree A:hover {
    background-color:#ffffcc;
    border:2px thin #BBBD06;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#left_pane A {
    line-height: 26px;
    color: #333;
    text-decoration: none;
    display: block;
    padding: 0px 2px;
}

#left_pane A:hover {
    line-height: 26px;
    background-color:#ffffcc;
    border:2px thin #BBBD06;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.jqueryFileTree LI.file { background: url(images/file.png) left top no-repeat; }

.jqueryFileTree LI.directory { background: url(img/db18x18_unselected.png) left top no-repeat; }
.jqueryFileTree LI.expanded { background: url(img/db18x18_selected.png) left top no-repeat; }
.jqueryFileTree LI.waitspin { background:url(images/spinner.gif) left top no-repeat;}

.jqueryFileTree LI.ext_nextdb_db { background: url(img/db18x18_unselected.png) left top no-repeat; }
.jqueryFileTree LI.ext_nextdb_tbl { background: url(img/tbl18x18_unselected.png) left top no-repeat; }
.jqueryFileTree LI.ext_nextdb_tbl_expanded { background: url(img/tbl18x18_selected.png) left top no-repeat; }
.jqueryFileTree LI.ext_nextdb_col { background: url(img/col18x18.png) left top no-repeat; }
.jqueryFileTree LI.ext_nextdb_col_plus { background: url(img/col18x18_plus.png) left top no-repeat; }
.jqueryFileTree LI.ext_nextdb_col_expanded { background: url(img/col18x18.png) left top no-repeat; }
.jqueryFileTree LI.ext_nextdb_tbl_plus { background: url(img/tbl18x18_plus.png) left top no-repeat; }

/*

SPLITTER CSS

*/

/*
 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes. In this example, the
 * height is fixed and the width is the full width of the body,
 * less the margin on the splitter itself.
 */
#pane_splitter {
	height: 650px;
	margin: 1em 3em;
    padding:0px;
    border:3px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        /*height: 620px;
	margin: 1em 3em;
	border: 4px solid #bdb;
	 No padding allowed */
}
/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
#left_pane {
	overflow: auto;
	/* No margin or border allowed */
}
/*
 * Right-side element of the splitter.
 */
#right_pane {
	overflow: auto;
	/* No margin or border allowed */
}
/*
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey.
 */
#pane_splitter .vsplitbar {
	width: 6px;
	background: #ccc url(img/vgrabber.gif) no-repeat center;
}
#pane_splitter .vsplitbar.active {
	background: #ffffcc url(img/vgrabber.gif) no-repeat center;
	opacity: 0.7;
}