/* RULES THAT DO NOT HAVE CLASS AND ID SELECTORS GO IN HERE */

/******************************************** YAHOO'S RESET *****************************************************/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


/******************************************** Default HTML element styles ***************************************/
html {
    /* overflow-y: scroll; */ /* the correct way to add scrollbar area for all browsers */
}

/* need to hide this from IE6 (workaround for quirksmode) */
html > body {
    overflow-y: scroll;
    *overflow-y: visible;
}

body {
    background-color: #e6e4e4;
    margin: 0;
    padding: 0;
}


option {
    height: 14px;
    border: none;
}

img {
    vertical-align: middle;
    border: none;
}

hr {
    color: #ccc;
    background-color: #ccc;
    height: 1px;
    border: 0px;
}

ol, ul {
    margin: 0;
    padding: 0 0 0 2em; /* less visible difference between browsers when ems are used here */
}

ul {
    padding-left: 1.5em; /* overrides previous value above */
}
strong {
    font-weight: bold;
}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
.yui-overlay,
.yui-panel-container {
    visibility: hidden;
    position: absolute;
    z-index: 2;
}

.yui-panel {
    position:relative;
}

.yui-panel-container form {
    margin: 0;
}

.mask {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mask.block-scrollbars {
    /*
        Application of "overflow:auto" prevents Mac scrollbars from bleeding
        through the modality mask in Gecko. The block-scollbars class is only 
        added for Gecko on MacOS
    */
    overflow: auto;
}

/* 
    PLEASE NOTE:

    1) ".masked select" is used to prevent <SELECT> elements bleeding through 
       the modality mask in IE 6. 

    2) ".drag select" is used to hide <SELECT> elements when dragging a 
       Panel in IE 6.  This is necessary to prevent some redraw problems with 
       the <SELECT> elements when a Panel instance is dragged.
    
    3) ".hide-select select" is appended to an Overlay instance's root HTML 
       element when it is being annimated by YAHOO.widget.ContainerEffect.  
       This is necessary because <SELECT> elements don't inherit their parent
       element's opacity in IE 6.

*/

.masked select,
.drag select,
.hide-select select {
    _visibility: hidden;
}

.yui-panel-container select {
    _visibility: inherit;
}

/*

There are two known issues with YAHOO.widget.Overlay (and its subclasses) that 
manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs:

    1) The "overflow" property of an Overlay instance's root element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <SELECT> elements that are child nodes of the 
       Overlay instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Container CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + YUILibrary bug #1723530

*/

.hide-scrollbars,
.hide-scrollbars * {

    overflow: hidden;

}

.hide-scrollbars select {
    display: none;
}

.show-scrollbars {
    overflow: auto;
}

.yui-panel-container.show-scrollbars,
.yui-tt.show-scrollbars {
    overflow: visible;
}

.yui-panel-container.show-scrollbars .underlay,
.yui-tt.show-scrollbars .yui-tt-shadow {

    overflow: auto;

}

/* 
   Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
   the Panel's content changes, to force Safari 2.x to redraw the underlay.
   We attempt to choose a CSS property which has no visual impact when added,
   removed.
*/
.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay, .yui-effect-fade .yui-tt-shadow {
    display:none;
}

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.yui-tt-shadow {
    position: absolute;
}

.yui-override-padding {
    padding:0 !important;
}

.yui-panel-container .container-close {
    overflow:hidden;
    text-indent:-10000em;
    text-decoration:none;
}

.yui-overlay.yui-force-redraw, .yui-panel-container.yui-force-redraw {
    margin-bottom:1px;
}/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/* Menu & MenuBar styles */

.yuimenu {

    top: -999em;
    left: -999em;

}

.yuimenubar {

    position: static;

}

.yuimenu .yuimenu,
.yuimenubar .yuimenu {

    position: absolute;

}

.yuimenubar li, 
.yuimenu li {

    list-style-type: none;    

}

.yuimenubar ul, 
.yuimenu ul,
.yuimenubar li, 
.yuimenu li,
.yuimenu h6,
.yuimenubar h6 { 

    margin: 0;
    padding: 0;

}

.yuimenuitemlabel,
.yuimenubaritemlabel {

    text-align: left;
    white-space: nowrap;

}


/* 
    The following style rule trigger the "hasLayout" property in 
    IE (http://msdn2.microsoft.com/en-us/library/ms533776.aspx) for a
    MenuBar instance's <ul> element, allowing both to clear their floated 
    child <li> elements.
*/

.yuimenubar ul {

    *zoom: 1;

}


/* 
    Remove the "hasLayout" trigger for submenus of MenuBar instances as it 
    is unnecessary. 
*/

.yuimenubar .yuimenu ul {

    *zoom: normal;

}

/*
    The following style rule allows a MenuBar instance's <ul> element to clear
    its floated <li> elements in Firefox, Safari and and Opera.
*/

.yuimenubar>.bd>ul:after {

    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;

}

.yuimenubaritem {

    float: left;

}

.yuimenubaritemlabel,
.yuimenuitemlabel {

    display: block;

}

.yuimenuitemlabel .helptext {

    font-style: normal;
    display: block;
    
    /*
        The value for the left margin controls how much the help text is
        offset from the text of the menu item.  This value will need to 
        be customized depending on the longest text label of a menu item.
    */
    
    margin: -1em 0 0 10em;
    
}

/*
    PLEASE NOTE: The <div> element used for a menu's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the menu's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Menu.  
    Implementers wishing to remove a menu's shadow or add any other markup
    required for a given skin for menu should override the "onRender" method.
*/

.yui-menu-shadow {

    position: absolute;
    visibility: hidden;
    z-index: -1;

}

.yui-menu-shadow-visible {

    top: 2px;
    right: -3px;
    left: -3px;
    bottom: -3px;
    visibility: visible;

}


/*

There are two known issues with YAHOO.widget.Overlay (the superclass class of 
Menu) that manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs in Menu (a subclass of YAHOO.widget.Overlay):

    1) The "overflow" property of a Menu instance's shadow element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <select> elements that are child nodes of the 
       Menu instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Menu CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + YUILibrary bug #1723530

*/

.hide-scrollbars * {

	overflow: hidden;

}

.hide-scrollbars select {

	display: none;

}


/*

The following style rule (".yuimenu.show-scrollbars") overrides the 
".show-scrollbars" rule defined in container-core.css which sets the 
"overflow" property of a YAHOO.widget.Overlay instance's root HTML element to 
"auto" when it is visible.  Without this override, a Menu would have scrollbars
when one of its submenus is visible.

*/

.yuimenu.show-scrollbars,
.yuimenubar.show-scrollbars {

	overflow: visible; 

}

.yuimenu.hide-scrollbars .yui-menu-shadow,
.yuimenubar.hide-scrollbars .yui-menu-shadow {

    overflow: hidden;

}

.yuimenu.show-scrollbars .yui-menu-shadow,
.yuimenubar.show-scrollbars .yui-menu-shadow {

    overflow: auto;

}

.yui-overlay.yui-force-redraw {
   margin-bottom: 1px;
}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
.yui-overlay,
.yui-panel-container {
    visibility: hidden;
    position: absolute;
    z-index: 2;
}

.yui-panel {
    position:relative;
}

.yui-panel-container form {
    margin: 0;
}

.mask {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mask.block-scrollbars {
    /*
        Application of "overflow:auto" prevents Mac scrollbars from bleeding
        through the modality mask in Gecko. The block-scollbars class is only 
        added for Gecko on MacOS
    */
    overflow: auto;
}

/* 
    PLEASE NOTE:

    1) ".masked select" is used to prevent <SELECT> elements bleeding through 
       the modality mask in IE 6. 

    2) ".drag select" is used to hide <SELECT> elements when dragging a 
       Panel in IE 6.  This is necessary to prevent some redraw problems with 
       the <SELECT> elements when a Panel instance is dragged.
    
    3) ".hide-select select" is appended to an Overlay instance's root HTML 
       element when it is being annimated by YAHOO.widget.ContainerEffect.  
       This is necessary because <SELECT> elements don't inherit their parent
       element's opacity in IE 6.

*/

.masked select,
.drag select,
.hide-select select {
    _visibility: hidden;
}

.yui-panel-container select {
    _visibility: inherit;
}

/*

There are two known issues with YAHOO.widget.Overlay (and its subclasses) that 
manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs:

    1) The "overflow" property of an Overlay instance's root element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <SELECT> elements that are child nodes of the 
       Overlay instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Container CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + YUILibrary bug #1723530

*/

.hide-scrollbars,
.hide-scrollbars * {

    overflow: hidden;

}

.hide-scrollbars select {
    display: none;
}

.show-scrollbars {
    overflow: auto;
}

.yui-panel-container.show-scrollbars,
.yui-tt.show-scrollbars {
    overflow: visible;
}

.yui-panel-container.show-scrollbars .underlay,
.yui-tt.show-scrollbars .yui-tt-shadow {

    overflow: auto;

}

/* 
   Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
   the Panel's content changes, to force Safari 2.x to redraw the underlay.
   We attempt to choose a CSS property which has no visual impact when added,
   removed.
*/
.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay, .yui-effect-fade .yui-tt-shadow {
    display:none;
}

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.yui-tt-shadow {
    position: absolute;
}

.yui-override-padding {
    padding:0 !important;
}

.yui-panel-container .container-close {
    overflow:hidden;
    text-indent:-10000em;
    text-decoration:none;
}

.yui-overlay.yui-force-redraw, .yui-panel-container.yui-force-redraw {
    margin-bottom:1px;
}/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/* default space between tabs */
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li,
.yui-navset .yui-navset-bottom .yui-nav li {
    margin:0 0.5em 0 0; /* horizontal tabs */
}
.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}

.yui-navset .yui-content .yui-hidden {
    /* absolute position off-screen and box collapsing used to
       avoid display:none, which causes issues for some content (firefox
       restarts flash movies) */
    border:0;
    height:0;
    width:0;
    padding:0;
    position:absolute;
    left:-999999px;
    overflow:hidden;
    visibility:hidden;
}

/* default width for side tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav { width:6em; }

.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    width:auto;
}
.yui-navset .yui-navset-left,
.yui-navset-left { padding:0 0 0 6em; } /* map to nav width */
.yui-navset-right { padding:0 6em 0 0; } /* ditto */

.yui-navset-top,
.yui-navset-bottom {
    padding:auto;
}
/* core */

.yui-nav,
.yui-nav li {
    margin:0;
    padding:0;
    list-style:none;
}
.yui-navset li em { font-style:normal; }

.yui-navset {
    position:relative; /* contain absolute positioned tabs (left/right) */
    zoom:1;
}

.yui-navset .yui-content,
.yui-navset .yui-content div {
    zoom:1;
}

.yui-navset .yui-content:after {
    content:'';
    display:block;
    clear:both;
}

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li, /* in case nested */
.yui-navset .yui-navset-bottom .yui-nav li {
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline; /* IE */
    vertical-align:bottom; /* safari: for overlap */
    cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
    zoom:1; /* IE: kill space between horizontal tabs */
}

.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    display:block;
}

.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */

.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom; /* safari: for overlap */
    zoom:1;
}

.yui-navset-left .yui-nav li a,
.yui-navset-right .yui-nav li a {
    display:block;
}

.yui-navset-bottom .yui-nav li a {
    vertical-align:text-top; /* for inline overlap (reverse for Opera border bug) */
}

.yui-navset .yui-nav li a em,
.yui-navset-top .yui-nav li a em,
.yui-navset-bottom .yui-nav li a em { display:block; }

/* position left and right oriented tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav {
   position:absolute;
   z-index:1; 
}

.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    position:static;
}
.yui-navset .yui-navset-left .yui-nav,
.yui-navset-left .yui-nav { left:0; right:auto; }

.yui-navset .yui-navset-right .yui-nav,
.yui-navset-right .yui-nav { right:0; left:auto; }
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
.yui-calcontainer {
	position:relative;
	padding:5px;
	background-color:#F7F9FB;
	border:1px solid #7B9EBD;
	float:left;
	_overflow:hidden; /* IE6 only, to clip iframe shim */
}

