/* Import Defaults */
@import url(../cp/css/default-reset.css);
@import url(../cp/css/default-controlpanel.css);
@import url(../cp/css/default-calendar.css);

/* EMCBB 2009 */

body { background: #ccc url(uploads/21/bg.png) top repeat-x; color: #000; font-family: Arial, sans-serif; font-size: small;}

.template { width: 960px; margin: 10px auto; background: transparent url(uploads/21/body.png) repeat-y; }

.header { background: transparent url(uploads/21/header.png) no-repeat;  padding-top: 10px; }

a { font-weight: bold; text-decoration: none; }

p, ul { padding: 10px 15px; }

ul { list-style-type: square; margin-left: 1em; padding-left: 1.5em;  }

h3, h4, h5 { padding-bottom: 10px; }

.logo { float: left ; }

hr.rule { color: #fff; background: #fff; border: 0; width: 1px; clear: both; padding: 0; margin: 0; }

form.search { float: right; padding: 0 20px 0 4px; }

form.search .field, form.search .submitfield, form.search input { display: inline; }

form.search .field input.searchkeyword { color: #666; border: 1px solid #E4E4E4; background: #F2F2F2 url(uploads/21/searchinput.png) left no-repeat; padding: 3px 3px 3px 18px; }

input.searchbutton { background: #E4E4E4 url(uploads/21/button.jpg) repeat-x; overflow: hidden; border: 1px solid #E4E4E4; cursor: pointer; font-weight: bold; color: #666; padding: 2px 3px; }

.contactus, .controlbar { float: right; font-size: 80%; margin: 5px 4px 4px 0; padding: 0 8px 0 4px; border-right: 1px solid #ccc;}

.contactus a, .controlbar, .controlbar a { color: #666; }

/* LAYOUTS */

.columns { clear: both; overflow: hidden; height: 100%; padding-top: 10px; }

.sidebar { width: 220px; float: left; }

/* attempt to fix editing tools
.main { width: 700px; margin-left: 240px; }
*/

.main { width: 700px; margin-left: 20px; float: left; }

/* HEADER */

.banner { padding-bottom: 5px; }

.breadcrumbs { clear: both; margin-left: 255px; font-size: small; color: #666; padding: 10px 0; }
.breadcrumbs a { color: #666; font-weight: normal; }
.breadcrumbs .item { padding: 0; }

/* CONTENT */

.columns a { color: #036; }

.columns h1.heading { color: #CD4833; font-size: large; padding: 15px; padding-top: 0; }

.columns h2.heading { color: #333; padding: 8px 15px; font-size: medium; background: #eee; }

.columns h3.heading, .columns h4.heading, .columns h5 { padding-left: 15px; }

.content li { padding: 4px; }

.content ul.editbuttons li { padding: 0; }

.content .element ul { list-style-type: none; }

.content .element li a { background: transparent url(uploads/21/arrow_right.png) left 2px no-repeat; padding-left: 14px; display: inline-block; }

.content li a.icon-help, .content .fileinfo a { background: none; padding-left: 0; }

.content .element img { padding: 15px }

.content ul.text { list-style-type: square; }

/* SIDEBAR */

.sidebar li { list-style-type: none; }

.sidebar li a { padding: 8px 10px; border-left: 4px solid #ccc; color: #666; display: block; margin-left: 15px;}

.sidebar li a:hover, .sidebar li.active li.inactive a:hover { color: #333; border-left: 4px solid #666; }

.sidebar li.active a, .sidebar li.active li.active a { color: #CD4833; border-left: 4px solid #CD4833; }

.sidebar li.active li.inactive a { color: #333; border-left: 4px solid #ccc; }

.sidebar ul.submenu1 { margin-left: 0; padding: 0; display: none; }
.sidebar ul.submenu1 a { border-left-style: double!important; }
.sidebar .active ul.submenu1 { display: block; }

/* FOOTER */

.footer { background: #ccc url(uploads/21/footer.png) top no-repeat; padding-top: 40px; overflow: hidden; position: relative; height: 130px; }

.footer .logos { float: left; width: auto; padding-left: 21px; }

.footer .madeby { position: absolute; top: 140px; right: 15px; }

.footer .madeby a { color: #333; }

/* PAGINATION */

ul.pagination { list-style-type: none; margin: 0; padding: 15px; }
ul.pagination li { display: inline; padding: 0 4px 0 0; color: #666; }
ul.pagination li a { background: none; padding: 0; }
ul.pagination li .highlight { background-color: #003366; color: #FFFFFF; font-weight: bold; padding: 1px 4px;}

/* FEEDS */

.latestbureaunews, .homepgfeed, .fromchina, .eventsfeed, .feed { background: #f5f5f5; overflow: hidden; }

.latestbureaunews h1.heading { color: #333; background: #eee; padding-top: 15px; }

.latestbureaunews h2.heading, .item .title, .item h3.heading, .result .title { font-size: medium; padding: 0 0 15px 0; background: none; }

.item, .result { overflow: hidden; position: relative; padding: 15px; }

.feed p, .item p { padding: 10px 0; }

.latestbureaunews .picture, .latestbureaunews .image { float: right; width: auto; padding-left: 10px;} 

.rss { list-style: none; text-align: right; clear: both; padding: 5px 0 0 0;}

.content .element ul.rss li a { background: #fff url(uploads/21/rss.png) right bottom no-repeat; padding: 10px 30px 0 0; display: block; }

.info { padding: 0 15px 10px 15px; }


/* TIDY UP */

.breadcrumbs { padding-bottom: 10px; }
.pagelink { list-style: none; text-align: right; padding: 10px; }
.content .pagelink li a { background: transparent url(uploads/21/arrow_right.png) right 0.3em no-repeat; padding-right: 14px; }

/* SUPPORTERS */

.supporters h2 { padding: 0 15px; font-size: medium; }
.supporters ul { padding: 0 15px; margin-bottom: 15px; }

/* SEARCH RESULTS */

form.yahoo-search { display: none; }
.document { color: #ccc; }

/* CALENDAR */

.calendar .calendarheader td { padding: 8px; }
.calendar { background: #fff; border: 0; margin: 0; margin-bottom: 10px; border-bottom: 10px solid #fff; }

.previousmonthday, .nextmonthday { background: #f5f5f5; color: #ccc; }
.weekday0, weekday1, weekday2, weekday3, weekday4, weekday5, weekday6, weekday7 { height: 80px; }