/* General */
@font-face {
    font-family: "Nassim";
    src: url("/Fonts/nassim-regular.eot");
    src: local("☺"), url("/Fonts/nassim-regular.woff") format("woff"), url("/Fonts/nassim-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Nassim";
    src: url("/Fonts/nassim-bold.eot");
    src: local("☺"), url("/Fonts/nassim-bold.woff") format("woff"), url("/Fonts/nassim-bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

#tblMainContainer {
    width: 100%;
}

.popupBody {
    margin: 0;
    height: 100%;
    direction: rtl;
    background-image: none;
    background-color: #f3f3f3;
}

#divPopupMainContainer {
    width: 100%;
    height: 100%;
}

#divMainContainer {
    width: 100%;
    height: 100%;
    background: #fff url(Images/body-bg.jpg) no-repeat center top;
}

#divTop {
    background: transparent url(Images/Top-bg.png) repeat-x top right;
    width: 100%;
    height: 114px;
}

#divTopContainer {
    width: 1000px;
    text-align: center;
    margin: auto;
    position: relative;
    min-height: 110px;
}

#divTopContainer .head2 {
    font: normal bold 14px 'Times New Roman';
    text-decoration: none;
    color: #fff;
}

#divTools .label {
    color: #fff;
}

#divTopContainer a, #divTopContainer a:link, #divTopContainer a:visited, #divTopContainer a:active {
    font: normal 11px 'Tahoma';
    text-decoration: none;
    color: #999;
}

#divTopContainer a:hover {
    color: #fff;
    text-decoration: none;
}

#divTools {
    text-align: left;
    background: transparent url(Images/Top-Menu-Bg.png) no-repeat bottom left;
    width: 297px;
    padding-bottom: 5px;
    padding-left: 5px;
    position: absolute;
    top: 49px;
    left: 0;
}

#divSubdomainSelect .RadComboBox_SAMPA {
    width: 210px !important;
}

#divTools .innerTube {
    float: left;
    padding-top: 8px;
    padding-left: 5px;
}

#divThemeSelect {
    float: right;
}

#divThemeSelect .label {
    color: #fff;
    float: left;
}

#divSubdomainSelect {
    float: left;
}

#divDate {
    width: 220px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
}

#divUserInfo {
    float: left;
    width: 400px;
    text-align: right;
    color: #777777;
    padding-top: 5px;
    position: absolute;
    bottom: 0;
    right: 230px;
}

#divBackground {
    padding-top: 0;
    width: 100%;
}

#divCenter {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#divRightContainer {
    width: 220px;
    float: right;
    margin-left: 10px;
    height: 100%;
}

#divCenterContainer {
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 220px;
    min-height: 1200px;
}

* html #divCenterContainer {
    height: 1200px;
}

#divBottom {
    clear: both;
    width: 100%;
    padding: 0;
    height: 65px;
    background: url(Images/Bottom-BG.png) repeat-x;
    color: #494b50;
}

#divBottomContent {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-top: 10px;
}

#divBottomContent table {
    float: left;
}

#divBottom .Footer {
    color: #f1f1f1;
    font: normal 11px Tahoma;
}

#divBottom .Copyright {
    font: normal 12px 'Tahoma';
    color: #494b50;
    padding: 0;
}

#divBottom a:link, #divBottom a:visited, #divBottom a:active {
    font: normal 11px 'Tahoma';
    color: #ddd;
    text-decoration: none;
}

#divBottom a:hover {
    color: #222;
    text-decoration: none;
    border-bottom: solid 1px #222;
}

.widthSubdomain {
    width: 220px;
}

#divLoginMain {
    width: 100%;
    height: 100%;
    background: url('Images/Body-Bg.jpg') no-repeat left -87px;
}

#divLoginLeft {
}

#divLoginRight {
}

#divLoginCenter {
    width: 420px;
    vertical-align: top;
    height: 550px;
    background-repeat: no-repeat;
    background-position: center top;
    margin-left: auto;
    margin-right: auto;
}

#divLoginContainer {
    margin-top: 5px;
    background-color: transparent;
    border-width: 0;
    padding-right: 20px;
    padding-left: 20px;
}

#divLoginTitles {
    height: 120px;
    width: 100%;
    text-align: center;
}

.LoginLogo {
    margin-top: 20px;
    background-image: url(Images/Login/Sampa-Logo.png);
    width: 150px;
    height: 101px;
}

.copyright {
    color: #000;
    font: normal 11px Tahoma;
    padding: 10px 10px 10px 10px;
}

a.copyright, a:link.copyright, a:visited.copyright, a:active.copyright {
    font: normal 11px Tahoma;
    color: #000;
}

a:hover.copyright {
    color: #000;
}


html {
    height: 100%;
}

body {
    margin: 0;
    height: 100%;
    direction: rtl;
    line-height: 21px;
}

.textbox, .fileUpload, .ltrTextbox {
    background-color: #fff;
    border: 1px solid #aaa;
    color: #333;
    padding: 3px;
    font: normal 11px Tahoma;
}


.textbox:focus, .fileUpload:focus, .ltrTextbox:focus {
    border: solid 1px #ff9600;
}

.button {
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-top: 0;
    border-bottom: 0;
    background-image: url(Images/Button_Bg.jpg);
    background-repeat: repeat;
    font: normal 11px Tahoma;
    height: 22px;
    padding-bottom: 3px;
}

