#wrapper{}

.demo-container .tall #phone			{position:relative;background:url(/img/iphone_ver.png) top left repeat-x;width:386px;height:728px;}
.demo-container .tall #view			{position:absolute;height:486px;width:320px;}
.demo-container .tall #iphone_status	{position:absolute;height:20px; width:320px;top:130px;left:34px;background:url(/img/statusbarwebbackground.png) top left repeat-x;}
.demo-container 	.tall #iphone_bars	{position:absolute;height:12px; width:21px;top:3px;left:6px;}
.demo-container 	.tall #iphone_attw	{position:absolute;height:12px; width:33px;top:2px;left:32px;color:#606163;font:normal normal bold 11px tahoma,arial;letter-spacing:-1px;text-shadow: 2px 2px #ECF0F3;}
.demo-container 	.tall #iphone_wifi	{position:absolute;height:12px; width:16px;top:3px;left:70px;background:url(/img/statusbarwififull.png) top left no-repeat;}
.demo-container 	.tall #iphone_time	{position:absolute;height:12px; width:53px;top:2px;left:138px;color:#363636;font:normal normal bold 11px tahoma,arial;letter-spacing:0px;text-shadow: 2px 2px #ECF0F3;}
.demo-container 	.tall #iphone_batt	{position:absolute;height:12px; width:20px;top:3px;left:295px;background:url(/img/statusbarbatteryfull.png) top left no-repeat;}
.demo-container 	.tall #safari_address	{position:absolute;height:40px; width:320px;top:150px;left:34px;background:url(/img/webaddressbarbackground.png) top left repeat-x;}
.demo-container 	.tall #safari_title{text-shadow: 2px 2px #B9C9D8;position:absolute;height:0px; width:230px;top:1px;left:46px;color:#556572;font:normal normal bold 12px/20px arial;text-align:center;}
.demo-container 	.tall #safari_plus{position:absolute;height:24px; width:24px;top:5px;left:9px;background:url(/img/webaddressbarplusbutton_.png) top left no-repeat;}
.demo-container 	.tall #safari_addressbglt{position:absolute;height:31px; width:8px;top:2px;left:39px;}
.demo-container 	.tall #safari_inputw{position:absolute;height:31px; width:227px;top:2px;left:47px;}
.demo-container 	.tall #safari_input{position:absolute;height:31px;width:227px;top:0px;left:0px;}
.demo-container 	.tall #safari_location{
	position:absolute;
	height:20px;
	width:227px;
	top:0px;
	left:0px;
	line-height:16px;
	font-weight:normal;font-size:14px;font-family:helvetica,Arial;
	border-width:0px;
	color:#8F9591;
	background-color:transparent;
	padding:10px 10px 0px 0px;
	margin:0;}
	/*.tall #safari_location{position:absolute;height:23px;width:222px;top:-1px;left:-7px;font-weight:normal;font-size:14px;line-height:16px;font-family:helvetica,Arial;position:absolute;border-width:0px;color:#8F9591;background-color:transparent;padding:9px 10px 0px 10px;margin:0;} */
.demo-container 	.tall #safari_addressbgrt{position:absolute;height:31px; width:8px;top:2px;left:274px;}
.demo-container 	.tall #safari_refresh{position:absolute;height:24px; width:24px;top:5px;left:288px;background:url(/img/webaddressbarreloadbutto.png) top left no-repeat;}
/*.demo-container .tall #safari_window	{position:absolute;height:376px;width:320px;top:190px;left:34px;background-color:#fff;}*/
.demo-container .tall #safari_window	{position:absolute;height:416px;width:320px;top:150px;left:34px;background-color:#fff;}
.demo-container .tall #safari_toolbar	{position:absolute;height:40px;width:320px;top:566px;left:34px;background:url(/img/toolbar.png) top left no-repeat;}
.demo-container 	.tall #safari_toolbar a{display:block;position:absolute;height:20px;top:12px;}
.demo-container 	.tall #safari_toolbar_back{width:15px;left:28px;}
.demo-container 	.tall #safari_toolbar_forw{width:15px;left:89px;}
.demo-container 	.tall #safari_toolbar_plus{width:18px;left:151px;}
.demo-container 	.tall #safari_toolbar_book{width:24px;left:210px;}
.demo-container 	.tall #safari_toolbar_tabs{width:20px;left:275px;}
.demo-container .tall #iphone_corner_tl{position:absolute;height:2px; width:2px;top:0px;left:0px;background:url(/img/tl.gif) top left no-repeat;}
.demo-container .tall #iphone_corner_tr{position:absolute;height:2px; width:2px;top:0px;left:318px;background:url(/img/tr.gif) top right no-repeat;}
.demo-container .tall #iphone_corner_bl{position:absolute;height:2px; width:2px;bottom:0px;left:0px;background:url(/img/bl.gif) top left no-repeat;}
.demo-container .tall #iphone_corner_br{position:absolute;height:2px; width:2px;bottom:0px;left:318px;background:url(/img/br.gif) top left no-repeat;}
.demo-container .tall #side{left:420px;}

