/* Ecaflip'a coin - Wakfu TCG FanSite
 *
 * CSS File - /styles/styles.users.css - specific stylesheet for the homepage
 *
 */

/* CONNECT */

div#connect_left, div#map_left { width: 670px; margin: 0 0 0 10px; }

div#connect_left h2 { width: 459px; height: 60px; margin: 0 0 20px; text-indent: -9999px; background: url(design/connect_title.png) 10px bottom no-repeat; }

div#connect_left p, div#map_left p { font-size: 1.1em; text-align: justify; margin: 0 auto 5px; }

/* SUBSCRIBE */

div#subscribe_left { width: 670px; margin: 0 0 0 10px; }

div#subscribe_left h2 { width: 459px; height: 60px; margin: 0 0 20px; text-indent: -9999px; background: url(design/subscribe_title.png) 10px bottom no-repeat; }

div#subscribe_left p { font-size: 1.1em; text-align: justify; margin: 0 auto 5px; }

div#subscribe_left h3#welcome { width: 459px; height: 34px; margin: 10px 0; text-indent: -9999px; background: url(design/subscribe_welcome.png) 10px 0 no-repeat; }

ul#freshly_registered li { font-size: 1.1em; margin: 5px 0; }

/* SUBSCRIBE FORM */

form.user_form fieldset legend { padding: 0 0 0 245px; }

form.user_form div.form_elt label { width: 240px; text-align: right; }

form.user_form div.form_elt label.inline { width: auto; display: inline; text-align: left; margin: 0 0 0 245px; }

form.user_form div.form_elt label.inline input, div#subscribe_left div.form_elt label.radio input { margin: 0 5px 0 0; }

form.user_form div.form_elt label.radio { width: auto; display: inline; text-align: left; margin: 0 10px 0 0; }

form.user_form div.form_elt input.text { width: 240px; }

form.user_form div.form_elt img.indic { vertical-align: middle; margin: 0 0 0 5px; cursor: help; }

div#subscribe_left form.user_form p.explain, div#connect_left form.user_form p.explain { font-style: italic; color: #666; margin: 0 0 0 245px; }

div#profile_edit form.user_form legend { padding: 0 0 0 155px; }

div#profile_edit form.user_form div.form_elt label { width: 150px; text-align: right; }

div#profile_edit form.user_form div.form_elt label.inline { width: auto; display: inline; text-align: left; margin: 0 0 0 155px; }

div#profile_edit form.user_form p.explain { font-style: italic; color: #666; margin: 0 0 0 155px; }

div#profile_edit div#gmap { margin: 10px 0 0 155px; height: 280px; }

div#profile_edit form.user_form div.form_elt textarea#profile_text { margin: 0 0 0 155px; width: 240px; }

div#profile_edit div#avatar_choice { width: 220px; padding: 10px; margin: 0 0 0 155px; border: 1px solid #999; background: #c6c6c6; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

div#profile_edit div#avatar_choice label { display: block; float: left; margin: 0 10px 10px 0; cursor: pointer; }

div#profile_edit div#avatar_choice label span { display: block; width: 60px; height: 60px; position: relative; margin: 0 0 2px; }

div#profile_edit div#avatar_choice label span img { width: 60px; height: 60px; position: absolute; }

div#profile_edit div#avatar_choice label input { margin: 0 24px; }

/* SUBSCRIBE RIGHT */

div#subscribe_right { width: 271px; height: 621px; position: relative; margin: 5px auto 0; background: url(design/subscribe_column.png) top center no-repeat; }

div#subscribe_right h2 { display: none; }

div#subscribe_right div { position: absolute; left: 15px; top: 90px; }

div#subscribe_right div p { font-size: 1.1em; width: 240px; text-align: justify; margin: 0 auto 10px; }

/* PROFILE CONTENT */

div#profile_left { width: 459px; float: left; }

div#profile, div#profile_edit { margin: 0 0 0 10px; }

div#profile_left h2 { width: 459px; height: 60px; margin: 0 0 20px; text-indent: -9999px; background: url(design/profile_title.png) 10px bottom no-repeat; }

div#profile p { font-size: 1.1em; text-align: justify; margin: 0 auto 5px; }

div#profile div#avatar { width: 100px; height: 100px; position: relative; margin: 0 10px 5px 0; float: left; }

div#profile_left h3#pseudo { font: bold 1.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 0 auto 10px; }

div#profile_left h4 { font: bold 1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 0 auto 10px; }

/* PROFILE ENCART */

div#profile_encart { width: 210px; float: right; padding: 75px 0 0; }

div#profile_encart h2 { width: 210px; height: 55px; margin: 0 auto 10px; text-indent: -9999px; background: url(design/profile_recompenses.png) top left no-repeat; }

div#profile_encart div#profile_encart_in { margin: 0 auto 10px; }

/* PROFILE RIGHT */

div#profile_right { width: 271px; height: 621px; position: relative; margin: 5px auto 0; background: url(design/profile_column.png) top center no-repeat; }

div#profile_right h2 { display: none; }

div#profile_right div#column_content { position: absolute; left: 15px; top: 90px; }

div#profile_right div#column_content p { font-size: 1.1em; width: 240px; text-align: justify; margin: 0 auto 10px; }

/* RECOMPENSE BOX */

div.recompense_box { width: 210px; height: 103px; background: url(design/recompense_box.png) top left no-repeat; position: relative; }

div.recompense_box img { display: block; width: 64px; height: 64px; position: absolute; bottom: 12px; left: 11px; }

div.recompense_box h3 { position: absolute; top: 7px; left: 12px; }

div.recompense_box div.summary { position: absolute; top: 27px; left: 83px; width: 110px; }

/* USERS MAP */

div#map_left h2 { width: 670px; height: 60px; margin: 0 0 20px; text-indent: -9999px; background: url(design/map_title.png) 10px bottom no-repeat; }

div#map_left div#gmap { margin: 10px auto 0; height: 450px; }

div.marker_popup_window { width: 250px; min-height: 100px; padding: 0 0 30px; position: relative; }

div.marker_popup_window .avatar { position: relative; float: left; width: 100px; height: 100px; margin: 0 10px 0 0; }

div.marker_popup_window .avatar img { position: absolute; top: 0; left: 0; }

table.listing { width: 670px; margin: 5px auto; border-collapse: collapse; border-spacing: 0; border: 0; }

table.listing tr td { border: 0; padding: 2px; font-size: 1.1em; vertical-align: middle; text-align: left; }

table.listing td:hover { background: #cfcfcf; }

table.listing tr td a, table.listing tr td a:visited { text-decoration: none; }

table.listing tr td a:hover { color: #666; }

/* MAP RIGHT */

div#map_right { width: 271px; height: 621px; position: relative; margin: 5px auto 0; background: url(design/map_column.png) top center no-repeat; }

div#map_right h2 { display: none; }

div#map_right div#map_filters { position: absolute; left: 15px; top: 100px; }

div#map_right div#add_event { position: absolute; left: 15px; top: 420px; }

div#map_right div#add_shop_box { position: absolute; left: 15px; top: 215px; width: 240px; height: 170px; text-align: left; }

div#map_right div#put_me_on { position: absolute; left: 15px; top: 530px; }

div#map_right div.map_right_box { width: 240px; height: 75px; color: #666; }

div#map_right div.map_right_box h3 { font: bold 1.4em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }

div#home_right div.home_right_box h3 a { color: #666; }

div#home_right div.home_right_box div.summary { font-size: 1.1em; }

div#home_right div div.link { position: absolute; bottom: 0; right: 0; text-align: right; }

div#home_right div div.link a { color: #666; font-weight: bold; }