.yui-calcontainer iframe {
	position:absolute;
	border:none;
	margin:0;padding:0;
	z-index:0;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

/* IE6 only */
.yui-calcontainer iframe.fixedsize {
	width:50em;
	height:50em;
	top:-1px;
	left:-1px;
}

.yui-calcontainer.multi {
	padding:0;
}

.yui-calcontainer.multi .groupcal {
	padding:5px;
	background-color:transparent;
	z-index:1;
	float:left;
	position:relative;
	border:none;
}

.yui-calcontainer .title {
	font:100% sans-serif;
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
	height:25px;
	position:absolute;
	top:3px;left:5px;
	z-index:1;
}

.yui-calcontainer .close-icon {
	position:absolute;
	overflow:hidden;
	text-indent:-10000em;
	right:3px;
	top:3px;
	border:none;
	z-index:1;
}

.yui-calcontainer .calclose {
	background: url("calx.gif") no-repeat;
	width:17px;
	height:13px;
	cursor:pointer;	
}

/* Calendar element styles */

.yui-calendar {
	font:100% sans-serif;
	text-align:center;
	border-spacing:0;
	border-collapse:separate;
	position:relative;
}

.yui-calcontainer.withtitle {
	padding-top:1.5em;
}

.yui-calendar .calnavleft {
	position:absolute;
	overflow:hidden;
	text-indent:-10000em;
	cursor:pointer;
	top:2px;
	bottom:0;
	width:9px;
	height:12px;
	left:2px;
	z-index:1;
	background: url("callt.gif") no-repeat;
}

.yui-calendar .calnavright {
	position:absolute;
	overflow:hidden;
	text-indent:-10000em;
	cursor:pointer;
	top:2px;
	bottom:0;
	width:9px;
	height:12px;
	right:2px;
	z-index:1;
	background: url("calrt.gif") no-repeat;
}

.yui-calendar td.calcell {
	padding:.1em .2em;
	border:1px solid #E0E0E0;
	text-align:center;
}

.yui-calendar td.calcell a {
	color:#003DB8;
	text-decoration:none;
}

.yui-calendar td.calcell.today {
	border:1px solid #000;
}

.yui-calendar td.calcell.oom {
	cursor:default;
	color:#999;
	background-color:#EEE;
	border:1px solid #E0E0E0;
}

.yui-calendar td.calcell.selected {
	color:#003DB8;
	background-color:#FFF19F;
	border:1px solid #FF9900;
}

.yui-calendar td.calcell.calcellhover {
	cursor:pointer;
	color:#FFF;
	background-color:#FF9900;
	border:1px solid #FF9900;
}

.yui-calendar td.calcell.calcellhover a {
	color:#FFF;
}

.yui-calendar td.calcell.restricted {
	text-decoration:line-through;
}

.yui-calendar td.calcell.previous {
	color:#CCC;
}

.yui-calendar td.calcell.highlight1 { background-color:#CCFF99; }
.yui-calendar td.calcell.highlight2 { background-color:#99CCFF; }
.yui-calendar td.calcell.highlight3 { background-color:#FFCCCC; }
.yui-calendar td.calcell.highlight4 { background-color:#CCFF99; }

.yui-calendar .calhead {
	border:1px solid #E0E0E0;
	vertical-align:middle;
	background-color:#FFF;
}

.yui-calendar .calheader {
	position:relative;
	width:100%;
	text-align:center;
}

.yui-calendar .calheader img {
	border:none;
}

.yui-calendar .calweekdaycell {
	color:#666;
	font-weight:normal;
	text-align:center;
	width:1.5em;
}

.yui-calendar .calfoot {
	background-color:#EEE;
}

.yui-calendar .calrowhead, .yui-calendar .calrowfoot {
	color:#666;
	font-size:9px;
	font-style:italic;
	font-weight:normal;
	width:15px;
}

.yui-calendar .calrowhead {
	border-right-width:2px;
}

/* CalendarNavigator */
.yui-calendar a.calnav {
	_position:relative;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
	color:#000;
}

.yui-calendar a.calnav:hover {
	border:1px solid #003366;
	background-color:#6699cc;
	background: url(calgrad.png) repeat-x;
	color:#fff;
	cursor:pointer;
}

.yui-calcontainer .yui-cal-nav-mask {
	position:absolute;
	z-index:2;
	display:none;

	margin:0;
	padding:0;

	left:0;
	top:0;
	width:100%;
	height:100%;
	_width:0;    /* IE6, IE7 Quirks - width/height set programmatically to match container */
	_height:0;

	background-color:#000;
	opacity:0.25;
	*filter:alpha(opacity=25);
}

.yui-calcontainer .yui-cal-nav {
	position:absolute;
	z-index:3;
	display:none;

	padding:0;
	top:1.5em;
	left:50%;
	width:12em;
	margin-left:-6em;

	border:1px solid #7B9EBD;
	background-color:#F7F9FB;
	font-size:93%;
}

.yui-calcontainer.withtitle .yui-cal-nav {
	top:3.5em;
}

.yui-calcontainer .yui-cal-nav-y,
.yui-calcontainer .yui-cal-nav-m,
.yui-calcontainer .yui-cal-nav-b {
	padding:2px 5px 2px 5px;
}

.yui-calcontainer .yui-cal-nav-b {
	text-align:center;
}

.yui-calcontainer .yui-cal-nav-e {
	margin-top:2px;
	padding:2px;
	background-color:#EDF5FF;
	border-top:1px solid black;
	display:none;
}

.yui-calcontainer .yui-cal-nav label {
	display:block;
	font-weight:bold;
}

.yui-calcontainer .yui-cal-nav-mc {
	width:100%;
	_width:auto; /* IE6 doesn't like width 100% */
}

.yui-calcontainer .yui-cal-nav-y input.yui-invalid {
	background-color:#FFEE69;
	border: 1px solid #000;
}

.yui-calcontainer .yui-cal-nav-yc {
	width:3em;
}

.yui-calcontainer .yui-cal-nav-b button {
	font-size:93%;
	text-decoration:none;
	cursor: pointer;
	background-color: #79b2ea;
	border: 1px solid #003366;
	border-top-color:#FFF;
	border-left-color:#FFF;
	margin:1px;
}

.yui-calcontainer .yui-cal-nav-b .yui-default button {
	/* not implemented */
}

/* Specific changes for calendar running under fonts/reset */
.yui-calendar .calbody a:hover {background:inherit;}
p#clear {clear:left; padding-top:10px;}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
.yui-carousel{visibility:hidden;overflow:hidden;position:relative;text-align:left;zoom:1;}.yui-carousel.yui-carousel-visible{visibility:visible;}.yui-carousel-content{overflow:hidden;position:relative;text-align:center;}.yui-carousel-element li{border:1px solid #ccc;list-style:none;margin:1px;overflow:hidden;padding:0;position:absolute;text-align:center;}.yui-carousel-vertical .yui-carousel-element li{display:block;float:none;}.yui-log .carousel{background:#f2e886;}.yui-carousel-nav{zoom:1;}.yui-carousel-nav:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.yui-carousel-button-focus{outline:1px dotted #000;}.yui-carousel-min-width{min-width:115px;}.yui-carousel-element{overflow:hidden;position:relative;margin:0 auto;padding:0;text-align:left;*margin:0;}.yui-carousel-horizontal .yui-carousel-element{width:320000px;}.yui-carousel-vertical .yui-carousel-element{height:320000px;}.yui-skin-sam .yui-carousel-nav select{position:static;}.yui-carousel .yui-carousel-item-selected{border:1px dashed #000;margin:1px;}.yui-skin-sam .yui-carousel,.yui-skin-sam .yui-carousel-vertical{border:1px solid #808080;}.yui-skin-sam .yui-carousel-nav{background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;padding:3px;text-align:right;}.yui-skin-sam .yui-carousel-button{background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -600px;float:right;height:19px;margin:5px;overflow:hidden;width:40px;}.yui-skin-sam .yui-carousel-vertical .yui-carousel-button{background-position:0 -800px;}.yui-skin-sam .yui-carousel-button-disabled{background-position:0 -2000px;}.yui-skin-sam .yui-carousel-vertical .yui-carousel-button-disabled{background-position:0 -2100px;}.yui-skin-sam .yui-carousel-button input,.yui-skin-sam .yui-carousel-button button{background-color:transparent;border:0;cursor:pointer;display:block;height:44px;margin:-2px 0 0 -2px;padding:0 0 0 50px;}.yui-skin-sam span.yui-carousel-first-button{background-position:0 -550px;margin-left:-100px;margin-right:50px;*margin:5px 5px 5px -90px;}.yui-skin-sam .yui-carousel-vertical span.yui-carousel-first-button{background-position:0 -750px;}.yui-skin-sam span.yui-carousel-first-button-disabled{background-position:0 -1950px;}.yui-skin-sam .yui-carousel-vertical span.yui-carousel-first-button-disabled{background-position:0 -2050px;}.yui-skin-sam .yui-carousel-nav ul{float:right;height:19px;margin:0;margin-left:-220px;margin-right:100px;*margin-left:-160px;*margin-right:0;padding:0;}.yui-skin-sam .yui-carousel-min-width .yui-carousel-nav ul{*margin-left:-170px;}.yui-skin-sam .yui-carousel-nav select{position:relative;*right:50px;top:4px;}.yui-skin-sam .yui-carousel-vertical .yui-carousel-nav select{position:static;}.yui-skin-sam .yui-carousel-vertical .yui-carousel-nav ul,.yui-skin-sam .yui-carousel-vertical .yui-carousel-nav select{float:none;margin:0;*zoom:1;}.yui-skin-sam .yui-carousel-nav ul li{background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -650px;cursor:pointer;float:left;height:9px;list-style:none;margin:10px 0 0 5px;overflow:hidden;padding:0;width:9px;}.yui-skin-sam .yui-carousel-nav ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.yui-skin-sam .yui-carousel-nav ul li a{display:block;width:100%;height:100%;text-indent:-10000px;text-align:left;overflow:hidden;}.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-focus{outline:1px dotted #000;}.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-selected{background-position:0 -700px;}.yui-skin-sam .yui-carousel-item-loading{background:url(ajax-loader.gif) no-repeat 50% 50%;position:absolute;text-indent:-150px;}
.yui-overlay {
    position:relative;
    display:block;
}

.mask {
    z-index:0;
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.50;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#666;
}


/*

.hide-scrollbars * {
    overflow:hidden;
}

.hide-scrollbars textarea, .hide-scrollbars select, .hide-scrollbars div.scrollbars {
    overflow:hidden;
    display:none;
}

.show-scrollbars textarea, .show-scrollbars select, .show-scrollbars div.scrollbars {
    overflow:visible;
    overflow-x: hidden;
    overflow-y: auto;
}


.yui-panel-container {
    position:absolute;
    background-color:transparent;
    z-index:6;
    visibility:hidden;
    overflow:visible;
}
*/

.yui-tt {
    visibility: hidden;
    position: absolute;
    background-color: #ffffcc;
    padding: 10px;
    border: 1px solid #bababa;
}

.yui-tt .bd {
    margin: 0;
}


.yui-panel .container-close {
    background:transparent url('/sitedashboard/resources/img/default/icons/close.gif') no-repeat scroll 0 0;
    position:absolute;
    top:7px;
    _top:5px;
    right:10px;
    line-height:8px;
    width:13px;
    height:13px;
    font-size:15px;
    color: #fff;
    padding: 0 1px 2px 1px;
    cursor:pointer;
}


/*
.yui-panel {
  left: 0;
    top: 0;
    position: relative;
}
*/

.yui-panel-container .underlay {
    display: none;
}

.yui-panel-container.shadow .underlay {
    background-color: #000000;
    opacity: .10;
    *filter: alpha(opacity=10);
    top: 2px;
    right: -2px;
    left: 2px;
    bottom: -2px;
    position: absolute;
    display: block;
}




/*************************
BASE.CSS
*************************/

/******************************************** BROWSER FIXES *****************************************************/
.clearAfter:after,
.clearFloats,
.cF {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    _height: 0;
    _line-height: 0;
    _font-size: 0;
}
.clearAfter {
  display: inline-block;
}

html[xmlns] .clearAfter {
  display: block;
}

* html .clearAfter {
  height: 1%;
}

.clear {
    clear: both;
}

.border {
    border: 1px dotted red;
}
.HIDE {
    display: none !important;
}

body.printWindow {
    background-color: #fff;
    width: 640px;
    margin: 10px;
    padding: 0;
}

div.analytics {
    background-color: #9e9898;
}

ol.compact, ul.compact {
    margin: 0;
    padding: 0 0 0 2em; /* less visible difference between browsers when ems are used here */
}

ul.compact {
    padding-left: 1.5em; /* overrides previous value above */
}


.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.floatTxt {
    padding: 5px 5px 0 5px;
}

hr.topMargin0px,
.topMargin0px {
    margin-top: 0;
}

hr.type2 {
    clear: both;
    height: 6px;
    background-color: #b10100;
    color: #b10100;
    margin: 20px 20px 0 20px;
}

/*********************TEXT STYLES**********************/
.requiredInd {
    float:right;
    font-size: 11px;
    font-weight: normal;
    color: #444444;
    padding-top:2px;
}

.asterisk {
    padding-left: 4px;
}

.error {
    color: #f00;
} /** required field alert message**/

.error .asterisk {
    display: inline;
} /** required field asterisk**/

.error .errMsg {
    display: block;
    font-weight: normal;
} /** required field error message**/

.grayTxt {
    font-weight: normal;
    color: #929292;
} /**generic gray text**/

.boldTxt {
    font-weight: bold;
}

.italicTxt {
    font-style: italic;
}

.normalTxt {
    font-weight: normal;
} /* makes text normal case */

.textOptionalLight{
    color: #999999;
}

.warning {
    background: url('/sitedashboard/resources/img/sprites/warning_14x14.gif') no-repeat scroll left center;
    height: 32px;
    padding: 3px 0 0 16px;
}

.enabled {
    background: url('/sitedashboard/resources/img/sprites/enabled.gif') no-repeat scroll left center;
    height: 32px;
    padding: 0 0 0 14px;
}

/** even/odd coloring for tables */

table tr.odd {
    background-color: #f5f7fa;
}

table tr.even {
    background-color: #fff;
}

a.tip {
    background: url('/sitedashboard/resources/img/default/tooltip_line.gif') repeat-x scroll center bottom;
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
    text-decoration: none;
} /**this takes care of the tooltip **/

a.imgTip {
    background: none;
    text-decoration: none;
    vertical-align: top;
}

a.imgTip img { /* needed for Safari. Otherwise the image does not align top with the anchor */
    vertical-align: top;
}



/**Icon styles**/
a.infoIcon {
    height: 17px;
    padding-right: 15px;
    overflow: visible;
    width: auto;
    text-decoration: none;
}

.infoIcon {
    background: url('/sitedashboard/resources/img/infoIcon.gif') no-repeat center right;
    width: 13px;
    height: 14px;
    padding: 2px 0px;
    margin-left: 0px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
}

.infoIconNoMargin {
    background: url('/sitedashboard/resources/img/infoIcon.gif') no-repeat center right;
    width: 13px;
    height: 14px;
    padding: 2px 1px;
    margin-left: 0;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
}

th.infoIcon,
td.infoIcon {
  display: block;
  width: 455;
}

.iconAfterText {
    margin-top: -4px;
}

a.pdfIcon {
    background: url('/sitedashboard/resources/img/default/icon_pdf.gif') no-repeat left center;
    padding: 0 0 0 20px;
    margin-left: 2px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
}



/** popups **/

body.popup {
    background-color: #ffffff;
    margin: 0;
    padding: 10px 0 0 10px;
}

/* need to hide this from IE6 (workaround for quirksmode) */
html > body.popup {
    overflow-y: auto;
}

/** services page styles **/
.circleIcon.Travel {
    background: url('/sitedashboard/resources/img/sprites/circleIconsSm.gif') no-repeat center 0;
}

.circleIcon.parking {
    background: url('/sitedashboard/resources/img/sprites/circleIconsSm.gif') no-repeat center -360px;
}

.circleIcon.groundTrans {
    background: url('/sitedashboard/resources/img/sprites/circleIconsSm.gif') no-repeat center -320px;
}

.circleIcon.dining, .circleIcon.Dining {
    background: url('/sitedashboard/resources/img/sprites/circleIconsSm.gif') no-repeat center -240px;
}

.circleIcon.expenses, .circleIcon.Expenses {
    background: url('/sitedashboard/resources/img/sprites/circleIconsSm.gif') no-repeat center -160px;
}

.circleIcon.events, .circleIcon.Entertainment {
    background: url('/sitedashboard/resources/img/sprites/circleIconsSm.gif') no-repeat center -200px;
}

.circleIcon.conferencing, .circleIcon.Conferencing {
    background: url('/sitedashboard/resources/img/sprites/circleIconsSm.gif') no-repeat center -280px;
}

.circleIcon.shopping {
    background: url('/sitedashboard/resources/img/sprites/circleIconsSm.gif') no-repeat center -40px;
}

.circleIcon.corpAdmin, .circleIcon.Admin {
    background: url('/sitedashboard/resources/img/sprites/circleIconsSm.gif') no-repeat center -400px;
}

.circleIcon.shipping, .circleIcon.Shipping {
    background: url('/sitedashboard/resources/img/sprites/circleIconsSm.gif') no-repeat center -80px;
}

.circleIcon.travelphone{
    background: url('/sitedashboard/resources/img/sprites/circleIconsSm.gif') no-repeat center -120px;
}

.circleIcon {
    width: 40px;
    height: 40px;
    margin: 5px 10px 0 5px;
}

.servicesLink {
    margin-top: 7px;
}

.layout1 .servicesDesc {
    width: auto;
}

.layout1 .layoutCell2a .servicesDesc {
    width: 390px;
}

.layout2 .servicesDesc {
    width: 390px;
}

.borderTop {
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

.sectionBase h3.paddingBot0 {
    padding: 0;
}

.desc {
    margin: 5px 0 10px 0;
}

.fullWidth {
    width: 100%;
}

.alignCenter {
    text-align: center;
}

.alignRight {
    text-align: right;
}

.tableData {
    width: 454px;
    border: 1px solid #b2b2b2;
}

.tableData tr.odd {
    background: #f5f7fa;
}

.tableData td.tableHdr {
    font-weight: bold;
}

.tableData td {
    padding: 3px 5px;
    border-bottom: 1px solid #e3e3e3;
}

.tableData td.lastTd {
    border-bottom: 0 solid #e3e3e3;
}

.tableData td input {
    float:left;
}

.tableData.travel td select {
    margin-bottom: 3px;
}
.tableData td label {
    float:left;
    margin-right: 10px;
    margin-left: 3px;
}

.tableData.cards,
.tableData.dining,
.tableData.purchase,
.tableData.travel,
.tableData.cars {
    border: none;
    margin-top: 2px;
}

.tableData.cards {
   background: #ffffff;
   width: 430px;
}

.tableData.cars {
  width: 100%;
}

.tableData.dining,
.tableData.purchase,
.tableData.travel {
    background: #fbfcfd;
    width: 690px;
}

.tableData.cards td {
    text-align: center;
}

.tableData.cards th,
.tableData.dining th,
.tableData.purchase th,
.tableData.travel th,
.tableData.cars th {
    background: #f2f2f2;
    border-bottom: 2px solid #e3e3e3;
}
.tableData.cards thead th,
.tableData.dining thead th,
.tableData.purchase thead th,
.tableData.travel thead th,
.tableData.cars thead th {
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #013f78;
}

.tableData.dining thead th,
.tableData.purchase thead th,
.tableData.travel thead th,
.tableData.cars thead th {
    text-align: left;
    font-size: 13px;
    color: #000;
}

.tableData.cards thead th a:link,
.tableData.dining thead th a:link,
.tableData.purchase thead th a:link,
.tableData.travel thead th a:link,
.tableData.cars thead th a:link {
    text-decoration: none;
}

.tableData.cards tbody tr td.application {
    text-align: left;
}

.tableData.cards tbody tr td input {
    margin-left: auto;
    margin-right: auto;
}

.tableData.dining th.col1,
.tableData.purchase td.col1,
.tableData.travel th.col1,
.tableData.travel td.col1,
.tableData.travel td.col1Sub,
.tableData.travel td.colSpanned,
.tableData.cars th.col1,
.tableData.cars td.col1 {
    border-right: 1px solid #e3e3e3;
    font-weight: bold;
    width: 480px;
}

.tableData.purchase th.col1 span,
.tableData.dining td.col1 span {
    width: auto;
}

.tableData.travel td.colSpanned {
    width: 658px;
    font-weight: normal;
    border-right: none;
}

.tableData.dining th.col1 a,
.tableData.purchase td.col1 a,
.tableData.travel th.col1 a,
.tableData.travel td.col1Sub a,
.tableData.cars th.col1 a,
.tableData.cars td.col1 a {
    font-weight: normal;
}

.tableData.cards td,
.tableData.dining td,
.tableData.purchase td,
.tableData.travel td,
.tableData.cars td {
    border-bottom: 1px solid #e3e3e3;
    padding: 10px;
    height: 25px;
}

.tableData.travel td .tall {
  height: 45px;
}

.tableData.travel td.col1Sub,
.tableData.travel td.col2Sub {
  background: #fff;
  font-weight: normal;
}

.tableData.dining th.col1 .infoIcon,
.tableData.purchase td.col1 .infoIcon,
.tableData.travel th.col1 .infoIcon,
.tableData.travel td.col1Sub .infoIcon {
    display: block;
    float: right;
    background: transparent url('/sitedashboard/resources/img/infoIcon.gif') no-repeat 0 0;
    width: 14px;
    height: 17px;
    padding: 0;
}

.tableData.travel th.col1 .serviceIcon,
.tableData.purchase th.col1 .serviceIcon,
.tableData.dining th.col1 .serviceIcon {
  display: inline-block;
  height: 20px;
  padding: 0 0 0 20px;
  margin-right: 3px;
}

.tableData th.col1 .serviceIcon.flight {
  background: url('/sitedashboard/resources/img/default/icons/flight_main.gif') no-repeat 0 0;
}

.tableData th.col1 .serviceIcon.train {
  background: url('/sitedashboard/resources/img/default/icons/train_main.gif') no-repeat 0 0;
}

.tableData th.col1 .serviceIcon.hotel {
  background: url('/sitedashboard/resources/img/default/icons/hotel_main.gif') no-repeat 0 0;
}

.tableData th.col1 .serviceIcon.carRental {
  background: url('/sitedashboard/resources/img/default/icons/carRental_main.gif') no-repeat 0 0;
}

.tableData.travel th.col1 .serviceIcon.carService {
  background: url('/sitedashboard/resources/img/default/icons/carServices_main.gif') no-repeat 0 0;
}

.tableData.travel th.col1 .serviceIcon.airportParking {
  background: url('/sitedashboard/resources/img/default/icons/parking_main.gif') no-repeat 0 0;
}

.tableData.dining th.col1 .serviceIcon.dining {
  background: url('/sitedashboard/resources/img/default/icons/dining_main.gif') no-repeat 0 0;
}

.tableData.travel td .addIcon {
    display: inline-block;
    height: 16px;
    padding-left: 19px;
    background: url('/sitedashboard/resources/img/default/icons/add_10.gif') no-repeat 0 0;
}

.tableData.dining td div.inputSpacer,
.tableData.purchase td div.inputSpacer,
.tableData.travel td div.inputSpacer {
    padding: 3px 0;
}

.tableData.cars tr th.col2,
.tableData.cars tr td.col2 {
    border-right: 1px solid #e3e3e3;
}

.tableData.cars tr.odd td {
  background-color: #fbfcfd;
}

.tableData.cars td .checkIcon {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url('/sitedashboard/resources/img/default/icons/check.gif') no-repeat 0 0;
}

ul.linkList {
    margin: 0;
    padding:0 0 0 5px;
}

ul.linkList li {
    float: left;
    width: 49%;
    margin-bottom: 10px;
}

.paddedLeft10{
    padding-left: 10px;
}

.paddedTop10 {
   padding-top: 10px;
}

.padded2{
    padding: 2px 2px;
}


label.errorField, .errorText, .commentText {
    color: #f00;
}

/******************************************** Message Box ***************************************/
.messageBox {
    width: 100%;
    padding: 0 0 10px 0;
 }

.messageBoxTop {
    height: 10px;
    background-color: #fdfac8;
    border: 1px solid #f1e9a9;
    border-bottom: none;
}

.messageBoxTop div {
    height: 5px;
}

.messageBoxBtm {
    height: 5px;
    background-color: #fdfac8;
    border: 1px solid #f1e9a9;
    border-top: none;
}

.messageBoxBtm div {
    height: 10px;
}


.messageBoxContent {
    _height: 20px;      /* IE Hack */
    _margin: -3px 0 0 0;  /* IE Hack */
    padding: 0 0 5px 35px;
    border-left: 1px solid #f1e9a9;
    border-right: 1px solid #f1e9a9;
    text-align: left;
    color: #222;
    font-size: 11px;
    background: #fdfac8 no-repeat 10px 5px;
}

.messageBoxContentTall {
    _height: 20px;      /* IE Hack */
    _margin: -3px 0 0 0;  /* IE Hack */
    padding: 0 0 5px 35px;
    height: 60px;
    border-left: 1px solid #f1e9a9;
    border-right: 1px solid #f1e9a9;
    text-align: left;
    color: #222;
    font-size: 11px;
    background: #fdfac8 no-repeat 10px 5px;
}

.messageBoxContent .titleText {
    padding: 5px 0 0 0;
}

.messageBox.noBorder {
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

.messageBox.noBorder .messageBoxTop {
    height: 15px;
    background: none;
}

.messageBox.noBorder .messageBoxTop div {
    height: 0;
    background: none;
}

.messageBox.noBorder .messageBoxContent {
    border-left: none;
    border-right: none;
    margin: -3px auto 0 auto;
    background-position: 0 0;
    padding: 0 15px 0 42px;
}

.messageBox.noBorder .messageBoxBtm {
    height: 15px;
    background: none;
}

.messageBox.noBorder .messageBoxBtm div {
    height: 0;
    background: none;
}

.messageBoxContent.error {background-image: url(/sitedashboard/resources/img/default/message_box/error_16.gif);}
.messageBoxContentTall.warning {background-image: url(/sitedashboard/resources/img/default/message_box/warn.gif);}
.messageBoxContent.warningPolicy {background-image: url(/sitedashboard/resources/img/default/message_box/policyWarn.gif);}
.messageBoxContent.confirmation {background-image: url(/sitedashboard/resources/img/default/message_box/check_14.gif);}
.messageBoxContent.information {background-image: url(/sitedashboard/resources/img/default/message_box/info_16.gif);}
.messageBoxContent.expenseWarning {background-image: url(/sitedashboard/resources/img/default/message_box/policy_warn.png);}
.messageBoxContent.expenseError {background-image: url(/sitedashboard/resources/img/default/message_box/stop.png);}

.messageBoxContentTall.height75 {
	height: 75px;
}

.messageBoxContent .titleText {
    font-weight: bold;
}

.messageBoxContent.confirmation .titleText {
    color: #7fa801;
}

.messageBoxContent.error .titleText {
    color: #f00;
}

.messageBoxContent.confirmation .titleText {
    color: #7fa801;
}

.messageBoxContent.expenseWarning .titleText {
    padding-bottom: 10px;
    color: #bc9409;
    font-size: 12px;
}

.messageBoxContent.expenseError .titleText {
    padding-bottom: 10px;
    color: #f00;
    font-size: 12px;
}

.actionArea {
    _margin: 5px 0 0 0;
    padding: 5px 0 0 0;
}

.actionArea ul, .messageBoxContent ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 1em;
    text-indent: -.60em;
}

.messageBoxColumns {
    padding: 0 15px;
    border-left: 1px solid #a3a3a3;
    border-right: 1px solid #a3a3a3;
}

.messageBoxColumns .col1 {
    float: left;
    width: 49%;
}

.messageBoxColumns .col2 {
    float: right;
    width: 49%;
}

/************************************ Taxiway Server Widget *********************************************/
.taxiwayLoading {
    height: 17px;
    background: url(/sitedashboard/resources/img/default/twisty_load.gif) no-repeat left;
}

.taxiwayQuiesce{
    width: 150px;
}

/** SITE DASHBOARD **/
.marginBottom_10px {
    margin-bottom: 10px;
}

.marginLeft5 {
    margin-left: 5px;
}

.newSect {
    border-bottom-color: #929292;
    padding-bottom: 10px;
}

.twoColumn .twoColumnRow {
    display: table-row;
    padding-top: 5px;
    width: 480px;
}

.twoColumn .twoColumnCell1 {
    display: table-cell;
    *display: block;
    *float: left;
    width: 145px;
    font-weight: bold;
    padding: 0 20px 7px 0;
    zoom: 1;
}

.twoColumn .twoColumnCell1Long {
    display: table-cell;
    *display: block;
    *float: left;
    width: 245px;
    font-weight: bold;
    padding: 0 20px 7px 0;
    zoom: 1;
}

.twoColumn .twoColumnCell2 {
    display: table-cell;
    *display: inline;
    *float: left;
    width: 310px;
    padding: 0 0 7px 0;
    vertical-align: bottom;
    zoom: 1;
}

.twoColumn .twoColumnCell2Short {
    display: table-cell;
    *display: inline;
    *float: left;
    width: 210px;
    padding: 0 0 7px 0;
    vertical-align: bottom;
    zoom: 1;
}

/*
    cross-browser vertical centering for div blocks: usage:
    <div class="vCenter"><div class="vcWrap"><div class="vcBody">contents</div></div></div>
*/

.vCenter {
    display: table;
    overflow: hidden;
    *position: relative;
}

.vCenter .vcWrap {
    display: table-cell;
    vertical-align: middle;
    *position: absolute;
    *top: 50%;
}

.vCenter .vcBody {
    *position: relative;
    *top: -50%;
}

.receiptMessageLongStyle {
    border:1px solid #C0C0C0;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-bottom: 5px;
    padding-left: 2px;
}

.receiptMessageLongStyleBox {
    border:1px solid #C0C0C0;
    padding-bottom: 3px;
    padding-top: 5px;
    padding: 5px 10px 3px 10px;
    width: 430px !important;
}

.expenseMessageLongStyle {
    border:1px solid #C0C0C0;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-left: 10px !important;
    margin-bottom: 5px;
    padding-left: 2px;
}

.receiptMessageStyle {
    width: 395px !important;
}

.expenseMessageStyle {
    width: 500px !important;
    margin-left: 10px;
}

.expenseMessageStyleBox {
    border:1px solid #C0C0C0;
    padding-bottom: 3px;
    padding-top: 5px;
    width: 400px !important;
}

.expensePolicyTextStyle {
    color:#C0C0C0;
}

.expensePolicyDoneStyle {
    color:#0000FF;
}

.lineHeight150 {
    line-height:150%;
}

.lineHeight180 {
    line-height:180%;
}
.lineHeight250 {
    line-height:250%;
}

/*************************
FORMS.CSS
*************************/

body:first-of-type select {
    position: relative;
    top: -1px;
    left: -2px;
} /**fixes Safari's select box offset  DOES NOT VALIDATE**/

input.textField,
textarea {
    /* removed styling */
}

textarea {
    padding: 1px 2px 2px 2px;
}

input.radioBtn,
input.checkBox {
    margin-right: 5px;
    border: 0px none transparent;
}
input.textField,
textarea,
select {
    margin: 4px 10px 10px 0;
    *margin: 0 10px 0 0;
}

.resetFieldSpace input.textField,
.resetFieldSpace textarea,
.resetFieldSpace select {
    margin: 0;
}

.resetFieldSpace .layoutFormBase {
    padding-top: 5px;
}

.error input {
    border-color: #f00;
    background-color: #fbbbb9;
}
.subBtnBar {
    margin-top: 5px;
}
.subBtnBar .subBtn {
    float: right;
}
.subBtn {
    padding: 1px 3px;
    color: #39c;
    font-weight: bold;
    background: #eee;
}
.formTitle,
label.formTitle {
    font-weight: bold;
    margin-right: 5px;
} /**form title style...can be in divs, span, or labels**/

.formTitleLg,
label.formTitleLg {
    font-size: 13px;
    font-weight: bold;
    margin-right: 5px;
    margin-bottom: 10px;
    display: block;
} /**form title style...can be in divs, span, or labels**/

.formSubTitleLg {
    margin-right: 5px;
    margin-bottom: 10px;
    display: block;
} /**form sub title style...can be in divs, span, or labels**/

.withLink h2,
.withLink .formTitle {
    float: left;
} /**floats the .formTitle when associated with a .formTitleLink **/

.withLink .hdrLink,
.withLink .formTitleLink {
    float: right;
    padding-right: 5px;
} /**controls the link associated with H3 titles**/



.formInline label.textLeft {
    text-align: left;
    width: auto;
}

.fB { /* formBlock */
    padding: 5px 0;
    display: inline-block;
}

.shipAcctStatus .fB {
    padding: 0 0 5px 0;
    display: inline-block;
}

.fB .fBLf { /* left side of formBlock */
  float: left;
  width: 115px;
  padding: 0 5px 0 0;
}

.fB .fBRt { /* right side of formBlock */
  float: left;
  width: 190px;
}

.fBRt select {
    margin: 0 0 0 2px;
}

.fB .fBRt input[type=text] {
  width: 180px;
}

.fB label {
    display: block;
    padding: 0 8px 0 0;
    font-weight: bold;
    margin: 0;
}

label.rLbl, .fB label.rLbl {
    display: inline;
    background: url(/sitedashboard/resources/img/default/asterisk.gif) no-repeat right 2px;
    padding: 0 7px 0 0;
}



.textFieldXSm input {
    width: 48px;
}

.textFieldSm input {
    width: 66px;
}
.textField115 input {
    margin-top: 5px;
    width: 115px;
}
.textField160 input {
    width: 160px;
}
.textFieldMed input {
    width: 186px;
}
.textFieldLg input {
    width: 286px;
}
.textFieldXlg input {
    width: 446px;
}
.selectSm select {
    width: 80px;
}
.selectMed select {
    width: 210px;
}
.selectLg select {
    width: 290px;
}
.selectXlg select {
    width: 450px;
}
.textAreaSmMed textarea {
    width: 66px;
    height: 46px;
} /**textarea 70px wide**/

.textAreaMedMed textarea {
    width: 186px;
    height: 46px;
} /**textarea 190px wide**/

.textAreaLgMed textarea {
    width: 286px;
    height: 46px;
} /**textarea 290px wide**/

.textAreaXlgMed textarea {
    width: 446px;
    height: 46px;
} /**textarea 450px wide**/

.textAreaXlgMedBox {
    width: 446px;
    padding-bottom: 20px;
}

.textAreaXlgMedBox textarea {
    margin-right: 0px;
    width: 99% !important;
}

.textFieldLg {
    margin-top: 4px;
    margin-bottom: 10px;
}

.textFieldLg.last {
    margin-bottom: 0;
}

/*********************FORM GRID STYLES**********************/
.template2a .rt .textFieldSm input,
.template2b .lt .textFieldSm input {
    width: 66px;
} /**text field 70px wide**/

.template2a .lt .textFieldMed input,
.template2b .rt .textFieldMed input {
    width: 170px;
} /**text field styles for skinny columns **/

.template2a .rt .textFieldMed input,
.template2b .lt .textFieldMed input,
.template2b .rt .textFieldLg input,
.template2b .rt .textFieldXlg input {
    width: 186px;
} /**text field 190px wide**/

.template2a .rt .textFieldLg input,
.template2b .lt .textFieldLg input {
    width: 286px;
} /**text field 290px wide**/

.template2a .rt .textFieldXlg input,
.template2b .lt .textFieldXlg input {
    width: 446px;
} /**text field 450px wide**/

.template2a .lt .textAreaXlgMed textarea,
.template2a .rt .textAreaMdSm textarea,
.template2b .lt .textAreaMdSm textarea,
.template2b .rt .textAreaXlgMed textarea {
    width: 186px;
    height: 46px;
} /**textarea 190px wide**/

.template2a .rt .textAreaLgSm textarea,
.template2b .lt .textAreaLgSm textarea {
    width: 286px;
    height: 46px;
} /**textarea 290px wide**/

.template2a .rt .textAreaXlgMed textarea,
.template2b .lt .textAreaXlgMed textarea {
    width: 446px;
    height: 46px;
} /**textarea 450px wide**/

.template2a .lt .selectMed select,
.template2b .rt .selectMed select {
    width: 190px;
}

.template2a .rt .formInline .count,
.template2b .lt .formInline .count {
    float: left;
    width: 200px;
}

.template2a .rt .formGroupInline label,
.template2b .lt .formGroupInline label {
    width: 655px;
}

.template2a .rt .layoutBase .cell1,
.template2b .lt .layoutBase .cell1,
.template2a .rt .layoutBase .cell2,
.template2b .lt .layoutBase .cell2,
.template2a .rt .layoutBase .cell3,
.template2b .lt .layoutBase .cell3 {
    float: left;
} /** floats cells in a layout container**/


/**2 column, sidebar left styles**/
.template2 .rt .formDesc,
.template2 .lt .formDesc {
    width: 450px;
}
.template2 .rt .withLink,
.template2 .lt .withLink {
    width: 450px;
}
.template2 .rt .subBtnBar,
.template2 .lt .subBtnBar {
    width: 450px;
}

/**2 column, sidebar right styles**/
.template2b .rt .textAreaXlSm textarea {
    width: 186px;
    height: 46px;
} /**textarea 190px wide**/

.template2a .lt .textLeft,
.template2b .rt .textLeft {
    width: 175px
}

.formGroupBlock .withLink {
    width: 450px;
}
/****************************/

/** FORM LAYOUTS **/
.formGroupBlock .layoutFormBase.layoutForm1 .cell1,
.formGroupBlock .layoutFormBase.layoutForm1 .cell2 {
    width: 100%;
}

.formGroupBlock .layoutFormBase.layoutForm2 .cell1,
.formGroupBlock .layoutFormBase.layoutForm2 .cell2 {
    width: auto;
    margin: 0;
    padding: 0;
}

/**Form Group styles**/
.formGroupBlock,
.formGroupInline {
    margin: 0 0 10px;
}

.formGroupInline.padded input {
    margin-right: 5px;
}

.instructionalText {
    font-size: 11px;
    color: #888;
}

.formGroupBlock:after,
.formGroupInline:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    _height: 0;
    _line-height: 0;
    _font-size: 0;
}

/* KEN- DEPRECATED STYLES FOR A DEPRECATED BROWSER */
.formGroupBlock,
.formGroupInline {
    display: inline-block;
}/* Hides from IE-mac \*/
* html .formGroup {height: 1%;}
/* End hide from IE-mac */
/* IE doubled-top-padding Hack
   hides rule from IE5-Mac \*/
* html .hotelDetail {height: 1%;}
/* End hide from IE5-mac */
/* KEN- DEPRECATED STYLES FOR A DEPRECATED BROWSER */


.formGroupInline {
    display: inline;
}

.formGroupBlock,
.formGroupInline.noInline {
    display: block;
}

/* NAM - NO NOT NEED ANYMORE */
.formGroupBlock .formGroupBlock .formTitle,
.formGroupBlock .formGroupInline .formTitle,
.formGroupInline .formGroupBlock .formTitle,
.formGroupInline .formGroupInline .formTitle {
    font-weight: normal;
} /**nested form fields styles**/
/* NAM - NO NOT NEED ANYMORE */


.formGroupBlock.lastForm,
.formGroupInline.lastForm {
    margin-bottom: 0;
}
.formGroupBlock h3,
.formGroupInline h3 {
    padding-bottom: 0px;
    margin-bottom: 5px;
}

/*** NAM - check to be removed *****/
.formSect .formH4 {
    font-weight: bold;
    display: block;
}
/*** NAM - check to be removed *****/

.formIndent {
    margin: 5px 0 0 17px;
    display: block;
    _margin: -5px 0 0 25px;
}

.formDesc {
    padding: 0 0 10px 0;
}
.formSect label,
.formSect input,
.formSect select {
    display: block;
}

.formSect label.inlineBlock,
.formSect input.inlineBlock,
.formSect select.inlineBlock {
    display: -moz-inline-block;
    display: inline-block;
    _display: inline;
}

.formGroupInline label,
.formGroupInline input,
.formGroupInline select,
.formGroupInline textarea {
   float: left;
}

.formGroupInline label {
    position: relative;
    top: 3px;
} /** center align the labels for inline forms**/

/**Nested formGroup elements**/
.formGroupInline .formGroupBlock {
    float: left;
} /**form block attributes nested within form inline **/

.formGroupInline .formGroupBlock label,
.formGroupInline .formGroupBlock input,
.formGroupInline .formGroupBlock select {
    display: block;
    float: none;
} /**clears from inline control for labels, inputs, and select **/

.formGroupInline .formGroupBlock label {
    text-align: left;
    width: auto;
} /**controls nested form block label attributes**/

.formGroupInline .formTitle {
    padding-bottom: 3px;
}

.formGroupBlock span.grayTxt {
    padding-top: 2px;
    display: block;
}

.formGroupBlock div.labelContainer {
    float: left;
    width: 90%;
    margin: 0 0 0 5px;
    padding: 0;
}

.formGroupBlock div.labelContainer label {
    font-weight: bold;
    display: block;
}

.formGroupBlock div.labelContainer label.afterInput {
    display: inline;
}

.formGroupBlock div.labelContainer span,
.formGroupBlock div.labelContainer .checkBoxLabel  {
    font-weight: normal;
}

.formGroupBlock input.float,
.radioButtons .layoutFormBase div div div input {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.radioButtons {
    margin: 10px 0;
}

.radioButtons label {
    font-weight: normal;
    margin-bottom: 5px;
}

.radioButtons label .emphasis,
.radioButtons label.formTitle {
    font-weight: bold;
}

.radioButtons .formGroupBlock div.labelContainer label {
    font-weight: normal;
    margin-bottom: 0;
}

.radioButtons .formGroupBlock div.labelContainer span {
    color: #929292;
}

.inlineRadioBtns input[type="radio"] {
    float: left;
}

.inlineRadioBtns label {
    float: left;
    margin: 0 10px 0 3px;
}

.darkGrayTxt {
    color: #222;
}

.formSect .formSubTitle {
    margin-bottom: 5px;
}

/**field styles**/
.fieldLabel {
    font-weight: bold;
}

.inlineSelect label {
    display: block;
    float: left;
    margin-top: 2px;
    _margin_top: 0px;
    margin-right: 4px;
}

.inlineSelect select {
    float: left;
}

.checkBoxTextAlign{
  vertical-align: text-bottom;
  margin-top: 3px;
}

/*************** Services Tab specific ****************/
.formSect .contentBox {
    background: #fff;
    border: 1px solid #d0d0d0;
    padding: 10px 10px 20px 10px;

}

.formSect .contentBox.noPadding {
    padding: 0px;
}

.btnBar .updateNote {
    letter-spacing: normal;
}

table.userData {
    width: 678px;
}

.userData .odd {
    background-color: #fafbfc;
}

table.userData td {
    padding-left: 10px;
    padding-top: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
}

table.userData td.col1,
table.userData td.col2,
table.userData td.col3 {
    width: 160px;
}

table.userData td.col4 .cell1 {
    width: 55px;
    text-align: center;
}

table.userData td.col5 {
    width: 23px;
}

table.userData td.col6 {
    width: 16px;
}

.addLink {
    padding-top: 10px;
}

.addLink .addIcon {
    display: inline-block;
    height: 16px;
    padding-left: 19px;
    background: transparent url('/sitedashboard/resources/img/default/icons/add_10.gif') no-repeat 0px 0px;
}

a.hideUser {
    display: block;
    width: 10px;
    height: 10px;
    background: transparent url('/sitedashboard/resources/img/default/icons/x_10.gif') no-repeat 0 0;
}

/* Form Errors */
.onboarding .errorContainer {
    background: #fdfac8 url("/sitedashboard/resources/img/default/message_box/exclamation.gif") no-repeat 9px 12px;
    border: 1px solid #f1e9a9;
    margin-bottom: 20px;
    padding: 10px 10px 10px 40px;
    color: #db252c;
    font-weight: bold;
    font-size: 11px;
}

.onboarding .errorContainer .hdg {
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
}

.errorOverlay {
    background: transparent url("/sitedashboard/resources/img/default/regFormErrorBG.gif") no-repeat 4px top;
}

.errorOverlay .bd {
    background: #fdfac8;
    border: 1px solid #f1e9a9;
    border-left: none;
    color: #db252c;
    margin-left: 10px;
    padding: 5px;
}


/**
* Captcha
**/
.captchaImageBlock {
    margin-bottom: 10px;
}

.captchaImageBlock span a {
    float: none !important;
}

.captchaImageBlock span {
    display: block;
}

.captchaImageBlock span img {
    vertical-align: text-bottom;
    clear: none;
    margin-right: 5px;
    border: 1px solid #999999;
}
/**Widths DEFAULT**/
.shadowSides {
    width: 982px;
    padding: 0 1px 1px 1px;
    margin: 0 auto 20px auto;
    background-color: #dddcdc;
}

.page {
  width: 980px;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #dbdada;
    border-top: none;
    background-color: #fff;
}

.red {
    color: #f00;
}

.template1 .col.lt {
    width: 940px;
}

.template2 .col.lt,
.template2 .col.rt {
    width: 460px;
}

.template2a .col.lt,
.template2b .col.rt {
    width: 220px;
}

.template2a .col.rt,
.template2b .col.lt {
    width: 700px;
}

.template3 .col {
    width: 300px;
}

.template3a .col.lt,
.template3a .col.rt {
    width: 220px;
}

.template3a .col.midLt {
    width: 460px;
}


.template3b .col.lt,
.template3b .col.midLt {
  width: 340px;
}

.template3b .col.rt {
    width: 220px;
}

.template3c .col.lt,
.template3c .col.rt {
  width: 225px;
}
.template3c .col.midLt {
  width: 450px;
}

.template4 .col.lt,
.template4 .col.midLt,
.template4 .col.midRt,
.template4 .col.rt {
    width: 220px;
}





/**page tmpl**/


/*
.page {
    background: #fff; margin: 0 auto; padding: 0 0 0;
}

*/

/**zones**/
.zoneBase {
    display: block; background: #fff;
}

.zoneBase.zoneBody {
    min-height: 400px;
} /**holds the page open to a certain height **/

/**.template and cols**/
.templateBase {
    width: auto; background: #fff;
}

.template1 .col.midLt,
.template1 .col.midRt,
.template1 .col.rt {
    display: none;
}

.template1 .col.lt .col.rt {
    display: block;
}

.template2 .col.midLt,
.template2 .col.midRt {
    display: none;
}

.template2a .col.midLt,
.template2a .col.midRt,
.template2b .col.midLt,
.template2b .col.midRt {
    display: none;
}

.template3 .col.midRt {
    display: none;
}

.template3a .col.midRt {
    display: none;
}

.col {
    float: left; padding-right: 20px;
}
 /**controls the padding to the left side of cols**/
.col.lt {
    padding-left: 20px;
}


.colLayout2 .cell1 {
    margin-right: 20px;
}

.colLayout2 .cell1,
.colLayout2 .cell2 {
    float: left;
    width: 340px;
    background: pink;
}

/********** WIDGET.CSS**********/
/**wdg col tmpl**/

.template1 .col.lt .wdgBase .layout4 .cell.lt,
.template1 .col.lt .wdgBase .layout4 .cell.rt {
    width: 50%;
}

.template1 .col.lt .wdgBase .layout2 .cell.lt {
    width: 30%;
}

.template1 .col.lt .wdgBase .layout2 .cell.rt {
    width: 70%;
}

.template2 .wdgBase .layout4 .cell.lt,
.template2 .wdgBase .layout4 .cell.rt {
    width: 50%;
}

.template2a .layout1 .cell.lt,
.template2a .layout1 .cell.rt {
    width: 700px;
}

.template2a .col.lt .wdgBase .layout4 .cell.lt,
.template2a .col.lt .wdgBase .layout4 .cell.rt {
    width: 100%;
}

.template3 .layout4 .cell.lt,
.template3 .layout4 .cell.rt {
    width: 100%;
}

.template4 .layout2 .cell.lt,
.template4 .layout2 .cell.rt {
    width: 100px;
}

.template4 .layout4 .cell.lt,
.template4 .layout4 .cell.rt {
    width: 50%; border: 1px solid red;
}

.wdgBase .layout2 .cell.lt {
    float: left;
}

.wdgBase .layout2 .cell.rt {
    float:right;
    padding-right: 5px;
}

/**wdg cell**/
.cell {
    float: left;
    padding: 5px 0 5px 0;
} /*generic cell style */



.layoutBase.layout2 .cell {
    width: auto;
}

.layoutBase.layout2 .cell.cell2,
.layoutBase.layout2b .cell.cell2,
.template2b .lt .layoutBase.layout2 .cell.cell2,
.template2b .lt .layoutBase.layout2b .cell.cell2 {
    float: right;
}

.layoutBase.layout2b .cell.cell1 {
    float: left;
    width: 400px;
    _width: 400px;
}
.layoutBase.layout2b .cell.cell2 {
    width: 210px;
    text-align: right;
}

.template2b .lt .layout2a .cell {
  width: 335px;
}

.template2b .lt .layout2a .cell.rt {
  float: right;
}
.template2b .lt .layout2c .cell.lt {
  width: 375px;
}

.template2b .lt .layout2c .cell.rt {
  width: 300px;
  float: right;
}

.layoutCellBase.layoutCell2 .cell1,
.layoutCellBase.layoutCell2 .cell2 {
    float: left;
    width: 290px
} /*contols layout columns in widget cells */


/** DISABLED
.layoutCellBase.layoutCell2 .cell1 {
    width: 150px;
}  /*contols layout columns in widget cells */

.layoutCellBase.layoutCell2 .cell2 {
    padding-left: 5px;
} /*contols layout columns in widget cells */

.template2 .sectionBase .cell.lt {
    width: auto;
}



/**Section styles**/
.sectionBase {
    /* border-bottom: 1px solid #e3e3e3; */
    padding: 0 10px 15px 0;
    zoom: 1;
} /**form section attributes**/

.sectionBase h3 {
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    padding: 0 0 10px 0;
    color: #dd6003;
}

.sectionBase.sectionNoSidePad h3 {
    padding-left: 5px;
}

/** default form section header 3**/

.sectionBase h3.withDesc,
.sectionBase h3.withDesc {
    padding: 0;
    width: auto;
}

.sectionBase .sectionDesc {
    padding-bottom: 10px;
}

.sectionBase ol {
    padding-left: 18px;
    _padding-left: 24px;
} /**clears the ordered list settings**/

.sectionBase ol li {
    list-style-type: decimal;
} /**numeric list items in the section section**/

.sectionBase.section2 {
    border-bottom: 0;
    padding-bottom: 0;
} /**form section without bottom padding and border**/

.formSectPlain {
    background-color: transparent;
    border-color: #929292;
}

.formSectNoBottom {
    border-bottom: 0;
}

.sectionBase h3,
.sectionBase.formSect h3 {
    color: #dd6003;
    font-size: 12px;
} /** default form section header 3**/


.wdgSideNav .sectionBase h3 {
    padding-top: 10px;
    font-size: 11px;
    color: #222;
}
.sectionBase.section0pxPad {
    padding: 0;
}

.sectionBase.section5pxLeftPad {
    padding: 0 0 0 5px;
}


.sectionBase.section5pxPad {
    padding: 5px;
}

.sectionBase.sectionNoSidePad {
    padding-left: 0;
    padding-right: 0;
}


.sectionBase.lastSection {
    border-bottom: none;
    padding-bottom: 0;
}

.sectionBase.formSect.lastSection {
    padding-bottom: 5px;
}

.sectionBase.lastSection .cell {
    padding-bottom: 0;
}


/**content widths inside page layouts**/

.sxnCol {
    _display: inline; /* IE6 double-margin fix */
    float: left;
    margin-left: 20px;
}

.sxnCol1x {
    width: 60px;
}

.sxnCol2x {
    width: 140px;
}

.sxnCol3x {
    width: 220px;
}

.sxnCol4x {
    width: 300px;
}

.sxnCol5x {
    width: 380px;
}

.sxnCol6x {
    width: 460px;
}

.sxnCol7x {
    width: 540px;
}

.sxnCol8x {
    width: 620px;
}

.sxnCol9x {
    width: 700px;
}

.sxnCol10x {
    width: 780px;
}

.sxnCol11x {
    width: 860px;
}

.sxnCol12x {
    width: 940px;
}


/**content wdgs**/
ul {
    padding: 0 0 0 25px; margin: 0 0 10px 0;
}

.list0 {
    list-style-type: none; padding: 0 0 0 10px;
}

.list1 li {
    margin-bottom: 0;
}

.list2 li {
    margin-bottom: 20px;
}

ul.bullets li {
    list-style-type: disc;
}

.boldNumberedList {
    font-weight: bold;
}

.boldNumberedList span {
    font-weight: normal;
}

h2 {
    padding-left: 5px;
}

p {
    margin: 0;
}

/**flexible styles**/
.inline {
    float: left;
}

.textRight {
    text-align: right;
}

.textCenter {
  text-align: center;
}

.padTop0 {
    padding-top: 0 !important;
}

.padTop2 {
    padding-top: 2px;
}

.padTop3 {
    padding-top: 3px;
}

.padTop4 {
    padding-top: 4px;
}

.padTop5 {
    padding-top: 5px;
}

.padTop7 {
    padding-top: 7px;
}

.padTop8 {
    padding-top: 8px;
}

.padTop10 {
    padding-top: 10px !important;
}

.padTop11 {
    padding-top: 11px !important;
}

.padTop12 {
    padding-top: 12px !important;
}

.padTop14 {
    padding-top: 14px !important;
}

.padTop15 {
    padding-top: 15px !important;
}

.padTop16 {
    padding-top: 16px !important;
}

.padTop17 {
    padding-top: 17px !important;
}

.padTop18 {
    padding-top: 18px !important;
}

.padTop20 {
    padding-top: 20px !important;
}

.padTop22 {
    padding-top: 22px !important;
}

.padTop25 {
    padding-top: 25px !important;
}

.padTop29 {
    padding-top: 29px !important;
}

.padTop30 {
    padding-top: 30px !important;
}

.padTop34 {
    padding-top: 34px !important;
}

.padTop35 {
    padding-top: 35px !important;
}

.padTop40 {
    padding-top: 40px !important;
}

.padTop45 {
    padding-top: 45px !important;
}

.padTop76 {
    padding-top: 76px !important;
}

.padTop87 {
    padding-top: 87px !important;
}

.padTop101 {
    padding-top: 101px !important;
}

.padRight0 {
  padding-right: 0 !important;
}

.padRight5 {
  padding-right: 5px !important;
}

.padRight10 {
    padding-right: 10px !important;
}

.padRight15 {
    padding-right: 15px !important;
}

.padRight20 {
    padding-right: 20px !important;
}

.padBtm0 {
    padding-bottom: 0 !important;
}

.padBtm3 {
    padding-bottom: 3px !important;
}

.padBtm4 {
    padding-bottom: 4px !important;
}

.padBtm5 {
    padding-bottom: 5px !important;
}

.padBtm6 {
    padding-bottom: 6px !important;
}

.padBtm8 {
    padding-bottom: 8px !important;
}

.padBtm10 {
    padding-bottom: 10px !important;
}

.padBtm15 {
    padding-bottom: 15px !important;
}

.padBtm16 {
    padding-bottom: 16px !important;
}

.padBtm18 {
    padding-bottom: 18px !important;
}

.padBtm20 {
    padding-bottom: 20px !important;
}

.padBtm30 {
    padding-bottom: 30px !important;
}

.padLeft3 {
    padding-left: 3px !important;
}

.padLt5, .padLeft5  {
    padding-left: 5px !important;
}

.padLeft6  {
    padding-left: 6px !important;
}

.padLt10, .padLeft10  {
    padding-left: 10px !important;
}

.padLeft13  {
    padding-left: 13px !important;
}

.padLeft15  {
    padding-left: 15px !important;
}

.padLt20, .padLeft20  {
    padding-left: 20px !important;
}

.padLt25, .padLeft25  {
    padding-left: 25px !important;
}
.padLt30, .padLeft30  {
    padding-left: 30px !important;
}
.marTop2 {
    margin-top: 2px !important;
}

.marTop4 {
    margin-top: 4px !important;
}

.marTop5 {
    margin-top: 5px !important;
}

.marTop6 {
    margin-top: 6px !important;
}

.marTop10 {
    margin-top: 10px !important;
}

.marTop11 {
    margin-top: 11px !important;
}

.marTop15 {
    margin-top: 20px !important;
}

.marTop20 {
    margin-top: 20px !important;
}

.marTop30 {
    margin-top: 30px !important;
}

.marTop35 {
    margin-top: 35px !important;
}

.marRight0 {
    margin-right: 0 !important;
}

.marRight5 {
    margin-right: 5px !important;
}

.marRight10 {
    margin-right: 10px !important;
}

.marRight20 {
    margin-right: 20px !important;
}

.marBtm0 {
    margin-bottom: 0 !important;
}

.marBtm1 {
    margin-bottom: 1px !important;
}

.marBtm4 {
    margin-bottom: 4px !important;
}

.marBtm5 {
    margin-bottom: 5px !important;
}

.marBtm6 {
    margin-bottom: 6px !important;
}

.marBtm8 {
    margin-bottom: 8px !important;
}

.marBtm9 {
    margin-bottom: 9px !important;
}

.marBtm10 {
    margin-bottom: 10px !important;
}

.marBtm12 {
    margin-bottom: 12px !important;
}

.marBtm15 {
    margin-bottom: 15px !important;
}

.marBtm20 {
    margin-bottom: 20px !important;
}

.marBtm40 {
    margin-bottom: 40px !important;
}

.marLt0, .marLeft0  {
    margin-left: 0 !important;
}

.marLt5, .marLeft5  {
    margin-left: 5px !important;
}

.marLt10, .marLeft10  {
    margin-left: 10px !important;
}

.marLeft15  {
    margin-left: 15px !important;
}

.marLt20, .marLeft20  {
    margin-left: 20px !important;
}

.bottomBorder {
    width: 100%;
    border-bottom: 1px;
}

.noBottomBorder {
    border-bottom: 0 !important;
}

.width15 {
    width: 15px !important;
}

.width40 {
    width: 40px !important;
}

.width45 {
    width: 45px !important;
}

.width50 {
    width: 50px !important;
}

.width60 {
    width: 60px !important;
}

.width70 {
    width: 70px !important;
}

.width80 {
    width: 80px !important;
}

.width78 {
    width: 78px !important;
}

.width90 {
    width: 90px !important;
}

.width100 {
    width: 100px !important;
}

.width110 {
    width: 110px !important;
}

.width115{
    width: 115px !important;
}

.width130 {
    width: 130px !important;
}

.width140 {
    width: 140px !important;
}

.width150 {
    width: 150px !important;
}

.width160 {
    width: 160px !important;
}

.width170 {
    width: 170px !important;
}

.width180 {
    width: 180px !important;
}

.width200 {
    width: 200px !important;
}

.width220 {
    width: 220px;
}

.width240 {
    width: 240px;
}

.width280 {
    width: 280px !important;
}

.width300 {
    width: 300px !important;
}

.width650 {
    width: 650px !important;
}


.height10 {
    height: 10px !important;
}

.height15 {
    height: 15px !important;
}

.height19 {
    height: 19px !important;
}

.height25 {
    height: 25px !important;
}

.whiteBackground {
    background-color: #fff !important;
}

.noBottom {
    padding-bottom: 0; !important;
    margin-bottom: 0 !important;
}

.altRow {
    background: #fafbfc !important;
}

.costAllocationCheckBox {
    margin-left: 3px;
    vertical-align: text-bottom;
}

.blackText {
    color: #000 !important;
}
body, div, ul, li, td, h2, h3, h4, h5, h6, p, input, textarea, select, option, br {
    color: #44444;
    line-height: 15px;
    font-size: 11px;
    font-family: arial, helvetica, sans-serif;
}

.zoneBody .siteSelector td {
    font-size: 11px;
} /**overrides old console td**/

a {
    color: #3293c6;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

input {
    line-height: normal;
}

input[type="checkbox"]{
    vertical-align: middle;
}

script, div.analytics, 
.sizeRow td {
    font-size: 0px;
    line-height: 0px;
    height: 0px;
}

h3 {color:#222;font-size:13px;font-weight: bold;color:#222;line-height: 15px;}.showBlock {
    display: block;
}

.hideBlock {
    display: none;
}

.showInline {
    display: inline;
}

.visibilityOff {
    visiblilty: hidden;
}/**************************
PROFILE ZONE
**************************/


.wdgTopBar {
    background: url('/sitedashboard/resources/img/profileBg.gif') repeat-x left top;
    height: 30px;
    width: 980px;
}

.wdgTopBar .barBtn {
    border-left: 1px solid #adadad;
    border-right: 1px solid #eae8e8;
    line-height: 24px;
    height: 24px;

}
.wdgTopBar .barBtn span.inner,
.wdgTopBar .barBtn a {
    border-left: 1px solid #eae8e8;
    border-right: 1px solid #adadad;
    display: block;
    padding: 0 10px;
    color: #333;
    text-decoration: none;
}

.wdgTopBar .barBtn.left {
    float: left;
    border-left: 0;
}

.wdgTopBar .barBtn.left a {
    border-left: 0;
}

.wdgTopBar .barBtn.right {
    float: right;
    border-right: 0;
}

.wdgTopBar .barBtn.right a {
    border: 0;
}

.wdgTopBar .barBtn a:hover {
    background: #b5cdda;
    color: #263e4b;
    text-decoration: none;
}




.wdgTopBar signOutLink {
    border-right: 0 solid #eae8e8;
}

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

.wdgTopBar .switcherLinks,
.wdgTopBar .switcherLinks li {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
    height: 30px;
    line-height: 23px;
}

.wdgTopBar .switcherLinks li {
    display: block;
    float: left;
    min-width: 125px;
    _width: 125px;
    text-align: center;
}

.wdgTopBar .switcherLinks li.selected {
    background: #505050 url('/sitedashboard/resources/img/smb_selected.gif') no-repeat center bottom;
}

.wdgTopBar .switcherLinks li.selected span {
    color: #fff;
}

.wdgTopBar .switcherLinks li a {
    color: #444;
    text-decoration: none;
}

.wdgTopBar .switcherLinks li a:hover {
    background-color: #b5cdda;
}

.wdgTopBar .switcherLinks li a,
.wdgTopBar .switcherLinks li a:hover,
.wdgTopBar .switcherLinks li span {
    display: block;
    padding: 0 15px;
}

.wdgTopBar .switcherLinks li a span,
.wdgTopBar .switcherLinks li a:hover span {
    padding: 0;
    background: none;
}


/** siteButton **/


.wdgTopBar .siteButton {
    float: left;
    border-left: 0;
    cursor: pointer;
}

.wdgTopBar .siteButton a {
    color: #3293c6;
    text-decoration: underline;
    background: url('/sitedashboard/resources/img/dropdownArrow.gif') no-repeat scroll right 0px;
    padding: 0 35px 0 10px;
}




.wdgTopBar .barBtn.siteButton a:hover {
    background: url('/sitedashboard/resources/img/dropdownArrow.gif') no-repeat scroll right 0px;
    color: #3293c6;
    text-decoration: underline;
}


.wdgTopBar .barBtn.siteButton.open a, .wdgTopBar .barBtn.siteButton.open a:hover {
    background: url('/sitedashboard/resources/img/dropdownArrow.gif') no-repeat scroll right -20px;
}



.wdgTopBar .siteDisplay span.inner {
    padding-left: 25px;
    font-weight: bold;
    cursor: default;
}

/** siteMenu **/

.siteMenu {

    width: 160px;
}
.siteMenu .bd {
    background: #ffffff url('/sitedashboard/resources/img/siteSelectorPopupBg.gif') repeat-x scroll top left;
    border: 1px solid #b1b1b1;
    padding: 10px;
    text-align: left;
}

.bd {
    text-align: left;
}  /** override the old console behavior of center text alignment **/

span.header {
    color: #000;
} /** override the old console behavior of blue header text colors **/

.siteMenu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.siteMenu ul li {
    margin: 0;
    padding: 0;
}

.siteMenu hr {
    background-color: #b1b1b1;
}


.siteMenu .yui-menu-shadow-visible {
    background-color: #000000;
    opacity: .10;
    *filter: alpha(opacity=10);
}



.siteMenu .yui-menu-shadow {
    top: 2px;
    right: -2px;
    left: 2px;
    bottom: -2px;
}


/** siteSelectorPopup **/

.siteSelectorPopup {
    width: 540px;
    background: #ffffff url('/sitedashboard/resources/img/siteSelectorPopupBg.gif') repeat-x scroll bottom left;
    padding: 10px;
    border: 1px solid #adadad;
}

.siteSelectorPopup .popupFooter {
    float: right;
    padding-top: 10px;
}

.siteSelectorPopup h5 {
    color: #dd6003;
    font-size: 12px;
    font-weight: bold;
}/**************************
BRANDING ZONE
**************************/
.zoneBranding {
    width: 960px;
    padding: 15px 0 15px 20px;
}

.wdgBranding {
    *position: relative;
}

.partnerBrandingLogo, .brandingHdr {
    display: inline-block;
    padding: 0 10px 0 0;
    vertical-align: bottom;
    zoom: 1;
}

.partnerBrandingLogo.newUIDemoImage, .partnerBrandingLogo.newUI{
    display: block;
    padding: 0 10px 0 0;
    vertical-align: bottom;
    zoom: 1;
    margin: 0 auto;
    position: relative;
    width: 50%;
}

.brandingNoLogo .partnerBrandingLogo {
    height: 48px;
    padding-top: 2px;
}

.clientBrandingLogo {
    float: right;
    margin-left: 10px;
    border-left: 1px solid #d8d7d7;
    width: 200px;
    height: 40px;
    text-align: left;
    padding: 10px 0 10px 10px;
}

.changeSite {
    float: right;
    width: 200px;
}

.changeSiteLink {
    background: transparent url('/sitedashboard/resources/img/changeSiteIcons.gif') no-repeat scroll left -1px;
    padding-left: 17px;
    padding-bottom: 1px;
    text-align: left;
    line-height: 16px;
}

.changeHistoryLinks {
    text-align: left;
    padding-left: 18px;
}

.changeSiteMenu {
    background: #eee url('/sitedashboard/resources/img/profileBg.gif') repeat-x scroll left center;
    margin-top: 2px;
    padding: 1px 2px 1px 3px;
    border: 1px solid #999;
}
.changeSiteMenu a {
    float: left;
}
.changeSiteMenu a.icon {
    background: transparent url('/sitedashboard/resources/img/changeSiteIcons.gif') no-repeat scroll right -17px;
    padding-right: 16px;
    padding-bottom: 0px;
    float: right;
    text-decoration: none;
}

.brandingHdr {
    font-size: 24px;
    line-height: 24px;
    color: #3f3f3f;
    white-space: nowrap;
    padding-bottom: 5px;
    *position: absolute;
    *bottom: 0;
}

.brandingIntro {
    text-align: left;
    line-height: 15px;
}
/**************************
NAVIGATION ZONE
**************************/

/********** BASE TABS **********/
.wdgBase.wdgTopNav {
    height: 32px;
    width: 940px;
    margin: 0 20px;
    background-color: #266782;
}

.wdgBase.ruleDivider {
    border-top: 2px solid #999; 
    margin: 0 20px 20px; 20px
} /** adds rule divider between branding and body widgets **/

.wdgTopNav .topNavLt {
    height: 32px;
} /** left bookend graphic **/

.wdgTopNav .topNavRt {
    height: 32px;
} /** right bookend graphic **/

.navBarSD, 
.wdgTopNav ul {
    float:left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
} /** remove bullet points from lists **/

.navBarSD li {
    display: inline;
    list-style: none;
    float: left;
    margin: 0;
    cursor: pointer;
    border-right: 1px solid #266782;
    border-left: 1px solid #266782;
    margin: 0 0 0 0;
    text-align: center;
} /**nav borders **/

.navBarSD a {
    display: block;
    height: 31px;
    line-height: 31px;
    color: #fff;
    padding: 1px 20px 0 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    /** DISABLED opacity: 0.99999; **/
    *opacity: 1.0;
    _width: 1%;
} /**tab anchors **/

.navBarSD li.firstTab {
    border-left: 0;
} /**removes first tab's left border **/

/********** HOVER TABS **********/
.navBarSD li.tab:hover {
    display: block;
    color: #fff;
    text-decoration: none;
    background-color: #99c221; 
    /** DISABLED opacity: 0.99999; **/
    *opacity: 1.0;
} /**controls background and text hover **/

.navBarSD li.firstTab a:hover {
	background-color: #266782; 
} /** controls background hover for the left bookend graphic **/

/********** ACTIVE TABS **********/
.navBarSD li.actvTab a {
    display: block;
    color: #fff;
    text-decoration: none;
    background-color: #99c221;
} /** controls the background**/

.navBarSD li.actvTab a:hover {
	background-color: #266782; 
    cursor: default;
} /** controls the background hover **/

.navBarSD li.firstTab .actvTab a {
	background-color: #99c221;
} /** controls background for the left bookend graphic **/

.navBarSD li.firstTab .actvTab a:hover {
	background-color: #266782; 
} /** controls background for the left bookend graphic hover **/


/**********TAB MENUS **********/
.navBarSD li ul.menu {
    position: absolute;
    z-index: 5;
    left: -999em;
    height: auto;
    padding: 10px 0;
    margin-left: -1px;
    background-color: #99c221;
    /** DISABLED opacity: 0.99999; **/
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    width: 200px;
} /**menu UL attributes**/

.navBarSD li ul.menu li {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    border-left: 0;
    border-right: 0;
    background: #99c221;
    /** DISABLED opacity: 0.99999; **/
    *opacity: 1.0;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
} /** menu list item attributes **/

.navBarSD li ul.menu li a {
    _width: auto;
    height: auto;
    padding: 3px 20px;
    font-size: 11px;
    color: #222;
    line-height: 15px;
    /** DISABLED opacity: 0.99999; **/
    *opacity: 1.0;
    background-image: none;
} /** menu list item anchor attributes **/

.navBarSD li ul.menu li a:hover {
    margin: 0;
    /** DISABLED opacity: 0.99999; **/
    *opacity: 1.0;
    background: none;
    color: #222;
    text-decoration: underline;
} /** menu list item anchor hover attributes **/

.navBarSD li:hover ul,
.navBarSD li.iehover ul {
    display: block;
    left: auto;
} /** makes the menu dropdowns happen **/.wdgPageTitle {
    padding: 25px 20px 25px 20px;
}

.wdgPageTitle h1 {
    float: left;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    color: #666;
    margin: 0 5px;
    *display: inline; /* IE double-margin fix */
}


.wdgPageTitle h1.type2 {
    color: #bb0011;
}

.subPageTitle {
    float: left;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    color: #999;
    text-transform: capitalize;
}.zoneBody .wdgBase.wdgErrMsg {
    border: 1px solid #999;
    padding: 10px;
    background: #f8f8f8;
}

.zoneBody .wdgBase.wdgErrMsg .errTitle {
    font-size: 12px;
    font-weight: bold;
}

.zoneBody .wdgBase.wdgErrMsg .errIcon {
    background: transparent url('/sitedashboard/resources/img/default/errMsgIcons.gif') no-repeat scroll left top;
    padding-left: 35px;
}/**************************
BODY ZONE
**************************/


/**widget styles**/
.zoneBody .wdgBase {
    margin-bottom: 30px;
}
.zoneBody .wdgBase.wdgBaseBtm25 {
	margin-bottom: 25px;
}

.zoneBody .wdgBase.wdgPageTitle {
    margin-bottom: 0px;
}

.zoneBody .wdgBase .hdr {
    background: #fff;
    border-top: 1px solid #999;
    border-bottom: 1px solid #ccc;
    padding: 7px 0 7px 5px;
}

.zoneBody .wdgBase .hdr.onboarding {
    border-top: 1px solid #999;
}

.zoneBody .wdgBase .subHead {
    padding: 10px 5px;
}

.zoneBody .wdgBase .subHead h3 {
    color: #013f78;
    font: bold 18px Arial,sans-serif;
}

.zoneBody .wdgBase .hdr.notFirst {
    margin-top: 20px;
}

.zoneBody .wdgBase .hdr.noHdr {
    border-bottom: 0;
    padding: 0;
}

.zoneBody .wdgBase .hdrNoBottom {
    border-bottom: 0;
}

.zoneBody .wdgBase .hdr h2 {
    background: transparent none no-repeat scroll left center;
    color: #333;
    display: inline;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0;
}

.zoneBody .wdgBase .wdgMain .hdr h2.type2 {
    color: #013f78;
    font-size: 14px;
    line-height: 14px;
}

.zoneBody .wdgBase .hdr .instruct {
    padding-top: 20px;
}

.zoneBody .wdgBase .hdr.sub h2 {
    color: #dd6003;
}

.zoneBody .wdgBase.wdgSub .hdr h2  {
    color: #dd6003;
}

.zoneBody .wdgBase .hdr .selectionCount {
    color: #666;
    line-height: 11px;
    padding-top: 3px;
    font-size: 11px;
}
.zoneBody .wdgBase .hdr.main.clearAfter h2,
.zoneBody .wdgBase .hdr.main.clrAf .selectionCount {
    float: left;
    padding-right: 4px;
}

.zoneBody .wdgBase .body.noHdr {
    border-top: 1px solid #999;
}

/**PAGE TITLE widget styles**/
.zoneBody .wdgBase.wdgPageTitle {
    margin-bottom: 0px;
}

/**MAIN widget styles**/
.zoneBody .wdgBase.wdgMain .hdr {
    padding: 9px 0 9px 5px;
    padding: 10px 0 10px 3px;
    margin-bottom: 20px;
}

.zoneBody .wdgBase.wdgMain .hdr h2  {
    font-size: 18px;
    line-height: 18px;
}

.zoneBody .wdgBase.wdgMain .hdr .link {
    float: right;
    margin-top: -12px;
    line-height: 10px;
}

.zoneBody .wdgBase.wdgMain .hdr .requiredField {
  float: right;
  margin-right: 10px;
}

/**NO HEADER widget styles**/
.zoneBody .wdgBase.bodyOnlyWdg {
    margin-bottom: 10px;
}

.zoneBody .wdgBase.bodyOnlyWdg .hdr {
    display: none;
}

.zoneBody .wdgBase.bodyOnlyWdg .body {
   padding: 0 5px;
}

.zoneBody .wdgBase.wdgSub .hdr h2  {
    color: #dd6003;
}

.zoneBody .wdgBase .hdr .selectionCount {
    color: #666;
    line-height: 11px;
    padding-top: 3px;
    font-size: 11px;
}
.zoneBody .wdgBase .hdr.main.clearAfter h2,
.zoneBody .wdgBase .hdr.main.clrAf .selectionCount {
    float: left;
    padding-right: 4px;
}

/**submit button styles**/
.btnBar {
    padding:  10px 0px 10px 0;
    border-top: 1px solid #ccc;
    letter-spacing: -3px;/** TO REMOVE THE WHITE SPACE IN THIS DIV */
}
.btnBar a {
    margin: 0 10px 0 0;
    letter-spacing: 0;/** TO RESET LETTER SPACING BACK TO NORMAL */
}

.btnBarFloater {
    padding:  10px;
    background-color: #ededed;
    letter-spacing: -3px;/** TO REMOVE THE WHITE SPACE IN THIS DIV */
}

.btnBarFloater a {
    margin: 0 10px 0 0;
    letter-spacing: 0;/** TO RESET LETTER SPACING BACK TO NORMAL */
}

/* Message Box */

.zoneBody .wdgMsg {
    border: 1px solid #999;
    padding: 10px;
    background: #f8f8f8;
}

.zoneBody .wdgMsg .msgTitle {
  padding: 5px 0 0 0;
    font-size: 13px;
    font-weight: bold;
}

.zoneBody .wdgMsg .confirmIcon {
    min-height: 30px;
    _height: 30px;
    padding-left: 35px;
    background: transparent url('/sitedashboard/resources/img/default/success.gif') no-repeat scroll left top;
}
/** SIDEBAR**/
.section3 {
    padding: 0;
    margin-top: 0px;
}

.section3.last {
    border: none;
}

.section3 h3 {
    padding: 0 0 2px 5px;
    font-weight: bold;
}

.section3 ul {
    list-style: none;
    margin-bottom: 8px;
    padding: 0;
}

.section3 li {
    margin: 0;
    width: 220px;
    padding: 0;
    border-bottom: 1px solid #ccc;
}

.section3 li a {
    padding: 3px 5px;
    line-height: 20px;
    display: block;
    width: 210px;
    text-decoration: none;
}

.section3 li a:hover,
.section3 li.on a {
    color: #505050;
    background-color: #f2fbff;
    text-decoration: none;
}

.section3 li.firstLink {
    border-top: 1px solid #ccc;
}

.section3 li.subListTop {
    margin-top: 0;
}

.section3 li.subListTop a {
    color: #505050;
    background-color: #f2fbff;
    text-decoration: none;
}

.section3 li.subList {
    font-size: 11px;
    border: 0;
    width: 205px;
    padding: 0;
}

.section3 li.subList a {
    color: #999;
    padding-top: 0;
    padding-bottom: 0;
}

.section3 li.subList a:hover {
    color: #505050;
}

.section3 li.subListSelected {
    border: 0;
    color: #505050;
    width: 220px;
}

.section3 li.subListSelected a {
    color: #505050;
    width: 210px;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
}

.section3 li.subListSelected a:hover {
    font-weight: bold;
}

.userName {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding: 8px 0 8px 5px;
}

.zoneBody .wdgBase.wdgMain .hdr h2.backLink {
    font-size: 11px;

}

.border-bottom {
    border-bottom: 1px solid #CCCCCC;
}
.blkList table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
}

.blkList a {
	font-weight: bold;
}

.blkList input {
	margin-left: 6px;
}

.blkList table {
	margin-bottom: 10px;
}

.blkList table th.cName {
	width: 155px;
}

.blkList table th.cUserName {
	width: 87px;
}

.blkList table th.cEmail {
	width: 156px;
}

.blkList table th.cAction {
	width: 47px;
	white-space: nowrap;
}

.blkList table .cAction label {
	margin-left: -22px;
}

.blkList table td {
	padding: 7px 5px 6px 5px;
	overflow: hidden;
	border-bottom: 1px solid #e3e3e3;
	vertical-align: top;
}

.blkList table th {
	padding: 0 5px 5px 5px;
	text-align: left;
	vertical-align: bottom;
	border-bottom: 1px solid #e3e3e3;
}

.blkList table th a {
	font-weight: normal;
}

.blkList table tr {
	cursor: pointer;
}

.blkList table tr span.icon {
	background: url('/sitedashboard/resources/img/sprites/icons_sp.gif') no-repeat right 0;
	width: 17px;
	height: 6px;
	display: block;
	float:right;
}

.blkList table tr.open,
.blkList table tr.dtl {
	background-color: #ebf8ff;
}

.blkList table tr.open td {
	border-bottom: none;
}

.blkList table tr.open span.icon {
	background: url('/sitedashboard/resources/img/sprites/icons_sp.gif') no-repeat right -6px;
}

.blkList table tr.dtl td {
	padding: 0 5px 6px 5px;
	padding: 0;
	border-bottom: none;
}

.blkList .userDetails .userDetailsContent {
	padding: 0 5px 6px 5px;	
	border-bottom: 1px solid #e3e3e3;	
}

.blkList .userDetails table td {
	border-bottom: none;
	padding: 0;
}

.blkList .userDetails td.btns {
	width: 130px;
	padding: 0 5px 0 0;
}

.blkList .userDetails table .item .hdr,
.blkList .userDetails table .item .val {
	float: left;
	width: 49%;
	line-height: 20px;
}

.blkList .userDetails table .item .hdr {
	font-weight: bold;
}

.blkList table tr:hover,
.cartUser .cart .user:hover {
	background-color: #ebf8ff;
}

.cartUser .user {
	padding: 5px;
	border-bottom: 1px solid #e3e3e3;	
}

.cartUser .user a {
	font-weight: bold;
	color: #505050;
	text-decoration: none;
	cursor: default;
}

.cartUser {
	margin-top: 15px;
	border: 1px solid #b3b3b3;
}

.cartUser .cart {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	height: 352px;
	border-bottom: 1px solid #b3b3b3;	
}

.cartUser .cart .user {
	background-color: #fffef2;
}

.cartUser .actions {
	padding: 10px 5px;
}

.user .grp {
	display: block;
}

.user .del {
	margin-top: 2px;
	height: 11px;
	width: 17px;
	float: right;
	/*
	position: absolute;
	top: 0;
	left: 185px;
	*/
	display: block;
	background: url('/sitedashboard/resources/img/sprites/icons_sp.gif') no-repeat right -12px;
	cursor: pointer;
}
a.btn,
a.btn:visited,
a.btn2,
a.btn3 {
    height: 22px;
    background: url(/sitedashboard/resources/img/default/btn/buttons2.gif) no-repeat left 0;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    _width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: 1px;
    vertical-align: middle;
    padding: 0 0 0 2px;
}

a.btn span.wrap,
a.btn2 span.wrap,
a.btn3 span.wrap,
a.btnArrowDown span.wrap,
a.btnArrowUp span.wrap {
    position: relative;
    *position: static;
    left: 1px;
    padding: 0 13px 0 10px;
    line-height: 22px;
    height: 22px;
    background: url(/sitedashboard/resources/img/default/btn/buttons2.gif) no-repeat right 0;
    display: block;
    white-space: no-wrap;
    _white-space: nowrap;
    cursor: pointer;
}

a.btn2,
a.btn2:visited,
a.btn3 {
    color: #3293c6;
    background-position: left -30px;
}

a.btn2 span.wrap,
a.btn3 span.wrap {
    background-position: right -30px;
}

a.btn3,
a.btn3:visited {
    margin-left: 5px;
    color: #999;
}

a.btn3,
a.btn3 span.wrap {
    cursor: default;
}

a.btnSm {
    _position: relative;
    height: 15px;
    background-position: left -60px;
    color: #3293c6;
    font-size: 10px;
}

a.btnSm span.wrap {
    padding: 0 6px 0 3px;
    line-height: 15px;
    height: 15px;
    background-position: right -60px;
}


a.btnArrowDown {
    background-position: left -80px;
}

a.btnArrowDown span.wrap {
    background-position: right -80px;
}

a.btnArrowUp {
    background-position: left -110px;
}

a.btnArrowUp span.wrap {
    background-position: right -110px;
}

a.btnArrowDown span.wrap,
a.btnArrowUp span.wrap {
    padding-right: 43px;
}

a.btnBig {
    height: 30px;
    background: url(/sitedashboard/resources/img/default/btn/buttons_big.gif) no-repeat left 0;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    _width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: 1px;
    vertical-align: middle;
}

a.btnBig span.wrap {
    position: relative;
    left: 1px;
    padding: 0 13px 0 12px;
    line-height: 30px;
    height: 30px;
    background: url(/sitedashboard/resources/img/default/btn/buttons_big.gif) no-repeat right 0;
    display: block;
    white-space: no-wrap;
    _white-space: nowrap;
    cursor: pointer;
}

.buttonPositionLeft {
    float: left;
}

.buttonPositionRight {
    float: right;
}

.buttonPositionLeft .btn {
    margin-right: 5px;
}

.buttonPositionRight .btn {
    margin-left: 5px;
    float:left;
}

.buttonWide {
    width: 60px;
    text-align: center;
}

.buttonXWide {
    width: 80px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    vertical-align: top;
}

.userSearchButtonXWide {
    width: 90px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    vertical-align: top;
}

a.btnQuickLookClosed {
    background-position: left -172px;
    display:block;
    float:left;
    height:20px;
    padding-left:16px;
    width:auto;
}

a.btnQuickLookOpened {
    background-position: left -142px;
    display:block;
    float:left;
    height: 20px;
    padding-left: 16px;
    width: auto;
}

a.btnQuickLookClosed span.wrap,
a.btnQuickLookOpened span.wrap {
    border:0 none;
    color:#3293C6;
    background-position: right -142px;
    display:block;
    font-size:11px;
    font-weight:bold;
    line-height:20px;
    padding:0 5px;
    text-align:left;
    text-decoration:none;
    width: 60px;
}

/* Trip Planner buttons */
a.btnSm span.wrap span.add {
    color: #779400;
}

a.btnSm span.wrap span.remove {
    color: #AE2B35;
}
.boxFrame {
    margin: 0 0 15px 0;
    border: 1px solid #c2c2c2;
}

.boxFrame .boxFrameHeader {
    height: 29px;
    padding: 0 0 0 10px;
    background: url(/sitedashboard/resources/img/default/boxframe_hdr.gif) repeat-x bottom;
    line-height: 29px;
    font-weight: bold;
}

.boxFrame .boxFrameContent {
    padding: 10px;
    border-top: 1px solid #c2c2c2;
    overflow: hidden;
}

.userCountLbl {
    float: left;
}

.userCountNum {
    float: right;
    padding: 0 5px 0 0;
    text-align: right;
}

.serviceListingFirst {
    padding: 0 0 5px 0;
}

.serviceListing {
    padding: 5px 0;
    border-top: 1px solid #d7d7d7;
}

.serviceListingLast {
    padding: 5px 0 0 0;
    border-top: 1px solid #d7d7d7;
}

.helpLinkList {
    margin: 0;
    padding: 0;
}

.helpLinkList li {
    margin: 0 0 0 10px;
    padding: 0;
}
/**
 * OLDER
 *
 **/
.sWrap {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  background-color: #f0f2f2;
  padding: 10px 0;
  margin-bottom: 10px;
}

.boldActiveLink {
  color: black;
  font-weight: bold;
}

.normalActiveLink {
  color: #3293c6;
  font-weight: normal;
}

.sWrap select {
  width: 120px;
}

/* Paginition Container */
.paging {
display: block;
}

.paging .sortBy {
  float: left;
}

.fullwidth {
  width: 100%;
}

.paging .nav {
  float: right;
}

.logoCheckBox {
    border: 1px solid #ccc;
    padding: 10px;
    float: left;
} /* the checkboxes for multiple logos in the logo box */




/**
 * WIDGET STYLES FOR BRISK COMPONENT LIBARY -DASHBOARD-
 *
 **/

/** H2 WIDGET **/
h2 span {
    float: right;
    font-weight: normal;
    font-size: 11px;
    color: #222;
}

/** ANCHOR WIDGET **/
a.icon {
    line-height: 11px;
    display: block;
    padding-left: 20px;
    padding-bottom: 5px;
    background-position: 0 0;
    background-image: url('/sitedashboard/resources/img/sprites/icons_anchor_sprite2.gif');
    background-repeat: no-repeat;
    font-weight: bold;
    text-decoration: underline;
    border-bottom: 1px solid #eaeaea;
}

a.icon.add {
    background-position: 1px -47px;
}

a.icon.activate {
    background-position: 2px -16px;
    border: none;
}

a.icon.deactivate {
    background-position: 0 -81px;
}

a.icon.remind {
    background-position: 0 -31px;
    border: none;
}

a.icon.delete {
    background-position: 1px -63px;
}

a.icon.add-user {
    position: relative;
    background: url('/sitedashboard/resources/img/add-user-gradient.gif') repeat-x;
    border: 1px solid #ccc;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 23px;
    padding: 0 0 0 4px;
}

a.icon.add-user:hover {
    text-decoration: none;
}

a.icon.add-user span {
    position: absolute;
    top: 6px;
    padding-right: 8px;
    font-weight: normal;
    cursor: pointer;
}

a.icon.standout {
    background: url('/sitedashboard/resources/img/default/icon_add.gif') no-repeat 3px 0px;
    border: none;
    text-decoration: none;
}

a.icon.standout span {
    float: none;
    color: #3293C6;
}

a.buttonLink {
    display: block;
    height: 23px;
    padding: 0 10px;
    margin: 0 10px 0 0;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
    line-height: 23px;
}

a.buttonLink:hover {
    text-decoration: none;
}

a.buttonLink span {
    font-weight: normal;
    cursor: pointer;
}

.iconAddButton span  {
    padding: 0 0 0 15px;
    background: url('/sitedashboard/resources/img/default/icon_add.gif') no-repeat scroll left 1px;
}

/** RADIO BUTTON TOGGLE WIDGET **/
/* leaving border+positioning in place for easy swap out of tab borders should design call for it later */
.selectScreen .selectionTab {
    float: left;
    width: 240px;
    margin-right: 5px;
    margin-bottom: 0;
    padding: 10px 0 10px 5px;
    border: 1px solid #fcfaeb;
    border-bottom-color: #e3e3e3;
    position: relative;         /* positioning specifically for */
    top: 1px;                   /* 1px colored border design */
    cursor: pointer;
}

.customizeSettings {
  border-bottom: 0;
}

.customizeSettings .selectionTab {
    width: 300px;
}

.selectScreen .selectionTab input {
    float: left;
    margin-right: 5px;
    padding: 0;
}

.selectScreen .selectionTab.active {
    background-color: #fff;
    border-color: #e3e3e3;
    border-bottom: 1px solid #fff; /* bottom-border color should match active tab background */
}

.selectScreen .selectionTab div {
    color: #222;
    float: left;
}

.selectScreen .selectionTab label {
    display: block;
    color: #dd6003;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}


/** SELECT/DROPDOWN WIDGET **/
.selectContainer {
    margin-bottom: 10px;
}

.selectContainer .errorMsg {
    color: red;
}

.selectContainer .note {
    color: #222;
    margin: 2px 0 5px;
}

.selectContainer.error label {
    color: #red;
}

.selectContainer.block label {
    display: block;
    font-weight: bold;
}

/** FIELDSET WIDGET **/
.fieldsetContainer fieldset label a {
    float: none;
    margin: 0;
}

.fieldsetContainer fieldset a {
    float: left;
    margin-top: 10px;
}

.fieldsetContainer .btnBar {
    border-top: 0;
    padding: 0;
    background: red;
}

.fieldsetContainer .btnBar .btnInline {
    margin: 0 10px 0 0;
    padding: 0;
}

.fieldsetContainer fieldset {
    margin-bottom: 10px;
}

.fieldsetContainer fieldset .instructions {
    margin-bottom: 10px;
}

.fieldsetContainer fieldset .req {
    float: right;
}

.selectScreen .fieldsetContainer {
    clear: both;
    border: 1px solid #e3e3e3;
    margin-top: 0;
    padding: 10px;
    background: #fff;
}

* html .selectScreen .fieldsetContainer {
    padding: 5px 5px 11px 5px;
}

.selectScreen .fieldsetContainer fieldset {
    border: 1px solid #e3e3e3;
    padding: 10px;
    background: #fff;
}

.fieldsetContainer a.rightEdge {
    margin-top: 2px;
    margin-left: 320px;
    padding: 0;
}

.fieldsetContainer .btnBar.widthLg a.rightEdge {
    float: right;
    margin: 0 160px 0 0;
}

.fieldsetContainer .btnBar.widthXLg a.rightEdge {
    float: right;
    margin: 0;
}

* html .fieldsetContainer .btnBar.widthXLg a.rightEdge {
    margin-left: 222px;
}

.fieldsetContainer fieldset .fieldsetLabel {
    font-size: 12px;
    font-weight: bold;
    color: #dd6003;
    margin-bottom: 5px;
}

.selectScreen .fieldsetContainer fieldset .fieldsetLabel {
    font-size: 11px;
    color: #222;
}

/** PAGINATION WIDGET **/
.paginationContainer {
  display: block;
}

.paginationContainer .dropDown {
  float: left;
}

.paginationContainer .pageByPageNav{
  float: right;
}

.paginationContainer .pageByPageNav .first {
    margin-right: 10px;
}

.paginationContainer .pageByPageNav .next {
    margin-right: 10px;
    margin-left: 10px;
}

.paginationContainer .pageByPageNav .previous {
    margin-right: 10px;
}

/** ADVANCED SEARCH WIDGET **/
.advancedSearchContainer {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  background-color: #f0f2f2;
  padding: 5px 0 0 10px;
  margin-bottom: 10px;
}

.advancedSearchContainer select {
  width: 150px;
  margin-right: 0;
}

.advancedSearchContainer label.formLabel {
    display: block;
    padding: 0;
}

.advancedSearchContainer label.formLabel span {
    font-weight: bold;
}

.advancedSearchContainer #showOptions {
    display: block;
    float: left;
    margin-top: 5px;
}

.advancedSearchContainer .textField {
    padding: 0;
    float: left;
    margin-right: 2px;
    height: 12px;
}

.advancedSearchContainer .searchBtn {
    margin-left: 0;
    padding-top: 2px;
    width: 80px;
}

.userSearchBtn {
    margin-left: 0;
    padding-top: 2px;
    width: 90px;
}

.advancedSearchContainer #advancedOptions {
    padding-top: 5px;
    clear: both;
}

.advancedSearchContainer #advancedOptions .checkboxFilters {
    margin: 0;
    padding: 0;
    float: left;
    width: 220px;
}

.advancedSearchContainer #advancedOptions .checkboxFilters div.labelContainer label {
    font-weight: normal;
}

.advancedSearchContainer #advancedOptions .selectFilters {
    margin: 0;
    float: left;
    padding: 0;
}

/** USER SEARCH **/
.user-search {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.user-search user-count {
    text-align: right;
}

/** SIMPLE TABLE WIDGET **/
table.default td {
  padding: 7px 5px 6px 10px;
  overflow: hidden;
  border-bottom: 1px solid #e3e3e3;
  vertical-align: top;
}

table.default tr.alt td {
    background: #fafbfc;
}

table.form tr td {
    background: #fff;
}

table.default th {
  padding: 0 10px;
  text-align: left;
  vertical-align: bottom;
  border-bottom: 1px solid #e3e3e3;
}

table.default th.alignCenter {
    text-align: center;
}

table.default th.alignRight {
    text-align: right;
}

table.default span.dual span {
    display: block;
}

table.default span a.name {
    white-space: nowrap;
    font-weight: bold;
}

table.default .center {
    text-align: center;
}

table.default td.cImpersonate a {
    background: url('/sitedashboard/resources/img/default/icon_impersonate.gif') no-repeat center center;
    display: block;
    height: 13px;
}

table.default th label {
    display: block;
}

table.default.darkHeader th {
    line-height: 28px;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    background: #f0f2f2;
    font-weight: bold;
    color: #222;
}

table.default.darkHeader th a {
    color:#222;
    text-decoration: none;
    font-weight: bold;
}

/** ACCORDION TABLE WIDGET **/

.accordionTable {
    margin: 0;
    padding: 0;
    zoom: 1;
}

.accordionTable li {
    list-style: none;
}

.darkHeaderRow .headerCell  {
    float: left;
    line-height: 28px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f0f2f2;
    font-weight: bold;
    color: #222;
}

.dataBlock {
    display: inline;
}

.dataRow .dataCell  {
    float: left;
    height: 35px;
    overflow: hidden;
    border-bottom: 1px solid #e3e3e3;
    line-height: 35px;
}

.dataRow .dataCellNoBorder  {
    float: left;
    height: 35px;
    overflow: hidden;
    line-height: 35px;
}

.dataRow .borderTop  {
    border-top: 1px solid #e3e3e3;
}

.borderBottom  {
    border-bottom: 1px solid #e3e3e3;
}

.dataRow .dataCell img {
    margin: 11px 0 0 0;
}

.dataDetail  {
    padding: 0;
    border-top: 0;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f6f6f6;
}

.dataDetail2  {
    width: 680px;
 /*   height: 87px;  */
    display: inline-block;
    margin-left: 10px;
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f6f6f6;
}

.dataDetail3  {
    width: 680px;
    /*height: 48px;  */
    display: inline-block;
    margin-left: 10px;
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f6f6f6;
}

.dataDetail4  {
    width: 680px;
    /*height: 48px;  */
    display: inline-block;
    margin-left: 10px;
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f6f6f6;
}

.dataDetail5  {
    width: 680px;
    display: inline-block;
    /*height: 140px;  */
    margin-left: 10px;
    padding-top: 17px;
    background-color: #f6f6f6;
}

.billingNumbersList {
  float: left;
  width: 210px;
  padding: 0 10px 0 0;
}

.billingNumbersListUsers {
    float: left;
    width: 330px;
    padding: 0 10px 0 0;
}

.dataDetailCostAllocation  {
    padding: 0;
    border-top: 0;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    background-color: #fff;
    padding-top: 10px;
}

.rowSelectedCostAllocation {
  background-color: #ddd !important;
  border-bottom: 0;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
}

.leftDataBlock {
    float: left;
    width: 210px;
}

.rightDataBlock {
    float: right;
    width: 420px;
}

.dataDetailWordWrap  {
    width: 200px;
    margin-right: 10px;
    word-wrap: break-word;
}

.dataDetailWordWrapWide  {
    width: 300px;
    margin-right: 10px;
    word-wrap: break-word;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.dataBlock .hidden  {
    position: absolute;
    visiblity: hidden;
}

.darkHeaderRow .polCol1, .dataRow .polCol1 {
    width: 110px;
    padding: 0 0 0 10px;
}

.darkHeaderRow .polCol2, .dataRow .polCol2 {
    width: 150px;
}

.darkHeaderRow .polCol3, .dataRow .polCol3 {
    width: 330px;
}

.darkHeaderRow .polCol4, .dataRow .polCol4 {
    width: 50px;
}

.darkHeaderRow .polCol5, .dataRow .polCol5 {
    width: 40px;
    padding: 0 10px 0 0;
}

.darkHeaderRow .expCol1, .dataRow .expCol1 {
    width: 150px;
    padding: 0 0 0 10px;
}

.darkHeaderRow .expCol2, .dataRow .expCol2 {
    width: 95px;
}

.darkHeaderRow .expCol3, .dataRow .expCol3 {
    width: 200px;
}

.darkHeaderRow .expCol4, .dataRow .expCol4 {
    width: 145px;
}

.darkHeaderRow .expCol5, .dataRow .expCol5 {
    width: 50px;
}

.darkHeaderRow .expCol5 .expCol5hdr {
	height:28px;
	display:table-cell;
	width:50px;
	vertical-align:middle;
}

.darkHeaderRow .expCol6, .dataRow .expCol6 {
    width: 40px;
    padding: 0 10px 0 0;
}

.darkHeaderRow .deptCol2, .dataRow .deptCol2 {
    width: 250px;
}

.dataRow .newDeptCol {
    width: 690px;
}

.darkHeaderRow .deptCol3, .dataRow .deptCol3 {
    width: 120px;
}

.darkHeaderRow .deptCol4, .dataRow .deptCol4 {
    width: 95px;
}

.darkHeaderRow .deptCol5, .dataRow .deptCol5 {
    width: 35px;
}

.darkHeaderRow .deptCol6, .dataRow .deptCol6 {
    width: 70px;
}

.darkHeaderRow .cfCol1, .dataRow .cfCol1 {
    width: 280px;
    padding: 0 0 0 10px;
}

.darkHeaderRow .cfCol2, .dataRow .cfCol2 {
    width: 290px;
}

.darkHeaderRow .cfCol3, .dataRow .cfCol3 {
    width: 60px;
}

.darkHeaderRow .cfCol4, .dataRow .cfCol4 {
    width: 50px;
    padding: 0 10px 0 0;
}

.darkHeaderRow .programCol1, .dataRow .programCol1 {
    width: 160px;
}

.darkHeaderRow .programCol2, .dataRow .programCol2 {
    width: 120px;
}

.darkHeaderRow .programCol3, .dataRow .programCol3 {
    width: 80px;
}

.darkHeaderRow .programCol4, .dataRow .programCol4 {
    width: 100px;
}

.darkHeaderRow .programCol5, .dataRow .programCol5 {
    width: 110px;
}

.darkHeaderRow .programCol6, .dataRow .programCol6 {
    width: 80px;
}

.darkHeaderRow .programCol7, .dataRow .programCol7 {
    width: 50px;
}

.darkHeaderRow .accountCol1, .dataRow .accountCol1 {
    width: 170px;
}

.darkHeaderRow .accountCol2, .dataRow .accountCol2 {
    width: 120px;
}

.darkHeaderRow .accountCol3, .dataRow .accountCol3{
    width: 170px;
}

.darkHeaderRow .accountCol4, .dataRow .accountCol4 {
    width: 240px;
}

.darkHeaderRow .supplierCol1, .dataRow .supplierCol1 {
    width: 280px;
}

.darkHeaderRow .supplierCol2, .dataRow .supplierCol2 {
    width: 220px;
}

.darkHeaderRow .supplierCol3, .dataRow .supplierCol3{
    width: 100px;
}

.darkHeaderRow .supplierCol4, .dataRow .supplierCol4{
    width: 100px;
}

.darkHeaderRow .contactListCol1, .dataRow .contactListCol1 {
    width: 200px;
}

.darkHeaderRow .contactListCol2, .dataRow .contactListCol2 {
    width: 130px;
}

.darkHeaderRow .contactListCol3, .dataRow .contactListCol3{
    width: 160px;
}

.darkHeaderRow .contactListCol4, .dataRow .contactListCol4 {
    width: 170px;
}

.darkHeaderRow .contactListCol5, .dataRow .contactListCol5{
    width: 40px;
}

.darkHeaderRow .supplierCol4, .dataRow .supplierCol4{
    width: 100px;
}

.darkHeaderRow .cahApproverCol1, .dataRow .cahApproverCol1 {
    width: 70px;
}

.darkHeaderRow .cahApproverCol1 .cahApproverCol1hdr {
    height:28px;
    display:table-cell;
    width:50px;
    vertical-align:middle;
}

.darkHeaderRow .cahApproverCol2, .dataRow .cahApproverCol2 {
    width: 280px;
}

.darkHeaderRow .cahApproverCol3, .dataRow .cahApproverCol3{
    width: 150px;
}

.darkHeaderRow .cahApproverCol4, .dataRow .cahApproverCol4{
    width: 100px;
}

.darkHeaderRow .cahApproverCol5, .dataRow .cahApproverCol5{
    width: 100px;
}

.darkHeaderRow .commodityApproverChkBx, .dataRow .commodityApproverChkBx {
    width: 70px;
}

.darkHeaderRow .commodityApproverChkBx .commodityApproverChkBxHdr {
    height:28px;
    display:table-cell;
    width:50px;
    vertical-align:middle;
}

.darkHeaderRow .commodityApproverName, .dataRow .commodityApproverName {
    width: 280px;
}

.darkHeaderRow .commodityApproverTh, .dataRow .commodityApproverTh{
    width: 150px;
}

.darkHeaderRow .commodityApproverState, .dataRow .commodityApproverState{
    width: 100px;
}

.darkHeaderRow .commodityApproverView, .dataRow .commodityApproverView{
    width: 100px;
}

.darkHeaderRow .commodityApproverTh, .dataRow .commodityApproverTh{
    width: 150px;
}

.darkHeaderRow .commodityApproverState, .dataRow .commodityApproverState{
    width: 100px;
}

.darkHeaderRow .listAllCommodityName, .dataRow .listAllCommodityName {
    width: 220px;
}

.darkHeaderRow .listAllCommodityApproverName, .dataRow .listAllCommodityApproverName {
    width: 220px;
}

.darkHeaderRow .listAllCommodityTh, .dataRow .listAllCommodityTh {
    width: 100px;
}

.darkHeaderRow .abJobReportCol1, .dataRow .abJobReportCol1 {
    width: 38px;
}

.darkHeaderRow .abJobReportCol2, .dataRow .abJobReportCol2 {
    width: 180px;
}

.darkHeaderRow .abJobReportCol3, .dataRow .abJobReportCol3 {
    width: 160px;
}

.darkHeaderRow .abJobReportCol4, .dataRow .abJobReportCol4 {
    width: 130px;
}

.darkHeaderRow .abJobReportCol5, .dataRow .abJobReportCol5 {
    width: 200px;
}

.darkHeaderRow .abJobHistoryCol1, .dataRow .abJobHistoryCol1 {
    width: 120px;
}

.darkHeaderRow .abJobHistoryCol2, .dataRow .abJobHistoryCol2 {
    width: 120px;
}

.darkHeaderRow .abJobHistoryCol3, .dataRow .abJobHistoryCol3 {
    width: 200px;
}

.darkHeaderRow .abJobHistoryCol4, .dataRow .abJobHistoryCol4 {
    width: 52px;
}

.darkHeaderRow .abJobHistoryCol5, .dataRow .abJobHistoryCol5 {
    width: 52px;
}

.darkHeaderRow .abJobHistoryCol6, .dataRow .abJobHistoryCol6 {
    width: 100px;
}

.darkHeaderRow .abJobHistoryCol7, .dataRow .abJobHistoryCol7 {
    width: 56px;
}

.darkHeaderRow .supplierUploadErrorRecordNumber, .dataRow .supplierUploadErrorRecordNumber {
    width: 38px;
}

.darkHeaderRow .supplierUploadErrorColumnName, .dataRow .supplierUploadErrorColumnName {
    width: 180px;
}

.darkHeaderRow .supplierUploadErrorDetail, .dataRow .supplierUploadErrorDetail {
    width: 360px;
}

.darkHeaderRow .supplierUploadRecentHistoryStatus, .dataRow .supplierUploadRecentHistoryStatus {
    width: 120px;
}

.darkHeaderRow .supplierUploadRecentHistoryCreationTime, .dataRow .supplierUploadRecentHistoryCreationTime {
    width: 120px;
}

.darkHeaderRow .supplierUploadRecentHistoryFileName, .dataRow .supplierUploadRecentHistoryFileName {
    width: 200px;
}

.darkHeaderRow .supplierUploadRecentHistoryTotal, .dataRow .supplierUploadRecentHistoryTotal {
    width: 52px;
}

.darkHeaderRow .supplierUploadRecentHistoryErrorCount, .dataRow .supplierUploadRecentHistoryErrorCount {
    width: 52px;
}

.darkHeaderRow .supplierUploadRecentHistoryAdmin, .dataRow .supplierUploadRecentHistoryAdmin {
    width: 100px;
}

.darkHeaderRow .supplierUploadRecentHistoryDetailView, .dataRow .supplierUploadRecentHistoryDetailView {
    width: 56px;
}

.loadingBarFloater {
    padding:  10px;
    background-color: #ededed;
    letter-spacing: 1px;
}

.abUploadSummaryMsgBoxLeft {
    display: block;
    float: left;
    height: 45px;
    padding: 0 10px 0 0;
    vertical-align: top;
    width: 27px;
}

.supplierUploadSummaryMsgBoxLeft {
    display: block;
    float: left;
    height: 45px;
    padding: 0 10px 0 0;
    vertical-align: top;
    width: 27px;
}

.darkHeaderRow .thresholdCol1, .dataRow .thresholdCol1 {
    width: 450px;
}

.darkHeaderRow .thresholdCol2, .dataRow .thresholdCol2 {
    width: 150px;
}

.darkHeaderRow .thresholdCol3, .dataRow .thresholdCol3 {
    width: 100px;
}

.darkHeaderRow .thresholdCol4, .dataRow .thresholdCol4 {
    width: 250px;
}

.darkHeaderRow .abGroupCol1, .dataRow .abGroupCol1 {
    width: 220px;
}

.darkHeaderRow .abGroupCol2, .dataRow .abGroupCol2 {
    width: 380px;
}

.darkHeaderRow .abGroupCol3, .dataRow .abGroupCol3 {
    width: 50px;
}

.darkHeaderRow .abGroupCol4, .dataRow .abGroupCol4 {
    width: 40px;
}

.darkHeaderRow .payCol1, .dataRow .payCol1 {
    width: 180px;
    padding: 0 0 0 10px;
}

.darkHeaderRow .payCol2, .dataRow .payCol2 {
    width: 390px;
}

.darkHeaderRow .payCol3, .dataRow .payCol3 {
    width: 60px;
}

.darkHeaderRow .payCol4, .dataRow .payCol4 {
    width: 50px;
    padding: 0 10px 0 0;
}


.darkHeaderRow .billHistCol1, .dataRow .billHistCol1 {
    width: 140px;
    padding: 0 0 0 10px;
}

.darkHeaderRow .billHistCol2, .dataRow .billHistCol2 {
    width: 100px;
}

.darkHeaderRow .billHistCol3, .dataRow .billHistCol3 {
    width: 100px;
}

.darkHeaderRow .billHistCol4, .dataRow .billHistCol4 {
    width: 100px;
}

.darkHeaderRow .billHistCol5, .dataRow .billHistCol5 {
    width: 150px;
}

.darkHeaderRow .billHistCol6, .dataRow .billHistCol6 {
    width: 90px;
    padding: 0 10px 0 0;
}

.darkHeaderRow .billPlanCol1, .dataRow .billPlanCol1 {
    width: 280px;
    padding: 0 0 0 10px;
}

.darkHeaderRow .billPlanCol2, .dataRow .billPlanCol2 {
    width: 140px;
    padding: 0 0 0 10px;
}

.darkHeaderRow .billPlanCol3, .dataRow .billPlanCol3 {
    width: 240px;
    padding: 0 10px 0 0;
}

.darkHeaderRow .ehiContCol1, .dataRow .ehiContCol1 {
    width: 95px;
    padding: 0 0 0 10px;
}

.darkHeaderRow .ehiContCol2, .dataRow .ehiContCol2 {
    width: 85px;
    padding: 0 0 0 12px;
}

.darkHeaderRow .ehiContCol3, .dataRow .ehiContCol3 {
    width: 146px;
    padding: 0 0 0 12px;
}

.darkHeaderRow .ehiContCol4, .dataRow .ehiContCol4 {
    width: 155px;
    padding: 0 0 0 12px;
}

.darkHeaderRow .ehiContCol5, .dataRow .ehiContCol5 {
    width: 74px;
    padding: 0 0 0 12px;
}

.darkHeaderRow .ehiContCol6, .dataRow .ehiContCol6 {
    width: 33px;
    padding: 0 0 0 9px;
}

.darkHeaderRow .ehiContCol7, .dataRow .ehiContCol7 {
    width: 30px;
    padding: 0 10px 0 5px;
}

.darkHeaderRow .ehiBillCol1, .dataRow .ehiBillCol1 {
    width: 155px;
    padding: 0 0 0 15px;
}

.darkHeaderRow .ehiBillCol2, .dataRow .ehiBillCol2 {
    width: 133px;
    padding: 0 0 0 20px;
}

.darkHeaderRow .ehiBillCol3, .dataRow .ehiBillCol3 {
    width: 125px;
    padding: 0 0 0 20px;
}

.darkHeaderRow .ehiBillCol4, .dataRow .ehiBillCol4 {
    width: 74px;
    padding: 0 0 0 20px;
}

.darkHeaderRow .ehiBillCol5, .dataRow .ehiBillCol5 {
    width: 48px;
    padding: 0 0 0 20px;
}

.darkHeaderRow .ehiBillCol6, .dataRow .ehiBillCol6 {
    width: 30px;
    padding: 0 10px 0 30px;
}

.darkHeaderBackground {
    background-color: #f0f2f2;
}

.userListScrollBox{
    height: 180px;
    border: 1px solid #ccc;
    padding: 5px;
    overflow-y: scroll;
}

.dataRow .userListCol1 {
    width: 210px;
    padding: 0 10px 0 0;
}

.dataRow .userListCol2 {
    width: 210px;
    padding: 0 10px 0 0;
}

.dataRow .userListCol3 {
    width: 110px;
}



/** ACTION TOOLBAR WIDGET **/
#actionToolbar {
    position: static;
    padding: 0 10px;
    float: right;
    margin-top: 0;
    width: 200px;
    background: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

* html #actionToolbar {
    right: 20px;
}

#actionToolbar span {
    font-weight: bold;
}

#actionToolbar a {
    font-weight: normal;
    text-decoration: none;
    margin: 10px 0 5px 0;
}

/** LOGO UPLOADER **/
.logoBox
{
  width: 288px;
  height: 110px;
  border: 1px solid #e5e5e5;
  /*background: #ffffff;*/
  float: left;
  margin: 0 10px 10px 0;
  padding: auto 0 auto 0;
  background-color: #fff;
  background-image: url(/sitedashboard/resources/img/logoRegMarksBG.gif);
  background-repeat: no-repeat;
  background-position: 36px 19px;
} /* the div box that container the logo with crop marks */

.logoBox img {
    margin: auto;
}

.buttonRemoveLogo {
    float: left;
    display: block;
}

.buttonSelectLogo {
    clear: both;
}

/** POPUP LAYER **/
.boxFloater .closeBox {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/sitedashboard/resources/img/close.gif);
    float:right;
    font-size: 11px;
    font-weight: normal;
    color: #444444;
    padding-top:2px;
    margin-top: 7px;
    text-decoration: none;
}

.boxFloater dl.twoColumn {
    background: #fff;
    margin-top: 5px;
    padding: 0;
    margin-bottom: 10px;
}

.boxFloater .sectionBase.formSect {
    background: #fcfaeb;
    margin: 0 10px 0 10px;
}

.boxFloater .boxContent .lastSection {
    margin-bottom: 0;
}

.boxFloater .boxContent {
    border-bottom: 1px solid #e3e3e3;
}

.boxFloater .boxContent .selectScreen {
    margin: 0 10px;
    padding: 10px;
}

.boxFloater .boxContent .btnBar {
    margin: 0 10px;
}

.boxFloater .fieldsetContainer a.rightEdge {
    margin-left: 380px;
    padding: 0;
}

.boxFloater .subForm .formTitle {
    font-weight: normal;
}

.boxFloater fieldset .subForm  .btn {
    margin-top: 0;
}

.emailUserForm {
  padding-top: 10px;
}

div.clearBottomBorder {
  border-bottom: 0 solid #ffffff;
}

.innerBorder {
  border-bottom: 1px solid #e3e3e3;
}
/** Search Results **/
.searchResults {
    margin-bottom: 10px;
}

.searchResultsTable  {
    width:100%;
}

.resultSummary {
    font-weight: bold;
}

.resultSummaryRight {
    text-align: right;
}

.quickTips  p {
    padding-bottom: 15px;
}
.quickTips strong {
    font-weight: bold;
}

.sortedUp {
    background: url("/sitedashboard/resources/img/default/icons/sort_up.gif") no-repeat scroll right center transparent;
    padding-right: 12px;
}

.sortedDown {
    background: url("/sitedashboard/resources/img/default/icons/sort_down.gif") no-repeat scroll right center transparent;
    padding-right: 12px;
}

/********* Service Activity Table ****************/

.serviceActivityExportLink {
    float: right;
    font-weight: bold;
    padding: 8px 15px 0 0;
}

.serviceActivityMsg {
    padding: 10px;
    background-color: #E7F0F9;
}

.serviceActivityResults .headerCell, .serviceActivityResults .dataCell {
    width: 90px;
    padding: 0 0 0 10px;
}

.serviceActivityResults .col4, .serviceActivityResults .col5 {
    width: 105px;
}

.serviceActivityResults .col6 {
    width: 65px;
}

.serviceActivityResults .col7 {
    width: 70px;
}

/********* Services:Dining/Travel ****************/

.diningSettingsIntro .leftCol,
.travelSettingsIntro .leftCol {
    width: 440px;
    padding: 0 5px 0 0;
}

.diningSettingsIntro .leftCol p,
.travelSettingsIntro .leftCol p {
    padding-bottom: 20px;
}

.diningSettingsIntro .rightCol,
.travelSettingsIntro .rightCol {
    width: 220px;
    float: right;
}

.diningSettingsIntro .rightCol ul li,
.travelSettingsIntro .rightCol ul li {
    padding-bottom: 20px;
}

/********* Services:Expenses ****************/

.comboBox220 {
  width: 220px !important;
}

.comboBox170 {
    width: 170px !important;
}

.policyFormTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #222222;
}

