﻿
* {
padding: 0;
margin: 0;
}

hr {
    padding: 0;
    margin: 0;
}

img {
	vertical-align: baseline;
}

.ManageResident {
	background-color: #F0F0F0;
	border: 1px solid #525E6C;
	color: #49525E;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 20px;
	padding-bottom: 9px;
	padding-left: 18px;
	padding-right: 18px;
	text-indent: 1px;
}

#Panel_ResidentProfile_AddEdit,
#Panel_MonthlyCharges_Section {
	flex: 1 1 auto !important; /* Ensures both panels can grow/shrink */
	height: auto !important; /* Overrides any Bootstrap height settings */
	min-height: auto !important; /* Prevents min-height from Bootstrap */
}


.ManageResident select
{
	border: 1px solid #999999 !important;
	/* color: #555555; */
	display: block;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	margin-bottom: 1px;
	margin-top: 1px;
	padding-left: 3px;

}


.ManageResident input[type=text] 
{
	height: 22px;
	line-height: 22px;
    font-size: 14px;
    padding-left: 2px;
    
}

.ManageResident .ResidentOnly h2
{
    font-size: 13px;
    font-weight: bold;
} 

.ManageResident .ResidentOnly .info 
{
	height: 24px;
	line-height: 22px;
    font-size: 14px;
    padding-left: 2px;
    color: Maroon;
    font-weight: bold;
    
}

.ManageResident .ResidentOnly td:nth-child(2)
{
    color: Maroon;
    font-weight: bold;
}


.ManageResident input[type=text]:focus  input[type=radio]:focus
{
	border: 2px solid #587BC6 !important;
	margin-bottom: 0px;
	margin-top: 0px;
}

.ManageResident select:focus
{
	border: 2px solid #587BC6 !important;
}

.ManageResident .Row_InputData {
	margin-bottom: 12px;
	margin-top: 12px;
	width: 100%;
}

.flex-space-between {
	display: flex;
	justify-content: space-between;
}

.flex-justify-start {
	display: flex;
	justify-content: flex-start;
}

.collapsePanel
{
	background-color: white;
	overflow: hidden;
}

.collapsePanelHeader
{
	background-image: url(../Images/bg-menu-main.png);
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
	height: 30px;
	width: 800px;
}

.collapsePanelBody
{
	height: 0px;
	overflow: hidden;
}

.modalBackground
{
	background-color: Black;
}

.modalPopup
{
	background-color: Black;
	border-color: black;
	border-style: solid;
	border-width: 6px;
	height: 300px;
	padding-left: 10px;
	padding-top: 10px;
	width: 650px;
}

#master_content .collapsePanelHeader a
{
	color: #FFF;
}

#master_content .collapsePanelHeader a:hover
{
	background: none;
	text-decoration: none;
}

.ButtonNPS
{
	background-color: #5B74A8;
	border: 1px solid #29447E;
	border-radius: 5px;
	box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
	color: #fff;
	font-family: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
	font-size: 10px;
	font-weight: 700;
	height: 28px;
	moz-border-radius: 5px;
	moz-box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
	padding: 2px 6px;
	webkit-border-radius: 5px;
	webkit-box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
}

.TextBoxNPS
{
	border: 1px solid #29447E;
	border-radius: 5px;
	box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
	font-family: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
	font-size: 9px;
	font-weight: 400;
	height: 20px;
	moz-border-radius: 5px;
	moz-box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
	padding: 2px 6px;
	webkit-border-radius: 5px;
	webkit-box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
}

.CheckBoxNPS
{
	border-style: none;
	font-family: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
	font-size: 10px;
	font-weight: 700;
	height: 28px;
	moz-box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
	padding: 2px 6px;
	webkit-box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
    vertical-align: middle;
}

.CheckBoxNPS input[type=checkbox] {
    
}

.CheckBoxNPS label {
    position: relative;
    top: -3px;
    margin-left: 4px;
}

.MaskedEditError
{
	background-color: red;
}

span.reference
{
	bottom: 10px;
	font-size: 11px;
	left: 10px;
	position: fixed;
}

