@charset "utf-8";
/* CSS Document */
/*img,div {behavior: url("iepngfix.htc");} */

/*css for full size background image*/

body {
  /*background: url(http://p1.pichost.me/i/66/1910819.jpg) no-repeat center center fixed;/**/ 
  background: url(../../images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  height: 100%;
  background-color: #060;
  /*color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);/**/
 
}*/



/*body {
	background:url("../images/brick.jpg");
	}/**/

#proglogo {
	margin:100px auto; 
	border:3px solid #ccc;
	width:415px;
	height:338px; 
	overflow:hidden;
	z-index:-1;
	border-radius:          15px 15px 15px 15px;
    -webkit-border-radius:  15px 15px 15px 15px;
    box-shadow:         7px 7px 7px #88a;
    -webkit-box-shadow: 7px 7px 7px #88a;
	clear:both;
	/*z-index:20*/;
}

#xusername {
	margin:-35px auto;
	font-style:oblique;
	font-size:1.5em;
	width:415px;
	text-align:center;
	clear:both;
	/*z-index:10*/;
}
	
#progname {
	margin:-70px auto; 
	top:500px;
	width:350px;
	background:#fff;
	border:3px solid #ccc;
	padding:0 20px 0 20px;
	color:blue;
	overflow:hidden;
	text-align:center;
	z-index:-1;
    border-radius:          15px 15px 15px 15px;
    -webkit-border-radius:  15px 15px 15px 15px;
    box-shadow:         7px 7px 7px #88a;
    -webkit-box-shadow: 7px 7px 7px #88a;
	clear:both;
	}

	/* htmlmodal start */
.htmlmodal-overlay {
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background-color:#999;
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
}

.htmlmodal-container {
  display:none;/**/
  position:absolute;
  margin-left:auto;
  margin-right:auto;
  top:80px;
  min-height:150px;
  min-width:800px;
  background-color:#FFFFFF;
  border:3px solid #ccc;
  padding: 0.8em;
  z-index:10;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
	border-radius:          15px 15px 15px 15px;
    -webkit-border-radius:  15px 15px 15px 15px;
    box-shadow:         7px 7px 7px #88a;
    -webkit-box-shadow: 7px 7px 7px #88a;
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}

.htmlmodal-container a.modalCloseImg {
  background:url(../images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}

.htmlmodal-container h2 {
  position:relative;
  top:-15px;/**/
  left:0px;
  background-color:#ddf;
  /*border:3px solid #ccc;/**/
  padding: 0;
  text-align:center;
	border-radius:          15px 15px 15px 15px;
    -webkit-border-radius:  15px 15px 15px 15px;
    box-shadow:         7px 7px 7px #88a;
    -webkit-box-shadow: 7px 7px 7px #88a;
}

.htmlmodal-container2 {
  /*display:none;/**/
  position:absolute;
  margin-left:auto;
  margin-right:auto;
  top:80px;
  min-height:150px;
  width:800px;
  background-color:#FFFFCF;
  border:3px solid #ccc;
  padding: 0.5em;
  z-index:10;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
	border-radius:          15px 15px 15px 15px;
    -webkit-border-radius:  15px 15px 15px 15px;
    box-shadow:         7px 7px 7px #88a;
    -webkit-box-shadow: 7px 7px 7px #88a;
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}

#tablecontainer {
overflow:hidden;
margin-top:-30px;
}
#container55 {
padding:10px;
margin:10px;
//margin-top:-30px;
//max-width:100px;
}
#container1{
padding:0px;
//margin-top:-30px;
}
#report {
 text-align:left;
 font-size:12px;
}

div.ui-datepicker{
 font-size:12px;
}
#error {
	display:block;
	margin:5px;
	color:#4d4948;
	background-color:#fffebe;
	border: 1px solid #cbcbcb;
	font-size:90%;
}

#success {
	margin:5px;
	color:#4d4948;
	background-color:#bce9b5;
	border: 1px solid #7ace6c;
	font-size:90%;
}

#mainfilterselector {
	padding-left:200px;
}
#mainfilterselector2 {
	padding-left:200px;
}

#exchrate {
	position:fixed;
	display:inline-block; 
	margin:5px;
	top:100px;
	/*right:20px;/**/
	background:#aee; 
	z-index:11; /**/
	padding:10px; 
	border:5px solid white;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	border-radius:          10px;
    -webkit-border-radius:  10px;
    box-shadow:         7px 7px 7px #88a;
    -webkit-box-shadow: 7px 7px 7px #88a;
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
}
#oexchrate {
	position:fixed;
	display:inline-block; 
	margin:5px;
	top:100px;
	/*right:20px;/**/
	background:#aee; 
	z-index:11; /**/
	padding:10px; 
	border:5px solid white;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	border-radius:          10px;
    -webkit-border-radius:  10px;
    box-shadow:         7px 7px 7px #88a;
    -webkit-box-shadow: 7px 7px 7px #88a;
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
}

