/*--------- Manager and Overlay -------------*/
html.hideScroll{ width:100%; }
#overlay{ width:auto; height:auto; background:#475059; display:none; position:absolute; top:0; left:0; cursor:hand; cursor:pointer; }
#overlay.active{ display:block; }
#manager{ width:703px; position:absolute; top:0; left:-9999px; margin:0}
#manager.active{ top:0; left:0; }

/*------ Manager visual assets ------*/
#manager-top{ width:703px; height:14px; overflow:hidden; background:url(../images/manager/manager_top.png) no-repeat; }
#manager-tile{ width:703px; height:auto; background:url(../images/manager/manager_lrg_tile.png) repeat-y; }
#manager h2{ height:22px; overflow:hidden; border-bottom:1px solid #c6d3dd; background:url(../images/manager/title_choose_content.gif) 4px 0px no-repeat #7192a9; margin:0 10px; text-indent:-9999px; }
#close-manager{ position:absolute; top:16px; left:673px; width:15px; height:14px; background:url(../images/manager/manager_close.gif) no-repeat; }
#close-manager a{ display:block; padding-top:14px; height:0 !important; height /**/:14px; overflow:hidden; }
#manager-bottom{ width:703px; height:13px; overflow:hidden; background:url(../images/manager/manager_lrg_bottom.png) no-repeat; }
#manager-extra-tile{ padding:5px 74px; height:auto; background:url(../images/manager/manager_sml_tile.png) repeat-y; }
#manager-extra-tile p{ color:#666; float:left; display:inline; padding-top:5px; }
#manager-extra-tile #view-homepage { float:right; display:inline; font-size:1.2em; font-family:"Century Gothic", Arial, serif; text-transform:lowercase; }
#manager-extra-tile #view-homepage a{ display:block; padding:8px 8px 8px 26px; float:right; background:url(../images/manager/manager_arrow.gif) no-repeat 8px 50% #7192a9; color:#fff; text-decoration:none; }
#manager-extra-tile #view-homepage a:hover{ background:url(../images/manager/manager_arrow_o.gif) no-repeat 8px 50% #89b1cd; }
#manager-extra-bottom{ width:703px; height:13px; background:url(../images/manager/manager_sml_bottom.png) no-repeat; }

/*----------- Module assets within manager ----------*/
#mp{ padding:14px 10px 0 30px; }
#mp li{ width:88px; height:100px; overflow:hidden; background:url(../images/manager/module_shadow.gif) no-repeat 50% 56px; display:inline; float:left; margin:0 6px 20px 0; }
#mp li p{ width:88px; height:23px; background-position:50% 0; background-repeat:no-repeat; }
#mp li p a{ outline:none; display:block; padding-top:23px; height:0 !important; height /**/:23px; overflow:hidden; }
#mp span{ display:block; width:61px;height:63px; margin:0 auto; background-repeat:no-repeat; cursor:pointer; cursor:hand; margin-bottom:10px; }

/* Paper calculator */
#mp-pc span, .add-modules-list li.module-id-5 div, .add-modules-list li.module-id-5 span { background-image:url(../images/manager/modules/paper_calculator.png); }
#mp-pc p, .add-modules-list li.module-id-5 label, .add-modules-list li.module-id-5 p { background-image:url(../images/manager/modules/title_paper_calculator.gif); }

/* Product search */
#mp-ps span, .add-modules-list li.module-id-6 div, .add-modules-list li.module-id-6 span { background-image:url(../images/manager/modules/product_search.png); }
#mp-ps p, .add-modules-list li.module-id-6 label, .add-modules-list li.module-id-6 p { background-image:url(../images/manager/modules/title_product_search.gif); }

/* Carbon calculator */
#mp-cc span, .add-modules-list li.module-id-10 div, .add-modules-list li.module-id-10 span { background-image:url(../images/manager/modules/carbon_calculator.png); }
#mp-cc p, .add-modules-list li.module-id-10 label, .add-modules-list li.module-id-10 p { background-image:url(../images/manager/modules/title_carbon_calculator.gif); }

/* Branch locator */
#mp-bl span, .add-modules-list li.module-id-7 div, .add-modules-list li.module-id-7 span { background-image:url(../images/manager/modules/branch_locator.png); }
#mp-bl p, .add-modules-list li.module-id-7 label, .add-modules-list li.module-id-7 p { background-image:url(../images/manager/modules/title_branch_locator.gif); }

/* Promotions */
#mp-pr span, .add-modules-list li.module-id-4 div, .add-modules-list li.module-id-4 span { background-image:url(../images/manager/modules/promotions.png); }
#mp-pr p, .add-modules-list li.module-id-4 label, .add-modules-list li.module-id-4 p { background-image:url(../images/manager/modules/title_promotions.gif); }

/* Glossary */
#mp-gl span, .add-modules-list li.module-id-8 div, .add-modules-list li.module-id-8 span { background-image:url(../images/manager/modules/glossary.png); }
#mp-gl p, .add-modules-list li.module-id-8 label, .add-modules-list li.module-id-8 p { background-image:url(../images/manager/modules/title_glossary.gif); }

/* Introduction video */
#mp-iv span, .add-modules-list li.module-id-9 div, .add-modules-list li.module-id-9 span { background-image:url(../images/manager/modules/introduction_video.png); }
#mp-iv p, .add-modules-list li.module-id-9 label, .add-modules-list li.module-id-9 p { background-image:url(../images/manager/modules/title_introduction_video.gif); }

/* Environmental news */
#mp-en span, .add-modules-list li.module-id-2 div, .add-modules-list li.module-id-2 span { background-image:url(../images/manager/modules/environmental_news.png); }
#mp-en p, .add-modules-list li.module-id-2 label, .add-modules-list li.module-id-2 p { background-image:url(../images/manager/modules/title_environmental_news.gif); }

/* Product news */
#mp-pn span, .add-modules-list li.module-id-1 div, .add-modules-list li.module-id-1 span { background-image:url(../images/manager/modules/product_news.png); }
#mp-pn p, .add-modules-list li.module-id-1 label, .add-modules-list li.module-id-1 p { background-image:url(../images/manager/modules/title_product_news.gif); }

/* Corporate news */
#mp-cn span, .add-modules-list li.module-id-3 div, .add-modules-list li.module-id-3 span { background-image:url(../images/manager/modules/corporate_news.png); }
#mp-cn p, .add-modules-list li.module-id-3 label, .add-modules-list li.module-id-3 p { background-image:url(../images/manager/modules/title_corporate_news.gif); }

.add-modules-page ul.add-modules-list {}
.add-modules-page ul.add-modules-list li {float:left;display:block;margin: 0 20px 20px 0}
.add-modules-page ul.add-modules-list li div {display:block;width:61px;height:63px;margin:0 0 5px 20px;overflow:hidden;}
.add-modules-page ul.add-modules-list li.off div {background-position:61px 0px}
.add-modules-page ul.add-modules-list li.on div {background-position:0px 0px}
.add-modules-page ul.add-modules-list li input {float:left;margin: 6px 0px 0 0}
.add-modules-page ul.add-modules-list li label  {float:left;text-indent:-2000px;display:block;height:24px;width:100px;background-position:50% 50%;background-repeat:no-repeat;}
