/*Override the footer css*/ @media (min-height:834px){ #main{ min-height: 650px; } } .popupbox{ background-color: white; border:1px solid #9B4F96 ; border-width:8px 1px 1px ; padding:20px; } .popupbox h3{ margin-bottom:5px; } .popupbox p{ margin-top:5px; } .popupbox ul{ margin-left:10px; margin-bottom:5px; margin-top:5px; list-style-type: disc; } .popupbox li{ display: list-item; } .popupbox a{ color:#9b4f96; text-decoration: underline; } /*! * Bootstrap v2.2.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat.*/ .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;} .clearfix:after{clear:both;} .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row{margin-left:-28px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:28px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:896px;} .span12{width:896px;} .span11{width:819px;} .span10{width:742px;} .span9{width:665px;} .span8{width:588px;} .span7{width:511px;} .span6{width:434px;} .span5{width:357px;} .span4{width:280px;} .span3{width:203px;} .span2{width:126px;} .span1{width:49px;} .offset12{margin-left:952px;} .offset11{margin-left:875px;} .offset10{margin-left:798px;} .offset9{margin-left:721px;} .offset8{margin-left:644px;} .offset7{margin-left:567px;} .offset6{margin-left:490px;} .offset5{margin-left:413px;} .offset4{margin-left:336px;} .offset3{margin-left:259px;} .offset2{margin-left:182px;} .offset1{margin-left:105px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:3.125%;*margin-left:3.0691964285714284%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:3.125%;} .row-fluid .span12{width:100%;*width:99.94419642857143%;} .row-fluid .span11{width:91.40625%;*width:91.35044642857143%;} .row-fluid .span10{width:82.8125%;*width:82.75669642857143%;} .row-fluid .span9{width:74.21875%;*width:74.16294642857143%;} .row-fluid .span8{width:65.625%;*width:65.56919642857143%;} .row-fluid .span7{width:57.03125%;*width:56.97544642857143%;} .row-fluid .span6{width:48.4375%;*width:48.38169642857143%;} .row-fluid .span5{width:39.84375%;*width:39.78794642857143%;} .row-fluid .span4{width:31.25%;*width:31.194196428571427%;} .row-fluid .span3{width:22.65625%;*width:22.600446428571427%;} .row-fluid .span2{width:14.0625%;*width:14.006696428571429%;} .row-fluid .span1{width:5.46875%;*width:5.412946428571429%;} .row-fluid .offset12{margin-left:106.25%;*margin-left:106.13839285714286%;} .row-fluid .offset12:first-child{margin-left:103.125%;*margin-left:103.01339285714286%;} .row-fluid .offset11{margin-left:97.65625%;*margin-left:97.54464285714286%;} .row-fluid .offset11:first-child{margin-left:94.53125%;*margin-left:94.41964285714286%;} .row-fluid .offset10{margin-left:89.0625%;*margin-left:88.95089285714286%;} .row-fluid .offset10:first-child{margin-left:85.9375%;*margin-left:85.82589285714286%;} .row-fluid .offset9{margin-left:80.46875%;*margin-left:80.35714285714286%;} .row-fluid .offset9:first-child{margin-left:77.34375%;*margin-left:77.23214285714286%;} .row-fluid .offset8{margin-left:71.875%;*margin-left:71.76339285714286%;} .row-fluid .offset8:first-child{margin-left:68.75%;*margin-left:68.63839285714286%;} .row-fluid .offset7{margin-left:63.28125%;*margin-left:63.16964285714286%;} .row-fluid .offset7:first-child{margin-left:60.15625%;*margin-left:60.04464285714286%;} .row-fluid .offset6{margin-left:54.6875%;*margin-left:54.57589285714286%;} .row-fluid .offset6:first-child{margin-left:51.5625%;*margin-left:51.45089285714286%;} .row-fluid .offset5{margin-left:46.09375%;*margin-left:45.98214285714286%;} .row-fluid .offset5:first-child{margin-left:42.96875%;*margin-left:42.85714285714286%;} .row-fluid .offset4{margin-left:37.5%;*margin-left:37.38839285714286%;} .row-fluid .offset4:first-child{margin-left:34.375%;*margin-left:34.26339285714286%;} .row-fluid .offset3{margin-left:28.90625%;*margin-left:28.794642857142854%;} .row-fluid .offset3:first-child{margin-left:25.78125%;*margin-left:25.669642857142854%;} .row-fluid .offset2{margin-left:20.3125%;*margin-left:20.200892857142858%;} .row-fluid .offset2:first-child{margin-left:17.1875%;*margin-left:17.075892857142858%;} .row-fluid .offset1{margin-left:11.71875%;*margin-left:11.607142857142858%;} .row-fluid .offset1:first-child{margin-left:8.59375%;*margin-left:8.482142857142858%;} [class*="span"].hide,.row-fluid [class*="span"].hide{display:none;} [class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;} .container{margin-right:auto;margin-left:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";line-height:0;} .container:after{clear:both;} .container-fluid{padding-right:28px;padding-left:28px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0;} .container-fluid:after{clear:both;} .hidden{display:none;visibility:hidden;} .visible-phone{display:none !important;} .visible-tablet{display:none !important;} .hidden-desktop{display:none !important;} .visible-desktop{display:inherit !important;} @media (min-width:768px) and (max-width:979px){ .hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;} } @media (max-width:767px){ .hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;} } @media (max-width:767px){ body{padding-left:20px;padding-right:20px;} .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-20px;margin-right:-20px;} .container-fluid{padding:0;} .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;} .dl-horizontal dd{margin-left:0;} .container{width:auto;} .row-fluid{width:100%;} .row,.thumbnails{margin-left:0;} .thumbnails>li{float:none;margin-left:0;} [class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row-fluid [class*="offset"]:first-child{margin-left:0;} .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{ display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;} .controls-row [class*="span"]+[class*="span"]{margin-left:0;} } @media (max-width:480px){ .nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:20px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .media .pull-left,.media .pull-right{float:none;display:block;margin-bottom:10px;} .media-object{margin-right:0;margin-left:0;} .carousel-caption{position:static;} } @media (min-width:768px) and (max-width:979px){ .row{margin-left:-20px;*zoom:1;} .row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.7624309392265194%;*margin-left:2.7066273677979478%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%;} .row-fluid .span12{width:100%;*width:99.94419642857143%;} .row-fluid .span11{width:91.43646408839778%;*width:91.38066051696921%;} .row-fluid .span10{width:82.87292817679558%;*width:82.81712460536701%;} .row-fluid .span9{width:74.30939226519337%;*width:74.2535886937648%;} .row-fluid .span8{width:65.74585635359117%;*width:65.6900527821626%;} .row-fluid .span7{width:57.18232044198895%;*width:57.12651687056038%;} .row-fluid .span6{width:48.61878453038674%;*width:48.56298095895817%;} .row-fluid .span5{width:40.05524861878453%;*width:39.99944504735596%;} .row-fluid .span4{width:31.491712707182323%;*width:31.43590913575375%;} .row-fluid .span3{width:22.92817679558011%;*width:22.872373224151538%;} .row-fluid .span2{width:14.3646408839779%;*width:14.30883731254933%;} .row-fluid .span1{width:5.801104972375691%;*width:5.7453014009471195%;} .row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.4132547355959%;} .row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.65082379636938%;} .row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.84971882399368%;} .row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.08728788476716%;} .row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.28618291239148%;} .row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52375197316496%;} .row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72264700078927%;} .row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96021606156275%;} .row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.15911108918706%;} .row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.39668014996055%;} .row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.59557517758485%;} .row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.83314423835833%;} .row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.03203926598264%;} .row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.26960832675612%;} .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.46850335438043%;} .row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.70607241515391%;} .row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.90496744277822%;} .row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.1425365035517%;} .row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.341431531176003%;} .row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.579000591949484%;} .row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.777895619573794%;} .row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.015464680347275%;} .row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.214359707971587%;} .row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.451928768745068%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:20px;} input.span12, textarea.span12, .uneditable-input.span12{width:710px;} input.span11, textarea.span11, .uneditable-input.span11{width:648px;} input.span10, textarea.span10, .uneditable-input.span10{width:586px;} input.span9, textarea.span9, .uneditable-input.span9{width:524px;} input.span8, textarea.span8, .uneditable-input.span8{width:462px;} input.span7, textarea.span7, .uneditable-input.span7{width:400px;} input.span6, textarea.span6, .uneditable-input.span6{width:338px;} input.span5, textarea.span5, .uneditable-input.span5{width:276px;} input.span4, textarea.span4, .uneditable-input.span4{width:214px;} input.span3, textarea.span3, .uneditable-input.span3{width:152px;} input.span2, textarea.span2, .uneditable-input.span2{width:90px;} input.span1, textarea.span1, .uneditable-input.span1{width:28px;} } @media (min-width:1200px){ .row{margin-left:-28px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:28px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:896px;} .span12{width:896px;} .span11{width:819px;} .span10{width:742px;} .span9{width:665px;} .span8{width:588px;} .span7{width:511px;} .span6{width:434px;} .span5{width:357px;} .span4{width:280px;} .span3{width:203px;} .span2{width:126px;} .span1{width:49px;} .offset12{margin-left:952px;} .offset11{margin-left:875px;} .offset10{margin-left:798px;} .offset9{margin-left:721px;} .offset8{margin-left:644px;} .offset7{margin-left:567px;} .offset6{margin-left:490px;} .offset5{margin-left:413px;} .offset4{margin-left:336px;} .offset3{margin-left:259px;} .offset2{margin-left:182px;} .offset1{margin-left:105px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:3.125%;*margin-left:3.0691964285714284%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:3.125%;} .row-fluid .span12{width:100%;*width:99.94419642857143%;} .row-fluid .span11{width:91.40625%;*width:91.35044642857143%;} .row-fluid .span10{width:82.8125%;*width:82.75669642857143%;} .row-fluid .span9{width:74.21875%;*width:74.16294642857143%;} .row-fluid .span8{width:65.625%;*width:65.56919642857143%;} .row-fluid .span7{width:57.03125%;*width:56.97544642857143%;} .row-fluid .span6{width:48.4375%;*width:48.38169642857143%;} .row-fluid .span5{width:39.84375%;*width:39.78794642857143%;} .row-fluid .span4{width:31.25%;*width:31.194196428571427%;} .row-fluid .span3{width:22.65625%;*width:22.600446428571427%;} .row-fluid .span2{width:14.0625%;*width:14.006696428571429%;} .row-fluid .span1{width:5.46875%;*width:5.412946428571429%;} .row-fluid .offset12{margin-left:106.25%;*margin-left:106.13839285714286%;} .row-fluid .offset12:first-child{margin-left:103.125%;*margin-left:103.01339285714286%;} .row-fluid .offset11{margin-left:97.65625%;*margin-left:97.54464285714286%;} .row-fluid .offset11:first-child{margin-left:94.53125%;*margin-left:94.41964285714286%;} .row-fluid .offset10{margin-left:89.0625%;*margin-left:88.95089285714286%;} .row-fluid .offset10:first-child{margin-left:85.9375%;*margin-left:85.82589285714286%;} .row-fluid .offset9{margin-left:80.46875%;*margin-left:80.35714285714286%;} .row-fluid .offset9:first-child{margin-left:77.34375%;*margin-left:77.23214285714286%;} .row-fluid .offset8{margin-left:71.875%;*margin-left:71.76339285714286%;} .row-fluid .offset8:first-child{margin-left:68.75%;*margin-left:68.63839285714286%;} .row-fluid .offset7{margin-left:63.28125%;*margin-left:63.16964285714286%;} .row-fluid .offset7:first-child{margin-left:60.15625%;*margin-left:60.04464285714286%;} .row-fluid .offset6{margin-left:54.6875%;*margin-left:54.57589285714286%;} .row-fluid .offset6:first-child{margin-left:51.5625%;*margin-left:51.45089285714286%;} .row-fluid .offset5{margin-left:46.09375%;*margin-left:45.98214285714286%;} .row-fluid .offset5:first-child{margin-left:42.96875%;*margin-left:42.85714285714286%;} .row-fluid .offset4{margin-left:37.5%;*margin-left:37.38839285714286%;} .row-fluid .offset4:first-child{margin-left:34.375%;*margin-left:34.26339285714286%;} .row-fluid .offset3{margin-left:28.90625%;*margin-left:28.794642857142854%;} .row-fluid .offset3:first-child{margin-left:25.78125%;*margin-left:25.669642857142854%;} .row-fluid .offset2{margin-left:20.3125%;*margin-left:20.200892857142858%;} .row-fluid .offset2:first-child{margin-left:17.1875%;*margin-left:17.075892857142858%;} .row-fluid .offset1{margin-left:11.71875%;*margin-left:11.607142857142858%;} .row-fluid .offset1:first-child{margin-left:8.59375%;*margin-left:8.482142857142858%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:28px;} input.span12, textarea.span12, .uneditable-input.span12{width:882px;} input.span11, textarea.span11, .uneditable-input.span11{width:805px;} input.span10, textarea.span10, .uneditable-input.span10{width:728px;} input.span9, textarea.span9, .uneditable-input.span9{width:651px;} input.span8, textarea.span8, .uneditable-input.span8{width:574px;} input.span7, textarea.span7, .uneditable-input.span7{width:497px;} input.span6, textarea.span6, .uneditable-input.span6{width:420px;} input.span5, textarea.span5, .uneditable-input.span5{width:343px;} input.span4, textarea.span4, .uneditable-input.span4{width:266px;} input.span3, textarea.span3, .uneditable-input.span3{width:189px;} input.span2, textarea.span2, .uneditable-input.span2{width:112px;} input.span1, textarea.span1, .uneditable-input.span1{width:35px;} .thumbnails{margin-left:-28px;} .thumbnails>li{margin-left:28px;} .row-fluid .thumbnails{margin-left:0;} } /* HTML5 Boilerplate */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ========================================================================== */ #msid_wizard { margin:0;padding:0;text-align:center;font-family:"wf_SegoeUI","Segoe UI","Segoe","Segoe WP", Helvetica, Arial, "Arial Unicode MS", Sans-Serif;font-size:14px;line-height:20px;min-height:500px;} #msid_wizard p {margin-bottom:1em;} #msid_wizard strong {font-weight:700;} #msid_wizard .screen ul, #msid_wizard .screen ol {margin-left:2.5em;margin-bottom:1em;list-style:decimal;} #msid_wizard .screen ul {list-style:disc;} #msid_wizard h1, #msid_wizard h2, #msid_wizard h3, #msid_wizard h4, #msid_wizard h5, #msid_wizard h6 {font-family:"Segoe UI Light", "Segoe UI" "Segoe WPC Light", Helvetica, Arial, Sans-Serif;font-weight:400;margin-bottom:1em;color:#333;} h4,h5,h6 {font-family:"Segoe UI", "Segoe WPC", Helvetica, Arial, Sans-Serif;} #msid_wizard h1 {font-size:36px;line-height:42px;font-weight:200;} #msid_wizard h2 {font-size:28px;line-height:36px;font-weight:200;} #msid_wizard h3 {font-size:22px;line-height:32px;font-weight:200;} #msid_wizard h4 {font-size:18px;line-height:24px;margin:0;} #msid_wizard h5 {font-size:14px;line-height:20px;} #msid_wizard a, #msid_wizard a:visited {} #msid_wizard a {text-decoration:none;} #msid_wizard a:hover {color:#9B4F96;} #msid_wizard .intext {text-decoration:underline;} #msid_wizard {margin:10px auto;text-align:left;} #msid_wizard .msid_head {background:#68217a;} #msid_wizard .msid_head h1 {font-size:18px;text-transform:uppercase;color:#fff;line-height:1;padding:10px;} #msid_wizard .screen .nav {margin-top:30px;} #msid_wizard .screen .nav a {font-family:'Segoe UI Light', 'Segoe WPC Light', 'Segoe UI', Helvetica, Arial, sans-serif;font-size:28px;margin-right:20px;display:inline-block;color:#9B4F96;line-height:36px;font-weight:200;} #msid_wizard .screen .nav a:hover {color:#333;text-decoration:none;} #msid_wizard .hide {display:none;} #choices {list-style:none !important;margin-left:0;padding:0;} #choices label {margin-left:10px;display:inline-block;font-size:14px;min-height:26px;background:url('../img/store_symbol_clr_52x52.png') 0 0 no-repeat;padding-left:32px;line-height:26px;max-width:235px;} #choices .winphone label {background-image:url('../img/winphone.png');} #choices .xbox label {background-image:url('../img/xbox.png');} #choices .win8 label {background-image:url('../img/win8.png');} #choices .messenger label {background-image:url('../img/messenger.png');} #choices .skydrive label {background-image:url('../img/skydrive.png');} #choices .music label {background-image:url('../img/xbox.png');} #choices .email label {background-image:url('../img/mail.png');} #choices {list-style:none !important;margin:0 !important;padding:0 !important;} #choices img {display:none;margin-left:30px;} #choices li {padding:10px;border-top:1px solid #fff;cursor:pointer;} #choices li.even {background:#fff;} #choices li:nth-child(even) {background:#fff;} #choices li.odd {background:#ececec;} #choices li:nth-child(odd) {background:#ececec;} #choices li.invalid .userin {border:1px solid #f00;} #choices .selected {background:#E2E584 !important;} #choices .userin {float:left;display:none;margin:0;min-width:250px;background:#F4F4F4;border:1px solid #F4F4F4;padding:2px;border:0;cursor:text;margin-top:4px;} #choices .morehelp {float:left;display:none;font-size:12px;} #choices .userin:focus {color:#111;} #choices .checkbox {display:inline-block;width:20px;height:20px;background:#ddd;vertical-align:top;} #choices .selected .checkbox {background:url("../img/icon_sprites.png") no-repeat scroll -227px -50px #ddd;} #msid_wizard #choices li .errorMsg {color:#f00 !important;display:block;font-size:11px;line-height:1;clear:left;} #msid_wizard #choices li .errorMsg p {color:#f00 !important;} #screenSelect ul li {margin-bottom:5px;} #userActions li {line-height:20px;margin-bottom:10px;} #userActions .todo .odd {background:#ececec} #userActions .active {padding:20px;} #screenDetail .selected a {display:block;background:#ddd;color:#444;padding:5px 10px;margin-right:2px;font-size:14px;margin-bottom:2px;min-width:100px;} #screenDetail .selected span {display:block;font-size:12px;} #screenDetail .selected b {display:inline-block;margin-left:5px;padding-left:5px;border-left:1px solid #333;line-height:12px;} #screenDetail .selected b:first-child {margin:0;padding:0;border:0 !important;} #screenDetail .selected .idselected {background:url('../img/darrow.png') no-repeat scroll center bottom transparent !important;} #screenDetail .selected .idselected a {background:#68217A !important;color:#fff !important;outline:0;} #screenDetail .selected .idselected b {border-left:1px solid #eee;} #screenDetail .selected .item {background:transparent;padding-bottom:9px;display:inline-block;*display: inline;*zoom:1;} #screenDetail .intro { background:#9B4F96;color:#fff;margin-top:20px;margin-bottom:20px; } #screenDetail .intro div {padding:20px;} #screenDetail .intro h2 {color:#fff;font-size:18px;line-height:24px;} #screenDetail .intro * {color:#fff !important;} #screenDetail .intro .single-id {display:none;} #msid_wizard .error {color:#f00 !important;font-size:18px;line-height:24px;display:none;} #msid_wizard .error p {color:#f00 !important;} #msid_wizard .instruction {font-size:18px;} #msid_wizard .hide {display:none;} #cboxClose {cursor:pointer !important;} .modal {border:1px solid #9B4F96 ;border-width:8px 1px 1px ;} .modal-header .close {font-size:24px;float:right;cursor:pointer;display:inline-block;*display: inline;margin-left:25px;margin-bottom:25px;} /* Special treatment for modal in certain resolutions */ @media (min-width: 768px) and (max-width:979px){ #userActions .active .con {display:block !important;} #userActions .uses h4 {color:#fff;} #userActions .uses > div {background:#9B4F96;color:#fff;} #userActions .uses a {color:#fff;} #userActions .todo > div {background:#fff;} #userActions .todo .odd {background:#ececec} #screenDetail .intro * {color:#fff !important;} .popupbox h3{ font-size:18px; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { #userActions .recs h4 {background:url("../img/expcoll.png") no-repeat scroll right 10px #9B4F96;color:#fff;padding:5px;cursor:pointer;margin:0 0 5px;padding-right:35px;} #userActions .recs .exp {background-position:right -90px;} #userActions .recs .active h4 {display:block !important;} #userActions .todo .odd {background:#fff} #choices .selected .morehelp {margin-left:10px;margin-top:10px;} #choices .userin {margin-top:10px;} #screenDetail .intro * {color:#fff !important; } .popupbox h3{ font-size:18px; } } /* Landscape phones and down */ @media (max-width: 480px){ #screenDetail .selected .item {width:auto;background:none !important;display:block;padding:0;} #screenDetail .selected a {padding:3px;} #screenDetail .selected span {display:inline-block;margin-left:10px;} #userActions .todo .odd {background:#fff} #screenDetail .intro * {color:#fff !important;} .popupbox h3{ font-size:18px; } } /* ========================================================================== ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{ position:absolute; top:0; left:0; z-index:9999; overflow:hidden; font-family:"wf_SegoeUI","Segoe UI","Segoe","Segoe WP", Helvetica, Arial, "Arial Unicode MS", Sans-Serif; font-size:14px; line-height:20px; } #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxContent{margin-top:32px; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{ width:20px; height:20px; position:absolute; top:-20px;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{font-family:'Segoe UI';right:20px; top:18px;font-size:24px;} #cboxClose:hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} /* ========================================================================== Utility Styles */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ #msid_wizard .hidden { display: none; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ #msid_wizard .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ #msid_wizard .visuallyhidden.focusable:active, #msid_wizard .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ #msid_wizard .invisible { visibility: hidden; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; }