.ControlsATS td {
        vertical-align: middle; 
        border-top: 0px; 
        border-bottom: 0px; 
        border-left: 0px; 
        border-right: 0px;    
		background-color: #f7f7f7; color: #000000;      
}

.ControlsATS th { 
	font-size: 10pt; font-weight: normal; text-align: left; vertical-align: top;
	padding: 3px;
	border-bottom: solid 1px #3D77CB;
	border-left: solid 1px #3D77CB;
	border-right: solid 1px #3D77CB;
	white-space: nowrap;
	}

.ControlsATS input { 
	font-family: Tahoma; font-size: 10pt;
	}	

input.ButtonATS
{
        font-size:10pt;
        font-family:Tahoma,sans-serif;
        color:#000000;
        height:22px;
        background-color:#ffffff;
        border-top-style:solid;
        border-top-color:#ff0000;
        border-top-width:1px;
        border-bottom-style:solid;
        border-bottom-color:#ff0000;
        border-bottom-width:1px;
        border-left-style:solid;
        border-left-color:#ff0000;
        border-left-width:10px;
        border-right-style:solid;
        border-right-color:#ff0000;
        border-right-width:1px;
}

.ATSInput{ 
 background-color: #fbfbfb; 
 border: 1px solid #d4d0c8; 
 }

tr.hiliteWhite { 
        padding-right: 3px;
        padding-left: 3px;
        padding-top: 3px;
        padding-bottom: 4px;
        border-bottom: solid 1px #FFFFFF;
        text-align: left;
        vertical-align: top;
        background-color: #ffffff; 
        color: #000000;
        }

tr.hiliteRow , tr.hiliteAltRow {
        padding-right: 3px;
        padding-left: 3px;
        padding-top: 3px;
        padding-bottom: 4px;
        border-bottom: solid 1px #FFFFFF;
        text-align: left;
        vertical-align: top;
        background-color: #FFFF44; 
        color: #000000;
        }

.CategoryRow td { 
	padding: 3px;
	border-bottom: solid 1px #FFFFFF;
	text-align: left;
	vertical-align: top;
	background-color: #F7F7F7; 
	color: #000000;
	}

.CategoryAltRow td { 
	padding: 3px;
	border-bottom: solid 1px #FFFFFF;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF; 
	color: #000000;
	}

.div_validate {
        display: none;
        position: absolute;
        height: 20px;
        width: 85px;
}

.div_form {
        border: 0px solid #FF0000;
}

fieldset { 
        border: #efefef 2px solid;
        padding: 5px;
  }
legend {
        padding: 2px;
  }

