#ar-settings{
    margin: 20px;
    width: 960px;
    background: url('../images/main_bg.png') repeat-y;
    overflow: hidden;
    border: 1px solid #c6c6c6;
    position: relative;
}

#ar-sidebar{
    width: 250px;
    float:left;
}

.ar-hide{
    display:none;
}

#ar-content{
    line-height: 18px;
    font-family: 'Arial', sans-serif;
    color: #2b2b2b;
    height: 100%;
    font-weight: normal;
    font-size: 12px;
    padding: 20px;
    width: 669px;
    float:right;
}

#ar-content h4{
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#ar-meta-info{
    padding: 20px;
    overflow: hidden;
}

/* Forms */

#ar-settings input, 
.ar-image-checkbox,
.ar-image-radio,
.ar-button-blue, 
.ar-button,
#ar-settings textarea{
    background: #ffffff;
    border: 1px solid #c1c1c1;
    border-bottom: 2px solid #c1c1c1;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 8px 10px;
    font-size: 12px;

    color: #898989;
    display: block;
}

#ar-settings select{
    background: #ffffff;
    border: 1px solid #c1c1c1;
    border-bottom: 2px solid #c1c1c1;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 34px;
    padding: 0 0 0 5px;
    font-size: 12px;
    min-width: 150px;

    color: #898989;
    display: block;
}

#ar-settings input.ar-color-picker{
    width: 70px;
    color: #f0f0f0;
}

#ar-settings textarea{
    font-family: 'Arial', sans-serif;
}

#ar-settings input:focus, #ar-settings textarea:focus{
    outline: none!important;
    border: 1px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
}

#ar-settings input[type="button"],
#ar-settings input[type="submit"],
.ar-button-blue, 
.ar-button,
#ar-settings input[type="reset"]{
    display: inline;
    padding: 7px 17px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;

    font-size: 11px;
}

.ar-button,
#ar-settings input[type="button"]{
    color: #a9a9a9;
    text-shadow: 0 1px 0 white;
    background: rgb(245,245,245);


    background-image: linear-gradient(bottom, rgb(245,245,245) 100%, rgb(237,237,237) 0%);
    background-image: -o-linear-gradient(bottom, rgb(245,245,245) 100%, rgb(237,237,237) 0%);
    background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 100%, rgb(237,237,237) 0%);
    background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 100%, rgb(237,237,237) 0%);
    background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 100%, rgb(237,237,237) 0%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(1, rgb(245,245,245)),
        color-stop(0, rgb(237,237,237))
        );

    border: 1px solid #c0c0c0;

    box-shadow: 0 1px 0 white inset;
}

.ar-button:active,
#ar-settings input[type="button"]:active{
    background-image: linear-gradient(bottom, rgb(245,245,245) 0%, rgb(237,237,237) 100%);
    background-image: -o-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(237,237,237) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(237,237,237) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(237,237,237) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(237,237,237) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(245,245,245)),
        color-stop(1, rgb(237,237,237))
        );

    box-shadow: none;
}
.ar-button:hover,
#ar-settings input[type="button"]:hover{
    background-image: linear-gradient(bottom, rgb(242,242,242) 100%, rgb(235,235,235) 0%);
    background-image: -o-linear-gradient(bottom, rgb(242,242,242) 100%, rgb(235,235,235) 0%);
    background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 100%, rgb(235,235,235) 0%);
    background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 100%, rgb(235,235,235) 0%);
    background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 100%, rgb(235,235,235) 0%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(1, rgb(242,242,242)),
        color-stop(0, rgb(235,235,235))
        );
}

#ar-settings input[type="submit"],
.ar-button-blue, 
#ar-settings input[type="reset"]{
    color: white;
    text-shadow: 0 1px 0 #24538b;
    background: url('../images/buttonblue_bg.png');

    border: 1px solid #477dae;

    box-shadow: 0 1px 0 #93c1eb inset;
}

#ar-settings input[type="submit"]:hover,
.ar-button-blue:hover, 
#ar-settings input[type="reset"]:hover{
    background: #558BBC;
    box-shadow: 0 1px 0 #558BBC inset;
}

