/*
Theme Name: Barking
Theme URI: ...
Description: Barking & Dagenham College
Version: 1.0
Author: heymoscow
Author URI: http://www.dansmart.co.uk/
Tags: barking, dagenham
*/

body { width:976px; margin:0px auto; }
#nav, #home-bar { clear:both }
#breadcrumbs { clear:both }
#footer { clear:both }

/* main existing classes */
/*.pagenav,
.categories,
.cat-item,
.blogroll { background-color:#ffd }

.post {
	background-color:#ff5; } */


h1 { font-size:300%; }
input, textarea, select {
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px }

/*
 * TOP BAR
 */
#logo { background:url(images/bdc_logo.jpg) top left no-repeat;
	width:203px; height:69px; float:left; margin-top:18px; margin-left:28px; text-indent: -5000px; }
#logo-header { margin: 0; padding: 0; float: left; }
#home #logo { background:url(images/home_bdc_logo.jpg) top left no-repeat;
	width:225px; height:77px; float:left; margin-top:43px; margin-left:28px }
#info { width:515px; height:71px; float:left }
#info span.container { display:block; margin:20px 40px; padding:2px; background-color:#375f70; color:white }
#info a, #info b { color:#ffbc00 }
#info .img { float:left; margin-bottom: 0; }
#info h3 {
  font-size: 14pt;
  font-weight: bold;
  display: block;
}
#info span.excerpt, #info span.date {
  font-size: 9pt;
  margin: 0;
  padding: 0;
}
#info span.readmore strong {
  float: right;
  padding-right: 10px;
}
#header { background:url(images/banner_bk.gif) top left repeat-x; height:106px; }
#breadcrumbs, #footer {
	font-size:80%; color:#636363; }
#breadcrumbs {
	margin:2px 0px 8px 0px; padding:0px 24px;
	border-bottom:1px solid lightgrey }
/* home page top bar */
#home #info {
	margin-top:0px;
	width:493px; height:131px; float:left; }
#home #info div { margin:15px 28px; }
#home #info div div { margin:0px; }

br.clear { clear:both }
.e-campus { width:100%; height:20px; }
.home-bar { font-size:120% }

#accessibility-links {
  position: absolute;
  left: -10000px;
  width: 1px; height: 1px;
}

/*
 * NAVIGATION
 */
#nav { background-color:#375f70 }
.menu { position:absolute;
	font-weight:bold;font-size:110%;padding:3px 24px}
.menu li { float:left; margin:0px 3px 0px 0px }
.menu a { display:block; background-color:#4bb1c3; color:white;
	padding:5px;
	text-decoration:none}
.sub-menu li { margin:0px }
.sub-menu { display:none; position:absolute; left:24px;
  margin-top:3px; font-size:90%; }
#nav li.current-menu-ancestor .sub-menu,
#nav li.current-menu-item .sub-menu { display:block }
#nav a:hover { color:#cacaca }
#nav .current-menu-item a,
#nav .current-menu-ancestor a { background-color:#97d009; color:white }
#nav .sub-menu a { color:#375f70 }
#nav .sub-menu a:hover { color:#577f90 }
#nav .sub-menu a.sep:hover { color:#375f70 }
#nav .sub-menu li.current-menu-item a,
#nav .sub-menu li.current-menu-ancestor a { color:white }
#nav .sub-menu { width:928px }

#nav .menu.break { clear:both; position:static;
	background-color:red; visibility:hidden;
	margin:0px; padding:0px; padding:0px; padding-bottom:6px; z-index:-3  }
#nav .menu.break .sub-menu { position:static; display:block }
#nav .break li { float:none; }

/*
 * SIDEBAR
 */
#search, #sidebar { width:216px; }
#sidebar { position:relative; height:335px; float:left; }
#sidebar .bl,
#sidebar .br { background:url(images/tab_bl.gif) bottom left no-repeat;
	width:13px; height:26px; float:left; }
#sidebar .br { background-image:url(images/tab_br.gif); float:right }

/* News-events sidebar */
.news-events {
  font-size: 9pt;
}
.news-events a.tab { float:left;
	background:url(images/tab_closed.gif) top left no-repeat;
	text-align:center;
	width:101px; height:26px;
	line-height:26px;
  color: #3b6e8f;
  text-decoration: none; }
