#content-container > .content {
    margin: 15px auto 15px auto;
    width: 960px;
    background-color: white;
}

/* LOGIN BOX */
#login-box {
    width: 860px;
}

#login-box fieldset {
    border: none;
}

#login-box td {
    padding-top: 0;
    padding-bottom: 0;
}

#login-box td#remember {
    text-align: right;
}

#login-box h2 {
    font-size: 150%;
    margin: 15px 0;
}

#login-box .content-container > div.left, #login-box .content-container > div.right {
    width: 45%;
}

#login-box .content-container > div.left {
    background: url('../images/icons/128x128/lock.png') no-repeat bottom center;
    padding-bottom: 150px;
}

#login-box .right {
    border: 1px solid #CDCDCD;
    padding: 10px 20px 10px 10px;
    background-color: #F4F4F4;
}

#login-box label#mod-login-remeber-lbl {
    width: 100px
}

#login-box input[type=checkbox] {
    width: auto;
    vertical-align: text-bottom;
}

#login-box input[type=text], #login-box input[type=password] {
    width: 150px;
    float: right;
    clear: right;
    margin-bottom: 15px;
}

#login-box input[type=submit] {
    background: url('../images/icons/16x16/forward.png') no-repeat 95% 50%;
    border: 1px solid #CDCDCD;
    float: right;
    margin-top: 15px;
    padding: 4px 20px 4px 4px;
    width: 130px;
}

#login-box input[type=submit]:hover {
    background-color: #DFDFDF;
}

/* DASHBOARD */
#dashboard {
    border: 1px solid #CDCDCD;
    padding: 14px;
    margin: 0 5px 5px 0;
}

#dashboard li {
    float: left;
    font-size: 90%;
    margin: 0 15px 15px 0;
}

#dashboard li a {
    background: #F4F4F4;
    border: 1px solid #EAEAEA;
    display: block;
    font-weight: normal;
    height: 30px;
    padding: 80px 0 0 0;
    text-align: center;
    text-decoration: none;
    width: 110px;
}

#dashboard li a:hover {
    background-color: #FBFBFB;
    color: #025A8D;
}

#dashboard .admin a {
    background: #F4F4F4 url('../images/icons/64x64/business_users.png') no-repeat 50% 15%;
}

#dashboard .student a {
    background: #F4F4F4 url('../images/icons/64x64/students.png') no-repeat 50% 15%;
}

#dashboard .faculty a {
    background: #F4F4F4 url('../images/icons/64x64/education.png') no-repeat 50% 15%;
}

#dashboard .college a {
    background: #F4F4F4 url('../images/icons/64x64/home.png') no-repeat 50% 15%;
}

#dashboard .news-article a {
    background: #F4F4F4 url('../images/icons/64x64/news.png') no-repeat 50% 15%;
}

#dashboard .criterion a {
    background: #F4F4F4 url('../images/icons/64x64/tasks.png') no-repeat 50% 15%;
}

#dashboard .offer-group a {
    background: #F4F4F4 url('../images/icons/64x64/program_group.png') no-repeat 50% 15%;
}

#dashboard .bed-type a {
    background: #F4F4F4 url('../images/icons/64x64/hotel_bed.png') no-repeat 50% 15%;
}

#dashboard .claim a {
    background: #F4F4F4 url('../images/icons/64x64/page_edit.png') no-repeat 50% 15%;
}

#dashboard .evaluation a {
    background: #F4F4F4 url('../images/icons/64x64/calculator.png') no-repeat 50% 15%;
}

#dashboard .protest a {
    background: #F4F4F4 url('../images/icons/64x64/application_warning.png') no-repeat 50% 15%;
}

#dashboard .stats a {
    background: #F4F4F4 url('../images/icons/64x64/database_info.png') no-repeat 50% 15%;
}

#dashboard .helpdesk a {
    background: #F4F4F4 url('../images/icons/64x64/computer_help.png') no-repeat 50% 15%;
}

#dashboard .arrivals a {
    background: #F4F4F4 url('../images/icons/64x64/note_book_edit.png') no-repeat 50% 15%;
}

