@font-face {font-family: 'Varela';  src: url('../font/VarelaRound-Regular.ttf');}
@font-face {font-family: 'ComfortaaR';  src: url('../font/Comfortaa-Regular.ttf');}
@font-face {font-family: 'ComfortaaL';  src: url('../font/Comfortaa-Light.ttf');}
@font-face {font-family: 'ComfortaaB';  src: url('../font/Comfortaa-Bold.ttf');}
@font-face {font-family: 'kaishu';  src: url('../font/KaiShuMed.ttf');}
@font-face {font-family: 'baloo';  src: url('../font/BalooBhaina-Regular.ttf');}
@font-face {font-family: 'UbuntuM';  src: url('../font/Ubuntu-M.ttf');}
@font-face {font-family: 'UbuntuL';  src: url('../font/Ubuntu-L.ttf');}
@font-face {font-family: 'UbuntuB';  src: url('../font/Ubuntu-B.ttf');}

html
{
	
}
.field
	{
	border:1px #EFEFEF solid;
}
.tabheader
{
	font-weight: normal;
	font-size: 15px;
	color: #039;
	<!--background: #b9c9fe;-->
	padding: 8px;
}

.duptext
{
	font-weight: bold;
	font-size: 13px;
	color: #E65454;
}

.txtLabel
{
	font-weight: bold;
	font-size: 13px;
	color: #039;
}

.linktxt
{
	font-weight: bold;
	font-size: 15px;
	color: #35A673;
}

.contentc
{ 
	margin-top:2%; 
	margin-left:2%;
	margin-right:2%;
}

.btnSave
{
	padding: 0.9em; /* 10/12 */
	padding-right: 1.0em; /* 36/12 */
	
	background-color: #2069b4;
	color: white;
	
	display: inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
	border-radius: 0.3125em; /* 5/16 */
	-moz-border-radius: 0.3125em; /* 5/16 */
	-webkit-border-radius: 0.3125em; /* 5/16 */
	
}

.btnSave:hover {
		background-color: #5081b3;
		color: white;
}

.btnBack
{
	padding: 0.9em; /* 10/12 */
	padding-right: 1.0em; /* 36/12 */
	background-color: #3498DB;
	color: white;
	display: inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
	border-radius: 0.3125em; /* 5/16 */
	-moz-border-radius: 0.3125em; /* 5/16 */
	-webkit-border-radius: 0.3125em; /* 5/16 */
	
}

.btnAdd
{
	padding: 0.9em; /* 10/12 */
	padding-right: 1.0em; /* 36/12 */
	background-color: #3498DB;
	color: white;
	display: inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
	border-radius: 0.3125em; /* 5/16 */
	-moz-border-radius: 0.3125em; /* 5/16 */
	-webkit-border-radius: 0.3125em; /* 5/16 */
	
}

.btnBack:hover {
		background-color: #5081b3;
		color: white;
}


.btnPrint
{
	padding: 0.9em; /* 10/12 */
	padding-right: 1.0em; /* 36/12 */
	background-color: #1ABC9C;
	color: white;
	display: inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
	border-radius: 0.3125em; /* 5/16 */
	-moz-border-radius: 0.3125em; /* 5/16 */
	-webkit-border-radius: 0.3125em; /* 5/16 */
	
}

.btnPrint:hover {
		background-color:#16A085;
		color: white;
}

.btnUpdate
{
	padding: 0.9em; /* 10/12 */
	padding-right: 1.0em; /* 36/12 */	
	background-color: #2069b4;
	color: white;	
	display: inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
	border-radius: 0.3125em; /* 5/16 */
	-moz-border-radius: 0.3125em; /* 5/16 */
	-webkit-border-radius: 0.3125em; /* 5/16 */
	
}

.btnUpdate:hover {
		background-color: #5081b3;
		color: white;
}

.bosstitle
	{
	font-size:18px; 
	font-family:UbuntuM; 
	letter-spacing:2px;
	color:#0066FF; 
}
.title3b11{
	font-family:UbuntuM;
	font-size:11px;
	color:#0066FF; 
}
.title3b12{
	font-family:UbuntuM;
	font-size:12px;
	color:#0066FF; 
}
.title3b{
	font-family:UbuntuM;
	font-size:13px;
	color:#0066FF; 
}

.title3bchinese{
	
	font-size:13px;
	color:#0066FF;
/*	
	font-weight:bold;
	font-family:FangSong;
	*/
}

.title4{
	font-family:UbuntuM;
	font-size:11px;
	color:#43CD80; 
	font-weight:bold;
/*	background-color:#EED8AE;*/
	/*border-bottom:1px #999999 solid;*/
		
}

