    <style>

        /*General*/
* {
    outline: 0px none;
    font-family: Tahoma;
    font-size: 9pt;
    text-decoration: none;
    padding: 0;
    margin: 0;
    vertical-align: baseline;
}

html, body {
}

html {
    height: 100%;
    /*background-color: #064D7A;*/
    overflow: auto;
    overflow-y: scroll;
    background-image: url('Images/Backgrand.png');
    /*background-repeat: no-repeat;*/
}

body {
    /*background-position: center top;*/
    /*background-color: #fff;*/
    /*overflow-y: scroll;*/
}

p {
    line-height: 2em;
    padding-top: 10px;
}

img {
    border: 0 none;
}

a, a:visited {
    color: #126499;
    text-decoration: none;
    font-weight: normal;
}

    a:hover {
        color: #f00;
    }

input[type="text"], input[type="password"], input[type="file"], input[type="number"] {
    border: 1px solid #c9c9c9;
    width: 200px;
    padding: 6px 4px;
    text-align: right;
}

.search-box .input-Calendar {
    border: 1px solid #c9c9c9;
    width: 100px;
    padding: 6px 4px;
    text-align: right;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    background-color: #E9FFE9;
    border-color: #52C552;
}

select {
    border: 1px solid #c9c9c9;
    width: 210px;
    margin-top: 5px;
    padding: 6px 0;
}

textarea {
    border: 1px solid #C9C9C9;
    padding: 5px 0;
    min-width: 200px;
}

fieldset {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 20px 10px 10px 10px;
    margin: 10px 0;
}

    fieldset legend {
        border: 1px solid #c9c9c9;
        border-radius: 4px;
        padding: 10px;
        display: block;
    }

table {
    /*border: solid 1px #CDCDCD;*/
    border-collapse: collapse;
}

    table td {
        padding: 5px;
        /*border: solid 1px #CDCDCD;*/
        vertical-align: top;
    }

    table th {
        padding: 6px 5px;
        text-align: right;
        background-color: #D2DAFF;
        /*border: solid 1px #B3C0FF;*/
        color: #42454A;
        font-weight: normal;
    }

    table tr.deleted td {
        text-decoration: line-through;
    }

@font-face {
    font-family: 'Koodak';
    src: url('Fonts/Koodak/BKoodakBold.eot?#') format('eot'), /* IE6–8 */
    url('Fonts/Koodak/BKoodakBold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('Fonts/Koodak/BKoodakBold.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'Titr';
    src: url('Fonts/Titr/BTitrBold.eot?#') format('eot'), /* IE6–8 */
    url('Fonts/Titr/BTitrBold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('Fonts/Titr/BTitrBold.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'Traffic';
    src: url('Fonts/Traffic/BTraffic.eot?#') format('eot'), /* IE6–8 */
    url('Fonts/Traffic/BTraffic.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('Fonts/Traffic/BTraffic.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'Yekan';
    src: url('Fonts/Yekan/BYekan.eot?#') format('eot'), /* IE6–8 */
    url('Fonts/Yekan/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('Fonts/Yekan/BYekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

/*layout*/
#header, #content, #footer {
    width: 950px;
    margin: 0 auto;
    direction: rtl;
}

#header {
    background-image: url('Images/EducationService.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #fff;
    height: 168px;
    position: relative;
}

    #header img {
        margin: 8px;
        width: 72px;
        height: 72px;
    }


#assessment-logo img {
    margin: 8px;
    width: 72px;
    height: 72px;
}


#content {
    background-image: url("Images/Backgrand.png");
    background-repeat: no-repeat;
    bottom: -33px;
    margin: 0 auto;
    min-height: 500px;
    /*overflow: auto;*/
}

/*footer*/
.footer-wrapper {
    background-color: #097782;
    min-height: 36px;
}

#footer {
    color: #fff;
    font-size: 12px;
    line-height: 1em;
    padding: 10px 0;
    text-align: center;
}

    #footer a {
        color: #fff;
        font-size: 12px;
    }

/*header*/
#header .login {
        color: #000;
    left: 0;
    min-width: 150px;
    position: absolute;
    right: 975px;
    text-align: left;
    top: 140px;
    z-index: 100;
    width: 100px;
}

    #header .login a {
        color: #000;
    }

        #header .login a:hover {
            color: #FFFF00;
        }

    #header .login span {
        vertical-align: middle;
    }

