input, textarea {
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    background-color: #ffffff;
    border: 1px solid black;
    color: #000000;
}

SELECT {
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    background-color: #ffffff;
    color: #aaaaaa;
}

OPTION {
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    background-color: #ffffff;
    color: #000000;
}

A:hover {
    color: #3333ff;
    text-decoration: none;
}

A:active {
    text-decoration: underline;
}

.error {
    color: #ff0000;
}

.admin_tableheadercell {
    font-weight: bold;
    background-color: #CBFFA8;
    border-left: 1px solid #BDF545;
    border-top: 1px solid #BDF545;
    border-right: 1px solid #46E053;
    border-bottom: 1px solid #46E053;
}

.admin_menu {
    font-weight: bold;
    color: #000000;
    background-color: #CBFFA8;
    border-left: 3px solid #BDF545;
    border-top: 3px solid #BDF545;
    border-right: 3px solid #46E053;
    border-bottom: 3px solid #46E053;
}

.admin_frame {
    border: 3px solid #46E053;
}

.admin_input {
    color: #08A003;
    font-weight: bold;
    border: 1px solid #46E053;
}

.rb {
    border: 1px solid red;
}

.a_table thead td {
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
}

.a_table tbody td {
    font-size: 1em;
    min-width: 100px;
}

.a_ltable thead td {
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
}

.a_ltable tbody td {
    font-size: 1em;
    min-width: 30px;
}

/* bound to element type */
body {
    background-color: #ffffff;
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    margin: 0;
    padding: 0;
    height: 870px;
    width: 98%;
    background: top left repeat;
    overflow-x: hidden;
    overflow-y: auto;
}

a {
    color: black;
}

td {
    font-family: Verdana, sans-serif;
    font-size: x-small;
    color: black;
    font-weight: normal;
}

th {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    color: black;
    font-size: small;
}

ul {
    list-style-type: none;
}

.body_index {
    color: #ededed;
}

#body_help {
    background: #a1aad1;
}

.a_index {
    color: #ededed;
}

/* generic classes */
.mainlayout {
    height: 640px;
    top: 0;
    left: 0;
    position: relative;
    float: left;
}

.border {
    width: 20px;
}

.topmenu {
    width: 1000px;
    height: 124px;
    top: 0;
    left: 0;
    position: relative;
    background: no-repeat;
}

.smalllink {
    font-family: Verdana, sans-serif;
    color: white;
    font-size: 7pt;
    font-weight: bold;
}

.al10 {
    line-height: 100%;
    font-family: Verdana, sans-serif;
    color: black;
    font-size: 8pt;
    font-weight: normal;
    position: absolute;
    left: 10px;
}

.msgheader {
    float: left;
    width: 44px;
    height: 44px;
    position: absolute;
}

.contheader {
    position: absolute;
    left: 125px;
    text-align: center;
    width: 250px;
    height: 25px;
}

.cartitem {
    width: 40px;
    height: 40px;
    position: relative;
    float: left;
}

.msgwindow {
    top: 0;
    left: 0;
    position: absolute;
    height: 500px;
    width: 600px;
}

.overlay {
    background-color: black;
    display: none;
    z-index: 50;
}

.room {
    position: absolute;
    z-index: 1;
}

.empty {
    position: absolute;
    z-index: 2;
}

.dname {
    position: absolute;
    left: 50px;
    color: black;
    font-weight: bold;
    font-size: small;
}

.dtime {
    position: absolute;
    left: 50px;
    color: black;
    font-size: small;
    top: 30px;
}

.pilval {
    position: absolute;
    right: 30px;
    color: black;
    font-size: small;
}

.pilhead {
    position: absolute;
    left: 20px;
    text-align: center;
    width: 210px;
    color: black;
    font-weight: bold;
    font-size: medium;
}

.pil {
    position: absolute;
    z-index: 5;
    width: 250px;
    height: 350px;
    left: -260px;
    top: 110px;
}

.patient {
    z-index: 2;
}

.msg_input {
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    color: #000000;
}

.inputError {
    border: 1px solid red;
}

.aadmin {
    color: black;
}

.aleft {
    position: absolute;
    left: 10px;
    float: left;
}

.aright {
    position: absolute;
    left: 200px;
}

.ainput {
    width: 180px;
}

.contheader>a {
    font-weight: bolder;
}

.arc_navi {
    background: transparent no-repeat 0 0;
}

.boxin {
    width: 482px;
    background: transparent no-repeat 0 0;
}

.kh_btn {
    position: absolute;
    border: 1px solid gray;
    width: 75px;
    background-color: rgb(220, 220, 220);
    height: 25px;
    color: black;
}

