/* Main System */
body
{
    margin-top: 0px;
    padding: 0px;
    background-color: black;
    background-image: url(../Pics/bg_2009.png);
    height: 800px;
    background-repeat: repeat-x;
    font-family: Arial;
    font-size: x-small;
    color: #33ad03;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-3dlight-color: #90EE90;
    scrollbar-arrow-color: #006400;
    scrollbar-base-color: #00FF00;
    scrollbar-track-color: #006400;
    scrollbar-darkshadow-color: #006400;
    scrollbar-face-color: #228B22;
    scrollbar-highlight-color: #90EE90;
    scrollbar-shadow-color: #000000;
}
/*body
{
    margin-top: 0px;
    padding: 0px;
    background-color: black;
    background-image: url(../Pics/bg6.png);
    height: 800px;
    background-repeat: repeat-x;
    font-family: Arial;
    font-size: x-small;
    color: #33ad03;
    overflow: hidden;
    overflow-x: hidden;
    scrollbar-3dlight-color: #90EE90;
    scrollbar-arrow-color: #006400;
    scrollbar-base-color: #00FF00;
    scrollbar-track-color: #006400;
    scrollbar-darkshadow-color: #006400;
    scrollbar-face-color: #228B22;
    scrollbar-highlight-color: #90EE90;
    scrollbar-shadow-color: #000000;
}*/

#contactinfo
{
    width: 200px;
    height: 100px;
}

#left
{
    float: left;
}
##right
{
    float: right;
}

#indexdecription
{
    height: 139px;
}

#topic_name_box
{
    text-align: center;
    font-size: medium;
}
#topic_content
{
    text-align: center;
    font-size: x-small;
}
#Chat_Content
{
    width: inherit;
    height: 67px;
    border-top: solid 1px #006b0f;
    overflow: hidden;
    overflow-x: hidden;
    background-image: url(../Pics/transparent_white.png);
}
#System_Content
{
    width: inherit;
    border-top: solid 1px #006b0f;
    height: 53px;
    overflow: scroll;
    overflow-x: hidden;
    background-image: url(../Pics/transparent_white.png);
}
#content_box
{
    border: solid 1px #006b0f;
    text-align: center;
    background-image: url(../Pics/transparent_white.png);
    width: 600px;
    height: 280px;
    margin-top: 10px;
}

#scroll
{
    text-align: center;
    width: 600px;
    height: 245px;
    overflow: scroll;
    overflow-x: hidden;
}

#Ability_Box
{
    float: left;
    border-left: solid 1px #006b0f;
    border-top: solid 1px #006b0f;
    border-bottom: solid 1px #006b0f;
    color: #33ad03;
    background-color: Transparent;
    width: 757px;
    height: 225px;
    overflow: scroll;
    overflow-x: hidden;
}
#Ability_Box:hover
{
    color: Black;
}

#System_HUD
{
    height: 342px;
}
#System_HUD2
{
    height: 342px;
}
#Game_HUD
{
    width: 600px;
    height: 340px;
}
#Game_HUD2
{
    height: 340px;
}
#Game_Map
{
    height: 237px;
}
#Game_info_box
{
    float: right;
    width: 297px;
    height: 338px;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
}
#Game_Display
{
    float: left;
    width: 298px;
    height: 338px;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
}
#Game_info_box2
{
    float: right;
    width: 297px;
    height: 338px; /*border: solid 1px #006b0f;*/
    color: #33ad03;
    font-size: small;
}
#Game_Display2
{
    float: left;
    width: 298px;
    height: 338px; /*border: solid 1px #006b0f;*/
    color: #33ad03;
    font-size: small;
}
#Game_info_box3
{
    float: right;
    width: 297px;
    height: 338px;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
}
#Game_Display3
{
    float: left;
    width: 298px;
    height: 338px;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
}

#Chat_bar, #system_bar
{
    width: 348px;
    height: 17px;
    background-image: url(../Pics/area_bar.png);
}