.news-events a.tab.active { background-image:url(images/tab_open.gif); color: white; }
.news-events a.right { float:right }
.news-events .pane {
  display:none;
  position:absolute; left:0px;
	background-color:#72bdcd;
	width:100%;
  margin-top:26px;
  color: white; }
.news-events .pane a { color: white; }
.news-events .active .pane { display:block }
.news-events .pane .item {
	margin:0px 10px; padding:10px 0px;
	border-bottom:1px groove #8cd }
.news-events .pane .last { padding-bottom:auto; border-bottom:none }
.news-events .item span { display:block }

/*
 * EVERY PAGE
 */
#content { float:left; width:695px;/*746*/
	padding-right:0px; margin-right:50px; position: relative; }
#content #content_title { background: #ffc60b url(images/content_bar.gif) top left no-repeat;
	width:671px; min-height:31px; font-weight:bold; font-size:130%; color: #3b6d8e;
	padding: 9px 0 1px 24px; }
#content #content_bottom { background:url(images/content_bottom.gif) top left no-repeat;
	width:491px; height:9px; float:right; margin-right:-1px; margin-top:0; }
.post-image { float:left; margin-top:3px; }
.image-caption { font-size: 9pt; font-style: italic; color: #676767; float: left; width: 190px; }
.post { margin-top:3px; }
.full-width-post { margin-top:3px }
.thumb-top, .thumb-bottom {background:url(images/thumb-top.gif) top left no-repeat; margin:0px;
	width:191px; height:8px; position:relative; left:-1px }
.thumb-bottom {background-image:url(images/thumb-bottom.gif); left:0px }
a { color:#375f70 }
a:hover { text-decoration:none }
#footer { margin-top:8px; padding:12px 0px 12px 24px;
	border-top:1px solid lightgrey }

.post { margin-left:205px }
.post.course-search-results {
  margin-left: 0; }
#content h1, #content b { font-weight:bold }
#content h1, #content h2, #content h3 { font-size:140%; display:block; }
#content h4, #content h5, #content h6 { font-size:120%; display:block; }
#content ul, #content p, #content table { margin-bottom:20px; }
#content li { margin-bottom:5px }
#content ul { list-style: disc inside; }

.post td { border:1px solid #666 }

/*
 * HOME
 */
#home #header { background-image:url(images/home_banner.gif); height:166px }
#home-content { width:728px; height:319px; margin-right:18px; float:left;
	background:url(images/home_back.jpg) top left no-repeat; }
#home-content br { display:block; clear:both; margin-top:5px }
#home-content h2 { display:block }
.col { width:203px; float:left; margin:12px 0px 0px 15px; padding:10px; color:#375f70 }
.col h2 { font-size:120%; font-weight:bold; margin-bottom:5px; border-bottom:1px solid #375f70 }
.col h2 a { text-decoration:none }
.col ul { text-align:left; padding-left:20px;
	list-style:circle inside none }
.col .search { display:block;
	background:url(images/search.gif) top left no-repeat; 
	width:115px; height:31px; border:none; color:transparent; text-indent: -5000px }
.col .search:hover { background-position:0px -31px; }
#home-content .col img { margin-left: -10px; }
#content h2 { margin-bottom: 10px; }

#students, #partners { clear:both }
#students { border:1px solid lightgrey; border-width:1px 0px; padding:10px 0px }
#logo1, #logo2, #logo3, #logo4, #logo5, #logo6, #logo7 {
	background:url(images/logo1.jpg) 50% 50% no-repeat; width:139px; height:58px; float:left }
#logo2 { background-image:url(images/logo2.jpg) }
#logo3 { background-image:url(images/logo3.jpg) }
#logo4 { background-image:url(images/logo4.jpg) }
#logo5 { background-image:url(images/logo5.jpg) }
#logo6 { background-image:url(images/logo6.jpg) }
#logo7 { background-image:url(images/logo7.jpg) }
/*
 * SEARCH RESULTS
 */
.result {  margin-bottom:1em; clear:both }
.result .title { font-size:120%; font-weight:bold }
.result .excerpt { display:block }
.result .date { display:block; font-style:italic }

#student, #staff, #employer { background:transparent url(images/student.png) top left no-repeat;
	width:70px; height:50px;
	float:left; margin:0px 10px 10px 10px }
#staff { background-image:url(images/staff.png) }
#employer { background-image:url(images/employer.png) }

/*
 * STUDENTS
 */
.img, .noImg { float:left; margin:0px 10px 10px 0px }
.noImg { width:50px; height:50px; background-color:#888 }
.belt span { display:block }
.belt .excerpt { font-style:italic }
.belt .name { font-weight:bold; color:#375f70 }

.disabled { color:grey; visibility: hidden; }
.item { padding-bottom:20px; border-bottom:1px dotted #aaa }
.bdc-Details { font-size:120% }
/*
 * COURSES and COURSE SEARCH
 */
#content.wide {
  width: 976px;
}

.item { margin-bottom:10px; clear:both }

/* COURSE SEARCH CONTAINER SECTION */
.course_search_container {
  padding: 0;
}

.course_search_container .left_container {
  float: left;
  width: 460px;
}

.course_search_container .subsection {
  padding: 10px;
  margin: 5px 10px;
  float: left;
  color: black;
  background-color: #cad6e4;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  behavior: url(/wp-content/themes/barking/css/border-radius.htc);
  display: inline;
}

.course_search_container .subsection h2 {
  color: #3b6e8f;
  font-size: 12pt;
  font-weight: bold;
}

.course_search_container .subsection a {
  color: #3b6e8f;
  text-decoration: underline;
}

.subsection#course_search,
.subsection#course_search_summary {
   width: 440px;
}

.subsection#course_search {
  height: 205px;
}

.subsection#course_search label {
  display: block;
  margin-bottom: 5px;
}

