@CHARSET "UTF-8";

/* reset */
html,body,
div,
span,
iframe,
h1,h2,h3,h4,h5,h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
tt,
var,
b,
i,
dl,dt,dd,
ol,ul,li,
fieldset,
form,
label,
legend,
table,caption,tbody,tfoot,thead,
tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */

audio:not([controls]) {
    display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centred in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}

/* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

body {
    font-size: 13px;
    *font-size: small;
    *font:x-small;
    line-height: 1.231;
    min-width: 640px;
}
body,
textarea,
input,
button,
select {
    font-family: 'Meiryo UI',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

* html body,
* html textarea,
* html input,
* html button,
* html select {
    font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
/*
*:first-child+html body,
*:first-child+html textarea,
*:first-child+html input,
*:first-child+html button,
*:first-child+html select {
    font-family: 'Meiryo UI','メイリオ','ＭＳ Ｐゴシック',sans-serif;
}
*/

/* =============================================================================
   Links
   ========================================================================== */

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
*/

b, 
strong { 
    font-weight: bold; 
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
  /*  margin: 1em 0;
    padding: 0 0 0 40px; */
    list-style: none;
}
/*
dd {
    margin: 0 0 0 40px;
}
*/
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent margin and padding
 */
/*
fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
*/
/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    *margin-left: -7px; /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet
 * 2. Corrects inner spacing displayed oddly in IE6/7
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * Corrects overlap and whitespace issue for buttons and inputs in IE6/7
 * Known issue: reintroduces inner spacing
 */

table button,
table input {
    *overflow: auto;
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 */

button,
html input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Addresses excess padding in IE8/9
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Corrects inner padding displayed oddly in S5, Chrome on OSX
 */

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Corrects inner padding and border displayed oddly in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/* 
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size:inherit;
    font:100%;
}
/* end */



/* =============================================================================
 * timewave *******************************************************************
   ========================================================================== */

#wrapper {
    width: 100%;
}

#header {
    background-color: #fff;
    position: relative;
    white-space: nowrap;
    zoom: 1;
}
#header h1 img {
    vertical-align: top;
}

#header ul.userMenu {
    position: absolute;
    padding-right: 0.5em;
    right: 0;
    bottom: 0;
}

#header .userMenu img {
    margin: 0 2px 1px;
    vertical-align: middle;
}
    
#header .userMenu li {
    float: left;
    margin: 0 2px 1px;
    display: inline;
}

#header .userMenu a {
    color: #00f;
    text-decoration: underline;
}

#headerLogo img{
    border: 0;
}

#navi {
    height: 36px;
    width: 100%;
    background: url(/images/navi_bg.gif) repeat-x;
    position: relative;
    z-index: 500;
    outline: none;
}
#navi ul{
    list-style: none;
}
#navi li {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

#navi .top li.middle-list {
    float: left;
    background: url(/images/navi_bg.gif) repeat-x;
    height: 36px;
    width: 120px;
    position: relative;
}
#navi li.middle-list {
    padding: 0 0 1px 0;
}
#navi li.middle-list:hover {
    background: url(/images/navi_bg_over.gif) repeat-x;
    cursor: pointer;
    padding: 1px 0 0 0;
}
#navi .top a {
    display: block;
    text-align: center;
    background: transparent;
    text-decoration: none;
    height: 36px;
    line-height: 25px;
    white-space: nowrap;
    color: #FFFFFF;
}
#navi ul.middle,
#navi ul.bottom {
    position: absolute;
    display: none;
    border: 1px solid #AAAAAA;
    text-align: left;
}
#navi li.middle-list:hover ul.middle,
#navi li.bottom-list:hover ul.bottom {
    display: block;
}
#navi ul.middle {
    left: 0;
    top: 36px;
    width: 140px;
    background-color: #fff;
    background-image: url(/images/navi_bg_shadow.gif);
    background-repeat: repeat-x;
    border-top: none;
    margin-top: -8px;
    padding-top: 8px;
    z-index: 501;
}
#navi ul.middle li {
    height: 25px;
}
#navi ul.middle a {
    text-align: left;
    height: 25px;
    padding-left: 5px;
    font-size: 90%;
    color: #000000;
}
#navi ul.middle li:hover {
    background-color: #EEFFEE;
}
#navi li.bottom-list {
    position: relative;
    background: url(/images/navi_bg_btlist.gif) right no-repeat;
}
#navi ul.middle li:hover a,
#navi li.bottom-list:hover a {
    color: #0000FF;
}
#navi ul.bottom{
    border-top: 5px solid #AAAAAA;
    display: none;
    top: 0;
    left: 140px;
    width: 135px;
    background-color: #FFFFFF;
}

