html {height:100%;}
textarea {
    resize: none;
}

h1
{
    padding:22px 12px 12px 18px; 
    /*font-family: Tahoma;*/
    font-size: 23px;
    color: #336699;
    font-weight: bold;
    vertical-align:middle;
    display: table-cell;
}

#layout 
{
    height:auto !important;
    height:100%;
    /*min-height:100%;*/
}
.div-logo
{
    display:block;
    float:left;
    width:131px;
    height:37px;
    top:23px;
    position:relative;
    vertical-align:baseline;
    background-image:url("images/salogo.png");
}
.div-top-row
{
    display: table-row;
    width: 100%;
    float: left;
}
.div-menu-row
{
    display: table-row;
    float: left;
    color: #85A9BA;
}
.div-left-col
{
    padding:9px 2px 6px 0px;
    display:table-cell;
    float: left;
    width: 10%; 
}

.div-right-col
{
    display:table-cell; 
    float: right;
    width: 88%; 
}
.topmenu
{
    float: left;
    list-style-type: none;
    padding-left: 30px;
   
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 12px;
    font-weight: normal;
    color: #336699;
    cursor: pointer;
    width:100%;
    padding-top:10px;
}
.menuunselected:hover
{
    color: #FFCC99; 
    color: #00B4E5;
    
}

.menuunselected a
{
    color: #FFFFFF;
    /*background-color: #0B486B;*/
}
.menuselected a
{
    /*background-color: #336699;*/
    color: #0A4866;
    text-decoration:none;
}
.terms
{
    color: #969899 !important;
    margin-top: 20px; 
}
.copyright
{
    text-align: left;
    margin-top: 20px;
    margin-left: 25px;     
}

div#footer-guard 
{
    /*height:5em;*/
}

.footerdiv
{
    display: block;
    width: 960px;
    /*
    background-position: bottom;
    background-image: url('images/footerwavebg.png');
    background-repeat: repeat-x;
    */
    position: relative;
    bottom: 0px;
    margin-top:5px;
    height:3.2em;
    margin-left:auto;
    margin-right:auto;
    color: #969899;
    /*font-size:11px;*/
}
.footerwaves
{
    height: 50px;
    background-position: bottom;
    background-image: url('images/footerwave.png');
    background-repeat: no-repeat;
    display: block;
    text-align: center;
}

.buttondivup
{
    margin:2px 1px 1px 1px; 
    cursor: pointer;
    text-align:center;
    width:36px;
    border:1px solid transparent;
}
.buttondivup:hover
{
    border: 1px solid #BEC6CC;
    border-radius:5px;
}

.buttondivdown
{
    margin:5px 0px 0px 2px; 
    cursor: pointer;
    text-align:center;
    width:36px;
    border: 1px solid #BEC6CC;
    border-radius:5px;
}

.defaultinput
{
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    width: 200px;
    background-color: #E8F0F4;
}
#defaultinput:hover
{
    background-color: #FFDC87;    
}

.divHeaderButtons
{
    text-align: right;
}
#collapseall
{
    cursor: pointer;
    padding: 0px;
    display: table-cell;
}
#expandall
{
    cursor: pointer;
    padding: 0px;
    display: table-cell;
}
#subcontactbody
{
    margin-left: 40px;
    margin-right: 10px;
    border-color: #00B4E5;
    border-style: solid;
    border-radius: 5px;
}


.detailheader
{
    font-weight: bold;
    color: #336699;
    padding-left: 5px;
    line-height: 16px;
    width: 120px;
}

.detailbody
{
    
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #00B4E5;
    line-height: 16px;
    width: 26%;
}

.detailbodyright
{
}

.onoffbutton
{
    margin: 0px;
    padding: 0px;
}

.contactdiv
{
    width: 98.8%;
    margin: 10px; 
    padding: 0px; 
    border-radius:10px; 
    background-color: #FFFFFF;
    border-color: #00B4E5;
    border-style: solid;
    float:left;
    display: block;
}

.divHeader
{
    display: block;
    width: 90%;
}


.divHeaderImage
{
    padding: 0px;
    display: table-cell;
}
.divHeaderText
{
    /*font-family: Helvetica, Arial, sans-serif;*/
   /* font-family: Tahoma;*/
    font-size: 16px;
    font-weight: bold;
    vertical-align:middle;
    display: table-cell;
} 
.divHeaderButtons
{
	float:right;
    display: block;
}
.hidediv
{
    display: none;
}
.showdiv
{
    margin-left: 35px;
    margin-bottom: 1px;
    display: block;
    font-size: 12px;
    text-align: justify;
    width: 95%;
}

.mainBody
{
    /*min-width:1024px;*/
    /*font-family: Tahoma;*/
    padding: 0px; 
    margin: 0px; 
    background-color:#F0F3F5;
}
.headertext
{
  /*font-size: 11px;*/
  color: #85A9BA;
  padding: 0px; 
  margin: 0px; 
  /*padding-right: 10px;*/
  float:right; 
  vertical-align:top;
}
.rounded 
{
    border-radius:10px;
    -moz-border-radius:10px;
}

#diverrorpanel
{
    width: 98.8%;
    margin: auto;
    margin-top:2px;

}
#diverrorpanel ul
{
	list-style-image: url(images/icon_err_small.gif);
    margin-bottom: 2px;
}
#diverrorpanel li
{
	text-align: left;
	line-height:1.42em;
	background-repeat: no-repeat;
	background-position: .50em;
	list-style-type: none;
	list-style-position: outside;
	color:Red;
	/*font-family: Tahoma;*/
	font-size:12px;
}
#diverrorpanelsmall
{
    width: 98.8%;
    margin: auto;
    margin-top:2px;

}
#diverrorpanelsmall ul
{
	list-style-image: url(images/icon_err_small.gif);
    margin-bottom: 8px;
}
#diverrorpanelsmall li
{
	text-align: left;
	line-height:1.32em;
	background-repeat: no-repeat;
	background-position: .50em;
	list-style-type: none;
	list-style-position: outside;
	color:Red;
	/*font-family:Tahoma;*/
	/*font-size:11px;*/
}
 
.diverrorpanelserver
{
    width: 98.8%;
    margin: auto;
    margin-top:2px;
}
.diverrorpanelserver ul
{
	list-style-image: url(images/icon_err_small.gif);
    margin-bottom: 2px;
}
.diverrorpanelserver li
{
	text-align: left;
	line-height:1.16em;
	background-repeat: no-repeat;
	background-position: .50em; /*.58em;*/
	LIST-STYLE-TYPE: none;
	list-style-position: outside;
	color:Red;
	/*font-family:Tahoma;*/
	font-size:12px; /*.78em;*/
}

.divinfo
{
    width: 98.8%;
    margin: auto;
    margin-top:2px;
}
.divinfo ul
{
	margin-left:8px;
}
.divinfo li
{
	text-align: left;
	line-height:1.16em;
	background-repeat: no-repeat;
	background-position: .58em;
	LIST-STYLE-TYPE: none;
	list-style-position: outside;
	color:green;
	/*font-family:Tahoma;*/
	font-size:.78em;
}


#diverrorpanelserver
{
    width: 98.8%;
    margin: auto;
    margin-top:2px;
}
#diverrorpanelserver ul
{
	list-style-image: url(images/icon_err_small.gif);
    margin-bottom: 2px;
}
#diverrorpanelserver li
{
	text-align: left;
	line-height:1.16em;
	background-repeat: no-repeat;
	background-position: .58em;
	LIST-STYLE-TYPE: none;
	list-style-position: outside;
	color:Red;
	/*font-family:Tahoma;*/
	font-size:.78em;
}

#divinfo
{
    width: 98.8%;
    margin: auto;
    margin-top:2px;
}
#divinfo ul
{
	margin-left:8px;
}
#divinfo li
{
	text-align: left;
	line-height:1.16em;
	background-repeat: no-repeat;
	background-position: .58em;
	LIST-STYLE-TYPE: none;
	list-style-position: outside;
	color:green;
	/*font-family:Tahoma;*/
	font-size:.78em;
}


/*------------------------------------------------------*/
#pageheader
{
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    padding: 10px; 
    background-color: #336699;
    color: #FFFFFF;
    font-size: 24px; 
    text-align:center; 
}

input[type=checkbox],
input[type=radio]
{
    font-size: 11px;
}