.logoff {
    background-image: url(images/LogOff.png);
    width: 24px;
    height: 24px;
    display: inline-block;
}

#header .site-logo {
    height: 30px;
    position: absolute;
    right: 100px;
    top: 2px;
    font-family: yekan;
    font-size: 20px;
    color: #fff;
}

    #header .site-logo a {
        font-family: yekan;
        font-size: 16px;
        color: white;
        font-weight: bold;
    }

#header .application-logo {
    background-position: center top;
    background-repeat: no-repeat;
    height: 30px;
    position: absolute;
    right: 100px;
    top: 40px;
    font-family: yekan;
    font-size: 15px;
    color: #fff;
}

#header .ministry-logo {
    background-image: url('Images/Allah.png');
    background-position: center top;
    background-repeat: no-repeat;
    width: 185px;
    height: 100px;
    margin: 0px auto;
}

#header .ministry-logo2 {
    background-image: url('Images/Allah2.png');
    background-position: center top;
    background-repeat: no-repeat;
    width: 323px;
    height: 94px;
    margin: 0px auto;
}

/*Menu*/
ul#menu {
    text-align: right;
    bottom: -11px;
    position: absolute;
    left: -10px;
}

    ul#menu li {
        list-style: none;
        float: right;
        margin: 0 2px;
    }

        ul#menu li a {
            border-radius: 4px;
            color: #fff;
            display: block;
            font-family: "Koodak";
            font-size: 15px;
            margin-right: 10px;
            padding: 3px 10px;
            text-align: center;
        }

            ul#menu li a.selected {
                color: #333;
                background: #fff 0px -240px repeat scroll url('Images/bg-button.png');
            }

            ul#menu li a:hover {
                color: silver;
                transform: scale(1.05,1.05);
                transition-timing-function: linear;
                transition-duration: 100ms;
            }

/* Content */

/* Common Class */
.title-bar {
    margin: 0px -20px;
    padding: 15px 20px;
    border: 1px none #D5D5D5;
    border-style: solid none;
    background-color: #EDEDED;
    font-weight: bold;
    font-size: 8pt;
    color: #444;
}

.titr-extra {
    color: #000;
    padding: 10px 10px;
    line-height: 40%;
    overflow: hidden;
    border: 1px double #B3C0FF;
    margin: 10px 0;
    background-color: #81b5c8;
}

