﻿body
{
}

textarea
{
    resize: none;
}

#outer {overflow: hidden; position: relative; height: 100%; width: 100%; overflow:hidden;}
#outer[id] {display: table; position: static; overflow:hidden;}
		
#middle {position: absolute; top: 50%; width: 100%; text-align: center; overflow:auto;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;
    height: 439px;
    overflow:hidden;
}
		
/*#inner {position: relative; top: -50%; text-align: left;} /* for explorer only */
#inner {width: 650px; margin-left: auto; margin-right: auto;} /* for all browsers*/
/* optional: #inner[id] {position: static;} */
		
/* just format */
div.rptBorder {
border: 2px solid #9d9ea0; 
background-color:transparent;
-moz-box-shadow: 5px 5px 5px #565656;
-webkit-box-shadow: 5px 5px 5px #565656;
box-shadow: 5px 5px 5px #565656;
-moz-border-radius: 15px;
 border-radius: 15px;
 
}

.MessageError
{
    font-family: Tahoma;
    color: black;
    font-size: 12px;
    }

/* column ของ grid ในกรณีที่เป็น sortable column */
.GridHeaderSort
{
    color: Red;
    text-decoration: underline;
}

/* column footer ของ grid */
.GridFooter
{
    font-family: Tahoma;
    font-size: 9;
    text-align: right !important;
    margin-right: 5px;
    padding-right: 2px;
}

/* column header ของ grid */
.GridHeader
{
    text-align: center;
}

/* numeric cell ของ grid */
.GridCellNumeric
{
    text-align: right !important;
    margin-right: 3px;
}

.TextUpper
{
    text-transform: uppercase;
}

/* ใช้สำหรับ TextBox ที่บังคับให้ต้องกรอกข้อมูล */
.TextRequired
{
    background-color: Aqua;
}

.PanelCriteria
{
    font-family: Tahoma;
    font-size: 10px;
}

/* ปุ่มเรียก dialog สำหรับเลือกข้อมูลจาก base table */
.PopupButton
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin-right: 0px;
}
.rightAlign
{
    text-align: right ;    
}

