/* --------------- main --------------- */

body
{
    background-color:       #000000;
	font-family:            Times New Roman, Arial, Tahoma, Helvetica, sans-serif;
    font-size:              10pt;
    font-weight:            normal;
    color:                  #BBBBBB;
}

td, input, select, textarea
{
	font-family:            Times New Roman, Arial, Tahoma, Helvetica, sans-serif;
    font-size:              10pt;
    font-weight:            normal;
    color:                  #BBBBBB;
}

a
{
    color:                  #D81621;
    text-decoration:        underline;
}

a:hover
{
    color:                  #D81621;
    text-decoration:        underline;
}

p
{
    margin: 0px;
}

label
{
    cursor: pointer;
}

img
{
    border: none;
}

/* --------------- layout --------------- */

#background
{
    left:               50%;
    margin-left:        -383px;
    width:              766px; 
    height:             277px;
    position:           absolute;
    top:                0px;
    z-index:            0;
} 
 
#background img
{  
    width:              766px; 
    height:             287px; 
    top:                0px; 
    left:               0px;
}

#main_header
{
    position:           absolute;
    width:              766px; 
    height:             350px;
    left:               50%;
    top:                0px;
    margin-left:        -383px;
    color:              #FFFFFF;
    background-image:   url('../images/header_bg2.png');
    background-repeat:  no-repeat;
    z-index:            1;
}

#main_content
{
    position:           absolute;
    width:              766px; 
    height:             377px;
    left:               50%;
    top:                0px;
    margin-left:        -383px;
    color:              #FFFFFF;
    background-image:   url('../images/content_bg.png');
    background-repeat:  no-repeat;
    background-position: 0px 0px;
    z-index:            1;
}

#epplayer
{
    position:           absolute;
    width:              370px; 
    height:             16px;                
    left:               301px;
    top:                293px;
    z-index:            1;
    border:             0px solid blue;
}

#mainmenu
{
    position:           absolute;
    width:              140px; 
    height:             290px;
    left:               20px;
    top:                35px;
    z-index:            1;
}

#content_container
{
    position:           absolute;
    width:              484px; 
    height:             360px;
    left:               242px;
    top:                0px;
    z-index:            1;
}

#content
{
    width:              491px; 
    height:             318px;
}

#video_content_container
{
    position:           relative;
    width:              484px; 
    height:             360px;
    left:               242px;
    top:                360px;
    z-index:            99999999;
}

/* --------------- scrollpane --------------- */

a.jScrollArrowUp
{
	background: url('../images/scrollbar/basic_arrow_up.gif') no-repeat 0 0;
}

a.jScrollArrowUp:hover
{
	background-position: 0 -15px;
}

a.jScrollArrowDown
{
	background: url('../images/scrollbar/basic_arrow_down.gif') no-repeat 0 0;
}

a.jScrollArrowDown:hover
{
	background-position: 0 -15px;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

/* --------------- block message --------------- */

DIV.blockMsg
{
    width:              40%;
    top:                30%;
    left:               30%;
    border:             2px solid #808080;
    padding:            20px 0px 20px 0px;
    background-color:   #303030;
    color:              #EFEFEF;
    font-size:          10pt;
    font-weight:        normal;
    text-align:         center;
}

/* --------------- admin --------------- */

#admin_main
{
    position:           absolute;
    width:              100%; 
    height:             727px;
    color:              #FFFFFF;
    background-image:   url('../images/admin_bg.png');
    background-repeat:  no-repeat;
    z-index:            1;
}

#admin_header
{
    position:           absolute;
    width:              370px; 
    height:             38px;                
    left:               370px;
    top:                120px;
    z-index:            1;
    font-size:          12pt;
    font-weight:        bold;
    color:              #FFFFF1;
}

#admin_mainmenu
{
    position:           absolute;
    width:              140px; 
    height:             290px;
    left:               20px;
    top:                225px;
    z-index:            1;
}

#admin_content_container
{
    position:           absolute;
    left:               242px;
    top:                160px;
    z-index:            1;
}

/* --------------- menu --------------- */

TD.submenu_header
{
    font-family:            Arial, Tahoma, Helvetica, sans-serif;
    font-size:              12pt;
    font-weight:            bold;
    color:                  #FFFFFF;
    width:                  100%;
    padding-left:           5px;
}

TD.submenu
{
    padding:                5px 0px 5px 25px;
}

A.menu_inactive
{
    font-family:            Arial, Tahoma, Helvetica, sans-serif;
	font-size:              11pt;
	font-weight:            bold;
	padding-left:           10px;
	line-height:            14px;
	color:                  #202020;
	text-decoration:        none;
}

A.menu_inactive:hover
{
    font-family:            Arial, Tahoma, Helvetica, sans-serif;
    font-weight:            bold;
	color:                  #FFFFF1;
	line-height:            14px;
	text-decoration:        none;
}

A.menu_active
{
    font-family:            Arial, Tahoma, Helvetica, sans-serif;
	font-size:              11pt;
	font-weight:            bold;
	padding-left:           10px;
    color:                  #FFFFF1;
    line-height:            14px;
	text-decoration:        none;
}

A.menu_active:hover
{
    font-family:            Arial, Tahoma, Helvetica, sans-serif;
    font-weight:            bold;
    color:                  #FFFFF1;
    line-height:            14px;
	text-decoration:        none;	
}

/* --------------- image container --------------- */

TABLE.ctr_main
{
    width:                  100%;
}

TD.ctr_main_top
{
    background-image:       url('../images/containers/main/top.png');
    background-repeat:      repeat-x;
    height:                 17px;
}

TD.ctr_main_top_left
{
    background-image:       url('../images/containers/main/topleft.png');
    background-repeat:      no-repeat;
    width:                  17px;
    height:                 17px;
}

TD.ctr_main_top_right
{
    background-image:       url('../images/containers/main/topright.png');
    background-repeat:      no-repeat;
    width:                  17px;
    height:                 17px;
}

TD.ctr_main
{
    background-color:       #FFFFFF;
    width:                  100%;
}

TD.ctr_main_left
{
    background-image:       url('../images/containers/main/left.png');
    background-repeat:      repeat-y;
    width:                  17px;
    height:                 100%;
}

TD.ctr_main_right
{
    background-image:       url('../images/containers/main/right.png');
    background-repeat:      repeat-y;
    width:                  17px;
    height:                 100%;
}

TD.ctr_main_bottom
{
    background-image:       url('../images/containers/main/bottom.png');
    background-repeat:      repeat-x;
    height:                 17px;
    width:                  100%;
}

TD.ctr_main_bottom_left
{
    background-image:       url('../images/containers/main/bottomleft.png');
    background-repeat:      no-repeat;
    width:                  17px;
    height:                 17px;
}

TD.ctr_main_bottom_right
{
    background-image:       url('../images/containers/main/bottomright.png');
    background-repeat:      no-repeat;
    width:                  17px;
    height:                 17px;
}