@CHARSET "UTF-8";
@import "../style.css";
@import "icons.css";
@import "flags.css";

html,body {
    height:100%;
    width:100%;
    margin:0px;
    background-color:#F5F5F5;
    color:#003399;
    font-size:11px;
    font-family:Verdana, "DejaVu Sans";
}
/*
#container {
    height:auto !important;
    height:100%;
    min-height:100%;
    position:relative;
    margin: 0px auto;
}
*/
a {
	color:#336699;
}
h1, .h1{
	font-size:20px;
	font-weight:bold;
	margin-top:0px;
}
.h1 {
	margin-bottom:5px;
	margin-left:5px;
}
h2 {
	margin-top:0px;
	padding:0px;
}
h3 {
	margin-top:0px;
	font-size:14px;	
}
input,select,textarea {
	border:1px solid #aaa;
	font-size:11px;
	margin:2px;
	background-color:#FDFFFF;
	color:#41627E;
	padding:1px;
}

#main {
	background-color:white;	
}

input:focus,textarea:focus {
	background-color:#FFF68F;	
}
input:disabled,textarea:disabled, select:disabled {
	background-color:#DEDEDE;
	color:black;	
}

#login_form {
	text-align:right;
	width:400px;
}

#menu {
	border-bottom:1px solid #fff;
	margin-left:30px;
}

#menu .item {
	background: url('../images/menu_bg.gif') repeat-x;

}

#menu td {
	padding-top:3px;
}

#menu td.separator {
	background: url('../images/menu_spacer.gif') no-repeat;
	width:7px;
}	

#menu a.menuTitle {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding:0px 10px 0px 10px;
	margin-left:3px;
	height:27px;
}

#menu a.menuTitle span {
	vertical-align:middle;
	padding-top:7px;
	display:block;
}

#menu a.menuTitle img {
	vertical-align:middle;
}

#menu .last a.menuTitle {
	margin-right:4px;
}

#menu #selectedMenu a.menuTitle {
	position:relative;
	top:1px;
	background: url('../images/menu_sel_bg.png') repeat-x;
}
#menu #selectedMenu a.menuTitle span {
	padding-top:6px;	
}

#menu .item ul li {
	display:inline;
}

#menu .item ul li a {
	padding:5px; /*5px 7px 5px 7px;*/
	border:1px solid #b5ccff;
	background-color:#fff;
	margin:1px;
	text-decoration:none;
}

#menu .item ul li a img {
	vertical-align:middle;
}

#menu .item ul {
	position:absolute;
	left:10px;
	top:100px;
	display:none;
	margin:0px;
	padding:10px 10px 8px 10px;
	width:600px;
}

#content {
	padding-left: 10px;
	padding-right:10px;
	padding-bottom: 55px;
	background:repeat-x top url('../images/top_fadebg.png') #f5f5f5;
}
.dptable {
	border:1px solid #888;
	padding: 0px;
	background-color: #DDDDDD;
	margin-bottom:4px;
}

.dptable .dpinnertable {
	background-color: #ddd;
	margin:-1px;
}

.dptable .dpinnercell {
	vertical-align:top;
}

.dptable tr, .dptable tr:hover td.nohover {
	background-color: white;
}
.dptable th {
	padding:3px;
	background:url('../images/dptable_head.png') top left no-repeat #41A9D8;
	height:19px;
	color:white;
}

.dptable.red th {
	background:url('../images/dptable_head_red.png') top left no-repeat #990000;
}


.dptable tr.subtitle th {
	background-image:none;
	background-color:#e0edf3;
	color:#333;
}

.dptable td.sub {
	background-color: #f4fdfd;
}
.dptable td {
	padding:3px;
}

.dptable img {
	vertical-align:middle;
}

