/******************************************************************************/

/* general tags */
html {
    font-size: 12px;
}

body {
	font-family: tahoma, SimSun, "宋体";
    font-size: 12px;
	padding:            0;
	margin:             0 0.5em 0 0;
	color:              #000;
	background:         #fff;
	

}

img{border:0}
/*==================================================================================================================================*/
input, select, textarea {
    font-size: 12px;
}
textarea, tt, pre, code {
	font-family: tahoma, SimSun, "宋体";
}
h1 {
    font-size:          16px;
    font-weight:        bold;
	    padding:           10px;

}

h2 {
    font-size:          12px;
    font-weight:        normal;
    text-shadow:        0 1px 0 #fff;
    padding:            10px 0 10px 3px;
    color:              #777;
}

/* Hiding icons in the page titles */
h2 img{display:none;}
h2 a img{display:inline;}


#table_results td.data {
border-right: 1px solid #BBBBBB;
}

h3 {
    font-weight:        bold;
}

a, a:link,
a:visited,
a:active {
    text-decoration:    none;
    color:              #235a81;
    cursor:             pointer;
    outline: none;

}

a:hover {
    text-decoration:    underline;
    color:              #235a81;
}


hr {
    color:              #000000;
    background-color:   #000000;
    border:             0;
    height:             1px;
}
/*==========================================================================================================================================*/
form {
    padding:            0;
    margin:             0;
    display:            inline;
}

