/*MiddleZone *******************************************************************************************/ /*HEADER AREA****************************/ #MZone .ZoneActiveArea .HeaderArea{ background:#F5F5F5; height:34px; border:2px solid #FFF; padding-top:18px; padding-left:18px;outline:1px solid #E5E5E5; overflow:hidden; }/*H-57*/ #MZone .ZoneActiveArea .HeaderArea h1{font-size:22px;font-weight:700; height:38px; float:left} #MZone .ZoneActiveArea .HeaderArea ul{margin:0;padding:0;list-style:none;height:17px; padding-left:20px;float:right;margin-top:5px} #MZone .ZoneActiveArea .HeaderArea ul li{margin:0; padding:0; padding-top:5px; float:left; font-size:12px; font-weight:bold; margin:0 3px; border-right:1px solid #333; padding:0 7px; color: #A5203E} #MZone .ZoneActiveArea .HeaderArea ul li a{text-decoration:none; font-size:12px;font-weight:bold; color:#062047} /*LEFT AREA***************************/ #MZone .ZoneActiveArea .LeftArea ul li{margin:0;padding:0;list-style:none} #MZone .ZoneActiveArea .LeftArea{width:261px; float:left; height:100%; margin-top:1px; background: #FFF url(/Picfiles/Bg_ContentMenu.gif) right top no-repeat} /*Login*/ #MZone .ZoneActiveArea .LeftArea .Login{ width:200px; margin:0 ; padding:10px;padding-left:40px; margin-top:15px; background: #F3F4F5; margin-bottom:5px} /*Content Menu*/ #MZone .ZoneActiveArea .LeftArea .ContentMenu{ display:block; width:252px; margin:0; padding:0; list-style:none } #MZone .ZoneActiveArea .LeftArea .ContentMenu li{ height:38px; margin-top:1px} #MZone .ZoneActiveArea .LeftArea .ContentMenu li a{ height:28px; display:block; background:url(/Picfiles/Bg_Accordion_Li.gif) repeat-x; padding-top:10px; padding-left:10px; text-decoration:none; font-weight:bold}/*H-38 */ #MZone .ZoneActiveArea .LeftArea .ContentMenu li img{ margin-right:4px}/*H-38 */ #MZone .ZoneActiveArea .LeftArea .ContentMenu li a:hover{background:#58061E; color:#FFF} #MZone .ZoneActiveArea .LeftArea .ContentMenu .ActiveLink{height:28px;background:#58061E; color:#FFF;padding-top:10px; padding-left:10px} /*Lisks Box*/ #MZone .ZoneActiveArea .LeftArea .LinksBox{ list-style:none; padding:0; margin:0;padding-top:15px; padding-bottom:5px; overflow:hidden} #MZone .ZoneActiveArea .LeftArea .LinksBox li{ margin:0; padding:0; float:left; margin:0 3px} /*Banners */ #MZone .ZoneActiveArea .LeftArea .Banners{ display:block; margin:11px 0} /*CONTENT************************************************/ #MZone .ZoneActiveArea .Content{width:714px;float:right;padding:0;padding-top:15px;padding-right:10px;padding-bottom:40px} /*GENERAL Elements**********/ /*Titles*/ #MZone .ZoneActiveArea .Content h1{border-bottom:2px solid #596270; font-size:22px; padding-bottom:3px; color:#000} #MZone .ZoneActiveArea .Content h2{font-size:16px; color:#000} #MZone .ZoneActiveArea .Content h3{height:46px; background:url(/Picfiles/Bg_Titles.gif) bottom repeat-x; margin:10px 0;clear:both;color:#000} #MZone .ZoneActiveArea .Content h3 em{ color:#A62240; font-style:normal; } #MZone .ZoneActiveArea .Content h5{height:28px; background:url(/Picfiles/Bg_Titles_H5.gif) bottom repeat-x; margin:10px 0;clear:both;color:#000; font-size:16px} /*Links*/ #MZone .ZoneActiveArea .Content .Link { height:17px; background:url(/Picfiles/Arrow_LightBlue.png) left no-repeat; padding-left:15px; color:#333; display:block; color:#333; font-weight:bold; clear:left; margin-top:12px} #MZone .ZoneActiveArea .Content .Link:hover { color:#17669B} /*Lists*/ #MZone .ZoneActiveArea .Content ul {list-style:disc} #MZone .ZoneActiveArea .Content ul li {list-style: none ;font-weight:bold; font-size:12px;color:#07253E;padding:2px 0; background:url(/Picfiles/Bullet_List_Li.gif) top left no-repeat; padding-left:8px} #MZone .ZoneActiveArea .Content .Red li{ color:#7E1735} /*Banner Rotator****/ #MZone .ZoneActiveArea .Content .BannerRotator{border:1px solid #DCDCDC; padding:1px; margin-bottom:10px} #MZone .ZoneActiveArea .Content h4{background:url(/Picfiles/Bg_H4.gif) repeat-x; height:50px; padding-top:10px; padding-left:5px; font-weight:normal;color:#FFF; font-size: 16px}/*H-50*/ #MZone .ZoneActiveArea .Content .Box.Courses h4 { background: url("/Picfiles/Bg_H4.gif") repeat-x scroll 0 0 transparent; height: 34px; padding-left: 10px; padding-top: 16px; } /*Summary*/ #MZone .ZoneActiveArea .Content .Summary{border:1px solid #DCDCDC;padding:3px;margin-bottom:30px;overflow:hidden} #MZone .ZoneActiveArea .Content .Summary img{ float:left; margin-right:10px} #MZone .ZoneActiveArea .Content .Summary em{ display:block;font-style:normal;font-weight:bold;color:#7E1735} /*Search Box*/ #MZone .ZoneActiveArea .Content .SearchBox{ background:#E7E7E7; padding-top:11px; padding-left:10px; border:1px solid #DDD; margin-bottom:5px}/*H-47*/ #MZone .ZoneActiveArea .Content .SearchBox label{ float:left; margin-right:10px} #MZone .ZoneActiveArea .Content .SearchBox label select { width:200px; font-weight:bold} #MZone .ZoneActiveArea .Content .SearchBox .Link{ width:167px; display:inline} #MZone .ZoneActiveArea .Content .SearchBox #criteria { color: #000000; font-size: 13px; font-weight: bold; width: 580px; } #MZone .ZoneActiveArea .Content .SearchBox #criteria.defaultText { color: #777777 !important; font-weight: 100 !important; } #IE #MZone .ZoneActiveArea .Content .SearchBox label select { width:200px; font-weight:bold} /*Search Area*/ #MZone .ZoneActiveArea .Content .SearchArea{ width:100%; overflow:hidden; margin-bottom:10px} #MZone .ZoneActiveArea .Content .SearchArea h2{ text-align:left} #MZone .ZoneActiveArea .Content .SearchArea fieldset{ display:block; float:left; width:48%; margin:0; } #MZone .ZoneActiveArea .Content .SearchArea fieldset input{ width:225px} #MZone .ZoneActiveArea .Content .SearchArea fieldset select{ width:225px; margin:10px 0 0; height:25px; float:left } #MZone .ZoneActiveArea .Content .SearchArea fieldset a{ display:block; margin-top:10px; float: left} #MZone .ZoneActiveArea .Content .SearchArea fieldset a img{ border:0; padding:0; margin-left:5px; margin-right:3px } /*List ABC*/ #MZone .ZoneActiveArea .Content .ListABC{ display:table;margin:0; padding:0; margin:5px 0; overflow:hidden} #MZone .ZoneActiveArea .Content .ListABC li{ margin:0; padding:0; list-style:none; float:left; font-weight:bold; color:#000; background:none} #MZone .ZoneActiveArea .Content .ListABC li a{ text-decoration:none; font-size:15px; padding:4px; color:#000 } /*Articles*******************/ /*Titles - Subtitles*/ #MZone .ZoneActiveArea .Content .Articles h1{ font-size:22px; font-weight:normal} #MZone .ZoneActiveArea .Content .Articles .Back{ float: right; font-weight:bold; margin-top:3px; background:url(/Picfiles/Bullet_List_Li.gif) left no-repeat; padding-left:10px; font-size:12px; position:relative; top:-25px} #MZone .ZoneActiveArea .Content .Articles .clearfix { clear: both; } /*List*/ #MZone .ZoneActiveArea .Content .Articles ul li{ font-weight:normal} /* ImageGallery Lists */ #MZone .ZoneActiveArea .Content .Articles ul.gallery li { background:none !important; list-style:none; float:left; padding-left:10px } /*SocialNetwork */ #MZone .ZoneActiveArea .Content .SocialNetwork{ margin:12px 0 30px; height:16px } /*Menu *******************/ #MZone .ZoneActiveArea .Content .Articles .Menu{ width:100%; margin:0; padding:0; height:34px; overflow:hidden} #MZone .ZoneActiveArea .Content .Articles .Menu li{ margin:0; padding:0; list-style:none; float:left; margin-right:2px} #MZone .ZoneActiveArea .Content .Articles .Menu li a{ width:100%; height:24px; float:left; text-align:center; text-decoration:none;padding-top:10px;background:#0C344E; color:#FFF}/*H-34*/ #MZone .ZoneActiveArea .Content .Articles .Menu li a:hover{background: #58061E} #MZone .ZoneActiveArea .Content .Articles .Menu .ActiveLink{ background: #58061E} /*Left **/ #MZone .ZoneActiveArea .Content .Articles .Left{ width:23%; height:auto; float:left; position:relative; right:-3px; margin-top:20px; } #MZone .ZoneActiveArea .Content .Articles .Left li{ float: none;height:34px; margin:5px 0; margin-right:0} #MZone .ZoneActiveArea .Content .Articles .MenuLeft{width:73%;float:right; padding:10px; border-left:4px solid #58061E; height:250px; overflow-y:auto; } /*Paragraph*/ #MZone .ZoneActiveArea .Content .Articles p{ font-size:13px; ont-size: 13px; margin-top: 20px; } #MZone .ZoneActiveArea .Content .Articles p a{ color:#7F1736} #MZone .ZoneActiveArea .Content .Articles p a:hover{ color: #7F1736} #MZone .ZoneActiveArea .Content .Articles img{ border:1px solid #E0E0E0; padding:3px; float:left; margin: 15px 15px 0 0} /*BOXES *******************/ #MZone .ZoneActiveArea .Content .Box{border:1px solid #DCDCDC; float:left; margin-top:10px;} #MZone .ZoneActiveArea .Content .Box .Remarked{ margin-bottom:0; margin-top:0} #MZone .ZoneActiveArea .Content .Box p{ height:76px; margin-top:0; display:block;} /*Titles*/ #MZone .ZoneActiveArea .Content .Box h2{ margin:5px } #MZone .ZoneActiveArea .Content .Box h5{ margin:12px; font-size:14px; font-weight:normal; background:none} /*Lists*/ #MZone .ZoneActiveArea .Content .Box ul{ margin:0; padding:0;margin:20px 10px 0 20px } #MZone .ZoneActiveArea .Content .Box ol li{ margin:0; padding:0; font-size:12px; font-weight:bold; } #MZone .ZoneActiveArea .Content .Blurred{ background:url(/Picfiles/Bg_Blurred.gif) left repeat-y } #MZone .ZoneActiveArea .Content .Box .Link{ margin:12px; margin-left:20px } #MZone .ZoneActiveArea .Content .Box .Remarked{ border-left:none; border-right:none; border-bottom:none } /*Video Box*/ #MZone .ZoneActiveArea .Content .Articles .VideoBox{ float:left; overflow:hidden;margin-bottom:10px} #MZone .ZoneActiveArea .Content .Articles .VideoBox li{ background:none} /*Messages Box*/ #MZone .ZoneActiveArea .MessageBox{ height:83px; margin:5px auto; border:1px solid #D7D7D7; outline:11px solid #E4E6E8; margin:30px 0 } #MZone .ZoneActiveArea .MessageBox strong{ display:block; width:70%; height:38px; padding:30px 0 0 100px; margin:0 auto; font-size:12px} #MZone .ZoneActiveArea .MessageBox .Generic{ width:90%; padding-left:0; text-align:center} #MZone .ZoneActiveArea .MessageBox .Info{ background:url(/Picfiles/Icon_InfoMessage.gif) left no-repeat} #MZone .ZoneActiveArea .MessageBox .Success{ background:url(/Picfiles/Icon_SuccessMessage.gif) left no-repeat} #MZone .ZoneActiveArea .MessageBox .Error{ background:url(/Picfiles/Icon_ErrorMessage.gif) left no-repeat} /*Gallery*/ #MZone .ZoneActiveArea .Content .Gallery{ display:block; margin:0; padding:0; overflow:hidden} #MZone .ZoneActiveArea .Content .Gallery li{ float:left;list-style:none; font-size:11px; background:none} #MZone .ZoneActiveArea .Content .Gallery li strong{ font-size:13px; font-weight:bold} #MZone .ZoneActiveArea .Content .Gallery li img{ margin-bottom:10px} #MZone .ZoneActiveArea .Content .Details li{ width:154px;padding:10px 40px;} #IE #MZone .ZoneActiveArea .Content .Details li{padding:10px 36px} /*Qoutes Box*/ #MZone .ZoneActiveArea .Content .QuotesBox{ overflow:hidden; border-bottom:1px dotted #DCDCDC; margin-bottom:10px} #MZone .ZoneActiveArea .Content .QuotesBox em{ display:block; float:left; width:275px; padding:25px 10px; font-size:15px; text-align:left; background:url(/Picfiles/Bg_Quotes.gif) top no-repeat; padding-left:15px} #MZone .ZoneActiveArea .Content .QuotesBox p{ width:386px; float:right} /*Tabbed Box*/ #MZone .ZoneActiveArea .Content .TabbedBox{ height:auto;overflow:hidden; margin-bottom:10px; float:left} /*Menu *******************/ #MZone .ZoneActiveArea .Content .TabbedBox .TabbedMenu{ margin:0; padding:0; height:34px; overflow:hidden; border-bottom:4px solid #58061E} #MZone .ZoneActiveArea .Content .TabbedBox .TabbedMenu li{ margin:0; padding:0; list-style:none; float:left; margin-right:4px; } #MZone .ZoneActiveArea .Content .TabbedBox .TabbedMenu li a{ display:block;height:24px; float:left;padding:0 24px; text-decoration:none;padding-top:10px;background:#0C344E; color:#FFF} /*H-34*/ #MZone .ZoneActiveArea .Content .TabbedBox .TabbedMenu li a:hover{background: #58061E; } #MZone .ZoneActiveArea .Content .TabbedBox .TabbedMenu li a.current{background: #58061E; } #MZone .ZoneActiveArea .Content .TabbedBox .TabbedMenu .ActiveLink{ display:block;height:24px;padding:0 24px; padding-top:10px; text-decoration:none; background: #58061E; color:#FFF} /*Info**/ #MZone .ZoneActiveArea .Content .TabbedBox .Info{ width:580px; float:left;border:1px solid #C4C4C4; overflow:hidden; background:url(/Picfiles/Bg_DividerBoxes.gif) center no-repeat; margin-top:5px; margin-bottom:15px} #MZone .ZoneActiveArea .Content .TabbedBox .Info div{ float:left; margin:12px; margin-left:17px; padding-bottom:10px } #IE #MZone .ZoneActiveArea .Content .TabbedBox .Info div{ margin:10px } #MZone .ZoneActiveArea .Content .TabbedBox h3{ width:580px } /*Testimony */ #MZone .ZoneActiveArea .Content .RightBox{ float:right; } #MZone .ZoneActiveArea .Content .Testimony { width:115px; float:right; margin-top:44px; margin-left:3px; background:url(/Picfiles/Bg_NewsArea.gif) top repeat-x;border:1px solid #C4C4C4; padding:5px} #MZone .ZoneActiveArea .Content .Testimony h2{ margin:5px 0 10px 0} #MZone .ZoneActiveArea .Content .Testimony em{ display:block; color:#09193D; padding:10px 15px; text-align:center; font-size:12px; font-weight:bold;} #MZone .ZoneActiveArea .Content .Testimony strong{ display:block;text-align:center; margin:0 auto; font-size:11px; color:#000} /*Card */ #MZone .ZoneActiveArea .Content .Card{ float:left; width:550px} #MZone .ZoneActiveArea .Content .Card h2{ font-size:13px; border-bottom:2px solid #ACB6C2; padding-bottom:3px} #MZone .ZoneActiveArea .Content .Card ul{ margin:0; padding:0} #MZone .ZoneActiveArea .Content .Card ul li{ margin:0; padding:0; list-style:none; padding:5px; border-bottom:1px solid #E4E6E8; background:none} /*Right Area*/ #MZone .ZoneActiveArea .Content .RightArea{ float:right; margin-left:20px; } #MZone .ZoneActiveArea .Content .RightArea ul{ border-bottom:1px dotted #DCDCDC; padding-bottom:10px; overflow:hidden } #MZone .ZoneActiveArea .Content .RightArea ul li{ list-style:none; background:none } #MZone .ZoneActiveArea .Content .RightArea a{ font-weight:bold; } #MZone .ZoneActiveArea .Content .RightArea .Banners{ margin:0} #MZone .ZoneActiveArea .Content .RightArea .BtnGeneric{ display:block; text-align:center; margin:5px } /*News Area*/ #MZone .ZoneActiveArea .Content .NewsArea{ width:560px} #MZone .ZoneActiveArea .Content .NewsArea .Remarked{ clear:none; margin-bottom:0 } #MZone .ZoneActiveArea .Content .NewsArea .Info{ border:11px solid #E4E6E8; padding:20px } #MZone .ZoneActiveArea .Content .NewsArea .Info em{ font-weight:bold} /*Category List*/ #MZone .ZoneActiveArea .Content .CategoryList{ margin:0; padding:0; overflow:hidden} #MZone .ZoneActiveArea .Content .CategoryList a{ text-decoration:none} #MZone .ZoneActiveArea .Content .CategoryList li { list-style:none; border-bottom:1px dotted #D7D7D7; padding-bottom:5px; margin-bottom:10px; overflow:hidden; background:none } #MZone .ZoneActiveArea .Content .CategoryList li img{ float:left; margin-right:10px; border:1px solid #E4E6E8; padding:1px;} #MZone .ZoneActiveArea .Content .CategoryList li em{ font-style:normal; color:#7E1735} #MZone .ZoneActiveArea .Content .CategoryList li p{ font-weight:normal} #MZone .ZoneActiveArea .Content .CategoryList li p .Link{ margin:0; display:inline} #MZone .ZoneActiveArea .Content .CategoryList .BtnGeneric{ float:right; } /*Debate*/ #MZone .ZoneActiveArea .Content .Debate{ padding:7px } #MZone .ZoneActiveArea .Content .Debate .Link{ float:right; color:#58061E } /*Publication*/ #MZone .ZoneActiveArea .Content .Publication{ background:#E4E6E8; padding:20px; overflow:hidden; margin-bottom:20px } #MZone .ZoneActiveArea .Content h2{ margin-top:20px; font-size:16px} /*#MZone .ZoneActiveArea .Content .Link{ float:right}*/ /*at Gallery*/ #MZone .ZoneActiveArea .Content .Pub li{ width:90px; padding:10px; text-align:center } #MZone .ZoneActiveArea .Content .Pub li a{ font-weight:bold; font-size:12px} /*Remarked*/ #MZone .ZoneActiveArea .Content .Remarked{ display:block; border:1px solid #D3D3D3; background:#F0F0F0; margin-bottom:5px; margin-top:2px; padding:3px; clear:both;} #MZone .ZoneActiveArea .Content .Remarked h2{ margin-top:0; margin:4px} #MZone .ZoneActiveArea .Content .Remarked a{ text-decoration:none; color:#7E1735; font-weight:bold; margin-left:3px} #MZone .ZoneActiveArea .Content .Remarked a:hover{ color: #AB1F49} #MZone .ZoneActiveArea .Content .Remarked a strong{ color:#333} /*Pager*/ #MZone .ZoneActiveArea .Content .PagerBox { display: table; margin:0 auto; text-align:center; overflow:hidden; height:80px; padding-top:20px; clear:both} #MZone .ZoneActiveArea .Content .PagerBox li { display:block; float:left; list-style:none; margin:0 3px; background:none } #MZone .ZoneActiveArea .Content .PagerBox li .Btn { width:48px; height:33px; background:none; margin:0; padding:0 } #MZone .ZoneActiveArea .Content .PagerBox li a{ display:block; width:40px; height:26px; background:url(/Picfiles/Bg_Pager_Li.gif) no-repeat; color:#FFF; font-weight:bold; padding:7px 0 0 0; border:1px solid #C4C4C4; text-decoration:none } #MZone .ZoneActiveArea .Content .PagerBox li a:hover{ background:url(/Picfiles/Bg_Pager_ActiveLink.gif) } #MZone .ZoneActiveArea .Content .PagerBox li .ActiveLink{background:url(/Picfiles/Bg_Pager_ActiveLink.gif); cursor:default} #MZone .ZoneActiveArea .Content .Score{ float:right; font-size:12px; font-weight:bold; padding:3px; border-bottom:1px solid #E4E6E8} #MZone .ZoneActiveArea .Content .Score strong{ color:#58061E; margin-right:5px}