#Game_Chat, #Game_info
{
    margin-top: 15px;
    width: 200px;
    height: 300px;
    color: #33ad03;
    font-size: x-small;
}
#info
{
    width: 200px;
}

#buttons
{
    height: 29px;
}

#logo
{
    margin-top: 50px;
}

#company_logo
{
    margin-top: 97px;
    color: White;
    font-size: x-small;
}
#error
{
    height: 35px;
}

#character_box, #character_box2
{
    width: 280px;
    margin-right: 91px;
}
#contact_box
{
    width: 280px;
    margin-right: 11px;
}

#character_info, #character_info2, #character_detail, #character_detail2
{
    float: left;
}
#from
{
    float: left;
    margin-left: 5px;
}
#official_newsbox
{
    border-bottom: solid 1px #006b0f;
    color: #33ad03;
    background-color: Transparent;
    background-image: url(../Pics/Game_Hud_middle.png);
}
#official_newsbox:hover
{
    background-image: url(../Pics/hover_mail_on.png);
    color: Black;
}

#mailtext
{
    width: 200px;
    height: auto;
}
#subject
{
    float: left;
    margin-left: 5px;
}
#read_now
{
    float: right;
    font-family: Arial;
    color: #33ad03;
    font-size: x-small;
    text-decoration: none;
    margin-right: 10px;
}
#read_now:hover
{
    color: Black;
}
#actions_buttons
{
    height: 33px;
    width: 348px;
    float: left;
}

/* Class System */

.Ability_List
{
    margin-left: 10px;
    float: left;
    border-bottom: solid 1px #006b0f;
    color: #33ad03;
    background-color: Transparent;
}
.Ability_List:hover
{
    background-image: url(../Pics/hover_mail_on.png);
    color: Black;
}
.character_box
{
    width: 280px;
    margin-right: 91px;
}
.character_box2
{
    width: 280px;
    margin-right: 11px;
}

.character_info
{
    float: left;
}
.character_detail
{
    float: left;
}
.character_detail2
{
    float: right;
}
.Chatwindow
{
    height: 75px;
    width: 348px;
    border-top: solid 1px #006b0f;
    border-left: solid 1px #006b0f;
    border-right: solid 1px #006b0f;
    border-bottom: solid 0px #006b0f;
    color: #33ad03;
    font-size: x-small;
    background-color: Transparent;
    background-image: url(../Pics/Game_Hud_middle.png);
}
.Npc_Chat_Window
{
    margin-right: 20px;
    height: 53px;
    width: 327px;
    color: #33ad03;
    font-size: x-small;
    background-image: url(../Pics/speakbar_npc.png);
}
.Npc_Quest_Name
{
    margin-top: 3px;
    margin-right: 250px;
    color: Black;
    font-weight: bolder;
    font-size: x-small;
    height: 10px;
    width: auto;
}
.Npc_Chat_Window_Text
{
    margin-top: 6px;
    margin-left: 8px;
    font-weight: bolder;
    height: 26px;
    width: 305px;
    color: #33ad03; /*border: solid 1px white;*/
    overflow: scroll;
    overflow-x: hidden;
}
.System_Chatwindow
{
    height: 70px;
    width: 348px;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: x-small;
    background-color: Transparent;
    background-image: url(../Pics/Game_Hud_middle.png);
}
.Textbox_chat_message_box
{
    height: 30px;
    width: 348px;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: x-small;
    background-color: Transparent;
    background-image: url(../Pics/Transparent_White.png);
}