.gradiant {
    min-height: 28px;
    border: 1px none #BFBFBF;
    border-style: solid none;
    background-color: #E9E9E9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#c9c9c9'); /* for IE */
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%, #F1F1F1),color-stop(100%, #c9c9c9));
    background-image: -webkit-linear-gradient(top, #F1F1F1, #c9c9c9);
    background-image: -moz-linear-gradient(top, #F1F1F1, #c9c9c9);
    background-image: -o-linear-gradient(top, #F1F1F1, #c9c9c9);
    background-image: -ms-linear-gradient(top, #F1F1F1, #c9c9c9);
    background-image: linear-gradient(top, #F1F1F1, #c9c9c9);
}

/*.page-navigation {
    padding: 3px 10px;
    font-size: 16px;
    color: #085f8c;
    font-family: Koodak, Arial;
    text-decoration: none;
    font-weight: normal;
    border-bottom: 1px solid;
    display: block;
    background-color: #ececec;
    width: 931px;
    margin: 0 auto;
}*/


.page-navigation {
    padding: 5px;
    margin: 0 auto;
    margin-bottom:10px;
    font-size: 15pt;
    color: #19abb3;
    font-family: Titr, Arial;
    text-decoration: none;
    font-weight: normal;
    border-bottom: 3px double;
    display: block;
    width:920px;
}

.disable {
    color: #aaa;
}

.hidden {
    display: none !important;
}

.clickable {
    cursor: pointer;
}

p.separated {
    padding: 0;
    margin: 20px 0;
}

.center {
    text-align: center;
}

/* Styles for validation helpers */
.field-validation-error {
    color: #ff0000;
    background-color: #CCFFCC;
    display: inline-block;
    margin-right: 30px;
    padding: 5px;
    /*min-width: 350px;*/
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/*button*/
.button, a.button, body .k-grid .k-button {
    display: inline-block;
    background: url('Images/bg-button.png') 0px 0px repeat #043e5f;
    /*min-width: 60px;*/
    min-height: 18px;
    padding: 5px 10px;
    margin: 0 5px;
    border-radius: 4px;
    color: #ff0;
    font-weight: normal;
    font-size: 11px;
    cursor: pointer;
    border: 1px solid #999;
    /*height: 18px;*/
    text-align: center;
    vertical-align: middle;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    white-space: nowrap;
}

a.button {
    /*height: 18px;*/
    /*box-sizing: content-box;
	-moz-box-sizing: content-box;*/
}

input.button {
    /*height: 30px;*/
    /*box-sizing: border-box;
	-moz-box-sizing: border-box;*/
}

.button.small {
    padding: 3px 3px 7px 3px;
    min-height: 10px;
}

.button:active, a.button:active, body .k-grid .k-button:active {
    border: 2px inset #4C8E0E;
    padding: 2px 10px 6px 10px;
}

.button.small:active, a.button.small:active {
    border: 2px inset #4C8E0E;
    padding: 2px 3px 6px 3px;
}

.button:hover, a.button:hover, body .k-grid .k-button:hover {
    background-color: #8fbad9;
    background-position: 0px -280px;
    color: #222;

}

.button[disabled], .button[disabled]:active, .button[disabled]:hover {
    color: #333 !important;
    background: none !important;
    background-color: #ccc !important;
    border: 1px solid #999 !important;
    padding: 3px 10px 7px 10px !important;
    cursor: default !important;
}

/*box*/
.box {
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    margin: 0 auto;
    min-height: 550px;
    overflow: auto;
    position: relative;
    width:950px;
}

    .box .box-head, .box .box-head-small {
        background: #096596 0px -40px repeat scroll url('Images/navigation-bar.png');
        color: #fff;
        border-radius: 4px 4px 0 0;
        padding: 9px 15px;
        min-height: 16px;
    }

        .box .box-head.light {
            background-position: 0 0;
            background-color: #E6E6FF;
            color: #333;
            border: 1px solid #CCCCCC;
            border-radius: 0;
        }

    .box .box-head-small {
        padding: 4px 20px;
    }

    .box .box-body {
        color: #000;
        padding: 10px 20px;
        line-height: 180%;
        overflow: hidden;
        border: 1px solid #CCCCCC;
        margin: 0 0 20px 0;
    }

    .box .box-grid {
        background-color: #fff;
        color: #000;
        width: 100%;
        padding: 0;
        line-height: 180%;
        overflow: auto;
        border-collapse: collapse;
    }

        .box .box-grid th {
            padding: 5px;
            color: #000;
            font-weight: normal;
            background-color: #D2DAFF;
        }

.small-box {
    line-height: 25px;
    float: right;
    margin: 10px 5px 15px 0;
    width: 210px;
    border: 1px solid #a0a0a0;
    border-bottom: 0;
}

    .small-box .title {
        background-color: #ccc;
        color: black;
        padding: 2px 10px 3px;
        text-align: right;
        overflow: auto;
    }

    .small-box .body {
    }

.small-img-box {
    float: right;
    width: 100px;
    padding: 15px 0;
}

.box-help {
    color: #034AF3;
    width: 800px;
}

/*calendar*/
.calendar {
    position: relative;
    border-color: #888;
    background-color: #FFF;
    z-index: 1;
}

    .calendar, .calendar table {
        border: 1px solid #bbb;
        font-family: Tahoma;
        z-index: 10000;
    }

        .calendar .button {
            text-align: center;
            padding: 2px;
            font-weight: bold;
            margin: 0;
            min-height: 0;
            min-width: 0;
            padding: 0px;
            display: table-cell;
            border-radius: 0px;
            border: 1px solid #E8EEF4;
            background-color: #eee;
        }

        .calendar thead tr {
            background-color: #eee;
        }

            .calendar thead tr td {
                border-bottom: 0px none #bbb;
            }

        .calendar thead .title {
            font-weight: bold;
            text-align: center;
            float: none;
            margin: 0px;
            width: 150px;
        }

        .calendar thead .hilite {
            background-color: #ccc;
        }

        .calendar thead .active {
            background-color: #aaa;
        }

        .calendar thead .daynames {
            background-color: #ccc;
        }

        .calendar thead .name {
            padding: 2px;
            text-align: center;
        }

        .calendar thead .weekend {
            color: #FF3333;
        }

        .calendar tbody .day {
            width: 2em;
            text-align: right;
            padding: 2px 4px 2px 2px;
        }

        .calendar tbody td.weekend {
            color: #ff3333;
        }

        .calendar tbody .day.othermonth {
            font-size: 80%;
            color: #999;
        }

            .calendar tbody .day.othermonth.oweekend {
                color: #f99;
            }

        .calendar tbody td.selected {
            font-weight: bold;
            border: 1px solid #888;
            padding: 1px 3px 1px 1px;
            background-color: #666666;
            color: #fff;
        }

        .calendar tbody td.hilite {
            background-color: #ccc;
            padding: 1px 3px 1px 1px;
            border: 1px solid #bbb;
        }

        .calendar tbody td.today {
            font-weight: bold;
        }

        .calendar tbody td.active {
            padding: 2px 2px 0px 2px;
        }

        .calendar tbody .disabled {
            color: #999;
        }

        .calendar tbody .emptycell {
            visibility: hidden;
        }

        .calendar tbody .emptyrow {
            display: none;
        }

        .calendar tfoot .footrow {
            text-align: center;
            background: #eee;
        }

        .calendar tfoot .ttip {
            padding: 2px;
            border-top: 1px solid;
        }

        .calendar .combo {
            position: absolute;
            display: none;
            top: 0px;
            left: 0px;
            width: 6em;
            cursor: default;
            border-width: 0 1px 1px 1px;
            border-style: solid;
            border-color: #797979;
            background-color: #eee;
            color: #000;
            z-index: 100;
            font-size: 90%;
        }

            .calendar .combo .label, .calendar .combo .label-IEfix {
                text-align: center;
                padding: 1px;
            }

            .calendar .combo .label-IEfix {
                width: 6em;
            }

            .calendar .combo .hilite {
                background-color: #ccc;
                color: #000;
            }

            .calendar .combo .active {
                background-color: #888;
                color: #fff;
                font-weight: bold;
            }

.calendar-input {
    float: right;
    display: block;
    width: 150px;
    height: 16px;
    direction: ltr;
}

.calendar-button {
    display: inline-block;
    background: url('Images/calendar.png');
    width: 16px;
    height: 16px;
}

/*Alert Dialog Css*/
.jDialog {
    min-width: 300px;
    max-width: 700px;
    padding: 0px;
    border: 1px solid #999;
    font-family: Tahoma;
    position: absolute;
    border-radius: 4px 4px 0 0;
    direction: rtl;
}

    .jDialog #jalert_title {
        border-radius: 4px 4px 0 0;
        padding: 0px;
        height: 30px;
        background-color: #043453;
        position: relative;
        width: 100%;
        color: #FFFF99;
    }

    .jDialog #jalert_titletext {
        padding: 5px 0px;
        height: 20px;
        color: #fff;
        position: absolute;
        right: 15px;
    }

    .jDialog #jalert_content {
        position: relative;
        border: 0;
        padding: 10px;
        background-color: #eeeeee;
        overflow: auto;
    }

    .jDialog #jalert_message {
        padding-bottom: 10px;
    }

    .jDialog #jalert_panel {
        text-align: center;
        margin: 10px 0 0 10px;
    }

    .jDialog #jalert_prompt {
        margin: 5px 0px;
    }

    .jDialog #jalert_panel input[type=button] {
        display: inline-block;
        background: #4C8E0E 0px -0px repeat scroll url('Images/bg-button.png');
        min-width: 80px;
        padding: 5px 10px;
        border-radius: 4px;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        border: 1px solid #999;
    }

        .jDialog #jalert_panel input[type=button]:hover {
            background-color: #4C8E0E;
            background-position: 0px -40px;
        }

        .jDialog #jalert_panel input[type=button]:active {
            border: 2px inset #095688;
            padding: 4px 10px;
        }

