div.clear {
    clear: both;
}

.layoutFontSystemError {
    color: red;
    background-color: #ccc; 
}

ul {
    margin-left: 30px;
}









fieldset.item {
    border: 1px solid #ccc;
    padding: 7px;
    border-radius: 5px;
    background-color: #eee;
}

fieldset.item legend {
    background-color: #eee;
    padding: 3px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

fieldset.item legend:hover {
    background-color:#ddd;
    cursor: pointer;
}

.itemWrapper {
    margin: 0 0 10px 0;
}

fieldset.item legend a, fieldset.item legend a:link, fieldset.item legend a:active {
    text-decoration: none;
    color: #000;
}


div.menu {
    font-size: 9pt; 
    font-family: verdana;
    margin: 0 0 3px 0
}

div.menu a.selected {
    text-decoration: none;
    font-weight: bold;
}


*.notSelectable{
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.itemFlashcard {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px;
    width: 400px;
    margin: 0 5px 5px 0;
    display: none;
    background-color: #fafafa;
    cursor: pointer;
    float: left;
}
.itemFlashcard .backContent {
    background-color: #bbb;
    font-weight: normal;
    display: none;
    color: white;
}
.itemFlashcard .backBlank {
    background-color: #eee;
    display: block;
}


div.fullWidth {
    width: 829px
}

.item {
    margin: 0 0 20px 0;
    padding: 0px;
}

.itemIcon {
    float:left;        
}

.itemIcon p {
    font-size: 8pt;
    margin: 5px 0 0 0;
}

.buttonRowButtonSelected {
    background-color:#777;
    color:white
}




/* italian flashcard */
fieldset.itemFlashcardItalian {
    border: 1px solid #33CC66;
    padding: 7px;
    border-radius: 5px;
    background-color: #99FF66; /* area */
}
fieldset.itemFlashcardItalian legend {
    border: 1px solid #33CC66;
    padding: 3px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 3px;
    background-color: #68EA48;
}
fieldset.itemFlashcardItalian legend:hover {
    background-color:#ddd;
    cursor: pointer;
}

/* french flashcard */
fieldset.itemFlashcardFrench {
    border: 1px solid #0066FF;
    padding: 7px;
    border-radius: 5px;
    background-color: #00CCFF; /* area */
}
fieldset.itemFlashcardFrench legend {
    border: 1px solid #0066FF;
    padding: 3px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 3px;
    background-color: #00BDEC;
}
fieldset.itemFlashcardFrench legend:hover {
    background-color:#ddd;
    cursor: pointer;
}


#developerPanel {
    background-color: #aaa;
    padding: 10px;
    border-radius: 5px;
    color: ivory;
}
#developerPanel h1 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid ivory;
    color: ivory;
    padding-bottom: 2px;
    margin-top: -2px;
}
#developerPanel h2 {
    font-size: 13px;
    width: 400px;
    color: #555;
}

#developerPanel ul {
    margin: -7px 0 0 20px;
}
#developerPanel .groupBox {
    border: 1px solid #555;
    border-radius: 5px;
    padding: 15px 10px 10px 10px;
    margin: -4px 0 0 0;
}

a#userNameLink.unselected {
    color: orange;
    text-decoration: none;
}
a#userNameLink.unselected:hover {
    font-style: italic;
    font-weight: none;
}
a#userNameLink.selected {
    color: #777;
    font-style: italic;
    text-decoration: none;
    font-weight: none;
}





a#scoresLink.unselected {
    color: yellow;
    text-decoration: none;
}
a#scoresLink.unselected:hover {
    font-style: italic;
    font-weight: none;
}
a#scoresLink.selected {
    font-style: italic;
    font-weight: none;
    text-decoration: none;
}



div#page_content_full {
    margin: 0 0 0 0;
}
div#page_content_full div.fix_singleForm {
    margin: -10px 0 15px 0;
}

div#page_content ul, div#page_content ol {
    /*margin: -5px 0 8px 30px;*/
}

div#page_content {
    min-height: 700px;
    /*width: 520px;*/
    width:100%;
}

div.divider {
    border-bottom: 1px solid #eee;
}


div.itemType_lectureNotesItem a {
    color:white;
    text-decoration: none;
}

div.itemType_lectureNotesItem a:hover {
    color:orange;
    text-decoration: underline;
}

ul.sideCourses a {
    text-decoration: none;
}
ul.sideCourses a:hover {
    text-decoration: underline;
}

ul.sideCourses li.selected {
    background-color: #ccc;
    font-weight: bold;
}

ul.sideCourses li.selected a {
    color: black;
}



.statisticsBlock {
    padding: 0 0 0 5px;
    width: 804px;
    background-color:#330000;
    color:yellow;
    font-size: 32px;
    margin: 30px 0 0 0;
}
.statisticsBlockFirst {
    padding: 0 0 0 5px;
    width: 804px;
    background-color:#330000;
    color:yellow;
    font-size: 32px;
    margin: 0 0 1px 0;
}

