/* start of styles for the billing service table */
.bsTable
{
    border-right: #666666 1px solid;
    border-top: #666666 1px solid;
    border-left: #666666 1px solid;
    border-bottom: #666666 1px solid;
}

.bsHeader
{
    background-color: #ABC7F6;
    color: #333333;
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
}

.bsHeader2
{
    background-color: #ABC7F6;
    color: #333333;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}

.bsHr
{
    color: #666666;
    height: 1px;
}
.bsRowItem1
{
    background: #DBE5F7;
}
.bsRowItem2
{
    background: White;
}
.bsRowItemLeft
{
    /*background-color:White;*/
    text-align: left;
    color: Black;
}

.bsRowItemRight
{
    /*background-color:White;*/
    text-align: right;
    color: Black;
}

.bsRowItemCenter
{
    /*background-color:White;*/
    text-align: center;
    color: Black;
}

.bsRowTotals
{
    background-color: #ABC7F6;
    color: #333333;
    font-size: 8pt;
    text-align: right;
}

.bsRowTotalsLeft
{
    background-color: #ABC7F6;
    color: #333333;
    font-size: 8pt;
    text-align: left;
}

.bsRowTotals2
{
    background-color: #ABC7F6;
    color: #333333;
    font-size: 8pt;
    font-weight: bold;
    text-align: right;
}

.stCol1
{
    width: 427px;
}

.stCol2
{
    width: 75px;
}

.stCol3
{
    width: 427px;
}

.stCol4
{
    width: 427px;
}

.stCol5
{
    width: 427px;
}
/* end of the bs */
.tmbHeader
{
    background-color: #ABC7F6; /*border-right: #666666 1px solid;  	border-top: #666666 1px solid;  	border-left: #666666 1px solid;  	border-bottom: #666666 1px solid;*/
    color: #333333;
}

.tmbHR
{
    color: #666666;
    height: 1px;
}
.pageColor
{
    color: #666666;
}


a.clientMenu
{
    color: Black;
    text-decoration: none;
}
a.clientMenu:visted
{
    color: Black;
    text-decoration: none;
}
a.clientMenu:active
{
    color: Black;
    text-decoration: none;
}
a.clientMenu:link
{
    color: Black;
    text-decoration: none;
}
a.clientMenu:hover
{
    color: Black;
    text-decoration: none;
}













.popupButton
{
    font-family: Verdana;
    font-size: 8pt;
    background-color: #FFFFdd;
    color: #333333;
    height: 22px;
}







.label2
{
    font-family: Verdana;
    font-size: 8pt; /*color: #c1c1cc;*/
    color: #cccccc;
}

.tableHeader
{
    font-family: Verdana;
    font-size: 7.5pt;
    text-align: center;
    color: #696969; /*color:DimGray;*/
    font-weight: bold;
}

.tableLeftSide
{
    background-color: #ABC7F6; /*background-color:#ADC7F7;*/
    font-family: Verdana;
    font-size: 7pt;
    color: #666666;
}

.tableRightSide
{
    font-family: Verdana;
    font-size: 7pt;
    background-color: #EFF3FB;
    color: #666666;
}

.left
{
    text-align: left;
}

.center
{
    text-align: center;
}

.right
{
    text-align: right;
}


.gobutton
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0099CC;
    height: 20px;
    width: 30px;
}



.tab
{
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    border-bottom: #a9a9a9 1px solid;
    border-collapse: collapse;
}

.homepage_content
{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.expandable
{
    border-top: white 6px solid;
}

/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-image: url("/Images/caution.png");
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding: 3px;
    width: 500px;
    height: 356px;
}

.modalPopupWarning
{
    background-image: url("/Images/warningbg.png");
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding: 3px;
    width: 500px;
    height: 356px;
}

.modalPopupPlain
{
    background-image: url("/Images/tableBackground.png");
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding: 3px;
    width: 500px;
    height: 356px;
}

.modalPopupPlain2
{
    background-image: url("/Images/tableBackground.png");
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding: 3px;
    width: 500px;
    height: 200px;
}

.modalPopupPlainInvite
{
    background-image: url("/Images/tableBackgroundInvite.png");
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding: 3px;
    width: 500px;
    height: 200px;
}

.modalPopupPlainMailingList
{
    background-image: url("/Images/mailingListBG.png");
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding: 3px;
    width: 500px;
    height: 200px;
}

.stack
{
    z-index: 99;
}

.stack1
{
    z-index: 1;
}

.sampleStyleA
{
    background-color: #FFF;
}

.sampleStyleB
{
    background-color: #FFF;
    font-family: monospace;
    font-size: 10pt;
    font-weight: bold;
}