.item-box {
    margin: 0 0 10px 0;
    overflow: auto;
}

    .item-box label {
        display: inline-block;
        padding: 0 0 2px 15px;
        width: 220px;
        text-align: left;
        vertical-align: top;
        vertical-align: baseline;
        float: right;
        font-weight: bold;
    }

    .item-box input {
        float: right;
    }

    .item-box.multi-cols {
        float: right;
        overflow: auto;
    }

.dialog .dialog-button-box {
    padding: 20px 0 5px 0;
}

.dialog textarea {
    width: 100%;
    min-height: 80px;
}

.dialog .item-box {
    margin: 0;
}

.month-selector {
    height: 40px;
    background-color: #ededed;
    border: 1px solid #cdcdcd;
    margin: 0 auto;
}

    .month-selector #previous-day, .month-selector #next-day {
        float: right;
        margin: 10px 20px;
    }

    .month-selector #previous-month, .month-selector #next-month {
        float: right;
        margin: 7px 5px;
        min-width: 70px;
    }

    .month-selector .year-select, .month-selector .month-select, .month-selector .day-select {
        float: right;
        margin: 5px 2px;
        width: 80px;
    }

/* Student Appointment */
.student-appointment-free {
    background-color: #CCFFCC;
}

    .student-appointment-free:hover {
        background-color: #9DFF9D;
        cursor: pointer;
    }