.kh_dlg_btn {
    width: 90px;
    top: 170px;
    position: absolute;
}

.kh_err_icon {
    width: 10px;
    height: 10px;
    top: 2px;
    position: relative;
    float: left;
    margin-left: 10px;
    background-position: -40px 0;
    background-repeat: no-repeat;
    display: none;
}

.login_divs {
    left: 201px;
    position: absolute;
    top: 133px;
    width: 484px;
    height: 597px;
    background: transparent no-repeat 0 0;
    z-index: 2;
}

.start_close {
    position: absolute;
    top: 300px;
    left: 440px;
    width: 30px;
    height: 30px;
}

.gameButton {
    margin: 2px;
    width: 120px;
    height: 31px;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.med {
    background-repeat: no-repeat;
    position: absolute;
    width: 50px;
    height: 70px;
    z-index: 2;
}

/* presents 50x50 */
.p_a_50 {
    width: 50px;
    height: 50px;
    background: transparent no-repeat 0 0;
}

#nick_links {
    width: 1000px;
    height: 20px;
    margin-left: -500px;
    left: 50%;
    position: absolute;
    z-index: 1;
}

.nick_corner {
    position: absolute;
    top: 60px;
    left: 70px;
    width: 51px;
    height: 51px;
    background: transparent no-repeat 0 0;
}

.nick_corner_nick_front {
    background-position: 0 0;
}

.nick_corner_nick_achievements {
    background-position: -51px 0;
}

.nick_corner_nick_gifts {
    background-position: -102px 0;
}

.nick_corner_nick_news {
    background-position: -153px 0;
}

.nick_corner_nick_ranking {
    background-position: -204px 0;
}

.nick_corner_nick_hospital {
    background-position: -255px 0;
}

.nick_corner_nick_patients {
    background-position: -306px 0;
}

.nick_corner8 {
    background-position: -357px 0;
}

.elevatorhighlight {
    background: transparent no-repeat 0 0;
}
/*
.elevator1 {
    height: 53px;
    width: 112px;
    position: absolute;
    top: 402px;
    left: 0;
    background-position: 0 -402px;
}

.elevator2 {
    height: 44px;
    width: 112px;
    position: absolute;
    top: 358px;
    left: 0;
    background-position: 0 -358px;
}

.elevator3 {
    height: 44px;
    width: 112px;
    position: absolute;
    top: 315px;
    left: 0;
    background-position: 0 -315px;
}

.elevator4 {
    height: 44px;
    width: 112px;
    position: absolute;
    top: 270px;
    left: 0;
    background-position: 0 -270px;
}

.elevator5 {
    height: 44px;
    width: 112px;
    position: absolute;
    top: 226px;
    left: 0;
    background-position: 0 -226px;
}

.elevator6 {
    height: 44px;
    width: 112px;
    position: absolute;
    top: 182px;
    left: 0;
    background-position: 0 -182px;
}

.elevator7 {
    height: 44px;
    width: 112px;
    position: absolute;
    top: 139px;
    left: 0;
    background-position: 0 -139px;
}

.elevator8 {
    height: 44px;
    width: 112px;
    position: absolute;
    top: 96px;
    left: 0;
    background-position: 0 -96px;
}

.elevator9 {
    height: 44px;
    width: 112px;
    position: absolute;
    top: 54px;
    left: 0;
    background-position: 0 -54px;
}

.elevator10 {
    height: 50px;
    width: 112px;
    position: absolute;
    top: 4px;
    left: 0;
    background-position: 0 -4px;
}
*/

.elevator1 {
    height: 82px;
    width: 112px;
    position: absolute;
    top: 373px;
    left: 0;
    background-position: 0 -373px;
}

.elevator2 {
    height: 71px;
    width: 112px;
    position: absolute;
    top: 302px;
    left: 0;
    background-position: 0 -302px;
}

.elevator3 {
    height: 71px;
    width: 112px;
    position: absolute;
    top: 229px;
    left: 0;
    background-position: 0 -229px;
}

.elevator4 {
    height: 71px;
    width: 112px;
    position: absolute;
    top: 156px;
    left: 0;
    background-position: 0 -156px;
}

.elevator5 {
    height: 71px;
    width: 112px;
    position: absolute;
    top: 84px;
    left: 0;
    background-position: 0 -84px;
}

.elevator6 {
    height: 83px;
    width: 112px;
    position: absolute;
    top: 0px;
    left: 0;
    background-position: 0 -0px;
}

.closebutton {
    position: absolute;
    height: 35px;
    width: 35px;
    right: 10px;
    top: 2px;
    z-index: 5;
}