.policyFormTitle2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    color: #222222;
}

.policyFormText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #363636;
}

.policyFormTextWideLines {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    font-weight: normal;
    color: #363636;
}

.policyFormTextLight {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #b7b7b7;
}

.expensePolicyInformationalMsg {
    font-family: Arial, Helvetica, sans-serif;
    color: #363636;
    font-weight: normal;
    font-size: 11px;
    margin-bottom: 13px;
}

.expenseMessageBox .messageBox {
    padding: 0;
    margin: 5px 0;
}

.expenseMessageBox .messageBoxTop,
.expenseMessageBox .messageBoxBtm {
    height: 1px !important;
}

.expenseMessageBox .titleText {
    padding-bottom: 5px !important;
}

.expenseMessageBox textarea {
    margin-bottom: 2px;
}

.expenseMessageBox .linkSeparator {
    padding: 0 5px;
}

.expenseMessageBtn {
    padding: 2px 15px 0 0;
    height: 18px;
}

.expensePolicyMessageLong {
    word-wrap: break-word;
    width: 280px;
}

.expensePolicyViolationCustomMessage {
    word-wrap: break-word;
    width: 290px;
}

.expensePolicyScopeSelection {
    margin-top: 0;
    margin-bottom: 0;
}

.expensePolicyApplyToCol1 input,
.expensePolicyApplyToCol1 span,
.expensePolicyApplyToCol2 input,
.expensePolicyApplyToCol2 span {
    display: inline-block;
    vertical-align: top;
    margin-right: 2px;
}

