/*Properties set with !important rules to override default JS styles*/
	.modalPosition{
		position:fixed !important;
		left: 0 !important;
		top: 60% !important;
		z-index:1090 !important;
		overflow:hidden !important;
        height: 139px !important;
		width: 525px !important;
        border: none !important;
        border-radius: 0 !important;
        background: #fff !important;
        font-family: Arial, Helvetica, sans-serif !important;
	}
	
	.modalHead{
		color: dimgrey;
		margin-left: 10px;
	}
	
	#modalArticleCount{
		background-color:white;
		float:left;
		width:100%;
	}	
		#freeArticle{
			color:grey;
			float:left;
			margin-top: 15px;
		}
		.ccl-meterCountNumber
		{
			display:block;
			color:#A91D37;
			font-size: 44px;
			font-weight:bolder;
			text-shadow: 1px 1px grey;
			float:left;
			margin-right: 10px;
		}
		#modalArticleCount h3{
			font-size: 20px;
		}
	
	#modalRegister{
		float:left;
		background-color: white;
		width:100%;
		height: 70px;
	}	
		#modalRegister a{
			color: #A91D37;
			text-decoration:none;
		}
	
	#modalSignIn{
		float:left;
		width:120%;
		box-shadow: -15px 2px 2px -1px #000000 inset;
			background-color: #e2dac7; 
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b9aa98), to(#e2dac7)); /* Safari 5.1, Chrome 10+ */ 
			background: -webkit-linear-gradient(top, #e2dac7, #b9aa98); /* Firefox 3.6+ */ 
			background: -moz-linear-gradient(top, #e2dac7, #b9aa98); /* IE 10 */ 
			background: -ms-linear-gradient(top, #e2dac7, #b9aa98); /* Opera 11.10+ */ 
			background: -o-linear-gradient(top, #e2dac7, #b9aa98);
	}
	
	#dialog{
		background-color: white;
	}	
		#dialog h4{
			font-size:14px !important;
			line-height:1.5;
			width:95%;
		}
	
	.ui-widget-header{
        width: 95px !important;
        height: 95px !important;
		background: #23408e !important;
		color:white !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 2.5em 1em 0 1em !important;
	}
	
	.ui-dialog, .ui-dialog-content, #dialog, .ui-dialog .ui-dialog-content{
		padding: 0 !important;
		overflow: hidden !important;
		min-height: auto !important;
	}

    .ui-dialog-title {
        float: none !important;
        margin: 0 !important;
        white-space: normal !important;
        width: auto !important;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        position: absolute !important;
        top: 20px !important;
        right: -380px !important;
    }

    #ccl-reg-sub-dialog {
        width: 320px !important;
        height: 139px !important;
        position: absolute !important;
        top: 0 !important;
        left: 150px !important;
    }

    .modalHead {
        color: #000 !important;
        margin: 0 !important;
    }

    .modal-close {
        display: block;
        width: 12px;
        height: 14px;
        background: url('http://www.modernhealthcare.com/images/meter-close.png') no-repeat 0 0;
        text-indent: -9999px;
        overflow: hidden;
        position: absolute;
        top: 10px;
        right: 10px;
    }