@import url("../webfonts/Metric/stylesheet.css");
@import url("../webfonts/Metric_Bold/stylesheet.css");
@import url("../webfonts/Metric_Semibold/stylesheet.css");
@import url("../webfonts/Metric_Italic/stylesheet.css");

/*We shall not control healer CSS but this is an exception*/
.header .hp_logo a.hf_logo {
    height: 50px !important;
}

body {
	color: #000000;
	margin: 8px;
	font-family: Arial, Metric !important;
	font-size: 14px !important;
	line-height: 14px;
	background-color: #ffffff !important;
}

div.body {
	position:relative;
	height:auto;
	width:100%;
	z-index:1;
	overflow:hidden;
	margin:0 auto;
	background-color: #ffffff;
	padding-top: 10px;
}

/*Header Logoff & Welcome Part Begins*/
#everything 
{
    width: 1000px;
    margin: auto;
    display: block;
    position: relative;
}

div.top_buyhp {
	/*text-transform:uppercase;*/
	background-color:#00B388;
	height:15px;
	padding:5px;
	padding-top: 10px;
	border-bottom: 1px solid #ffffff;
}

#top_buyhp a {
    color: #f2f2f2;
    text-decoration: none;
}

#top_buyhp .separator {
    margin-left: 10px;
    margin-right: 10px;
}

#top_buyhp a:hover {
    text-decoration: underline;
}

.hf_row2 .col {
    width: 50%;
    display: inline-block;
    float: left;
}

.hf_row2 .col span {
    color: #ffffff;
}

.hf_float_max {
    float: right;
}

/*Header Logoff & Welcome Part Ends*/

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Metric_Bold;
	color: #333333;
	font-weight: 100;
}

.fontFamily_Rg {
	font-family: Arial, Metric !important;
	font-weight: normal;
}

h1 {
	font-size: 15px;
}
h2 {
	font-size: 13px;
    font-weight: inherit;
}
h3 {
	font-size: 12px;
    font-size: 12px\9 !important;
}
h4 {
	font-size: 12px;
}
h5, h6 {
	font-size: 12px;
}

/*******  Default Input & textarea Style  *******/
.hiddenIE {
    display: none;
    visibility: hidden;
}

input[type="text"], input[type="password"], textarea {
	font-family: Arial, Metric;
	border: 1px solid #CCCCCC;
	border-radius: 0px;
	box-shadow: none;
	/*padding: 4px 6px;*/
	color: #333333;
	outline: none;
	-moz-transition: padding .25s;
	-webkit-transition: padding .25s;
	-o-transition: padding .25s;
	transition: padding .25s;
	font-size: 12px;
	/*line-height: 22px;*/
}
input[type="text"], input[type="password"], textarea {
	border-color: #CCCCCC;
	color: #333333;
}
input[type="text"][readonly], input[type="password"][readonly], textarea[readonly], input[type="text"][disabled], input[type="password"][disabled], textarea[disabled]{
	background: #E5E5E5;
	border-color: #CCCCCC;
	color: #333333;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{
	border-color: #01A982;
	color: #333333;
}
textarea {
/*box-shadow: 0 0 3px #ccc, 0 10px 15px #eee inset;*/
padding: 6px;
}
textarea:read-only {
 user-select: none;
}
textarea:read-write {
 user-select: text;
}
textarea[readonly], textarea[disabled] {
	resize: none;
}
input:focus:invalid, textarea:focus:invalid { /* when a field is considered invalid by the browser */
 border-color: #FF454F;
}
input:required:valid, textarea:required:valid { /* when a field is considered valid by the browser */
 border-color: #008424;
}
input[disabled], input[readonly], textarea[disabled], textarea[readonly] {
	/*background-color: #EAEDED;
    border-color: transparent;  */
	cursor: default;
	text-shadow: 0 1px 1px #eeeeee;
	background:#E5E5E5;
	border-color: #CCCCCC;
	color: #5a5a5a;
}
input[type="text"][disabled].placeholder:hover, input[type="password"][disabled].placeholder:hover, textarea[disabled].placeholder:hover, input[type="text"][disabled].placeholder:focus, input[type="password"][disabled].placeholder:focus, textarea[disabled].placeholder:focus, input[type="text"][readonly].placeholder:hover, input[type="password"][readonly].placeholder:hover, textarea[readonly].placeholder:hover, input[type="text"][readonly].placeholder:focus, input[type="password"][readonly].placeholder:focus, textarea[readonly].placeholder:focus
{
	background: #E5E5E5;
	border-color: #CCCCCC;
	color: #B3B3B3;
}


