/***************************Styles******************************/
body {
	font-family: Arial;
    font-size: 12px;
	LETTER-SPACING: 0px;
	margin: 0;
}

.orderHeaderinfo {
    color: #ffffff;
    background-color: #114f76;
    height: 25px;
    letter-spacing: 0;
    margin-top: 0;
    vertical-align: top;
}

div#header
{
    background-color: #114f76;
    LETTER-SPACING: 0px;
    width:100%;
    vertical-align:top;
	margin-top:0; 
}

.headertitle {
	FONT-SIZE: 16px;
	font-weight:bold; 
	color:black; 
	LETTER-SPACING: 0px;
	padding-top: 0em;
}

.claro 
{
  	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: white;
}

.formstyle {
	BACKGROUND-COLOR: #e2ebf2;
	height:100%;
}

.footerImgAlign{
	text-align: center;
}

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

div#reportlinks
{
    FONT-SIZE: 12px;
    font-weight:bold;
    BACKGROUND: #B180B1;
    color:white;
    height: 16px; 
}

div#screenlinks
{
    FONT-SIZE: 12px;
    font-weight:bold;
    BACKGROUND:#e2ebf2;
    height: 16px; 
    overflow-y: auto;
    white-space: nowrap;
    color: white;
}

div#screenlinks a
{
    color: blue; 
}

.info{
    color:red;
    text-align: center;
    background-color: #ffffff;
}

.messagetxt {
	color:blue;
    text-align: center;
}

.formtitle{
	color:#423042;
	text-align: center;
}

.helptext{
  font-size: 10px;
  color: red;
}

.textarea {
	FONT-SIZE: 12px;
	color: black;
}

hr {
	border-width:1px;
	border-style:solid;
	border-color:#006666;
}

.itemdesc{
	cursor:pointer;
	width: 850px;
	height: 100px;
	vertical-align: top; 
	background: #ffffff;
	padding-left: 5px;
	padding-top: 5px;
}

.serviceStatusColor{
	color: maroon;
}

.orderInfoheader{
  font-size: 11px;
  font-weight: bold;
}

.orderInfoSubheader{
  font-size: 12px;
  font-weight: bold;
}

.headerlevel {
	background-color: #2d8abc;
    font-weight: bold;
    color: white;
}

.headerlevel a {
	color: white;
}
.level1-color {
    background-color: #bfdff0;
    font-weight: bold;
   /*  color: white; */
    width: 100%;
}
.level2-color{
	background-color: #ecf5fb;
}

.units {
	VERTICAL-ALIGN: top;
	BACKGROUND: #d8d8d8;
	text-align: center;
	font-size:medium;
}

.mandatoryField{
	background-image:url("../images/required-field.png");
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:10px;
	color: black;
}

.mandatorybalckField{
	background-image:url("../images/required-black.gif");
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:10px;
	color: black;
}

.tableHeader {
	background-color: #e2ebf2;
}

.claro .dijitButton .dijitButtonNode, 
.claro .dijitDropDownButton .dijitButtonNode, 
.claro .dijitComboButton .dijitButtonNode,
.claro .dijitToggleButton .dijitButtonNode {
	/* /* background-color:#423042;
	background-image:none;
	border: 1px solid #8A9A5B;
	box-shadow:none;
	color:white; */
	border-radius: 25px;
}

.mediumbutton .dijitButtonNode {
			width: 60px;
 }
 
.largebutton .dijitButtonNode {
			font-weight: bold;
 }
 
.dojogobutton .dijitButtonNode {
		width: 30px;
		text-align: left;
} 
 .smallbutton .dijitButtonNode {
		width: 50px;
}

.dojoxGrid {
   	font-family: Arial;
    padding-left: 0;
}

.claro .dojoxGridHeader:first-child .dojoxGridRowTable {
/* 	background-color:#E4B3E4; */
}

.claro .dojoxGridRowSelected .dojoxGridCell {
	/* background-color:#856085;
	color: white; */
}

.claro .dojoxGridRow .dojoxGridRowTable tr {
		/* background-color:#E4B3E4; */
}

.claro .dojoxGridRowOdd .dojoxGridRowTable tr {
	/* background-color:#F5E2F5; */
}


.claro .dojoxGridRowOver .dojoxGridCell {
	/* background-color:#C0C0C0; */
}

.claro .dojoxGridPaginator {
	/* background-color:#E4B3E4; */
}

table.borderedtable { border-collapse:collapse; }
table.borderedtable td { border: 1px solid #b5bcc7;}
table.borderedtable td { border-color: #b5bcc7; }

A:HOVER{
	color:#FF3300;
	text-decoration: none 
}
A{
   color: blue;
   text-decoration: none
}

.rightalign .dijitInputInner {
    overflow: visible;
    text-align: right;
}

label {
color: black;
width: 100%;
font-size: 12px;
font-weight: bold;
}

.titleLogowitdhheight
{
	height: 60px;
	width: 820px;
}

.loggedIntitleLogowitdhheight
{
	height: 60px;
	width: 820px;
}

/*  the following styles applicable in this class bulogowidthheight
	width:220px;
    height:60px;*/
.bulogowidthheight{
}
.services
{
  color:blue;	
  font-size: 12px;
}

.subHeaderColor
{
	color: white;
}

/*  the following styles applicable in this class catererlogowidthheight
	width:220px;
    height:60px;*/
.catererlogowidthheight{
}

.divtitleLogowitdhheight
{
	height: 60px;
	width: 820px;
	overflow: hidden;
}

.divcatererlogowidthheight
{
	width:220px;
    height:60px;
    overflow: hidden;
}
.divbulogowidthheight
{
	height: 60px;
	width: 220px;
	overflow: hidden;
}

table.tdborderColors td
{
	border-top-color: #ecf5fb;
	border-bottom-color: #ecf5fb;
	border-left-color: #ecf5fb;
	border-right-color: #ecf5fb;
	
}
.linkhighlightcolor
{
	background-color: rgb(17, 79, 118);
}

.linknohighlightcolor
{
	background-color: rgb(191, 223, 240);
}

.highlighttextcolor{
	color: white;
}

#link1 {
	font-weight: bold;
	margin-top: 3px;
}

#link2 {
	font-weight: bold;
	margin-top: 3px;
}

#link3 {
	font-weight: bold;
	margin-top: 3px;
}

#link4 {
	font-weight: bold;
	margin-top: 3px;
}

#link5 {
	font-weight: bold;
	margin-top: 3px;
}

#link6 {
	font-weight: bold;
	margin-top: 3px;
}