/* *{ margin:0; padding:0; } */

/*body { text-align: center; background: #9BD252; }*/

/*Styles for dim overlay & message box*/
#dim
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 102;
    background: url('../../Images/dim.png');
    display: none;
    text-align: left;
}
.msgbox
{
    position: absolute;
    float: left;
    width: 1050px;
    height: 720px;
    z-index: 200;
    border: 5px solid #222;
    background: #FFF;
    margin-top: 100px;
    margin-left: -28px;
}
.msgbox img
{
    border: none;
    margin: 5px;
}
.close
{
    top: 0px;
    float: right;
}

#dim_SC
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 102;
    background: url('../../Images/dim.png');
    display: none;
    text-align: left;
}
#dim_G
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 102;
    background: url('../../Images/dim.png');
    display: none;
    text-align: left;
}
.msgbox_G
{
    position: absolute;
    float: left;
    width: 850px;
    height: 700px;
    z-index: 200;
    border: 5px solid #222;
    background: #FFF;
    margin-top: 100px;
    margin-left: 77px;
}

/*My own layout styles
	#content{position:absolute; width:350px; height:300px; border:5px solid #f5f5f5; background:#FFF; overflow:hidden; top: 80px; left: 50%; margin-left: -175px;  }
    #content a{ font:italic 32px Georgia, serif; text-decoration:none; color:#333; outline:none; display:block; padding: 131px 50px; }
	#content a:hover{ background:#EEE; }
*/
.cube
{
    width: 100%;
    height: 100%;
    float: left;
    clear: right;
}

.canvas
{
    position: relative;
    height: 600px;
    width: 800px;
    background-image: url(../../Images/soccer_field_new.jpg);
    float: left;
    margin-left: 40px;
    margin-top: 40px;
}

.graf
{
    position: relative;
    height: 600px;
    width: 800px;
    margin-left: 10px;
    margin-top: 10px;
}

.borderleft
{
    position: absolute;
    float: left;
    height: 600px;
    width: 40px;
    margin-top: 40px;
}
/*IE7*/
*:first-child + html .borderleft
{
    position: relative;
    width: 10px;
}

.borderbottom
{
    position: absolute;
    float: left;
    height: 40px;
    width: 840px;
}
/*IE7*/
*:first-child + html .borderbottom
{
    position: relative;
}

.table_legend
{
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    height: 460px;
    width: 200px;
}
/*IE7*/
*:first-child + html .table_legend
{
    width: 150px;
}

a.tt span
{
    display: none; /*собственно прячем тултип - пока мышь не наведена*/
}
a.tt:hover
{
    position: relative; /*Ставим точку отсчета для тултипа внутрь данной ссылки*/
    z-index: 23; /*это нужно что бы тултип показывался поверх этой и других ссылок*/
}
a.tt:hover span
{
    display: block; /*показываем тултип при наведении*/
    position: absolute;
    top: -10px;
    left: 40px; /*три строки для позиции тултипа относительно левого верхнего угла ссылки*/
    z-index: 22; /*мне 22 + см. выше*/
    background: #fafafa; /*фон, что бы было видно тултип*/
}
#mbottomarrow
{
    margin: 5px 5px 0px 5px;
}

#mapreportname, #mapreportname_SC
{
    position: absolute;
    left: 25px;
    top: 15px;
    font-size: 20px;
}