.subsection#course_search input[type=text] {
  border: 1px solid #ababab;
  height: 20px;
  font-size: 11pt;
}

.subsection#course_search input[type=submit] {
  height: 20px;
  cursor: pointer;
}

.subsection#by_career {
  float: right;
  width: 440px; height: 320px;
}

#by_career ul {
  list-style: none;
}

#by_career li {
  float: left;
  margin: 5px;
  list-style: none;
  width: 75px;
  font-size: 9pt;
}

#by_career li img {
  display: block;
  border: 1px solid #3B6E8F;
}

#by_career select {
  float: none;
  clear: both;
  margin-top: 10px;
  min-width: 200px;  height: 20px;
  border: 1px solid #ababab;
  display: block;
}

ul#subject_areas ul {
  margin-left: 30px;
}

/* BOTTOM SECTION */

.bottom_section {
  padding: 10px;
}

.bottom_section .subsection {
  float: left;
  width: 215px; height: 126px;
  padding: 5px;
  margin-right: 18px;
  color: white;
  font-size: 10pt;
}

.bottom_section .subsection.last {
  margin-right: 0;
}

.bottom_section .subsection h2 {
  font-size: 11pt;
  font-weight: bold;
  width: 115px;
}

.bottom_section .subsection h2 a {
  text-decoration: none;
}

.bottom_section .subsection a {
  color: white;
  text-decoration: underline;
}

.bottom_section p {
  float: left;
  width: 115px;
}

.bottom_section .subsection img {
  float: right;
}

.bottom_section .subsection#apprenticeships {
  background-color: #38c0c4;
}

.bottom_section .subsection#work_ready {
  background-color: #00b159;
}

.bottom_section .subsection#higher_education {
  background-color: #4a2161;
}

.bottom_section .subsection#search_subject_area {
  background-color: #ec008b;
}

/* PAGE: COURSE SEARCH RESULTS */
.post.course-search-results ol,
.post.course-search-results ul {
  list-style-type: disc;
  width: 680px;
  margin-left: 15px;
}

.post.course-search-results li {
  list-style-type: disc;
}

/* TAXONOMY:: SUBJECT_AREA */
.taxonomy-school_name #content {
  padding: 10px;
  width:675px;
}

.taxonomy-school_name #content ul {
  list-style-type: none;
  width:675px;
}

.taxonomy-school_name #content li {
  list-style-type: none;
}

.taxonomy-school_name #content #content_bottom {
  background: #ffc50b;
	width:671px;
  padding-left:24px;
  margin-right: -20px;
}

/* SINGLE PAGE: COURSE */
.type-bandd_course .leftbar {
  width: 205px;
  float: left;
  margin-top: 15px;
}

