/*------------------------------------------------------------- 
		          Crossword Styles
--------------------------------------------------------------- */
.cz_crossword_container {
	display:table;
	width:98%;
	padding:0 1%;
	margin:0 auto;
	max-width:1000px;
}
.cz_crossword_container h1 {
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 !important;
	margin:0 !important;
	text-align:left;
}
.cz_crossword_header {
	border-bottom:#aaaaaa solid 2px;
	padding:10px 0;	
}

.cz_crossword_left,
.cz_crossword_right {
	width:100%;
	float:left;
	display:block;
}
.cz_crossword_right {
	margin:0 0 0 0;
}
.cz_crossword_right .cz_crossword_clue_wrap {
	display:inline-block;
	vertical-align:top;
	width:48%;
	margin-left:15px;
	cursor:text;
}
.cz_crossword_right .cz_crossword_clue_wrap:first-child {
	margin-left:0;
}
.cz_crossword_right ul {
	height:auto!important;
	border:none;
	margin:0 0 20px 0;
	width:100%;
	padding:10px 0;
	overflow-y:auto!important;
}
.cz_crossword_right ul li {
	font-size:14px;
	color:#555555;
	padding:5px 5px 5px 10px !important;
	list-style:none;
	cursor:pointer;
	 margin:10px 0px !important;
 border:#aaaaaa solid 1px;
 box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
 -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
 -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
}
.cz_crossword_right ul li.active,
.cz_crossword_right ul li.active b {
	background:#aaaaaa;
	color:#ffffff
}
.cz_crossword_right ul li b {
	font-weight:bold;
	margin-right:12px;
	width:auto;
	text-align:right;
	display:inline-block;
	color:#000000;
}
.cz_crossword_right .cz_crossword_clue_wrap h3 {
	font-size:18px;
	margin:0;
	padding:0;
	color:#000000;
}
.cz_crossword_left .cz_crossword_table {
	/*border:#424242 solid 2px;*/
	margin:30px 0;
	float:left;
}
.cz_crossword_clue_topbar {
	display:none;
}
.cz_crossword_left .cz_crossword_table .cz_crossword_cell_wrap {
	width:40px;
	height:40px;
	border-left:#aaaaaa solid 1px;
	border-top:#aaaaaa solid 1px;
	padding:0;
	display:block;
	float:left;
}
.cz_crossword_tabletr .cz_crossword_cell_wrap:first-child {
	border-left:#424242 solid 2px;
}
.cz_crossword_tabletr .cz_crossword_cell_wrap:last-child {
	border-right:#424242 solid 2px;
}
.cz_crossword_table .cz_crossword_tabletr:first-child .cz_crossword_cell_wrap {
	border-top:#424242 solid 2px;
}
.cz_crossword_table .cz_crossword_tabletr:last-child .cz_crossword_cell_wrap {
	border-bottom:#424242 solid 2px;	
}

