/* Submit headers
*******************************************************************************/
/* step 1 */
.submit-type {
    height: 400px;
    width: 410px;
    float: left;
    position: relative;
    margin-right: 20px;
    background-image: url(img/submit/type.box.bottom.png);
    background-position: bottom;
    padding-bottom: 20px;
    min-height: 40em;
}
    .submit-type h4 {
        color: #919191;
        font-size: 1.1em;
        font-weight: normal;
        margin: 0;
        padding: 10px 0 20px 35px;
        background: #fff url(img/submit/type.box.top.png) bottom no-repeat;
    }

    .submit-type h4 strong {
        display:block;
        color: #f90;
        background-color: inherit;
        font-size: 1.6em;
        font-weight: normal;
    }

    .submit-type p {
        padding: 0 40px 0 30px;
        font-size: .9em;
    }

    .submit-type p.preview {
        padding: 0 20px;
    }

    .submit-type p.nextstep {

    }

        .submit-type p.nextstep a {
            position: absolute;
            bottom: 20px;
        }

.submit-type div > .action-button{
    position:absolute;
    bottom:0px;
}

.submit-step-select,.submit-step-type, .submit-step-build, .submit-step-info, .submit-step-share {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100px;
}
    .submit-step-select li,.submit-step-type li, .submit-step-build li, .submit-step-info li, .submit-step-share li {
        float: left;
        text-align: center;
        padding-top: 50px;
        font-weight: bold;
        background-color: inherit;
        color: #fff;
        font-size: 1.2em;
    }

    .submit-step-select li.step1 {
        background-image: url(img/steps/1/step1_01.png);
        width: 207px; /* 227 - 20 */
        height: 43px;
        padding-right: 20px;
    }

    .submit-step-select li.step2 {
        background-image: url(img/steps/1/step1_02.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }

    .submit-step-select li.step3 {
        background-image: url(img/steps/1/step1_03.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }

    .submit-step-select li.step4 {
        background-image: url(img/steps/1/step1_04.png);
        width: 196px; /* 216 - 20 */
        height: 43px;
        padding-right: 20px;
    }

    .submit-step-type li.step1 {
        background-image: url(img/steps/1/step1_01.png);
        width: 207px; /* 227 - 20 */
        height: 43px;
        padding-right: 20px;
    }

    .submit-step-type li.step2 {
        background-image: url(img/steps/1/step1_02.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }

    .submit-step-type li.step3 {
        background-image: url(img/steps/1/step1_03.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }

    .submit-step-type li.step4 {
        background-image: url(img/steps/1/step1_04.png);
        width: 196px; /* 216 - 20 */
        height: 43px;
        padding-right: 20px;
    }

    .submit-step-build li.step1 {
        background-image: url(img/steps/2/step2_01.png);
        width: 207px; /* 227 - 20 */
        height: 43px;
        padding-right: 20px;
    }
    .submit-step-build li.step2 {
        background-image: url(img/steps/2/step2_02.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }

    .submit-step-build li.step3 {
        background-image: url(img/steps/2/step2_03.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }

    .submit-step-build li.step4 {
        background-image: url(img/steps/2/step2_04.png);
        width: 196px; /* 216 - 20 */
        height: 43px;
        padding-right: 20px;
    }

    .submit-step-info li.step1 {
        background-image: url(img/steps/3/step3_01.png);
        width: 207px; /* 227 - 20 */
        height: 43px;
        padding-right: 20px;
    }

    .submit-step-info li.step2 {
        background-image: url(img/steps/3/step3_02.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }

    .submit-step-info li.step3 {
        background-image: url(img/steps/3/step3_03.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }

    .submit-step-info li.step4 {
        background-image: url(img/steps/3/step3_04.png);
        width: 196px; /* 216 - 20 */
        height: 43px;
        padding-right: 20px;
    }

    .submit-step-share li.step1 {
        background-image: url(img/steps/4/step4_01.png);
        width: 207px; /* 227 - 20 */
        height: 43px;
        padding-right: 20px;
    }

    .submit-step-share li.step2 {
        background-image: url(img/steps/4/step4_02.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }

    .submit-step-share li.step3 {
        background-image: url(img/steps/4/step4_03.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }

    .submit-step-share li.step4 {
        background-image: url(img/steps/4/step4_04.png);
        width: 196px; /* 216 - 20 */
        height: 43px;
        padding-right: 20px;
    }

/* Submit share
*******************************************************************************/
.sidebox {
    float: right;
    width: 350px;
}
    .sidebox h4 {
        margin: 0;
    }

    .sidebox img {
        margin: 0 10px 0 0;
        float: left;
    }

/* Submit share
*******************************************************************************/
.box-column {
    width: 410px;
    float: left;
    position: relative;
    margin-right: 20px;
    margin-top: -5px;
    background-image: url(img/submit/type.box.bottom.png);
    background-position: bottom;
    padding-bottom: 20px;
    height: 170px;
}
    .box-column .box-column-top {
        margin: 0;
        padding: 0 0 20px 35px;
        background: #fff url(img/submit/type.box.top.png) bottom no-repeat;
    }
    .box-column p {
        padding: 0 20px 0 30px;
    }
    .box-column p img {
        vertical-align: -91px;
    }
    .box-column p img.load {
        margin-right: 45px;
    }

    .box-column p.box-column-content,
    .box-column p.box-column-content {
        font-size: 0.9em;
        display: block;
        position: absolute;
        text-align: center;
        top: 84px;
        color: #616161
    }
    .box-column p.box-column-content {
        width: 200px;
        right: 0px;
    }

/* Boxes
*******************************************************************************/
div.box {
    width:470px;
    margin:0 0 20px 0;
    padding:0 0 10px 0;
    background:#f2f2f2 url(img/submit/fieldset.bottom.png) bottom no-repeat;
    float:left;
}

div.box h4 {
    margin:0;
    padding:0 0 0 40px;
    font-size:1.2em;
    color:#555;
}

div.box h4.top {
    text-align: left;
    height:35px;
    line-height:35px;
    background: #f2f2f2 url(img/submit/fieldset.top.png) top no-repeat;
}

div.box p {
    padding:0 30px 0 40px;
}

div.box p.url {
    margin-top: -12px;
    font-size:0.8em;
}

div.box p.add {
    margin-top: 25px;
}

div.box div.innerbox {
    margin:0 20px 0 20px;
    padding:0 10px;
    width: 415px;
    /*background:#fff;*/
    float:left;
    display:inline;
}

div.box div.innerbox p {
    margin:0;
    padding:1em 0;
    clear:both;
}

div.box div.innerbox ul {
    margin: 0;
}

div.box div.innerbox ul li,
ul.innerbox li {
    padding: 0 5px;
    list-style: none;
    float:right;
}

div.innerbox a.action {
    float:right;
    margin-bottom:15px;
}

/* Submit step
*******************************************************************************/
.submit-step-select,.submit-step-type, .submit-step-build, .submit-step-info, .submit-step-share {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100px;
}
    .submit-step-select li,.submit-step-type li, .submit-step-build li, .submit-step-info li, .submit-step-share li {
        float: left;
        text-align: center;
        padding-top: 50px;
        font-weight: bold;
        background-color: inherit;
        color: #fff;
        font-size: 1.2em;
    }
    .submit-step-select li.step1 {
        background-image: url(img/steps/1/step1_01.png);
        width: 207px; /* 227 - 20 */
        height: 43px;
        padding-right: 20px;
    }
    .submit-step-select li.step2 {
        background-image: url(img/steps/1/step1_02.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }
    .submit-step-select li.step3 {
        background-image: url(img/steps/1/step1_03.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }
    .submit-step-select li.step4 {
        background-image: url(img/steps/1/step1_04.png);
        width: 196px; /* 216 - 20 */
        height: 43px;
        padding-right: 20px;
    }

    .submit-step-type li.step1 {
        background-image: url(img/steps/1/step1_01.png);
        width: 207px; /* 227 - 20 */
        height: 43px;
        padding-right: 20px;
    }
    .submit-step-type li.step2 {
        background-image: url(img/steps/1/step1_02.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }
    .submit-step-type li.step3 {
        background-image: url(img/steps/1/step1_03.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }
    .submit-step-type li.step4 {
        background-image: url(img/steps/1/step1_04.png);
        width: 196px; /* 216 - 20 */
        height: 43px;
        padding-right: 20px;
    }

    .submit-step-build li.step1 {
        background-image: url(img/steps/2/step2_01.png);
        width: 207px; /* 227 - 20 */
        height: 43px;
        padding-right: 20px;
    }
    .submit-step-build li.step2 {
        background-image: url(img/steps/2/step2_02.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }
    .submit-step-build li.step3 {
        background-image: url(img/steps/2/step2_03.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }
    .submit-step-build li.step4 {
        background-image: url(img/steps/2/step2_04.png);
        width: 196px; /* 216 - 20 */
        height: 43px;
        padding-right: 20px;
    }

    .submit-step-info li.step1 {
        background-image: url(img/steps/3/step3_01.png);
        width: 207px; /* 227 - 20 */
        height: 43px;
        padding-right: 20px;
    }
    .submit-step-info li.step2 {
        background-image: url(img/steps/3/step3_02.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }
    .submit-step-info li.step3 {
        background-image: url(img/steps/3/step3_03.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }
    .submit-step-info li.step4 {
        background-image: url(img/steps/3/step3_04.png);
        width: 196px; /* 216 - 20 */
        height: 43px;
        padding-right: 20px;
    }

    .submit-step-share li.step1 {
        background-image: url(img/steps/4/step4_01.png);
        width: 207px; /* 227 - 20 */
        height: 43px;
        padding-right: 20px;
    }
    .submit-step-share li.step2 {
        background-image: url(img/steps/4/step4_02.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }
    .submit-step-share li.step3 {
        background-image: url(img/steps/4/step4_03.png);
        width: 160px; /* 200 - 40 */
        height: 43px;
        padding-right: 40px;
    }
    .submit-step-share li.step4 {
        background-image: url(img/steps/4/step4_04.png);
        width: 196px; /* 216 - 20 */
        height: 43px;
        padding-right: 20px;
    }

/* Widget Maker container
*******************************************************************************/

iframe.submit-upload-iframe {
    display:none
}

form.submit-upload {
    padding:15px;
}

form.submit-upload input.upload-button {
    float: right;
}

form.submit-upload .upload-loading {
    display: none;
    text-align:center;
}

/* Widget Maker container
*******************************************************************************/
.makewidget-container {
    position:relative;
    height:auto /* Tres important for IE6 and widget scrolling! */;
}

.makewidget-container h2{
    margin-top:0;
    font-size:1.8em;
    color:#f90;
}

/* Widget Maker
*******************************************************************************/
form.makewidget  {
    width:470px;
}

form.makewidget a {
    outline:none;
}

form.makewidget p {
    margin:10px 0;
    padding:0;
}

form.makewidget fieldset {
    width:100%;
    margin:0 0 20px 0;
    padding:0 0 10px 0;
    background:transparent url(img/submit/fieldset.bottom.png) bottom no-repeat;
    float:left;
}

form.makewidget legend {
    display:none;
}

form.makewidget div.legend {
    padding:6px 10px 0px 40px;
    font-size:1.2em;
    color:#555;
    background:transparent url(img/submit/fieldset.top.png) top no-repeat;
}

form.makewidget div.legend span {
    font-size:0.7em;
    color:#888;
}

form.makewidget div.wrap {
    width:420px;
    padding:10px 20px 10px 30px;
    float:left;
}

form.makewidget div.height input {
    float:left;
    width: 240px;
}

form.makewidget div.height a {
    float:right;
}

form.makewidget div.width {
    line-height: 1.6em;
}

form.makewidget div.width label {
    padding: 0 10px 0 0;
}

form.makewidget div.colours label {
    line-height: 2.5em;
}

form.makewidget label {
    line-height:1.6em;
    display: inline;
    color:#777;
    margin:0 5px 0 0;
}
    form.makewidget .pickcrop label {
        float: left;
    }

form.makewidget input {
    line-height:1.6em;
    margin:0 5px 0 0;
}

form.makewidget input.error {
    background-color: #FFCCCC;
}

form.makewidget input[type="radio"], form.makewidget input[type="checkbox"] {
    display: inline;
    vertical-align: text-bottom;
}

form.makewidget input#version {
    color:#777;
}

/* Deprecated */
form.makewidget label.full {
    width:100%;
    display: block;
}

form.makewidget input.feedtitle {
    width: 398px;
}

form.makewidget input.feedurl {
    padding-left:25px;
    width: 375px;
    background:#fff url(/img/icons/rss_tiny.png) 5px 4px no-repeat;
}

form.makewidget input.full {
    width:90%;
}

form.makewidget textarea{
    width:90%;
}

form.makewidget div.wrap p.note{
    margin:0;
    font-size:0.7em;
    color:#777;
}

form.makewidget div.wrap p.block{
    display:block !important;
}

form.makewidget #feeds div.wrap{
    position:relative;
    float:left;
}

form.makewidget #feeds label{
    margin-bottom:5px;
    width:40px;
}

form.makewidget #feeds input.text{
    margin-bottom:5px;
}

form.makewidget a.addafeed{
    background:url(img/submit/button.action.grey.png) top right;
    float:right;
}

form.makewidget a.addafeed span{
    background:url(img/submit/button.action.grey.png) top left;
}

form.makewidget p.fieldhelp{
    margin:0;
}

form.makewidget span.note{
    font-size:0.9em;
    color:#666;

    width:99%;
}

form.makewidget input.submit{
    margin-left:30px;
}

form.makewidget a.assisthelp, a.assisthelp{
    margin:-1.2em 5px 0 0;
    background:url(img/submit/icons.png) 0 -100px no-repeat;
    text-indent:-9999px;
    width:14px;
    height:14px;
    float:right;
}

form.makewidget a.assisthelp:hover{
    background-position: 0 -125px;
}

/* assist tip
*******************************************************************************/

div.assisthelptext{
    display:none;
}

div.assist-tip{
    width:300px;
    padding:5px 10px;
    border:1px solid;
    background:#FFFFE0;
    border-color:#EBEBA9 #c3c370 #c3c370 #EBEBA9;
    color:#000;
}

div.assist-tip p {
    line-height:12px;
    margin:0;
    padding:5px 0;
}

div.assist-tip .tip-title {
    font-weight:bold;
}

/* Widget Preview
*******************************************************************************/

.widgetpreview {
    position:absolute;
    right:0px;
    top:0;
}

#main #document .widgetpreview h3 {
    font-size: 1.2em;
    color:#999;
    margin: 15px 0;
}

.widgetpreview div.widgetpreview-container {
    width:350px;
    overflow:visible;
    border: 6px solid rgba(200, 200, 200, 0.3);
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.widgetpreview div.widgetpreview-container frame{
    width:350px;
    height:400px;
}

.widgetpreview  div.widgetpreview-resize {
    width:350px;
    position:absolute;
    text-align:center;
    border-top: solid 1px #777777;
}

.widgetpreview div.widgetpreview-resize span {
    width:100%;
    height:20px;
    display:block;
    background:url(img/submit/actions.png) no-repeat scroll 165px -267px;
}

/* Widget Export
*******************************************************************************/

form.makewidget {
    padding: 20px 0 0 5px;
}

span.colourpicker{
    width:42px;
    height:42px;
    margin-right:0;
    background:url(img/submit/colourpicker.png) no-repeat;
    float:left;
}

form.makewidget span.swatch{
    width:21px;
    height:21px;
    margin:6px 0 0 10px;
    display:block;
}


form.makewidget span.swatch{
    width:21px;
    height:21px;
    margin:6px 0 0 10px;
    display:block;
}

/* Deprecated */
form.makewidget .thumbs {
    padding: 5px;
    margin: 5px;
    background: white;
    border: #CCC solid 1px;
}

form.makewidget .thumbs img {
    display: block;
}


form.makewidget p a.action-button {
    float:left;
}

form.makewidget p.height {
    width:100%;
    float:left;
}

form.makewidget p.height input {
    width:4em;
    float:left;
}

form.makewidget div#widget-height-input{
    width: 435px;
    padding: 10px 0 10px 30px;
}

form.makewidget a.height-plus,
form.makewidget a.height-auto,
form.makewidget a.height-minus {
    width:14px;
    height:14px;
    margin:5px 0 0 5px;
    text-indent:-9999px;
    float:left;
    outline:none;
}

form.makewidget a.height-plus{
    background:url(img/submit/icons.png) no-repeat 0px 0px;
}

form.makewidget a.height-plus:hover{
    background:url(img/submit/icons.png) no-repeat 0px -50px;
}

form.makewidget a.height-minus{
    background:url(img/submit/icons.png) no-repeat 0px -25px;
}

form.makewidget a.height-minus:hover{
    background:url(img/submit/icons.png) no-repeat 0px -75px;
}

form.makewidget a.height-auto{
    background:url(img/submit/icons.png) no-repeat 0px -200px;
}

form.makewidget a.height-auto:hover{
    background:url(img/submit/icons.png) no-repeat 0px -225px;
}

form.makewidget .colourpicker  .red {
    background:#E43708;
}

form.makewidget .colourpicker  .orange {
    background:#E31559;
}

form.makewidget .colourpicker  .yellow {
    background:#FBB210;
}

form.makewidget .colourpicker  .green {
    background:#B2D600;
}

form.makewidget .colourpicker  .blue {
    background:#0BC3D2;
}

form.makewidget .colourpicker  .white {
    background:#545454;
}

form.makewidget .colourpicker  .transparent {
    background:none;
}

form.makewidget .widgetcode {
    width:100%;
    height:100px;
    font-family:"Lucida Grande",Tahoma,Helvetica,Arial,sans-serif;
    color:#333;
    /*font-size:1.1em;*/
    font-size:10px;
}

form.makewidget table.formTable td{
    float:left;
}

form.makewidget table.formTable label{
    text-align:right;
}

form.makewidget .prefs table {
    float:left;
    padding:10px 30px 10px 40px;
    width:400px;
}

/* Widget preferences
*******************************************************************************/

form.makewidget fieldset.prefs table.formTable td {
    width: 190px;
}

form.makewidget fieldset.prefs table.formTable td select#m__nbTitles,
form.makewidget fieldset.prefs table.formTable td select#m__theme,
form.makewidget fieldset.prefs table.formTable td input#m__details,
form.makewidget fieldset.prefs table.formTable td input#m__showDate,
form.makewidget fieldset.prefs table.formTable td input#m__openOutside {
    float: left;
}

/* Thumbnail preview
*******************************************************************************/

form.makewidget div.wrap a#thumbpreview {
    float: right;
}

form.makewidget div.wrap a#thumbpreview.disabled {
    color: #999;
    cursor: default;
}


/* Widget platforms
*******************************************************************************/

#loading {
    font-size: 2em;
    text-align: center;
    padding: 50px 0;
}

form.makewidget .platforms {

}
    form.makewidget .platforms ul {
        list-style: none;
        padding:0 20px;
    }

    form.makewidget .platforms ul li {
        float: left;
        color: inherit;
        margin: 2px 5px;
        width: 205px;
        height:33px;
    }

        form.makewidget .platforms ul li a{
            font-size:12px;
            font-weight:bold;
            background: transparent url(img/icons/uwa_platforms.png) no-repeat top left;
            display:block;
            height:25px;
            line-height:25px;
            color:#757575 !important;
            text-decoration:none;
            text-indent:30px;
            margin:4px;
        }

        form.makewidget .platforms ul li:hover{
            background-color:#e4e4e4;
        }

        form.makewidget .platforms ul li.netvibes a:hover{background-position:0 -25px !important;}
        form.makewidget .platforms ul li.netvibes a{background-position:0 -25px !important;color:#757575 !important;}

        form.makewidget .platforms ul li.vista a{background-position:0 -50px !important;}
        form.makewidget .platforms ul li.vista a:hover{background-position:0 -75px !important;}

        form.makewidget .platforms ul li.dashboard a{background-position:0 -100px !important;}
        form.makewidget .platforms ul li.dashboard a:hover{background-position:0 -125px !important;}

        form.makewidget .platforms ul li.opera a{background-position:0 -200px !important;}
        form.makewidget .platforms ul li.opera a:hover{background-position:0 -225px !important;}

        form.makewidget .platforms ul li.chrome a{background-position:0 -250px !important;}
        form.makewidget .platforms ul li.chrome a:hover{background-position:0 -275px !important;}

        form.makewidget .platforms ul li.Blogger a{background-position:0 -300px !important;}
        form.makewidget .platforms ul li.Blogger a:hover{background-position:0 -325px !important;}

        form.makewidget .platforms ul li.bookmarklet a{background-position:0 -400px !important;}
        form.makewidget .platforms ul li.bookmarklet a:hover{background-position:0 -425px !important;}

        form.makewidget .platforms ul li.share a{background-position:0 -450px !important;}
        form.makewidget .platforms ul li.share a:hover{background-position:0 -475px !important;}



/* Miso Feed wizard
*******************************************************************************/

.form-miso-multifeed legend {
    display: none;
}
.form-miso-multifeed #feed-template {
    display: none;
}

.form-miso-multifeed .feedcontainer {
    position: relative;
}

.form-miso-multifeed .icon-close {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
}

.form-miso-multifeed .feedcontainer:only-child .icon-close,
.form-miso-multifeed .feedcontainer:only-child .feedtitle {
    display: none;
}

.form-miso-multifeed .wrap + label {
    display: block;
}
.form-miso-multifeed input[type="text"] {
    display: block;
    width: 90%;
    margin: 10px 0 0 0;
}

.form-miso-multifeed .right {
    display: block;
    text-align: right;
    margin-bottom: 15px;
}

.form-miso-multifeed .widgetpreview-container {
    margin-bottom: 15px;
}

.form-miso-multifeed .header-crop-container > p {
    text-align: center;
    padding: 10px;
}
.form-miso-multifeed .uwa-select {
    width: 300px;
}

.form-miso-multifeed .uwa-input {
    margin: 0;
}
.form-miso-multifeed .uwa-input.uwa-checkbox,
.form-miso-multifeed .uwa-input.uwa-radio {
    margin: 0 8px;
}
.form-miso-multifeed textarea {
    width: 90%;
}

.form-miso-multifeed .pickcrop {
    position: relative;
    margin-top: 10px;
    padding: 10px 0;
}
.form-miso-multifeed .pickcrop > .colorpicker {
    position: absolute;
    top: 2px;
    right: 5px;
}

.form-miso-multifeed .previousstep {
    color: #a3a3a3;
    border: 0;
    background: 0;
}