body{margin:auto;background:#F2F2F2;width:100%;min-width:700px;max-width:980px;}
html,body{overflow-x:hidden;}

.headertextarea{width:90%;height:100%;margin:auto;color:#ffffff;font-family: Helvetica, Arial, sans-serif;z-index:10;margin-bottom:220px;display:block;margin-top:-230px;}
.headertext{font-size:400%;width:100%;margin-bottom:0;position:absolute;left:10px;margin-top:-60px;}
.subheadertext{font-size:160%;line-height:100%;width:100%;z-index:10;padding-right:10px;position:absolute;left:10px;padding-bottom:20px;margin-top:20px;}
#header{width:100%;max-height:300px;margin:auto;color:#ffffff;font-family: Helvetica, Arial, sans-serif;position:relative;display:block;clear:both;}
#header img{width:100%;height:300px;max-height:300px;z-index:0;}


.introanimgif{max-width:582px;max-height:582px;width:70%;height:auto;z-index:10;position:absolute;left:50%;}
.introanimimg{max-width:582px;max-height:582px;width:100%;height:auto;}
.unfoldinganimgif{max-width:700px;max-height:555px;width:90%;height:auto;z-index:10;position:absolute;left:50%;}
.scalingimage{display:block;height:auto;margin:auto;position:relative;padding-top:105px;margin-left:-6px;}
.largesqimage{width:44%;height:100%;margin:auto;display:block;max-width:354px;max-height:354px;}

/*these divs are in html only to store these properties*/
.iconbtnholder{max-width:112px;max-height:112px;width:22%;height:auto;position:absolute;left:50%;top:50%;display:block;}
.iconbtnholderimgstarting{max-width:114px;max-height:114px;margin-top:-4px;}
.scalingimgfinal{max-width:470px;max-height:470px;visibility:hidden;}
.iconbtnholderimgfinal{max-width:145px;max-height:145px;margin-top:-9px;visibility:hidden;}
.headermaxheightfinal{max-height:25px;visibility:hidden;}
.bgimgoverlaytop{position:absolute;top:200px;visibility:hidden;}

.firstintroimgdata{margin-left:-3px;margin-top:-20px;max-width:600px;max-height:509px;}/*first rotating animated gif*/
.secondintroimgdata{margin-left:8px;margin-top:-63px;max-width:502px;max-height:596px;}/*second rotating animated gif*/
.unfoldingimgdata{margin-left:0;margin-top:-50px;max-width:700px;max-height:554px;}/*third rotating animated gif*/

/*have to resize animated gifs for mobile devices */
.Yrotation{width:600px;height:auto;}
.Xrotation{width:502px;height:auto;}
.unfoldingimg{width:700px;height:auto;}

.startcollbuttonholder{margin:auto;position:relative;width:100%;height:120px;display:block;position:absolute;bottom:0%;left: 0%;z-index:500;}
.startcollaboratingbtn{margin:auto;display:block;cursor:pointer;;width:100%;height:100%;background:url(../images/mobile/blue_bar_mobile.jpg) repeat-x;color:#ffffff;font-size:300%;font-family: Helvetica, Arial, sans-serif;text-align:center;line-height:120px;}
.submitmychoicebtn{margin:auto;display:block;cursor:pointer;;width:100%;height:100%;color:#ffffff;font-size:300%;font-family: Helvetica, Arial, sans-serif;text-align:center;line-height:120px;}
.submitmychoicebtn.disabled{display:none;}
.startcollaboratingbtn:hover, .submitmychoicebtn:hover, .submitmychoicebtn{background-position: 0 0;text-decoration:none;}
.tasksumbit{background:url(../images/mobile/task_choice_bar_mobile.jpg) repeat-x;}
.locationsumbit{background:url(../images/mobile/place_choice_bar_mobile.jpg) repeat-x;}
.devicesumbit{background:url(../images/mobile/device_choice_bar_mobile.jpg) repeat-x;}
a.startover{position:absolute;margin:auto;display:block;cursor:pointer;width:100%;height:120px;background:url(../images/mobile/black_bar_mobile.jpg) repeat-x;color:#ffffff;font-size:300%;font-family: Helvetica, Arial, sans-serif;text-align:center;line-height:120px;z-index:1000;padding-right:0;float:inherit;}

.topimage{margin:auto;width:auto;height:43px;padding-top:0;margin-top:30px;text-align:center;}
.dottedtextarea{width:100%;font-size:250%;font-family: Helvetica, Arial, sans-serif;border:none;margin:65px auto 0 auto;padding:10px;text-align:center;clear:both;}

#toplinks{height:100px;border-top:1px solid #f2f2f2;}
#breadcrumb{width:100%;height:100px;}
#breadcrumb a{height:100px;width:100%;overflow:hidden;padding-top:1px;float:inherit;font-family:Arial, Helvetica, sans-serif;font-size:200%;color:#ffffff;text-decoration:none;line-height:100px;padding-left:40px;background:url(../images/mobile/Close_btn_mobile.jpg) 0% 36px no-repeat;overflow:hidden;border-bottom:1px solid #f2f2f2;}
#breadcrumb a.disabled{cursor:default;color:#808080;overflow:hidden;}
#breadcrumb a.enabled:hover{background-position:0% 36px;}

.bgimg{margin-left:-350px;top:360px;position:absolute;left:50%;}
.bgimgimg,.bgimg{width:700px;height:554px;max-width:700px;max-height:554px;}
.bgimgoverlay{max-width:600px;max-height:554px;}

#footer{overflow-x:hidden;min-width:100%;max-width:980px;width:100%;padding-left:0;}
.footertext{text-align:left;padding-bottom:0;padding-left:0;z-index:200;font-size:150%;min-width:80%;max-width:980px;margin-left:80px;overflow-x:hidden;}
.footertext .closingText, .footertext .rowtitle{font-weight:bold;font-size:150%;padding-bottom:10px;clear:both;display:block;line-height:100%;}
.footertext .opener{font-weight:bold;font-size:200%;padding-bottom:20px;clear:both;display:block;line-height:100%;}
.row{clear:both; padding:15px 0 2px 0;}
.row .rowtitle a{background:url(../images/mobile/acc-triangle_mobile.png) 0 -20px no-repeat;color:#ffffff;font-size:14px;font-weight:bold;cursor:pointer; padding-left:30px;font-size:150%;color:#ffe14f;}
.row .rowtitle a.selected{background-position: 0 -28px;}
.content{width:100%;font-size:150%}