body {
    font-family: Arial,sans-serif;
	background: #FFFFFF;
}

body,p,blockquote,li,th,td {
    font-size: 11px;
}

html, body {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

TextArea, Select, Input {
        font: 11px  Arial, Helvetica, sans-serif;
	background: #FFFFE0;
}

.overflow-fix {
  overflow: visible;
}

.dataTables_wrapper .dataTables_MyOption {
	margin: 0px 0px 0px 50px;
	display: inline-block;

	}

.dataTables_wrapper .dataTables_processing {
 position: absolute;
 top: 30%;
 left: 50%;
 width: 30%;
 height: 40px;
 margin-left: -20%;
 margin-top: -25px;
 padding-top: 10px;
 text-align: center;
 vertical-align: middle;
 color: red;
 font-size: 1.2em;
 background:rgba(179,179,179,0.2);
 
  }
 
iframe {
  border: none;
}


    h2 {
        font: bold 12px  Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 5px 0px 5px 15px;
}

fieldset { 
	margin: 5px 5px 5px 5px;
	padding: 0px 5px 5px 5px;

}

legend {
	width: auto;
}

fieldset legend { 
	position:relative;
	margin-left:10px;
}


.LoginDiv {
	width: 100%;
	height: 10em;
	position: relative;
}

.LoginTable {
	width: 300;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%) 
}

.LoginTable tr td {
	width: 300;
	margin: 5px 5px 5px 5px;
	padding: 0px 5px 5px 5px;
}


.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
	background: #743620 none; /* a color that fits the widget theme */
	color: white; /* a color that is readeable with the color above */
}

.noteindex {
	width: 19em;
	padding: .2em .2em 0

}



.dataTables_MyOption { 
	position: relative; 
	top: -20px; 
}


.datagrid table { border-collapse: collapse;} 
.datagrid table th { padding: 0px 0px; background: transparent;}
.datagrid table tbody td {  padding: 0px 0px; background: transparent; }


table.ui-datepicker-calendar {border-collapse: separate;}
.ui-datepicker-calendar td {border: 1px solid transparent;}

span.highlightYellow {
  background: yellow;
  color: black;
}

.MyHighlightYellow {
  background: yellow;
  color: black;
}

.StatTR {
  background: yellow;
  color: black;
}


.italic {
    font-style:italic;
}

.reminderBlink {
  animation: blink 1s linear infinite;
}

@keyframes blink {  
  50% { opacity: 0; }
}
 
.OpenHPSM { cursor: pointer;
	color: blue;
}
 
 
.MigProc {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}


.MPInactive {
	color: gray;
}

.MPAssigned {
	color: blue;
}

.MPSuccess {
	color: #00b300;
}

.MPFailed {
	color: red;
}

.MPIssue {
	color: orange;
}


.DateCheck {
	width: 80px;

}

.TimeCheck {
	width: 40px;
	
}

.AttClassYellow {
	background: #FFFFE0;
}

.AttClassGreen {
	background: #e6ffe6;
}

.AttClassRed {
	background: #ffbfbf;
}

.AttClassPurple {
	background: #de8be9;
}

.AttClassGrey {
	background: #cccccc !important; 
}

.AttClassBlue {
	background: #b0d3fd;
}

.Highlighted a{ 
	color: Orange !important; 
        font: bold;
}


.CenterHead {
	text-align: center;
	vertical-align: middle;
}

.RightHead {
	text-align: right;
	vertical-align: middle;
}


#StatTable {
	width: 99%;
}
  

#StatTable thead th,
#StatTable tbody td {
	border: 1px solid #111;
}

#UserStatTable thead th,
#UserStatTable tbody td {
	width: 9px;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
}



.PrintStickers
{
	table-layout: fixed;
	margin-left: 0mm;
	margin-right: 0mm;
	margin-top: 0mm;
	margin-bottom: 0mm;
}


.PrintStickers tr td { 
	padding-left: 0mm;
	padding-right: 0mm;
	padding-top: 0mm;
	padding-bottom: 0mm;
}
.PSTitle
{
        font: bold 24px  Times New Roman;
	color: #000;
} 


