/* CSS Document */
html {    
     overflow-x: hidden; 
     background:#fff url(../gfx/backHtml.jpg) repeat-x top center;
     /**/background-color:#77b4d3;
}
body {
     font-family:Arial,Helvetica,sans-serif;     
     /*background:#77b4d3 url(../gfx/backBody.jpg) center 0px no-repeat;*/
     /* test: */
    background:url(../gfx/backBody.jpg) no-repeat top center;
     /* background-color:#77b4d3;*/
     height:690px;
     width:100%;
     /*display:table;*/
}
div.clr {
     clear:both;
}
body, h1, h2, ul, li, form, p {
     padding:0px; margin:0px;
}
img { border:none; }
.Hidden { display:none; }

/**/
/**/
div.Layout {
     /*width:913px;*/
     width:920px;
     margin:auto;
     position:relative;     
     overflow-x: visible;
     /*border:1px white solid;*/
}
div.Header {
     width:913px;
     height:191px;
     position:relative;     
}
div.Main {
     position:relative;
     margin-top:6px;
     min-height:540px;
     _height:540px;     
}
div.Footer {
     height:33px;
     width:913px;
     color:#ffffff;
     font-size:11px;
     margin-top:25px;
}
div.FooterBack {
     background:transparent url(../gfx/backFooter.jpg) 0px 0px repeat-x;
     height:132px;
     /*width:1200px;*/
     width:100%;
     margin:auto;
}

/* flash */
div.flashBack {
     position:absolute; width:100%; left:0px;
}
div.FlashBackIn {
     text-align:center;
}

/* foot */
div.Footer ul {
}
div.Footer ul li {
     list-style-type:none;
     float:left;
     height:33px;
}
div.Footer span {
     display:block;
     float:left;
}
div.Footer span.x {
     margin-left:10px;
}
div.Footer a {
     color:#ffffff;
     text-decoration:underline;
     margin-left:10px;
     margin-right:10px;
     display:block;
     float:left;
}
div.Footer a.imglink {
     text-decoration:none;
     margin:0px;
}
div.Footer img {
     /*position:relative;*/
     margin-left:-2px;
     margin-right:10px;
     margin-top:-5px;
     float:left;
}


/**/
a.HPLink {
     display:block;
     position:absolute;
     height:40px;
     width:180px;
     top:27px;
     left:21px;
     background-image:url(../gfx/spacer.gif);
}
a.HPLink2 {
     display:block;
     position:absolute;
     height:49px;
     width:159px;
     top:83px;
     left:34px;
     background-image:url(../gfx/spacer.gif);
}
div.lang {
     height:23px;
     width:64px;
     position:absolute;
     right:0px;
}
div.lang a {
     display:block;
     position:absolute;
     cursor:pointer;
}
div.lang a.en {
     left:0px;
     width:31px;
}
div.lang a.ar {
     left:32px;
     width:33px;
}
div.lang a.en span {
     display:block;
     width:31px;
     height:23px;
     background:transparent url(../gfx/langEn.png) 0px 0px no-repeat;
}
div.lang a.ar span {
     display:block;
     width:33px;
     height:23px;
     background:transparent url(../gfx/ar-langAr.png) 0px 0px no-repeat;
}
div.Menu {
     height:39px;
     width:913px;
     position:absolute;
     top:152px;
     background:transparent url(../gfx/backMenu.png) 0px 0px no-repeat;
}
div.Menu ul {
}
div.Menu ul li {
     float:left;     
     list-style-type:none;
     height:36px;
     text-align:center;
     border-right:1px #e41b23 solid;
     /*border:1px blue solid;*/
}
div.Menu ul li.b01 { width:98px; }
div.Menu ul li.b02 { width:198px; }
div.Menu ul li.b03 { width:170px; }
div.Menu ul li a {
     display:block;
     color:#ffffff;
     font-size:14px;
     text-decoration:none;
     height:36px;
}
div.Menu ul li a span {
     line-height:36px;
}
div.Menu ul li.b03 a span { margin-right:30px; }
div.Menu ul li.b01 a:hover {
     background:transparent url(../gfx/b01on.png) 0px 0px no-repeat;
}
div.Menu ul li.b02 a:hover {
     background:transparent url(../gfx/b02on.png) 0px 0px repeat-x;
}

div.Menu ul li.b03 a:hover {
     background:transparent url(../gfx/b03on.png) 0px 0px repeat-x;
}
div.Menu ul li.b01 a.Active {
     background:transparent url(../gfx/b01on.png) 0px 0px no-repeat;
}
div.Menu ul li.b02 a.Active {
     background:transparent url(../gfx/b02on.png) 0px 0px repeat-x;
}