.type-bandd_course .rightbar {
  width: 490px;
  float: left;
  margin-top: 15px;
  color: #252525;
}

.type-bandd_course .leftbar img {
  background: #ffc50b;
  padding: 10px 0;
  height: 185px;
  width: 185px;
}

.type-bandd_course h3 {
  display: block;
  border-top: 1px solid #ffc50b;
  padding-top: 10px;
  color: #252525;
}

.type-bandd_course .intro_text {
  font-size: 130%;
  font-weight: bold;
  color: #636363;
}

.type-bandd_course .intro_text a {
  color: #636363;
}

.type-bandd_course button.course_enquiry {
  width: 154px; height: 45px;
  background: url(images/button-course-enquire.png) no-repeat;
  display: block;
  border: 0;
  cursor: pointer;
  text-indent: -5000px;
  margin-bottom: 10px;
  margin-right: 10px;
  float: left;
}

.type-bandd_course button.course_enquiry:hover {
  background-position: 0 -45px;
}

.type-bandd_course a.course_apply {
  width: 154px; height: 45px;
  background: url(images/button-course-apply.png) no-repeat;
  display: block;
  border: 0;
  cursor: pointer;
  text-indent: -5000px;
  margin-bottom: 10px;
  float: left;
  text-decoration: none;
}

.type-bandd_course a.course_apply:hover {
  background-position: 0 -45px;
}

.type-bandd_course a.course_apply:focus {
  border: 0;
}

/* SINGLE COURSE: FEE DATA TABLE*/
.type-bandd_course #fee_data {
  font-size: 9pt;
  margin-left: -80px;
  margin-right: -130px;
  border: 1px solid #686769;
}

.type-bandd_course #fee_data thead {
  border-bottom: 1px solid #686769;
}

.type-bandd_course #fee_data th {
  background-color: #ffc50b;
  color: black;
  font-weight: bold;
  margin: 1px;
  border-right: 1px solid #686769;
}

.type-bandd_course #fee_data th.last {
  border-right: 0;
}

.type-bandd_course #fee_data tr {
  border-bottom: 1px solid #686769;
}

.type-bandd_course #fee_data td {
  color: #686769;
  padding: 10px 2px;
  border-right: 1px solid #686769;
}

.type-bandd_course #fee_data td.coursename {
  width: 140px;
}

.type-bandd_course #fee_data td.last {
  border-right: 0;
}

.type-bandd_course #disclaimer {
  font-size: 8pt;
}
.type-bandd_course #disclaimer h4 {
  font-weight: bold;
}


/* COURSE SIDEBAR */
#sidebar.course_sidebar {
  background-color: #72bdcd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 0;
  height: auto;
}

#sidebar.course_sidebar h3 {
  display: block;
  font-size: 130%;
  color: white;
  padding: 10px;
  font-weight: bold;
  border: 0;
}

#sidebar.course_sidebar .sidebar_body {
  background: #e4f4f7;
  padding: 10px 10px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

#sidebar.course_sidebar p {
  color: #507282;
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 7px;
}

#sidebar.course_sidebar p#contact_details {
  font-size: 8pt;
  font-weight: normal;
  margin: 15px 0 7px 0;
  overflow: hidden;
}

#sidebar.course_sidebar p strong {
  color: #302954;
}

#sidebar.course_sidebar button#complete-form {
  width: 195px; height: 33px;
  background: url(images/button-course-contact.png) no-repeat;
  display: block;
  border: 0;
  cursor: pointer;
  text-indent: -5000px;
  margin: 0;
  float: none;
}

/* ENQUIRY FORM */
#course-content {
  position: relative;
}
#application_form {
  position: relative;
}
#contact_form {
  position: absolute;
  top: -200px; left: 250px;
  border: 1px solid black;
  padding: 10px;
  background-color: white;
  z-index: 99;
  -moz-box-shadow: 0 0 20px black;
  -webkit-box-shadow: 0 0 20px black;
  display: none;
  width: 600px;
}

#contact_form #close {
  position: absolute;
  right: 10px; top: 10px;
}

#contact_form h3 {
  font-size: 130%;
  font-weight: bold;
  border-top: 0;
  margin-bottom: 10px;
}

#contact_form p {
  margin-bottom: 10px;
}

