/* Base Styles */
body, input, textarea, select { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #666666; }
body, form { margin: 0px; padding: 0px; }

body { background-color: #ffffff; }

a { text-decoration: none; color: #ff0000; }
a:hover { text-decoration: none; color: #ff0000; }

.clear { clear: both; }
.clearafter:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clearafter { display: inline-block; }

/* Hides from IE-mac */
* html .clearafter { height: 1%; }
.clearafter { display: block; }

img { border: 0px; }

/* Content */
#content { width: 600px; min-height: 500px; height: auto; border: 1px solid #333333; margin: 20px auto 20px auto; padding: 20px; } 

#content h1, #content h2, #content h3 { padding: 10px; margin: 0px; }

#content h1 { font-size: 18px; }
#content h2 { font-size: 13px; }
#content h3 { font-size: 11px; }

#content p { padding: 10px; margin: 0px 10px 0px 0px; text-align: justify }

#content dl { padding: 10px; margin: 0px 10px 0px 0px; text-align: justify }
#content dd { padding: 10px; }

#content .full { width: 200px }
#content .small { width: 40px }
#content .button { background: #cccccc; width: auto; border: 1px solid #505048; padding: 0 10px 0 10px; margin: 0px; }
#content .center { text-align: center }
/* INNER ULS AND LIS WILL BE AFFECTED 
#content ul { padding: 0px; margin: 0px 15px 15px 30px; list-style: square; }
*/

#content ol { padding: 0px; margin: 0px 15px 15px 30px; }
/* INNER ULS AND LIS WILL BE AFFECTED 
#content li { padding: 10px; margin: 0px; text-align: justify }
*/
#content a { font-weight: bold; }

textarea[readonly=readonly]
{
background-color:white;
border-style:solid;
border-width:1px;
}