div#page_rightColumn span.highlight {
    color:brown;
}


fieldset.trackerDay {
    border: 1px solid brown;
    padding: 7px;
    border-radius: 5px;
}

fieldset.trackerDay legend {
    padding: 3px;
    font-weight: bold;
    font-size: 14px;
    color: brown;
}





.trackerDayArea a {
    color:brown;
    text-decoration: none;
}
.trackerDayArea a:hover {
    color:brown;
    text-decoration: underline;
}


ul.monthlyStatisticsList a {
    color:black;
    text-decoration: none;
}
ul.monthlyStatisticsList a:hover {
    color:black;
    text-decoration: underline;
}








fieldset#mainSearchResultsFieldSet {
    border: 1px solid darkgreen;
    padding: 7px;
    border-radius: 5px;
}

fieldset#mainSearchResultsFieldSet legend {
    padding: 3px;
    font-weight: bold;
    font-size: 14px;
    color: darkgreen;
}

ul.learnCertificateLectures li a {
    text-decoration: none;
}

ul.learnCertificateLectures li a:hover {
    text-decoration: underline;
}

li.lectureNotesFrench, li.lectureNotesFrench a, span.languageVocabularyTitle {
    color:navy;
    font-style: italic;
}

span.languageVocabularyTitle {
    font-weight:normal;
}

ul.learnCertificateForeignLanguageNotes a {
    text-decoration: none;
}

ul.learnCertificateForeignLanguageNotes a:hover {
    text-decoration: underline;
}


span.certificateVocabularyTermFrench {
    color:navy;
}

div.certificateVocabularyDefinitionArea {
    border: 1px solid #bbb;
    margin: 10px 0 0 0;
    padding: 5px 10px 10px 10px;
    border-radius: 5px;
}

div.certificatePeopleDefinitionArea {
    border: 1px solid #bbb;
    margin: 10px 0 0 0;
    padding: 5px 10px 10px 10px;
    border-radius: 5px;
}



table.parserOverview {
    border-spacing: 10px;
    border: 1px solid #ddd;
    padding: 10px;
}
table.parserOverview th {
    border: 1px solid #ddd;
    padding: 5px 10px;
    background-color: #eee;
    text-align: left;
}
table.parserOverview td {
    border: 1px solid #ddd;
    padding: 10px;
    font-family: courier;
    font-size: 10pt;
    text-align: right;
}
table.parserOverview td.theLabel {
    border: 1px solid #ddd;
    padding: 10px;
    font-family: courier;
    font-size: 10pt;
    text-align: left;
}
table.parserOverview td.dataTypeSystem {
    color:#777;
    font-style: italic;
}
table.parserOverview td.dataTypeCustom {
    font-weight: bold;
}


table.lectureNotesItemIcons {
    border-spacing: 0;
    border: 0;
    padding: 0;
}
table.lectureNotesItemIcons th {
    border-spacing: 0;
    border: 0;
    padding: 0;
}
table.lectureNotesItemIcons td {
    border-spacing: 0;
    border: 0;
    padding: 0;
}

codeOLD {
    background-color: lightgreen;
    font-family: courier;
    font-size: 12px;
    padding: 2px 5px;
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 3px;
}




#site_topbanner {
    position: fixed; 
    top: 0px; 
    width:100%; 
    height: 30px;
    padding:-2px 0 0 0;
    background-color: #444;
    z-index: 1000;
}
#site_topbanner .thename {
    font-size: 29px;
    float: left;    
    color: ivory;
    margin-top: -2px;
}
#site_topbanner .thescore {
    font-size: 29px;
    color: yellow;
    float: right;
    float: left;
    margin-top: -2px;
    margin-left: 20px;
}
#site_topbanner .site_topbanner_wrapper {
    /*width: 900px;
    margin-left: auto;
    margin-right: auto;*/
    width: 100%;
    padding: 5px 20px;
    background-color: greenyellow;
}   

/* MENU BOXES FOR PAGE ITEMS */


fieldset.menuBox  {
    padding:12px 10px;
    margin:0 0 20px 0;
    border:1px solid #ccc;
    border-radius: 5px;
    width: 500px;
}

fieldset.menuBox :hover  {
    background-color: #ddd;
    cursor: pointer;
}

.menuBox legend {
    color:#333;
    padding:0 10px;
    margin:0;
    font-size: 22px;
}

.menuBox .menuBoxItem{
    width: 220px;
    border: 1px solid #ddd; 
    margin: 0 0 5px 5px;
    border-radius: 5px;
    background-color: #eee;
    font-size: 12px;
    padding: 10px;
}

.menuBox .content_icon {

}
.menuBox .content_body {
    margin: -23px 0 0 29px;
}

.menuBox .content_body .title {
    font-weight:bold;
    font-size: 12px;
}

