/* need to share common css between members */

html, body {font-family: Arial, Helvetica, Verdana, sans-serif;font-size: 1em;}

h1 {color: #797979;margin: 0.5em 0;font-size: 1.2em;border-bottom:1px solid #c9c9c9;}
h2 {color: #797979;padding: 0.4em 0; font-size: 1em;}
h3 {color: #797979;font-size: 0.8em;padding: 0.5em 0;}

a { font-size: 0.9em; }


fieldset {border: 1px solid #ccc; padding: 0.5em; -moz-border-radius: 10px; margin: 1em 0; }

legend { margin: 0.2em 0.5em; font-size: 0.8em; color: #d91116; background-color: #fff; font-weight:600;}
legend img { vertical-align: top; }

textarea,select,input{font-family: Arial, sans-serif;font-size: 0.9em;}

span.req {color: #f00;font-weight: bold;}

p { font-size: 0.8em; }

legend { color: #d00; }

table { font-size: 0.8em; border-collapse: collapse; }
td { padding: 0.2em;  border-bottom: 1px solid #fff;  vertical-align:top;}

input.button, button { -moz-border-radius: 3px; border: 1px solid #ccc; padding: 0.2em 0.3em; background: #fff url(/members/images/gradient.jpg) repeat-y; color: #000; margin: 0.3em 0;}
input.button:hover, button:hover { border-color: #666; cursor: pointer; background-color: #eee; }
button img { vertical-align: top; padding-right: 5px; }

ul { padding: 0; margin: 0.2em 0 0.2em 1em; }
ul li { font-size: 0.8em; }

/* flag for suspicious applications */
.flagapp { background-color: #ddd; }

.center { text-align: center; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.disclaim { font-size: 0.7em; font-style: italic; margin:0; padding: 0; }

/* tooltip */
a.tooltip { background: #fff url(/members/images/help.gif) no-repeat top left; display:block; width: 20px; height: 20px; cursor: help; margin-left: 10px; }
a.tooltip:hover {background-color:#ffffff; text-decoration:none;}
a.tooltip span {display:none; padding:2px 3px; margin-left:30px; width:150px; text-align:left;}
a.tooltip:hover span{display:inline; position:absolute; background:#fff; border:1px dotted #cccccc; color:#6c6c6c; z-index: 100;;color:#000;}

p.box {border:1px dashed #ccc;float:left;width:92%;padding:2%; margin: 0.5em 0;}

div.miniscroll { overflow-y: auto; height: 280px; }