/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 1.4;
	filter: alpha(opacity=10);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #000000;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("http://video.skava.net/submodal/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: none;
	background-color: transparent;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #999999;
	color: #000000;
	font-weight: bold;
	height: 1px;
	padding: 0px;
	border-bottom: 1px solid #444444;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1px;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}

#usatodaydontquotemebutton a:hover,
#extremebutton a:hover,
#spadesclassicbutton a:hover  {
   background-position: -230px 0%;
}


#spadesclassicbutton a,
#sudokubutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 90px;
   background-position: 0% 0px;
   font-size: 90px;
   line-height: 90px;
}

# a,
#downloadbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 49px;
   background-position: 0% 0px;
   font-size: 49px;
   line-height: 49px;
}

#moretitlesbyskavaforiphonetext p,
#checkoutelleastrologyfeaturestext p,
#elleastrologyisalsoavailableontext p  {
   font: 17px/24px Verdana;
   margin: 0px;
   color: #FFFFFF;
   text-align: left;
}
#supportskavanettext p,
#forsupportpleasesendusanemailattext p,
#applicationcopyrightc2008skavainctext p  {
   font: 10px/12px Verdana;
   margin: 0px;
   color: #FFFFFF;
   text-align: left;
}

#usatodaydontquotemebutton a:hover,
#extremebutton a:hover,
#spadesclassicbutton a:hover  {
   background-position: -230px 0%;
}

#ellecommobilesitebutton a  {
   background: url(images/ellecommobilesitebutton.gif) no-repeat 0% 0px;
   display: block;
   height: 18px;
   width: 166px;
   font-size: 18px;
   line-height: 18px;
}


#compatiblewithiphoneandipodtouchrequiresiphonetext p  {
   font: 11px/16px Verdana;
   margin: 0px;
   text-align: left;
   color: #FFFFFF;
}

#compatiblewithiphoneandipodtouchrequiresiphonetext  {
   visibility: visible;
   position: absolute;
   left: 280px;
   top: 558px;
   z-index: 4;
   width: 426px;
}

#spaclassicbutton a,
#sudokubutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 90px;
   background-position: 0% 0px;
   font-size: 90px;
   line-height: 90px;
}

#applicationcopyrightc2008skavainctext  {
   visibility: visible;
   position: absolute;
   left: 316px;
   top: 1346px;
   z-index: 3;
   width: 383px;
}

#forsupportpleasesendusanemailattext  {
   visibility: visible;
   position: absolute;
   left: 321px;
   top: 1329px;
   z-index: 3;
   width: 245px;
}

#appstorebutton a,
#downloadbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 49px;
   background-position: 0% 0px;
   font-size: 49px;
   line-height: 49px;
}

#elleastrologyisalsoavailableontext  {
   visibility: visible;
   position: absolute;
   left: 338px;
   top: 1010px;
   z-index: 2;
   width:310px;
}


#layer43copy3,
#layer43copy6  {
   background: url(images/layer43copy6.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 112px;
   z-index: 2;
   width: 743px;
   height: 2px;
}

#line,
#layer43copy3,
#layer43copy6  {
   background: url(images/layer43copy6.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 112px;
   z-index: 2;
   width: 743px;
   height: 2px;
}

#checkoutelleastrologyfeaturestext  {
   visibility: visible;
   position: absolute;
   left: 370px;
   top: 600px;
   z-index: 2;
   width: 220px;
}

#moretitlesbyskavaforiphonetext  {
   visibility: visible;
   position: absolute;
   left: 359px;
   top: 1130px;
   z-index: 2;
   width: 293px;
}

#usatodaydontquotemebutton a  {
   background: url(images/usatodaydontquotemebutton.gif) no-repeat 0% 0px;
   display: block;
   height: 91px;
   width: 230px;
   font-size: 91px;
   line-height: 91px;
}

