@font-face {
    font-family:b yekan;
    src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
        url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

body {
    font-family:tahoma;
    padding:0px;
    margin:0px;
    font-family:tahoma;
    text-decoration:none;
    background:url(images/bg.png) 0 0 repeat;
}

input, select, textarea {
    font-family:Tahoma;
}

a {
    text-decoration:none;
    color:#09C;
}

a:hover {
    color:#0CF;
}

.fw:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.fw {
    display: block;
}

html[xmlns] .fw {
    display: block;
}

* html .fw {
    height: 1%;
}

#top-menu {
    height:70px;
    background:url(images/top_menu.png) 0 0 repeat-x;
    width:100%;
    text-align:right;
    position:fixed;
    top:0;
    left:0;
    z-index:15;
    direction:rtl;
}

#top-menu-content {
    height:30px;
    width:350px;
    margin:15px 0 15px 50px;
    float:right;
}

#top-menu-content a, #userinfo a {
    padding:8px 10px;
    color:#CCC;
    border-left: 1px solid #555;
    font-size:12px;
    display:block;
    float:right;
    background:url(images/menuitem_bg.png) center 0 no-repeat;
}

#top-menu-content a.last {
    border:0 none;
}

#top-menu-content a:hover, #userinfo a:hover {
    color:#FFF;
}

#top-menu-content a.active {
    color:#6b6b6b;
}

#logo {
    width:232px;
    height:55px;
    float:left;
}

#logo a {
    width:232px;
    height:55px;
    display:block;
}

#logo a img {
    max-width:232px;
    max-height:55px;
}

.left-panel {
    width: 250px;
    height: auto;
    position: fixed;
    left: -220px;
    top: 90px;
    direction:ltr;
    background:#FFF;
    z-index:10;
    -webkit-box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.2);
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.left-panel .container {
    position:relative;
}

.left-panel .container .tab-btn {
    position:absolute;
    width:30px;
    height:100%;
    right:0;
    top:0;
    z-index:10;
    background:#333;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor:pointer;
    border-right:2px solid #d14836;
}

.left-panel .container .tab-btn.support {
    background:url(images/support_tabtitle.png) 0 0 no-repeat #333;
}

.left-panel .container .tab-btn.traffic {
    background:url(images/traffic_tabtitle.png) 0 0 no-repeat #333;
}

#traffic {
    width:210px;
    height:200px;
    background:url(images/traffic.jpg) 0 0 no-repeat;
    position:relative;
}

#refresh-stat {
    width:21px;
    height:21px;
    display:block;
    cursor: pointer;
    background: url(images/refresh.png) 0 0 no-repeat;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index:11;
}

#refresh-stat:hover {
    background-position: 0 bottom;
}

#loading-stat {
    width:24px;
    height:24px;
    display:none;
    cursor: pointer;
    background: url(images/submit-progress.gif) 0 0 no-repeat;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index:11;	
}

#traffic .pointer {
    background:url(images/pointer.png) 0 0 no-repeat;
    width:21px;
    height:20px;
    position:absolute;
    z-index:10;
    bottom:0;
    -webkit-transition: 0.2s linear all;
    -moz-transition: 0.2s linear all;
    transition: 0.2s linear all;
    display:none;
}

#traffic .pointer.l1 {
    right:60px;
}

#traffic .pointer.l2 {
    right:163px;
}

#traffic .pointer.rtl {
    background:url(images/pointer_rtl.png) 0 0 no-repeat;
}

#traffic .disabled {
    background:#666;
    width:23px;
    height:200px;
    position:absolute;
    z-index:10;
    bottom:0;
    display:none;
}

#traffic .disabled.l1 {
    right:66px;
}

#traffic .disabled.l2 {
    right:169px;
}



#support {
    width: 235px;
    height: 150px;
    position: fixed;
    left: -217px;
    top: 90px;
    direction:ltr;
}

#support .container {
    width:205px;
    padding:5px;
    height:138px;
    position:relative;
    background:#FFF;
    border:1px solid #d14836;
    direction:rtl;
}