input[type=text]{
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;

    box-shadow:0 1px 2px #ddd;
    -moz-box-shadow:0 1px 2px #ddd;
    -webkit-box-shadow:0 1px 2px #ddd;

   /* background:url(./img/pmahomme/img/input_bg.gif);*/
    border:1px solid #aaa;
    color:#0055ff;
    padding:1px;
    margin:1px;

}
input[type=file]{
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;

    box-shadow:0 1px 2px #ddd;
    -moz-box-shadow:0 1px 2px #ddd;
    -webkit-box-shadow:0 1px 2px #ddd;

   /* background:url(./img/pmahomme/img/input_bg.gif);*/
    border:1px solid #aaa;
    color:#ff5555;
    padding:1px;
    margin:3px;

}
input[type=password]{
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;

    box-shadow:0 1px 2px #ddd;
    -moz-box-shadow:0 1px 2px #ddd;
    -webkit-box-shadow:0 1px 2px #ddd;

    background:url(img/input_bg.gif);
    border:1px solid #aaa;
    color:#555555;
    padding:4px;
    margin:6px;

}
/**/
input[type=submit]{
    font-weight:bold;
    margin-left:14px;
    border: 1px solid #aaa;
    padding: 3px 7px;
    color: #111;
    text-decoration: none;
    background: #ddd;

    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;

    text-shadow: 0 1px 0 #fff;

    background-image: url(img/svg_gradient.php?from=ffffff&to=cccccc);
background-size: 100% 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
background: -webkit-linear-gradient(top, #ffffff, #cccccc);
background: -moz-linear-gradient(top, #ffffff, #cccccc);
background: -ms-linear-gradient(top, #ffffff, #cccccc);
background: -o-linear-gradient(top, #ffffff, #cccccc);}
/**/
input[type=submit]:hover{position: relative;
    background-image: url(./img/svg_gradient.php?from=cccccc&to=dddddd);
background-size: 100% 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
background: -webkit-linear-gradient(top, #cccccc, #dddddd);
background: -moz-linear-gradient(top, #cccccc, #dddddd);
background: -ms-linear-gradient(top, #cccccc, #dddddd);
background: -o-linear-gradient(top, #cccccc, #dddddd);    cursor:pointer;
}
/**/
input[type=submit]:active{position: relative;
    top: 1px;
    left: 1px;
}
/**/
textarea {
    overflow:           visible;

}
/*文本域样式======================================================*/
textarea.char {
    height:             3em;
}

fieldset {
    margin-top:         1em;
    border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    padding:5px;
    border:             #aaa solid 1px;
    padding:            1.5em;
    background:         #eee;
    text-shadow:0 1px 0 #fff;
    -moz-box-shadow: 1px 1px 2px #fff inset;
    -webkit-box-shadow: 1px 1px 2px #fff inset;
    box-shadow: 1px 1px 2px #fff inset;
}

fieldset fieldset {
    margin:             0.8em;
    background:#fff;
    border:1px solid #aaa;
    background:none repeat scroll 0 0 #E8E8E8;

}

fieldset legend {
    font-weight:        bold;
    color:              #444;
    padding:5px 10px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border:1px solid #aaa;
    background-color:   #fff;
    -moz-box-shadow:3px 3px 15px #bbb;
    -webkit-box-shadow:3px 3px 15px #bbb;
    box-shadow:3px 3px 15px #bbb;
}

/*按钮样式=================================*/
button {
    display:            inline;
}

table caption,
table th,
table td {
	padding: 0.1em;
	padding-top: 0;
	padding-bottom: 0;
	border-color:#bbb;
	margin: 0.1em;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 12px;
}
.line_one {
	font-size: 36px;
	color: #00C;
}
.line_two {
	font-size: 24px;
	text-align: center;
}
.line_three
	{
	font-size:16px;
	padding:2px;
	text-align: left;
	background-color: #eee;
	}
/*============================================*/
table{border-collapse:collapse;}
th{border-right:1px solid #fff; text-align:left;}


img, button {
    vertical-align:     middle;
}

input[type="checkbox"],input[type="radio"] {
	
    vertical-align: -11%;
}

/*下拉菜单样式=====================================*/
select{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;

    -moz-box-shadow:0 1px 2px #ddd;
    -webkit-box-shadow:0 1px 2px #ddd;
    box-shadow:0 1px 2px #ddd;

    border:1px solid #aaa;
    color:#333333;
    padding:0px;
	
 /*   background:url(./img/pmahomme/img/input_bg.gif)*/
}
/*复选框样式========================================*/
select[multiple] 
{
background-image: url(./img/svg_gradient.php?from=ffffff&to=f2f2f2);
background-size: 100% 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
background: -ms-linear-gradient(top, #ffffff, #f2f2f2);
background: -o-linear-gradient(top, #ffffff, #f2f2f2);

}

/******************************************************************************======================================================================================/
/* classes */
.clearfloat {
	clear: both;
	color: #0c0;
}
.clearfloat a{
	clear: both;
	color: #FFF;
}
.floatleft {
    float: left;
    margin-right: 1em;
}

.paddingtop {
    padding-top: 1em;
}

.separator {
    color: white;
    text-shadow: 0 1px 0 black;
}

div.tools {
   /* border: 1px solid #000000; */
    padding: 0.2em;
}





/*===============================================================================================================================================*/
.menucontainer{
    background:url(img/tab_bg.png) repeat-x;
    border-top:1px solid #aaa;
	overflow:auto;
}




/*===============================================================================================================================================*/
/* Heading */
#topmenucontainer {
    padding-right: 1em;
    width: 99%;
    background-color: #dcdcdc;
}

#serverinfo {
    border-bottom:0px solid #fff;
  /*  background:#888;*/
    padding: 0.3em 0em;
    text-shadow:0 1px 0 #cf0;
    width: 98%;
    overflow: hidden;
}

#serverinfo .item {
    white-space:        nowrap;
    color:#fff;
    float: left}

#span_table_comment {
    font-weight:        normal;
    font-style:         italic;
    white-space:        nowrap;
}

#serverinfo img {
    margin:             0 0.1em 0 0.2em;
}






/* main page=========================================================================================================================================== */


#mysqlmaininformation,
#pmamaininformation {
    float: left;
    width: 49%;
}

#maincontainer ul {
/*    list-style-type: disc;
    vertical-align: middle;*/
    border:  0;
	margin:0.1em;
    padding-left: 2em;
}

#maincontainer li {
    margin-bottom:  0.3em;
}
/* END main page */


label.desc {
    width: 30em;
    float: left;
}

label.desc sup {
    position: absolute;
}

code.sql, div.sqlvalidate {
    display:            block;
    padding:            1em;
    margin-top:         0;
    margin-bottom:      0;
    border-top:         0;
    border-bottom:      0;
    max-height:         10em;
    overflow:           auto;
    background:         #E5E5E5;
}

#main_pane_left {
    width:              60%;
    float:              left;
    padding-top:        1em;
}
#main_pane_middle {
    width:              100%;
    float:              left;
    padding-top:        0.5em;
	 padding-bottom:        0em;
	 overflow:auto;
	 clear:both; 
}
#main_pane_middle1 {
	width:              100%;
	
    float:              left;
    padding-top:        0.5em;
	 padding-bottom:        0em;
	 overflow:auto;
	 clear:both; 
	 text-align:left;		
}
#main_pane_right {
    margin-left: 60%;
    padding-top: 1em;
    padding-left: 1em;
}
#main_pane_list1 {
    width:              260px;

    float:              left;
    padding-top:        1em;
	 padding-left: 1em;
	
}
#main_pane_list2 {
    width:              390px;
	height:200px;
    float:              left;
    padding-top:        1em;
	 padding-left: 1em;
}
#main_pane_list3 {
    width:              450px;
    float:             left;
    padding-top:        1em;
		 padding-left: 1em;
}
#main_pane_list4 {
    width:              1040px;
    float:             left;
    padding-top:        1em;
	padding-left: 1em;
}
#main_pane_list5 {
    width:              300px;
    float:             left;
    padding-top:        1em;
	padding-left: 1em;
}
#main_pane_list6 {
    width:              500px;
    float:             left;
    padding-top:        1em;
	padding-left: 1em;
}
#main_pane_list7 {
    width:              800px;
    float:             left;
    padding-top:        1em;
	padding-left: 1em;
}