.expensePolicyApplyToCol1,
.expensePolicyLimit {
    width: 250px;
    padding-right: 10px;
}

.expensePolicyApplyToCol1 span {
    width: 220px;
}

.expensePolicyApplyToCol2 {
    padding-left: 15px;
    border-left: 1px solid #d1d1d1;
    width: 300px;
}

.expensePolicyApplyToCol2 span {
    width: 270px;
}

.expensePolicyApplyToCol2b {
    width: 310px;
}

.expensePolicyApplyToCol2a {
    width: 320px;
}

.expensePolicyApplyToCol2a textarea{
    margin: 5px 0;
}

.expensePolicyTimesPer {
    padding: 0 2px 0 0;
    width: auto;
}

.expenseLimitCount {
    width: auto;
}

.expenseApplyToTypes .selectTwoCol {
    width: 190px;
    padding-right: 10px;
}

.expenseApplyToTypes .selectTwoCol input,
.expenseApplyToTypes .selectTwoCol span {
    display: inline-block;
    vertical-align: top;
}

.expenseApplyToTypes .selectTwoCol span {
    word-wrap: break-word;
    width: 150px;
}

/* dashboardsetup checklist (insights) */

.dashboardSetupChecklist {
    background-color: #f3f3f3;
    border: 1px solid #d2d2d2;
    padding: 10px;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
}