#usatodaydontquotemebutton  {
   visibility: visible;
   position: absolute;
   left: 259px;
   top: 1162px;
   z-index: 4;
   width: 230px;
   height: 91px;
}
#ellecommobilesitebutton  {
   visibility: visible;
   position: absolute;
   left: 395px;
   top: 140px;
   z-index: 10;
   width: 166px;
   height: 18px;
}

#80% p a  {
   font-style: Normal;
   color: #FFFFFF;
}

#downloadbutton a:hover  {
   background-position: -169px 0%;
}

#gallerybutton a:hover  {
   background-position: -128px 0%;
}

#supportskavanettext p  {
   text-decoration: underline;
}

#spadesclassicbutton a  {
   width: 230px;
   background-image: url(images/spadesclassicbutton.gif);
}

#sudokubutton a:hover  {
   background-position: -234px 0%;
}

#spadesclassicbutton  {
   visibility: visible;
   position: absolute;
   left: 33px;
   top: 1162px;
   z-index: 5;
   width: 230px;
   height: 90px;
}

#supportskavanettext  {
   visibility: visible;
   position: absolute;
   left: 552px;
   top: 1329px;
   z-index: 4;
   width: 118px;
}

#pricebutton a:hover  {
   background-position: -126px 0%;
}

#bullete,
#bullete1  {
   background: url(images/bullete1.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 79px;
   z-index: 3;
   width: 19px;
   height: 18px;
}

#descriptiontext p  {
   font: 12px/24px Verdana,Arial,Times;
   margin: 0px;
   text-align: left;
   color: #FFFFFF;
}

#appstorebutton a  {
   width: 147px;
   background-image: url(images/appstorebutton.gif);
}

#layer43copy2  {
   background: url(images/layer43copy6.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 158px;
   top: 590px;
   z-index: 2;
   width: 743px;
   height: 2px;
}


#gallerybutton a  {
   background: url(images/gallerybutton.gif) no-repeat 0% 0px;
   display: block;
   width: 128px;
   height: 30px;
}

#extremebutton a  {
   background: url(images/extremebutton.gif) no-repeat 0% 0px;
   display: block;
   height: 92px;
   width: 230px;
   font-size: 92px;
   line-height: 92px;
}

#descriptiontext  {
   visibility: visible;
   position: absolute;
   left: 310px;
   top: 165px;
   z-index: 2;
   width: 590px;
   
}


#appstorebutton  {
   visibility: visible;
   position: absolute;
   left: 405px;
   top: 498px;
   z-index: 2;
   width: 139px;
   height: 42px;
}

#sudokubutton a  {
   width: 234px;
   background-image: url(images/sudokubutton.gif);
}

#downloadbutton  {
   visibility: visible;
   position: absolute;
   left: 588px;
   top: 627px;
   z-index: 2;
   width: 169px;
   height: 49px;
}

#skavabutton a  {
   background: url(images/skavabutton.gif) no-repeat 0% 0px;
   display: block;
   width: 95px;
   height: 29px;
}

#extremebutton  {
   visibility: visible;
   position: absolute;
   left: 718px;
   top: 1162px;
   z-index: 2;
   width: 230px;
   height: 92px;
}


#gallerybutton  {
   visibility: visible;
   position: absolute;
   left: 435px;
   top: 748px;
   z-index: 2;
   width: 128px;
   height: 30px;
}

#pricebutton a  {
   background: url(images/pricebutton.gif) no-repeat 0% 0px;
   display: block;
   width: 126px;
   height: 126px;
}

#layer43copy3  {
   top: 1000px;
}

#layer43copy6  {
   top: 1265px;
}

#top,
#bottom  {
   visibility: visible;
   position: absolute;
   left: 15px;
   z-index: 1;
   width: 950px;
   height: 89px;
   background-repeat: no-repeat;
}

#sudokubutton  {
   visibility: visible;
   position: absolute;
   left: 486px;
   top: 1162px;
   z-index: 3;
   width: 234px;
   height: 90px;
}


#pricebutton  {
   visibility: visible;
   position: absolute;
   left: 85px;
   top: 35px;
   z-index: 3;
   width: 126px;
   height: 126px;
}