.PrintLabels
{
	table-layout: fixed;
	margin: 0mm 10mm 0mm 10mm;
}


.PrintLabels tr td { 
	padding: 8mm 8mm 0mm 0mm;
}

.PLBorder
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 55mm;
	height: 60mm;
}

.PLLegend
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        font: bold 24px  Times New Roman;
	text-align: center;
	color: #000;

} 

.PLTitle
{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
        font: bold 24px  Times New Roman;
	text-align: center;
	color: #000;

} 

.PLPrice
{
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
        font: bold 40px  Times New Roman;
	text-align: center;
	color: #000;
	border: 1px solid #000000;
	line-height: 0.9;

} 

.PLAllergene
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        font: bold 24px  Times New Roman;
	text-align: center;
	color: #000;

} 

.PLAllergene img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 30px;
	border: 0px;

} 


.PLBorderLong
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 120mm;
	height: 48mm;
}

.PLTitleLong
{
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
        font: bold 30px  Arial;
	text-align: center;
	color: #000;

} 
.PLFS
{
	margin: -15px 0px 0px 0px;
	padding: 0px -5px -5px -5px;

}

.PLLegendLong
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        font: bold 12px  Times New Roman;
	text-align: right;
	color: #000;

} 

.PLPriceLong
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        font: bold 40px  Times New Roman;
	text-align: right;
	color: #000;
} 


.PLPriceSmall
{
	margin: -25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        font: bold 24px  Times New Roman;
	text-align: right;
	color: #000;
} 

.PLAllergeneLong
{
	margin: -30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        font: bold 24px  Times New Roman;
	text-align: center;
	color: #000;

} 

.PLAllergeneLong img
{
	margin: -20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 30px;
	border: 0px;

} 


.legendHours
{
    font: bold 16px  Arial, Helvetica, sans-serif;
	color: #fff;
	border: 1px solid #D1DBEE;
} 
.legendMigrate
{
    font: bold 13px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: green;
	border: 1px solid #D1DBEE;
} 

.legendClose
{
    font: bold 13px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: orange;
	border: 1px solid #D1DBEE;
} 

.legendDecomm
{
    font: bold 13px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: red;
	border: 1px solid #D1DBEE;
} 


.legend
{
    font: bold 13px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: gray;
	border: 1px solid #D1DBEE;
	width: 300px;
} 


.whitetext
{
        font: bold 13px  Arial, Helvetica, sans-serif;
	color: white;
}

.legendwhite
{
        font: bold 13px  Arial, Helvetica, sans-serif;
	color: black;
	background: white;
	border: 1px solid white;
} 

.tabborder
{
	border: 1px solid #D1DBEE;
	padding: 0px 0px 0px 0px;	

}

.fieldsetblack
{
	border: 1px solid Black;
}

.legendblack
{
        font: bold 13px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: Black;
	border: 1px solid #D1DBEE;
} 

.fieldsetblue
{
	border: 1px solid #D1DBEE;
}

.legendblue
{
        font: bold 13px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: #0D4789;
	border: 1px solid #D1DBEE;
} 

.legendblueSD
{
        font: bold 13px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: #0D4789;
	border: 0px solid #0D4789;
}


.fieldsetgreen
{
	border: 1px solid green;
}

.legendgreen
{
        font: bold 13px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: green;
	border: 1px solid green;
} 


.fieldsetred
{
	border: 1px solid red;
}

.legendred
{
        font: bold 13px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: red;
	border: 1px solid red;
} 


.MenuHide {
    position: fixed;
    bottom: 45%;
    right: 0;

}

.HiddenButton {
	display: none;
}

.column_filter {
	width: 200px;
}


.fixed_headers {
  table-layout: fixed;
  border-collapse: collapse;
}
.fixed_headers th {
  text-decoration: none;
}
.fixed_headers th,
.fixed_headers td {
  padding: 5px;
  text-align: left;
  width: 200px;
}

