.no-select::selection
{
	background: transparent;
}

.no-select::-moz-selection
{
	background: transparent;
}

.cyp-meta-overrides-toggle,
.cyp-meta-features-toggle
{
	cursor: pointer;
}

	.cyp-meta-overrides,
	.cyp-meta-features
	{
		margin-left: 20px;
	}

input[type=text].unstyled
{
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

span.cyp-highlight
{
	background: rgb(255, 255, 0);
}

.input_debugger {
		
	width: 80%;
		
}

	.div_gallery_picker {
		
		border: 12px solid #e9e3d4;
		
		background:url('images/the-library-picker/background-wood.jpg');
		
		-moz-border-radius: 10px;
		border-radius: 10px;
		
	
		padding: 10px;	
		margin: 12px;
		z-index: 100;	
		
		
		width: 550px;
		height: 400px;
		display: none;
		position: absolute; 
		
		/* === Shadow === */
		-moz-box-shadow: 2px 2px 15px black,-2px -2px 5px black; 
		-webkit-box-shadow: 2px 2px 15px black,-2px -2px 15px black;
		box-shadow: 0px 0px 15px black;   
		
		filter:  /*  for IE */
		progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=0,strength=15)  /*  Top     */
		progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=90,strength=13)  /*  Right   */
		progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=180,strength=13)  /*  Bottom  */
		progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=270,strength=15);  /*  Left    */	
		
	}    



.span_roman_numerals {
	
	font-family: "Times New Roman", Times, serif;
	display: inline-block;
	
	background-color: black;
	background-color: grey;
	background-color: #0073c6;
	
	border-radius: 3px;
	
	color: white;
	width: 40px;
	text-align: center;
	
	font-weight: normal;
	
}
	  
	  
	  
	  
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */
/* The right style bar */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */
.a_right_nav_settings_page_SELECTED,
.a_right_nav_settings_page
{
	display: block;
	padding: 5px 13px 5px 5px;
	text-decoration: none;
}

.a_right_nav_settings_page,
.a_right_nav_settings_page:hover
{
	color: #0073c6;
}
                   
.a_right_nav_settings_page_SELECTED,
.a_right_nav_settings_page_SELECTED:hover
{
	color: white;
}

.li_right_nav_settings_page {
	font-size: 11px;

	background-color: white;	
	cursor: pointer;
	color: #0073c6;
	
	margin-right: 10px;
	border-radius: 5px;
}

	.li_right_nav_settings_page .edit-icon,
	.li_right_nav_settings_page_SELECTED .edit-icon
	{
		position: relative;
		top: 0px;
		left: 26px;

		padding: 4px;
		height: 17px;
		width: 17px;

		float: right;

		cursor: pointer;

		background: transparent center center no-repeat;
		background-image: none;
	}

	.li_right_nav_settings_page:hover .edit-icon,
	.li_right_nav_settings_page_SELECTED:hover .edit-icon
	{
		background-image: url( "images/the-settings-page/button-edit-style-normal.png" );
	}

	.li_right_nav_settings_page .edit-icon:hover,
	.li_right_nav_settings_page_SELECTED .edit-icon:hover
	{
		background-image: url( "images/the-settings-page/button-edit-style-hover.png" );
	}

.li_right_nav_settings_page:hover { 	
	background-color: #F0F0F0;	
	cursor: pointer;
	color: #0073c6;
	
	
	border-radius: 5px;
}

.li_right_nav_settings_page_SELECTED
{
	font-size: 11px;
	background-color: #0073c6;	
	cursor: pointer;	
	color: #0073c6;

	margin-right: 10px;
	border-radius: 5px;
}


		
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */
/* The Rendering */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */

.div_theVideo_revealer {
	width: 100%;
	text-align: center;
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

.div_theVideo_revealer img {
	border: 0px solid red !important;
	box-shadow: 0 0px 0px !important;   	 
}


.img_CYP_library_preview { 

	/* === Shadow === */
	-moz-box-shadow: 2px 2px 5px black,-1px -1px 3px grey; 
	-webkit-box-shadow: 2px 2px 5px black,-1px -1px 3px grey;
	box-shadow: 0px 0px 3px grey;   
	
	/* === Shadow for Internet Explorer === */
	filter:  
	progid:DXImageTransform.Microsoft.Shadow(color=#dfdfdf,direction=0,strength=5)  /*  Top     */
	progid:DXImageTransform.Microsoft.Shadow(color=#dfdfdf,direction=90,strength=5)  /*  Right   */
	progid:DXImageTransform.Microsoft.Shadow(color=#dfdfdf,direction=180,strength=5)  /*  Bottom  */
	progid:DXImageTransform.Microsoft.Shadow(color=#dfdfdf,direction=270,strength=5);  /*  Left    */

}

.h2_settingspage_category {
	color: #0073c6;
	font-weight: normal;
	font-size: 20pt;
	
	font-variant: small-caps;
	
	font-family: Arial;
	margin: 40px 0px 40px 0px;
	line-height: normal;
}




.h3_settings_page_headings {
	font-weight: normal;
	font-size: 11pt;
	color: #434343;
	line-height: normal;
}

.option-wrapper
{
	width: 100%;
	overflow: hidden;
	position: relative;
}

.option-wrapper .right
{
	width: 330px;
	float: right;
}

.option-wrapper .left {
	margin-right: 330px;
	height: 100%;
}

.div_CYP_right_nav_bar
{
	position: relative;
	background-color: white;
	width: 250px;
	padding: 20px;
	margin: 23px 0px 10px 20px;	

	/* === Shadow === */
	-moz-box-shadow: 2px 2px 5px black,-2px -2px 5px black; 
	-webkit-box-shadow: 2px 2px 5px black,-2px -2px 5px black;
	box-shadow: 0px 0px 10px grey;   
	
	/* === Shadow for Internet Explorer === */
	filter:  
	progid:DXImageTransform.Microsoft.Shadow(color=#dfdfdf,direction=0,strength=5)  /*  Top     */
	progid:DXImageTransform.Microsoft.Shadow(color=#dfdfdf,direction=90,strength=5)  /*  Right   */
	progid:DXImageTransform.Microsoft.Shadow(color=#dfdfdf,direction=180,strength=5)  /*  Bottom  */
	progid:DXImageTransform.Microsoft.Shadow(color=#dfdfdf,direction=270,strength=5);  /*  Left    */
}

.iframe_promotion { 

	position: relative;
	
	border: 0px solid #CCC;    
	
	padding: 0px;
	margin: 0px;
	
	width: 250px;
	height: 250px;	

}

.div_dropdownstylebox a {

	text-decoration: none;
	font-size: 13pt;
	line-height: normal;
	color: #747474;

}




.div_dropdownstylebox a:hover {

	background-color: #DFF3FF;
	text-decoration: none;

}		

.div_dropdownstylebox li:hover {

	background-color: #DFF3FF;

}

.span_stylename {
	
	font-size: 30pt;
	width: 100%;
	padding: 4px;

	color: #585858;	
	border: 1px solid white !important;
	
	font-weight: normal;
	outline: none;		
	line-height: normal;
}

.input_stylename {
	font-size: 30pt;
	width: 100%;
	padding: 4px;
	
	color: #585858;	
	border: 1px solid white !important;
	
	font-weight: normal;
	outline: none;		
	line-height: normal;
	box-shadow: none !important;
}

.input_stylename:hover { 

	background-color: #DFF3FF;
	border: 1px solid #dfdfdf !important;


}	

.select_large_grey {
	font-size: 12pt;
	line-height: normal;
	padding: 8px 9px 8px 9px;
	border: 1px solid #dfdfdf;
	box-shadow: none !important;
}

.span_newser {
	white-space: pre;    
	background: url('images/pixels/black-25x25.png');
	color: white;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */
/* divhelpbox */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */

.div_helpboxCYP {
	
	
	
	background-color: #fffff3;
	
	border: 1px solid #dfdfdf;
	border-left: 2px solid #099ad4;
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
	overflow: hidden;

}

.div_helpboxCYP ul {

	list-style-type: disc;
	margin-left: 33px;

} 	    

.div_helpboxCYP b {
	color: black;
}

.div_helpboxCYP strong {
	color: black;

}

.div_helpboxCYP blockquote {
	color: black;
	background-color: #f5fff1;
	padding: 11px;
	border: 1px solid #eeeeee;
}		

.div_helpboxCYP h3 {
	color: #0066cc;
	font-weight: normal;
}

.div_helpboxCYP h4 {
	color: #0066cc;
}

.div_helpboxCYP h5 {
	color: green;
	font-size: 9pt;
}


.div_dropdownstylebox {

	background-color: white;
	
	border: 1px solid #dfdfdf;
	
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
	width: auto;
	
	/* === Shadow === */
	-moz-box-shadow: 2px 2px 5px black,-2px -2px 2px black; 
	-webkit-box-shadow: 2px 2px 5px black,-2px -2px 2px black;
	box-shadow: 0px 0px 2px black;   
	
	filter:  /*  for IE */
	progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=0,strength=2)  /*  Top     */
	progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=90,strength=1)  /*  Right   */
	progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=180,strength=1)  /*  Bottom  */
	progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=270,strength=2);  /*  Left    */

}



/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */
/* Images for the settings page */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */

.img_cyp_gui_buttons {

	margin: 2px;
	cursor: pointer;
	padding: 5px;
}

.img_cyp_gui_buttons:hover {
	margin: 2px;
	cursor: pointer;
	padding: 5px;
}	

.img_cyp_gui_buttons_selected {
	border: 2px solid #0195ff;
	cursor: pointer;
	padding: 5px;
}			   


/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */
/* Input Button */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */

.input_save_CYP_styles { 

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #fafafa 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ededed');
	background-color: #fafafa;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	border: 1px solid #bbbbbb;
	
	display: inline-block;
	color: #242424;
		
	font-family: Arial;
	font-weight: normal;
	
	font-size: 13px;
	
	width: 100%;
	height: 50px;
	
	text-decoration: none;
	
	outline: none !important;	
}

.input_save_CYP_styles:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #fafafa) );
	background:-moz-linear-gradient( center top, #ededed 5%, #fafafa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#fafafa');
	background-color:#ededed;
	cursor: pointer;
	
	outline: none !important;	

}	

.input_save_CYP_styles:focus {

	outline: none !important;

}	

.input_save_CYP_blue { 

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2ca7ff), color-stop(1, #0073c6) );
	background:-moz-linear-gradient( center top, #2ca7ff 5%, #0073c6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ededed');
	background-color: #2ca7ff;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	border: 1px solid #bbbbbb;
	
	display: inline-block;
	color: white;
		
	font-family: Arial;
	font-weight: normal;
	
	font-size: 13px;
	
	width: 100%;
	height: 50px;
	
	text-decoration: none;
	
	outline: none !important;	

}

.input_save_CYP_blue:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0073c6), color-stop(1, #2ca7ff) );
	background:-moz-linear-gradient( center top, #0073c6 5%, #2ca7ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0073c6', endColorstr='#2ca7ff');
	background-color:#0073c6;
	cursor: pointer;
	
	outline: none !important;	

}	

table.block-images img
{
	display: block;
}

hr.metabox-hr
{
	padding: 20px 0 0 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid rgb(160, 160, 160);
}

/* Spinner Styles */
.input_number_updown
{
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
}

.input_number_updown .millisecond-wrapper
{
	margin-left: 1em;
}

.input_number_updown .millisecond-wrapper::before
{
	content: ".";
	font-size: 1.5em;
	position: relative;
	top: 3.5em;
	left: -0.5em;
}

.input_number_updown .hour-wrapper,
.input_number_updown .minute-wrapper,
.input_number_updown .second-wrapper,
.input_number_updown .millisecond-wrapper
{
	display: inline-block;
}

	.input_number_updown .hour-wrapper p,
	.input_number_updown .minute-wrapper p,
	.input_number_updown .second-wrapper p,
	.input_number_updown .millisecond-wrapper p
	{
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 7px;
		letter-spacing: 2px;
		color: rgb( 94, 94, 94 );

		text-transform: uppercase;

		text-align: center;
	}

	.input_number_updown .input-wrapper
	{
		width: 30px;
		padding: 0;
		margin: 0;
		border: 1px solid rgb( 222, 222, 222 );
		border-radius: 3px;

		font-size: 12px;
	}

	.input_number_updown .input-wrapper .up_arrow,
	.input_number_updown .input-wrapper .down_arrow
	{
		padding: 0 3px;
		border: none;
		margin: 0px;

		width: 24px;
		height: 12px;

		background: rgb( 235, 235, 235 );

		font-size: 10px;
		text-align: center;
		color: rgb( 138, 138, 138 );

		cursor: pointer;
	}

	.input_number_updown .input-wrapper .up_arrow::selection { background: transparent; }
	.input_number_updown .input-wrapper .down_arrow::selection { background: transparent; }
	.input_number_updown .input-wrapper .up_arrow::-moz-selection { background: transparent; }
	.input_number_updown .input-wrapper .down_arrow::-moz-selection { background: transparent; }

	.input_number_updown .input-wrapper .up_arrow:hover,
	.input_number_updown .input-wrapper .down_arrow:hover
	{
		background: rgb( 245, 245, 245 );
		color: rgb( 148, 148, 148 );
	}

	.input_number_updown .input-wrapper input
	{
		width: 30px;
		padding: 2px 3px;
		border: none;
		margin: 0;

		box-shadow: none;

		outline: none;
		text-align: center;
	}

	.input_number_updown .button-reset-spinner
	{
		color: transparent;

		height: 15px;
		width: 37px;

		background: 0 0 url( "images/buttons/button-reset-spinner.png" ) no-repeat;

		position: relative;
		top: -35px;
		left: 5px;
		display: inline-block;

		cursor: pointer;
		outline: none;
	}

.cyp-clear-metabox
{
	display: none;

	cursor: pointer;
	float: right;

	text-decoration: underline;
}

.cyp-clearfix
{
	clear: both;
	height: 1px;
	width: 1px;
}

.cyp-clear-metabox:before
{
	content: url( "images/the-settings-page/button-clear-previous-design.png" );
	width: 16px;
	height: 16px;
	display: inline-block;

	position: relative;
	top: 2px;
	right: 5px;
}

.cursor-pointer 
{
	cursor: pointer;
}

.cyp-grey-subtitle-description
{
	font-size: 16px;
	color: grey;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	line-height: normal;
}

.cyp-meta-generator-title span
{
	display: inline-block;
	margin-right: 10px;
}

.cyp-meta-generator-title span img
{
	position: relative;
	top: 5px;
}

.subtitle-desc
{
	margin: 1.33em 0;
}

.subtitle-desc .cyp-meta-generator-icon
{
	margin: 0 10px 0 0;
	float: left;
}

.subtitle-desc h4
{
	margin: 0;
}

.boxsizingBorder
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cyp-popup-object iframe
{
	margin-bottom: 0;
}

.hide
{
	display: none;
}