body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #CCCCCC;
}
A {
    COLOR: #003399;
    TEXT-DECORATION: none;
}
A:hover {
    COLOR: #0000ff;
    TEXT-DECORATION: underline;
}
td{
font-size: 10px;
}
.odd {
  FONT-SIZE: 10px;
  COLOR: #666666;
  BACKGROUND-COLOR:#DAE5EC;
}
.even {
  FONT-SIZE: 10px;
  COLOR: #666666;
  BACKGROUND-COLOR:#FFFFFF;
}
.index_odd {
  font-size: 12px;
  COLOR: #666666;
  BACKGROUND-COLOR:#DAE5EC;
}
.index_even {
  font-size: 12px;
  COLOR: #666666;
  BACKGROUND-COLOR:#FFFFFF;
}
.index_header {
  font-size: 12px;
  font-weight:bold;
  color:#333333;
  background-color:#C4CED5;
}
.printTable{
  BACKGROUND-COLOR: #FFFFFF;
}

table.email{
  width: 100%;
  border: 1px solid #666666;
}
td.email{
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  BACKGROUND-COLOR: #DAE5EC;
}
INPUT.button {
  font-size: 12px;
  color: #000000;
  background: #C4CED5;
  width:120px;
  padding:2px;
  border:1px solid #333333;
}
INPUT.button:hover {
    font-size: 12px;
    color: #000000;
    background: #C4CED5;
    width:120px;
    padding:2px;
    border:1px solid #333333;
}
.header {
  font-weight:bold;
  color:#333333;
  background-color:#C4CED5;
  text-align:center;
}

TD.title {
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  padding-bottom:4px;
}
.subtitle {
  color: #666666;
  padding-left:12px;
  background-color:#DAE5EC;
  height:24px;
  margin-left:10px;
  margin-right:13px;
}
.subtitle td {
  font-size: 14px;
}
TD.prompt {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  vertical-align: top;
}
.text {
  font-size: 12px;
  color: #000000;
  border: 1px solid #999999;
}
.list {
  font-size: 12px;
  color: #000000;
  border: 1px solid #999999;
  /*
  border-style: solid solid solid solid;
  border-width: 1px;
  */
}
TEXTAREA.content {
  font-size: 12px;
  color: #000000;
  height: 100px;
  width: 400px;
  border-style: solid solid solid solid;
  border-width: 1px;
}
font.mandatoryFields{
  font-size: 14px;
  font-weight: bold;
  color: #800000;
}

.metadataTitle{
  font-size: 14px;
  font-weight: bold;
  color: #0000FF;
  BACKGROUND-COLOR: #C0C0C0;
}
.metadataSubTitle{
  font-size: 13px;
  font-weight: bold;
  text-indent: 10px;
  BACKGROUND-COLOR: #C0C0C0;
}
.metadataSubTitlePrompt{
  font-size: 13px;
  font-weight: bold;
  text-indent: 12px;
  BACKGROUND-COLOR: #C9CCCD;
}
.metadataSubTitleDisplay{
  font-weight: none;
  BACKGROUND-COLOR: #C9CCCD;
}
.parent {
    list-style : none;
    font-size : 12px;
    left : 2px;
    cursor : hand;
    color : #000000;
    bottom : 5px;
    position : relative;
    top : 4px;
}
.branch {
  list-style: none;
  font-size: 11px;
  left: 8px;
  cursor: text;
  color: #000000;
  position: relative;
  top: 2px;
}

.topHeader {
  color: #333333;
}
.menu a {
  color: #ffffff;
  text-decoration: none;
}
.menu a:hover{
  color: #ffff00;
  text-decoration: underline;
}
.menu{
  color: #ffffff;
}
.main A {
  COLOR: #cc3300;
  TEXT-DECORATION: none
}
.main {
  FONT-SIZE: 12px;
  COLOR: #333333;
}
.contents {
  BACKGROUND-COLOR: #990033
}
.pager {
  color:#666666;
}
.pager a {
  color:#666666;
  text-decoration: none;
}
.pager a:HOVER {
  color: #000000;
  text-decoration: underline;
}
.format {
  font-size: 12px;
  color: #003399;
  font-weight: normal;
}

.helpHeader{
  color:#ffffff;
  font-weight:bold;
  background-color: #666666;
  vertical-align: middle;
  text-align: left;
  margin-left:10px;
}
.help {
  border: 1px solid #999999;
  margin-left:10px;
}
.help td {
  color:#666666;
  background-color: #F4F4F4;
  vertical-align: middle;
  padding: 2px;
}
.language {
  font-size: 10px;
  font-weight:bold;
  color: #ffffff;
  text-align: left;
  margin-left: 6px;
  margin-top: 3px;
}