.read_now
{
    font-family: Arial;
    color: #33ad03;
    font-size: x-small;
    text-decoration: none; /*  color: #33ad03;*/
}
.read_now:hover
{
    color: #d1bb00; /* color: #33ad03;*/
}
.mail
{
    float: left;
    font-size: x-small;
    border-left: solid 0px #006b0f;
    border-right: solid 0px #006b0f;
    border-bottom: solid 1px #006b0f;
    border-top: solid 0px #006b0f;
    color: #33ad03;
    background-color: Transparent;
    background-image: url(../Pics/Game_Hud_middle.png);
    height: 30px;
    width: inherit;
}
.mail:hover
{
    background-image: url(../Pics/hover_mail_on.png);
    color: Black;
}
.transparent_white
{
    margin-top: 0px;
    padding: 0px;
    border-bottom: solid 1px #006b0f;
    border-top: solid 1px #006b0f;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
    width: 250px;
}
.Start_System
{
    margin-top: 10px;
    width: 106px;
    height: 29px;
    background-image: url(../Pics/Start_system_non2.png);
}
.link
{
    font-family: Arial;
    color: #33ad03;
    font-size: x-small;
    text-decoration: none;
}
.link:hover
{
    color: #d1bb00;
}
.link2
{
    font-family: Arial;
    color: #33ad03;
    font-size: x-small;
    text-decoration: none;
}
.link2:hover
{
    color: #d1bb00;
}
.Start_System:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/Start_system_on2.png);
}
.World_Editor_Button
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/worldeditor_small_non.png);
}
.World_Editor_Button:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/worldeditor_small_on.png);
}
.Beta_Sign_Up
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/beta_sign_up_non.png);
}
.Beta_Sign_Up:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/beta_sign_up_on.png);
}

.connected_to_the_network
{
    width: 182px;
    height: 29px;
    background-image: url(../pics/connectedtothenetwork.png);
}
.sky_network
{
    width: 282px;
    height: 130px;
    background-image: url(../pics/sky-logo.png);
}
.disconnect_from_sky
{
    width: 106px;
    height: 29px;
    background-image: url(../pics/disconnect_non.png);
}
.disconnect_from_sky:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../pics/disconnect_on.png);
}
.your_inbox
{
    width: 106px;
    height: 29px;
    background-image: url(../pics/inbox_mail_non.png);
}
.your_inbox:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../pics/inbox_mail_on.png);
}
.your_outbox
{
    width: 106px;
    height: 29px;
    background-image: url(../pics/outbox_mail_non.png);
}
.your_outbox:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../pics/outbox_mail_on.png);
}
.Name1
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/firstname.png);
}
.Name2
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/lastname.png);
}
.Country
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/country.png);
}
.City
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/city.png);
}
.Area
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/area.png);
}
.Time
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/time.png);
}
.startage
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/startage.png);
}
.dd-mm-yyyy
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/dd-mm-yyyy.png);
}
.Select_Gender
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/selectgender.png);
}

.Forum
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/forum_non.png);
}
.Forum:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/forum_on.png);
}
.Forum2
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/forum2_non.png);
}
.Forum2:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/forum2_on.png);
}

.News
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/News_non.png);
}
.News:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/News_on.png);
}
.About
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/about_non.png);
}
.About:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/about_on.png);
}
.Media
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/Media_non.png);
}
.Media:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/Media_on.png);
}
.Contact
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/Contact_non.png);
}
.Contact:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/Contact_on.png);
}
.Login
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/login_non.png);
}
.Login:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/login_on.png);
}
.Yes
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/yes_non.png);
}
.Yes:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/yes_on.png);
}
.No
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/no_non.png);
}
.No:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/no_on.png);
}
.NoMaybe
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/nomaybe_non.png);
}
.NoMaybe:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/nomaybe_on.png);
}
.Remind
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/remind_non.png);
}
.Remind:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/remind_on.png);
}
.Browser
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/browser_non.png);
}
.Browser:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/browser_on.png);
}
.Game
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/game_non.png);
}
.Game:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/game_on.png);
}

.Confignews
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/confignews_non.png);
}
.Confignews:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/confignews_on.png);
}

.Configabout
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/configabout_non.png);
}
.Configabout:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/configabout_on.png);
}
.Configmedia
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/configmedia_non.png);
}
.Configmedia:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/configmedia_on.png);
}
.Configroles
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/configroles_non.png);
}
.Configroles:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/configroles_on.png);
}
.inbox
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/inbox_non.png);
}
.inbox:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/inbox_on.png);
}
.send_new_mail
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/send_new_mail_non.png);
}
.send_new_mail:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/send_new_mail_on.png);
}
.Admin
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/admin_non.png);
}
.Admin:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/admin_on.png);
}
.Start_Game
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/start_game_non.png);
}
.Start_Game:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/start_game_on.png);
}
.Videos
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/video_non.png);
}
.Videos:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/video_on.png);
}
.Screens
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/screens_non.png);
}
.Screens:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/screens_on.png);
}
.Wall
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/Wall_non.png);
}
.Wall:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/Wall_on.png);
}

