#rednaoSmartDonaitions hr {
    margin-right: 5px;
    margin-top: 1px;
    margin-bottom: 1px;
}

#rednaoSmartDonaitions h2 {
    margion-top: 0px;
    margin-bottom: 0px;
}

#rednaoSmartDonaitions .category {
    margin-top: 10px;
    margin-left:50px;

}

#rednaoSmartDonaitions .description {
}

#rednaoSmartDonaitions input {

}



#rednaoSmartDonaitions .treeDiv{
    cursor: hand;
    cursor: pointer;
}


#rednaoSmartDonaitions .treeButton{

    display:inline;

}

#rednaoSmartDonaitions .treeDiv h2{

    display:inline;
    font-family: verdana;



}

#rednaoSmartDonaitions .description{
    color:#A0A0A0;
    font-family: helvetica;
    font-size: smaller;
    font-style: italic;
}








/*Panel of donations************************************/

#smartdonationsItemsContainer
{
    width:702px;
    height: 500px;



}

#smartDonationsItemsContainerHeader{
    width:100%;
    height: 30px;





    border-radius: 6px 6px 0 0;


    background: #e8e8e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #e8e8e8 0%, #ffffff 13%, #d3d3d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(13%,#ffffff), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e8e8e8 0%,#ffffff 13%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e8e8e8 0%,#ffffff 13%,#d3d3d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e8e8e8 0%,#ffffff 13%,#d3d3d3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e8e8e8 0%,#ffffff 13%,#d3d3d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */


    -moz-box-shadow: 1px 1px 5px #888;
    -webkit-box-shadow: 1px 1px 5px #888;
    box-shadow: 1px 1px 5px #888;

}
#smartDonationsItemsContainerBody
{
    background-color: #f3f4f6;
    width: 100%;
    height: 100%;

    -webkit-border-bottom-right-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;

    -moz-box-shadow: 1px 1px 5px #888;
    -webkit-box-shadow: 1px 1px 5px #888;
    box-shadow: 1px 1px 5px #888;

    overflow-x: hidden;
    overflow-y:hidden;

}


#smartDonationsItemsContainerList{
   width: 100%;
    height: 100%;
    display: inline-block;



}

#smartDonationsSlideAnimation{
    position:relative;
    width:1500px;
}


#smartDonationsItemsContainerHeader span{
    font-family: verdana;
    font-size: 15px;
    top: 7px;
    left:5px;
    position:relative;

}

.smartDonationsItem {
    display: inline-block;
    width:220px;
    height:100px;
    background-color: white;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom:5px;
    margin-top:5px;
    background-color:#F7F7F7;



    border-radius: 10px;

    -moz-box-shadow: 1px 1px 5px #888;
    -webkit-box-shadow: 1px 1px 5px #888;
    box-shadow: 1px 1px 5px #888;

    cursor: hand;
    cursor: pointer;
}



.smartDonationsItem :hover {

    background-color:#ffffff;
    border-radius: 10px;

    -moz-box-shadow: 1px 1px 5px #888;
    -webkit-box-shadow: 1px 1px 5px #888;
    box-shadow: 1px 1px 5px #888;




}

#smartDonationsItemsList{
    display:inline-block;
    width:700px;
}

#smartDonationsConfiguration{
    width:700px;
    height:500px;

    display:inline-block;
    float: right;
    position:relative;
}


#smartDonationsBackFromConfiguration{
    cursor: hand;
    cursor: pointer;
}

#smartDonationsItemTitle{
    font-family: Verdana;
    position:relative;
    font-size: 30px;
    font-weight: bold;

}


#rednaoPropertySave,#rednaoPropertyCancel{
    color:white;
}

.checkbox.control-group{
    margin-left: 20px;
}


#smartDonationsPreviewContainer{
    margin-top:20px;
}

#smartDonationsPreviewText{
    margin-left: 5px;
    color: #d3d3d3;
    font-family: Verdana;
}

.smartDonationsCustomFields{

    width: 100%;
    height: 300px;
}

#smartDonationsPreview{
    width:680px;
    height:120px;
    background-color: white;
    border-radius: 10px;
    margin-top:20px;

    border-style: dotted;
    border-width: 1px;
    margin-left: 9px;

}

.smartDonationsEditionArea{
    padding: 0;
    margin: 0;
    width:680px;
    height:280px;


}


#smartDonationsPreviewEdition{
    padding: 0;
    margin: 0;
    width:680px;
    height:120px;
    background-color: white;
    border-radius: 10px;
    margin-top:2px;

    border-style: dotted;
    border-width: 1px;



}




