@font-face {
  font-family: "B mitra";
  font-style: normal;
  font-weight: normal;
 src: url('/webfont/BMitra.eot');
 src: local('B mitra'), url('webfont/BMitra.woff') format('woff'), url('webfont/BMitra.ttf') format('truetype');
}

.container
{
    border-top: 3px solid #2F71B3;
    width: 1000px;
    margin: auto;
    padding: 0;
    padding-bottom: 15px;
    box-shadow: 0 0 20px #ccc;
}

.Holder
{
    margin: 15px;
    margin-bottom: 0;
    min-height: 500px;
    border: 1px solid #ccc;
    position: relative;
    direction:rtl;
}

.Holder .Overlay
{
    display: none;
    position: absolute;
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
    background-color: rgba(255,255,255,0.6);
    z-index: 100;
}

.Width100
{
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

.Width100 td
{
    padding: 0;
}

.PageHeader
{
    margin: 0 15px;
    direction:rtl;
}

.PageHeader h1
{
    border: 1px solid #fff;
    box-shadow: 0 0 1px #888 inset;
    cursor: default;
    color: #222;
    text-shadow: -1px 2px 0px #bbb;
    font-family: "B mitra", Mitra, Arial;
    font-size: 13pt;
    font-weight: bold;
    padding: 5px 20px;
}

.hiddenOverlay
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    z-index: -1;
}

.SiteMap-Holder
{
    background: left bottom url('../img/sitemap-background.png') repeat-x;
    line-height: 45px;
    height: 50px;
    position: relative;
    border-bottom: 1px solid #C4C5C6;
    direction:rtl;
    padding-right:18px;

}