/* bound to elementid */
#border4 {
    height: 20px;
    width: 1000px;
    background: top left no-repeat;
}

#border1 {
    height: 640px;
    width: 20px;
    background: top left no-repeat;
}

#border2 {
    height: 640px;
    width: 20px;
    background: top left no-repeat;
}

#border3 {
    height: 640px;
    width: 20px;
    background: top left no-repeat;
}

#fade_icon {
    background: black none repeat scroll 0 0;
    position: absolute;
    z-index: 2001;
    width: 200px;
    height: 220px;
    text-align: center;
}

#fade_img {
    top: 0;
    border: none;
}

#fade_span {
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 2000;
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}

/* background-color:black; */
#dlg_background {
    height: 100%;
    width: 100%;
    background-color: black;
    text-align: center;
    z-index: 2000;
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}

#fade_span2 {
    height: 100%;
    width: 100%;
    background-color: black;
    text-align: center;
    z-index: 2;
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}

#fade_span_badge {
    height: 100%;
    width: 100%;
    background-color: black;
    text-align: center;
    z-index: 75;
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}

#maincontainer {
    background-color: white;
    width: 1000px;
    height: 784px;
    margin-left: -500px;
    left: 50%;
    position: absolute;
    margin-top: 35px;
    z-index: 1;
}

#toplevel {
    width: 720px;
}

#toprack {
    width: 220px;
    background: top left no-repeat;
}

#upjerstb {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    height: 35px;
    width: 100%;
}

#menuicons {
    position: absolute;
    left: 200px;
    top: 0;
    width: 800px;
    height: 124px;
}

#rackinfo {
    position: absolute;
    width: 220px;
    height: 100px;
}

#rackinfo>#heading {
    position: absolute;
    width: 180px;
    text-align: center;
    font-size: large;
    font-weight: bold;
    top: 12px;
    left: 20px;
    z-index: 4;
    color: black;
}

#popDiv {
    visibility: hidden;
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
}

#tmenu {
    height: 80px;
    left: 2px;
    position: absolute;
    top: 28px;
    width: 170px;
}

#msg_head {
    left: 98px;
    top: 20px;
    position: absolute;
    height: 44px;
    width: 500px;
}

#cont_head {
    left: 50px;
    top: 20px;
    position: absolute;
    height: 44px;
    width: 500px;
}

#medimg {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 95px;
    left: 10px;
}

#arc_left {
    top: 440px;
    z-index: 5;
    width: 30px;
    height: 30px;
    position: absolute;
    background-position: 0 0;
}

#arc_right {
    top: 440px;
    z-index: 5;
    width: 30px;
    height: 30px;
    position: absolute;
    background-position: -30px 0;
}

/* Todo: JS-Funktion um meddetails und citydetails umzuschalten */
#meddetails {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 100px;
}

/* #meddetails>#pic {position:absolute; top:40px; left:20px;width:50px;height:50px;} */
#meddetails>#durationtext {
    position: absolute;
    top: 73px;
    height: 20px;
    vertical-align: middle;
    right: 30px;
    font-size: x-small;
    color: black;
}

#meddetails>#rackheadername {
    position: absolute;
    top: 43px;
    width: 120px;
    left: 80px;
    font-size: small;
    font-weight: bold;
    text-align: center;
    color: black;
}

#rackItems {
    position: absolute;
    width: 220px;
    height: 420px;
    top: 100px;
}

#blueprintItems {
    position: absolute;
    width: 200px;
    height: 420px;
    top: 100px;
    left: 20px;
}

#rackBottom {
    position: absolute;
    width: 220px;
    height: 120px;
    top: 520px;
    z-index: 1;
}

#lagerlock {
    z-index: 20;
    margin: 0;
    height: 640px;
    width: 220px;
    position: absolute;
    background-color: rgb(0, 0, 0);
}

#lager_voll {
    background-color: black;
    color: rgb(255, 255, 255);
    font-size: large;
    font-weight: bold;
    height: 200px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 160px;
    width: 180px;
}

#medjournal {
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 100px;
    height: 100px;
    z-index: 20;
}

#medconference {
    height: 90px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 20px;
    width: 100px;
    z-index: 20;
}

#linkhint {
    position: absolute;
    top: 520px;
    left: 50px;
    width: 120px;
    height: 35px;
    text-align: center;
    color: black;
    font-weight: bold;
    background: top left no-repeat;
}

.waitingroomfade {
    width: 100%;
    height: 125px;
    position: absolute;
    z-index: 50;
    background-color: black;
}