.dptable tr:hover {
	padding:3px;
	background-color:#EEEEEE;

}
.sqlNoPassword {
	background-color: red;
}
#HTML_AJAX_LOADING {
	display:none;
	position:absolute;
	right:0px;
	top:0px;
	background-color:red;
	padding:5px;
	color:black;
}
#loading_time {
	position:absolute;
	right:0px;
	top:126px;
	padding:5px;
	color:#7a90bd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background-color:white;
}
div.passwordField {
	background-color:white;
	border:1px solid gray;
	height:13px;
	width:80px;
}
.sb {
	border-color:transparent;
	background-color:transparent;
}
#loading {
	position:absolute;
	display:none;
	top:200px;
	left:150px;
	opacity:0.5;
	filter:alpha(opacity=50);
	margin:20px;
}
#loadingLabel {
	background-color:white;
	border: 1px solid gray;	z-index:-1;

	-moz-border-radius:6px;
	width:100px;
	text-align:left;
	padding:15px;
}

ul.tabnav { 
	text-align: left; 
	margin: 1em 0 1em 0; 
	font: bold 11px Verdana, "DejaVu Sans"; 
	border-bottom: 1px solid #6c6;
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul.tabnav.red {
	border-bottom: 1px solid #ff9393;
}
ul.tabnav.red li.tab a {
	border: 1px solid #ff9393; 
	background-color: #fedecf;
	color: #666;
}

ul.tabnav.yellow {
	border-bottom: 1px solid #ffcc33;
}

ul.tabnav.yellow li.tab a {
	border: 1px solid #ffcc33; 
	background-color: #ffff99;
	color: #666;
}

ul.tabnav li.tab { /* do not change */
	display: inline;
}

ul.tabnav.yellow li.tab.selected, ul.tabnav.red li.tab.selected {
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}


ul.tabnav.yellow li.tab a, ul.tabnav.red li.tab a {
	padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	margin-right: 0px; 
	text-decoration: none;
	border-bottom: none;
}

ul.tabnav.yellow li.tab.selected a, ul.tabnav.red li.tab.selected a {
	background-color: #fff;
	color: #000; 
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul.tabnav li.tab a img {
	position:relative;
	bottom:-3px;
	opacity:0.3;
}

ul.tabnav li.tab.selected a img {
	opacity:1;
	bottom:-2px;
}

ul.tabnav.yellow li.tab a:hover, ul.tabnav.red li.tab a:hover {
/*	background-color: #fff;*/
}

ul.tabnav.yellow li.tab a:hover img, ul.tabnav.red li.tab a:hover img {
	opacity:0.8;
}

.log_row_delete td {
	background-color:#FF9090;
}
.log_row_add td {
	background-color:#FFFFCC;
}
#searchForm {
	position:absolute;
	right:0px;
}
#searchInput {
	float:left;
}
#black {
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:url('../images/loading_bg.gif') repeat;
}
#filebrowser {
	background-color:white;
}
#head_messages {
	position:absolute;
	top:10px;
	left:0px;
	width:100%;
	text-align:left;
}
table.dplarge {
	border:1px solid #888;
	padding: 0px;
	margin-bottom:4px;
}

#init_bg {
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	background-color:black;
	opacity:0.5;
	filter: alpha(opacity=50);
	text-align:center;
	z-index:3;
	position:absolute;
}
#init_load {
	height: 100%;
	overflow:visible;
	position:relative;
}

#init_load[id] {display: table; position: static; width:100%; }
#init_inner {position: absolute; top: 50%; text-align:center; } /* IE fix */
#init_inner[id] {display: table-cell; width:100%; vertical-align: middle; position: static;}
#init_message {position: relative; top: -50%; background-color:#ddd; display:inline; padding:6px; border:1px solid #666; color:#111; } /* IE fix */

#logo {
	margin-left:500px;
	padding-top:10px;
	text-align:left;
}

.sb, .cb {
	border:none;
	background-color:transparent;
}

ul.dctabs {
	list-style:none;
	padding:0px;
	border-bottom: 1px solid #ffcc33;
	padding-bottom:3px;
}
ul.dctabs li {
	display:inline;
	margin:0px;
}
ul.dctabs li a {
	margin-left:2px;
	padding: 3px 6px 5px 6px;
	border: 1px solid #ffcc33; 
	background-color: #ffff99;
	color: #666;
	text-decoration: none;
	font-weight:bold;
}

