/* Basic CSS that is used in several pages */

html {height:100%;margin:0px;padding:0px;border:0px;}
body {font-family:Helvetica, Arial, sans-serif;min-height:101%;height:100%;color:#333;margin:0px;border:0px;padding:0px;text-align:center;}

/* FOOTER */
div#footer {text-align:left;border-top:1px solid #eee;font-size:10px;color:#888;padding-top:5px;margin-top:15px; margin-bottom: 7px}
div#footer a {font-size: 10px;}

img {border:none;}
img.mid {vertical-align:middle;margin:2px;}
img.hi {vertical-align:text-top;}
.imgb {border:1px solid #677D91;}
.grey { color: #666666; margin:0; }

div.userbadge {padding:2px;}
div.userbadge a, span.smalluserbadge a { color: #333; }
img.usericon {vertical-align:middle;border-style:solid;border-color:gray;border-width:1px;padding:1px;margin-right:10px;}
img.usericon:hover {border-color:black;}

a.iconlink { color: #333; }
a.iconlink:hover { text-decoration: none }

.contact {width:300px;height:60px;font-size:12px;margin-bottom:10px;float:left;margin-bottom:20px;border-bottom:1px solid gray;padding-bottom:15px;margin-right:25px;}
.contact h2 {font-size:16px;font-weight:bold;margin:0px;}
.contact p {margin:0px;padding:0px;}

/* BLUE BOX */
.boxblue {background:#dfecfc url(../images/boxes/boxbluert.jpg) right top no-repeat;}
.boxblue div {background:url(../images/boxes/boxbluelt.jpg) left top no-repeat;}
.boxblue .inner {background:url(../images/boxes/boxbluerb.jpg) right bottom no-repeat;}
.boxblue .inner div {background:url(../images/boxes/boxbluelb.jpg) left bottom no-repeat;}
.boxblue p {padding:10px;overflow:hidden;}

/* ERROR AND SUCCESS BOX */
div#errorbox {width:100%;height:49px;background-image:url(../images/stripes_grey.png);padding:10px; margin-bottom: 20px;}
div#errorbox p, div#successbox p  {text-transform:uppercase;font-size:12px;font-weight:bold;font-family: Arial, sans-serif;color:#444;margin:7px;border:7px solid white;padding-left:25px;background:#fff;}
div#errorbox p img, div#successbox p img {vertical-align:middle;margin:2px;margin-right:5px;}
div#successbox {width:100%;height:50px; padding: 10px; border: solid 5px #b3dfb3; margin-bottom: 20px;}
div#successbox {font-size: 14px; }


.m0 {margin:0;}
.m10 {margin:10px;}
.mb20 {margin-bottom:20px;}
.mt0 {margin-top:0;}
.p5 {padding:5px;}

.right {float:right;}
.left {float:left;}
.break {clear:both;}

/* GREEN */
.green {padding:6px;text-align:center;background-color:#CDEB8B;margin-bottom:20px;}

/* The BIG letters used for grouping */
p.letteraddressbook{	border-bottom: 1px solid gray;	clear: both; 	font-size: 20pt;}
p.letteraddressbook * {	clear: both; 	font-size: 20pt;}

/* Letter list ( eg: A B C E H M O ) */
span.letterlist { margin: 10px; display: block; padding: 5px; border: 1px solid #ededed; }
span.letterlist a { font-size: 11px; font-weight: normal; color: #335A7A; margin: 0 7px; margin-bottom: 3px; }

/* Descriptive text */
span.desc { margin-left: 10px; font-size: 10px; }
p.desc{ font-size: 11px; color: #333; text-align: justify; padding: 0 15px; line-height: 150%; padding-bottom: 10px; }

/* Fieldtitles */
p.fieldtitle, td.fieldtitle{ font-weight: bold; font-size: 11px; line-height: 18px; text-indent: 5px; }

/* Admin box */
.adminbox { border: 5px solid #fce94f; background: #fcf98f; padding: 10px; margin: 20px 0; }

/* YELLOW */
div.actionyellow { background: #FFFF88; padding: 5px; }

/* HEADERS */
#contentheader {text-align:left;padding-left:10px;margin-bottom:20px;}
#contentheader h1 {margin:1px;}
#contentheader h3 {font-family: Arial, sans-serif; font-size:12px; font-weight:normal; color:#999; margin:0px; }
#contentheader a:link, #contentheader a:visited { color: #666; text-decoration:underline; }
#contentheader a:hover{ text-decoration:none; }


/* NAVIGATIONBAR */
p.page_navigation_bar { clear: both; border: 1px solid gray; padding: 3px; text-align: center; vertical-align: middle; }

/* RIGHT SIDEMENU ITEMS */
p.opt_off { margin: 0; color: #666; height:24px; font-size: 12px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
p.opt_on { margin: 0; color: #666; font-weight: bold; background-color: #E9EEF1; height:24px; font-size: 12px; }
p.opt_off a, p.ont_on a { color: #666; }
p.opt_off a:hover, p.ont_on a:hover { color: #000; }

/* LIST TABLES */
table.list, table.list1, table.list2 {width:100%;margin:0;padding:0;border-collapse:collapse;}
table.list tr.bg0, table.list1 tr.bg0, table.list2 tr.bg0 {background:#fafafa;}
table.list tr.bg1, table.list1 tr.bg1, table.list2 tr.bg1 {background:#f0f0f0;}
table.list tr td {padding:2px 5px 2px 5px;margin:0;}
table.list2 thead {font-weight:bold;}
table.list1 tr td {padding:10px 5px 10px 5px;margin:0;border-top:1px solid darkgray;border-bottom:1px solid darkgray;}
table.list2 tr td {padding:3px 2px 3px 2px;margin:0;border-top:1px solid darkgray;border-bottom:1px solid darkgray;}
table.list1 p, table.list1 span, table.list1 a {font-size:10px;}

/* SUCHBOX */
div.suchbox{ background-color:#eee; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:10px; float:right; }

#suchbox .searchfield{ background-color:#fff; margin-bottom:10px; }

.groupbadge a { color: #333; }
.groupbadge {width:300px;height:60px;font-size:12px;float:left;margin-bottom:20px;padding-bottom:15px;margin-right:25px;}