/*

light: #FFF4D5
back: #FFCC66
font: #07007F

*/


body		{ background: #555555; padding: 10; margin: 0; color: #000000; text-align: center; font-family: Helvetica; font-size: 12px; }

p, td,li	{ font-size: 12px; padding: 0px; margin: 0px; margin-bottom: 10px}

a		{ color: #07007F; text-decoration: none; font-family: Helvetica; font-size: 12px;}
a:hover		{ text-decoration: underline; }

h1		{ color: #07007F; font-family: Helvetica, sans-serif; font-size: 16px; text-align: center; border-bottom: 1px solid #07007F; border-top: 1px solid #07007F; background: #FFCC66; display: block; margin: 0px; padding: 0px; margin-bottom: 10px;}
h2		{ color: #000000; font-family: Helvetica, sans-serif; font-size: 16px; text-align: left; display: inline; }
h3		{ color: #000000; font-family: Helvetica, sans-serif; font-size: 16px; text-align: left; border-bottom: 1px solid #FFCC66; display: block; margin: 10px 0px; padding: 0px; }

img		{ border: 0px; }

.clear			{ clear: both; height: 20px; }
.clear_zero		{ clear: both; height: 0px; }

#display		{ width: 822px; margin: auto}

#main			{ background: #FFF4D5; width: 822px; text-align: left; border: 1px solid #07007F; float: left; }

#pnlLogo		{ float: left; width: 150px; height: 100px; background: #FFCC66; background-image: url(../images/hopets_logo.png); border-bottom: 1px solid #07007F;}
#pnlLogo a		{ border: 0px; width: 150px; height: 98px; display: block; float: left; }
#pnlLogo a:hover	{ text-decoration: none }

#pnlTop			{ float: left; width: 670px; height: 100px; text-align: center; border-bottom: 1px solid #07007F; background: #FFCC66; }
#main > #pnlTop		{ width: 672px}
#pnlTop	h1		{ color: #07007F; font-size: 40px; margin: 0px; padding: 0px 0px; height: 50px; border-top: 0px; }
#pnlTop	h2		{ color: #07007F; position: relative; top: 12px}

#sidebarLeft		{ background: #FFF4D5; float: left; width: 150px; }

#pnlContent		{ float: left; width: 670px; padding: 5px; border-left: 1px solid #07007F; height: 600px; }
#main > #pnlContent	{ width: 660px; min-height: 600px; height: auto}  /* IE-Bug height=min-height, deshalb für alle anderen Browser wieder überschreiben */
#pnlContent p.error	{ text-align: center; color: red; font-weight: bold; font-size: 14px; border:1px solid #07007F; line-height: 30px;}
#pnlContent p.message	{ text-align: center; color: #07007F; font-weight: bold; font-size: 14px; border:1px solid #07007F; line-height: 30px;}

#sidebarRight		{ float: right; width: 130px; height: 200px; border: 1px solid #07007F;}


#pnlQuickLogin		{ width: 140px; padding: 5px; font-size: 12px;}
#pnlQuickLogin .cmd 	{ text-align: center; background: #FF0000; color: #ffffff; width: 100%;}
#pnlQuickLogin .txt 	{ width: 100%; }
#pnlQuickLogin p.error	{ text-align: center; color: red; font-weight: bold; font-size: 14px; border:1px solid #07007F; line-height: 30px;}


#pnlPageFooter		{ float: left; width: 822px; text-align: center; font-size: 10px; line-height: 25px; }
#pnlPageFooter p	{ text-align: center; margin: 0; padding: 0; }
#pnlPageFooter a	{ color: #FFF4D5; background: #555555; padding: 3px 5px; }
#pnlPageFooter a:hover	{ color: #555555; background: #FFF4D5; text-decoration: none; }

.pnlMenu		{ width: 150px; }
.pnlMenu a		{ color: #07007F; background: #FFF4D5; width: 150px; padding: 5px 5px; font-weight: bold; display: block; float: left; }
#sidebarLeft>.pnlMenu a { width: 140px; }
.pnlMenu a:hover	{ color: #FFF4D5; background: #07007F; text-decoration: none; }
.pnlMenu hr		{ clear: both; border: 7px solid #FFF4D5; background: #07007F; height: 15px; width: 150px; margin: 0px; padding: 0px;}

#gallery .gallery, #home .home, #messages .messages, #playmates .playmates, #petowner .petowner, #search .search, #invite .invite, #pet_runaway .pet_runaway, #pet_found .pet_found, #forum .forum
{
 background: #FFCC66; 
} 


.searchForm		{ float: left; width: 380px;}
.searchForm input 	{ width: 200px; }
.searchForm select	{ width: 200px; }
.searchForm input.cmdSearch 	{ width: 100px; }
.searchForm input.cmdOk 	{ width: 50px; }

.formTable		{ font-size: 12px; }
.formTable td		{ margin: 0px; padding: 3px 1px; }
.formTable td.label	{ padding-right: 10px; font-weight: bold; color: #07007F; text-align: left; }
.formTable td.labelTop	{ padding-right: 10px; font-weight: bold; color: #07007F; text-align: left; vertical-align: top; }

#pnlProfileBig		{ border: 1px solid #07007F; }
#pnlProfileBig img	{ float: left; width: 250; border: 0px }
#pnlProfileBig table	{ float: none; width: 350; }
#pnlProfileBig td.label	{ padding-right: 10px; font-weight: bold; color: #07007F; width: 90px;}

#pnlProfileInfo		{ float: left; text-align: center; margin-right: 15px; border: 1px dotted #07007F; }
#pnlProfileInfo	img	{ width: 120; border: 0px }
#pnlProfileInfo p	{ background: #FFCC66; color: #07007F; margin: 0px; padding: 0px;}

#pnlProfileSmall	{ float: left; margin-right: 25px; margin-top: 15px; text-align: center; border: 1px dotted #07007F; }
#pnlProfileSmall img	{ border: 0px; width: 130; }
#pnlProfileSmall img.icon { border: 0px; width: 16; }
#pnlProfileSmall p	{ background: #FFCC66; color: #07007F; margin: 0px; padding: 0px;}

#cmdDelete		{ background: #FF0000; color: #FFFFFF; }
#cmdYes			{ width: 60px; }

#pnlMessage		{ border: 1px solid #07007F; margin-bottom: 10px; width: 99%}
#pnlMessage img		{ width: 80px; border: 0px; margin: 2px; padding: 0px; float: left;}
#pnlMessage p		{ float: left; font-size: 20px; font-weight: bold; color: #07007F; position: relative; top: 20px;}

.msgTable		{ width: 100%; border: 0px; border-collapse: collapse}
.msgTable td.img	{ width: 180px; vertical-align: middle; text-align: center; padding: 2px;}
.msgTable td.subject	{ text-align: left; width: 360px; background: #FFCC66; color: #07007F; font-weight: bold; padding-left: 5px}
.msgTable td.status	{ text-align: right; text-decoration: bold; background: #FFCC66; color: #07007F; padding-right: 5px; font-size:10px; line-height: 10px;}
.msgTable td.msgBody	{ vertical-align: top; text-decoration: bold; border-top: 1px solid #07007F; border-bottom: 1px dotted #07007F; padding-left: 5px; padding-bottom: 15px}
.msgTable td.buttons	{ padding-left: 5px;  }

#pnlGallery		{ border: 1px solid #07007F; width: 147px; text-align: center; float: left; margin: 6px; }
#pnlGallery img		{ width: 143px; border: 0px; margin: 2px}
#pnlGallery img.icon	{ width: 16; margin: 2px; }
#pnlGallery p.buttons	{ float: left; margin: 0px; padding: 0px;}
#pnlGallery p.counter	{ float: right; margin: 4px; padding: 0px;}
#pnlGallery p.text	{ margin: 0px 2px; padding: 0px; }


#pnlInfo		{ margin-left: 50px; margin-bottom: 15px;}
#pnlInfo td.label	{ text-align: left; }
#pnlInfo td		{ text-align: right; }
#pnlInfo td h3		{ font-size: 14px; }
#pnlInfo table.infoTable { float: left; width: 130px; margin-left: 60px;}
#pnlInfo table.visitorTable{ float: left; width: 130px; margin-left: 60px;}
#pnlInfo table.actionTable { float: left; width: 130px; margin-left: 5px;}
#pnlInfo a		{ color: #07007F; background: #FFF4D5; width: 100%; padding: 2px 0px; font-weight: bold; display: block; float: left; line-height: 12px;}
#pnlInfo a:hover	{ color: #FFF4D5; background: #07007F; text-decoration: none; }


#pnlProfileRunaway	{ border: 1px solid #07007F; margin-bottom: 10px; width: 99%}
#pnlProfileRunaway img	{ width: 80px; border: 0px; margin: 2px; padding: 0px; float: left;}
#pnlProfileRunaway p	{ float: left; font-size: 20px; font-weight: bold; color: #07007F; position: relative; top: 20px;}

.runawayTable		{ width: 100%; border: 0px; border-collapse: collapse}
.runawayTable td.img	{ width: 80px; vertical-align: middle; text-align: center; padding: 2px;}
.runawayTable td.title	{ text-align: left; width: 360px; background: #FFCC66; color: #07007F; font-weight: bold; padding-left: 5px}
.runawayTable td.status	{ text-align: right; text-decoration: bold; background: #FFCC66; color: #07007F; padding-right: 5px; font-size:10px; line-height: 10px;}
.runawayTable td.notes	{ vertical-align: top; text-decoration: bold; border-top: 1px solid #07007F; padding-left: 5px; padding-bottom: 15px; border-bottom: 1px dotted #07007F; }
.runawayTable td.buttons{ padding-left: 5px;  }


.ForumTable 		{ width: 100%; border: 1px solid #07007F; border-collapse: collapse; margin-bottom: 30px;}
.ForumTable th		{ color: #07007F; background: #FFCC66; border-bottom: 1px solid #07007F; }
.ForumTable tr		{ height: 50px; }
.ForumTable td		{ padding: 0px 5px; border-bottom: 1px solid #07007F; }
.ForumTable td a	{ font-weight: bold; }
.ForumTable p.dateTime	{ padding: 0px; margin: 0px; font-size: 10px; }

.ForumTable tr.header	{ height: 20px; }
.ForumTable tr.topic0	{ height: 40px; background: #EFE4C5; }
.ForumTable tr.topic1	{ height: 40px; background: #FFF4D5;  }
.ForumTable td.created	{ width: 150px; }

.ForumTable tr.post	{ height: 50px; }
.ForumTable td.info	{ padding: 5px; width: 150px; background: #FFCC66; vertical-align: top; border-right: 1px solid #07007F;}
.ForumTAble td.message	{ padding: 5px; vertical-align: top; }

.blogCalendar		{ border: 1px solid #07007F; border-collapse: collapse; width: 190px; }
.blogCalendar th 	{ font-weight: bold; font-size: 10px; border-bottom: 1px dotted #07007F;}
.blogCalendar td 	{ font-size: 10px; width: 15px; padding: 0px 3px 0px 3px; }
.blogCalendar td.day 	{ }
.blogCalendar td.weekendday { background: #FFCC66;}
.blogCalendar td.dayLink{ }
.blogCalendar td.weekenddayLink {background: #FFCC66; }
#pnlInfo .blogCalendar td.dayLink a { background: transparent; color: red; }
#pnlInfo .blogCalendar td.dayLink a:hover { background: #07007F; color: #FFF4D5; }
#pnlInfo .blogCalendar td.weekenddayLink a { background: transparent; color: red; }
#pnlInfo .blogCalendar td.weekenddayLink a:hover { background: #07007F; color: #FFF4D5; }
#pnlInfo td.blogMonth 	{ text-align: center;  font-weight: bold; padding: 0px; margin: 0px; }
#pnlInfo td.blogMonth a { width: 15px; padding: 0px; margin: 0px; }


.imageSelectTable	{ width: 100%; border-collapse: collapse; }
.imageSelectTable td	{ vertical-align: top; border: 1px dotted #07007F; padding: 4px;}
.imageSelectTable img	{ width: 60px; }
.imageSelectTable input	{ float: left;}

#pnlBlogEntry 			{ width: 100%; }
#pnlBlogEntry h3		{ clear: both; float: left; }
#pnlBlogEntry .blogImg1		{ float: left; width: 150px; margin-right: 10px; }
#pnlBlogEntry .blogImg2		{ float: right; clear: left; width: 150px; margin-left: 10px; }
#pnlBlogEntry .blogText		{ text-align: justify; line-height: 20px; }