/*********************
    1.全般
*********************/
/* UIコンテンツ全般 */
.ui-selectable-helper{
    border:1px dotted black;
}

.ui-spinner-input{
    border:none;
    background:none;
    color:inherit;
}

.ui-spinner a.ui-spinner-button{
    border-top-style:none;
    border-bottom-style:none;
    border-right-style:none;
}

.ui-tabs .ui-tabs-panel{
    border-width:0;
    background:none;
}

.ui-widget.ui-widget-content{
    border:1px solid #006699;
}

.ui-widget-content{
    background:#ebf3ff;
    border:1px solid #006699;
    color:#383838;
}

.ui-widget-content a{
    color:#383838;
}

.ui-widget-header{
    background:linear-gradient(#2ea5e6,#007bbb);
    border:1px solid #006699;
    color:#ffffff;
}

.ui-widget-header a{
    color:#ffffff;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{
    background:linear-gradient(#b3d1ff,#80b3ff);
    border:1px solid #0f2350;
    color:#383838;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{
    color:#383838;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{
    background:linear-gradient(#cce0ff,#b3d1ff);
    border:1px solid #132c66;
    color:#383838;
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{
    color:#383838;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{
    background:#ffffff;
    border:1px solid #0f2350;
    color:#0074c7
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{
    color:#0074c7;
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{
    background:#fff9e5;
    border:1px solid #eeb420;
    color:#1f1f1f;
}

.ui-state-checked{
    background:#fff9e5;
    border:1px solid #eeb420;
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{
    color:#1f1f1f;
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{
    background:#d34d17;
    border:1px solid #ffb73d;
    color:#ffffff;
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{
    color:#ffffff;
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{
    color:#ffffff;
}

.ui-widget-overlay{
    background:#5c5c5c;
}


/*********************
    2.ログイン画面
**********************/
/* 背景色 */
#LoginFieldSet{
    background-color:#ebf3ff;
}


/*********************
    3.トップ画面
*********************/
/* ナビメニューのマウスホバー時 */
#NavigationMenu > li > div:hover{
    background-color:#00608d;
}
#NavigationMenu > li.sub-menu > div.hover{
    background-color:#00608d;
}

/* メインコマンド（画面下） */
#MainCommandsContainer{
    background-color:rgba(30,52,64,0.65);
}

/* フッター */
#Footer{
    background-color:#203744;
}

/* フォルダ */
.nav-site.sites{
    border:solid 2px #006699;
}
/* フォルダのタブ */
.nav-site .heading{
    background-color:#007bbb;
    border:solid 1px #006699;
}


/*********************
    4.一覧画面
*********************/
/* 検索条件部：マルチセレクトコントロール */
.ui-multiselect{
    background:none;
    border:solid 1px silver;
}

/* グリッドヘッダ行のマウスホバー時 */
.grid > thead > tr > th.sortable:hover{
    background-color:#00608d;
}

/* ソート順メニュー */
.menu-sort{
    background-color:#00608d;
}
.menu-sort > li{
    background-color:#00608d;
}
.menu-sort > li:hover{
    background-color:#4791b3;
}


/*********************
    5.入力更新画面
*********************/
/* タイトル名 */
#HeaderTitle{
    color:#192f60;
}

/* 添付ファイル */
.control-attachments-upload{
    border:dotted 2px #0f2350;
}
.control-attachments-item{
    border:solid 1px #0f2350;
}
.already-attachments{
    background-color:#b3d1ff;
}

/* 管理画面の項目選択 */
.control-selectable .ui-selecting{
    background:#cce0ff;
}
.control-selectable .ui-selected{
    background:#006699;
}


/*********************
    6.その他
*********************/
#Versions{
    background-color:#ebf3ff;
}