#support .container .arrow {
    position: absolute;
    background: #d14836;
    width: 35px;
    height: 150px;
    top: -1px;
    right: -32px;
    background:url(images/support.png) 0 0 no-repeat;
}

#skype {
    width: 205px;
    height: 40px;
    background: url(images/skype.png) 0 0 no-repeat;
    cursor: pointer;
}

#ticket {
    width: 205px;
    height: 40px;
    background: url(images/ticket.png) 0 0 no-repeat;
    cursor: pointer;
    margin:6px 0 4px 0;
}

#ticket a {
    width:205px;
    height:40px;
    display:block;
    text-indent:-9999px;
}

#online-chat {
    width: 205px;
    height: 40px;
    cursor: pointer;
    background:url(images/public_support.png) center 0 no-repeat
}

#reseller-support {
    width:370px;
    height:44px;
    padding:7px 5px 4px 5px;
    background:url(images/reseller_support.png?v1) 0 0 no-repeat;
    position:absolute;
    left:3px;
    bottom:-42px;
}

#bulk-sms {
    width:144px;
    height:169px;
    position:fixed;
    top:0;
    right:0px;
    z-index:100;
    background:url(../../images/bulk_icon.jpg) 0 0 no-repeat;
}

#public-header {
    height:230px;
    width:100%;
    display:block;
}

.header-sect {
    float:right;
    width:100%;
    clear:both;
}

#top-stuff {
    width:480px;
    height:100px;
    background:url(images/top_stuff.png) 0 0 no-repeat;
    float:left;
    position:relative;
}

#login {
    width:145px;
    height:60px;
    background:url(images/login_btn.jpg) 0 0 no-repeat;
    display:block;
    position:absolute;
    left:10px;
    top:-15px;
}

#login:hover {
    background-position:0 bottom;
}

#reseller-login {
    width:145px;
    height:60px;
    background:url(images/login_reseller_btn.jpg) 0 0 no-repeat;
    display:block;
    position:absolute;
    left:165px;
    top:-15px;
}

#reseller-login:hover {
    background-position:0 bottom;
}

#support-portal {
    width:145px;
    height:60px;
    background:url(images/support_portal_btn.jpg) 0 0 no-repeat;
    display:block;
    position:absolute;
    left:320px;
    top:-15px;
}

#support-portal:hover {
    background-position:0 bottom;
}

#public-logo {
    width:270px;
    height:80px;
    background:url(images/public_logo.png) 0 0 no-repeat;
    float:right;
    margin:30px 0 0 0;
}

#social {
    width:100%;
    height:27px;
}

#social a {
    width:27px;
    height:27px;
    float:right;
    display:block;
    background:url(images/social.png) no-repeat;
    margin-right:5px;
}

#social .facebook {
    background-position:-31px -1px;
}

#social .twitter {
    background-position:-61px -1px;
}

#social .rss {
    background-position:-1px -1px;
}

#public-support {
    width: 205px;
    height: 40px;
    position: relative;
    background: url(images/public_support.png) 0 0 no-repeat;
    position: absolute;
    left:0px;
    top:138px;
    cursor:pointer;
}

#skype-call {
    width: 205px;
    height: 40px;
    position: relative;
    background: url(images/skype_call.png) 0 0 no-repeat;
    position: absolute;
    left:142px;
    top:138px;
    cursor:pointer;
}

#quick-call {
    width: 350px;
    height: 23px;
    position: relative;
    background: url(images/quick_call.png) 0 0 no-repeat;
    position: absolute;
    right:89px;
    top:158px;
}

#quick-call:hover {
    background-position:0 bottom;
}

#skype-acc {
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #09C;
    padding:10px;
}

#skype-acc ul {
    margin:0;
    padding:0;
    list-style:none;
    direction:rtl;
}

#skype-acc ul li {
    margin-bottom:5px;
    text-align:center;
}

#skype-acc ul li span {
    float:left;
    display:block;
    color:#09C;
    width:140px;
    font-size:12px;
    margin:10px 0 10px 0;
}

.download {
    padding:5px 40px 5px 5px;
    text-align:center;
    display:block;
    color:#09F;
}

.download.skype {
    background:url(images/download_skype.png) right 0 no-repeat;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #09C;
    width:120px;
    margin:10px auto 0 auto;
}