/*******  Default input: button; Style  *******/
input[type="button"], input[type="reset"], input[type="submit"] {
	border: 1px solid #AFAFAF;
/*	border-radius: 4px;*/
	background: #f6f6f6; /* Old browsers */
	color: #333333;
	font-size: 12px;
	padding: 4px 8px;
	cursor: pointer;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	color: #01A982;
}
input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled], input[type="button"][disabled]:hover, input[type="reset"][disabled]:hover, input[type="submit"][disabled]:hover, input[type="button"][disabled]:active, input[type="reset"][disabled]:active, input[type="submit"][disabled]:active
{
	background: #f2f2f2;
	border-color: #EAEAEA;
	box-shadow: none;
	color: #cccccc;
	cursor: default;
	text-shadow: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
 color:   #4D4D4D;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:   #4D4D4D;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #4D4D4D;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
 color:    #4D4D4D;
}
/*******  Default button Style  *******/
button {
	font-family: Arial;
	height: 36px !important;
	/*	border-radius: 0 4px;*/
	vertical-align: middle;
	font-size: 12px !important;
	background-color: #425563;
	color: #ffffff;
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	cursor: pointer;
	margin-right: 5px\9;
	border-width: 0px;
	border-style: solid;
}

.button_inline {height: 36px; font-size: 14px; }

button:hover {
	background-color: #5F7A76;
	color: #ffffff;
	border-width: 0px;
	border-style: solid;
}
button[disabled], button[disabled]:hover, button[disabled]:active {
	background: none repeat scroll 0 0 #CCCCCC;
	border-color: #EAEAEA;
	box-shadow: none;
	color: #999999;
	cursor: default;
	text-shadow: none;
}

.critical {
    background-color:#00B388 !important;
    color:#FFFFFF !important;
}

.critical:hover {
   background-color: #01A982 !important;
   color: #FFFFFF !important;     
}

.secondary {
    background-color:#425563 !important;
    color:#FFFFFF !important;
}

.secondary:hover {
    background-color:#5F7A76 !important;
    color:#FFFFFF !important;
}

button.critical {
    background-color:#00B388;
    color:#FFFFFF;
}

button.critical:hover {
    background-color: #01A982;
    color: #FFFFFF;
}

button[disabled].critical {
	background-color:#CCCCCC !important;
	color: #777777;
}

button.secondary {
    background-color:#767676;
    color:#FFFFFF;
}

button.secondary:hover {
    background-color:#5A5A5A;
    color:#FFFFFF;
}

button.secondary:disabled {
    background-color:#CCCCCC;
    color:#FFFFFF;
}

/*******Customized a.button style*******/
a.primaryBtn {
	font-family: "Arial";
	border-radius: 0 0px;
	vertical-align: middle;
	font-size: 12px;
	background-color: #425563;
	color: #FFFFFF;
	width: auto;
	padding: 10px 15px 0px 15px;
	margin-right: 5px;
	border: 0px;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	height:26px;
}

a.primaryBtn:hover {
	background-color: #5F7A76;
	color: #ffffff;
	text-decoration: none;
}

    a.primaryBtn:visited {
        color:#FFFFFF;
    }

a.primaryBtn[disabled], a.primaryBtn[disabled]:hover, a.primaryBtn[disabled]:active {
    background: none repeat scroll 0 0 #CCCCCC;
	border-color: #EAEAEA;
	box-shadow: none;
	color: #999999;
	cursor: default;
	text-shadow: none;
}

