/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
/*
 * Custom Style Sheet - Use this file to style your content
 */

/* MC addition to allow for top menu as dropdown in headerbar set to the right */
div#headerbar.grid-block div.left {
	float: right !important;
}

/* MC this sets the font and height of the dropdown top menu */
div#headerbar.grid-block div.left ul.menu-dropdown li span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4A7295;
	text-shadow: none;
	padding: 5px 10px 0 10px;
	height: 20px;
	line-height: 20px;
}

/* MC this needed for login dropdown which has 2 spans */
div#headerbar.grid-block div.left ul.menu-dropdown li span.level1 {
	padding: 0;
}

/* Set Hover - MC disabled to prevent underline border displaying */
div#headerbar.grid-block div.left ul.menu-dropdown li.level1:hover .level1 {
	border-bottom: none;
}

/* Dropdown Menu - MC set position of dropdown menu form */
div#headerbar.grid-block div.left .menu-dropdown .dropdown {
	top: 27px;
	left: -180px;
	width: 240px;
}

/* indent of divs for username password and button for best look */
div#headerbar.grid-block div.left form.style div {
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 10px;
}

/* indent of help items text for same as divs */
div#headerbar.grid-block div.left form.style ul {
	padding-left: 15px;
}

/* styling of logout form for best look */
div#headerbar.grid-block div.left form.style div.greeting {
	float: left;
	padding-right: 20px;
	margin: 0;
}

/* Video */
.frontpage-video { line-height: 17px; }

/* Social Icons Headline */
div.frontpage-social {
	line-height: 26px;
	font-size: 11px;
	text-transform: uppercase;
}

/* Poll */
form.short.frontpage-form > div { margin: 5px 0; }
form.short.frontpage-form button { margin-top: 10px; }

/* Newspaper */
.frontpage-newspaper {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 1px;
	height: 68px;
	background: #f7f7f7;
	border-top: 1px solid #e2e2e2;
}

.frontpage-newspaper img {
	position: absolute;
	bottom: 0;
	left: 0;
}

.frontpage-newspaper > div {
	margin-left: 100px;
	line-height: 16px;
}

.frontpage-newspaper > div h4 { margin: 9px 0 2px 0; }


/* Widgetkit
----------------------------------------------------------------------------------------------------*/

.frontpage-news,
.frontpage-weather,
.frontpage-stocks { background: url(../images/module_line_v.png) 0 0 repeat-x; }

.frontpage-news:first-child,
.frontpage-weather:first-child,
.frontpage-stocks:first-child { background: none; }

.frontpage-slideset {
	position: relative;
	width: 260px;
}

.frontpage-slideset img {
	position: absolute;
	top: 2px;
	left: 2px;
}

.frontpage-slideset h3 { margin: 0; }

.frontpage-slideset .slideset-content { margin-left: 70px; }

/* Revista Slideshow Articles */
.frontpage-news { padding-top: 10px; }



.frontpage-news:first-child { padding-top: 0; }



.frontpage-news h4 { margin: 2px 0 4px 0; }

.frontpage-news p { margin-top: 10px; }



/* Revista Slideshow Tabs */

.frontpage-weather {

	position: relative;

	padding: 11px 0 6px 0;

}



/* Weather */

.frontpage-weather h5 { margin: 0; }



.frontpage-weather span.temp,

.frontpage-weather span.icon { position: absolute; }



.frontpage-weather span.icon {

	top: 7px;

	right: 45px;

}



.frontpage-weather span.temp {

	top: 17px;

	right: 0;

	font-size: 26px;

}



