.info-panel.profile-login-warning {
	display: flex;
	align-content: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

.info-panel.profile-login-warning > div {
	display: flex;
	align-content: center;
	justify-content: center;
	flex-direction: column;
	background: white;
	width: 100%;
}

.assignmentassess-panelgrid >tbody>tr>td {
    width: 50%;
    vertical-align:top;
}

.assignmentassess-panelgrid >tbody>tr>.ui-panelgrid-cell {
    border: none;
}

.assignmentassess-panelgrid >tbody >.ui-widget-content {
    background: transparent;
    border: none;
}

.selectedTable {

}

.assessment-datalist {

}

.correctFeedbackPanel {
    color: white;
    border: 1px solid white;
    border-radius: 5px;
    padding: 10px;
    text-align: left;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    box-shadow: none;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: -10px;
}

.feedbackPanel {
    color: white;
    border: 1px solid white;
    border-radius: 5px;
    padding: 10px;
    text-align: left;
    background: #e52d27;
    background: -webkit-linear-gradient(to left, #e52d27 , #b31217);
    background: linear-gradient(to left, #e52d27 , #b31217);
    box-shadow: none;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: -10px;
}

.preview-dlg {
    background: #141E30;
    background: -webkit-linear-gradient(to left, #141E30 , #243B55);
    background: linear-gradient(to left, #141E30 , #243B55);
}

.preview-dlg >.ui-dialog-titlebar {
    background: transparent;
    border: none;
    border-bottom: 1px solid white;
    padding: 10px;
    color: white;
    font-size: 18px;
    padding-left: 20px;
}

.preview-dlg >.ui-widget-content >.ui-panel {
    background: transparent;
    border: none;
    text-align: left;
}

.preview-dlg >.ui-widget-content >.ui-panel>.ui-panel-titlebar {
    background: transparent;
    border: none;
    box-shadow: none;
    color: white;
    font-style: italic;
}

.preview-dlg >.ui-widget-content >.ui-panel>.ui-panel-titlebar>span {
    border: none;
    border-bottom: 1px solid white;
}

.preview-dlg >.ui-widget-content >.ui-panel>.ui-panel-content {
    color: white;
}

.preview-dlg >.ui-widget-content >.ui-panel>.ui-panel-content>.ui-grid>.ui-grid-row {
    margin-top: 10px;
}

.preview-dlg >.ui-widget-content >.ui-panel>.ui-panel-content>.ui-grid>.ui-grid-row>.ui-grid-col-12>.ui-radiobutton {
    margin-right: 10px;
}

.preview-dlg >.ui-widget-content >.ui-panel>.ui-panel-content>.ui-selectmanycheckbox.ui-widget>tbody>tr {
    height: 35px;
}

.preview-dlg >.ui-widget-content >.ui-panel>.ui-panel-content>.ui-selectmanycheckbox.ui-widget .ui-chkbox>.ui-chkbox-box {
    background: transparent;
    box-shadow: none;
    border: 1px solid white;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.preview-dlg >.ui-widget-content >.ui-panel>.ui-panel-content>.ui-selectmanycheckbox.ui-widget .ui-chkbox>.ui-chkbox-box.ui-state-active {
    background: #02AAB0;
}


/*.assessmentDlg-1>table>tbody>tr {
    background: transparent;
    border: none;
    color: white;
}

.assessmentDlg-1>.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

.assessmentDlg-1>.ui-panelgrid .ui-inputfield {
    width: 100%;
    box-shadow: none;
    border: 1px solid white;
    background: whitesmoke;
}

.assessmentDlg-1>.ui-panelgrid .ui-selectonemenu {
    width: 96%;
    background: whitesmoke;
    border: 1px solid white;
}

.assessmentDlg-2>table>tbody>tr {
    background: transparent;
    border: none;
    color: white;
}

.assessmentDlg-2>.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

.assessmentDlg-2>.ui-panelgrid .ui-panelgrid-cell>table>tbody>tr>td>label {
    margin-right: 25px;
}

.assessmentDlg-2>.ui-panelgrid .ui-panelgrid-cell>table>tbody>tr>td>.ui-chkbox>.ui-chkbox-box {
    width: 25px;
    height: 25px;
    background: transparent;
    border: 1px solid white;
    border-radius: 15px;
}

.assessmentDlg-2>.ui-panelgrid .ui-panelgrid-cell>table>tbody>tr>td>.ui-chkbox>.ui-chkbox-box.ui-state-active {
    background: #02AAB0;
}

.assessmentDlg-2>.ui-panelgrid .ui-panelgrid-cell>table>tbody>tr>td>.ui-chkbox>.ui-chkbox-box>.ui-chkbox-icon {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: auto;
}

.assessmentDlg-2>.ui-panelgrid .ui-inputfield {
    width: 100%;
    box-shadow: none;
    border: 1px solid white;
}

.assessmentDlg-2>.ui-panelgrid .ui-selectonemenu {
    width: 96%;
    border: 1px solid white;
}

.assessmentDlg-2 >.ui-panelgrid button {
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    border-radius: 5px;
    margin-bottom: 5px;
    height: 30px;
    color: white;
}

.assessmentDlg-2 >.ui-panelgrid .choices-panel >.ui-accordion-header >div>button {
    background: #e52d27;
    background: -webkit-linear-gradient(to left, #e52d27 , #b31217);
    background: linear-gradient(to left, #e52d27 , #b31217);
    border: 1px solid white;
    border-radius: 5px;
    margin-bottom: 5px;
    height: 30px;
    color: white;
}

.assessmentDlg-2 >.ui-panelgrid .choices-panel >.ui-accordion-header {
    background: #1e3c72;
}

.assessmentDlg-2 >.ui-panelgrid .choices-panel >.ui-accordion-header {
    color: white;
}

.assessmentDlg-2 >.ui-panelgrid .choices-panel >.ui-accordion-header.ui-state-active {
    background: #00c6ff;
    background: -webkit-linear-gradient(to left, #00c6ff , #0072ff);
    background: linear-gradient(to left, #00c6ff , #0072ff);
    color: white;
}*/

/*.choices-panel>.ui-widget-content {
    background: white;
    border: 1px solid black;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}*/

.choices-panel >.ui-widget-content {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid white;
    background: whitesmoke;
    padding-left: 0px;
    padding-right: 30px;
}

.choices-panel>.ui-accordion-header {
    height: 30px;
    border: 1px solid white;
}

/*.choices-panel>.ui-accordion-header>span {
    float: left;
    color: black;
}*/


.choices-panel>.ui-widget-content>.ui-inputtextarea {
    margin-right: 10px;
    margin-left: 10px;
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid black;
    height: 80px;
    background: white;
    width: 100%;
    margin-bottom: 5px;
}

/*.confirm-dialog {
    background: #141E30;
    background: -webkit-linear-gradient(to left, #141E30 , #243B55);
    background: linear-gradient(to left, #141E30 , #243B55);
    border: 1px solid white;
    border-radius: 5px;
}

.confirm-dialog >.ui-dialog-titlebar {
    background: #141E30;
    background: -webkit-linear-gradient(to left, #141E30 , #243B55);
    background: linear-gradient(to left, #141E30 , #243B55);
    border: none;
    border-bottom: 1px solid white;
    padding: 10px;
    color: white;
    font-size: large;
    padding-left: 30px;
}

.confirm-dialog >.ui-widget-content {
    color: white;
    border-radius: 5px;
    border: none;
    background: transparent;
    margin: 0px;
}

.confirm-dialog >.ui-dialog-buttonpane > .ui-button {
    border-radius: 5px;
    margin: 5px;
    margin-left: 15px;
    margin-bottom: 10px;
    width: 100px;
    height: 35px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
}*/

.normal-button {
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    border-radius: 5px;
    margin-bottom: 5px;
    width: auto;
    height: 35px;
    color: white;
}

/*.back-button {
    background: #e52d27;
    background: -webkit-linear-gradient(to left, #e52d27 , #b31217);
    background: linear-gradient(to left, #e52d27 , #b31217);
    border: 1px solid white;
    border-radius: 5px;
    margin-bottom: 5px;
    width: auto;
    height: 35px;
    color: white;
}*/

.ui-button-text {
    font-weight: normal;
}

a {
    font-weight: normal;
}

#invitationform >.invitationform-panel {
    background: white;
    margin-top: -40px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#invitationform >.invitationform-panel >.ui-widget-content {
    background: white;
    text-align: center;
    border: none;
}

#invitationform >.invitationform-panel >.ui-widget-content >.ui-panelgrid >.ui-grid {
    background: white;
    border: none;
}

#invitationform >.invitationform-panel >.ui-widget-content >.ui-panelgrid >.ui-grid .output-text {
    /*color: #02AAB0;
    font-style: italic;
    font-size: large;*/
}

#invitationform >.invitationform-panel >.ui-widget-content >.ui-panelgrid >.ui-grid textarea {
    background: white;
    width: 100%;
    box-shadow: none;
    border: 1px solid #141E30;
}

#invitationform >.invitationform-panel >.ui-widget-content >.ui-panelgrid >.ui-grid input {
    background: white;
    width: 100%;
    box-shadow: none;
    border: 1px solid #141E30;
}

#invitationform >.invitationform-panel >.ui-widget-content >.ui-panelgrid >.ui-grid .ui-selectonemenu {
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid #141E30;
    margin-left: 0px;
    width: 100%;
}