#ar-settings input[type="submit"]:active,
.ar-button-blue:active, 
#ar-settings input[type="reset"]:active{
    background-image: linear-gradient(bottom, #679CCE 0%, #497EB0 100%);
    background-image: -o-linear-gradient(bottom, #679CCE 0%, #497EB0 100%);
    background-image: -moz-linear-gradient(bottom, #679CCE 0%, #497EB0 100%);
    background-image: -webkit-linear-gradient(bottom, #679CCE 0%, #497EB0 100%);
    background-image: -ms-linear-gradient(bottom, #679CCE 0%, #497EB0 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #679CCE),
        color-stop(1, #497EB0)
        );

    box-shadow: none;
}

/* Content */

.save-button{
    float: right;
    display: inline;
}

.ar-settings-headline{
    font-size: 14px;
    text-transform: uppercase;
    color: #898989;
    font-weight: bold;
    font-family: 'Arial', sans-serif;
    text-shadow: 0 1px 0 #f5f5f5;
    padding-bottom: 5px;
    margin-bottom: 20px;
    margin-top: 0;
    border-bottom: 1px solid #c0c0c0;
    overflow: hidden;
}

#ar-content h2{
    display: inline;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    color: #898989;
    font-weight: bold;
    font-family: 'Arial', sans-serif;
    text-shadow: 0 1px 0 #f5f5f5;
    padding-bottom: 5px;
    margin-bottom: 0;
}


#ar-meta-info h1{
    font-family: 'Rokkitt', serif;
    color: #ffffff;
    font-weight: normal;
    font-size: 18px;
    text-shadow: 0 1px 0 #2b2b2b;  
    margin-top: 0;
}


#ar-meta-info h2{
    font-family: 'Arial', sans-serif;
    color: #898989;
    font-weight: normal;
    font-size: 10px;
    text-shadow: 0 1px 0 #2b2b2b;  
    margin-top: 0;
    margin-bottom: 5px;
}

#ar-content label{
    width: 230px;
    font-size: 12px;
    color: #535356;
    display: inline-block;
    font-family: 'Arial', sans-serif;
    text-shadow: 0 1px 0 #f5f5f5;
}

#ar-content input[type="radio"], #ar-content input[type="checkbox"]{
    display: inline-block;
}

.ar-fullwidth{
    width: 389px;
}

.separator{
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #f5f5f5;
    margin-bottom: 0;
    padding-top: 20px;
    overflow: hidden;
    margin: 0 10px;
}

.separator:nth-last-child(1){
    border: none;
    border-top: 1px solid #f5f5f5;
}

.separator:nth-child(2){
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #d6d6d6;
    padding-top: 0;
}

#ar-content .label{
    width: 209px;
    height: 100%;
    float: left;
    margin-top: 10px;
}

#ar-content .description{
    font-style: italic;
    margin-top: 5px;
    margin-left: 3px;
    margin-bottom: 20px;
    color: #898989;
}

/* Main Menu */

#ar-main-menu p{
    margin: 0;
}

#ar-main-menu{
    list-style: none;
    font-family: 'Arial', serif;
    color: #f5f5f8;
    font-weight: bold;
    font-size: 12px;
    text-shadow: 0 1px 0 #2b2b2b;  
    margin: 0;
    padding: 0; 
    border: 1px solid #252525;
}

#ar-main-menu li{
    margin-bottom: 0;
}

#ar-main-menu p{
    line-height: 45px;
    cursor: pointer;
}

.settings-content{
    float: right;
    width: 440px;
}

#ar-main-menu > li p{
    background: url('../images/top_men_bg.png');  
    border-top: 1px solid #535356;
    border-bottom: 1px solid #252525;
    padding-left: 50px;
    position: relative;
}

#ar-main-menu > li:nth-last-child(1) > p{
    border-bottom: none;
}

#ar-main-menu li p:hover{
    box-shadow: 0 0 25px #2a2a2a inset;
    border-top: 1px solid #2a2a2a;
}

#ar-main-menu li p:active{
    box-shadow: 0 0 25px #121212 inset;
    border-top: 1px solid #121212;
}

#ar-main-menu a{
    text-decoration: none;
    color: #f5f5f8;
    text-shadow: 0 1px 0 #2b2b2b;  
}

#ar-main-menu > li > ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: none;
}

.ar_image_preview img{
    max-width: 380px;
    margin: 5px 3px 0;
    padding: 2px;
    background: white;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    
    background: #ffffff;
    border: 1px solid #c1c1c1;
    border-bottom: 2px solid #c1c1c1;
}

.ar_image_preview img:hover{
    border: 1px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
}