/*Configuration Table********************.***/

.smartDonationsCustomFields table{
    width:100%;


}


.smartDonationsCustomFields table tr{

    vertical-align: top;
}

.smartDonationsCustomFields td:first-child
{
    width:40%;
    text-align: right;
}

.smartDonationsCustomFields td{
    vertical-align: middle;
}


.smartDonationsCustomFields td:first-child + td
{
    width:70%;
    text-align: left;
}

.smartDonationsCommentField{
    width:200px;
}

.smartDonationsNumericField{
    width:60px;
    text-align: right;
}


.smartDonationsNumericField_Larger{
    width:150px;
    text-align: right;
}




.smartDonationsTextBoxDonationContainer
{
    width:100%;
}

.smartDonationsTextBoxDonationField{
    vertical-align: middle;
    margin-left: 5px;
    font-family: verdana;
}







.smartDonationsDonationGeneratedItem
{
    text-align: center;
}

.smartDonationsThreeButtonsDiv1
{
    text-align: center;
}





.smartDonationsThreeButtonMiddleDiv{
    margin-left:10px;
    margin-right: 10px;
}

.smartDonationsSliderText{
    text-align: left;
    font-family: Verdana;
    margin-bottom: 3px;
    display: inline-block
}

.smartDonationsSliderDiv{
    text-align: center
}

.smartDonationsSliderTable{
    margin: 0 auto;
}

.smartDonationsSliderDonationText{
    margin-left: 5px
}

.smartDonationsSliderSmile{
    display: inline-block;
    margin-left:8px;
}

.smartDonationsSliderDiv{
    display: inline-block;
    width:160px
}
.smartDonationsSliderTable td{
    padding:0px;
    vertical-align: middle;
}


/**********************WE PAY Classic**************/

.smartDonationsClassicWePay
{
    text-align: center;
}




.smartDonationsTextBoxWePay
{
    text-align: center;
    font-family: verdana;
}








.smartDonationsOneLineWePay, .smartDonationsTwoLineWePay, .smartDonationsThreeLineWePay
{
    text-align: center;
}

.smartDonationsTwoLineWePay
{
    border-spacing: 5px;
}

.smartDonationsOneLineWePay .smartDonationsWePayButton, .smartDonationsTwoLineWePay .smartDonationsWePayButton, .smartDonationsThreeLineWePay .smartDonationsWePayButton
{
    display: inline;
    padding-top: 5px;
    margin: 0;
    padding-bottom: 5px;
    margin-left: 5px;
}

.smartDonationsThreeLineWePay input{
    margin-bottom:5px;
}



.smartDonationsSliderWePay .smartDonationsWePayButton
{
    display: inline;
    padding-top: 5px;
    margin: 0;
    padding-bottom: 5px;
    margin-left: 5px;
}

.smartDonationsSliderWePay .smartDonationsSliderDiv .ui-widget-header
{
    background-image:none;
    background-color:rgb(137, 252, 72);
}


/****DEPRECATED STYLES***********/
.smartdonationsThreeButtonStyle span
{
    position: relative;
    vertical-align: top;
    font-family: Verdana;
 
}
 
 
 .smartDonationsThreeButton{
    cursor: pointer;
    cursor:hand;
    overflow:hidden;
}
 
.smartDonationsThreeButtonSpan{
    cursor: pointer;
    cursor:hand;
}

.control-group *, input[type=text].redNaoInputText{
    moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;

}

.smartDonationsWallDonatorName,.smartdonationsWallCounter{
    font-weight: bold;
}

.smartDonationsWallTable{
    border-collapse:separate;
    border-spacing: 0 5px;
    margin:0;
    padding:0px;
    width: 100%;

}

.smartDonationsWallTable td{
    margin:0px;
    padding:0px;
    border-bottom: 1px dotted #C7C7C7;


}

.smartDonationsWallTable tr{
    margin:0px;
    padding: 0px;
}

.smartDonationsWallDonatorAmount{
    margin-left:10px;
}

.smartFormsNoTitle .ui-dialog-titlebar{
    display: none;
}





/* Tab Navigation */
.rednao-settings.nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;
}
.rednao-settings.nav-tabs > li > a {
    background: #DADADA;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
}
.rednao-settings.nav-tabs > li.active > a,
.rednao-settings.nav-tabs > li.active > a:hover {
    background: #F5F5F5;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
}

/* Tab Content */
.rednao-settings .tab-pane {
    background: #F5F5F5;
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    border-radius: 0;
    padding: 10px;
}