/* 

WOO CUSTOM STYLESHEET

---------------------

/* jpx3m additions */
/* Edit the heights for the border of the boxes in streaming and request page */

#poster{
background-image:url(images/video-page.jpg); /* image backgroud */
height: 720px; /* adjust the height after replacing the background image */
}

#videobox-centerleft{
height:320px;
}
#videobox-centerright{
height:320px;
}


#requestbox1-centerleft{
height:320px;
}
#requestbox1-centerright{
height:320px;
}


#chatbox-centerleft{
height:250px;
}
#chatbox-centerright{
height:250px;
}


#requestbox2-centerleft{
height:250px;
}
#requestbox2-centerright{
height:250px;
}

#videobox-outer{
float: left;
width: 500px;
margin: 30px 0px 0px 30px;
text-align:center;
}
#videoboxes tr, th, td{
vertical-align:top;
}
#videobox-topleft{
float:left;
width: 21px;
height: 21px;
background-image: url(images/borders_topleft.png);
}
#videobox-topcenter{
height: 21px;
position:relative;
background-image: url(images/borders_topcenter.png);
}
#videobox-topright{
float:right;
width: 21px;
height: 21px;
background-image: url(images/borders_topright.png);
}
#videobox-centerleft{
float:left;
width:21px;
background-image: url(images/borders_centerleft.png);
}
#videobox-centerright{
float:right;
width:21px;
background-image: url(images/borders_centerright.png);
}
#videobox-bottomleft{
float:left;
width: 21px;
height: 21px;
background-image: url(images/borders_bottomleft.png);
}
#videobox-bottomcenter{
height: 21px;
position:relative;
background-image: url(images/borders_bottomcenter.png);
}
#videobox-bottomright{
float:right;
width: 21px;
height: 21px;
background-image: url(images/borders_bottomright.png);
}
#chatbox-outer{
float: left;
width: 500px;
margin: 30px 0px 0px 30px;
text-align:center;
}
#chatboxes tr, th, td{
vertical-align:top;
}
#chatbox-topleft{
float:left;
width: 21px;
height: 21px;
background-image: url(images/borders_topleft.png);
}
#chatbox-topcenter{
height: 21px;
position:relative;
background-image: url(images/borders_topcenter.png);
}
#chatbox-topright{
float:right;
width: 21px;
height: 21px;
background-image: url(images/borders_topright.png);
}
#chatbox-centerleft{
float:left;
width:21px;
background-image: url(images/borders_centerleft.png);
}
#chatbox-centerright{
float:right;
width:21px;
background-image: url(images/borders_centerright.png);
}
#chatbox-bottomleft{
float:left;
width: 21px;
height: 21px;
background-image: url(images/borders_bottomleft.png);
}
#chatbox-bottomcenter{
height: 21px;
position:relative;
background-image: url(images/borders_bottomcenter.png);
}
#chatbox-bottomright{
float:right;
width: 21px;
height: 21px;
background-image: url(images/borders_bottomright.png);
}
#requestbox1-outer{
float: right;
text-align: right;
width: 300px;
margin: 30px 30px 0px 0px;
text-align:center;
}
#requestbox1boxes{
float:right;
}
#requestbox1boxes tr, th, td{
vertical-align:top;
}
#requestbox1-topleft{
float:left;
width: 21px;
height: 21px;
background-image: url(images/borders_topleft.png);
}
#requestbox1-topcenter{
height: 21px;
position:relative;
background-image: url(images/borders_topcenter.png);
}
#requestbox1-topright{
float:right;
width: 21px;
height: 21px;
background-image: url(images/borders_topright.png);
}
#requestbox1-centerleft{
float:left;
width:21px;
background-image: url(images/borders_centerleft.png);
}
#requestbox1-centerright{
float:right;
width:21px;
background-image: url(images/borders_centerright.png);
}
#requestbox1-bottomleft{
float:left;
width: 21px;
height: 21px;
background-image: url(images/borders_bottomleft.png);
}
#requestbox1-bottomcenter{
height: 21px;
position:relative;
background-image: url(images/borders_bottomcenter.png);
}
#requestbox1-bottomright{
float:right;
width: 21px;
height: 21px;
background-image: url(images/borders_bottomright.png);
}

#requestbox2-outer{
float: right;
text-align: right;
width: 300px;
margin: 30px 30px 0px 0px;
text-align:center;
}
#requestbox2boxes{
float:right;
}
#requestbox2boxes tr, th, td{
vertical-align:top;
}
#requestbox2-topleft{
float:left;
width: 21px;
height: 21px;
background-image: url(images/borders_topleft.png);
}
#requestbox2-topcenter{
height: 21px;
position:relative;
background-image: url(images/borders_topcenter.png);
}
#requestbox2-topright{
float:right;
width: 21px;
height: 21px;
background-image: url(images/borders_topright.png);
}
#requestbox2-centerleft{
float:left;
width:21px;
background-image: url(images/borders_centerleft.png);
}
#requestbox2-centerright{
float:right;
width:21px;
background-image: url(images/borders_centerright.png);
}
#requestbox2-bottomleft{
float:left;
width: 21px;
height: 21px;
background-image: url(images/borders_bottomleft.png);
}
#requestbox2-bottomcenter{
height: 21px;
position:relative;
background-image: url(images/borders_bottomcenter.png);
}
#requestbox2-bottomright{
float:right;
width: 21px;
height: 21px;
background-image: url(images/borders_bottomright.png);
}
li.widget{
margin: 0;
padding: 0;
list-style:none;
}
#poster .widget{
margin: 0;
}