.f_style1 {
	font-family:UbuntuM;
	font-size:11px;
}

.style5a{
	font-family:UbuntuM;
	font-size:12px;
	font-weight:bold;
	color:black; 
	background-color:#99bfe6;
	border:1px solid #d6e6f5;
	text-align:center;
	height:20px;
}

.style5b{
	font-family:UbuntuM;
	font-size:12px;
	font-weight:bold;
	color:black; 
}

.style2a {
	font-family:UbuntuM;
	font-size:11px;
	color:#333333;
	border:1px solid #d6e6f5;
	height:20px;
	text-align:center;
}

.style2a {
	font-family:UbuntuM;
	font-size:11px;
	border:1px solid #d6e6f5;
	height:20px;
	text-align:center;
}

.style2aleft {
	font-family:VUbuntuM;
	font-size:11px;
	color:#333333;
	 text-align:left;
	 padding-left:3px;
	 border:1px solid #d6e6f5;
	 height:20px;
}

.textbox {
	font-family:UbuntuM;
	font-size:12px;
}
.border	{
	border-bottom:1px solid #CCCCCC
}

#grade1 {
	float:left;
	padding:5px 5px 5px 5px;
    background: white;
  	border-radius: 5px;
  	border:1px solid #EFEFEF;
  /*	
  	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  	-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  	box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  	*/
  }

#grade1a {
	float:left;
	padding:5px 5px 5px 5px;
    background: white;
  	border-radius: 5px;
  	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  	-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  	box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
}

#grade1b {
	float:left;
	padding:5px 5px 5px 5px;
    background: white;
  	border:1px solid #EFEFEF;
  }
#grade_no_border2 {
	float:left;
	padding:5px 5px 5px 5px;
 		}
#clr {
	clear:both;
	padding:5px 5px 5px 5px;

}
#clr1 {
	float:left;
	padding:5px 5px 5px 5px;
}

.labelcolon {
	font-family:UbuntuM;
	font-size:12px;
}

.labelfield{
	font-family:UbuntuM;
	font-size:12px;
	font-weight:bold;
	color:#4f6b72; 
}

#page { margin:0 auto; padding:0; background:url(../images/bg_nav1.gif) repeat-x top center; }
#header { margin:0 auto; padding:0; width:962px; background:url(../images/bg_top.jpg) no-repeat; }
#nav1 { padding:8px 0 0; height:29px; background:url('../images/bg_nav1.gif') repeat-x; }


.title3a{
	font-family:UbuntuM;
	font-size:12px;
	color:#0066FF; 
	font-weight:bold;
	background-color:#DDEEFF;
	border:1px #ccc solid;
	text-align:center;
}
.style2a11 {
	font-family:UbuntuM;
	font-size:11px;
	color:#333333;
	border:1px solid #CCCCCC;
	height:20px;
	text-align:center;
}

.style2a12 {
	font-family:UbuntuM;
	font-size:12px;
	color:#333333;
	border:1px solid #CCCCCC;
	height:20px;
	text-align:center;
}
.style2aleft {
	font-family:UbuntuM;
	font-size:11px;
	color:#333333;
	 text-align:left;
	 padding-left:3px;
	 border:1px solid #CCCCCC;
	 height:20px;
}
.style2aleft11 {
	font-family:UbuntuM;
	font-size:11px;
	color:#333333;
	 text-align:left;
	 padding-left:3px;
	 border:1px solid #CCCCCC;
	 height:20px;
}

.style2aleft12 {
	font-family:UbuntuM;
	font-size:12px;
	color:#333333;
	 text-align:left;
	 padding-left:3px;
	 border:1px solid #CCCCCC;
	 height:20px;
}

.style2aleft12bold {
	color:maroon;
}

.style2aleft12noborder {
	font-family:UbuntuM;
	font-size:12px;
	color:#333333;
	 text-align:left;
	 padding-left:3px;
	 height:20px;
}

.style2aleft12noborderbold {
	font-family:UbuntuM;
	font-size:12px;
	color:maroon;
	 text-align:left;
	 padding-left:3px;
	 height:20px;
	 font-weight:bold;
}

.totalrow12 {
	font-family:UbuntuM;
	font-size:12px;
	color:#333333;
	text-align:right;
	padding-right:4px;
	border:1px solid #CCCCCC;
	height:20px;
}

.clsqty {
	font-family:UbuntuM;
	font-size:12px;
	text-align:right;
	padding-right:4px;
	border:1px solid #CCCCCC;
	height:20px;
}

.clsqtynoborder {
	font-family:UbuntuM;
	font-size:12px;
	text-align:right;
	height:20px;
}