.student-appointment-full {
    background-color: #ddd;
}

.student-appointment-selected {
    background-color: #FB95B9;
}

.student-appointment-disable {
    background-color: #ddd;
}

/* List */
ul.list {
    list-style-type: square;
    margin: 30px 10px;
}

    ul.list li {
        margin: 0px 30px 5px 0px;
        line-height: 2em;
    }

        ul.list li a {
            font-size: 10pt;
        }

        ul.list li .disable {
            color: #999;
        }

        ul.list li p {
            color: #999;
            padding: 10px;
        }

/* Small Form*/
.small-form {
    line-height: 2em;
}

    .small-form .button-row {
        overflow: auto;
        padding: 10px 0;
    }

.a-hidden {
    color: PowderBlue;
}

/* View-Edit*/
.view-edit {
}

    .view-edit .edit-box {
        display: inline-block;
        margin-top: 5px;
    }

    .view-edit .view-box {
        display: inline-block;
    }

.head-left {
    position: absolute;
    left: 2px;
    top: 0px;
}

/* Icon */
.icon {
    background-image: url('Images/Icon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

    .icon.empty {
        background-position: 0px 0px;
    }

    .icon.accept {
        background-position: 0px -16px;
    }

    .icon.delete {
        background-position: 0px -32px;
    }

    .icon.question {
        background-position: 0px -48px;
    }

    .icon.right-arrow {
        background-position: 0px -64px;
    }

    .icon.left-arrow {
        background-position: 0px -80px;
    }

.icon32 {
    background: transparent url('Images/Icon.png') no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}

    .icon32.empty {
        background-position: -128px 0px;
    }

    .icon32.accept {
        background-position: -128px -32px;
    }

    .icon32.delete {
        background-position: -128px -64px;
    }

    .icon32.question {
        background-position: -128px -96px;
    }

    .icon32.warning {
        background-position: -128px -128px;
    }

.fix-height-box {
    height: 150px;
    overflow: auto;
}

.navigation-bar {
    background-color: #043352;
    color: #fff;
    min-height: 26px;
}

    .navigation-bar a.selected, .navigation-bar span {
        display: inline-block;
        background-color: #ececec;
        color: #085F8C;
        padding: 3px 10px;
        font-family: 'Koodak', Tahoma;
        font-size: 16px;
        min-height: 26px;
        border-bottom: 1px solid;
    }

    .navigation-bar a {
        display: inline-block;
        /*background: #096596 0px -40px repeat scroll url('Images/navigation-bar.png');*/
        /*background-color: #043352;*/
        color: #fff;
        /*color: #085F8C;*/
        padding: 3px 10px;
        font-family: 'Koodak', Tahoma;
        font-size: 16px;
        min-height: 26px;
    }

        .navigation-bar a:hover {
            color: #085F8C;
            background-color: #ececec;
        }

.sub-navigation-bar {
    background-color: #D2DAFF;
    border: 1px solid #B3C0FF;
    padding: 3px 10px;
    font-family: 'Koodak', Tahoma;
    font-size: 16px;
    min-height: 26px;
    width: 939px;
    margin: 0 auto;
}

.navigation-bar-step2 {
    background-color: #D2DAFF;
    border: 1px solid #B3C0FF;
    /*margin: 0 -10px;*/
}

    .navigation-bar-step2 span {
        display: inline-block;
        background-color: #B3C0FF;
        color: #333;
        padding: 10px 15px;
    }

    .navigation-bar-step2 a {
        display: inline-block;
        background-color: #D2DAFF;
        color: #333;
        padding: 10px 10px;
    }

        .navigation-bar-step2 a.selected {
            display: inline-block;
            background-color: #B3C0FF;
            color: #333;
            padding: 10px 15px;
        }

        .navigation-bar-step2 a:hover {
            color: #333;
            background-color: #B3C0FF;
        }

.navigation-bar-step3 {
    background-color: #B3C0FF;
    border: 1px solid #94a6FF;
    margin: 0 -20px;
}

    .navigation-bar-step3 span {
        display: inline-block;
        background-color: #94a6FF;
        color: #333;
        padding: 10px 15px;
    }

    .navigation-bar-step3 a {
        display: inline-block;
        background-color: #B3C0FF;
        color: #333;
        padding: 10px 15px;
    }

        .navigation-bar-step3 a.selected {
            display: inline-block;
            background-color: #94a6FF;
            color: #333;
            padding: 10px 15px;
        }

        .navigation-bar-step3 a:hover {
            color: #333;
            background-color: #94a6FF;
        }

.info-box {
    background-color: #CCFFCC;
    display: inline-block;
    margin-right: 30px;
    padding: 5px;
    min-width: 350px;
}


.expand {
    display: block;
}

.collapsed {
    display: none;
}

.row {
    border-bottom: 1px solid #d7d7d7;
    overflow: auto;
    padding: 5px;
}

#main-info-partial {
    height: 20px;
}

    #main-info-partial > ul > li {
        background-color: #808080;
        border-radius: 3px;
        float: right;
        list-style: none outside none;
        margin: 2px;
        padding: 5px;
    }

        #main-info-partial > ul > li > a {
            color: #FFFFFF;
        }