span.reference a
{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

span.reference a:hover
{
	color: #f0f0f0;
}

.box
{
	float: left;
	height: 100%;
	left: 5px;
	position: fixed;
	top: 18px;
	width: 300px;
}

.master
{
	float: left;
	height: 100%;
	left: 5px;
	position: fixed;
	top: 18px;
	width: 100%;
}

.MainBody
{
	border: 0px;
	float: left;
	height: 100%;
	height: 95%;
	left: 350px;
	position: fixed;
	top: 18px;
	width: 95%;
}

.SubContextBody
{
	border: 0px;
	height: 100;
	width: 95%;
}

.Tree
{
	float: left;
	height: 100%;
	left: 5px;
	width: 300px;
}

.sidebar
{
	float: left;
	height: 100%;
	left: 5px;
	width: 100%;
}

#page-wrap
{
	height: 95%;
	margin-left: 400px;
	width: 90%;
}

.sb_wrapper
{
	height: 100%;
	left: 10px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	width: 100%;
}

.sb_wrapper input[type="text"], ul.sb_dropdown
{
	background: #fafafa;
	background: -moz-linear-gradient(top, #f2f2f2, #fafafa);
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fafafa));
	border: 1px solid #fff;
	float: left;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	font-size: 24px;
	margin: 3px 0px;
	outline: none;
	padding: 6px 5px 6px 20px;
	width: 295px;
}

ul.sb_dropdown
{
	float: left;
	list-style: none;
	padding: 6px 5px;
	width: 360px;
}

ul.sb_dropdown li
{
	float: left;
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	width: 50%;
}

ul.sb_dropdown li input[type="checkbox"]
{
	float: left;
	margin: 10px 4px 0 5px;
}

ul.sb_dropdown li.sb_filter
{
	background: #ddd;
	border: 1px solid #f9f9f9;
	clear: both;
	color: #444;
	font-size: 12px;
	height: 16px;
	letter-spacing: 1px;
	line-height: 16px;
	padding: 5px;
	text-transform: uppercase;
	width: 348px;
}

span.sb_up, span.sb_down
{
	background-color: #f2f2f2;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	height: 41px;
	left: 0px;
	position: absolute;
	top: 3px;
	width: 14px;
	z-index: 10;
}

span.sb_up
{
	background-image: url(../icons/up.png);
}

span.sb_down
{
	background-image: url(../icons/down.png);
}

span.sb_down:hover
{
	background-color: #fff;
}

input.sb_search
{
	background: #f2f2f2 url(../icons/search.png) no-repeat center center;
	border: 1px solid #fff;
	border: none;
	cursor: pointer;
	float: left;
	height: 43px;
	margin: 3px 0px;
	outline: none;
	width: 50px;
}

input.sb_search:hover
{
	background-color: #fff;
}

table_list
{
	background: #eaebec;
	border: #ccc 1px solid;
	border-radius: 3px;
	box-shadow: 0 1px 2px #d1d1d1;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 534px 289px 20px 1px;
	moz-border-radius: 3px;
	moz-box-shadow: 0 1px 2px #d1d1d1;
	text-shadow: 1px 1px 0px #fff;
	webkit-border-radius: 3px;
	webkit-box-shadow: 0 1px 2px #d1d1d1;
}

.formField
{
	margin: 15px;
}

label
{
	xpadding-right: 10px;
}

html, body, form
{
	margin: 0;
	padding: 0;
}

#HeaderDiv
{
	margin: auto;
	padding-top: 30px;
	width: 1200px;
}

#HeaderBar
{
	background-image: url('../NewSite_Images/HeaderBar_Horizontal.gif');
	background-repeat: repeat-x;
	overflow: hidden;
	width: 100%;
}

#NavBar
{
	background-color: #F8F8F8;
	background-repeat: repeat;
	float: left;
	height: 100%;
	width: 230px;
}

#MainBody {
	/*display: table;*/
	margin: auto;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

#ManageResident_MainPanel
{
	background-repeat: repeat-y;
	/* color: #FFFFFF; */
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	margin: auto;
	width: 950px;
}