.fixed_headers thead {
  background-color: #333333;
  color: #fdfdfd;
}
.fixed_headers thead tr {
  display: block;
  position: relative;
}
.fixed_headers tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 600px;
}
.fixed_headers tbody tr:nth-child(even) {
  background-color: #dddddd;
}



.fixed_ServerCP {
  background-color: #333333;
  color: #fdfdfd;
}


.fixed_headersCP {
  display: block;
  overflow: auto;
  height: 600px;
}

.fixed_headersCP tbody tr:nth-child(even) {
  background-color: #dddddd;
}

.fixed_headersCP tr {
	border: 1px solid black;
}

.fixed_headersCP td {
}



.old_ie_wrapper {
  height: 300px;
  width: 1024px;
  overflow-x: hidden;
  overflow-y: auto;
}
.old_ie_wrapper tbody {
  height: auto;
}

.SCClass {
	padding: 5px;
}

/*** Table Styles **/

.table-fill {
  background: white;
  margin: auto;
  padding: 2px;
  width: 100%;
}

.table-fill th {
  color: #1b1e24;
  background: BLACK;
  font-size: 16px;
  font-weight: bold;
}

.table-fill th td {
  background: #FFFFFF;
  text-align: right;
  vertical-align: middle;
}

.table-fill tr {
  color: #666B85;
  font-size: 16px;
  font-weight: normal;
}

.table-fill tr:hover td {
  background: #4E5066;
  color: #FFFFFF;
}


.table-fill tr:nth-child(odd) td {
  background: #EBEBEB;
}

.table-fill tr:nth-child(odd):hover td {
  background: #4E5066;
}

.table-fill td {
  background: #FFFFFF;
  text-align: left;
  vertical-align: middle;
}


div.container {
      width: 100%;
}

    .fixed-table-container {
      height: 600px;

      background-color: white;
      /* above is decorative or flexible */
      position: relative; /* could be absolute or relative */
      padding-top: 135px; /* height of header */
    }

    .fixed-table-container-inner {
      overflow-x: hidden;
      overflow-y: auto;
      height: 600px;
    }
     
    .header-background {
      background-color: #0D4789;
      height: 140px; /* height of header */
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
    }
    
    .th-inner {
      position: absolute;
      top: 0;
      line-height: 20px; /* height of header */
      border-left: 1px solid black;
      color: #ffffff;
      font-size: 11px;
      font-weight:bold;
    }

    .first .th-inner {
      border-left: none;

      white-space: nowrap;
      transform: 
      /* Magic Numbers */
      translate(0px, 110px)
      /* 45 is really 360 - 45 */
      rotate(310deg);
      width: 30px;

      }

    .bottom .th-inner {
      border-left: none;

      white-space: nowrap;
      vertical-align: bottom;
      transform: 
      /* Magic Numbers */
      translate(-5px, 120px)
      rotate(0deg);
      width: 30px;
      }

    .fixed-table-containermax {
      height: 100%;
      width: 100%;
      background-color: white;
      /* above is decorative or flexible */
      position: relative; /* could be absolute or relative */
      padding-top: 135px; /* height of header */
    }

    .fixed-table-container-innermax {
      overflow-x: hidden;
      overflow-y: auto;
      height: 100%;
    }
     
    .header-backgroundmax {
      background-color: #0D4789;
      height: 140px; /* height of header */
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
    }
    


