/* 
    Document   : effcrud
    Created on : Jun 17, 2013, 12:04:26 AM
    Author     : james
    Description:
        Purpose of the stylesheet follows.
*/

*{
    font-size:13px;
}
body {
    /*font-family:helvetica,tahoma,verdana,sans-serif;
    font-family: 'Playfair Display', Palatino, Georgia, serif;
    */
    font-family: 'Lato',Arial,Helvetica,Arial,Tahoma,sans-serif;
    /* padding:2px; */
    font-size:12px;
    margin:0px;
    height: 100%;
    /* overflow-y: hidden; */
}
h2 {
    font-size:14px;
    font-weight:bold;
    margin:0;
    margin-bottom:0px;
}
.info{
	background:#FFFEE6;
	color:#8F5700;
	padding:10px;
}
.tip{
	width:10px;
	height:10px;
	margin-right:8px;
	float:left;
}

.numberstyle{
    text-align: right;
}

input{
	border:none;
	border-bottom:dotted;
	border-bottom-width: 1px;
}

input[type='text']{
    width:300px;
}


textarea{
	border:none;
	border-bottom:dotted;
	border-width: 1px;
	border-bottom-width: 1px;
}

.textbox{
	border:none;
	border-bottom:dotted;
	border-bottom-width: 1px;
	border-radius: 1px 1px 1px 1px;
}

input[readonly]{
    background-color: rgb(235,235,228);
    color: rgb(84,84,84);
}

input:readonly,
textarea:readonly{
	color: rgb(84,84,84);
	background-color: rgb(235,235,228);
}

.boldtext{
    font-weight:bold;
    color:#3C9440;
}

.syslabel{
    vertical-align: top;
    width: 150px;
}

#disablingDiv
{
	/* Do not display it on entry */
	display: none; 
 
	/* Display it on the layer with index 1001.
	   Make sure this is the highest z-index value
	   used by layers on that page */
	z-index:1001;
	 
	/* make it cover the whole screen */
	position: absolute; 
	top: 0%; 
	left: 0%; 
	width: 100%; 
	height: 100%; 
 
	/* make it white but fully transparent */
	background-color: white; 
	opacity:.20; 
	/* filter: alpha(opacity=00); */
}

a { text-decoration: none; font-weight: 300; }
a:link {    color: #111;}
a:visited { color: #111;}
a:hover {   color: #111; text-decoration: underline;}
a:active {  color: #111;}

/*
	Tooltips. Sample
	<a class='tooltips' href='#'>
		<label>Others</label>
	<span>This generator will help you design and learn how to make CSS tooltips.</span></a>
	
*/
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  min-width: 180px;
  width: 300px;
  word-wrap: break-word;
  white-space:normal; /* this line enable the break-word */
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #804625;
  background: #000000;
  min-height: 20px;
  height: auto;
  line-height: 16px;
  text-align: left;
  visibility: hidden;
  border-radius: 3px;
  box-shadow: 1px 0px 0px #466980;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 40%;
  right: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-right: 8px solid #000000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.9;
  left: 100%;
  top: 60%;
  margin-top: -10px;
  margin-left: 15px;
  z-index: 999;
}

.numberbox .textbox-text{
    text-align: right;
}

.effloading{
    /* min-width:800px;
    min-height: 600px; */
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:2147483640;
    overflow:hidden;
    background-image: url('../images/loader_grey.gif');
    background-size: 64px 64px;
    background-repeat:no-repeat;
    background-position: center;
    background-color:rgba(0,0,0,0.5);
}

.red{   color:red; }
.green{ color:green; }
.bold{  font-weight: bold; }
.italic{ font-style: italic; }