.button:hover {
    border-right: 1px solid #9e9e9e;
    border-left: 1px solid #9e9e9e;
    border-top: 0;
    border-bottom: 0;
    background-image: url(Images/Button_Bg_Over.jpg);
    background-repeat: repeat;
    height: 22px;
    padding-bottom: 3px;
}

.select {
    border: 1px solid #aaa;
    font: normal 12px Tahoma;
    padding: 2px 2px;
    background-color: #fff;
    line-height: 23px;
}

.horizontalLine {
    height: 1px;
    border-collapse: collapse;
    color: #888888;
    border-style: dotted;
    border-top: 0;
}

.content {
    font: normal 11px Tahoma;
    color: #000000;
    text-decoration: none;
}

.content a, .content a:link, .content a:visited, .content a:active {
    font: normal 11px Tahoma;
    color: #234ba3;
    text-decoration: none;
}

.content a:hover {
    color: #605f5f;
    text-decoration: none;
}

h1, .head1 {
    font: normal 18px 'Times New Roman';
    text-decoration: none;
    color: #333;
}

h2, .head2 {
    font: normal bold 16px 'Times New Roman';
    text-decoration: none;
    color: #333;
}

h3, .head3 {
    font: normal bold 14px 'Times New Roman';
    text-decoration: none;
    color: #333;
}

a.head3, a:link.head3, a:visited.head3, a:active.head3 {
    font: normal bold 14px 'Times New Roman';
    text-decoration: none;
    color: #692301;
}

a:hover.head3 {
    color: #000;
}

a.head4, a:link.head4, a:visited.head4, a:active.head4 {
    font: normal 11px 'Times New Roman';
    text-decoration: none;
    color: #484848;
}

a:hover.head4 {
    color: #000;
}

a.head2, a:link.head2, a:visited.head2, a:active.head2 {
    font: normal bold 16px 'Times New Roman';
    text-decoration: none;
    color: #692301;
}

a:hover.head2 {
    color: #000;
}

a.head1, a:link.head1, a:visited.head1, a:active.head1 {
    font: normal 18px 'Times New Roman';
    text-decoration: none;
    color: #692301;
}

a:hover.head1 {
    color: #000;
}

.label {
    font: normal 11px Tahoma;
    text-decoration: none;
    color: #000;
}

.tableheader {
    background: url(Images/Header-Bg.png) repeat-x bottom right;
    line-height: 26px !important;
    color: #333;
    font: normal 12px Tahoma;
}

.tableheader a:link, .tableheader a:active, .tableheader a:visited {
    font: normal 13px Tahoma;
    color: #333;
    line-height: 26px;
}

.tableheader a:hover {
    color: #ed6d00;
}

.tableheaderlink {
    color: #555;
    font: normal 13px Tahoma;
    line-height: 26px;
}

.tableItem, .tableitem {
    background-image: url(Images/Black01.png);
    font: normal 11px Tahoma;
    line-height: 21px !important;
}

.tableAlternateItem, .tablealternateitem {
    background-image: url(Images/Black10.png);
    font: normal 11px Tahoma;
    line-height: 21px !important;
}

.tablefooter {
    background-image: url(Images/Black15.png);
    font: normal bold 14px 'Times New Roman';
    color: #333;
}

.tableselecteditem {
    font: normal 11px Tahoma;
    background-image: url(Images/Black20.png);
    line-height: 21px;
}

.on {
    background-image: url(Images/Orange50.png);
    font: normal 11px Tahoma;
    line-height: 21px;
}

.right a, .right a:link, .right a:visited, .right a:active {
    font: normal 11px Tahoma;
    color: #00478D;
}

.right a:hover {
    color: #000;
}

.shortcutButton {
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-color: #fff;
    color: #fff;
    border: 1px solid #fff;
    font: normal 9px Tahoma;
    padding-bottom: 0;
}

.shortcutTextbox {
    height: 15px;
    direction: ltr;
    background-color: #fff;
    border: 1px solid #999;
    font: normal 11px Tahoma;
}

.hint {
    color: #555;
    font: normal 11px Tahoma;
}

.userinfo {
    color: #2e3438;
    font: normal 13px Tahoma;
    line-height: 21px;
}

.datetimeinfo {
    color: #000;
    font: normal 11px Tahoma;
    line-height: 21px;
}

.showdatetable {
    border: solid 1px #909090;
    background-image: url(Images/Default12.png);
}

.pager {
    font: normal bold 11px Verdana;
    color: #373737;
    direction: ltr;
}

.pager a:link, .pager a:active, .pager a:visited {
    border: 1px solid #373737;
    padding: 3px 5px;
    font: normal 11px 'Verdana';
    text-decoration: none;
    color: #373737;
}

.pager a:hover {
    border: 1px solid #373737;
    padding: 3px 5px;
    text-decoration: none;
    color: #fff;
    background-color: #ff7f0e;
}

.pager span {
    color: #373737;
    padding-right: 5px;
    padding-left: 5px;
}

.dottedTable {
    border: #888 1px dotted;
}

.dbformprint {
    font: bold 13px 'Times New Roman', 'Tahoma';
    background-color: #F3F3F3;
    padding: 5px 10px 5px 10px;
}

.hand {
    cursor: pointer;
}

.TicketheadMember {
    padding: 5px;
    background-color: #c5ac51;
    font: normal 11px 'Tahoma';
    color: #fff;
    background: url(/image/ticketing/cnote-repeat.gif) repeat-x;
}