.clsqtybold {
	font-weight:bold;
	color:maroon;
}

.total{
	font-family:UbuntuM;
	font-size:12px;
	/*color:#797268; */
	color:#333333;
	font-weight:bold;
	background-color:#99bfe6;
	border:1px solid #d6e6f5;
	text-align:right;
	height:20px;
	padding-right:5px;
}

.mtitle {
	font-family:baloo;	
	font-size:15px;
	padding-left:5px;
	color:#737373;
	letter-spacing:1px;
	/*
	font-family:ComfortaaB;
	font-family:UbuntuM;
	background-color:#00283a;
	color:#92c500;
	*/	
}
.mtitlechinese {
	font-size:14px;
	padding-left:5px;
	color:#333333;
	letter-spacing:1px;
	/*
	font-family:FangSong;
	font-family:UbuntuM;
	background-color:#00283a;
	color:#92c500;
	*/	
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}

#background{
    position:absolute;
    z-index:0;
    background:white;
    display:block;
    min-height:50%; 
    min-width:50%;
    color:yellow;
}

#bg-text
{
    color:lightgrey;
    font-size:120px;
    transform:rotate(300deg);
    -webkit-transform:rotate(300deg);
}

.cancel 	{
	background-image:url('../images/cancel.png');
	background-repeat:no-repeat;
	background-position:center;
}

.amend 	{
	background-image:url('../images/amend.png');
	background-repeat:no-repeat;
	background-position:center;
}

.urgent 	{
	background-image:url('../images/urgent.png');
	background-repeat:no-repeat;
	background-position:center;
}

.stylenew12 {
	font-family:UbuntuM;
	font-size:12px;
	text-align:left;
	padding-left:5px;
	border-radius: 0.6225em; /* 5/16 */
	-moz-border-radius: 0.6225em; /* 5/16 */
	-webkit-border-radius: 0.6225em; /* 5/16 */
	background-color:#EDF0EE;
	height:30px;
}
.round {
	border:1px #C1DAD7 solid;
	border-radius: 0.3125em; /* 5/16 */
	-moz-border-radius: 0.3125em; /* 5/16 */
	-webkit-border-radius: 0.3125em; /* 5/16 */

}
.round2 {
	border:1px #C1DAD7 solid;
	border-radius: 0.6225em; /* 5/16 */
	-moz-border-radius: 0.6225em; /* 5/16 */
	-webkit-border-radius: 0.6225em; /* 5/16 */
	
}

.round3 {	
	border:1px #C1DAD7 solid;
	border-radius: 0.8225em; /* 5/16 */
	-moz-border-radius: 0.8225em; /* 5/16 */
	-webkit-border-radius: 0.8225em; /* 5/16 */
	/*
	border:1px #CCCCCC solid;
	*/
}

.round4 {
	border-radius: 2.9225em; /* 5/16 */
	-moz-border-radius: 2.9225em; /* 5/16 */
	-webkit-border-radius: 2.9225em; /* 5/16 */
	
}

.gentext		{	font-family:UbuntuM;}
.redtext 		{	color:#F50A2D; }
.orangetext		{	color:#FF851B; }
.whitetext		{	color:#FFF; }
.boldtext 		{	font-weight:bold; }
.italictext		{	font-style:italic;}
.text10			{	font-family:UbuntuM; font-size:10px;}
.text11			{	font-family:UbuntuM; font-size:11px;}
.text11a			{	font-family:serif; font-size:11px;}
.text12			{	font-family:UbuntuM; font-size:12px;}
.text13			{ 	font-family:UbuntuM; font-size:13px;}
.text14			{	font-family:UbuntuM; font-size:14px;}
.text16			{	font-family:UbuntuM; font-size:16px;}
.text14fredo	{	font-family:baloo; font-size:14px; /*font-family:fredo;*/}
.textcenter		{	text-align:center}
.textright		{	text-align:right; padding-right:3px;}
.textvertical-middle 	{	vertical-align:middle}
.textboshigh	{	height:25px;}


.bordergreen	{	border-color:#ABEBC6;}
.bordergreen2	{	border-color:#75DAA0;}
.borderorange	{	border-color:#e76b00;}
.borderred		{	border-color:#e90d00;}


.backgreen		{	background-color:#ABEBC6;}
.backred		{	background-color:#ff4136;}
.backgrey		{	background-color:#EDF0EE;}
.backorange		{	background-color:#FF851B;}
.opatext	{opacity:0.7;}
.high25			{ 	height:25px;}
.high30			{ 	height:30px;}
.high40			{ 	height:40px;}