#public-menu-content {
    height:31px;
    width:900px;
    margin:0 auto;
    background:url(images/public_menu_bg.gif) 0 0 no-repeat;
    padding:6px 15px 12px 15px;
    margin:0;
    list-style:none;
    float:right;
}

#public-menu-content li {
    float:right;
    display:block;
    margin:0 4px 0 2px;
}

#public-menu-content li a {
    /*background:url(images/public_menu_items.png) 0 0 no-repeat;*/
    display:block;
    height:31px;
    float:right;
    line-height:28px;
    padding:0 9px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition:background-color 0.5s ease-out;  
    -moz-transition:background-color 0.5s ease-out;
    -o-transition:background-color 0.5s ease-out;
    transition:background-color 0.5s ease-out;
    font-size:11px;
    font-weight:bold;
    color:#DDD;
    /*min-width: 92px;*/
    text-align: center;
}

#public-menu-content li a:hover, #public-menu-content li a.active {
    background:#c00403;
    color:#FFF;
    -webkit-box-shadow: 0px 0px 5px 1px #333;
    box-shadow: 0px 0px 5px 1px #333;
}

#public-wrapper {
    width:100%;
    height:auto;
    direction:rtl;
    overflow:auto;
    position:relative;
}

#wrapper {
    width:1050px;
    height:auto;
    margin:0 auto 0 auto;
    direction:rtl;
    overflow:auto;
    position:relative;
}

#wrapper .section {
    width:100%;
    height:auto;
    display:block;
}

.centerer {
    width:930px;
    margin:0 auto;
    position:relative;
}

.section h4 {
    display: inline-block;
    background:url(images/page_title.png) 0 0 no-repeat;;
    padding: 3px 15px 0 5px;
    color: #FFF;
    margin: 0;
    font-family:b sina, tahoma;
    position: absolute;
    top:10px;
    right:-14px;
    z-index: 2;
    width:260px;
    height:32px;
}

.keyline-title {
    height: 1px;
    background: #EEE;
    margin: 0 10px 0 5px;
    border-top: 1px dotted #BDBDBD;
    position: relative;
    top: -15px;
}

#slideshow {
    width:930px;
    height:280px;
    margin:0 auto;
}

#login-section {
    width:100%;
    background:url(images/section_rowbg.png) 0 10px repeat-x;
    margin:10px 0;
    overflow:auto;
}

.login-warning {
    padding-right:10px;
    width:205px;
    height:160px;
    float:right;
    margin-top:20px;
    text-align:center;
    line-height:20px;
    font-size:11px;
}

.login-warning span {
    display:block;
    text-align:center;
    color:#F30;

}

.login-warning a {
    color:#09C;
    margin-left:10px;
}

.login-warning a:hover {
    color:#0CF;
}

.login-info {
    width:204px;
    height:160px;
    background:url(images/login_info.png) 0 0 no-repeat;
    float:right;
    margin-top:20px;
}

.login-form {
    width:500px;
    margin:0 !important;
    padding:5px 0 !important;
    border:5px solid #FFF !important;
    background:#FAFAFA0 !important;
    moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
    -khtml-border-radius:0 !important;
    border-radius:0 !important;
    float:right;
}

.forget-info {
    background:url(images/forget_info.png) 0 0 no-repeat !important;
}

#footer {
    width:100%;
    background:#333;
    border-top:1px solid #151515;
    height:35px;
    font-size:11px;
    margin:10px 0 0 0;
}


#footer-content {
    height:35px;
    width:1050px;
    margin:0 auto;
}

#public-footer-content {
    height:35px;
    width:930px;
    margin:0 auto;
}

#footer-content a, #public-footer-content a {
    color:#FFF;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display:block;
    padding:5px 5px 7px 5px;
    min-width: 85px;
    text-align: center;
}

#footer-content a:hover, #public-footer-content a:hover {
    background:#D14836;
    color:#FFF;
}

#footer-content ul, #public-footer-content ul {
    margin:0;
    padding:5px 0 0 0;
    float:right;
    color:#999;
    direction:rtl;
    height:30px;
}