.Cancel
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/cancel2_non.png);
}
.Cancel:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/cancel2_on.png);
}

.Continue
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/Yescontinue_non.png);
}
.Continue:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/Yescontinue_on.png);
}

.Confirm
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/confirmed_non.png);
}
.Confirm:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/confirmed_on.png);
}
.Puzzle
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/playpuzzle_non.png);
}
.Puzzle:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/playpuzzle_on.png);
}
.Outdoors
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/playoutdoors_non.png);
}
.Outdoors:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/playoutdoors_on.png);
}
.Cycle
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/cycle_non.png);
}
.Cycle:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/cycle_on.png);
}
.Ability_List_Button
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Ability_List_Button_non.png);
}
.Ability_List_Button:hover
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Ability_List_Button_on.png);
}
.Enviroment_Check
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Enviroment_Check_non.png);
}
.Enviroment_Check:hover
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Enviroment_Check_on.png);
}
.Phone
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Phone_non.png);
}
.Phone:hover
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Phone_on.png);
}
.Attack
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Attack_non.png);
}
.Attack:hover
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Attack_on.png);
}
.Character
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Character_non.png);
}
.Character:hover
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Character_on.png);
}
.Building_Enter
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Building_Enter_non.png);
}
.Building_Enter:hover
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Building_Enter_on.png);
}
.Building_Enter_invisable
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Building_Enter_non.png);
    visibility: hidden;
}
.Building_Exit
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Building_Enter_non.png);
}
.Building_Exit:hover
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Building_Enter_on.png);
}
.Building_Exit_invisable
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Building_Enter_non.png);
    visibility: hidden;
}
.Computer
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Computer_non.png);
}
.Computer:hover
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Computer_on.png);
}
.Computer_invisable
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Computer_non.png);
    visibility: hidden;
}
.School
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/School_non.png);
}
.School:hover
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/School_on.png);
}
.Elevator
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Elevator_non.png);
}
.Elevator:hover
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Elevator_on.png);
}
.Elevator_invisable
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Elevator_non.png);
    visibility: hidden;
}
.Travel
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Travel_non.png);
}
.Travel:hover
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Travel_on.png);
}
.Travel_invisable
{
    width: 34px;
    height: 33px;
    background-image: url(../Pics/Travel_non.png);
    visibility: hidden;
}
.Call_A_Friend
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/callafriend_non.png);
}
.Call_A_Friend:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/callafriend_on.png);
}
.Wininagame
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/wininagame_non.png);
}
.Wininagame:hover
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/wininagame_on.png);
}
.Remaining
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/remainingpoints.png);
}
.createaccountimage
{
    background-image: url(../Pics/createaccount.png);
    width: 161px;
    height: 35px;
}
.mailbox
{
    background-image: url(../Pics/mailbox.png);
    width: 161px;
    height: 35px;
}
.downloadmedia
{
    background-image: url(../Pics/downloadmedia.png);
    width: 161px;
    height: 35px;
}
.login
{
    background-image: url(../Pics/login.png);
    width: 161px;
    height: 35px;
}
.officialnews
{
    background-image: url(../Pics/officialnews.png);
    width: 161px;
    height: 35px;
}
.chat_info
{
    background-image: url(../Pics/chat_info.png);
    width: 161px;
    height: 35px;
}
.system_info
{
    background-image: url(../Pics/system_info.png);
    width: 161px;
    height: 35px;
}
.worldeditor
{
    background-image: url(../Pics/worldeditor.png);
    width: 161px;
    height: 35px;
}
.aboutgno
{
    width: 161px;
    height: 35px;
    background-image: url(../Pics/aboutgno.png);
}
.joincontactus
{
    width: 161px;
    height: 35px;
    background-image: url(../Pics/joincontactus.png);
}
.username
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/username.png);
}
.subject_mail
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/subject_mail.png);
}
.ticket_number
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/ticket.png);
}
.password
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/password.png);
}
.confirmpassword
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/confirmpassword.png);
}
.electronicmail
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/electronicmail.png);
}
.secretquestion
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/secretquestion.png);
}
.secretanswer
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/secretanswer.png);
}
.userorname
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/userorname.png);
}
.send_mail_to
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/send_mail_to.png);
}
.subject
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/subject.png);
}
.rememberme
{
    width: 106px;
    height: 29px;
    background-image: url(../Pics/rememberme.png);
}
.portalspherelogo
{
    width: 234px;
    height: 215px;
    background-image: url(../Pics/PortalSphere.png);
}
.gnologo
{
    width: 619px;
    height: 103px;
    margin-right: 7px;
    background-image: url(../Pics/logo_2009.png);
}
.complete
{
    width: 161px;
    height: 35px;
    background-image: url(../Pics/complete.png);
}
.information
{
    width: 161px;
    height: 35px;
    background-image: url(../Pics/Information.png);
}
.beta_app
{
    width: 161px;
    height: 35px;
    background-image: url(../Pics/beta_app.png);
}
.Button
{
    font-family: Verdana;
    font-size: xx-small;
    border: solid 1px #006b0f;
    color: Black; /*width: 55px;*/
    background-color: White;
}
.Button:hover
{
    border: solid 1px #006b0f;
    background-color: #1caf31;
    color: White;
}
.Button_visible_true
{
    font-family: Verdana;
    font-size: xx-small;
    color: #33ad03;
    border: solid 0px Transparent;
    background-color: Transparent;
    background-image: url(../Pics/button_move_non.png);
    width: 90px;
    height: 60px;
    visibility: visible;
}
.Button_visible_true:hover
{
    background-image: url(../Pics/button_move_on.png);
}
.Button_visible_false
{
    font-family: Verdana;
    font-size: xx-small;
    height: 0px;
    border: solid 1px #006b0f;
    color: Black; /*width: 55px;*/
    background-color: White;
    visibility: hidden;
}