.dashboardSetupChecklist ul,
.dashboardSetupChecklist li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    line-height: 23px;
    clear: both;

}
.dashboardSetupChecklist li {
    padding-top: 10px;
}

.boxFloater .sectionBase .dashboardSetupChecklist  h2 {
    font-size: 13px;
}

.dashboardSetupChecklist li .btn .bin .txt {
    width: 90px;
    text-align: center;
}

/* logo upload ui */

.fileInputBtn {
    position: relative;
    overflow: hidden;
}


.fileInputBtn input {
    opacity:0;
    filter: alpha(opacity=0);
    top: 0;
    left: -120px;
    position: absolute;

}

.logoPlacemat {
    background: #fff url(/sitedashboard/resources/img/default/logo_placemat.gif) no-repeat center center;
    width: 280px;
    height: 100px;
    border: 1px solid #e5e5e5;
    text-align: center;
    margin: 0 10px 10px 0;
    float: left;
}

.spinnerGray {
    background: url(/sitedashboard/resources/img/default/spinners/spinner_gray.gif) no-repeat center center;
    width: 40px;
    height: 40px;
    display: -moz-inline-box;
    display: inline-block;
}


/* service links with icons */

.serviceLink {
    padding: 2px 0;
    background: url('/sitedashboard/resources/img/default/dotted_horiz_2x1.gif') repeat-x bottom left;
}

