﻿.partyroomtop
{
    width: 640px;
    height: 200px;
    margin: 0 auto;
    background-image: url('http://images.powerpets.com/image/pgart/birthday.jpg');
}

.partyroommid
{
    width: 640px;
    margin: 0 auto;
    background-color: White;
}

.partyroomcontent
{
    width: 620px;
    height: 700px;
    min-height: 700px;
    padding: 5px;
    overflow: auto;
}

.stockbox 
{
    width: 140px;
    height: 140px;
    padding: 2px;
    float: left;
    border: 1px solid black;
    -moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
    -khtml-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
}

.partyroombot
{
    width: 640px;
    height: 15px;
    margin: 0 auto;
    background-color: White;
    -moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;	
    -khtml-border-radius:0 0 8px 8px;
    border-radius:0 0 8px 8px;
}

.partyroommid .pmenu
{
    list-style: none;
    padding: 0;
    margin: 0;
    height: 45px;
}

.partyroommid .pmenu li
{
    width: 120px;
    height: 25px;
    background-color: #E7EED2;
    border: 1px solid #98CBEE;
    -moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    float: left;
    margin: 2px;
    text-align: center;
}

.partyroommid .pmenu li a
{
    color: #5D5DCB;
    line-height: 25px;
    text-decoration: none;
    display: block;
}

.partyroommid .pmenu li a:hover
{
    background-color: #AACBC2;
}

.partyroommid .tcontent
{
    text-align: left;
    width: 620px;
    height: 350px;
    background-color: #FFFFFF;
    border: 1px solid #AACBC2;
    -moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    margin: 4px 0 0 0;
    padding: 5px;
    overflow: auto;
}

.partyroommid .gcontent
{
    float: left;
    text-align: center;
    width: 640px;
    height: 400px;
    background-color: #FFFFFF;
    border: 1px solid #AACBC2;
    -moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    margin: 4px 0 0 0;
    overflow: auto;
}

.partyroommid .gcontent .title
{
    font-size: 18px;
    font-weight: bold;
    width: 640px;
    height: 30px;
    line-height: 1.6em;
    color: Navy;
    background-color: #AACBC2;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    margin: 0;
}

.partyroommid .gcontent img
{
    padding: 4px;
}

.partyroommid .gcontent .strline
{
    width: 325px;
    height: 20px;
    color: Navy;
    font-weight: bold;
    background-color: #AACBC2;
}

.partyroommid .gcontent .statbox
{
    float: left;
    width: 210px;
    margin: 50px 0 0 50px;
    font-size: 0.8em;
}

.partyroommid .gcontent .statbox .stitle
{
    clear: left;
    float: left;
    width: 90px;
    text-align: right;
    padding: 0 4px 0 0;
}

.partyroommid .gcontent .statbox .value
{
    float: left;
    width: 110px;
    font-weight: bold;
    text-align: left;
    padding: 0 0 0 3px;
}

.partyroommid .gmenu 
{
    float: left;
    width: 620px;
    height: 80px;
    background-color: #FFFFFF;
    border: 1px solid #AACBC2;
    -moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    margin: 4px auto;
    overflow: auto;
}

.partyroommid .gmenu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.partyroommid .gmenu ul li
{
    float: left;
    text-align: center;
    margin: 2px;
    width: 120px;
    height: 45px;
    min-height: 45px;
    line-height: 1.2em;
    font-size: 0.8em;
    display: block;
    background-color: #E3FFDE;
    padding-top: 4px;
}

.partyroommid .gmenu ul li img
{
    padding: 1px;
    vertical-align: middle;
    float: left;
}

.partyroommid .gmenu ul li a
{
    display: block;
    color: #000000;
    height: 45px;
    text-decoration: none;
}

.partyroommid .gmenu ul li a:hover 
{
    background-color: #E7EED2;
}

.linkbox 
{
    width: 190px;
    height: 25px;
    background-color: #E7EED2;
    border: 1px solid #98CBEE;
    -moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    float: left;
    margin: 10px auto; 
}

.linkbox a
{
    color: #5D5DCB;
    line-height: 1.9em;
    text-decoration: none;
    display: block;
}

.linkbox a:hover
{
    background-color: #AACBC2;
}

.partyroommid .rankbox
{
    float: left;
    text-align: center;
    width: 295px;
    height: 350px;
    background-color: #FFFFFF;
    border: 1px solid #AACBC2;
    -moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    margin: 4px 4px 0 0;
    overflow: auto;
}

.partyroommid .rankbox .rankline
{
    clear: left;
    width: 260px;
    margin: 0 auto;
    height: 20px;
}

.partyroommid .rankbox .rankline .rank
{
    float: left;
    text-align: right;
    width: 35px;
    margin-right: 5px;
}

.partyroommid .rankbox .rankline .name
{
    float: left;
    text-align: left;
    width: 110px;
}

.partyroommid .rankbox .rankline .points
{
    float: left;
    text-align: right;
    width: 110px;
}