.NewSite .TabPanel
{
	background-image: url(../NewSite_Images/ManageResident_Background.gif);
	background-repeat: repeat-y;
	border: 2px solid white;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	height: 350px;
	line-height: 18px;
	overflow: auto;
	padding-top: 0px;
	width: 458px;
}

.TabPanel .TabHeader
{
	background-color: #F0F0F0;
	color: #3D5267;
	display: block;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	margin-bottom: 8px;
	margin-left: 3px;
	margin-right: 5px;
	margin-top: 5px;
	text-indent: 5px;
}

.TabPanel .TabBody
{
	margin-left: 15px;
	margin-top: 15px;
}

.HeaderLabel
{
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
}

.NewSite h3
{
	border-bottom: 1px solid black;
}

.NewSite div.ns_sb_up,
.NewSite div.ns_sb_down
{
	background-color: #f2f2f2;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	float: left;
	height: 39px;
	position: relative;
	width: 14px;
	z-index: 10;
}

.NewSite div.ns_sb_up
{
	background-image: url(../icons/up.png);
}

.NewSite div.ns_sb_down
{
	background-image: url(../icons/down.png);
}

.NewSite div.ns_sb_down:hover
{
	background-color: #fff;
}

.NewSite input.ns_sb_search
{
	background: #f2f2f2 url(../icons/search.png) no-repeat center;
	border: 1px solid #fff;
	cursor: pointer;
	float: right;
	height: 41px;
	margin-left: -1px;
	width: 50px;
}

.NewSite input.ns_sb_search:hover
{
	background-color: #fff;
}

.NewSite .ns_sb_input
{
	background: #fafafa;
	background: -moz-linear-gradient(top, #f2f2f2, #fafafa);
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fafafa));
	border: 2px solid #f2f2f2;
	float: left;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	font-size: 24px;
	height: 23px;
	margin-top: 1px;
	padding: 6px 5px 6px 20px;
	width: 410px;
}

.NewSite .ns_sb_dropdown {
    background: #fffcf4;
    /* /background: -moz-linear-gradient(top, #f2f2f2, #fafafa); */
    /* background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fafafa)); */
    /* background: -webkit-gradient(linear, left top, left bottom, from(#e6c5c5), to(#ffe7e7)); */
    border: 1px solid #fff;
    left: 0px;
    padding: 6px 5px;
    position: absolute;
    top: 40px;
    width: 430px;
    z-index: 10;
}

.NewSite .ns_sb_dropdown ul
{
	list-style: none;
}

.NewSite .ns_sb_dropdown li {
    /* float: left; */
    font-size: 14px;
    /*font-weight: bold;*/
    height: 32px;
    line-height: 32px;
    /* width: 33%; */
    color: black;
    border-bottom: 1px solid silver;
    padding-left: 7px;
}


.NewSite .ns_sb_dropdown li input[type="checkbox"]
{
	float: left;
	margin: 10px 4px 0 5px;
}

.ns_sb_dropdown li:hover, .highlight {
    background-color: #cfddf7;
}

.ns_sb_dropdown li a {
    color: inherit;
    text-decoration: none;
}

.ns_sb_dropdown li a:hover, a.highlight {
    text-decoration: underline !important;
    color: maroon !important;
    cursor: pointer;
}

.NewSite .ns_sb_dropdown .ns_sb_filter
{
	background: #ddd;
	border: 1px solid #f9f9f9;
	color: #444;
	font-size: 12px;
	height: 16px;
	letter-spacing: 1px;
	line-height: 16px;
	padding: 5px;
	text-transform: uppercase;
	width: 420px;
}


.search_sectionHeader {
    background-color: #5e88b3;
    width: 210px; /* margin: auto; */
    color: white;
    font-weight: bold;
    font-size: 12px; /* height: 32px; */
    line-height: 16px;
    padding-left: 7px;
    padding-top: 1px;
}

.searchlist_highlight {
    color: white;
    background-color: #bd1e1e;
}




.NewSite .Panel_ContainerBox {
    border: 1px solid white;
    display: block;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    /* width: 790px; */
}