img.application-icon {
    width: 62px;
}

#applications-container {
       float: right;
    padding: 10px 24px 0 0;
    text-align: center;
    width: 340px;
}

#news-container {
    padding: 10px 0 0;
    width: 564px;
    float: right;
}

.news-item {
    /*border: 1px solid gray;*/
    border-radius: 5px;
    color: #065f94;
    font-weight: bold;
    margin:6px;
}

.news-header {
    font-size: 12px;
    /*text-shadow: 1px 1px 2px rgba(159, 14, 30, 100);*/
    padding: 5px;
    /*background-color: #d3d1d1;*/
    border: 1px solid #999;
    border-bottom: 3px solid #065f94;
    border-radius: 5px 5px 0 0;
}

.just-news-header {
    border-radius: 5px;
    margin: 5px;
    padding: 15px;
    text-align: justify;
}

.news-body {
    padding: 10px;
    background-color: #F1F1F1;
    border-radius: 0 0 5px 5px;
    border: 1px solid #CCCCCC;
    padding: 30px;
    text-align: justify;
    /*min-height: 431px;*/
}

.application-row {
    height: 81px;
    margin: 5px;
    border: 1px solid gray;
    border-radius: 5px;
    padding:2px;
}

.application-icon {
    padding-right: 5px;
    padding-top: 5px;
    float: right;
    text-shadow: 1px 1px 2px rgba(159, 14, 30, 100);
}

.application-text {
    float: right;
    padding: 15px 5px 5px;
    text-align: right;
    width: 237px;
}

    .application-text h2 {
        color: black;
        text-shadow: 1px 1px 2px gray;
    }

    .application-text p {
        text-align: justify;
    }

.application-icon > a {
    /*text-decoration: none;*/
    display: block;
    /*width: 330px;*/
    /*height: 228px;*/
    float: none;
    /*margin: 0 3px 3px 0;*/
    opacity: 1;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}

    .application-icon > a:hover {
        opacity: .7;
        -webkit-transform: scale(1.05,1.07);
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration: 250ms;
        -moz-transform: scale(1.05,1.07);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: 250ms;
        position: relative;
        z-index: 99;
    }

body .ui-tabs .ui-tabs-nav li {
    float: right;
}

body .editor-field {
    padding-bottom: 0;
    vertical-align: top;
    float: right;
    border-radius: 3px;
    min-height: 25px;
}

    body .editor-field.small {
        width: 90px;
    }

    body .editor-field.medium {
        width: 165px;
    }

    body .editor-field.large {
        width: 315px;
    }

    body .editor-field.Xlarge {
        width: 760px;
    }

body .editor-label {
    text-align: right;
    width: 110px;
    margin-left: 5px;
    margin-bottom: 0;
    float: right;
    /*background-color: #e9e9e9;*/
    padding: 0;
}