#dashboard .faq a {
    background: #F4F4F4 url('../images/icons/64x64/help.png') no-repeat 50% 15%;
}

#dashboard .payments a {
    background: #F4F4F4 url('../images/icons/64x64/dollar_gold.png') no-repeat 50% 15%;
}
#dashboard .fault a {
    background: #F4F4F4 url('../images/icons/64x64/tasks.png') no-repeat 50% 15%;
}
#dashboard .bank-account a {
    background: #F4F4F4 url('../images/icons/64x64/briefcase.png') no-repeat 50% 15%;
}



/* news articles */
.news h4 {
    padding-top: 5px;
}

.newsDate {
    color: #808080;
    font-size: 10px;
}

#new-on-title-page {
    padding: 10px;
    background-color: #fdf5ce;
    border: #fbcb09 solid 2px;
    border-left-width: 0;
    border-right-width: 0;
}

/* ROW COLUMNS */
div.row {
    width: 100%;
}

div.row .left.column, div.row .right.column {
    width: 50%;
}

div.row .column .box h3 {
    color: #DD4B39;
    font-size: 150%;
    margin: 5px;
}

/* DRAG and DROP, DATA-ELEMENT */
li.data-element, li.draggable, li.placeholder {
    position: relative;
    margin: 3px;
}

li.data-element > div, li.draggable > div {
    padding: 4px;
}

li.data-element, li.draggable {
    background: #fdf5ce;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

li.data-element:hover, li.draggable:hover {
    background: url('../images/backgrounds/yellow-bck.png') 0 0 repeat-x;
}

li.data-element.active {
    background: url('../images/backgrounds/yellow-bck.png') 0 0 repeat-x;
    color: #0073A0;
}

li.draggable:hover {
    cursor: move;
}

li.draggable .index {
    font-weight: bold;
    font-size: 115%;
}

.data.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1;
}

div.drag-and-drop .data .placeholder {
    background: url("../images/icons/24x24/help.png") no-repeat scroll 5px 50% #FFF;
    color: #1C94C4;
    padding: 10px 5px 10px 35px;
}

/* EXPORT PLUGIN */
div.export {
    border: 1px solid #808080;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: right;
    font-size: 13px;
}

div.export span.menuButton {
    margin: 0 10px 0 10px;
}

/* TOGGABLE CONTENT */
.toggable.packed .content {
    display: none;
}

.toggable.unpacked .content {
    display: block;
}

/* OFFER GROUPS */
.offer-groups {
    display: block;
    border: 1px solid #CDCDCD;
    padding: 8px;
    margin: 5px 5px 0 0;
}

ul.offer-groups {
    border: 0;
}

ul.offer-groups li {
    float: left;
    font-size: 90%;
    margin: 0 15px 15px 0;
}

ul.offer-groups li a {
    background: white;
    border: 1px solid #EAEAEA;
    display: block;
    font-weight: normal;
    height: 40px;
    padding: 80px 0 0 0;
    text-align: center;
    text-decoration: none;
    width: 110px;
}

ul.offer-groups li a:hover {
    background-color: #FBFBFB;
    color: #025A8D;
}

ul.offer-groups li a {
    background: white url('../images/icons/48x48/program_group.png') no-repeat 50% 15%;
}

/* CLAIM */
.claim.create #bedTypes td #colleges li, .claim.create #bedTypes td #contractDurations li {
    cursor: pointer;
}

#bedTypes td {
    padding: 2px 2px;
}

ul#claims li {
    float: left;
    font-size: 90%;
    margin: 0 15px 15px 0;
}

ul#claims li a {
    background: white;
    border: 1px solid #EAEAEA;
    display: block;
    font-weight: normal;
    height: 50px;
    padding: 80px 0 0 0;
    text-align: center;
    text-decoration: none;
    width: 110px;
}

ul#claims li a:hover {
    background-color: #FBFBFB;
    color: #025A8D;
}

ul#claims li a {
    background: white url('../images/icons/48x48/page_edit.png') no-repeat 50% 15%;
}

#colleges {
    width: 160px;
}

#contractDurations {
    width: 200px;
}

