/*
xs= 0-767 pixels.
sm = 768-991 pixels.
md = 992-1199 pixels.
lg = 1200 pixels and up.
*/



.cl_border_to_debug_divs {
	border-color:#F00; border-width:thick; background-color:#F00;
}

@charset "utf-8";
/*.css Document */

/* xs < 768 */
@media screen and (max-width: 767px) {
    body{font-size: 16px ; }
    a { font-size: 16px ;}
	a:hover, a:active  { font-size: 16px ;}

	.cl_AllowLineBreak a { white-space: normal;} 
	.cl_boldblue_bootstrap, .cl_boldblack_bootstrap {font-size:22px;} 
	
}

/* sm */
@media screen and (min-width: 768px) {
    body{font-size: 16px ; line-height: 1.8;}	
	
    a { font-size: 16px ;} 
}

/* md */
@media screen and (min-width: 992px) {
    body{font-size: 14px ; line-height:  1.8;}			
    a { font-size: 14px ;}
}

/* lg */
@media screen and (min-width: 1200px) {
      body{font-size: 14px ; line-height:  1.428;}	  /* 1.428 is Bootstrap default? */
      a {font-size: 14px ;}

}


.cl_PageTitle, .cl_PageTitleRow2 {
	font-weight: bold;
	width:310px;
	text-align: center;
	color: #000;
	font-size: 18px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-bottom:5px;
}

.cl_BackgroundSelected {
	background-color: #FFF
}
.cl_BackgroundUnselected {
	background-color: #DBDBDB
}

.cl_PageLinks, .cl_PageTweets, .cl_PageBlog {
	font-weight: bold;
	height:35px;
	width:100px;
	text-align:center;
	float:left; 
	border-width:1px;
	border-color:#333;
	border-style:solid;
}