#footer-content ul li, #public-footer-content ul li {
    list-style:none;
    display:inline;
    padding:0 0 0 5px;
    float:right;
}

#footer-content ul li.last, #public-footer-content ul li.last {
    direction:rtl;
    padding:6px 20px 0 0
}

.clear {
    clear:both;
}

.clear.border {
    border-bottom:1px dotted #DDD;
}

.submit-progress {
    width:24px;
    height:24px;
    float:right;
    display:none;
}

.page-wrapper {
    width:910px;
    min-height:500px;
    overflow:auto;
    padding:55px 10px 10px 10px;
    border:1px solid #CCC;
    background:#FAFAFA;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;	
}

.vert-photo {
    width:300px;
    padding:10px 10px 10px 0;
    border-right:1px solid #DDD;
    float:left;
}

.text-wrapper {
    text-align:justify;
    direction:rtl;
    float:right;
    font-size:13px;
    line-height:20px;
}

.form-wrapper {
    width:500px;
    margin:10px auto;
    padding:10px 0;
    border:1px solid #CCC;
    background:#FAFAFA;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.form-wrapper p {
    line-height:20px;
    padding:0;
    position:relative;
    overflow:auto;
    margin:10px 0;
}

form p.last {
    border-top:1px dashed #DDD;
    padding-top:10px;
    margin-bottom:0;
}

.form-wrapper p.icon {
    padding:5px 50px 5px 0;
}

.form-wrapper p.step2, .form-wrapper .step2 {
    display:none;
}

.form-wrapper p label {
    color:#333;
    font-size:12px;
    font-family:Tahoma, Arial, sans-serif;
    float:right;
    width:90px;
    padding:2px 0 0 10px;
    text-align:left;
}

.form-wrapper p span.error {
    position:absolute;
    right:105px;
    top:5px;
    width:10px;
    height:10px;
    display:block;
    background:#D14836;
    z-index:2;
    cursor:help;
}

#pane-exact-hour span.error {
    right:15px !important;
}

.form-wrapper p .label {
    color:#333;
    font-size:12px;
    font-family:Tahoma, Arial, sans-serif;
    float:right;
    padding:3px 5px 5px 15px;
}

.form-wrapper p .msglabel {
    clear: both;
    width: 699px;
    text-align: right;
    padding-right: 40px;
}

.form-wrapper p .stat {
    margin:9px 10px 0 0;
    font-size:12px;
    float:right;
    color:#444;	
}

.form-wrapper p .stat a {
    color:#069;
}

.form-wrapper p .stat a:hover {
    color:#D14836;
}

.form-wrapper p .info {
    margin:7px 10px 0 0;
    font-size:11px;
    float:right;
    color:#777;
}

.form-wrapper p .preview {
    margin:4px 10px 0 0;
    font-size:12px;
    float:right;
    color:#090;
}

.form-wrapper p .info.alert {
    color:#D14836;
}

.form-wrapper p a.info {
    color:#09C;
}

.form-wrapper p a.info:hover {
    color:#0CF;	
}

.form-wrapper p .attention {
    font-size:11px;
    color:#D14836;
    font-weight:bold;
    width:95%;
    text-align:center;
    display:block;
}

.modal-form-wrapper {

}

.modal-form-wrapper p {
    line-height:20px;
    padding:0;
    position:relative;
    overflow:auto;
    margin:5px 0;
}

form p.last {
    border-top:1px dashed #DDD;
    padding-top:10px;
    margin-bottom:0;
}

table {
    width:100%;
    border-collapse:collapse;
    border:1px solid #DDD;
}

tbody {
    border-bottom:1px solid #EEE;
}

tbody tr {
    background:#FFF;
}

tbody tr.alt-row {
    background:#EEE;
}

tbody tr:hover, tbody tr.selected {
    background:#fff3f1;
}

table th {
    vertical-align:middle;
    border-bottom:1px solid #D14836 !important;
}

table td, table th {
    height:23px;
    padding:5px;
    text-align:center;
    font-size:12px;
    border-bottom:1px solid #EEE;
    color:#333;
}

tbody.en tr td {
    direction:ltr;
}