.template2b .lt .layout2a .cell .serviceLinks a {

}

.serviceLink a {
    display: block;
    padding: 3px 0 3px 25px;
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
}

.serviceLink a.airIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/flight_main.gif');
}

.serviceLink a.trainIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/train_main.gif');
}

.serviceLink a.hotelIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/hotel_main.gif');
}

.serviceLink a.carRentalIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/carRental_main.gif');
}

.serviceLink a.parkingIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/parking_main.gif');
}

.serviceLink a.carServiceIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/carServices_main.gif');
}

.serviceLink a.diningIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/dining_main.gif');
}

.serviceLink a.expenseIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/expense_main.gif');
}

.serviceLink a.mobileIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/mobile_main.gif');
}

.serviceLink a.helpIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/help_center.gif');
}

.serviceLink a.profileIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/profile_main.gif');
}

.serviceLink a.dashboardIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/dashboard_main.gif');
}

.serviceLink a.eventsIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/event_main.gif');
}

.serviceLink a.shippingIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/shipping_main.gif');
}

.serviceLink a.conferenceIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/conference_main.gif');
}

.serviceLink a.travelIcon {
    background-image: url('/sitedashboard/resources/img/default/icons/travel_main.gif');
}


.actionBox {
    background: transparent none no-repeat 10px center;
  padding-left: 70px;
  margin-top: 5px;
}

img.setPolicies {
  border: 1px solid #c2c2c2;
}

.actionPolicy {
    background-image: url(/sitedashboard/resources/img/default/icons/action_policy.gif);
}

.actionUsers {
    background-image: url(/sitedashboard/resources/img/default/icons/action_users.gif);
}

.actionExpense{
    background-image: url(/sitedashboard/resources/img/default/icons/action_expense.gif);
}

.shadedBox {
  background-color: #f3f3f3;
  padding: 10px;
}

.shadedBoxUsers {
    background: #f3f3f3 url(/sitedashboard/resources/img/default/icons/users.gif) no-repeat 10px 10px;
    padding: 10px;
    padding-left: 40px;
}

.templateBase .layoutBase h3.serviceLinkHdr {
  color: #000;
  font-size: 14px;
  float: none;
  padding-bottom: 5px;
}

.zoneBody .wdgBase.wdgMain .hdr.withMiniLogo {
  padding-bottom: 9px;
}

.zoneBody .wdgBase.wdgMain .hdr.withMiniLogo h2 {
  line-height: 23px;
}

.zoneBody .wdgBase.wdgMain .hdr.withMiniLogo img.miniLogo {
  padding-left: 5px;
  vertical-align: middle;
  margin-top: -1px;
}


.pullDown {
  border: 1px solid #b2b2b2;
  height: 23px;
  width: 208px;
  background: url(/sitedashboard/resources/img/default/pulldown_bg.gif) repeat-x 0 0;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
}

.pullDown .pullDownText {
  display: block;
  float: left;
  width: 186px;
  padding-left: 5px;
  height: 23px;
  line-height: 23px;
}

.pullDown .pullDownBtn {
  border-left: 1px solid #b2b2b2;
  background: url(/sitedashboard/resources/img/default/pulldown_arrow.gif) no-repeat center center;
  display: block;
  float: left;
  width: 16px;
  height: 23px;
}

.servicesPullDown {
  margin-top: -1px;
}
.servicesPullDownLayer {
  overflow: hidden;
  margin-top: -1px;
  border: 1px solid #b2b2b2;
  padding: 2px;
  background-color: #e6e6e6;
  position: absolute;
  width: 292px;

}

.servicesPullDownWrap {
  border: 1px solid #b2b2b2;
  padding: 10px 10px 10px 0;
  background-color: #fff;
}

.servicesPullDownLayer .serviceLinkSet {
  overflow: hidden;
}

.servicesPullDownCol {
  width: 130px;
  float: left;
  padding-left: 10px;
}

.mobilePromo {
  clear: both;
    margin: 10px 0 0 10px;
    padding: 10px 0 10px 30px;
    border: 1px solid #f5efa5;
    background: #fffde1 url('/sitedashboard/resources/img/default/icons/mobile_main.gif') no-repeat 10px 10px;
}

.mobilePromo .mobilePromoContent {
    color: #114b81;
    font-weight: bold;
}

.zoneBody .wdgBase.wdgShaded {
  background-color: #f3f3f3;
  border-bottom: 0;
  padding-bottom: 10px;
}
.zoneBody .wdgBase.wdgShaded .hdr h2 {
  color: #013f78;
}

.zoneBody .wdgBase.wdgShaded .hdr {
  background-color: #f3f3f3;
  border-bottom: 0;
  padding-left: 10px;
}

.zoneBody .wdgBase.wdgShaded .body {
  background-color: #f3f3f3;
  padding-left: 5px;
}

.zoneBody .wdgBase.wdgShaded h3 {
  color: #222;
  font-size: 11px;
  padding: 0;
}

/* fixing width on homepage for consistency when .template2b is used */

.template2b .homeTopTasks .body .sectionBase .layoutBase .cell {
    width: 340px;
}

/* required instruction */
.required-inst {
    padding-right:10px;
    text-align:right;
}

/* truncate string */
.stringLenTest {
    position: absolute;
    visibility: hidden;
    height: auto;
    width: auto;
    left: -10000;
    top: -10000;
    padding: 0;
    margin: 0;
}

.wordWrap {
    word-wrap: break-word;
}

.underlinedLink {
    text-decoration: underline;
}

.searchTableHeader1 {
  vertical-align: bottom;
}

.searchTableHeader2 {
  padding-left: 10px;
  padding-bottom: 5px;
  vertical-align: middle;
}

.searchTable0 {
  padding: 4px 0 0 0;
  margin: 0;
  vertical-align: top;
}

.searchCol1 {
  padding-top: 3px;
  margin-bottom:10px;
  width: 225px;
}
.searchCol2{
  padding: 0 0 0 20px;
  margin: 0;
  width: 50px;
}
.searchCol3 {
  padding: 0 0 0 20px;
  margin: 0;
  vertical-align: top;
  width: 30px;
}
.searchTable1 {
  padding: 2px 0 0 0;
  margin: 0;
}
.searchTable2{
  padding: 3px 0 0 0;
  margin: 0;
}

select.wideComboBox {
  width: 195px;
}

.longComboBox {
  width: 293px;
}

.isActiveSpacing {
  margin-left: 10px;
}

.width120 {
  width: 120px;
}

.width150 {
  width: 150px;
}

.width180 {
  width: 180px;
}

.width600 {
  width: 600px;
}

.pad5 {
  padding: 5px;
}

.filterBtn {
  widgh: 50px;
}

.errorTxt {
  color: red;
}

.compactForm select {
    margin: 1px 0 0 2px;
    margin-left: 1px\9;
}

.txtAlignRight {
    text-align: right;
}

.newSegmentDivider {
    width: 580px;
    height: 1px;
    color: #d7d7d7;
}

.createSegmentFormTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #363636;
}

.createCostSegmentSection select {
    margin-top:0;
    padding-top:0;
}

.marRight35 {
    margin-right: 35px !important;
}

/** Supplier Create/Update layer **/
div#suppliedCategories {
  overflow:scroll;
  width:250px;
  height:100px;
  background-color:white;
  padding:10px;
}

div#suppliedCategories ul {
  margin:0px;
  padding:0px;
}

div#suppliedCategories ul li {
  list-style-type:none;
}

div#suppliedCategories ul li ul {
  margin-left:10px;
  padding:0px;
}

div#suppliedCategories ul li.hide_subcategories ul {
  display:none;
}

div#suppliedCategories ul li ul li {
  list-style-type:none;
}

/** file upload **/
div#fileUploadContainer {
  display: block
}

div#fileUploadContainer .cell{
  display: inline-block
}

div#fileUploadContainer .cell input#uploadedFile{
  display: none
}

div#fileUploadContainer .cell a#uploadLink{
  padding-left: 10px
}

/** contacts list **/
/** search container **/
div#contactsListSearchContainer{
  display:block;
}

div#contactsListSearchContainer div#contactsListSearchTextContainer{
  width:200px;
  display:inline-block;
  vertical-align:top;
}

div#contactsListSearchContainer div#contactsListAddressBookDropdownContainer{
  width:100px;
  display:inline-block;
  vertical-align:top;
}

div#contactsListSearchContainer div#contactsListAddressBookDropdownContainer select#addressBookGroupNamesList{
  width:50px;
}

div#contactsListSearchContainer div#contactsListSearchButtonContainer{
  width:100px;
  display:inline-block;
  vertical-align:top;
}

div#contactsListSearchContainer div#contactsListSearchButtonContainer a#contactButtonSearch{
  margin-top:10px;
}

/** search results data detail **/
div#contactsList div.dataBlock div.contactListDataDetail{
  word-wrap:break-word;
}