a.bluelink:link {text-decoration: none;color: #0000ff;}
a.bluelink:visited {text-decoration: none;color: #0000ff;}
a.bluelink:active {text-decoration: none}
a.bluelink:hover {text-decoration: underline; color: red;}

a.whitelink:link {text-decoration: none;color: #CFCFCF;}
a.whitelink:visited {text-decoration: none;color: #CFCFCF;}
a.whitelink:active {text-decoration: none}
a.whitelink:hover {text-decoration: underline; color: red;}

#ffhlay_fix{ position: fixed; left: 0px; top: 0px; width: 100% }
#ffhlay{ position: absolute; left: 0px; top: 0px }

.btn { 
        font-style: normal; 
        font-family:Tahoma,sans-serif; font-size: 10pt; 
        display: block; 
        position: relative; 
        background: #aaa; 
        margin-right: 5px; 
        padding-left: 24px; 
        padding-right: 4px; 
        padding-top: 3px; 
        padding-bottom: 3px; 
        float: left; 
        color: #000; 
        text-decoration: none; 
        cursor: pointer;  
        overflow:visible; 
}

.btn1.blue { background: #E9F6FD; }
.btn1.green { background: #E6F5E6; }
.btn1.pink { background: #FFEBE6; }
.btn1.system { background: #F7F6F5; }
.btn1 { border: 2px solid #AAAAAA;color: #000000; }

.btn1.blue { border-color: #2ae; }
.btn1.green { border-color: #009900; }
.btn1.pink { border-color: #ff3300; }
.btn1.system { border-color: #ACA899; }

.btn.blue { background: #2ae; }
.btn.green { background: #009900; }
.btn.pink { background: #ff3300; }
.btn.system { background: #ACA899; }
.btn { border: 2px solid #AAAAAA;color: #ffffff; }

.btn.blue { border-color: #2ae; }
.btn.green { border-color: #009900; }
.btn.pink { border-color: #ff3300; }
.btn.system { border-color: #ACA899; }

.btn.add{background-image: url("../Images/add.png"); background-repeat: no-repeat; background-position: 2px center;}
.btn.delete{background-image: url("../Images/delete.png"); background-repeat: no-repeat; background-position: 2px center;}
.btn.cancel{background-image: url("../Images/cancel.png"); background-repeat: no-repeat; background-position: 2px center;}
.btn.email_next{background-image: url("../Images/email_next.png"); background-repeat: no-repeat; background-position: 2px center;}
.btn.email_back{background-image: url("../Images/email_back.png"); background-repeat: no-repeat; background-position: 2px center;}
.btn.save{background-image: url("../Images/save.png"); background-repeat: no-repeat; background-position: 2px center;}
.btn.ok{background-image: url("../Images/ok.png"); background-repeat: no-repeat; background-position: 2px center;}
.btn.approve_yes{background-image: url("../Images/icon_yes.gif"); background-repeat: no-repeat; background-position: 2px center;}
.btn.approve_no{background-image: url("../Images/icon_no.gif"); background-repeat: no-repeat; background-position: 2px center;}

.btn.issue{background-image: url("../Images/16_file_issue.png"); background-repeat: no-repeat; background-position: 2px center;}
.btn.revise{background-image: url("../Images/16_file_revise.png"); background-repeat: no-repeat; background-position: 2px center;}
.btn.obsolete{background-image: url("../Images/16_file_cancel.png"); background-repeat: no-repeat; background-position: 2px center;}
.btn.review{background-image: url("../Images/16_file_review.png"); background-repeat: no-repeat; background-position: 2px center;}
.btn.reinform{background-image: url("../Images/sound.png"); background-repeat: no-repeat; background-position: 2px center;}

input, textarea, select {
        font-family: Tahoma;font-size: 80%;
        font-size: 100%;
}

.RowCurrent td { 
        padding: 3px;
        border: solid 1px #000000;
        text-align: left;
        vertical-align: top;
        background-color: #ffffff; 
        color: #000000;
        }

.RowNoLine td { 
        padding: 3px;
        border: solid 0px #000000;
        text-align: left;
        vertical-align: top;
        background-color: #ffffff; 
        color: #000000;
        }

.icon-heart{
        border:solid 1px #DEDEDE;        
        padding:4px;
        text-align:left;
        min-width: 50px;
        float: left;
}

/*------------*/
/* Tab Button */
/*------------*/

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 0 0 7px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:Tahoma, Arial, Verdana, sans-serif;
    font-size:8pt;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
        background:#fbe3e4;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.field_blueline_notuse {
	border-left:1px solid #C7E2F1;
	border-right:1px solid #C7E2F1;
	border-top:1px solid #C7E2F1;
	border-bottom:1px solid #C7E2F1;
	margin:2px;
}
.field_require_notuse {
	border-left:0px;
	border-right:0px;
	border-top:0px;
	border-bottom:1px solid #ff0000;
	margin:2px;
}
.field_noedit_notuse {
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	border-top:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	margin:2px;
}
.field_editmode {
	background-color: #CACACA;
}

@media print {
	#ffhlay_fix {
		display:none;
	}
}

.td-image{
		border-top:solid 1px #CFCFCF;
		border-bottom:solid 1px #CFCFCF !important;
		border-left:solid 1px #CFCFCF;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:2px;
}
.td-text{
		border-top:solid 1px #CFCFCF;
		border-bottom:solid 1px #CFCFCF !important;		
		padding-top:2px;
		padding-bottom:2px;
		padding-left:2px;
		padding-right:2px;
}
.td-delete{
		border-top:solid 1px #CFCFCF;
		border-bottom:solid 1px #CFCFCF !important;
		border-right:solid 1px #CFCFCF;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:2px;
		padding-right:2px;
		vertical-align:top;
}

div.AlwayBottom{
  z-index:1000;
  position:fixed;
  bottom:0px;
  left:0px;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #efefef;
  padding-top: 0px;
  width:100%;
}

.photo_rotate {
    position: relative;
}    
.photo_rotate img {
	padding: 10px;
	background-color: white;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	-webkit-backface-visibility: hidden;
}
.lt-ie9 {}
.lt-ie9 .photo_rotate {
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.998629535, M12=-0.0523359562, M21=0.0523359562, M22=0.998629535, SizingMethod="auto expand");
	background: red;
	border-top: 2px solid @bg_green;
	border-left: 2px solid @bg_green;
	border-right: 1px solid #e6e7e8;
	border-bottom: 2px solid #e6e7e8;
	padding: 10px 10px 15px;
	top: 30px;
	right: 15px;
	display: block;
}

.rotated-text {

     
position: relative;
  width:10px;  
padding-top:5px;

  -ms-transform:rotate(270deg); 
  /* IE 9 */  
  -moz-transform:rotate(270deg); 
  /* Firefox */  
  -webkit-transform:rotate(270deg); 
  /* Safari and Chrome */  
  -o-transform:rotate(270deg); 
  /* Opera */

}

div.PageBottom{
  height:30px;
  width:10px;
}

/* Add by Thammarat 2015-09-11 */
img
{  border-style: none;
}