

.webPartDrag
{
    border: 1px solid #BFC8CC;
    background: #f4f4f5;
}
.CalendarField
{
    width: 60px;
}

/***** BEGIN: DirectPanel Default Css Classes *****/
.directPanelExpandImage
{
    border-width: 0px;
}
.directPanelExpandButton
{
    float: right;
    clear: both;
}
.directPanelExpandSection
{
    height: 10px;
    width: 100%;
    padding-right: 3px;
}
.directPanel
{
    margin-bottom: 10px;
}
.dpPanelSpacer
{
    padding-top: 10px;
}
.dpSubHeader, .directPanelSubHeader
{
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    padding-left: 3px;
    display: block;
}
.dpSubHeader
{
    padding-bottom: 5px;
}
.directPanelSubHeader
{
    position: relative;
    top: -5px;
}
/***** END: DirectPanel Default Css Classes *****/

.gridHeader
{
    font-weight: bold;
    background-color: #eceef2;
}
.gridItem
{
    background-color: #ffffff;
}
.gridAlternating
{
    background-color: #ffffff;
}

.breadcrumb
{
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
}
A
{
    font-weight: normal;
    color: #8b2031;
    text-decoration: none;
}
A:hover
{
    font-weight: normal;
    color: #8b2031;
    text-decoration: underline;
}

.detailViewTable
{
    border: 1px solid black;
    border-collapse: collapse;
}

BODY
{
    font-size: 11px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    background-color: White;
}
html, body
{
    /*height:100%;*/ /* overflow: auto; - hides scrollbar but I don't like the behavior */
}
P
{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}
TD
{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}
TH
{
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}
INPUT
{
    font-size: 11px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}

SELECT
{
    font-size: 11px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}
TEXTAREA
{
    font-size: 11px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}
UL
{
    margin-top: 0px;
}
.loginSubmitBtn
{
    border-right: #bfc8cc 1px solid;
    padding-right: 10px;
    border-top: #bfc8cc 1px solid;
    padding-left: 10px;
    font-weight: bold;
    font-size: 11px;
    border-left: #bfc8cc 1px solid;
    color: #45577a;
    border-bottom: #bfc8cc 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    height: 20px;
    background-color: #efefef;
    text-align: center;
}

TD.footer
{
    font-weight: normal;
    color: #45577a;
    text-decoration: none;
}
P.bodyText
{
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}
TD.bodyText
{
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}
.bodyText
{
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}

.bodyText A
{
    color: #8b2031;
    text-decoration: none;
}

.bodyText A:hover
{
    color: #8b2031;
    text-decoration: underline;
}