input[type=text],
input[type=password],
textarea
{
    /*
    padding-left:1px;
    border-radius:4px;
    -moz-border-radius:4px;
    border-style: solid;
    border-width: 1px;
    background-color: #E8F0F4;
    border-color: #336699;
    */
    font-size: 11px;
    font-family: "Arial", sans-serif;
    line-height: 1.4;
    color: rgba(38, 38, 38, 0.9);
    background: #ffffff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #bcc5cc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2.5px 3px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    -webkit-transition: border linear 0.15s, box-shadow linear 0.15s;
    -moz-transition: border linear 0.15s, box-shadow linear 0.15s;
    -ms-transition: border linear 0.15s, box-shadow linear 0.15s;
    -o-transition: border linear 0.15s, box-shadow linear 0.15s;
    transition: border linear 0.15s, box-shadow linear 0.15s;
    height:19px;

}
/*
textarea
{
    padding-left:1px;
    border-radius:4px;
    -moz-border-radius:4px;
    border-style: solid;
    border-width: 1px;
    background-color: #E8F0F4;
    border-color: #336699;
    font-family:Tahoma;
    font-size:13px;color:Black;
}
*/

	
input[type=text]:focus, input[type=password]:focus, textarea:focus {
  border-color: #00aaff;
  -webkit-box-shadow: 0 0 3px rgba(0, 170, 255, 0.7), 0 0 10px rgba(0, 170, 255, 0.30000000000000004);
  -moz-box-shadow: 0 0 3px rgba(0, 170, 255, 0.7), 0 0 10px rgba(0, 170, 255, 0.30000000000000004);
  box-shadow: 0 0 3px rgba(0, 170, 255, 0.7), 0 0 10px rgba(0, 170, 255, 0.30000000000000004);
  outline: none;
  
}
select
{
    /*
    padding:1px;
    border-radius:5px;
    -moz-border-radius:5px;    
    border-style: solid;
    border-width: 1px;
    background-color: #E8F0F4;
    border-color: #336699;
   */
    font-size: 11px;
    /*font-family: "Arial", sans-serif;*/
    /*line-height: 1.4;*/
    color: rgba(38, 38, 38, 0.9);
    background: #ffffff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #bcc5cc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2.5px 2.5px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    -webkit-transition: border linear 0.15s, box-shadow linear 0.15s;
    -moz-transition: border linear 0.15s, box-shadow linear 0.15s;
    -ms-transition: border linear 0.15s, box-shadow linear 0.15s;
    -o-transition: border linear 0.15s, box-shadow linear 0.15s;
    transition: border linear 0.15s, box-shadow linear 0.15s;

    
}
select:focus
{
    /*
    background-color: #FFF5D4;
    border-color: #FFBF00;
    */
 border-color: #00aaff;
  -webkit-box-shadow: 0 0 3px rgba(0, 170, 255, 0.7), 0 0 10px rgba(0, 170, 255, 0.30000000000000004);
  -moz-box-shadow: 0 0 3px rgba(0, 170, 255, 0.7), 0 0 10px rgba(0, 170, 255, 0.30000000000000004);
  box-shadow: 0 0 3px rgba(0, 170, 255, 0.7), 0 0 10px rgba(0, 170, 255, 0.30000000000000004);
  outline: none;

}
  
  select.select_mandatory
{
   background: #ffffcc;

}

/*.mandatory
{
    margin: 0px;
    padding: 0px;
    width: 5px;
    vertical-align: middle;
    display: inline-block;
}*/

.width180 {width:180px;}
.width190 {width:190px;}
.width194 {width:194px;}
.width200 {width:200px;}
.width204 {width:204px;}
.width250 {width:250px;}
.width254 {width:254px;}

.width270 {width:270px;}
.width280 {width:280px;}



.dashed
{
    border-top-color: #00B4E5;
    border-top-style: dashed;
    border-width: 1px;
    width: 95%;
    display: block;
}
.groupheader
{
   color: #008DD4;
    /*color: #0088cc;*/
   font-size: 14px; 
    font-weight: bold; 
    margin-top: 0px;
    padding: 0px;
}
.groupheaderdiv
{
    display:table;
    margin-top: 0px;
    margin-bottom: 5px;
}

.inputgroup
{
    display:inline-block;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    vertical-align: middle;
}


.inputTextAreaGroup
{
    display: block;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 20px;
}
.horizontal
{
    border-top-color: #00B4E5;
    border-width: 2px;
    border-top-style: solid;
}
.totalLine
{
    border-top-color: #41484D;
    border-width: 1px;
    border-top-style: solid;
}

.buttonType1
{
    background-color:#B6B6B6;
    border-radius: 5px;
    color: #FFFFFF;
    border-style:none;    
    font-size:11px;
    /*font-family:Tahoma;*/
    margin-left:8px;
    padding:4px 10px 4px 10px;
    cursor: pointer;     
}

.buttonType2
{
    background-color: #00B4E5;
    border-radius: 5px;
    color: #FFFFFF;
    border-style:none;    
    font-size:11px;
    /*font-family:Tahoma;*/
    margin-left:8px;
    padding:4px 10px 4px 10px;
    cursor: pointer;
}

.buttonFooter
{
    background-color:#06B6B6;
    background: url('images/navsprite-member.png') repeat-x 0 -400px;
    border-radius: 5px;
    color: #ffffff;
    border-style:none;    
    font-size:10px;
    /*font-family:Tahoma;*/
    margin-left:8px;    
    padding-left:10px;
    padding-right:10px;    
    cursor: pointer;  
    height: 13px;   
}

.button
{
   /*font-family: Helvetica, Arial, sans-serif, Tahoma;*/
   background-color: #00B4E5;
   /*float: right;*/
    border-radius: 5px;
    color: #FFFFFF;
    border-style:none;
    padding:4px 5px 4px 5px;
    margin-right: 10px;
    margin-bottom:6px;
    font-weight: bold;
    cursor: pointer;
    text-align:center;
    vertical-align:middle;
    overflow:visible;
    width:auto;-moz-outline:0 none;outline:0 none;
}
.button:hover, .buttonType1:hover, .buttonType2:hover, .buttonFooter:hover
{
    color: #FFF5D4;
    background-color: #FFBF00;
}
.button:focus, .buttonType1:focus, .buttonType2:focus, .buttonFooter:focus
{
    color: #FFF5D4;
    background-color: #FFBF00;
}

.bigButton
{
    border-radius: 5px;
    color: #FFFFFF;
    padding:4px;
    margin:4px;
    cursor: pointer;
    text-align:center;
    vertical-align:middle;
    overflow:visible;
    width:120px;
    font-size:14px;
    border: 1px solid;
    /*font-weight:bold;*/
}
.bigButton.green
{
    border-color: #008015;
}
.bigButton.pearl
{
    border-color: #a1abb3;
}
.smallButton
{
    border-radius: 5px;
    color: #FFFFFF;
    padding:5px;
    margin:2px;
    cursor: pointer;
    text-align:center;
    vertical-align:middle;
    overflow:visible;
    width:60px;
    font-size:11px;
    border: 1px solid;
    /*font-weight:bold;*/
}
.bigButton.green
{
    border-color: #008015;
}
.bigButton.pearl
{
    border-color: #a1abb3;
}

.left
{
    float:left;
}
.right
{
    float:right;
}
 .buttonrightblue:hover, .buttonrightgreen:hover
{
    color: #FFF5D4;
    background-color: #FFBF00;
}
.buttonrightblue:focus, .buttonrightgreen:focus
{
    color: #FFF5D4;
    background-color: #FFBF00;
}

.intro
{
    font-size:12px;
}

/*----------------------------------------------------*/
#lightbox {
	margin:0;
	padding:0;
	/*font-family: Tahoma;*/
	font-size: 12px;
	color: #000;
	position: relative;
	background-color: #fff;
	text-align: left;
}
.blueBox
{
    border-radius:10px;-moz-border-radius:10px;
	border: solid #336699 2px;
	padding-bottom:5px;
}
.blueBoxThin
{
    border-radius:10px;-moz-border-radius:10px;
	border: solid #336699 4px;
	padding-bottom:5px;
}
.alertbox
{
    width:290px;
}
.alertfooter
{
    background-color:#E0ECF8;
    height:22px;
    padding:6px 5px 6px 5px;
}

.logoutbox
{
    width:270px;
}
.logoutfooter
{
    background-color:#E0ECF8;
    height:24px;
    padding:7px 5px 6px 5px;
}

.reportdialogbox
{
    width:400px;
}
.reportdialogfooter
{
    background-color:#E0ECF8;
    height:24px;
    padding:7px 5px 6px 5px;
}

.buttonclass
{
    border-radius: 5px;
    color: #FFFFFF;
    border-style:none;
    height: 24px;
    float: right;
    font-size:11px;
    /*font-family:Tahoma;*/
    margin-left:8px;
    cursor: pointer;
}
.divAccounts
{
    position:relative;
    display:inline-block;
    left:-543px;
    top:33px;
    border:3px solid #336699;
    height:197px;
    width:130px;
    visibility:hidden;
    background-color:#FFFFFF;
    border-radius: 0px 0px 10px 10px;
    overflow:visible;
    z-index:1002;
}
.ddMenuHeading
{
    padding:10px 0px 0px 5px;
    color:#336699;
    color:#336699;
    font-weight:bold;
    /*font-family: Tahoma;*/
    font-size: 12px;
    text-decoration:none;
    display:block;
}
.ddMenuItem
{
    padding:5px 0px 5px 15px;
    color:#336699;
    color:#336699;
    /*font-family: Tahoma;*/
    font-size: 12px;
    text-decoration:none;
    display:block;
}
.ddMenuClickable 
{
}
.ddmenuClickable:hover 
{
    color: #FFFFFF;
    background-color:#00B4E5;
}
.hintsClass {
	/*font-family: Tahoma;*/
	font-size: 12px;
	background-color: #EDEAF7;
	color: #000000;
	border: 2px solid #336699;
	padding: 4px 6px 4px 6px;
    border-radius: 5px;
    overflow:visible;
    width:auto;-moz-outline:0 none;outline:0 none;
}
.hintSource {
	color: green;
	text-decoration: underline;
	cursor: pointer;
}