tbody.ralign tr td {
    text-align:right !important;
}

tfoot td {
    border-bottom:0 none;
}

p.note {
    padding:0 45px;
    font-size:13px;
    color:#D14836;
}

.screenshot {
    display:block;
    width:300px;
    float:right;
    margin-bottom:20px;
}

.screenshot img {
    width:280px;
    padding:10px;
    border:1px solid #DDD;
}

.screenshot:hover img {
    border-color:#D14836;
}

.modal-form-wrapper p label {
    color:#333;
    font-size:12px;
    font-family:Tahoma, Arial, sans-serif;
    float:right;
    width:90px;
    padding:2px 0 0 10px;
    text-align:left;
}

.modal-form-wrapper p .label {
    color: #333;
    font-size: 12px;
    font-family: Tahoma, Arial, sans-serif;
    float: right;
    padding: 0 5px 5px 10px;
}

.modal-form-wrapper p .msglabel {
    clear: both;
    width: 409px;
    text-align: right;
    padding-right: 40px;
}

.info-wrapper {
    width:400px;
    margin:10px 0;
    padding:10px;
    float:left;
}

.info-wrapper p .title {
    color: #333;
    font-size: 12px;
    font-family: Tahoma, Arial, sans-serif;
    float: right;
    padding:4px 5px 5px 10px;
}

.text-input {
    padding: 6px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    font-size: 13px;
    background: white url(images/form-field-bg.gif) top left repeat-x;
    border: 1px solid #D5D5D5;
    color: #333;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    float:right;
    width:200px;
}

.button {
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    -khtml-border-radius:2px;
    font-family:Tahoma, Arial, sans-serif;
    display:inline-block;
    background:#EEE;
    border: 1px solid #D5D5D5;
    padding: 7px 8px;
    color: #666;
    font-size:11px;
    cursor: pointer;
    margin-left:2px;
}

.button:hover {
    border-color:#BBB;
    color:#D14836;
}

select {
    moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    font-family: Tahoma, Arial, sans-serif;
    padding:3px;
    border:1px solid #CCC;
    font-size:12px;
    color:#333;
}

.texta {
    padding: 6px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    font-size: 13px;
    background: white url(images/form-field-bg.gif) top left repeat-x;
    border: 1px solid #D5D5D5;
    color: #333;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    float:right;
    width:200px;
    min-height:80px;
}

.bx-pager {
    text-align:center;
    padding:5px 0;
}

.bx-pager a {
    padding:2px 6px;
    margin:3px;
    background:#EEE;
    border:1px solid #DDD;
    color:#666;
    font-size:12px;
}

.bx-pager a:hover {
    background:#DDD;
    border-color:#CCC;
    color:#333;
}

.bx-pager a.pager-active {
    background:#FFF;
    border-color:#D14836;
    color:#333;
}

.bx-prev, .bx-next {
    position:absolute;
    top: 18%;
    width: 20px;
    height: 135px;
    z-index:2;
    display:none;
}

.bx-prev:hover, .bx-next:hover {
    background-position:right center;
}

.bx-prev {
    left: 5px;
    background:url(images/slide_prev.png) 0 center no-repeat;
}

.bx-next {
    right: -55px;
    background:url(images/slide_next.png) 0 center no-repeat;
}

#enamad-box {
    width:127px;
    height:120px;
    padding:38px 85px;
    background:#fbfbfb;
    float:right;
    margin-left:19px;
    background:url(images/enamad.png) 0 0 no-repeat;
}

#home-features-list {
    width:610px;
    height:192px;
    float:left;
    direction:ltr;
    position:relative;
    background:#f5f5f5;
    border:2px solid #BBB;
    moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    -khtml-border-radius: 14px;
    border-radius: 14px;
}

.bx-window {

}

#slides {

}

#home-features-list .item {
    width:610px;
    height:auto;
    display:block;
    direction:rtl;
}

#home-features-list .item .head {
    display:block;
    width:570px;
    padding:6px 20px 13px 20px;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    color:#C50A0A;
    background:url(images/home_features_head.png) no-repeat top center;
    direction:rtl;
}