.PanelHeader
{
	color: #5E88B3; /* #4b5b69; */
    display: block;
    font-family: Arial;
    font-size: 27px;
    font-weight: bold;
    height: 40px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-left: 15px;
    text-indent: 4px;
}

.page-header {
	color: #4B5B69;
	font-size: 27px;
	font-weight: bold;
	margin-top: 20px;
	padding: 0;
}

.page-ghostheader
{
	color: #A5B3BE;
	font-size: 25px;
	font-weight: normal;
	margin-left: 10px;
	padding: 0;
}


.SubHeading
{
	color: #3D5267;
	display: block;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	margin-bottom: 8px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
	overflow: hidden;
	text-indent: 10px;
}

.CurrencyCell
{
	color: #FFFFFF;
	padding-right: 3px;
	text-align: right;
}

.FooterCell {
	border-top: solid;
	border-top-width: 1px;
}

.IntegerCell {
    padding-right: 8px;
    text-align: center;
}


.modalBackgroundDark
{
	background-color: Black;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 100;
}

.helpHeader
{
	color: #25689C;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}

.helpBody
{
	color: black;
	font-family: arial;
	font-size: 14px;
}

.errorMsg
{
	color: Red;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
}

.CommentBox
{
	background-color: #F0F0F0;
	border: 1px solid #525E6C;
	color: #49525E;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 10px;
	overflow: hidden;
	padding-bottom: 3px;
	padding-left: 18px;
	padding-right: 7px;
	padding-top: 10px;
	text-indent: 1px;
	width: 100%;
}

.ButtonTemplate
{
	background-image: url('../NewSite_Images/button_blueBG.jpg');
	color: White;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	text-align: center;
}

.NewSite .ajax__tab_body
{
	padding: 0px !important;
}

.NewSite .ajax__tab_header .ajax__tab_tab
{
	font-size: 12px !important;
}

.GridViewBlue
{
	color: #30465C;
	font-size: 11px;
}

.GridViewBlue th
{
	background-color: #DCE6F0;
	color: #30465C;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
}

.GridViewBlue td
{
	padding: 3px;
}

.gvRowEven
{
	background-color: #fff;
	height: 22px;
}

.gvRowOdd
{
	background-color: #f4f4f4;
	height: 22px;
}

.gvRowEven:hover, .gvRowOdd:hover
{
	background-color: #D3E6F4;
	cursor: pointer;
	height: 22px;
}

.FixedHeader {
    position: absolute;
    margin-top: -35px;
}   

.NewSite div.smallsearch_sb_up,
.NewSite div.smallsearch_sb_down
{
	background-color: #9AB7F5;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	float: left;
	height: 28px;
	position: relative;
	width: 14px;
	z-index: 10;
}

.NewSite div.smallsearch_sb_up
{
	background-image: url(../icons/up.png);
}

.NewSite div.smallsearch_sb_down
{
	background-image: url(../icons/down.png);
}

.NewSite div.smallsearch_sb_down:hover
{
	background-color: #fff;
}

input.smallsearch_sb_search
{
	background: #9AB7F5 url(../icons/search.png) no-repeat center;
	border: 1px solid #fff;
	cursor: pointer;
	float: left; 
	height: 30px;
	/* margin-left: -1px; */
	width: 39px;
    background-size: 18px 18px;
}

input.smallsearch_sb_search:hover
{
	background-color: #D9E4FC;
}

.NewSite .smallsearch_sb_input
{
	background: #fafafa;
	background: -moz-linear-gradient(top, #f2f2f2, #fafafa);
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fafafa));
	border: 2px solid #9AB7F5;
	float: left;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	font-size: 12px;
	height: 12px;
	margin-top: 1px;
	padding: 6px 5px 6px 10px;
	width: 410px;
}