.TicketheadUser {
    padding: 5px;
    background: url(/image/ticketing/lwnote-repeat.gif) repeat-x;
    background-color: #4eaac3;
    font: normal 11px 'Tahoma';
    color: #fff;
}

.TicketMember {
    padding: 10px;
    background: url(/image/ticketing/cnote-bg.gif) repeat-x;
    background-color: #fce6bf;
    font: normal 11px 'Tahoma';
    color: #666;
}

.TicketUser {
    padding: 10px;
    background: url(/image/ticketing/lwnote-bg.gif) repeat-x;
    background-color: #a2dcea;
    font: normal 11px 'Tahoma';
    color: #666;
}

caption {
    background: url(Images/Header-Bg.png) repeat-x bottom right;
    line-height: 25px !important;
    color: #333;
    font: normal 12px 'Tahoma', 'Times New Roman';
}

.transdiv {
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}

.tableborder {
    border: #bababa 1px solid;
}

.hide {
    display: none;
}

.moduleNormal {
    background-color: transparent;
    cursor: pointer;
}

.moduleOver {
    background-color: #f7f7f7;
    cursor: pointer;
}

.moduleTitle {
    height: 30px;
}

.tableheaderselect {
    background-color: #dadada;
    color: #333;
    font: normal 11px 'Tahoma';
    line-height: 19px;
}

.imageCaption {
    font: normal 12px 'Tahoma';
    color: #fff;
}

.imageDescription {
    font: normal 11px 'Tahoma';
    color: #646464;
}

.linkButton {
    background: url(../../image/fa/linkbg.gif) repeat-x;
    background-position: bottom left;
    background-repeat: repeat-x;
    text-align: center;
    border-top: 1px solid #93a6b4;
    border-right: 1px solid #93a6b4;
    border-left: 1px solid #93a6b4;
    border-bottom: 0;
    padding: 3px 10px 0 10px;
    height: 19px;
    font: normal 11px Tahoma;
    display: inline-block;
}

.linkButton a:hover {
    color: #FB6A00;
}

.formHint {
    font: normal 10px 'Tahoma';
    color: #8c8c8c;
}
/* Pager Styles */
.pagerCustomGrid {
    font: bold 10px 'Tahoma';
    color: #373737;
    height: 15px;
    direction: ltr;
}

a:link.pagerCustomGrid, a:active.pagerCustomGrid, a:visited.pagerCustomGrid {
    border: 1px solid transparent;
    padding: 1px 4px;
    font: normal 11px 'Tahoma';
    text-decoration: none;
    color: #373737;
    height: 15px;
    display: inline-block;
}

a:hover.pagerCustomGrid {
    border: 1px solid #373737;
    padding: 1px 4px;
    font: normal 11px 'Tahoma';
    text-decoration: none;
    color: #fff;
    background-color: #fc7a1c;
    height: 15px;
    display: inline-block;
}

.pagerCustomGrid span {
    color: #373737;
    padding: 1px 4px;
    height: 15px;
    font: normal 10px 'Tahoma';
}

.pagerNumberText {
    font: normal 10px 'Tahoma';
    text-decoration: none;
    line-height: 18px;
    color: #373737;
    direction: rtl;
}

.pagerTextbox {
    background-color: #fff;
    border: #373737 1px solid;
    font: normal 10px 'Tahoma';
    color: #373737;
    margin: 0;
    width: 50px;
    text-align: center;
}

.pagerButton {
    background-color: #333;
    border: #2c5519 1px solid;
    font: normal 10px 'Tahoma';
    color: #fff;
    line-height: 10px;
    width: 40px;
    height: 23px;
}

.pagerCustomGridCell {
    direction: rtl;
    width: 110px;
    white-space: nowrap;
    text-align: left;
}

.pagerCustomGridCellGoto {
    width: 110px;
    white-space: nowrap;
    text-align: right;
}

.pagerCustomGridTable {
    font: normal 10px 'Tahoma';
    border: solid 1px #cfcdcd;
    background-image: url(Images/Black15.png);
}

.pagerCustomGridCountTable {
    direction: rtl;
}

.pagerCustomGridNumbers {
    unicode-bidi: bidi-override;
    text-align: center;
}

.pagerCustomGridNumbers span {
    background-color: #fff;
    border: solid 1px #373737;
    color: #373737;
    padding: 1px 4px;
    height: 15px;
    font: normal 11px 'Tahoma';
}

.pagerCustomGridNumbers a, .pagerCustomGridNumbers span {
    unicode-bidi: embed;
}

a:link.pagerCustomGridPrev, a:active.pagerCustomGridPrev, a:visited.pagerCustomGridPrev,
a:link.pagerCustomGridNext, a:active.pagerCustomGridNext, a:visited.pagerCustomGridNext {
    border: 1px solid transparent;
    padding: 1px 4px;
    font: normal 11px 'Tahoma';
    text-decoration: none;
    color: #373737;
    height: 15px;
    unicode-bidi: embed;
}

a:hover.pagerCustomGridPrev, a:hover.pagerCustomGridNext {
    border: 1px solid #373737;
    padding: 1px 4px;
    text-decoration: none;
    color: #fff;
    background-color: #fc7a1c;
}
/* End of Pager Styles */
.hidden {
    display: none;
}

.factortable {
    font: normal 13px zar;
}

.factorhead1 {
    font: bold 13px 'Times New Roman';
    color: #000;
    text-decoration: none;
}

.factorhead3 {
    font-weight: bold;
    font-size: 12px;
    color: #000;
    font-family: Zar;
    text-decoration: none;
}

