/* Copied from load.css for compatibility and integration with headers and footers */

/* Common Layout CSS
*****************************************************/



*
{
    margin: 0;
    padding: 0;
}

body
{
    font-family: calibri;
    font-size: 12px;
    color: #3399CC;
    background: #e0dcdb;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    z-index: 1;
    transform: scale(1); 
}

.textreadonly
{
    border: none !important;
    color: black;
    font-weight: bold;
    height: 20px;
    font-size: 13px;
}

a img, img
{
    border: 0;
}
a
{
    color: #0066CC;
    text-decoration: none;
}
a:hover
{
    color: #FF3366;
    text-decoration: none;
}
a:active
{
    outline: none;
}
a:focus
{
    -moz-outline-style: none;
}

/* Heading */
h1, h2, h3, h4, h5, h6
{
    margin-bottom: .6em;
    line-height: 1.3em;
}
h2
{
    margin-bottom: .8em;
    font-size: 1.7em;
}
h3
{
    margin-bottom: .3em;
    font-size: 17px;
}
h4
{
    margin-bottom: .3em;
    font-size: 16px;
}
h4 a, h4 a:hover
{
    text-decoration: none;
}
h5
{
    margin-bottom: .3em;
    font-size: 1.1em;
}
h6
{
    margin-bottom: .1em;
    font-size: 1em;
}

/* Table */
table
{
    width: 100%;
}
th
{
    padding: 0;
    text-align: left;
    vertical-align: top;
}
td
{
    padding: 0;
    font-weight: normal;
}

/* Block Text */
p
{
    margin-bottom: 5px;
}
address
{
    margin: 0 0 .7em 0;
    font-style: normal;
    line-height: 1.4em;
}
q:before, q:after
{
    content: '';
}
p.cite
{
    line-height: 1.25em;
}
cite
{
    color: #9a9a9a;
    font-style: normal;
}
cite strong
{
    font-weight: bold;
    color: #5f5f5f;
}
pre
{
    border: 1px solid #b2b3ce;
    margin: 4px 8px;
    padding: 10px;
    background: #efeff4;
    overflow-y: auto;
}
span.orange
{
    color: #f57b20;
    font-weight: bold;
}

/* Form */
form
{
    display: inline;
}

input, select, textarea, button
{
    vertical-align: middle;
    font-family: 'trebuchet ms' ,arial,helvetica,sans-serif;
}
.display-none
{
    display: none;
}
/* Lists */
dt
{
    display: block;
    font-weight: bold;
}
li
{
    list-style: none;
}
ol li
{
    list-style: decimal;
    margin-left: 20px;
}

/* Size */
small
{
    font-size: .95em;
}
big
{
    font-size: 1.2em;
}

.nowrap
{
    white-space: nowrap;
}
/*:focus { outline: 0; }*/
.clear
{
    float: none;
    clear: both;
}
.f-right
{
    float: right;
}
/* Spacing */
hr
{
    clear: both;
    margin: 15px 0px;
    border: 0;
    height: 1px;
    overflow: hidden;
}

/* ******************************************************/
.wrapper
{
    margin: 0px auto;
    width: 100%;
    padding: 0px;
    text-align: left;
}

.nav-menu
{
    margin: 0px auto;
    padding: 0px;
    background: transparent url(/Content/FlexOneCSS/images/menubg.png) repeat-x left top;
    display: block;
    width: 962px;
    height: 30px;
}
.nav-menu ul
{
    margin: 0;
    padding: 0px;
}
.nav-menu ul li
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: left;
}
.nav-menu ul li a span
{
    color: #ffffff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-right: 1px solid #0f75bc;
    padding: 0 13px;
    line-height: 30px;
    display: block;
}
.nav-menu ul li a:hover span, .nav-menu ul li a span.active
{
    color: #ffffff;
    background: transparent url(/Content/FlexOneCSS/images/menubg.png) repeat-x left -30px;
}
.nav-menu ul li a span.last
{
    border: none;
}

.nav-menu ul li.home a span
{
    color: #ffffff;
    background: transparent url(/Content/FlexOneCSS/images/menu_home.png) repeat-x left top;
}
.nav-menu ul li.home a:hover span, .nav-menu ul li.home a span.active
{
    color: #ffffff;
    background: transparent url(/Content/FlexOneCSS/images/menu_home.png) repeat-x left -30px;
}
.nav-menu ul li.last a span
{
    color: #ffffff;
    background: transparent url(/Content/FlexOneCSS/images/menu_last.png) repeat-x right top;
    padding-right: 47px;
    border: none;
}
.nav-menu ul li.last a:hover span, .nav-menu ul li.last a span.active
{
    color: #ffffff;
    background: transparent url(/Content/FlexOneCSS/images/menu_last.png) repeat-x right -30px;
}

.nav
{
    background: transparent url(/Content/FlexOneCSS/images/menu_right.png) no-repeat right top;
    height: 30px;
}
.nav li
{
    position: relative;
    padding: 0px;
    margin: 0px;
}
.nav li a
{
    display: block;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    text-align: left;
}
.nav li ul
{
    position: absolute;
    visibility: hidden;
    top: 30px;
    left: 0px;
    width: 200px;
    margin: 0;
    z-index: 1000;
    border: none;
    padding: 0;
}
.nav li ul ul
{
    position: absolute;
    visibility: hidden;
    top: 30px;
    left: 0px;
    width: 160px;
    margin: 0;
    z-index: 1000;
    border: none;
    padding: 0;
}

.nav li:hover ul
{
    visibility: visible;
}
.nav li:hover ul ul
{
    visibility: hidden;
    top: 3px;
    left: 195px;
    background: #000;
    border-left: 1px solid #3889ad;
    border-top: 1px solid #3889ad;
}
.nav li:hover ul ul ul
{
    visibility: hidden;
    top: 3px;
    left: 155px;
    background: #000;
    border-left: 1px solid #3889ad;
    border-top: 1px solid #3889ad;
}
.nav li li:hover ul, .nav li li:hover ul li:hover ul
{
    visibility: visible;
}

.nav ul li
{
    float: none;
    margin: 0;
    height: auto;
    border: none;
}
.nav ul li a
{
    display: block;
    height: auto;
    float: none;
    font-weight: normal;
}
.nav ul li a span
{
    background: #036ca0;
    padding: 3px 13px;
    line-height: 18px;
    display: block;
    border-bottom: 1px solid #3889ad;
    border-right: none;
    font-weight: normal;
}

.nav li a.default
{
    cursor: default !important;
}
.nav li.last
{
    border: none !important;
}
.nav li:hover > a
{
    color: #ffffff;
    background: transparent url(/Content/FlexOneCSS/images/menubg-hover.png) repeat-x left top;
}
.nav ul li a:hover span, .nav ul li a span:hover
{
    color: #ffffff;
    background: #3d9bd0;
}

.nav ul li:hover a span.arrow, .nav ul li ul li:hover a span.arrow
{
    background: #3d9bd0 url(/Content/FlexOneCSS/images/right_arrow.png) no-repeat 96% center !important;
}
.nav ul li a span.arrow, .nav ul li:hover ul li span.arrow
{
    background: #036ca0 url(/Content/FlexOneCSS/images/right_arrow.png) no-repeat 96% center !important;
}
/*START Changes TGP*/
.ui-tabs-nav, 
.ui-tabs-nav * {
    background-color: transparent !important;
    border: none !important;    
}
/*END Changes TGP*/
.leftside ul
{
    position: absolute;
    visibility: visible;
    top: 30px;
    left: 0px !important;
    width: 200px;
    margin: 0;
    z-index: 1000;
    border: none;
    padding: 0;
}
.leftside ul ul
{
    position: absolute;
    visibility: visible;
    top: 30px;
    left: 0px !important;
    width: 160px;
    margin: 0;
    z-index: 1000;
    border: none;
    padding: 0;
}

.leftside:hover ul ul
{
    visibility: visible;
    top: 3px;
    left: -155px !important;
    background: #000;
    border-left: 1px solid #3889ad;
    border-top: 1px solid #3889ad;
}
.leftside:hover ul ul ul
{
    visibility: visible;
    top: 3px;
    left: -155px !important;
    background: #000;
    border-left: 1px solid #3889ad;
    border-top: 1px solid #3889ad;
}