#g_emblem_thumb {
    overflow: hidden;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 60px;
    left: 410px;
    border: 1px solid white;
}

#tooltip {
    /* id*/
    z-index: 100;
    position: absolute;
    top: 100px;
    width: 200px;
}

.tooltip {
    /* class*/
    float: left;
}

#tooltip_tl {
    background-position: 0 0;
    width: 200px;
    height: 5px;
}

#tooltip_mm {
    background-position: 0 -5px;
    width: 190px;
    left: 5px;
    min-height: 15px;
    background-repeat: repeat-y;
    padding: 5px;
}

#tooltip_bl {
    background-position: 0 -45px;
    width: 200px;
    height: 5px;
}

#cleanerdrag {
    z-index: 100;
    width: 39px;
    height: 82px;
    position: absolute;
    top: 100px;
    left: 100px;
}

.medicalrecordnavi {
    position: absolute;
    width: 35px;
    height: 35px;
}

#medi_kick {
    background-position: 0 0;
}

#medi_referral {
    background-position: -35px 0;
}

#medi_exchange {
    background-position: -70px 0;
}

.treatment {
    position: absolute;
    z-index: 20;
    width: 27px;
    height: 26px;
    top: 75px;
    left: 20px;
}

.treatmenticons {
    z-index: 2;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
}

.treatmenticon {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}

.treatment_icon_15 {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
}

.treatment_icon_15_0 {
    background-position: -30px 0;
}

.treatment_icon_15_1 {
    background-position: 0 0;
}

.treatment_icon_15_2 {
    background-position: -15px 0;
}

.heartbeat {
    background-position: 0 0;
}

.cured {
    background-position: -50px 0;
}

.comesnext {
    background-position: -150px 0;
}

.notreatment {
    background-position: -100px 0;
}

.heartbeats {
    background-position: 0 0;
}

.cureds {
    background-position: -30px 0;
}

.notreatments {
    background-position: -60px 0;
}

.comesnexts {
    background-position: -90px 0;
}

.cleaner {
    height: 30px;
    left: 300px;
    position: absolute;
    top: 105px;
    width: 30px;
    z-index: 2;
}

.workerunit {
    height: 41px;
    left: 360px;
    position: absolute;
    top: 92px;
    width: 84px;
    z-index: 2;
}

#noentrare {
    border: 3px solid red;
    padding: 5px;
    position: absolute;
    top: 120px;
    left: 160px;
    width: 300px;
}

.cityhelp {
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    height: 60px;
    width: 250px;
}

.helpclose {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    z-index: 20;
}

.avatar_g_hi1 {
    background-position: 0 0;
    width: 56px;
    height: 56px;
}

.avatar_g_hi2 {
    background-position: -56px 0;
    width: 56px;
    height: 56px;
}

/** LIGHTBOX FOLLOWS */

#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#lightbox a img {
    border: none;
}

#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#imageContainer {
    padding: 10px;
}

#loading {
    position: absolute;
    top: 40%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#imageContainer>#hoverNav {
    left: 0;
}

#hoverNav a {
    outline: none;
}

#prevLink, #nextLink {
    width: 49%;
    height: 100%;
    background: transparent url(/src/start/pics/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
}

#prevLink {
    left: 0;
    float: left;
}

#nextLink {
    right: 0;
    float: right;
}

#prevLink:hover, #prevLink:visited:hover {
    background: url('/src/start/pics/prevlabel.gif') left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
    background: url('/src/start/pics/nextlabel.gif') right 15% no-repeat;
}

#imageDataContainer {
    font: 10px Verdana, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
}

#imageData {
    padding: 0 10px;
    color: #666;
}

#imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#imageData #caption {
    font-weight: bold;
}

#imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
}

/* Min-Width */
.lbWidth {
    /* most browsers */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 790px;
}

* html .lbContent {
    /* IE6 */
    margin-left: -790px;
    position: relative;
}

* html .lbMinWidth {
    /* IE6 */
    padding-left: 790px;
}

/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */

.front_window_big {
    position: absolute;
    top: 100px;
    margin-left: -335px;
    left: 65%;
    width: 671px;
    height: 597px;
    z-index: 10;
}

.front_window_big_close {
    position: absolute;
    left: 580px;
    top: 100px;
    width: 35px;
    height: 35px;
}

.front_window_big_header {
    height: 25px;
    color: black;
    font-size: large;
    font-weight: bold;
    left: 170px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    text-align: center;
    top: 200px;
    width: 370px;
}

.front_window_big_body {
    color: black;
    height: 280px;
    left: 140px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 270px;
    width: 390px;
}