.LastMessageLabel {
    color: #000;
    font: normal 11px 'Tahoma';
}

.LastMessageSuccess table {
    background-color: #edf7f1;
    border: 1px solid #00832d;
    font: normal 11px 'Tahoma';
}

.LastMessageError table {
    background-color: #fce1e0;
    border: 1px solid #881e1a;
    font: normal 11px 'Tahoma';
}

.LastMessageInformation {
    width: 100%;
}

.LastMessageInformation table {
    background-color: #dbe5fa;
    border: 1px solid #3b58d2;
    font: normal 11px 'Tahoma';
}

.LastMessageWarning table {
    background-color: #fcf695;
    border: 1px solid #d8cc06;
    font: normal 11px 'Tahoma';
}

.LastMessageUnKnown table {
    background-color: #f0f0f0;
    border: 1px solid #8898a3;
    font: normal 11px 'Tahoma';
}

.leftAlign {
    text-align: left;
}

.rightAlign {
    text-align: right;
}

.ltr {
    direction: ltr;
}

.rtl {
    direction: rtl;
}

.reverseAlign {
    text-align: left;
}

.correctAlign {
    text-align: right;
}

.reverseFloat {
    float: left;
}

.correctFloat {
    float: right;
}

.pageView {
    border: 1px solid #828282;
    margin: 0 !important;
    border-top: none;
    min-height: 300px;
    background-color: #fff;
    padding: 4px;
    width: auto !important;
}

* html .pageView {
    height: 300px;
}

.redlabel {
    color: Red;
}

.projectControlPageView {
    border: 1px solid #898c95;
    border-top: none;
    background-color: #fff;
    min-height: 700px;
}

* html .projectControlPageView {
    height: 700px;
}

.mainIP {
    font: normal bold 11px 'Tahoma';
    text-decoration: none;
    color: #333;
    background-color: #b8bec4;
}

.mainIPLabel {
    width: 20px;
    background-color: #b8bec4;
    border: solid 1px #9ca2a8;
}

.Center {
    margin-left: auto;
    margin-right: auto;
}

.TopCountSelector a, .TopCountSelector a:link, .TopCountSelector a:visited, .TopCountSelector a:active {
}

.TopCountSelector a.Selected, .TopCountSelector a.Selected:link, .TopCountSelector a.Selected:visited, .TopCountSelector a.Selected:active {
    color: #692301;
    font-weight: bold;
    font-size: 12px;
}

.TopCountSelector span.Title {
    display: block;
    float: right;
    text-align: left;
}

.grid {
    border-collapse: separate;
}

.nowrap {
    white-space: nowrap;
}

.FormGeneratorMainTable {
    min-width: 1500px;
}

* html .FormGeneratorMainTable {
    width: 1500px;
}

.ltrTextbox {
    direction: ltr;
}

.table {
    border-collapse: separate;
    border-spacing: 1px;
}

.table td,
.table th {
    padding: 2px;
}

.creditUnitHint {
    font: 16px verdana,"times new roman",arial,sans-serif;
    font-weight: bold;
}

.creditDeposit {
    direction: ltr;
    color: green;
    font-weight: bold;
    font-size: 12px;
}

.creditWithdrawal {
    direction: ltr;
    color: red;
    font-weight: bold;
    font-size: 12px;
}

.creditBalance {
    direction: ltr;
    color: black;
    font-weight: bold;
    font-size: 12px;
}

.creditNoteBox {
    border: solid 1px #d56a00;
    background-color: #fae29b;
}

.searchTable {
    border: solid 1px #999999;
    background-color: #e3e3e3;
}

.generalTable {
    background-image: url(Images/Default12.png);
    border: solid 1px #909090;
    padding: 1px;
}

.generalRow {
    background-color: #cbced3;
    color: #000;
}

.noItemTable {
    margin: 0 auto 10px auto;
    padding: 20px;
    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: #fff;
    text-align: center;
}

.currentDate {
    font: normal 11px Tahoma;
    color: #424141;
    line-height: 15px;
    text-decoration: none;
}

A.toolTip {
    display: inline-block;
    text-decoration: none;
    padding: 0 0;
}

A.toolTip:hover {
    position: relative;
}

A.toolTip SPAN {
    display: none;
}

A.toolTip:hover SPAN {
    display: block;
    position: absolute;
    z-index: 100;
    left: 0;
    bottom: 17px;
    margin: 0;
    padding: 0;
    height: 25px;
    text-decoration: none;
}

.imgHome {
    background-image: url(../../Image/Icons/Home.png);
    background-repeat: no-repeat;
}

.imgHome:hover {
    background-image: url(../../Image/Icons/HomeOver.png);
    background-repeat: no-repeat;
}

.imgChangeProfile {
    background-image: url(../../Image/Icons/ChangeProfile.png);
    background-repeat: no-repeat;
}

.imgChangeProfile:hover {
    background-image: url(../../Image/Icons/ChangeProfileOver.png);
    background-repeat: no-repeat;
}

.imgDesktop {
    background-image: url(../../Image/Icons/Desktop.png);
    background-repeat: no-repeat;
}

.imgDesktop:hover {
    background-image: url(../../Image/Icons/DesktopOver.png);
    background-repeat: no-repeat;
}

.imgLogout {
    background-image: url(../../Image/Icons/Logout.png);
    background-repeat: no-repeat;
}

.imgLogout:hover {
    background-image: url(../../Image/Icons/LogoutOver.png);
    background-repeat: no-repeat;
}

