Chris@2: /**
Chris@2:  * For the layout of the responsive sidebar settings.
Chris@2:  */
Chris@2: details.mayo-layout-form div.form-type-radio label, div.smalltouch-portrait-layout {
Chris@2:   background: url(../images/page-layouts-sprite.png);
Chris@2:   height: 60px;
Chris@2:   width: 60px;
Chris@2:   display: block;
Chris@2:   margin-top: 4px;
Chris@2:   text-align: center;
Chris@2: }
Chris@2: 
Chris@2: details.mayo-layout-form .form-type-radio label[for$=three-col-grail] {
Chris@2:   background-position: 0 0;
Chris@2: }
Chris@2: 
Chris@2: details.mayo-layout-form .form-type-radio label[for$=two-sidebars-right] {
Chris@2:   background-position: -122px 0;
Chris@2: }
Chris@2: 
Chris@2: details.mayo-layout-form .form-type-radio label[for$=two-sidebars-left] {
Chris@2:   background-position: -61px 0;
Chris@2: }
Chris@2: 
Chris@2: details.mayo-layout-form .form-type-radio label[for$=two-sidebars-left-stack] {
Chris@2:   background-position: -183px 0;
Chris@2: }
Chris@2: 
Chris@2: details.mayo-layout-form .form-type-radio label[for$=two-sidebars-right-stack] {
Chris@2:   background-position: -244px 0;
Chris@2: }
Chris@2: 
Chris@2: details.mayo-layout-form .form-type-radio label[for$=one-col-stack] {
Chris@2:   background-position: -305px 0;
Chris@2: }
Chris@2: 
Chris@2: details.mayo-layout-form .form-type-radio label[for$=one-col-vert] {
Chris@2:   background-position: -366px 0;
Chris@2: }
Chris@2: 
Chris@2: div.smalltouch-portrait-layout {
Chris@2:   background-position: -305px 0;
Chris@2: }
Chris@2: 
Chris@2: .mayo-layout-form div.form-item {
Chris@2:   clear: none;
Chris@2:   /*float: left;*/
Chris@2:   margin-right: 25px;
Chris@2: }
Chris@2: 
Chris@2: details.mayo-layout-form div.form-type-radio label, div.smalltouch-portrait-layout {
Chris@2:   overflow: hidden;
Chris@2:   text-indent: 100%;
Chris@2:   white-space: nowrap;
Chris@2: }
Chris@2: 
Chris@2: details.mayo-layout-form div.form-type-radio {
Chris@2:   clear: none;
Chris@2:   float: left;
Chris@2:   margin: 0 30px 10px 0;
Chris@2:   text-align: center;
Chris@2:   width: 60px;
Chris@2: }