#front_about_body {
    color: black;
    height: 280px;
    left: 140px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 270px;
    width: 390px;
}

#front_players {
    position: absolute;
    top: 100px;
    left: 100px;
    color: yellow;
    font-weight: bold;
    height: 20px;
    width: 485px;
    text-align: right;
}

#front_story_register {
    position: absolute;
    left: 70px;
    top: 25px;
    width: 200px;
    height: 35px;
}

#front_story_login {
    position: absolute;
    left: 70px;
    top: 65px;
    width: 200px;
    height: 35px;
}

#front_story_close {
    position: absolute;
    left: 580px;
    top: 100px;
    width: 35px;
    height: 35px;
}

#front_shortabout {
    height: 85px;
    left: 80px;
    position: absolute;
    top: 120px;
    width: 330px;
    color: black;
}

#hotzone_story {
    position: absolute;
    top: 500px;
    left: 800px;
    width: 150px;
    height: 100px;
}

#hotzone_moha {
    position: absolute;
    top: 500px;
    left: 250px;
    width: 100px;
    height: 100px;
}

#hotzone_reg_head {
    height: 30px;
    left: 400px;
    position: absolute;
    top: 130px;
    width: 200px;
}

#hotzone_login_head {
    height: 30px;
    left: 400px;
    position: absolute;
    top: 165px;
    width: 200px;
}

.login_form {
    position: absolute;
    top: 335px;
    left: 50px;
    width: 400px;
}

#news_link {
    position: absolute;
    top: 530px;
    left: 50px;
    width: 400px;
    text-align: center;
    font-size: medium;
    font-weight: bold;
}

#news_menu {
    position: absolute;
    width: 400px;
    height: 20px;
    top: 330px;
    left: 50px;
}

.newslink {
    position: absolute;
    width: 80px;
    height: 20px;
    top: 0;
    text-align: center;
    color: white;
}

#nick_guildname {
    font-size: x-large;
    height: 30px;
    overflow: hidden;
    position: absolute;
    right: 50px;
    text-align: right;
    top: 5px;
    width: 680px;
}

#nick_guildarms {
    height: 150px;
    position: absolute;
    right: 5px;
    top: 44px;
    width: 150px;
}

#background_fade {
    height: 100%;
    width: 100%;
    background-color: black;
    text-align: center;
    z-index: 2;
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}

#regboxcont {
    position: absolute;
    top: 0;
    left: 0;
    width: 325px;
    height: 85px;
    z-index: 10;
}

h1.firsthead {
    font-size: 11px;
    margin: 5px 5px 0;
}

#contentbox1 {
    color: black;
    background-repeat: no-repeat;
    position: absolute;
    width: 671px;
    height: 597px;
    top: 100px;
    left: 65%;
    z-index: 101;
    display: none;
    margin-left: -335px;
}

#contentbox2 {
    color: black;
    background-repeat: no-repeat;
    position: absolute;
    width: 671px;
    height: 597px;
    top: 100px;
    left: 65%;
    z-index: 101;
    display: none;
    margin-left: -335px;
}

#contentbox3 {
    color: black;
    background-repeat: no-repeat;
    position: absolute;
    width: 671px;
    height: 597px;
    top: 100px;
    left: 65%;
    z-index: 101;
    display: none;
    margin-left: -335px;
}

.cb_text {
    position: absolute;
    top: 167px;
    left: 125px;
    margin: 15px;
    width: 390px;
    height: 285px;
}

.cb_text2 {
    margin: 15px 0;
    width: 390px;
    height: 285px;
    overflow: auto;
    position: absolute;
    top: 68px;
}

p.cbox {
    width: 365px;
}

ul.list_up {
    margin-top: 15px;
    padding-left: 15px;
}

li.list_up {
    padding-bottom: 10px;
    width: 355px;
    list-style: circle outside none;
}

h3.cbox {
    margin: 20px 45px 50px;
    padding: 0;
    font-size: 14px;
    color: #000000;
}

h3.features {
    margin: 5px 0 1px;
    font-size: 11px;
    color: #000000;
}

h5.cbox {
    margin: 20px 0 0;
    padding: 0;
    font-size: 12px;
    color: #000000;
}

p.cbox {
    width: 365px;
}

.po_element {
    width: 720px;
    height: 640px;
    position: absolute;
    top: 0;
    left: 0;
}

#front_screens_body>a>div {
    width: 110px;
    height: 110px;
    border: none;
    float: left;
    margin-right: 3px;
}

#portal_button {
    background-position: 0 0;
}

#portal_button:hover {
    background-position: 0 -67px;
}