.outerTab {
    position: absolute;
}

.innerVerticalTab {
    position: relative;
    right: 161px;
    border-top: solid 1px #828282;
}
/* Remark */
.commentWrapper {
    padding-left: 30px;
}

.commentWrapper form {
    margin: 0;
    padding: 0;
}

.userComment {
    position: relative;
    margin-bottom: 10px;
}

.ucTop {
    position: relative;
    height: 39px;
    margin-bottom: 5px;
}

.ucUserImage {
    position: absolute;
    top: 0;
    right: 5px;
}

.ucUserName {
    position: absolute;
    bottom: 0;
    right: 49px;
    font: bold 16px Times New Roman;
    color: #333;
}

.ucUserFlag {
    position: absolute;
    bottom: 0;
    left: 5px;
}

.ucDate {
    position: absolute;
    bottom: 0;
    left: 35px;
    font: normal 11px Tahoma;
    color: #aaa;
}

/* TOP SECTION STYLES */
.ucContentTop {
    height: 5px;
}

.ucContentTop .ucContentTopLeft {
    width: 5px;
    height: 5px;
    float: left;
    background: url(Images/Remark/UcParrentContent.png) no-repeat 0 0;
}

.ucContentTop .ucContentTopRight {
    width: 5px;
    height: 5px;
    float: right;
    background: url(Images/Remark/UcParrentContent.png) no-repeat right -5px;
}

.ucContentTop .ucContentTopMiddle {
    height: 5px;
    margin: 0 5px;
    background: url(Images/Remark/UcParrentContent.png) repeat-x 0 -10px;
}

/* MIDDLE SECTION STYLES */
.ucContent {
    margin: 0;
    padding: 0;
}

.ucContent .ucContentLeft {
    background: url(Images/Remark/UcParrentContentLeft.png) repeat-y left top;
}

.ucContent .ucContentLeft .ucContentRight {
    background: url(Images/Remark/UcParrentContentRight.png) repeat-y right top;
}

.ucContent .ucContentLeft .ucContentRight .ucContentMiddle {
    margin: 0 2px;
    padding: 5px;
    background-color: #f9f9f9;
    min-height: 70px;
}

.ucContent .ucChild {
    background-color: #f0f0f0 !important;
}

/* BOTTOM SECTION STYLES */
.ucContentBottom {
    height: 5px;
}

.ucContentBottom .ucContentBottomLeft {
    width: 5px;
    height: 5px;
    float: left;
    background: url(Images/Remark/UcParrentContent.png) no-repeat 0 -15px;
}

.ucContentBottom .ucContentBottomRight {
    width: 5px;
    height: 5px;
    float: right;
    background: url(Images/Remark/UcParrentContent.png) no-repeat 0 -20px;
}

.ucContentBottom .ucContentBottomMiddle {
    height: 5px;
    margin: 0 5px;
    background: url(Images/Remark/UcParrentContent.png) repeat-x 0 -25px;
}

.ucText {
    font: normal 11px Tahoma;
    line-height: 18px;
}

.ucFormWrapper {
    text-align: left;
}

.ucRate {
    position: absolute;
    top: 50px;
    left: -30px;
    direction: ltr;
    text-align: center;
}

.ucRate ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ucRate ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ucRateUpText {
    color: #00a651;
    font: normal 11px Tahoma;
    margin: 0 0 5px;
}

.ucRateDownText {
    color: #ed1c24;
    font: normal 11px Tahoma;
    margin: 0 0 5px;
}

.ucRateText {
    color: #ff7000;
    font: normal 11px Tahoma;
    margin: 0 0 5px;
}

.ucRateHint {
    color: #666666;
    font: normal 10px Tahoma;
}
/* End of Remark */

/* HostingOrder */
.hoItem {
    display: table;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.hoDomainItem {
    display: inline-block;
    padding: 5px;
}

.hoDomainItem span {
    padding-bottom: 6px;
}

.hoItem li {
    display: block;
}

.hoItem li span.title {
    display: inline-block;
    width: 120px;
    padding-left: 20px;
    padding-top: 3px;
    text-align: left;
    vertical-align: top;
    height: 22px;
}

.hoItem li span.title span {
    display: inline-block;
}

.hoItem li span.value {
    display: inline-block;
    height: 22px;
}

.hoItem li span.value table {
    border-collapse: separate;
    border-spacing: 0;
}

ul.hoPackageInfo {
    list-style: disc !important;
    margin: 5px 160px 10px 0;
    padding: 0;
    font: normal 11px Tahoma;
}

.hoPackageInfo li {
    line-height: 20px !important;
    list-style-type: square !important;
}

.hoPackageInfo li span {
    display: inline-block;
    width: 120px;
}

.hoIframe {
    background-image: url(Images/Default12.png);
    border: solid 0 #909090;
    padding: 1px;
}

.hoTable2 td {
    padding: 2px;
    margin: 2px;
}

.hoTable td {
    padding: 5px;
    margin: 1px;
}

#hoGeneralInfo {
    margin: 0 0 16px 0;
    padding: 3px;
    background-image: url(Images/Default12.png);
    border: solid 1px #909090;
}

#hoGeneralInfo .innerTable {
    background-image: url(Images/Default12.png);
    border: solid 1px #909090;
    padding: 10px;
    line-height: 12px;
}