#contact_form ul li {
  margin-bottom: 6px;
  list-style-type: none;
}

#contact_form input[type=text],
#contact_form textarea {
  border: 1px solid #ababab;
}

#contact_form textarea {
  width: 100%;
}

#contact_form ul#name-list li label {
  width: 100px;
  display: inline-block;
}

#contact_form ul#name-list li {
  margin: 4px;
}

#contact_form ol,
#contact_form ol li {
  list-style: decimal inside;
}

#contact_form ol li ul {
  margin-top: 6px;
  list-style: none;
}

#contact_form ol li li {
  list-style: none;
}

#contact_form ul li {
  margin: 0;
}

#contact_form ul#contact-hints li {
  display: none;
}

#contact_form ul#contact-hints li.first {
  display: block;
}

#contact_form input[type=radio] {
  margin-right: 15px;
}

#contact_form input[type=submit] {
  border: 1px solid #ababab;
  cursor: pointer;
  padding: 3px;
  margin-top: 5px;
}

#contact_form label.error,
#contact_form ul#name-list li label.error {
  margin: 5px;
  border: 1px solid red;
  width: auto;
}

#course_enquiry_success {
  border: 1px solid #ffc50b;
  margin: 15px 0;
  padding: 10px;
}

/* APPLICATION FORM */
#start-online-application {
  -moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
  display: inline-block;
	border-radius:4px;
  border: 1px solid #333333;
  color: #333333;
  padding:5px;
  margin-bottom: 10px;
  text-decoration: none;
}

#application_form.wide {
  margin-left: 0px;
}

#application_form label {
  margin-right: 20px;
}

#qualifications_table {
  margin-bottom: 10px;
  border: 1px solid #ababab;
}

#qualifications_table thead {
  background-color: #ebebeb;
  border-bottom: 1px solid #ababab;
}

#qualifications_table th {
  padding: 2px;
}

#qualifications_table input[type=text] {
  width: 100px;
  margin: 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#qualifications_table td.actual .wpcf7-list-item-label,
#qualifications_table td.predicted .wpcf7-list-item-label {
  display: none;
}

input [type=submit],
input.wpcf7-submit {
  padding: 3px;
  display: block;
}

table.no-border {
  border: 0;
}

table.no-border tr {
  border: 0;
}

table.no-border td {
  border: 0;
}

/*
SEARCH BOX
*/
#search input {
  font-size:110%;
  width:135px;
}
#search input.button {
  width:auto;
  background-image:none;
  color:black
}
#search input.button:hover {
  color:#2d2d2d
}

#search {
  float:left;
  margin-top: 14px;
}

#search .sBox {
    background:#c3e1ed url(images/box_small_r.gif) top right no-repeat;
}

#search .sBox .sBox {
    width:100%; height: 79px;
    background:url(images/box_small_l.gif) top left no-repeat;
}

#search .sBox .sBox .sLastBox {
  width:186px;
  padding:15px 20px;
  background-image:none;
}

.home #search {
  margin-top: 15px;
}
.home #search .sBox {
  background:#c3e1ed url(images/box_r.gif) top right no-repeat;
}
.home #search .sBox .sBox {
  height: 131px;
  background:url(images/box_l.gif) top left no-repeat;
}


/*
BUTTONS
*/
.button { color:#ccc; text-decoration:none }
.button .a, .button .b, .button .c { width:10px; height:30px; float:left }
.button .a { background:url(images/button_plain_l.png) top left no-repeat }
.button .b { background:url(images/button_plain_m.png) top left repeat-x; width:161px;
	line-height:25px; text-align:center }
.button .c { background:url(images/button_plain_r.png) top right no-repeat }
.button:hover { background-image:url(images/button_plain_hover_l.png);
	color:white; cursor: pointer; cursor: hand }
.button:hover .a { background-image:url(images/button_plain_hover_l.png) }
.button:hover .b { background-image:url(images/button_plain_hover_m.png) }
.button:hover .c { background-image:url(images/button_plain_hover_r.png) }

/*
HEADER & SIDEBAR EDITABLE AREAS
*/

#header-editable-area {
   width: 187px;
   margin-left: -5px;
}

#sidebar-editable-area {
  float: right;
  width: 187px;
  margin: 18px 25px;
}