/* Begin  modal box */
.modal-box-wrap{
	width:531px;
	position:absolute;
	left:-99999px;
	top:0px;
	z-index:99
}
.modal-btm{
	clear:both;
	width:531px;
	height:43px;
	background:url(../images/modal-box-btm-bg.png) no-repeat
}
.modal-heading{
	clear:both;
	width:489px;
	height:36px;
	padding:35px 0 0 42px;
	background:url(../images/modal-box-head-bg.png) no-repeat;
	overflow:hidden
}
.modal-contents{
	float:left;
	width:531px;
	min-height:204px;
	background:url(../images/modal-box-y.png) repeat-y
}
.modal-contents form{
	 margin:0;
	 padding:0;
	
}
* html .modal-contents{
	height:auto !important;
	height:204px
}

.modal-inner-box{
	clear:both;
	width:448px;
	margin-left:40px;
	overflow:hidden
}
.modal-inner-box-top,.modal-inner-box-btm{
	clear:both;
	width:448px;
	height:32px;
	background:url(../images/inner-box-top.png) no-repeat left top
}
.modal-inner-box-btm{
	height:20px;
	background:url(../images/inner-box-btm.png) no-repeat left top
}
.modal-inner-box-content{
	float:left;
	width:418px;
	min-height:154px;
	padding:0 0 10px 30px;
	background:url(../images/inner-box-y.png) repeat-y
}
* html .modal-inner-box-content{
	height:auto !important;
	height:154px
}

.modal-heading h2{
	clear:both;
	margin:0;
	padding:0
}
.close-btn{
	position:absolute;
	right:42px;
	top:39px;
	z-index:9;
	cursor:pointer
}

.inner-box-left{
	float:left;
	width:235px;
	margin-top:5px
}
.inner-box-right{
	float:right;
	width:175px
}

.entries-wrap{
	clear:both;
	width:235px;
	overflow:hidden
}
.entries-wrap span{
	display:block;
	clear:both;
	padding:6px 0 5px
}
.entries-wrap div{
	clear:both;
	width:233px;
	height:37px;
	margin:0;
	background:url(../images/modal-entries-bg.png) no-repeat
}
.entries-wrap input{
	float:left;
	width:201px;
	height:22px;
	margin:0;
	padding:7px 16px 8px;
	border:0;
	background:none
}

.forgot-pass-link{
	display:block;
	float:left;
	width:auto;
	margin-top:10px
}
.ics-small-logo{
	float:left;
	width:auto;
	margin:0
}
.signin-btn{
	float:left;
	display:inline;
	width:125px;
	height:34px;
	margin:20px 0 0 15px;
	padding:0;
	border:0;
	background-position:0 -300px;
	cursor:pointer
}



.modal-heading h2{
	font-size:28px;
	line-height:30px;
	text-transform:uppercase;
	color:#512d07;
	font-family:"Courier New", Courier, monospace;
	font-weight:700;
	text-shadow:1px 1px 1px #e4ccb8
}
.entries-wrap span{
	font-size:17px;
	line-height:20px;
	color:#512d07;
	font-weight:700
}
.entries-wrap input{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	line-height:22px;
	color:#000
}
.forgot-pass-link{
	color:#ee7a00
}
.forgot-pass-link:hover{
	text-decoration:none
}




/* ====================== responsive css start =========================*/

@media screen and (max-width: 480px) {
	.modal-box-wrap {
    width: 100%;
}
.modal-heading {
    width: 100%;
    padding: 35px 0px 0px 0px;
	background-size: 100% 100%;
}
.close-btn {
    right: 20px;
}
.modal-heading h2 {
    font-size: 1.2em;
    word-break: break-all;
text-align: center;
}
.modal-contents {
    float: left;
    width: 100%;
    min-height: 204px;
    background: url("../images/modal-box-y.png") repeat-y scroll 0% 0% transparent;
    background-size: 100% 100%;
}
.modal-inner-box {
    clear: both;
    width: 89%;
    margin-left: 16px;
    overflow: hidden;
}
.modal-inner-box-content {
    float: left;
    width: 100%;
    min-height: 154px;
    padding: 0px 0px 0px 0px;
    background: url("../images/inner-box-y.png") repeat-y scroll 0% 0% transparent;
    background-size: 100% 100%;
}
.modal-inner-box-top, .modal-inner-box-btm {
    width: 100%;
    background-size: 100% 100%;
}
.inner-box-left {
    width: 100%;
    margin-left: 17px;
}
.inner-box-right {
    float: right;
    width: 100%;
}
.ics-small-logo {
    width: 128px;
    margin: 3px;
    float: right;
}
.modal-btm {
    width: 100%;
    background-size: 100% 100%;
}
}
@media screen and (min-width: 480px) and (max-width: 800px) {
	.modal-btm {
    width: 100%;
    background-size: 100% 100%;
}
.ics-small-logo {
    width: 128px;
    margin: 3px;
    float: right;
}
	.inner-box-right {
    float: right;
    width: 100%;
}
	.inner-box-left {
    width: 100%;
    margin-left: 17px;
}
	.modal-inner-box-top, .modal-inner-box-btm {
    width: 100%;
    background-size: 100% 100%;
}
	.modal-box-wrap {
    width: 100%;
}
.modal-heading {
    width: 100%;
padding: 35px 0px 0px 0px;
background-size: 100% 100%;
}
.close-btn {
    right: 44px;
}
.modal-heading h2 {
    word-break: break-all;
text-align: center;
}
.modal-contents {
    float: left;
    width: 100%;
    min-height: 204px;
    background: url("../images/modal-box-y.png") repeat-y scroll 0% 0% transparent;
    background-size: 100% 100%;
}
.modal-inner-box {
    clear: both;
    width: 89%;
    margin-left: 41px;
    overflow: hidden;
}
.modal-inner-box-content {
    float: left;
    width: 100%;
    min-height: 154px;
    padding: 0px 0px 10px 0px;
    background: url("../images/inner-box-y.png") repeat-y scroll 0% 0% transparent;
    background-size: 100% 100%;
}
}
/* ====================== responsive css end =========================*/