body .editor-label-Costomized {
    text-align: right;
    margin-left: 5px;
    margin-bottom: 0;
    float: right;
    /*background-color: #e9e9e9;*/
    padding: 0;
}

.col {
    float: right;
    padding: 0 5px;
}

    .col.small {
        width: 215px;
    }

    .col.medium {
        width: 290px;
    }

    .col.large {
        width: 440px;
    }

    .col.Xlarge {
        width: 890px;
    }

ul.vertical-menu {
    float: right;
    width: 200px;
    list-style-type: none;
    padding: 0;
    margin: 10px -20px 0 20px;
}

    ul.vertical-menu li {
    }

        ul.vertical-menu li a {
            display: block;
            padding: 10px 20px 10px 10px;
            margin-top: 1px;
            background-color: #D2DAFF;
            color: #222;
            border-style: none solid solid solid;
            border-color: #B3C0FF;
            border-width: 1px;
        }

        ul.vertical-menu li.selected {
        }

            ul.vertical-menu li.selected a, ul.vertical-menu li a:hover {
                background-color: #043a5b;
                border-color: #043a5b;
                color: #fff;
            }

.float-right-panel {
    float: right;
    padding: 5px;
}

.small-panel {
    width: 240px;
}

.mid-panel {
    width: 480px;
}

.large-panel {
    width: 640px;
}

.Xlarge-panel {
    width: 960px;
}

.center-panel {
    margin: 0 auto;
    width: 800px;
}

.confirm-icon {
    background-image: url("Images/Icon.png");
    height: 32px;
    width: 32px;
    margin: 0 auto;
    float: right;
}

.isConfirmed {
    background-position: -128px 127px;
}

.isRejected {
    background-position: -128px 96px;
}

.k-grid .confirm-icon {
    float: none;
}

.description-box {
    display: block;
    margin-right: 0;
    width: auto;
    background-color: #CCFFCC;
    border: 1px solid #aaeeaa;
    padding: 10px;
}

#gotop {
    display: block;
    width: 64px;
    height: 64px;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    background-image: url('Images/go-top.png');
    background-repeat: no-repeat;
    position: fixed;
}

/* Grid Pager */
.grid-pager {
    text-align: center;
    margin: 5px auto;
    width: 600px;
}

    .grid-pager span, .grid-pager a {
        border: 1px solid #CCCCCC;
        display: inline-block;
        font-size: 9pt;
        padding: 1px 5px;
        text-decoration: none;
        min-width: 20px;
        margin: 0 2px;
    }

    .grid-pager span {
        color: #00188C;
        cursor: default;
    }

        .grid-pager span.current-page {
            background-color: #D2DAFF;
            border: 1px solid #B3C0FF;
        }

    .grid-pager a {
        color: #333;
    }

        .grid-pager a:hover {
            background-color: #D2DAFF;
            border: 1px solid #B3C0FF;
        }

.grid-button-box {
    float: right;
}


#menu-side-left {
    background-image: url("Images/SideMenu.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    float: left;
    height: 47px;
    margin-top: -29px;
    width: 196px;
}


#menu-side-right {
    background-image: url("Images/SideMenu.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    float: right;
    height: 47px;
    margin-top: -29px;
    width: 196px;
}


ul#menu {
    background-image: url("Images/Menu.png");
    height: 45px;
    margin-top: -3px;
    position: absolute;
    text-align: right;
    width: 970px;
}


    </style>