/* Header
******************************************************/
.header-container
{
    background: none;
    padding: 0px;
    overflow: visible;
	background:transparent url(/Content/FlexOneCSS/images/headerBg.png) repeat-x left top;
	margin:0px 7px;
}
.header
{
    width: 962px;
    margin: 0px auto;
    text-align: left;
}
.header .logo
{
    float: left;
    margin: 0px;
}
.header .logo a
{
    float: left;
}
.header span.greenline
{
    display: block;
    float: left;
	height:56px;
    margin:0px 5px;
	background:transparent url(/Content/FlexOneCSS/images/logoLine.png) no-repeat left 1px;
	width:5px;
}
.head
{
    padding:0px;
    height: 60px;
}
.logoBorder { border:1px solid #f1f1f1;}
/*.header span.greenline {background:transparent url(/Content/FlexOneCSS/images/greenline.png) no-repeat left top; width:10px; display:block; float:left; height:58px;}
.head	{ height:60px;}*/

.appone-layout
{
    margin-top: 5px;
}
.appone-layout .col-main
{
    min-height: 400px;
    width: 670px;
    float: left;
}

.head_menu_Dashboard
{
    float: right;	
	margin-top: 20px;

}

.head_menu
{
    float: right;	
	margin-top: 18px;
	margin-left: 11px;
}
.menuNav li{ float:left; padding:4px 10px; border-left:1px solid #c9c9c9; width:65px; font-weight:bold; text-align:center; }
.menuNav li:first-child { border-left:none;}
.menuNav
{
    background:#e2e2e2 url(/Content/FlexOneCSS/images/headerMenuBg.png) repeat-x left top;;
    border-radius:8px 8px 0 0;
    padding:0px;
	overflow:auto;
	border: 1px solid #C4C4C4;	
    -webkit-border-radius:8px 8px 0 0;
    -moz-border-radius:8px 8px 0 0;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    position: relative;
	width:450px;	
}
.menuNav1 li{ float:left; padding:2px 10px; border-left:1px solid #c9c9c9; width:50px; font-weight:bold; text-align:center; }
.menuNav1 li:first-child { border-left:none;}
.menuNav1
{
    background:#e2e2e2 url(/Content/FlexOneCSS/images/headerMenuBg.png) repeat-x left top;
    border-radius:6px 6px 0 0;
    padding:0px;
	overflow:auto;
	border: 1px solid #C4C4C4;	
    -webkit-border-radius:6px 6px 0 0;
    -moz-border-radius:6px 6px 0 0;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    position: relative;
	width:105px;	
	padding-right:9px;
}

.head-linksadmin
{
    float: right;
    width: 430px;
    text-align: right;
    margin: 0px 10px;
}
.head-links
{
    float: right;
    width: 460px;
    text-align: right;
    margin: 0px 10px;
}
.head-linksActivityCount
{
    float: right;
    width: 156px;
    text-align: left;
    margin: 0px 5px;
}
.head-links a
{
    text-decoration: none;
    margin: 0px;
}
.head-links a:hover
{
    text-decoration: none;
}
.head-links-norm
{
    color: #4f9606;
    padding: 0px 10px 0px 10px;
}

.quick-search
{
    margin: 10px 5px 0px;
    width: 300px;
    float: right;
    text-align: right;
}
.quick-search label
{
    font-size: 15px;
    font-weight: bold;
}
.quick-search input[type="text"]
{
    padding: 2px 3px;
    margin: 0px 5px;
    border: 1px solid #d3d3d3;
}

.user-info
{
    float: right;
    text-align: right;
    color: #7f7f7f;
    margin-right: 0px;
}
.user-info .username
{
    color: #6BB51E;
    font-size: 14px;
    padding: 5px 0px;
}
/*.head-compfa
{
    float: left;
    color:Black;
    margin-top: 35px;
}
/*

/* main-container
************************************************************/
.main-container
{
    width: 962px;
    margin: 0px auto;
    text-align: left;
    padding: 0px;
    position: relative;
    display: block;
    overflow: auto;
}
.pagetop-curve-LoginPage
{
    background: url(/Content/FlexOneCSS/images/pagecontenttop.png) no-repeat center top;
    height: 17px;
    width: 994px;
    margin: 5px auto 0px;
}
.pagetop-curve
{
    background: url(/Content/FlexOneCSS/images/pagecontenttop.png) no-repeat center top;
    height: 17px;
    width: 994px;
    margin: 5px auto 0px;
}
.page-midbg
{
    background: url(/Content/FlexOneCSS/images/pagecontentbg.png) repeat-y center 0px;
    width: 982px;
    margin: 0px auto;
}

.pagebottom-curve-LoginPage
{
    background: url(/Content/FlexOneCSS/images/pagecontentbottom.png) no-repeat center top;
    height: 13px;
    width: 994px;
    margin: 0px auto;
}

.pagebottom-curve
{
    background: url(/Content/FlexOneCSS/images/pagecontentbottom.png) no-repeat center top;
    height: 17px;
    width: 994px;
    margin: 0px auto;
}

/* Layout
*******************************************************/
.col-main
{
   /* padding: 0px 0px 5px; */
    margin: 0px;
}
.index-layout .col-main
{
    width: 650px;
    min-height: 220px;
}
.twocolumn .col-main
{
    width: 750px;
    float: left;
    min-height: 380px;
}
.twocolumn .col-right
{
    width: 197px;
    float: right;
}
.onecolumn .col-main
{
    min-height: 380px;
}

/* Footer
*********************************************************/

.footer-container
{
    padding: 0px;
    height: 100%;
}
.footer
{
    width: 950px;
    margin: 0px auto;
    padding: 10px 20px 10px;
    color: #626262;
    overflow: auto;
}
.footer-links
{
    float: left;
    width: 490px;
    text-align: left;
}
.footer-links a
{
    color: #626262;
    text-decoration: none;
    margin: 0px 1px;
}
.footer-links a:hover
{
    color: #0066CC;
    text-decoration: none;
}
.copyright
{
    color: #626262;
}
.em-logo
{
    background: url(/Content/FlexOneCSS/images/em-logo.png) no-repeat 0 0%;
    width: 160px;
    height: 40px;
    float: left;
    margin-right: 70px;
}
.wk-logo
{
    background: url(/Content/FlexOneCSS/images/wk-logo.png) no-repeat 0 0%;
    width: 230px;
    height: 40px;
    float: right;
}
.em-Nologo
{
    width: 160px;
    height: 15px;
    float: left;
    margin-right: 70px;
}
.wk-Nologo
{
    width: 230px;
    height: 15px;
    float: right;
}

/* Form Style 
****************************************************************/
.r-position
{
    position: relative;
}
.tbspace
{
    padding: 5px 0px;
}
.lrspace
{
    padding: 0px 10px;
}
.btnline
{
    border-top: 1px solid #DFDBD8;
}
.error, .error span
{
    margin: 5px 0px 3px !important;
    padding: 0px !important;
    line-height: 13px !important;
    color: #FF0000;
}
.mandatory
{
    color: #FF0000;
}
.formbox
{
    margin: 10px 0px;
}
input.textbox, textarea.textbox
{
    padding: 2px 3px;
    margin: 0px;
    border: 1px solid #d3d3d3;
    width: 220px;
    font-size: 13px;
}
.seloption
{
    padding: 2px 3px;
    margin: 0px;
    border: 1px solid #d3d3d3;
}
.controls
{
    margin: 0px 0px 5px;
}
.buttonset
{
    padding: 10px !important;
}
.button-set
{
    padding-top: 10px;
    border-top: 1px solid #d9e6f0;
    text-align: right;
    margin-top: 10px;
}
input.button
{
    background: #69b41c url(/Content/FlexOneCSS/images/buttonbg.png) repeat-x 0 0;
    color: #ffffff;
    padding: 1px 5px;
    border: 1px solid #003366;
}
.verification-textbox
{
    width: 85px !important;
}
.jcaptcha
{
    border: none !important;
    background: none !important;
    width: 120px !important;
    position: absolute;
    left: 130px;
}
.formbox .error span
{
    margin: 0px !important;
    padding: 0px !important;
}
.fieldnote
{
    color: #999999;
    font-family: arial,sans-serif;
    font-size: 11px;
}
.no-border
{
    border: none;
    padding-top: 0px !important;
}

/* Login Box 
*****************************************************************/
/*.login-box { width:243px; height:470px; position:absolute; right:20px; z-index:100; background:url(images/loginboxbg.png) no-repeat 50% 0; padding:15px 20px; margin-top:20px;}
.login-box h1 { color:#0066CC; font-size:16px; font-weight:normal;}
.login-box .login-details { border-top:1px dashed #cccccc; margin-top:15px; padding-top:10px;}*/

.login-box
{
    width: 243px;
    min-height: 413px;
    float: right;
    z-index: 100;
    background: url(/Content/FlexOneCSS/images/loginboxbg.png) no-repeat 50% 0;
    padding: 15px 20px;
    margin: -6px -4px 0px 0px !important;
}
.login-box h1
{
    color: #0066CC;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;
}
.login-box .login-details
{
    border-top: 1px dashed #cccccc;
    margin-top: 15px;
    padding-top: 10px;
}

/* Welcome Box 
*****************************************************************/
.welcomebox
{
    margin: 0px 10px 0px;
}
.welcomebox .heading
{
    color: #0066CC;
    font-size: 16px;
    /*padding: 5px 0px 10px;*/
    font-weight: normal;
}
.boxes
{
    border-top: 1px dashed #cccccc;
    margin-top: 15px;
    padding-top: 5px;
}


/* Inner Page boxes Styles
****************************************************************/
.heading1
{
    color: #5AA140;
    font-size: 15px;
    padding: 5px 0px;
    font-weight: bold;
}
.heading2
{
    color: #333333;
    font-size: 14px;
    padding: 5px 0px;
    font-weight: bold;
}

.titlebox .title
{
    color: #0066CC;
    font-size: 18px;
    float: left;
    font-weight: bold;
}
.titlebox
{
    padding: 5px 0px 5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #CCCCCC;
}
.titlebox .sublinks
{
    float: right;
    display: block;
    height: 20px;
}
.titlebox .sublinks a
{
    padding: 3px 0px 3px 20px;
    margin-right: 10px;
}
.titlebox .sublinks .find
{
    background: url(/Content/FlexOneCSS/images/find.png) no-repeat 0 50%;
}
.titlebox .sublinks .listing
{
    background: url(/Content/FlexOneCSS/images/listing.png) no-repeat 0 50%;
}
.titlebox .sublinks .report
{
    background: url(/Content/FlexOneCSS/images/report.png) no-repeat 0 50%;
}

.approved
{
    border-left: 5px solid #6EBB1F;
    border-top: 5px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    font-size: 10px;
    padding: 0px 5px;
    margin-left: -5px;
}
.notapproved
{
    border-left: 5px solid #0768A9;
    border-top: 5px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    font-size: 10px;
    padding: 0px 5px;
    margin-left: -5px;
}
.rejected
{
    border-left: 5px solid #EE014C;
    border-top: 5px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    font-size: 10px;
    padding: 0px 5px;
    margin-left: -5px;
}

.breadcrumbs
{
    color: #7f7f7f;
    margin: 0px;
    height: 20px;
    padding: 1px 0;
}
.searchbox
{
    background: #f1f1f1;
    padding: 5px;
    border: 1px solid #DFDBD8;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 8px;
    margin-top: 8px;
}
.searchbox h4
{
    padding: 0px 3px 2px;
    border-bottom: 1px solid #DFDBD8;
}
.searchbox input, .searchbox td
{
    /*font-size:12px;*/
}
.searchbox select
{
    width: 178px;
}
input.lsize
{
    width: 250px;
}
input.msize
{
    width: 170px;
}
input.ssize
{
    width: 100px;
}
input.vssize
{
    width: 50px;
}

table.datagrid
{
    background: none;
    border-collapse: collapse;
    margin: 5px 0px;
}
table.datagrid td, table.datagrid th
{
    border: 1px solid #d9e6f0;
    padding: 5px;
    font-size: 12px;
}
table.datagrid thead
{
    background: #f3f9ff;
}
table.formgrid td, table.formgrid th
{
    padding: 3px 5px;
    font-size: 12px;
}
.fieldname
{
    text-align: left;
    vertical-align: top;
    padding: 5px 10px !important;
}

.pager
{
    margin: 10px 0px;
}

table.bluetable td, table.bluetable th
{
    border: 1px solid #D9E6F0;
}
table.bluetable th
{
    background: #56a1d3 url(/Content/FlexOneCSS/images/tableheadbg.png) repeat-x 0 bottom;
    font-size: 14px;
    color: #ffffff;
}
table.bluetable th.light, table.bluetable td.light
{
    background: #d8ecfe;
    font-size: 14px !important;
    font-weight: bold;
    color: #555555;
}
table.bluetable th.white, table.bluetable td.white
{
    background: #ffffff;
    font-size: 14px !important;
    font-weight: bold;
}
table.bluetable th.dark, table.bluetable td.dark
{
    background: #56a1d3 url(/Content/FlexOneCSS/images/tableheadbg.png) repeat-x 0 bottom;
    color: #ffffff;
    font-size: 14px !important;
    font-weight: bold;
}
table.bluetable tr.odd td
{
    background: #f9fcfe;
}
table.bluetable tr.even td
{
    background: #f0f7fe;
}
table.bluetable th.a-center
{
    text-align: center;
}
table.bluetable th.v-center
{
    vertical-align: middle;
}



fieldset
{
    margin: 0px;
    border: 1px solid #DFDBD8;
    padding: 10px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
fieldset.colOne
{
    border-right: none;
}
fieldset legend
{
    margin: 0px 5px;
    font-weight: bold;
    padding-bottom: 5px;
}

.green-righttop
{
    background: url(/Content/FlexOneCSS/images/green_righttop.png) no-repeat 0 top;
    width: 197px;
    height: 3px;
    display: block;
}
.green-rightbg
{
    background: url(/Content/FlexOneCSS/images/green_rightbg.png) repeat-y 0 0;
    width: 181px;
    padding: 15px 8px;
}
.green-rightbottom
{
    background: url(/Content/FlexOneCSS/images/green_rightbottom.png) no-repeat 0 bottom;
    width: 197px;
    height: 3px;
    display: block;
}

.gray-righttop
{
    background: url(/Content/FlexOneCSS/images/gray_righttop.png) no-repeat 0 top;
    width: 197px;
    height: 3px;
    display: block;
}
.gray-rightbg
{
    background: url(/Content/FlexOneCSS/images/gray_rightbg.png) repeat-y 0 0;
    width: 181px;
    padding: 15px 8px;
}
.gray-rightbottom
{
    background: url(/Content/FlexOneCSS/images/gray_rightbottom.png) no-repeat 0 bottom;
    width: 197px;
    height: 3px;
    display: block;
}

.contentpage
{
    padding: 5px 17px;
    width: 730px !important;
}
ul.listing
{
    margin: 0px 10px 0px 30px;
    padding: 5px 0px;
}
ul.listing li
{
    list-style: square;
    color: #5AA140;
    margin: 0px;
    padding: 0px;
}
ul.listing li span
{
    color: #555;
}


/* Custom Slider Styles
****************************************************************/
#slider-wrapper
{
    height: 296px;
    margin: 0px auto;
    padding: 0px;
    background: url(/Content/FlexOneCSS/images/banner-bg.png) no-repeat 50% 0;
    width: 960px;
}
#slider
{
    position: relative;
    width: 634px;
    height: 230px;
    margin: 0px auto;
    background: url(/Content/FlexOneCSS/images/loader.gif) no-repeat 50% 50%;
}
#slider img
{
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}
#slider a
{
    border: 0;
    display: block;
}
.nivo-directionNav a
{
    display: block;
    width: 30px;
    height: 30px;
    background: url(/Content/FlexOneCSS/images/arrows.png) no-repeat;
    text-indent: -9999px;
    border: 0;
}
a.nivo-nextNav
{
    background-position: -30px 0;
    right: 15px;
}
a.nivo-prevNav
{
    left: 15px;
}


.messagebox
{
    padding: 10px;
    margin-bottom: 10px;
}
.messagebox.info
{
    padding-left: 60px;
    border: 1px solid #dbd9d9;
    background: #f7f6f6 url(/Content/FlexOneCSS/images/info.png) no-repeat 5px 3px;
}
.messagebox.error
{
    padding-left: 60px;
    border: 1px solid #dbd9d9;
    background: #f7f6f6 url(/Content/FlexOneCSS/images/error.png) no-repeat 5px 3px;
}
.messagebox.success
{
    padding-left: 60px;
    border: 1px solid #dbd9d9;
    background: #f7f6f6 url(/Content/FlexOneCSS/images/success.png) no-repeat 5px 3px;
}
.messagebox.warning
{
    padding-left: 60px;
    border: 1px solid #dbd9d9;
    background: #f7f6f6 url(/Content/FlexOneCSS/images/warning.png) no-repeat 5px 3px;
}
.bold
{
    font-weight: bold;
}

#loancalculation .panes
{
    min-height: 360px;
}
#loancalculation fieldset
{
    padding: 0px 5px 5px;
    min-height: 60px;
}
#loancalculation fieldset .fieldname
{
    padding: 0px 5px !important;
    line-height: 16px;
    vertical-align: middle;
}

.available-offer
{
    background: #ffffff url(/Content/FlexOneCSS/images/available-offer.png) no-repeat 0 0;
    min-height: 300px;
    padding: 5px 10px;
    float: left;
}
.available-offer .title
{
    color: #ffffff;
    font-weight: bold;
}
.available-offer .listing
{
    padding: 0px;
    margin: 10px 20px;
}
.available-offer .listing li
{
    color: #555555 !important;
}


.infobox
{
    margin: 5px 0px 10px;
    border: 1px solid #D9E6F0;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}
.infobox h3
{
    background: #F3F9FF;
    border-bottom: 1px solid #D9E6F0;
    color: #0066CC;
    font-size: 14px;
    padding: 5px 10px;
    overflow: auto;
}
.infobox p
{
    padding: 3px;
}
.infobox.r-margin
{
    margin-right: 10px;
}

.rightnow .youhave
{
    font-size: 12px;
    padding: 0px 10px 5px;
}
.rightnow .reallynow
{
    background: #F1F1F1;
    font-size: 14px;
    padding: 5px 10px;
    border-bottom: 1px solid #DFDBD8;
}
.rightnow
{
    border: 1px solid #DFDBD8;
    margin: 5px 0 10px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.infobox table
{
    background: none repeat scroll 0 0 transparent;
}
.infobox table
{
    border-collapse: collapse;
    margin: 5px auto;
    width: 98%;
}
.infobox td, .infobox th
{
    border: 1px solid #D9E6F0;
}
.infobox th
{
    background: #56a1d3 url(/Content/FlexOneCSS/images/tableheadbg.png) repeat-x 0 bottom;
    color: #ffffff;
}
.infobox td, th
{
    padding: 2px 5px;
    text-align: left;
}

.infobox.green
{
    border: 1px solid #c3d884;
}
.infobox.green h3
{
    background: #def6c5;
    border-bottom: 1px solid #c3d884;
    color: #336600;
}
.infobox.green th
{
    background: #56a1d3 url(/Content/FlexOneCSS/images/tableheadgreenbg.png) repeat-x 0 bottom;
}
.infobox.green td, .infobox.green th
{
    border: 1px solid #c3d884;
}

.infobox.gray
{
    border: 1px solid #e0dcdb;
}
.infobox.gray h3
{
    background: #f4f4f4;
    border-bottom: 1px solid #e0dcdb;
    color: #414141;
}
.infobox.gray th
{
    background: #56a1d3 url(/Content/FlexOneCSS/images/tableheadgraybg.png) repeat-x 0 bottom;
}
.infobox.gray td, .infobox.gray th
{
    border: 1px solid #e0dcdb;
}

.panecontent fieldset
{
    padding: 10px 0px;
    overflow: auto;
}
.panecontent fieldset legend
{
    padding: 10px 5px;
}
.panecontent fieldset .subtitle
{
    color: #0066CC;
    font-size: 14px;
}


/* Button css starts 
*****************************************************************/
/*:focus { outline:0;}*/


.but-down
{
    padding: 8px 0px;
    border-top: 1px solid #c6cad0;
    margin-top: 8px;
    text-align: center;
}
.but-down-pre
{
    padding: 8px 0px;
    border-top: 1px solid #c6cad0;
    margin-top: 8px;
    text-align: right;
}
.but-down img
{
    vertical-align: middle;
    margin: 0px 0px;
}



.divider
{
    border-bottom: #c4c4c4 1px dashed;
    padding: 10px 0px 0px;
    margin-bottom: 10px;
}
.mail
{
    width: 200px;
    text-align: left;
    background: url(/Content/FlexOneCSS/images/toplink_icons.png) no-repeat 0 -16px;
    padding-left: 22px;
}
.phone
{
    background: url(/Content/FlexOneCSS/images/toplink_icons.png) no-repeat 0 0;
    padding-left: 20px;
    margin-right: 0px;
}

/* load3.css list table fix*/
.ContainerTable
{
    width: 960px;
    height: 350px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
    display: block;
    overflow: auto;
    border: 1px solid #a6c9e2;
}
.ListTable
{
    font-family: Arial;
    font-size: 11px;
}
.ListTable th
{
    border-bottom: 1px solid #a6c9e2;
    border-right: 1px solid #a6c9e2;
    background-color: #dfeffc;
    color: #2e6e9e;
}
.ListTable td
{
    border-bottom: 1px solid #a6c9e2;
    border-right: 1px solid #a6c9e2;
    color: #666666;
    padding-left: 5px;
    padding-right: 5px;
}

/* Validation styles */

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    /*display: none;*/
    background-color: #fff;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.success-message
{
    font-weight: bold;
    color: Green;
}

.displayonly
{
    /*background-color: #F4F4F4;*/
    color: Gray; /*border: 1px solid grey !important;*/
}

/* Flexone.core for alignment of individual pages */

.divPage
{
    padding-left: 10px;
    padding-right: 10px;
    color: #3399CC;
}

.divPage_dialog
{
    width: 90%;
    height: 80%;
    min-height: 120px;
    background-color: white;
    min-width: 150px;
    margin-left: auto;
    margin-right: auto;
}

.span-header-right
{
    text-align: right;
}
.div-gridnoborder
{
    width: 100%; /*margin-top:2px;*/
    display: table;
    clear: both;
}
.text-align-right
{
    text-align: right;
}



.span-regular
{
    width: 25%;
    float: left;
}

.margin-top5
{
    margin-top: 5px;
}
.margin-top25
{
    margin-top: 25px;
}
.paddingleft20
{
    padding-left: 20px;
}
.paddingtop1
{
    padding-top: 1px;
}
.paddingtop2
{
    padding-top: 2px;
}
.paddingtop3
{
    padding-top: 3px;
}
.paddingtop5
{
    padding-top: 5px;
}
.paddingtop6
{
    padding-top: 6px;
}
.paddingtop7
{
    padding-top: 7px;
}
.paddingtop8
{
    padding-top: 8px;
}
.paddingtop9
{
    padding-top: 9px;
}
.paddingtop10
{
    padding-top: 10px;
}
.paddingtop12
{
    padding-top: 12px;
}
.paddingtop15
{
    padding-top: 15px;
}
.paddingtop20
{
    padding-top: 20px;
}
.paddingtop25
{
    padding-top: 25px;
}
.paddingtop29
{
    padding-top: 29px;
}
.paddingtop30
{
    padding-top: 30px;
}
.paddingtop33
{
    padding-top: 33px;
}
.paddingtop35
{
    padding-top: 35px;
}
.paddingtop39
{
    padding-top: 39px;
}
.paddingtop40
{
    padding-top: 40px;
}
.paddingtop70
{
    padding-top: 70px;
}
.paddingtop78
{
    padding-top: 78px;
}
.paddingtop80
{
    padding-top: 80px;
}
.paddingtop85
{
    padding-top: 85px;
}
.paddingtop115
{
    padding-top: 115px;
}
.paddingtop130
{
    padding-top: 130px;
}
.paddingbottom2
{
    padding-bottom: 2px;
}
.paddingbottom3
{
    padding-bottom: 3px;
}
.paddingbottom5
{
    padding-bottom: 5px;
}
.paddingbottom10
{
    padding-bottom: 10px;
}
.paddingbottom12
{
    padding-bottom: 12px;
}
.paddingbottom15
{
    padding-bottom: 15px;
}
.margin-left2
{
    margin-left: 2px;
}
.margin-left4
{
    margin-left: 4px;
}
.margin-left4_5
{
    margin-left: 4.5px;
}
.margin-left5
{
    margin-left: 5px;
}
.margin-left6
{
    margin-left: 6px;
}
.margin-left8
{
    margin-left: 8px;
}
.margin-left10
{
    margin-left: 10px;
}
.margin-left12
{
    margin-left: 12px;
}
.margin-left15
{
    margin-left: 15px;
}
.margin-left20
{
    margin-left: 20px;
}
.margin-left25
{
    margin-left: 25px;
}
.margin-left30
{
    margin-left: 30px;
}
.margin-left35
{
    margin-left: 35px;
}
.margin-left40
{
    margin-left: 40px;
}
.margin-left20_P
{
    margin-left: 20%;
}
.margin-left40_P
{
    margin-left: 40%;
}
.margin-right2
{
    margin-right: 2px;
}
.margin-right3
{
    margin-right: 3px;
}
.margin-right5
{
    margin-right: 5px;
}
.margin-right6
{
    margin-right: 6px;
}
.margin-right4_P
{
    margin-right: 4%;
}
.margin-right8_P
{
    margin-right: 8%;
}
.margin-right9_P
{
    margin-right: 9%;
}
.margin-right10
{
    margin-right: 10px;
}
.margin-right15
{
    margin-right: 15px;
}
.margin-right20
{
    margin-right: 20px;
}
.margin-right21
{
    margin-right: 21px;
}
.margin-right23
{
    margin-right: 23px;
}
.margin-right25
{
    margin-right: 25px;
}
.margin-right30
{
    margin-right: 30px;
}
.margin-right33
{
    margin-right: 33px;
}
.margin-right35
{
    margin-right: 35px;
}
.margin-right40
{
    margin-right: 40px;
}
.margin-right41
{
    margin-right: 41px;
}
.margin-right42
{
    margin-right: 42px;
}
.margin-right43
{
    margin-right: 43px;
}
.margin-right45
{
    margin-right: 45px;
}
.margin-right47
{
    margin-right: 47px;
}
.margin-right50
{
    margin-right: 50px;
}
.margin-right52
{
    margin-right: 52px;
}
.margin-right60
{
    margin-right: 60px;
}
.margin-right63
{
    margin-right: 66px;
}
.margin-right65
{
    margin-right: 65px;
}
.margin-right70
{
    margin-right: 70px;
}
.margin-right75
{
    margin-right: 75px;
}
.margin-right80
{
    margin-right: 80px;
}
.margin-right90
{
    margin-right: 90px;
}
.margin-right100
{
    margin-right: 100px;
}
.margin-right120
{
    margin-right: 120px;
}
.margin-right140
{
    margin-right: 140px;
}
.margin-right5_P
{
    margin-right: 5%;
}
.margin-right10_P
{
    margin-right: 10%;
}
.margin-right11_P
{
    margin-right: 11%;
}
.margin-right15_P
{
    margin-right: 15%;
}
.margin-right20_P
{
    margin-right: 20%;
}
.margin-right40_P
{
    margin-right: 40%;
}
.width1
{
    width: 1%;
}
.width2
{
    width: 2%;
}
.width3
{
    width: 3%;
}
.width4
{
    width: 4%;
}
.width5
{
    width: 5%;
}
.width6
{
    width: 6%;
}
.width7
{
    width: 7%;
}
.width8
{
    width: 8%;
}
.width9
{
    width: 9%;
}
.width10
{
    width: 10%;
}
.width10_5
{
    width: 10.5%;
}
.width11
{
    width: 11%;
}
.width12
{
    width: 12%;
}
.width13
{
    width: 13%;
}
.width14
{
    width: 14%;
}
.width14_5
{
    width: 14.5%;
}
.width15
{
    width: 15%;
}
.width15_5
{
    width: 15.5%;
}
.width16
{
    width: 16%;
}
.width16_5
{
    width: 16.5%;
}
.width17
{
    width: 17%;
}
.width17_5
{
    width: 17.5%;
}
.width18
{
    width: 18%;
}
.width18_5
{
    width: 18.5%;
}
.width19
{
    width: 19%;
}
.width20
{
    width: 20%;
}
.width21
{
    width: 21%;
}
.width21_5
{
    width: 21.5%;
}
.width22
{
    width: 22%;
}
.width23
{
    width: 23%;
}
.width24
{
    width: 24%;
}
.width25
{
    width: 25%;
}
.width26
{
    width: 26%;
}
.width27
{
    width: 27%;
}
.width28
{
    width: 28%;
}
.width29
{
    width: 29%;
}
.width30
{
    width: 30%;
}
.width31
{
    width: 31%;
}
.width32
{
    width: 32%;
}
.width33
{
    width: 33%;
}
.width34
{
    width: 34%;
}
.width34_5
{
    width: 34.5%;
}
.width35
{
    width: 35%;
}
.width36
{
    width: 36%;
}
.width36_5
{
    width: 36.5%;
}
.width37
{
    width: 37%;
}
.width37_5
{
    width: 37.5%;
}
.width38
{
    width: 38%;
}
.width39
{
    width: 39%;
}
.width40
{
    width: 40%;
}
.width41
{
    width: 41%;
}
.width42
{
    width: 42%;
}
.width43
{
    width: 43%;
}
.width44
{
    width: 44%;
}
.width45
{
    width: 45%;
}
.width46
{
    width: 46%;
}
.width46_5
{
    width: 46.5%;
}
.width47
{
    width: 47%;
}
.width48
{
    width: 48%;
}
.width49
{
    width: 49%;
}
.width50
{
    width: 50%;
}
.width51
{
    width: 51%;
}
.width51_5
{
    width: 51.5%;
}
.width52
{
    width: 52%;
}
.width52_5
{
    width: 52.5%;
}
.width53
{
    width: 53%;
}
.width54
{
    width: 54%;
}
.width55
{
    width: 55%;
}
.width56
{
    width: 56%;
}
.width57
{
    width: 57%;
}
.width58
{
    width: 58%;
}
.width58_5
{
    width: 58.5%;
}
.width59
{
    width: 59%;
}
.width60
{
    width: 60%;
}
.width61
{
    width: 61%;
}
.width62
{
    width: 62%;
}
.width63
{
    width: 63%;
}
.width64
{
    width: 64%;
}
.width65
{
    width: 65%;
}
.width66
{
    width: 66%;
}
.width67
{
    width: 67%;
}
.width68
{
    width: 68%;
}
.width69
{
    width: 69%;
}
.width70
{
    width: 70%;
}
.width71
{
    width: 71%;
}
.width72
{
    width: 72%;
}
.width73
{
    width: 73%;
}
.width74
{
    width: 74%;
}
.width75
{
    width: 75%;
}.width76
{
    width: 76%;
}
.width77
{
    width: 77%;
}
.width78
{
    width: 78%;
}
.width79
{
    width: 77%;
}
.width80
{
    width: 80%;
}
.width81
{
    width: 81%;
}
.width82
{
    width: 82%;
}
.width83
{
    width: 83%;
}
.width84
{
    width: 84%;
}
.width85
{
    width: 85%;
}
.width86
{
    width: 86%;
}
.width87
{
    width: 87%;
}
.width87_5
{
    width: 87.5%;
}
.width88
{
    width: 88%;
}
.width89
{
    width: 89%;
}
.width90
{
    width: 90%;
}
.width91
{
    width: 91%;
}
.width92
{
    width: 92%;
}
.width93
{
    width: 93%;
}
.width94
{
    width: 94%;
}
.width95
{
    width: 95%;
}
.width96
{
    width: 96%;
}
.width97
{
    width: 97%;
}
.width98
{
    width: 98%;
}
.width99
{
    width: 99%;
}
.width100
{
    width: 100%;
}

.span-regular select
{
    width: 180px;
    font-family: calibri;
    font-size: 1em;
    border-style: solid;
    border-color: #3399CC;
    border-width: 1px;
}
.span-header-left-links
{
    font-size: 1em;
    text-align: right;
}

#down-link span
{
    background-color: LightGrey;
}

.span-header-left-links a
{
    text-decoration: none;
    color: blue;
}

.button
{
    line-height: 1;
    padding: 4px 10px;
    text-decoration: none;
    font-weight: bold;
    font-family: calibri; /*color: #fff; 	background-color: #3399CC; 	-moz-border-radius: 5px; 	-webkit-border-radius: 5px; 	-khtml-border-radius: 5px;*/
    border-radius: 5px;
    margin-top: 3px;
    font-size: 1em;
    font-family: calibri; /*line-height: 1; 	padding: 4px 10px; 	border: 1px solid #696; 	width:100%; 	padding: 3px 0px; 	-webkit-border-radius: 6px; 	-moz-border-radius: 6px; 	border-radius: 6px; 	font-size : 12; 	font-family:calibri; 	background-color: #3399CC; 	behavior: url(../../js/PIE.htc);*/
}

.button-center
{
    text-align: center;
}
.button-right
{
    text-align: right;
}
.float-right
{
    float: right;
}
.float-left
{
    float: left;
}

.labelnormalbold
{
    font-weight: bold !important;
}

.label-italic-small
{
    font-style: italic;
    font-size: 0.917em;
}
.roundedinput
{
    border: 1px solid #D2D2D2;
    width: 100%;
    height: 20px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding-left: 4px;
    margin-top: 3px;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
}

.dateimageinput img
{
    position: absolute;
    right: -5px;
    top: 27px; /*position:relative; right:-175px; top:-20px;*/
}

.dateimageinputIEG img
{
    position: absolute;
    right: -5px;
    top: 20px; /*position:relative; right:-175px; top:-20px;*/
}

.dateimageinputZeroPadding img
{
    position: absolute;
    right: -5px;  
    top: 135px;   
}

.dateimageinput1 img
{
    position: absolute;
    right: -5px;
    top: 36px; /*position:relative; right:-175px; top:-20px;*/
}

.buttonbackground4
{
    background-color: #B5D4EA;
    color: white;
}


.labelnormal label
{
    color: #3399CC;
    font-size: 1em;
}


.div-Grid
{
    width: 100%;
    margin-top: 5px;
    border-style: solid;
    border-color: #3399CC;
    border-width: 1px;
    display: table;
    clear: both;
}
.div-tab
{
    width: 100%;
    margin-top: 5px;
    border-style: solid;
    border-color: #3399CC;
    border-width: 1px;
    clear: both;
}
.div-grid-header
{
    background-color: #3F91C9;
    text-align: left;
    font-size: 1.167em;
    color: #FFFFFF;
    font-family: calibri;
    display: table-row; /*padding-top:2px;  		padding-bottom:2px; 		*/
}

.span-grid-cell-header
{
    padding-top: 5px;
    padding-bottom: 5px;
    display: table-cell;
    position: relative;
    float: left;
    font-size: 1.083em;
}


.span-grid-cell-three
{
    margin-bottom: 4px;
    position: relative;
    float: left;
    margin-top: 3px;
    display: table-cell;
}
.span-grid-cell
{
    /*margin-left:4px; 		margin-bottom:4px; 		padding: 0.5px;*/
    position: relative;
    float: left; /*margin-top:3px;*/
    display: table-cell;
}
.span-grid-row-cell
{
    margin-left: 4px;
    margin-bottom: 4px;
    vertical-align: center;
    margin-top: 3px;
    padding: 2px;
    display: table-cell;
}
.image-link
{
    border: none;
    vertical-align: center;
}
/*.label-regular label
{
    color: #3399CC; /*margin-top: 2px; margin-bottom:2px; margin-left: 4px; margin-right: 4px;*/
/*}*/

.label-regularblack label
{
    color: black; /*margin-top: 2px; margin-bottom:2px; margin-left: 4px; margin-right: 4px;*/
}
.label-keyvalue, .label-keyvalue label
{
    color: black; /*margin-top: 10px; margin-bottom:2px; margin-left: 4px; margin-right: 4px;*/
    font-weight: bold;
}


.label-bold label
{
    color: #0F75BC; /*margin-top: 10px; margin-bottom:2px; margin-left: 4px; margin-right: 4px;*/
    font-weight: bold;
}
.valign-top
{
    vertical-align: top;
}

.text-align-center
{
    text-align: center;
}
.transform-uppercase
{
    text-transform: uppercase;
}
.grid-row-header
{
    display: table-row;
    clear: both;
}

.grid-row
{
    display: table-row;
    clear: both;
}


.divaligncenter
{
    margin-left: auto;
    margin-right: auto;
}
.input-search
{
    clear: both;
    padding-top: 5px;
    padding-bottom: 5px;
}

.relative-padding
{
    position: relative;
    left: 30px;
}
.notextdecoration
{
    text-decoration: none;
    border: none;
}

.div-footer
{
    clear: both;
    display: table-row;
    text-align: center;
}

.span-footer
{
    float: left;
    display: table-cell;
    padding: 3px;
}

.pagination-bar, .rightfloat
{
    clear: both;
    float: right;
    position: relative;
    left: -10px;
    margin-top: 10px;
}

.pagination-bar input
{
    font-size: 0.75em;
    width: 40px;
    text-align: center;
}

.pagination-item
{
    float: left;
    position: relative;
    margin: 0px 3px;
    width: 22px;
    height: 17px;
}

.imgborder
{
    border: none;
}

.input-regular
{
    height: 20px;
    border-style: solid;
    border-color: #3399CC;
    border-width: 1px;
    font-family: calibri;
    font-size: 1em;
}

.input-regular select
{
    width: 100%;
}

.input-readonly
{
    height: 20px;
    border-style: solid;
    border-color: #3399CC;
    background-color: #EEEEEE;
    border-width: 1px;
    font-family: calibri;
    font-size: 1em;
}

.div-label
{
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.333em;
    font-weight: bold;
    color: #3399CC;
}
.labelblacklargebold label
{
    font-size: 1.167em;
    color: black;
    font-weight: bold;
}


.label-regular
{
    /*color: #3399CC;*/
    margin-top: 5px;
    margin-bottom: 2px;
   /* margin-left: 1px;
    margin-right: 2px;*/
}

.label-bold
{
    color: #0F75BC; /*margin-top: 10px; margin-bottom:-1px; margin-left: 1px; margin-right: 2px;*/
    font-weight: bold;
}

.buttonbackground1
{
    background-color: #3F91C9;
    color: white;
}

.buttonbackground2
{
    background-color: #B5D3E7;
    color: black;
}
.buttonbackground3
{
    background-color: #0F75BC;
    color: white;
}
.light-grey-background
{
    background-color: #E2E2E2;
}
.rowbackground
{
    background-color: #F6F1E9;
}
.header-background
{
    background-color: #E0F2FA;
}
.header-background1
{
    background-color: #AECFE5;
}
.labellargeblackbold
{
    font-size: 1.2em;
    color: black;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px;
}

.header-text-display
{
    font-size: 1.2em;
    color: black;
    height:20px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px;
}
.label-regularblack
{
    color: black;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px;
}

.labellargewhitebold
{
    font-size: 1.083em;
    color: white;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px;
}

.labellargebluebold
{
    font-size: 1.083em;
    color: #0F75BC;
    font-weight: bold; /*margin-top: 10px;  margin-bottom:2px;  margin-left: 4px;  margin-right: 4px;*/
}
.lblmargin
{
    margin-top: 4px;
    margin-bottom: 2px;
}
.label-regular a
{
    color: #3399CC;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px;
}
.label-required
{
    color: #F00; /*font-size:1.083em;*/
    font-weight: bold;
}


.label-mandatory, .label-mandatory label
{
    color: red;
    margin-top: 10px;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px;
    font-weight: bold;
}


.inputpadding input
{
    margin-left: 2px;
    margin-right: 2px;
}
.label-regularblack label
{
    color: black;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px;
}



.dialog-form
{
    font-family: calibri !important;
    font-size: 1em;
    color: #3399CC !important;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}
.roundeddiv, .roundednormaldiv
{
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    position: relative;
}


.roundeddiv1, .roundednormaldiv
{
    /*border: 1px solid #DDDDDD;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    position: relative;
}

/*.roundedbutton
{
    border: 1px solid #0F75BC;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 4px;
    background: #0F75BC;
    color: #FFFFFF;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    font-weight: bold;
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.083em;
    height: 24px;
    font-family: calibri;
    cursor: hand;
}*/

.roundedbutton
{
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	min-width:60px;
    background:#3f91c9;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);   
    position: relative;
    margin: 10px 0px 5px 0px;    
	font-size: 1.083em;
	height: 20px;
	color: #FFFFFF;
	font-weight: bold;
    font-family: calibri;
    cursor: hand;
	line-height:20px;	
	padding:0px 10px;	
}

.roundedbuttonLessMargin
{
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	min-width:60px;
    background:#3f91c9;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);   
    position: relative;
    margin: 3px 0px 4px 0px;    
	font-size: 1.083em;
	height: 20px;
	color: #FFFFFF;
	font-weight: bold;
    font-family: calibri;
    cursor: hand;
	line-height:20px;	
	padding:0px 10px;	
}

.roundedbuttonSmall
{
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
   /* border-radius: 6px;*/
	min-width:60px;
    background:#3f91c9;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);   
    position: relative;
 /*   margin: 10px 0px 5px 0px;    */
	font-size: 0.8em;
	height: 12px;
	color: #FFFFFF;
	font-weight: bold;
    font-family: calibri;
    cursor: hand;
	line-height:8px;	
	padding:0px 10px;	
}

.roundedbuttonIcon
{
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	min-width:20px;
    background:#3f91c9;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);   
    position: relative;
    margin: 2px 0px 2px 0px;    
	font-size: 1.083em;
	height: 15px;
	color: #FFFFFF;
	font-weight: bold;
    font-family: calibri;
    cursor: hand;
	line-height:20px;	
	/*padding:3px 3px;	
	text-align:inherit; */
}
.roundedbuttonIconSmall
{
     border: none;
    border-radius: 6px;
    min-width: 12px;
    background: white;
    position: relative;
    margin: 2px 0;
    font-size: 10px;
    color: #3f91c9;
    font-weight: bold;
    font-family: calibri;
    cursor: pointer;
    outline: 0.5px solid #3f91c9;
    outline-offset: 0px;
    height: 16px;
    line-height: 16px;
    padding: 0 2px;
    text-align: center;
}

.button-medium
{
    width:90px !important;
}
.button-high
{
    width:120px !important;
}

.roundedbutton_blue
{
    border: 1px solid #3399CC;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 6px;
    background: #3399CC;
    color: #FFFFFF;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    font-weight: bold;
    position: relative;
    padding: 4px;
    font-size: 0.917em;
}

.roundedtabbutton
{
    border: 1px solid #DDDDDD;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 6px;
    background: #F9F9F9;
    color: #7F7F7F;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    font-weight: bold;
    position: relative;
    padding: 2px;
    cursor: hand;
}
.roundedbuttonTabSelected
{
    border: 1px solid #3F91C9;
    text-align: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #3F91C9;
    color: white;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    position: relative;
    min-width: 75px;
    padding: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: calibri;
    font-size: 1.083em;
    cursor: hand;
}

.roundedbuttonTabUnSelected
{
    border: 1px solid #B5D3E7;
    text-align: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #B5D3E7;
    color: #197BBF;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    position: relative;
    min-width: 75px;
    padding: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: calibri;
    font-size: 1.083em;
    cursor: hand;
}
.roundedtextarea
{
    border: 1px solid #D2D2D2;
    width: 100%;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding-left: 4px;
    padding-right:4px;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    resize: none;
}
.roundedtabbutton input.focus
{
    background: red;
}
.displaytable
{
    display: table;
}
.span-grid-cell-two
{
    margin-left: 4px;
    margin-bottom: 4px;
    padding: 2px;
    position: relative;
    float: left;
    display: table-cell;
}

.label-hot
{
    color: #B95959;
    size: 50;
    font-weight: bold;
}
.label-warm
{
    color: #F0A33F;
    size: 50;
    font-weight: bold;
}
.label-cold
{
    color: #4983B3;
    size: 50;
    font-weight: bold;
}
.thinseparator
{
    background-image: url(/Content/FlexOneCSS/images/thinSeperator.png);
    width: 100%;
    position: relative;
}

.thickseparator
{
    background-image: url(/Content/FlexOneCSS/images/thickSeparator.png);
    width: 100%;
    position: relative;
}


.page-div-header
{
    /*color:#FFF;*/
    color: #3399cc;
    background-color: #E0F2FA;
    vertical-align: middle;
    /*font-weight: bold;*/
}

.page-div-header-normal
{
    color: white;
    height: 25px;
    line-height: 25px;
    background-color: #E0F2FA;
    vertical-align: middle;
    font-size: 1.167em;
}


.page-span-highlight-header
{
    background-color: #AECFE5;
    color: #FFFFFF !important;
    font-weight: bold;
}

.labellargewhitebold label
{
    color: #FFFFFF;
    font-size: 1.167em;
    font-weight: bold;
}

.labelnormalbold label
{
    color: #3399cc;
    font-weight: bold;
}

.labelhighlightnormal label
{
    color: #736357;
}


/* New fixes for jquery1.5.1 for the 1.8.2*/
#ui-datepicker-div
{
    display: none;
   
}

/* Fix for other pages dependent on old css */
.fieldRow
{
    clear: both;
}
.editor3-label
{
    float: left;
    width: 13%;
    text-align: right;
    margin: 0.5em 3px 0 0;
}
.editor3-field
{
    margin: 0.5em 0 0 0;
    float: left;
    width: 20%;
}

.labelblackitalicbold label
{
    color: black;
    font-style: italic;
    font-size: 0.917em;
    font-weight: bold;
}

.labelhighlightbold label
{
    color: #555555;
    font-weight: bold;
}

.labelitalic label
{
    color: #9E9D9D;
    font-style: italic;
    font-size: 0.917em;
    font-weight: bold;
}
.labelblackbold label
{
    color: black;
    font-weight: bold;
}
.labellargehighlightbold label,.labellargehighlightbold a,.labellargehighlightbold-subheading label, .labellargehighlightbold-subheading a
{
    color: #6BB51E;/* #DC7122;*/
    font-size: 1.083em;
    font-weight: bold;
}

.labellargehighlight label
{
    color: #6BB51E;/* #DC7122;*/
    font-size: 1.083em;    
}


.header-background2
{
    background-color: #AECFE5;
    color: #FFF;
    font-weight: bold;
}





.page-span-highlight-header
{
    background-color: #AECFE5;
    color: #FFFFFF;
    font-weight: bold;
}


.labellargebold label
{
    /*color: #3399cc;*/
    font-size: 1.083em;
    font-weight: bold;
}

.labelnormalbold label
{
    color: #3399cc;
    font-weight: bold;
}



.labelhighlightnormal
{
    color: #736357;
}



.hr-thin
{
    clear: both;
    border: 1;
    margin-top: 4px;
    margin-bottom: 4px;
    height: 1px;
    overflow: hidden;
    background-color: #D2D2D2;
}
.hr-thick
{
    clear: both;
    margin: 15px 0;
    border: 4;
    height: 3px;
    overflow: hidden;
    background-color: #D2D2D2;
}
.hr-thick-blue
{
    clear: both;
    margin: 15px 0;
    border: 4;
    height: 3px;
    overflow: hidden;
    background-color: #0F75BC;
}
.labelhighlightbolditalic label
{
    color: #555555;
    font-style: italic;
    font-weight: bold;
}
.paddingtopbottom5
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.labelextralargehighlight label
{
    color: #B0B1B0;
    font-size: 1.167em;
}

.verticalalignmiddle
{
    vertical-align: middle;
}

/*.labellargehighlightbold-subheading label, .labellargehighlightbold-subheading a
{
    color: #DC7122;
    font-size: 1.167em;
    font-weight: bold;
}*/


.label-high-light
{
    /*color:#0F75BC;*/ /*margin-top: 10px; margin-bottom:2px; margin-left: 4px; margin-right: 4px;*/
    font-weight: bold;
    font-size: 1.083em;
}

.orange-font, .label-orange label
{
    color: #DC7122 !important;
}

.table-input-text
{
   width:50% !important;
}


input[type=text]
{
    border: 1px solid #D2D2D2;
    width: 100%;
    height: 20px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 3px; /*behavior: url(/Content/FlexOneCSS/js/PIE.htc);*/
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
}
input[type=password]
{
    border: 1px solid #D2D2D2;
    width: 100%;
    height: 20px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px; /*margin-top:3px;*/ /*behavior: url(/Content/FlexOneCSS/js/PIE.htc);*/
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
}
div.checker
{
    margin-top: 3px;
}


#simplemodal-overlay
{
    background-color: #000;
    cursor: wait;
}

a.modalCloseImg
{
    background: url(/Content/FlexOneCSS/images/close_dialog.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -5px;
    right: -10px;
    cursor: pointer;
}

.estimateCopyleftborder
{
    padding-left: 25px;
    border-left: 1px solid #E6E6E6;
}

.dialogparam
{
    width: 700px;
    color: #39C;
    background-color: #FFF;
    border: 4px solid #969696;
    padding: 12px;
}

.header-background3
{
    background-color: #ACABAB;
    color: black;
    font-weight: bold;
    font-size: 1.083em;
}

.labelnormalblack label
{
    color: black;
}

.labellargebluehighlightbold label
{
    color: #0F75BC;
    font-weight: bold;
    font-size: 1.083em;
}

.dateimageinputline img
{
    position: absolute;
    right: -5px;
    top: 6px;
    bottom :2px;
}
.dateimageinputline4 img
{
    position: absolute;
    right: -3px;
    top: 0px;
    bottom :2px;
}
.dateimageinputline3 img
{
    position: absolute;
    right: -5px;   
    bottom :2px;
}
.page-div-header input
{
    color: #000;
    height: 20px;
    background-color: #FFF;
    vertical-align: middle;
}
input.page-span-highlight-header
{
    margin-top: 0px !important;
    height: 22px !important;
    line-height: 22px !important;
}
.page-div-header .inputreadonly
{
    border: none !important;
    margin-top: 0px !important;
    font-weight: 700 !important;
    background-color: #E0F2FA;
    padding-top: 5px;
}
.div-regular .inputreadonly
{
    border: none !important;
    font-weight: normal !important; /*background-color:#E0F2FA;margin-top:0px !important;     padding-top:5px; 	margin-top: 10px;*/
    color: #3399CC;
    margin-bottom: -1px;
    margin-left: 1px;
    margin-right: 2px;
}
.div-orange .inputreadonly
{
    border: none !important;
    font-weight: normal !important;
    color: #DC7122;
    margin-bottom: -1px;
    margin-left: 1px;
    margin-right: 2px;
}
.persistantmainfield
{
    margin-top: 0px !important;
    height: 23px !important;
    width: 157px !important;
    line-height: 23px !important;
    font-weight: bold;
    position: relative !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -pie-border-radius: 6px !important;    
    border-radius: 6px !important;
    padding-left: 4px;
    margin-top: 3px;
    -webkit-border-background:-webkit-linear-gradient(#AECFE5, #AECFE5);
    -moz-border-background:-moz-linear-gradient(#AECFE5, #AECFE5);
    -pie-background: linear-gradient(#AECFE5, #AECFE5) !important;
    background-color: #AECFE5 !important;
    color: #FFF !important;
}
.dialogautowidth
{
    color: #39C;
    background-color: #FFF;
    border: 4px solid #969696;
    padding: 12px;
}
.labelWingdingsnormal
{
    font-size: 1.4em;
    font-family: wingdings;
    color: green;
    cursor: hand;
}
.labelWingdingsred
{
    font-size: 1.4em;
    color: red;
    cursor: hand;
    font-family: wingdings;
}
.labelUnicodenormal
{
    font-size: 1.4em;
    font-family: @Arial Unicode MS;
    color: green;
    cursor: hand;
}
.labelUnicodered
{
    font-size: 1.4em;
    color: red;
    cursor: hand;
    font-family: @Arial Unicode MS;
}
.labelUnicode
{
    font-size: 1.4em;
    cursor: hand;
    font-family: @Arial Unicode MS;
}
.myAltRowClass
{
    background: #F6FAFC !important;
}
.labelWingdings
{
    font-size: 1.4em;
    cursor: hand;
    font-family: wingdings;
}
.labelWingdings2
{
    font-size: 1.4em;
    cursor: hand;
    font-family: wingdings 2;
}
.red-font
{
    color: red;
}
.green-font
{
    color: green;
}
.labelblue-font
{
    color: #3399CC;
}
.gridAltColor
{
    background: #E0F2FA !important;
}
.relative-position
{
    position: relative;
    display: table-cell;
}
.button-right-bottom
{
    position: absolute;
    bottom: 0;
    right: 0;
}
.scrolljqgrid
{
    width: 940px;
    border: 1px solid #3399cc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    position: relative;
    overflow    :auto;
    
   /* width: 940px; 
    border:1px solid #3399cc !important;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px !important;
	behavior: url(/Content/FlexOneCSS/js/PIE.htc) !important;
	position:relative;*/
}
.scrolljqgrid table
{
    table-layout: auto;
}
.closedialog
{
    background: url(/Content/FlexOneCSS/images/close_dialog.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    float: right;
    position: absolute;
    top: -10px;
    right: -15px;
    cursor: pointer;
}

.progress-monitor-table-header
{
    background-color: #ACABAB;
    color: black;
    font-weight: bold;
    font-size: 15px;
    height:40px;
}

.progress-monitor-table-details
{
    color: #512A6E;
    font-weight: bold;
    font-size: 15px;
    height:40px;
}

.progress-monitor-table-details-alt1
{
    background-color: #FFFFFF;
}

.progress-monitor-table-details-alt2
{
    background-color: #EDECEC;
}

.scheduler-div-gridnoborder
{
    width: 100%; /*margin-top:2px;*/
    display:block;
    clear: both;
    overflow:auto;
    position:relative;
    height:95%;
}

.scheduler-table-broder
{
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    border-collapse:collapse;
    white-space: nowrap;
}

.scheduler-table-header
{
    background-color: #ACABAB;
    color: black;
    font-weight: bold;
    font-size: 1.083em;
}

.scheduler-info-block
{
    color: black;
    font-weight: bold;
    font-size: 1.083em;
}

.scheduler-td-content-blocked
{
    background-color: #B5D4EA;
    color: black;
    font-weight: bold;
    font-size: 12px;
    cursor:pointer;
}

.scheduler-td-content-free
{
    background-color: #FFFFFF;
}

.scheduler-info-block-broder
{
    display:table;
    border: solid 1px #4B4747;
    border-collapse:collapse;
}

.scheduler-td-content-notavailable
{
    background-color: #2D5B7C;
}

.scheduler-td-content-holiday
{
    background-color: #03B5C9;
}

.scheduler-td-content-display
{
    display:table;
}

.scheduler-td-content-floatright
{
    float:right;
}

.scheduler-td-content-floatleft
{
    float:left;
}

.jqgrid-pager
{
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -pie-border-radius: 0px 0px 6px 6px !important;
    border-radius: 0px 0px 6px 6px !important;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    position: relative;
}
.lineheight25
{
    line-height: 25px;
    height: 25px;
}



/* uniform.default.css fixed or changes according to requirement*/
div.checker input
{
    margin-left: 2px;
    margin-right: 4px;
}
div.selector.focus, div.selector.focus span, div.checker.focus span, div.checker.focus, div.radio.focus span, div.radio.focus
{
    background-color: #3F91C9;
}
/*
*/
div.selector span
{
    width: auto;
}

div.selector select
{
    font-family: Calibri;
}
div.selector
{
    width: 100%;
}

div.radio span
{
    width: inherit;
}
div.radio input
{
    margin-left: 2px;
    margin-right: 2px;
    width: inherit;
}
/*--------------------------------------------------------------*/



.labelArialUnicodesred
{
    font-size: 1.3em;
    color: red;
    cursor: hand;
    font-family: Arial Unicode MS;
}


.text-display
{
    /*border:none!important;*/
    background-color: #F6F6F6;
    color: black;
    font-weight: normal;
    font-size: 1.2em;
    border: 1px solid #D2D2D2;
    width: 100%;
    height: 20px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 3px; /*behavior: url(/Content/FlexOneCSS/js/PIE.htc);*/
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    overflow: hidden;
}

.text-display-right
{
    /*border:none!important;*/
    background-color: #F6F6F6;
    color: black;
    font-weight: normal;
    font-size: 1.2em;
    border: 1px solid #D2D2D2;
    width: 100%;
    height: 20px;
    text-align: right;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 3px; /*behavior: url(/Content/FlexOneCSS/js/PIE.htc);*/
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    overflow: hidden;
}

.textarea-display
{
    background-color: #F6F6F6;
    color: black;
    font-weight: normal;
    font-size: 1.2em;
    overflow: scroll;
    padding-left: 4px;
    padding-right: 4px;
    width: 100%;
}
.label-display
{
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 2px;
    margin-right: 2px;
}

/*Date Picker css*/
select
{
    font-family: calibri !important;
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker .ui-datetimepicker
{
    background: #E0F2FA;
}
.ui-datepicker-calendar thead
{
    background-color: #E0F2FA;
}
.ui-datepicker-week-end td
{
    background-color: #E0F2FA;
}
/*--------------------------------------------------------------*/
/*-----------------------------Spinner-----------------------------*/

.spinner-text
    {
        height: 1.5em !important;
        margin: 0px !important;
        border: none !important;
        vertical-align: middle !important;
        width: 100%;
    }
    
    /*update and calculate FSN create page */
    
    .editor-labelMargin
    {
        margin: 0.5em 0.5em 0.5em 1em;
        float: left;
        width: 45%;
    }
    
    .editor-labelMargin1
    {
        margin: 0.5em 0.5em 0.5em 0em;
        float: left;
        width: 35%;
    }
    
    .medium-textbox
    {
        width: 60px !important;
    }
    
    .editor-label1
    {
        margin: 0.5em 0.5em 0.5em 1em;
        float: left;
        width: 22%;
    }
    
    .editor-field1
    {
        margin: 0.5em 0.5em 0.5em 1em;
        float: left;
        width: 22%;
    }
    
    .ui-spinner
    {
        height: 10%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 6em;
        display: block;
        position: relative;
        overflow: hidden;
        border: 1px solid #ddd;
        background: #fff;
        color: #000000;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    }
    
    .ui-spinner-disabled
    {
        background: #F4F4F4;
        color: #CCC;
    }
    
    .ui-spinner-box
    {
        width: 75%;
        height: 100%;
        position: relative;
        float: left;
        font-size: 100%;
        border: none;
        background: none;
        padding: 0;
    }
    
    .ui-spinner-up
    {
        width: 30%;
        height: 50%;
        font-size: 0.6em;
        padding: 0;
        margin: 0;
        text-align: center;
        vertical-align: middle;
        position: absolute;
        right: 0;
        cursor: default;
        border: 1px solid #ddd;
        border-right: none;
        border-top: none;
        background-image: url(/Content/FlexOneCSS/images/up_stepper.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .ui-spinner-down
    {
        width: 30%;
        height: 50%;
        font-size: 0.6em;
        padding: 0;
        margin: 0;
        text-align: center;
        vertical-align: middle;
        position: absolute;
        right: 0;
        cursor: default;
        border: 1px solid #ddd;
        border-right: none;
        border-top: none;
        background-image: url(/Content/FlexOneCSS/images/dn_stepper.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .ui-spinner-down
    {
        bottom: 0;
        border-bottom: 0;
    }
    
    .ui-spinner-pressed
    {
        background: #FEFEFE;
    }
    
    .ui-spinner-list, .ui-spinner-listitem
    {
        margin: 0;
        padding: 0;
    }
    .chartbox
    {
        width:288px; 
        float:left; 
        height:180px;
        padding:10px; 
        border:1px solid #e2e2e2;
        margin:5px;
      
    }
    .chartbox label { display:block; clear:both;}
     .twochartbox
    {
        width:600px !important; 
    }
    .twochartbox img { float:left;}
    
    .summarychartbox
    {
        /*
        width:288px; 
        float:left; 
        height:180px;
*/
        padding:10px; 
        border:1px solid #e2e2e2;
        margin:5px;
        vertical-align:middle;
        /*padding-left:330px;
        padding-right:330px;
*/
        padding-top:10px;
        padding-bottom:10px;
        
        
      
    }
    /*--------------------------------------------------------------*/
    
    /*------- changes for login name By Ibne -------------*/
    
 
    .user-infoname
{
    float: left;
    text-align: right;
    color: #7f7f7f;
    margin-right: 0px;
}

 .user-infomenu
{
    float: left;
    text-align: right;
    color: #7f7f7f;
    margin-right: 0px;
    margin-top : 1px
}
.user-infoname1
{
    float: left;
    text-align: left;
    color: #7f7f7f;
    margin-left: 10px;
}
.user-infoname .username1
{
    color: #6BB51E;
    font-size: 14px;
    margin-top:-5px;       
}
.head-LocName
{
    
    text-align: center;
    color: Black;
    margin-top: 18px;
    margin-left:-50px;
    position :absolute;
    float:left
    
}

.head-LocName .LocationName1
{
    color: #6BB51E;
    font-size: 12px;
    margin-top:-5px;
        
}

.HeaderDisplayFields
{
    color: #6BB51E;
    font-size: 12px;
    margin-top:-5px;
        
}

 .head-compfa
{
    
    text-align: right;
    color: Black;
    margin-top: 35px;
    position :absolute;
    float:left;
    margin-left:-50px;
    
}

 .head-compfa2
{
    
    text-align: center;
    color: Black;
    margin-top: 3px;
    position :absolute;
    float:left;
    margin-left:-50px;
    width:150px;
    
}
 .head-compfa3
{
    
    text-align: center;
    color: Black;
    margin-top:  26px;
    position :absolute;
    float:left;
    margin-left:-50px;
    width:150px;
    
}

.imageEditSmall
{
    cursor: pointer;
    content:url(/Content/FlexOneCSS/images/EditFont.png);    
}

imageViewSmall
{
    cursor: pointer;
    content:url(/Content/FlexOneCSS/images/ViewFont.png);    
}

imageDeleteSmall
{
    cursor: pointer;
    content:url(/Content/FlexOneCSS/images/DeleteFont.png);
}


font.imageView:before
{
    cursor: pointer;
    content:url(/Content/FlexOneCSS/images/ViewFont.png);    
}

font.imageEdit:before
{
    cursor: pointer;
    content:url(/Content/FlexOneCSS/images/EditFont.png);
}

font.imageClose:before
{
    cursor: pointer;
    content:url(/Content/FlexOneCSS/images/CloseFont.png);
}

font.imageCancel:before
{
    cursor: pointer;
    content:url(/Content/FlexOneCSS/images/CancelFont.png);
}

font.imageDelete:before
{
    cursor: pointer;
    content:url(/Content/FlexOneCSS/images/DeleteFont.png);
}

font.imagePrint:before
{
    cursor: pointer;
    content:url(/Content/FlexOneCSS/images/PrintFont.png);
}


font.imagedownload:before
{
    cursor: pointer;
    content:url(/Content/FlexOneCSS/images/Download.png);    
}

font.imageapproved:before
{
    cursor: pointer;
    content:url(/Content/FlexOneCSS/images/arrow.png);    
}
font.imageview:before
{
    cursor: pointer;
    content:url(/Content/FlexOneCSS/images/zoomin16.png);    
}

.ImageError
{
    cursor: pointer;
    content:url(/Content/FlexOneCSS/images/ErrorImage.png);
}

.linkdisabled{
   cursor:text;
}

 .SAPTextbox
{
    
    height:50px;
    width:100%;
    position:relative;
}

/* Align checkbox of UI Approve screen */
.approveChkbox
{
    text-align:center !important;
    padding-right:50px !important;
}

.dateimageinputonerow img
{
    position: absolute;
    right: -5px;
    top: 6px;

}

.height55
{
    height:55px;

}

.scrolljqgrid1
{
   
    border: 1px solid #3399cc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    position: relative;
    overflow-y:auto;

}

.padding0
{
    padding:0px !important;

}

/* Arun: Css for drop down select which gives the drop down as list with search option */
    div#dddiv
    {
         position: absolute;
        z-index: 2005;
        background: white;
        border: 1px solid #d2d2d2;
        display: block;
        border-radius: 5px;
    }
    #ddsearch{
      outline:none;
    }
    .ddsearchparent
    {
        display:block;
        padding: 2px 15px 5px 4px;
    }
    ul#ddselect {
        max-height: 200px;
       /* overflow-x: hidden; */
        overflow-y: auto;
        font-weight: normal;
        width:100%;
    }

    ul#ddselect li{
        margin-left: 5px;
        height: 20px;
    }

   /* ul#ddselect li:hover
    {
        cursor:pointer;
        background-color:#5897fb;
        color:White;
    }
    */
    li.selItem 
    {
        text-overflow: ellipsis;
    white-space: nowrap;
    }
    
    .highlighted 
    {
        background-color: #5897fb;
        color: white;
    }
    
     body:nth-of-type(1) img[src*="Blank.gif"]
        {
            display: none;
        }
        
        
.phoneinput
{   
    background-image:url(/Content/FlexOneCSS/images/phone1.png);  
    position: absolute; 
    top: 6px;  
    background-repeat: no-repeat;  
    padding-left: 16px;
    right:-32px;
    border:0;
    height:23px;
}

.ButtonLink 
{
   background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  font-family: arial, sans-serif;
  /*input has OS specific font-family*/
  color: #069;
  text-decoration: underline;
  cursor: pointer;
  font-size :10px;
}


.fullclick li {
  list-style: none;
  margin: 1em 0;
  padding: 20px 10px;
  background: #2b2b2b;
  position: relative;
}
.fullclick a.main {
  color: #85baff;
  text-align: right;
  display: block;
  z-index: 1;
}
.fullclick li a.main::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: ' ';
}

.resizer {
        resize: none;        
      }
      
.menuNav2
{
    background:#e2e2e2 url(/Content/FlexOneCSS/images/headerMenuBg.png) repeat-x left top;;
    border-radius:6px 6px 0 0;
    padding:0px;
	overflow:auto;
	border: 1px solid #C4C4C4;	
    -webkit-border-radius:6px 6px 0 0;
    -moz-border-radius:6px 6px 0 0;
    behavior: url(/Content/FlexOneCSS/js/PIE.htc);
    position: relative;
	width:105px;	
	/*padding-right:100px; */
	margin-top:14px;
	margin-right : -100px;
}
.menuNav2 li{ float:left; padding:0px 10px; border-left:1px solid #c9c9c9; width:65px; font-weight:bold; text-align:center; }
.menuNav2 li:first-child { border-left:none;}


/* For Toggling */

 .switch
        {
            position: relative;
            display: inline-block;
            width: 50px;
            height: 24px;
        }
         
        .switch input
        {
            opacity: 0;
        }
         
        .slider
        {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }
         
        .slider:before
        {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }
         
        input:checked + .slider
        {
            background-color: #2196F3;
        }
         
        input:focus + .slider
        {
            box-shadow: 0 0 1px #2196F3;
        }
         
        input:checked + .slider:before
        {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }
         
        /* Rounded sliders */
        .slider.round
        {
            border-radius: 34px;
        }
         
        .slider.round:before
        {
            border-radius: 50%;
        }
        
        
        .verticalLine {
          border-left: 1px dashed #D2D2D2;
          height: 243px;
          position: absolute;         
          margin-left: -3px;
          top: 0;
          right:180%         
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon
{
    background-color: white;
}
 

.ui-jqgrid .ui-pg-button span {       
  background-color: white;
}   

.dropdown-style {
    width: 200px; /* Or your preferred width */
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Show '...' for long text */
} 

.chip {
        display: inline-block;
        background-color: #e7ebf1; /*#b3bac1; /*#007bff;*/
        color: #3399CC;
        padding: 1px 2px;
        margin: 1px;
        border-radius: 15px;
        font-size: 12px;
        cursor: pointer;
    }
    .chip:hover {
        background-color: white;
    }
    .chip-inside {
        display: inline-block;
        background-color: #28a745;
        color: white;
        padding: 5px 10px;
        border-radius: 15px;
        font-size: 14px;
        margin: 2px;
    }   
    
    
    
    /* main-container
************************************************************/
.main-containerNew
{
    width: 98%;
    margin: 0px auto;
    text-align: left;
    padding: 0px;
    position: relative;
    display: block;
    overflow: auto;
}
.pagetop-curve-LoginPageNew
{
    background: url(/Content/FlexOneCSS/images/pagecontenttop.png) no-repeat center top;
    height: 17px;
    width: 994px;
    margin: 5px auto 0px;
}
.pagetop-curveNew
{
    background: url(/Content/FlexOneCSS/images/pagecontenttopNew.png) no-repeat center top;
    height: 17px;
    width: 98%;
    margin: 5px auto 0px;
}
.page-midbgNew
{
    background: url(/Content/FlexOneCSS/images/pagecontentbgNew.png) repeat-y 0px;
    width: 98%;
    margin: 0px auto;
}

.pagebottom-curve-LoginPageNew
{
    background: url(/Content/FlexOneCSS/images/pagecontentbottom.png) no-repeat center top;
    height: 13px;
    width: 994px;
    margin: 0px auto;
}

.pagebottom-curveNew
{
    background: url(/Content/FlexOneCSS/images/pagecontentbottomNew.png) no-repeat center top;
    height: 17px;
    width: 98%;
    margin: 0px auto;
}

.header-containerNew
{
    background: none;
    padding: 0px;
    overflow: visible;
	background:transparent url(/Content/FlexOneCSS/images/headerBg.png) repeat-x left top;
	margin:0px 7px;
}

.headerNew
{
    width: 98%;
    margin: 0px auto;
    text-align: left;
}

.headerNew span.greenline
{
    display: block;
    float: left;
	height:56px;
    margin:0px 5px;
	background:transparent url(/Content/FlexOneCSS/images/logoLine.png) no-repeat left 1px;
	width:5px;
}

/* Layout
*******************************************************/