.cz_crossword_left .cz_crossword_table  .cz_crossword_active_cell {
	position:relative;
	background:#ffffff;
}
.cz_crossword_left .cz_crossword_table .cz_crossword_blank_cell {
	background:#000000;
}
.cz_crossword_left .cz_crossword_table .cz_crossword_cell_wrap span {
	font-size:10px;
	color:#555555;
	position:absolute;
	left:2px;
	top:0;
	width:100%;
	cursor:text;
}
.cz_crossword_left .cz_crossword_table .cz_crossword_cell_wrap input[type="text"] {
	border:none;
	width:100%;
	height:100%;
	line-height:22px;
	font-size:15px;
	color:#333333;
	text-align:center;
	text-transform:uppercase;
	box-shadow:none;
	outline:none;
	padding:0;
	border-radius:0px;
	font-weight:bold;
	margin:0;
}
.cz_crossword_left .cz_crossword_table .cz_crossword_cell_wrap input[type="text"]:focus,
.cz_crossword_left .cz_crossword_table .cz_crossword_cell_wrap input[type="text"]:hover {
	box-shadow:none;
	outline:none;
}
.cz_crossword_btn_wrap {
	text-align:left;
	display:block;
	vertical-align:top;
	margin:15px 0px 20px 0;
	width:100%;
	float:left;
}
.cz_crossword_btn_wrap {
	margin-right:0;
}
.cz_crossword_btn_wrap .cz_crossword_clear_btn,
.cz_crossword_btn_wrap .cz_crossword_reveal_btn,
.cz_crossword_btn_wrap .cz_crossword_check_btn {
	font-weight:bold;
	font-size:16px;
	border:#aaaaaa solid 2px;
	color:#333333;
	text-transform:uppercase;
	box-shadow:none;
	padding:8px 15px;
	margin:0 0 0 2px;
	font-family: 'Philosopher', sans-serif;
	cursor:pointer;
	position: relative;
	transition:all linear 0.4s;
	background:none;
}
.cz_crossword_btn_wrap .cz_crossword_clear_btn:hover,
.cz_crossword_btn_wrap .cz_crossword_reveal_btn:hover,
.cz_crossword_btn_wrap .cz_crossword_check_btn:hover {
	background:#aaaaaa;
	color:#ffffff;
	transition:all linear 0.4s;
}
.cz_crossword_cell_wrong {
	position:absolute;
	z-index:100;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/wrong-bg.png) no-repeat left top;
	background-size:cover;	
}
.cz_crossword_cell_correct {
	position:absolute;
	z-index:100;
	right:0;
	top:0;
	width:10px;
	height:10px;
	background:url(../images/tick.png) no-repeat right top;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.cz_crossword_btn_wrap .cz_crossword_clear_btn,
.cz_crossword_btn_wrap .cz_crossword_reveal_btn,
.cz_crossword_btn_wrap .cz_crossword_check_btn {
	padding:8px 18px;
}
}
.cz_crossword_clue_topbar {
	background:#aaaaaa;
	font-size:16px;
	color:#ffffff;
	padding:10px 15px;
	font-weight:bold;
	margin-bottom:5px;
	min-width:50.5%;
}
.cz_crossword_score ul {
	text-align:left;
	padding:0;
	margin:0 0 30px 0;
	display:block;
	float:left;	
	width:100%;
}
.cz_crossword_score ul li {
	display:inline-block;
	vertical-align:top;
	width:23%;
	font-size:16px;
	color:#ffffff;
	font-family: 'Philosopher', sans-serif;
	background:#aaaaaa;
	padding:8px 15px;
	text-align:left;
	margin-left:0px;
	margin-right:1%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.cz_crossword_score ul li {
	width:32.7%;
}
}
.cz_crossword_score ul li span {
	font-weight:bold;
	margin-right:10px;
}
.cz_crossword_topbar {
	width:100%;
	float:left;
	display:block;	
}

/*------------------------------------------------------------- 
	         Login Section
--------------------------------------------------------------- */
.czlogin_wrap {
	background:#aaaaaa;
	padding:7px 0 9px;
}
.czlogin_wrap ul {
	float:right;
	padding:0;
	margin:0;
}
.czlogin_wrap h3 {
	float:left;
	color:#ffffff;
	margin:0;
}
.czlogin_wrap ul li,
.login_details li {
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 10px;
}
.czlogin_wrap ul li a,
.login_details li,
.login_detailswrap h4,
.login_btn {
	color:#ffffff;
	font-size:18px;
	font-family: 'Philosopher', sans-serif;
	padding:3px 15px;
	text-decoration:none;
	border:#ffffff solid 2px;
	display:block;
	margin:0;
}
.login_detailswrap {
	padding:13px 0 0 0 !important;
	width:100%;
	display:none;
}
.login_details li,
.login_detailswrap h4 {
	font-style:italic;
}
.login_detailswrap h4 {
	padding:0;
	margin-left:0;
	border:none;
	float:left;
}
.czlogin_form {
	padding:13px 0 0 0;
	display:none;
	width:100%;
	float:right;
}
.czlogin_form input[type="email"],
.czlogin_form input[type="password"] {
	background:#ffffff;
	color:#555555;
	padding:0 10px;
	border:none;
	font-size:14px;
	box-shadow:none;
	height:32px;
	line-height:32px;
}
.login_btn {
	display:inline-block;
	background:none;
	vertical-align:bottom;
	cursor:pointer;
}
.cz_crossword_clue_list li img {
	width:150px;
	max-width:100%;	
	display:block;
	margin-left:58px;
}
.cz_crossword_tabletr {
	width:100%;
	display:table;
}
.cz_cpg_authentication_wrap {
	height:150px;
	background:url(../images/crossword-login-bg.png) no-repeat left top;
	position:relative;
	width:100%;
	max-width:485px;
	padding:32px 0;
	margin-bottom:25px;
}
.cz_cpg_authentication_container {
	padding:30px 0;
	color:#ffffff;
	background-color:#6db2f8;
	font-size:19px;	
}
.cz_cpg_authentication_container span {
	margin-left:15px;
}
.cz_cpg_subcribe_btn {
	float:right;
	text-decoration:none;
	box-shadow: 0 6px #3e6fa2;
	-webkit-box-shadow: 0 6px #3e6fa2;
	-moz-box-shadow: 0 6px #3e6fa2;
	background:#4882bd;
	font-size:14px;
	padding:6px 22px;
	color:#ffffff !important;
	text-transform:uppercase;
	border-radius:25px;
	transition: all 0.3s ease 0s;
	position:relative;
	display:inline-block;
	margin:-6px 15px 0 0;
}
.cz_cpg_subcribe_btn:hover {
	box-shadow: 0 4px #3e6fa2;
	-webkit-box-shadow: 0 4px #3e6fa2;
	-moz-box-shadow: 0 4px #3e6fa2;
	text-decoration:none;
	color:#ffffff;
    top: 2px;
}
/*------------------------------------------------------------- 
	           Media Query
--------------------------------------------------------------- */
@media only screen and (max-width: 1000px) {
.cz_crossword_left {
	display:table;
	width:auto;
	margin:0 auto;
}
.cz_crossword_right {
	width:100%;
	margin:10px 0 0 0;
}
.cz_crossword_clue_wrap {
	width:49%;
	display:inline-block;
	vertical-align:top;
	margin-left:0px!important;
}
.cz_crossword_clue_wrap:first-child {
	margin-right:1%;
}
.czlogin_wrap h3 {
	text-align:left;
	margin:10px 0 0 0;
}
}