<div class="box">
    <div id="applications-container">
        <div class="application-row">
            <div class="application-icon">
                <a href="http://mohed.behdasht.gov.ir/EducationPortal">
                    <img class="application-icon" src="Content/Images/Currency.png" />
                </a>
            </div>
            <div class="application-text">
                <h2>سامانه تسهیلات ارزی و مشمولین</h2>
                <p>سامانه تسهیلات دانشجویان خارج از کشور </p>
            </div>
        </div>
        <div class="application-row">
            <div class="application-icon">
                <a href="/Assessment">
                    <img class="application-icon" src="Content/Images/Evaluate.png" />
                </a>
            </div>
            <div class="application-text">
                <a href="/Assessment">
                    <h2>سامانه ارزشیابی دانش آموختگان</h2>
                </a>
                <p>سامانه ارزشیابی دانش آموختگان خارج از کشور </p>
            </div>
        </div>
        <div class="application-row">
            <div class="application-icon">
                <a href="/Transition">
                    <img class="application-icon" src="Content/Images/Transion.png" />
                </a>
            </div>
            <div class="application-text">
                <a href="/Transition">
                    <h2>سامانه انتقال دانشجویان</h2>
                </a>
                <p>سامانه انتقال دانشجویان خارج از کشور </p>
            </div>
        </div>
        <div class="application-row">
            <div class="application-icon">
                <a href="http://medicalportal.behdasht.gov.ir/medicalportal/Frmlogin.aspx">
                    <img class="application-icon" src="Content/Images/Graduate-In.png" />
                </a>
            </div>
            <div class="application-text">
                <h2>سامانه دانش آموختگان</h2>
                <p>سامانه دانش آموختگان داخل کشور</p>
            </div>
        </div>
        <div class="application-row">
            <div class="application-icon">
                <a href="/Settlement">
                    <img class="application-icon" src="Content/Images/Settlement.png" />
                </a>
            </div>
            <div class="application-text">
                <a href="http://mohed.behdasht.gov.ir/Settlement">
                    <h2>سامانه انصراف از تحصیل</h2>
                </a>
                <p>سامانه انصراف از تحصیل</p>
            </div>
        </div>
    </div>
    <div id="news-container">
        <div class="news-item">
            اطلاعیه های مهم
        </div>
        <div class="news-header just-news-header">
            در راستای توسعه دولت الکترونیک و به منظور تسریع در انجام امور آموزشی دانشجویان و دانش آموختگان خارج از کشور از روز شنبه مورخ 1394/8/9 مرکز خدمات آموزشی وزارت بهداشت،‌ درمان و آموزش پزشکی درتشکیل پرونده های جدید، تنها مدارکی را مورد بررسی قرار خواهد داد که اصالت آنها از طریق سامانه مدیریت یکپارچه خدمات کنسولی وزارت امورخارجه (میخک) احراز شده باشد.
        </div>
        <div class="news-header just-news-header">
            مقتضی است کلیه دانشجویان انتقال از خارج کشور و دانش آموختگان خارج متقاضی ارزشیابی مدارک تحصیلی، دانشجویان متقاضی تسهیلات ارزی، نسبت به ثبت نام و ارائه مستندات از طریق سامانه میخک <a style="font-weight:bold;font-size:11px;" href="https://mikhak.mfa.gov.ir/form/landing.xhtml">https://mikhak.mfa.gov.ir</a> (مدیریت یکپارچه خدمات کنسولی) و هماهنگی با سرکنسولگری های جمهوری اسلامی ایران درکشور محل تحصیل خود اقدام نمایند و کد رهگیری برای هر مدرک را اخذ نمایند.
        </div>
        <div class="news-header just-news-header">
            تصویر گواهی اشتغال به تحصیل/مدارک تحصیلی تایید شده و دارای کد رهگیری را از طریق سامانه میخک (مدیریت یکپارچه خدمات کنسولی) و گزینه بررسی صحت مدرک قابل دریافت است، برای <a href="https://mikhak.mfa.gov.ir/form/baresiEsalatMdrk.xhtml" style="font-weight:bold;font-size:11px;">دریافت اینجا را کلیک نمایید</a>. پس از دریافت تاییدیه دارای کد رهگیری، آنرا در سامانه مورد نظر بارگذاری کنید، در غیر اینصورت امکان ارائه خدمات میسر نخواهد بود.
        </div>
        <div class="news-header just-news-header">
            دانش آموختگان متقاضی ارزشیابی مدارک تحصیلی خارج از کشور، نسبت به ثبت نام و اخذ تائیدیه الکترونیک مدارک دیپلم و پیش دانشگاهی داخل کشور در سامانه آموزش و پرورش emt.medu.ir اقدام و گیرنده را مرکز خدمات آموزشی وزارت بهداشت انتخاب نمایند.
        </div>
        <div class="news-header just-news-header">
            برای مشاهده دانشگاههای مورد تایید وزارت بهداشت، درمان و آموزش پزشکی <a href="http://edd.behdasht.gov.ir/index.aspx?siteid=178&fkeyid=&siteid=178&pageid=59389" style="font-weight:bold;font-size:11px;">اینجا کلیک نمایید</a>
        </div>

            </div>
</div>