.QuatationHeader
{
	border: 0px solid #BBCEE6;
	text-align: left;
	-webkit-box-shadow: #666 0px 1px 1px;
	-moz-box-shadow: #666 0px 1px 10px;
	box-shadow: #666 0px 1px 10px;
	background: #E7FDFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D8E4F2), to(#BBCEE6));
	background: -webkit-linear-gradient(#D8E4F2, #BBCEE6);
	background: -moz-linear-gradient(#D8E4F2, #BBCEE6);
	background: -ms-linear-gradient(#D8E4F2, #BBCEE6);
	background: -o-linear-gradient(#D8E4F2, #BBCEE6);
	background: linear-gradient(#D8E4F2, #BBCEE6);
}
 .BodyInformation
 {
	border: 2px solid #BBCEE6;
	text-align: left;

	-webkit-box-shadow: #666 0px 1px 1px;
	-moz-box-shadow: #666 0px 1px 10px;
	box-shadow: #666 0px 1px 10px;
	background: #D8E4F2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D8E4F2), to(#D8E4F2));
	background: -webkit-linear-gradient(#D8E4F2, #D8E4F2);
	background: -moz-linear-gradient(#D8E4F2, #D8E4F2);
	background: -ms-linear-gradient(#D8E4F2, #D8E4F2);
	background: -o-linear-gradient(#D8E4F2, #D8E4F2);
	background: linear-gradient(#D8E4F2, #D8E4F2);
 }
 
 .CenterWebInformation
  {
	border: 2px solid #BBCEE6;
	text-align: left;
	-webkit-box-shadow: #666 0px 1px 1px;
	-moz-box-shadow: #666 0px 1px 10px;
	background: #D8E4F2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D8E4F2), to(#D8E4F2));
	background: -webkit-linear-gradient(#D8E4F2, #D8E4F2);
	background: -moz-linear-gradient(#D8E4F2, #D8E4F2);
	background: -ms-linear-gradient(#D8E4F2, #D8E4F2);
	background: -o-linear-gradient(#D8E4F2, #D8E4F2);
	background: linear-gradient(#D8E4F2, #D8E4F2);
 }
.webcenter {
    border:1px solid #FFFFFF;
    /*-webkit-box-shadow: 1px 1px 5px 5px #c2bebe;
    -moz-box-shadow: 1px 1px 5px 5px #c2bebe;
    -o-box-shadow:1px 1px 5px 5px #c2bebe;
    -ms-box-shadow: 1px 1px 5px 5px #c2bebe;
    box-shadow: 1px 1px 5px 5px #c2bebe;*/
    background: #c9fbfc;
	background: -webkit-gradient(linear, 0 2, 0 bottom, from(#c9fbfc), to(#eaffff));
	background: -webkit-linear-gradient(#c9fbfc, #eaffff);
	background: -moz-linear-gradient(#c9fbfc, #eaffff);
	background: -ms-linear-gradient(#c9fbfc, #eaffff);
	background: -o-linear-gradient(#c9fbfc, #eaffff);
	background: linear-gradient(#c9fbfc, #eaffff);

}
.webGenCost {
    border:1px solid #FFFFFF;
    /*-webkit-box-shadow: 1px 1px 5px 5px #c2bebe;
    -moz-box-shadow: 1px 1px 5px 5px #c2bebe;
    -o-box-shadow:1px 1px 5px 5px #c2bebe;
    -ms-box-shadow: 1px 1px 5px 5px #c2bebe;
    box-shadow: 1px 1px 5px 5px #c2bebe;*/
    background: #FFDDFF;
	background: -webkit-gradient(linear, 0 2, 0 bottom, from(#FFECFF), to(#FFCCFF));
	background: -webkit-linear-gradient(#FFECFF, #FFCCFF);
	background: -moz-linear-gradient(#FFECFF, #FFCCFF);
	background: -ms-linear-gradient(#FFECFF, #FFCCFF);
	background: -o-linear-gradient(#FFECFF, #FFCCFF);
	background: linear-gradient(#FFECFF, #FFCCFF);

}
.TabwebGenaral
{
    border:4px solid #FFFFFF;/*e4e0e0*/
    -webkit-box-shadow: 1px 1px 10px 5px #c2bebe;
    -moz-box-shadow: 1px 1px 10px 5px #c2bebe;
    -o-box-shadow:1px 1px 10px 5px #c2bebe;
    -ms-box-shadow: 1px 1px 10px 5px #c2bebe;
    box-shadow: 1px 1px 20px 5px #c2bebe;
    background: #D9FBFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D9FBFF), to(#F6F4F5));
	background: -webkit-linear-gradient(#D9FBFF, #F6F4F5);
	background: -moz-linear-gradient(#D9FBFF, #F6F4F5);
	background: -ms-linear-gradient(#D9FBFF, #F6F4F5);
	background: -o-linear-gradient(#D9FBFF, #F6F4F5);
	background: linear-gradient(#D9FBFF, #F6F4F5);
	-wwbkit-border-radius:0em 1em 1em 1em;
	-moz-border-radius:0em 0em 1em 1em;
    -o-border-radius:0em 0em 1em 1em;
    -ms-border-radius:0em 0em 1em 1em;
    border-radius:0em 0em 1em 1em;
}
.Chequecontrol
{
    border:2px solid #FFFFFF;/*e4e0e0*/
   /* -webkit-box-shadow: 1px 1px 10px 5px #c2bebe;
    -moz-box-shadow: 1px 1px 10px 5px #c2bebe;
    -o-box-shadow:1px 1px 10px 5px #c2bebe;
    -ms-box-shadow: 1px 1px 10px 5px #c2bebe;
    box-shadow: 1px 1px 10px 5px #c2bebe;*/
    background: #d7fba7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d7fba7), to(#F6F4F5));
	background: -webkit-linear-gradient(#d7fba7, #F6F4F5);
	background: -moz-linear-gradient(#d7fba7, #F6F4F5);
	background: -ms-linear-gradient(#d7fba7, #F6F4F5);
	background: -o-linear-gradient(#d7fba7, #F6F4F5);
	background: linear-gradient(#d7fba7, #F6F4F5);
/*	-wwbkit-border-radius:0em 0em 1em 1em;
	-moz-border-radius:0em 0em 1em 1em;
    -o-border-radius:0em 0em 1em 1em;
    -ms-border-radius:0em 0em 1em 1em;
    border-radius:0em 0em 1em 1em;*/
    
 }
.TabwebShipment
{
   border:1px solid #FFFFFF;
   border-radius:0em 0em 1em 1em;
    -webkit-box-shadow: 1px 1px 10px 5px #c2bebe;
    -moz-box-shadow: 1px 1px 10px 5px #c2bebe;
    -o-box-shadow:1px 1px 10px 5px #c2bebe;
    -ms-box-shadow: 1px 1px 10px 5px #c2bebe;
    box-shadow: 1px 1px 20px 5px #c2bebe;
    background: #D9FBFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D9FBFF), to(#F6F4F5));
	background: -webkit-linear-gradient(#D9FBFF, #F6F4F5);
	background: -moz-linear-gradient(#D9FBFF, #F6F4F5);
	background: -ms-linear-gradient(#D9FBFF, #F6F4F5);
	background: -o-linear-gradient(#D9FBFF, #F6F4F5);
	background: linear-gradient(#D9FBFF, #F6F4F5);
}
.TabwebRevenue
{
   border:1px solid #FFFFFF;
   -webkit-box-shadow: 1px 1px 10px 5px #c2bebe;
   -moz-box-shadow: 1px 1px 10px 5px #c2bebe;
   -o-box-shadow:1px 1px 10px 5px #c2bebe;
   -ms-box-shadow: 1px 1px 10px 5px #c2bebe;
    box-shadow: 1px 1px 20px 5px #c2bebe;
    background: #dafcd3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dafcd3), to(#F6F4F5));
	background: -webkit-linear-gradient(#dafcd3, #F6F4F5);
	background: -moz-linear-gradient(#dafcd3, #F6F4F5);
	background: -ms-linear-gradient(#dafcd3, #F6F4F5);
	background: -o-linear-gradient(#dafcd3, #F6F4F5);
	background: linear-gradient(#dafcd3, #F6F4F5);
	
}
.TabwebCost
   {
   border:1px solid #FFFFFF;
    -webkit-box-shadow: 1px 1px 10px 5px #c2bebe;
    -moz-box-shadow: 1px 1px 10px 5px #c2bebe;
    -o-box-shadow:1px 1px 10px 5px #c2bebe;
    -ms-box-shadow: 1px 1px 10px 5px #c2bebe;
    box-shadow: 1px 1px 20px 5px #c2bebe;
    background: #fad8fe;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fad8fe), to(#F6F4F5));
	background: -webkit-linear-gradient(#fad8fe, #F6F4F5);
	background: -moz-linear-gradient(#fad8fe, #F6F4F5);
	background: -ms-linear-gradient(#fad8fe, #F6F4F5);
	background: -o-linear-gradient(#fad8fe, #F6F4F5);
	background: linear-gradient(#fad8fe, #F6F4F5);
	
}
.TabwebAccount
   {
   border:1px solid #fbe8ce;
    -webkit-box-shadow: 1px 1px 10px 5px #c2bebe;
    -moz-box-shadow: 1px 1px 10px 5px #c2bebe;
    -o-box-shadow:1px 1px 10px 5px #c2bebe;
    -ms-box-shadow: 1px 1px 10px 5px #c2bebe;
    box-shadow: 1px 1px 20px 5px #c2bebe;
    background: #fdf9e9;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdf9e9), to(#fbe8ce));
	background: -webkit-linear-gradient(#fdf9e9, #fbe8ce);
	background: -moz-linear-gradient(#fdf9e9, #fbe8ce);
	background: -ms-linear-gradient(#fdf9e9, #fbe8ce);
	background: -o-linear-gradient(#fdf9e9, #fbe8ce);
	background: linear-gradient(#fdf9e9, #fbe8ce);
	
}
  /*.CenterWebInformation
  {
	border: 2px solid #6cc2fe;
	text-align: left;
	-webkit-box-shadow: #666 0px 1px 1px;
	-moz-box-shadow: #666 0px 1px 10px;
	background: #79CCFC;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#79CCFC), to(#068AB5));
	background: -webkit-linear-gradient(#79CCFC, #068AB5);
	background: -moz-linear-gradient(#79CCFC, #068AB5);
	background: -ms-linear-gradient(#79CCFC, #068AB5);
	background: -o-linear-gradient(#79CCFC, #068AB5);
	background: linear-gradient(#79CCFC, #068AB5);
 }*/
.dvHead
{
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: #666 0px 1px 1px;
    -moz-box-shadow: #666 0px 1px 10px;
    box-shadow: #666 0px 1px 10px;
    background: #dbd7db;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dbd7db), to(#FFFFFF));
    background: -webkit-linear-gradient(#dbd7db, #FFFFFF);
    background: -moz-linear-gradient(#dbd7db, #FFFFFF);
    background: -ms-linear-gradient(#dbd7db, #FFFFFF);
    background: -o-linear-gradient(#dbd7db, #FFFFFF);
    background: linear-gradient(#dbd7db, #FFFFFF);
}

.dvBG
{
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: #666 0px 1px 1px;
    -moz-box-shadow: #666 0px 1px 10px;
    box-shadow: #666 0px 1px 10px;
    background: #dbd7db;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dbd7db), to(#FFFFFF));
    background: -webkit-linear-gradient(#dbd7db, #FFFFFF);
    background: -moz-linear-gradient(#dbd7db, #FFFFFF);
    background: -ms-linear-gradient(#dbd7db, #FFFFFF);
    background: -o-linear-gradient(#dbd7db, #FFFFFF);
    background: linear-gradient(#dbd7db, #FFFFFF);
}

.dvBox
{
    border:1px solid #FFFFFF;
    -webkit-box-shadow: 1px 1px 10px 5px #c2bebe;
    -moz-box-shadow: 1px 1px 10px 5px #c2bebe;
    -o-box-shadow:1px 1px 10px 5px #c2bebe;
    -ms-box-shadow: 1px 1px 10px 5px #c2bebe;
    box-shadow: 1px 1px 20px 5px #c2bebe;
    background: #c9fbfc;
	background: -webkit-gradient(linear, 0 2, 0 bottom, from(#c9fbfc), to(#eaffff));
	background: -webkit-linear-gradient(#c9fbfc, #eaffff);
	background: -moz-linear-gradient(#c9fbfc, #eaffff);
	background: -ms-linear-gradient(#c9fbfc, #eaffff);
	background: -o-linear-gradient(#c9fbfc, #eaffff);
	background: linear-gradient(#c9fbfc, #eaffff);
}

/* style สำหรับ div ครอบ button หลักบนหน้าจอ */
.dvButton
{
    border: 1px solid #6cc2fe;
    text-align: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: #666 0px 0px 1px;
    -moz-box-shadow: #666 0px 0px 10px;
    box-shadow: #666 0px 0px 10px;
    background: #0171B1;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0171B1), to(#068AB5));
    background: -webkit-linear-gradient(#0171B1, #068AB5);
    background: -moz-linear-gradient(#0171B1, #068AB5);
    background: -ms-linear-gradient(#0171B1, #068AB5);
    background: -o-linear-gradient(#0171B1, #068AB5);
    background: linear-gradient(#0171B1, #068AB5);
}
/*.dvButton
{
    border: 1px solid #6cc2fe;
    text-align: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: #666 0px 0px 1px;
    -moz-box-shadow: #666 0px 0px 10px;
    box-shadow: #666 0px 0px 10px;
    background: #79CCFC;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#79CCFC), to(#068AB5));
    background: -webkit-linear-gradient(#79CCFC, #068AB5);
    background: -moz-linear-gradient(#79CCFC, #068AB5);
    background: -ms-linear-gradient(#79CCFC, #068AB5);
    background: -o-linear-gradient(#79CCFC, #068AB5);
    background: linear-gradient(#79CCFC, #068AB5);
}*/
/*.dvButton
{
    border: 0px solid #BBCEE6;
    text-align: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: #666 0px 0px 1px;
    -moz-box-shadow: #666 0px 0px 10px;
    box-shadow: #666 0px 0px 10px;
    background: #0931fa;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0931fa), to(#1d3fd0));
    background: -webkit-linear-gradient(#0931fa, #1d3fd0);
    background: -moz-linear-gradient(#0931fa, #1d3fd0);
    background: -ms-linear-gradient(#0931fa, #1d3fd0);
    background: -o-linear-gradient(#0931fa, #1d3fd0);
    background: linear-gradient(#0931fa, #1d3fd0);
}*/

.dvButton1
{    
    text-align: left;
    width: 1080px;
    height: 50px;
   
    -webkit-box-shadow: #666 0px 1px 1px;
    -moz-box-shadow: #666 0px 1px 10px;
    box-shadow: #666 0px 1px 10px;
    background: #D8E4F2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D8E4F2), to(#D8E4F2));
	background: -webkit-linear-gradient(#D8E4F2, #D8E4F2);
	background: -moz-linear-gradient(#D8E4F2, #D8E4F2);
	background: -ms-linear-gradient(#D8E4F2, #D8E4F2);
	background: -o-linear-gradient(#D8E4F2, #D8E4F2);
	background: linear-gradient(#D8E4F2, #D8E4F2);
}

.dvButton2
{
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: #666 0px 1px 1px;
    -moz-box-shadow: #666 0px 1px 10px;
    box-shadow: #666 0px 1px 10px;
    background: #d8e4f2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d8e4f2), to(#d8e4f2));
    background: -webkit-linear-gradient(#d8e4f2, #d8e4f2);
    background: -moz-linear-gradient(#d8e4f2, #d8e4f2);
    background: -ms-linear-gradient(#d8e4f2, #d8e4f2);
    background: -o-linear-gradient(#d8e4f2, #d8e4f2);
    background: linear-gradient(#d8e4f2, #d8e4f2);
}
.dvButton3
{
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: #666 0px 1px 1px;
    -moz-box-shadow: #666 0px 1px 10px;
    box-shadow: #666 0px 1px 10px;
    background: #8eb8e9;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8eb8e9), to(#8eb8e9));
    background: -webkit-linear-gradient(#8eb8e9, #8eb8e9);
    background: -moz-linear-gradient(#8eb8e9, #8eb8e9);
    background: -ms-linear-gradient(#8eb8e9, #8eb8e9);
    background: -o-linear-gradient(#8eb8e9, #8eb8e9);
    background: linear-gradient(#8eb8e9, #8eb8e9);
}
.dvBase
{
    width: 1080px;
    height: auto;
     border: 1px solid #eee;
     border-radius:0em 0em 1em 1em;
    -webkit-box-shadow: #bababb 0px 5px 5px;
    -moz-box-shadow: #bababb 0px 5px 5px;
    box-shadow: #bababb 0px 5px 5px;
    background: #8eb8e9;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ddeffa), to(#8eb8e9));
    background: -webkit-linear-gradient(#ddeffa, #8eb8e9);
    background: -moz-linear-gradient(#ddeffa, #8eb8e9);
    background: -ms-linear-gradient(#ddeffa, #8eb8e9);
    background: -o-linear-gradient(#ddeffa, #8eb8e9);
    background: linear-gradient(#ddeffa, #8eb8e9);
}


.box_shadow
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 5px solid #c8ccd0;
    height: auto;
    background-color: #fff;
    border: 5px solid #eee;
    -moz-box-shadow: 5px 0 5px rgba(173, 173, 173, .55);
    -webkit-box-shadow: 5px 0 5px rgba(173, 173, 173, .55);
    padding: 15px;    
}

.box
{
    border: 2px solid #BBCEE6;
    text-align: left;
    background: #C2FAFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C2FAFF), to(#8EDBFF));
    background: -webkit-linear-gradient(#C2FAFF, #8EDBFF);
    background: -moz-linear-gradient(#C2FAFF, #8EDBFF);
    background: -ms-linear-gradient(#C2FAFF, #8EDBFF);
    background: -o-linear-gradient(#C2FAFF, #8EDBFF);
    background: linear-gradient(#C2FAFF, #8EDBFF);
}
.HawbEditFoot
{
    border: 2px solid #BBCEE6;
    text-align: left;
    background: #C2FAFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C2FAFF), to(#8EDBFF));
    background: -webkit-linear-gradient(#C2FAFF, #8EDBFF);
    background: -moz-linear-gradient(#C2FAFF, #8EDBFF);
    background: -ms-linear-gradient(#C2FAFF, #8EDBFF);
    background: -o-linear-gradient(#C2FAFF, #8EDBFF);
    background: linear-gradient(#C2FAFF, #8EDBFF);
}
.HawbEditcenter
{
    border: 2px solid #BBCEE6;
    text-align: left;
    background: #C2FAFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C2FAFF), to(#8EDBFF));
    background: -webkit-linear-gradient(#C2FAFF, #8EDBFF);
    background: -moz-linear-gradient(#C2FAFF, #8EDBFF);
    background: -ms-linear-gradient(#C2FAFF, #8EDBFF);
    background: -o-linear-gradient(#C2FAFF, #8EDBFF);
    background: linear-gradient(#C2FAFF, #8EDBFF);
}
.HawbEditHeader
{
    border: 2px solid #BBCEE6;
    text-align: left;
    background: #AEDCFC;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#AEDCFC), to(#0088E7));
    background: -webkit-linear-gradient(#AEDCFC, #0088E7);
    background: -moz-linear-gradient(#AEDCFC, #0088E7);
    background: -ms-linear-gradient(#AEDCFC, #0088E7);
    background: -o-linear-gradient(#AEDCFC, #0088E7);
    background: linear-gradient(#AEDCFC, #0088E7);
}
.dvView
{
	border: 1px solid #BBCEE6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #9aecfe;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9aecfe), to(#cff9fd));
	background: -webkit-linear-gradient(#9aecfe, #cff9fd);
	background: -moz-linear-gradient(#9aecfe, #cff9fd);
	background: -ms-linear-gradient(#9aecfe, #cff9fd);
	background: -o-linear-gradient(#9aecfe, #cff9fd);
	background: linear-gradient(#9aecfe, #cff9fd);
}
.dvCustomer
{
	border: 1px solid #BBCEE6;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	background: #9aecfe;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9aecfe), to(#cff9fd));
	background: -webkit-linear-gradient(#9aecfe, #cff9fd);
	background: -moz-linear-gradient(#9aecfe, #cff9fd);
	background: -ms-linear-gradient(#9aecfe, #cff9fd);
	background: -o-linear-gradient(#9aecfe, #cff9fd);
	background: linear-gradient(#9aecfe, #cff9fd);
}
.dvRate
{
	border: 1px solid #BBCEE6;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	background: #9aecfe;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9aecfe), to(#cff9fd));
	background: -webkit-linear-gradient(#9aecfe, #cff9fd);
	background: -moz-linear-gradient(#9aecfe, #cff9fd);
	background: -ms-linear-gradient(#9aecfe, #cff9fd);
	background: -o-linear-gradient(#9aecfe, #cff9fd);
	background: linear-gradient(#9aecfe, #cff9fd);
}
.GridButton
{  
    height: 48px;
    width: 48px;
}
.HeaderCaption
{
	font-size: 12px;
	padding:3px 0 3px 8px;
	overflow: hidden;
	text-align:center;
	border-top:1px solid #4bbdee;
    border-right:1px solid #1181b1;
    border-bottom:1px solid #128dc1;
    border-left:1px solid #6ac9f1;
}

.igg_CaribbeanHeaderCaption
{
	font-size: 10px;
	padding:3px 0 3px 8px;
	overflow: hidden;
	border-top:1px solid #bfe1ff;
    border-right:1px solid #8d97f3;
    border-bottom:1px solid #6f7bef;
    border-left:1px solid #cbcff9;
	background-color:#26B5F8;
	background-repeat:repeat-x;
	background-position:top;
	color:White;    
	text-align: center !important;
}   
 
.AlignRight 
{ 
    text-align: right !important;
}
.AlignLeft 
{ 
    text-align: left !important;
}
.AlignCenter 
{ 
    text-align: center !important;
}
        
.SummaryRight
{
    text-align: right !important;
    margin-right: 5px;
    padding: 5px 8px 5px 8px;
}
        
TBODY > TR.igg_CaribbeanItemB TD
{
    background-color: #99CCFF;
    background-repeat: repeat-x;
    background-position: bottom;
    border-top: solid 1px Gainsboro;
    padding: 5px 8px 5px 8px;
    overflow: hidden;
    vertical-align: middle;
}    
    
TBODY > TR.AlignCenter TD
{
	background-color:#FD8181;
	background-repeat:repeat-x;
	background-position:bottom ;
	border-top:solid 1px Gainsboro;
	padding:5px 8px 5px 8px;
	overflow: hidden;
	vertical-align:middle;
}

TBODY > TR.igg_CaribbeanItemG TD
{
    background-color: #CCFFCC;
    background-repeat: repeat-x;
    background-position: bottom;
    border-top: solid 1px Gainsboro;
    padding: 5px 8px 5px 8px;
    overflow: hidden;
    vertical-align: middle;
}

TBODY > TR.igg_CaribbeanItemO TD
{
    background-color: #FFCC99;
    background-repeat: repeat-x;
    background-position: bottom;
    border-top: solid 1px Gainsboro;
    padding: 5px 8px 5px 8px;
    overflow: hidden;
    vertical-align: middle;
}

TBODY > TR.AlignRight TD
{
	background-color:#FA7777;
	background-repeat:repeat-x;
	background-position:bottom ;
	border-top:solid 1px Gainsboro;
	padding:5px 8px 5px 8px;
	overflow: hidden;
	vertical-align:middle;
}

TBODY > TR.igg_CaribbeanItemY TD
{
    background-color: #FFFFB9;
    background-repeat: repeat-x;
    background-position: bottom;
    border-top: solid 1px Gainsboro;
    padding: 5px 8px 5px 8px;
    overflow: hidden;
    vertical-align: middle;
}
.PopupButton
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin-right: 0px;
    text-align: left;
}

 .GridHeader
{
    text-align: center;
}

/*---------------------------------------*/

.MawnPink 
{
     border:4px solid #FFFFFF;/*e4e0e0*/
    -webkit-box-shadow: 1px 1px 10px 5px #c2bebe;
    -moz-box-shadow: 1px 1px 10px 5px #c2bebe;
    -o-box-shadow:1px 1px 10px 5px #c2bebe;
    -ms-box-shadow: 1px 1px 10px 5px #c2bebe;
    box-shadow: 1px 1px 20px 5px #c2bebe;
    background: #fde9fd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fde9fd), to(#F6F4F5));
	background: -webkit-linear-gradient(#fde9fd, #F6F4F5);
	background: -moz-linear-gradient(#fde9fd, #F6F4F5);
	background: -ms-linear-gradient(#fde9fd, #F6F4F5);
	background: -o-linear-gradient(#fde9fd, #F6F4F5);
	background: linear-gradient(#fde9fd, #F6F4F5);
	-wwbkit-border-radius:0em 1em 1em 1em;
	-moz-border-radius:0em 0em 1em 1em;
    -o-border-radius:0em 0em 1em 1em;
    -ms-border-radius:0em 0em 1em 1em;
    border-radius:0em 0em 1em 1em;
    
    }
.MawnSubAgent 
{
     border:4px solid #FFFFFF;/*e4e0e0*/
    -webkit-box-shadow: 1px 1px 10px 5px #c2bebe;
    -moz-box-shadow: 1px 1px 10px 5px #c2bebe;
    -o-box-shadow:1px 1px 10px 5px #c2bebe;
    -ms-box-shadow: 1px 1px 10px 5px #c2bebe;
    box-shadow: 1px 1px 20px 5px #c2bebe;
    background: #edfed5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#edfed5), to(#F6F4F5));
	background: -webkit-linear-gradient(#edfed5, #F6F4F5);
	background: -moz-linear-gradient(#edfed5, #F6F4F5);
	background: -ms-linear-gradient(#edfed5, #F6F4F5);
	background: -o-linear-gradient(#edfed5, #F6F4F5);
	background: linear-gradient(#edfed5, #F6F4F5);
	-wwbkit-border-radius:0em 1em 1em 1em;
	-moz-border-radius:0em 0em 1em 1em;
    -o-border-radius:0em 0em 1em 1em;
    -ms-border-radius:0em 0em 1em 1em;
    border-radius:0em 0em 1em 1em;
    
    }

.Quotation {
     border:2px solid #FFFFFF;/*e4e0e0*/
    -webkit-box-shadow: 1px 1px 10px 5px #c2bebe;
    -moz-box-shadow: 1px 1px 10px 5px #c2bebe;
    -o-box-shadow:1px 1px 10px 5px #c2bebe;
    -ms-box-shadow: 1px 1px 10px 5px #c2bebe;
    box-shadow: 1px 1px 20px 5px #c2bebe;
    background: #f6fefe;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6fefe), to(#76edeb));
	background: -webkit-linear-gradient(#f6fefe, #76edeb);
	background: -moz-linear-gradient(#f6fefe, #76edeb);
	background: -ms-linear-gradient(#f6fefe, #76edeb);
	background: -o-linear-gradient(#f6fefe, #76edeb);
	background: linear-gradient(#f6fefe, #76edeb);
	-wwbkit-border-radius:0em 1em 1em 1em;
	-moz-border-radius:0em 0em 1em 1em;
    -o-border-radius:0em 0em 1em 1em;
    -ms-border-radius:0em 0em 1em 1em;
    border-radius:0em 0em 1em 1em;

}