/* Automatically included across all of c5 - use this file gingerly */
img.ccm-captcha-image {display: block}

/* clear and pagination styles */
*.ccm-spacer {clear: both; font-size:1px; line-height:1px; }
div.ccm-pagination { text-align:center; position: relative}
div.ccm-pagination span.ccm-page-right {position: absolute; top: 0px; right: 0px;}
div.ccm-pagination span.ccm-page-left {position: absolute; top: 0px; left: 0px}

/* Layout */
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern,
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern th input,
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row,
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p {margin:0;padding:0;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern {border:none;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern th {width:15px; cursor: pointer}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern td {
margin: 0 -10px 0 0;
padding: 7px 10px;
vertical-align:middle;
width:370px;
cursor: pointer;
}
#ccmLayoutConfigOptions #layout_patterb_select_area .val div#pattern_selected_section {
position:relative;
max-height:165px;
overflow:auto;
overflow-y:scroll;
}
#ccmLayoutConfigOptions #layout_patterb_select_area .val table {display:none;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val table.colum_selected {display:block;}

#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row {
position:relative;
width:360px;
}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p {
position:relative;
float:left;
padding-left:10px;
text-align:center;
color: #333;
font-size:13px;
line-height:25px;
height:25px;
width:100%;
}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p span{
display:block;
background-color:#EEE;
}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern tr:hover th,
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern tr:hover div.row p span {background-color:#DDD;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern tr.selected th,
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern tr.selected td             {background-color:#f2f1ef;cursor:default;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern tr.selected div.row p span {background-color:#CCC;cursor:default;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p.span1   {width:20px;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p.span2   {width:50px;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p.span2_4 {width:62px;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p.span3   {width:80px;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p.span4   {width:110px;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p.span5   {width:140px;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p.span6   {width:170px;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p.span7   {width:200px;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p.span8   {width:230px;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p.span9   {width:260px;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p.span10  {width:290px;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p.span11  {width:320px;}
#ccmLayoutConfigOptions #layout_patterb_select_area .val .colum_pattern div.row p.span12  {width:350px;}

#ccmLayoutConfigOptions .layout_design_type_default .no_selected_default,
#ccmLayoutConfigOptions .layout_design_type_article .no_selected_article,
#ccmLayoutConfigOptions .layout_design_type_separate .no_selected_separate {display:none;}

#ccmLayoutConfigOptions .layout_design_type_separate .colum_pattern div.row p {
background-image:url('../images/bg_layout_separator.gif');
background-repeat:repeat-y;
background-position:0 0;
}
#ccmLayoutConfigOptions .layout_design_type_separate .colum_pattern div.row p:first-child,
#ccmLayoutConfigOptions .layout_design_type_separate .colum_pattern #layoutType3_1 div.row p.span3,
#ccmLayoutConfigOptions .layout_design_type_separate .colum_pattern #layoutType3_2 div.row p.column3,
#ccmLayoutConfigOptions .layout_design_type_separate .colum_pattern #layoutType3_5 div.row p.span4,
#ccmLayoutConfigOptions .layout_design_type_separate .colum_pattern #layoutType3_6 div.row p.span4,
#ccmLayoutConfigOptions .layout_design_type_separate .colum_pattern #layoutType4_1 div.row p.span4,
#ccmLayoutConfigOptions .layout_design_type_separate .colum_pattern #layoutType4_2 div.row p.span2,
#ccmLayoutConfigOptions .layout_design_type_separate .colum_pattern #layoutType4_3 div.row p.span2,
#ccmLayoutConfigOptions .layout_design_type_separate .colum_pattern #layoutType4_4 div.row p.span4 {
background-image:none;
}

/*
.ccm-layout .ccm-layout-cell{ overflow:hidden; }
*/
.ccm-layout-table .ccm-layout-col {float:left}
.ccm-layout-table .ccm-layout-col-1 { float: none; }
.ccm-layout .first .ccm-layout-col-spacing { margin-left:0px !important }
.ccm-layout .last .ccm-layout-col-spacing { margin-right:0px !important }

/* global error styles */
.ccm-error {font-weight: bold; color: #f00}
.ccm-required {font-weight: bold; color: #3975AD}

div#ccm-overlay {
	position: fixed;
	z-index:99;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	height:100%;
	width:100%;
	display: none;
}