#navi ul.middle li ul.bottom li a {
    color: #000000;
}
#navi ul.middle li ul.bottom li a:hover {
    color: #0000FF;
}
#navi ul.bottom li{
}
#navi strong {
    text-shadow: 0 1px 1px #333;
}
#navi li.middle-list:hover strong{
    color:#eee;
    text-shadow: 0 0 1px #000;
}

ul#childNavi {
    padding: 1em 0;
}

#childNavi li.middle-list {
    width: 30em; 
    border-width: 1px 1px 1px 8px;
    border-style: solid;
    border-color: #2E5B8A;
    background-color: #fff;
    margin: 5px 0;
}

#childNavi a {
    display: block;
    color: #000;
    text-decoration: none;
    text-align: left;
    padding: 3px 1em;
}

#childNavi a:hover{
    background-color: #EEFFEE;
    color: #00F;
}
#childNavi li ul li {
    display:inline;
}
#childNavi li ul li a {
    background: url("/images/navi_bg_btlist.gif") no-repeat scroll left center transparent;
    background-position: 2em;
    padding: .2em 3em;
    font-size:0.9em;
}

#content{
    padding: 1em 1em 0.5em;
}
h2#contentTitle{
    margin: 0 0 10px;
    border-bottom: 1px solid #444;
    -webkit-box-shadow: 0 1px 0 #ccc;
    -moz-box-shadow: 0 1px 0 #ccc;
    box-shadow: 0 1px 0 #ccc;
    font-weight: bold;
    font-size: 170%;
    text-align: left;
    text-shadow: 1px 1px 1px #ccc;
}

h3.contentSubTitle{
    margin: 0 0 10px;
    border-bottom: 1px solid #444;
    -webkit-box-shadow: 0 1px 0 #ccc;
    -moz-box-shadow: 0 1px 0 #ccc;
    box-shadow: 0 1px 0 #ccc;
    font-size: large;
    text-align: left;
}

div#footer {
    clear: both;
    border-top: 2px solid #2e5b6a;
    color: #333;
}

#footer ul {
    font-size: 0.9em;
	padding: 5px 0.5em 0;
    list-style:none;
}

#footer li {
    border: 1px solid #999;
    border-width: 0 1px;
    float: left;
    margin: 0 -1px 0 0;
    padding: 0 6px;
    white-space: nowrap;
}

#footer p.copyright {
    float: right;
    font-size: 0.8em;
    text-align: right;
    padding-right:0.5em;
}

#footer a {
    color: #333;
    text-decoration: none;
}

#footer a:hover,
#footer a:active {
    color: #00F;
    text-decoration: underline;
}
/*
input[type="submit"],
input[type="reset"] {
    font-size: 1em;
    margin: 0 0.3em;
    padding: 0.1em 0.2em;
    min-width: 5em;
    width: auto;
    overflow: visible;
}
*/
/*
.errors {
    color: red;
}

.info {
    color: blue;
}
*/
#errorBox {
    background-color: white;
    border: 2px solid #800000;
    color: red;
    font-weight: bold;
    margin: 1em 2em;
    padding: 1em;
}

#errorBox li {
    list-style:none;
}

#passwordChange {
    padding: 1em;
}

/* error page */
#messageBox {
    background-color: LightCyan;
    border: 3px double SteelBlue;
    margin: 20px auto;
    width: 400px;
}

#messageBox div {
    padding: 15px;
}

#messageBox .message-area {
    background-repeat: no-repeat;
    background-position: 0px 4px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: SteelBlue;
    font-size: 16px;
    padding: 20px 0 0 64px;
    height: 64px;
    min-height: 64px;
}

#message_error {
    background-image: url("/images/icon_error.png");
}

#message_warning {
    background-image: url("/images/icon_warning.png");
}

#message_information {
    background-image: url("/images/icon_information.png");
}

#messageBox .guidance-area {
    text-align: center;
}

#messageBox .guidance-area a {
    color: blue;
}


.emptyElement,
.hiddenField {
    display: none;
}
.clear {
    clear: both;
}
/* extend input button ui */
div.ibutton-ui {
    height: 36px;
    padding: 0px;
    margin: 0px;
    border-width: 0px;
    display: inline-block;
    /display: inline;
    /zoom: 1;
}
input.ibutton {
    /*width: 1px;*/
    min-width: 0;
    height: 36px;
    margin: 0px;
    padding: 5px 5px 5px 34px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    text-decoration: none !important;
    cursor: pointer;
    zoom: 1;
    overflow: visible;
}
input.ibutton.ui-state-hover {
    background-color: #fff;
}
input.ibutton.ibutton-icon-primary {
    padding: 5px 5px 5px 29px;
    background-position: 5px 5px;
}
input.ibutton.ibutton-icon-secondary {
    padding: 5px 29px 5px 5px;
    background-position: right 5px; /* scriptで書換 */
}
/* user message */