div.Menu ul li.b03 a.Active {
     background:transparent url(../gfx/b03on.png) 0px 0px repeat-x;
}
div.UweFilter {
     position:absolute;
     color:White;
     font-size:11px;
     right:0px;
     top:7px;
}
div.UweFilter input {
     float:left;
     margin-right:9px;
}
div.UweFilter span {
     float:left;
     display:block;
     margin-top:3px;
     margin-right:25px;
     %margin-right:12px;
}
div.UweFilter input.submit {
     height:23px;
     width:59px;
     background:transparent url(../gfx/buttonSubmit.jpg) 0px 0px no-repeat;
     border:none;
}
div.UweFilter input.submit:hover {
     
     background:transparent url(../gfx/buttonSubmit.jpg) 0px -37px no-repeat;
}

/**/
div.Event {
     height:385px;
     width:223px;
     float:left;
     /*display:inline;*/
     margin-right:7px;
     margin-bottom:6px;
     position:relative;
}
div.Event a {
     color:White;
}
div.Right { margin-right:0px; }
div.EventTop {
     width:223px;
     height:9px;
     background:transparent url(../gfx/eventTop.png) 0px 0px no-repeat;
     font-size:1px;
}
div.EventBottom {
     width:223px;
     height:9px;
     background:transparent url(../gfx/eventBottom.png) 0px 0px no-repeat;
     position:absolute;
     top:379px;
}
div.EventMain {    
     height:370px;
     width:223px;
     background:transparent url(../gfx/eventBack.png) 0px 0px repeat-x; 
}
div.EventImg {
     height:133px;
     width:196px;
     padding-top:2px;
     margin-left:12px;
     margin-bottom:10px;
}
div.EventText {
     margin-left:12px;   
     margin-right:12px;  
}
div.EventText h2 {
     color:#ed1c24;
     font-size:13px;
}
div.EventText p {
     color:#d3d3d3;
     font-size:13px;
}
div.EventText p.date {
     color:#a1a1a1;
     font-size:11px;
}
div.EventText p.where {
     color:#7bb2d1;
     font-size:11px;
     padding-bottom:17px;
}
img.vflogo {
     left:195px;
     position:absolute;
     top:360px;
     /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../gfx/vf-logo.png'); 
     _width:1px; 
     _height:1px;*/
}



/**/
/**/
/**/
div.Widebox {
     width:913px;
     position:relative;
     height:480px;
}
div.WideboxTop {
     width:913px;
     height:71px;
     background:transparent url(../gfx/wideTop.png) 0px 0px no-repeat;
}
div.WideboxBottom {
     width:913px;
     height:77px;
     position:absolute;
     /*bottom:-77px;*/
     background:transparent url(../gfx/wideBottom.png) 0px 0px no-repeat;
}
div.WideboxMain {
     background:transparent url(../gfx/wideBack.png) 0px 0px repeat-y;
     min-height:380px;
     _height:380px;
     color:#d3d3d3;   
     font-size:13px;  
     position:relative;
     z-index:997;
}
div.WideboxMain p {
     padding-bottom:15px;
}
div.WideboxMain a {
     color:#d3d3d3;     
}
div.WideboxMain h1 {
     color:#ffffff;
     font-size:35px;
     padding-bottom:15px;
}
div.WideboxMain h2 {
     color:#ed1c24;
     padding-bottom:15px;
     padding-top:5px;
     font-size:13px;
}    
div.WideboxMain div.colLeft,
div.WideboxMain div.colRight {
     position:absolute;
     top:-25px;
}
div.WideboxMain div.colLeft {
     width:408px;
     /*float:left;*/
     left:40px;
     z-index:999;
     /*margin-left:40px;*/
}    
div.WideboxMain div.colRight {
     width:408px;
     /*float:left;*/
     left:468px;
     z-index:998;
     /*margin-left:22px;*/
     top:31px;
}