#payments {
  display:none;/**/
  position:absolute;
  margin-left:auto;
  margin-right:auto;
  width:450px;
  top:100px;
	background:#aee; 
	z-index:20; /**/
	padding:10px; 
	border:2px solid white;
	font-family: Arial, Helvetica, sans-serif;
	border-radius:          10px;
    -webkit-border-radius:  10px;
    box-shadow:         7px 7px 7px #88a;
    -webkit-box-shadow: 7px 7px 7px #88a;
  opacity:1;
  filter:alpha(opacity=80); /* For IE8 and earlier */
}

#accountinfo {
  display:none;/**/
  position:absolute;
  margin-left:auto;
  margin-right:auto;
  width:800px;
  /*overflow:auto;/**/
  top:80px;
	background:#eee; 
	z-index:15; /**/
	padding:10px; 
	border:2px solid white;
	font-family: Arial, Helvetica, sans-serif;
	border-radius:          10px;
    -webkit-border-radius:  10px;
    box-shadow:         7px 7px 7px #88a;
    -webkit-box-shadow: 7px 7px 7px #88a;
  opacity:1;
  filter:alpha(opacity=80); /* For IE8 and earlier */
}

#accountinfoarea {
	overflow:auto;
}

#accountinfo  a.modalCloseImg {
  background:url(../images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}

#accountinfo h2 {
  position:relative;
  top:0px;
  left:0px;
  background-color:#fff;
  border:3px solid #ccc;
  padding: 0;
  text-align:center;
	border-radius:          15px 15px 15px 15px;
    -webkit-border-radius:  15px 15px 15px 15px;
    box-shadow:         7px 7px 7px #88a;
    -webkit-box-shadow: 7px 7px 7px #88a;
}

#emailaccount {
  display:none;/**/
  position:absolute;
  margin-left:auto;
  margin-right:auto;
  width:80%;
  top:100px;
	background:#eee; 
	z-index:20; /**/
	padding:10px; 
	border:2px solid white;
	font-family: Arial, Helvetica, sans-serif;
	border-radius:          10px;
    -webkit-border-radius:  10px;
    box-shadow:         7px 7px 7px #88a;
    -webkit-box-shadow: 7px 7px 7px #88a;
  opacity:1;
  filter:alpha(opacity=80); /* For IE8 and earlier */
}

input[type=number] {
-moz-appearance: textfield;
-webkit-appearance: none;
}

input.payment {
	background-image: url(images/payment.png);
}
input.accountinfobutton {
	background-image: url(../images/info.png);
}

.ui-widget-overlay  {
  z-index:9990; /**/
}
.ui-dialog  {
  z-index:9999; /**/
}
/* Adapting some DataTables css without touching the original files */
/*table.dataTable tbody th,/**/

table.dataTable tbody td {
  padding: 2px 3px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  min-width: 1em;
  padding: 0.1em 0.3em;
  margin-left: 2px;
}

#clipboard-container {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  z-index: 100;
  display: none;
  opacity: 0;
}
#clipboard {
  width: 1px;
  height: 1px;       
  padding: 0px;
}

/*For the todo button in editor*/
button.inputButton {
	float: left;
	text-align: center;
	display: block;
	cursor: pointer;
	/*margin: 0 20px 10px 0;/**/
	/*padding: 6px 0;/**/
	background: #F8F8F8;
	background: -webkit-gradient(linear, center bottom, center top, from(#CCC), to(white));
	background: -moz-linear-gradient(top, white, #CCC);
	background: linear-gradient(top, white, #CCC);
	text-shadow: 0 1px 0 white;
	border: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;
	width: 50px;
}

button.inputButton.selected {
	font-weight: normal;
	background: #02475A;
	background: -webkit-gradient(linear, center bottom, center top, from(#829AC6), to(#02475A));
	background: -moz-linear-gradient(top, #02475A, #829AC6);
	background: linear-gradient(top, #02475A, #829AC6);
	color: white;
}	

.active {
	color:#000;
}
.notactive {
	color:#aaa;
}

h1, h2{
	margin:70px 0 20px 10px;
	background-color: #fff;
}/**/

.row  {
	background-color: #fff;
}