#header {
    min-height: 30px;
    position: relative;
}
#user-menu {
    padding-right: 5px;
    right: 0;
    bottom: 0;
    display: inline-block;
    position: absolute;
}
#user-menu li {
    padding: 2px;
    display: inline-block;
    vertical-align: middle;
}
#user-menu li img {
    vertical-align: middle;
}
#user-message .icon {
    width: 24px;
    height: 24px;
    background-image: url("/images/read.png");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
#user-message.unread .icon {
    background-image: url("/images/unread.png");
}
.subjects li {
    padding: 5px 5px 5px 30px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 110%;
}
.subjects li.unread {
    background: url("/images/unread_subject.png") no-repeat left top;
    background-size: 24px;
}
.subjects li.unread a {
    color: red;
}
div.messageSubject {
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
    background-color: #42879E;
    color: white;
    border-bottom: 1px solid #005752;
    font-weight: bold;
    font-size: 1.1em;
    text-align: left;
    text-shadow: 1px 2px 1px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#77ffffff', endColorstr='#00ffffff')";
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#77ffffff', endColorstr='#00ffffff');
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
}
div.messageSubject .title {
    padding: 5px;
}
div.messageBody {
    word-wrap: break-word;
    word-break: break-all;
    padding-top: 5px;
    overflow: auto;
}
ul.info, ul.errors, ul.success, ul.warning {
    width:100%;
    margin: 0.5em 0;
    padding: 2px 0;
    position: relative;
    zoom: 1;	
    border-style: solid;
    border-width: 1px 0 1px 5px;
    background-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,.0), rgba(255,255,255,.3));
    background-image: -moz-linear-gradient(-45deg, rgba(255,255,255,.0), rgba(255,255,255,.3));
    background-image: -ms-linear-gradient(-45deg, rgba(255,255,255,.0), rgba(255,255,255,.3));
    background-image: linear-gradient(45deg, rgba(255,255,255,.0), rgba(255,255,255,.3));
}

ul.info,ul.warning {
    background-color: #BDE5F8;
    border-color: #00529B;
}

ul.success {
    background-color: #DFF2BF;
    border-color: #4F8A10;
}
ul.errors {
    background-color: #ffbaba;
    border-color: #D8000C;
}


ul.info li, ul.errors li, ul.success li, ul.warning li {
    font-size:0.9em;
    padding: 5px 0 5px 35px;
    position: relative;
    zoom: 1;    
    background-position:5px center;
    background-repeat:no-repeat;
    text-shadow: 1px 1px 0 rgba(255,255,255,.2);
}

ul.info li, ul.warning li {
    color:#00c;
    background-image: url(/images/icons/symbol_information_24x24.png);
}
ul.success li {
    color:#030;
    background-image: url(/images/icons/symbol_check_24x24.png);
}
ul.errors li {
	color:#800;
    background-image: url(/images/icons/symbol_error_24x24.png);
}
.hidden {
    display: none;
}
.dialogContents {
    display: none;
}

/* JQuery UI Dialog */
/* custom dialog */
div.custom-dialog-error .ui-dialog-content,
div.custom-dialog-warning .ui-dialog-content,
div.custom-dialog-info .ui-dialog-content {
    padding-left: 42px;
}
/* error */
div.custom-dialog-error {
    border: 1px solid #d33;
}
div.custom-dialog-error .ui-widget-header {
    border: 1px solid #d33;
    background: #b55;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#77ffffff', endColorstr='#00ffffff'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#77ffffff', endColorstr='#00ffffff')";
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    color: #ffffff;
    font-weight: bold;
}
div.custom-dialog-error .ui-dialog-content {
    background: url("/images/icons/symbol_error_24x24.png") 13px 6px no-repeat;
}
div.custom-dialog-error .ui-dialog-buttonpane {
    border-top: 1px solid #d33;
}
/* warning */
div.custom-dialog-warning {
    border: 1px solid #995;
}
div.custom-dialog-warning .ui-widget-header {
    border: 1px solid #995;
    background: #aa4;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#77ffffff', endColorstr='#00ffffff'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#77ffffff', endColorstr='#00ffffff')";
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    color: #ffffff;
    font-weight: bold;
}
div.custom-dialog-warning .ui-dialog-content {
    background: url("/images/icons/symbol_warning_24x24.png") 13px 6px no-repeat;
}
div.custom-dialog-warning .ui-dialog-buttonpane {
    border-top: 1px solid #995;
}
/* info */
div.custom-dialog-info {
    border: 1px solid #55e;
}
div.custom-dialog-info .ui-widget-header {
    border: 1px solid #33d;
    background: #55a;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#77ffffff', endColorstr='#00ffffff'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#77ffffff', endColorstr='#00ffffff')";
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    color: #ffffff;
    font-weight: bold;
}
div.custom-dialog-info .ui-dialog-content {
    background: url("/images/icons/symbol_information_24x24.png") 13px 6px no-repeat;
}
div.custom-dialog-info .ui-dialog-buttonpane {
    border-top: 1px solid #55e;
}