/**Buttons in the jqGrid*/
.ui-jqdialog-content td.EditButton a {
    font-family: "Arial";
    border-radius: 0 0px;
    vertical-align: middle;
    font-size: 12px;
    background-color: #425563;
    color: #FFFFFF;
    width: auto;
    padding: 10px 15px 0px 15px;
    margin-right:5px;
    border: 0px;
    text-decoration: none;
    cursor: pointer;
    height: 26px;
}

.ui-jqdialog-content td.EditButton a:nth-child(2) {
    background-color: #00B388;
}

.ui-jqdialog-content td.EditButton a:nth-child(2):hover {
    background-color: #01A982; 
}

.ui-jqdialog-content td.EditButton a span {
    background: transparent;    
}

.ui-jqdialog-content td.EditButton a:hover {
    background-color: #5F7A76;
    color: #ffffff;
    text-decoration: none; 
}
/**jqGrid Buttons end**/

/*******  Default a Style  *******/
a {
	text-decoration: none;
    color: #6A6A6A;
	cursor: pointer;
}

a:visited {
	color: #6A6A6A;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

/*******For secondary Nav bar*******/
#hpfs_header_subnav {
    border-bottom: 1px solid #cccccc;
}

#hpfs_header_subnav a {
    text-decoration:none;
    position: relative;
    color: #767676;
}

#hpfs_header_subnav a:hover {
	color: #01A982;
}


#hpfs_header_subnav .subnavTabActive a{
	color: #333333;
}

.subnavTabActive a {
    border-bottom: 4px #00B388 solid;
    padding-bottom: 7px;
}

/***CSS Dropdown begins***/
select::-ms-expand {
    display: none;
    visibility: hidden;
	height: 31px;
	font-size: 12px;
	line-height: 22px;
	font-family: "Arial";
    border: 1px solid #cccccc;
    background-color: #ffffff;
    background: url('../images/s-21px-hpe.png') no-repeat right;
    -ms-background-position-x:176px;
    -ms-background-position-y:-1429px;
    padding-right: 25px !important;
}

select {
	height: 28px;
    font-size: 12px;
    line-height: 22px;
	font-family: Arial;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent:0.01px;
    text-overflow:'';
    background: url('../images/s-21px-hpe.png') no-repeat right;
    background-position:176px -1429px;
    background-image:none\9;
    padding-right: 25px !important;
	
}

select option {
    border-bottom: 1px solid #CCCCCC;
    padding: 8px 45px 8px 10px;    
}

select option:hover
{
	background-color: #01A982;
}

select:disabled
{
	color: #B3B3B3;
	background-color: #ccc;
	background-position-y: -1458px;
}

select:hover
{
	border-color: #01A982;
	border-width: 1px;
	border-style: solid;
}

.optionSelected
{
	color: #333333;
}

option{
	color: #333333;	
}
.optionSelected:hover
{
	background: #01A982;
}

.option:hover
{
	background: #01A982;

}

.formFieldLabel tbody select {
    height: 23px;
    width:115px;
    width:auto\9;
    line-height: 22px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/s-21px-hpe.png') no-repeat right;
    background-image: none\9;
    background-position:92px -1430px;
}

.formFieldLabel tbody > tr:nth-child(2) select, #QuickQuoteListForm tbody > tr:nth-child(2) select {
    width: 60px;
    background-position-x: 37px;
}

.formFieldLabel tbody > tr:nth-child(3) > td:nth-child(4) select {
    width:230px;
    background-position-x: 207px;
}

#QuickQuoteListForm tbody > tr:nth-child(3) > td:nth-child(2) select {
    width: 140px;
    background-position-x: 118px;
}

/***************Checkboxes and Radio Buttons css style ******************/

input[type="checkbox"]
{
	padding: 0;
	color: #333333;
}

