.labelfield{ /*CSS for label field in general*/
color:red;
font-size: 90%;
font-weight: bold;
}

.datefield{ /*CSS for date field in general*/
color:green;
font-size: 90%;
text-decoration: none;
float:left;margin-right:2px;
}
.datefield a{ /*CSS for date field in general*/
color:green;
font-size: 90%;
text-decoration: none;
float:left;margin-right:2px;
}


.footer{ /*CSS for date field in general*/
color:green;
font-size: 90%;
font-weight: bold;
}

.footer a{ /*CSS for date field in general*/
color:green;
font-size: 90%;
text-decoration: none;
font-weight: bold;
}

.main { /*CSS specific to demo 1*/
margin-bottom: 4px;
font-size: 120%;
}

.main a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 120%;
margin-bottom: 4px;
font-weight: bold;
}

.main:hover a{

    border: 1px #C0C0C0 solid;
    background: #EAFFEA;
    margin-bottom:4px;
    font-weight: bold;
}

.mainv { /*CSS specific to demo 1*/
margin-bottom: 4px;
font-size: 120%;
font-weight: bold;
color: #CDCDCD;
background: #F9F9F9;
}

.note{ /*CSS for date field in general*/
color:green;
font-size: 90%;
position:absolute;
}


.note{ /*CSS for date field in general*/
color:green;
font-size: 90%;
float:right;margin-right:120px;
}

#examp2 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:40%;
float:right;margin-left:4px;
background-color:#FFFFCC;
border: 2px #F4F4F4 solid;
border-left-width: 0px;
border-right-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp2 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 80%;
margin-bottom: 4px;
}

#examp3 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:40%;
float:right;margin-left:4px;
background-color:#CCFFCC;
border: 2px #F4F4F4 solid;
border-left-width: 0px;
border-right-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp3 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 80%;
margin-bottom: 4px;
}

#examp4 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:40%;
float:right;margin-left:4px;
background-color:#CCFFCC;
border: 2px #F4F4F4 solid;
border-left-width: 0px;
border-right-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp4 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 80%;
margin-bottom: 4px;
}

#examp5 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:40%;
float:right;margin-left:4px;
background-color:#CCFFCC;
border: 2px #F4F4F4 solid;
border-left-width: 0px;
border-right-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp5 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 80%;
margin-bottom: 4px;
}

#examp6 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:40%;
float:right;margin-left:4px;
background-color:#CCFFCC;
border: 2px #F4F4F4 solid;
border-left-width: 0px;
border-right-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp6 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 80%;
margin-bottom: 4px;
}

#examp7 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:40%;
float:right;margin-left:4px;
background-color:#CCFFCC;
border: 2px #F4F4F4 solid;
border-left-width: 0px;
border-right-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp7 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 80%;
margin-bottom: 4px;
}

#examp8 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:40%;
float:right;margin-left:4px;
background-color:#CCFFCC;
border: 2px #F4F4F4 solid;
border-left-width: 0px;
border-right-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp8 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 80%;
margin-bottom: 4px;
}

#examp9 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:40%;
float:right;margin-left:4px;
background-color:#CCFFCC;
border: 2px #F4F4F4 solid;
border-left-width: 0px;
border-right-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp9 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 80%;
margin-bottom: 4px;
}

#examp10 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:40%;
float:right;margin-left:4px;
background-color:#CCFFCC;
border: 2px #F4F4F4 solid;
border-left-width: 0px;
border-right-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp10 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 80%;
margin-bottom: 4px;
}

#examp11 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:40%;
float:right;margin-left:4px;
background-color:#CCFFCC;
border: 2px #F4F4F4 solid;
border-left-width: 0px;
border-right-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp11 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 80%;
margin-bottom: 4px;
}

#examp12 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:40%;
float:right;margin-left:4px;
background-color:#CCFFCC;
border: 2px #F4F4F4 solid;
border-left-width: 0px;
border-right-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp12 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 80%;
margin-bottom: 4px;
}


#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: right;
color:#D8D8D8;
width:30%;
float:right;margin-left:6px;margin-right:10px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
}

#example3 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: right;
color:#D8D8D8;
width:30%;
float:right;margin-left:6px;margin-right:10px;
}

#example3 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
}

#example4 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: right;
color:#D8D8D8;
width:30%;
float:right;margin-left:6px;margin-right:10px;
}

#example4 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
}

#example5 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: right;
color:#D8D8D8;
width:30%;
float:right;margin-left:6px;margin-right:10px;
}

#example5 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
}

#example6 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: right;
color:#D8D8D8;
width:30%;
float:right;margin-left:6px;margin-right:10px;
}

#example6 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
}

#example7 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: right;
color:#D8D8D8;
width:30%;
float:right;margin-left:6px;margin-right:10px;
}

#example7 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
}

#example8 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: right;
color:#D8D8D8;
width:30%;
float:right;margin-left:6px;margin-right:10px;
}

#example8 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
}

#example9 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: right;
color:#D8D8D8;
width:30%;
float:right;margin-left:6px;margin-right:10px;
}

#example9 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
}

#example10 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: right;
color:#D8D8D8;
width:30%;
float:right;margin-left:6px;margin-right:10px;
}

#example10 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
}

#example11 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: right;
color:#D8D8D8;
width:30%;
float:right;margin-left:6px;margin-right:10px;
}

#example11 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
}

#example12 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: right;
color:#D8D8D8;
width:30%;
float:right;margin-left:6px;margin-right:10px;
}

#example12 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
}