.demo-container .wide #phone			{position:relative;background:url(/img/iphone_hor.png) top left repeat-x;width:728px;height:386px;}
.demo-container .wide #view			{position:absolute;height:335px;width:480px;}
.demo-container .wide #iphone_status	{position:absolute;height:20px; width:480px;top:31px;left:132px;background:url(/img/statusbarwebbackground.png) top left repeat-x;}
.demo-container 	.wide #iphone_bars	{position:absolute;height:12px; width:21px;top:3px;left:6px;}
.demo-container 	.wide #iphone_attw	{position:absolute;height:12px; width:33px;top:2px;left:32px;color:#606163;font:normal normal bold 11px tahoma,arial;letter-spacing:-1px;text-shadow: 2px 2px #ECF0F3;}
.demo-container 	.wide #iphone_wifi	{position:absolute;height:12px; width:16px;top:3px;left:70px;background:url(/img/statusbarwififull.png) top left no-repeat;}
.demo-container 	.wide #iphone_time	{position:absolute;height:12px; width:53px;top:2px;left:228px;color:#363636;font:normal normal bold 11px tahoma,arial;letter-spacing:0px;text-shadow: 2px 2px #ECF0F3;}
.demo-container 	.wide #iphone_batt	{position:absolute;height:12px; width:20px;top:3px;left:455px;background:url(/img/statusbarbatteryfull.png) top left no-repeat;}
.demo-container .wide #safari_address	{position:absolute;height:60px; width:480px;top:51px;left:132px;background:url(/img/webaddressbarbackground.png) top left repeat-x;}
.demo-container 	.wide #safari_title{text-shadow: 2px 2px #B9C9D8;position:absolute;height:20px; width:480px;top:1px;left:0px;color:#556572;font:normal normal bold 12px/20px arial;text-align:center;}
.demo-container 	.wide #safari_plus{position:absolute;height:24px; width:24px;top:25px;left:12px;background:url(/img/webaddressbarplusbutton_.png) top left no-repeat;}
.demo-container 	.wide #safari_addressbglt{position:absolute;height:31px; width:10px;top:22px;left:40px;}
.demo-container 	.wide #safari_inputw{position:absolute;height:31px; width:386px;top:22px;left:48px;}
.demo-container 	.wide #safari_input{position:absolute;height:31px;width:386px;top:0px;left:0px;}
.demo-container 	.wide #safari_location   {position:absolute;height:23px;width:387px;top:0px;left:-7px;font-weight:normal;font-size:14px;line-height:16px;font-family:helvetica,arial;position:absolute;border-width:0px;color:#8F9591;background-color:transparent;padding:9px 6px 0px 8px;margin:0;}
.demo-container 	.wide #safari_addressbgrt{position:absolute;height:32px; width:10px;top:22px;left:432px;}
.demo-container 	.wide #safari_refresh{position:absolute;height:24px; width:24px;top:25px;left:447px;background:url(/img/webaddressbarreloadbutto.png) top left no-repeat;}
.demo-container .wide #safari_window	{position:absolute;height:208px;width:480px;top:111px;left:132px;background-color:#fff;}
.demo-container .wide #safari_toolbar	{position:absolute;height:32px;width:480px;top:320px;left:132px;background:url(/img/toolbar_wide.png) top left no-repeat;}
.demo-container 	.wide #safari_toolbar a{display:block;position:absolute;height:16px;top:8px;}
.demo-container 	.wide #safari_toolbar_back{width:11px;left:28px;}
.demo-container 	.wide #safari_toolbar_forw{width:11px;left:135px;}
.demo-container   .wide #safari_toolbar_plus{width:15px;left:233px;}
.demo-container 	.wide #safari_toolbar_book{width:20px;left:334px;}
.demo-container 	.wide #safari_toolbar_tabs{width:27px;left:437px;}
.demo-container .wide #iphone_corner_tl{position:absolute;height:2px; width:2px;top:0px;left:0px;background:url(/img/tl.gif) top left no-repeat;}
.demo-container .wide #iphone_corner_tr{position:absolute;height:2px; width:2px;top:0px;left:478px;background:url(/img/tr.gif) top right no-repeat;}
.demo-container .wide #iphone_corner_bl{position:absolute;height:2px; width:2px;bottom:0px;left:0px;background:url(/img/bl.gif) top left no-repeat;}
.demo-container .wide #iphone_corner_br{position:absolute;height:2px; width:2px;bottom:0px;left:478px;background:url(/img/br.gif) top left no-repeat;}
.demo-container .wide #side{left:760px;}

