img{width:100%;
outline:none;
border:0;
}
input[type="image"] {
	width:100%;
outline:none;
border:0;}

.Header{
	background-color: #531714;
	background-image: -webkit-linear-gradient(top, #681d19, #451310);
	background-image: -moz-linear-gradient(top, #681d19, #451310);
	background-image: -ms-linear-gradient(top, #681d19, #451310);
	background-image: -o-linear-gradient(top, #681d19, #451310);
	width:100%;	
	border-bottom:5px solid #c0a062;
	margin-bottom:5px;
}
.Clear{
	clear:both;
}
.InlineDiv{
	display:inline-block;
	position: relative;
	vertical-align:top;
}
.Wrapper{
	max-width:1600px;
	padding:5px;
	margin:auto;
}

.shadowfilter { 
	-webkit-filter: drop-shadow(0px 0px 6px  rgba(0,0,0,0.3	));
	filter: drop-shadow(0px 0px 6px  rgba(0,0,0,0.3	));
}
.Logo{
	width:30%;	
}
.Half{
	width:49%;	
	margin-bottom:10px;	
}
.HeaderRight{
	width:70%;
	background-image:url(../images/TopRightBg.png); 
	background-position:right top; 
	background-repeat:no-repeat;
	height:101px;
	
}
.FloatLeft{
	float:left;
}
.FloatRight{
	float:right;
}
.MarginTop{
	margin-top:30px;
}
.LinkButton{
	padding:3px 7px;
	margin-bottom:8px;
	margin-right:10px;
	background:#511614;
	border:1px solid #511614;
	color:#FFF;
	text-decoration:none;	
	text-align:center;
	cursor:pointer;
}
.LinkButton:hover{
	transition: ease 0.4s;	
	background:#9e7e3f;	
	text-decoration:none;	
}
.LinkButtonSmall{
	font-size:11.2px;
	padding:3px 7px;
	margin-bottom:8px;
	background:#511614;
	border:1px solid #511614;
	margin:3px;	
	color:#FFF;
	text-decoration:none;	
	text-align:center;
	cursor:pointer;
	
}
.LinkButtonSmall:hover{
	transition: ease 0.4s;	
	background:#9e7e3f;	
	text-decoration:none;	
}
.Padding10{
	padding:10px;
}

.Padding5{
	padding:5px;
}

.Padding2{
	padding:2px;
}

.Icon{
	z-index:1;
	position:absolute;
	margin-right:20px;
	margin-top:-17px;
}
.TextBox{
	width:98%;
	padding:3px 2px;
	border: 1px solid #c2c2c2;	
	outline:none;	
}
.TextBox:hover{	
	border: 1px solid #d89e00;
	border-radius:4px;
	transition:0.3s ease;		
}
.TextBox:focus{	
	border: 1px solid #d89e00;
	border-radius:4px;
	transition:0.3s ease;		
}

.TextBoxSmall{
	width:50%;
	padding:3px 2px;
	border: 1px solid #c2c2c2;	
	outline:none;	
}

.SearchButton{
	font-size:12px;
	padding:3px 7px;	
	background:#511614;
	border:1px solid #511614;	
	color:#FFF;
	text-decoration:none;	
	text-align:center;
	cursor:pointer;
}
.OneThird{
	width:35%;
	padding:10px;	
	margin-bottom:10px;	
}
.TwoThird{
	width:60%;
	padding:10px;
	margin-bottom:10px;
}
.FormInfo{
	width:25%;
	float:left;
	margin:3px;
}
.TextBoxDiv{
	width:72%;
	float: right;
	margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 5px;
}
.GreenButton{
	font-size:11.5px;
	padding:4px 7px;
	margin-bottom:8px;
	background:#8db011;
	border:1px solid #1c6718;
	margin:3px;	
	color:#FFF;
	text-decoration:none;	
	text-align:center;
	cursor:pointer;
}
.GreenButton:hover{	
	background:#5b7212;
	border:1px solid #5b7212;
	transition:0.4s ease;	
}
.DarkYellowButton{
	font-size:11.5px;
	padding:4px 7px;
	margin-bottom:8px;
	background:#d89e00;
	border:1px solid #d89e00;
	margin:3px;	
	color:#FFF;
	text-decoration:none;	
	text-align:center;
	cursor:pointer;
}
.DarkYellowButton:hover{	
	background:#9e7e3f;
	border:1px solid #9e7e3f;
	transition:0.4s ease;	
}
.BlueBox{	
	background-color: #a7f8fb;
	background-image: -webkit-linear-gradient(top, #cffdff, #78f4f4);
	background-image: -moz-linear-gradient(top, #cffdff, #78f4f4);
	background-image: -ms-linear-gradient(top, #cffdff, #78f4f4);
	background-image: -o-linear-gradient(top, #cffdff, #78f4f4);
	border: 2px solid #02bdb6;
	border-radius:10px;	
	
}


.Full{
	width:100%;
}
.Full2{
	width:100%;
}

.LoginBg{
	max-width:450px;
	background:#681d19;	
	-moz-box-shadow:inset 0px 0px 30px 0px #300806, 0px 0px 8px 5px #000;
	-webkit-box-shadow:inset 0px 0px 30px 0px #300806, 0px 0px 8px 5px #000;
	box-shadow:inset 0px 0px 30px 0px #300806, 0px 0px 8px 5px #000;	
	
	margin:-250px auto 0;
	position: relative;
	border-radius:20px;
	padding:15px;	
}
.LoginLogo{
	max-width:380px;	
	margin:50px auto;
	z-index:999;
	position: relative;
}

.ContactDirectory{
	width:24.7%;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
.LoginField{
	padding:5px;
	margin-top:170px;
}
.LoginFieldHalf{
	width:50%;
}
.LoginTextBox{
	width:98%;
	padding:2px;
	outline:none;	
}
.ImgBlock{
	display:block;
}
.OneForth{
	width:25%;
}
.ThreeForth{
	width:75%;
}
.TextField{
	width:22%;
	float:left;
}
.TextBoxDiv2{
	width:78%;
	float:left;
}
.Status{
	width:3.5%;
}
.CheckBoxDiv{
	width:96.5%;
}
.OneForth2{
	width:25%;
}
.Half2{
	width:50%;	
}
.Daterange{
	width:18%;
	float:left;
}
.DateDiv{
	width:82%;
	float:left;
}
.DateHalf{
	width:50%;
	float:left;
}
.TextBoxMedium{
	width:80%;
	padding:3px 2px;
	border: 1px solid #c2c2c2;	
	outline:none;	
}
.TextBoxBig{
	width:100%;
	padding:3px 2px;
	border: 1px solid #c2c2c2;	
	outline:none;	
}
.SResultDiv1{
	width:35%;
	float:left;
}
.SResultDiv2{
	width:25%;
	float:left;
}
.SResultDiv3{
	width:40%;
	float:left;
}
.OneThird2{
	width:33%;
/*	margin-top:50px;	*/
}
.TwoThird2{
	width:66%;	
}
.MarginTop2{
	
}
.imgDiv{
	width:25%;
	float:left;
}
.UserPhoto{
	width:20%;
}
.UserDetails{
	width:80%;
}

.AddPaymentDiv{
	width:50%;
	border:1px solid #765926;
	padding:15px;
	margin:auto;
}
.FormField{
	width:40%;
	float:left;
	text-align:right;
}
.FormRight{
	width:60%;
	float:left;
}
.Search{
	width:10%;
	background-color:#412021;	
	line-height:76px;
	font-size:16px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}
.SearchSmall{
	width:10%;
	background-color:#412021;	
	line-height:52px;
	font-size:16px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}
.SearchRight{
	width:90%;	
}
.SearchField{
	width:33%;	
}
.dateSelect{
	width:60px;	
}
.Date{
	width:25%;
}

.Left{
	width:40%;
}
.Right{
	width:60%;
}
.LeftBox{
	background-color:#f9eccb;
	padding:8px;
	border:1px solid #765926;
	border-radius:10px;
	-webkit-border-radius:10px;				
}
.RightBox{
	background-color:#a8f8fb;
	padding:8px;
	border:1px solid #00b3ba;
	border-radius:10px;
	-webkit-border-radius:10px;					
}
.OneForthAdmin{
	width:24%;
	display:inline-block;
	position: relative;
	vertical-align:top;
    top: 0px;
    left: 0px;
}
.Icon1{	
	max-width:50px;	
	z-index:4;
	position: relative;	
	margin-bottom:-35px;
	margin-left:2px;	
}
.PadLeft{
	padding-left:55px;
}
.MasterIcon{	
	max-width:50px;	
	z-index:4;
	position: relative;	
	margin-bottom:-45px;
	margin-left:-5px;	
}

.MinHeight{
    min-height:570px;
    }
.Half3{
		width:50%;		
}
.Popup{
	width:35%;
	margin:auto;
}
.CenterDiv{
	margin:auto;
}
.VisitorsPhoto{
	width:35%;
	float:left;
}
.VisitorsFields{
	width:65%;
	float:left;
}
.VisitorsPhotoDiv{
	width:9%;	
	float:left;
}
.VisitorsInfo{
	width:91%;	
	float:left;
}
.borderradius{
	border-radius:10px;
	-webkit-border-radius:10px;
	overflow:hidden;
}
.ColorDiv{
	width:33.31%;
}
@media screen and (max-width:1600px) {
	.OneThird{
	width:35%;
	padding:8px;	
	margin-bottom:10px;	
}
.TwoThird{
	width:58%;
	padding:8px;
	margin-bottom:10px;
}

.TextField{
	width:30%;
	float:left;
}
.TextBoxDiv2{
	width:70%;
	float:left;
}
.Status{
	width:4%;
}
.CheckBoxDiv{
	width:96%;
}
.OneForth2{
	width:25%;
}
.Half2{
	width:50%;	
}
.Daterange{
	width:20%;
	float:left;
}
.DateDiv{
	width:80%;
	float:left;
}
.DateHalf{
	width:50%;
	float:left;
}
.OneThird2{
	width:33%;	
}
.TwoThird2{
	width:65%;	
}
.imgDiv{
	width:33%;
	float:left;
}
.Popup{
	width:45%;
	margin:auto;
}
}
@media screen and (max-width:1024px) {
	.ContactDirectory{
	width:32.5%;
}
.SearchButton{
	font-size:11.5px;
	padding:2px 5px;	
}
.OneForth2{
	width:33%;
}
.TextField{
	width:25%;
	float:left;
}
.TextBoxDiv2{
	width:75%;
	margin-bottom:5px;	
}
.Status{
	width:5%;
}
.CheckBoxDiv{
	width:95%;
}
.Daterange{
	width:25%;
	float:left;
}
.DateDiv{
	width:75%;
	float:left;
}
.OneThird2{
	width:40%;	
}
.TwoThird2{
	width:58%;	
}
.imgDiv{
	width:33%;
	float:left;
}
.AddPaymentDiv{
	width:60%;	
}

.Search{
	width:15%;
	line-height:80px;
	font-size:15px;
	
}
.SearchSmall{
	width:15%;
	line-height:80px;
	font-size:15px;
	
}
.SearchRight{
	width:85%;	
}
.SearchField{
	width:50%;	
}
.dateSelect{
	width:80px;	
}
.Date{
	width:35%;
}
.FormInfo{
	width:30%;
	float:left;
	margin:3px;
}
.TextBoxDiv{
	width:66%;
	float: right;
	margin:2px 3px 5px 3px;
}
.Popup{
	width:50%;
	margin:auto;
}
.VisitorsPhotoDiv{
	width:11%;	
}
.VisitorsInfo{
	width:89%;	
}
}
@media screen and (max-width:850px) {
	

.TextField{
	width:30%;
	float:left;
}
.TextBoxDiv2{
	width:70%;
	margin-bottom:5px;	
}
.TextBoxMedium{
	width:90%;	
}
.Status{
	width:6%;
}
.CheckBoxDiv{
	width:94%;
}
.Daterange{
	width:30%;
	float:left;
}
.DateDiv{
	width:70%;
	float:left;
}
.DateHalf{
	width:100%;
	float:left;
}
.imgDiv{
	width:50%;
	float:left;
}
.AddPaymentDiv{
	width:70%;	
}
.OneForthAdmin{
	width:33%;	
}
.Half3{
		width:100%;		
}
.Popup{
	width:60%;
	margin:auto;
}
}
@media screen and (max-width:768px) {
.Half{
	width:100%;	
	margin-bottom:30px;	
}

.LinkButton{
	float:none;
	margin:auto;
	
}

.ContactDirectory{
	width:49.5%;
}
.OneThird{
	width:35%;
	padding:8px;	
	margin-bottom:10px;	
}
.TwoThird{
	width:58%;
	padding:8px;
	margin-bottom:10px;
}
.FormInfo{
	width:32%;
	float:left;
	
}
.TextBoxDiv{
	width:62%;
	float: right;
	
}
.TextBoxSmall{
	width:60%;
	
}
.HeaderRight{
	width:100%;
	background-image:url(../images/TopRightBg.png); 
	background-position:right top; 
	background-repeat:no-repeat; 
	height:70px;		
}
.MarginTop{
	margin-top:3px;
}

.OneForth2{
	width:50%;
}
.TextField{
	width:23%;
	float:left;
}
.TextBoxDiv2{
	width:77%;
	margin-bottom:5px;	
}
.TextBoxMedium{
	width:90%;	
}
.Status{
	width:8%;
}
.CheckBoxDiv{
	width:92%;
}
.Daterange{
	width:34%;
	float:left;
}
.DateDiv{
	width:66%;
	float:left;
}
.OneThird2{
	width:97%;
	margin-top:10px;
	margin:auto;
	float:none;
	clear:both;	
}
.TwoThird2{
	width:100%;	
}
.imgDiv{
	width:25%;
	float:left;
}
.AddPaymentDiv{
	width:80%;	
}
.Search{
	width:18%;
	line-height:80px;
	font-size:15px;
	
}
.SearchSmall{
	width:18%;
	line-height:110px;
	font-size:15px;
	
}
.SearchRight{
	width:82%;	
}
.SearchField{
	width:50%;	
}
.dateSelect{
	width:60px;	
}
.Date{
	width:36%;
}
.Left{
	width:100%;
}
.Right{
	width:100%;
}
.OneForthAdmin{
	width:49%;	
}
.Popup{
	width:65%;
	margin:auto;
}
.VisitorsPhotoDiv{
	width:18%;	
}
.VisitorsInfo{
	width:82%;	
}
.ColorDiv{
	width:49.9%;
}
}
@media screen and (max-width:640px) {
.OneThird{
	width:94%;
	padding:10px;
	float:none;
	margin:auto;	
	margin-bottom:10px;	
}
.TwoThird{
	width:94%;
	padding:10px;
	float:none;
	margin:auto;
	margin-bottom:10px;
}
.FormInfo{
	width:28%;
	float:left;
	
}
.TextBoxDiv{
	width:68%;
	float: right;
	
}
.TextBoxSmall{
	width:70%;	
}


.TextField{
	width:25%;
	float:left;
}
.TextBoxDiv2{
	width:75%;
	margin-bottom:5px;	
}

.Daterange{
	width:80%;
	float:left;
}
.DateDiv{
	width:100%;
	float:left;
}
.SResultDiv1{
	width:55%;
	float:left;
}
.SResultDiv2{
	width:45%;
	float:left;
}
.SResultDiv3{
	width:100%;
	float:left;
}
.AddPaymentDiv{
	width:90%;	
}
.Search{
	width:20%;
	line-height:80px;
	font-size:15px;	
}
.SearchSmall{
	width:20%;
	line-height:55px;
	font-size:15px;
	
}
.SearchRight{
	width:80%;	
}
.SearchField{
	width:50%;	
}
.dateSelect{
	width:60px;	
}
.Date{
	width:36%;
}
.Search{
	width:18%;
	line-height:80px;
	font-size:15px;
	
}
.SearchSmall{
	width:18%;
	line-height:115px;
	font-size:15px;
	
}
.SearchRight{
	width:82%;	
}
.SearchField{
	width:90%;
	margin-bottom:5px;	
}
.dateSelect{
	width:15%;	
}
.Date{
	width:42%;
}

.Popup{
	width:70%;
	margin:auto;
}
.VisitorsPhotoDiv{
	width:22%;	
}
.VisitorsInfo{
	width:78%;	
}

.ContactDirectory{
	width:99%;
}
.ColorDiv{
	width:100%;
}

}

@media screen and (max-width:560px) {
	.InputDiv{
	width:45%;
	padding:0px;
	margin-bottom:10px;	
}
.TextBoxDiv2{
	width:95%;	
	padding:3px;
	float:left;
}
.LoginLogo{
	width:80%;	
}
.OneForth{
	width:40%;
}

.ThreeForth{
	width:60%;
}
.OneForth2{
	width:50%;
}
.Half2{
	width:100%;	
}
.TextField{
	width:50%;
	float:left;
}
.TextBoxDiv2{
	width:100%;
	margin-bottom:5px;	
}

.Daterange{
	width:25%;
	float:left;
}
.DateDiv{
	width:75%;
	float:left;
}
.DateHalf{
	width:50%;
	float:left;
}
.AddPaymentDiv{
	width:95%;
	padding:10px;	
}
.FormField{
	width:50%;
	float:left;
	text-align:right;
}
.FormRight{
	width:50%;
	float:left;
}

.Search{
	width:100%;
	line-height:30px;
	font-size:14px;	
}
.SearchSmall{
	width:100%;
	line-height:30px;
	font-size:14px;
	
}
.SearchRight{
	width:100%;	
}
.SearchField{
	width:50%;
	margin-bottom:5px;	
}
.dateSelect{
	width:60px;	
}
.Date{
	width:35%;
}
.Popup{
	width:75%;
	margin:auto;
}
}

@media screen and (max-width:480px) {
	
.Full{
	margin-top:20px;
}

.LoginBg{
	width:85%;	
	margin:-220px auto 0;
}
.OneForth2{
	width:100%;
}

.Half2{
	width:100%;	
}
.TextField{
	width:20%;
	float:left;
}
.TextBoxDiv2{
	width:78%;
	margin-bottom:5px;	
}
.Status{
	width:18%;
}
.CheckBoxDiv{
	width:82%;
}
.Daterange{
	width:80%;
	float:left;
}
.DateDiv{
	width:82%;
	float:left;
}
.DateHalf{
	width:100%;
	float:left;
}
.imgDiv{
	width:33%;
	float:left;
}
.AddPaymentDiv{
	width:75%;
	padding:10px;	
}
.FormField{
	width:100%;
	float:left;
	text-align:left;
}
.FormRight{
	width:95%;
	float:left;
}
.SearchField{
	width:80%;
	margin-bottom:5px;	
}
.dateSelect{
	width:60%;	
}
.Date{
	width:50%;
}
.OneForthAdmin{
	width:98%;	
}
.Popup{
	width:95%;
	margin:auto;
}
.VisitorsPhoto{
	width:80%;
	float:none;
	margin:auto;
}
.VisitorsFields{
	width:100%;
	float:left;
}
.VisitorsPhotoDiv{
	width:24%;	
}
.VisitorsInfo{
	width:76%;	
}

.OneForth{
	width:100%;
}

.ThreeForth{
	width:100%;
}


}



@media screen and (max-width:360px) {
.LinkButtonSmall{
	display:inline-block;	
}
.FormInfo{
	width:100%;
	float:left;
	
}
.TextBoxDiv{
	width:100%;
	float: left;
	
}
.TextBoxSmall{
	width:90%;	
}


.LoginFieldHalf{
	width:98%;
}
.LoginLogo{
	width:90%;	
}

.TextField{
	width:26%;
	float:left;
}
.TextBoxDiv2{
	width:70%;
	margin-bottom:5px;	
}
.TextBoxMedium{
	width:98%;	
}
.Status{
	width:100%;
}
.CheckBoxDiv{
	width:100%;
}
.Daterange{
	width:80%;
	float:left;
}
.DateDiv{
	width:82%;
	float:left;
}
.imgDiv{
	width:50%;
	float:left;
}
.AddPaymentDiv{
	width:90%;
	padding:10px;	
}
.FormField{
	width:100%;
	float:left;
	text-align:left;
}
.FormRight{
	width:100%;
	float:left;
}
.Date{
	width:80%;
}
.Popup{
	width:85%;
	margin:auto;
}
.VisitorsPhotoDiv{
	width:40%;	
	margin:auto;
	float:none;	
}
.VisitorsInfo{
	width:100%;	
}
}