.cl_PageLinks a, .cl_PageTweets a, .cl_PageBlog a { text-decoration:none; color:#000}

.modal-title a { text-decoration:underline; color:#000; font-size:16px}

.cl_PageTweets :before {
  content:url('http://www.thebigproject.co.uk/images/twitter_24_greyBack.jpg'); padding-right:3px; padding-left:5px
}

.cl_PageBlog :before {
  content:url('http://www.thebigproject.co.uk/i/blogger25_grayback.jpg'); padding-right:3px; padding-left:5px
}





.cl_hr_single{
	border-top: 1px solid #E4E4E4; height:1px}

body {
	/*  font-size: 1.6em  /* currently ems cause chrome bug misinterpreting rems on body element */
 /* font-size: 14px; /* 14px is Bootstrap default? */

	/*font-weight: 400;*/
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
  }


.cl_link1_noBullet a,.cl_link1A_noBullet a,.cl_link2_noBullet a,.cl_link2A_noBullet a { white-space: nowrap;} 


.cl_link1 a,.cl_link2 a {white-space: nowrap ; }

  .cl_twitter_links_black :before {
content:url('http://www.thebigproject.co.uk/images/twitter_black.gif'); padding-right:3px; padding-left:5px}

  /*.cl_twitter_links, .cl_blog_links { border-top: 1px solid #000080; border-bottom: 1px solid #000080;} */
 .cl_twitter_links, .cl_blog_links {
	height:45px;
	padding-top: 3px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:4px;
	margin:2px;
	display:inline-block; border:thin;
	       border:1px solid; 
}

.cl_twitter_links {background-color: #F0F8FF}
 

.cl_twitter_links :before {
  content:url('http://www.thebigproject.co.uk/images/twitter_24.jpg'); padding-left:5px;
  vertical-align: -20%;
}





/* NOTE difference between cl_twitter_linkS and cl_twitter_link */
.cl_twitter_link a { color: #1DA1F2}
.cl_twitter_link {
	margin-right:4px; }

.cl_twitter_link { border:thin}

.cl_blog_links_black :before {
  content:url('http://www.thebigproject.co.uk/i/blogger_black_15.jpg');  padding-left:5px;
  vertical-align: -20%;
}

.cl_blog_links :before {
  content:url('http://www.thebigproject.co.uk/i/blogger25.jpg'); padding-right:3px; padding-left:5px;   vertical-align: -20%;
}

.cl_google_search_box { 
    padding: 5px; margin:5px;
	text-align:center
}



.cl_blog_links {background-color: #FFE7CE; }

.cl_twitter_links a , .cl_twitter_links_black a, .cl_blog_links a { color:#000}


.cl_padded_left_and_right { padding-left:20px; padding-right:20px}

.cl_50pc { width:50%; float:left}
/***** .cl_align_right_or_center */ 
.cl_align_right_or_center {float:left;text-align:left} /* default for x-small */ 

/* sm  2 columns */ 
@media screen and (min-width: 768px) {.cl_align_right_or_center {text-align:right}}
/***** end .cl_align_right_or_center */ 



/* .cl_link1,.cl_link2 {padding-left:2px; font-size: 1.6em }*/

.cl_link1 a, .cl_link2 a {white-space: nowrap;}
.cl_link1 a,.cl_link1_large a,.cl_link1_noBullet a {color: #00F ;    }
.cl_link2 a,.cl_link2_noBullet a {color: #0080FF}
.cl_link3 a {color: #2B2BFF }
.cl_link1A_noBullet a {color: #2291FF }
.cl_link2A_noBullet a {color: #999 }

.cl_link1_noBullet,.cl_link1A_noBullet,.cl_link2_noBullet,.cl_link2A_noBullet {margin-right:5px ;}



.cl_AllowLineBreak a { white-space: normal;} /* Extra class to allow linewrap */ 

.cl_link1 a,.cl_link1_large a, .cl_link2 a, .cl_link3 a, .cl_link1_noBullet a, .cl_link2_noBullet a {
    text-decoration: none ;
}



.cl_link1 a:hover,.cl_link1_large a:hover, .cl_link2 a:hover, .cl_link3 a:hover, .cl_link1_noBullet a:hover, .cl_link2_noBullet a:hover{
    /*text-decoration: underline ;*/
	color:#F00;
}


.cl_link1_large a{font-size:16px}
.cl_link1 :before, .cl_link2 :before, .cl_link3 :before  {
  content: "\25CF" ; color: #000
}


.cl_link1,.cl_link2, .cl_link3  { padding-left:3px}


.cl_clear {
	clear: both;
}

.cl_div_color_light_red2 { background-color: #FFB56A}
.cl_div_color_light_red { background-color: #FFC1C1}



.cl_div_color_list-group-item-info { background-color:#d9edf7}
.cl_div_color_list-group-warning { background-color:#fcf8e3}
.cl_div_color_list-group-danger { background-color:#f2dede}
.cl_div_color_list-group-success { background-color:#dff0d8}
.cl_div_color_lightgrey { background-color: #F3F3F3}
.cl_div_color_lightergrey { background-color: #D3D3D3}
.cl_div_color_lightblue { background-color: #abddfb}
.cl_div_color_lightorange { background-color: #FFE7CE}


.cl_div_color_list-group-item-info, .cl_div_color_list-group-warning, .cl_div_color_list-group-danger, .cl_div_color_list-group-success,.cl_div_color_lightgrey,.cl_div_color_lightblue,.cl_div_color_lightorange { padding-bottom:5px; padding-left:15px;}


/* a { white-space: wrap;} /* Default is for links not to wrap */
.cl_icon_maintext a { white-space: normal;} /* Heading links must wrap */ 


.cl_header_column1_bootstrap {
	text-align: left;
	float: left;
	display: right;
	width:100%;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
}


.cl_icon_maintext a {
	text-decoration: none;
	color: #000;
	height: 20px;
	font-size: 1.5em;
}
.cl_icon_maintext a:hover{
	color: red;
	text-decoration:underline;
}
.cl_SectionTitle,.cl_SectionTitle_Larger {
	font-weight:bold;
	color: #000;
	padding-top:5px;
	padding-left:5px ;
}

.cl_SectionTitle {
	font-size:18px;;
}
.cl_SectionTitle_Larger {
	font-size:18px;
}


.cl_SectionTitle a, .cl_SectionTitle_Larger a {
	color:#2D2D2D; text-decoration:underline;
}

.cl_SectionTitle a:hover, .cl_SectionTitle_Larger a:hover {

    text-decoration:underline;
}



.cl_SectionTitle_contd { font-size:16px; color:#F00; }

.cl_SectionTitle2 { font-size:16px; color: #FFC6C6; }
.cl_SectionSubTitle,.cl_SectionSubTitle_Big {
	padding-left:2px;
	padding-top:4px;
	font-weight:bold;
}
.cl_SectionSubTitle {
	font-size:15px;
    color: #666 ;

}
.cl_SectionSubTitle_Big {
	font-size:18px;
    color: #004080 ;

}




.cl_SectionSubTitle a {
	color: red ;  
}


.cl_SectionSubTitle a:hover {
	text-decoration:underline;
}


.cl_link_grey_bground a { background-color: #EAEAEA}
/*.css Document */
/* .cl_listlink1,.cl_listlink1  { color:#000}*/
/*.cl_listlink1 a { color: #00F} */
/*.cl_listlink2 a { color: #4040FF} */




/*  li::before {content: "•"; color: grey;
  display: inline-block; width: 1em;
  margin-left: -2em}*/

/*ul {list-style: none;  list-style-type: none; }*/
ul.a {
    white-space: normal; /* These links must wrap */ 
}

.navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer ul li { display: inline; }

.cl_vertical_space5px { margin-top:20px; border:thin}

hr.cl_hr_double {
	border-top: 3px double #8c8b8b;
}

hr.cl_hr_single {
	border-top: 1px  thin #8c8b8b;
}

.cl_line, .cl_line_faint {
	height:5px;
	margin-top: 2px;
	margin-bottom: 2px;
    clear: both;
}
.cl_line {
	border-bottom:#000;
}
.cl_line_faint {
	border-bottom:#CCC;
}

.cl_related_links_bootstrap a {white-space: nowrap ; }

.cl_related_links_bootstrap {
	text-align: left;
	/*font-size: 16px;*/
	border-top-width:  1px;
	border-top-style: solid;
	border-top-color: #666;
	border-bottom-width:  1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
padding:8px;
   /*border-radius: 25px;*/
	/* background-color: #F4F4F4; */
}



.cl_boldblue_bootstrap, .cl_boldblack_bootstrap {
	/*font-size: 16px; */
	font-weight: bold;
	font-size: 20px;
}

.cl_boldblue_bootstrap,  {
	/*font-size: 16px; */
	color: #000080;
}
.cl_boldblack_bootstrap {
	/*font-size: 16px; */
	color: #000 ;
}


.cl_boldblue_smaller {
	/*font-size: 16px; */
	font-weight: bold;
	color: #000080;
	font-size: 15px;
}



.cl_header_column_row1_bootstrap {
	padding-bottom: 2px;
	text-align: left;
}
.cl_header_column_row2_bootstrap, .cl_header_column_row2_bootstrap a {
	padding-bottom: 2px; font-size:18px;
}
.cl_header_column_row3_bootstrap {
	text-align: center;
	margin-bottom: 1px;
	margin-top: 1px;
}

.cl_news_link,.cl_twitter_link,.cl_LinkedIn_link,.cl_black_link,.cl_smallred_link,.cl_smallblue_link  {
   font-size: 9pt;
   font-style:italic
}
.cl_black_link2 a { text-decoration:none; color:#000
}

.cl_news_link a {color: green }
.cl_news_link a:visited {color: green }
.cl_news_link a:hover {
	color: red ;
}

.cl_section_see_also {
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
	color: #000;
	/* background-color: #FFF; */
}
a.cl_section_see_also:link	{color: #00F;}
a.cl_section_see_also:hover {color: #00F;}
a.cl_section_see_also:visited {
	color: #004000;
}

/* Google Ads */
.cl_google_ads_responsive { width: 320px; height: 100px; }
@media(min-width: 500px) { .cl_google_ads_responsive { width: 468px; height: 60px; } }
@media(min-width: 800px) { .cl_google_ads_responsive { width: 728px; height: 90px; } }
/* end__ Google Ads */

.cl_body_column_inside {
	width: auto;
	text-align: center;
	float: none;
	border: 1px solid #5C5C5C;
	border-radius: 8px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 2px;
	background-color: #FFF;
}