#home-features-list .item .body {
    display:block;
    width:550px;
    padding:10px 30px;
    text-align:justify;
    font-size:12px;
    line-height:20px;
    height:110px;
    overflow:hidden;
}

#home-features-list .item .footer {
    display:block;
    width:550px;
    padding:10px 30px 10px 30px;
    font-size:11px;
    text-align:left;
    color:#666;
    margin:0 15px;
    border-top:1px dashed #DDD;
}

#notifies-list {
    width:930px;
    margin:0 auto;
    direction:ltr;
    position:relative;
    background:#f5f5f5;
    border-bottom:2px solid #b2b2b2;
    border-right:2px solid #b2b2b2;
    border-left:1px solid #FFF;
    border-top:1px solid #FFF;
}

.bx-wrapper {

}

.bx-window {
    margin-left:30px;
}

#slides {

}

#notifies-list .item {
    width:870px;
    height:auto;
    display:block;
    direction:rtl;
}

#notifies-list .item .head {
    display:block;
    width:830px;
    padding:6px 20px 13px 20px;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    color:#C50A0A;
    background:url(images/notifies_head.jpg) repeat-y top center;
    direction:rtl;
}

#notifies-list .item .body {
    display:block;
    width:810px;
    padding:10px 30px;
    text-align:justify;
    font-size:12px;
    line-height:20px;
}

#notifies-list .item .footer {
    display:block;
    width:780px;
    padding:10px 30px 10px 30px;
    font-size:11px;
    text-align:left;
    color:#666;
    margin:0 15px;
    border-top:1px dashed #DDD;
}

#home-box-wrapper {
    width:930px;
    height:280px;
    margin:0 auto;
}

.home-box {
    width:285px;
    height:225px;
    float:right;
    margin:20px 0 5px 3px;
    padding:10px 10px 20px 10px;
    border:1px solid #999;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.home-box h5 {
    padding-right:15px;
    color:#333;	
    margin:0 7px 0 0;
    padding:0 15px 8px 0;
    border-bottom:1px solid #333;
}

.home-box.a {
    /*background:url(images/home_box_1.png) right 0 no-repeat;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
    padding:10px 5px 20px 10px;
    */
}

.home-box.b {
    /*background:url(images/home_box_2.png) 0 0 no-repeat;
    margin-right:4px;*/
}

.home-box.c {
    /*
    background:url(images/home_box_3.png) 0 0 no-repeat;
    margin-left:0;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;*/
    float:left;
}


.nivoSlider {
    position:relative;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}

.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:60;
    display:none;
}

.nivo-slice {
    display:block;
    position:absolute;
    z-index:50;
    height:100%;
}

.nivo-caption {
    position:absolute;
    left:0px;
    bottom:13px;
    color:#fff;
    opacity:0.7;
    width:100%;
    z-index:89;
}
.nivo-caption p {
    padding:5px;
    margin:0;
}
.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}

.nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:99;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}

.nivo-controlNav {
    position:absolute;
    left:400px;
    bottom:-30px;
    display:none;
}

.nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(images/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
    position: relative;
    z-index:99;
    cursor: pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
    background-position: 0 -22px;
}


.nivo-directionNav a {
    display: block;
    width: 30px;
    height: 30px;
    background: url(images/arrows.png) no-repeat;
    text-indent: -9999px;
    border: 0;
}


a.nivo-nextNav {
    background-position: -30px 0;
    right:15px;
}

a.nivo-prevNav {
    left:15px;
}


/********** ColorBox **********/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position:-51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}


.srv-info {
    float:right;
    width:33%;
    background:url(images/srv_info.png) 0 0 repeat-x;
    border-left:1px dashed #CCC;
    border-bottom:1px dashed #CCC;
    padding-top:15px;
}

.srv-info.last {
    border-left:0 none;
}

.srv-info .title {
    padding:5px 5px 10px 5px;
    height:62px;
}

.srv-info .title label {
    font-weight:bold;
    float:right;
    display:block;
    color:#555;
    width:210px;
    margin-top:10px;
    font-size:12px;
}

.srv-info .title img {
    width:50px;
    height:50px;
    padding:5px;
    margin-left:10px;
    border:1px solid #DDD;
    float:right;

}