#available-bedTypes {
    width: 450px;
}

/* ACCORDION */
h3.ui-accordion-header {
    padding-left: 30px;
    font-weight: bold;
}

/* CONTENT BOX */
.content-box, .box {
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #CDCDCD;
    padding: 5px;
    margin: 4px;
}

/* IMPORT WIZARD */
.dialog .file a {
    font-size: 14px;
    margin: 0 5px 0 5px;
}

.dialog .next {
    overflow: hidden;
    padding: 10px 3px;
}

.dialog .next a, .dialog .next input {
    float: right;
    font-size: 14px;
    width: 120px;
    background: #e6e6e6 url('../jquery-ui/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x;
    border: 1px solid #ccc;
    color: #666;
    margin: 0 3px;
    text-align: center;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
}

.dialog .next a:hover, .dialog .next input:hover {
    border: 1px solid black;
    color: black;
}

/* CRITERIA */
.criterion {
}

.criterion h1 {
    font-size: 11pt;
    margin-bottom: 0;
}

.criterion.global {
}

.criterion td {
    vertical-align: middle !important;
}

.criterion td.label {
    vertical-align: middle;
    font-weight: bold;
}

.criterion td.value {
    width: 34px;
}

.criterion td.units {
    width: 30px;
    text-align: left;
}

.criterion td.value input {
    width: 30px;
}

.criterion .confirmation {
    text-align: right;
    font-size: 11pt;
    color: red;
}

.adminCriterion {
    padding-bottom: 8px;
}

.adminCriterion h1 {
    font-size: 11pt;
    margin: 8px 0 8px 0;
}

.adminCriterion p {
    margin-bottom: 5px;
}

.adminCriterion table {
    width: 938px;
}

.adminCriterion table th {
    width: 173px;
}

.adminCriterion table td.label {
    background: #E6E6E6 url(../jquery-ui/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555;
    font-size: 11px;
}

.adminCriterion table td {
    background-color: white;
    border: 1px #DDD solid;
}

.adminCriterion table.admin {
    border-top: 0;
    position: relative;
    top: -1px;
}

.adminCriterion table.admin th {
    width: 173px;
}

.adminCriterion table.admin td {
    width: 112px;
}

/* HELPDESK */
.ticket {
}

.ticket p {
    margin: 0;
    padding: 0;
}

.ticketCategory, .ticketDate {
    color: #808080;
    font-size: 10px;
}

.ticket .answer {
    border-top: 1px solid #808080;
}

.ticket .noanswer {
    color: #eb8f00;
    font-size: 10px;
}

/* SEARCH */
div#searchDialog {
    margin-bottom: 10px;
}

div.search form {
    text-align: center;
}

table.search {
    width: 400px;
    margin: 0 auto 0 auto;
}

table.search td {
    width: 50%;
}

table.search input {
    width: 200px;
}

table.search input.button {
    width: 90px;
    position: relative;
    left: -100px;
    margin: 0 5px 0 5px;
}

/* EVALUATION */
.jobStateRunning {
    display: block;
    width: 80px;
    padding: 5px 5px 5px 5px;
    background: #FFFFFF url('../images/spinner.gif') no-repeat 80% 50%;
}

/* JQGRID FIX */
.ui-progressbar {
    position: relative;
}

.ui-progressbar-value {
    position: absolute;
    top: 0;
    left: 0;
}

.ui-jqgrid-hbox {
    height: 24px;
}

/* IE7 fix */

/* FAQ */
.faq ul {
    padding-left: 15px;
}

.faq li {
    list-style: circle;
}

/* PROGRESS */
#progressPanel {
    text-align: center;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 820px;
    height: 100px;
}

#progressBar {
    text-align: center;
    height: 50px;
    width: 820px;
    margin: 20px auto;
    padding: 0;
    position: relative;
}

.progressButton {
    display: inline-block;
    width: 100px;
    height: 100px;
}

.progressButton a {
    text-decoration: none;
    color: #000;
    position: relative;
    top: 36px;
    font-size: 10px;
}

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

.progressButton a:active {
    color: #000;
}