.hostingGlobalTable {
    width: 95%;
    padding-bottom: 12px;
}
.hoNotifyTable 
{
    background-color:#4ce428;
    text-align: left;
    float: left;
    padding: 8px;
    margin-left: -18px;
}
.hostingNotifyTable {
    background-color: #ffff00;
    text-align: left;
    float: left;
    padding: 8px;
    margin-left: -18px;
}

.hostingCheckBox {
    padding: 8px 16px 8px 3px;
}

.hostingGeneralTable {
    background-image: url(Images/Default12.png);
    border: solid 1px #909090;
    padding: 5px;
}

.hostingTable {
    background-image: url(Images/Default12.png);
    border: solid 1px #909090;
}

.hostingGeneralTable tr,
.hostingGeneralTable td {
    direction: rtl;
    padding: 2px;
}

.hostingGeneralTable .innerTube {
    padding: 2px;
    margin: 5px 0;
    vertical-align: middle;
}

.hostingGeneralTable .innerTube.last {
    padding-left: 0;
    margin-left: 1px;
}

.hostingPanel {
    padding-right: 20px;
}

.hostingLastRow {
    background-color: #e9e9e9;
    border: 1px solid #909090;
}

.hostingUserPanel {
    margin: 10px;
}

.hostingIrnicUserPanel {
    padding-top: 5px;
}

.hostingUserTable {
    background-image: url(Images/Default12.png);
    border: solid 1px #909090;
}

.hostingItemList {
    padding: 8px;
}

.IrnicGeneralTable {
    background-color: #e9e9e9;
    border: 1px solid #909090;
    margin: 10px;
    width: 65%;
}

.divbalance {
    padding: 10px;
    background-color: #e5e5e5;
}

.hostingIcon img {
    width: 32px;
    height: 32px;
}

.hostingDomainPanel {
    width: 100%;
}


.hostingUpItem {
    white-space: nowrap;
    text-align: left;
    direction: ltr;
    padding-top: 5px;
    padding-left: 29px;
}

#hoPaymentInfo {
    float: right;
}

#hoPaymentInfo table td {
    padding: 1px;
    margin: 1px;
}

#hoDateInfo {
    float: right;
    margin-right: 20px;
}

#hoDateInfo table td {
    padding: 12px;
}

#hoDateInfo table th {
    padding: 12px;
    text-align: center;
}

.hoForm-row {
    padding: 5px;
}

.hoForm-row div.hoField-name {
    float: left;
    display: inline;
    padding: 0 5px 0 0;
    width: 195px;
    text-align: left;
}

.hoForm-row div.hoField-value {
    margin: 0 0 0 200px;
}

.hoForm-row div.hoText-value {
    padding: 0;
    text-align: left;
    direction: ltr;
}

.hoText-value div {
    display: inline-block;
    width: 100px;
}

.hoForm-row .hostate-status {
    margin-left: 5px;
}

.hoConflict {
    color:red;
    font-size:12px;
}

.hostingUpgradeItemList {
    padding: 4px;
    display: block;
}

.hostingChildTable:after {
    content: " ";
    position: absolute;
    top: -10px;
    right: 37px;
    width: 20px;
    height: 12px;
    background: url('../../Image/Hostingorder/HostingChildTableArrow.png') no-repeat;
}
/* End of HostingOrder */
#ctl00_rdContent_C_cphMiddle_pnlButtons {
    padding-right: 4px;
}
/* Password Box Strength */
.pwdChkCon0 {
    border-right: #bebebe 1px solid;
    border-bottom: #bebebe 1px solid;
    background-color: #ebebeb;
    text-align: center;
    color: Black;
}

.pwdChkCon1 {
    border-right: #bb2b2b 1px solid;
    border-bottom: #bb2b2b 1px solid;
    background-color: #ff4545;
    text-align: center;
    color: Black;
}

.pwdChkCon2 {
    border-right: #e9ae10 1px solid;
    border-bottom: #e9ae10 1px solid;
    background-color: #ffd35e;
    text-align: center;
    color: Black;
}

.pwdChkCon3 {
    border-right: #42c423 1px solid;
    border-bottom: #42c423 1px solid;
    background-color: #4ce428;
    text-align: center;
    color: Black;
}

.pwdChkCon4 {
    border-right: #2f9516 1px solid;
    border-bottom: #2f9516 1px solid;
    background-color: #3abb1c;
    text-align: center;
    color: Black;
}
/* End Password Box Strength */
/* Rotator No Border */
.rrNoBorder .rrClipRegion {
    border: none !important;
}
/* End Rotator No Border*/




/* Calendar */

.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: 16px !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 14px '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: bold 10px 'Times New Roman';
    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 14px 'Times New Roman';
    text-decoration: none;
    color: #134983;
}

a:link.calendar_links {
    font: bold 14px 'Times New Roman';
    text-decoration: none;
    color: #134983;
}

a:visited.calendar_links {
    font: bold 14px 'Times New Roman';
    text-decoration: none;
    color: #134983;
}

a:active.calendar_links {
    font: bold 14px 'Times New Roman';
    text-decoration: none;
    color: #134983;
}

a:hover.calendar_links {
    font: bold 14px '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 13px 'Times New Roman';
    text-align: center;
    color: #000;
}

.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;
}


/* START DATE PICKER STYLES */
#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('/Image/en/Bullet1.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: 60px !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: 65px !important;
    padding: 3px !important;
    font: normal 11px 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;
}
/* END DATE PICKER STYLES */

/* End of Calendar */



/* MagicZoom */