@media only screen and (max-width: 767px) {
.cz_crossword_clue_wrap {
	width:100%!important;
	margin:10px 0!important;
	display:block;
}
.cz_crossword_clue_wrap:first-child {
	margin-right:0%;
}
.login_detailswrap h4,
.czlogin_wrap h3 {
	float:none;
	text-align:center;
	margin:10px 0;
}
.czlogin_wrap ul {
	float:none;
	text-align:center;
	margin-left:-10px;
}
.czlogin_form {
	text-align:center;
}
}
@media only screen and (max-width: 510px) {
.cz_crossword_clue_wrap {
	width:100%;
	display:block;
	margin:10px 0!important;
}
.cz_crossword_right .cz_crossword_clue_wrap {
	width:100%!important;	
}
.cz_crossword_left {
	width:454px;
}
.cz_crossword_clue_wrap:first-child {
	margin-right:0;
}
.cz_crossword_left .cz_crossword_table .cz_crossword_cell_wrap {
	width:35px;
	height:35px;
}
.cz_crossword_left .cz_crossword_table .cz_crossword_cell_wrap span {
	left:1px;
	top:;
	font-size:10px;
}
.cz_crossword_left .cz_crossword_table .cz_crossword_cell_wrap input[type="text"] {
	width:100%;
	height:100%;
	font-size:13px;
	vertical-align:top;
}
.cz_crossword_btn_wrap .cz_crossword_clear_btn, 
.cz_crossword_btn_wrap .cz_crossword_reveal_btn, 
.cz_crossword_btn_wrap .cz_crossword_check_btn {
	padding:8px 10px;
}
.cz_crossword_timer,
.cz_crossword_btn_wrap {
	display:table;
	margin:40px  auto 0;
	display:table;
}
.cz_crossword_btn_wrap {
	margin:20px auto;
}
.czlogin_wrap ul li a, .login_details li, .login_detailswrap h4, .login_btn {
	padding: 3px 7px;
}
.cz_crossword_score ul li {
	width:32.5%;
}
}
@media only screen and (max-width: 490px) {
.cz_cpg_authentication_container span {
	font-size:16px;
	margin-left:10px;
}
}
@media only screen and (max-width: 450px) {
.cz_crossword_left .cz_crossword_table .cz_crossword_cell_wrap {
	width:23px;
	height:23px;
}
.cz_crossword_left {
	width:auto;
}
.cz_crossword_left .cz_crossword_table .cz_crossword_cell_wrap span {
	font-size:7px;
}
.cz_crossword_left .cz_crossword_table .cz_crossword_cell_wrap input[type="text"] {
	font-size:11px;
	vertical-align:top;
}
.cz_crossword_btn_wrap .cz_crossword_clear_btn, 
.cz_crossword_btn_wrap .cz_crossword_reveal_btn, 
.cz_crossword_btn_wrap .cz_crossword_check_btn {
	padding:5px 4.5px;
	font-size:13px;
	margin-right:0;
}
.cz_crossword_clue_wrap {
	width:99%;
}
.czlogin_wrap ul li, .login_details li {
	margin-left:3px;
	margin-top:10px;
}
.czlogin_wrap ul { 
	margin-left:-3px;
}
.czlogin_form input[type="email"], .czlogin_form input[type="password"] {
	width:93%;
	margin-bottom:10px;
}
.cz_crossword_score ul li {
    width: 32%;
}
.cz_cpg_authentication_container span {
	font-size:14px;
	text-align:center;
	margin:0;
	display:block;
}
.cz_cpg_subcribe_btn {
	float:none;
	display:table;
	margin:10px auto;
}
.cz_cpg_authentication_container {
	padding:10px 0;
}
}

@media only screen and (max-width: 360px) {
.cz_crossword_left .cz_crossword_table .cz_crossword_cell_wrap {
	width:22px;
	height:22px;
}
}