input[type="checkbox"]::-ms-expand
{
	display: none;
	visibility: hidden;
}
input[type="checkbox"] {
	display: inline-block;
	outline: none;
	width: 18px !important;
	height: 18px !important;
	margin: -1px 4px 0 0;
	vertical-align: middle;
    -webkit-appearance:none;
    -moz-appearance: checkbox;
	background: url(../images/s-21px-hpe.png) left top no-repeat;
	cursor: pointer;
}

input[type="checkbox"]:hover{
	background-position: left -44px;
}
input[type="checkbox"]:checked {
	background-position: left -90px;	
}

input[type="checkbox"]:disabled
{
	background-position: left -135px;
	cursor: default;
}

input[type="radio"]{
	color: #333333;
}

input[type="radio"]
{
	padding: 0;
	display: inline-block;
	outline: none;
	width: 18px !important;
	height: 18px !important;
	margin: -1px 4px 0 0;
	vertical-align: middle;
    -webkit-appearance:none;
    -moz-appearance: radio;
    text-indent:0.01px;
    text-overflow:'';
    background: url(../images/s-21px-hpe.png) left -225px no-repeat;
	cursor: pointer;
}

input[type="radio"]::-ms-expand {
    display: none;
    visibility: hidden;
}

input[type="radio"]:hover {
	background-position: left -271px;	
}

input[type="radio"]:checked {
	background-position: left -317px;	
}


/*********ARS number indicators begins**********/
.stepImage {
    height:23px;
    width:23px;
    display:inline-block;
    padding-right: 7px;
}

.stepNumberOne {
    background-image:url("../images/ARS/Number_Indicator_1.png");
    background-repeat:no-repeat;
    background-position-y: -1px;
}

.stepNumberTwo {
    background-image:url("../images/ARS/Number_Indicator_2.png");
    background-repeat:no-repeat;
    background-position-y:-24px;
}

.stepNumberThree {
    background-image:url("../images/ARS/Number_Indicator_3.png");
    background-repeat:no-repeat;
    background-position-y:-24px;
}

.stepNumberFour {
    background-image:url("../images/ARS/Number_Indicator_4.png");
    background-repeat:no-repeat;
    background-position-y:-24px;
}

.arrowRight {
    background-image:url("../images/ARS/Arrow_right_gray-5x11.png");
    background-repeat:no-repeat;
    height:12px;
    width: 7px;
    display: inline-block;
}

.imageHolderCA {
    height:12px;
    width: 7px;
    display: inline-block;
    padding: 0px 10px 0px 10px;
    margin-top: 14px;
}

.circleImageHolder {
    height: 22px;
    width:22px;
    display: inline-block;
    float: left;
    margin-top: 10px;
}
/***********ARS Number indicator ends**************/

.inbox_contrainer {
    position:relative;
    width:40px;
    height:22px !important;
    padding:0px !important;
    float: right;
    margin-right: 10px;
}

.hpfs_inbox_icon {
    height: 24px !important;
    width: 40px;
    top: 0px;
    left: 0px;
    padding:0px !important;
    position: absolute;
    background: url("../images/eMail_RGB1-2.png") no-repeat;
    outline: none;
    background-position-y: -40px;
}

.hpfs_inbox_bg {
    height: 24px !important;
    width: 25px;
    position: absolute;
    top: -10px;
    left: 21px;
    padding: 0px !important;
    background: url("../images/emailbubbles.png") no-repeat;
    outline: none;
    text-align: center;
    background-position:-8px -42px;
}

.longMailCount {
    width: 41px;
    background-position:-1px 0px;
}

.hpfs_inbox_bg:hover {
    text-decoration: none;
}

.hpfs_inbox_bg span{
    color: #FFFFFF;
    font-size: 12px; 
    line-height: 22px;
}

a.hpfs_inbox_bg span:hover {
    text-decoration: none;    
}

/*Header NAV Tab strip*/
#hpfs_header_nav
{
    float: left;
    width: 1000px;
    height: 32px;
    background: #ffffff;
    margin-top: 0px;
    font-family: Arial, Metric_Bold;
    font-size: 14px;    
    /*border-bottom: 1px solid #000000;  */
}

