.tile_vertical
{
    width: 100%; 
    border-width: 0px;
	border-style: none;

    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

.tile_horizontal
{
	float: left;
    height: 100%; 
    text-align: center;
    display: inline;
    border-width: 0px;
	border-style: none;
    overflow: hidden;
}

.tile_last
{
    width: 100%; 
    background-color: #333333;
}

.scrollup
{
    width: 15px; 
    background-color: #2f2f2f; 
    background-image: url('../images/arrow_up.gif'); 
    background-position:center 5px; 
    background-repeat: no-repeat;
    margin-left: 2px;
}

.scrolldown
{
    width: 15px; 
    background-color: #2f2f2f; 
    margin-top: 6px; 
    background-image: url('../images/arrow_down.gif'); 
    /* background-position:center bottom; this gets set programatically to be 5px higher than the bottom */
    background-repeat: no-repeat;
    margin-left: 2px;
}

.scrollup_over
{
    width: 15px; 
    background-color: #3f3f3f; 
    background-image: url('../images/arrow_up.gif'); 
    background-position:center 5px; 
    background-repeat: no-repeat;
	margin-left: 2px;
}

.scrolldown_over
{
    width: 15px; 
    background-color: #3f3f3f; 
    margin-top: 6px; 
    background-image: url('../images/arrow_down.gif'); 
    /* background-position:center bottom; this gets set programatically to be 5px higher than the bottom*/
    background-repeat: no-repeat;
	margin-left: 2px;
}

.scroll_left
{
	float: left; 
	width: 15px; 
	height: 100%; 
	margin-top: 0px; 
	margin-bottom: 0px;
    background-color: #2f2f2f; 
    background-image: url('../images/arrow_left.gif'); 
    background-position:center center; 
    background-repeat: no-repeat;
}

.scroll_left_over
{
	float: left; 
	width: 15px; 
	height: 100%; 
	margin-top: 0px; 
	margin-bottom: 0px;
    background-color: #3f3f3f; 
    background-image: url('../images/arrow_left.gif'); 
    background-position:center center; 
    background-repeat: no-repeat;
}

.scroll_right
{
	float: left; 
	height: 100%; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px;
	width: 15px; 
    background-color: #2f2f2f; 
    background-image: url('../images/arrow_right.png'); 
    background-position:center center; 
    background-repeat: no-repeat;
}

.scroll_right_over
{
	float: left; 
	height: 100%; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px;
	width: 15px; 
    background-color: #3f3f3f; 
    background-image: url('../images/arrow_right.png');
    background-position:center center; 
    /* background-position:center bottom; this gets set programatically to be 5px higher than the bottom*/
    background-repeat: no-repeat;
}

.upDownPagerText
{
	color: #cccccc;
}

.upDownNumberText
{
	color: #cccccc;
}

.upDownNumberTextSelected
{
	color: #ffffff;
	font-weight: bold;
}

.upDownTileScrollerContainer
{
	float: left;
	display: inline-block;
}

.upDownTileScrollerPager
{
    display: block;
    float: left;
    clear: both;
}

.upDownTileScrollerEmptyTile
{
	background-color: #000000;
	/*border: #444444;
	border-width: 1px;
	border-style: solid; */
}

.tileLoading
{
	background-image: url('../images/ajaxLoading.gif');
	background-position: center center; 
	background-repeat: no-repeat;
}

.tileInner
{
        float: left;
        background-color: #191919;
        height: 100%;
        border-style: solid;
        border-width: 1px;
        border-color: #444444;
        width: 98%;
        height: 97%;
        overflow:hidden;
}

.tileInnerEmpty
{
       display: block;
        float: left;
        width: 98%;
        height: 97%;
        border-style: solid;
        border-width: 1px;
        border-color: #444444;
}

.tileSpaced
{
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;   
}