.successfulExamination{
  color : #008000;
}
.unsuccessfulExamination{
  color : #800000;
}
.notAnsweredExamination{
  font-style:italic;
  color: #666666;
}
.notAnsweredQuestion{
  font-style:italic;
  font-weight:bold;
  color: #000066;
}
.expiredLesson{
  font-style:italic;
  color: #800000;
}
.correctedAnswer{
  border:#800000 solid 1px;
  width:80%;
}
.usersAnswer{
  font-weight:bold;
}
.viewCorrectAnswer{
  color : #FF800F;
  font-weight:bold;
  font-style:italic;
}
.helpMenu{
  PADDING-BOTTOM: 20px;
}

.expiration{
  color : #800000;
  font-style:italic;
}

.recordAnalytical {
  border:#999999 solid 1px;
}
.accepted{
  color : #008000;
  font-weight:bold;
}
.rejected{
  color : #800000;
  font-weight:bold;
}

.instructions{
  font-size: 12px;
  font-weight:bold;
  text-align:left;
  color:#008000;
}

.viewAnswerMessage{
  font-weight:normal;
  text-align:left;
  color:#008000;
}
.lineInMainText{
  border:#008000 solid 1px;
}

.successfulProccess{
  font-size: 12px;
  font-weight:bold;
  color : #008000;
}
.unsuccessfulProccess{
  font-size: 12px;
  font-weight:bold;
  color : #800000;
}

.tip{
  font-size: 10px;
  font-weight:bold;
}
.bullet{
  border:0px;
  margin-left:5px;
  margin-right:10px;
}
.warning{
  font-weight:bold;
  font-size: 12px;
  color : #800000;
}
.warning div {
    border:1px solid #800000;
    font-weight:normal;
    color : #800000;
    width:70%;
    padding: 4px;
}
.examinationAbstract{
  border-width:1px;
  border-style:solid;
  border-color:#C4CED5;
  border-width:1px;
  width:100%;
}
.examinationAbstract td{
  border-width:1px;
  border-style:solid;
}
.examinationAbstractAnswered{
  COLOR: #666666;
  BACKGROUND-COLOR:#C4CED5;
}
.examinationAbstractAnswered a{
  /*color: #ffffff;*/
}
.examinationAbstractNOTAnswered{
    BACKGROUND-COLOR:#fff;
}
.examinationAbstractExpiredAnswered{
    background-color:#ccc;
    color: #000;
    font-style: italic;    
}

/*************************************************************************
    The following are some sample styles used in the "Styles" toolbar command.
    You should instead remove them, and include the styles used by the site
    you are using the editor in.

    2008/01/08: Copy by /FCKeditor/editor/fck_editorarea.css
*/

.Bold
{
    font-weight: bold;
}

.Title
{
    font-weight: bold;
    font-size: 18px;
    color: #cc3300;
}

.Code
{
    border: #8b4513 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    color: #000066;
    font-family: 'Courier New' , Monospace;
    background-color: #ff9933;
}
/*************************************************************************/
.profileTopMenu {
}
/* Dionisis csss */

.topMenu {
  background-color:#C4CED5;
  color:#666666;
  text-align:center;
}
.menuTitle {
  border:#666666 solid 1px;
  width:100%;
  background-color:#C4CED5;
    border-top:2px solid #4b306a;
    border-bottom:1px dotted #4b306a;
    padding:6px 6px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  height:20px;
}
.menuText {
  border:#666666 solid 1px;
  width:100%;
  font-size: 10px;
  color: #666666;
  background-color:#FFFFFF;
}
.footer {
    border:1px solid #888;
    background-color:#C4CED5;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px;
    text-align:right;
    font-weight: normal;
    font-size: 10px;
    color:#666666;      
    /*padding-top: 15px; */
    height:35px; 
    border-radius:15px 15px 15px 15px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Chrome */
    box-shadow: 0px 0px 2px #333; /* CSS3 */
    -moz-box-shadow: 0px 0px 5px #333; /* Firefox */
    -webkit-box-shadow: 0px 0px 15px #333; /* Safari, Chrome */
}
.footer a {
    /*color:#08C;*/
    text-decoration: none;
}
.footer a:hover {
    /*color:#08C;;*/
    text-decoration:underline;
}
.recordList {
    border:#999999 solid 1px;
    width:100%;
}
.recordList td {
    padding:6px;
}
.mailReadedNo {
  background-color:#DAE5EC;
  font-weight:bold;
  border:#CCCCCC solid 1px;
  color:#333333;
}
.mailReadedYes {
  background-color:#E4E4E4;
  color:#333333;
  font-weight:normal;
}
.examlnk{
  color:#999;
}
.examlnk a{
  color:#830051;
}
.examlnk div{
  background-color:#c4ced5;
  padding:4px;
  float:left;
  margin-right:4px;
  border: 1px solid #333333;
  color: #000000;    
  font-size: 12px;
  padding: 2px;
  width: 120px;
  text-align: center;
}
.examlnk div a{
  color:#000000;
  background: #c4ced5;
  width:120px;
  padding:2px;
  text-decoration: none;  
}