div.Register {
     height:780px;
}
div.Register div.WideboxMain {
     min-height:620px;
     _height:620px;
     color:#d3d3d3;   
     font-size:13px;  
     position:relative;
     z-index:997;
}
div.Register form {
     margin-top:50px;
}
div.Register form p {
     padding:0px;
     padding-bottom:3px;
     font-size:12px;
}
div.Register form div.input {
     height:22px;
     width:260px;
     background:transparent url(../gfx/backInput.jpg) 0px 0px no-repeat;
     margin-bottom:10px;
}
div.Register form div.input input {
     border:none;
     height:20px;
     width:260px;
     background-color:transparent;
}
div.Register form div.checks {
     position:relative;
     margin-top:23px;
     margin-bottom:35px;
}
div.Register form div.checks input {
     float:left;
     margin-top:0px;
}
div.Register form div.checks p {
     float:left;
     display:inline;
     padding-left:11px;
     padding-right:20px;
}
div.Register form input.submit {
     height:23px;
     width:67px;
     background:transparent url(../gfx/buttonRegister.jpg) 0px 0px no-repeat;
     border:none;
     margin-left:190px;
     margin-top:50px;
}
div.Register form input.submit:hover {
     background:transparent url(../gfx/buttonRegister.jpg) 0px -31px no-repeat;
}

div.Download {
     height:640px;
}
div.Download div.WideboxMain {
     min-height:490px;
     _height:490px;
     color:#d3d3d3;   
     font-size:13px;  
     position:relative;
     z-index:997;
}
div.Download div.colRight {
     top:32px;
}
div.Download div.WallpaperBox {
     width:418px;
     height:319px;
     background:transparent url(../gfx/backDownloadWallpaper.jpg) 0px 0px no-repeat;
     left:-8px;
     position:relative;
     z-index:99889;
     margin-bottom:7px;
}
div.Download div.WallpaperBox img {
     border:1px #75b4d3 solid;
     margin-left:7px;
     margin-top:8px;
}
div.Download h2 {
     color:#ea1e21;
     font-size:20px;
     padding-bottom:5px;  
}
div.Download h2.track {
     padding-top:40px;
}
div.Download a.DownloadButton {
     width:88px;
     height:23px;
     background:transparent url(../gfx/backDownloadButton.jpg) 0px 0px no-repeat;
     display:block;
     text-align:center;
     color:#ffffff;
     line-height:22px;
     float:left;
     margin-right:10px;
     margin-bottom:5px;
     text-decoration:none;
}
div.Download a.DownloadButton:hover {
     background:transparent url(../gfx/backDownloadButton.jpg) 0px -32px no-repeat;
}
div.Download div.RingtonesItem {
     height:44px;
     position:relative;
     background:transparent url(../gfx/backRingtonesItem.jpg) 0px 43px repeat-x;
     color:#74b3d6;
}
div.Download div.RingtonesItem span {
     display:block;
     width:220px;
     margin-top:15px;
     float:left;
}
div.Download div.RingtonesItem div.Play {
     display:block;
     float:left;
     height:23px;
     width:88px;
     margin-top:10px;
     margin-right:10px;
}
div.Download div.RingtonesItem a.Download {
     display:block;
     float:left;
     background:transparent url(../gfx/backDownload.jpg) 0px 0px no-repeat;
     height:23px;
     width:88px;
     margin-top:10px;
}
div.Download div.RingtonesItem a.Download:hover {
     background:transparent url(../gfx/backDownload.jpg) 0px -32px no-repeat;
}

div.WallpaperSelect {
     left:-8px;
     position:relative;
     z-index:99889;
     margin-bottom:7px;
     height:97px;
}
div.WallpaperSelectItem {
     background:transparent url(../gfx/backWallpaperSelect.jpg) 0px 0px no-repeat;
     height:97px;     
     width:121px;
     position:relative;
     float:left;
}
div.WallpaperSelectBox {
     height:79px;
     width:104px;
     position:absolute;
     left:7px;
     top:7px;
}
div.WallpaperSelectItem .Active {
     background-color:#ee1c27;
}
div.WallpaperSelectBox img {
     margin-left:2px;
     margin-top:2px;
     cursor:pointer
}




/**/
div.Signup {
     height:138px;
     width:914px;
     background:transparent url(../gfx/backSignup.png) 0px 0px no-repeat;
     margin-bottom:7px;
}
div.SignupInner {
     padding-left:18px;
     padding-top:20px;
     padding-right:18px;
}
div.SignupInner p {
     color:#D3D3D3;
     font-size:13px;
     padding-bottom:12px;
}
.red { color:#ED1C24; }
div.SignupInner p a {
     display:block;
     width:67px;
     height:23px;
     background:transparent url(../gfx/buttonSignup.jpg) 0px 0px no-repeat;
}
div.SignupInner p a:hover {
     background:transparent url(../gfx/buttonSignup.jpg) 0px -31px no-repeat;
}

















/**/