.rw-ui-but
{
    cursor: pointer;
    display: inline-block; 
    position: relative;
    
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    -webkit-transition: box-shadow linear 0.2s;
    -moz-transition: box-shadow linear 0.2s;
    -ms-transition: box-shadow linear 0.2s;
    -o-transition: box-shadow linear 0.2s;
    transition: box-shadow linear 0.2s;
}

.rw-ui-but.disabled
{
    background: #ddd !important;
    border: 1px solid #bbb !important;
    cursor: default !important;
    box-shadow: 0 0 0 #000 !important;
    -webkit-box-shadow: 0 0 0 #000 !important; 
    -moz-box-shadow: 0 0 0 #000 !important; 
}

.rw-ui-but.disabled div
{
    border-top-color: #ddd !important;
    color: #aaa !important;
    padding: 4px 10px 5px !important;
    text-shadow: 0px 1px 0px #fff !important;
}

.rw-ui-but.disabled.large div
{
    padding: 7px 14px 8px !important;
}

.rw-ui-but:active,
.rw-ui-but.active
{
    cursor: pointer;
}

.rw-ui-but div
{
    padding: 4px 10px 5px;
    font-weight: bold; 
    font-size: 13px; 
    text-align: center;
    line-height: 18px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.rw-ui-but.small div
{
    font-size: 11px;
    line-height: 12px;
    padding: 2px 4px 2px;
}

.rw-ui-but.large div
{
    font-size: 16px;
    padding: 7px 14px 8px;
}

.rw-ui-but.ui-check-icon i
{
    background: url('/img/check.icon.gif'); 
    width: 14px; 
    height: 14px; 
    display: block;
    float: left; 
    margin-top: 3px; 
    margin-right: 3px;
}

.rw-ui-but:active div,
.rw-ui-but.active div
{
    padding: 5px 10px 4px;
}

.rw-ui-but.small:active div,
.rw-ui-but.small.active div
{
    padding: 3px 4px 1px;
}

.rw-ui-but.large:active div,
.rw-ui-but.large.active div
{
    padding: 8px 14px 7px;
}

.rw-ui-but.recommended
{
    border: 1px solid #7cba00; 
    border-color: #6c9b18 #6ca901 #4d6c0e #7cba00; 
    background: rgb(158,214,45);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllZDYyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(158,214,45,1) 0%, rgba(124,186,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(158,214,45,1)), color-stop(100%,rgba(124,186,0,1)));
    background: -webkit-linear-gradient(top,  rgba(158,214,45,1) 0%,rgba(124,186,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(158,214,45,1) 0%,rgba(124,186,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(158,214,45,1) 0%,rgba(124,186,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(158,214,45,1) 0%,rgba(124,186,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ed62d', endColorstr='#7cba00',GradientType=0 );
}

.rw-ui-but.recommended.focus
{
    box-shadow: 0 0 10px rgba(164, 240, 13, 1);
    -webkit-box-shadow: 0 0 10px rgba(164, 240, 13, 1); 
    -moz-box-shadow: 0 0 10px rgba(164, 240, 13, 1); 
}

.rw-ui-but.recommended:hover,
.rw-ui-but.recommended.hover
{
    background: rgb(144,211,0);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwZDMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MWEzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(144,211,0,1) 0%, rgba(65,163,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(144,211,0,1)), color-stop(100%,rgba(65,163,0,1)));
    background: -webkit-linear-gradient(top,  rgba(144,211,0,1) 0%,rgba(65,163,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(144,211,0,1) 0%,rgba(65,163,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(144,211,0,1) 0%,rgba(65,163,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(144,211,0,1) 0%,rgba(65,163,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d300', endColorstr='#41a300',GradientType=0 );
}

.rw-ui-but.recommended div
{
    border-top: 1px solid #c8f353; 
    color: white; 
    text-shadow: 0px -1px 0px darkgreen;
}

.rw-ui-but.recommended:active,
.rw-ui-but.recommended.active
{
    border-color: #344e00 #98c936 #b3d76c #4e7500; 
}

.rw-ui-but.recommended:active div
.rw-ui-but.recommended.active div
{
    border-top-color: #6ca901; 
}

.rw-ui-but.optional
{
    border: 1px solid #3674c2; 
    border-color: #234b7e #35537a #132439 #3674c2; 
    
    background: rgb(91,154,233);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViOWFlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjc0YzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(91,154,233,1) 0%, rgba(54,116,194,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,154,233,1)), color-stop(100%,rgba(54,116,194,1)));
    background: -webkit-linear-gradient(top,  rgba(91,154,233,1) 0%,rgba(54,116,194,1) 100%);
    background: -o-linear-gradient(top,  rgba(91,154,233,1) 0%,rgba(54,116,194,1) 100%);
    background: -ms-linear-gradient(top,  rgba(91,154,233,1) 0%,rgba(54,116,194,1) 100%);
    background: linear-gradient(to bottom,  rgba(91,154,233,1) 0%,rgba(54,116,194,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b9ae9', endColorstr='#3674c2',GradientType=0 );
}

.rw-ui-but.optional.focus
{
    box-shadow: 0 0 10px rgba(162, 203, 255, 1);
    -webkit-box-shadow: 0 0 10px rgba(162, 203, 255, 1);
    -moz-box-shadow: 0 0 10px rgba(162, 203, 255, 1); 
}

.rw-ui-but.optional:hover
{
    background: rgb(79,139,198);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmOGJjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjZiYTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(79,139,198,1) 0%, rgba(47,107,168,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,139,198,1)), color-stop(100%,rgba(47,107,168,1)));
    background: -webkit-linear-gradient(top,  rgba(79,139,198,1) 0%,rgba(47,107,168,1) 100%);
    background: -o-linear-gradient(top,  rgba(79,139,198,1) 0%,rgba(47,107,168,1) 100%);
    background: -ms-linear-gradient(top,  rgba(79,139,198,1) 0%,rgba(47,107,168,1) 100%);
    background: linear-gradient(to bottom,  rgba(79,139,198,1) 0%,rgba(47,107,168,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f8bc6', endColorstr='#2f6ba8',GradientType=0 );
}

.rw-ui-but.optional div
{
    border-top: 1px solid #a3c7f4; 
    color: white; 
    text-shadow: 0px -1px 0px darkblue;
}

.rw-ui-but.optional:active,
.rw-ui-but.optional.active
{
    border-color: #173151 #6191cf #8bafdc #22497a; 
}

.rw-ui-but.optional:active div,
.rw-ui-but.optional.active div
{
    border-top-color: #35537a; 
}

.rw-ui-but.cancel
{
    border: 1px solid #b9b9b9; 
    border-color: #cbcbcb #818181 #4d4c4c #b9b9b9; 

    background: rgb(247,247,247);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(221,221,221,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(221,221,221,1)));
    background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(221,221,221,1) 100%);
    background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(221,221,221,1) 100%);
    background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(221,221,221,1) 100%);
    background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(221,221,221,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dddddd',GradientType=0 );
}

.rw-ui-but.cancel.focus
{
    box-shadow: 0 0 10px rgba(210, 210, 210, 1);
    -webkit-box-shadow: 0 0 10px rgba(210, 210, 210, 1);
    -moz-box-shadow: 0 0 10px rgba(210, 210, 210, 1); 
}

.rw-ui-but.cancel:hover
{
    background: rgb(234,234,234);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(209,209,209,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(209,209,209,1)));
    background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(209,209,209,1) 100%);
    background: -o-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(209,209,209,1) 100%);
    background: -ms-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(209,209,209,1) 100%);
    background: linear-gradient(to bottom,  rgba(234,234,234,1) 0%,rgba(209,209,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#d1d1d1',GradientType=0 );
}   

.rw-ui-but.cancel div
{
    border-top: 1px solid #fafafa; 
    color: #3D3D3D;
    text-shadow: 0px 1px 0px #fff;
}

.rw-ui-but.cancel:active,
.rw-ui-but.cancel.active
{
    border-color: #5b5b5b #c8c8c8 #b9b9b9 #666666; 
}

.rw-ui-but.cancel:active div,
.rw-ui-but.cancel.active div
{
    border-top-color: #818181; 
}

.rw-ui-but.small .app-icon
{
    height: 14px;
    width: 14px;
    margin-right: 4px;
}

/* Buttons Loader
---------------------------------------*/
.rw-ui-but .rw-ui-button-loader
{
    display: block; 
    position: absolute; 
    bottom: 3px; 
    left: 2; 
    left: 4px; 
    right: 4px; 
    height: 2px; 
    background: white;
}

.rw-ui-but .rw-ui-button-loader i
{
    display: block; 
    position: absolute; 
    height: 2px; 
    width: 4px; 
    top: 0;
}

.rw-ui-but.recommended .rw-ui-button-loader i { background: #7aab17; }
.rw-ui-but.optional .rw-ui-button-loader i { background: #3B74B8; }

.ui-no-radius
{
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

/* Messages
---------------------------------------*/
.rw-ui-message
{
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;            
    background-image: -webkit-gradient(linear, left top, right bottom,
                            color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
                            color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
                            color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
                            to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);
                            
     -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);        
     box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     
     width: 100%;
     border: 1px solid;
     color: #fff;
     padding: 15px;
     position: fixed;
     text-shadow: 0 1px 0 rgba(0,0,0,.5);
     
     z-index: 9999;
}

.rw-ui-message-info
{
    background-color: #4ea5cd;
    border-color: #3b8eb5;
}

.rw-ui-message-error
{
    background-color: #de4343;
    border-color: #c43d3d;
}

.rw-ui-message-premium
{
    background-color: #AF66E0;
    border-color: #7A29B1;
}
         
.rw-ui-message-warning
{
    background-color: #eaaf51;
    border-color: #d99a36;
}

.rw-ui-message-success
{
    background-color: #61b832;
    border-color: #55a12c;
}

.rw-ui-message h3
{
    margin: 0 0 5px 0;
    color: white;                                                     
}

.rw-ui-message p
{
    margin: 0;                                                     
}