.media-buttons
{
	#maxbuttons { 
		margin: 0; 
		overflow-y: auto;
			
		.preview-buttons { 
			border: 0; 
 
			clear: both;
			.hint { 
				font-size: 12px;
				float:left; 
				display: inline-block;
				line-height: 30px;
				margin-top: 3px; // courtesy of paging. 
			}
		 } 
 
		 .button-select {
		 	cursor: pointer; 
		 	border: 1px solid #fff; 
		 }
		 .button-select.selected {
		 	border-top: 1px solid #0085ba;
		 	border-bottom: 1px solid #0085ba;	
		 	background: #f7f7f7;
		 	
		 	.col_insert .small {
		 		font-weight: 700;
		 	}	 	
		 }
		.col_insert { 
			width: 150px;
			padding-top: 15px; 
			.small { 
				font-size: 10px; 
			}	
		}
	} 
	.pagination  {
		width: 100%; 
		margin: 10px 0;
		min-height: 20px; 
		span {
			font-size: 15px; 
			font-weight: 700;
			float: left; 
			cursor: pointer;
		}
		.next { float: right; }
	
	}

	.shortcode_options {
		width: 400px;
		margin: 0 auto;
		display: inline-block;
		.button_example {
			margin: 15px;
		}	
		h3 { 
			//margin-bottom: 15px;
		}
		input {
			margin-bottom: 10px;
			display: inline-block;
			float: left;
		}
		label { 
			margin-right: 25px;
			display:inline-block;
			float: left;
			clear: left;
			width: 100px;
			line-height: 20px;
			font-weight: 700;
		}
		
		p { 
			clear: both;
		}
		input[type='button'] {
			clear:  both;
			float: none;
		}

	}
	
	.loading { 
		background: rgba(0, 0, 0, 0) url("../../images/spinner.gif") no-repeat scroll 0 0 / 20px 20px;
		display: inline-block;
		float: right;
		margin: 5px 5px 0 0;
		height: 40px;
		opacity: 0.7;
		vertical-align: middle;
		visibility: hidden;
		width: 40px;	
	
	}	
	.controls {
		position: absolute;
		width: 100%; 
		padding: 10px 0;
		background: #f3f3f3;
		text-align: right;
		bottom: 0; 
		left: 0; 
		border-top: 1px solid #ccc;
		
	}

}
