body, td, th {
/*    font: 12px/1.4em Verdana,sans-serif;*/
font: 14px/1.4em Verdana,sans-serif;
}

th {
    font-weight: bold;
}

h1, h2 {
    /*color: #003300;*/
    /*color: #336699*/
}

h1 {
    font-family: "Trebuchet MS", sans-serif; /*added CD*/
    font-size: 250%;
    margin: 0px 0px 5px 0px;
    padding: 0 0 10px 0;
    /*border-bottom: solid 1px #888;*/
}

h2 {
    font-family: "Trebuchet MS", sans-serif;
    font-weight:normal;
    font-size: 150%;
    margin-bottom: 10px;
    margin-top: 0px;
}

div.user {
    text-align: right;
    font-size: 11px;
}

a {
   /* color: #0000aa;*/
    text-decoration: none;
    color: #336699
}

a:hover {
    color: #aa0000;
}

a.help {
    font-size: 10px;
}

table.header {
    margin-bottom: 15px;
}

table.main,
table.my_groups_corpora,
table.form {
    background-color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-spacing: 1px;
    empty-cells: show;
}

table.main {
    width: 850px;
  /*  width: 100%;*/
}

table.entire {
    width: 850px;
  /*  width: 100%;*/
}

table.my_groups_corpora {
    width: 100%;
}


table.main, th.main, td.main, th.wide, td.wide {
   border: 1px solid black;
} 

th.main,
td.left,
td.left_required {
    background-color: #eaeaea;
    background-color:#CCE5FF;
    padding-left : 5px;
    padding-right: 5px;  
    
    
    
}

td.left_required {
    font-weight: bold;
}

td.main,
td.right {
    background-color: #fafafa;
   /* background-color:#99ccff*/
    padding-left : 5px;
    padding-right: 5px;  
 
}

th.wide {
background-color:#CCE5FF;
    padding-left : 5px;
    padding-right: 5px;  
    width: 440px;
    
}

td.wide {
background-color:#fafafa;
    padding-left : 5px;
    padding-right: 5px;  
    width: 440px;
    
}

tr.minor td.main, td.minor td.right {
   /* background-color: #ffffff;*/
    background-color:#99ccff
}

div.confirm {
    text-align: center;
    margin-top: 30px;
}

p.p_error {
    color: #aa0000;
}

p.p_info {
    color: #00aa00;
}

p.hint {
    padding-top: 0px;
    margin-top: 5px;
    font-size: 70%;
}



table.more_less {
    width: 100%;
}

tr #more, tr #less {
    text-align: right;
}

div.left_column {
    float: left;
    width: 120px;
    margin-right: 14px;
    margin-left: 0px;
    padding-right: 2px;
    padding-left: 4px;
    background-color: #B4DFFF;
    height: 100%;
}

div.right_column {
    float: right;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

div.bottom_column {
    padding-top: 10px;
    clear: both;
}

ul.navigation {
    margin-top: 0px;
    padding-top: 0;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

ul.navigation li:before {
    content: "\00BB \0020";
}

ul.navigation li {
    margin-top: 5px;
}

div.navigation,
div.navigation_bottom {
    text-align: center;
    margin-bottom: 20px;
    background-color: #eaeaea;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

div.navigation_bottom {
    margin-top: 20px;
}

img {    
     display: inline-block;  
     
    width:850px; /* you can use % */
    height: auto;
}

img.banner {    
     display: inline-block;  
     
    width:850px; /* you can use % */
    height: auto;
}


img.small {    
     display: inline-block;  
     
    height:300px; /* you can use % */
    width: auto;
}