/* dropdowns: general */
.DropDownSubMenu
{
    border:3px solid #336699;
    background-color:#FFFFFF;
    border-radius: 0px 0px 10px 10px;
	margin-left:-24px;
	margin-top:3px;
	padding-bottom:8px;
	background-color:White;
}
.DropDownSubMenu UL {
	font-size:12px; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.DropDownSubMenu LI {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.DropDownSubMenu li SPAN {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; margin-LEFT: 0px; PADDING-RIGHT: 0px; margin-top:10px; margin-bottom:6px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px;cursor:default;
}
.DropDownSubMenu A12 {
	PADDING-BOTTOM: 4px; LINE-HEIGHT: 1.25; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; TEXT-DECORATION: none; PADDING-TOP: 3px;
}
.DropDownSubMenu A:hover {
    color: #FFFFFF;
    background-color:#00B4E5;
}
.DropDownSubMenu LI.Break {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.DropDownSubMenu HR {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; BACKGROUND-COLOR: #cacaca; MARGIN: 2px auto; PADDING-LEFT: 0px; WIDTH: 90%; PADDING-RIGHT: 0px; HEIGHT: 1px; COLOR: #cacaca; FONT-SIZE: 1px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}





.DropDownMenu {
    border-radius:10px;-moz-border-radius:10px;
	border: solid #8181F7 1px;
	margin-left:-40px;
	margin-top:3px;
	font-size:62.5%; 
	color:#336699;
	background-color:White;
	z-index:2001;
}
.DropDownMenu UL {
	font-size:12px; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.DropDownMenu LI {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.DropDownMenu A {
	PADDING-BOTTOM: 4px; LINE-HEIGHT: 1.45; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; TEXT-DECORATION: none; PADDING-TOP: 3px;
}
.DropDownMenu A:hover {
	BACKGROUND-COLOR: #efefef
}
.DropDownMenu A:hover {
	BACKGROUND-COLOR: #efefef
}
.DropDownMenu LI.Break {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.DropDownMenu HR {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; BACKGROUND-COLOR: #cacaca; MARGIN: 2px auto; PADDING-LEFT: 0px; WIDTH: 90%; PADDING-RIGHT: 0px; HEIGHT: 1px; COLOR: #cacaca; FONT-SIZE: 1px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
.PopDownMenu 
{
    /*font-family:Tahoma; font-size:83.4%;
	color:#336699;*/
	/*background-color: #0B486B;*/
	text-decoration:none;
	
}
.PopDownMenu:hover 
{
    /*font-family:Tahoma; font-size:83.4%;
	color:#336699;*/
	color: #FFCC99;    
}
.PopDownMenuContainer {
	Z-INDEX: 1000
}

#prddiverrorpanel
{
    width: 98%;
    margin: auto;
   /* margin-top:1px; */

}
#prddiverrorpanel ul
{
	list-style-image: url(images/icon_err_small.gif);
    margin-bottom: 2px;
}
#prddiverrorpanel li
{
	text-align: left;
	line-height:1.42em;
	background-repeat: no-repeat;
	background-position: .50em;
	list-style-type: none;
	list-style-position: outside;
	color:Red;
	/*font-family:Tahoma;*/
	font-size:12px;
}
#advdiverrorpanel
{
    width: 98%;
    margin: auto;
   /* margin-top:1px; */

}
#advdiverrorpanel ul
{
	list-style-image: url(images/icon_err_small.gif);
    margin-bottom: 2px;
}
#advdiverrorpanel li
{
	text-align: left;
	line-height:1.42em;
	background-repeat: no-repeat;
	background-position: .50em;
	list-style-type: none;
	list-style-position: outside;
	color:Red;
	/*font-family:Tahoma;*/
	font-size:12px;
}

#condiverrorpanel
{
    width: 98%;
    margin: auto;
   /* margin-top:1px; */

}
#condiverrorpanel ul
{
	list-style-image: url(images/icon_err_small.gif);
    margin-bottom: 2px;
}
#condiverrorpanel li
{
	text-align: left;
	line-height:1.42em;
	background-repeat: no-repeat;
	background-position: .50em;
	list-style-type: none;
	list-style-position: outside;
	color:Red;
	/*font-family:Tahoma;*/
	font-size:12px;
}
#newprddiverrorpanel
{
    width: 98%;
    margin: auto;
   /* margin-top:1px; */

}
#newprddiverrorpanel ul
{
	list-style-image: url(images/icon_err_small.gif);
    margin-bottom: 2px;
}
#newprddiverrorpanel li
{
	text-align: left;
	line-height:1.42em;
	background-repeat: no-repeat;
	background-position: .50em;
	list-style-type: none;
	list-style-position: outside;
	color:Red;
	/*font-family:Tahoma;*/
	font-size:12px;
}
.surfouterboxdiv
{
    
    background-color: #FFFFFF;
    border-color: #336699;
    border-style: solid;
    border-radius: 10px;
    padding: 10px 0px 20px 0px;
    position: relative;
    display:table;
    /*font-family:Tahoma;*/
    font-size: 13px;
    width: 935px;
    margin: auto;
    padding-bottom: 10px;
 
}





.inputTextAreaData 
{
    width:194px;
 display:inline;
 padding:2px 0px 2px 5px;
 font-size:11px;
}

.inputTextAreaData:focus
{
    background-color: #FFF5D4;
    border-color: #FFBF00;
}





.inputPhoneCountry:focus
{
    background-color: #FFF5D4;
    border-color: #FFBF00;
}


.inputPhoneNumber
{
    width: 120px;
    padding: 2px;
    display: inline;
    border-radius:4px;
    border-style: solid;
    border-width: 1px;
    background-color: #E8F0F4;
    border-color: #336699;
    padding: 2px 0px 2px 5px;
	/*font-family:Tahoma;*/
	font-size:11px;color:Black;
}
.inputPhoneNumber:focus
{
    background-color: #FFF5D4;
    border-color: #FFBF00;
}



.gridButton
{   /*background:url(images/smallSearchBtn.png);*/
     background-color: #00B4E5;
    color: #FFFFFF;
    border-radius: 5px;
    height: 25px;
    width: 60px;
    margin-right: 0px;
    cursor: pointer;
    font-size:11px;
    border:1px solid #006399;
    font-weight:bold;
}

.textLookup
{
    border:0;
    margin:0;
    padding:0;
    vertical-align:baseline;
    height:auto;
    width:260px;
    float:left;
}
.search
{
    background: url(images/smallSearchBtn.png) no-repeat center;
    cursor:pointer;
}
.calendar
{
    background: url(images/smallCalendarBtn.png) no-repeat center;
    cursor:pointer;
}
.buttonMaster
{
    border-radius: 5px;
     float:right;
    border-style:none;
    padding:4px 17px 4px 17px;
    margin-right: 10px;
    margin-bottom:6px;
    font-weight: bold;
    cursor: pointer;
    text-align:center;
    vertical-align:middle;
    overflow:visible;
    width:auto;-moz-outline:0 none;outline:0 none;
}



.textEditField
{
   width: 90%;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
   background-color: #E8F0F4;
    border-color: #336699;
    padding: 2px 3px 2px 3px !important;
    /*font-family:Tahoma;*/
    font-size:11px;color:Black;
	text-align: right;
	/*margin-left:6px !important;*/
}

.borderedBlockText
{
    /*
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    background-color: #336699;
    border-color: #336699;
    margin: 0px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 10px;
    font-weight: bold;
    color: White;
    */
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    color: #0088cc;
    border-bottom: 1px solid #0088cc;

}


.inputName
{
	width: 100px;
	height: 17px; 
	text-align: left; 
	line-height: 17px; 
	float: left; 
	
}


.gridDefault
{
    border-collapse: collapse;
    width: 100%;
    border:1px solid #BEC6CC;
}


.gridHeaderRow
{
    cursor: pointer;
    background-color: #0A4866;
    color: White;
   /* font-size: 11px;*/
    height: 23px;
    vertical-align:middle;
    font-weight:bold;
}

.gridOddRow
{
    background-color: #F4F7FD;
    background-color: #FFFFFF;
    border-top: solid;
    border-left:solid;
    border-right:solid;
    border-width: 1px;
    border-color: #E8F0F4;
    /*font-size: 11px;*/
    height: 23px;
}

.gridOddRow:hover
{
    background-color: #FFCC99;
    background-color: #FFFFFF;
    /*font-size: 11px;*/
    height: 23px;
}

.gridEvenRow
{
    background-color: #FFFFFF;
    border-top: solid;
    border-left:solid;
    border-right:solid;
    border-width: 1px;
    border-color: #E8F0F4;
    /*font-size: 11px;*/
    height: 23px;
}

.gridcontainer
{
    float: left;
    width: 960px;
    padding: 0px 0px 20px 0px;
    position: relative;
    display: block;
    margin: auto;
    float:inherit;
}
/*
.gridcontainerInvoice
{
    width: 935px;
    display: inline-block;
    border:none;
    border-radius:4px;
    border-style: solid;
    border-width: 2px;
    background-color: #E8F0F4;
    border-color: #336699;
}
*/

.gridEvenRow:hover
{
    background-color: #FFCC99;
    background-color: #FFFFFF;  
}

.gridDeletedRow
{
    background-color: Red;
    color:Green;
    /*font-size: 11px;*/
    height: 23px;
}

.gridBodyContainer
{
    padding: 0px;
    margin: 0px;
    border-style: none;
    border-width: 0px;
    float: left;
    width:98%;
    /*width: 98%;*/
  
}
.gridDeletedRow:hover
{
    background-color: #FFCC99; 
    font-style:italic; 
}
.gridFooter
{
    /*font-size: 11px;*/
    height: 50px;
    border:1px solid #BEC6CC;
    border-radius: 0px 0px 10px 10px;
    vertical-align:middle;
    margin-top:0px;
}

.gridRolodexContainer
{
    border-style: none;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    float: right;
   /* width: 2%;*/
    height: 500px;
    position:absolute;
    left:924px;
}

.rolodexdiv
{
    list-style: none;
    background-color: #FFFFFF;
    color: #0077B3;
    position: relative; 
    /*top: 115px; */
    left: 0px; 
    font-weight:bold;
    /*font-size: 11px;*/
    padding: 0px;
    margin: 0px;
    border-right-color: #336699;
    border-right-style: solid;
    border-top-color: #336699; 
    border-top-style: solid;
    border-bottom-color: #336699; 
    border-bottom-style: solid;
    /*border-radius: 0px 5px 5px 0px;*/
    width: 25px;
    float: left;
    border:1px solid #BEC6CC;

}

.rolodexul
{
    cursor: pointer; 
    margin: 0px; 
    padding: 0px;
    text-align: center;
    list-style: none;
}
.rolodexselected
{
    padding-top: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;
    background-color: #0088CC;
    color: #FFFFFF;
    border-width:0px;
    margin:0;
    height:14px;
}
.rolodexselected:hover
{
    background-color: #FFCC99;
}
.rolodexunselected
{
    padding-top: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;
    border-width:0px;
    margin:0;
    height:14px;
}
.rolodexunselected:hover
{
    background-color: #FFCC99;
}

.footerArea
{
    width: 100%;
    height: 58px;
    background: url(footer-waves.png);
    background-repeat: repeat-x;
    position:relative;
    left: 0px;
    right: 0px;
    bottom:0px;
    display:block;
    /*font-family:Tahoma;*/
    /*font-size: 11px;*/
}

.gridBody
{
   border-top:1px solid #BEC6CC;
    border-left:1px solid #BEC6CC;
    border-right:1px solid #BEC6CC;
    vertical-align:middle;
    background-color:#fff;
    padding:10px;
}

.gridFooterButtons
{
    right:10px; 
    vertical-align:middle;
    float: right;
    width:150px;
    height:26px;
    border: 1px solid #BEC6CC;
    border-radius:5px;
    margin-right:6px;
    margin-top:13px;
}
.firstbtn
{
    vertical-align:middle;
    margin-left:10px;
    cursor:pointer;
}
.prevbtn
{
    vertical-align:middle;
    margin-left:8px;
    cursor:pointer;
}
.nextbtn
{
    vertical-align:middle;
    margin-left:15px;
    cursor:pointer;
}
.lastbtn
{
    vertical-align:middle;
    margin-left:8px;
    cursor:pointer;
}
.gridFooterText
{
    float:left;
    margin-top: 18px;
    margin-left:14px; 
    margin-right:6px; 
    border-style:none;
    vertical-align:middle;
    text-shadow: 0 1px 0 white;
}

.gridFooterSelect
{
    float: left;
    margin-top: 14px;
    margin-left:6px;
    margin-right:6px; 
    width:250px;
    border-style:none;
    vertical-align:middle;
}

.gridHeader
{
    background-color: #FFFFFF;
    /*border-color: #BEC6CC;
    border-style: solid;*/
    border:1px solid #BEC6CC;
    border-radius: 10px 10px 0px 0px;
}
.gridHyperlink
{
    color: inherit;
}
.gridHyperlink:hover
{
    color:#00E;
}

.gridHeader .left
{
    float:left;
}
.gridHeader .right
{
    float:right;
}

.gridSelectedRow
{
    background-color: #DAEDF6;
    height: 23px;
    text-shadow: 0 1px 0 white;
    cursor:pointer;
}
.gridSelectedRow.first
{
    border-top:1px solid #99B1BF;
}
.gridSelectedRow.last
{
    border-bottom:1px solid #99B1BF;
}

.gridSelectedRownew
{
    background-color: #FFDC87;
    background-color: #E8F0F4;
   /* font-size: 12px;*/
    height: 24px; 
}
.gridcolroom
{
    width:7.5%;
    white-space:nowrap;
    padding-left:8px;
}
.gridcolstatus
{
    width:14%;
    white-space:nowrap;
}
.gridcolavail
{
    width:18%;
    white-space:nowrap;
}
.gridcolpax
{
    width:6.5%;
    white-space:nowrap;
}
.gridcolalloc
{
    width:20%;
    white-space:nowrap;
}
.gridcolremarks
{
    width:34%;
    white-space:nowrap;
    padding-right:8px;
}

.inputSelectData
{
    width: 204px;
	/*font-family:Tahoma;*/
	font-size:11px;color:Black;
	display: inline;
    border-radius:4px;
    border-style: solid;
    border-width: 1px;
    background-color: #E8F0F4;
    border-color: #336699;
}
.inputSelectData:focus
{
    background-color: #FFF5D4;
    border-color: #FFBF00;
}
.expanded
{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    padding-right:0px !important;
    float:left;
}

.inputTextAreaData
{
    width: 194px;
    padding: 2px;
    display: inline;
    border-radius:4px;
    border-style: solid;
    border-width: 1px;
    background-color: #E8F0F4;
    border-color: #336699;
    padding: 2px 0px 2px 5px;
	/*font-family:Tahoma;*/
	font-size:11px;color:Black;

}
.inputTextAreaData:focus
{
    background-color: #FFF5D4;
    border-color: #FFBF00;
}



.inputPhoneCountry
{
   /* width: 50px;
    padding: 2px;*/
    display: inline;
    /*border-radius:4px;
    border-style: solid;
    border-width: 1px;
    background-color: #E8F0F4;
    border-color: #336699;*/
    padding: 2px 0px 2px 5px;
	/*font-family:Tahoma;*/
	font-size:11px;color:Black;

}
.inputPhoneCountry:focus
{
    background-color: #FFF5D4;
    border-color: #FFBF00;
}



.inputPhoneNumber
{
   /* width: 120px;
    padding: 2px;*/
    display: inline;
   /* border-radius:4px;
    border-style: solid;
    border-width: 1px;
    background-color: #E8F0F4;
    border-color: #336699;*/
    padding: 2px 0px 2px 5px;
	/*font-family:Tahoma;*/
	font-size:11px;color:Black;

}
.inputPhoneNumber:focus
{
    background-color: #FFF5D4;
    border-color: #FFBF00;
}

.inputGroup
{
    height: 20px;
    display: block;
    padding-bottom: 3px;
    padding-top: 3px;
}

.gridBigButton
{
    border-radius: 5px;
    background-color: #00B4E5;
    color: #FFFFFF;
    height: 25px;
    /*width: 82px;*/
    margin-right: 0px;
    cursor: pointer;
    font-size:11px;
    border:1px solid #006399;
    font-weight:bold;
}
.buttonrightgreen
{
    border-radius: 5px;
    color: #FFFFFF;
    background-color: #5FC42A;
    float:right;
    border-style:none;
    padding:4px 17px 4px 17px;
    margin-right: 10px;
    margin-bottom:6px;
    font-weight: bold;
    cursor: pointer;
    text-align:center;
    vertical-align:middle;
    overflow:visible;
    width:auto;-moz-outline:0 none;outline:0 none;
}
.buttonrightblue
{
    border-radius: 5px;
    color: #FFFFFF;
    background-color: #336699;
    float:right;
    border-style:none;
    padding:4px 17px 4px 17px;
    margin-right: 10px;
    margin-bottom:6px;
    font-weight: bold;
    cursor: pointer;
    text-align:center;
    vertical-align:middle;
    overflow:visible;
    width:auto;-moz-outline:0 none;outline:0 none;
}

.buttonrightblue:hover, .buttonrightgreen:hover, .plusMinusButton:hover, .gridButton:hover,.gridBigButton:hover
{
    color: #FFF5D4;
    background-color: #FFBF00;
}
.buttonrightblue:focus, .buttonrightgreen:focus,.plusMinusButton:focus, .gridButton:focus, .gridBigButton:focus
{
    color: #FFF5D4;
    background-color: #FFBF00;
}
.right
{
    float:right;
}
.buttonCellContact
{
  font-size: 11px;
  padding:10px 0px 5px 186px;
} 
.buttonCellQuotesOrders
{
  font-size: 11px;
  padding:10px 0px 5px 303px;
} 
.buttonCellInvoice
{
  font-size: 11px;
  padding:10px 0px 5px 176px;
} 
.buttonCellBankRec
{
  font-size: 11px;
  padding:10px 0px 5px 245px;
} 
.buttonCellVATRet
{
  font-size: 11px;
  padding:10px 0px 5px 8px;
} 
.buttonCellPayment
{
  font-size: 11px;
  padding:10px 0px 5px 173px;
} 
.buttonCellJournal
{
  font-size: 11px;
  padding:10px 0px 5px 330px;
} 
.buttonCellEvent
{
  font-size: 11px;
  padding:10px 0px 5px 240px;
} 
.menurowbutton
{
  color:#346B85 !important;
  padding:0px 10px 0px 0px;
  text-shadow: 0 1px 0 white;
}

/* menu styles ----------------------------------------------------------------------------------------------*/
ol, ul {
  list-style: none;
}
ul.nav, ul.nav li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  /*font-weight:bold;*/
}
ul.nav {
  float:right;
  zoom: 1;
}
ul.nav:before, ul.nav:after {
  display: table;
  content: "";
  zoom: 1;
}
ul.nav:after {
  clear: both;
}
ul.nav > li {
  margin-left: 15px;
  float: left;
}
ul.nav > li:first-child {
  margin-left: 0;
}

body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav {
  float: right;
}
body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li {
  margin: 0 0 0 1px;
  position: relative;
  z-index: 1;
}
body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li > a i {
  background-image: url(images/sprite.png);
  background-position: -177px -46px;
  width: 5px;
  height: 3px;
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -1px;
}
body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li ul {
  background: #328fbc;
  -webkit-box-shadow: 0 7px 7px rgba(15, 22, 26, 0.5);
  -moz-box-shadow: 0 7px 7px rgba(15, 22, 26, 0.5);
  box-shadow: 0 7px 7px rgba(15, 22, 26, 0.5);
  -webkit-border-radius: 0 15px 15px 15px;
  -moz-border-radius: 0 15px 15px 15px;
  border-radius: 0 15px 15px 15px;
  width: 100%;
  min-width: 120px;
  padding: 15px 22.5px;
  margin-top: -5px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
}
body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li ul li {
  width: 100%;
  margin-top: 5px;
  padding-right: 15px;
  position: relative;
  left: -7.5px;
}
body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li ul li.title {
  border-top: 1px solid #4699c2;
  color: #98c5da;
  font-size: 14px;
  margin-top: 12.5px;
  padding-top: 12.5px;
  display: block;
}
body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li ul li.title:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}
body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li ul li a {
  color: #fff;
  white-space: nowrap;
  display: block;
}
body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li.current, body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li.current.hover {
  z-index: 2;
}
body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li.hover, body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li.current.has-submenu.hover {
  z-index: 3;
}
body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li.hover ul, body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li.current.has-submenu.hover ul {
  display: block;
}
body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li.hover > a i, body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li.current.has-submenu.hover > a i {
  background-image: url(images/sprite.png);
  background-position: -177px -46px;
}
body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li.current.has-submenu > a i {
  background-image: url(images/sprite.png);
  background-position: -177px -61px;
}
body > #layout > .div-header > .div-table > .div-table-row > .div-top-row > .div-menu-row  ul.nav > li.has-submenu a {
  padding-right: 34px !important;
}



/*Invoice stuff*/
.fullWidth
{
    /*
    background-color: #FFFFFF;
    border-color: #008DD4;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px 10px 10px 10px;
    margin-right: 20px;
    font-family: Arial;
    font-size: 13px;
    height: auto;
    width: 960px;
    position: relative;
    display: block;
    left: 10px;
    right: 10px;
    margin: auto;
    */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-right: 20px;
    width: 960px;
    position: relative;
    display: block;
    left: 10px;
    right: 10px;
    margin: auto;
    background-color: #FFFFFF;
    border: 1px solid #BEC6CC;
}
/*.fullWidth > .sectionHeading:before,
.fullWidth > .sectionHeading:after,
  display: table;
  content: "";
  zoom: 1;
}  */
.sectionHeading .breadcrumb {
  float: left;
  padding-left: 10px;
}
.breadcrumb span {
  background: url(images/breadcrumb-sep.png) no-repeat right;
  font-size: 13px;
  font-weight: normal;
  line-height: 32px;
  height: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 2em;
  margin-right: 1em;
  float: left;
}
.breadcrumb span.currentName {
  font-size: 16px;
  padding-right: 0;
  margin-right: 0;
  background: none;
}
.fullWidth > .ui-widget-content {
  border-width: 0 1px;
  padding: 15px;
}
.txtBoxButton
{
    float:left;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    line-height: 1.4;
    margin: 0;
    margin-left:-4px;
    border: 1px solid #a1abb3;
    font-weight: normal;
    color: #262626;
    display: inline-block;
    position: relative;
    padding: 0;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    width:26px;
    height:19px;
}
.menuBtn
{
    vertical-align: middle;
    cursor: pointer;
    display:block;
    margin:auto;
    padding-top:1px;
    padding-bottom:2px;
}
.menuBtnCaption
{
    font-size:9px;
}
.txtSrchContainer
{
    position:relative;
}
.txtSrchInput
{
    padding-right:28px;
}
.txtSrchButton
{
    position:absolute;
    top:3px;
    right:0;
    display:block;
    padding-right:10px;
    cursor:pointer;
}
.navBtnDiv
{
    height:20px;
    width:20px;
    border-radius:5px;
    border:1px solid transparent;
    display:inline-block;
    text-align:center;
    margin-top:2px;
}
.navBtnDiv:hover
{
    border:1px solid #BEC6CC;
}
.navBtn
{
    vertical-align:middle;
    padding-top:4px;
}

.rectangle {
	background: #DAEDF6;
	height: 50px;
	width: 1010px;
	position:absolute;
	left:-15px;
	margin-top:60px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	/*z-index: 100; *//* the stack order: foreground */
}
.triangle-l {
	border-color: transparent #7d90a3 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: absolute;
	left: -30px;
	top: 46px;
	z-index: -1; /* displayed under bubble */
}

.triangle-r {
	border-color: transparent transparent transparent #7d90a3;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: absolute;
	left: 980px;
	top: 46px;
	z-index: -1; /* displayed under bubble */
}

.passworddivnew
{
    width: 650px;
    height:210px;
    margin: auto;
    /*margin-top: 175px;*/
    border-radius: 10px 10px 10px 10px;
    background-color: #0A4866;
    border-color: #0A4866;
    border-style: solid;
    overflow:hidden;
}
#passwordbodynew
{
    display: inline-block;
    font-size: 14px; 
    margin-top: 70px;
    margin-left: 75px;
    margin-right:50px;
   /* width: 60%;*/
}
#passwordnew
{
    font-size: 12px;
    display: inline;
    width:650;
}
#passwordtextnew
{
    padding-top: 5px;
    padding-left: 200px;
    font-size: 11px;
    display: table-cell;
   color:#A1CFE5;
  /* color:#85A9BA;*/
    /*font-family: Arial;*/
    
}
#passwordinputnew
{
    

    padding-left: 5px;
    font-size: 12px;
    /*display: table-cell;*/
    vertical-align:top;
    display:inline;
    
}

#useremailtextnew
{
    padding-top: 5px;
    padding-left: 0px;
    font-size: 11px;
    display: table-cell;
      color:#A1CFE5;
     /*font-family: Arial;*/
}
#useremailinputnew
{
   

    padding-left: 0px;
    font-size: 12px;
     display: inline;
     vertical-align:top;
     
     
     
  
}
#buttonnew
{
   
    padding-left: 2px;
    font-size: 12px;
  display: inline;
  float:right;
  margin-right:12px;
}  

.hyperlinknew
{
    text-decoration:none;
    color: #FFFFFF !important;
    margin-left: 30px;
    font-size: 12px;
    /*font-family: Arial;*/
}
.hyperlinknew:hover
{
    text-decoration: underline;  
    cursor: pointer;  
}

#rememberusernew
{
    font-size: 0px;
  
    display: table-row;
}
#rememberusertextnew
{
    width:100px;
    padding-top: 15px;
    padding-left: 2px;
    font-size: 12px;
   display: table-cell;
   color:#A1CFE5;
}
#rememberuserinputnew
{
    padding-top: 15px;
    padding-left: 0px;
    font-size: 12px;
    display: table-cell;
}
.verticalLine { 
    border-left:thick solid #ff0000; 
} 





.line-separator{

height:1px;

background:#093E56;
 

border-bottom:1px solid #0D5C82;
 

}
.loginlowerdiv
{
    width: 1005px;
    height:250px;
    margin: auto;
    /*margin-top: 175px;*/
    border-radius: 10px;
    background:#ffffff;
    /*border-color: #0A4866;
    border-style: solid;*/
    overflow:hidden;
   color:#9C9E9F !important;
   border-radius: 0px 0px 10px 10px;

 

}
#businessregleft
{
    float: left;
    width: 50%;
}
#businessregright
{
    float: right;
    width: 50%;
}
.defaultText  
{
  /*color: rgba(38, 38, 38, 0.9);*/
}
.defaultTextActive { color: #94999D;}
.infoName {
width: 140px;
height: 15px;
text-align: left;
line-height: 15px;
float: left;
margin-left: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
display: inline;
/*font-family: Arial;
font-size: 11px;
color: black;*/
vertical-align: middle;
}
.infoData {
width: 250px;
display: table-cell;
padding: 0px 0px 0px 5px;
font-weight: bold;
/*font-family: Arial;
font-size: 11px;
color: black;*/
text-align: right;
}
.singleColumn
{
    width: 100%;
    display: inline-block;
    padding-top:20px;
    vertical-align: top;
}
.maskedDiv
{
    visibility: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    font-weight: bold;
    padding: 40px;
    z-index: 10000;
    background-image: url(images/Mask.png);
    /* ieWin only stuff */
    _background-image: none;
    background-color :#000000; /*#CFCDCB;*/
    filter: alpha (opacity=10);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .50; /*older Mozilla*/
	-khtml-opacity: 0.5;   /*older Safari*/
	opacity: 0.2; 
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/Mask.png');
}


.saContactPickerContainer
{
    display: inline-block; 
    width: 340px;
    height: 412px;
    position: relative;
    border-radius:10px;
    border-style: solid;
    border-width: 1px;
    background-color: #E8F0F4;
    background-color: #FFFFFF;
    border-color: #ACB7BF;
    box-shadow:0 5px 5px 5px rgba(15, 22, 26, 0.3);
    margin: 5px; 
    z-index: 10001;
    
    vertical-align:top;
}
.saContactListTableContainer 
{
    width: 100%;
    border-style: none;
    border-top: solid;
    border-width: 1px;
    border-color: #ACB7BF;
    height: 336px;
    overflow: auto;
    overflow-y:scroll;
}
.saContactListTableContainer::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color:#F9F9F9;
}
.saContactListTableContainer::-webkit-scrollbar-button:start:decrement,
.saContactListTableContainer::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 8px;
}
.saContactListTableContainer::-webkit-scrollbar-button:vertical:increment {
    background-color: #F9F9F9;
    background: transparent;
}
.saContactListTableContainer::-webkit-scrollbar-track {
    -webkit-border-radius: 4px;
}
.saContactListTableContainer::-webkit-scrollbar-track-piece {
    -webkit-border-radius: 4px;
}
.saContactListTableContainer::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #C2C2C2;
    opacity: 0.5;
    -webkit-border-radius: 6px;
    position: relative;
    outline:2px solid #fff;
	outline-offset:-2px;
	border: 2px solid #fff;
}
.saContactListTableContainer::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: #999;
    -webkit-border-radius: 4px;
}
.saContactListTableContainer::-webkit-scrollbar-thumb:vertical:hover {
        background-color: #D2D2D2;
}
.saContactListTableContainer::-webkit-scrollbar-thumb:vertical:active, 
.saContactListTableContainer::-webkit-scrollbar-thumb:vertical:focus{
        background-color: #E0E0E0;
}






.saContactListTable
{
  /*  font-family: Arial;
    font-size: 12px; */
    display: table;
    width:100%;
}
.saContactListHeader
{
    padding:5px 0px 5px 0px;
    /*font-family: Helvetica, Arial, sans-serif, Tahoma;*/
    font-size: 13px;
    font-weight: bold;
    color: white;
}
.saContactListData
{
    cursor: pointer;
    padding-top: 1px;
    height:24px;
}
.saContactListData:hover
{
    background-color:#FFCC99;
}

.saContactTableRow
{
    background-color:#FFCC99;
}
.saContactPickerCode
{
    width: 30%;
    display: table-cell;
  /*  font-size: 11px; */
    padding-left:5px;
    border-bottom: 1px solid #E6EDF0;
}
.saContactPickerName
{
    width: 70%;
    display: table-cell;
   /* font-size: 11px; */
    padding-left:5px;
    border-bottom: 1px solid #E6EDF0;
}
.saContactPickerCodeH
{
    width: 30%;
    display: table-cell;
    padding-left:5px;
}
.saContactPickerNameH
{
    width: 70%;
    display: table-cell;
    padding-left:5px;
}
.saContactListFooter
{
    /*padding-top: 8px;*/
    border-radius:0 0 10px 10px;
    padding-left: 185px;
    border-top: solid;
     border-bottom: solid;
    border-width: 1px;
    border-color: #ACB7BF;
    
}
.saAlertSpecialContainer
{
    display: inline-block; 
    width: 370px;
    height: auto;
    position: relative;
    border-radius:10px;
    border-style: solid;
    border-width: 1px;
    background-color: #E8F0F4;
    background-color: #FFFFFF;
    border-color: #ACB7BF;
    box-shadow:0 5px 5px 5px rgba(15, 22, 26, 0.3);
    margin: 5px; 
    z-index: 10001;
    
    vertical-align:top;
}
.saAlertSpecialFooter
{
    float:right;
    /*padding-top: 8px;*/
    border-radius:0 0 10px 10px;
    padding-right: 10px;
    border-top: solid;
    border-width: 1px;
    border-color: #ACB7BF;
    width:360px;
}
.saContactsListQuickAdd
{
    border-top: solid;
    border-width: 2px;
    border-color: #008DD4;
    border-top: none;
    
    vertical-align:top;
}


.saDPContainer
{
    /*font-family: Helvetica, Arial, sans-serif, Tahoma;*/
    border-width: 1px;
    border-radius: 4px;
    background-color: #EBEDEF;
    border-color: #ACB7BF;
    border-style: solid;    
    margin: 0px;
    padding: 0px;
    padding-bottom:4px;
    box-shadow:0 5px 5px 5px rgba(15, 22, 26, 0.3);
    display: inline-block; 
    position: relative;
    z-index: 10001;
  
  

}
.saDPTable
{
    /*font-family: Helvetica, Arial, sans-serif, Tahoma;*/
    border-collapse: collapse;
    background-color:#EBEDEF;
    border-radius:4px;
    border-top:4px solid white;
}
.saDPPadding
{
    width:4px;
    border:none;
}
.saDPHeader
{
    /*font-family: Helvetica, Arial, sans-serif, Tahoma;*/
    height: 20px;
    font-size: 13px;
    font-weight : bold;
    color: #008DD4;   
    text-align:center;
}
.saDPWeekHeader
{
    /*font-family: Helvetica, Arial, sans-serif, Tahoma;*/
    height: 20px;
  /*  font-size: 11px;*/
    font-weight : bold;
    color: #000;
    text-align:center;
    color: #262626;

}
.saDPFooter
{
    border-radius:0px 0px 4px 4px;
}
.saDPCellNextPrev
{
    border-width: 1px;
    border-style: solid; 
    border-color: #A1AEB3;   
    margin: 0px;
    padding: 0px; 
    text-align:center;
   /* font-size: 11px;*/
    height: 20px;
    width: 28px; 
    font-weight: bold;
    color: #AAB0B3;
    background-color:#DFE3E6;
    text-shadow: 0 1px 0 white;
}
.saDPCellNextPrev:hover
{
    cursor: pointer;
    color: #FFF5D4;
    background-color: #FFBF00;
}
.saDPCellToday
{
    border-width: 1px;
    border-style: solid; 
    border-color: #A1AEB3;   
    margin: 0px;
    padding: 0px; 
    text-align:center;
    font-size: 12px;
    font-weight:bold;
    height: 20px;
    width: 28px; 
    background-color: #0088CC;   
    color: #FFFFFF;
    text-shadow: 0 1px 0 black;
}
.saDPCellToday:hover
{
    cursor: pointer;
    color: #FFF5D4;
    background-color: #FFBF00;
}
.saDPCell
{
    border-width: 1px;
    border-style: solid; 
    border-color: #A1AEB3;
    background-color:#F2F4F5;  
    margin: 0px;
    padding: 0px; 
    text-align:center;
    font-size: 12px;
    font-weight:bold;
    height: 20px;
    width: 28px; 
    color: #64696E;
    text-shadow: 0 1px 0 white;
}
.saDPCell:hover
{
    cursor: pointer;
    color: #FFF5D4;
    background-color: #FFBF00;
}

/*.maskedDiv
{
    visibility: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    font-weight: bold;
    padding: 40px;
    z-index: 10000;
    background-image: url(images/Mask.png);
    
    _background-image: none;
    background-color :#000000;
    filter: alpha (opacity=10);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
	-moz-opacity: .50; 
	-khtml-opacity: 0.5;   
	opacity: 0.2; 
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/Mask.png');
}*/

.saProductPickerContainer
{
    display: inline-block;
    width: 440px;
    height:  409px;
    position: relative;
    border-radius:10px;
    background-color: #E8F0F4;
    background-color: #FFFFFF;
    
    margin: 5px;
    z-index: 10001;
    box-shadow: 0 5px 5px 5px rgba(15, 22, 26, 0.3);
}
.saProductListTableContainer 
{
    width: 100%;
    border-style: none;
    border-top: 1px solid #ACB7BF;
    height: 336px;
    overflow: scroll;
}
.saProductListTable
{
    /*font-family: Arial;*/
    font-size: 12px;
    display: table;
}
.saProductListHeader
{
    padding:5px 0px 5px 0px;
    /*font-family: Helvetica, Arial, sans-serif, Tahoma;*/
    font-size: 13px;
    font-weight: bold;
}
.saProductListData
{
    cursor: pointer;
    padding-top: 1px;
    height:24px;
}
.saProductListData:hover
{
    background-color:#FFCC99;
}
.saProductPickerCode
{
    width: 90px;
    display: table-cell;
  /*  font-size: 11px;*/
    border-bottom: 1px solid #E6EDF0;
    padding-left:5px;
}
.saProductPickerName
{
    width: 210px;
    display: table-cell;
  /*  font-size: 11px;*/
    border-bottom: 1px solid #E6EDF0;
}
.saProductPickerPrice
{
    width: 60px;
    display: table-cell;
  /*  font-size: 11px;*/
    text-align:right;
    border-bottom: 1px solid #E6EDF0;
}
.saProductPickerVATRate
{
    width: 60px;
    display: table-cell;
  /*  font-size: 11px;*/
    text-align:right;
    border-bottom: 1px solid #E6EDF0;
    padding-right:5px;
}

.saProductPickerCodeH
{
    width: 90px;
    display: table-cell;
   padding-left:5px;
}
.saProductPickerNameH
{
    width: 210px;
    display: table-cell;
    
}
.saProductPickerPriceH
{
    width: 60px;
    display: table-cell;
    text-align:right;
}
.saProductPickerVATRateH
{
    width: 60px;
    display: table-cell;
    text-align:right;
    padding-right:5px;
}

.saProductListFooter
{
    padding-top: 8px;
    padding-left: 290px;
    height:31px;
    border-top: 1px solid #ACB7BF;
    border-radius:0 0 10px 10px;
}

.saProductsListQuickAdd
{
    border-top: solid;
    border-width: 2px;
    border-color: #008DD4;
    border-top: none;
    border-radius:10px 10px 0 0;
}

.QuickAddHeading
{
    display:block; 
    /*font-family: Sans-Serif;*/
    font-size: 13px;
    font-weight: bold; 
    border-bottom:1px solid #ACB7BF; 
    width:100%;
    text-align:center;
    padding: 5px 0px 5px 0px; 
    vertical-align:top;
    display: table-cell;
    width: 980px;
    border-radius:10px 10px 0 0;
}
.GroupName
 {
     width:100%; 
     font-weight:bold; 
     padding-left:5px;
    /* font-size: 11px; 
     color:black;*/ 
     
     /*font-family: Helvetica, Arial, sans-serif, Tahoma;*/
     padding-top:0px; 
     padding-bottom:0px; 
     height:11px;
  }
  
.NomCode
 {
       padding-left:10px;
       width:40px;
       text-align:left; 
      /* font-size: 11px; 
       color:black;
       
       font-family: Helvetica, Arial, sans-serif, Tahoma;*/
       padding-top:0px; 
       padding-bottom:0px; 
       height:11px;
       
 }
.NomDesc 
 {
     text-align:left;
    /* font-size: 11px; 
     color:black;
     
     font-family: Helvetica, Arial, sans-serif, Tahoma; */
     padding-top:0px; 
     padding-bottom:0px; 
     height:11px;
 }
 .saNominalContainer
{
    display: inline-block;
    width: 360px;
    height:  240px;
    position: relative;
    border-radius:10px;
    border-style: solid;
    border-width: 2px;
    background-color: #E8F0F4;
    background-color: #FFFFFF;
    
    border-color: #008DD4;
    margin: 5px;
    z-index: 10001;
}
.saNominalTableContainer 
{
    width: 100%;
    border-style: none;
    border-top: solid;
    border-width: 2px;
    border-color: #008DD4;
    height: 160px;
    overflow: auto;
    
}
 .inputNominalComboDiv
{
    
    left: 150px;
    display: inline-block; 
    width: 350px;
    height: 160px;
    border-style: solid;
    border-width: 2px;
    background-color: #E8F0F4;
    background-color: #FFFFFF;
    border-color: #008DD4;
    margin: 5px; 
    z-index: 10001;
    overflow: auto;
    vertical-align:top;
}

.inputNominalComboTable
{
    /*font-family: Arial;*/
    font-size: 12px;
    display: table;
    padding-left:5px;
}
.saNominalFooter
{
    padding-top: 8px;
    padding-left: 290px;
    border-top: solid;
    border-width: 2px;
   /* border-color :Gray; */
    border-color: #008DD4;
    
}
.saQuoteOrderPickerContainer
{
    display: inline-block; 
    width: 370px;
    height: 429px;
    position: relative;
    border-radius:10px;
    background-color: #E8F0F4;
    background-color: #FFFFFF;
    margin: 5px; 
    z-index: 10001;
    vertical-align:top;
    box-shadow: 0 5px 5px 5px rgba(15, 22, 26, 0.3);

}
.saQuoteOrderListTableContainer 
{
    width: 100%;
    border-style: none;
    border-top: 1px solid #ACB7BF;
    height: 357px;
    overflow: auto;
    overflow-y:scroll;
}
.saQuoteOrderListTable
{
    /*font-family: Arial;*/
    font-size: 12px;
    display: table;
}
.saQuoteOrderRefNoH
{
    width: 120px;
    display: table-cell;
    padding-left:5px;
}
.saQuoteOrderDateH
{
    width: 90px;
    display: table-cell;
    
}
.saQuoteOrderGrossH
{
    width: 134px;
    display: table-cell;
    text-align:right;
    padding-right:5px;
}
.saQuoteOrderRefNo
{
    width: 120px;
    display: table-cell;
  /*  font-size: 11px;*/
    border-bottom: 1px solid #E6EDF0;
    padding-left:5px;
}
.saQuoteOrderDate
{
    width: 90px;
    display: table-cell;
   /* font-size: 11px; */
    border-bottom: 1px solid #E6EDF0;
}
.saQuoteOrderGross
{
    width: 134px;
    display: table-cell;
   /* font-size: 11px; */
    text-align:right;
    border-bottom: 1px solid #E6EDF0;
    padding-right:5px;
}
.saQuoteOrderFooter
{
    padding-top: 8px;
    padding-left: 223px;
    border-top: solid 1px #ACB7BF;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    height:34px;
}
.horizontal1
{
    border-top-color: #00B4E5;
    border-width: 2px;
    border-top-style: solid;
}
.popupHeader
{
    padding:5px 0 5px 5px;
    border-radius:10px 10px 0 0;
    font-size:14px;
}
.saProductListTop
{
    padding-top:5px;
    padding-bottom:5px;
    border-radius:10px 10px 0 0;
}
.gridVATSummary
{
    display: inline-block;
    color: #767C80;
    background-color: #F4F6F8;
 
}
.divgridVATSummary
{
    display: inline-block;
    border-radius:4px;
    border-style: solid;
    
    background-color: #E8F0F4;
    border-color: #008DD4;
    border-collapse: collapse;
 
}
.VATHeader
{
    height: 20px;
    padding: 0px;
    font-weight: bold;
    color: #41484D;
}
.VATData
{
    height: 20px;
    padding: 0px;
    color: #767C80;
}
.VATTotal
{
    color: #41484D;
}
.VATCol1
{
    width: 80px;
    text-align: center;
    padding: 0px;
    border: none;
    padding-right: 5px;
}
.VATCol2
{
    width: 80px;
    text-align: right;
    padding: 0px;
    border: none;
    padding-right: 5px;
}
.VATCol3
{
    width: 80px;
    text-align: right;
    padding: 0px;
    border: none;
    padding-right: 5px;
}
.VATCol4
{
    width: 80px;
    text-align: right;
    padding: 0px;
    border: none;
    padding-right: 5px;
}


.inputphone1data
{
    font-size:11px;
      display: inline;
    border-radius:4px;
    border-style: solid;
    border-width: 1px;
    background-color: #E8F0F4;
    border-color: #008DD4;
}
.inputphone2data
{
    font-size:11px;
       display: inline;
    border-radius:4px;
    border-style: solid;
    border-width: 1px;
    background-color: #E8F0F4;
    border-color: #008DD4;
}
.captcha
{
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
}
.inputphone1
{
    width: 75px;
    font-size: 10px; 
    vertical-align:bottom;
    text-align: center;
    display: inline-block;
}
.inputphone2
{
    width: 140px;
    font-size: 10px; 
    vertical-align:bottom;
    text-align: center;
    display: inline-block;
}
.helptext
{
    display:inline-block;
    color:#94999D;
    font-size:10px;
    margin-bottom:4px;
}
.transparent
{
   filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6; 
}


/*Added By Vipin*/
select.textbox
{
    width:100%;        
}
select.textbox_mandatory
{
    width:100%;       
}
input[type=text].textbox,input[type=password].textbox,
textarea.textbox
{   
   width:100%;
}

input[type=text].textbox_help,input[type=password].textbox_help,
textarea.textbox_help
{   
   width:100%;
}
input[type=text].textbox_help_mandatory,input[type=password].textbox_help_mandatory,
textarea.textbox_help_mandatory
{   
   width:100%;
   background: #ffffcc;
}
input[type=text].textbox_rightalign,input[type=password].textbox_rightalign,
textarea.textbox_rightalign
{    
    width:100%;
    text-align: right;    
}
input[type=text].textbox_mandatory,input[type=password].textbox_mandatory,
textarea.textbox_mandatory
{   
    width:100%; 
    background: #ffffcc;    
}
input[type=text].textbox_mandatory_rightalign,input[type=password].textbox_mandatory_rightalign,
textarea.textbox_mandatory_rightalign
{  
    width:100%;  
    background: #ffffcc;
    text-align: right;    
}

input[type=text].textbox_grid,input[type=password].textbox_grid,
textarea.textbox_grid
{   
    width:100%; 
    background: #ffffcc;
    outline:none;
    border:none;
}
input[type=text].textbox_grid_rightalign,input[type=password].textbox_grid_rightalign,
textarea.textbox_grid_rightalign
{  
    width:100%;  
    background: #ffffcc;
    text-align: right;    
	outline:none;
    border:none;
}

input[type=text].textbox_grid:focus, input[type=password].textbox_grid:focus, textarea.textbox_grid:focus,
input[type=text].textbox_grid_rightalign:focus,input[type=password].textbox_grid_rightalign:focus,
textarea.textbox_grid_rightalign:focus 
{
  border: 1px solid #00aaff;  
  -webkit-box-shadow: 0 0 3px rgba(0, 170, 255, 0.7), 0 0 10px rgba(0, 170, 255, 0.30000000000000004);
  -moz-box-shadow: 0 0 3px rgba(0, 170, 255, 0.7), 0 0 10px rgba(0, 170, 255, 0.30000000000000004);
  box-shadow: 0 0 3px rgba(0, 170, 255, 0.7), 0 0 10px rgba(0, 170, 255, 0.30000000000000004);
  outline: none;
}

input[type=text].textbox_grid_disabled,input[type=password].textbox_grid_disabled,
textarea.textbox_grid_disabled
{   
    width:100%;     
    outline:none;
    border:none;
}
input[type=text].textbox_grid_rightalign_disabled,input[type=password].textbox_grid_rightalign_disabled,
textarea.textbox_grid_rightalign_disabled
{  
    width:100%;      
    text-align: right;    
	outline:none;
    border:none;
}

.label
{
    color: #000000;
    font-size: 11px;
    text-align: right;
    padding-right: 5px;
}
.label_leftalign
{
    color: #000000;
    font-size: 11px;
    text-align: left;
    padding-left: 5px;
}
.value_info
{
    color: Maroon;
    font-size: 11px;    
    padding-left: 5px;
}

.label_header
{   
    background-color: #4F81BD; /*#00B4E5;*/ /*#CFCCCC;*/
    color: #ffffff;
    font-size: 11px;      
    text-align: center;     
    font-weight:bold;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;  
    padding-top :1px;  
    padding-bottom :1px;  
    margin-bottom:1px; 
    height:15px;
}

.label_header_gray
{   
    background-color: #B6B6B6;
    color: #ffffff;
    font-size: 11px;      
    text-align: center;     
    font-weight:bold;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;  
    padding-top :1px;  
    padding-bottom :1px;  
    margin-bottom:1px; 
    height:15px;
}

.label_counters
{     
    font-size:16px;
    background-color:#777777;
    color:#ffffff;    
    text-align:right;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; 
    padding-right:5px; 
}

.containers
{
    border: 1px solid #FFFFFF; /*#B8B8B8;*/
    /*background-color: #F5F5F5;*/
    display: block;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.Errorlabel
{
    color: Red;
    font-size: 11px;
    text-align: left;    
    margin-left:5px;
    margin-top:5px;
}

.Messagelabel
{
    color: Green;
    font-size: 11px;
    text-align: left;    
    margin-left:5px;
    margin-top:5px;
}

.MastersListhover
{
    /*background-color: #ffffcc;     */
    /*background-image: url(Images/comboItemBg.gif) ;*/
    /*background-image: url(Images/pageHdr.gif) ;*/
    /*background-repeat:  repeat-x;   */
    background-color : #EBEBEB;
    color:#4F81BD;    
}

.dgHeader
{
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
     padding-top:2px;
    padding-bottom:2px;
    text-align: left;
    background-color: #DCE6F1; /*#4F81BD;*/ /*#CFCCCC;*/
    border-color: #B8B8B8;
    cursor:pointer ;
}

.dgHeader_rightalign
{
    color: Black;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    background-color: #DCE6F1; /*#4F81BD;*/ /*#CFCCCC;*/
    padding-right: 5px;
    padding-left: 5px;
     padding-top:2px;
    padding-bottom:2px;
    border-color: #B8B8B8;
    cursor:pointer ;
}

.dgHeader_centeralign
{
    color: Black;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #DCE6F1; /*#4F81BD;*/ /*#CFCCCC;*/
    padding-right: 5px;
    padding-left: 5px;
     padding-top:2px;
    padding-bottom:2px;
    border-color: #B8B8B8;
    cursor:pointer ;
}
.dgHeader_centeralign_link
{
    color:Black;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #DCE6F1; /*#4F81BD;*/ /*#CFCCCC;*/
    padding-right: 5px;
    padding-left: 5px;
     padding-top:2px;
    padding-bottom:2px;
    border-color: #B8B8B8;
    cursor:pointer ;
}
.dgItem
{
    font-size: 11px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:2px;
    padding-bottom:2px;
    border-color: #B8B8B8;
    cursor:pointer ;
}

.dgItemSelected
{
    font-size: 11px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:2px;
    padding-bottom:2px;
    border-color: #B8B8B8;
    cursor:pointer ;
    background-color: #ceedfc;
}

.dgItem_rightalign
{
    font-size: 11px;
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
    padding-top:2px;
    padding-bottom:2px;
    border-color: #B8B8B8;
    cursor:pointer ;
}

.dgItem_centeralign
{
    font-size: 11px;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    padding-top:2px;
    padding-bottom:2px;
    border-color: #B8B8B8;
    cursor:pointer ;
}

.dgItem_expand_collapse
{
    font-size: 11px;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    padding-top:2px;
    padding-bottom:2px;
    border-color: #B8B8B8;
    border-right-color: #ffffff;
    cursor:pointer ;
}

.dgHeader_expand_collapse
{
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background-color: #DCE6F1; /*#4F81BD;*/ /*#CFCCCC;*/
    padding-right: 5px;
    padding-left: 5px;
     padding-top:2px;
    padding-bottom:2px;
    border-color: #B8B8B8;
    border-right-color: #DCE6F1;
    cursor:pointer ;
}

.dgItemPAX
{
    background-color : #EBEBEB;
    color:#4F81BD;    
}
.dgItemRepeater
{
    background-color : #EBEBEB;
    color:Maroon;    
}

.dgItemHKEXPARR
{
    background-color : #EBEBEB;
    color:#4F81BD;    
}
.dgItemHKEXPDEP
{
    background-color : #EBEBEB;
    color:Maroon;    
}

.dgItemLevel2Group
{
    font-weight:bold;
    color: Maroon;    
}

.dgItemLevel1Group
{
    font-weight:bold;
    color: #4F81BD;    
}

.dgItemLevel0Group
{
    
}

.dgItemHighlighted
{
    background-color : Red;          
}
.dgTotalRow
{
    font-size: 11px;
    background-color: #EBEBEB;
    border-color: #B8B8B8;
    cursor:pointer ;
    color:Red;
    
    font-weight:bold;
}
.gridView
{
    border-color: #B8B8B8;
}
.mandatory
{
    color:Red;
}
.paddingRight20
{
    padding-right: 20px;
}
.paddingLeft20
{
    padding-left: 20px;
}

.buttonGRID
{
    background-color:#B6B6B6;
    /*background-color: #00B4E5;*/
    border-radius: 5px;
    color: #FFFFFF;
    border-style: none;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    overflow: visible;
    width: auto;
    -moz-outline: 0 none;
    outline: 0 none;
    font-size: 11px;    
    padding-left:5px;
    padding-right:5px;
}
.buttonGRID:hover
{
    color: #FFF5D4;
    background-color: #FFBF00;
}
.buttonGRID:focus
{
    color: #FFF5D4;
    background-color: #FFBF00;
}
.legend
{
    font-size: 11px;
    color:#555555;
    font-style:italic;
    padding-right:15px;
}
.buttonsmallest
{
    background-color:#B6B6B6;
    /*background-color:#00B4E5;*/
    height: 17px; 
    width: 17px; 
    margin-bottom: 0px;     
    background-position: center; 
    background-repeat: no-repeat;
}

.pageHeader
{
    background-color: #4F81BD; /*#00B4E5;*/ /*#CFCCCC;*/
    color: #ffffff;
    font-size: 11px;      
    text-align: left;     
    font-weight:bold;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;  
    padding-top :1px;  
    padding-bottom :1px;  
    margin-bottom:1px; 
    height:15px;
    padding-left:5px;
}

.pageHeader a:link
{
    color: white;
    text-decoration: none;
}

.pageHeader a:visited
{
    color: white;
}

.pageHeader a:hover
{
    color: white;
}

.pageFooter
{
     color: #000000;
    font-size: 11px;      
    background-color: #DCE6F1;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;  
    padding-top :1px;  
    padding-bottom :1px;  
    margin-bottom:1px; 
     height:15px;
}

.value_info_table
{
    font-size:14px;
     background-color: #f6f6f6;
    text-align: left; 
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;  
    padding-left: 5px;
    /*border-bottom-style: solid; 
    border-bottom-width: 1px;
    border-bottom-color: #B8B8B8;*/
    
}

.value_info_table_right
{
    font-size:14px;
     background-color: #f6f6f6;
    text-align: right; 
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;  
    padding-left: 5px;
    padding-right:5px;
   
}
.value_info_table_center
{
    font-size:11px;
     background-color: #f6f6f6;
    text-align: center; 
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;  
    padding-left: 5px;
    padding-right:5px;
}

.history_header_value_info
{
    font-size:16px;    
    text-align: left;     
    font-weight:bold;
    color:#555555;
    font-style:italic;
    padding-left:5px;
    
}

.history_value_info
{
    font-size:12px;    
    text-align: left;   
    color:#555555;
    font-style:italic;  
    padding-left:5px;
}

.searchinPrompt
{
    font-size: 11px;
    color:#555555;
    font-style:italic;   
    padding-left:5px; 
}

.searchinPrompt a
{    
    color:#555555;
    font-style:italic;
    text-decoration:underline;    
}

#tabMenusNotesHistory, #tabMenusNotesGuest, #tabDetailedStatisticsTACorpMaintenance, #tabRoomSetupParameterSetup, #tabChargeSetupParameterSetup
{
    font-size: 9px; 
    background-color: #BBBBBB;
}





.value_info_table_linklabel
{
    font-size:14px;
     background-color: #f6f6f6;
    text-align: left; 
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;  
    padding-left: 5px;
    /*border-bottom-style: solid; 
    border-bottom-width: 1px;
    border-bottom-color: #B8B8B8;*/
    
}
.aspGridViewDIV
{
    border-top-right-radius: 8px; 
    border-bottom-right-radius: 8px; 
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; 
    border: 1px solid #888888;
}








 .DivColor
    {
     background-color:Silver ;
     width: 97%;
        height:30px;
        text-align :right ;
            vertical-align :middle;
    /*         margin-right:4px; */
              padding-right :4px;
        }
        .LabelColor
        {
         color:black ;
         font-style:normal;
         font-family:Digital-7;
         font-size :xx-large;
         text-align:right;
         font-weight:bolder;
            vertical-align :middle;
           padding-right :4px;
            }