/**
 * Admin Styles
 * @fileoverview CSS styles for the Ranker WP Plugin admin interface.
 * @package WordPress
 */

/* EOD */
.eod-message{ text-transform: uppercase; font-size: 12px; font-weight: 700; }

/* Headings */
#rnkrWrap h1{ font-size:2.4em; clear:both; font-weight:400; }
#rnkrWrap h2{ font-size:1.6em; clear:both; font-weight:400; padding:0; margin:20px 0 10px; }
#rnkrWrap h3{ font-size:1.2em; clear:both; font-weight:400; }
		
/* Update message */
#reCalcSC{ float:left; position:relative; margin-left:5px; margin-top:11px; font-size:10px; color:rgba(255,0,0,1); }
	#reCalcSC .arrow{ display:inline-block; width:0; height:0; margin-right:0;
		border-right:5px solid rgba(255,0,0,1);
		border-top:4px solid transparent;
		border-bottom:4px solid transparent; }
		
/* Options items */
#rnkrWrap ul{ margin-left:15px; }
	#rnkrWrap ul li{ min-height:26px; font-size:1.1em; line-height:1.6em; }
		#rnkrWrap ul li input{ margin:0; vertical-align:middle; border:1px solid rgba(174,174,174,1); }
		#rnkrWrap ul li input[type=text],
		#rnkrWrap ul li input[type=password],
		#rnkrWrap ul li input[type=submit],
		#rnkrWrap ul li input[type=button]{ height:37px; }
		#rnkrWrap ul li select{ height:37px; vertical-align:middle; border:1px solid rgba(174,174,174,1); }
			#rnkrWrap ul li select option{ padding-right:15px; }
		#rnkrWrap ul li .chip{ display:inline-block; margin-bottom:-4px; border:1px solid rgba(51,51,51,1); width:18px; height:18px; }
		#rnkrWrap ul li .chip.blue{ background:rgba(31,62,102,1); }
		#rnkrWrap ul li .chip.black{ background:rgba(0,0,0,1); }
		#rnkrWrap ul li .chip.grey{ background:rgba(204,204,204,1); }
		#rnkrWrap ul li .colorSelect{ display:inline-block; }
		#rnkrWrap ul li .colorSelect{ width:36px; height:36px; cursor:pointer; margin-top:5px; margin-right:5px;
			/* Border */
			border:1px solid rgba(174,174,174,1);
			-webkit-border-radius:5px; /* Safari, Chrome */
			-moz-border-radius:5px; /* Firefox */
			-ms-border-radius:5px; /* IE10 */
			-o-border-radius:5px; /* Opera */
			border-radius:5px; /* CSS3 */ }
		#rnkrWrap ul li .colorSelect.selected{ border:1px solid rgba(0,0,0,1);
			/* Box Shadow */
			-webkit-box-shadow:0 0 4px 4px rgba(247,189,20,0.8); /* Safari 4+, Chrome 2+*/
			-moz-box-shadow:0 0 4px 4px rgba(247,189,20,0.8); /* FF 3.6+ */
			-ms-box-shadow:0 0 4px 4px rgba(247,189,20,0.8); /* IE10 */
			-o-box-shadow:0 0 4px 4px rgba(247,189,20,0.8); /* Opera */
			box-shadow:0 0 4px 4px rgba(247,189,20,0.8); /* CSS3 */ }
		#rnkrWrap ul li .miniColors-triggerWrap{ width:auto; height:auto; border:1px solid rgba(174,174,174,1); margin-left:3px; vertical-align:middle; overflow:hidden;
			/* Radius */
			-webkit-border-radius:5px; /* Safari, Chrome */
			-moz-border-radius:5px; /* Firefox */
			-ms-border-radius:5px; /* IE10 */
			-o-border-radius:5px; /* Opera */
			border-radius:5px; /* CSS3 */ }
		#rnkrWrap ul li .miniColors-trigger{ width:35px; height:35px; background-image:none; }
		
	#rnkrwp_list-slidebgcolor_000000{ background:rgba(0,0,0,1); }
	#rnkrwp_list-slidebgcolor_f1f1f1{ background:rgba(241,241,241,1); }
	#rnkrwp_list-slidebgcolor_ffffff{ background:rgba(255,255,255,1); }

/* Misc items */
#rnkrWrap .clear{ clear:both; }
#rnkrWrap .note{ font-size:0.8em; color:rgba(136,136,136,1); }
	
/* Shortcode Output */
#rnkrwp_shortCode label{ display:inline-block; width:161px; }
	#rnkrwp_rankerURL{ font-size:15px; }
	#rnkrwp_shortCodeMessage{ vertical-align:top; top:15px; position:relative; }
	#rnkrwp_shortCodeOutput{ display:inline-block; max-width:70%; padding:11px 15px 10px; margin-left:0; margin-right:30px; font-size:1.4em; line-height:1.2em; 
		background:rgba(204,204,204,1); color:rgba(51,51,51,1); overflow:hidden; }
		#rnkrwp_shortCodeOutput span{ display:block; margin-left:66px; }
	#rnrkwp_calc{ color:rgba(255,255,255,1); background:rgba(255,255,255,1); }