.frontpage-weather span.high { color: #c85252; }

.frontpage-weather span.low { color: #5d9ccc; }



/* Stocks */

.frontpage-stocks {

	position: relative;

	padding:4px 0 4px 0;

	height: 18px;

}



.frontpage-stocks > span {

	position: absolute;

	top: 4px;

}



.frontpage-stocks span.up,
.frontpage-stocks span.down {
	top: 11px;
	left: 0;
	width: 9px;
	height: 5px;
	background: url(../images/icon_stocks.png) 0 0 no-repeat;
}

.frontpage-stocks span.down { background-position: 0 -15px; }

.frontpage-stocks span.name { left: 17px; }

.frontpage-stocks span.points { right: 43px; }

.frontpage-stocks span.percent { right: 0; }

.frontpage-stocks span.green { color: #6aa812; }

.frontpage-stocks span.red { color: #c85252; }

/* Bottom-C List */
#bottom-c .mod-plain ul.blank li {
	font-size: 11px;
	text-transform: uppercase;
}

/* MC Edit - addition for the FPSS slideshow */
.mod-box.newslides {
	padding: 5px;
}

/* MC Edit - addition for the RSS module in top-b position */
.module.mod-box.wcrss h3, .module.mod-box.wcrss h3 span {
	color: #4A7295;
	font-family: "DroidSansRegular";
	font-size: 16px;
	line-height: 16px;
	text-transform: none;
	margin: 0;
}

/* MC Edit - addition for the PC Meetings module in top-a position */

.module.mod-box.meetings {
	padding: 10px 15px 10px 15px;
}

.module.mod-box.meetings h3, .module.mod-box.meetings h3 span {
	color: #204D70;
	font-family: "DroidSansRegular";
	font-size: 16px;
	/* font-weight: bold; */
	line-height: 16px;
	text-transform: none;
	margin: 0;
}

.module.mod-box.meetings h3.module-title {
	background: url(../../../images/akpc/akpc.ico) no-repeat;
	padding-left: 30px;
}

.module.mod-box.meetings div.allmode_box div.allmode_topbox div.allmode_topitem {
	padding: 5px 5px 5px 5px;
	border-bottom: 1px dotted #000000;
	border-radius: 0;
}

.module.mod-box.meetings div.allmode_box div.allmode_topbox div.allmode_topitem h3 {
	font-family: "DroidSansRegular";
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	text-transform: none;
	margin: 5px 0 5px 0;
	display: inline;
	height: 16px;
}

.module.mod-box.meetings div.allmode_box div.allmode_topbox div.allmode_topitem h3 a {
	color: #4A7295;
}

.module.mod-box.meetings div.allmode_box div.allmode_topbox div.allmode_topitem h3 a:hover {
	color: #0000FF;
}

.module.mod-box.meetings div.allmode_box div.allmode_topbox div.allmode_topitem div.allmode_text div.allmode_img img {
	margin: 0 10px 0 0;
}

.module.mod-box.meetings div.allmode_box div.allmode_itemsbox {
	margin-left: 0;
}

.module.mod-box.meetings div.allmode_box div.allmode_itemsbox div.allmode_item {
	border-bottom: 1px dotted #000000;
	background: url(../../../modules/mod_raxo_allmode/tmpl/allmode-newsbreak/arrow.png) no-repeat scroll right 10px center transparent;
}

/* Can't figure out the css for the last child target */
.allmode_box.allmode-newsbreak.meetings .allmode_itemsbox div.allmode_item:last-child {
	/* background-color:#FF9;
	border-bottom: none; */
} 

.module.mod-box.meetings div.allmode_box div.allmode_itemsbox div.allmode_item div.allmode_right {
	background: none;
}

.module.mod-box.meetings div.allmode_box div.allmode_itemsbox div.allmode_item h4 a {
	color: #4A7295;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.module.mod-box.meetings div.allmode_box div.allmode_itemsbox div.allmode_item h4 a:hover {
	color: #0D3859 !important;
	text-decoration: underline;
}

/* MC Edit - addition for top-b modules position */
.module.mod-line.wcrss h3, .module.mod-line.wcrss h3 span {
	color: #4A7295;
	font-family: "DroidSansRegular";
	font-size: 16px;
	line-height: 16px;
	text-transform: none;
}

/* MC EDIT - IMPORTANT - Fixes the bottom dotted border showing on last item in RSS Feed module */ 
div .ultimatersswcrss table tbody > *:last-child td {
	border-bottom: none;
}

/* RAXO allmode box styling customisation */
.allmode_box.allmode-list.meetings {
	background:none;
	padding: 0;
}

/* RAXO allmode box styling customisation */
.allmode_box.allmode-list.meetings ul li {
	margin: 0;
}

/* RAXO allmode box styling customisation */
.allmode_box.allmode-list.meetings ul {
	margin-right: 10px;
}

/* MC Edit - addition for top-b modules position */
.module.mod-box.consultations h3, .module.mod-box.consultations h3 span {
	color: #4A7295;
	font-family: "DroidSansRegular";
	font-size: 16px;
	line-height: 16px;
	text-transform: none;
}

/* MC Edit - My custom Grid Units for Warp Profile Double */
.width28 { width: 28%; }
.width30 { width: 30%; }
.width35 { width: 35%; }
.width72 { width: 72%; }


/* MC Edit - Customisation to allow for 2 lines in the top item title but where 1 line looks ok too */
/* The KEY to getting text to align vertically is the display:table-cell */
.allmode-newsbreak .allmode_topitem h3 {
	display: table-cell;
	height: 32px;
	vertical-align: middle;
}

/* MC Edit - addition for bottom-a modules position to style the module title */
.module.mod-line.planning h3, .module.mod-line.planning h3 span,
.module.mod-line.workinggroups h3, .module.mod-line.workinggroups h3 span,
.module.mod-line.communityarea h3, .module.mod-line.communityarea h3 span {
	color: #4A7295;
	font-family: "DroidSansRegular";
	font-size: 16px;
	line-height: 16px;
	text-transform: none;
}

/* MC Edit - addition for bottom-a modules for title image */
.module.mod-line.planning .module-title {
	background: url(../../../images/akpc/house-question.png) no-repeat right 10px bottom 5px;
	padding-top: 10px;
}

/* MC Edit - addition to reduce top padding for bottom-a modules title image space */
.module.mod-line.planning {
	padding-top: 5px;
}

/* MC Edit - addition for bottom-a modules for title image */
.module.mod-line.workinggroups .module-title {
	background: url(../../../images/akpc/icon-group-25.png) no-repeat right 10px bottom 5px;
	padding-top: 10px;
}

/* MC Edit - addition to reduce top padding for bottom-a modules title image space */
.module.mod-line.workinggroups {
	padding-top: 5px;
}

/* MC Edit - addition for bottom-a modules for title image */
.module.mod-line.communityarea .module-title {
	background: url(../../../images/akpc/mvcap-logo-75op.png) no-repeat right bottom 7px;
	padding-top: 10px;
}

/* MC Edit - addition to reduce top padding for bottom-a modules title image space */
.module.mod-line.communityarea {
	padding-top: 5px;
}

/* MC Edit - addition for bottom-a modules for title image */
.module.mod-box.consultations .module-title {
	background: url(../../../images/akpc/have-your-say.gif) no-repeat right 100px bottom 7px;
	background-size: 165px 18px;
	padding-top: 5px;
	padding-left: 0px; /* only needed for left indent of title text */
}

/* MC Edit - addition to reduce top padding for bottom-a modules title image space */
.module.mod-box.consultations {
	padding-top: 5px;
}

/* MC Edit - addition for bottom-a modules position to style the top-item title */
.module.mod-line.planning .allmode_topitem h3, .module.mod-line.planning .allmode_topitem h3 span,
.module.mod-line.workinggroups .allmode_topitem h3, .module.mod-line.workinggroups .allmode_topitem h3 span,
.module.mod-line.communityarea .allmode_topitem h3, .module.mod-line.communityarea .allmode_topitem h3 span {
	font-size: 14px;
	margin: 5px 0 5px 0;
}

/* MC EDIT - IMPORTANT - Allows for 2 line wrapping by setting height of allmode_item */ 
.module.mod-line.planning .allmode_item,
.module.mod-line.workinggroups .allmode_item,
.module.mod-line.communityarea .allmode_item {
	/* sets the width of the allmode_item for best fit in bottom-a 3-modules-way*/
	float: left;
	width: 295px; /* chosen to just fit the 3-way module width */
	height: 42px; /* chosen for best look of 2 line wrapping */
}

/* MC EDIT - IMPORTANT - Allows the h4 title to be shortened and allowing 2 line wrapping */ 
.module.mod-line.planning .allmode_item .allmode_title,
.module.mod-line.workinggroups .allmode_item .allmode_title,
.module.mod-line.communityarea .allmode_item .allmode_title {
	/* width: 190px; not needed - in fact breaks the 3-module bottom-a because of -ve left margin for icon */
}

/* MC EDIT - IMPORTANT - Set the width of the allmode_right title container */ 
.module.mod-line.planning .allmode_item .allmode_right,
.module.mod-line.workinggroups .allmode_item .allmode_right,
.module.mod-line.communityarea .allmode_item .allmode_right {
	float: left;
	width: 190px; /* max width to allow for date to the right */
	padding-right: 0;
	clear: none;
}

/* MC EDIT - IMPORTANT - To prevent the topitem date being floated right - unnecessary?  */ 
.module.mod-line.planning .allmode_topitem .allmode_date,
.module.mod-line.planning .allmode_item .allmode_date,
.module.mod-line.workinggroups .allmode_topitem .allmode_date,
.module.mod-line.workinggroups .allmode_item .allmode_date,
.module.mod-line.communityarea .allmode_topitem .allmode_date,
.module.mod-line.communityarea .allmode_item .allmode_date {
	color: #525252;
}



/* MC EDIT - IMPORTANT - Allows the date to be overlaid on the h4 item title */ 
.module.mod-line.planning .allmode_item .allmode_date,
.module.mod-line.workinggroups .allmode_item .allmode_date,
.module.mod-line.communityarea .allmode_item .allmode_date {
	float: right;
	width: 65px;
	font-size: 10px;
	margin: 3px 6px 0 6px;
	/* margin-top:-18px; not needed now its embedded in allmode_item */
}

.allmode-default a {
    color: #4A7295 !important;
    text-decoration: none;
}

.allmode-newsbreak .allmode_topitem {
	padding: 0;
}

.allmode-newsbreak .allmode_img img {
	margin: 3px 10px 0 0 ;
}

.allmode-newsbreak .allmode_itemsbox {
    margin-left: 0;
}

/* RAXO allmode box styling Consultations customisation */
.allmode-default.consultations .allmode_item .allmode_text p {
	margin: 0;
}

/* RAXO allmode box styling Consultations header customisation */
.module.mod-box.consultations {
	padding-bottom: 0px;
	height: 273.5px;  /* value to have element calculated height be 274px - no idea where the 0.5px comes from in the build up */
}

/* RAXO allmode box styling Consultations customisation */
.allmode-default.consultations .allmode_itemsbox {
/*	height: 240px; not needed  */
	margin: 0;  /* no need for a margin */
}

/* MC EDIT - IMPORTANT - Fixes the bottom dotted border showing on last item in Consultations module */
.allmode-default.consultations .allmode_itemsbox > *:last-child {
	border-bottom: none;
}

/* MC EDIT - IMPORTANT - Needed to fix the a href position artifact in Consultations module */
/* copied same css code from widgetkit .wk-slideshow img   as used in news tabs module */
/* without this the a href is positioned low not middle and adds height to the image box */
.allmode-default.consultations .allmode_item .allmode_img img {
	height: auto;
    max-width: 100%;
    vertical-align: middle;
}

/* RAXO allmode box styling News Tabs slideshow customisation */
.module.news-tabs .wk-slideshow-tabsbar .slides-container ul li article {
    padding: 0 15px 0 15px;
}

form#hj-survey {
}

.rs_button {
    background-color: #D7E5F5;
    background-image: -moz-linear-gradient(center top , #D7E5F5, #CBE0F5) !important;
    border-color: #ABBBCC #A7B6C7 #A1AFBF;
    border-radius: 6px 6px 6px 6px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 white inset;
    color: #1A3E66;
    display: block;
    font-size: 14px;
    margin: 2px;
    padding: 6px 20px 7px !important;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 1px 1px #FFFFFF;
}

.rs_button:hover {
	background-color: #CCD9E8;
	background-image: -moz-linear-gradient(center top , #CCD9E8, #C1D4E8) !important;
	border-color: #A1AFBF #9CAABA #96A3B3;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 0 #F2F2F2 inset;
	color: #163659;
	text-decoration:none !important;
	cursor: pointer;
}

/* Needed to hide the menu item that DOCman needs for linking Documents - must be on Main Menu */
/* item 448 is PC Meetings menu item */
.menu-dropdown li.level1.item448 {
	display: none;
}

/* Needed to hide the level 4 menu item for Riparian Owners on Main Menu but needed to be 
published for article linking to menu item and to show on breadcrumb trail */
/* item 475 is Riparian Owners menu item */
.menu-dropdown li.level4.item475 {
	display: none;
}

.wrapped {
	background: none;
}

#headerbar {
	height: 70px;
}

#headerbar #logo > p {
	margin: 0px 0px !important;
}

/* MC style contact form image to have right padding */
img.align-right-padded {
	float: right !important;
	padding-right: 150px !important;
}

.footer-contact-us .module-title .color {
	color: inherit; /* prevents first word being a different color */
}

.footer-information h3, .footer-transparency h3, .footer-privacy h3, .footer-contact-us h3 {
	font-size: 15px;
	font-family: Arial;
	font-weight: 600;
	color: #4A7295 !important;
	text-transform: none !important;
	border-bottom: 1px solid #4A7295 !important; 
}

.footer-information a span, .footer-transparency a span, .footer-privacy a span {
	font-size: 13px;
}

.footer-information .li.level1 > a > span,
.footer-transparency .li.level1 > a > span,
.footer-privacy .li.level1 > a > span,
.footer-contact-us .li.level1 > a > span {
	text-transform: none !important;
}

.footer-information .mod-line .module-title,
.footer-transparency .mod-line .module-title,
.footer-privacy .mod-line .module-title,
.footer-contact-us .mod-line .module-title {
	margin-bottom: 7px;
	padding-bottom: 7px;
}

#system-contact-form form.box fieldset {
	padding-left: 50px !important;
	padding-bottom: 10px !important;
	width: 800px !important;
}

#system-contact-form label {
	display: inline-block !important;
	width: 100px !important;
	text-align: left !important;
	vertical-align: top !important;
}