.SiteMap-Holder .qMenu
{
    line-height: 45px;
    height: 50px;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 10px;
    float: right;
    color: #ddd;
    background-color: #444;
    box-shadow: 0 -30px 30px #222 inset;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.SiteMap-Holder .qMenu:hover
{
    cursor: pointer;
    color: #fff;
    background-color: #2F71B3;
    box-shadow: 0 30px 30px #0F4673 inset;
}

.SiteMap-Holder .qMenu-hover
{
    line-height: 45px;
    height: 50px;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 10px;
    float: right;
    cursor: pointer;
    color: #fff;
    background-color: #2F71B3;
    box-shadow: 0 30px 30px #0F4673 inset;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.SiteMap-Holder .qTree
{
    opacity: 0;
    display: none;
    position: absolute;
    background-color: rgb(255,255,255);
    box-shadow: -2px 2px 5px #333;
    border: 1px solid #999;
    height: 400px;
    width: 350px;
    top: 50px;
    line-height: 10px;
    z-index: 1000;
}

.SiteMap-Holder .qTree .SiteTree a
{
    color: #666;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.SiteMap-Holder .qTree .SiteTree a:hover
{
    color: #000;
}

.SiteMap-Holder .SiteMapPath
{
    font-family: Tahoma;
    font-size: 9pt;
}

.SiteMap-Holder .SiteMapPath .CurrentNode
{
    text-decoration: none;
    color: #666;
}

.SiteMap-Holder .SiteMapPath .Nodes
{
    text-decoration: none;
    color: #333;
}

.SiteMap-Holder .SiteMapPath .Nodes:hover
{
    border-bottom: 1px solid #333;
}

.SiteMap-Holder .SiteMapPath .Seperator
{
    text-decoration: none;
    padding: 0 10px;
    font-family: Courier New;
}

.SiteMap-Holder .SiteMapPath .RootNode
{
    text-decoration: none;
    color: #1B5793;
    text-shadow: 0 0 1px #2F71B3;
}

.SiteMap-Holder .SiteMapPath .RootNode:hover
{
    border-bottom: 1px solid #1B5793;
}

.Description
{
    text-align: justify;
    margin: 20px;
    line-height: 25px;
}

.Description h1
{
    cursor: default;
    color: #333;
    text-shadow: 0 2px 1px #bbb;
    font-family: "B mitra", Mitra, Arial;
    font-size: 13pt;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
}

.Description p
{
    text-indent: 20px;
}

.Description li
{
    margin-bottom: 5px;
}

.Description ul li a
{
    color: #333;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.Description ul li a:hover
{
    text-shadow: 0 1px 1px #666;
}

.SMSPanel-Tabs
{
    width: 900px;
    height: 290px;
    margin: 10px auto 20px;
    overflow: hidden;
}

.SMSPanel-Tabs > ul
{
    list-style: none outside none;
}

.SMSPanel-Tabs > ul > li
{
    display: inline-block;
}

.SMSPanel-Tabs > ul > li a
{
    color: Transparent;
}

.SMSPanel-Tabs .ui-tabs-nav
{
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.SMSPanel-Tabs .ul, .Description .ul
{
    margin: 10px;
    padding: 0 10px 0 0;
    list-style-image: url('../img/list-item-light.png');
    list-style-type: square;
}

.SMSPanel-Tabs .ul li, .Description .ul li
{
    line-height: 20px;
}

.SMSPanel-Tabs h4
{
    cursor: default;
    color: #222;
    text-shadow: -3px 3px 1px #bbb;
    font-family: "B mitra", Mitra, Arial;
    font-size: 12pt;
    font-weight: bold;
    margin: 0;
}

.SMSPanel-Tabs h5
{
    cursor: default;
    color: #000;
    text-shadow: 0px 1px 0px #999;
    font-family: tahoma;
    font-size: 9pt;
    font-weight: normal;
    margin: 0;
}

.CompareSheet
{
    width: 98%;
    margin: 1%;
    border-collapse: collapse;
}

.CompareSheet img
{
    vertical-align: middle;
}

.CompareSheet th
{
    font-weight: normal;
}

.CompareSheet th dfn
{
    text-align: justify;
    font-style: normal;
    display: block;
    line-height: 20px;
    text-indent: 20px;
}

.CompareSheet th span
{
    display: block;
    cursor: default;
    color: #222;
    text-shadow: -2px 2px 2px #bbb;
    font-family: "B mitra", Mitra, Arial;
    font-size: 11pt;
    font-weight: bold;
}

.CompareSheet th a
{
    text-decoration: none;
    cursor: pointer;
    color: #222;
    text-shadow: -1px 1px 1px #bbb;
    font-family: "Segoe UI",tahoma;
    font-size: 9pt;
    font-weight: bold;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.CompareSheet th a:hover
{
    color: #2F71B3;
}

.CompareSheet td
{
    padding: 0;
    text-align: center;
}

.CompareSheet tr
{
    background-color: #F3F2F2;
    line-height: 30px;
    transition: box-shadow 2s ease 0s;
    -webkit-transition: box-shadow 2s ease 0s;
}

.CompareSheet .alt
{
    background-color: #eee;
    box-shadow: 0 -20px 20px #ccc inset;
    border: 1px solid #ccc;
}

.Specification
{
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 20px 20px;
    padding: 10px;
}

.Specification legend
{
    cursor: default;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 -10px 10px #ddd inset;
    color: #002851;
    font-family: tahoma;
    font-size: 9pt;
    padding: 2px 10px 5px;
}

.Specification table
{
    width: 100%;
}

.Specification table tr
{
    vertical-align: top;
}

.Specification table tr td
{
    width: 50%;
}

.Specification ul
{
    list-style-image: url('../img/list-item-light.png');
    list-style-type: square;
}

.Specification ul li
{
    line-height: 20px;
    padding: 1px 5px 3px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.Specification ul li a
{
    color: #333;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.Specification ul li a:hover
{
    text-shadow: 0 1px 1px #666;
}

.Specification ul .li-active
{
    box-shadow: 0 0 2px #888;
    background: #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.Specification ul .li-active a
{
    color: #000;
    text-shadow: 0 1px 1px #333;
    text-decoration: none;
}

.Specification ul .li-active:hover a
{
    color: #000;
    text-shadow: 0 1px 1px #333;
    cursor: default;
}

.Specification .Details
{
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin: 0;
    display: none;
}

.command-buttonPost
{
    background-color: #2f71b3;
       font-family: tahoma;
    font-size: 8pt;
    padding: 5px 15px 7px;
    border: 0;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    color: #fff;
    transition: all 0.2s ease 0.1s;
    -webkit-transition: all 0.2s ease 0.1s;
    text-decoration: none;



}
.command-buttonPost:hover
{
    cursor: pointer;
    background-color: #333;
}
.Specification .Details legend
{
    background-color: #2f71b3;
    border: none;
    box-shadow: none;
    color: #fff;
    font-family: tahoma;
    font-size: 8pt;
    padding: 5px 15px 7px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    transition: all 0.2s ease 0.1s;
    -webkit-transition: all 0.2s ease 0.1s;
}

.Specification .Details legend:hover
{
    cursor: pointer;
    background-color: #333;
}

.Specification .Details legend img
{
    vertical-align: middle;
    margin-left: 5px;
}

.News
{
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin: 20px;
}

.News legend
{
    cursor: default;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 -10px 10px #ddd inset;
    color: #002851;
    font-family: tahoma;
    font-size: 9pt;
    padding: 2px 10px 5px;
}

.News .Header
{
    margin: 2px 2px 0;
}

.News .Header h1
{
    cursor: default;
    text-shadow: -2px 2px 1px #ccc;
    font-family: "B mitra", Mitra, Arial;
    font-size: 12pt;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px;
}

.News .Header .DateHolder
{
    color: #666;
    font-size: 8pt;
    padding: 0 10px 5px;
}

.News .Header .DateHolder img
{
    vertical-align: middle;
    margin-left: 3px;
}

.News .Paper
{
    line-height: 25px;
    padding: 10px 20px;
    margin: 0 2px 2px;
}

.News .Paper p
{
    text-align: justify;
}

.News .Paper blockquote
{
    color: #333;
    border: 1px solid #f6f6f6;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,0.8);
    padding: 10px;
    background: radial-gradient(#f6f6f6,#eee);
}

.News .Paper blockquote p
{
    margin: 0;
}

.NewsList
{
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin: 20px;
}

.NewsList legend
{
    cursor: default;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 -10px 10px #ddd inset;
    color: #002851;
    font-family: tahoma;
    font-size: 9pt;
    padding: 2px 10px 5px;
}

.NewsList .NewsItem, .NewsList .NewsItemAlt
{
    padding: 2px;
}

.NewsList .NewsItem .Header, .NewsList .NewsItemAlt .Header
{
    border-style: solid;
    border-width: 1px;
    border-color: #aaa;
    margin: 2px;
    position: relative;
}

.NewsList .NewsItem .Header
{
    background-color: #eee;
}

.NewsList .NewsItemAlt .Header
{
    background-color: #ddd;
}

.NewsList .NewsItem .Header h2, .NewsList .NewsItemAlt .Header h2
{
    cursor: default;
    color: #000;
    font-family: tahoma;
    font-size: 9pt;
    font-weight: normal;
    margin: 0;
    padding: 10px 10px 11px;
}

.NewsList .NewsItem .Header span, .NewsList .NewsItemAlt .Header span
{
    cursor: default;
    color: #333;
    position: absolute;
    font-size: 8pt;
    top: 11px;
    left: 10px;
}

.NewsList .NewsItem .Summery, .NewsList .NewsItemAlt .Summery
{
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #aaa;
    line-height: 25px;
    text-align: justify;
    text-indent: 20px;
    padding: 10px 20px;
    margin: 0 2px 2px;
    display: none;
    height: auto;
}

.NewsList .NewsItem .Summery
{
    background-color: #fff;
}

.NewsList .NewsItemAlt .Summery
{
    background-color: #fff;
}

.NewsList .ReadMore
{
    display: block;
    text-align: left;
}

.FileInfo
{
    background: #f6f9ff;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    padding: 10px;
    margin: 20px;
    top: 30px;
    width: 300px;
    font-size: 8pt;
}

.FileInfo legend
{
    cursor: default;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 -10px 10px #ddd inset;
    color: #002851;
    font-family: tahoma;
    font-size: 9pt;
    padding: 2px 10px 5px;
}

.Download-Tabs
{
    width: 900px;
    margin: 10px auto 20px;
    overflow: hidden;
}

.Download-Tabs .Item
{
    border: 1px solid #ccc;
    background-image: url('../img/download-back.png');
    background-position: left 0;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 10px 20px;
    height: 165px;
}

.Download-Tabs .Item:hover
{
    background-position: left -153px;
}

.Download-Tabs .Item h2
{
    color: #1B5490;
    text-shadow: -2px 2px 1px #bbb;
    font-family: "B mitra", Mitra, Arial;
    font-size: 14pt;
    font-weight: bold;
    margin: 0;
    position: absolute;
    top: 10px;
    right: 170px;
}

.Download-Tabs .Item h2 span
{
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
}

.Download-Tabs .ui-tabs-nav
{
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.WhyUs
{
    margin: 20px;
    line-height: 25px;
}

.WhyUs p
{
    text-align: justify;
    text-indent: 20px;
}

.WhyUs h2
{
    font-size: 9pt;
}

.WhyUs ul
{
    list-style-image: url('../img/list-item-light.png');
    padding: 0 20px 0 0;
}

.Faq
{
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 20px 20px;
    padding: 10px 15px;
}

.Faq legend
{
    cursor: default;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 -10px 10px #ddd inset;
    color: #002851;
    font-family: tahoma;
    font-size: 9pt;
    padding: 2px 5px 5px 10px;
}

.Faq legend img
{
    vertical-align: middle;
    margin-left: 5px;
}

.Faq p
{
    margin: 5px 0;
    text-align: justify;
    text-indent: 20px;
    line-height: 20px;
}

.Faq ol
{
    margin: 5px 0;
    padding-right: 20px;
    list-style-position: inside;
    line-height: 20px;
}

.Faq ol li
{
    text-align: justify;
}

.HowToBuy
{
    margin: 10px 20px 20px;
}

.HowToBuy p
{
    text-align: justify;
    text-indent: 20px;
    line-height: 25px;
}

.HowToBuy p a
{
    color: #333;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.HowToBuy p a:hover
{
    text-shadow: 0 1px 1px #666;
}

.HowToBuy figure
{
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px #999;
    background: white;
}

.HowToBuy input, .HowToBuy label
{
    cursor: pointer;
}

.HowToBuy label
{
    font-weight: bold;
}

.Accounts
{
    margin: 50px 10px;
}

.Accounts > table
{
    width: 100%;
    border-collapse: collapse;
}

.Accounts > table td
{
    width: 33%;
    padding: 5px;
}

.Accounts .Bank
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #1B5795;
    box-shadow: -5px 0 #1B5795 inset;
}

.Accounts .Bank table
{
    margin: 20px;
    border-collapse: collapse;
}

.Accounts .Bank table td
{
    width: auto;
}

.Accounts .Bank table td:first-child
{
    width: 90px;
}

.TopSpec
{
    margin: 20px;
}

.Spec, .Spec-hover
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 20px 20px;
    padding: 10px 15px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.Spec
{
    border: 1px solid #bbb;
    box-shadow: 0 -100px 100px #e6e6e6 inset;
}

.Spec legend, .Spec-hover legend
{
    cursor: default;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: tahoma;
    font-size: 9pt;
    text-align: center;
    padding: 0 10px;
    margin: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.Spec legend
{
    border: 1px solid #bbb;
    box-shadow: 0 -10px 10px #ddd inset;
    color: #002851;
}

.Spec legend h2, .Spec-hover legend h2
{
    cursor: default;
    font-family: "B mitra", Mitra, Arial;
    font-size: 13pt;
    font-weight: bold;
    margin: 1px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.Spec legend h2
{
    color: #222;
    text-shadow: -2px 2px 1px #ccc;
}

.Spec:hover
{
    border: 1px solid #1B5795;
}

.Spec:hover legend
{
    border: 1px solid #2F71B3;
}

.Spec:hover legend h2
{
    color: #1B5795;
}

.Spec p, .Spec-hover p
{
    margin: 5px 0;
    text-align: justify;
    text-indent: 20px;
    line-height: 25px;
}

.Spec p a, .Spec-hover a
{
    text-decoration: none;
    border-bottom: 1px solid #000;
    color: #000;
}

.Spec p a:hover, .Spec-hover a:hover
{
    border-bottom: 1px solid #03a;
    color: #03a;
}

.Spec img, .Spec-hover img
{
    float: left;
    margin: 10px 20px 10px 5px;
    padding: 1px;
    background-color: #fff;
    width: 200px;
}

.Spec img
{
    border: 1px solid #999;
    box-shadow: 0 3px 5px #666;
}

.Spec-hover
{
    border: 1px solid #1B5795;
    box-shadow: 150px -50px 100px #87A5C4 inset;
}

.Spec-hover legend
{
    border: 1px solid #2F71B3;
    box-shadow: 0 -10px 10px #D2DAE4 inset;
    color: #002851;
}

.Spec-hover legend h2
{
    color: #1B5795;
    text-shadow: -2px 2px 1px #ccc;
}

.Spec-hover img
{
    border: 1px solid #1D5B9A;
    box-shadow: 0 3px 5px #1D5B9A;
}

.Organization
{
    margin: 20px;
    line-height: 25px;
}

.Organization h2
{
    cursor: default;
    color: #222;
    text-shadow: -2px 2px 1px #ccc;
    font-family: "B mitra", Mitra, Arial;
    font-size: 13pt;
    font-weight: bold;
    margin: 1px;
}

.Organization ol
{
    margin: 0;
    padding: 10px 20px;
}

.Organization ol li
{
    font-family: "B Mitra",Mitra,Arial;
    font-size: 12pt;
}

.Organization ol li span
{
    font-family: Tahoma;
    font-size: 9pt;
}

.Organization > span
{
    cursor: help;
}

.Organization p
{
    text-align: justify;
    text-indent: 20px;
}

.WebService
{
    margin: 10px 20px 20px;
    line-height: 25px;
}

.WebService .a
{
    text-decoration: none;
    color: #1A548F;
    border-bottom: 1px solid transparent;
}

.WebService .a:hover
{
    border-bottom: 1px solid #1A548F;
}

.WebService h4
{
    cursor: default;
    color: #000;
    text-shadow: 0px 1px 0px #999;
    font-family: tahoma;
    font-size: 9pt;
    font-weight: normal;
    margin: 10px 0 0;
}

.WebService ul
{
    list-style-image: url('../img/list-item-light.png');
    padding: 0 20px 0 0;
    margin: 0 0 20px;
}

.WebService ul code
{
    color: #00f;
}

.WebService p
{
    text-indent: 20px;
    text-align: justify;
}

.WebService .section
{
    background-color: #ddd;
    border: 1px solid #ccc;
    padding: 5px 10px 0;
    text-align: justify;
}

.WebService .tips
{
    margin-right: 10px;
    color: #666;
    position: absolute;
}

.Usage
{
    margin: 20px;
}

.Usage h5
{
    font-size: 9pt;
    font-weight: normal;
    text-indent: 20px;
    line-height: 25px;
}

.Usage fieldset
{
    border-style: solid;
    border-color: #bbb transparent transparent transparent;
    border-width: 1px;
    padding: 0 10px;
    margin: 20px;
    overflow-y: hidden;
}

.Usage fieldset > div
{
    height: 0;
    overflow-y: hidden;
    border-style: solid;
    border-color: Red;
    border-width: 0;
}

.Usage fieldset legend
{
    cursor: pointer;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 -10px 10px #ddd inset;
    color: #002851;
    padding: 2px 10px 5px;
}

.Usage fieldset legend h2
{
    font-family: tahoma;
    font-size: 10pt;
    font-weight: normal;
    text-shadow: 0 1px 0 #999;
    margin: 0;
}

.Usage ol
{
    line-height: 25px;
    margin: 0;
}

.Usage ol li
{
    font-family: "B Mitra",Mitra,Arial;
    font-size: 12pt;
}

.Usage ol li span
{
    font-family: Tahoma;
    font-size: 9pt;
}

.Reseller
{
    margin: 20px;
    line-height: 25px;
}

.Reseller fieldset
{
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 10px;
}

.Reseller fieldset legend
{
    cursor: default;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 -10px 10px #ddd inset;
    text-align: center;
    padding: 0 10px;
    margin: 0;
}

.Reseller fieldset legend h2, .Reseller .h2
{
    cursor: default;
    color: #002851;
    text-shadow: -2px 2px 1px #ccc;
    font-family: "B mitra", Mitra, Arial;
    font-size: 12pt;
    font-weight: bold;
    margin: 1px;
}

.Reseller ul
{
    list-style-image: url('../img/list-item-light.png');
    padding: 0 30px 0 0;
    margin: 0;
}

.Reseller ul li
{
    text-align: justify;
    margin-bottom: 10px;
}

.Reseller ol
{
    padding: 0 30px 0 0;
    margin: 0;
}

.Reseller ol li
{
    text-align: justify;
    margin-bottom: 10px;
}

.Reseller .ol
{
    padding: 0 30px 0 0;
    margin: 0;
}

.Reseller .ol li
{
    text-align: justify;
    margin-bottom: 0;
}

.Reseller .link
{
    text-decoration: none;
    border-bottom: 1px solid transparent;
    color: #04b;
}

.Reseller .link:hover
{
    border-bottom: 1px solid #04b;
}

.Reseller p
{
    text-align: justify;
    text-indent: 20px;
    margin: 0 0 10px;
}

.Reseller .table.left td:nth-child(2)
{
    text-align: left;
    direction: ltr;
}

.Highlight
{
    -moz-animation: Highlight 0.5s ease-in-out infinite alternate-reverse;
    -o-animation: Highlight 0.5s ease-in-out infinite alternate-reverse;
    -webkit-animation: Highlight 0.5s ease-in-out infinite alternate-reverse;
    animation: Highlight 0.5s ease-in-out infinite alternate-reverse;
    -webkit-text-shadow: 0px 1px 1px #666;
    text-shadow: 0px 1px 1px #666;
    font-family: 'B Roya';
    font-size: 12pt;
    font-weight: bold;
}

@keyframes Highlight
{
    from
    {
        color: #2F71B3;
    }

    to
    {
        color: #002851;
    }
}

@-moz-keyframes Highlight
{
    from
    {
        color: #2F71B3;
    }

    to
    {
        color: #002851;
    }
}

@-webkit-keyframes Highlight
{
    from
    {
        color: #2F71B3;
    }

    to
    {
        color: #002851;
    }
}

.Calc
{
    margin: 20px;
    font-size: 8pt;
}

.Calc fieldset
{
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 10px;
}

.Calc fieldset legend
{
    cursor: default;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 -10px 10px #ddd inset;
    font-size: 9pt;
    text-align: center;
    padding: 2px 5px 5px 10px;
    margin: 0;
}

.Calc .panel
{
    line-height: 25px;
}

.Calc .panel .table td:first-child
{
    font-weight: bold;
}

.Prices
{
    margin: 20px;
    line-height: 20px;
    overflow-y: hidden;
}
.RightPanel{
float:right;
 width: 180px;
}
.LeftPanel{
float:left;
 width: 720px;
 height:100%;
}
.LeftPanel p{
font-family:Tahoma;
margin-right:15px;
margin-bottom:10px;

}
.LeftPanel .detail{
font-family:Tahoma;
margin-right:15px;
margin-bottom:10px;
 border-bottom: 1px solid #bbb;
 display:block;
 font-size:8pt;
}

.RightPanel .tagsarea {
  
    width: 180px;
    height:auto;
      margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
  
}
.tagsarea a {
       transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.4s ease-in-out; /** Firefox **/
    -o-transition: all 0.4s ease-in-out; /** Opera **/
    background: none repeat scroll 0% 0% #DFDFDF;
color: #242424;
display: block;
float: right;
margin: 8px 4px 0px;
padding: 1px 10px 0px;
border-radius:5px;
text-decoration:none;

}
.tagsarea a:hover {
background: none repeat scroll 0% 0% #2F71B3;
color: #FFF;
}

.RightPanel .HedearBlog {
    
    width: 180px;
    height:auto;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
    box-shadow: 0 50px 50px #ddd inset;
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.RightPanel .CategoryBlog ul
{
    list-style: none outside none;
        margin-right:-20px;
   
}
.RightPanel .CategoryBlog ul li
{
    list-style: none outside none;
        border-bottom: 1px solid #bbb;
   
}
.RightPanel .CategoryBlog ul li:last-child
{
    list-style: none outside none;
        border-bottom: 0px solid #bbb;
   
}
.RightPanel .CategoryBlog ul li a
{
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.4s ease-in-out; /** Firefox **/
    -o-transition: all 0.4s ease-in-out; /** Opera **/
 color: #585858;
display: block;
margin: 0px;
padding: 0px 8px 2px 10px;
    text-decoration:none;
}
.RightPanel .CategoryBlog ul li a:hover
{

 color: #2F71B3;
display: block;
margin: 0px;
padding: 0px 8px 2px 10px;
  transform: translate(-5px,0);
    -webkit-transform:translate(-5px,0); /** Chrome & Safari **/
    -o-transform: translate(-5px,0); /** Opera **/
    -moz-transform: translate(-5px,0); /** Firefox **/

}


.RightPanel .CategoryBlog {
  
    width: 180px;
    height:auto;
      margin-top: 10px;
  
    text-align: right;
    
}
.Prices .panel
{
    display: inline-block;
    width: 130px;
    padding: 10px;
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
    box-shadow: 0 50px 50px #ddd inset;
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.Prices .panel:hover
{
    box-shadow: 0 0 5px #bbb;
}

.Prices .panel img
{
    width: 100px;
}

.Prices .panel a
{
    text-decoration: none;
    color: #333;
    font-family: "B mitra", Mitra, Arial;
    font-size: 11pt;
    font-weight: bold;
}

.Prices .panel:hover a
{
    color: #2F71B3;
}

.Prices .panel span
{
    display: block;
    cursor: default;
    text-shadow: -2px 2px 1px #bbb;
    font-family: "B mitra", Mitra, Arial;
    font-size: 11pt;
    font-weight: bold;
}

.Prices h2
{
    cursor: default;
    color: #002851;
    text-shadow: -2px 2px 1px #ccc;
    font-family: "B mitra", Mitra, Arial;
    font-size: 12pt;
    font-weight: bold;
    margin: 1px;
}

.Prices p
{
    text-align: justify;
    text-indent: 20px;
}

.Operators
{
    margin: 20px;
    line-height: 25px;
}

.Operators h1
{
    cursor: default;
    color: #002851;
    text-shadow: -2px 3px 1px #ccc;
    font-family: "B mitra", Mitra, Arial;
    font-size: 13pt;
    font-weight: bold;
    margin: 1px;
}

.Operators h2
{
    cursor: default;
    color: #002851;
    text-shadow: -2px 2px 1px #ccc;
    font-family: "B mitra", Mitra, Arial;
    font-size: 12pt;
    font-weight: bold;
    margin: 1px;
}

.Operators p
{
    text-indent: 20px;
    text-align: justify;
}

.Operators ul
{
    list-style-image: url('../img/list-item-light.png');
    padding: 0 30px 0 0;
    margin: 0;
}

.Operators ul li
{
    text-align: justify;
}

.Operators .tableColor
{
    /*border-collapse:separate;*/
    line-height: 20px;
}

.Operators .tableColor thead
{
    line-height: 25px;
}

.Operators .tableColor tr
{
}

.Operators .tableColor td:first-child
{
    font-weight: bold;
    /*background-color: #aaa;*/
    vertical-align: middle;
}

.Operators .tableColor td
{
    /*background-color: #8C9DAE;*/
    vertical-align: top;
    border: 1px solid #aaa;
}

.Operators .tableColor td:last-child
{
    /*background-color: #B48676;*/
    vertical-align: top;
}

.WebDesign
{
    margin: 20px;
    line-height: 25px;
}

.WebDesign p
{
    text-indent: 20px;
    text-align: justify;
}

.WebDesign ul
{
    list-style-image: url('../img/list-item-light.png');
    padding: 0 30px 0 0;
    margin: 0;
}

.WebDesign ul li
{
    text-align: justify;
    margin-bottom: 10px;
}

.WebDesign ol
{
    padding: 0 30px 0 0;
    margin: 0;
}

.WebDesign ol li
{
    text-align: justify;
}

.Payment
{
    margin: 20px;
    line-height: 25px;
}

.Payment .Enter, .Payment .Exit
{
    text-decoration: none;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.Payment .Enter
{
    background: url('../img/enter.png') no-repeat top left;
}

.Payment .Enter:hover
{
    background: url('../img/enter.png') no-repeat bottom left;
}

.Payment .Exit
{
    background: url('../img/enter.png') no-repeat top left;
}

.Payment .Exit:hover
{
    background: url('../img/enter.png') no-repeat bottom left;
}

.Payment h3
{
    cursor: default;
    color: #002851;
    text-shadow: -2px 2px 1px #ccc;
    font-family: "B mitra", Mitra, Arial;
    font-size: 14pt;
    font-weight: bold;
    margin: 5px 0 15px;
}

.Payment .Icon
{
    position: absolute;
    top: 10px;
    left: 30px;
}

.OneLook
{
    margin: 20px;
    line-height: 25px;
}

.OneLook p
{
    text-align: justify;
    text-indent: 20px;
}

.OneLook h2
{
    font-size: 9pt;
}

.OneLook ul
{
    list-style-image: url('../img/list-item-light.png');
    padding: 0 20px 0 0;
}

.Postal
{
    margin: 20px;
    line-height: 25px;
}

.Postal p
{
    text-align: justify;
    text-indent: 20px;
}

.Postal h2
{
    font-size: 13px;
    font-weight: normal;
}

.Postal fieldset
{
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 10px;
}

.Postal fieldset legend
{
    cursor: default;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 -10px 10px #ddd inset;
    color: #002851;
    font-family: tahoma;
    font-size: 9pt;
    padding: 2px 10px 5px;
    line-height: normal;
}

.Postal .Item
{
    border: 1px solid #ccc;
    margin: 3px;
    position: relative;
    height: 40px;
}

.Postal .Item table
{
    width: 100%;
    height: 100%;
}

.Postal .Item table td
{
    vertical-align: middle;
}

.Postal .Item table td:nth-child(1)
{
    width: 30px;
}

.Postal .Item:hover
{
    background-color: #ddd;
    border: 1px solid #bbb;
}

.Postal .Item span
{
    line-height: 20px;
    font-family: 'B Mitra',Mitra,Tahoma;
    font-size: 12px;
    color: #eee;
    background-color: #444;
    position: absolute;
    top: 10px;
    right: 5px;
    bottom: 10px;
    width: 20px;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.Postal .Item:hover span
{
    background-color: #19508B;
}

.Postal .Item h3
{
    line-height: normal;
    color: #333;
    font-weight: normal;
    font-size: 12px;
    text-shadow: 0 0 1px #999;
    margin: 0;
}

.Postal .Item a
{
    text-decoration: none;
    cursor: default;
}

.OurCustomers
{
    margin: 20px;
}

.OurCustomers fieldset
{
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 10px;
}

.OurCustomers fieldset legend
{
    cursor: default;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 -10px 10px #ddd inset;
    font-size: 9pt;
    text-align: center;
    padding: 2px 5px 5px 10px;
    margin: 0;
}

.OurCustomers .CustomerContainer
{
    width: 900px;
    margin-right: 3px;
}

.OurCustomers .Customer
{
    cursor: default;
    background-color: #fff;
    float: right;
    width: 270px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    margin: 9px;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
}

.OurCustomers .Customer_Hover
{
    background-color: #ddd;
    border: 1px solid #bbb;
}

.OurCustomers .Customer img
{
    background-color: #fff;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 2px #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    margin: 5px;
}

.OurCustomers .Customer span
{
    text-shadow: 0 0 1px #666;
}

.Privacy
{
    margin: 20px;
}

.Privacy h1, .Privacy h2
{
    cursor: default;
    color: #222;
    text-shadow: -2px 2px 1px #bbb;
    font-family: "B mitra", Mitra, Arial;
    font-size: 13pt;
    font-weight: bold;
    margin: 0;
}

.Privacy h1
{
    text-shadow: -2px 2px 1px #bbb;
    font-size: 13pt;
}

.Privacy h2
{
    text-shadow: -1px 1px 1px #bbb;
    font-size: 11pt;
    margin-top: 15px;
}

.Privacy p
{
    margin: 5px 0;
    text-align: justify;
    text-indent: 20px;
    line-height: 20px;
}

.NotFound
{
    margin: 20px;
    text-align: center;
    padding-top: 100px;
}

.NotFound a
{
    color: #04b;
    text-decoration: none;
}

.NotFound a:hover
{
    color: #551A8B;
    text-decoration: underline;
}

.NotFound h1
{
    color: #222;
    font-size: 14pt;
    font-family: "B mitra", Mitra, Arial;
    font-weight: bold;
    text-shadow: -2px 2px 1px #bbb;
}

.NotFound h2
{
    font-size: 12pt;
    font-family: "B mitra", Mitra, Arial;
    font-weight: bold;
    text-shadow: -2px 2px 1px #bbb;
}

.NotFound h3
{
    font-size: 11pt;
    font-family: "B mitra", Mitra, Arial;
    font-weight: bold;
    text-shadow: -1px 1px 1px #bbb;
}

.NotFound h4
{
    color: #222;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 9pt;
    text-shadow: 0 0 1px #bbb;
}
.KeywordPost{
    margin-top:20px;
      clear: both;
    border: 0px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
}
.KeywordPost a {
       transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.4s ease-in-out; /** Firefox **/
    -o-transition: all 0.4s ease-in-out; /** Opera **/
    background: none repeat scroll 0% 0% #DFDFDF;
color: #242424;
display: block;
float: right;
margin: 8px 4px 0px;
padding: 1px 10px 0px;
border-radius:5px;
text-decoration:none;

}
.pagenavi{

    float: left;
padding: 1px;
width: 300px;
direction: rtl;
font: 8pt Tahoma;
  position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}
.postList{

   width:720px;
   height:150px;
    margin-bottom:25px;
}
.divLeftInList{
float:left;
width:570px;
}

.divRightInList{
float:right;
width:145px;
height:145px;
text-align:center;

}

.divRightInList img{

width:140px;
height:140px;
border-radius:4px;
 border: 1px solid #bbb;
  box-shadow: 0 -10px 10px #ddd inset;
}
.pagenavi a {
      transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.4s ease-in-out; /** Firefox **/
    -o-transition: all 0.4s ease-in-out; /** Opera **/
    background-color: #ccc;
    color: #333;
cursor: pointer;
border-radius:4px;
display: inline-block;
margin: 0px 3px 0px 0px;
padding: 4px 12px 3px;
text-decoration: none;
}
.pagenavi a.active {
      transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.4s ease-in-out; /** Firefox **/
    -o-transition: all 0.4s ease-in-out; /** Opera **/
    background-color: #fff;
    color: #333;
cursor: pointer;
border-radius:4px;
display: inline-block;
margin: 0px 3px 0px 0px;
padding: 4px 12px 3px;
text-decoration: none;
}
.pagenavi a:hover {
    
    background-color: #2F71B3;
    color: #fff;

}


.pagenavi .navNexPrv a {
      transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.4s ease-in-out; /** Firefox **/
    -o-transition: all 0.4s ease-in-out; /** Opera **/
    background-color: #ccc;
    color: #333;
cursor: pointer;
border-radius:4px;
display: inline-block;
margin: 0px 1px 0px 0px;
padding: 4px 12px 3px;
text-decoration: none;
}
.pagenavi .navNexPrv a:hover {
    
    background-color: #2F71B3;
    color: #fff;

}
.pagenavi .activenav a {
    
    background-color: #333;
    color: #fff;

}
.pagenavi .activenav a:hover {
    
    background-color: #333;
    color: #fff;

}
.KeywordPost a:hover {
background: none repeat scroll 0% 0% #0F91AF;
color: #FFF;
}
.KeywordPost legend
{
    cursor: default;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 -10px 10px #ddd inset;
    font-size: 9pt;
    text-align: center;
    padding: 2px 5px 5px 10px;
    margin: 0;
    text-shadow: none;
    font-family: Tahoma;
    font-size: 12px;
    color: #666;
}
.Keywords
{
    clear: both;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

.Keywords legend
{
    cursor: default;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 -10px 10px #ddd inset;
    font-size: 9pt;
    text-align: center;
    padding: 2px 5px 5px 10px;
    margin: 0;
    text-shadow: none;
    font-family: Tahoma;
    font-size: 12px;
    color: #666;
}

.Keywords .List
{
    margin: 0;
}

.Keywords .List table
{
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

.Keywords .List table td
{
    padding: 1px;
}

.Keywords .List h3
{
    font-family: Tahoma;
    font-size: 7.5pt;
    font-weight: normal;
    line-height: normal;
    color: #0F4673;
    margin: 0px;
    padding: 1px 5px 2px 5px;
    text-shadow: none;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.Keywords .List h3:hover
{
    color: #333;
}

.ExpiredPanel
{
    margin: 20px;
}

.ExpiredPanel h2
{
    cursor: default;
    color: #002851;
    text-shadow: -2px 2px 1px #ccc;
    font-family: "B mitra", Mitra, Arial;
    font-size: 12pt;
    font-weight: bold;
    margin: 0 0 15px;
}

.SMSBank
{
    margin: 20px;
}

.SMSBank fieldset
{
    background: #fff;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 10px 5px 5px;
}

.SMSBank fieldset legend
{
    cursor: default;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 -10px 10px #ddd inset;
    color: #002851;
    font-family: tahoma;
    font-size: 9pt;
    padding: 2px 10px 5px;
    line-height: normal;
}

.SMSBank fieldset > div
{
    height: 510px;
    overflow-y: scroll;
}

.SMSBank .Category
{
    width: 300px;
    float: right;
}

.SMSBank .Category .CategoryItem
{
    border: 1px solid #ccc;
    background: linear-gradient(to top,#dbe0e6,#fff);
    padding: 3px 8px 3px 3px;
    color: #333;
}

.SMSBank .Category .CategoryItem.Selected, .SMSBank .Category .CategoryItem.Selected:hover
{
    background: linear-gradient(to top,#a3b0c3,#dbe0e6);
    color: #000;
    cursor: default;
}

.SMSBank .Category .CategoryItem:hover
{
    background: linear-gradient(to top,#fff,#ddd);
    color: #000;
}

.SMSBank .Category a
{
    text-decoration: none;
    border: 0;
}

.SMSBank .Message
{
    width: 600px;
    float: left;
}

.SMSBank .Message .MessageItem
{
    border: 1px solid #ccc;
    border-radius: 0 10px 0 0;
    background: #f6f6f6;
    box-shadow: -2px 2px 3px #ccc;
    display: block;
    text-align: justify;
    margin: 1px 10px 1px 150px;
    padding: 10px;
}

.SMSBank .Message .MessageItem:nth-child(4n+1)
{
    border: 1px solid #ccc;
    border-radius: 10px 0 0 0;
    background: #ffffee;
    box-shadow: 2px 2px 3px #ccc;
    margin: 1px 150px 1px 10px;
}

.FreePay
{
    margin: 20px;
}

.FreePay a
{
    text-decoration: none;
    color: inherit;
}

.PayButton
{
    margin-top: 10px;
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px;
    background: #fff;
    height: 65px;
    line-height: 65px;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.PayButton:hover
{
    border: 1px solid #333;
}

.PayButton:active
{
    border: 1px solid #04b;
}

.PayButton img
{
    float: left;
    width: 65px;
}