.advancedSearchTitle { padding-right: 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; }



/* Start of Module Category */ .categorySelectContainer { margin: 0 auto 10px auto; padding: 10px; border: 1px solid #aaa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 2px #aaaaaa; -moz-box-shadow: 0 1px 2px #aaaaaa; box-shadow: 0 1px 2px #aaaaaa; background-color: #e3e3e3; } /* End of Module Category */

.pageComponent .glyphicon-trash { color: #D30808; } .phList .glyphicon-enabled, .pageComponent .glyphicon-enabled { color: #09BD09; } .phList .glyphicon-disabled, .pageComponent .glyphicon-disabled { color: #f0a00c; } .componentEdit caption { padding: 10px 15px; /*background-color: #E5E5E5;*/ } .boxEdit, .componentEdit { margin-top: 30px !important; margin-bottom: 10px !important; } .panel.panel-cyan { box-shadow: 0 1px 2px rgba(178, 235, 242, 0.74); } .panel-cyan .panel-heading { background-image: linear-gradient(to bottom, #b2ebf2, #ECECEC 100%); } .panel-cyan .panel-body { border-top: 1px solid #E8E8E8 !important; } .masterPageEdit .upIcon, .masterPageEdit .downIcon, .masterPageEdit .cutIcon { display: none; visibility: hidden; } #iconList { max-width: 580px; } .iconSelectorItem { padding: 2px; } .iconSelectorItem a { padding: 4px 0; text-align: center; } .iconSelectorItem a span:before { font-size: 16px; } #animationDisplayer { overflow: hidden !important; padding: 30px; } .placeholderIsDefault { color: #b22222; } [data-tooltip-title] { position: relative; display: inline-block; text-align: center; } [data-tooltip-title]:hover:after { visibility: visible; opacity: 1; transform: translate(-50%, 0) scale(1); } [data-tooltip-title]:after { content: attr(data-tooltip-title); padding: 4px 10px; display: inline-block; visibility: hidden; background: rgba(0, 0, 0, 0.75); font-size: 12px; color: #fff; white-space: nowrap; border-radius: 3px; position: absolute; bottom: 100%; left: 50%; z-index: 5; opacity: 1; transform: translate(-50%, 0) scale(0); transform-origin: center bottom; transition: all .15s; } [data-tooltip-position="left"]:after { left: 0 !important; transform: translate(0, 0) scale(0); transform-origin: left bottom; } [data-tooltip-position="left"]:hover:after { transform: translate(0, 0) scale(1); } input[type=checkbox].stylish_checkbox + label, input[type=radio].stylish_checkbox + label { vertical-align: top; } input[type=checkbox].stylish_checkbox { width: 16px; height: 16px; margin: 0 0 0 6px; position: relative; } input[type=checkbox].stylish_checkbox:before { content: ''; width: 100%; height: 100%; display: block; border: 2px solid #a3a3a3; visibility: visible; cursor: pointer; border-radius: 2px; transition: all .2s; } input[type=checkbox].stylish_checkbox::after { content: ''; display: block; visibility: visible; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; background: #4e8aff url(/Components/CMS/Resources/Images/checked.svg) no-repeat; background-size: 100% 100%; cursor: pointer; transform: scale(0); transition: all .2s; } input[type=checkbox].stylish_checkbox:hover::before { border-color: gray; } input[type=checkbox].stylish_checkbox:checked::before { border-color: #4e8aff; } input[type=checkbox].stylish_checkbox:checked::after { opacity: 1; transform: scale(1); } input[type=radio].stylish_radio { width: 20px; height: 20px; visibility: hidden; position: relative; } input[type=radio].stylish_radio:before { content: ''; width: 100%; height: 100%; display: block; border: 2px solid #a3a3a3; visibility: visible; cursor: pointer; border-radius: 50%; transition: all .2s; } input[type=radio].stylish_radio:after { content: ''; display: block; visibility: visible; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; background: #4e8aff; cursor: pointer; border-radius: 50%; transform: scale(0); transition: all .2s; } input[type=radio].stylish_radio:hover:before { border-color: gray; } input[type=radio].stylish_radio:checked:before { border-color: #4e8aff; } input[type=radio].stylish_radio:checked:after { opacity: 1; transform: scale(1); } .wysiwyg { padding-right: 5px; padding-left: 5px; } .wysiwyg .row { margin-right: -5px; margin-left: -5px; } .wysiwygComponent { padding: 8px; transition: all .4s; } .wysiwygComponentInner { background: #fff; border: 2px solid #c3c3c3; position: relative; text-align: center; border-radius: 4px; transition: all .4s; } .wysiwygComponentInner:hover { border-color: #4e8aff; box-shadow: 0 6px 12px #9bbdff; } .wysiwygComponentInner:hover .wysiwygComponentFooter { opacity: 1; } .wysiwygComponentInner[data-selected=true] { border-color: #4e8aff !important; } .wysiwygComponentInner[data-selected=true] .wysiwygComponentHeader { background: rgba(78, 138, 255, 0.14); } .wysiwygComponentHeader { height: 100%; padding: 15px 8px; background: #fff; position: relative; text-align: center; border-radius: 3px 3px 0 0; transition: all .4s; } /*.wysiwygComponentHeader:hover:before { opacity: 1; } .wysiwygComponentHeader:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; background: rgba(255, 255, 255, 0.8) url(/Components/CMS/Resources/Images/move-icon.svg) no-repeat center center; cursor: move; opacity: 0; transition: all .4s; }*/ .wysiwygComponentHeader h5 { font-size: 16px; font-weight: bold; color: #4e8aff; margin: 0; padding-bottom: 10px; } .wysiwygComponentHeader h5 a { color: #4e8aff; } .wysiwygComponentHeader h6 { color: gray; position: relative; font-size: 12px; margin: 0; padding-top: 5px; padding-bottom: 10px; } .wysiwygComponentHeader h6:after { content: ''; width: 80%; height: 1px; display: block; background: #e2e6ec; margin: auto; position: absolute; right: 0; bottom: 0; left: 0; } .wysiwygComponentHeader ul { padding: 10px 0; margin: 0; list-style: none; line-height: 28px; font-size: 12px; } .wysiwygComponentHeader ul li { padding: 0 4px; display: inline-block; } .wysiwygComponentHeader ul i { padding-left: 4px; font-size: 16px; color: #4e8aff; vertical-align: middle; } .wysiwygComponentFooter { background: #f8fafc; padding: 0 4px; border-top: 1px solid #e2e6ec; position: absolute; right: 0; bottom: 0; left: 0; opacity: 0; border-radius: 0 0 3px 3px; transition: all .4s; } .tinyNav ul, .wysiwygComponentFooter ul { padding: 0; margin: 0; list-style: none; } .tinyNav ul:after, .wysiwygComponentFooter ul:after { content: ''; display: block; clear: both; } .tinyNav ul li, .wysiwygComponentFooter ul li { float: left; vertical-align: top; } .tinyNav ul li.seperator, .wysiwygComponentFooter ul li.seperator { width: 1px; height: 17px; background: #e2e6ec; margin: 8px 4px; } .tinyNav ul a, .wysiwygComponentFooter ul a { width: 36px; height: 36px; padding: 8px 2px; border: none !important; display: inline-block; text-align: center; color: gray; position: relative; } .wysiwygComponentFooter ul a { width: 28px; height: 28px; padding: 4px; } .wysiwygComponentFooter ul a i { font-size: 16px !important; } .tinyNav ul a.delete_button .wysiwygComponentFooter ul a.delete_button { color: #f44336; } .tinyNav ul a.visible_button, .wysiwygComponentFooter ul a.visible_button { color: #4caf50; } .tinyNav ul a.invisible_button, .wysiwygComponentFooter ul a.invisible_button { color: #ff9800; } .tinyNav ul a:before, .tinyNav ul a:after, .wysiwygComponentFooter ul a:before, .wysiwygComponentFooter ul a:after { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: #e2e6ec; border-radius: 50%; transform: scale(0); transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55); } .tinyNav ul a:after, .wysiwygComponentFooter ul a:after { background: #d0d6e0; z-index: 1; transition: transform .2s ease-in; } .tinyNav ul a:hover:before, .wysiwygComponentFooter ul a:hover:before { transform: scale(1); } .tinyNav ul a:active:after, .wysiwygComponentFooter ul a:active:after { transform: scale(1); } .tinyNav ul a i, .wysiwygComponentFooter ul a i { font-size: 20px; position: relative; z-index: 2; } .tinyNav ul input.wysiwygComponentSelector, .wysiwygComponentFooter ul input.wysiwygComponentSelector { margin: 8px; } .wysiwygComponent.invisible_status { /*cursor: not-allowed;*/ } .wysiwygComponent.invisible_status .wysiwygComponentInner { border-color: #e8e8e8; background: #ccc; border-style: double; box-shadow: none !important; } .wysiwygComponent.invisible_status .wysiwygComponentInner .wysiwygComponentHeader { background: #f2f2f2; } .wysiwygComponent.invisible_status .wysiwygComponentInner .wysiwygComponentHeader h5 a { color: #9e9e9e; } .wysiwygComponent.ghost_status .wysiwygComponentInner { border-style: dashed; } .wysiwygComponent.invisible_status .wysiwygComponentHeader ul { display: none !important; } .wysiwygComponent.invisible_status .pageComponentTitle { float: right; padding: 20px; } .wysiwygComponent.invisible_status h6 { float: left; padding: 20px; } .wysiwygComponent.invisible_status h6:after { display: none !important; } .wysiwygComponent.invisible_status .pageComponentTitleInner:after { content: ''; display: block; clear: both; } .componentFunctionalButtons { padding-bottom: 15px; } .componentFunctionalButtons .navbar { padding: 5px 15px; margin: 0; box-shadow: none; border: 1px solid #c9c9c9; } .componentFunctionalButtons:after { content: ''; display: block; clear: both; } .selectAllPageComponentButton { padding-top: 10px; } .pagesTreePanel.closed { width: 0; padding: 0; transition: all .5s; overflow: hidden; } .pagesTreePanel { transition: all .5s; } .pagesTreePanel > .panel > .panel-heading { padding: 6px 15px; } .pagesTreePanel > .panel > .panel-heading:after { content: ''; display: block; clear: both; } .pageContentPanel { transition: all .5s; } .cms-checkbox-list input[type="checkbox"] { margin-right: 0 !important; position: static !important; } .pageComponentRow { border: 1px dashed #2f9fe0; box-sizing: border-box; border-radius: 5px; margin-bottom: 10px; } .pageComponentRow:last-child { margin-bottom: 0 !important; } .pageComponent { margin-bottom: 10px !important; } .pageComponent .panel-body { padding: 5px !important; }
.dbform table td { padding-left: 3px; padding-right: 3px; }

 /* 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 '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/Calendar/Bullet.png') 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/FA/Calendar/Sprites.png) no-repeat -76px -16px; } .eventCalendar .selectYear:after { margin-right: 5px; } .eventCalendar .selectMonth:before { margin-left: 5px; } .eventCalendar .calendarMonthPicker, .eventCalendar .calendarYearPicker { display: none; 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 'SDF', 'Times New Roman'; color: #414141; } .eventCalendar .header .dates .miladi { font: normal normal 100%/1px Tahoma; color: #407b9d; } .eventCalendar .header .dates .qamari { font: normal normal 100%/1px 'SDF', 'Times New Roman'; color: #949494; } .eventCalendar .header .next { width: 76px; height: 16px; background: url(/Components/General/Resources/Images/FA/Calendar/Sprites.png) no-repeat 0 -16px; top: 0; left: 0; right: auto !important; bottom: 0; margin: auto; position: absolute; cursor: pointer; } .eventCalendar .header .previous { width: 76px; height: 16px; background: url(/Components/General/Resources/Images/FA/Calendar/Sprites.png) no-repeat 0 0; top: 0; right: 0; left: auto !important; bottom: 0; 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 div { padding: 0 2px; } .eventCalendar .mainCalendar .dayList .jalali { font: normal normal 100%/1 'SDF'; color: #4c4c4c; padding-top: 3px; } .eventCalendar .mainCalendar .dayList .qamari { font: normal normal 100%/1 SDF; color: #868686; padding-top: 3px; } .eventCalendar .mainCalendar .dayList .miladi { font: normal normal 85%/1 Tahoma; color: #00b6d1; padding-top: 3px; padding: 0 3px 3px 0; } .eventCalendar .mainCalendar .dayList .holiday { color: #f00; } .eventCalendar .mainCalendar .dayList .small { font-size: 55%; } .eventCalendar .mainCalendar .dayList .jalali.small { font-size: 70%; padding: 0 3px 3px 0; } .eventCalendar .mainCalendar .dayList .miladi.small { padding: 0 3px 3px 0; } .eventCalendar .mainCalendar .dayList .qamari.small { font-size: 50%; padding: 1px 0 3px 3px; } /* 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; 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 JPlayer*/ .webPlayer { display: inline-block; position: relative; font-family: 'Tahoma'; clear: both; margin-bottom: 10px; line-height: 1.4; font-size: 11px; box-shadow: 0 0 1px #808080; -webkit-box-shadow: 0 0 1px #808080; box-shadow: 0 0 1px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5); text-align: center; background-color: #222; } .webPlayer 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; } .webPlayer.jp-video-full > .controls { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0.8; z-index: 1000; } .webPlayer.jp-video-full, .webPlayer.jp-video-full object, .webPlayer.jp-video-full video { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 999; } .webPlayer.jp-video-full > .playerScreen, .webPlayer.jp-video-full > .playerScreen > .video-play { z-index: 1000; } .webPlayer .playerScreen { cursor: pointer; } .webPlayer .playerScreen .video-play { display: block; position: absolute; z-index: 990; width: 100%; top: 0; left: 0; right: 0; bottom: 50px; background: url("/Components/General/Resources/Images/JPlayer/preimg.png") no-repeat center center; } .webPlayer .controls { display: block; position: relative; height: 40px; background: #0b0b0b; color: #969696; padding: 5px 10px; z-index: 996; border: 1px solid #000000; } .webPlayer .controls .leftblock { position: absolute; left: 3px; width: 50px; } .webPlayer .controls .leftblock .play { display: block; width: 40px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/playerUI.png") no-repeat 0 1px; opacity: 0.8; } .webPlayer .controls .leftblock .play:hover { opacity: 1; } .webPlayer .controls .leftblock .pause { display: block; width: 40px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/playerUI.png") no-repeat -40px 1px; opacity: 0.8; } .webPlayer .controls .leftblock .pause:hover { opacity: 1; } .webPlayer .controls .progress { position: relative; display: block; margin: 0 95px 0 40px; text-align: left; } .webPlayer .controls .progress span { font-size: 12px; margin-left: 1px; color: #f0f0f0; white-space: nowrap; overflow: hidden; display: inherit; } .webPlayer .controls .progress .progressbar { display: block; height: 4px; background: #3C3C3C; background: rgba(255,255,255,0.05); margin: 2.5px 0; } .webPlayer .controls .progress .progressbar .seekBar { position: relative; display: block; cursor: pointer; padding: 1px; background: #fff; background: rgba(255,255,255,0.1); } .webPlayer .controls .progress .progressbar .seekBar .playBar { display: block; height: 2px; padding: 0; background: #FFFFFF; } .webPlayer .controls .progress .progressbar .seekBar a { display: block; position: absolute; top: -2px; width: 8px; height: 8px; border-radius: 5px; background: #ffffff; margin-left: -3px; } .webPlayer .controls .progress .progressbar .seekBar a div { width: 8px; height: 8px; } .webPlayer .controls .progress .time { display: block; position: absolute; width: 50px; font-size: 11px; } .webPlayer .controls .progress .time.current { left: 1px; text-align: left; color: #f0f0f0; } .webPlayer .controls .progress .time.duration { right: 0; text-align: right; } .webPlayer .controls .rightblock { position: absolute; right: 5px; width: 90px; top: 5px; } .webPlayer .controls .rightblock .volumeText { display: block; position: absolute; bottom: -12px; text-align: center; width: 60px; font-size: 11px; } .webPlayer .controls .rightblock .volumeBar { display: block; position: absolute; height: 4px; background: #3C3C3C; background: rgba(255,255,255,0.05); width: 60px; top: 19px; left: 0; cursor: pointer; } .webPlayer .controls .rightblock .volumeBar .currentVolume { position: relative; height: 2px; padding: 1px; } .webPlayer .controls .rightblock .volumeBar .currentVolume .curvol { display: block; height: 2px; padding: 0; background: #FFFFFF; } .webPlayer .controls .rightblock .volumeBar .currentVolume a { display: block; position: absolute; top: -2px; margin-left: -3px; width: 8px; height: 8px; border-radius: 5px; background: #ffffff; } .webPlayer .controls .rightblock .volumeBar .currentVolume a div { display: block; width: 8px; height: 8px; } .webPlayer .controls .rightblock .fullScreen { display: block; float: right; width: 16px; height: 16px; background: url("/Components/General/Resources/Images/JPlayer/playerUI.png") no-repeat 0 -50px; margin-top: 12px; opacity: 0.4; } .webPlayer .controls .rightblock .fullScreen:hover { opacity: 0.8; } .webPlayer .controls .rightblock .fullScreenOFF { display: block; float: right; width: 16px; height: 16px; background: url("/Components/General/Resources/Images/JPlayer/playerUI.png") no-repeat 0 -68px; margin-top: 12px; opacity: 0.4; } .webPlayer .controls .rightblock .fullScreenOFF:hover { opacity: 0.8; } .webPlayer.audioPlayer .progress { margin-right: 100px; } .webPlayer.audioPlayer .rightblock { width: 85px; } .webPlayer.audioPlayer .rightblock .volumeText { bottom: -42px; } .webPlayer.audioPlayer .fullScreen { display: none; } .webPlayer.audioPlayer .fullScreenOFF { display: none; } .webPlayer .controls .progress { background: none !important; margin: 0 95px 0 45px !important; text-align: right; overflow: visible !important; } .webPlayer .controls { height: 52px !important; } /* End of JPlayer */ .displayNone { display: none; }


/* Start of Module Map */ /* End of Module Map */ 
 /* Start of Module Media */ .rrNoBorder .rrClipRegion { border: none !important; } .imageCaption { font: normal 12px 'Tahoma'; color: #fff; } .imageDescription { font: normal 11px 'Tahoma'; color: #646464; } .formHint { font: normal 10px 'Tahoma'; color: #8c8c8c; } .mediaAttachmentContainer { margin: 0 auto 10px auto; padding: 10px; border: 1px solid #aaa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 2px #aaaaaa; -moz-box-shadow: 0 1px 2px #aaaaaa; box-shadow: 0 1px 2px #aaaaaa; background-color: #e3e3e3; } .mediaAttachmentSelect { margin: 5px auto 10px auto; padding: 10px; border: 1px solid #aaa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 200px; min-width: 230px; } .mediaAttachmentUpload { margin: 5px auto 10px auto; padding: 10px; border: 1px solid #aaa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 200px; min-width: 230px; } .mediaAttachmentContainer { margin: 0 auto 10px auto; padding: 10px; border: 1px solid #aaa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 2px #aaaaaa; -moz-box-shadow: 0 1px 2px #aaaaaa; box-shadow: 0 1px 2px #aaaaaa; background-color: #e3e3e3; } .mediaAttachmentSelect { margin: 5px auto 10px auto; padding: 10px; border: 1px solid #aaa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 200px; min-width: 230px; } .mediaAttachmentUpload { margin: 5px auto 10px auto; padding: 10px; border: 1px solid #aaa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 200px; min-width: 230px; } .relatedMediaContainer { margin: 0 auto 10px auto; padding: 10px; border: 1px solid #aaa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 2px #aaaaaa; -moz-box-shadow: 0 1px 2px #aaaaaa; box-shadow: 0 1px 2px #aaaaaa; background-color: #cccccc; } /* Start of Cute Slider */ .slideWrapper { position: relative; margin: 0 auto; overflow: hidden; } /* End of Cute Slider */ .mediaEditPage .form-control-feedback { pointer-events: inherit; width: 22px; height: 22px; top: 6px; cursor: help; } .mediaEditPage .form-horizontal .has-feedback .form-control-feedback { left: 22px; } /*** Media Search ***/ .advancedSearchTitle { padding-right: 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-right: 0 !important; } .mediaSearchResult .checkbox label { } .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; /*cursor: pointer;*/ 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: right; padding-right: 20px; min-height: 56px; } .mediaSearchResult .attachmentPreview .singleSelectionWrapper img { margin-left: 8px; } .mediaSearchResult .attachmentPreview .singleSelectionWrapper, .mediaSearchResult .attachmentPreview .title { padding-bottom: 4px; font-family: 'SDF Subsidiary'; font-weight: bold; font-size: 18px; } .mediaSearchWrapper .form-control-feedback { pointer-events: inherit; width: 22px; height: 22px; top: 6px; } .mediaSearchWrapper .form-horizontal .has-feedback .form-control-feedback { left: 22px; } /* End of Module Media*/ 


/* 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-left: -2px; margin-right: -1px; } .remark .headerColumn { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; min-height: 40px; padding: 0 5px; } .remark .header .user { text-align: right; } .remark .header .user > img { margin: 3px 4px 4px; 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: left; } .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; left: -7px; } .remark .header .user .email:hover:after { content: ''; height: 0; width: 0; position: absolute; left: 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: right; } .remark .header .flagAndCreationDate .date { margin: 4px 4px 4px 0; float: right; line-height: 31px; } .remark .header .flagAndCreationDate img { float: left; margin: 8px 0 0 4px; } .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-left: 5px; color: #FF7000; } .remark .header .status { padding: 8px 0; } .remark .updater { color: #666666; font-size: 0.8em; padding: 10px 10px 10px; } .remark .header .controls { text-align: left; } .remark .header .controls .score { display: inline-block; float: left; } .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%; left: 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%; left: 0; top: -1px; } .remark .header .controls .score .negative span.text, .remark .header .controls .score .positive span.text { padding: 0 5px 0 23px; font-size: 14px; line-height: 24px; color: #696b73; } .remark .comment { padding: 10px; text-align: justify; } .commentWrapper { border: 1px solid #e2e2e2; background-color: #f9f9f9; box-shadow: inset 0 0 1px 1px #ffffff; padding: 5px; border-radius: 10px; } .remark .commentWrapper { margin: 0 10px 10px 10px; } .commentWrapper .messageBox { padding-left: 10px; padding-right: 10px; } .remark .actionWrapper { text-align: left; padding-left: 10px; } .nested { margin: 5px 40px 20px 10px; } .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; } .remarkWrap.table-responsive > .table > thead > tr > th, .remarkWrap.table-responsive > .table > tbody > tr > th, .remarkWrap.table-responsive > .table > tfoot > tr > th, .remarkWrap.table-responsive > .table > thead > tr > td, .remarkWrap.table-responsive > .table > tbody > tr > td, .remarkWrap.table-responsive > .table > tfoot > tr > td { white-space: normal; } @media (max-width: 359px) { .nested { margin: 5px 5px 20px; } .remark .header .flagAndCreationDate .date { font-size: 0.85em; } } .remarkRate { background: url(/Components/Remark/Resources/Images/RemarkSprites.png) no-repeat 0 -32px; width: 16px; height: 16px; } .remarkLike { background: url(/Components/Remark/Resources/Images/RemarkSprites.png) no-repeat -36px -4px; width: 16px; height: 16px; } .remarkDislike { background: url(/Components/Remark/Resources/Images/RemarkSprites.png) no-repeat -36px -30px; width: 16px; height: 16px; }
.tableScheduler { border-collapse: collapse; } .tableScheduler td { border: solid 1px #dadada; padding-top: 10px; } .tableScheduler table td { border: none; padding: 5px; } a.schedulerRun { font-size: 1.5em; }
 /* Start of Module Sitemember */ /* Start of CallingCode */ .callingCodeWrapper { position: relative; } .callingCodeWrapper > input[type="text"]{ padding-left: 100px; } .callingCode { display: inline-block; direction: ltr; position: absolute; top: 0 !important; left: 0; } .callingCode .RadComboBox table td{ border-collapse: collapse; } .callingCode .flag input[type="text"], .callingCode .flag input[class="textbox"] { border: none; outline: none; } .callingCode input.textbox { padding: 5px 5px 5px 90px; width: 91px; } .callingCode div.RadComboBox { padding-bottom: 0; border: none; box-shadow: none; height: 30px; vertical-align: top; } .callingCode div.RadComboBox .rcbInputCell { background-image: none; } .callingCode div.RadComboBox .rcbReadOnly .rcbArrowCellRight { background-position: -302px -170px; } .callingCode div.RadComboBox .rcbInputCell .rcbInput { padding: 0 0 0 28px; } .callingCode div.RadComboBox .rcbInput { padding: 0; height: 30px; } .callingCode .flag { background: url('/Components/General/Resources/Images/Flags/Flags.png') no-repeat; height: 24px; margin-top: 4px; } .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 */ /* End of Module SiteMember */