.progressButton a:visited {
    color: #000;
}

.progressNumber {
    display: none;
}

#progressButton1.progressIconNone {
    background: #fff url('../images/backgrounds/progressButton1.gif') no-repeat;
}

#progressButton1.progressIconChecked {
    background: #fff url('../images/backgrounds/progressButton1-chck.gif') no-repeat;
}

#progressButton2.progressIconNone {
    background: #fff url('../images/backgrounds/progressButton2.gif') no-repeat;
}

#progressButton2.progressIconChecked {
    background: #fff url('../images/backgrounds/progressButton2-chck.gif') no-repeat;
}

#progressButton3.progressIconNone {
    background: #fff url('../images/backgrounds/progressButton3.gif') no-repeat;
}

#progressButton3.progressIconChecked {
    background: #fff url('../images/backgrounds/progressButton3-chck.gif') no-repeat;
}

#progressButton4.progressIconNone {
    background: #fff url('../images/backgrounds/progressButton4.gif') no-repeat;
}

#progressButton4.progressIconChecked {
    background: #fff url('../images/backgrounds/progressButton4-chck.gif') no-repeat;
}

#progressButton5.progressIconNone {
    background: #fff url('../images/backgrounds/progressButton5.gif') no-repeat;
}

#progressButton5.progressIconChecked {
    background: #fff url('../images/backgrounds/progressButton5-chck.gif') no-repeat;
}

#progressButton6.progressIconNone {
    background: #fff url('../images/backgrounds/progressButton6.gif') no-repeat;
}

#progressButton6.progressIconChecked {
    background: #fff url('../images/backgrounds/progressButton6-chck.gif') no-repeat;
}

/* ANSWER TEMPLATES */
.answer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    min-height: 50px;
    padding: 5px 5px;
}

.guide a {
    display: block;
    padding: 50px 10px 50px 10px;
    margin: 0 40px 15px 0;
    width: 400px;
    text-align: center;
    float: left;
    border: 1px #000 solid;
    box-shadow: #AAA 5px 7px;
    text-decoration: none;
    font-size: 14pt;
    color: #000;
    border-radius: 4px;
}

.guide p {
    margin: 0 0 15px 15px;
    text-align: justify
}

#guideFree a {
    background: #ffffff url("../images/icons/64x64/hotel_bed.png") no-repeat 10px 50%;
}

#guideFree a:hover {
    border: 1px solid #646464;
    background-color: #d2d2d2;
    color: #000000;
    cursor: pointer;
}                                                                              pplication.png

#guideRehos a {
    background: #ffffff url("../images/icons/64x64/clock.png") no-repeat 10px 50%;
}

#guideRehos a:hover {
    border: 1px solid #646464;
    background-color: #d2d2d2;
    color: #000000;
    cursor: pointer;
}

#guideCurrent a {
    background: #ffffff url("../images/icons/64x64/business_user.png") no-repeat 10px 50%;
}

#guideCurrent a:hover {
    border: 1px solid #646464;
    background-color: #d2d2d2;
    color: #000000;
    cursor: pointer;
}


#guideFaq a {
    background: #ffffff url("../images/icons/64x64/help.png") no-repeat 10px 50%;
}

#guideFaq a:hover {
    border: 1px solid #646464;
    background-color: #d2d2d2;
    color: #000000;
    cursor: pointer;
}


/* collegeTiles */
#collegeTiles {
    border: 0 solid #CDCDCD;
    padding: 0;
    margin: 0;
}

#collegeTiles li {
    width: 205px;
    border: 1px solid #CDCDCD;
    padding: 5px;
    float: left;
    font-size: 90%;
    margin: 0 10px 10px 0;
    border-radius: 4px;
    box-shadow: #AAA 2px 3px;
}

#collegeTiles li:hover {
    border: 1px solid #646464;
    background-color: #d2d2d2;
    color: #000000;
    cursor: pointer;
}

.verticalMenu {
    padding: 10px 10px;
    background: #AAA;
    color: #FFF;
    text-shadow: 1px 1px #888;
    z-index: 1000;
}

.verticalMenu  a {
    color: #FFF;
}