.green, .blue, .red, .indigo, .yellow, .orange {margin-bottom:4px;}

.BoxHorizontal{height:11px;;}
.BOXTLC{width:11px; height:11px;}
.BOXTRC{width:11px; height:11px;}
.BOXBLC{width:11px; height:11px;}
.BOXBRC{width:11px; height:11px;}
.BoxTT{width:11px; height:11px;}
.BoxBT{width:11px; height:11px;}
.BoxRT{width:11px; height:11px;}
.BoxLT{width:11px; height:11px;}
.BoxCross{width:11px; height:11px;}
.BoxCenter{background: url("/images/screen.gif"); padding: 8px; vertical-align: top; font-weight: bold; font-size: 24px;}

.blue .BoxSide{background: url("/images/ConnectorGIFs/blueHBar.gif");}
.blue .BoxHorizontal{background: url("/images/ConnectorGIFs/blueVBar.gif");}
.blue .BOXTLC{background: url("/images/ConnectorGIFs/blueTLC.gif");}
.blue .BOXTRC{background: url("/images/ConnectorGIFs/blueTRC.gif");}
.blue .BOXBLC{background: url("/images/ConnectorGIFs/blueBLC.gif");}
.blue .BOXBRC{background: url("/images/ConnectorGIFs/blueBRC.gif");}
.blue .BoxTT{background: url("/images/ConnectorGIFs/blueTT.gif");}
.blue .BoxBT{background: url("/images/ConnectorGIFs/blueBT.gif");}
.blue .BoxRT{background: url("/images/ConnectorGIFs/blueRT.gif");}
.blue .BoxLT{background: url("/images/ConnectorGIFs/blueLT.gif");}
.blue .BoxCross{background: url("/images/ConnectorGIFs/blueCross.gif");}
/*.blue .BoxCenter{color: #000080;}*/

.green .BoxSide{background: url("/images/ConnectorGIFs/greenHBar.gif");}
.green .BoxHorizontal{background: url("/images/ConnectorGIFs/greenVBar.gif");}
.green .BOXTLC{background: url("/images/ConnectorGIFs/greenTLC.gif");}
.green .BOXTRC{background: url("/images/ConnectorGIFs/greenTRC.gif");}
.green .BOXBLC{background: url("/images/ConnectorGIFs/greenBLC.gif");}
.green .BOXBRC{background: url("/images/ConnectorGIFs/greenBRC.gif");}
.green .BoxTT{background: url("/images/ConnectorGIFs/greenTT.gif");}
.green .BoxBT{background: url("/images/ConnectorGIFs/greenBT.gif");}
.green .BoxRT{background: url("/images/ConnectorGIFs/greenRT.gif");}
.green .BoxLT{background: url("/images/ConnectorGIFs/greenLT.gif");}
.green .BoxCross{background: url("/images/ConnectorGIFs/greenCross.gif");}
/*.green .BoxCenter{color: #008000;}*/

.red .BoxSide{background: url("/images/ConnectorGIFs/redHBar.gif");}
.red .BoxHorizontal{background: url("/images/ConnectorGIFs/redVBar.gif");}
.red .BOXTLC{background: url("/images/ConnectorGIFs/redTLC.gif");}
.red .BOXTRC{background: url("/images/ConnectorGIFs/redTRC.gif");}
.red .BOXBLC{background: url("/images/ConnectorGIFs/redBLC.gif");}
.red .BOXBRC{background: url("/images/ConnectorGIFs/redBRC.gif");}
.red .BoxTT{background: url("/images/ConnectorGIFs/redTT.gif");}
.red .BoxBT{background: url("/images/ConnectorGIFs/redBT.gif");}
.red .BoxRT{background: url("/images/ConnectorGIFs/redRT.gif");}
.red .BoxLT{background: url("/images/ConnectorGIFs/redLT.gif");}
.red .BoxCross{background: url("/images/ConnectorGIFs/redCross.gif");}
/*.red .BoxCenter{color: #800000;}*/

.indigo .BoxSide{background: url("/images/ConnectorGIFs/indigoHBar.gif");}
.indigo .BoxHorizontal{background: url("/images/ConnectorGIFs/indigoVBar.gif");}
.indigo .BOXTLC{background: url("/images/ConnectorGIFs/indigoTLC.gif");}
.indigo .BOXTRC{background: url("/images/ConnectorGIFs/indigoTRC.gif");}
.indigo .BOXBLC{background: url("/images/ConnectorGIFs/indigoBLC.gif");}
.indigo .BOXBRC{background: url("/images/ConnectorGIFs/indigoBRC.gif");}
.indigo .BoxTT{background: url("/images/ConnectorGIFs/indigoTT.gif");}
.indigo .BoxBT{background: url("/images/ConnectorGIFs/indigoBT.gif");}
.indigo .BoxRT{background: url("/images/ConnectorGIFs/indigoRT.gif");}
.indigo .BoxLT{background: url("/images/ConnectorGIFs/indigoLT.gif");}
.indigo .BoxCross{background: url("/images/ConnectorGIFs/indigoCross.gif");}
/*.indigo .BoxCenter{color: #400080;}*/

.yellow .BoxSide{background: url("/images/ConnectorGIFs/yellowHBar.gif");}
.yellow .BoxHorizontal{background: url("/images/ConnectorGIFs/yellowVBar.gif");}
.yellow .BOXTLC{background: url("/images/ConnectorGIFs/yellowTLC.gif");}
.yellow .BOXTRC{background: url("/images/ConnectorGIFs/yellowTRC.gif");}
.yellow .BOXBLC{background: url("/images/ConnectorGIFs/yellowBLC.gif");}
.yellow .BOXBRC{background: url("/images/ConnectorGIFs/yellowBRC.gif");}
.yellow .BoxTT{background: url("/images/ConnectorGIFs/yellowTT.gif");}
.yellow .BoxBT{background: url("/images/ConnectorGIFs/yellowBT.gif");}
.yellow .BoxRT{background: url("/images/ConnectorGIFs/yellowRT.gif");}
.yellow .BoxLT{background: url("/images/ConnectorGIFs/yellowLT.gif");}
.yellow .BoxCross{background: url("/images/ConnectorGIFs/yellowCross.gif");}
/*.yellow .BoxCenter{color: #808000;}*/

.orange .BoxSide{background: url("/images/ConnectorGIFs/orangeHBar.gif");}
.orange .BoxHorizontal{background: url("/images/ConnectorGIFs/orangeVBar.gif");}
.orange .BOXTLC{background: url("/images/ConnectorGIFs/orangeTLC.gif");}
.orange .BOXTRC{background: url("/images/ConnectorGIFs/orangeTRC.gif");}
.orange .BOXBLC{background: url("/images/ConnectorGIFs/orangeBLC.gif");}
.orange .BOXBRC{background: url("/images/ConnectorGIFs/orangeBRC.gif");}
.orange .BoxTT{background: url("/images/ConnectorGIFs/orangeTT.gif");}
.orange .BoxBT{background: url("/images/ConnectorGIFs/orangeBT.gif");}
.orange .BoxRT{background: url("/images/ConnectorGIFs/orangeRT.gif");}
.orange .BoxLT{background: url("/images/ConnectorGIFs/orangeLT.gif");}
.orange .BoxCross{background: url("/images/ConnectorGIFs/orangeCross.gif");}
/*.orange .BoxCenter{color: #804000;}*/