.sampleStyleC
{
    background-color: #ddffdd;
    font-family: sans-serif;
    font-size: 10pt;
    font-style: italic;
}

.sampleStyleD
{
    background-color: Blue;
    color: White;
    font-family: Arial;
    font-size: 10pt;
}

/* new css */
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    /*background-color: #C9CCC1;*/
    background-image:url('/Images/body_bg.gif');
    font-size: 7pt;
    margin-top: 0;
}

.backBtn
{
    font-family: Verdana;
    font-size: 7pt;
    cursor: pointer;
    font-weight: bold;
    color: #333333;
}

a.default:link
{
    text-decoration: none;
    color: #333333;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold;
}

a.default:visited
{
    text-decoration: none;
    color: #333333;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold;
}

a.default:active
{
    text-decoration: none;
    color: #3366CC;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold;
}

a.default:hover
{
    text-decoration: underline;
    color: #3366CC;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold;
}

a.default7:link
{
    text-decoration: none;
    color: #7a7d93;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
}

a.default7:visited
{
    text-decoration: none;
    color: #7a7d93;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
}

a.default7:active
{
    text-decoration: none;
    color: #3366CC;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
}

a.default7:hover
{
    text-decoration: underline;
    color: #3366CC;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
}

a.default8:link
{
    text-decoration: none;
    color: #333333;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

a.default8:visited
{
    text-decoration: none;
    color: #333333;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

a.default8:active
{
    text-decoration: none;
    color: #3366CC;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

a.default8:hover
{
    text-decoration: underline;
    color: #3366CC;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

a.headerMenu:link
{
    text-decoration: none;
    color: White;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a.headerMenu:visited
{
    text-decoration: none;
    color: White;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a.headerMenu:active
{
    text-decoration: none;
    color: Black;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a.headerMenu:hover
{
    text-decoration: underline;
    color: Black;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.labelWhiteText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: White;
}

.border
{
    border-right: #666666 1px solid;
    border-top: #666666 1px solid;
    border-left: #666666 1px solid;
    border-bottom: #666666 1px solid;
}

.header
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*background-color: #C9CCC1
    background-image:url('/Images/body_bg.gif');*/
}

.searchBtn
{
    font-family: Verdana;
    font-size: 8pt;
    background-color: #FFFFFF;
    color: #333333;
    height: 22px;
}

.searchTxt
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    height: 16px;
    width: 145px;
}

.text8
{
    font-family: Verdana;
    font-size: 8pt;
    color: #333333;
    text-align: justify;
}

.text8whitebold
{
    font-family: Verdana;
    font-size: 8pt;
    color: white;
    font-weight: bold;
}

.text8Bold
{
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: #333333;
}

.text8Watermark
{
    font-family: Verdana;
    font-size: 8pt;
    color: #CAC7C7;
    height: 16px;
}

.text7
{
    font-family: Verdana;
    font-size: 7.5pt;
    color: #333333;
}

.text7Right
{
    font-family: Verdana;
    font-size: 7.5pt;
    color: #333333;
    text-align: right;
}

.text7Bold
{
    font-family: Verdana;
    font-size: 7.5pt;
    font-weight: bold;
    color: #333333;
}

.text5
{
    font-family: Verdana;
    font-size: 5pt;
    color: #333333;
}

.text9
{
    font-family: Verdana;
    font-size: 9pt;
    color: #333333;
}

.text10
{
    font-family: Verdana;
    font-size: 10pt;
    color: #333333;
}

.text10White
{
    font-family: Verdana;
    font-size: 10pt;
    color: white;
}

.textbox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    height: 16px;
    width: 130px;
}

.labelErrMsg
{
    font-family: Verdana;
    font-size: 8pt;
    color: Red;
}

.labelGoodMsg
{
    font-family: Verdana;
    font-size: 8pt;
    color: Blue;
}

.button
{
    font-family: Verdana;
    font-size: 8pt;
    background-color: #FFFFFF;
    color: #333333;
    height: 22px;
}

.button2
{
    font-family: Verdana;
    font-size: 8pt;
    background-color: #FFFFFF;
    color: #333333;
    height: 22px;
}

.labelHeader
{
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
}

.loadingbox
{
    position:absolute;
    top: 35%;
    left: 45%;
    border: 1px solid black;
    background-color: #EFF3FB;
    height: 40px;
    width: 250px;
    text-align: center;
    vertical-align:middle;
    padding-top: 20px;
    z-index: 16;
    font-family: Verdana;
    font-size: 8pt;
}

.dropdown
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.checkbox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.radio
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.textboxZip
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    height: 16px;
    width: 40px;
}

.textboxPhone1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    height: 16px;
    width: 30px;
}

.textboxPhone2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    height: 16px;
    width: 35px;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}

#master_content .accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

#master_content .accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #507CD1;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}

#master_content .accordionHeaderSelected a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 0px;
    padding-top: 0px;
}