.srv-info .body {
    padding:0 10px 45px 10px;
    text-align:justify;
    line-height:20px;
    color:#666;
    position:relative;
    min-height:150px;
    _height:150px;
    font-size:12px;
}

.srv-info .body .more {
    position:absolute;
    bottom:15px;
    left:10px;
}


.more {
    width:57px;
    height:18px;
    padding:2px 5px 5px 5px;
    margin:10px 0 0 0;
    background:url(images/more_btn.png) 0 0 no-repeat;
    color:#FFF;
    text-align:center;
    font-size:11px;
    display:block;
    float:left;
}

.more:hover {
    background-position:0 bottom;
    color:#FFF;
}

.footerbox-frame {
    width:285px;
    height:180px;
    margin:0 0 10px 0;
}

.footer-scroll {
    height:180px;
    overflow:hidden;
    padding-right:20px;
    margin-bottom:0;
}

.footer-scroll li {
    height:30px;
    font-size:75%;
    color:#97256e;
}

.footer-scroll li a {
    color:#97256e;
}

.footer-scroll li a:hover {
    color:#254d97;
}

.notofy-box {

}

#pane-schedule-date span {
    position:absolute;
    top:0;
    font-size:11px;
    color:#666;
    display:none;
}

.date-holder {
    overflow:hidden !important;
    position:relative !important;
    padding-top:20px !important;
    margin:20px 0 10px 0 !important;
}

.date-holder span {
    position:absolute;
    top:0;
    font-size:11px;
    color:#666;
}

#pane-schedule-date .min, .date-holder .min {
    right:387px;
}

#pane-schedule-date .hou, .date-holder .hou {
    right:330px;
}

#pane-schedule-date .day, .date-holder .day {
    right:280px;
}

#pane-schedule-date .mon, .date-holder .mon {
    right:200px;
}

#pane-schedule-date .yea, .date-holder .yea {
    right:120px;
}

form p .frm-rdb-title {
    float: right;
    display: block;
    margin: 1px 0 0 30px;
    font-size: 12px;
    color: #555;
}


.notofy-box {

}


#accordion-wrapper {
    width:610px;
    margin:10px 35px 0 0;
}

#accordion {
    margin:0;
    padding:0;
    list-style:none;
}

#accordion li {
    height:34px;
    background:#FFF;
    border:1px solid #006699;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin-bottom:10px;
    overflow:hidden;
}

#accordion li.opened, #accordion li:hover {
    border-color:#d04735;
}

#accordion li a {
    font-size:12px;
    display:block;
    padding:10px;
    color:#006699;
}

#accordion li.opened a, #accordion li a:hover {
    color:#d04735;
}

#accordion li p {
    font-size:11px;
    line-height:20px;
    text-align:justify;
    direction:rtl;
    padding:10px;
    margin:0;
    border-top:1px dashed #d04735;
}

.side-tab {
    width:255px;
    float:right;
}

.side-tab .t {
    margin:0;
    padding:0;
    list-style:none;
}

.side-tab .t li {

}

.side-tab .t li a {
    display:block;
    padding-right:52px;
    line-height:47px;
    background:url(images/side_tab.png) 0 0 no-repeat;
    font-size:12px;
}

.side-tab .t li a:hover, .side-tab .t li a.active {
    background-position:0 -47px;
    color:#444;
}

.side-tab .t li a.active {
    cursor:default;
    font-weight:bold;
}

.side-tabcontent {
    width:655px;
    float:right;
    font-size:12px;
    color:#555;
    display:none;
}

.side-tabcontent h5 {
    padding:3px 10px 5px 0;
    margin:0 30px 0 0;
    border-bottom:1px solid #CCC;
    color:#666;
    font-size:14px;
}

.side-tabcontent .side-text {

}

.side-sect {
    padding-top:25px;
}

.side-sect h6 {
    padding:3px 10px 5px 0;
    margin:0 30px 0 0;
    background:#EEE;
    color:#666;
    font-size:12px;
}

.side-puretext {
    padding-right:25px;
    line-height:20px;
    text-align:justify;
}

.qa-wrapper {
    margin-right:25px;
}