#skavabutton  {
   visibility: visible;
   position: absolute;
   left: 437px;
   top: 1280px;
   z-index: 3;
   width: 95px;
   height: 29px;
}

#iphoneimage  {
   background: url(images/) no-repeat;
   visibility: visible;
   position: absolute;
   left: 295px;
   top: 628px;
   z-index: 2;
   width: 208px;
   height: 371px;
}

#iphonemm  {
   background: url(images/iphonemm.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left:55px;
   top: 175px;
   z-index: 3;
   width: 222px;
   height: 417px;
}

#elletitle  {
   background: url(images/elletitle.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 238px;
   top: 48px;
   z-index: 3;
   width: 513px;
   height: 125px;
}

#bbbutton  {
   visibility: visible;
   position: absolute;
   left: 602px;
   top: 1064px;
   z-index: 2;
   width: 156px;
   height: 13px;
}

#bullete1  {
   top: 348px;
}

#bullete  {
   top: 301px;
}

#sample  {
   background: url(images/sample.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 286px;
   top: 1086px;
   z-index: 2;
   width: 393px;
   height: 17px;
}

#bottom  {
   background-image: url(images/bottom.gif);
   top: 1300px;
}

#shadow  {
   marg1162: 0px auto 0px auto;
   background: url(images/shadow.gif) repeat center top;
   width: 980px;
   height: 1389px;
   position: absolute;
   margin-left: -490px;
   left: 50%;
   top: 0px;
}
#line  {
   top: 1118px;
}

#back  {
   margin: 0px auto 0px auto;
   background: url(images/interiortile.gif) repeat center top;
   width: 980px;
   height: 1300px;
   position: absolute;
   margin-left: -490px;
   left: 50%;
   top: 0px;
}

#top  {
   background-image: url(images/top.gif);
   top: 0px;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #939393;
}

.clsForDescriptionText
{
   font: 14px/24px Verdana;   
     list-style-image:url(images/bullete1.gif);
}


#attbutton a:hover  {
   background-position: -52px 0%;
}

#attbutton a  {
   background: url(images/attbutton.gif) no-repeat 0% 0px;
   display: block;
   width: 52px;
   height: 12px;
}
#attbutton  {
   visibility: visible;
   position: absolute;
   left: 154px;
   top: 1053px;
   z-index: 2;
   width: 52px;
   height: 12px;
}

#tmobilebutton a:hover  {
   background-position: -69px 0%;
}

#tmobilebutton a  {
   background: url(images/tmobilebutton.gif) no-repeat 0% 0px;
   display: block;
   width: 69px;
   height: 12px;
}
#tmobilebutton  {
   visibility: visible;
   position: absolute;
   left: 258px;
   top: 1053px;
   z-index: 2;
   width: 69px;
   height: 12px;
}

#sprintbutton a:hover  {
   background-position: -53px 0%;
}

#sprintbutton a  {
   background: url(images/sprintbutton.gif) no-repeat 0% 0px;
   display: block;
   width: 53px;
   height: 13px;
}
#sprintbutton  {
  visibility: visible;
   position: absolute;
   left: 385px;
   top: 1053px;
   z-index: 2;
   width: 53px;
   height: 13px
}
#verizonbutton a:hover  {
   background-position: -64px 0%;
}

#verizonbutton a  {
   background: url(images/verizonbutton.gif) no-repeat 0% 0px;
   display: block;
   width: 64px;
   height: 12px;
}
#verizonbutton  {
  visibility: visible;
   position: absolute;
   left: 486px;
   top: 1053px;
   z-index: 2;
   width: 64px;
   height: 12px;
}

#bbbutton a:hover  {
   background-position: -146px 0%;
}

#bbbutton a  {
   background: url(images/bbbutton.gif) no-repeat 0% 0px;
   display: block;
   width: 146px;
   height: 14px;
}
#bbbutton  {
   visibility: visible;
   position: absolute;
   left: 603px;
   top: 1053px;
   z-index: 2;
   width: 146px;
   height: 14px;
}

