/*------------------------------------------------------------------------------
This contains style declarations used by the Custom Content Type Manager plugin.
Primarily, it styles the automatically generated forms, but it also contains 
rules to style the various manager pages.
------------------------------------------------------------------------------*/
/* Used by all automatically generated labels */
label.cctm_label {
	display:block;
	font-weight:bold;
}

/* Used to wrap the post id's, in relation/media fields that provide a link
to the wp_posts table e.g. the '(4)' in 'Preview HTML (4)'*/
.cctm_id_label {

}

.cctm_description {
	display:block;
	font-style:italic;
}

label.cctm_checkbox {
	display: inline;
}
label.cctm_muticheckbox {
	display: inline;
}
div.cctm_muticheckbox_wrapper {
	margin-left: 20px;
}
/*
input.cctm_muticheckbox {
	margin: 2px 0px 2px 20px;
}
*/


.cctm_checkbox
{
	width: auto;
}

label.cctm_checkbox_label
{
	display: inline;
}

.cctm_element_wrapper {
	margin-top: 10px;
}

.cctm_subheading {
	margin-top: 30px;
}

/* Used when you view a Custom Post Types sample Templates: 
Custom Post Types --> View Sample Templates (for any post type) */
.sample_code_textarea {
	border: 1px solid black;
	background-color: lightyellow; 
}


/* This is the button used in the manager to choose a new image, and we 
only display it when the custom field is an IMAGE or other MEDIA. The button is
there for "relation" fields, but it doesn't make any sense to display it on a
relation field because there's no way to "upload" another post or page. */
.choose_media_button{
	display: hidden;
}

/* Styles the thumbnail visible in the post-editor page after an image or media
item has been selected to be used for a custom image or media field. */
.attachment-thumbnail{
	padding: 10px;
}


span.cctm-link {
	padding: 10px;
	margin-left: 5px;
}
img.cctm-img {
	vertical-align: middle;
	margin-right: 10px;
}

.cctm-icon {
	margin: 5px;
}

/* Used when importing content type defs */
div.cctm_def_preview {
	border: 1px solid black;
	padding: 10px 20px 10px 20px;
	background-color: lightyellow;
}

/* http://jcornelius.com/articles/polaroidizing-photos-with-css/ */
/*img.polaroid {
	margin:-5px 0 0px -5px !important;
	padding:12px 15px 35px 14px !important;
	background: url('../images/polaroid-background.png') 0 0 no-repeat;
}
.orglist_li {
   background: url("bg_grey_drop.png") left top; 
   border: 1px solid #000;
   border-width: 0 1px 1px;
   margin-top: 1px;
   padding: 5px 10px 7px;
   }
       
.orglist_li a {
   color: #fff;
   display: block;
   font-size: 12px;
   height: 18px;
   margin: 4px 0 0 5px;
   }        
   
.orglist_li a:hover {
   text-decoration: none;
   border: 0;
   color: #CC6A11;
   }

#cctm-field-type-selector a {
	display: block;
	height: 18px;
	margin: 35px 0 0 5px;
}

*/
#cctm-field-type-selector li {
	display: inline;
	list-style-type: none;
	border-width: 0 1px 1px;
	/* padding: 5px 10px 7px; */
}

input.cctm_error { 
	background: #fed; 
	border: 1px solid red;
}

table.custom_field_info {
	padding: 5px;
	background: #f0f0f0;
	border: dashed;
}
span.custom_field_description {
	padding-left: 10px;
	padding-right: 10px;
	display: block;
}

span.custom_field_icon {
	padding: 10px;
}