#hpfs_header_nav div
{
    background-color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    border-top-right-radius: 4px;
    float: left;
    height: 23.4px;
}

#hpfs_header_nav div:hover {
    text-decoration: underline;
}

#hpfs_header_nav div:disabled {
    text-decoration: none;
    color: #CCCCCC;
}
#hpfs_header_nav div.hpfs_header_nav_inbox
{
    float: right;
    border-bottom: #ffffff;
}
#InboxList
{
     color: #000;
     text-decoration: none;
     position:relative;
}
.navTab
{     
    text-decoration: none;
    padding-top:4px;
    
}
.navTab>a
{
    border-right-style:solid;
    border-right-width:1px;   
    border-right-color:#CCCCCC;
    font-weight:bold;
}
.navTab:hover>a
{
    margin-top:4px;
    font-weight:bold;
}
.navTabActive,.navTab:hover
{
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #617D78;
}
.navTabActive>a
{
    margin-top:-9px !important;
    border-right-style:solid;
    border-right-width:1px;   
    border-right-color:#CCCCCC;
    font-weight:bold;
}
.navTabActive:before
 {
    content:'';
    display: block;
    position: relative;
    top: 0px;
    left: 50%;
    width: 0;
    height: 0;
    border-color: #617D78 transparent transparent transparent;
    border-style: solid;
    border-width: 8px;
    margin-left:-8px;
}
.MenuDummyLink
{
    cursor:default;
}

.NormalSubMenu,.ActiveSubMenu
{
    width: 200px; 
    padding: 5px;
    font-size: 12px
}
.ActiveSubMenu 
{    
    font-weight:bold;
}
.ActiveSubMenu:before
{
    content:'';   
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;	
	border-left: 8px solid #617D78;
    float:left;
    margin-top: 9px;
    padding-right:3px;
}

/*Header subNAV Tab strip*/
#hpfs_header_subnav
{
    float: left;
    width: 1000px;
    height: 10px;
    /*background: #eeeeee;*/
    margin-top: 0px;
    font-size: 12px;
}

#hpfs_header_subnav_holder div
{
    margin-top: 8px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    height: 15px;
}

