@charset "UTF-8";
h1.wiz{ margin-bottom: 15px; margin-top: 15px;}
h2.wiz, h3.wiz, h4.wiz{ align: left; margin-bottom: 0; margin-left: 0; margin-top: 10px;}
#wheaderBox{ border-bottom: 1px; border-color: rgb(0,0,0); border-style: solid; height: 59px;position:relative;}
div#status{ font-family: 'Pompiere', cursive; overflow: auto; padding-bottom: 0; padding-top: 0; width: 700px;margin-left:auto; margin-right:auto;border-left-style:dotted; border-left-width:2px; border-left-color:#697180;}
div#status ul{ margin: 0 0; padding: 0 0;}
#status a{ background-color: white; border-bottom: 2px; border-color: #697180; border-left-width: 2px; border-right-width: 2px; border-style: dotted; border-top: 0; color: rgb(60,60,60); float: left; font-size: 1em; font-variant: normal; font-weight: normal; height: 48px; list-style:none; margin: 0 0 0 -2px; padding: 0; position: relative; width: 110px;}
#status li{ margin: 0; padding: 3px;}
#status li p{ bottom: 0; display: block; font-size: 1em; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding: 0; position: absolute; width: 111px;}
#status a:hover{ background-color: rgb(187,187,187); border-color: white; color: rgb(137,10,14); cursor: pointer;}
#status li.muted{ background-color: white; border-bottom: 2px; border-color: #697180; border-left-width: 0; border-right-width: 2px; border-style: dotted; border-top: 0; color: rgb(60,60,60); float: left; font-size: .85em; height: 45px; list-style: none; margin: 0 0 0 -2px; opacity: .4; padding-bottom: 0; padding-top: 3px; position: relative; width: 110px;}
div#nanuWizStatus{ font-family: 'Pompiere', cursive; overflow: auto; padding-bottom: 0; padding-top: 0; width: 700px;margin-left:auto; margin-right:auto;border-left-style:dotted; border-left-width:2px; border-left-color:#697180;}
div#nanuWizStatus ul{ margin: 0 0; padding: 0 0;}
#nanuWizStatus a{ background-color: white; border-bottom: 2px; border-color: #697180; border-left-width: 2px; border-right-width: 2px; border-style: dotted; border-top: 0; color: rgb(60,60,60); float: left; font-size: 1em; font-variant: normal; font-weight: normal; height: 60px; list-style:none; margin: 0 0 0 -2px; padding: 0; position: relative; width: 24%;}
#nanuWizStatus li{ margin: 0; padding: 3px;}
#nanuWizStatus li p{ bottom: 0; display: block; font-size: 1em; margin: 0; padding: 0; position: absolute;}
#nanuWizStatus a:hover{ background-color: rgb(187,187,187); border-color: white; color: rgb(137,10,14); cursor: pointer;}
#nanuWizStatus li.muted{ background-color: white; border-bottom: 2px; border-color: #697180; border-left-width: 0; border-right-width: 2px; border-style: dotted; border-top: 0; color: rgb(60,60,60); float: left; font-size: .85em; height: 57px; list-style: none; margin: 0 0 0 -2px; opacity: .4; padding-bottom: 0; padding-top: 3px; position: relative; width: 24%;}
.wizInfo{background-color:rgb(236,235,235); border-color: rgb(0,0,0); border-radius:15px; border-style: solid; border-width: 1px; display: block; position: relative; width: 800px; padding-bottom: 15px; margin: auto auto 30px;
}/*the big gray box*/
#leftcolumn{ float:left; width:400px;}
#rightcolumn{ float:right; width:380px;}
.wizInfo table{ margin-left: 1em;}
.wizInfo table tr th.underline{ border-bottom: 1px; border-color: black; border-style: solid; color: rgb(85,85,85); text-align: left;}
.wizInfo td:nth-child(2n+2) {padding-left:10px;}
.wizInside{ background-color: white; border-radius: 20px; border-style: none; bottom: 15px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; margin-top: 20px; padding-left: 15px; padding-right: 15px; padding-bottom:15px; position: absolute; right: 15px; width: 340px;}
.wizInside h3{ margin-top: 10px; text-align: center; text-decoration: none;}
.wizInfoFull{ background-color: rgb(236,235,235); border-color: rgb(0,0,0); border-style: solid; border-radius:15px; border-width: 1px; margin-bottom: 30px; margin-left: auto; margin-right: auto; padding-bottom: 20px; width: 750px;}
.wizInfoFull img{ float: left;}
.wizInfoFull p{ font-size: 1.1em; padding-bottom: 100px; padding-top: 120px;}
.wizFullInside{ background-color: white; border-radius: 20px; margin-left: auto; margin-right: auto; text-align: center; width: 600px;padding-top:20px; padding-bottom:10px;}
/*form ul{ list-style: none;}*/
.scr{ background-color: rgb(130,130,130); border-radius: 10px; color: white; margin-left: auto; margin-right: auto; padding-top:5px; padding-bottom:5px; width: 72%;}
label.scr { display: block; font-size: 1.2em; padding-left: 15px; text-indent: -15px;}
.scr label input{ height: 13px; margin: 0; overflow: hidden; padding: 0; position: relative; top: -1px; vertical-align: bottom; width: 11px;}
#dimOutput{ margin-left: auto; margin-right: auto; padding-bottom: 0; width: 72%;}
#dimOutput tr {width:500px;}
#dimOutput th {font-size: 1.4em; }
#dimOutput td {padding-left:10px; text-align: right; font-size: 1.4em;}
/*form h5{ color: rgb(88,58,27); font-weight: normal; padding: 0;}*/
/*.wizInput, .wizInputDown{ background-color: rgb(236,235,235); border-color: rgb(137,11,15); border-radius: 20px; border-style: solid; border-width: 5px; float: right; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; margin-bottom: 20px; padding-left: 15px; padding-right: 15px; width: 340px;}
.wizInputDown{ margin-top: 90px;}
.wizInput h2, .wizInputDown h2{ color: rgb(88,58,27); font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 1.5em; line-height: 2ex; padding-bottom: 10px; text-align: center;}*/
th.wizTabH{ color: rgb(85,85,85); font-size: 1.4em; padding-right: 10px;}
table.price tr td, table.price tr th{ padding-bottom: 0; padding-top: 0;}
/*input{ background-color: rgb(204,204,204); color: rgb(0,0,0); font-size: 1em; width: 100%;}*/
select#height{ font-size: 1em; margin-bottom: 20px;}
select#btm{ font-size: 1em; margin-bottom: 20px;}
input{ background-color:rgb(221,221,221);}
#submit{ background-color: rgb(137,11,15); border-color: rgb(137,11,15); border-radius: 20px; border-width: 2px; color: white; display: block; font-size: 1.2em; height: 45px; line-height: 45px; margin-left: auto; margin-right: auto; margin-top: 30px; padding-top: 0; text-align: center; cursor:pointer;}
a#submit{ font-variant: normal; font-weight: normal; padding-bottom: 0; text-align: center; width: 350px;}
#submit:link{}
#submit:visited{}
#submit:hover{ background-color: #AA0B0B;}
a#submit p{color:white; margin:auto;}
.wizbutton{ background-color: #108AD5; border-radius: 5px; border:none; color: #ffffff; display: block; font-size: 1.2em; height: 45px; text-align:center; margin-left: auto; margin-right: auto; margin-top: 30px; padding-top: 0; cursor:pointer;}
a.wizbutton{ font-variant: normal; font-weight: normal; padding-bottom: 0; text-align: center; width: 350px;}
.wizbutton:link{}
.wizbutton:visited{}
.wizbutton:hover{ /*background-color: #AA0B0B;*/ /*background-color: #B78E00;*/ background-color: #24AAF5; color:#ffffff}
a.wizbutton p{color:white; margin:auto;}
input.submit3{ background-color: rgb(137,11,15); border-radius: 20px; color: white; font-size: .8em; height: 50px; width: 280px;}
.CollapsiblePanelTab{ color: rgb(0,51,153); font-size: 1.1em;}
.CollapsiblePanelTab:hover{ background-color: rgb(51, 153, 204); color: rgb(255,255,255); font-size: 1.1em;}
.CollapsiblePanelTab:visited{ background-color: rgb(238,238,238); color: rgb(0,51,153); font-size: 1.1em;}
.wizInfo table tr th{ border-bottom-color: rgb(0,0,0); border-bottom-style: solid; border-bottom-width: 0; border-left-style: none; border-right-style: none; border-top-style: none; font-weight: bold;}
/*a#submit, #submit3,{ background-color: rgb(137,11,15); border-radius: 20px; color: white; display: block; font-size: .9em; height: 25px; margin-left: auto; margin-right: auto; padding-left: 5px; padding-right: 5px; padding-bottom:15px; text-align: center; width: 350px;}*/
/*.next a:hover, #submit3:hover, #submit:hover{ background-color: rgb(137,11,15); color: white; opacity: .7;}*/
.templates{ background-color: rgb(236,235,235); border-color: black; border-style: solid; border-width: 1px; padding-left:5px; border-radius:15px;}
.template{ display: inline-block; margin-bottom: 10px; opacity: .7;}
.template:hover{ opacity: 1;}
.template h4{ color: rgb(136,9,13); margin-bottom: 0; margin-top: 0; padding: 0; text-align: center;}
.template p{ margin-top: 0; padding: 0; text-align: center;}
p input {width:40px; background-color:white;font-size:.6em;border-color:black;border-width:1px;border-style:solid;}
input[type=checkbox]{ moz-transform: scale(3); ms-transform: scale(3); o-transform: scale(3); padding: 20px; webkit-transform: scale(3);}
.outputvert {height:14px; position:absolute;font-family:arial; font-size:.7em;left:8px; top:45px; width:40px; background-color:#E8E8E8; border-style:dotted; border-width:1px; border-color: black;color:#969999;}
.outputhoriz {height:14px; position:absolute;font-family:arial; font-size:.7em;left:35px; top:22px; width:40px; background-color:#E8E8E8; border-style:dotted; border-width:1px; border-color: black;color:#969999;}
.theHidden{height: 0;}
input[type="number"] { -moz-appearance: textfield;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }

input[type="number"].form-control:invalid { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(203, 26, 21, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(203, 26, 21, 0.6); }
/*#next{ position: absolute;}*/

/*ike stuff*/
#slices{ margin: 0 auto; position: relative;}
#slices img{ padding: 0;}
#tr{ padding: 0; position: absolute;}
#tl{ padding: 0; position: absolute;}
#br{ padding: 0; position: absolute;}
#bl{ padding: 0; position: absolute;}
#top{ background-image: url('/wizard/images/outerslices_t.png'); background-repeat: repeat-x; padding: 0; position: absolute;}
#bottom{ background-image: url('/wizard/images/outerslices_b.png'); background-repeat: repeat-x; padding: 0; position: absolute;}
#right{ background-image: url('/wizard/images/outerslices_r.png'); background-repeat: repeat-y; padding: 0; position: absolute;}
#left{ background-image: url('/wizard/images/outerslices_l.png'); background-repeat: repeat-y; padding: 0; position: absolute;}
/*#big{ background-color: #ffdd9a; left: 10px; position: absolute; top: 10px;}*/
.leftsidev{ background-image: url('/wizard/ssimages/wiz_i_right.png'); background-repeat: repeat-y;}
.rightsidev{ background-image: url('/wizard/ssimages/wiz_i_left.png'); background-repeat: repeat-y;}
.topsidev{ background-image: url('/wizard/ssimages/wiz_i_btm_slot.png'); background-repeat: repeat-x; float: left;}
.btmsidev{ background-image: url('/wizard/ssimages/wiz_i_top_slot.png'); background-repeat: repeat-x; float: left;}
.leftsideh{ background-image: url('/wizard/ssimages/wiz_i_right_slot.png'); background-repeat: repeat-y;}
.rightsideh{ background-image: url('/wizard/ssimages/wiz_i_left_slot.png'); background-repeat: repeat-y;}
.topsideh{ background-image: url('/wizard/ssimages/wiz_i_btm.png'); background-repeat: repeat-x; float: left;}
.btmsideh{ background-image: url('/wizard/ssimages/wiz_i_top.png'); background-repeat: repeat-x; float: left;}
.leftsiden{ background-image: url('/wizard/ssimages/wiz_i_right.png'); background-repeat: repeat-y;}
.rightsiden{ background-image: url('/wizard/ssimages/wiz_i_left.png'); background-repeat: repeat-y;}
.topsiden{ background-image: url('/wizard/ssimages/wiz_i_btm.png'); background-repeat: repeat-x; float: left;}
.btmsiden{ background-image: url('/wizard/ssimages/wiz_i_top.png'); background-repeat: repeat-x; float: left;}
.verticaldivs{ background-image: url('/wizard/ssimages/divider2.png'); background-repeat: repeat; position: absolute;}
.horizontaldivs{ background-image: url('/wizard/ssimages/divider.png'); background-repeat: repeat; position: absolute;}
.shaft{ background-image: url('/wizard/ssimages/arrow_r-l.png'); background-repeat: repeat-x; position: absolute;}
.shaftup{ background-image: url('/wizard/ssimages/arrow_t-b.png'); background-repeat: repeat-y; position: absolute;}
.patchtop{ background-image: url('/wizard/ssimages/wiz_i_btm.png'); background-repeat: repeat-x; float: right; height: 30px; width: 1px;}
.patchbtm{ background-image: url('/wizard/ssimages/wiz_i_top.png'); background-repeat: repeat-x; float: right; height: 30px; width: 1px;}
.patchleft{ background-image: url('/wizard/ssimages/wiz_i_right.png'); background-repeat: repeat-y; float: right; height: 0; width: 30px;}
.patchright{ background-image: url('/wizard/ssimages/wiz_i_left.png'); background-repeat: repeat-y; float: right; height: 0; width: 30px;}
/*Sanna or B -- selector below seems impossible*/
div#slices img div{ position: absolute;}
#5graphic img { float:none; margin:auto 0;}