/* index.jsp */

iframe.indexTopFrame
{
height: 55px;
width: 960px;
}
iframe.indexBottomFrame
{
height: 1000px;
width: 960px;
}
/* End index.jsp */


/* searchBox */
div.searchBox
{
margin-right: 50px;
text-align: right;
}
input.searchInputBox
{
width: 300px;
height: 25px;
}
input.searchSubmit
{
width: 90px;
height: 27px;
border:0px;
background: no-repeat;
background-size: 100%;
cursor: pointer;
vertical-align: middle;
}
input.searchAllCaption
{


}

div.radioButtons
{
font-family: arial, helvetica, sans-serif;

}
/* End searchBox */





/* bottomFrame.jsp */

iframe.bottomFrameLeft
{
height: 970px;
width: 250px;
}
iframe.bottomFrameRight
{
height: 970px;
width: 660px;

}
/* End bottomFrame.jsp */


/* leftFrame.jsp */

iframe.navigationBottomFrame
{
height: 750px;
width: 240px;
}

div.menuSelected
{
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
background-color: #EBEBEB;
font-weight: bold;
}
div.menuUnselected
{
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
background-color: #F7F7F7;
}
div.dropDownSelected
{
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
background-color: #EBEBEB;
font-weight: bold;
}
div.dropDownUnselected
{
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
background-color: #F7F7F7;
}

img.webCategoryImage
{
padding-bottom: 1px;
border:0px;
}
img.menuImage
{
padding-bottom: 2px;
padding-left: 5px;
}

/* End leftFrame.jsp */




tr.tableHeading
{
border-top: 3px solid #CC0000;
height: 40px;
vertical-align: middle;
background-color: #FFFFFF;
}

th.title
{
padding-left:5px;
text-align: left;
color: #CC0000;
font-weight: bold;
}
th.noAssetMessage
{
padding-left:5px;	
font-family: arial, helvetica, sans-serif;
width: 640px;
text-align: left;
color: #000000;
font-weight: normal;
}
th.pagination
{
text-align: right;
font-weight: normal;
}

table.results
{
border-collapse:collapse;
border-spacing: 0pt;
border-left: 0px solid #DBDBDB;
border-right:0px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
font-family: arial, helvetica, sans-serif;

table-layout: fixed;
}
tr.heading
{
height: 40px;
vertical-align: middle;
background-color: #F2F2F2;
color: #000000;
font-weight: bold;
border-top: 1px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
}
tr.invisibleHeading
{
height: 0px;
background-color: #FFFFFF;
}
tr.row0
{
height: 40px;
vertical-align: middle;
background-color: #FFFFFF;

}
tr.row1
{
height: 40px;
vertical-align: middle;
background-color: #EFEFEF;

}
td.ringtonecol1, td.ringbacktonecol1, td.videocol1
{
padding-left:5px;
border-right:1px solid #DBDBDB;
width: 280px;
align: center;
}
td.ringtonecol1_inv, td.ringbacktonecol1_inv, td.videocol1_inv
{
padding-left:5px;
border-right:1px solid #FFFFFF;
width: 280px;
align: center;
}
td.ringtonecol2, td.ringbacktonecol2, td.videocol2
{
padding-left:5px;
border-left: 1px solid #DBDBDB;
border-right:1px solid #DBDBDB;
width: 280px;
}
td.ringtonecol2_inv, td.ringbacktonecol2_inv, td.videocol2_inv
{
padding-left:5px;
border-left: 1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
width: 280px;
}
td.ringtonecol3, td.ringbacktonecol3, td.videocol3
{
padding-left:5px;
border-left: 1px solid #DBDBDB;
border-right:0px;
width: 80px;
}
td.ringtonecol3_inv, td.ringbacktonecol3_inv, td.videocol3_inv
{
padding-left:5px;
border-left: 1px solid #FFFFFF;
border-right:0px;
width: 80px;
}
td.wallpapercol1, td.applicationcol1
{
padding-left:5px;
border-right:1px solid #DBDBDB;
width: 90px;

}
td.wallpapercol1_inv, td.applicationcol1_inv
{
padding-left:5px;
border-right:1px solid #FFFFFF;
width: 90px;

}
td.wallpapercol2, td.applicationcol2
{
padding-left:5px;
border-left: 1px solid #DBDBDB;
border-right:1px solid #DBDBDB;
width: 470px;
}
td.wallpapercol2_inv, td.applicationcol2_inv
{
padding-left:5px;
border-left: 1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
width: 470px;
}
td.wallpapercol3, td.applicationcol3
{
padding-left:5px;
border-left: 1px solid #DBDBDB;
border-right:0px;
width: 80px;
}
td.wallpapercol3_inv, td.applicationcol3_inv
{
padding-left:5px;
border-left: 1px solid #FFFFFF;
border-right:0px;
width: 80px;
}

