body { margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 0px }

img { border-style:none; }

img.hspace { width: 5px }
img.vspace { height: 5px }
td.HorizontalBorder { width: 100%; background-repeat: repeat-x }
td.VerticalBorder { height: 100%; background-repeat: repeat-y }

#controls				{ width: 100% }
#localFiles				{ margin-top: 2px }
#remoteFiles			{ margin-top: 2px }

#connectTop				{ background: url(../images/connect_t.png) repeat-x; height: 5px }
#connectLeft			{ background-image: url(../images/connect_l.png); width: 23px; height: 48px }
#connectMiddle			{ background-color: #f3f3f3; height: 38px }
#connectBottom			{ background: url(../images/connect_b.png) repeat-x; height: 5px }
#connectRight			{ background-image: url(../images/connect_r.png); width: 26px; height: 48px }

#localTopLeft			{ background-image: url(../images/local_tl.png); width: 10px; height:10px }
#localTop				{ background-image: url(../images/local_t.png) }
#localTopRight			{ background-image: url(../images/local_tr.png); width: 10px; height:10px }
#localLeft				{ background-image: url(../images/local_l.png) }
#localMiddle			{ background-color: #ddffff; text-align: center }
#localRight				{ background-image: url(../images/local_r.png) }
#localBottomLeft		{ background-image: url(../images/local_bl.png); width: 10px; height:10px }
#localBottom			{ background-image: url(../images/local_b.png) }
#localBottomRight		{ background-image: url(../images/local_br.png); width: 10px; height:10px }

#remoteTopLeft			{ background-image: url(../images/remote_tl.png); width: 10px; height:10px }
#remoteTop				{ background-image: url(../images/remote_t.png) }
#remoteTopRight			{ background-image: url(../images/remote_tr.png); width: 10px; height:10px }
#remoteLeft				{ background-image: url(../images/remote_l.png) }
#remoteMiddle			{ background-color: #ddffff; text-align: center }
#remoteRight			{ background-image: url(../images/remote_r.png) }
#remoteBottomLeft		{ background-image: url(../images/remote_bl.png); width: 10px; height:10px }
#remoteBottom			{ background-image: url(../images/remote_b.png) }
#remoteBottomRight		{ background-image: url(../images/remote_br.png); width: 10px; height:10px }

#transferTopLeft		{ background-image: url(../images/transfer_tl.png); width: 10px; height:10px }
#transferTop			{ background-image: url(../images/transfer_t.png) }
#transferTopRight		{ background-image: url(../images/transfer_tr.png); width: 10px; height:10px }
#transferLeft			{ background-image: url(../images/transfer_l.png) }
#transferMiddle			{ background-color: #ffefff; text-align: center }
#transferRight			{ background-image: url(../images/transfer_r.png) }
#transferBottomLeft		{ background-image: url(../images/transfer_bl.png); width: 10px; height:10px }
#transferBottom			{ background-image: url(../images/transfer_b.png) }
#transferBottomRight	{ background-image: url(../images/transfer_br.png); width: 10px; height:10px }

#statusTopLeft			{ background-image: url(../images/status_tl.png); width: 10px; height:7px }
#statusTop				{ background-image: url(../images/status_t.png) }
#statusTopRight			{ background-image: url(../images/status_tr.png); width: 10px; height:7px }
#statusLeft				{ background-image: url(../images/status_l.png) }
#statusMiddle			{ background-color: #f3f3f3; text-align: center }
#statusRight			{ background-image: url(../images/status_r.png) }
#statusBottomLeft		{ background-image: url(../images/status_bl.png); width: 10px; height:7px }
#statusBottom			{ background-image: url(../images/status_b.png) }
#statusBottomRight		{ background-image: url(../images/status_br.png); width: 10px; height:7px }