#system-contact-form form.submission fieldset > div > input[type="text"] {
	width: 530px !important;
}

#system-contact-form form.submission fieldset > div > textarea {
	width: 525px !important;
}

#system-contact-form .show-email-copy label {
	display: inline-block !important;
	width: 140px !important;
}

#system-contact-form .control-label label {
	width: 285px !important;
}

#system-contact-form .control-label {
}

#system-contact-form form#contact-form div.submit {
	text-align: center !important;
	margin-top: -28px !important;
}

#system-contact-form form#contact-form button {
	background: #4A7295;
	width: 120px;
	height: 35px;
	border-radius: 4px;
	border: none;
	text-shadow: none;
	font-size: 14px;
	color: #FFF;
}

/* Contact Form Name */
.contact-item .title {
	font-size: 25px !important;
}

/* Contact Form Position */
.contact-item .subtitle {
	font-size: 22px !important;
	margin-top: 10px !important;
}

/* Contact Form container div - custom system id */
div #system-contact-form {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

/* hide system output content Home Article in mobile view */
.home #m-content {
	display: none;
}

/* hide the frontpageslideshow module class suffix .newslides in mobile top position */
.home #m-top .newslides {
	display: none !important;
}

div .control-group {
	margin-bottom: 20px !important;
}

div #easycalccheckplus {
	text-align: left !important;
	padding-left: 50px !important;
	margin-top: 0px !important;
}

div #easycalccheckplus label {
	width: 210px !important;
}

div .protectedby {
	display: none;
}

#system-contact-form label {
	display: none;
}