.MagicZoom img {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Style of zoomed window */
.MagicZoomBigImageCont {
    border: 1px solid #999;
    direction: ltr;
}

/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {
    font-size: 8pt !important;
    line-height: normal !important;
    color: #fff;
    background: #666;
    text-align: center !important;
}

/* Style of small square under mouse */
.MagicZoomPup {
    border: 1px solid #aaa;
    background: #fff;
    cursor: move;
}

/* Style of message box while image is loading */
.MagicZoomLoading {
    border: 1px solid #ccc;
    background: #fff url(/image/graphics/loader.gif) no-repeat 2px 50%;
    padding: 4px 4px 4px 24px !important;
    margin: 0;
    text-decoration: none;
    text-align: left;
    font-size: 8pt;
    font-family: sans-serif;
    color: #444;
}
/* Style of the small image link */
.MagicZoomPlus {
    cursor: url(/image/graphics/zoomin.cur), pointer;
    outline: 0 !important;
}

/* Style of the small image */
.MagicZoomPlus img {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Style of the span inside the small image link */
.MagicZoomPlus span {
    display: none !important;
}


/* Style of hotspots */
.MagicHotspots {
    display: none;
    visibility: hidden;
}

.MagicHotspots a {
    border: 1px solid #ccc;
}

.MagicHotspots a:hover {
    border: 1px solid red;
}

/* Style of the small image link */
.MagicThumb, .MagicThumb:hover {
    cursor: url(/image/graphics/zoomin.cur), pointer;
    outline: 0 !important;
}

/* Style of the small image when the large image is expanded */
.MagicThumb-expanded-thumbnail {
    cursor: default;
}

/* Style of the span inside the small image link */
.MagicThumb span {
    display: none !important;
}

/* Style of the small image */
.MagicThumb img {
    border-width: 1px;
    border-style: solid;
    border-color: #9a9a9a;
}

/* Style of the expanded image */
.MagicThumb-expanded {
    cursor: url(/image/graphics/zoomout.cur), pointer;
    background: transparent;
    border: 1px solid #ccc;
    outline: 0;
    padding: 0;
}

/* Style of the caption for the expanded image */
.MagicThumb-caption {
    color: #333;
    font: bold 13px times new roman;
    background: #ccc;
    text-align: right;
    padding: 8px;
    border: 0 !important;
    outline: 0 !important;
    font-weight: bold;
}

/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
    background: transparent url(/image/graphics/buttons1.png) no-repeat 0 0;
    height: 24px;
    display: block;
}

.MagicThumb-buttons a {
    width: 24px;
    height: 24px;
    margin: 0 1px !important;
    overflow: hidden;
}

/* Style of the loading message box */
.MagicThumb-loader {
    font: normal 12pt sans-serif;
    border: 1px solid #000;
    background: #fff url(/image/graphics/loader.gif) no-repeat 2px 50%;
    padding: 2px 2px 2px 22px;
    margin: 0;
    text-decoration: none;
    text-align: left;
}

/* Style of the small images which swap the main image */
.MagicThumb-swap {
}

/* Style to hide caption on page. Only needed for #id method. */
.MagicThumb-external-caption {
    display: none;
}

div.MagicSlideshow {
    border: 1px solid #636363;
    background: transparent;
    display: none; /* hides all images until Magic Slideshow is ready */
    direction: ltr;
}

/* Styles for images */
img.MagicSlideshowImage {
    border: none;
}

/* Styles for images container */
div.MagicSlideshowImagesContainer {
}

/* Styles for thumbnails */
img.MagicSlideshowThumbnail {
    direction: ltr;
}

/* Styles for thumbnails container */
div.MagicSlideshowThumbnailsContainer {
    padding: 0 1px;
}

div.MagicSlideshowThumbnailsContainerStyle {
    background: #FFFFFF;
}

/* Styles for descriptions */
.MagicSlideshowDescription {
    line-height: 24px;
    padding-right: 5px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font: bold 13px times new roman;
    text-align: right;
    margin: 2px;
}

.MagicSlideshowDescriptionBelow {
    font: normal 11px tahoma;
}
/* Styles for links if using text descriptions */
.MagicSlideshowDescription a {
    color: #CFCFCF;
}

.MagicSlideshowDescription a:visited {
    color: #ACACAC;
}

.MagicSlideshowDescription a:hover {
    color: #FFFFFF;
}

/* Style for loading box */
div.MagicSlideshowLoadingBox {
    background: #FFFFFF url( 'images/Loader.gif' ) no-repeat 2px 50%;
    padding: 4px 4px 4px 24px !important;
    margin: 0 !important;
    line-height: 15px;
    color: #363636;
    border: 1px solid #696969;
    text-align: right;
}

/* Styles for arrows */
a.MagicSlideshowArrow {
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
    background: url( 'images/Arrows.gif' );
    padding: 0 !important;
    margin: 0 !important;
}

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 MagicZoom */



/* PopupCalendar */

.calendar {
    border: 1px solid WindowFrame;
    text-align: center;
    background: Window;
    z-index: 400;
}

.calendarHeader {
    background: ActiveCaption;
    border-spacing: 0;
    padding: 3px;
    border-bottom: 1px solid WindowText;
}

.calendarbutton {
    background-color: ButtonFace;
    border: ButtonHighlight 1px solid;
    font-size: 11px;
    font-family: tahoma;
    color: ButtonText;
    height: 16px;
    line-height: 10px;
}

.calendar .select {
    background-color: ButtonFace;
    border: ButtonHighlight 1px solid;
    font-size: 11px;
    font-family: tahoma;
    color: ButtonText;
    height: 16px;
    line-height: 10px;
}

.calendarBody {
}

.bodyTable {
    font: small-caption;
    font-weight: normal;
    text-align: center;
    color: WindowText;
    cursor: default;
    padding: 0;
    border-spacing: 0;
}

.bodyTable td {
    text-align: center;
    padding: 3px;
}

.weekDayHead {
    font-weight: bold;
    /*text-align: center;*/
    border-bottom: 1px solid WindowText;
}

.weekDay {
    font-weight: normal;
    /*text-align: center;*/
    border: none;
}

.holiday {
    color: red;
}

.today {
    font-weight: bold;
    /*text-align: center;*/
    color: green;
    border: none;
}

.current {
    border: 1px dotted WindowText;
}

.selected {
    border: 1px solid ButtonHighlight;
}

.weekNumberHead {
    /*text-align: center;*/
}

.weekNumber {
    font-weight: normal;
    /*text-align: center;*/
    border-left: 1px solid WindowText;
}

.calendarFooter {
}

.footerTable {
    border-spacing: 0;
}

/* End of PopupCalendar */





/* 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;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px #000000;
    -moz-box-shadow: 0 10px 25px #000000;
    box-shadow: 0 10px 25px #000000;
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.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('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('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('Images/FancyBox/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: #000000;
    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('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;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    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 */

/* Start od Module Media */
.mediaSearchResult {
    margin: 0 auto 10px auto;
    padding: 20px;
    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: #fff;
    min-height: 200px;
}

.mediaSearchResultTop {
    margin: 0 auto 5px 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;
}

.mediaSearchImageBox {
    border: 1px solid #aaa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px #dddddd;
    -moz-box-shadow: 0 1px 2px #dddddd;
    box-shadow: 0 1px 2px #dddddd;
    background-color: #fafafa;
    width: 200px;
    height: 200px;
    padding: 2px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.mediaSearchTitle {
    margin: 5px auto 5px auto;
    padding: 2px;
    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: #f3f3f3;
    width: 200px;
}

.mediaSearchTitle .inner {
    padding: 10px;
}

.mediaSearchInsertBox {
    margin: 5px auto 15px auto;
    padding: 2px;
    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: #f3f3f3;
    width: 200px;
    min-height: 100px;
}

.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;
}
/* End of Module Media*/



.subjectSelectContainer {
    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;
}

.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;
}