img.getImage_en_rogers
{

border:0px;

}
img.getImage_fr_rogers
{
border:0px;
}
input.submitButton_en
{
width: 90px;
height: 27px;
border:0px;
background: no-repeat;
background-size: 100%;
cursor: pointer;
vertical-align: middle;
background-image:url(images/rogers_submit_en.gif);
}
input.submitButton_fr
{

width: 90px;
height: 27px;
border:0px;
background: no-repeat;
background-size: 100%;
cursor: pointer;
vertical-align: middle;
background-image:url(images/rogers_submit_fr.gif);
}
/* This block is not used anymore */

img.previewImage_en
{
width: 60px;
height: 17px;
border:0px;
}
img.previewImage_fr
{
width: 60px;
height: 17px;
border:0px;
vertical-align
}

input.getPreviewButton1_en
{
width: 32px;
height: 20px;
border:0px;
background: no-repeat;
background-size: 100%;
cursor: pointer;
background-image:url(images/rogers-get_en.gif);
}

input.getPreviewButton2_en
{
width: 63px;
height: 20px;
border:0px;
background: no-repeat;
background-size: 100%;
cursor: pointer;
background-image:url(images/rogers-preview_en.gif);
}
input.getPreviewButton1_fr
{
width: 64px;
height: 20px;
border:0px;
background: no-repeat;
background-size: 100%;
cursor: pointer;
background-image:url(images/rogers-get_fr.gif);
}

input.getPreviewButton2_fr
{
width: 63px;
height: 20px;
border:0px;
background: no-repeat;
background-size: 100%;
cursor: pointer;
background-image:url(images/rogers-preview_fr.gif);
}
/* end of This block is not used anymore */



div.moreLink
{
text-align: right;
height: 31px;
padding-top: 9px;
}
div.pagination
{
padding-top: 10px;
margin-right: 50px;
text-align: right;
}
a 
{ 
text-decoration: none; 
}

a.categoryLink, a.artistLink, a.moreLink, a.menu, .clickpath
{
font-family: arial, helvetica, sans-serif;
font-size: 14px;
color: #CC0000;
}
a.categoryLink:hover, a.categoryLink:focus , a.categoryLink:active, a.artistLink:hover, a.moreLink:hover, a.artistLink:focus, a.moreLink:focus
{
outline: none;
font-weight: bold;
}

.boldText{
	font-weight: bold;
}
.webText, .navigation
{
font-family: arial, helvetica, sans-serif;
font-size: 14px;
}
.webGreyText
{
font-family: arial, helvetica, sans-serif;
font-size: 14px;
color: #5E5E5E;
}
.webLargeText
{
color: #CC0000;
font-family: arial, helvetica, sans-serif;
font-size: 18px;
}
.paginationLink
{
	color: #CC0000;
}
div.clickPathGenerator
{
padding-left:5px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #DBDBDB;

}
span.categorySpan
{
	width: 150px;
}
div.rogersringtoneCategoryLink, div.rogersringbacktoneCategoryLink, div.rogersvideoCategoryLink, div.rogerswallpaperCategoryLink, div.rogersapplicationCategoryLink
{
padding-bottom: 10px;
padding-top: 10px;
}
div.rogersringtoneCategoryLink:hover, div.rogersringtoneCategoryLink:active, div.rogerswallpaperCategoryLink:hover, div.rogerswallpaperCategoryLink:active, div.rogersapplicationCategoryLink:hover, div.rogersapplicationCategoryLink:active, div.rogersvideoCategoryLink:hover, div.rogersvideoCategoryLink:active
{ 
background-color: #FFFFFF;
background: no-repeat;
background-size: 200%;
background-position:right; 
background-image:url(images/arrow_red.gif);
}
img.webAssetImage
{
width: 50px;
height: 50px;
}

img.webArtistImage
{
width: 100px;
height: 100px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}
span.webArtistTitle
{
font-size: 20px;
color: #CC0000;
font-weight: bold;
}

/* start preview css */

a.previewLink
{
  padding-right: 5px;
}
iframe.previewAssetFrame
{
  height: 225px;
  width: 250;
  background-color: #EBEBEB;
  border-bottom: 1px solid #DBDBDB
}

div.previewHeading
{
  vertical-align: middle;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  background-color: #CC0000;
  color: #EBEBEB;
  padding-left: 5px;

}

img.previewAlbumArt
{
  width: 100px;
  height: 100px;
  padding-top: 4px;
  padding-bottom: 2px;
}

div.previewAlbumArt
{
  vertical-align: middle;
  align: center;
  text-align: center;
  background-color: #EBEBEB;
}

div.previewTitle
{
  vertical-align: middle;
  align: center;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  background-color: #EBEBEB;
}

div.previewArtist
{
  vertical-align: middle;
  align: center;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  background-color: #EBEBEB;
}

div.previewPlayer,
body.previewPlayer
{
  background-color: #EBEBEB;
}

.previewText
{
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  color: #CC0000;
}

img.previewImage_en_rogers
{
  border:0px;
}

img.previewImage_fr_rogers
{
  border:0px;
}

/* end preview css */