.demo-container .tall #side{position:absolute;top:0px;right:0px;padding:10px 0px;background-color:#000;}
.demo-container .wide #side{position:absolute;top:0px;right:0px;left:765px;padding:10px 0px;background-color:#000;}
.demo-container .toggle{border-bottom:1px solid #68A6CD;}
.demo-container .toggle:hover{cursor:hand;cursor:pointer;}

.demo-container #sidein{padding:0px 40px;}
.demo-container #side h1{color:#90B500;visibility:visible;}
.demo-container #side h3{padding:0;margin:25px 0 0 0;color:#68A6CD;}
.demo-container #side ul{list-style-type:none;padding:0;margin:0;}
.demo-container #side ul li{line-height:22px;}
.demo-container #tips li,#faq li{list-style-type:square;}
.demo-container #tips ul,#faq ul{list-style-position:inside;}
.demo-container #tips a{color:#90B500;font-weight:bold;}
.demo-container #tips table{padding-left:10px;margin-top:10px;}
.demo-container #tips th{border-bottom:1px solid #90B500;border-top:1px solid #90B500;text-align:left;font-weight:normal;background-color:#000;color:#fff}
.demo-container #tips th,#tips td{padding:3px 8px;margin:0;line-height:14px;}
.demo-container #tips td{border-bottom:1px solid #92835C;}
.demo-container #tips .nm{padding-right:30px;border-right:1px solid #92835C;}
.demo-container #tips .nh{padding-right:30px;border-right:1px solid #90B500;}
.demo-container li strong{color:#90B500;font-weight:normal;}
.demo-container #apps ul li{line-height:20px;}
.demo-container #spread{background-color:#fff;display:block;height:18px;line-height:20px;width:220px;margin:20px 0;padding:3px 0px 3px 3px;border:5px solid #90B500;text-align:center;}
.demo-container #spread img{padding:0 10px;}
.demo-container #footer{padding:70px 0 40px 0;color:#888;font-size:10px;}
.demo-container #footer a{color:#888;}

.demo-container .full	{background:url(/img/statusbarservicefull.png) top left no-repeat;}
.demo-container .none	{background:url(/img/statusbarservicenone.png) top left no-repeat;}

.demo-container .loadingAon{background:url(/img/UIRoundedTextFieldLeft.png) top left no-repeat;}
.demo-container .loadingBon{background:url(/img/UIRoundedTextFieldMiddle.png) top left repeat-x;}
.demo-container .loadingCon{background:url(/img/UIRoundedTextFieldRight.png) top left no-repeat;}

.demo-container .loadingAoff{background:url(/img/UIRoundedTextFieldLeftInactive.png) top right no-repeat;}
.demo-container .loadingBoff{background:url(/img/UIRoundedTextFieldMiddleInactive.png) top right repeat-x;}
.demo-container .loadingCoff{background:url(/img/UIRoundedTextFieldRightInactive.png) top right no-repeat;}

.demo-container .loadingAact{background:url(/img/UIRoundedTextFieldProgressLeft.png) top left no-repeat;}
.demo-container .loadingBact{background:url(/img/UIRoundedTextFieldProgressMiddle.png) top left repeat-x;}
.demo-container .loadingCact{background:url(/img/UIRoundedTextFieldProgressRight.png) top left no-repeat;}