th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(10px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
th.rotate > div > span {

  padding: -10px 0px;
}


th.negrotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.negrotate > div {
  transform: 
    /* Magic Numbers */
    translate(10px, -51px)
    /* 45 is really 360 - 45 */
    rotate(-315deg);
  width: 30px;
}
th.negrotate > div > span {

  padding: -10px 0px;
}


table.MyCalendar {
	table-layout: fixed;
	width: 100%;
	border-collapse:collapse;
}

table.MyCalendar tbody tr:nth-child(odd) {
	background: #D1DBEE;
}

table.MyCalendar tr:hover {
	background-color: #0D4789;
	color: white;
}

table.MyCalendar tr {
	height: 20px;
}

table.MyCalendar td {
	width: 30px;
	border-bottom: 0px solid #ddd;
}

.Message {
  background: #FFFFE0;
}

.Head {
	margin: 50px 0px 20px 0px;
  padding: 0px 5px 0px 5px;
  background: #0D4789;
  text-align: center;
  vertical-align: middle;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  font-weight:bold;
  text-decoration: none;

}
.TableHead {
	padding: 5px 5px 5px 5px;
        font: bold 13px  Arial, Helvetica, sans-serif;
	font-size: 13px;
	vertical-align: bottom;
	background: white;
	color: #0D4789;
}

.mytd {
    width: 120px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

.smalltd {
    width: 100px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

.Mediumtd {
    width: 180px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

.AQtd {
    width: 256px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

.intranet_shadow {
	background: url(/_layouts/images/shadow.jpg) repeat-y left top;
}

.bottomBorder { 
	border-bottom:1px dotted black;padding:0px;
        font: Normal 11px  Arial, Helvetica, sans-serif;
	text-align: left;
        color: red;
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.bottomBorderBlack { 
	border-bottom:1px dotted black;padding:0px;
        font: Normal 11px  Arial, Helvetica, sans-serif;
	text-align: left;
        color: black;
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.bottomBorderBlackRed { 
	border-bottom:1px dotted black;padding:0px;
        font: Normal 11px  Arial, Helvetica, sans-serif;
	text-align: left;
        color: black;
	background-color:red;	
        margin: 0px;
        padding: 0px 0px 0px 0px;
}
.MyCurrency {
	width: 50px;
	text-align: right;
}

.MySmallCurrency {
	width: 50px;
	text-align: right;
}

.FATWEBIcon {
  width: 200px;
  background: transparent;
}

.FATWEBIcon:hover {
  text-decoration: none;
  background: transparent;
}



.ButtonHide {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-color: #ffffff;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, white 0%, #ffffff 50%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, white 0%, #ffffff 50%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, white 0%, #ffffff 50%);
  /* IE10 */
  background-image: -o-linear-gradient(top, white 0%, #ffffff 50%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, white 0%, #ffffff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#ffffff');
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.myButton:active {
	position:relative;
	top:1px;
}


.btn {
  width: 20px;
  height: 10px;
  background: #3498db;
  text-align: center;
  vertical-align: middle;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  font-weight:bold;
  border: 2px solid #1f628d;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.Transp {
    background: transparent;
    border: none !important;
    font-size:0;
}

.SDEditLong {
	width:980px;
	height:100px;
}

.ChatEdit {
	width:95%;
	height:100px;
}


.SMS300 {
	width:300px;
	height:80px;
}

.Chat300 {
	width:300px;
	height:190px;
}

.EggVideo {
	width:980px;
}
#TableBorder { 
	border-collapse:collapse;
}

#TableBorder td{ 
	border:1px solid black;
}

#TableInnerBorder { 
	border-collapse:collapse;
}

#TableInnerBorder td{ 
	border:0px solid;
}
.tdblack
{
	background: black;
	text-align:center;
}

.tdred
{
	background: red;
	text-align:center;
}
.tdgreen
{
	background: green;
	text-align:center;
}

.tdyellow
{
	background: yellow;
}

.tdblue
{
	background: blue;
}

.rbgreen
{
	background: green;
}
.rborange
{
	background: orange;
}
.rbred
{
	background: red;
}


.lc
{
	font: bold 13px  Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.lcgreen
{
	color: green;
}
.lcorange
{
	color: orange;
}
.lcred
{
	color: red;
}
.lcgray
{
	color: gray;
}



.fieldsetblack
{
	border: 1px solid Black;
	margin: 5px,5px,5px,5px;
}

.legendblack
{
        font: bold 13px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: Black;
	border: 1px solid #D1DBEE;
	padding: 1px 1px;
} 

.fieldsetblue
{
	border: 1px solid #D1DBEE;
	margin: 5px,5px,5px,5px;
}

.legendblue
{
        font: bold 13px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: #0D4789;
	border: 1px solid #D1DBEE;
	padding: 1px 1px;
} 

.fieldsetgreen
{
	border: 1px solid green;
	margin: 5px,5px,5px,5px;
}

.legendgreen
{
        font: bold 13px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: green;
	border: 1px solid green;
	padding: 1px 1px;
} 


.fieldsetred
{
	border: 1px solid red;
	margin: 5px,5px,5px,5px;
}

.legendred
{
        font: bold 13px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: red;
	border: 1px solid red;
	padding: 1px 1px;
} 

.MainButton
{
        font: bold 13px  Arial, Helvetica, sans-serif;
	color: white;
	background:  #0366bb;
	text-align:center;
	width: 100px;
	display: inline-block;
	vertical-align: middle;
	padding: 4px 1px;

} 

.SOText
{
        font: bold 12px  Arial, Helvetica, sans-serif;
	color: #fff;
	background: #0D4789;
}

.ButtonSelected {
        font: bold 13px  Arial, Helvetica, sans-serif;
	Color: orange;
	text-align:center;
	margin-top:3px;
}

.ButtonNotSelected {
        font: bold 13px  Arial, Helvetica, sans-serif;
	Color: white;
	text-align:center;
	margin-top:3px;
}



.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 1px solid #ccc;
}

.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}


#greenInput {
        font: normal 12px  Arial, Helvetica, sans-serif;
	background: #C2FFE0;
}

.greentd {
	width: 120px;
	overflow: hidden;
	display: inline-block;
	white-space: nowrap;
	background: #C2FFE0;
}

.greensm {
	background: #C2FFE0;
	width:300px;
}


.Edit500 {
	width:500px;
	height:80px;
}

.Edit250High {
	width:250px;
	height:300px;
}

.Edit400 {
	width:400px;
	height:80px;
}
.Edit250 {
	width:250px;
	height:80px;
}
.Edit200 {
	width:200px;
	height:80px;
}
.EditChat {
	width:200px;
	height:40px;
}
.Edit300 {
	width:300px;
	height:80px;
}
.EditLine500 {
	width:500px;
}

.WizEditLong {
	width:1000px;
	height:100px;
}
.EditLong {
	width:980px;
	height:100px;
}
.EditMedium {
	width:800px;
	height:80px;
}
.EditMediumMail {
	width:780px;
	height:50px;
}
.EditMediumLine {
	width:800px;
}
.EditSmall {
	width:50px;
}
.EditPS {
	width:650px;
	height:50px;
}
.EditBig {
	width:980px;
	height:200px;
}
.EditHuge {
	width:980px;
	height:450px;
}
.GOCUser {
	width:250px;
}

.IsInteger {
	width:100px;
	direction: rtl;
}

.SelectSmall {
	width:150px;
}

.SelectSmallOrange {
	width:150px;
	background-color:orange;	
}

.SelectTiny {
	width:80px;
}

.SelectMedium {
	width:300px;
}

.SelectMediumOrange {
	width:300px;
	background-color:orange;	
}

.SelectHuge {
	width:90%;
}

.SelectLong {
	width:400px;
}

.SelectLongRed {
	width:400px;
	background-color:red;	
}

.SelectLongOrange {
	width:400px;
	background-color:orange;	
}

.Select380 {
	width:360px;
}

.Select50 {
	width:50px;
}

.Select250 {
	width:250px;
}

.Select230 {
	width:230px;
}

.Select125 {
	width:125px;
}
.Select220 {
	width:220px;
}

.Select500 {
	width:500px;
}

.Select650 {
	width:650px;
}

.Select180 {
	width:180px;
}

.SelectLieu {
	width:170px;
}


.Select200 {
	width:200px;
}

.Select98 {
	width:98px;
}
.Select100 {
	width:100px;
}

.Select100orange {
	width:100px;
	background-color:orange;
}

.Select320 {
	width:320px;
}

.Select300 {
	width:300px;
}


.Select120 {
	width:120px;
}


.Select30 {
	width:30px;
}


.IntCheck {
	width:30px;
}

.Cell30 {
	width:30px;
	height:16px;
	vertical-align:middle;
}

.TADesc {
	width:487px;
	height:60px;
}

.CLDesc {
	width:360px;
	height:60px;
}

.MailTo {
	width:800px;
	height:50px;
}
.MailSubject {
	width:600px;
}

.MailFlag {
	width:100px;
}

.MailBody {
	width:800px;
	height:200px;
}

.ExcelButton {
	background: url('images/excel.gif');
	background-position:center;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
}

.UnFilterButton {
	background: url('images/unfilter.png');
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:middle;
	width:20px;
	height:20px;
}

.FSButton {
	background: url('images/FullScreen.png');
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:middle;
	width:20px;
	height:20px;
}

.PrintButton {
	background: url('images/Print.png');
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:middle;
	width:20px;
	height:20px;
}

.PDFButton {
	background: url('images/PDF.png');
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:middle;
	width:20px;
	height:20px;
}

.DeleteButton {
	background: url('images/delete_on.gif');
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:middle;
	width:20px;
	height:20px;
}

.UpButton {
	background: url('images/up.jpg');
	background-position:center;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
}

.DownButton {
	background: url('images/down.jpg');
	background-position:center;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
}


.buttonlist {
	width:120px;
}

.ButtonOver {
        font: bold 11px  Arial, Helvetica, sans-serif;
	width:80px;
	background: #0D4789;
	border: 1px solid #D1DBEE;
	Color: #FFFFFF;
}

.ButtonOut {
        font: bold 11px  Arial, Helvetica, sans-serif;
	width:80px;
	background: #D1DBEE;
	border: 1px solid #0D4789;
	Color: #000000;
}

.tmButtonOver {
        font: bold 13px  Arial, Helvetica, sans-serif;
	background: #0D4789;
	border: 1px solid #0D4789;
	Color: #FFFFFF;
	text-align:center;
	margin-top:3px;
}

.tmButtonOut {
        font: bold 13px  Arial, Helvetica, sans-serif;
	background: #D1DBEE;
	border: 1px solid #0D4789;
	Color: #000000;
	text-align:center;
	margin-top:3px;
}

.lmButtonOver {
	width:212px;
}

.SOButton {
	width:160px;
}


.SmallButton {
	width:110px;
}

.TinyButton {
	width:70px;
}

.Button50 {
	width:50px;
}

.NoteButton {
	width:100px;
}

.Button140 {
	width:140px;
}

.Button80 {
	width:80px;
}

.lmButtonOut {
        font: 13px  Arial, Helvetica, sans-serif;
	width:212px;
	height:20px;
	background: none;
	Color: #000000;
}


.lsButtonOver {
	width:100px;
        font: bold 13px  Arial, Helvetica, sans-serif;
	background: #0D4789;
	Color: #FFFFFF;
	text-align:center;
	margin-top:3px;
}

.lsButtonOut {
	width:100px;
        font: bold 13px  Arial, Helvetica, sans-serif;
	background: #D1DBEE;
	border: 1px solid #0D4789;
	Color: #000000;
	text-align:center;
	margin-top:3px;
}

.DeclineText {
        font: 11px  Arial, Helvetica, sans-serif;
	width:500px;
	height:300px;
}

.DeclineLine {
        font: 11px  Arial, Helvetica, sans-serif;
	width:500px;
}

.DumpList {
        font: 11px  Lucida Console, Courier New, sans-serif;
	width:900px;
	height:450px;
}

.SDNote {
        font: 11px  Lucida Console, Courier New, sans-serif;
}


.DumpListSmall {
        font: 11px  Lucida Console, Courier New, sans-serif;
	width:900px;
	height:300px;
}

.Answer {
	text-align: left;
        margin: 0px 0px 0px 50px;
}

.reddate {
        font: 11px  Arial, Helvetica, sans-serif;
        color: red;
	text-align: right;
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.blackdate {
        font: 11px  Arial, Helvetica, sans-serif;
        color: black;
	text-align: right;
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.ErrorText {
        font: bold 11px  Arial, Helvetica, sans-serif;
        color: red;
	text-align: center;
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.WarningText {
        font: bold 11px  Arial, Helvetica, sans-serif;
        color: Orange;
	text-align: left;
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

    div#greentext {
        font: bold 13px  Arial, Helvetica, sans-serif;
        color: green;
        margin: 0px;
        padding: 0px 0px 0px 0px;
}


.CheckList {
        padding-left : 50px;
}


.Classification_A {
        font: bold 11px  Arial, Helvetica, sans-serif;
	text-align: center;
	border: 1px solid #000000;
	color: black;
	background: lightgreen;
	height: 15px;
	width: 15px;
}

.Classification_B {
        font: bold 11px  Arial, Helvetica, sans-serif;
	text-align: center;
	color: black;
	border: 1px solid #000000;
	background: orange;
	height: 15px;
	width: 15px;
}

.Classification_C {
        font: bold 11px  Arial, Helvetica, sans-serif;
	text-align: center;
	color: black;
	border: 1px solid #000000;
	background: red;
	height: 15px;
	width: 15px;
}

.OrgChart {
	border: 1px solid #000000;
	background: #F9F9F9;
	width: 150px;
	color: #000000;
	height: 5px;
	padding: 5px;
}

.OrgHead {
        font: bold 11px  Arial, Helvetica, sans-serif;
	text-align: center;
}

.OrgItem {
        font: normal 11px  Arial, Helvetica, sans-serif;
	text-align: left;
}

.vertmode { 
	border-style:solid;
	border-color:white;
	border-width:1px;
	width: 100px;
/*	writing-mode: tb-rl;  */
}

.horimode { 
	border-style:solid;
	border-color:white;
	border-width:1px;
}

.drcon {
        display: table-cell;
        font: bold 18px  Arial, Helvetica, sans-serif;
	text-align: center;
	border: 1px solid #000000;
	color: #000000;
	height: 20px;
	width: 150px;
}

.DRCONtext {
        font: normal 11px  Arial, Helvetica, sans-serif;
	text-align: left;
        margin: 0px;
        padding: 20px 2px 20px 2px;
}

.ListTotal {
        font: normal 11px  Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	background: #F9F9F9;
	color: #000000;
	height: 10px;
	text-align: right;
        padding: 5px 10px 5px 0px;
}

.blacktext {
        font: Normal 11px  Arial, Helvetica, sans-serif;
	text-align: left;
        color: black;
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.redtext {
        font: Normal 11px  Arial, Helvetica, sans-serif;
	text-align: left;
        color: red;
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.redtextNC {
        font: Bold 11px  Arial, Helvetica, sans-serif;
	text-align: left;
        color: red;
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.greentext {
        font: Normal 11px  Arial, Helvetica, sans-serif;
	text-align: left;
        color: green;
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.redboldtext {
        font: Bold 13px  Arial, Helvetica, sans-serif;
	text-align: left;
        color: red;
        margin: 0px;
        padding: 0px 0px 0px 0px;
}


.msred {
        font: Bold 11px  Arial, Helvetica, sans-serif;
        color: red;
}

.msgreen {
        font: Bold 11px  Arial, Helvetica, sans-serif;
        color: white;
	background: green;
}

.msyellow {
        font: Bold 11px  Arial, Helvetica, sans-serif;
        color: black;
	background: yellow;
}

.msblack {
        font: normal 11px  Arial, Helvetica, sans-serif;
        color: black;
}


.GeoData {
        font: Normal 10px  Arial, Helvetica, sans-serif;
	text-align: center;
        color: blue;
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.normal {
	background: #FFFFFF;
}

.highlightGreen {
	background: #00FF00;
}

.highlight {
	background: #D1DBEE;
}

.over {
	background: #0D4789;
	color: white;
}


.TABbuttonSelected {
   border-top: 1px solid #3e779d;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#96d1f8), to(#65a9d7));
   background: -webkit-linear-gradient(top, #96d1f8, #65a9d7);
   background: -moz-linear-gradient(top, #96d1f8, #65a9d7);
   background: -ms-linear-gradient(top, #96d1f8, #65a9d7);
   background: -o-linear-gradient(top, #96d1f8, #65a9d7);
   padding: 5.5px 11px;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #f70000;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
 .TABbuttonSelected:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ffb005;
   }
 .TABbuttonSelected:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }