/******************
    - General -
******************/
#circularcountdown_general h2 {
	font-size:23px;
	font-weight:300;
	color:#464646;
	margin:0;
	padding:26px 0 21px 2px;
	display:block;
}

#circularcountdown_general #theshortcode {
    display:none;
	clear:both;
    width:100%;    
    margin-bottom:20px;  
}

#circularcountdown_general #theshortcode textarea {
    width:823px;
    height:180px;
}

#circularcountdown_error {
    width:100%;
    background:#333;
	color:#fff;
    font-size:14px;
    font-weight:bold;    
    line-height:18px;
}

#circularcountdown_general .separator {
    border-bottom:1px solid #dfdfdf;
	width:100%;
    clear:both;
    float:left;
    margin-top:16px;
    margin-bottom:16px;
    height:1px;
}

/******************
    - Postbox -
******************/
#circularcountdown_general .unite-postbox {
	width:400px;
    float:left;
	margin-right:20px;
}

#circularcountdown_general .unite-postbox hr {
	border:none;
	border-top:1px solid #eee;
}

#circularcountdown_general .unite-postbox h3 {
	position:relative;
	height:25px;
	cursor:default !important;
	padding:5px;
	margin:0px;	
	font-size:15px;
}

#circularcountdown_general .unite-postbox h3 span {
	display:block;
	padding-top:5px;
	padding-left:10px;
	color:#000000;
	float:left;
	line-height:18px;
}

/****************
    - Clear -
****************/
#circularcountdown_general .field:after {
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
	font-size:0;
}

/****************
    - Field -
****************/
#circularcountdown_general .block {
	padding:10px;
}

#circularcountdown_general .field {
    clear:both;
    padding:9px 7px;
}

#circularcountdown_general .field > label {
	display:block;
	position:relative;
	float:left;
	min-width:180px;
    font-size:13px;    
    cursor:default;
	margin-top:6px;
}

#circularcountdown_general .field span.unit {
	display:block;
	float:left;
	padding-left:2px;
	padding-top:6px;
}

#circularcountdown_general .regular-text, #circularcountdown_general .medium-text, #circularcountdown_general .small-text {
	float:left;
    height:25px;
	padding:4px;
	font-size:12px;
	background:#fff;
	border:1px solid #c9c9c9;
	color:#555;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.05);
	-webkit-transition:border linear 0.3s, background-color 0.3s, box-shadow linear 0.3s;
	-moz-transition:border linear 0.3s, background-color 0.3s, box-shadow linear 0.3s;
	-ms-transition:border linear 0.3s, background-color 0.3s, box-shadow linear 0.3s;
	-o-transition:border linear 0.3s, background-color 0.3s, box-shadow linear 0.3s;
	transition:border linear 0.3s, background-color 0.3s, box-shadow linear 0.3s;
}

#circularcountdown_general .regular-text:focus, #circularcountdown_general .medium-text:focus, #circularcountdown_general .small-text:focus { 
	border-color:#9c9c9c;
	color:#333;
	-webkit-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1);
}

#circularcountdown_general textarea.regular-text {
	height:152px;
}

#circularcountdown_general .regular-text {
	width:180px;
}

#circularcountdown_general .medium-text {
	width:120px;
}

#circularcountdown_general .small-text {
	width:60px;
}

/****************************
    - Buttons with icon -
****************************/
#circularcountdown_general .buttons {
	clear:both;	
}

[class^="icon-"], [class*=" icon-"] {
	margin-right:3px;
}

#circularcountdown_general .button-primary {
	border:none !important; 
	text-shadow:none !important; 
	border:none !important; 
	outline:none !important;
	box-shadow:none !important;
	line-height:26px !important; 
	height:27px !important; 
	margin:2px 3px 2px 0px!important;
	color:#fff !important;
	border-radius:3px !important;
	-webkit-border-radius:3px !important;
	-moz-border-radius:3px !important;
}

/* Green */
#circularcountdown_general .btn-green {
	background:#27ae60 !important;		
}

#circularcountdown_general .btn-green:hover {	
	background:#2ecc71 !important;
}

/* Blue */
#circularcountdown_general .btn-blue {	
	background:#3498db !important;
}

#circularcountdown_general .btn-blue:hover {	
	background:#2980b9 !important;
}

/* Yellow */
#circularcountdown_general .btn-yellow {	
	background:#f1c40f !important;
}

#circularcountdown_general .btn-yellow:hover {	
	background:#f39c12 !important;
}

/********************************
    - iPhone style checkbox -
********************************/
#circularcountdown_general .iPhoneCheckContainer {
	position:relative;
	height:25px;
	cursor:pointer;
	overflow:hidden;
	float:left;
	margin-top:3px;
}

#circularcountdown_general .iPhoneCheckContainer input {
	position:absolute;
	top:5px;
	left:30px;
	opacity:0;
 	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#circularcountdown_general .iPhoneCheckContainer label {
	position:absolute;
	display:block;
	top:0;
	white-space:nowrap;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	cursor:pointer;	
	height:20px;	
	width:auto;	
	padding:5px 0 0 0;
	overflow:hidden;
}

#circularcountdown_general .iPhoneCheckContainer, #circularcountdown_general .iPhoneCheckContainer label {
	user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
}

#circularcountdown_general .iPhoneCheckDisabled {
	opacity:0.5;
 	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
 	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

#circularcountdown_general label.iPhoneCheckLabelOn {
	left:0;
	padding-top:5px;
	color:#fff;
	background:#5196ec;
	border-radius:3px 0px 0px 3px;
	-moz-border-radius:3px 0px 0px 3px;
	-webkit-border-radius:3px 0px 0px 3px;
	-khtml-border-radius:3px 0px 0px 3px;	
	-webkit-box-shadow:0 0 1px 0 #20497d inset;
	-o-box-shadow:0 0 1px 0 #20497d inset;
	box-shadow:0 0 1px 0 #20497d inset;	
	background:-moz-linear-gradient(top, #3269aa 0%, #82b4f4 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #3269aa), color-stop(100%, #82b4f4));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#3269aa',EndColorStr='#82b4f4')";
}

#circularcountdown_general label.iPhoneCheckLabelOn span {
	padding-left:8px;
}

#circularcountdown_general label.iPhoneCheckLabelOff {
	text-align:right;
	right:0;
	padding-top:5px;
	color:#8b8b8b;	
	border-radius:0px 3px 3px 0px;
	-moz-border-radius:0px 3px 3px 0px;
	-webkit-border-radius:0px 3px 3px 0px;
	-khtml-border-radius:0px 3px 3px 0px;
	-webkit-box-shadow:0 0 1px 0 #6f6f6f inset;
	-o-box-shadow:0 0 1px 0 #6f6f6f inset;
	box-shadow:0 0 1px 0 #6f6f6f inset;
	background:#e2e2e2;
	background:-moz-linear-gradient(top, #c6c6c6 0%, #fcfcfc 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6c6c6), color-stop(100%, #fcfcfc));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#c6c6c6',EndColorStr='#fcfcfc')";
}

#circularcountdown_general label.iPhoneCheckLabelOff span {
	padding-right:8px;
}

#circularcountdown_general .iPhoneCheckHandle {
	position:absolute;
	display:block;
	cursor:pointer;
	top:0;
	left:0;
	width:23px!important;
	height:23px!important;
	border:1px solid #a6a6a6;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	-o-box-shadow:0 0 1px 0 #eeeeee inset;
	box-shadow:0 0 1px 0 #eeeeee inset;
	box-shadow:0 0 1px 0 #eeeeee inset;
	background:#e6e6e6;
	background:-moz-linear-gradient(top, #d8d8d8 0%, #fcfcfc 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8d8d8), color-stop(100%, #fcfcfc));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8d8d8',EndColorStr='#fcfcfc')";
}

#circularcountdown_general .iPhoneCheckHandleRight {
	display:none;
}

#circularcountdown_general .iPhoneCheckHandleCenter {
	display:none;
}