/* LOGGED IN PANEL */
fieldset#page_rightColumn {
    border:1px solid #ccc;
    border-radius: 5px;
    float: right;
    font-size: 13px;
    margin: 5px -10px 0 10px;
    padding: 0 14px 20px 18px;
    width: 277px;
}

fieldset#page_rightColumn legend {
    font-size: 14px;
}



table.wikiTable {
    border-spacing: 10px;
    border: 1px solid #ddd;
    padding: 10px;
}
table.wikiTable th {
    border: 1px solid #ddd;
    padding: 5px 10px;
    background-color: #eee;
    text-align: left;
}
table.wikiTable td {
    border: 1px solid #ddd;
    padding: 10px;
    font-family: courier;
    font-size: 10pt;
    background-color: #eee;
}



pre {
    border: 1px solid #ddd;
	padding: 10px;
    background-color: #f9f9f9;
}
div.markdown code {
    width: 100%;
    color:#666;
}







/*form*/
.smartForm {
}
.smartForm fieldset.formArea {
    padding:10px 30px 20px 30px;
    margin:0;
    border:1px solid #bbb;
    border-radius: 5px;
    width: 350px;
    background-color:#ddd;
}

.smartForm legend {
    color:#333;
    padding:0 10px;
    margin:0;
    font-size:18px;
    border:1px solid #bbb;
    border-radius: 5px;
    background-color:#ddd;
}

.smartForm .formMessageArea {
    background-color:#FFFF66;
    border:1px solid #bbb;
    border-radius: 5px;
    margin: 10px 0 0 0;
    padding: 10px;
    font-size: 14px;
}

.smartForm input {
    width:250px;
    display: block;
}
.smartForm input, textarea {
    border:1px solid #ccc;
    padding:5px;
}

.smartForm input:focus, textarea:focus {
    background:#eee;
    border: 1px solid #888;
}

.smartForm textarea {
    font:.9em Verdana, Arial, Helvetica, sans-serif;
}

.smartForm select {
    margin: 0 0 0 -1px;
}

.smartForm label.fieldLabel {
    display: block;
    margin: 15px 0 3px 0;
    font-weight: 700;
    font-size: .9em;
    float: left;
    clear: left;
    width: 100%;
}

.smartForm label.first {
    margin: 0 0 0 0;
}


.smartForm label {
    margin: 10px 0 0 0;
    font-size: 12px;
    display: block;
    font-weight: bold;
}


.smartForm  a {
    text-decoration: none;
}

.smartForm .info {
    color: #999;
    font-size: 11px;
}

.smartForm button {
    margin: 0 0 0 0;
}

.smartForm .buttonRow .buttonRowButtonArea {
    float: left;
}
.smartForm .buttonRow .buttonRowMessageArea {
    float: left;
    font-size: 12px;
    padding: 5px 0 0 10px;
    font-style:italic;
}
.smartForm .buttonRow .showAsError {
    color:red;
}

.smartForm .errorMessage {
    color:red;
    font-weight:normal;
    font-style:italic;
}

.smartForm .formMessage {
    color:#333;
    font-size:14px;
    margin: 0 0 10px 0;
}




/*form output */
div.smartFormOutputArea {
    padding:10px 30px 20px 30px;
    margin:3px 0 0 0;
    border:1px solid #bbb;
    border-radius: 5px;
    width: 612px;
    background-color:#ccc;
}

div.smartFormOutputArea textarea {
    font-size:12px;
}







table.verticalFieldTable {

}
table.verticalFieldTable th {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}
table.verticalFieldTable td {
    padding: 5px;
    background-color: #eee;
}
table.verticalFieldTable td.fieldName {
    font-weight: bold;
    font-family: arial;
    font-size: 13px;
}
table.verticalFieldTable td.fieldValue {
    font-family: courier;
    font-size: 11px;
}





table.displayTable {
    border: 0px;
}
table.displayTable th {
    border: 0px;
    background-color: beige;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}
table.displayTable th.noBackground {
    border: 0px;
    background-color: #fff;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}
table.displayTable td {
    border: 0px;
    padding: 5px;
    font-family: courier;
    font-size: 11px;
    background-color: #eee;
    vertical-align: top;
}
table.displayTable td.noBackground {
    border: 0px;
    padding: 5px;
    font-family: courier;
    font-size: 11px;
    background-color: #fff;
}





table.verbTable {
    border: 0px;
}
table.verbTable th {
    border: 0px;
    background-color: beige;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
}
table.verbTable td {
    border: 0px;
    padding: 5px;
    font-family: arial;
    font-size: 14px;
    background-color: #eee;
    vertical-align: top;
}
table.verbTable td.tense {
    border: 0px;
    padding: 5px;
    font-family: arial;
    font-size: 14px;
    background-color: #eee;
    vertical-align: top;
    font-weight: bold;
}