.present_area, .label_screen
{
    text-align: center;
    height: 15px;
    width: 348px;
    font-size: small;
    color: #3ab30e;
}
.dropdown_visible_state
{
    visibility: hidden;
}
.chat_left
{
    overflow: scroll;
    overflow-x: hidden;
    width: 117px;
    height: 57px;
    text-align: center;
    float: left;
}
.chat_right
{
    overflow: scroll;
    overflow-x: hidden;
    border-left: solid 1px #006b0f;
    height: 57px;
    width: 230px;
    text-align: center;
    float: right;
}
.note_vision_name, .headline
{
    font-size: large;
}
.subject_news, .subject_about
{
    font-size: medium;
}
.true
{
    margin-right: 5px;
    font-family: Verdana;
    font-size: xx-small;
    color: #33ad03;
    border: solid 0px Transparent;
    background-color: Transparent;
    background-image: url(../Pics/walk_here_non.png);
    width: 106px;
    height: 29px;
}
.true:hover
{
    background-image: url(../Pics/walk_here_on.png);
}
.You_Are_Here
{
    background-color: Transparent;
    background-image: url(../Pics/you_are_here_non.png);
    width: 106px;
    height: 29px;
}
.false
{
    visibility: hidden;
}

.buttonmap_access
{
    float: left;
    font-family: Verdana;
    font-size: xx-small;
    color: #33ad03;
    border: solid 0px Transparent;
    background-color: Transparent;
    background-image: url(../Pics/button_move2_non.png);
    width: 126px;
    height: 84px;
}
.buttonmap_access:hover
{
    background-image: url(../Pics/button_move2_on.png);
}
.buttonmap_denied
{
    float: left;
    font-family: Verdana;
    font-size: xx-small;
    color: #ec0000;
    border: solid 0px Transparent;
    background-color: Transparent;
    background-image: url(../Pics/button_move2_non.png);
    width: 126px;
    height: 84px;
}
.buttonmap_denied:hover
{
    background-image: url(../Pics/button_move3_on.png);
}
.map_box
{
    width: 378px;
    height: 84px;
    float: left;
}
.textbox
{
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
    width: 145px;
}
.textbox_dropdown
{
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
}
.Time_and_Date
{
    float: left;
    width: 200px;
}
.Textbox_Year_And_Month_box
{
    width: 35.5px;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
}
.textbox_editor
{
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
    width: 110px;
}
.textboxmessage
{
    width: 300px;
    height: 200px;
    overflow: auto;
    overflow-x: hidden;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
}
.textboxmessage0
{
    width: 300px;
    height: 150px;
    overflow: auto;
    overflow-x: hidden;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
}
.textboxmessage1
{
    width: 300px;
    height: 150px;
    overflow: auto;
    overflow-x: hidden;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: x-small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
}
.textboxmessage_messagetext_1
{
    font-size: small;
}
.textboxmessage_messagetext_2_x_small
{
    font-size: small;
}
.textboxmessage2
{
    width: 296px;
    height: 200px;
    overflow: auto;
    overflow-x: hidden;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
}
.textboxmessage3
{
    width: 296px;
    height: 125px;
    overflow: auto;
    overflow-x: hidden;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
}
.textboxmessage4
{
    width: 296px;
    height: 100px;
    overflow: auto;
    overflow-x: hidden;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
}
.textboxmessage5
{
    width: 300px;
    height: 25px;
    overflow: auto;
    overflow-x: hidden;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
}
.signupbox
{
    width: 360px;
    overflow: hidden;
    overflow-x: hidden;
    border: solid 1px #006b0f;
    color: #33ad03;
    font-size: x-small;
    background-color: Transparent;
    background-image: url(../Pics/Game_Hud_middle.png);
}
.signupbox:hover
{
    background-image: url(../Pics/hover_mail_on.png);
    color: Black;
}
.greenmenubar
{
    height: 35px;
    background-image: url(../Pics/menutopbar.png);
}

