* { margin: 0; padding: 0; font-family: Verdana,sans-serif; } html, body{ height: 100%; margin: 0; padding: 0; background: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: normal; } form{margin: 0; padding: 0;} p{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #505050; font-weight: normal; margin: 0;} a{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #004276; font-weight: normal; text-decoration: none;} a:hover{color: #c00101;} .left{float: left;} .right{float: right;} .clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clear{display: inline-block;} /* Hides from IE-mac \*/ * html .clear{height: 1%;} .clear{display: block;} /* End hide from IE-mac */ .ClearBoth{clear: both;} .spacer5{padding: 5px 0;} .spacer10{padding: 10px 0;} .border{border: 1px solid #e6e6e6;} .err404{font-size: 18px; font-weight: bold; color: #000; line-height: 30px; margin: 100px 0;} .red{color: #e00000;} .blue{color: #004276;} .black{color: #000;} .white{color: #fff;} .gray{color: #a1a1a1; font-weight: normal} .gray2{color: #a1a1a1;} .green{color: #0b7800;} .small{font-size: 10px;} .medium{font-size: 11px;} .line{background: url(http://www.mpinteractiv.ro/apropo/images/border-light.gif) 0 50% repeat-x;} .DotLine{background: url(http://www.mpinteractiv.ro/apropo/images/dot-line.gif) 0 50% repeat-x;} .DotLine p{width: 75px; background: #fff;} input.login { border-style: none; width: 68px; height: 25px; background: url(http://www.mpinteractiv.ro/apropo/images/btn-login.gif) no-repeat; } input.logout { border-style: none; width: 68px; height: 25px; background: url(http://www.mpinteractiv.ro/apropo/images/btn-logout2.gif) no-repeat; } input.close { border-style: none; width: 68px; height: 25px; background: url(http://www.mpinteractiv.ro/apropo/images/btn-inchide.gif) no-repeat; } input.back { border-style: none; width: 68px; height: 25px; background: url(http://www.mpinteractiv.ro/apropo/images/btn-inapoi.gif) no-repeat; } input.save { border-style: none; width: 68px; height: 25px; background: url(http://www.mpinteractiv.ro/apropo/images/btn-modifica.gif) no-repeat; } input.continue { border-style: none; width: 68px; height: 25px; background: url(http://www.mpinteractiv.ro/apropo/images/btn-continua.gif) no-repeat; } input.finish { border-style: none; width: 108px; height: 25px; background: url(http://www.mpinteractiv.ro/apropo/images/btn-finish.gif) no-repeat; } input.signup { border-style: none; width: 135px; height: 25px; background: url(http://www.mpinteractiv.ro/apropo/images/btn-inregistreazate.gif) no-repeat; } input.cancel { border-style: none; width: 108px; height: 25px; background: url(http://www.mpinteractiv.ro/apropo/images/btn-cancel.gif) no-repeat; } #site{width: 985px; background: #fff; margin: 0px auto;} /*forum*/ #header #header a, #header a:Link, #header a:Visited, #header a:Active{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #004276;} #header a:Hover{color: #c00101;} /*top menu*/ #TopMenu{height: 18px; border: 1px double #f4f4f4; padding: 1px; margin: 0 0 6px 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #a9a9a9; font-weight: bold; line-height: 18px; text-align: center;} #TopMenu .background{ background: #f7f7f7;} #TopMenu a{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #004276; font-weight: bold; text-decoration: none; line-height: 18px;} #TopMenu a:hover{color: #c00101;} /*box search*/ .SearchBox{background: url(http://www.mpinteractiv.ro/apropo/images/box-search-bg.gif) 0 100% repeat-x;} .SearchBox .BorderTop{background: url(http://www.mpinteractiv.ro/apropo/images/border.gif) 0 0 repeat-x;} .SearchBox .BorderRight{background: url(http://www.mpinteractiv.ro/apropo/images/border.gif) 100% 0 repeat-y;} .SearchBox .BorderBottom{background: url(http://www.mpinteractiv.ro/apropo/images/border.gif) 0 100% repeat-x;} .SearchBox .BorderLeft{background: url(http://www.mpinteractiv.ro/apropo/images/border.gif) 0 100% repeat-y;} .SearchBox .bl{background: url(http://www.mpinteractiv.ro/apropo/images/box-light-cr-bl.gif) 0 100% no-repeat;} .SearchBox .br{background: url(http://www.mpinteractiv.ro/apropo/images/box-light-cr-br.gif) 100% 100% no-repeat;} .SearchBox .tl{background: url(http://www.mpinteractiv.ro/apropo/images/box-light-cr-tl.gif) 0 0 no-repeat;} .SearchBox .tr{background: url(http://www.mpinteractiv.ro/apropo/images/box-light-cr-tr.gif) 100% 0 no-repeat; padding: 6px;} .SearchBox .search{height: 23px; padding: 10px 0;} .SearchBox .SearchMenu{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #a9a9a9; font-weight: bold; padding: 0 0 2px 0;} .SearchBox .SearchMenu a{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: normal; text-decoration: none;} .SearchBox .SearchMenu a:hover{color: #004276;} .SearchBox .InputText{width: 385px; border: 2px solid #d5d5d5; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; font-weight: normal;} .SearchBox a{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #004276; font-weight: normal; text-decoration: underline;} .SearchBox a:hover{color: #c00101;} /*BRIEF LEFT*/ #BriefLeft{width: 250px; float: left;} /*box gradient*/ .BoxGrad{background: url(http://www.mpinteractiv.ro/apropo/images/box-grad-bg.gif) repeat-x; zoom: 1;} .BoxGrad .BorderTop{background: url(http://www.mpinteractiv.ro/apropo/images/border.gif) 0 0 repeat-x;} .BoxGrad .BorderRight{background: url(http://www.mpinteractiv.ro/apropo/images/border.gif) 100% 0 repeat-y;} .BoxGrad .BorderBottom{background: url(http://www.mpinteractiv.ro/apropo/images/border.gif) 0 100% repeat-x;} .BoxGrad .BorderLeft{background: url(http://www.mpinteractiv.ro/apropo/images/border.gif) 0 100% repeat-y;} .BoxGrad .bl{background: url(http://www.mpinteractiv.ro/apropo/images/box-light-cr-bl.gif) 0 100% no-repeat;} .BoxGrad .br{background: url(http://www.mpinteractiv.ro/apropo/images/box-light-cr-br.gif) 100% 100% no-repeat;} .BoxGrad .tl{background: url(http://www.mpinteractiv.ro/apropo/images/box-light-cr-tl.gif) 0 0 no-repeat;} .BoxGrad .tr{background: url(http://www.mpinteractiv.ro/apropo/images/box-light-cr-tr.gif) 100% 0 no-repeat; padding: 10px;} .BoxGrad p.title{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold;} .BoxGrad p.TitleLogin{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold; line-height: 20px; background: url(http://www.mpinteractiv.ro/apropo/images/ic-login.gif) 0 2px no-repeat; padding: 0 0 0 25px; display: block;} .BoxGrad p.TitleCategory{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold; line-height: 30px; background: url(http://www.mpinteractiv.ro/apropo/images/ic-category.gif) 0 2px no-repeat; padding: 0 0 0 35px; display: block;} .BoxGrad p.TitleUnderline{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold; border-bottom: 1px solid #ececec; padding: 0 0 2px 0;} .BoxGrad p.TitleBlue{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #004276; font-weight: bold;} .BoxGrad p.blue{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #004276; font-weight: bold; margin: 0 0 10px 0;} .BoxGrad textarea{width: 225px; height: 85px; border: 1px solid #e8e6e6; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; font-weight: normal; margin: 0 0 5px 0;} .BoxGrad a.TreeBullet{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #004276; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/bullet.gif) 0 6px no-repeat; padding: 0 0 0 10px; display: block;} .BoxGrad a.TreeBullet:hover{color: #c00101;} .BoxGrad a.TreeArrow{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #004276; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/double-arrow.gif) 0 5px no-repeat; padding: 0 0 0 10px; margin: 0 0 0 20px; display: block;} .BoxGrad a.TreeArrow:hover{color: #c00101;} .BoxGrad a.mail{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #004276; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/ic-mail.gif) 0 50% no-repeat; padding: 0 0 0 20px; margin: 0 0 10px 0; display: block;} .BoxGrad a.mail:hover{color: #c00101;} .BoxGrad a.ym{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #004276; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/ic-ym.gif) 0 50% no-repeat; padding: 0 0 0 20px; margin: 0 0 10px 0; display: block;} .BoxGrad a.ym:hover{color: #c00101;} .BoxGrad a.print{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #004276; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/ic-print.gif) 2px 50% no-repeat; padding: 0 0 0 20px; margin: 0 0 10px 0; display: block;} .BoxGrad a.print:hover{color: #c00101;} .BoxGrad a.alert{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #004276; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/ic-alert.gif) 0 50% no-repeat; padding: 0 0 0 20px; margin: 0 0 10px 0; display: block;} .BoxGrad a.alert:hover{color: #c00101;} .BoxGrad a.blue{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #004276; font-weight: normal; text-decoration: underline;} .BoxGrad a.blue:hover{color: #c00101;} .BoxGrad a.all{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #004276; font-weight: bold; text-decoration: none;} .BoxGrad a.all:hover{color: #c00101;} a.bullet{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #004276; font-weight: bold; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/bullet.gif) 0 50% no-repeat; padding: 0 0 0 10px; display: block;} a.bullet:hover{color: #c00101;} /*CONTENT*/ #content{width: 728px; float: right;} /*box red*/ .BoxRed{background: url(http://www.mpinteractiv.ro/apropo/images/box-red-header.gif) 0 0 repeat-x; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold;} .BoxRed .BorderRight{background: url(http://www.mpinteractiv.ro/apropo/images/border-light.gif) 100% 0 repeat-y;} .BoxRed .BorderBottom{background: url(http://www.mpinteractiv.ro/apropo/images/border-light.gif) 0 100% repeat-x;} .BoxRed .BorderLeft{background: url(http://www.mpinteractiv.ro/apropo/images/border-light.gif) 0 100% repeat-y;} .BoxRed .tl{background: url(http://www.mpinteractiv.ro/apropo/images/box-red-cr-tl.gif) 0 0 no-repeat;} .BoxRed .tr{background: url(http://www.mpinteractiv.ro/apropo/images/box-red-cr-tr.gif) 100% 0 no-repeat; padding: 0 10px 10px 10px;} .BoxRed p.title{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; font-weight: bold; padding: 3px 0 20px 5px;} .BoxRed .InputText{width: 280px; border: 1px solid #d5d5d5; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; font-weight: normal;} .BoxRed .select{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; font-weight: normal;} .BoxRed .InputText{width: 200px; border: 1px solid #d5d5d5; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; font-weight: normal;} .BoxRed textarea{width: 320px; height: 225px; border: 1px solid #e8e6e6; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; font-weight: normal; margin: 0 0 5px 0;} .BoxRed a.zoom{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #004276; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/ic-zoom.gif) 0 50% no-repeat; padding: 0 0 0 15px;} .BoxRed a.zoom:hover{color: #c00101;} .BoxRed p{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: normal; margin: 0 0 10px 0;} .BoxRed a.SquareArrow{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #004276; font-weight: bold; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/square-arrow.gif) 0 50% no-repeat; padding: 0 0 0 20px; margin: 0 0 10px 0; display: block;} .BoxRed a.SquareArrow:hover{color: #c00101;} .BoxRed td.header{background: #f2f2f2; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold;} .BoxRed td.white{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: normal; white-space: nowrap;} .BoxRed td.WhiteName{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #004276; font-weight: bold;} .BoxRed td.WhiteStatus{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #029536; font-weight: normal;} .BoxRed td.WhiteActions{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: normal;} .BoxRed td.gray{background: #f6f6f6; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: normal; white-space: nowrap;} .BoxRed td.GrayName{background: #f6f6f6; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #004276; font-weight: bold;} .BoxRed td.GrayStatus{background: #f6f6f6; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #029536; font-weight: normal;} .BoxRed td.GrayActions{background: #f6f6f6; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: normal;} .BoxRed p.default{font-size: 11px;} .BoxRed .pages{padding: 5px 0; text-align: center;} .BoxRed a.pages{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #004276; font-weight: bold; text-decoration: none; margin: 0 6px;} .BoxRed a.pages:hover{color: #c00101;} .BoxRed .button{width: 204px; height: 37px; background: url(http://www.mpinteractiv.ro/apropo/images/button.jpg) 0 0 no-repeat; margin: 0 0 2px 0; padding: 6px 0 0 0; float: right;} .BoxRed .button a.mail{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #004276; font-weight: bold; text-decoration: none; line-height: 23px; background: url(http://www.mpinteractiv.ro/apropo/images/ic-mail.jpg) 0 0 no-repeat; padding: 0 0 0 40px; margin: 0 0 0 18px; display: block;} .BoxRed .button a.mail:hover{color: #c00101;} .BoxRed .button a.ym{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #004276; font-weight: bold; text-decoration: none; line-height: 23px; background: url(http://www.mpinteractiv.ro/apropo/images/ic-ym2.gif) 0 0 no-repeat; padding: 0 0 0 36px; margin: 0 0 0 22px; display: block;} .BoxRed .button a.ym:hover{color: #c00101;} .BoxRed .button a.favorites{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #004276; font-weight: bold; text-decoration: none; line-height: 30px; background: url(http://www.mpinteractiv.ro/apropo/images/ic-favorites.gif) 0 0 no-repeat; padding: 0 0 0 36px; margin: 0 0 0 16px; display: block;} .BoxRed .button a.favorites:hover{color: #c00101;} .BoxRed p.GameTitle{font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #004276; font-weight: bold; margin: 0 0 10px 0;} .BoxRed a.arrow{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #004276; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/arrow.gif) 0 5px no-repeat; padding: 0 0 0 12px;} .BoxRed a.arrow:hover{color: #c00101;} .BoxRed .GameThumbContainer{margin: 15px 0; padding: 0 0 10px 0;background: url(http://www.mpinteractiv.ro/apropo/images/dot-line.gif) 0 100% repeat-x;} .BoxRed .GameThumb{width: 83px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #004276; font-weight: normal; float: left; margin-right: 22px;} /*box inside*/ .BoxInside{background: url(http://www.mpinteractiv.ro/apropo/images/box-grad-bg.gif) repeat-x; zoom: 1;} .BoxInside .InsideBorderTop{background: url(http://www.mpinteractiv.ro/apropo/images/border.gif) 0 0 repeat-x;} .BoxInside .InsideBorderRight{background: url(http://www.mpinteractiv.ro/apropo/images/border.gif) 100% 0 repeat-y;} .BoxInside .InsideBorderBottom{background: url(http://www.mpinteractiv.ro/apropo/images/border.gif) 0 100% repeat-x;} .BoxInside .InsideBorderLeft{background: url(http://www.mpinteractiv.ro/apropo/images/border.gif) 0 100% repeat-y;} .BoxInside .InsideBL{background: url(http://www.mpinteractiv.ro/apropo/images/box-light-cr-bl.gif) 0 100% no-repeat;} .BoxInside .InsideBR{background: url(http://www.mpinteractiv.ro/apropo/images/box-light-cr-br.gif) 100% 100% no-repeat;} .BoxInside .InsideTL{background: url(http://www.mpinteractiv.ro/apropo/images/box-light-cr-tl.gif) 0 0 no-repeat;} .BoxInside .InsideTR{background: url(http://www.mpinteractiv.ro/apropo/images/box-light-cr-tr.gif) 100% 0 no-repeat; padding: 10px;} .BoxInside p.InsideTitleUnderline{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold; border-bottom: 1px solid #ececec; padding: 0 0 2px 0;} .BoxInside .NoBold{font-weight: normal; display: block; margin: 8px 0 0 0;} .BoxInside p.bullet{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/bullet.gif) 0 5px no-repeat; padding: 0 0 0 10px; margin: 0 0 15px 0; display: block;} .BoxInside p.BulletBig{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/bullet.gif) 0 5px no-repeat; padding: 0 0 0 10px; margin: 0 0 15px 0; display: block;} .BoxInside p.default{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; font-weight: normal; text-decoration: none; margin: 0 0 15px 0;} .BoxInside p.vendor{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/ic-vendor.gif) 3px 50% no-repeat; padding: 0 0 0 20px; margin: 0 0 15px 0; display: block;} .BoxInside p.phone{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/ic-phone.gif) 1px 50% no-repeat; padding: 0 0 0 20px; margin: 0 0 15px 0; display: block;} .BoxInside p.mail{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/ic-mail.gif) 0 50% no-repeat; padding: 0 0 0 20px; margin: 0 0 15px 0; display: block;} .BoxInside p.ym{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; font-weight: normal; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/ic-ym.gif) 0 50% no-repeat; padding: 0 0 0 20px; margin: 0 0 15px 0; display: block;} .BoxInside a{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #004276; font-weight: normal; text-decoration: none;} .BoxInside a:hover{color: #c00101;} .BoxInside a.medium{font-size: 11px;} .BoxInside a.more{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #004276; font-weight: bold; text-decoration: none; background: url(http://www.mpinteractiv.ro/apropo/images/double-arrow-black.gif) 0 4px no-repeat; padding: 0 0 0 12px;} .BoxInside a.more:hover{color: #c00101;} .BoxInside a.big{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #004276; font-weight: normal; text-decoration: underline;} .BoxInside a.big:hover{color: #c00101;} .BoxInside a.no{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold; text-decoration: none; line-height: 19px; background: url(http://www.mpinteractiv.ro/apropo/images/ic-no.gif) 6px 0 no-repeat; padding: 0 0 0 30px; display: block;} .BoxInside a.no:hover{color: #004276;} .BoxInside a.NoIc{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold; text-decoration: none; line-height: 19px; padding: 0 0 0 30px; display: block;} .BoxInside a.NoIc:hover{color: #004276;} .BoxInside a.notice{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold; text-decoration: none; line-height: 19px; background: url(http://www.mpinteractiv.ro/apropo/images/ic-notice.gif) 0 0 no-repeat; padding: 0 0 0 30px; display: block;} .BoxInside a.notice:hover{color: #004276;} .BoxInside p.TitleSMS{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; line-height: 25px; background: url(http://www.mpinteractiv.ro/apropo/images/ic-sms.gif) 0 2px no-repeat; border-bottom: 1px solid #ececec; padding: 0 0 2px 25px; display: block;} #left{width: 670px; float: left;} #left2{width: 810px; float: left;} #ChatMain{width: 640px; height: 600px; float: left; overflow-y: scroll;} #ChatList{width: 170px; height: 600px; float: left; overflow-y: scroll;} /*tabs*/ div.TabsContentContainer{width: 100%;} div.TabsContentContainer ul.TabList{width: 100%; margin: 0; padding: 0; list-style: none; background: url(http://www.mpinteractiv.ro/apropo/images/border-light.gif) 0 100% repeat-x; float: left; zoom: 1;} div.TabsContentContainer ul.TabList li{cursor: pointer; padding: 0; float: left;} div.TabsContentContainer ul.TabList a{cursor: pointer; display: block;} div.TabsContentContainer ul.TabList li.selected{cursor: default;} div.TabsContentContainer ul.TabList li.selected a{cursor: default; color: #c00101; font-weight: bold;} div.TabsContentContainer ul.TabList li.disabled a{cursor: default; color: #c00101;} div.TabsContentContainer ul.TabList li.SelectedBrief a{cursor: default; color: #c00101;} div.TabsContentContainer div.TabContent{clear: both;background: transparent; padding: 5px; display: block; clear: both;} div.TabbedWhite ul.TabList li{margin: 0 0 0 20px;} div.TabbedWhite ul.TabList li a{width: 85px; height: 24px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #004276; font-weight: normal; text-decoration: none; text-align: center; line-height: 24px; white-space: nowrap; padding: 0 10px; display: table;} div.TabbedWhite ul.TabList li a:Hover{color: #c00101;} div.TabbedWhite ul.TabList li.selected{background: url(http://www.mpinteractiv.ro/apropo/images/tab-default-right-on.gif) 100% 0 no-repeat;zoom: 1;} div.TabbedWhite ul.TabList li.selected a{background: url(http://www.mpinteractiv.ro/apropo/images/tab-default-left-on.gif) 0 0 no-repeat;zoom: 1;} div.TabbedWhite ul.TabList li.selected a:hover{color: #c00101; font-weight: bold;} div.TabbedWhite ul.TabList li.SelectedBrief{background: url(http://www.mpinteractiv.ro/apropo/images/tab-default-right-on.gif) 100% 0 no-repeat;zoom: 1;} div.TabbedWhite ul.TabList li.SelectedBrief a{background: url(http://www.mpinteractiv.ro/apropo/images/tab-default-left-on.gif) 0 0 no-repeat;zoom: 1;} div.TabbedWhite ul.TabList li.SelectedBrief a:hover{color: #c00101;} div.TabbedWhite div.TabContent{clear: both; padding: 10px 0;} /*tabs brif*/ div.BriefTabsContentContainer{width: 100%;} div.BriefTabsContentContainer ul.TabList{width: 100%; margin: 0; padding: 0; list-style: none; background: url(http://www.mpinteractiv.ro/apropo/images/border-light.gif) 0 100% repeat-x; float: left;} div.BriefTabsContentContainer ul.TabList li{cursor: pointer; padding: 0; float: left;} div.BriefTabsContentContainer ul.TabList a{cursor: pointer; display: block;} div.BriefTabsContentContainer ul.TabList li.selected{cursor: default;} div.BriefTabsContentContainer ul.TabList li.selected a{cursor: default; color: #c00101;} div.BriefTabsContentContainer ul.TabList li.SelectedBrief a{cursor: default; color: #c00101;} div.BriefTabsContentContainer div.TabContent{background: transparent; padding: 5px; display: block; clear: both;} div.BriefTabbedWhite ul.TabList li{margin: 0 0 0 5px;} div.BriefTabbedWhite ul.TabList li a{width: 85px; height: 24px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #004276; font-weight: normal; text-decoration: none; text-align: center; line-height: 24px; white-space: nowrap; padding: 0 10px; display: table;} div.BriefTabbedWhite ul.TabList li a:Hover{color: #c00101;} div.BriefTabbedWhite ul.TabList li.selected{background: url(http://www.mpinteractiv.ro/apropo/images/tab-default-right-on.gif) 100% 0 no-repeat;} div.BriefTabbedWhite ul.TabList li.selected a{background: url(http://www.mpinteractiv.ro/apropo/images/tab-default-left-on.gif) 0 0 no-repeat;} div.BriefTabbedWhite ul.TabList li.selected a:hover{color: #c00101;} div.BriefTabbedWhite ul.TabList li.SelectedBrief{background: url(http://www.mpinteractiv.ro/apropo/images/tab-default-right-on.gif) 100% 0 no-repeat;} div.BriefTabbedWhite ul.TabList li.SelectedBrief a{background: url(http://www.mpinteractiv.ro/apropo/images/tab-default-left-on.gif) 0 0 no-repeat;} div.BriefTabbedWhite ul.TabList li.SelectedBrief a:hover{color: #c00101;} div.BriefTabbedWhite div.TabContent{clear: both; padding: 20px 0;} /*BRIEF RIGHT*/ #BriefRight{width: 300px; float: right;} #right{width: 160px; float: right;} /*FOOTER*/ #footer{margin: 10px 0;} #footer .trafic{margin: 10px 0;} #bottomMenu { text-align: center; margin: 5px 10px; padding: 3px 0; font-size: 11px; } * html #bottomMenu { text-align: center; margin: 5px 10px; padding: 0px 0; font-size: 11px; } #bottomMenu ul { padding:0px; margin:0px; } #bottomMenu li { display: inline; border-right: 1px solid black; padding: 0 5px; } #bottomMenu li.last { border: none; } #bottomMenu a { display: inline; font-weight: bold; text-decoration: none; } #footer { clear: both; background: transparent url(http://www.mpinteractiv.ro/apropo/images/footer-bg.gif) no-repeat left top; text-align: center; padding-bottom: 5px; } #errHolder{ color:#c30101; margin-bottom:5px; } #logoSearch { text-align: left; clear: both; margin: 10px 0; height: 86px; overflow: hidden; background: url(http://www.mpinteractiv.ro/apropo/images/header-bg.gif) no-repeat left bottom; } #header h1 { float: left; } #header h1 a { overflow: hidden; text-indent: -200px; display: block; width: 250px; height: 86px; background: url(http://www.mpinteractiv.ro/apropo/images/logo.gif) no-repeat 17px center; } #search { float: right; width: 660px; padding-top: 20px; } #search form { margin-top: 4px; } #q { background: url(http://www.mpinteractiv.ro/apropo/images/search-bg.gif) no-repeat left top; padding: 1px 8px; float: left; width: 360px; height: 22px; } #q input { border: 0; width: 352px; padding: 2px 0 0 0; background-color: white; } #cauta { border: 0; background: url(http://www.mpinteractiv.ro/apropo/images/search-btn-bg.gif) no-repeat left top; width: 79px; height: 23px; padding: 2px 8px; font-weight: bold; margin-right: 8px; } #topMenu1 { background: transparent url(http://www.mpinteractiv.ro/apropo/images/menu-services-bg.gif) no-repeat left bottom; text-align: center; padding: 5px; } #topMenu1 li { display: inline; border-right: 1px solid black; padding: 0 5px; } #topMenu1 li.last { border: none; } #topMenu1 a { display: inline; font-weight: bold; text-decoration: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; }