/*************************************************************************/
/*Calendar css                                                           */
/*************************************************************************/
.ColorBackground {
  FONT-SIZE: 10px;
  COLOR: #666666;
  BACKGROUND-COLOR:#DAE5EC;
}
.calendarheader {
  font-weight:bold;
  color:#333333;
  background-color:#C4CED5;
  text-align:center;
}
.ColorSpecialDay {
  color:red;
  FONT-SIZE: 15px;
}
.ColorToday {
  color:green;
  FONT-SIZE: 15px;
}
.ColorEvent {
  color:blue;
  FONT-SIZE: 15px;
}
.navlink {
  color:#FFFFFF;
}


.extraHeader{
    font-weight:normal;
    font-size:12px;
    margin-bottom:0px;
}
.banner-header{
    padding-left: 10px;
    border: 1px solid #666;
    background-color:#7b8aa0;    
    height:100px;    
    margin-bottom:100px;
    box-shadow: 0px 0px 5px #333; /* CSS3 */
    -moz-box-shadow: 0px 0px 5px #333; /* Firefox */
    -webkit-box-shadow: 0px 0px 5px #333; /* Safari, Chrome */
    border-radius:15px 15px 15px 15px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Chrome */
}

.banner-subhead{    
    border: 1px solid #666;
    background-color:#C4CED5;  
    color:#000;
    height:50px; 
    padding-left: 10px;
    padding-right: 10px;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Chrome */
}
.side-left{    
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    border:1px solid #666;   
    background:#7b8aa0;
    width:195px;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Chrome */
}
.side-right{   
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    border:1px solid #666; 
    background:#7b8aa0;
    width:195px;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Chrome */
}
.content-border{
    padding: 10px;
    border:1px solid #666;
    background:#fff;    
    height: 0px;       
    border-radius:15px 15px 15px 15px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Chrome */
}
.bottom-border{
    background:#ccc;    
    height: 1px;    
    font-size: 5px;
}
.top-border{
    background:#ccc;    
    height: 1px;    
    font-size: 5px;
}
.right-border{
    background:#ccc;    
    height: 1px;    
    font-size: 5px;
    width:10px; 
}
.left-border{
    background:#ccc;    
    height: 1px;    
    font-size: 5px;
    width:10px; 
}
.single_line{
    height:1px;
    font-size: 2px;
}
.info {
    padding: 10px;
    background: none repeat scroll 0% 0% #DAE5EC;
    width: 80%;
    margin: 10px;
    border-radius: 5px;
    border: 1px solid #7B8AA0;
    color: #796616;
} 
.dashboard {
    padding: 10px;
    background: none repeat scroll 0% 0% #fff;
    width: 80%;
    margin: 10px;
    border-radius: 5px;
    border: 1px solid #7B8AA0;    
}
.dashboard li { 
    padding-bottom: 10px;
}
.lineHr {
    border: 0px;     
    color: #fff; 
    background-color: #fff; 
    height:0.1px;
    font-size: 1px; 
}
.extraNewLine {     
    height: 1px;    
    font-size: 1px; 
}
.question_display_textarea{
    width: 80em; 
    height: 15em; 
}
.question_display_fill_in{
    width: 80em; 
    height: 15em;
} 
.login_style{
    /*border:1px solid #000;
    width:450px;
    text-align:left;*/    
    border:1px solid #000;    
    text-align:left;
    padding: 20px;
    font-size: 12px;    
}
.login_style ul {
  line-height:30px;  
}
.login_style a {
  color: #b4572b;
  text-decoration: underline;  
}