.qa-wrapper .q, .qa-wrapper .a {
    min-width: 40%;
    max-width: 85%;
    moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    text-align: justify;
    line-height: 20px;
    color: #252525;
    font-size: 12px;
    padding: 10px;
    margin:15px;
    position: relative;
}

.qa-wrapper .q {
    border:1px solid #B8DFEC;
    background:#E2F8FF;
    float:right;
}

.qa-wrapper .a {
    border:1px solid #DDEFAC;
    background:#F5FFDA;
    float:left;
}

.qa-wrapper .text {
    width: 100%;
    font-size: 11px;
    color: #333;
    line-height:20px;
    text-align: justify;
    display: block;
    margin-top: 10px;
}

.qa-wrapper .shape {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 5px;
}

.qa-wrapper .q .shape {
    right:-12px;
    background:url(images/q_shape.png) 0 0 no-repeat;
}

.qa-wrapper .a .shape {
    left:-12px;
    background:url(images/a_shape.png) 0 0 no-repeat;
}

.side-sect .side-list {

}

.side-sect .side-list .side-mainlist {
    margin-bottom:15px;
}

.side-sect .side-list .side-mainlist > li {
    margin-bottom:15px;
    line-height:20px;
}

.side-sect .side-list .side-mainlist > li .side-sublist {

}

.side-sect .side-list .side-mainlist > li .side-sublist li {
    line-height:20px;
}

a.pdownload, a.navigator {
    moz-border-radius:16px;
    -webkit-border-radius:16px;
    border-radius:16px;
    -khtml-border-radius:16px;
    border:5px solid #dfdfdf;
    padding:5px 60px 5px 15px;
    margin:5px;
    display:inline-block;
}

a.pdownload {
    background:url(images/public_downlaod.png) right 0 no-repeat #e63f2c;
}

a.pdownload:hover {
    background-color:#c00403;
}

a.navigator {
    background:url(images/navigator.png) right 0 no-repeat #3fa99f;
}

a.navigator:hover {
    background-color:#2d8c88;
}

a.pdownload .download-text, a.navigator .nav-text {
    display:block;
    color:#FFF;
    font-size:12px;
}

a.pdownload .download-info, a.navigator .nav-info {
    font-size:11px;
    color:#f5d7d3;
    line-height:30px;
}

a.navigator .nav-info {
    line-height:40px;
    color:#e9f5f4 !important;
}

.tabnav-wrapper {
    width:100%;
    height:34px;
    border-bottom:1px solid #63a9c3;
}

.tabcontent-wrapper {
    width:100%;
}

.tabnav {
    color:#63a9c3;
    border:1px solid #63a9c3;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    display:block;
    padding:4px 8px;
    margin-left:1px;
    line-height:25px;
    font-size:12px;
    float:right;
}

.tabnav.current {
    background:#63a9c3;
    color:#FFF;
}

.tabcontent {
    display:none;
}


hr {
    border:1px dashed #CCC;
}


#college-special {
    width:40px;
    height:270px;
    display:block;
    position:fixed;
    right:0;
    top:300px;
    background:url(images/college_special.png) 0 0 no-repeat;
    z-index:100;
}

#special-offer {
    position:absolute;
    width:120px;
    height:31px;
    line-height:31px;
    top:192px;
    left:54px;
    background:#FC0;
    cursor: pointer;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:#333;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
}

#special-offer:hover {
    color:#FFF;
    background:#c00403;
}



#urlsend-help {
    margin:25px 25px 0 0;
    padding:0;
    list-style:none;
}

#urlsend-help li {
    width:100%;
    padding:10px;
}

#urlsend-help li label {
    display:block;
    float:right;
    width:100px;
    font-weight:bold;
    color:#333;
    text-align:left;
    padding-top:3px;
}

#urlsend-help li span {
    display:block;
    float:right;
    color:#666;
    margin-right:25px;
    font-size:85%;
}

p.code {
    height: 100px;
    overflow: hidden;
    text-align: center;	
}

p code {
    padding: 5px;
    border: 1px dashed #666;
    background: #EEE;
    font-size: 72%;
    width: 740px;
    line-height: 40px;
}