#ar-main-menu > li > ul li p:hover{
    box-shadow: 0 0 25px #191919 inset;
    border-top: 1px solid #191919;
}

#ar-main-menu > li > ul li p:active{
    box-shadow: 0 0 25px #121212 inset;
    border-top: 1px solid #121212;
}

#ar-main-menu > li > ul li p{
    background: #2d2d2d;
    border-bottom: 1px solid #252525;
    border-top: 1px solid #2d2d2d;
    padding-left: 25px;
    position: relative;
}

#ar-main-menu > li > ul li:nth-last-child(1) p{
    border-bottom: none;
}

#ar-main-menu > li > ul li p:after{
    position: absolute;
    right: 15px;
    top: 15px;
    content: ' ';
    background: url('../images/arrow.png');
    width: 9px;
    height: 15px;
}


.ar-button-blue, .ar-button{
    margin: 5px 2px;
    line-height: 40px;
}

.ar-image-radio,
.ar-image-checkbox{
    margin: 5px;
    padding: 5px 5px 0;
    float: left;
    text-align: center;
    width: auto !important;
}

.cOf{
    overflow: hidden;
    display: block;
}

.ar-img-selected{
    background: #558bbc;
    border: 1px solid #c1c1c1;
    border-bottom: 2px solid #c1c1c1;
    color: white !important;
    text-shadow: none !important;
}

.ar-image-radio p,
.ar-image-checkbox p{
    margin: 0;
}

.centerInfo h4{
    font-size: 12px!important;
    font-weight: normal;
    color: #535356;
    text-align: center;
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    font-style: italic;
    font-family: 'Arial', sans-serif;
    text-shadow: 0 1px 0 #f5f5f5;
}

.centerInfo img{
    text-align: center;
    margin: 0 auto;
    width: 300px;
}

.centerInfo {
    width: 300px;
    margin: 50px auto;
}


.ar-image-radio-b,
.ar-image-checkbox-b{
    background: black;
    display: none !important;
}


#ar-main-menu > li span{
    position: absolute;
    left: 0;
    top: 14px;
    left: 25px;
    width: 16px;
    height: 16px;
}

.logo_ar{
    width: 89px !important;
    margin-bottom: 10px;
    margin-left: 104px !important;
}






/* icons */


.ar-icon-home{ 
    background: url('../images/icons/user-home.png');
}

.ar-icon-star{
    background: url('../images/icons/user-bookmarks.png');
}

.ar-icon-down{ 
    background: url('../images/icons/go-down.png');
}

.ar-icon-next{ 
    background: url('../images/icons/go-next.png');
}

.ar-icon-previous{ 
    background: url('../images/icons/go-previous.png');
}

.ar-icon-up{ 
    background: url('../images/icons/go-up.png');
}

.ar-icon-voldown{ 
    background: url('../images/icons/audio-volume-low.png');
}

.ar-icon-volmedium{
    background: url('../images/icons/audio-volume-medium.png');
}

.ar-icon-volmuted{ 
    background: url('../images/icons/audio-volume-muted.png');
}

.ar-icon-close{ 
    background: url('../images/icons/close.png');
}

.ar-icon-warning{ 
    background: url('../images/icons/dialog-warning.png');
}

.ar-icon-circlecheck{ 
    background: url('../images/icons/emblem-default.png');
}

.ar-icon-dup{
    background: url('../images/icons/direction-top.png');
}

.ar-icon-ddown{ 
    background: url('../images/icons/direction-bottom.png');
}

.ar-icon-dleft{ 
    background: url('../images/icons/direction-left.png');
}

.ar-icon-dright{ 
    background: url('../images/icons/direction-right.png');
}

.ar-icon-download{ 
    background: url('../images/icons/emblem-downloads.png');
}

.ar-icon-emblem-shared{ 
    background: url('../images/icons/emblem-shared.png');
}

.ar-icon-folder{ 
    background: url('../images/icons/folder.png');
}

.ar-icon-group-chat{ 
    background: url('../images/icons/internet-group-chat.png');
}

.ar-icon-mail{ 
    background: url('../images/icons/internet-mail.png');
}

.ar-icon-list-add{ 
    background: url('../images/icons/list-add.png');
}

.ar-icon-calendar{ 
    background: url('../images/icons/office-calendar.png');
}

.ar-icon-list-remove{ 
    background: url('../images/icons/list-remove.png');
}