/*CollapsiblePanel*/
.collapsePanel
{
    /*background-color:white; 	overflow:hidden;*/
    border-right: 1px solid #2F4F4F;
    border-left: 1px solid #2F4F4F;
    border-top: 1px solid #2F4F4F;
    border-bottom: 1px solid #2F4F4F;
}

.collapsePanelHeader
{
    width: 100%;
    height: 30px;
    background-color: #ABC7F6; /*background-image: url("./../images/bg-menu-main.png");*/
    background-repeat: repeat-x; /*color:#FFF; 	font-weight:bold;*/
    border-top: 1px solid #2F4F4F;
    border-left: 1px solid #2F4F4F;
    border-right: 1px solid #2F4F4F;
}

.showHideAll
{
    font-family: Verdana;
    font-size: 7.5pt;
    cursor: pointer;
    font-weight: bold;
}



.container
{   
    border: solid 1px #2F4F4F;
    width: 100%;
}

.containerNoBorder
{   
    width: 100%;
}

.containerParent
{
    border: solid 1px #2F4F4F;
    width: 100%;
}


.headerbar
{
    /* border: solid 1px #2F4F4F;*/
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    background: #ABC7F6;
    width: 100%;
    cursor: pointer;
}

.headerbarParent
{
    /* border: solid 1px #2F4F4F;*/
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    background: #729DE5;
    width: 100%;
    cursor: pointer;
}

.subheaderBar
{
    /* border: solid 1px #2F4F4F;*/
    border-top: solid 1px #2F4F4F;
    border-bottom: solid 1px #2F4F4F;
    padding-top: 2px;
    padding-bottom: 2px;
    text-decoration: none;
    background: #ABC7F6;
    width: 100%;
}

.containerBody
{
    display: none;
}

.containerBodyShow
{
    display: block;
}

.datagrid
{
    padding: 0px;
    background: white;
    width: 100%;
}

.padding
{
    padding-left: 5px;
    padding-right: 5px;
}

.divSpacer2
{
    padding: 1px;
}

.gridHeaderStyle
{
    border-bottom-style: solid;
    border-bottom-color: Black;
    border-bottom-width: 1px;
    background-color: #ABC7F6;
    color: Black;
    font-family: Verdana;
    font-size: 7pt;
    text-align: center;
    font-weight: bold;
}

.gridAlternatingRowStyle
{
    background-color: White;
}

.gridPagerStyle
{
    background-color: #2461BF;
    color: White;
    text-align: center;
}

.gridSelectedRowStyle
{
    background-color: #D1DDF1;
    font-weight: bold;
    color: #333333;
}

.gridEditRowStyle
{
    background-color: #2461BF;
}

.gridRowStyle
{
    background-color: #EFF3FB;
}

.gridFooterStyle
{
    background-color: #507CD1;
    font-weight: bold;
    color: White;
}

.GridView
{
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    color: #333333;
}

.hand
{
    cursor: hand;
}

.gridviewContainer
{
    border: 1px solid black;
}

/********************************
http://samonrescue.blogspot.com/2007/12/gridview-freeze-heade-column.html
*/
.container {
/* So the overflow scrolls */
overflow:auto;

/* Style */
border: 1px solid black;
}

.container table th {
/* Keep the header cells positioned as we scroll */
position:relative;
}

.container table tbody {
/* For alignment of the scroll bar */
overflow-x:hidden;
}

/**************************/

.containerMassPay {
/* So the overflow scrolls */
overflow:auto;

/* Style */
border: 1px solid black;
}

.containerMassPay table th {
/* Keep the header cells positioned as we scroll */
/*position:relative;*/
}

.containerMassPay table tbody {
/* For alignment of the scroll bar */
overflow-x:hidden;
}

/*************************/

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	/*height : 20px;*/
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ABC7F6;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.ratingStar2 {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(/Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/Images/SavedStar.png);
}

a img {border-width: 0; background: top left no-repeat;}
a#home img {background-image: url(/Images/home.png);}
a#home:visited img {background-image: url(/Images/home.png);}
a#home:hover img {background-image: url(/Images/homeOver.png);}
a#home:active img {background-image: url(/Images/home.png);}

.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}

.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
}

#media
{
    margin-top: 0px;
}
#noUpdate
{
    margin: 0 auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #cccccc;
    text-align: left;
    width: 210px; 
    height: 200px;	
    padding: 40px;
}

.boxError
{
    background-color: #F0FC31;
    font-family: Verdana;
    font-size: 8pt;
    color: #333333;
    text-align: justify;
    color: Red;
    height: 16px;
}

.adjustedZIndex {
    z-index: 1;
}