/*=================================================================================================================================*/
.group {

    border:1px solid #999;
    background:#f3f3f3;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:6px;
    -moz-box-shadow:2px 2px 5px #ccc;
    -webkit-box-shadow:2px 2px 5px #ccc;
    box-shadow:3px 3px 10px #ddd;
    margin-bottom:      0em;
	padding-left: 0em;
    padding-bottom: 0.3em;
		
}

.group h2 {
    background-color:   #EFF3FC;
    padding:            0.2em 0.6em;
    margin-top:         0;
    color:#333;
    font-size:14px;
    font-weight:normal;
  /*    text-shadow:0 1px 0 #777;
  -moz-box-shadow: 1px 1px 15px  #999 inset;
    -webkit-box-shadow: 1px 1px 15px  #999 inset;
    box-shadow: 1px 1px 15px  #999 inset;*/
	
}

.group-cnt {
    padding: 0 0 0 0.5em;
    display: inline-block;
    width: 98%;
}
/*==============================================================================================*/

#buttonGo:hover{
    background-image: url(./img/svg_gradient.php?from=cccccc&to=dddddd);
background-size: 100% 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
background: -webkit-linear-gradient(top, #cccccc, #dddddd);
background: -moz-linear-gradient(top, #cccccc, #dddddd);
background: -ms-linear-gradient(top, #cccccc, #dddddd);
background: -o-linear-gradient(top, #cccccc, #dddddd);}

.format_specific_options h3 {
    margin: 10px 0 0 10px;
    border: 0;
}

.format_specific_options {
    border: 1px solid #999999;
    margin: 7px 0;
    padding: 3px;
}

p.desc {
    margin: 5px;
}

/**
  * Export styles only
  */
select#db_select, select#table_select {
    width: 400px;
}

.export_sub_options {
    margin: 20px 0 0 30px;
}

.export_sub_options h4 {
    border-bottom: 1px #999999 solid;
}

.export_sub_options li.subgroup {
    display: inline-block;
    margin-top: 0;
}

.export_sub_options li {
    margin-bottom: 0;
}

#quick_or_custom, #output_quick_export {
    display: none;
}
/**
 * Import styles only
 */

.importoptions #import_notification {
    margin: 10px 0;
    font-style: italic;
}

input#input_import_file {
    margin: 5px;
}

.formelementrow {
    margin: 5px 0 5px 0;
}



/*============================================================================================*/

#test1{		/*id*/
	/*border-width:6px;					/* 默认边框宽度，如果不单独设置边框上下左右，则取此值 */
	border-top:0px;						/* 边框宽度 */
	border-left:1px;					/* 边框宽度 */
	border-right:1px;					/* 边框宽度 */
	border-bottom:0px;					/* 边框宽度 */
	border-style:solid;				/* 边框线型none,hidden,datted,dashed,solid,double,groove,ridge,inset,outset*/
	border-color:#000000;				/*  边框颜色 */
	margin:5px;						/* 与其它块之间的距离 */
	padding:5px;						/* 内容与边框距离 */
	background-color:#40f0F0;			/* 背景颜色 */
	/*background:url(img/tabactive_bg.png) repeat center;	/* 水平相片的背景 */



	font-size:13px;						/* 字号大小 */
	font-weight:bold;					/* 字体粗细 */
	font-family:Arial;					/* 字体 */
	color:#FF3300;						/* 颜色 */
	text-align:center;					/* 对齐方式 */
	/*width:90px;						/* 块宽度 */
	height:18px;						/* 块高度 */
	
	float:left;			/* 块位置left,right,none */
	/*position:relative;		/* 如果不适用float则可以这样定位，absolute绝对定位relative 相对位置 */
	/*right:20px; left:30px;	/* 同时设置2个位置, 建议只设置两个，以免和height和width冲突 */
	/*z-index:1;*/
}
.input_group{		/*id*/
	/*border-width:6px;					/* 默认边框宽度，如果不单独设置边框上下左右，则取此值 */
	border-top:0px;						/* 边框宽度 */
	border-left:0px;					/* 边框宽度 */
	border-right:1px;					/* 边框宽度 */
	border-bottom:1px;					/* 边框宽度 */
	border-style:solid;				/* 边框线型none,hidden,datted,dashed,solid,double,groove,ridge,inset,outset*/
	border-color:#000000;				/*  边框颜色 */
	margin:5px;						/* 与其它块之间的距离 */
	padding:5px;						/* 内容与边框距离 */
	/*background-color:#40f0F0;			/* 背景颜色 */
	background:url(img/tabactive_bg.png) repeat center;	/* 水平相片的背景 */
	word-wrap:break-word;
	
	font-size:12px;						/* 字号大小 */
	/*font-weight:bold;					/* 字体粗细 */
	font-family:Arial;					/* 字体 */
	color:#000000;						/* 颜色 */
	text-align:center;					/* 对齐方式 */
	width:200px;						/* 块宽度 */
	height:20px;						/* 块高度 */
	
	float:left;			/* 块位置left,right,none */
	/*position:relative;		/* 如果不适用float则可以这样定位，absolute绝对定位relative 相对位置 */
	/*right:20px; left:30px;	/* 同时设置2个位置, 建议只设置两个，以免和height和width冲突 */
	/*z-index:1;*/
}
.input_group_on{
	background-color:#FF0000;			/* 背景颜色 */
	color:#ffffff;	

}
.input_group_off{
	background-color:#00CC00;			/* 背景颜色 */
	color:#000000;	

}
.input_group_ready{
	
	color:#c00000;	
}
.input_group_no{
	
	color:#999999;	
}