.ar-icon-readonly{ 
    background: url('../images/icons/emblem-readonly.png');
}

.ar-icon-unreadable{ 
    background: url('../images/icons/emblem-unreadable.png');
}

.ar-icon-texteditor{ 
    background: url('../images/icons/accessories-text-editor.png');
}

.ar-icon-list{ 
    background: url('../images/icons/list.png');
}

.ar-icon-playback-start{ 
    background: url('../images/icons/media-playback-start.png');
}

.ar-icon-playback-pause{ 
    background: url('../images/icons/media-playback-pause.png');
}

.ar-icon-playback-stop{ 
    background: url('../images/icons/media-playback-stop.png');
}

.ar-icon-record{ 
    background: url('../images/icons/media-record.png');
}

.ar-icon-grid{ 
    background: url('../images/icons/grid.png');
}

.ar-icon-start-here{ 
    background: url('../images/icons/start-here.png');
}

.ar-icon-search{ 
    background: url('../images/icons/system-search.png');
}

.ar-icon-person{ 
    background: url('../images/icons/person.png');
}

.ar-icon-tag{ 
    background: url('../images/icons/tag.png');
}

.ar-icon-time{ 
    background: url('../images/icons/time.png');
}

.ar-icon-trash{ 
    background: url('../images/icons/user-trash.png');
}

.ar-icon-window{ 
    background: url('../images/icons/window.png');
}

.ar-icon-upload{ 
    background: url('../images/icons/upload.png');
}

.ar-icon-recycle{ 
    background: url('../images/icons/recycle.png');
}

.ar-icon-font{ 
    background: url('../images/icons/font.png');
}

.ar-icon-trash-full{ 
    background: url('../images/icons/trash-full.png');
}

.ar-icon-desktop{ 
    background: url('../images/icons/user-desktop.png');
}

.ar-icon-refresh{ 
    background: url('../images/icons/view-refresh.png');
}

.ar-icon-recycle-full{ 
    background: url('../images/icons/recycle-filled.png');
}

.ar-icon-info{ 
    background: url('../images/icons/dialog-information.png');
}

.ar-icon-text-file{ 
    background: url('../images/icons/text-x-generic.png');
}

.ar-icon-favorite{ 
    background: url('../images/icons/emblem-favorite.png');
}

.ar-icon-volume-high{ 
    background: url('../images/icons/audio-volume-high.png');
}

.ar-icon-audio{ 
    background: url('../images/icons/audio-x-generic.png');
}

.ar-icon-users{ 
    background: url('../images/icons/system-users.png');
}

.ar-icon-dialog-error{ 
    background: url('../images/icons/dialog-error.png');
}

.ar-icon-important{ 
    background: url('../images/icons/emblem-important.png');
}

.ar-icon-calendar12{ 
    background: url('../images/icons/x-office-calendar.png');
}

.ar-icon-drawing{ 
    background: url('../images/icons/x-office-drawing.png');
}

.ar-icon-office-document{ 
    background: url('../images/icons/x-office-document.png');
}

.ar-icon-presentation{ 
    background: url('../images/icons/x-office-presentation.png');
}

.ar-icon-spreadsheet{ 
    background: url('../images/icons/x-office-spreadsheet.png');
}

.ar-icon-video{ 
    background: url('../images/icons/video-x-generic.png');
}

.ar-icon-fullscreen{ 
    background: url('../images/icons/view-fullscreen.png');
}

.ar-icon-folder-search{ 
    background: url('../images/icons/folder-saved-search.png');
}

.ar-icon-empty-file{ 
    background: url('../images/icons/text-x-generic-template.png');
}

.ar-icon-script{ 
    background: url('../images/icons/text-x-script.png');
}

.ar-icon-preference{ 
    background: url('../images/icons/preferences-system.png');
}

.ar-icon-address{ 
    background: url('../images/icons/x-office-address-book.png');
}

.ar-icon-image{ 
    background: url('../images/icons/image-x-generic.png');
}

.ar-icon-rss{ 
    background: url('../images/icons/internet-news-reader.png');
}

.ar-icon-application{ 
    background: url('../images/icons/application-x-executable.png');
}

.ar-icon-package{ 
    background: url('../images/icons/package-x-generic.png');
}

.ar-icon-utilities{ 
    background: url('../images/icons/utilities-system-monitor.png');
}