.BreadCrumbWrapper, .pageTitle
{
    border-top: 1px solid #BFC8CC;
    border-bottom: 1px solid #BFC8CC;
    background-color: #F4F4F5;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 14px;
    color: #45577a;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}
.BreadCrumbWrapper a, .BreadCrumbWrapper a:hover
{
    color: #45577a;
    text-decoration: none;
}
.CarePointes div
{
    display: inline;
}

.CarePointes
{
    color: #45577A;
    text-align: right;
    padding-right: 20px;
    font-weight: bold;
}
.carePointe
{
    vertical-align: middle;
    padding-right: 20px;
    font-weight: bold;
    color: #45577a;
    text-align: right;
}
.contentPanel
{
    padding: 20px;
}
.userName
{
    padding-left: 20px;
}
.onlineContacts
{
    padding-left: 20px;
}
.copyright
{
    vertical-align: top;
    padding-right: 20px;
    text-align: right;
}

.menus
{
    margin: 0px;
    padding-top: 0px;
    position: relative;
    background-color: #aaaebc;
}
.menus A
{
    font-weight: bold;
    font-size: 10px;
    margin: 0px;
    text-transform: uppercase;
    width: 75px;
    color: #ffffff;
    padding-top: 2px;
    height: 17px;
    text-align: center;
}
.menus A:hover
{
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    background-color: #45577a;
    text-decoration: none;
}
#topnav
{
    display: block;
    left: 214px;
    margin: 0px;
    position: absolute;
    top: 31px;
    height: 17px;
}
#upperButtons
{
    padding-right: 20px;
    float: right;
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: right;
}
#dateDiv
{
    color: #666666;
    padding-left: 20px;
    float: left;
    padding-top: 9px;
    padding-bottom: 9px;
}
#dateDiv A:link, #dateDiv A:link:hover
{
    color: #666666;
    text-decoration: none;
}

h1
{
    color: #EA1313;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
}


h4
{
    color: #333333;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
}

h5
{
    color: #333333;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 1px;
}
h4.dataLabel
{
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
}

h5.dataLabel
{
    color: #888888;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 1px;
}
.error, .Error
{
    color: #8b2031;
}
.ok
{
    color: #45577A;
}
.labelColumn
{
    width: 125px;
    font-weight: bold;
}
/* collapseable header classes */
.headerMark
{
    z-index: 99;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 31px;
    height: 30px;
}


.leftNavActive
{
    background-color: #f4f4f5;
}
ul.LeftNav
{
    width: 212px;
    margin: 0px;
    padding: 0px;
}
.LeftNavMenu
{
    width: 214px;
    margin-bottom: 1px;
}
.leftNavInactive, .leftNavActive, .LeftNavMenuItem, ul.LeftNav li
{
    border-left: 1px solid #bfc8cc;
    border-right: 1px solid #bfc8cc;
    border-top: 1px solid #bfc8cc;
    padding-left: 19px;
}

.LeftNavMenuItem, ul.LeftNav li
{
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
}
.LeftNavMenu a, .LeftNavMenu a:hover, ul.LeftNav a, ul.LeftNav a:hover
{
    font-weight: bold;
    color: #2B405F;
}
.MenuSpacer
{
    height: 21px;
}
.MainMenu
{
    vertical-align: top;
    background-color: #9097AA;
    border-bottom: 2px solid white;
}

.MainMenu a
{
    display: none;
}
.MainMenu table a
{
    display: inline;
}

.dynamicMenuItemStyle a:hover, .staticMenuItemStytle a:hover
{
    color: White;
    text-decoration: none;
}
#companyLogoWrapper
{
    width: 124px;
    background-color: #45577A;
}

.LeftNavBar
{
    padding-bottom: 40px;
}
.CommandField
{
    padding-right: 10px;
}
.commandBar
{
    padding-bottom: 3px;
    padding-top: 4px;
}
.bodyTextInner
{
    padding: 10px 10px 40px 10px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
    padding: 0px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem
{
    background-color: window;
    color: windowtext;
    padding: 1px;
}

/* Menu Tree View */
.menuTreeRoot
{
    background-color: #9097aa;
    border-right: 1px solid white;
    color: White;
    padding-left: 5px;
    border-bottom: 1px solid white;
}
.menuTreeNode
{
    padding-left: 5px;
    padding-top: 3px;
    border-bottom: 1px solid white;
    padding-bottom: 3px;
}
.menuTreeNode a
{
    color: Black;
}
.menuTreeRoot a
{
    color: white;
}
.menuTreeSelectedNode
{
    background-color: #cd9c9f;
    padding-left: 5px;
}
.menuTreeSelectedNode a
{
    color: white !important;
    text-decoration: none !important;
    padding-right: 10px;
}
.parentTreeNode
{
    background-image: url(../images/asp_arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
}
.parentTreeNode a
{
    background-image: none;
}
.roleListStyle td
{
    white-space: nowrap;
}
.tablePager, .tablePager a
{
    font-weight: bold;
}
.autocomplete_completionListElement
{
    background-color: White;
}


.submitBtn
{
    background-color: #FFFFFF;
    background-image: url(../images/formButtonBg.png);
    border: 1px solid #444444;
    color: #444444;
    font-size: 11px;
    font-weight: normal;
    padding-right: 10px;
    padding-left: 10px;
    cursor: hand;
}
A.submitBtn
{
    text-decoration: none;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 1px; /* padding-bottom:1px;*/
    color: #444444;
}

A.submitBtn:hover
{
    text-decoration: none;
    color: #444444;
}
.LeftNavMenuItemTest .LeftNavMenuItem
{
    background-color: #ECEEF2;
    border-top: none;
    padding-top: 0px;
    font-weight: normal !important;
}
.LeftNavMenuItem img
{
    margin-right: 3px;
}
.LeftNavMenuItem a
{
    padding: 0px; /* font-weight:normal !important; */
}
.LeftNavMenuItemStatic
{
    background-color: #ECEEF2;
    font-weight: normal;
}
.LeftNavMenu
{
    border-bottom: 1px solid #BFC8CC;
}

/* From SalesPointe (transition to SalesPointe css */
.searchField
{
    background-color: #F4F4F4;
    border: 1px solid #000000;
    font-size: 11px;
}
.listViewThS1
{
}
a.listViewThLinkS1:link, a.listViewThLinkS1:visited, .tableHeaderBG a:link, .tableHeaderBG a:visited /* extranet style */
{
    color: #444444;
    font-weight: bold;
    text-decoration: none;
}
listViewThLinkS1:hover .tableHeaderBG a:hover /* extranet style */
{
    color: #222222;
    text-decoration: none;
}
.tableHeaderBG a:hover /* extranet style */
{
    color: #222222;
    text-decoration: underline;
}

.listViewThS1 /* modified salespointe to sepearte image style */
{
}

.listViewThS1, /* modified salespointe to sepearte image style */ .tableHeaderBG th /* extranet style */
{
    background-image: url(../images/listViewBg.png);
    border-bottom: 1px solid #980000;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
.tableHeaderBG th /* extranet style */
{
    padding-top: 3px;
    padding-bottom: 3px;
}
.listView
{
    border: 1px solid #9E9E9E;
    padding-top: 1px;
}

.listViewPaginationTdS1 td /* modified salespointe */
{
    border-bottom: 1px solid #9E9E9E;
}
.listViewPaginationTdS1 td table td
{
    border: none;
    padding-right: 5px;
}
.listViewPaginationTdS1
{
    background-color: #EEEEEE;
    color: #999999;
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.tabForm
{
    background-color: #EFEFEF;
    background-image: url(../images/searchFormBg.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #9E9E9E;
    padding: 5px;
}
.listViewPaginationTdS1 table
{
    border-collapse: collapse;
}
.listViewPaginationTdS1 th
{
    padding: 0px;
}
.listViewPaginationTdS1 td
{
    padding: 0px;
}
.welcome
{
    background-color: #64718D;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
}
.search
{
    background-color: #64718D;
    color: #FFFFFF;
    padding-right: 10px;
    text-align: right;
}

.lastView
{
    background-color: #DDDDDD;
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
    height: 20px;
    padding-left: 10px;
}
a.lastViewLink:link, a.lastViewLink:visited
{
    border-bottom: 0px none;
    color: #444444;
    padding-left: 0px;
    text-decoration: underline;
}
a.lastViewLink:hover
{
    border-bottom: 0px none;
    color: #666666;
    text-decoration: none;
}
.moduleTitle
{
    border-top: 1px solid #AAAAAA;
}
.moduleTitle
{
    border-top: 1px solid #AAAAAA;
}
p
{
    margin-bottom: 10px;
    margin-top: 0px;
}
h3
{
    color: #8B2031;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 0px;
    background: url(../images/h3Arrow.gif) no-repeat 0px 4px;
    padding-left: 15px;
}

.tabDetailViewDL
{
    width: 15%;
    background-color: #eeeeee;
    text-align: right;
    vertical-align: top;
    padding-right: 3px;
    font-weight: bold;
    color: #666666;
    font-size: 11px;
}
.tabDetailViewDF
{
    width: 35%;
    background-color: #FAFAFA;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 4px;
    vertical-align: top;
}

.dataLabel
{
    font-weight: bold;
    vertical-align: top;
}
.dataLabel
{
    width: 15%;
}
.dataField
{
    font-weight: normal;
    vertical-align: top;
}
.dataField
{
    width: 35%;
}
h2
{
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0px;
}

.oddListRowS1
{
    color: #000000;
    font-size: 11px;
    padding: 2px 5px 4px;
    background-color: #fdfcf2; /* modified salespointe */
}
.evenListRowS1
{
    color: #000000;
    font-size: 11px;
    padding: 2px 5px 4px;
    background-color: #f1f1f1; /* modified salespointe */
}
.oddListRowS1
{
    background-color: #fdfdfd;
}
.evenListRowS1 td, .oddListRowS1 td, .hoverListRowS1 td
{
    border-bottom: 1px solid #cccccc;
    padding: 3px;
    height: 26px;
}
.evenListRowS1 table td, .oddListRowS1 table td
{
    border-bottom: none;
}

/* modified salespointe */
.oddListRowS1 a:link, .oddListRowS1 a:visited, .evenListRowS1 a:link, .evenListRowS1 a:visited
{
    color: #002780;
    font-size: 11px;
    text-decoration: none;
}


.oddListRowS1 a:hover, .evenListRowS1 a:hover
{
    color: #002780;
    text-decoration: underline;
}
.hoverListRowS1
{
    background: #FFFFBF;
    padding: 2px 5px 4px;
}

.tabDetailViewDF a
{
    color: #002780;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}
.tabDetailViewDF a:hover
{
    color: #002780;
    text-decoration: none;
}
.required
{
    color: #8B2031;
}

.normalTable td
{
    padding: 1px;
}
/* Extranet */
.tabDetailViewSection
{
    background-color: #64718D;
}

.ImportantTicket, .ImportantTicket A:link, .ImportantTicket A:visited
{
    color: #8b2031;
}

.labelColumn
{
    padding: 5px;
    width: 130px;
}

.Password_BarBorder
{
    top: 5px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
    vertical-align: middle;
    width: 150px;
    height: 6px !important;
}

.Password_Bar_Weak
{
    color: #8B2031;
    background-color: #8B2031;
    height: 6px !important;
}

.Password_Bar_Strong
{
    color: #45577A;
    background-color: #45577A;
    height: 6px !important;
}
.List_Search
{
    color: white;
    background-color: #64718D;
    border: 1px solid #64718D;
    padding-left: 4px;
    margin-top: -1px; /*opacity: .75;     filter:alpha(opacity=75);*/
}
.red_link
{
    text-decoration: underline !important;
}
.red_link:hover
{
    text-decoration: none !important;
}

.checkboxList label
{
	padding-right:20px;
}
.checkboxList input
{
	vertical-align:middle;
}
/*
	an exercise in how many css files can one website have - freakkkkk
	this needs to be here because of the many many many css files
*/
.reportviewermenu
{
	font-weight:bold;
}
.reportviewermenu a:hover
{
	font-weight:bold;
	color:#2B405F;
}
.reportviewermenu a
{
	font-weight:bold;
	color:#2B405F;
}
/* REPORT VIEWER -------------------------------------------------------*/
.reportviewerdiv
{
   height: 1800px; 
}
.reportviewer
{
    vertical-align: bottom; 
    border-width: 0px; 
    margin-top: 0px; 
    margin-bottom: 10px;
    margin-right: 10px; 
    width: 100%; 
    height: 100%; 
    padding:0px;
}
.reportviewermsg
{
	line-height:3px;
	vertical-align:middle;
}