@charset "UTF-8";
/* CSS Document */



img, a img {border:none}
a:active { outline: none;}
a:focus {-moz-outline-style: none; outline: none;}
a { text-decoration:none; color:#000 }
.hidden, .hide {display: none;}
.show {display: inherit;}
#clear {clear:both}
#text {display:none}

#content { position:relative; width:1000px; margin-left:auto; margin-right:auto;}
.content { position:relative; width:1000px; margin-left:auto; margin-right:auto;}

#subContent { position:relative; left:50px; width:890px; }
#subContent h1 {margin:0px;}


#nav { position:absolute; left:300px; bottom:20px; height:20px; width:700px; text-align:right}
#nav a {padding:0px 0px 0px 40px; text-decoration:none; color:#999; font-size:80%;}
#nav a:hover {color:black; }




#body { position:relative; left:-55px; width:1000px; text-align:left;}
#bodyIndex { position:relative; left:25px;}
#bodyTop { position:relative; background:url(../images/bodyTop.png) no-repeat; height:47px;}
#bodyBG { background:url(../images/bodyBG.png) repeat-y; min-height:500px;}
#bodyBottom { background:url(../images/bodyBottom.png) no-repeat; height:47px;}
#bodyBG p { margin:0px;}

#pageTitle { position:relative; margin-bottom:-27px; left:100px; z-index:5;}

#mainContent {margin:0px; padding:0px 100px 0px 50px;}
#mainContent p{ margin:0px; }




.copyright { font-size:80%; text-align:center; padding: 5px 0px 0px 0px  }

#lowerNav { position: relative; top:-30px; left: 600px; font-size: 60%; text-align: right; width: 400px;}
#lowerNav a {padding:0px 5px 0px 5px}
#lowerNav a:hover { color:#666666}

/* Generic Form Styling */
	.smartyForm    { border:0px;position:relative; }
	.smartyForm legend { font-size:12px;font-weight:bold; }
	.smartyForm .label { padding:3px;text-align:right;width:250px;vertical-align:middle; }
	.smartyForm .field { padding:3px;vertical-align:middle; }
	.formFieldError { color:#bd1d15;font-weight:bold;text-align:right;font-size:12px;}
	.input         { margin:0px; }
	.inputOptl     { border:1px dashed #777; }
	.inputReqd     { border:1px solid #000; }
	.inputError    { border:2px solid #bd1d15; }
	.hr            { width:90%;border:0px;margin:0px;padding:0px;margin-bottom:0px;padding-bottom:0px;}
	.hr2           { width:90%;border:0px;border-bottom:1px solid #ddd;margin-bottom:0px;padding-bottom:0px;}
	.inputLg	   { font-size:25px;margin:10px; }
	.label		   { text-align:right;}
	.radio		   { margin:3px; }
	.error, 
	.confirm       { border:2px solid;font-size:14px;padding:10px;padding-left:60px;margin:5px;}
	.error         { top:60px;left:50%;margin-left:-440px;width:800px;background:#ffc9c9 url('../images/warning.png') left center no-repeat;border-color:#ff3333;position:absolute;z-index:200;}
	.confirm       { top:60px;left:50%;margin-left:-440px;width:800px;background:#fff9b1 url('../images/info.png') left center no-repeat;border-color:#cdb659;position:absolute;z-index:200;}

	.form .input	{width:150px;}
	.form select	{width:150px;background:white;}
	.form 			{}









/* ---------------------- Index Page ----------------------- */

#bodyIndex #bodyTop {  }
#bodyIndex #bodyBG { min-height:500px;}
#bodyIndex p {padding:0px 50px 0px 50px}

#intro { position:relative; left:-25px; top:-19px; background:url(../images/SignIn.png); width:1048px; height:389px; }



#bodyText p { position: relative; padding:5px 175px 5px 105px; font-size: 120%;}



#buyNow p {padding: 0px 0px 0px 0px}
#underGrafic { position:absolute; bottom:0px; width:940px; left:55px; }
#underGrafic p { font-size:150%; font-style:italic; font-weight:bold; letter-spacing:-1px}


/* Bullet Points */
#bulletPoints { position: relative; left:90px; background:url(../images/bulletpoints.png) no-repeat; width:822px; height:301px; font-size:115%; font-weight:bold;}
	#one { position:absolute; left:85px; top:40px;}
	#two { position:absolute; left:85px; top:92px;}
	#three { position:absolute; left:85px; top:145px;}
	#four { position:absolute; left:85px; top:198px;}
	#five { position:absolute; left:85px; top:250px;}
	#six { position:absolute; left:525px; top:40px;}
	#seven { position:absolute; left:525px; top:95px;}
	#eight { position:absolute; left:525px; top:150px;}
	#nine { position:absolute; left:525px; top:198px;}
	#ten { position:absolute; left:525px; top:250px;}

/* purchase */
#purchase { position:relative; background:url(../images/purchase.png) no-repeat; width:1044px; height:522px; left:-20px; font-size:145%; font-weight:bold;}
#purchase #one { position:absolute; left:190px; top:65px;}
#purchase #two { position:absolute; left:190px; top:112px;}
#purchase #three { position:absolute; left:190px; top:162px;}

#purchase #buyNow { position:absolute; top:340px; left:0px; background:url(../images/largeBuyNow.png); width:691px; height:104px;}



/* VERIFI AJAX LOADER FIX */
#dynamic-authentication-ajax-contents #dynamic-authentication-submitting-prompt { display: none; } 
div#dynamic-authentication-loading td {text-align: center;}







/*  -------------------- Landing 01  -------------------------------- */
#landing1flash			{top:80px;left:365px;height:282px;width:150px;position:absolute;z-index:54;}
#sealsLanding { position:absolute; left:50px; bottom:30px;}
/** SQUEEZE FORM BOX **/
#content_squeezeform			{top:60px;left:50%;margin-left:30px;width:402px;position:absolute;z-index:60;}
#content_squeezeform-top 		{width:402px;height:109px;background:transparent url('../images/content_squeezeform-top.png') no-repeat;}
#content_squeezeform-middle 	{width:402px;background:transparent url('../images/content_squeezeform-middle.png') repeat-y;}
#content_squeezeform-bottom 	{width:402px;height:40px;background:transparent url('../images/content_squeezeform-bottom.png') no-repeat;}
.formbutton01-up				{width:320px;height:95px;background:transparent url('../images/form-button-01_up.jpg') no-repeat;cursor:pointer;}
.formbutton01-down				{width:320px;height:95px;background:transparent url('../images/form-button-01_down.jpg') no-repeat;cursor:pointer;}
#formbuttonglow					{width:320px;height:95px;background:transparent url('../images/form-button-glow.png') no-repeat;cursor:pointer;position:absolute;}






/*  ----------------------- ORDER FORM -------------------   */
#fillOrder { height:1000px;}
#content_orderform				{top:80px;left:50%;margin-left:30px;width:402px;position:absolute;z-index:30;}
#content_orderform-top 			{width:402px;height:109px;background:transparent url('../images/content_squeezeform-top.png') no-repeat;}
#content_orderform-middle 		{width:402px;background:transparent url('../images/content_squeezeform-middle.png') repeat-y;}
#content_orderform-bottom 		{width:402px;height:40px;background:transparent url('../images/content_squeezeform-bottom.png') no-repeat;}
.formbutton02-up				{width:320px;height:95px;background:transparent url('../images/form-button-02_up.jpg') no-repeat;cursor:pointer;}
.formbutton02-down				{width:320px;height:95px;background:transparent url('../images/form-button-02_down.jpg') no-repeat;cursor:pointer;}
#testimonies					{top:85px;left:180px;width:361px;height:482px;background:transparent url('../images/testimonies.jpg') no-repeat;position:absolute;}
#checkout_step2					{top:60px;left:50%;margin-left:60px;width:593px;height:28px;background:transparent url('../images/checkout_step2.png') no-repeat;position:absolute;}
#checkout_step3					{top:60px;left:50%;margin-left:60px;width:593px;height:28px;background:transparent url('../images/checkout_step3.png') no-repeat;position:absolute;}

#seals							{position:absolute;top:700px;left:50px;height:100px;width:450px;}
#badge							{position:absolute;top:520px;left:260px;}


/** REGISTRATION FORM **/
#content_registrationform				{top:80px;left:50%;margin-left:30px;width:402px;position:absolute;z-index:30;}
#content_registrationform-top 			{width:402px;height:109px;background:transparent url('../images/content_registerform-top.png') no-repeat;}
#content_registrationform-middle 		{width:402px;background:transparent url('../images/content_squeezeform-middle.png') repeat-y;}
#content_registrationform-bottom 		{width:402px;height:40px;background:transparent url('../images/content_registerform-bottom.png') no-repeat;}
.formbutton03-up						{width:320px;height:95px;background:transparent url('../images/form-button-03_up.jpg') no-repeat;cursor:pointer;}
.formbutton03-down						{width:320px;height:95px;background:transparent url('../images/form-button-03_down.jpg') no-repeat;cursor:pointer;}




/*   ----------------------- Thanks ----------------- */
#thanksContent { width:500px;  margin:0px 0px 0px 50px }
#thanksContent h2 { margin-top:0px;}



/*  ------------------------- Form on creation pages ---------------------------- */
/* button styles for advanced setttings */
#subContent #form { position:relative; padding:30px 0px 0px 60px; width:400px; float:left; min-height:550px; margin-bottom:60px}
#subContent #form .input { position:relative; padding:3px; height:25px; font-size:120%;  border:1px solid #d1d1d1; background:#eeeeee; color:#333 }
#subContent #form .description { padding:5px 0px 30px 0px; font-size:90%; color:#666 }
#subContent #form #checkbox { position:relative; top:3px; font-size:100%; width:20px; height:20px  }
#advancedSettings {margin-bottom:60px;}

.upload { position:relative; font-size:100%; border:1px solid #d1d1d1; background:#eeeeee; color:#333; padding:5px 5px 5px 5px; width:390px }
#upload {color:#333; font-size:120%; font-weight:bold; }
.color { position:relative; font-size:100%; border:1px solid #d1d1d1; background:#eeeeee; color:#333; padding:5px 5px 5px 5px; width:390px }

#subContent #form  #advanced { position:relative; left:-15px; background: url(../images/advanced.png); width:167px; height:43px; border:none; font-size:130%; font-weight:bold; color:#000; margin-bottom:20px;}
#subContent #form  #simple {  position:relative; left:-15px; background: url(../images/advanced.png); width:167px; height:43px; border:none; font-size:130%; font-weight:bold; color:#000; margin-bottom:20px; display:none; }


#iphone { position:relative; height:300px; width:350px; float:right; margin-right:70px; min-height:500px;}
#saveBTN { position:relative;  left:80px; width:241px; height:72px; }
#finishedBTN { position:relative;  left:330px; width:241px; height:72px; }
.textarea {position:relative; font-size:120%; border:1px solid #d1d1d1; background:#eeeeee; color:#333; padding:5px 5px 5px 5px; font-family:Arial, Helvetica, sans-serif }

#buttons { position:absolute; height:200px; width:500px; left:150px; bottom:-150px; margin-top:40px;}
#saveP{ position:absolute; top:20px; }
#saveC{ position:absolute; left:300px; top:-20px; }

#AlertBox{ position:absolute; left:130px; bottom:200px; background:url(../images/alert.png) no-repeat; height:69px; width:590px; z-index:99; text-align:center;}
.alert { display:none; padding:10px 10px 10px 40px; font-size:150%; width:600px; font-weight:bold;}




/*  ------------------------- iphone ---------------------------- */
#iphone { min-height:500px;}
#thephone { position:relative; left:80px; background:url(../images/iphone.png) no-repeat; width:300px; min-height:495px;}
#phoneFrame { position:relative; width:190px; height:285px; top:100px; left:60px; overflow:hidden;}
#appName { position:relative; color:#999; font-size:110%; top:45px; width:185px; left:60px; text-align:center;}
#thephone #motd { position:relative; top:29px; padding:3px 3px 3px 3px; width:182px; left:0px; border:1px solid #999; font-size:60%; background:#FFF; font-weight:bold; z-index:10; margin-bottom:29px;}
#thephone #splashScreen { position:relative; width:190px;}

#thephone #toolBarLogo { position:absolute; width:190px; left:0px; top:3px; height:26px; overflow:hidden; z-index:2}
#thephone #loadingScreen { position:absolute; width:190px; left:60px; top:107px; height:285px; overflow:hidden;}


#thephone #navBase { position:absolute;top:258px; left:0px; z-index:2;}

#thephone #homeIcon { position:absolute; left:0px; width:40px; top:259px; overflow:hidden; z-index:3;}
#thephone #newsIcon { position:absolute; left:40px; width:40px; top:259px; overflow:hidden; z-index:3;}
#thephone #eventIcon { position:absolute; left:78px; width:40px; top:259px; overflow:hidden; z-index:3;}
#thephone #mediaIcon { position:absolute; left:115px; width:40px; top:259px; overflow:hidden; z-index:3;}
#thephone #twitterIcon { position:absolute; left:153px; width:40px; top:259px; overflow:hidden; z-index:3;}


#thephone #news_img_header { position:relative; width:190px; left:0px; top:26px; z-index:3; }
#thephone #new_bg { position:absolute; margin-bottom:10px; top:25px; z-index:1}
#thephone #news_thumbnail{ position:relative; z-index:9; margin-bottom:-37px;}

#thephone #defaultIcon { position:relative; width:32px; height:32px; z-index:5; left:5px; margin-bottom:-32px}
#thephone #newsTitle { position:relative; left:45px; z-index:3; font-size:50%; font-weight:bold; width:133px;}
#thephone #newsSumary {position:relative; left:45px; z-index:3; font-size:40%; width:133px;}

#thephone #event{ position:relative; width:190px;  z-index:3; top:30px}
#thephone #event #title { position:relative; left:40px; z-index:3;  font-size:65%; font-weight:bold; width:133px; padding-top:3px}
#thephone #event #date { position:relative; left:40px; z-index:3; font-size:50%; width:50px; height:25px; margin-bottom:-25px;}
#thephone #event #location { position:relative; left:85px; z-index:3; font-size:50%; width:133px;}
#thephone #event #desc { position:relative; z-index:3; font-size:50%; padding:9px 5px 5px 5px }

#thephone #calendar { position:relative; background:#FFF; z-index:3; width:30px; height:30px; border:1px solid #000; left:3px; top:3px; margin-bottom:-30px; }
#thephone #calendar #month { background:#F00; font-size:60%; text-align:center}
#thephone #calendar #day { background:#FFF; font-size:90%; text-align:center; font-weight:bold;}

#thephone #mediaCellbg { position:relative; z-index:3; top:28px; margin-bottom:-26px}
#thephone #mediaTitle { position:relative; z-index:3;font-size:55%; left:48px; width:123px; margin-bottom:3px; font-weight:bold;  }
#thephone #mediaDesc { position:relative; z-index:3; font-size:50%; left:48px; width:123px;  }
#thephone #mediaImage { position:absolute; z-index:4; width:36px; height:36px; background:#CCC; border:1px solid #333; left:7px; top:35px}

#thephone #twitterBubble { position:absolute; top:30px; left:0px; z-index:3}
#thephone #tweet { position:absolute; top:13px; left:15px; z-index:3; font-size:50%}
#thephone #description { position:relative; margin-top:190px; color:#666; font-size:80%; width:230px; left:40px;}




/*  ------------------------- Process list, index ---------------------------- */
#processList { position:relative; left:50px; width:890px; }
#processList h1 {margin:0px;}
#processList a { text-decoration:none; color:#000}
#processList a:hover { color:#005c96}

#videoFrame { position:relative; width:780px; height:340px; background:url(../images/videoBase.png) no-repeat; left:50px;}
#video { position:relative; width:738px; height:295px;  top:25px; left:20px}

#steps { position:relative; left: 100px; height:850px;}

#step1 { position:relative; top:0px;}
#step2 { position:relative; top:80px;}
#step3 { position:relative; top:160px;}
#step4 { position:relative; top:240px;}
#step5 { position:relative; top:320px;}
#step6 { position:relative; top:400px;}
#step7 { position:relative; top:480px;}
#step8 { position:relative; top:560px;}
#step9 { position:relative; top:640px;}
#step10 { position:relative; top:720px;}
#step11 { position:relative; top:800px;}


#stepBTN { position:relative; z-index:5; margin-bottom:-75px; width:auto}
#stepNumber { position:relative; z-index:6; font-size:280%; color:#FFF; top:12px; left:26px; font-weight:bold; margin-bottom:-55px; text-align:center; width:25px}
#stepLeft { position:relative; background:url(../images/stepLeft.png) no-repeat; width:162px; height:80px; left:20px; margin-bottom:-80px;  }
#stepBack {position:absolute; background:url(../images/stepBg.jpg) repeat-x; float:left; margin-left:120px; height:80px;}	
#stepBack p { position:relative; left:-40px; font-size:190%; font-weight:bold; padding-top:20px; z-index:7; }
#stepRight { position:absolute; background:url(../images/stepRight.jpg);  height:80px; width:96px;}
#check{ position:absolute; top:5px; left:570px;}

#publish { position:relative; margin-left:auto;  z-index:8; width:100%; text-align:center;}

#cover { position:relative; background: url(../images/cover.png); width:800px; height:70px; top:3px; left:-50px; z-index:20; margin-bottom:-73px; }
#publishcover { position:relative; background:url(../images/cover.png); width:800px; height:70px; top:-85px; left:50px; z-index:20; margin-bottom:-73px; }



/*  ------------------------- Media Settings ---------------------------- */

#iphone #spacer { height:30px;}
#iphone #mediaList { position:relative; width:350px; background-color:#906; margin-bottom:10px}
#iphone .small { font-size:70%}
#iphone #url { position:relative; width:340px; height:20px; background-color:#990; padding:0px 5px 0px 5px; overflow:hidden; font-size:80%;}
#iphone #delete { position:relative; width:150px; height:20px; margin-bottom:-20px; font-size:80%; padding:0px 5px 0px 5px;}
#iphone #edit { position:relative; text-align:right; width:140px; height:20px; background-color:#06C; left:200px; font-size:80%; padding:0px 5px 0px 5px;}

#iphone #media_thumbnail {position:relative; background-color:#390; width:50px; height:50px; padding:3px; overflow:hidden; left:2px; z-index:3; top:20px;}
#iphone #media_title { position:relative; left:-5px; top:-55px; height:30px; width:283px; background:url(../images/listTitleTop.png); font-size:120%; padding:5px 5px 0px 75px; margin-bottom:-50px; overflow:hidden }

#iphone #published {position:relative; background-color:#FFF; width:50px; height:30px; left:60px; margin-bottom:-30px; font-size:90%; text-align:center; overflow:hidden}
#iphone #media_publish {position:relative; background-color:#390; height:30px; left:130px; width:100px; text-align:center; margin-bottom:-30px; overflow:hidden}
#iphone #media_expire {position:relative; background-color:#390; left:250px; width:100px; height:30px; text-align:center; overflow:hidden}

#iphone #media_description {position:relative; left:0px; width:340px; top:0px; background-color:#999; padding:5px; margin-top:5px; overflow:hidden; font-size:90%}
#iphone #url { position:relative; width:340px; height:20px; background-color:#990; padding:0px 5px 0px 5px; overflow:hidden; font-size:80%;}





#contentFrame iframe { position:relative; display:block; border:none; overflow: hidden; width:850px; height:420px; left:40px;}
#mediaFrame iframe { position:relative; display:block; border:none;  width:900px; height:820px; left:-10px;}
#eventFrame iframe { position:relative; display:block; border:none;  width:850px; height:660px; left:40px;}

/*  ------------------------- Theme Selection ---------------------------- */
#aboutSelection { position:relative; left:60px; width:600px; margin-top:20px;}
#themeSelection { position:relative; height:600px;}
#phonetheme1 { position:absolute; top:10px; left:-70px; overflow:hidden; height:730px; width:430px}
#phonetheme2 { position:absolute; top:10px; left:205px; overflow:hidden; height:730px; width:430px}
#phonetheme3 { position:absolute; top:10px; left:480px; overflow:hidden; height:730px; width:430px}
#themeSelection #description { position:absolute; width:230px; bottom:-30px; left:40px; z-index:2; font-size:80%; color:#666; background-color:#FFF; }
#themeSelection #title { position:absolute; width:230px;  bottom:-5px; height:30px; left:40px; z-index:2; font-size:120%; color:#666; font-weight:bold; text-align:center; overflow:hidden}
#selectThemeBTN { position: relative; left: 150px; width:250px; height: 160px; margin-bottom: -10px;}

#helpTemp{position: absolute; top:670px; left:110px; height: 200px; z-index:9; width: 700px; color:#666;}

#photoshop {position: absolute; top:780px; left:110px; height: 200px; z-index:9; width: 700px;}
#photoshop #desc{ position: absolute; top:40px; left:120px; font-size: 110%; color:#666;}


#reset {position: absolute; top:880px; left:115px; height: 200px; z-index:9; width: 700px;}
#reset #desc{ position: absolute; top:20px; left:115px; font-size: 110%; color:#666;}



/* ------------------ Thank You ---------------- */
#thanks { font-size:120%; margin-top:20px; padding:0px 60px 0px 60px}




/* ------------------ Content Selection ---------------- */
#rssDesc { position: absolute; top:475px; left:60px; width: 430px; font-size:90%; color:#666;}
#twitterDesc { position: absolute; top:630px; left:60px; width: 430px; font-size: 90%; height: 50px; color: #666;}



#signup { background: url(../images/preFormBack.png); height: 360px; position: relative; left: -50px; padding: 40px 20px 0px 45px}
#signup .input { position:relative; padding:3px; height:25px; font-size:120%;  border:1px solid #d1d1d1; background:#eeeeee; color:#333; width: 250px; }

/* ------------------ helpBox ---------------- */
#HelpBox { position: absolute; left: 250px; width: 470px;  z-index: 99; background: url(../images/greyOverlay.png); text-align: center;}

#HelpBox #info { font-size: 70%; font-weight: normal; padding: 20px; background-color: white; 
margin: 20px 0px 5px 0px; text-align: center; width: 400px;}


#helpButton {position: relative; left:0px; margin-bottom: 10px;}
.help { cursor: help}