/**
 * MyPlanet5
 *
 * MyPlanet5 application.
 *
 * @link       http://www.myplanet5.com
 * @category   MyPlanet5
 * @package    MyPlanet5
 */

/* ------------------------------------------------------------------------------------------
	Basic Stylesheet
--------------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }

table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
* { margin:0; padding:0; }

html { height:100%; }
body { min-height:101%; position:relative; padding:0; color:#FFF; }

a { color:#E2CA9D; text-decoration:none; outline:none; }
a:hover { color:#FFFFFF; text-decoration:underline; }
a:active { color:#D9509B; outline:none; }
a img { text-decoration:none; }


/* Base Font Settings
--------------------------------------------------------------------------------------------- */

body { font-family:'Arial CE', Arial, Verdana, sans-serif; line-height:1.5; }
body { font-size:75%; }
html > body { font-size:12px; }

h1,h2,h3,h4,h5,h6 { padding:0; margin:0; font-weight:normal; clear:both; }

strong { font-weight:bold; }
em { font-style:italic; }
ul { list-style:none; }


/* ------------------------------------------------------------------------------------------
	Main Layout
--------------------------------------------------------------------------------------------- */

.cleaner, .block-content hr { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; border:0; }
.cleaner:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
* html .cleaner { height:1%; <strong></strong>}
.separator { border:0; border-bottom:1px solid #3F454A; display:block; clear:both; height:1px; margin:22px 0 20px 0; }
.spacer { border:0; display:block; clear:both; height:1px; margin:20px 0; }

.cleaner { clear:both; }
.hidden { display:none; }

.normal-weight { font-weight:normal; }
.bold { font-weight:bold; }
.size17px { font-size:17px; }
.top5px { margin-top:5px; }
.align-right { text-align:right; }
.align-center { text-align:center; }


input { vertical-align: middle; }


ul.error { padding:5px; } 
ul.error li { padding-left:30px; } 


#page { width:1000px; margin:0 auto; text-align:left; }

#footer { text-align:center; color:#6c6c6c; background:url(../images/tpl/bg-footer.png) repeat-x 0 0; height:250px; }
#footer-content { width:1000px; margin:0 auto; padding:20px 0 0 0; }
#footer a { color:#6c6c6c; text-decoration:underline; }
#footer a:hover { color:#E2CA9D; text-decoration:none; }


.shadow-xsmall { -moz-box-shadow:1px 1px 3px #000; -webkit-box-shadow:1px 1px 3px #000; -khtml-box-shadow:1px 1px 3px #000; box-shadow:1px 1px 3px #000; }

.blackbutton { background:#000 url(../images/tpl/bg-button.png) repeat-x 0 0; border:1px solid #000; font:normal bold 12px/12px Arial,sans-serif; color:#E2CA9D; } 
.blackbutton { -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
input.blackbutton { cursor:pointer; padding:2px 10px; }
.blackbutton.xsmall { padding:3px 8px; }


#header-login { position:absolute; right:0; top:35px; }
#header-profile-user-picture { position:absolute; left:0; bottom:0; /* width:34px; */ height:44px; background-color:#EEE; }
#header-profile-user-picture img { background-color:#EEE; border:2px solid #FFF; /* width:35px; */ height:40px; }		
#header-profile-userinfo { padding:0 0 0 50px; }
.hp-profile-link { display:block; font:normal normal 13px/13px Arial,sans-serif; color:#FFF; padding:2px 0 7px 0; }
.blob-button { display:block; float:left; background-color:#212121; font:normal bold 11px/12px Arial,sans-serif; color:#E2CA9D; padding:3px 6px; margin-right:8px; background-repeat:no-repeat; }
.blob-button { -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; }
.hp-logout { display:block; float:left; font:normal bold 11px/12px Arial,sans-serif; padding:2px 0; margin-left:10px; }		
.unread-messages { background-image:url(../images/tpl/icon_unread-messages.png); background-position:5px 4px; padding-left:23px; }
.friendship-requests { background-image:url(../images/tpl/icon_friendship-requests.png); background-position:5px 2px; padding-left:21px; }