.input_group1{		/*id*/
	/*border-width:6px;					/* 默认边框宽度，如果不单独设置边框上下左右，则取此值 */
	border-top:0px;						/* 边框宽度 */
	border-left:0px;					/* 边框宽度 */
	border-right:1px;					/* 边框宽度 */
	border-bottom:1px;					/* 边框宽度 */
	border-style:solid;				/* 边框线型none,hidden,datted,dashed,solid,double,groove,ridge,inset,outset*/
	border-color:#000000;				/*  边框颜色 */
	margin:5px;						/* 与其它块之间的距离 */
	padding:5px;						/* 内容与边框距离 */
	background-color:#cff0F0;			/* 背景颜色 */
	/*background:url(img/tabactive_bg.png) repeat center;	/* 水平相片的背景 */
	
font-size:12px;						/* 字号大小 */
	/*font-weight:bold;					/* 字体粗细 */
	font-family:Arial;					/* 字体 */
	color:#000000;						/* 颜色 */
	text-align:center;					/* 对齐方式 */
	width:100px;						/* 块宽度 */
	/*height:100px;						/* 块高度 */
	
	float:left;			/* 块位置left,right,none */
	/*position:relative;		/* 如果不适用float则可以这样定位，absolute绝对定位relative 相对位置 */
	/*right:20px; left:30px;	/* 同时设置2个位置, 建议只设置两个，以免和height和width冲突 */
	word-wrap:break-word;
	/*z-index:1;*/
}
.top_right{		/*id*/

	padding-left:10px;
	text-align:center;					/* 对齐方式 */
	float:right;			/* 块位置left,right,none */

}
.top_left{		/*id*/

/*	color:#ffffff;						/* 颜色 */
	text-align:center;					/* 对齐方式 */
	float:left;			/* 块位置left,right,none */

}
.right_float{		/*id*/
	/*border-width:6px;					/* 默认边框宽度，如果不单独设置边框上下左右，则取此值 */
	border:0px;						/* 边框宽度 */
	margin:5px;						/* 与其它块之间的距离 */
	padding:5px;						/* 内容与边框距离 */
	font-size:12px;						/* 字号大小 */
	/*font-weight:bold;					/* 字体粗细 */
	font-family:Arial;					/* 字体 */
	color:#000000;						/* 颜色 */
	text-align:center;					/* 对齐方式 */
	width:100px;						/* 块宽度 */
/*	height:20px;						/* 块高度 */
	float:right;			/* 块位置left,right,none */
/*	 overflow-y:auto;		/* 右侧滚动条 */
/*	 overflow-x:hidden;		/* 下方滚动条 */
}

.ba{		/*id*/
	
	
	padding:5px;						/* 内容与边框距离 */
	margin:5px;						/* 与其它块之间的距离 */
	width:200px;						/* 块宽度 */
	height:20px;						/* 块高度 */
	float:left;			/* 块位置left,right,none */
	color:#0f0000;						/* 颜色 */
	background-color:#cff0F0;			/* 背景颜色 */

}
.bb{		/*id*/

	color:#00f000;						/* 颜色 */
	background-color:#cff0F0;			/* 背景颜色 */

}
.bc{		/*id*/

	color:#0000f0;						/* 颜色 */
	background-color:#cff0F0;			/* 背景颜色 */

}