.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;
}

.roundedContainer {
    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;
}

.formGenerator {
}

.formGenerator .propertyBuilder {
    font: normal 12px 'Tahoma';
}

.formGenerator .propertyBuilder .group {
    width: 100%;
    padding-top: 10px;
}

.formGenerator .propertyBuilder .group .attribute {
    display: table;
    padding-bottom: 2px;
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 5px;
}

.formGenerator .propertyBuilder .group .attribute .title {
    width: 100px;
    text-align: left;
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
    display: table-cell;
    vertical-align: middle;    
}

.formGenerator .propertyBuilder .group .attribute .separator {
    display: table-cell;
    vertical-align: middle;
    padding: 1px;
    text-align: center;
    width: 5px;
}

.formGenerator .propertyBuilder .group .attribute .input {
    display: table-cell;
    vertical-align: middle;
}


.formGenerator .formPreview {
}

.formGenerator .formPreview .group {
    width: 100%;
    padding-top: 5px;
}

.formGenerator .formPreview .group .attribute {
    display: table;
    width: 100%;
    margin-bottom: 5px;
}

.formGenerator .formPreview .group .attribute .title {
    width: 100px;
    text-align: left;
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
    display: table-cell;
    vertical-align: middle;
}

.formGenerator .formPreview .group .attribute .subtitle {
    width: 100px;
    text-align: left;
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
    display: table-cell;
    vertical-align: middle;
}

.formGenerator .formPreview .group .attribute .input {
    display: table-cell;
    vertical-align: middle;
}


.coolfieldset, .coolfieldset.expanded {
    border: 1px solid #aaa;
}


.coolfieldset.collapsed {
    border: 0;
    border-top: 1px solid #aaa;
}

.coolfieldset legend {
    padding-right: 16px;
    padding-left: 3px;
    cursor: pointer;
}

.coolfieldset legend, .coolfieldset.expanded legend {
    background: transparent url(Images/Expanded.png) no-repeat center right;
}

.coolfieldset.collapsed legend {
    background: transparent url(Images/Collapsed.png) no-repeat center right;
}

/* Start od Module BrainyQuote */
.authorLink {
    display: block;
    word-break: break-all;
}
/* End of Module BrainyQuote*/

/* Start od Module TradingCompany */
.tradingCategoryTreeView .RadTreeView.RadTreeView_SAMPA {
    width: auto !important;
    overflow: visible !important;
    float: none;
    margin-left: 14px;
}

a:link.tradingCategoryAllItem, a:visited.tradingCategoryAllItem, a:active.tradingCategoryAllItem {
    color: #000;
    line-height: 20px;
    padding: 3px;
    border: 1px solid transparent;
}

a:hover.tradingCategoryAllItem {
    border: 1px solid #b5b5b5;
    background-color: #e3e3e3;
}
/* End of Module TradingCompany*/

span.label,
span.head2 {
    display: inline-block;
}

span.label input[type="checkbox"],
span.label input[type="radio"] {
    vertical-align: middle;
}

span.label label {
    vertical-align: top;
}

span.head2 label {
    vertical-align: top;
}

.unSpace {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    display: block;
}