div.subnavTab a, div.subnavTab a:visited
{
    text-decoration: none;
    color: #000;
}
/*.hpfs_subContainer a {
    color: white;
}*/
.asterisk {color: #D7410B;}

/*****Experiment, Existing value should not be changed***********/
/*****All the value here are highly reusable, adding general new classes are allowed, but please place them in order*********/
.hpfs_container {position: relative; width: inherit; padding: 15px;}
.hpfs_subContainer {position: relative; padding: 3px; width:initial; display: inline-table;}

.img_icon_size {width: 21px; height: 21px;}
.footerLoadingPosition {left: 100px !important; top: -82px !important;}
.divProcessingLoadingImage {border: 2px solid #CCCCCC !important; margin-left: auto; margin-right: auto; padding: 5px 0px;}

/******Toggle_images*******/
.arrowImg {cursor:pointer; font-weight:bold; width: auto; height: 14px; display:inline-block; background: url('../images/Toggle_Arrows.png') no-repeat;}
.arrowImg_Down {background-position:right -17px;}
.arrowImg_Up {background-position:right 8px;}

/*******Floating*********/
.floatRight {float: right;}
.floatLeft {float: left;}
.floatNone {float: none;}

/********Display*******/
.display_IB {display: inline-block;}
.display_B {display: block;}
.display_I {display: inline;}
.display_N {display: none;}

/******Width********/
.quarterWidth {width: 25%;}
.width33p {width: 33%;}
.width40p {width: 40%;}
.halfWidth {width: 50%;}
.widthFull {width: 100%;}
.withAuto {width: auto;}

.width25 {width: 25px !important;}
.width35 {width: 35px !important;}
.width40 {width: 40px !important;}
.width50 {width: 50px !important;}
.width60 {width: 60px !important;}
.width90 {width: 90px !important;}
.width100 {width: 100px !important;}
.width115 {width: 115px !important;}
.width140 {width: 140px !important;}
.width150 {width: 150px !important;}
.width180 {width: 180px !important;}
.width195 {width: 195px !important;}
.width200 {width: 200px !important;}
.width500 {width: 500px !important;}

.min-width140 {min-width: 140px;}

/*******Height********/
.height20 {height: 20px !important;}
.height30 {height: 30px !important;}

/******Padding********/
.paddingNone {padding: 0px;}

.paddingL3 {padding-left: 3px;}
.paddingL6 {padding-left: 6px;}
.paddingL10 {padding-left: 10px;}
.paddingL20 {padding-left: 20px;}
.paddingLoginL20 {padding-left: 80px;}
.paddingL40 {padding-left: 40px;}
.paddingL50 {padding-left: 50px;}
.paddingL55 {padding-left: 55px;}
.paddingL100 {padding-left: 100px;}
.paddingLoginL100 {padding-left: 50px;}

.paddingB10 {padding-bottom: 10px;}

.paddingT2 {padding-top: 2px;}
.paddingT5 {padding-top: 5px;}
.paddingT6 {padding-top: 6px;}
.paddingT7 {padding-top: 7px;}
.paddingT10 {padding-top: 10px;}
.paddingT15 {padding-top: 15px;}
.paddingT19 {padding-top: 19px;}
.paddingT30 {padding-top: 38px;}
.paddingT60 {
    padding-top: 60px;
}

.paddingR2 {padding-right: 2px;}
.paddingR5 {padding-right: 5px;}
.paddingR10 {padding-right: 10px;}
.paddingR15 {padding-right: 15px;}
.paddingR20 {padding-right: 20px;}

.verticalPadding {padding: 15px 0px;}
.verticalPadding1 {padding: 15px 0px;
                   font-size: 24px;
                   font-family: Arial;
                   
                   }
.horizontalPadding {padding: 0px 10px !important;}

/******Margin**********/
.marginT10 {margin-top: 10px !important;}
.marginT40 {margin-top: 40px;}

.marginL6 {margin-left: 6px;}
.marginL10 {margin-left: 10px;}
.marginL15 {margin-left: 15px;}
.marginL18 {margin-left: 18px;}
.marginL40 {margin-left: 40px;}

.marginR0 {margin-right: 0px !important;}
.marginR1 {margin-right: 1px;}

.marginB5 {margin-bottom: 5px !important;}
.marginB15 {margin-bottom: 15px;}

.verticalMargin15 {margin: 15px 0px;}

/******Box shadow template**********/
.BS_formLayout {box-shadow: 10px 10px 5px #CCCCCC; border: 1px solid #CCCCCC;}

/******Border**********/
.border_normal{border: 1px solid #CCCCCC;}
.border_normal_buttom {border-bottom: 1px solid #CCCCCC;}
.border_hover {border: 1px solid #CCCCCC;}
.border_bold {border: 5px solid #CCCCCC;}

/*****Vertical Align*****/
.verticalAL_super {vertical-align: super;}

/*****Background related******/
.bg_White {background-color: #FFFFFF !important;}
.bg_None {background: none !important;}

/**********Text-Align********/
.TA_Justify {text-align: justify;}

/********Vertical-align for Div tag ONLY************/
.verticalAlign_ForDiv {display: table-cell; vertical-align: middle;}










/********Please DO NOT USE these classes, they are here for specific purposes and WILL BE OVERKILL**************/
.display_Null {display: none !important;}/*please specify after where you are going to use this class and reason, for general purposes, please use ".display_N" */

/*******New dropdown like Navigation*******/
.headerPopups { margin: 0; padding: 0; height: auto; }
.headerPopups li { list-style: none; float: left; z-index: 9900;}
.headerPopups li a { display: block; padding: 3px 8px; color: #000000; text-decoration: none; margin-top: 7px; margin-bottom:-2px;}
.headerPopups li ul { display: none; width: auto; }
.headerPopups li:hover ul { display: block; position: absolute; background-color: #FFFFFF; margin: 0; padding: 0; z-index: 101; border: 2px solid #CCCCCC; border-bottom: 3px solid #617D78; margin-left: 7px; }
.headerPopups li:hover li { float: none; }
.headerPopups li:hover li a { border-bottom: 1px solid #fff; color: #000000; font-family: Arial; }
.headerPopups li li a:hover { color: #ffffff;background-color: #5F7A76; }

.headerPopups li.top_corner {
    display:inline-block;
    width: 17px;
    height: 17px;
    float: none;
    margin: 0px;
    position: absolute;
    top: -17px;
    left: 10px;
}

/*******Navigation Ends**************/
.settingIcon_layout, .helpIcon_layout, .userIcon_layout{
    height: 22px;
    width: 22px;
    position: relative;
    outline:none;
    float: right;
    margin-top: 2px;
    cursor: pointer;
}

.mail_layout { height: 23px; width: 28px; position: relative; outline: none; float: right;}

.divider { padding: 0px 15px; border-right: 2px solid #CCCCCC;}

.settingIcon_layout { background: url("../images/settings_layout.png") no-repeat; background-size:22px 22px; }
.helpIcon_layout {background: url("../images/help_layout.png") no-repeat; background-size:22px 22px;  }
.userIcon_layout {background: url("../images/user_layout.png") no-repeat; background-size:22px 22px;  }
.mail_layout { background: url("../images/mail_layout.png") no-repeat; background-size:28px 19px;  margin-top:4px;}


/*******Floating*********/
.floatLeft {float: left;}
.floatRight {float: right;}

/*******Display**********/
.display_IB {display: inline-block;}
.display_B {display: block;}
.display_I {display: inline;}
.display_N {display: none;}

/******Height********/
.height240 {height: 240px;}
.height330 {height: 330px;}
.height440 {height: 440px;}

/******Width********/
.autoWidth {width: auto;}
.quarterWidth {width: 25%;}
.width45P {width: 45%;}
.halfWidth {width: 50%;}
.width33P {width:33%;}
.fullWidth {width: 100%;}

.width160 {width: 160px;}
.width1000 {width: 1000px;}

/*******Height************/
.heightAuto {height: auto;}

/******Padding********/
.paddingT3 { padding-top: 3px;}
.paddingT5 {padding-top: 5px;}

.paddingL5 {padding-left: 5px;}
.paddingL15 {padding-left: 15px;}
.paddingL20 {padding-left: 20px;}
.paddingL50 {padding-left: 50px;}
.paddingL100 {padding-left: 100px;}

.verticalPadding {padding: 15px 0px;}

/******Margin**********/
.marginT8 {margin-top: 8px;}
.marginT10 {margin-top: 10px;}
.marginT15 {margin-top: 15px;}
.marginT25 {margin-top: 25px;}
.marginT40 {margin-top: 40px;}
.marginT60 {margin-top: 60px;}
.marginT75 {margin-top: 75px;}
.marginT120 {margin-top: 120px;}

.marginL14 {margin-left: 14px;}
.marginL20 {margin-left: 20px;}
.marginL28 {margin-left: 28px;}

.marginB15 {margin-bottom: 15px;}

/******Z-index*********/
.zindex11 {z-index: 11;}

/*******Font***********/
.font14 {font-size: 12px;}
.font16 {font-size: 14px;}

/********Line-height********/
.lineH24 {line-height: 24px;}

/*********Left***********/
.leftM13 {left: -13px;}

/*******Visibility*******/
.invisible {visibility: hidden;}
.mastheadBackground
{
    border-bottom-color:#C6C9CA;
    border-bottom-style:solid;
    border-bottom-width:3px;
}

#ui-datepicker-div
{
    border:1px solid #CCCCCC !important;
}

.timePickerSlider
{
    margin-top: 0px !important;
    overflow:visible !important;
    margin-left:40px !important;
}
.liExcept
{
    list-style-type:none;
}