/* Start of Module Album */ .albumDetailMedia { display: table; } .albumDetailMedia > div { display: table-cell; vertical-align: bottom; } .albumDetailMedia > div { width: 100%; } .albumDetailMedia > div > a { width: 100%; table-layout: auto; display: table; } .albumList { } .albumListImageContainer { } .albumListContainer img { } .albumListTitle { padding-top: 10px; } .albumListDetail { padding-bottom: 30px; } .itemAlbumArchive { padding: 7px; margin: 3px; display: inline-block; } .smallAlbumRotatorDarkWrapper { margin: 0 auto; overflow: hidden; } .smallAlbumRotatorDarkWrapper .sampaAlbumImage { margin: 0 auto; text-align: center; border: 1px solid #898c8e; border-bottom: none !important; } .smallAlbumRotatorDarkWrapper .sampaAlbumImage .itemWrapper { position: relative; } .smallAlbumRotatorDarkWrapper .sampaAlbumImage .itemCaption { position: absolute; bottom: 0; left: 0; text-align: center; vertical-align: middle; min-height: 20px; background: url(/Components/Album/Resources/Images/Dark/CaptionBg.png) repeat; } .sampaAlbumImage .itemCaption A:active, .sampaAlbumImage .itemCaption A:visited, .smallAlbumRotatorDarkWrapper .sampaAlbumImage .itemCaption A:link { line-height: 20px; display: block; color: #ccc; } .smallAlbumRotatorDarkWrapper .sampaAlbumImage .itemCaption A:hover { color: #999; } .smallAlbumRotatorDarkWrapper .sampaAlbumImage .itemWrapper .MagicThumb img { border: none !important; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbar { height: 23px; margin: 0; padding: 0; list-style: none; width: 100%; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarLeft { margin: 0; padding: 0; width: 4px; height: 23px; background: url('/Components/Album/Resources/Images/Dark/ButtonBg.png') no-repeat 0 0; float: left; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle { margin: 0 4px; padding: 3px 0 0 0; height: 23px; background: url('/Components/Album/Resources/Images/Dark/ButtonBg.png') repeat-x 0 -46px; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarRight { margin: 0; padding: 0; width: 4px; height: 23px; background: url('/Components/Album/Resources/Images/Dark/ButtonBg.png') no-repeat 0 -23px; float: right; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle .btnWrapper { width: 81px; height: 17px; margin: 0 auto; padding: 0 0 0 16px; background: url(/Components/Album/Resources/Images/Dark/BtnWrapperBg.png) no-repeat; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span { display: inline-block; margin: 5px 6px 0; float: left; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a { display: inline-block; background: url(/Components/Album/Resources/Images/Dark/Arrows.png) no-repeat; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.previousSlide { width: 11px; height: 9px; background-position: 0 0; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.play { width: 10px; height: 9px; background-position: -11px 0; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.pause { width: 7px; height: 9px; background-position: -21px 0; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.nextSlide { width: 11px; height: 9px; background-position: -28px 0; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.previousSlide:hover { width: 11px; height: 9px; background-position: 0 -9px; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.play:hover { width: 10px; height: 9px; background-position: -11px -9px; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.pause:hover { width: 7px; height: 9px; background-position: -21px -9px; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.nextSlide:hover { width: 11px; height: 9px; background-position: -28px -9px; } .smallAlbumRotatorLightWrapper { margin: 0 auto; overflow: hidden; } .smallAlbumRotatorLightWrapper .sampaAlbumImage { margin: 0 auto; text-align: center; border: 1px solid #888B8D; } .smallAlbumRotatorLightWrapper .sampaAlbumImage .itemWrapper { position: relative; } .smallAlbumRotatorLightWrapper .sampaAlbumImage .itemCaption { position: absolute; bottom: 0; left: 0; text-align: center; vertical-align: middle; min-height: 20px; background: url(/Components/Album/Resources/Images/Light/CaptionBg.png) repeat; } .sampaAlbumImage .itemCaption A:active, .sampaAlbumImage .itemCaption A:visited, .smallAlbumRotatorLightWrapper .sampaAlbumImage .itemCaption A:link { line-height: 20px; display: block; color: #ccc; } .smallAlbumRotatorLightWrapper .sampaAlbumImage .itemCaption A:hover { color: #999; } .smallAlbumRotatorLightWrapper .sampaAlbumImage .itemWrapper .MagicThumb img { border: none !important; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbar { height: 23px; margin: 0; padding: 0; list-style: none; width: 100%; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarLeft { margin: 0; padding: 0; width: 4px; height: 23px; background: url('/Components/Album/Resources/Images/Light/ButtonBg.png') no-repeat 0 0; float: left; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle { margin: 0 4px; padding: 0; height: 23px; background: url('/Components/Album/Resources/Images/Light/ButtonBg.png') repeat-x 0 -46px; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarRight { margin: 0; padding: 0; width: 4px; height: 23px; background: url('/Components/Album/Resources/Images/Light/ButtonBg.png') no-repeat 0 -23px; float: right; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle .btnWrapper { width: 122px; height: 20px; margin: 0 auto; padding: 2px 0 0 0; background: url(/Components/Album/Resources/Images/Light/BtnWrapperBg.png) no-repeat; text-align: center; direction: ltr; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span { display: inline-block; margin: 1px 7px 0; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a { display: inline-block; background: url(/Components/Album/Resources/Images/Light/Arrows.png) no-repeat; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.previousSlide { width: 11px; height: 9px; background-position: 0 0; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.play { width: 10px; height: 9px; background-position: -11px 0; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.pause { width: 7px; height: 9px; background-position: -21px 0; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.nextSlide { width: 11px; height: 9px; background-position: -28px 0; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.previousSlide:hover { width: 11px; height: 9px; background-position: 0 -9px; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.play:hover { width: 10px; height: 9px; background-position: -11px -9px; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.pause:hover { width: 7px; height: 9px; background-position: -21px -9px; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.nextSlide:hover { width: 11px; height: 9px; background-position: -28px -9px; } .albumListTitle .MagicThumb:hover, .albumListTitle .MagicThumb { cursor: pointer; outline: 0 !important; } .albumDetail2 { width: 100%; border-width: 0; } .albumDetail2 .header { background-color: #3C85C4; text-align: right; } .albumDetail2 .item { background: url('/Components/General/Resources/Images/Attachment.png') no-repeat right center; padding: 8px 18px; display: inline-block; margin-right: 5px; } .albumSlider { min-height: 30px; position: relative; padding: 11px 36px; background: #dadde1; background: linear-gradient(to bottom, #dadde1 0,#e5e8ea 50%,#d4d8dc 50%,#d4d8dc 100%); margin: 10px 0 0 0; border: 1px solid #c3c8cc; } .albumSlider .arrowButton { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; cursor: pointer; } .albumSlider .nextItem { right: 10px; background: url(/Components/Album/Resources/Images/AlbumSlider/AlbumArrows.png) no-repeat -30px center; } .albumSlider .previousItem { left: 10px; background: url(/Components/Album/Resources/Images/AlbumSlider/AlbumArrows.png) no-repeat 0 center; } .albumSlider .nextItem:hover { background-position: -90px center; } .albumSlider .previousItem:hover { background-position: -60px center; } .albumSlider .nextItem:active { background-position: -150px center; } .albumSlider .previousItem:active { background-position: -120px center; } .albumSlider .albumItemWrapper { margin: 0; overflow: hidden; min-height: 30px; position: absolute; } .albumSlider .albumItemWrapper .items { padding: 0; margin: 0; list-style: none; position: absolute; } .albumSlider .albumItemWrapper .items .item { float: left; margin: 1px 9px; cursor: pointer; border: 1px solid #b8bac3; border-radius: 3px; } .albumSlider .albumItemWrapper .items .item .selectItem { width: 100%; height: 100%; background-color: #000; display: none; } .albumSlider .albumItemWrapper .items .item:hover .selectItem { display: block; } .albumSlider.borderRadius { border-radius: 8px; } .albumSlider .opacitySelectItem { opacity: 0.2; } .albumSlider .nextItem.disableButton { background: url(/Components/Album/Resources/Images/AlbumSlider/AlbumArrows.png) no-repeat -210px center !important; cursor: default !important; } .albumSlider .previousItem.disableButton { background: url(/Components/Album/Resources/Images/AlbumSlider/AlbumArrows.png) no-repeat -180px center !important; cursor: default !important; } /*** Start of Product Rotator ***/ .productCarousel .carousel-control { width: 4%; } .productCarousel .carousel-control.left, .carousel-control.right { background-image: none; } .productCarousel .carousel-inner > .next.left, .productCarousel .carousel-inner > .prev.right { left: 0; } @media (max-width: 767px) { .productCarousel .carousel-inner .active.left { left: -100%; } .productCarousel .carousel-inner .next { left: 100%; } .productCarousel .carousel-inner .prev { left: -100%; } .productCarousel .active > div { display: none; } .productCarousel .active > div:first-child { display: block; } } @media (min-width: 767px) and (max-width: 992px ) { .productCarousel .carousel-inner .active.left { left: -50%; } .productCarousel .carousel-inner .next { left: 50%; } .productCarousel .carousel-inner .prev { left: -50%; } .productCarousel .active > div { display: none; } .productCarousel .active > div:first-child { display: block; } .productCarousel .active > div:first-child + div { display: block; } } @media (min-width: 992px ) { .productCarousel .carousel-inner .active.left { left: -25%; } .productCarousel .carousel-inner .next { left: 25%; } .productCarousel .carousel-inner .prev { left: -25%; } } .productCarousel .item:not(.prev) { visibility: visible; } .productCarousel .item.right:not(.prev) { visibility: hidden; } .productCarousel .rightest { visibility: visible; } .productCarousel .carousel-inner .thumbnail { overflow: hidden; border: 0; position: relative; } .productCarousel .carousel-inner .thumbnail img { position: absolute; left: 0; right: 0; top: 0; margin: auto; } .productCarousel .carouselFloat { float: left; } .productCarousel .carousel-control .icon-next, .productCarousel .carousel-control .icon-prev { background-color: #888; background-color: rgba(0,0,0,0.8); border-radius: 15px; line-height: 0.8; } .productCarousel .carousel-control .icon-prev:before { margin-right: 2px; } .productCarousel .carousel-control .icon-next:before { margin-left: 2px; } .albumMediaWrapper { border-style: solid; border-width: 1px; display: table-cell; vertical-align: middle; padding: 1px; } /*** End of Product Rotator ***/ .slideWrapper { overflow: hidden; } /* End of Module Album */ 
 /* Start of Module Article */ .articleDetail .imageBorder { padding: 5px; } .articleDetail .correctFloat { margin: 0 5px 5px 0; } .articleDetail .reverseFloat { margin: 0 0 5px 5px; } .articleDetailToolbox { background-color: #ebedf1; padding: 5px; height: 25px; } .articleDetail .abstract { padding-left: 5px; } .articleTickerBackground { background-color: #F1F1F1; } .articleArrow { background: url('/Components/Article/Resources/Images/ArrowLTR.gif') no-repeat 0 0; width: 4px; height: 11px; } a:link.articleTagLink, a:visited.articleTagLink, a:active.articleTagLink, .articleTagLink a:link, .articleTagLink a:visited, .articleTagLink a:active { font: normal normal 11px/18px Tahoma; text-decoration: none; color: #5a6575; text-indent: 0; } a:hover.articleTagLink, .articleTagLink a:hover { text-decoration: none; color: #ff9000; text-indent: 0; } .articleDetailToolbox { background-color: #ebedf1; float: right; margin-bottom: 10px; height: 30px; } .articleDetailToolbox div { line-height: 1px; float: right; } .articleDetailToolbox .glyphicon { padding: 0 1px; } .articleList .articleListImage { padding-right: 5px; padding-left: 5px; } .articleList h2 { font-size: 14px; margin-top: 5px !important; margin-bottom: 5px !important; } /* End of Module Article */ 


/* Start of Module Category */ .alignCategoryList { } .arrowCategoryList { display: block; background: url('/Components/General/Resources/Images/Arrows.gif') no-repeat left 5px; padding-left: 12px; } /* End of Module Category */


 /* Start of Module Dbform */ .dbform table td { padding-left: 3px; padding-right: 3px; } .tableHeaderDBForm { background-color: #a99d5f; color: #fff; font-weight: bold; text-indent: 0; } .tableHeaderSelectDBForm { background-color: #496791; color: #fff; font-weight: bold; text-indent: 0; } .printDBForm { background-color: #f3f3f3; padding: 5px 10px 5px 10px; } .dbformFillEdit .textbox { width: auto; } .dbform .radio-list label { margin-left: 5px; margin-right: 10px; } /* End of Module Dbform */ 

 /* Start of Module Event */ .calendar_day_J, a:link.calendar_day_J, a:visited.calendar_day_J, a:active.calendar_day_J, a:hover.calendar_day_J, .calendar_holiday_J, a:link.calendar_holiday_J, a:visited.calendar_holiday_J, a:active.calendar_holiday_J, a:hover.calendar_holiday_J { font-family: 'Times New Roman' !important; font-size: 14px !important; font-weight: bold !important; text-decoration: none !important; color: #000; } .calendar_holiday_J, a:link.calendar_holiday_J, a:visited.calendar_holiday_J, a:active.calendar_holiday_J, a:hover.calendar_holiday_J { color: #FC4404 !important; } .calendar_day_J_small, a:link.calendar_day_J_small, a:visited.calendar_day_J_small, a:active.calendar_day_J_small, a:hover.calendar_day_J_small, .calendar_holiday_J_small, a:link.calendar_holiday_J_small, a:visited.calendar_holiday_J_small, a:active.calendar_holiday_J_small, a:hover.calendar_holiday_J_small { font: normal 10px 'Tahoma'; text-decoration: none; color: #000; } .calendar_holiday_J_small, a:link.calendar_holiday_J_small, a:visited.calendar_holiday_J_small, a:active.calendar_holiday_J_small, a:hover.calendar_holiday_J_small { color: #FC4404 !important; } .calendar_day_M, a:link.calendar_day_M, a:visited.calendar_day_M, a:active.calendar_day_M, a:hover.calendar_day_M, .calendar_holiday_M, a:link.calendar_holiday_M, a:visited.calendar_holiday_M, a:active.calendar_holiday_M, a:hover.calendar_holiday_M { font: bold 12px 'Arial' !important; text-decoration: none !important; color: #134983; } .calendar_holiday_M, a:link.calendar_holiday_M, a:visited.calendar_holiday_M, a:active.calendar_holiday_M, a:hover.calendar_holiday_M { color: #FC4404 !important; } .calendar_day_M_small, a:link.calendar_day_M_small, a:visited.calendar_day_M_small, a:active.calendar_day_M_small, a:hover.calendar_day_M_small, .calendar_holiday_M_small, a:link.calendar_holiday_M_small, a:visited.calendar_holiday_M_small, a:active.calendar_holiday_M_small, a:hover.calendar_holiday_M_small { font: normal 8px 'Arial'; text-decoration: none; color: #134983; } .calendar_holiday_M_small, a:link.calendar_holiday_M_small, a:visited.calendar_holiday_M_small, a:active.calendar_holiday_M_small, a:hover.calendar_holiday_M_small { color: #FC4404 !important; } .calendar_day_Q, a:link.calendar_day_Q, a:visited.calendar_day_Q, a:active.calendar_day_Q, a:hover.calendar_day_Q, .calendar_holiday_Q, a:link.calendar_holiday_Q, a:visited.calendar_holiday_Q, a:active.calendar_holiday_Q, a:hover.calendar_holiday_Q { font-size: 16px !important; font-weight: bold !important; font-family: 'Traditional Arabic' !important; text-decoration: none !important; color: #800000; line-height: 28px !important; } .calendar_holiday_Q, a:link.calendar_holiday_Q, a:visited.calendar_holiday_Q, a:active.calendar_holiday_Q, a:hover.calendar_holiday_Q { color: #FC4404 !important; } .calendar_day_Q_small, a:link.calendar_day_Q_small, a:visited.calendar_day_Q_small, a:active.calendar_day_Q_small, a:hover.calendar_day_Q_small, .calendar_holiday_Q_small, a:link.calendar_holiday_Q_small, a:visited.calendar_holiday_Q_small, a:active.calendar_holiday_Q_small, a:hover.calendar_holiday_Q_small { font-size: 14px; font-weight: normal; font-family: 'Traditional Arabic'; text-decoration: none; color: #800000; } .calendar_holiday_Q_small, a:link.calendar_holiday_Q_small, a:visited.calendar_holiday_Q_small, a:active.calendar_holiday_Q_small, a:hover.calendar_holiday_Q_small { color: #FC4404 !important; } .calendar_dates { font: bold 13px 'Times New Roman'; text-align: center; color: #000; } .calendar_links { font: bold 12px 'Times New Roman'; text-decoration: none; color: #134983; } a:link.calendar_links { font: bold 12px 'Times New Roman'; text-decoration: none; color: #134983; } a:visited.calendar_links { font: bold 12px 'Times New Roman'; text-decoration: none; color: #134983; } a:active.calendar_links { font: bold 12px 'Times New Roman'; text-decoration: none; color: #134983; } a:hover.calendar_links { font: bold 12px 'Times New Roman'; text-decoration: none; color: #134983; } .events_body { font: normal 11px 'Tahoma'; text-decoration: none; color: #134983; } a:link.events_body { font: normal 11px 'Tahoma'; text-decoration: none; color: #134983; } a:visited.events_body { font: normal 11px 'Tahoma'; text-decoration: none; color: #134983; } a:active.events_body { font: normal 11px 'Tahoma'; text-decoration: none; color: #134983; } a:hover.events_body { font: normal 11px 'Tahoma'; text-decoration: none; color: #134983; } .events_h1 { font: bold 20px 'Times New Roman'; text-align: center; color: #000; } .events_h2 { font: bold 17px 'Times New Roman'; text-align: center; color: #800000; } .events_dates { font: bold 15px/40px 'Times New Roman'; text-align: center; color: #000; } .eventWrapper { padding-bottom: 20px; } .calendar_time { font: bold 14px 'Times New Roman'; text-decoration: none; color: #134983; } .calendar_header { font: normal 12px 'Tahoma'; color: white; line-height: 22px; background-color: #444444; text-align: center; } .currentday { background-color: #bfc5cc; } .calendarBackGround { background-color: #ffffff; } .calendarDay { background-color: transparent; } .calendarToday { background-color: #b0c4de; } #datePicker { margin: 0 auto; position: relative; } #datePicker a { line-height: 18px; } #monthPicker, #yearPicker { display: none; position: absolute; top: 10px; right: 0; width: 100%; padding: 10px 0; } .showPicker { display: block !important; } .hidePicker { display: none; } .pickerEffect { } #monthPicker a:link, #yearPicker a:link { display: inline-block; padding: 3px 16px; color: #666; background: url('/Components/General/Resources/Images/bullet.gif') no-repeat right 10px; } #monthPicker a:hover, #yearPicker a:hover { color: #FC4404; text-decoration: none; background-color: #fff; } .yearPickerFormWrapper { display: inline-block; padding: 10px 7px; background-color: #ededed; } #yearPicker input[class="datePickerTextBox"] { margin: 0 5px 0 0 !important; padding: 3px !important; height: 16px !important; width: 50px !important; font: normal 11px Tahoma !important; color: #134983 !important; border: 1px solid #999 !important; background: #f3f3f3 !important; float: right; } #yearPicker input[class="datePickerButton"] { margin: 0 3px 0 0 !important; padding: 0 !important; height: 24px !important; width: 55px !important; padding: 3px !important; font: normal 10px Tahoma !important; color: #000 !important; float: right; border-right: 1px solid #999; border-left: 1px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #999; } .pickerLabel { float: right; font: normal 11px Tahoma; line-height: 24px; } .eventCatalogDay { float: right; } .eventCatalogShamsiDate { float: right; } .eventCatalogHijriDate { float: right; } .eventCatalogMiladiDate { float: right; } .eventCatalogSeperator1 { float: right; } .eventCatalogSeperator2 { float: right; } .eventCalendar { margin: 0 auto; position: relative; } .eventCalendar .header { position: relative; padding: 10px 0 0; } .eventCalendar .footer { margin: 10px auto 0; text-align: center; } .eventCalendar .selectMonth, .eventCalendar .selectYear { cursor: pointer; } .eventCalendar .selectMonth:before, .eventCalendar .selectYear:after { content: ''; display: inline-block; width: 16px; height: 16px; background: url(/Components/General/Resources/Images/EN/Calendar/Sprites.png) no-repeat -76px -16px; } .eventCalendar .selectMonth:before { margin-left: 5px; } .eventCalendar .selectYear:after { margin-right: 5px; } .eventCalendar .calendarMonthPicker, .eventCalendar .calendarYearPicker { display: none; position: absolute; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 5px; } .eventCalendar .calendarYearPicker div { text-align: center; margin: 5px; } .eventCalendar .calendarMonthPicker .month { float: right; display: inline-block; width: 28%; cursor: pointer; margin: 5px; padding: 1px; font-size: 60%; } .eventCalendar .calendarMonthPicker .month:hover { background-color: #dddddd; } .eventCalendar .footer .todayButton { display: inline-block; padding: 3px 7px; border: 1px solid #e2edf7; background: #fdfdfd; background: linear-gradient(to bottom, #fdfdfd 0,#d7e0e9 100%); font: normal normal 11px/1 Tahoma; color: #8e99a5; text-shadow: 1px 1px 0 #eaeff3; box-shadow: 0 1px 0 #e2edf7; border-radius: 4px; } .eventCalendar .footer .todayButton:hover { border: 1px solid #d1dfeb; background: #ecf0f4; background: linear-gradient(to bottom, #ecf0f4 0,#ced7e1 100%); color: #7b8896; cursor: pointer; } .eventCalendar .header .dates { display: block; margin: 0 auto; text-align: center; position: relative; } .eventCalendar .header .dates > span { display: inline-block; margin-bottom: 5px; } .eventCalendar .header .dates .jalali { font: normal normal 100%/1px Tahoma; color: #414141; } .eventCalendar .header .dates .miladi { font: normal normal 100%/1px Tahoma; color: #407b9d; } .eventCalendar .header .dates .qamari { font: normal normal 100%/1px Traditional Arabic; color: #949494; } .eventCalendar .header .next { width: 76px; height: 16px; background: url(/Components/General/Resources/Images/EN/Calendar/Sprites.png) no-repeat 0 -16px; top: 20px; left: 0; right: auto !important; margin: auto; position: absolute; cursor: pointer; } .eventCalendar .header .previous { width: 76px; height: 16px; background: url(/Components/General/Resources/Images/EN/Calendar/Sprites.png) no-repeat 0 0; top: 20px; right: 0; left: auto !important; margin: auto; position: absolute; cursor: pointer; } .eventCalendar .mainCalendar { } .eventCalendar .mainCalendar .dayHeader { margin-bottom: 6px; box-shadow: inset 0 0 0 1px #e2edf7; background: #fdfdfd; background: linear-gradient(to bottom, #fdfdfd 0,#ecf0f4 100%); border-radius: 4px; font-size: 60%; color: #575757; } .eventCalendar .mainCalendar .dayHeader div { display: inline-block; padding: 4px 0; text-align: center; } .eventCalendar .mainCalendar .dayList { margin: 0 auto; vertical-align: top; } .eventCalendar .mainCalendar .dayList .today { background: #e3ecf8; background: linear-gradient(to bottom, #e3ecf8 0,#b0c4de 100%); border: 1px solid #e3ecf8; } .eventCalendar .mainCalendar .dayList > div { display: inline-block; text-align: center; cursor: pointer; } .eventCalendar .mainCalendar .dayList > div > div { border: 1px solid #e2e5ed; text-align: center; background: #fdfdfd; background: linear-gradient(to bottom, #fdfdfd 0,#f2f7fa 100%); margin: 2px; padding: 1px; cursor: pointer; border-radius: 4px; } .eventCalendar .mainCalendar .dayList >div >div:hover { background: #fdfdfd; background: linear-gradient(to bottom, #fdfdfd 0,#e2e6e8 100%); border: 1px solid #e2e5ed; } .eventCalendar .mainCalendar .dayList .spacer { border-color: transparent !important; background: none !important; } .eventCalendar .mainCalendar .dayList .spacer:hover { background: none !important; border-color: transparent !important; } .eventCalendar .mainCalendar .dayList > div div { padding: 0 2px; } .eventCalendar .mainCalendar .dayList .jalali { font: normal normal 100%/1 'Times New Roman'; color: #4c4c4c; padding: 0 3px 3px 0; } .eventCalendar .mainCalendar .dayList .qamari { font: normal normal 100%/1 'Tahoma'; color: #868686; padding: 0 0 3px 3px; } .eventCalendar .mainCalendar .dayList .miladi { font: normal normal 100%/1 SDF; color: #00b6d1; padding: 0 3px 3px 0; } .eventCalendar .mainCalendar .dayList .holiday * { color: #f00 !important; } .eventHoliday { color: #f00 !important; } .eventCalendar .mainCalendar .dayList .small { font-size: 50%; } .list-group-item-heading .accordion-toggle:before { font-family: 'Glyphicons Halflings'; content: "\E806"; float: left; color: grey; margin-right: 8px; } .list-group-item-heading .accordion-toggle.collapsed:before { content: "\E805"; margin-right: 8px; } .eventsCurrentMonthTitle { font-weight: bold; } @media screen and (max-width: 768px) { .eventCalendar .mainCalendar .dayList .jalali { margin-bottom:6px; } .eventCalendar .mainCalendar .dayList .small { font-size: 75% !important; padding: 0 !important; } } /* End of Module Event */
/* Start of Popup Calendar */ .calendar { text-align: center; background: #fff; z-index: 400; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.52) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.52) !important; } .calendarHeader { background: #394263 !important; padding: 5px; margin: 5px; margin-bottom: 0; border-radius: 4px 4px 0 0; } .calendarBody { padding: 5px; padding-top: 0; } .calendarBody tbody td { text-align: center; padding: 8px 12px; border-radius: 50%; margin: 1px; } .calendarBody td.holiday { font-weight: bold !important; color: #f00; } .bodyTable { width: 100%; margin-top: 0 !important; } .bodyTable thead tr { background: #262c44; border-radius: 0 0 4px 4px; } .bodyTable thead tr td { color: #fff !important; font-weight: bold; } .weekDayHead { padding: 8px 12px; color: #fff; text-align: center; font-size: 12px !important; } .weekDayHead:last-child { border-radius: 0 0 4px 0; } .weekDayHead:first-child { border-radius: 0 0 0 4px; } .headerTable { width: 100%; text-align: center; } .headerTable .calendarbutton { width: 26px; height: 26px; background: #4fc1e9; border: 0; border-radius: 50%; padding: 6px 0; text-align: center; color: #fff; font-size: 11px; } .headerTable select { border: none; margin: 0 5px; border-radius: 3px; font-size: 14px; padding: 6px 8px; } .today { font-weight: bold !important; border: none; background: #EAEAEA; } .calendar .selected { background: #4fc1e9 !important; font-weight: bold; color: #fff; } .calendarFooter { border-radius: 0 0 4px 4px; background: #f3f3f3; padding: 6px; border-top: 1px solid #cfcfcf; } .calendarFooter button { background: #4fc1e9; border: 0; border-radius: 4px; padding: 8px 14px; color: #fff; font-size: 11px; } /* End of Popup Calendar */ /* Start of LastMessage */ .LastMessageError, .messageBoxError { background: #fcf0be; background: linear-gradient(to bottom, #fce1e0 0,#fabdba 100%); box-shadow: inset 0 0 1px #fce1e0, inset 0 30px 20px -20px #FDD9D7, 0 1px 2px #D6D6D6; border: 1px solid #cc726e; border-radius: 5px; } .LastMessageWarning, .messageBoxWarning { background: #FCF0BE; background: linear-gradient(to bottom, #FCF0BE 0,#F7E4A2 100%); box-shadow: inset 0 0 1px #F7FEF2, inset 0 30px 20px -20px #FCF0BE, 0 1px 2px #D6D6D6; border: 1px solid #ECC579; border-radius: 5px; } .LastMessageSuccess, .messageBoxSuccess { background: #edf7f1; background: linear-gradient(to bottom, #edf7f1 0,#83cca0 100%); box-shadow: inset 0 0 1px #edf7f1, inset 0 30px 20px -20px #BFF5D4, 0 1px 2px #D6D6D6; border: 1px solid #00832d; border-radius: 5px; } .LastMessageInformation, .messageBoxInformation { background: #b8d6ff; background: linear-gradient(to bottom, #b8d6ff 0,#6caaff 100%); box-shadow: inset 0 0 1px #edf7f1, inset 0 30px 20px -20px #a7ccff, 0 1px 2px #D6D6D6; border: 1px solid #398dff; border-radius: 5px; } .RadToolTip.messageBoxError, .RadToolTip.messageBoxWarning, .RadToolTip.messageBoxSuccess, .RadToolTip.messageBoxInformation, .RadWindow.messageBoxError, .RadWindow.messageBoxWarning, .RadWindow.messageBoxSuccess, .RadWindow.messageBoxInformation { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; } .RadNotification.messageBoxError { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; background-color: #fce1e0 !important; padding: 0 !important; } .RadNotification.messageBoxWarning { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; background-color: #fcf695 !important; padding: 0 !important; } .RadNotification.messageBoxSuccess { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; background-color: #edf7f1 !important; padding: 0 !important; } .RadNotification.messageBoxInformation { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; background-color: #dbe5fa !important; padding: 0 !important; } .messageBoxWarning { border: 1px solid #d8cc06; background-color: #fcf695; } .messageBoxUnKnown { border: 1px solid #8898a3; background-color: #f0f0f0; } .LastMessageError, .messageBoxError, .messageBoxInformation, .LastMessageInformation, .messageBoxWarning, .messageBoxUnKnown, .LastMessageSuccess, .messageBoxSuccess, .LastMessageWarning { display: block; margin: 0 auto 10px; padding: 5px 0; border-radius: 5px; position: relative; } .pnlLastMessage { position: relative; margin: 0; padding: 0; } .pnlLastMessage div.imgClose { width: 17px; height: 17px; float: right; margin: 0 5px 0 0; border: 1px solid #ffffff; border: 1px solid rgba(255, 255, 255, 0); position: relative; } .pnlLastMessage div.imgClose:hover { cursor: pointer; background-color: #e8a4a0; border: 1px solid #ce7c77; border-radius: 10px; } .pnlLastMessage div.imgClose:after { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; content: 'x'; display: block; width: 7px; height: 11px; font-size: 13px; font-weight: normal; line-height: 11px; color: #6B6A6E; text-shadow: 0 1px 0 #FFF; opacity: 0.9; text-decoration: none; position: absolute; top: 2px; left: 5px; } .pnlLastMessage div.imgClose:hover:after { color: #fff; text-decoration: none; opacity: 0.9; cursor: pointer; text-shadow: none; } .pnlLastMessage div.imgLastMessage { width: 24px; float: left; margin: 0 0 0 10px; } .pnlLastMessage div.lblLastMessage { margin: 0 32px 0 40px; } .pnlLastMessage div.lblLastMessage p { margin: 0; padding: 0; } .pnlLastMessage div.dateLastMessage { display: inline-block; float: right; } .pnlLastMessage:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } /* End Of LastMessage */ /* Start of MagicZoom */ .MagicZoom img { border: 0 !important; padding: 0 !important; margin: 0 !important; } .MagicZoomBigImageCont { border: 1px solid #999; direction: ltr; } .MagicZoomHeader { font-size: 8pt !important; line-height: normal !important; color: #fff; background: #666; text-align: center !important; } .MagicZoomPup { border: 1px solid #aaa; background: #fff; cursor: move; } .MagicZoomLoading { border: 1px solid #ccc; background: #fff url(/Components/General/Resources/Images/Graphics/loader.gif) no-repeat 2px 50%; padding: 4px 4px 4px 24px !important; margin: 0; text-decoration: none; text-align: left; color: #444; font: normal 11px sans-serif; } .MagicZoomPlus { cursor: url(/Components/General/Resources/Images/Graphics/zoomin.cur), pointer; outline: 0 !important; } .MagicZoomPlus img { border: 0 !important; padding: 0 !important; margin: 0 !important; } .MagicZoomPlus span { display: none !important; } .MagicHotspots { display: none; visibility: hidden; } .MagicHotspots a { border: 1px solid #ccc; } .MagicHotspots a:hover { border: 1px solid red; } .MagicThumb:hover, .MagicThumb { cursor: url(/Components/General/Resources/Images/Graphics/zoomin.cur), pointer; outline: 0 !important; } .MagicThumb-expanded-thumbnail { cursor: default; } .MagicThumb span { display: none !important; } .MagicThumb img { border: 1px solid #9a9a9a; } .MagicThumb-expanded { cursor: url(/Components/General/Resources/Images/Graphics/zoomout.cur), pointer; background: transparent; border: 1px solid #ccc; outline: 0; padding: 0; } .MagicThumb-caption { color: #333; background: #ccc; text-align: right; padding: 8px; border: 0 !important; outline: 0 !important; height: 30px !important; font-size: 13px; font-weight: bold; } .MagicThumb-buttons { background: transparent url(/Components/General/Resources/Images/Graphics/buttons1.png) no-repeat 0 0; height: 24px; display: block; } .MagicThumb-buttons a { width: 24px; height: 24px; margin: 0 1px !important; overflow: hidden; } .MagicThumb-loader { font: normal 12pt sans-serif; border: 1px solid #000; background: #fff url(/Components/General/Resources/Images/Graphics/loader.gif) no-repeat 2px 50%; padding: 2px 2px 2px 22px; margin: 0; text-decoration: none; text-align: left; } .MagicThumb-swap { } .MagicThumb-external-caption { display: none; } div.MagicSlideshow { border: 1px solid #636363; background: transparent; display: none; direction: ltr; } img.MagicSlideshowImage { border: none; } div.MagicSlideshowImagesContainer { } img.MagicSlideshowThumbnail { direction: ltr; } div.MagicSlideshowThumbnailsContainer { padding: 0 1px; } div.MagicSlideshowThumbnailsContainerStyle { background: #fff; } .MagicSlideshowDescription { line-height: 24px; font: bold 13px 'Times New Roman'; text-align: right; margin: 2px; padding: 15px !important; } .MagicSlideshowDescriptionBelow { font: normal 11px tahoma; } .MagicSlideshowDescription a { color: #CFCFCF; } .MagicSlideshowDescription a:visited { color: #ACACAC; } .MagicSlideshowDescription a:hover { color: #fff; } div.MagicSlideshowLoadingBox { padding: 4px 4px 4px 24px !important; margin: 0 !important; line-height: 15px; color: #363636; border: 1px solid #696969; text-align: right; background: #fff url( '/Components/General/Resources/Images/Graphics/loader.gif' ) no-repeat 2px 50%; } a.MagicSlideshowArrow { width: 24px !important; height: 24px !important; cursor: pointer; padding: 0 !important; margin: 0 !important; background: url( '/Components/General/Resources/Images/Arrows.gif' ); } a.MagicSlideshowArrowTop { background-position: 24px 0; } a.MagicSlideshowArrowRight { background-position: 0 0; } a.MagicSlideshowArrowBottom { background-position: 24px 24px; } a.MagicSlideshowArrowLeft { background-position: 0 24px; } /* End of Magic Zoom */ /* Srart of RichTextBox */ .radEditorWrapper { position: relative; } .radEditorStar { position: absolute; top: 3px; right: 0; } .radEditorHasValidator { padding-right: 10px; } .radEditorHasNotValidator { padding-right: 0; } /* End of RichTextBox */ /* Border Radius */ .radius { border-radius: 5px; } .radiusTop { border-top-left-radius: 5px; border-top-right-radius: 5px; } .radiusBottom { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .radiusTrBl { border-top-right-radius: 5px; border-bottom-left-radius: 5px; } .radiusTlBr { border-top-left-radius: 5px; border-bottom-right-radius: 5px; } /* End Border Radius */ /* Start of fancyBox */ .fancybox { } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { box-shadow: 0 10px 25px #000000; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/App_Themes/Default-en-US/Images/FancyBox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/Components/General/Resources/Images/FancyBox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/Components/General/Resources/Images/FancyBox/blank.gif'); /* helps IE */ z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/Components/General/Resources/Images/FancyBox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: #000000; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* End of fancyBox */ /* scrollPanel */ .scrollpanel { border: 1px solid #ccc; border-radius: 9px; } .scrollpanel .scrollbar { width: 10px; background-color: #ccc; cursor: pointer; margin: 4px; border-radius: 5px; } .scrollpanel .scrollbar .thumb { background-color: #aaa; transition: height 0.2s ease-in-out; border-radius: 5px; } .scrollpanel .scrollbar.active .thumb { background-color: #999; } .scrollpanelAjaxLoading { background: url(/Components/General/Resources/Images/ScrollPanel/Loading.gif) no-repeat center center; width: 99%; height: 100%; border-radius: 5px; background-color: #e9ecef; box-shadow: 0 0 6px #454545; position: absolute; top: 0; opacity: .7; } /* End of scrollPanel */ /* Start of squaredCheckBox */ .squaredCheckBox label { cursor: pointer; position: relative; display: inline-block; background: url(/Components/General/Resources/Images/CheckBox.png) no-repeat left top; padding-Left: 20px; } .squaredCheckBox label:after { opacity: 0; content: ''; position: absolute; width: 16px; height: 16px; top: 0; left: 0; background: transparent; background: url(/Components/General/Resources/Images/CheckBoxChecked.png) no-repeat left top; } .squaredCheckBox label:hover::after { opacity: 0.5; } .squaredCheckBox input[type=checkbox] { display: none; } .squaredCheckBox input[type=checkbox]:checked + label:after { opacity: 1; } /* End of squaredCheckBox */ .inlineBlock { display: inline-block; } .noScript { color: red; padding: 30px; font-size: 15px; font-family: 'Times New Roman'; font-weight: bold; line-height: 25px; } .displayNone { display: none; } .noBackground { background-image: none !important; background: none !important; } .bswClr { clear: both; height: 0; visibility: hidden; } .noItemTable { margin: 0 auto 10px auto; padding: 20px; border: 1px solid #aaa; border-radius: 5px; box-shadow: 0 1px 2px #aaaaaa; background-color: #fff; text-align: center; } .clearBoth { clear: both; display: block; } .justifyText { text-align: justify; } .hand { cursor: pointer; } .transparentDiv { opacity: .50; } .hide { display: none; } .noMargin { margin-left: 0 !important; margin-right: 0 !important; } .disabled { opacity: .30; } .dashed { border-style: dashed; } .reverseAlign { text-align: right; } .reverseFloat { float: right; } .correctAlign { text-align: left; } .correctFloat { float: left; } .centerAlign { text-align: center; } .ltr { direction: ltr; } .rtl { direction: rtl; } .noWrap { white-space: nowrap; } .boldText { font-weight: bold; font-size: 12px; } .grid { border-collapse: separate; border-spacing: 1px; } /* Start of JPlayer*/ .mediaPlayer { display: inline-block; position: relative; font-family: 'SDF', Verdana, sans-serif; clear: both; margin-bottom: 10px; line-height: 1.4; font-size: 13px; border: 1px solid #e6e6e6; text-align: center; overflow: hidden; direction: ltr !important; } .mediaPlayer .right { float: right; } .mediaPlayer .left { float: left; } .mediaPlayer a.smooth { transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; } .mediaPlayer:hover > .controls { bottom: 0; } .mediaPlayer:hover > .controls .seekBar a { display: block; } .mediaPlayer.jp-video-full > .controls { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0.8; z-index: 1000; } .mediaPlayer.jp-video-full, .mediaPlayer.jp-video-full object, .mediaPlayer.jp-video-full video { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block; border-width: 0px; z-index: 999; } .mediaPlayer.jp-video-full > .playerScreen, .mediaPlayer.jp-video-full > .playerScreen > .video-play { z-index: 1000; } .mediaPlayer .playerScreen { cursor: pointer; } .mediaPlayer .playerScreen .video-play { display: block; position: absolute; z-index: 100; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.4); z-index: 0; } .mediaPlayer .playerScreen .video-play .play-icon { position: absolute; top: 50%; left: 50%; margin: -42px 0 0 -42px; display: block; width: 84px; height: 84px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") 2px -284px; } .mediaPlayer .controls { display: block; position: absolute; height: 40px; background: #F5F5F5; color: #646464; padding: 0; z-index: 101; left: 0; bottom: -44px; right: 0; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; } .mediaPlayer .controls .seperator { display: inline-block; width: 2px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 0 0; } .mediaPlayer .controls .progress { position: absolute; display: block; width: 100%; top: -6px; left: 0; background: #323232 !important; background-image: none !important; overflow: visible !important; height: auto !important; margin-bottom: 0 !important; border-radius: none !important; box-shadow: inset none !important; } .mediaPlayer .controls .progress .seekBar { position: relative; display: block; cursor: pointer; padding: 0; margin: 0; height: 6px; background: #646464; } .mediaPlayer .controls .progress .seekBar .playBar { display: block; height: 6px; padding: 0; background: red; } .mediaPlayer .controls .progress .seekBar a { display: none; position: absolute; top: -4px; width: 10px; height: 10px; border-radius: 50%; background: #4b4b4b; border: 1px solid #323232; margin-left: -3px; } .mediaPlayer .controls .progress .seekBar a div { width: 8px; height: 8px; } .mediaPlayer .controls .play { display: block; width: 40px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 10px -60px; opacity: 0.8; } .mediaPlayer .controls .play:hover { opacity: 1; } .mediaPlayer .controls .volumecontrol { display: block; width: 40px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 8px -105px; opacity: 0.8; overflow: hidden; word-wrap: none; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .mediaPlayer .controls .volumecontrol:hover { opacity: 1; width: 115px; transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; } .mediaPlayer .controls .hd-video { display: block; width: 60px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 10px -147px; opacity: 0.8; } .mediaPlayer .controls .hd-video.disabled { opacity: 0.2; } .mediaPlayer .controls .hd-video.enabled:hover { opacity: 1; } .mediaPlayer .controls .pause { display: block; width: 40px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat -40px -60px; opacity: 0.8; } .mediaPlayer .controls .pause:hover { opacity: 1; } .mediaPlayer .controls .timer { display: block; float: left; line-height: 40px; margin: 0 10px; } .mediaPlayer .controls .timer .current { display: inline; text-align: left; color: #282828; } .mediaPlayer .controls .timer .duration { display: inline; right: 0px; text-align: right; } .mediaPlayer .controls .timer .seperate { display: inline; } .mediaPlayer .controls .volumebar { display: block; margin: 19px 0 0 45px; background-color: #EBEBEB; background: rgba(0,0,0,0.1); width: 60px; cursor: pointer; } .mediaPlayer .controls .volumebar .currentVolume { position: relative; height: 5px; padding: 0; } .mediaPlayer .controls .volumebar .currentVolume .curvol { display: block; height: 5px; padding: 0; background: red; } .mediaPlayer .controls .volumebar .currentVolume a { display: block; position: absolute; top: -5px; margin-left: -2px; width: 3px; height: 16px; background: #7d7d7d; } .mediaPlayer .controls .volumebar .currentVolume a div { display: block; width: 3px; height: 16px; } .mediaPlayer .controls .fullscreen { display: block; float: right; width: 40px; height: 40px; background: transparent url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 8px -191px; opacity: 0.4; } .mediaPlayer .controls .fullscreen:hover { opacity: 0.8; } .mediaPlayer .controls .smallscreen { display: block; float: right; width: 40px; height: 40px; background: transparent url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 8px -229px; opacity: 0.4; } .mediaPlayer .controls .smallscreen:hover { opacity: 0.8; } .mediaPlayer.audioPlayer .hd-video { display: none; } .mediaPlayer.audioPlayer .seperator.right { display: none; } .mediaPlayer.audioPlayer .fullScreen { display: none; } .mediaPlayer.audioPlayer .fullScreenOFF { display: none; } .mediaPlayer.darkskin { border-color: #373737; background: #222222; width: 100%; height: auto; } .mediaPlayer.darkskin .controls { background: #191919; } .mediaPlayer.darkskin .controls .volumebar { background: rgba(255,255,255,0.1); } .mediaPlayer.darkskin .controls .volumebar .currentVolume a { background: #dcdcdc; } .mediaPlayer.darkskin .controls .progress .seekBar { background: #646464; } .mediaPlayer.darkskin .controls .timer .current { color: #e6e6e6; } .mediaPlayer.darkskin .controls .timer .duration { color: #787878; } .mediaPlayer.darkskin .controls .timer .seperate { color: #787878; } .mediaPlayer.darkskin .playerScreen .video-play .play-icon { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png"); } .mediaPlayer.darkskin .controls .seperator { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png"); } .mediaPlayer.darkskin .controls .fullscreen { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png"); } .mediaPlayer.darkskin .controls .smallscreen { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png"); } .mediaPlayer.darkskin .controls .play { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png"); } .mediaPlayer.darkskin .controls .pause { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png"); } .mediaPlayer.darkskin .controls .hd-video { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png"); } .mediaPlayer.darkskin .controls .volumecontrol { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png"); } /* End of JPlayer */ /* Start of SpinEdit */ .spinEditPanel { position: relative; } .spinEditPanel a span { position: absolute; left: 0; right: 0; top: 2px; margin: 0 auto; z-index: 1; } .spinEditPanel a + a span { top: 14px; } .spinEditPanel a span:before { font-size: .8em; } /* End of SpinEdit */ /* Start of Chart */ .chartLegend table td { border-spacing: 5px; padding: 3px; } .chartLegend table { margin: 0 auto; } .barChartWrapper { box-sizing: border-box; padding: 20px 15px 15px 15px; border: 1px solid #ddd; background: #fff; background: linear-gradient(#f6f6f6 0, #fff 50px); background: -o-linear-gradient(#f6f6f6 0, #fff 50px); background: -ms-linear-gradient(#f6f6f6 0, #fff 50px); background: -moz-linear-gradient(#f6f6f6 0, #fff 50px); background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px); box-shadow: 0 3px 10px rgba(0,0,0,0.15); -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1); } .barChart { width: 100%; height: 100%; font-size: 14px; line-height: 1.2em; } .pieChartWrapper { box-sizing: border-box; padding: 20px 15px 15px 15px; border: 1px solid #ddd; background: #fff; background: linear-gradient(#f6f6f6 0, #fff 50px); background: -o-linear-gradient(#f6f6f6 0, #fff 50px); background: -ms-linear-gradient(#f6f6f6 0, #fff 50px); background: -moz-linear-gradient(#f6f6f6 0, #fff 50px); background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px); box-shadow: 0 3px 10px rgba(0,0,0,0.15); -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1); } .pieChart { font-size: 14px; line-height: 1.2em; } /* End of Chart */ /* Start of Capty */ div.capty-caption { background-color: #fff; color: #02889c; font: normal 14px Arial; padding-left: 10px; padding-top: 7px; } div.capty-caption a { color: #318DAD; font: normal 14px Arial; text-decoration: none; text-shadow: none; } /* End of Capty */ /* Start of LightSlider */ /** /!!! core css Should not edit !!!/**/ .lSSlideOuter { overflow: hidden; } .lightSlider:before, .lightSlider:after { content: " "; display: table; } .lightSlider { overflow: hidden; } .lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; } .lSSlideWrapper > .lightSlider:after { clear: both; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; } .lSSlideWrapper .lSFade { position: relative; } .lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; } .lSSlideWrapper .lSFade > *.active { z-index: 10; } .lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } .lslide { box-sizing: border-box; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; } .lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; } .lSSlideOuter .lSPager.lSpg > li a { background-color: #a3a3a3; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0; transition: all 0.5s linear 0s; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #000; } .lSSlideOuter .media { opacity: 0.8; } .lSSlideOuter .media.active { opacity: 1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lSSlideOuter .lSPager.lSGallery li { opacity: 0.7; overflow: hidden; -webkit-transition: opacity 0.35s linear 0; transition: opacity 0.35s linear 0; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { opacity: 1; } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; } .lSSlideOuter .lSPager.lSGallery:after { clear: both; } /* End of Gallery*/ /* slider actions */ .lSAction > a { width: 24px; display: block; top: 50%; height: 24px; cursor: pointer; position: absolute; z-index: 400; margin-top: -12px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0; transition: opacity 0.35s linear 0; } .lSAction > a:hover { opacity: 1; } .lSAction > .lSNext:before { color: #fff; display: inline-block; font-family: "Glyphicons Halflings"; font-size: 20px; font-style: normal; font-weight: normal; line-height: 1; position: absolute; right: 8px; top: 2px; content: '\203a'; } .lSAction > .lSPrev:before { color: #fff; display: inline-block; font-family: "Glyphicons Halflings"; font-size: 20px; font-style: normal; font-weight: normal; line-height: 1; position: absolute; left: 8px; top: 2px; content: '\2039'; } .lSAction > .lSPrev { background-color: rgba(0, 0, 0, 0.8); border-radius: 15px; line-height: 0.8; left: 0; } .lSAction > .lSNext { background-color: rgba(0, 0, 0, 0.8); border-radius: 15px; line-height: 0.8; right: 0; content: '\203a'; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } /* vertical */ .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0 !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; } /* Rtl */ .lSSlideOuter.lSrtl { direction: rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; margin: 0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; } .content-slider li { text-align: center; } .content-slider h3 { margin: 0; padding: 5px 0; } .lightSlider li h3 div { margin: 0 auto; } /* End of LightSlider*/ /* Start of ArchiveInformation*/ .archiveInformationList { list-style-type: none; } /* End of ArchiveInformation*/ /* code for animated blinking cursor */ .typed-cursor { opacity: 1; font-weight: 100; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; -ms-animation: blink 0.7s infinite; -o-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .tickerTitle { font-size: 1.1em; } .tickerSprite { display: none; } .content-ticker { padding: 0; } .scrollOff { pointer-events: none; } .billboard { padding: 0 !important; margin: 0 !important; } .billboardItem { padding: 0 !important; position: relative; } .billboardItem .billboardImage { width: 100%; } .billboardItem .billboardImage img { width: 100%; height: auto; } .billboardItem .billboardTitle { font-family: 'SDF Subsidiary'; font-size: 14px; font-weight: bold; box-sizing: border-box; padding-right: 40px; background-color: #a1a9ad; padding-top: 15px; padding-left: 15px; } .billboard .billboardDetails .billboardItem:nth-child(odd) .billboardTitle { background-color: #676a6e; } .billboard .billboardDetails .billboardItem[data-index='3'] .billboardTitle { background-color: #46789c; } .billboardItem .billboardTitle a { color: #fff; } .billboard .billboardLarge { padding-right: 0 !important; } .billboard .billboardDetails { padding-left: 0 !important; padding-right: 0 !important; } .billboard .billboardDetails .billboardItem { overflow: hidden; } .billboard .main { padding-right: 0 !important; padding-left: 0 !important; } .billboardItem .billboardMore { position: absolute; bottom: 0; right: 0; background-color: #333; color: #fff; width: 30px; height: 30px; } .billboardMore:before { content: "+"; font-size: 23px; margin-left: 7px; } .billboardItem .billboardDescription { display: none; } .billboardLarge .billboardItem .billboardTitle { font-size: 25px; background-color: transparent; padding-left: 50px; display: table; padding-right: 20px; } .billboardLarge .billboardItem .billboardDescription { display: block; padding-left: 50px; padding-right: 20px; } .billboardLarge .billboardItem .billboardDescription .inner { color: #fff; } .billboardWrapper .billboardItem .inner { display: table-cell; vertical-align: bottom; } .billboardFullWidth { box-sizing: border-box; } .billboardFullWidth .billboardItemFullWidth { width: 50%; box-sizing: border-box; } .billboardFullWidth .billboardItemFullWidth .billboardMore { display: none; } .billboardFullWidth .billboardItemFullWidth .billboardTitle { vertical-align: bottom; display: table-cell; } .billboardFullWidth .billboardItemFullWidth .billboardTitle a { font-family: 'SDF Subsidiary'; font-size: 25px; font-weight: bold; box-sizing: border-box; background-color: transparent; color: #fff; } .billboardFullWidth, .billboard { background-size: 100% 100%; } .billboardFullWidth .billboardDescription .inner, .billboardFullWidth .billboardTitle .inner { color: #fff; background: rgba(0, 0, 0, .6); padding: 10px 15px; } .dirLtr { direction: ltr; } @media screen and (max-width: 768px) { .billboardMore:before { content: '\e812' !important; font-family: Glyphicons Halflings !important; font-size: 15px; padding: 3px; display: inline-block; } .lightSlider li h3 > div { width: 100% !important; overflow: initial !important; height: auto !important; } .lightSlider { overflow: initial !important; } } .selectLanguageDropdownWrap li { display: block !important; } .selectLanguageDropdownWrap a:after { content: ""; } .selectLanguageDropdownWrap .dropdown-menu { left: 0 !important; right: auto !important; } .selectLanguageDropdownWrap .dropdown-toggle { border: none; background: none; color: #fff; transition: all .3s ease; } .selectLanguageDropdownWrap .dropdown-toggle:hover, .selectLanguageDropdownWrap li a:hover { color: #4fc1e9; } .selectLanguageDropdownWrap li a:hover { box-shadow: none !important; } .selectLanguageDropdownWrap li a { transition: all .3s ease; } /***********Start Of JPlayer************/ .playerFlashError { color: #ff0000; font-size: 16px; padding-top: 20px; } /****************End Of JPlayer*******************/ 


/* Start of Module Map */ .map svg { max-width: 100%; } .city { transition: all .3s; } .city:hover { cursor: pointer; fill: #fff !important; } /* End of Module Map */ 
.advancedSearchTitle { padding-left: 20px; } .closed { background: url("/Components/Media/Resources/Images/Arrow-left.png") no-repeat right; } .open { background: url("/Components/Media/Resources/Images/Arrow-Down.png") no-repeat right; } .mediaSearchResult .checkbox input[type="checkbox"] { margin-left: 0 !important; } .mediaSearchResult .checkbox label { font-weight: bold !important; } .mediaSearchResult .attachmentPreview { box-shadow: inset 0 0 15px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.05); background: #eee; margin-bottom: 10px; text-align: center; } .mediaSearchResult .attachmentPreview .thumbnail { padding-top: 20px; border-radius: 0; margin-bottom: 10px; } .mediaSearchResult .attachmentPreview .caption { padding-bottom: 7px; text-align: left; padding-left: 20px; min-height: 56px; } .mediaSearchResult .attachmentPreview .singleSelectionWrapper img { margin-right: 8px; } .mediaSearchResult .attachmentPreview .singleSelectionWrapper, .mediaSearchResult .attachmentPreview .title { padding-bottom: 8px; } .mediaSearchWrapper .form-control-feedback { pointer-events: inherit; width: 22px; height: 22px; top: 6px; } .mediaSearchWrapper .form-horizontal .has-feedback .form-control-feedback { right: 22px; } 


/* Start of Module Remark */
.remark { margin-bottom: 10px; border: 1px solid #e0e1e8; background-color: #fff; border-radius: 7px;
} .remark .header { border: 1px solid #fff; border-radius: 7px 7px 0 0; background: #f9f9fb; background: linear-gradient(to bottom, #f9f9fb 6%,#f1f2f5 100%); text-align: center;
} .remark .header .row { margin-right: -2px; margin-left: -1px;
} .remark .headerColumn { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; min-height: 40px; padding: 0 5px;
} .remark .header .user { text-align: left;
} .remark .header .user > img { margin: 3px 4px 4px;
} .remark .header .user .unknown { background: url('/Components/Remark/Resources/Images/RemarkSprites.png') no-repeat 0 0;
} .remark .header .user .name { } .remark .header .user .email { background: url('/Components/Remark/Resources/Images/RemarkSprites.png') no-repeat -16px -32px; width: 16px; height: 12px; position: relative; top: 11px; display: inline-block; margin: 0 4px; float: right;
} .remark .header .user .email img { display: none; background: #FEFEFF; background: linear-gradient(to bottom, #FEFEFF 6%,#EAEBF0 100%); border: 1px solid #D0D1D9; border-radius: 4px; box-shadow: inset 0 0 1px 1px #FFF; padding: 3px 7px; position: absolute; top: -25px; right: -7px;
} .remark .header .user .email:hover:after { content: ''; height: 0; width: 0; position: absolute; right: 2px; top: -7px; border: 5px solid #fff; border-top-color: #D0D1D9;
} .remark .header .user .email:hover { cursor: pointer;
} .remark .header .user .email:hover img { display: block;
} .remark .header .flagAndCreationDate { text-align: left;
} .remark .header .flagAndCreationDate .date { margin: 4px 0 4px 4px; float: left; line-height: 31px;
} .remark .header .flagAndCreationDate img { float: right; margin: 8px 4px 0 0;
} .remark .header .star { padding: 11px 0 8px;
} .remark .header .star .icon { background: url('/Components/Remark/Resources/Images/RemarkSprites.png') no-repeat 0 -32px; width: 16px; height: 16px; vertical-align: top;
} .remark .header .star span.text { margin-right: 5px; color: #FF7000;
} .remark .header .controls { text-align: right;
} .remark .header .controls .score { display: inline-block; float: right;
} .remark .header .controls .score div { display: inline-block; margin: 7px 2px 0;
} .remark .header .controls .score div:hover { cursor: pointer;
} .remark .header .controls .score .positive,
.remark .header .controls .score .negative { min-width: 70px; height: 24px; background: #fefeff; background: linear-gradient(to bottom, #fefeff 6%,#eaebf0 100%); border: 1px solid #d0d1d9; border-radius: 4px; box-shadow: inset 0 0 1px 1px #FFFFFF; position: relative;
} .remark .header .controls .score .positive:hover,
.remark .header .controls .score .negative:hover { background: #eaebf0; background: linear-gradient(to bottom, #eaebf0 6%,#e1e1e6 100%);
} .remark .header .controls .score .positive img.icon { background: url('/Components/Remark/Resources/Images/RemarkSprites.png') no-repeat -32px 0; position: absolute; width: 100%; height: 100%; right: 0; top: -1px;
} .remark .header .controls .score .negative img.icon { background: url('/Components/Remark/Resources/Images/RemarkSprites.png') no-repeat -32px -26px; position: absolute; width: 100%; height: 100%; right: 0; top: -1px;
} .remark .header .controls .score .negative span.text,
.remark .header .controls .score .positive span.text { padding: 0 23px 0 5px; font-size: 14px; line-height: 24px; color: #696b73;
} .remark .header .reply { display: inline-block; float: right; margin: 2px 0 0;
} .remark .header .reply .remarkButton { margin: 4px 0 0 3px; padding: 0 7px; height: 26px; background: #fefeff; background: linear-gradient(to bottom, #fefeff 6%,#eaebf0 100%); border: 1px solid #d0d1d9; border-radius: 4px; box-shadow: inset 0 0 1px 1px #FFFFFF; color: #626673; font-size: 0.9em;
} .remark .header .reply .remarkButton:hover { cursor: pointer; background: #eaebf0; background: linear-gradient(to bottom, #eaebf0 6%,#e1e1e6 100%);
} .remark .comment { padding: 10px; text-align: justify;
} .commentWrapper { border: 1px solid #e2e2e2; background-color: #f9f9f9; padding: 15px; border-radius: 10px;
} .remark .commentWrapper { margin: 0 10px 10px 10px;
} .commentWrapper .messageBox { padding-right: 10px; padding-left: 10px;
} .nested { margin: 5px 10px 20px 40px;
} .remark .nested .header { border: 1px solid #fff; border-radius: 7px 7px 0 0; background: #f0f0f0; background: linear-gradient(to bottom, #f1f2f5 6%,#f0f0f0 100%); text-align: center;
} .remarkForm .infoRow { position: relative; z-index: 2;
} .remarkForm .rateRow { position: relative; z-index: 1; margin: 15px -15px;
}
.remarkForm .remindRemainedCaption { margin: -30px 15px 0 15px; padding: 0 !important;
} .remarkForm .remindRemainedCaption > span { display: inline-block; padding: 4px 8px; background: #e2e2e2; border-radius: 4px 4px 0 0; transition: all .4s;
} .remarkForm .form-control { border: 2px solid #e2e2e2; box-shadow: none !important; border-radius: 6px; padding: 10px 15px; height: 46px;
} .remarkForm .form-control:hover { border-color: #c2c2c2;
} .remarkForm .form-control:focus { border-color: #00afff !important;
} .remarkForm .remarkEmail { position: relative;
} .remarkForm .remarkEmail .form-control { border-left: 0 !important; border-radius: 0 6px 6px 0; position: relative; z-index:1;
} .remarkForm .remarkEmail .remarkShowEmail { background: #e2e2e2; padding: 14px 15px 10px 15px; border-radius: 0 0 6px 6px; position: absolute; left: -1px; right: 15px; width: auto !important; float: none !important; z-index: 0; opacity: 0; transition: all .3s; top: 0;
} .remarkForm .remarkEmail .form-control:focus ~ .remarkShowEmail,
.remarkForm .remarkEmail:active .remarkShowEmail,
.remarkForm .remarkEmail .remarkShowEmail:hover { opacity: 1; top: 43px;
} .remarkForm .remarkName .form-control { border-radius: 6px 0 0 6px;
} .remarkForm .remarkRate { padding: 10px 30px;
} .remarkForm .remarkRate:after { content: ''; display: block; clear: both;
} .remarkForm .form-control:focus + .remindRemainedCaption > span { background: #00afff; color: #fff;
} .remarkForm textarea.form-control { padding: 15px; padding-bottom: 28px; resize: vertical; min-height: 200px !important;
} .remarkForm .remarkPublished { padding: 10px 15px;
} .remarkForm .publishRow { border-top: 1px solid #e2e2e2; padding-top: 15px;
} .remarkForm .remarkButton { display: block; padding: 10px; background: #1ec252; color: #fff; border-radius: 6px; text-align: center; font-size: 16px;
} .remarkForm .remarkButton:hover { color: #fff;
} @media screen and (max-width: 992px) { .remarkForm .remarkName .form-control { border-radius: 6px 6px 0 0; border: 2px solid #d2d2d2; border-bottom: none !important; } .remarkForm .remarkEmail .form-control { border-radius: 0 0 6px 6px; border: 2px solid #d2d2d2 !important; } .remarkForm .remarkEmail .remarkShowEmail { left: 15px; right: 15px; }
} @media (max-width: 359px) { .nested { margin: 5px 5px 20px; } .remark .header .flagAndCreationDate .date { font-size: 0.85em; }
}
/* End of Module Remark */

 /* Start of Module SiteMember */ /* Start of SiteMember forms --- NEW Design */ .signupPage .formIndent { padding-left: 11px; } .signupPage .validationDialog.large { left: 270px; } .resetPasswordPage .formInput input[type="password"], .signupPage .formInput input[type="password"] { width: 180px !important; } .signupPage input[class="textbox"], .signupPage input[class="textbox ltr"] { height: 13px; width: 180px; } .signupPage textarea[class="textbox"] { height: auto; } .signupPage .notificationBox { margin: 8px 0 8px 25px; padding: 5px; border: 1px solid #ddd; background-color: #e3e3e3; display: inline-block; border-radius: 5px; } .signupSecurityAnswer .validationDialog { left: 267px; } .signupPage .RadInput, .RadInputMgr { vertical-align: top !important; } /* input tags that have placeholder */ input[placeholder] { /*text-align: right;*/ } ::-webkit-input-placeholder { color: #a9a9a9; } :-moz-placeholder { /* Firefox 18- */ color: #a9a9a9; } ::-moz-placeholder { /* Firefox 19+ */ color: #a9a9a9; } :-ms-input-placeholder { color: #a9a9a9 !important; } /* end input placeholder */ .passwordBoxSection .formRequired .alert { /*top: 5px;*/ } /* End of SiteMember forms --- NEW Design */ .memberManagerWrapper { text-align: center; display: inline; } .memberSpace { margin-top: 30px; } .memberManagerItem { display: inline-block; width: 140px; height: 113px; margin: 20px; padding: 0; border-radius: 5px; border: 1px solid #e8eaef; float: left; } .memberManagerItem a { display: block; text-align: center; } .memberManagerItemDetails { height: 109px; border-radius: 5px; border: 2px solid #fff; background: rgb(255,255,255); background: linear-gradient(to bottom, rgba(255,255,255,1) 0,rgba(240,243,245,1) 100%); } .memberManagerItemDetails:hover { background: rgb(236,239,240); background: linear-gradient(to bottom, rgba(236,239,240,1) 0,rgba(242,243,244,1) 100%); } .memberManagerItemDetails .icon { margin: 16px auto; width: 60px; height: 50px; background: url('/Components/SiteMember/Resources/Images/Sprite.png') no-repeat 0 0; } .memberManagerItemDetails a.editProfile { background-position: center -208px; } .memberManagerItemDetails a.event { background-position: center -258px; } .memberManagerItemDetails a.ticket { background-position: center -308px; } .memberManagerItemDetails a.order { background-position: center -358px; } .memberManagerItemDetails a.post { background-position: center -408px; } .memberManagerItemDetails a.logout { background-position: center -458px; } .memberManagerItemDetails a.forum { background-position: center -508px; } .memberExpireNote { width: 70%; margin: 10px auto; padding: 10px; border: 1px solid #90c9ee; background-color: #dcedf8; text-align: justify; } #tblUserInformation .RadInput .riTextBox { width: 150px !important; } /* Start of Light SiteMemberMenu */ .siteMemberMenuWrapper { margin: 0; margin-bottom: 10px; padding: 0; } /* End of Light SiteMemberMenu */ /* callingCode */ .callingCodeWrapper { position: relative; } .callingCodeWrapper > input[type="text"]{ padding-left: 100px; } .callingCode { display: inline-block; direction: ltr; position: absolute; top: 0; left: 0; } .callingCode .flag input[type="text"], .callingCode .flag input[class="textbox"] { border: none; outline: none; } .callingCode input.textbox { padding: 5px 90px 5px 5px; width: 91px; } .callingCode div.RadComboBox { padding-bottom: 2px; } .callingCode div.RadComboBox .rcbInputCell { background-image: none; } .callingCode div.RadComboBox .rcbReadOnly .rcbArrowCellRight { background-position: -302px -176px; } .callingCode div.RadComboBox .rcbInputCell .rcbInput { padding-left: 28px; } .callingCode .flag { background: url('/Components/General/Resources/Images/Flags/Flags.png') no-repeat; margin-top: 5px; } .flag .RadComboBox_SAMPA .rcbArrowCellRight a, .flag .RadComboBox_SAMPA .rcbInput { border: medium none !important; } .callingCode .flag div.RadComboBox .rcbInputCell .rcbInput { border: medium none !important; padding-left: 30px !important; padding-right: 0 !important; padding-top: 0 !important; text-align: right !important; } .flag .RadComboBox_SAMPA .rcbArrowCellRight a::after { top: 3px !important; } .callingCodeFlagItem { display: inline-block; background: url('/Components/General/Resources/Images/Flags/Flags.png') no-repeat; width: 24px; height: 24px; margin: 0 0 2px 0; vertical-align: middle; } /* End of callingCode */ /* Start of SiteMemberSignup */ .siteMemberSignup { } .siteMemberSignup .panel-heading a { color: #fff; } .siteMemberSignup .panel-heading a:hover { color: #ff6565; } /* End of SiteMemberSignup */ .sitememberShortcutsWrapper .glyphicon-arrowdoubleright { font-size: 0.7em; } .sitememberShortcutsWrapper .shortcutThumbnail { margin: 0 0 14px -16px; } .sitememberShortcutsWrapper .shortcutThumbnail a { text-align: center !important; min-width: 130px; padding: 12px 15px; display: block; min-width: 140px; border-radius: 3px; font-weight: 700; text-align: left; padding: 8px 10px; background-color: #f9fafc; color: #1B75E8 !important; } .sitememberShortcutsWrapper .shortcutThumbnail .glyphicon { display: block; height: 55px; margin-right: 0; margin-bottom: 10px; padding: 10px; text-align: center; font-size: 40px !important; color: #9ABAE0; } .sitememberShortcutsWrapper .shortcutThumbnail a:hover { background-color: #1B75E8; text-decoration: none; color: #fff !important; } /*************Start Of New SiteMember Style*************/ .siteMemberWelcomeWrapNew { padding: 10px 0; } .siteMemberWelcomeWrapNew a { display: inline-block; font-size: 13px; color: #fff; transition: color .5s; } .siteMemberWelcomeWrapNew > a i { font-size: 16px; color: #fff; transition: color .5s; } .siteMemberWelcomeWrapNew > a span { padding: 0 8px; } .siteMemberWelcomeWrapNew > a:hover { color: #4fc1e9; } .siteMemberWelcomeWrapNew > a:hover i { color: #4fc1e9; } /* End Of Module SiteMember */