.NewSite .smallsearch_sb_dropdown
{
	background: #9AB7F5;
	background: -moz-linear-gradient(top, #9AB7F5, #fafafa);
	background: -webkit-gradient(linear, left top, left bottom, from(#9AB7F5), to(#fafafa));
	border: 1px solid #fff;
	left: 0px;
	padding: 6px 5px;
	position: absolute;
	top: 30px;
	width: 330px;
	z-index: 10;
}

.NewSite .smallsearch_sb_dropdown ul
{
	list-style: none;
}

.NewSite .smallsearch_sb_dropdown li
{
	float: left;
	font-size: 16px;
	height: 21px;
	line-height: 32px;
    padding:5px;
    width:100px;
}

.NewSite .smallsearch_sb_dropdown li input[type="checkbox"]
{
	float: left;
	margin: 10px 4px 0 5px;
}

.NewSite .smallsearch_sb_dropdown .smallsearch_sb_filter
{
	background: #ddd;
	border: 1px solid #9AB7F5;
	color: #444;
	font-size: 12px;
	height: 16px;
	letter-spacing: 1px;
	line-height: 16px;
	padding: 5px;
	text-transform: uppercase;
	width: 320px;
}

.deposit-details {
    border: 1px solid #DCE1ED !important;
    border-radius:4px;
    clear:both;
    padding:10px;
    margin-bottom:10px;
    display:block;
}

.deposit-details td {
    vertical-align:top;
    padding:3px;

}

.deposit-details table table tr td:first-child {
    width:150px;
    color:#778B9C;
    /*font-weight:bold;*/
}

.assign-to {
    /*color:#70BCFF;*/
    font-size:1.5em;
    font-weight:bold;
    width:150px;
    margin:10px auto;
}

/*.deposit-details span {
    font-weight:bold;
}*/



.icon-plus:before {
    content: url("../Images/icon_plus.gif");
}

.icon-minus:before {
    content: url("../Images/icon_minus.gif");
}

.icon-child:before {
    content: url("../Images/icon_child.gif");
    margin-left: 10px;
    margin-right: 7px;
}

.icon-btn {
    height: 18px;
    width: 18px;
    border: none;
}

.collapsed-row {
    display: none;
    padding: 0px;
    margin: 0px;
}

.region-gv tr {
    border-bottom:1px solid #ddd;
}

.region-gv tr:hover {
    /*background-color:inherit !important;
    cursor:inherit !important;*/
}

.region-gv td {
    padding:8px;
}

.region-gv th {
    font-weight:normal;
    border-bottom:3px solid #525E6C;
}

.region-gv a:hover {
    background-color:inherit !important;
}

.region-gv a {
    text-decoration: underline !important;
}


.region-gv .icon {
    width:25px;
}

.region-gv .name {
    width:170px;
}
.region-gv .col3 {
    width:220px;
}
.region-gv .col5 {
    width:220px;
}
.region-gv .ind {
    padding-left:20px;
}

.region-gv .footer td {
    border-top:3px solid #525E6C;
}


.sel-top td {
    border-top:5px solid #999999;
}
.sel-bottom td {
    border-bottom:5px solid #999999;
}



.input-disabled {
    background-color:#fff;
    border:2px solid #fff;
    color:black;
    cursor:default;
}

.bttn {
    border:none;
    padding:2px 3px;
    margin:2px 5px 2px 0;
    cursor:pointer;
}

.bttn-yes {
    background-color:#8aff8a;
    font-weight:bold;
    color:#005000;
}

.bttn-no {
    background-color:#ff8181;
    font-weight:bold;
    color:#790000;
}

.bttn-X {
    font-weight:bold;
    padding:2px 3px;
}

.inline {
    display:inline;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: silver;
    font-weight: normal;
}

::-moz-placeholder { /* Firefox 19+ */
    color: silver;
    font-weight: normal;
}

:-ms-input-placeholder { /* IE 10+ */
    color: silver;
    font-weight: normal;
}

:-moz-placeholder { /* Firefox 18- */
    color: silver;
    font-weight: normal;
}

.checkboxfix input[type="checkbox"] {
    vertical-align: bottom;
    margin-bottom: 8px;
    margin-right: 7px;
    width: 1.2em;
    height: 1.2em;
}

.radiofix input[type="radio"] {
	vertical-align: bottom;
	margin-bottom: 8px;
	margin-right: 6px;
	width: 1.2em;
	height: 1.2em;
}
