div.user_logo {position: absolute; top: 100px; left: 352px;}
div.up_container {background: url(/up/background/up_top.jpg) no-repeat top center #FFFFFF;}
#content  {background: url(/up/pattern/winter.jpg) repeat 0px 221px; }



/* HEADQUARTER  */
span.screen_name {font-weight: bold}
span.value {font-weight: bold ; text-transform: capitalize}
div.screen_name { text-transform: uppercase }
div.dotted_line {width: 100% ; height: 12px ; border-bottom: 1px dotted black; margin-bottom: 8px}

/* HEADQUARTERS */
div.player_box {position: relative; width: 500px ; height: 200px}
div.player_avatar {position: absolute; left: 10px ; top: 10px}
div.player_info{ position: absolute; left: 180px ; top: 10px ; width: 340px ; height: 120px ;  margin: 4px ; text-align: left}

/* WELCOME */
/*
div.welcome {min-height: 50px; white-space: pre; overflow: hidden; padding: 4px;}
*/
div.welcome {min-height: 50px; padding: 4px;}
img.editAction {left:630px;position:absolute;top:4px;}

/* GALLERY */
div.nbr_images {text-align: center}
div.gallery {text-align: center}
img.gallery {margin: 10px; max-height: 110px; max-width: 165px; height: expression(this.height>110? 110 : true); vertical-align: middle; }

/* PROJECTS */
div.nbr_projects {text-align: center}

/* SCENARIOS */
div.scenario_board {width: 309px ; height: 280px ; background: url(/up/background-littlemap2.png) ;}
div.widget_ScenarioListWidget {margin-top: 0px}
div.tab { position: absolute; font-size: 9pt ;  cursor: pointer; padding-top: 14px; padding-left: 12px }
div.tab:hover {}
div.tabs div.selected {font-weight: bold ; color: white; z-index: 1}
div.tabs {position: relative ; height: 32px}
div#myscenarios_tabs {height: 44px; margin-top: 4px}
div#myscenarios_tabs_tab1 {left: 5px ; top: 0px ; background: url("/up/tab1.jpg") no-repeat; width: 127px ; height: 44px;}
div#myscenarios_tabs_tab2 {left: 125px ; top: 0px ; background: url("/up/tab2.jpg") no-repeat; width: 127px; height: 44px }
#scenario_board {position: static ; left: 10px ; top: 10px }

/* FAVORITES */
div.favorites {position: relative; height: 20px;}
div.favorites a.home {position: absolute; left: 4px; }

div.up_cpanel {position: absolute; z-index:1; left: 600px ; top: 80px; width: 231px ; height: 115px;}
div.mini_up_cpanel {position: absolute; z-index:1; left: 700px ; top: 100px; width: 126px ; height: 66px;}

div.mini_up_cpanel div.background {width: 100%; height: 100%; background-image: url('/up/cpanel/minipanel-background.png');}
div.up_cpanel div.background {width: 100%; height: 100%; background-image: url('/up/cpanel/panel-background.png');}

div.up_favorite {cursor: pointer;}
div.up_favorite_icon {position: absolute; left: 10px; top:30px; width: 28px ; height: 28px ; }
div.up_favorite_icon_on {background-image: url('/up/cpanel/favorite-on.png'); }
div.up_favorite_icon_off {background-image: url('/up/cpanel/favorite-off.png'); }


div.up_favorite_text {position: absolute; left: 40px; top:30px; width: 60px; color: #A00000; font-weight: bold; font-size: 10px;}

a.up_home {position: absolute; left: 124px; top:30px;}
a.up_myup {position: absolute; left: 124px; top:55px;}
a.up_m44center {position: absolute; left: 124px; top:80px;}

a.mini_up_myup {position: absolute; left: 10px; top:25px;}

div.avatars {position: absolute ; left: 0; right: 0; margin: 0 auto; top: 100px ; z-index: 1; width: 860px;  }
div.avatars_top {background: url(/up/avatar_picker_top.jpg); width: 860px; height: 37px;}
div.avatars_frame {background: url(/up/avatar_picker_background.jpg);}
div.avatars_bottom {background: url(/up/avatar_picker_bottom.jpg);  width: 860px; height: 35px;}

div.avatars div.avatar {cursor: pointer;}

div.avatar {width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center;}
div.avatar_name {position: absolute ; top: 160px ; left: 24px ; width: 100px ; height: 12px ; text-align: center; text-transform: uppercase; font-size: 14px; border-bottom: 1px dotted black}
div.edit_avatar {position: absolute ; bottom: 20px; right:20px; cursor: pointer;}

div.avatar_frame {background: url(/up/photo-background.png) ; width: 135px ; height: 158px ;}

div.avatars div.avatar_frame:hover {background: url(/up/photo-background-hover.png) ;