.skill_number
{
    margin-bottom: 5px;
}

/*HUD LAYOUT*/

.HUD_display
{
    height: 328px;
    width: 814px;
}
.HUD_container
{
    height: 250px;
    width: 814px;
}
.HUD_Middle
{
    margin-top: 1px;
    float: right;
    width: 741px;
    height: 250px;
    background-image: url(../Pics/Game_Hud_middle.png);
}
.background_middle
{
    margin-top: 1px;
    float: right;
    width: 741px;
    height: 251px;
    background-image: url(../Pics/Game_Hud_middle.png);
}
.HUD_Top
{
    width: 814px;
    height: 39px;
}

.HUD_Bottom
{
    width: 814px;
    height: 39px;
}

.HUD_side_right
{
    height: 250px;
    width: 35px;
    margin-right: 2px;
    float: right;
}
.HUD_side_left
{
    height: 250px;
    width: 35px;
    float: left;
}
.description
{
    float: right;
    height: 237px;
    width: 350px;
}
.scroll
{
    text-align: center;
    width: 350px;
    height: 237px;
    overflow: scroll;
    overflow-x: hidden;
    border: solid 1px #006b0f;
    font-size: small;
    background-color: Transparent;
    background-image: url(../Pics/transparent_white.png);
}
.game_objects
{
    float: left;
    height: 237px;
    width: 350px;
}
.indevelopment
{
    background-image: url(../pics/textindex.png);
    width: 590px;
    height: 139px;
}

/*HUD VISIONS*/

/* GREEN */

.HUD_Top_Green
{
    width: 814px;
    height: 39px;
    background-image: url(../Pics/Game_Hud_expensivegreen_top.png);
}
.HUD_Left_Green
{
    width: 35px;
    height: 250px;
    background-image: url(../Pics/Game_Hud_expensivegreen_left.png);
    background-repeat: repeat-y;
}