#invitationform >.invitationform-panel >.ui-widget-content >.ui-panelgrid >.ui-grid .ui-selectonemenu .ui-inputfield {
    box-shadow: none;
    border-radius: 5px;
    border: none;
    margin-left: 0px;
    width: 100%;
}

#invitationform >.invitationform-panel >.ui-widget-content >.ui-panelgrid >.ui-grid .cke_chrome {
    width: 100% !important;
}

#invitationform >.invitationform-panel >div>.footer-btn-div button {
    /*border-radius: 5px;
    width: 100px;
    height: 35px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid #141E30;
    color: white;
    margin-top: 5px;*/
}

.pop-up-dialog {
    background: #141E30;
    background: -webkit-linear-gradient(to left, #141E30 , #243B55);
    background: linear-gradient(to left, #141E30 , #243B55);
    border: 1px solid white;
}

.pop-up-dialog >.ui-dialog-titlebar {
    background: #141E30;
    background: -webkit-linear-gradient(to left, #141E30 , #243B55);
    background: linear-gradient(to left, #141E30 , #243B55);
    border: none;
    border-bottom: 1px solid white;
    padding: 10px;
    color: white;
    font-size: large;
    padding-left: 30px;
}

.pop-up-dialog >.ui-dialog-content {
    background: #141E30;
    background: -webkit-linear-gradient(to left, #141E30 , #243B55);
    background: linear-gradient(to left, #141E30 , #243B55);
    color: white;
}

.pop-up-dialog >.ui-dialog-content > .ui-button {
    border-radius: 5px;
    margin: 5px;
    margin-top: 15px;
    margin-bottom: auto;
    width: 100px;
    height: 35px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
    border-radius: 5px;
}

.pop-up-dialog >.ui-dialog-content > table .ui-inputfield {
    background: white;
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid white;
}

/*#links .logout-popup-dialog.ui-widget-content {
    background: #141E30;
    background: -webkit-linear-gradient(to left, #141E30 , #243B55);
    background: linear-gradient(to left, #141E30 , #243B55);
    border: 1px solid white;
    border-radius: 5px;
}

#links .logout-popup-dialog >.ui-dialog-titlebar {
    background: #141E30;
    background: -webkit-linear-gradient(to left, #141E30 , #243B55);
    background: linear-gradient(to left, #141E30 , #243B55);
    border: none;
    border-bottom: 1px solid white;
    padding: 10px;
    color: white;
    font-size: large;
    padding-left: 30px;
}

#links .logout-popup-dialog >.ui-dialog-content {
    color: white;
    border-radius: 5px;
    border: none;
    background: transparent;
}

#links .logout-popup-dialog >.ui-dialog-content > .ui-button {
    border-radius: 5px;
    margin: 5px;
    margin-top: 15px;
    margin-bottom: auto;
    width: 100px;
    height: 35px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
}

#links .logout-popup-dialog >.ui-dialog-content > a {
    border-radius: 5px;
    margin: 7px;
    margin-top: 15px;
    margin-bottom: auto;
    width: 100px;
    height: 35px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
    padding: 7px 33px;
    text-decoration: none;
    font-weight: bold;
}*/


.ui-tree {
    width: 100%;
    height: 100%;
}

.input_field_text {
    width: 94%;
}

.input_field_menu {
    width: 90%;
    border: none;
}

.book-layout .ui-layout-pane-west .ui-layout-unit-header.ui-widget-header.ui-corner-all {
    background: transparent;
    color: #141E30;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #141E30;
}

.book-layout .ui-layout-pane-center .ui-layout-unit-header.ui-widget-header.ui-corner-all {
    background: transparent;
    color: #141E30;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #141E30;
}

.book-layout .ui-layout-pane {
    height: 700px !important;
}

.book-tree-content {
    border: none;
}

.book-content {

}

.book-content.ui-layout-pane-center >.ui-layout-unit-content > .ui-widget >table>tbody>tr>td>.ui-inputtext {
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid #141E30;
    margin-left: 0px;
    width: 700px;
}

.book-content.ui-layout-pane-center >.ui-layout-unit-content > .ui-widget >table>tbody>tr>td>.ui-selectonemenu {
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid #141E30;
    margin-left: 0px;
    width: 680px;
}

.book-content >.ui-layout-unit-content>.ui-outputpanel>.ui-panelgrid>tbody>tr>td>button  {
    border-radius: 5px;
    margin: 2px;
    width: 80px;
    height: 30px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid #141E30;
    color: white;
}

.book-content.ui-layout-pane-center >.ui-layout-unit-content > .ui-widget >table>tbody>tr>td>.ui-selectonemenu>.ui-inputfield {
    box-shadow: none;
    border-radius: 5px;
    border: none;
    margin-left: 0px;
    width: 680px;
}

.book-content.ui-layout-pane-center >.ui-layout-unit-content > .ui-widget >table>tbody>tr>td>.ui-inputtextarea {
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid #141E30;
    margin-left: 0px;
    width: 700px;
}

.book-content >.ui-widget-content >div>.updateCmdBtn {
    border-radius: 5px;
    margin: 2px;
    width: 100px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid #141E30;
    color: white;
    border-radius: 5px;
}

.book-content >.ui-widget-content >div>.deleteCmdBtn {
    border-radius: 5px;
    margin: 2px;
    width: 100px;
    background: #e52d27;
    background: -webkit-linear-gradient(to left, #e52d27 , #b31217);
    background: linear-gradient(to left, #e52d27 , #b31217);
    border: 1px solid #141E30;
    color: white;
    border-radius: 5px;
}

.book-content>.ui-layout-unit-content>fieldset>legend {
    background: white;
}


.ui-treetable .ui-treetable-toggler {
    display: inline-block !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    margin-top: -5px!important;
}

.ui-treetable table {
    border-collapse: collapse !important;
    width: 100% !important;
    table-layout: auto !important;
}

.course-panel {
    background: #141E30;
    background: -webkit-linear-gradient(to left, #141E30 , #243B55);
    background: linear-gradient(to left, #141E30 , #243B55);
    border-radius: 5px;
}

.course-panel >.ui-panel-titlebar {
    background: transparent;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid white;
    color: white;
    font-size: large;
    margin-left: 20px;
    margin-right: 20px;
}

.course-panel >.ui-panel-footer {
    text-align: center;
    background: transparent;
    border: none;
}

.course-panel >.ui-panel-content>table>tbody>tr>td>.ui-button {
    border-radius: 5px;
    margin: 2px;
    width: 100px;
    background: #2c3e50;
    border: 1px solid white;
    color: white;
    border-radius: 5px;
    height: 37px;
    margin-top: 5px;
}

.course-datagrid>div {
    background: transparent;
    border: none;
    color: white;
}

/*.course-datagrid>.ui-grid>.ui-grid-row {
    min-width: 1230px;
}*/

.course-datagrid>.ui-grid>.ui-grid-row >.ui-grid-col-4{
    min-width: 400px;
}

#courseform >.buttonDiv {
    border: none;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin-top: 40px;
    height: 46px;
}

#courseform >.buttonDiv>button {
    border-radius: 5px;
    margin: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    width: 100px;
    height: 34px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
    border-radius: 5px;
}

body {
    /* background: #5691c8; */
    background: #029ae4;
    /*background: #141E30; */
    /*background: -webkit-linear-gradient(to left, #141E30 , #243B55); */
    /*background: linear-gradient(to left, #141E30 , #243B55); */
    min-height: 100%;
    height: 100%;
}

.inno_top {
    background: transparent;
    height:auto;
}

.inno_top_menu .ui-state-active a, .inno_top_menu .ui-state-active a:link, .inno_top_nav .ui-state-active a:visited {
    color: #63b5e6;
    /*padding: 0.5em 1em;*/
}

.inno_top_menu .ui-state-active, .inno_top_menu .ui-state-default,
.inno_top_menu .ui-widget-content .ui-state-active,
.inno_top_menu .ui-widget-content .ui-state-default,
.inno_top_menu .ui-widget-header .ui-state-active,
.inno_top_menu .ui-widget-header .ui-state-default  {
    float: right;
    background: #f2f5f7;
    border: 0 none;
}

.inno_top_menu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    padding: 0.5em 1em;
    text-decoration: none;
}

.inno_top_menu  .ui-widget-content, .inno_top_menu  .ui-widget-header{
     border: 0 none;
     background:none repeat scroll 0 0 #f2f5f7;
}

.inno_top_menu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    border: 0 none;
    display: block;
    float: right;
    list-style: none outside none;
    margin: 0 0.2em 1px 0;
    padding: 0;
    position: relative;
    top: 1px;
    white-space: nowrap;
}

/* Login Page */

div.login-div {
    display: inline-block;
    background: transparent;
    border: none;
}

div.login-div >.ui-panel-content >table {
    background: transparent;
    border: none;
}

div.login-div >.ui-panel-content >table>tbody>tr.ui-widget-content {
    background: transparent;
    border: none;
}

div.login-div >.ui-panel-content >table>tbody>tr.ui-widget-content >td.ui-panelgrid-cell {
    border: none;
    padding: 7px;
}

div.login-div >.ui-panel-content >table>tbody>tr.ui-widget-content >td.ui-panelgrid-cell >input {
    border: none;
    padding: 0px;
    width: 300px;
    border-bottom: 1px solid white;
    background: transparent;
    color: white;
    height: 45.8px;
    padding-left: 10px;
    padding-right: 10px;
}

div.login-div >.ui-panel-content>#login {
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    border-radius: 5px;
    width: 320px;
    color: white;
    padding: 5px;
    margin-top: 25px;
    line-height: 30px;
}


/*-----*/

#top_banner {
    text-align: center;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 50px;
}

#top_banner >h1 {
    color: white;
    margin-bottom: 10px;
    font-size: 50px;
}

#top_banner >h3 {
    color: white;
    margin-top: 0px;
    font-size: 30px;
    font-style: italic;
}


.info-panel {
    display: inline-block;
    width: 50%;
    background: transparent;
    border: 1px solid white;
    margin-top: 20px;
}

.info-panel.ui-widget-content {
    background: transparent;
}

.info-panel >.ui-panel-content>.ui-panelgrid {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    margin-bottom: 20px;
    margin-top: 10px;
}

.info-panel >.ui-panel-content>.ui-panelgrid >tbody tr {
    border: none;
    border-bottom: 1px solid white;
    background: transparent;
    color: white;
}

.info-panel >.ui-panel-content>.ui-panelgrid.passreset-button-grid {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    margin-bottom: 0px;
    margin-top: 10px;
}

.info-panel >.ui-panel-content>.ui-panelgrid.passreset-button-grid >tbody tr {
    border: none;
    background: transparent;
    color: white;
}

.info-panel >.ui-panel-content>.ui-panelgrid.passreset-button-grid >tbody tr .ui-button {
    width: 110px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
    border-radius: 5px;
    height: 37px;
}

.info-panel >.ui-panel-content>.ui-panelgrid.passreset-button-grid >tbody tr a {
    color: white;
}

.info-panel >.ui-panel-content>.ui-panelgrid.passreset-button-grid >tbody tr td {
    padding: 5px;
    border: none;
}

.info-panel >.ui-panel-content>.ui-panelgrid >tbody tr td {
    padding: 10px;
    border: none;
}

.info-panel >.ui-panel-content >.ui-button {
    margin: 6px;
    margin-bottom: 10px;
    width: 110px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    color: white;
    border-radius: 5px;
    height: 37px;
}

.link-button-div .ui-button {
    border-radius: 5px;
    margin-top: 10px;
    width: auto;
    height: 40px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
    margin-left: auto;
    margin-right: auto;
}

/* Question Dialog */

.question-dialog-panel {
    background: #141E30;
    background: -webkit-linear-gradient(to left, #141E30 , #243B55);
    background: linear-gradient(to left, #141E30 , #243B55);
    border: 1px solid white;
}

.question-dialog-panel >.ui-dialog-titlebar {
    background: transparent;
    border: none;
    border-bottom: 1px solid white;
    padding: 10px;
    color: white;
    font-size: large;
    padding-left: 20px;
}

.question-dialog-panel >.ui-dialog-content {
    background: #141E30;
    background: -webkit-linear-gradient(to left, #141E30 , #243B55);
    background: linear-gradient(to left, #141E30 , #243B55);
    color: white;
}

.question-dialog-panel >.ui-dialog-content > .footer-btn-div {
    border-top: 1px solid white;
    margin-top: 10px;
    margin-bottom: 15px;
}

.question-dialog-panel >.ui-dialog-content > .footer-btn-div >.ui-button {
    border-radius: 5px;
    margin: 5px;
    margin-top: 15px;
    margin-bottom: auto;
    width: 100px;
    height: 35px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
}

.question-dialog-panel >.ui-dialog-content > table {
    box-shadow: none;
    border-radius: 5px;
    margin: 5px;
    color: white;
    width: 100%;
    background: transparent;
}

.question-dialog-panel >.ui-dialog-content > table tr.ui-widget-content {
    box-shadow: none;
    padding: 5px;
    border: none;
    margin: 5px;
    color: white;
    width: 100%;
    background: transparent;
}

.question-dialog-panel >.ui-dialog-content > table tr.ui-widget-content >.ui-panelgrid-cell {
    box-shadow: none;
    border: none;
    color: white;
    background: transparent;
}

.question-dialog-panel >.ui-dialog-content > table input {
    box-shadow: none;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #141E30;
    margin: 5px;
    color: black;
    background: white;
    width: 97%;
}

.question-dialog-panel >.ui-dialog-content > table .ui-inputtextarea {
    background: white;
    box-shadow: none;
    color: black;
    border-radius: 5px;
    border: 1px solid #141E30;
    resize: none;
    padding: 5px 10px;
}

/* List of Questions Panel */

/*.question-panel {
    background: white;
    border: none;
}

.question-panel >.ui-panel-content {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: 1px solid white;
    border-radius: 5px;
}

.question-panel >.ui-panel-content >.ui-datatable>.ui-datatable-header {
    margin: 5px;
    background: transparent;
    border: none;
    color: #141E30;
    font-size: large;
}

.question-panel >.ui-panel-content >.ui-datatable table thead {
    display: none;
}

.question-panel >.ui-panel-content >.ui-datatable table td {
    border: none;
    border-top: 1px solid #141E30;
    padding-top: 10px;
    padding-bottom: 10px;
}*/

/*.question-panel .ui-widget-content >.ui-panelgrid-cell {
    width: 50%;
}*/

/*.question-datatable {
    margin-bottom: 50px;
    border-radius: 5px;
    border: 1px solid white;
    width: 100%;
}

.question-datatable >.ui-datatable-header {
    background: transparent;
    color: white;
    font-size: large;
    padding: 15px;
    border: none;
    text-align: left;
}

.question-datatable.announcement-datatable >.ui-datatable-header >div {
    width: 100px;
    height: 100%;
    background: transparent;
}

.question-datatable.assignment-datatable >.ui-datatable-header >div {
    width: 100px;
    height: 100%;
    background: transparent;
}

.question-datatable.announcement-datatable >.ui-datatable-header >div button {
    border-radius: 5px;
    width: 100px;
    height: 35px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
    margin-top: 0px;
    margin-bottom: 8px;
}

.question-datatable.assignment-datatable >.ui-datatable-header >div button {
    border-radius: 5px;
    width: 100px;
    height: 35px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
    margin-top: 0px;
    margin-bottom: 8px;
}

.question-datatable.announcement-datatable >.ui-paginator-top {
    background: transparent;
    border: none;
    margin-top: -57px;
    padding-bottom: 0px;
    margin-bottom: 15px;
    text-align: right;
}

.question-datatable.assignment-datatable > .ui-datatable-footer {
    background: transparent;
    border: none;
    padding-bottom: 0px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
}

.question-datatable.assignment-datatable > .ui-datatable-footer >div {
    background: transparent;
    border-radius: 5px;
    border: none;
    width: 100%;

    padding-bottom: 0px;
    text-align: center;
}

.question-datatable.assignment-datatable > .ui-datatable-footer >div>.ui-widget-header {
    background: transparent;
    border: none;
    text-align: left;
}

.question-datatable.assignment-datatable > .ui-datatable-footer >div>.ui-widget-header> .ui-button {
    border-radius: 5px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
}

.question-datatable.assignment-datatable > .ui-datatable-footer >div>.ui-widget-content {
    background: transparent;
    border: none;
    text-align: center;
}

.question-datatable.assignment-datatable > .ui-datatable-footer > .ui-button {
    border-radius: 5px;
    width: 100px;
    height: 35px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
    margin-top: 0px;
}

.question-datatable >.ui-paginator-top {
    background: transparent;
    border: none;
    margin-top: -40px;
    padding-bottom: 0px;
    margin-bottom: 15px;
    text-align: right;
}

.question-datatable >.ui-paginator-top .ui-paginator-page  {
    background: transparent;
    border: 1px solid white;
}

.question-datatable >.ui-paginator-top a {
    background: transparent;
    border: 1px solid white;
    text-align: center;
}

.question-datatable >.ui-datatable-scrollable-body {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-datatable tbody td {
    padding-left: 0px;
    padding-right: 0px;
}

.ui-datatable thead th {
    padding-left: 0px;
    padding-right: 0px;
}

.question-datatable.assignment-datatable > .ui-datatable {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.question-datatable >.ui-datatable-scrollable-body >table .ui-widget-content {
    background: #2c3e50;
    color: white;
}

.question-datatable.assignment-datatable >.ui-datatable >table>thead>tr>.ui-state-default {
    background: #2c3e50;
    border: none;
    border-top: 1px solid white;
    color: white;
}

.question-datatable.assignment-datatable >.ui-datatable-tablewrapper>table>thead>tr>th {
    color: white;
    background: #2c3e50;
    border: none;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}


.question-datatable.assignment-datatable > .ui-datatable-tablewrapper >table>tbody>.ui-widget-content {
    background: #2c3e50;
    color: white;
    border-radius: 5px;
    height: 80px;
}

.question-datatable.assignment-datatable > .ui-datatable-tablewrapper {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.question-datatable.assignment-datatable > .ui-datatable-tablewrapper >table>tbody {
    border: none;
    border-radius: 5px;
}

.question-datatable.assignment-datatable > .ui-datatable-tablewrapper >table>tbody>tr {
    border: none;
    border-radius: 5px;
}

.question-datatable.assignment-datatable > .ui-datatable-tablewrapper >table>tbody>tr>td {
    border: 1px solid white;
    border-bottom: none;
}


.question-datatable.assignment-datatable > .ui-datatable-tablewrapper >table>tbody>.ui-widget-content >td>div>button {
    border-radius: 5px;
    width: 100px;
    padding: 2px 0px;
    margin-top: 0px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
    margin-left: 2px;
}

.question-datatable.assignment-datatable > .ui-datatable-tablewrapper >table>tbody>.ui-widget-content >td>div .ui-selectonebutton {
    margin-left: 25px;
}

.question-datatable.assignment-datatable > .ui-datatable-tablewrapper >table>tbody>.ui-widget-content >td>div .ui-selectonebutton .ui-button.ui-state-default {
    background: transparent;
    color: white;
    padding: 2px 0px;
    width: 100px;
}

.question-datatable.assignment-datatable > .ui-datatable-tablewrapper >table>tbody>.ui-widget-content >td>div .ui-selectonebutton .ui-button.ui-state-active {
    width: 100px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    color: white;
    padding: 2px 0px;
}

.question-datatable >.ui-datatable-scrollable-body >table .ui-widget-content.ui-state-highlight {
    background: #00c6ff;
    color: white;
}

.question-datatable > .ui-widget-header .ui-datatable-scrollable-header-box>table>thead>tr>.ui-state-default {
    background: #2c3e50;
    border: none;
    border-top: 1px solid white;
    color: white;
}*/

.ui-widget-content .ui-inputfield.ui-state-focus {
    box-shadow: none;
}

.ui-icon {
    margin-top: 2px;
    margin-right: 5px;
    margin-left: 2px;
    margin-bottom: auto;
}

.footer-btn-div >.ui-button {
    border-radius: 5px;
    margin: 5px;
    margin-top: 15px;
    margin-bottom: auto;
    width: 200px;
    height: 35px;
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    color: white;
}














.inno-table{
   border-collapse:collapse;
   border:1px solid #000000;
}

.inno-table-header{
   text-align:center;
   background:none repeat scroll 0 0 #B5B5B5;
   border-bottom:1px solid #000000;
   padding:2px;
}

.inno-table-odd-row{
   text-align:center;
   background:none repeat scroll 0 0 #FFFFFFF;
}

.inno-table-even-row{
   text-align:center;
   background:none repeat scroll 0 0 #f2f5f7;
}


.inno_top_ingame {
    background-image: url('/inno/resources/images/logo.png');
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
}

/*#links .ui-widget-content {
    background:transparent;
    border: none;
    border-radius: 0px;
    box-shadow: none;

    border-bottom: 1px solid white;
}
#links .ui-widget-header {
    background: transparent;
}

#links .ui-widget-content li {
    background: #02AAB0;
    background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC);
    background: linear-gradient(to left, #02AAB0 , #00CDAC);
    border: 1px solid white;
    border-radius: 5px;
    margin-bottom: 5px;
}

#links .ui-widget-content li a {
    color: white;
}

#links .inno_top_nav {
    padding-top: 30px;
}*/

.inno_top_nav .ui-state-active a, .inno_top_nav .ui-state-active a:link, .inno_top_nav .ui-state-active a:visited {
    color: #63b5e6;
    padding: 0.5em 1em;
}

.inno_top_nav .ui-state-active, .inno_top_nav .ui-widget-content .ui-state-active, .inno_top_nav .ui-widget-header .ui-state-active {
    float: right;
    background:inherit;
    border: 0 none;
}

.inno_top_nav .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    padding: 0.5em 1em;
    text-decoration: none;
}

.inno_top_nav  .ui-widget-content, .inno_top_nav  .ui-widget-header{
     border: 0 none;
     background-image:inherit;
     backgroun-color: #f2f5f7;

}

.inno_top_nav .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    border: 0 none;
    display: block;
    float: right;
    list-style: none outside none;
    margin: 0 0.2em 1px 0;
    padding: 0;
    position: relative;
    top: 1px;
    white-space: nowrap;
}

#footer {
    text-align:center;
}


#footer a:link, #footer a:visited, #footer a:active {
    color: #6c6c6c;
    text-decoration: none;
    text-transform: uppercase;
}


#footer a:hover {
    color: #00a4e4;
    text-decoration: none;
}



.ui-growl {
    background: transparent;
    z-index: 999999 !important;
}
/*
.ui-growl-item-container {
    background: #00CDAC;
    border: 1px solid white;
    color: white;
}
.ui-growl-error {
    background: #e52d27;
    background: -webkit-linear-gradient(to left, #e52d27 , #b31217);
    background: linear-gradient(to left, #e52d27 , #b31217);
    left: 50px;
    top: 40px;
}

.ui-growl-message {
    background: transparent;
    box-shadow: none;
}
*/

form {
    /*text-align:center;*/
}

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

form div.footer-btn-div {
    text-align:center;
}

div.inno-fit-wide {
    display:inline-block;
    min-width:80%;
}

div.inno-fit {
    display:inline-block;
}


div.inno-fit-wide .ui-panelgrid .ui-panelgrid-cell, div.inno-fit-wide .ui-widget-content,
div.inno-fit .ui-panelgrid .ui-panelgrid-cell, div.inno-fit .ui-widget-content {
    border-width: 0px;
}

.inno_top_menu >.ui-tabmenu-nav>.ui-tabmenuitem:last-of-type {
    float: left;
}

.inno_top_menu >.ui-tabmenu-nav>.ui-tabmenuitem:last-of-type a {
    background: #e52d27;
    background: -webkit-linear-gradient(to left, #e52d27 , #b31217);
    background: linear-gradient(to left, #e52d27 , #b31217);
}

#submissionform:iframe_dlg_container, #submissionform:interact_dlg_container{
	width:90%;
	height:90%;
}

#submissionform:iframe_dlg_container .ui-dialog-titlebar,  #submissionform:interact_dlg_container .ui-dialog-titlebar{
	display:none;
}

.largeToolTip {
	max-width: 900px;
	background:white;
}