/* 
==============================
CCCS Skin style for DotNetNuke
==============================
*/   

/* CSS Document */

body {padding:0px; margin:30px 0 50px 0; background:url(images/page_bg.jp) #f0f0ed top repeat-x; font-size:1em; font-family:Verdana, Tahoma, Arial, Helvetica;}
html {font-size:100%;} /* For Resising fonts in IE */
a:active {outline:none;}
p {margin:0; padding:0px; font-size:1em;}
.clearleft {clear:left; height:0px}
.clearboth {clear:both; height:0px;}


/**PAGE LAYOUT**/
.pagecenter {margin: 0 auto; width: 970px; background-color:#ffffff; border-left:solid 10px #fff; border-right:solid 10px #fff; overflow:auto}
.top {margin: 0 auto; width: 990px; height:10px; background:#fff; font-size:0.1em;}
.top .topleftcorner {height:10px; background:url(images/page_top_left.jpg) left no-repeat;}
.top .toprightcorner {height:10px; background:url(images/page_top_right.jpg) right no-repeat;}
.bottom {margin: 0 auto; width: 990px; height:10px; background:#fff; font-size:0.1em;}
.bottom .bottomleftcorner {height:10px; background:url(images/page_bottom_left.jpg) left no-repeat;}
.bottom .bottomrightcorner {height:10px; background:url(images/page_bottom_right.jpg) right no-repeat;}


/**COLUMNS LAYOUT**/
.maincontent {overflow:hidden}
.maincontent .fullwidth {width:970px; margin-right:0px;}
.maincontent .leftcolumn {float:left; min-height:50px; width:235px; margin-right:10px;}
.maincontent .midcolumn {float:left; width:480px; margin-right:10px;}
.maincontent .rightcolumn {float:left; width:235px; margin-right:0px;}
.maincontent .largerightcolumn {float:left; width:725px; margin-right:0px;}


/**BOX CONTAINERS (when columns don't dictate width and float such as on the homapage)**/
.boxsmallcontainer {float:left; width:235px; margin-right:10px;}
.boxsmallcontainerright {float:left; width:235px;}
.boxmedcontainer {float:left; width:480px; margin-right:10px;}
.boxmedcontainerright {float:left; width:480px;}
.boxlargecontainer {float:left; width:725px; margin-right:10px;}
.boxlargecontainerright {float:left; width:725px;}
.boxfullcontainer {float:left; width:970px; margin-right:0px;}


/**HEADER**/
#header {margin-top:0px; width:970px; height: 90px; background:url(images/header.jpg) #fff;}
#header .logo a {float:left; background:url(images/header_logo.jpg) no-repeat; width:507px; height:90px; margin-left:10px;}
#header .logo a .text {visibility:hidden; display:block}
#header .toplink, .toplinkend, .toplinkuserloggedin, .toplinkuserloggedinend {float:right; display:block;}
#header .toplink a, .toplinkend a, .toplinkuserloggedin a, .toplinkuserloggedinend a {font:0.7em verdana; color:#666; line-height:1.3em; text-decoration:none; border-right:solid 1px #333; padding:0 12px 0 11px;}
#header .toplinkend a, .toplinkuserloggedinend a {border-right:none; margin-right:0px;}
#header .toplinkuserloggedin a {color:#df7913; text-decoration:underline;}
#header .toplinkuserloggedinend a {border-right:none; color:#df7913; text-decoration:underline;}
#header .toplink a:hover, .toplinkend a:hover {text-decoration:underline;}
/**site search**/
.sitesearch {float:right; width:222px; border:0px solid #ccc; margin:27px 0px 0 0; padding:0px 3px 0 0;}
/**sstextbox is used in admin/skins/search.ascx**/
.sitesearch .sstextbox {padding:4px 4px 1px 4px; width:130px; font-size:0.7em; font-family:Verdana; color:#666; border:1px solid #ccc; color:#333}


/** TOP NAV DNN **/
.menuleftend {float:left; margin:5px 0 10px 0; height:38px; width:4px; background:url(images/menu_bg_end_left_curved.jpg) no-repeat left bottom}
.menurightend {float:left; margin:5px 0 10px 0; height:38px; width:4px; background:url(images/menu_bg_end_right_curved.jpg) no-repeat left bottom}
.mainMenu {padding:0px; float:left; display:block; font-family:verdana; position:relative; margin:5px 0 10px 0; width:862px; height:38px; background:#fff url(images/menu_bg.jpg) repeat-x bottom;}
/* root menu css  - standard DNN styles*/
.mainMenu .root span {display:inline-block; color:#fff; margin:0px; font-size:0.8em; font-weight:normal; text-align:center; height:17px; padding:10px 12px 11px 12px; cursor:pointer; text-decoration:none;}
.mainMenu .root.hov span {color:#fff; background:url(images/menu_top_bg_hover.jpg) repeat-x bottom left; height:17px; padding:10px 12px 11px 12px; text-decoration:none;}
.mainMenu .root.sel span {color:#585858; background: url(images/menu_top_tab_bg.jpg) repeat-x bottom left; height:17px; padding:10px 12px 11px 12px; text-decoration:none;}
.mainMenu .root.bc span {color:#585858; background: url(images/menu_top_tab_bg.jpg) repeat-x bottom left; height:17px; padding:10px 12px 11px 12px; text-decoration:none;}
/* general submenu css - standard DNN styles*/
.mainMenu .m {width:auto; font-size: 0.7em; font-weight:normal; text-decoration:none; z-index: 1000;}
.mainMenu .m {background-color:#3a3a3a; border-left:3px solid #585858; border-right:3px solid #585858}
.mainMenu .m * {color:#fff; line-height:25px; margin:0px; padding:2px 4px 2px 4px; text-decoration:none;}  /* change * to .txt with latest webcontrols */
.mainMenu .m .sel {background-color:#585858; text-decoration:none;}
.mainMenu .m .hov {background-color:#585858; text-decoration:none;}
/* login text */
.logincontainer {float:left; margin:5px 0 10px 0; height:38px; width:100px; background:#fff url(images/menu_bg.jpg) repeat-x bottom}
.logincontainer .logintext {float:right; padding:10px 12px 0 0; font-size:0.8em; font-family:Verdana; color:#fff;}
.logincontainer .logintext a {color:#fff;}
.logincontainer .logintext a:hover {text-decoration:underline}


/** SIDE NAV DNN **/
/** OLD styles for standard DNN vertical menu **/
.sidemenu, sidemenu ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none}
.sidemenu .root a, .sidemenu .m a  {margin:0px 0px 1px 0px; padding:7px 10px 7px 16px; width:209px; font-size:0.75em; font-weight:normal; color:#777; }
.sidemenu .m a {margin-bottom:-1px; border-right:1px solid #cdcdcd; border-left:1px solid #cdcdcd;}
.sidemenu .m .first a {margin-bottom:-1px; border-left:1px solid #ebebeb; border-right:1px solid #cdcdcd; border-top:1px solid #cdcdcd}
.sidemenu .m .last a {margin-bottom:-1px; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd}
.sidemenu li a {display:block; color:#fff; background-color:#ebebeb; text-decoration:none;}
.sidemenu li a:hover {color:#fff; background-color:#cdcdcd; text-decoration:none;}
/** NEW styles for Paul W's menu **/
.sidenav, sidenav ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none; font-family: arial,helvetica,verdana,sans-serif;}
.sidenav .ActiveMenuLevel0 a {margin:0px 0px 1px 0px; padding:6px 22px 7px 16px; line-height:16px; width:197px; font-size:0.75em; font-weight:normal; color:#fff; display:block; background-color:#777; text-decoration:none;}
/* level 1 */
.sidenav .InactiveMenuLevel1 a {margin:0px 0px 1px 0px; padding:6px 22px 7px 16px; line-height:16px; width:197px; font-size:0.75em; font-weight:normal; color:#585858; display:block; background-color:#dcdcdc; text-decoration:none;}
.sidenav .InactiveMenuLevel1 a:hover {background-color:#ccc; color:#333; text-decoration:none;}
.sidenav .ActiveMenuLevel1 a {margin:0px 0px 1px 0px; padding:6px 22px 7px 16px; line-height:16px; width:197px; font-size:0.75em; font-weight:normal; color:#333; display:block; background-color:#ccc; text-decoration:underline;}
.sidenav .ActiveMenuImgLevel1 a {margin:0px 0px 1px 0px; padding:6px 22px 7px 16px; line-height:16px; width:197px; font-size:0.75em; font-weight:normal; color:#333; display:block; background:#ccc url(images/menu_side_level1arrow.jpg) no-repeat right; text-decoration:none;}
/* level 2 */
.sidenav .InactiveMenuLevel2 a {margin:0px 0px 1px 0px; padding:6px 22px 7px 25px; line-height:16px; width:188px; font-size:0.75em; font-weight:normal; color:#656565; display:block; background-color:#f1f1f1; text-decoration:none;}
.sidenav .InactiveMenuLevel2 a:hover {background-color:#f1f1f1; text-decoration:underline;}
.sidenav .ActiveMenuLevel2 a {margin:0px 0px 1px 0px; padding:6px 22px 7px 25px; line-height:16px; width:188px; font-size:0.75em; font-weight:normal; color:#444; display:block; background-color:#f1f1f1; text-decoration:underline;}
.sidenav .ActiveMenuImgLevel2 a {margin:0px 0px 1px 0px; padding:6px 22px 7px 25px; line-height:16px; width:188px; font-size:0.75em; font-weight:normal; color:#444; display:block; background:#f1f1f1 url(images/menu_side_level2arrow.jpg) no-repeat right; text-decoration:none;}
/* level 3 */
.sidenav .InactiveMenuLevel3 a {margin:0px 0px 1px 0px; padding:6px 22px 7px 34px; line-height:16px; width:179px; font-size:0.75em; font-weight:normal; color:#656565; display:block; background-color:#f9f9f9; text-decoration:none;}
.sidenav .InactiveMenuLevel3 a:hover {background-color:#f9f9f9; text-decoration:underline;}
.sidenav .ActiveMenuLevel3 a {margin:0px 0px 1px 0px; padding:6px 22px 7px 34px; line-height:16px; width:179px; font-size:0.75em; font-weight:normal; color:#444; display:block; background-color:#f9f9f9; text-decoration:underline;}
.sidenav .ActiveMenuImgLevel3 a {margin:0px 0px 1px 0px; padding:6px 22px 7px 34px; line-height:16px; width:179px; font-size:0.75em; font-weight:normal; color:#444; display:block; background:#f9f9f9 url(images/menu_side_level3arrow.jpg) no-repeat right; text-decoration:none;}
/* level 4 */
.sidenav .InactiveMenuLevel4 a {margin:0px 0px 1px 0px; padding:6px 22px 7px 43px; line-height:16px; width:170px; font-size:0.75em; font-weight:normal; color:#656565; display:block; background-color:#fff; text-decoration:none; border-bottom:dotted 1px #eee}
.sidenav .InactiveMenuLevel4 a:hover {background-color:#fff; text-decoration:underline; border-bottom:dotted 1px #eee}
.sidenav .ActiveMenuLevel4 a {margin:0px 0px 1px 0px; padding:6px 22px 7px 43px; line-height:16px; width:170px; font-size:0.75em; font-weight:normal; color:#444; display:block; background-color:#fff; text-decoration:underline; border-bottom:dotted 1px #eee}
.sidenav .ActiveMenuImgLevel4 a {margin:0px 0px 1px 0px; padding:6px 22px 7px 43px; line-height:16px; width:170px; font-size:0.75em; font-weight:normal; color:#444; display:block; background:#fff url(images/menu_side_level4arrow.jpg) no-repeat right; text-decoration:none; border-bottom:dotted 1px #eee}
/* curved top and bottom bars */
.menulefttop {margin-bottom:1px;width:100%; height:6px; background:#dcdcdc; font-size:0.1em;}
.menulefttop .leftcorner {height:6px; background:url(images/menu_side_top_left.jpg) left no-repeat;}
.menulefttop .rightcorner {height:6px; background:url(images/menu_side_top_right.jpg) right no-repeat;}
.menuleftbottom {margin-bottom:15px; width:100%; height:6px; background:#dcdcdc; font-size:0.1em;}
.menuleftbottom .leftcorner {height:6px; background:url(images/menu_side_bottom_left.jpg) left no-repeat;}
.menuleftbottom .rightcorner {height:6px; background:url(images/menu_side_bottom_right.jpg) right no-repeat;}


/**BREADCRUMBS**/
.breadcrumbcontainer {width:100%; padding:8px 0px 9px 0px; margin:6px 0 12px 0px; font:0.7em verdana; font-weight:normal; color:#666; border-bottom:solid 1px #ccc;}
#dnn_dnnBREADCRUMB_lblBreadCrumb a.breadcrumb {font:1em verdana; font-weight:normal; color:#df7913; text-decoration:underline}
#dnn_dnnBREADCRUMB_lblBreadCrumb a.breadcrumb:hover {color:#f39a42; text-decoration:underline}


/* BUTTONS */
/* orange graphic button - Not used */
.buttonl, .buttonr {float:left; width:15px; height:39px; background:url(images/buttonend_l.jpg) left top no-repeat; margin:10px 0 0 0; }
.buttonm a {float:left; height:27px; background:url(images/button_bg.jpg) right top repeat-x; margin:10px 0 0 0; padding:12px 14px 0 14px; font:12px tahoma; font-weight:bold; color:#fff; text-decoration:none;}
.buttonr {background:url(images/buttonend_r.jpg) right top no-repeat;}
.buttonm a:hover {cursor:pointer; text-decoration:underline}
/* more 'text' button */
.morebutton {margin:0 5px 0 0; font:1.2em verdana; color:#df7913; text-align:right; padding:0px 15px 0px 0; font-weight:normal; background:url(images/arrow_right.jpg) right no-repeat;}
.morebutton a {color:#df7913; text-decoration:underline;}
.morebutton a:hover {color:#df7913; text-decoration:none;}


/* FAQ */
/* breadcrumb container */
.faqcrumbcontainer {margin:0px 0px 15px 0px; padding:0px 0px 14px 0px; border-bottom:1px solid #ccc}
.faqcrumbcontainer .faqcrumb {display:inline; font-size:0.8em; list-style-type:none; list-style-position:outside; padding:0px 14px 0px 0; margin:0px 5px 0px 0px; background:url(images/arrow_right.jpg) right no-repeat;}
.faqcrumbcontainer .faqcrumblast {display:inline; font-size:0.8em; list-style-type:none; list-style-position:outside;}
/* category list container */
.faqcatcontainer {margin:10px 0 15px 0; padding:0px 0px 10px 0px; width:100%; border-bottom:1px solid #ccc; overflow:auto}
.faqcatcontainer .faqcatcolumn {float:left; width:142px; margin-right:10px}
.faqcatcontainer .faqcatcolumnlast {float:left; width:142px; margin-right:0px}
.faqcatcontainer .faqcat {display:block; margin:0 0 15px 0; padding:2px 0 0 28px; font-size:0.95em; height:23px; background:url(images/arrow_orangecircle.jpg) no-repeat;}
/* search form container */
.faqsearchcontainer {margin-bottom:15px; padding:0px 0px 15px 0px; width:100%; border-bottom:1px solid #ccc; overflow:auto}
.faqsearchcontainer .faqselectbox {font:0.85em verdana; color:#333;}
.faqsearchcontainer .faqtextbox {font:0.8em verdana; color:#333; padding:2px 4px 2px 4px}
.faqsearchcontainer .faqsearchbutton {background:url(images/button_search.jpg); border:none; height:21px; width:60px; cursor:pointer}
/* faq list container */
.faqlistcontainer {}
.faqlistcontainer .faqlisttitle {margin-bottom:10px; font-size:0.95em; font-weight:bold; color:#666;}
.faqlistcontainer .faqnolist {font-size:0.8em;}
.faqlistcontainer .faqquestion {font-size:0.8em; margin-bottom:0px;}
.faqlistcontainer .faqpath {margin-bottom:5px; font-size:0.75em; color:#999;}
.faqlistcontainer .faqanswer {font-size:0.8em;}
/* pagination container */
.faqnavcontainer {margin:13px 0 5px 0; padding:13px 0px 0 0px; width:100%; border-top:1px solid #ccc; overflow:auto; text-align:right;}
.faqnavcontainer .faqpageprevious{padding:0px 5px 0px 15px; font-weight:normal; background:url(images/arrow_left.jpg) left no-repeat;}
.faqnavcontainer .faqpagenext{padding:0px 15px 0px 5px; font-weight:normal; background:url(images/arrow_right.jpg) right no-repeat;}


/* INFOCENTRE */
/* area split container */
.areasplit {width:725px; height:auto;}
.areasplit .engwalcontainer {float:left; width:241px; height:225px; background:#fff url(../../images/map_small_engwal.jpg) right no-repeat; border-right:1px solid #ebebeb;}
.areasplit .engwalcontainer h2 {font-size:2em; font-weight:normal; color:#df7913; margin:10px 0px 10px 10px;}
.areasplit .engwalcontainer .text {margin:20px 0 40px 15px; width:90px; font-size:1.4em; line-height:1.4em}
.areasplit .engwalcontainer .text a {color:#df7913;}
.areasplit .engwalcontainer img {margin:0 0 15px 10px}
.areasplit .scocontainer {float:left; width:241px; height:225px; background:#fff url(../../images/map_small_sco.jpg) right no-repeat; border-right:1px solid #ebebeb;}
.areasplit .scocontainer .text {margin:46px 0 40px 15px; width:85px; font-size:1.4em; line-height:1.4em}
.areasplit .scocontainer .text a {color:#df7913;}
.areasplit .scocontainer img {margin:0 0 15px 10px}
.areasplit .nicontainer {float:left; width:241px; height:auto; background:#fff url(../../images/map_small_ni.jpg) right no-repeat}
.areasplit .nicontainer .text {margin:46px 0 40px 15px; width:90px; font-size:1.4em; line-height:1.4em}
.areasplit .nicontainer .text a {color:#df7913;}
.areasplit .nicontainer img {margin:0 0 15px 10px}


/* CONTACT FORMS (Moved into DesktopModules/CccsForms/module.css */



/**FOOTER**/
#footerlinks {overflow:hidden; margin-top:5px; width:970px; background:#797979}
#footerlinks .content, .contentlast {overflow:hidden; float:left; height:auto; width:193px; padding:0px; border-right:#828282 solid 1px; list-style-position:outside}
#footerlinks .contentlast {border-right:none; width:194px;}
/* title areas */
#footerlinks .title a, .titlelast a, .titlefirst a {display:block;  width:173px; margin:0px; padding:7px 10px 8px 10px; background:#585858; font:0.8em verdana; font-weight:normal; color:#fff; text-decoration:none; outline:none;}
#footerlinks .title a:hover {background:#333; text-decoration:none;}
#footerlinks .titlelast a {color:#fff; border-right:none; width:174px; background:#585858  url(images/footer_top_right.jpg) top right no-repeat;}
#footerlinks .titlelast a:hover {background:#333 url(images/footer_top_right_hover.jpg) top right no-repeat; text-decoration:none;}
#footerlinks .titlefirst a {color:#fff; width:173px; background:#585858 url(images/footer_top_left.jpg) top left no-repeat;}
#footerlinks .titlefirst a:hover {background:#333 url(images/footer_top_left_hover.jpg) top left no-repeat; text-decoration:none;}
/* links area */
#footerlinks .content ul, .contentlast ul {margin:7px 0 0 0; padding:0px; list-style-position:inside;}
#footerlinks .content li, .contentlast li {margin:0px; padding:0px 10px 0 10px; font:0.7em verdana; color:#fff; line-height:1.5em;}
#footerlinks .content li a {color:#fff;}
#footerlinks .content li a:hover {color:#fff; text-decoration:underline;}
#footerlinks .contentlast li a {color:#fff; text-decoration:none}
#footerlinks .contentlast li a:hover {color:#fff; text-decoration:underline}
/* copyright text */
.footercopyright {background:#797979; width:960px; text-align:right; margin:0px 0px 0 0px; padding:15px 10px 0 0; font:0.55em verdana; color:#fff;}
/* bottom curve */
.footerbottom {margin: 0 auto; width: 970px; height:6px; background:#fff url(images/footer_bottom_bg.jpg) left repeat-x; font-size:0.1em;}
.footerbottom .bottomleftcorner {height:6px; background:url(images/footer_bottom_left.jpg) left no-repeat;}
.footerbottom .bottomrightcorner {height:6px; background:url(images/footer_bottom_right.jpg) right no-repeat;}


/**DNN STYLE CHANGE**/
/* Module Action Menus */
.ModuleTitle_SubMenu {border:1px solid #cdcdcd;}
.ModuleTitle_SubMenu td {background-color:#fff; white-space: nowrap; font:0.9em verdana; color:#585858;} 
.ModuleTitle_MenuIcon {background-color:#fff; border:none; padding: 2px 2px;}
.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon {background: #f6f7f9; color: #585858;}
.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon {height: 1px; background-color: #cdcdcd;}

/* used to collapse panes without any content in them */
.DNNEmptyPane {width: 0px; line-height:0.1em;}
.lnkQ2 {color:#df7913; text-decoration:none;}

/* added by M Savage - do not remove - used in FCK editor layout*/
#dnn_ctr408_EditHTML_txtContent_optView{display:none;}
#dnn_ctr412_EditHTML_txtContent_optView{display:none;}

/* Added by Craig Shaw - do not remove - Used in search facility*/
.searchtitle {font-weight: bold; font-size:0.8em;}
.searchurl {font-size:0.8em;}
.searchnumbers {position:relative; top:-1.4em; font-weight: bold; font-size:0.8em; color:#666; font-family:Verdana, Tahoma, Arial, Helvetica}
.searchstars {vertical-align:bottom; position:relative; top:-0.11em;}