.HUD_Right_Green
{
    width: 35px;
    height: 250px;
    background-image: url(../Pics/Game_Hud_expensivegreen_right.png);
    background-repeat: repeat-y;
}

.HUD_Bottom_Green
{
    width: 814px;
    height: 39px;
    background-image: url(../Pics/Game_Hud_expensivegreen_bottom.png);
}

/* YELLOW */

.HUD_Top_Yellow
{
    width: 814px;
    height: 39px;
    background-image: url(../Pics/Game_Hud_expensiveyellow_top.png);
}
.HUD_Left_Yellow
{
    width: 35px;
    height: 250px;
    background-image: url(../Pics/Game_Hud_expensiveyellow_left.png);
    background-repeat: repeat-y;
}

.HUD_Right_Yellow
{
    width: 35px;
    height: 250px;
    background-image: url(../Pics/Game_Hud_expensiveyellow_right.png);
    background-repeat: repeat-y;
}

.HUD_Bottom_Yellow
{
    width: 814px;
    height: 39px;
    background-image: url(../Pics/Game_Hud_expensiveyellow_bottom.png);
}

/* ORANGE */

.HUD_Top_Orange
{
    width: 814px;
    height: 39px;
    background-image: url(../Pics/Game_Hud_expensiveorange_top.png);
}
.HUD_Left_Orange
{
    width: 35px;
    height: 250px;
    background-image: url(../Pics/Game_Hud_expensiveorange_left.png);
    background-repeat: repeat-y;
}

.HUD_Right_Orange
{
    width: 35px;
    height: 250px;
    background-image: url(../Pics/Game_Hud_expensiveorange_right.png);
    background-repeat: repeat-y;
}

.HUD_Bottom_Orange
{
    width: 814px;
    height: 39px;
    background-image: url(../Pics/Game_Hud_expensiveorange_bottom.png);
}

/* BLUE */

.HUD_Top_Blue
{
    width: 814px;
    height: 39px;
    background-image: url(../Pics/Game_Hud_expensiveblue_top.png);
}
.HUD_Left_Blue
{
    width: 35px;
    height: 250px;
    background-image: url(../Pics/Game_Hud_expensiveblue_left.png);
    background-repeat: repeat-y;
}

.HUD_Right_Blue
{
    width: 35px;
    height: 250px;
    background-image: url(../Pics/Game_Hud_expensiveblue_right.png);
    background-repeat: repeat-y;
}

.HUD_Bottom_Blue
{
    width: 814px;
    height: 39px;
    background-image: url(../Pics/Game_Hud_expensiveblue_bottom.png);
}

/* RED */

.HUD_Top_Red
{
    width: 814px;
    height: 39px;
    background-image: url(../Pics/Game_Hud_red_top.png);
}
.HUD_Left_Red
{
    width: 35px;
    height: 250px;
    background-image: url(../Pics/Game_Hud_red_left.png);
    background-repeat: repeat-y;
}

.HUD_Right_Red
{
    width: 35px;
    height: 250px;
    background-image: url(../Pics/Game_Hud_red_right.png);
    background-repeat: repeat-y;
}

.HUD_Bottom_Red
{
    width: 814px;
    height: 39px;
    background-image: url(../Pics/Game_Hud_red_bottom.png);
}

/* WHITE */

.HUD_Top_White
{
    width: 814px;
    height: 39px;
    background-image: url(../Pics/Game_Hud_guardian_top.png);
}
.HUD_Left_White
{
    width: 35px;
    height: 250px;
    background-image: url(../Pics/Game_Hud_guardian_left.png);
    background-repeat: repeat-y;
}

.HUD_Right_White
{
    width: 35px;
    height: 250px;
    background-image: url(../Pics/Game_Hud_guardian_right.png);
    background-repeat: repeat-y;
}

.HUD_Bottom_White
{
    width: 814px;
    height: 39px;
    background-image: url(../Pics/Game_Hud_guardian_bottom.png);
}