ul.dctabs li a img {
	vertical-align:middle;	
}

ul.dctabs li a:hover img {
	opacity:0.3;	
}


ul.dctabs li.selected a {
	padding-top:4px;
	background-color:#fff;
	border-bottom:1px solid #fff;
}

#debug_message {
	position:absolute;
	right:100px;
	width:500px;
	top:150px;
	background-color:#FFF8DC;
	border: 1px dashed #FFDEAD;
}
#debug_message .debug_output {
	background-color:#FFFACD;
	border:1px solid #FFEFD5;
	width:485px;
	height:300px;
	overflow: scroll;
	margin:5px;
	padding:3px;
	font-family:Courier New;
	color:#000;
}

ul#h_menu li {
	display:inline;
	margin:3px;
	/*background-color:#ddd;*/
}

ul#h_menu li a {
	padding:5px 7px 5px 7px;
	border:1px solid #b5ccff;
	background-color:white;
	margin:1px;
	text-decoration:none;
	font-size:11px;
}

ul#h_menu li a img {
	vertical-align:middle;
	padding-bottom:2px;
}

ul#h_menu {
	/*border:1px solid black;*/
	padding:10px;
	display:inline;
}
/*
	back:	rgb(230,230,230)
	dark:	rgb(90,97,90)
	medium	rgb(189,190,189)
	*/

.dynamic-slider-control {
	position:			relative;
	/* background-color:	rgb(230,230,230); */
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
}

.horizontal {
	width:				200px;
	height:				27px;
}

.vertical {
	width:				29px;
	height:				200px;
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .handle {
	width:				31px;
	height:				14px;
	background-image:	url("../images/handle.horizontal.png");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {}

.dynamic-slider-control.vertical .handle {
	width:				15px;
	height:				31px;
	background-image:	url("../images/handle.vertical.png");
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				1px solid rgb(90,97,90);
	background:			rgb(189,190,189);
	
	behavior:			url("boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}
.dynamic-slider-control.vertical .line {
	width:				3px;
}

.dynamic-slider-control.horizontal .line {
	height:				3px;
}

.dynamic-slider-control .line div {
	width:		1px;
	height:		1px;
	
	border:				1px solid;
	border-color:		rgb(230,230,230) rgb(189,190,189)
						rgb(189,190,189) rgb(230,230,230);
}

.slider {
	float:left;
}

#recoveryFieldset {
	margin-top:30px;
	width:400px;	
}

.disabled#recoveryFieldset {
	padding:0px;
	border:none;
}

.disabled#recoveryFieldset #recoveryForm {
	display:none;
}

#recoveryForm {
	text-align:right;
}

.divider-main {
	width:496px;
	height:34px;
	margin-left:4px;
	margin-bottom:4px;
	position:relative;
}

.divider-part {
	position:absolute;
	top:0px;
	height:25px;
	color:black;
	text-align:center;
	padding-top:9px;
	font-weight:bold;
	font-size:11px;	
	padding-bottom:0px;
	border-left:1px solid white;
}

.divider-main img.divider-bg {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

.divider-sep {
	position:absolute;
	height:34px;
	
	width:10px;
	font-size:1px monospace;
	z-index:101;
	
	background-color:white;
	opacity:0;
	filter:alpha(opacity=0)
}
.divider-sep:hover {
	cursor:w-resize;
}

.divider-main .divider-part.part0 {
	background-color:#009933;
}

.divider-main .divider-part.part1 {
	background-color:#cccc66;
} 

.divider-main .divider-part.part2 {
	background-color:#0099cc;
}

img.icon {
        background-image:url('../images/icons.png');
	background-repeat:none;
}

a.close {
	color:#000;
	text-decoration:none;
}

img.flag_icon {
	height:11px;
	width:16px;
	background-image:url('../images/flags.png');
	background-repeat:none;
}