/** search results data detail  General section**/
div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailGeneral{
  display:inline-block;
  background-color:#ededed;
  width:694px;
  margin:2px;
  border-bottom:1px dotted;
  padding-bottom:10px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailGeneral div.contactFirstName{
  display:inline-block;
  vertical-align:top;
  width:150px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailGeneral div.contactLastName{
  display:inline-block;
  vertical-align:top;
  width:150px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailGeneral div.contactCompanyName{
  display:inline-block;
  vertical-align:top;
  width:100px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailGeneral div.contactJobTitle{
  display:inline-block;
  vertical-align:top;
  width:100px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailGeneral div.contactAddressBookGroupName{
  display:inline-block;
  vertical-align:top;
  width:100px;
}

/** search results data detail  Business section**/
div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailBusiness{
  display:inline-block;
  background-color:#ededed;
  width:694px;
  margin:2px;
  border-bottom:1px dotted;
  padding-bottom:10px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailBusiness div.contactBusinessSectionHeader{
  display:block;
  vertical-align:top;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailBusiness div.contactBusinessAddress{
  display:inline-block;
  vertical-align:top;
  width:150px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailBusiness div.contactBusinessEmail{
  display:inline-block;
  vertical-align:top;
  width:150px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailBusiness div.contactBusinessPhone{
  display:inline-block;
  vertical-align:top;
  width:100px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailBusiness div.contactBusinessMobile{
  display:inline-block;
  vertical-align:top;
  width:100px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailBusiness div.contactBusinessFax{
  display:inline-block;
  vertical-align:top;
  width:100px;
}


/** search results data detail  Business section**/
div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailPersonal{
  display:inline-block;
  background-color:#ededed;
  width:694px;
  margin:2px;
  border-bottom:1px dotted;
  padding-bottom:10px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailPersonal div.contactPersonalSectionHeader{
  display:block;
  vertical-align:top;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailPersonal div.contactPersonalAddress{
  display:inline-block;
  vertical-align:top;
  width:150px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailPersonal div.contactPersonalEmail{
  display:inline-block;
  vertical-align:top;
  width:150px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailPersonal div.contactPersonalPhone{
  display:inline-block;
  vertical-align:top;
  width:100px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailPersonal div.contactPersonalMobile{
  display:inline-block;
  vertical-align:top;
  width:100px;
}

div#contactsList div.dataBlock div.contactListDataDetail div.contactListDataDetailPersonal div.contactPersonalFax{
  display:inline-block;
  vertical-align:top;
  width:100px;
}

/**add/edit contacts duplicate handling**/
div#duplicatesHandlingSection{
  display: none;
}
div#duplicatesHandlingSection div#duplicatesHandlingHeader{
  font-size: 18px;
  font-weight: bold;
}
div#duplicatesHandlingSection div#duplicatesHandlingQuestion{
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}
div#duplicatesHandlingSection div#duplicatiesHandlingDecision{
  display:block;
  margin-top: 10px;
}

div#duplicatesHandlingSection div#duplicatiesHandlingDecision div#duplicatiesHandlingDecisionCancel{
  width:100px;
  display:inline-block;
  vertical-align:top;
}

div#duplicatesHandlingSection div#duplicatiesHandlingDecision div#duplicatiesHandlingDecisionSave{
  width:100px;
  display:inline-block;
  vertical-align:top;
}.wdgFoot {
    margin: 40px 20px 0 20px;
    padding: 10px 0 25px 0;
    border-top: 2px solid #ccc;
}

.footTxt {
    float: left;
    width: 780px;
    color: #999;
    font-size: 11px; 
    padding-left: 5px;
    text-align: left;
}

.poweredByLogo {
    float: right;
    width: 110px;
    text-align: right;
}
/*********** feedback tab ************/
.feedbackSideView {
    position: fixed;
    top: 142px;
    right: 0;
    width: 33px;
    height: 97px;
}

.feedbackSideView a {
    display: block;
    width: 33px;
    height: 97px;
    background: url('/sitedashboard/resources/img/default/feedback_tab.jpg') no-repeat 0 0;
    text-indent: -9999px;
}

.feedbackSideView a:hover {
    background-position: 0 -97px;
}

* html .feedbackSideView {
    position: absolute; /* IE 6 fix for position fixed */
}

/*********** feedback dialog ************/
.fbwSdLayer {
    width: 495px !important;
    border-color: #7B7B7B;
    background-color: #f6f6f6 !important;
    padding: 0;
}

.fbwSdLayer .bd {
    padding: 0 !important;
}

.fbwSdLayer .container-close {
    background: transparent url('/sitedashboard/resources/img/default/icons/closeTransparent.gif') no-repeat scroll 0 0;
}

.fbwIFrameParent {
    background-color: #f6f6f6;
    height: 460px;
    width: 495px;
}
 
.fbwSurvey {
    overflow: hidden;
    border: 0;
    background-color: #f6f6f6;
    position: relative;
    height: 440px;
    width: 475px;
    padding: 10px;
}

.fbwWaitLabel {
    background-color: #f6f6f6;
    position: absolute;
    height: 440px;
    width: 475px;
    padding: 10px;
}

.fbwMessageArea {
    text-align: center;
    padding: 0 0 15px;
    background-color: #f6f6f6;
}
.boxFloater { /* default layer width */
    width: 620px;
}

.boxFloater .layout1 .cell1,
.boxFloater .layout1 .cell2 {
    width: 100%;
}

.boxFloater .layout2 .cell1 {
    width: 290px;
    margin-right: 20px;
}

.boxFloater .layout2 .cell2 {
    width: 290px;
}

.boxFloater .layout2a .cell1 {
    width: 280px;
    margin-right: 20px;
}

.boxFloater .layout2a .cell2 {
    width: 280px;
}

/** 2/3 layout with 2 columns **/
.boxFloater .layoutCell3 .cell1 {
    width: 180px;
    margin-right: 10px;
}

.boxFloater .layoutCell3 .cell2 {
    width: 410px;
}

.blackTxt {
    color: #000;
}

.boxFloater .requiredInd {
    float:right;
    font-size: 11px;
    font-weight: normal;
    color: #444444;
    padding-top:2px;
}

.boxFloater .layoutBase  {
    padding-bottom: 10px;
}


/************************************************ FLOATING BOX *************************************/

.hideLayer {
    top: -1000px;
    position: absolute;
}

.boxFloater {
    border: 1px solid #535353;
    background-color: #fff;
}

.boxFloater .layerMinHeight {
    min-height: 160px;
    _height: 160px;
}

.yui-panel-container .w460 {
    width: 460px;
}

.yui-panel-container .w590 {
    width: 590px;
}

.yui-panel-container .w750 {
    width: 750px;
}



.boxFloater .hd {
    background: #333 url('/sitedashboard/resources/img/box-floater-hd-gradient.gif') repeat-x;
}

.boxFloater .hd label {
    padding: 5px 0 0 0;
    margin: 0;
}

.boxFloater.noHeader .hd {
    padding: 0;
    height: 0;
    margin: 0;
}

.boxFloater.withHeader .hd .headerText,
.boxFloater.withHeader .hd label.headerText,
.boxFloater.dpopup .hd .headerText,
.boxFloater.dpopup .hd label.headerText {
    color: #fff;
    display: inline;
    font-size: 15px;
    font-weight: bold;
    line-height: 29px;
    text-align: left;
    padding: 0;
    margin: 0;
}

.boxFloater.withHeader .hd,
.boxFloater.dpopup .hd {
    margin: 0;
    height: 29px;
    cursor: default;
    padding-left: 20px;
}


.boxFloater.dpopup .hd,
.boxFloater.dpopup .hd label {
    cursor: default;
}

.boxFloater.withHeader .hd .floatRight,
.boxFloater.dpopup .hd .floatRight  {
    line-height: 25px;
}

.boxFloater.withHeader .hd .iconLink,
.boxFloater.dpopup .hd .iconLink  {
    color: #fff;
}

.boxFloater.withHeader .hd .closeLayer,
.boxFloater.dpopup .hd .closeLayer  {
    margin: 0 0 0 15px;
}

.boxFloater .bd {
    font-weight: normal;
}

.boxFloater .boxContent {
    background: #f5f5f5;
    text-align: left;
    font-weight: normal;
    padding: 20px;
}
.boxFloater .boxContent.whiteBackground {
    background-color: #fff;
}
.boxFloater.withHeader .boxContent {
}

.boxFloater .boxContent .positionLeft {
    float: left;
    padding-top: 5px;
}

.boxFloater .btm {
}

.desc span {
    font-weight: bold;
}

.boxFloater .sectionBase {
    border-bottom: 0px solid #ccc;
    padding: 0;
}

.boxFloater .sectionBase .sectionHdr {
    color: #222;
    font-weight: bold;
    padding-bottom: 10px;
}

.boxFloater .sectionBase .sectionDescr {
    padding-bottom: 10px;
}

.boxFloater .sectionBase.formSect {
	padding-bottom: 10px;
}

.boxFloater .sectionBase.sectionBorderBottom {
    border-bottom: 1px solid #ccc;
    margin:7px 10px 0px;
}

.boxFloater .layoutBase.layoutBaseNoPadBottom {
    padding-bottom: 0;
}

.boxFloater .sectionBase.sectionBaseNoPadTop {
    padding-top: 0;
}


.boxFloater .sectionBase h2 {
    font-size:12px;
    font-weight:bold;
    margin:0pt;
    padding:0pt 0pt 3px;
}

.boxFloater .sectionBase h3 {
    font-size:11px;
    font-weight:bold;
    margin:0pt;
    padding:0pt 0pt 3px;
    color: #000;
}

.boxFloater .sectionBase h3.color1 {
    color: #dd6003;
}

.boxFloater .introSectionBase {
    padding: 10px 10px 20px 10px;
}

.boxFloater .sectionBase.sectionBorderTop {
	  border-top: 1px solid #adadad;
}

.boxFloater .wdgBase {
    margin-bottom: 0px;
} /* removes the large bottom margin */

.boxFloater .previewBox {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
} /* controls the preview box in floating layers */

.boxFloater .toggleBox {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    width: auto;
} /* controls the toggle boxes in floating layers */

.boxFloater .toggleBox.selected {
    background: #ebf8ff;
} /* controls the selected toggle boxes in floating layers */

.boxFloater .toggleBoxContent {
    border: 1px solid #ccc;
    padding: 10px;
    width: auto;
    background: #fff;
    margin-top: 3px;
} /* controls the content boxes within toggle boxes in floating layers */


.boxFloater .previewBlurb {
    margin-top: 20px;
}

.boxFloater .dividerLine {
    border-bottom: 1px solid #d1d1d1;
}

.boxFloater .dividerLine2 {
    border-bottom: 2px solid #d1d1d1;
}

/*** NEW TABS SYSTEM ***/
.boxFloater .tabs_Sub {
    height: 25px;
    margin-bottom: 10px;
}

.boxFloater .tabs_Sub.noMargin {
    margin-bottom: 0;
}

.boxFloater .tabs_Sub {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #a3a3a3;
}

.boxFloater .tabs_Sub ul {
    position: absolute;
    bottom: -1px;
    _bottom: -2px;
    margin: 0;
    padding: 0 0 0 10px;
}

.boxFloater .tabs_Sub li {
    list-style: none;
    display: inline;
}

.boxFloater .tabs_Sub li a,
.boxFloater .tabs_Sub li a.current {
    display: block;
    float: left;
    padding: 0px 15px 2px 15px;
    margin: 1px 2px 0 0;
    white-space: nowrap;
    text-align: center;
}

.boxFloater .tabs_Sub li a.current,
.boxFloater .tabs_Sub li a.current:hover {
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
    padding-top: 1px;
    padding-bottom: 3px;
    margin-top: 0;
    border: 1px solid #a3a3a3;
    border-bottom: none;
    cursor: default;
    color: #333;
}

.boxFloater .tabs_Sub li a {
    background: #f3f3f3;
    border: 1px solid #cbdfe6;
    border-bottom: none;
    cursor: pointer;
}

.boxFloater .tabs_Sub li a:hover {
    background-color: #e0e0e0;
}

.boxFloater .tabs_Sub .intro {
    float: left;
    display: block;
    font-size: inherit;
    color: #1d4c85;
    font-weight: bold;
    line-height: 20px;
    background: url('/sitedashboard/resources/img/default/arrow_right_blue.gif') no-repeat scroll right 6px;
    padding: 0 12px 0 0;
    margin-right: 5px;
}

.boxFloater .toggleBox .formGroupBlock,
.boxFloater .toggleBox .formGroupInline {
    margin:0pt 0pt 0px;
} /*fixes the extra bottom padding in the toggle box only */

.boxFloater .toggleBox .toggleBoxContent .formGroupBlock,
.boxFloater .toggleBox .toggleBoxContent .formGroupInline {
    margin:0pt 0pt 5px;
} /*resets the extra bottom padding in the toggle box content */



.boxFloater .layoutBase.layout2b .cell.cell1 {
    width: 380px;
}

.boxFloater  .layoutBase.layout2b .cell.cell2 {
    background: #ccc;
    width: 200px;
    height: 250px;
    margin-left: 20px;
}

.boxFloater .selectTwoCol {
    float: left;
    width: 180px;
}

/* Floating box contents */
.formSect p {
    padding-left: 0;
    margin-bottom: 20px;
}


/* Form Hints */

.formHint {
    padding-left: 11px;
    position:absolute;
    visibility:hidden;
    width: auto;
    background: transparent url(/sitedashboard/resources/img/default/formhint_pointer.gif) no-repeat 5px 0;
}

.formHint .hd {
    height: 0px;
    border-top: 1px solid #c3d2e7;
    overflow: hidden;
    padding: 0;
}

.formHint .bd {
    background-color:#f5f9fd;
    border:1px solid #c3d2e7;
    border-top: 1px solid #fff;
    border-left: 0;
    padding:10px;

}

/* wait display for ajax loading */

.boxFloater.withHeader .ajaxLayerWait, .spinner {
  height: 50px;
  background: #fff url(/sitedashboard/resources/img/default/spinners/spinner_blue.gif) no-repeat center 20px;
  padding-top: 70px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

.layerPleaseWait {
    position: absolute;
    top: 35%;
    width: 615px;
}
.siteSelector h6,
.siteSelector .quickLinks .header,
.siteSelector .resultCount
{
    font-weight: bold;
}

.zoneBody .siteSelector h6,
.zoneBody .siteSelector .quickLinks .header,
.zoneBody .siteSelector .resultCount
{
    font-weight: bold;
    font-size: 13px;
}

.zoneBody .siteSelector .quickLinks li {
    font-size: 13px;
}

.siteSelector .resultCount {
    padding-bottom: 5px;
}

.siteSelector .resultCountBox {
    height: 20px;
}

.siteSelector .createSite {
	 float: right;
	 display: none;
	 background: url('/dashboard/common/resources/img/add.gif') no-repeat left center;
	 padding-left: 16px;
}

.siteSelector .searchBar {
    padding-left: 5px
}

.inlineMiddle {
    display:inline-block;
    vertical-align: middle;
}

.siteSelector .quickLinks {
    display: block;
    padding: 5px 0 0 5px;
}
.siteSelector .quickLinks ol {
    display: inline;
    list-style: none;
}
.siteSelector .quickLinks ol li {
    display: inline;
    padding: 2px;
}
.siteSelector .results table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.siteSelector .results td,
.siteSelector .results th {
	padding: 7px 10px;
	padding-right: 0;
}

.siteSelector .results td span,
.siteSelector .results th span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
}

.siteSelector .results td span span,
.siteSelector .results th span span {
    display: inline;
}

.siteSelector .results th {
    font-weight: bold;
    font-size: 11px;
    text-align: left;
}

.siteSelector .results td {
    border-bottom: 1px solid #e3e3e3;
}

.siteSelector .searchInput {
    width: 280px;
}

.siteSelector .results .resultHead {
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
    border-top: 1px solid #b3b3b3;
    overflow-x: hidden;
    width: 100%;
}

.siteSelector .results .resultBody {
    border: 1px solid #b3b3b3;
    height: 232px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    background-color: #fff;
}

.templateBase .col.lt .siteSelector .results .resultBody {
    overflow-y: visible;
    height: auto;
}

.templateBase .col.lt .siteSelector .createSite {
   display: block;
}

.templateBase .col.lt .siteSelector .createSite a {
    font-weight: bold;
}

.zoneBody .template2b .col.lt .siteSelector .createSite a {
    font-size: 13px;
}


/* columns widths */



.siteSelector .results {
    width: 538px; /* we subtract border */
}

.siteSelector .results .results5 col.fixed {
    width: 108px;
    *width: 98px;
}

.siteSelector .results .results4 col.fixed {
    width: 135px;
    *width: 125px;
}

.siteSelector .results .results3 col.fixed {
    width: 180px;
    *width: 170px;
}

.siteSelector .results .results2 col.fixed {
    width: 270px;
    *width: 260px;
}


.template1 .col.lt .siteSelector .results {
    width: 938px;
}

.template1 .col.lt .siteSelector .results .results5 col.fixed {
    width: 188px;
    *width: 178px;
}

.template1 .col.lt .siteSelector .results .results4 col.fixed {
    width: 235px;
    *width: 225px;
}

.template1 .col.lt .siteSelector .results .results3 col.fixed {
    width: 313px;
    *width: 303px;
}

.template1 .col.lt .siteSelector .results .results2 col.fixed {
    width: 470px;
    *width: 460px;
}


.template2a .col.rt .siteSelector .results,
.template2b .col.lt .siteSelector .results {
    width: 698px;
}

.template2a .col.rt .siteSelector .results .results5 col.fixed,
.template2b .col.lt .siteSelector .results .results5 col.fixed {
    width: 139px;
    *width: 129px;
}

.template2a .col.rt .siteSelector .results .results4 col.fixed,
.template2b .col.lt .siteSelector .results .results4 col.fixed {
    width: 174px;
    *width: 164px;
}

.template2a .col.rt .siteSelector .results .results3 col.fixed,
.template2b .col.lt .siteSelector .results .results3 col.fixed {
    width: 232px;
    *width: 222px;
}

.template2a .col.rt .siteSelector .results .results2 col.fixed,
.template2b .col.lt .siteSelector .results .results2 col.fixed {
    width: 349px;
    *width: 339px;
}


#siteSelectorPopup .results4 col.fixed {
    width: 120px;
    *width: 110px;
}
/* CSS Document */

.pricing {
    border: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

.pricing .level1 {
    height: 93px;
    border-top: 1px solid #d9d9d9;
    background-color: #fff;
    width: 698px;
}

.pricing .title {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin-top: 15px;
}

.pricing .descr {
    font-size: 11px;
    color: #222;
    margin-top: 4px;
}

.pricing .padLeft {
    margin-left: 45px;
}
@charset "UTF-8";
/* CSS Document */

.setup-progress-expanded, .setup-progress-collapsed {
    width: 698px;
    border: 1px solid #d9d9d9;
    font-family: Arial, Helvetica, sans-serif;
}


.setup-progress-expanded .hd {
    display: block;
}

.setup-progress-expanded .bd {
    display: block;
}

.setup-progress-expanded .hd-hidden {
    display: none;
}

.setup-progress-collapsed .hd {
    display: none;
}

.setup-progress-collapsed .bd {
    display: none;
}

.setup-progress-collapsed .hd-hidden {
    display: block;
}



.setup-progress-expanded .step-num {
    font: bold 55px Helvetica, sans-serif;
    padding: 10px 0 0 0;
    float: left;
    color: #ccc;
    width: 90px;
    text-align: center;
    line-height: 55px;
}

.setup-progress-expanded .hd {
    position: relative;
    height: 55px;
    background: #999 url(/sitedashboard/resources/img/progress/gradient-top-dark.gif) repeat-x;
}

.setup-progress-collapsed .hd-hidden {
    position: relative;
    height: 23px;
    background: #999 url(/sitedashboard/resources/img/progress/gradient-top-dark.gif) repeat-x 0px -10px;
}

.setup-progress-expanded .hd-left, .setup-progress-collapsed .hd-left {
    float: left;
    padding-left: 20px;
    width: 400px;
}

.setup-progress-expanded .hd-right, .setup-progress-collapsed .hd-right {
    position: absolute;
    right: 0;
    top: 22px;
    /* padding-right: 20px; */
    width: 200px;
    text-align: right;
}

.setup-progress-collapsed .hd-hidden .hd-right {
    position: absolute;
    right: 0;
    top: 6px;
    /* padding-right: 20px; */
    width: 200px;
    text-align: right;
}

.setup-progress-expanded .hd-right .show-hide, .setup-progress-collapsed .hd-right .show-hide {
    position: relative;
    padding-left: 16px;
    color: #1d92dc;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    display: inline;
    margin-right: 20px;
    cursor: pointer;
}

.setup-progress-expanded .hd-right .show-hide .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: transparent url(/sitedashboard/resources/img/progress/show-hide-remove-sprite.gif) no-repeat 0px 0px;
}

.setup-progress-collapsed .hd-hidden .hd-right .show-hide .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: transparent url(/sitedashboard/resources/img/progress/show-hide-remove-sprite.gif) no-repeat -12px 0px;
}

.hd-right .show-hide: hover {
    cursor: pointer;
}

.hd-right .remove {
    position: relative;
    padding-left: 16px;
    color: #1d92dc;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    display: inline;
    margin-right: 20px;
    cursor: pointer;
}

.hd-right .remove .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: transparent url(/sitedashboard/resources/img/progress/show-hide-remove-sprite.gif) no-repeat -24px 0px;
}
.hd-right .remove: hover {
    cursor: pointer;
}


.setup-progress-expanded .hd-left .title {
    font-size: 20px;
    font-weight: bold;
    color: #222;
    margin-top: 12px;
    padding: 0;
}

.setup-progress-collapsed .hd-hidden .hd-left .title {
    font-size: 13px;
    font-weight: bold;
    color: #222;
    margin-top: 4px;
    padding: 0;
    letter-spacing: .05em;
}

.setup-progress-expanded .hd-left .title-descr {
    font-size: 11px;
    color: #222;
    margin-top: 4px;
}


/* Begin progress-util body */

.setup-progress-expanded .bd ol {
    margin: 0;
    padding: 0;
}

.setup-progress-expanded .bd ol li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.setup-progress-expanded .bd .step-complete {
    min-height: 85px;
    *height: 85px;
    border-top: 1px solid #d9d9d9;
    background: #f1f1f1 url(/sitedashboard/resources/img/progress/gradient-dark.gif) repeat-x bottom;
    width: 698px;
}

.setup-progress-expanded .bd .step-complete .step-left {
    float: left;
    width: 460px;
    min-height: 85px;
    *height: 85px;
    padding-bottom: 10px; 
}

.setup-progress-expanded .bd .step-complete .step-right {
    position: absolute;
    top: 0;
    right: 0;
    height: 85px;
    text-align: center;
    margin-right: 20px;
    width: 120px;
}

.setup-progress-expanded .bd .step-complete .step-right .chkbox-text {
    margin-top: 10px;
    font-size: 11px;
    font-weight: bold;
    color: #666;
}

.setup-progress-expanded .bd .step-complete .step-right .chkbox {
    position: absolute;
    right: 49px;
    width: 22px;
    height: 22px;
    background: transparent url(/sitedashboard/resources/img/progress/checkbox-sprite.gif) no-repeat 0px 0px;
    margin-top: 10px;
    cursor: pointer;
}

.setup-progress-expanded .bd .step-complete .step-left .step-title {
    font-size: 16px;
    font-weight: 600;
    color: #999;
    margin-top: 15px;
    /* letter-spacing: .02em; */
}

.setup-progress-expanded .bd .step-complete .step-left .step-descr {
    font-size: 11px;
    color: #999;
    margin-top: 4px;
}

.setup-progress-expanded .bd .step-complete .step-left .step-descr span {
    font-weight: bold;
}

.setup-progress-expanded .bd .step-complete .step-left .step-descr p {
    margin: 0;
    padding: 0;
}

.setup-progress-expanded .bd .step-complete .step-left .step-descr a {
    color: #999;
}



.setup-progress-expanded .bd .step-incomplete {
    min-height: 85px;
    *height: 85px;
    border-top: 1px solid #d9d9d9;
    background-color: #fff;
    width: 698px;
}

.setup-progress-expanded .bd .step-incomplete .step-num {

}

.setup-progress-expanded .bd .step-incomplete .step-left {
    float: left;
    width: 460px;
    min-height: 85px;
    *height: 85px;
    padding-bottom: 10px; 
}

.setup-progress-expanded .bd .step-incomplete .step-right {
    position: absolute;
    top: 0;
    right: 0;
    height: 85px;
    text-align: center;
    margin-right: 20px;
    width: 120px;
}

.setup-progress-expanded .bd .step-incomplete .step-right .chkbox-text {
    margin-top: 10px;
    font-size: 11px;
    font-weight: bold;
    color: #999;
}

.setup-progress-expanded .bd .step-incomplete .step-right .chkbox {
    position: absolute;
    right: 49px;
    width: 22px;
    height: 22px;
    background: transparent url(/sitedashboard/resources/img/progress/checkbox-sprite.gif) no-repeat -22px 0px;
    margin-top: 10px;
    cursor: pointer;
}

.setup-progress-expanded .bd .step-incomplete .step-left .step-title {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin-top: 15px;
}

.setup-progress-expanded .bd .step-incomplete .step-left .step-descr {
    font-size: 11px;
    color: #222;
    margin-top: 4px;
}

.setup-progress-expanded .bd .step-incomplete .step-left .step-descr span {
    font-weight: bold;
}

.setup-progress-expanded .bd .step-incomplete .step-left .step-descr p {
    margin: 0;
    padding: 0;
}

.setup-progress-expanded .bd .step-incomplete .step-left .step-descr a {
    color: #3293c6;
}@charset "UTF-8";
/* CSS Document */

.onboardingHead {
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #363636;
}

.adminIntroSection {
    width: 698px;
    background-color: #fafaf7;
    padding-top: 18px;
    padding-bottom: 18px;
}

.adminIntroSection ul {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

.subSection {
    height: 102px;
    width: 698px;
    border-bottom: 1px solid #d9d9d9;
}

.subSectionSmall {
    height: 72px;
    width: 698px;
    border-bottom: 1px solid #d9d9d9;
}

.subSectionNoBottom {
    height: 102px;
    width: 698px;
}

.subSectionNoBottomSmall {
    height: 72px;
    width: 698px;
}

.subSectionLeft {
    width:380px;
    border: 0;
    height: 102px;
    float: left;
    background-color: #fafaf7;
}

.subSectionLeftSmall {
    width:380px;
    border: 0;
    height: 72px;
    float: left;
    background-color: #fafaf7;
}

.subSectionLeftWide {
    width:390px;
    border: 0;
    height: 102px;
    float: left;
    background-color: #fafaf7;
}

.subSectionLeftWideSmall {
    width:390px;
    border: 0;
    height: 72px;
    float: left;
    background-color: #fafaf7;
}

.subSectionRight {
    width: 288px;
    border: 0;
    height: 102px;
    text-align: left;
    padding-left: 10px;
    float: right;
}

.textAlignRight {
    text-align: right;
}

.subSectionRightSmall {
    width: 288px;
    border: 0;
    height: 72px;
    text-align: left;
    padding-left: 10px;
    float: right;
}

.subSectionLeftMini {
    width:10px;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #fafaf7;
    height: 102px;
    float: left;
    background-color: #fafaf7;
}

.subSectionLeftMiniSmall {
    width:10px;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #fafaf7;
    height: 72px;
    float: left;
    background-color: #fafaf7;
}

.subSectionRightMini {
    width:10px;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #ffffff;
    height: 102px;
    float: right;
    background-color: #ffffff;
}

.subSectionRightMiniSmall {
    width:10px;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #ffffff;
    height: 72px;
    float: right;
    background-color: #ffffff;
}

.overview-progress-expanded {
    width: 698px;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.overview-progress-expanded .bd {
    display: block;
}

.overview-progress-expanded .step-num {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 60px;
    font-weight: bold;
    padding: 0;
    float: left;
    color: #d7d7d7;
    width: 85px;
    text-align: center;
    line-height: 55px;
}

/* Begin progress-util body */

.overview-progress-expanded .bd ol {
    margin: 0;
    padding: 0;
}

.overview-progress-expanded .bd ol li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.expenseSettingStepTitleBold {
    font-size: 14px;
    font-weight: bold;
    color: #363636;
}

.overview-progress-expanded .bd .step-incomplete {
    height: 120px;
    width: 698px;
    border: 1px solid #d9d9d9;
}

.overview-progress-expanded .bd .step-incomplete-details {
    width: 699px;
    border-right: 1px solid #d9d9d9;
}

.overview-progress-expanded .bd .step-incomplete2 {
    height: 62px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    width: 698px;
}

.overview-progress-expanded .bd .step-incomplete .step-num {

}

.overview-progress-expanded .bd .step-incomplete2 .step-num {

}

.overview-progress-expanded .bd .step-incomplete .step-left-wide {
    float: left;
    margin-left: 0;
    padding-left: 0;
    width: 603px;
    height: 93px;
}

.overview-progress-expanded .bd .step-incomplete .step-left {
    float: left;
    margin-left: 0;
    padding-left: 0;
    width: 265px;
    height: 93px;
}

.overview-progress-expanded .bd .step-incomplete2 .step-left {
    float: left;
    margin-left: 0;
    padding-left: 0;
    width: 382px;
    height: 62px;
}

.overview-progress-expanded .bd .step-incomplete .step-right-left-border {
    position: absolute;
    margin-top: 15px;
    padding-left: 10px;
    top: 0;
    right: 0;
    height: 63px;
    text-align: left;
    margin-right: 0;
    font-size: x-small;
    width: 336px;
    border-left: 1px solid #d9d9d9;
}

.overview-progress-expanded .bd .step-incomplete .step-left .step-title {
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

.overview-progress-expanded .bd .step-incomplete2 .step-left .step-title {
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

.overview-progress-expanded .bd .step-incomplete .step-left .step-descr {
    font-size: 11px;
    color: #222;
    margin-top: 4px;
}

.overview-progress-expanded .bd .step-incomplete2 .step-left .step-descr {
    font-size: 11px;
    color: #222;
    margin-top: 4px;
}

.overview-progress-expanded .bd .step-incomplete .step-left .step-descr span {
    font-weight: bold;
}

.overview-progress-expanded .bd .step-incomplete .step-left .step-descr p {
    margin: 0;
    padding: 0;
}

.overview-progress-expanded .bd .step-incomplete .step-left .step-descr a {
    color: #3293c6;
}

.topLine {
    width: 698px;
    border-top: 0;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

.hd-right {
    position: absolute;
    right: 0;
    top: 15px;
    width: 200px;
    text-align: right;
}

.hd-right .show-hide {
    position: relative;
    padding-left: 16px;
    color: #1d92dc;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    margin-right: 5px;
    cursor: pointer;
}

.hd-right .show-hide .openicon {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: transparent url(/sitedashboard/resources/img/progress/show-hide-remove-sprite.gif) no-repeat;
}

.hd-right .show-hide .closeicon {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: transparent url(/sitedashboard/resources/img/progress/show-hide-remove-sprite.gif) no-repeat -12px 0px;
}

.buttonPositionRight .show-hide {
    position: relative;
    padding-left: 16px;
    color: #1d92dc;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    margin-right: 5px;
    cursor: pointer;
}

.buttonPositionRight .show-hide .openicon {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: transparent url(/sitedashboard/resources/img/progress/show-hide-remove-sprite.gif) no-repeat;
}

.buttonPositionRight .show-hide .closeicon {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: transparent url(/sitedashboard/resources/img/progress/show-hide-remove-sprite.gif) no-repeat -12px 0px;
}

.overviewFont1 {
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 15px;
}

.overviewFont2 {
    font-weight: normal;
    font-size: 12px;
    color: #363636;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;
}

.overviewFont3 {
    font-weight: normal;
    font-size: 11px;
    color: #363636;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 17px;
}

.overviewFont4 {
    font-weight: normal;
    font-size: 12px;
    color: #363636;
    font-family: Arial, Helvetica, sans-serif;
}


.overviewFont3Bold {
    font-weight: bold;
    font-size: 11px;
    color: #363636;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 17px;
}

.overviewFont1Bold {
    font-weight: bold;
    font-size: 11px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}

.overviewFont5Bold {
    font-weight: bold;
    font-size: 13px;
    color: #363636;
    font-family: Arial, Helvetica, sans-serif;
}

.overviewLink a {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3293c6;
}

.gradient1 {
    background-color: #ffffff;
    background: -moz-linear-gradient(top, #ffffff, #fafaf7);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafaf7));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#fafaf7');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#fafaf7)";
}

.raise2pix {
    padding-bottom: 2px;
}

.alignTop {
    vertical-align: top;
}

@charset "UTF-8";
/* CSS Document */

.costAllocationLimitLabel {
  margin-left: 10px;
  top: 5px;
  position: relative;
}

.costAllocationHeader {
    font-size: 18px;
    font-weight: bold;
}

.costAllocationSegmentLabelLine2 {
  top: 20px;
  position: relative;
}

.costAllocationSegmentLabelLine2Big {
  top: 10px;
  position: relative;
}

.costAllocationSegmentSelect {
  width: 120px;
  height:  106px;
  background-color: #fff !important;
  padding-bottom: 0px; !important;
  margin-bottom: 0px !important;
}

option.costAllocationSegmentSelect {
    padding-bottom: 10px; !important;
    padding-top: 10px; !important;
    padding-left: 10px; !important;
}

.caBoldDarkLabel {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #222222;
}

.caBoldWeightedDarkLabel {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #222222;
}

.caDarkLabel {
  font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #222222;
}

.caLightLabel {
  font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #363636;
}

.caLightBlueLabel {
  font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3593c6;
}

.noSpacingRight {
  margin-right: 0px !important;
  padding-right: 0px !important;
}

a.iconFilterView {
    line-height: 25px;
    display: block;
    padding-bottom: 5px;
    background: transparent url('/sitedashboard/resources/img/default/filter-sprite.png') no-repeat 0px -60px;
    text-decoration: none;
  width: 58px;
  text-align: center;
  font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3593c6;
}

a.iconFilterHide {
    line-height: 25px;
    display: block;
    padding-bottom: 5px;
    background: transparent url('/sitedashboard/resources/img/default/filter-sprite.png') no-repeat 0px 0px;
    font-weight: bold;
    text-decoration: none;
  width: 58px;
  text-align: center;
  font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff;
}

a.iconFilterView:hover  {
    text-decoration: none;
}

a.iconFilterHide:hover {
    text-decoration: none;
}

.caHdr {
  background: white;
  border-top: 1px solid #999;
  border-bottom: 1px solid #CCC;
  padding-top: 5px;
}

.width290 {
  width: 290px !important;
}

.width285 {
    width: 285px !important;
}

.width68 {
    width: 68px !important;
}

.padBtm3 {
  padding-bottom: 3px;
}

.noMargin {
  margin: 0px !important;
}

.marRight8 {
    margin-right: 8px !important;
}

.marTop2 {
    margin-top: 2px !important;
}

.marTop3 {
    margin-top: 3px !important;
}

.marLeft3 {
    margin-left: 3px !important;
}

.marTop4 {
    margin-top: 4px !important;
}

.marLeft32 {
    margin-left: 32px !important;
}

.marLeft40 {
    margin-left: 40px !important;
}

.marLeft25 {
    margin-left: 25px !important;
}

.marLeft15 {
    margin-left: 15px !important;
 }

.padLeft30 {
    padding-left: 30px !important;
}

.padLeft15 {
    padding-left: 15px !important;
}

.costAllocationCheckBox {
  margin-left: 10px;
  vertical-align: text-bottom;
}

.dataDetailCostAllocation  {
    padding: 0;
    border-top: 0;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    background-color: #fff;
    padding-top: 20px;
}

.dataDetailActiveCBXDiv {
  width: 84px !important;
  position: relative;
  float: left;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 150px;
}

.marginTop60{
    margin-top: 60px;
}

.margin10 {
  margin: 10px;
}

.CADataRow {
  height: 30px !important;
}

.CADataCell {
  float: left;
    height: 21px;
    padding-top: 4px;
    overflow: hidden;
    border-bottom: 1px solid #e3e3e3;
    line-height: 25px;
}

.disabledMenuItem {
  color: #B7B7B7;
  padding-left: 5px;
}

a.icon.more-btn {
    position: relative;
    background: url('/sitedashboard/resources/img/add-user-gradient.gif') repeat-x;
    border: 1px solid #ccc;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 23px;
    padding: 0 0 0 4px;
}

a.icon.more-btn:hover {
    text-decoration: none;
}

a.icon.more-btn label {
  float: left;
  padding: 5px 0px 0px 5px;
    font-weight: normal;
    cursor: pointer;
}

a.icon.more-btn span {
    position: absolute;
    top: 6px;
    padding-left: 3px;
    padding-right: 8px;
    background: url('/sitedashboard/resources/img/default/more-button-carrot.png') no-repeat 0px 0px;
    font-weight: normal;
    cursor: pointer;
    left: 60px;
}


.yui-ac-content .yui-ac-bd ul {
  margin: 0;
  padding: 0;
  position: absolute;
  background-color: #fff;
  border: solid 1px #d6d6d6;
  width: 282px !important;
  color: #B7B7B7;
  cursor: default;
}

.yui-ac-content .yui-ac-bd li {
  margin: 0;
  padding: 2px 5px;
  position: relative;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;

}

.yui-ac-highlight {
    color: #666666;
    background-color: #fff;
}

.yui-ac-highlight:hover {
    color: #fff;
    background-color: #3593C6;
    cursor: pointer;
}

.yui-ac-prehighlight {
    color: #fff;
    background-color: #3593C6;
    cursor: pointer;
}

#createCostSegmentLayerLayerErrors {
    padding-right: 5px;
    padding-top: 5px;
}

#createCostSegmentLayer_c .layerPleaseWait {
    width: inherit;
}

/******************************************************************************************************************/

.wdgBase.wdgCADDL {
    height: 25px;
    margin-bottom: 0px;
} /** background image **/

.wdgBase.ruleDividerCA {
    border-top: 2px solid #CCC;
} /** adds rule divider between branding and body widgets **/

.wdgCADDL .topNavLtCA {
    height: 25px;
} /** left bookend graphic **/

.wdgCADDL .topNavRtCA {
    height: 25px;
} /** right bookend graphic **/


.wdgCADDL ul {
    float:left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
} /** remove bullet points from lists **/

.navBarSDCA li {
    display: inline;
    list-style: none;
    float: left;
    margin: 0;
    cursor: pointer;
    margin: 0 0 0 0;
    text-align: center;
} /**nav borders **/

.navBarSDCA a {
    display: block;
    padding: 1px 20px 0 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    /** DISABLED opacity: 0.99999; **/
    *opacity: 1.0;
    _width: 1%;
} /**tab anchors **/

.navBarSDCA li.firstTab {
    border-left: 0;
} /**removes first tab's left border **/

/********** HOVER TABS **********/
.navBarSDCA li.tab a:hover {
    display: block;
    text-decoration: none;
    /** DISABLED opacity: 0.99999; **/
    *opacity: 1.0;
} /**controls background and text hover **/

.navBarSDCA li.firstTab a:hover {
} /** controls background hover for the left bookend graphic **/

/********** ACTIVE TABS **********/
.navBarSDCA li.actvTab a {
    display: block;
    color: #fff;
    text-decoration: none;
} /** controls the background**/

.navBarSDCA li.actvTab a:hover {
    cursor: default;
} /** controls the background hover **/

.navBarSDCA li.firstTab .actvTab a {
} /** controls background for the left bookend graphic **/

.navBarSDCA li.firstTab .actvTab a:hover {
} /** controls background for the left bookend graphic hover **/


/**********TAB MENUS **********/
.navBarSDCA li ul.menu {
    position: absolute;
    z-index: 5;
    left: -999em;
    height: auto;
    padding: 10px 0;
    margin-left: 1px;
    background-color: white;
    /** DISABLED opacity: 0.99999; **/
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    width: 200px;
} /**menu UL attributes**/

.navBarSDCA li ul.menu li {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    border-left: 0;
    border-right: 0;
    background: white;
    /** DISABLED opacity: 0.99999; **/
    *opacity: 1.0;
    text-align: left;
    font-size: 11px;
    /*font-weight: bold;*/
} /** menu list item attributes **/

.navBarSDCA li ul.menu li a {
    _width: auto;
    height: auto;
    padding: 3px 20px 3px 4px;
    font-size: 11px;
    color: #222;
    line-height: 15px;
    /** DISABLED opacity: 0.99999; **/
    *opacity: 1.0;
    background-image: none;
} /** menu list item anchor attributes **/

.navBarSDCA li ul.menu li a:hover {
    margin: 0;
    /** DISABLED opacity: 0.99999; **/
    *opacity: 1.0;
    background: none;
    color: white;
    background-color: #3593C6;
    text-decoration: none;
} /** menu list item anchor hover attributes **/

.navBarSDCA li:hover ul,
.navBarSDCA li.iehover ul {
    display: block;
    left: auto;
} /** makes the menu dropdowns happen **/

.changeParentAllocationText1 {
    font-size: 11px;
    color: #363636;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.alignMiddle {
    vertical-align: middle;
}

.wordWrap {
  word-wrap: break-word;
}

.width72 {
  width: 72%
}
.red {
  color: red;
}

.wordWrapNormal {
    word-wrap: normal;
}

.width200 {
    width : 200px;
}

.width600 {
    width : 600px;
}

.padTop20 {
  padding-top: 20px;
}

.show-hide .segmentOpenicon {
    position: absolute;
    left: 0;
    width: 12px;
    height: 12px;
    margin-left: 20px;
    background: transparent url(/sitedashboard/resources/img/progress/show-hide-remove-sprite.gif) no-repeat;
}
.show-hide .segmentCloseicon {
    position: absolute;
    left: 0;
    width: 12px;
    height: 12px;
    margin-left: 20px;
    background: transparent url(/sitedashboard/resources/img/progress/show-hide-remove-sprite.gif) no-repeat -12px 0px;
}

.height30 {
    height: 30px;
}
.calendarContainter{
    position: relative;
}
.calendarStartDate{
    left: 0;
    position: absolute;
}
.calendarEndDate{
    left: 160px;
    position: absolute;
    width:130px!important;
}
.graph {
    position: relative;
}

.graph .shadow {
    opacity: .20;
    *filter: alpha(opacity=20);  /* For IE */
    background-color: #000000;
    position: absolute;
}

.graph .yLabel {
    width: 35px;
    text-align: right;
    position: absolute;
    height: 20px;
    line-height: 20px;
}

.graph .xLabel {
    text-align: center;
    width: 90px;
    position: absolute;
    height: 20px;
}


.graph .legend {
    border-collapse: collapse;
    table-layout: fixed;
    position: absolute;
}

.graph .legend tr {
    height: 20px;
}

.graph .legend tr.hilite {
  background-color: #e6f3f9;
  font-weight: bold;
}

.graph .legend td, .legend th {
  padding-top: 3px;
  font-size: 11px;
  vertical-align: top;
}

.legendPattern {
  border: 1px solid #929292;
  width: 10px;
  height: 10px;
  overflow: hidden;
  background-color: #dedede;
}

.graph .legend .percentage {
    width: 70px;
    text-align: right;
}

.graph .legend .label {
    width: 120px;

}

.graph .legend .value {
    width: 70px;
    text-align: right;
    padding-right: 5px;
}

.graph .legend .pattern {
    width: 20px;
    padding: 5px 0 0 5px;
}

.graph .legendLabel {
    width: 220px;
    line-height: 20px;
    padding-left: 10px;
}

.graph .legendLabel.hilite {
    font-weight: bold;
}

.graph .benchmarkPattern {
  background: url('/sitedashboard/resources/img/graph_benchmark_line.gif') repeat-x left center;
  width: 8px;
  height: 10px;
  border: 1px solid #ffffff;
  margin-left: 2px;
  border: none;
}

.graph .benchmarkLine {
  background: url('/sitedashboard/resources/img/graph_benchmark_line.gif') repeat-x left center;
  height: 2px;
}

.graph .pieTooltip,
.graph .barTooltip {
    z-index: 2;
    border: 1px solid #e3e3e3;
    background-color: #ebf8ff;
    text-align: center;
    padding: 0 5px;
}

.pieChartFooter {
    padding-top: 30px;
    padding-bottom: 20px;
}

.transactionGraphBox {
    position: relative;
    height: 450px;
}

.transactionGraphBox .graph {
     position:absolute;
     top:0;
     left:0;
}

.transactionDataBox {
    position: absolute;
    top: 0;
    left: 280px;
}

.transactionData {
    border-collapse: collapse;
    table-layout: fixed;
    width: 420px;
    margin-bottom: 10px;
}

.transactionData .legendPattern {
  width: 12px;
  height: 12px;
}

/* for cols, we substract the padding for IE */
.transactionData col.col1 {
    width: 19px;
}

.transactionData col.col2 {
    width: 106px;
    *width: 96px;
}

.transactionData col.col3 {
    width: 96px;
    *width: 86px;
}

.transactionData col.col4 {
    width: 108px;
    *width: 98px;
}

.transactionData col.col5 {
   /* rest */
}


.transactionData td,
.transactionData th {
    text-align: right;
    padding: 5px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 11px;
}

.transactionData tr.odd {
  background-color: #fafbfc;
}

.transactionData tr.unavailable td,
.transactionData tr.unavailable th {
  color: #999999;
}


.transactionData thead th,
.transactionData thead td {
   font-weight: bold;
   vertical-align: bottom;
   font-size: 12px;
   padding-top: 10px;
}
.transactionData thead .secondary {
   font-weight: normal;
}

.transactionData thead td a {
   font-size: 13px;
}
.transactionData thead th {
    color: #dd6003;
}

.transactionData th {
    text-align: left;
}

.transactionData td.blank {
    border-color: #ffffff;

}
.transactionData tfoot th,
.transactionData tfoot td {
   font-weight: bold;
}

.graphError {
    background: transparent none no-repeat top left;
    width: 700px;
    height: 180px;
    position: relative;
}

.graphError .errBox {
    border: 1px solid #999;
    padding: 10px;
    background: #ffffff;
    width: 658px;
    padding: 10px 0 0 10px;
    /*
    position: absolute;
    top: 10px;
    left: 10px;
    */
}
.graphError .errIcon {
    background: transparent url('/sitedashboard/resources/img/default/errMsgIcons.gif') no-repeat scroll left top;
    padding-left: 35px;
}

.graphError .warnIcon {
    background: transparent url('/sitedashboard/resources/img/default/warnMsgIcons.gif') no-repeat scroll left top;
    padding-left: 35px;
}

.graphError .errTitle {
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
}


.graphErrorSpendTracker {
    background-image: url('/sitedashboard/resources/img/default/graph/no_spend_tracker.gif');
    width: 700px;
    height: 300px;
}

.graphErrorUserAdoption {
    background-image: url('/sitedashboard/resources/img/default/graph/no_user_adoption.gif');
    height: 220px;
}

.graphErrorUserLogin {
    background-image: url('/sitedashboard/resources/img/default/graph/no_user_login.gif');
}

.graphErrorServiceAdoption {
    background-image: url('/sitedashboard/resources/img/default/graph/no_service_adoption.gif');
}

.graphError .formHint {
    visibility: visible;
    width: 300px;
    left: 200px;
    top: 50px;
}

.graphErrorSpendTracker .formHint {
    top: 100px;
}

.graphError .formHint strong {
    font-size: 13px;
    display: block;
}
/*** NEW TABS SYSTEM ***/
.tabs_Main, .tabs_Main_spacing {
    height: 35px;
}


.tabs_Sub {
    height: 25px;
}

.tabs_Sub.noMargin {
    margin-bottom: 0;
}

.tabs_Main,
.tabs_Sub {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ccd7e3;
    margin-bottom: 10px;
}

.tabs_Main ul, .tabs_Main ul.yui-nav,
.tabs_Sub ul, .tabs_Sub ul.yui-nav {
    position: absolute;
    bottom: -1px;
    _bottom: -2px;
    margin: 0;
    padding: 0 0 0 10px;
}

.tabs_Main li,
.tabs_Sub li {
    list-style: none;
    float: left;
    display: block;
}

.tabs_Main .yui-nav li.selected a,
.tabs_Sub .yui-nav li.selected a,
.tabs_Main li a,
.tabs_Main li a.current,
.tabs_Sub li a,
.tabs_Sub li a.current {
    display: block;
    float: left;
    padding: 0px 15px 2px 15px;
    margin: 0 2px 0 0;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
}



.tabs_Main li a {
    height: 28px;
    line-height: 27px;
    padding: 0 15px;
    margin: 0 0 1px 0;
    font-size: 11px;
}




.side .tabs_Sub li a {
    _width: 5px; /* min-width hack for IE */
    min-width: 5px;
    padding: 1px 5px;
    margin: 1px 2px 0 0;
}
.tabs_Main .yui-nav li.selected a,
.tabs_Main .yui-nav li.selected a:hover,
.tabs_Sub .yui-nav li.selected a,
.tabs_Sub .yui-nav li.selected a:hover,
.tabs_Main li a.current,
.tabs_Main li a.current:hover,
.tabs_Sub li a.current,
.tabs_Sub li a.current:hover {
    display: block;
    float: left;
    padding: 1px 15px ;
    margin: 1px 2px 0 0;
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    background: #fff;
    margin-top: 0;
    border: 1px solid #ccd7e3;
    border-bottom: none;
    cursor: default;
    color: #333;
    height: 27px;
    line-height: 26px;
}

.tabs_Sub .yui-nav li.selected a,
.tabs_Sub .yui-nav li.selected a:hover,
.tabs_Sub li a.current,
.tabs_Sub li a.current:hover {
    height: 16px;
    line-height: 15px;
}
.tabs_Main li a,
.tabs_Sub li a {
    background: #edf4fb url('../img/default/section_tab.gif') repeat-x 0 -1px;
    border: 1px solid #ccd7e3;
    border-bottom: none;
    cursor: pointer;
}

.tabs_Sub .intro {
    float: left;
    display: block;
    font-size: inherit;
    color: #1d4c85;
    font-weight: bold;
    line-height: 20px;
    background: url('/sitedashboard/resources/img/default/arrow_right_blue.gif') no-repeat scroll right 6px;
    padding: 0 12px 0 0;
    margin-right: 5px;
}

.noTabLink {
    position: absolute;
    top: 8px;
    left: 160px;
}

.tabs_Main_spacing {
    margin-bottom: 0;
    border-bottom: 0;
}
.menuSeparator hr {
    border-top: 1px solid #d6d6d6;
    background-color: #CCCCCC;
    height: 2px;
    margin: 7px 15px;
}
/***************** Services: specific rules *********************/
.tabs_Sub.serviceSettings,
.tabs_Sub.serviceSettings li a,
.tabs_Sub.serviceSettings li.selected a,
.tabs_Sub.serviceSettings li a:hover,
.tabs_Sub.serviceSettings li.selected a:hover {
    border: none;
    margin-top: 10px;
    background: #fff;
}

.tabs_Sub.serviceSettings .yui-nav li.selected a,
.tabs_Sub.serviceSettings .yui-nav li.selected a:hover,
.tabs_Sub.serviceSettings .yui-nav li a,
.tabs_Sub.serviceSettings .yui-nav li a.current,
.tabs_Sub.serviceSettings .yui-nav li a.current:hover {
    border: none;
    padding: 0px;
    width: 140px;
    text-align: left;
}

.tabs_Sub.serviceSettings .yui-nav li a label {
    color: #013f78;
    font-weight: bold;
    display: inline;
}

.tabs_Sub.serviceSettings .yui-nav li a input {
    vertical-align: middle;
}

.serviceSettings li {
    float: none;
    margin-right: 5px;
    padding: 0px;
    width: 150px;
}

.serviceSettings li input {
    margin: 0px;
    padding: 0px;
    display: inline;
}


/***************** Expense-style tabs *********************/

.sectionNav {
  height: 29px;
  margin: 20px 0 0 0;
  padding: 0 0 0 10px;
  background: url('../img/default/section_tab.gif') repeat-x 0 28px;
  text-align: left;
}
.sectionNavTab {
  display: inline-block;
  height: 27px;
  color: #226c9f;
  border: 1px solid #ccd7e3;
  border-bottom: 0;
  background: #edf4fb url('../img/default/section_tab.gif') repeat-x 0 -1px;
  line-height: 27px;
  padding: 0 15px;
  margin-bottom: 1px;
  position: relative;
  text-decoration: none;
}
a.sectionNavTab:hover {
  text-decoration: none;
}
body.ie .sectionNavTab {
  margin-left: 3px;
}
.sectionNav a.sectionNavTabOn {
  height: 28px;
  font-weight: bold;
  color: #222;
  background: #fff none;
  margin-bottom: 0;
}
.sectionNav a.sectionNavTabOn:hover {
  text-decoration: none;
}
.insightsTabSpace {
  margin-bottom: 6px;
}
@charset "UTF-8";
/* CSS Document */

.upload-steps {
    width: 698px;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
}

.upload-steps .upload-step {
    background: #fff;
    border-top: 1px solid #999;
    border-bottom: 0;
    padding: 7px 0 7px 5px;
}

.upload-steps .upload-step-num {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 45px;
    font-weight: bold;
    padding: 0;
    float: left;
    color: #d7d7d7;
    width: 50px;
    text-align: left;
    line-height: 55px;
    vertical-align: top;
}

.upload-steps ol {
    margin: 0;
    padding: 0;
}

.upload-steps ol li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.uploadSummaryMsgBoxLeft {
    display: block;
    float: left;
    height: 27px;
    padding: 0 10px 0 0;
    vertical-align: top;
    width: 27px;
}

.uploadSummaryMsgBoxRight {
    border-left: 1px solid #D9D9D9;
    display: block;
    float: left;
    font-size: 13px;
    padding: 5px 10px;
    text-align: left;
    width: 450px;
}

.uploadSuccessGif {
    background: url('/sitedashboard/resources/img/default/success.gif') no-repeat scroll left center transparent;
}

.uploadWarningGif {
    background: url('/sitedashboard/resources/img/default/warnMsgIcons.gif') no-repeat scroll left center transparent;
}

.uploadFailureGif {
    background: url('/sitedashboard/resources/img/default/errMsgIcons.gif') no-repeat scroll left center transparent;
}

.uploadMessageBoxContent {
    _height: 20px;      /* IE Hack */
    _margin: -3px 0 0 0;  /* IE Hack */
    padding: 0 0 5px 15px;
    border-left: 1px solid #f1e9a9;
    border-right: 1px solid #f1e9a9;
    text-align: left;
    color: #222;
    font-size: 11px;
    background: #fdfac8 no-repeat 10px 5px;
}

.modalReportFontSize {
    font-size: 13px;
}

.uploadDetailsScrollbar {
    overflow: auto;
    height: 400px;
}

.padLt50, .padLeft50 {
    padding-left: 50px !important;
}

.padRight100 {
    padding-right: 100px !important;
}

.marTop0 {
    margin-top: 0 !important;
}
@charset "UTF-8";
/* CSS Document */

.costAllocation-upload-steps {
    width: 590px;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
}
.costAllocation-upload-steps .borderTop {
    border-top: 1px solid #999;
}

.costAllocation-upload-steps .upload-step1 {
    border-bottom: 0;
    padding: 7px 0 20px 5px;
}

.costAllocation-upload-steps .upload-step2 {
    border-bottom: 0;
    padding: 7px 0 0 5px;
}

.costAllocation-upload-steps .upload-step-num {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 45px;
    padding: 0;
    float: left;
    color: #d7d7d7;
    width: 40px;
    text-align: left;
    line-height: 55px;
    vertical-align: top;
}

.costAllocation-upload-steps ol {
    margin: 0;
    padding: 0;
}

.costAllocation-upload-steps ol li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.uploadSummaryMsgBoxLeft {
    display: block;
    float: left;
    height: 27px;
    padding: 0 10px 0 0;
    vertical-align: top;
    width: 27px;
}

.uploadSummaryMsgBoxRight {
    border-left: 1px solid #D9D9D9;
    display: block;
    float: left;
    padding: 5px 10px;
    text-align: left;
}

.uploadSuccessGif {
    background: url('/sitedashboard/resources/img/default/success.gif') no-repeat scroll left center transparent;
}

.uploadWarningGif {
    background: url('/sitedashboard/resources/img/default/warnMsgIcons.gif') no-repeat scroll left center transparent;
}

.uploadFailureGif {
    background: url('/sitedashboard/resources/img/default/errMsgIcons.gif') no-repeat scroll left center transparent;
}

.uploadMessageBoxContent {
    _height: 20px;      /* IE Hack */
    _margin: -3px 0 0 0;  /* IE Hack */
    padding: 0 0 5px 15px;
    border-left: 1px solid #f1e9a9;
    border-right: 1px solid #f1e9a9;
    text-align: left;
    color: #222;
    font-size: 11px;
    background: #fdfac8 no-repeat 10px 5px;
}

.modalReportFontSize {
    font-size: 13px;
}

.uploadDetailsScrollbar {
    overflow: auto;
    height: 400px;
}
.padLt40, .padLeft40 {
    padding-left: 40px !important;
}

.padLt50, .padLeft50 {
    padding-left: 50px !important;
}

.padRight100 {
    padding-right: 100px !important;
}

.marTop0 {
    margin-top: 0 !important;
}

.layerUploadSuccess {
    position: absolute;
    top: 35%;
}

.successMessageHeaderBox{
    padding-top: 10px !important;
    padding-left: 35px !important;
}

.successMessageDetailsBox{
    padding-left: 35px !important;
    padding-top: 20px !important;
    padding-bottom: 40px !important;
}

.CostAllocOverviewFont1 {
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 15px;
    padding-left: 40px !important;
}

#costAllcoationHdr{
    padding: 10px 0 15px 3px; !important;
}
#show1up {clear:both};
#calendarContainer {display:none; z-index:100 }
.frmInput {
    border: solid 1px #9A9A9A;
    background: #ffffff;
}
.yui-calendar .calnavleft {
    background: url("/sitedashboard/resources/img/callt.gif") no-repeat;
}
.yui-calendar .calnavright {
    background: url("/sitedashboard/resources/img/calrt.gif") no-repeat;
}
.yui-calcontainer .calclose {
    background: url("/sitedashboard/resources/img/calx.gif") no-repeat;
}
.yui-ac-content .yui-ac-bd ul {
    margin: -2px;
    margin-left:1px;
    padding: 0;
    position: absolute;
    background-color: #fff;
    border: solid 1px #d6d6d6;
    color: #B7B7B7;
    cursor: default;
    width: inherit !important;
}
.yui-ac-content .yui-ac-bd li {
    margin: 0;
    padding: 2px 5px;
    position: relative;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    list-style:none;
}
.yui-ac-highlight {
    color: #666666;
    background-color: #fff;
}
.yui-ac-highlight:hover {
    color: #fff;
    background-color: #3593C6;
    cursor: pointer;
}
.yui-ac-prehighlight {
    color: #fff;
    background-color: #3593C6;
    cursor: pointer;
}