@charset "UTF-8";

/* ================================================ */

/* RESET */
/*
YUI 3.16.0 (build 76f0e08)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/

cssreset-min.css 一部改変 */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q::before,q::after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}

/* ================================================ */

/* CLEAR */
.clr_box{clear:both;}
.clr_both{clear:both;font-size:2px;line-height:1}
.clr{clear:both;overflow:hidden;width:1px;height:1px;margin:0-1px-1px0;border:0;padding:0;font-size:0;line-height:0;}

.clearfix::after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
*html.clearfix{zoom:1;} /* IE6 */
*:first-child+html.clearfix{zoom:1;} /* IE7 */

/* ================================================ */

/* ICON */
@font-face {
  font-family: 'icons';
  src:  url('fonts/icons.eot?t7caht');
  src:  url('fonts/icons.eot?t7caht#iefix') format('embedded-opentype'),
    url('fonts/icons.ttf?t7caht') format('truetype'),
    url('fonts/icons.woff?t7caht') format('woff'),
    url('fonts/icons.svg?t7caht#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
STYLE
  font-family: 'icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  logo               \e600
  setting            \e601
  upgrade            \e602
  desktop            \e603
  info               \e604
  alert              \e605
  help               \e606
  mail               \e607
  search             \e608
  edit               \e609
  login              \e60a
  logout             \e60b
  circle             \e60c
  cross              \e60d
  plus               \e60e
  minus              \e60f
  arrow_left         \e610
  arrow_right        \e611
  arrow_up           \e612
  arrow_down         \e613
  doublearrow_left   \e614
  doublearrow_right  \e615
  doublearrow_up     \e616
  doublearrow_down   \e617
  doublecircle       \e618
  triangle           \e619
  check              \e61a
  delete             \e61b
  download           \e61c
  upload             \e61d
  server             \e61e
  web                \e61f
  ssl                \e620
  user               \e621
  group              \e622
  friend             \e623
  special            \e624
  cloud              \e625
*/

/* ICON - old */
@font-face {
  font-family: 'bindcloud';
  src:url('fonts/bindcloud.eot?7lhupl');
  src:url('fonts/bindcloud.eot?#iefix7lhupl') format('embedded-opentype'),
    url('fonts/bindcloud.woff?7lhupl') format('woff'),
    url('fonts/bindcloud.ttf?7lhupl') format('truetype'),
    url('fonts/bindcloud.svg?7lhupl#bindcloud') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
CODE
  bindcloud   \e600
  setting     \e601
  up        \e602
  pc        \e603
  info      \e604
  notice      \e605
  help      \e606
  mail      \e607
  search      \e608
  pencil      \e609
  login     \e60a
  logout      \e60b
  circle      \e60c
  cross     \e60d
  plus      \e60e
  minus     \e60f
  arrow_left    \e610
  arrow_right   \e611
  arrow_up    \e612
  arrow_down    \e613
  arrow_left2   \e614
  arrow_right2  \e615
  arrow_up2   \e616
  arrow_down2   \e617
*/

/* ================================================ */

/*
FONT SIZE
  14px  1.000em 100.00%
*/

/* ================================================ */

html {
  background: #eff7ff;
  font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #363636;
  height: 100%;
}
a {
  /*color: #2daa96;*/
  color: #0bc8c0;
  text-decoration: none;
  transition: all .3s;
}
a:visited,
a:focus,
a:hover {
  text-decoration: underline;
}
img {
  vertical-align: middle;
}
strong {
  font-weight: bold;
}
em {
  color: #c00;
  font-weight: bold;
}
sup {
  vertical-align: top;
  line-height: 1;
}
sub {
  vertical-align: bottom;
  line-height: 1;
}
small {
  font-size: .85em;
}
hr {
  border-top: 1px solid;
  border-right: none;
  border-bottom: none;
  border-left: none;
}
iframe {
  border: none;
}

/* ================================================ */




/* global */
a:link { color: #4a6cb5; text-decoration: underline; }
a:visited { color: #4a6cb5; text-decoration: underline; }
a:hover { color: #618ded; text-decoration: underline; }
a:active { color: #4a6cb5; text-decoration: underline; }

::-moz-selection {color: #ffffff;background: #8aa0c6;}
::selection { color: #ffffff; background: #8aa0c6; }

#wrapper {
  background-color: #eff7ff;
  /* ヘッダー背景 */
  background-image: linear-gradient(to bottom, #205fbf 46px, transparent 46px);
}

div#dashboard #desktopApp h2,
div#dashboard #course h2 {
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, .15);
}

/* .txt { color: #2c3135; font-size: 12px; line-height: 18px; padding-bottom: 15px; } */
/* .txt-r { color: #ff0000; font-size: 12px; line-height: 18px; padding-bottom: 15px; } */
/* .txt em { font-weight: normal; color: #C00; } */

.hissu { font-size: 10px; color: #FFF; font-weight: bold; background-color: #C00; padding: 3px; }
.check { color: #2c3135; font-size: 16px!important; line-height: 18px; padding-bottom: 15px; font-weight:bold; }
.check-big { color: #2c3135; font-size: 20px!important; line-height: 18px; padding-bottom: 15px; font-weight:bold; font-family:Helvetica, sans-serif }

.table-caption { color: #999; font-size: 11px; }
.sample-area { width: 400px; height: 80px; background-color: #EFF4FB; border: 1px solid #CCDBEC; }
.input-textarea { width: 582px; height: 80px; background-color: #EFF4FB; border: 1px solid #CCDBEC; }

.attention { font-size: 12px; color: #812023; line-height: 20px; background-color: #fedc2d; border: 1px solid #cab022; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; }
.hazard { font-size: 12px; color: #7c080f; line-height: 20px; background-color: #ea787e; border: 1px solid #933034; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; }

/* .input-text { background-color: #eff4fb; border: 1px solid #ccdbec; color: #666666; font-size: 14px; height:20px } */
form { display:inline; }
.form_mini { width: 40px; }
.form_mid { width: 60px; }

#head-area { line-height: 46px; height: 46px; min-width: 960px; max-width: 1100px; margin-right: auto; margin-left: auto; position: relative; }
#head-area #logout-button { position: absolute; top: 0px; right: 0px; }
#head-area #logout-button a { background-image: url(../img/logout.png); background-repeat: no-repeat; background-position: 0px 0px; height: 0px; width: 105px; padding-top: 46px; overflow: hidden; display: block; }
#head-area #logout-button a:active { background-position: 0px -46px; }
#login-area {
  min-width: 960px;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 26px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}

#login span { font-size: 13px; color: #051333; font-weight: bold; }
#login { font-size: 14px; color: #374f85; line-height: 30px; padding-right: 10px; }
#login-area #manual,
#login-area #login { float: right; }

#wrap { width: 958px; margin-right: auto; margin-left: auto; background-color: #FFF; background-image: url(../img/top_left_bg.png); background-repeat: repeat-y; border: 1px solid #9c9fa5; clear: both; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; min-height:620px; }

.inside #wrap { background-image: url(../img/inside_left_bg.png); }
.inside.title { margin-top: 15px; }
/* #wrap #left-area {width: 266px;} */

/* #toppage #wrap #left-area { padding-right: 16px; padding-left: 16px; padding-bottom: 15px; padding-top: 5px; } */
/* #setting #wrap #left-area, */
/* .global #wrap #left-area, */
/* .inside #wrap #left-area { width: 298px; padding-bottom: 15px; } */

/* #wrap #right-area {padding-right: 32px;padding-left: 32px;padding-top: 15px;padding-bottom: 32px;} */

#copy { margin-top: 10px; color: #9c9fa5; font-size: 12px; clear: both; text-align: center; margin-bottom: 30px; }
.footercopy { margin-top: 10px; color: #9c9fa5; font-size: 12px; clear: both; text-align: center; margin-bottom: 30px; }

#left-area .global-navi:first-child li {
  padding: 8px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  font-weight: bold;
}
.global-navi li a { display: block; padding-top: 18px; padding-bottom: 17px; color: #000; text-decoration: none; padding-left: 20px; }
.global-navi img { margin-right:15px; }
/*.global-navi li a:hover { color: #ffffff; text-shadow:0px 1px 0px #4D4D4D; background-image: url(../img/navi_on.png); background-repeat: repeat-x; }*/

.inside .global-navi li { display: block; padding-top: 18px; padding-bottom: 17px; text-decoration: none; padding-left: 20px; }

.navi-label {}

#backtotoppage { float:left; margin-right: 10px; }
#backtotoppage a { background-image: url(../img/backtop.png); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 0px; width: 178px; padding-top: 30px; overflow: hidden; font-size: 10px; transition: none; }
#backtotoppage a:hover { background-position: 0px -30px; }

#backtotoppagefnc { float:left; }
#backtotoppagefnc a { background-image: url(../img/backtopfnc.png); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 0px; width: 178px; padding-top: 30px; overflow: hidden; font-size: 10px; }
#backtotoppagefnc a:hover { background-position: 0px -30px; }


/* 色上書き */
a[class^=button] {
  background: #3079ea;
}
a[class^=button]:hover, a[class^=button]:focus, a[class^=button]:active {
  background: #205fbf;
}
a.button[class^=button],
a.button-m[class^=button],
a.button-b[class^=button],
a.button-f[class^=button] {
  background: #3079ea;
}
a.button[class^=button]:hover,   a.button[class^=button]:focus,   a.button[class^=button]:active,
a.button-m[class^=button]:hover, a.button-m[class^=button]:focus, a.button-m[class^=button]:active,
a.button-b[class^=button]:hover, a.button-b[class^=button]:focus, a.button-b[class^=button]:active,
a.button-f[class^=button]:hover, a.button-f[class^=button]:focus, a.button-f:active {
  background: #205fbf;
}

.global-navi li a:hover,
.global-navi li a:focus {
  color: #3079ea;
}
p#current.step,
p#current.done {
  color: #3079ea;
}
.input-text:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:not([readonly]):focus {
  border-color: #3079ea;
}
.progressBar {
  background: #3079ea;
}
.switch input:checked + .switch_handle {
  background-color: #3079ea;
}
.switch input:focus + .switch_handle {
  box-shadow: 0 0 1px rgba(0,0,0,.4) inset, 0 0 3px #3079ea;
}


/* Toppage */
.title { font-size: 18px; font-weight: bold; color: #051333; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CCC; padding-top: 10px; padding-bottom: 5px; margin-bottom: 15px; }
#left-area .news { font-size: 12px; line-height: 18px; margin-top: 15px; }
#left-area .news-box { background-image: url(../img/left_navi_border.png); background-repeat: no-repeat; background-position: 0px bottom; padding-bottom: 40px; }
#left-area #report a { display: block; line-height: 15px; background-image: url(../img/linkarrow.png); background-repeat: no-repeat; padding-left: 17px; float: right; margin-top: 10px; color: #2c3135; }
#left-area .news span { display: block; }
#login-area #logincourse { font-size: 12px; float: left; line-height: 30px; }
#left-area #report { color: #2c3135; font-size: 12px; }

/* Setting */
.title-table { font-size: 12px; line-height: 18px; padding-top: 10px; padding-bottom: 10px; padding-right: 5px; padding-left: 5px; }
.title-table .subtitle { font-size: 18px; font-weight: bold; color: #051333; }

/* password */
/* .layout { padding-top: 20px; padding-bottom: 20px; font-size: 12px; } */
#all_page { font-size:12px; }


#row{ font-size: 12px; line-height: 20px; }


/* Facebook */
#domain-area { background-color: #EFF7FF; border: 1px solid #CCC; padding: 10px; margin-bottom: 10px; margin-top: 5px; }
.selectArea { overflow: auto; height: 300px; border: 1px solid #999; margin-top: 10px; margin-bottom: 10px; background-color: #FFF; }
#title-c { color: #D22A14; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #D22A14; font-size: 16px; }
#tabs { margin-top: 50px; position: relative; border-top-width: 1px; border-top-style: solid; border-top-color: #dddee6; width: 518px; margin-right: auto; margin-left: auto; }
#tabArea { position: absolute; top: -26px; left: 20px; }
#tabArea .active { font-size:12px; display: block; width: auto; padding-right: 5px; padding-top: 6px; padding-bottom: 5px; padding-left: 10px; background-color: #FFFFFF; color: #435a79; font-weight: bold; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #DADFE9; border-right-color: #DADFE9; border-left-color: #DADFE9; margin-right: 2px; text-decoration: none; }
#tabArea .active a:link { background-color: #ffffff; color: #adbdd6; text-decoration: none; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; /*border: 1px solid #627aad;*/
  font-size: 10px; font-weight: bold; margin-left: 10px; }
#tabArea .active a:hover { background-color: #6584b2; color: #FFFFFF; text-decoration: none; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; /*border: 1px solid #627aad;*/
  font-size: 10px; font-weight: bold; margin-left: 10px; }
#tabArea .inactive { margin-right: 2px; }
#tabArea .inactive a:link { font-size:12px; display: block; width: auto; padding-right: 10px; padding-top: 6px; padding-bottom: 2px; padding-left: 10px; background-color: #dadfe9; color: #435a79; font-weight: bold; text-decoration: none; }
#tabArea .inactive a:hover { display: block; width: auto; padding-right: 10px; padding-top: 6px; padding-bottom: 2px; padding-left: 10px; background-color: #627aad; color: #FFFFFF; font-weight: bold; text-decoration: none; }
#tabArea li { float: left; }
#editbuttonArea { padding: 10px; }
#tabs iframe { margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.selectArea { overflow: auto; height: 300px; border: 1px solid #999; margin-top: 10px; margin-bottom: 10px; background-color: #FFF; }
.moveTab { margin: 0px; padding: 0px; float: left; }
.likeit-area #likeit { background-image: url(../img/likeit.gif); background-repeat: no-repeat; background-position: 0px center; height: 27px; line-height: 27px; padding-left: 80px; color: #38579A; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #38579A; font-size: 16px; margin-bottom: 10px; }
.likeit-area #liked { background-image: url(../img/liked.gif); background-repeat: no-repeat; background-position: 0px center; height: 27px; line-height: 27px; padding-left: 80px; color: #379942; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #379942; font-size: 16px; margin-bottom: 10px; }
.likeit-area .likebutton { margin-top: 10px; }
.likeit-area .likecap { margin-right: 20px; }
.likeit-area span.selected { color: #00afff; }
.copy { text-align: right; }
.copy a { font-size: 9px; color: #cccccc; }
.likeit-area { margin-top: 40px; font-size: 12px; line-height: 18px; padding: 10px; }
#description02 { padding: 16px; margin-top: 50px; font-size: 12px; line-height: 18px; }
#area-a{background-color:#d9dfec;}
#area-b{background-color:#d9ece3;}


/*Paging*/
.paging li{ display: inline; float: left; margin-top: 10px; margin-bottom: 10px; margin-right: 2px; margin-left: 2px; }
.paging li a{ text-decoration: none; display: block; font-size: 12px; width: 15px; height: 15px; line-height: 15px; text-align: center; border: 1px solid #CFD6DD; padding: 2px; }
.current a{ text-decoration: none; display: block; font-size: 12px; width: 15px; height: 15px; line-height: 15px; text-align: center; border: 1px solid #CFD6DD; padding: 2px; background-color: #CFD6DD; color: #333; }
.paging-txt{ font-size: 12px; float: left; line-height: 40px; padding-right: 5px; padding-left: 5px; }
.paging-txt a{ text-decoration: none; }


/*Table*/
#right-area .select-table { width: 596px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; vertical-align: middle; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; clear: both; }
#right-area .select-table td { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; font-size: 12px; line-height: 18px; padding-top: 15px; padding-bottom: 15px; padding-right: 5px; padding-left: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; }
#right-area .select-table th { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; font-size: 12px; line-height: 18px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; background-color: #F8F8F8; border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; }
#right-area .select-table tr:nth-child(2n) {
    background: #eff2f7;
}

/*CunstomerAlert*/
#customer_alert {
  border-color: #aaaaaa;
  border-width: 1px;
  border-style: solid;
  padding: 4px;
  background-color: #eeeeee;
  font-size: 14px;
}
#customer_alert .items {
  color: #ff0000;
}

/* ========================
vex plugin
======================== */
@keyframes vex-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes vex-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes vex-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes vex-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}
@-webkit-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}
.vex,
.vex *,
.vex *:before,
.vex *:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.vex {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1111;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 100px;
}
.vex-overlay {
  background: black;
}
.vex-overlay {
  animation: vex-fadein .5s;
  -webkit-animation: vex-fadein .5s;
  position: fixed;
  background: rgba(0,0,0,.6);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vex.vex-closing .vex-overlay {
  animation: vex-fadeout .5s;
  -webkit-animation: vex-fadeout .5s;
}
.vex-content {
  animation: vex-fadein .5s;
  -webkit-animation: vex-fadein .5s;
  background: white;

  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0,0,0,.6);
  background: #ffffff;
  padding: 3em;
  position: relative;
  margin: 0 auto;
  max-width: 90%;
  width: 450px;
}
.dlUploadDialog .vex-content {
  width: 640px;
}
.vex-content ul,
.vex-content p {
  margin-bottom: 1em;
}
.vex.vex-closing .vex-content {
  animation: vex-fadeout 0.5s;
  -webkit-animation: vex-fadeout 0.5s;
}
.vex-close {
  border-radius: 0 2px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.vex-close:before {
  font-family: Arial, sans-serif;
  content: "\00D7";

  border-radius: 3px;
  position: absolute;
  font-size: 26px;
  font-weight: normal;
  line-height: 31px;
  height: 30px;
  width: 30px;
  text-align: center;
  top: 3px;
  right: 3px;
  color: #bbbbbb;
  background: transparent;
}
.vex .vex-close:hover:before,
.vex .vex-close:active:before {
  color: #777777;
  background: #e0e0e0;
}
.vex-dialog-form {
  margin: 0;
}
.vex-dialog-form .vex-dialog-message {
  margin-bottom: 1em;
  font-weight: bold;
}
.vex-dialog-form .vex-dialog-input textarea,
.vex-dialog-form .vex-dialog-input textarea:focus {
  height: 6em;
}
.vex-dialog-form .vex-dialog-buttons {
  text-align: center;
}
.vex-dialog-form .vex-dialog-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.vex .vex-dialog-button {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  margin: 0 .25em;
}
.vex-dialog-button.vex-dialog-button-primary {
  background: #c03e3e;
}
.vex-dialog-button.vex-dialog-button-primary:focus,
.vex-dialog-button.vex-dialog-button-primary:hover {
  background: #9b3333;
}
.vex-dialog-button.vex-dialog-button-secondary {
  background: #7c9491;
}
.vex-dialog-button.vex-dialog-button-secondary:focus,
.vex-dialog-button.vex-dialog-button-secondary:hover {
  background: #586d6a;
}
.vex-loading-spinner {
  animation: vex-rotation 0.7s linear infinite;
  -webkit-animation: vex-rotation 0.7s linear infinite;
  position: fixed;
  z-index: 1112;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2), 0 0 0.5em rgba(0,0,0,.2);
  border-radius: 100%;
  background: rgba(255,255,255,.2);
  width: 0;
  height: 0;
  border: 1.2em solid #bbbbbb;
  border-top-color: #f0f0f0;
  border-bottom-color: #f0f0f0;
}
body.vex-open {
  overflow: hidden;
}

/* 送信ボタン ============================= */
.vex-dialog-button {
  margin: .25em 0;
  padding: .8em;
  border: none;
  border-radius: 4px;
  font-weight: bold;
  color: #ffffff;
  background: #ea5e01;
  background: -moz-linear-gradient(top, #ea5e01 0%, #d45500 100%); /* FF3.6+ */
  background: -webkit-linear-gradient(top, #ea5e01 0%, #d45500 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #ea5e01 0%, #d45500 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ea5e01 0%, #d45500 100%); 
  font-size: 1.083em;
  text-align: center;
  line-height: 1;
  box-shadow: 0 -1px rgba(0,0,0,.3) inset;
  white-space: nowrap;
  cursor:pointer;
}
.button {
  display: inline-block;
}
.submitBox [type=submit] {
  padding: 15px 30px;
}
.vex-dialog-button:focus, .vex-dialog-button:hover
 {
  outline: none;
  background: #c65204;
  box-shadow: 1px 2px rgba(0,0,0,.2) inset, -1px 0 rgba(0,0,0,.2) inset;
  text-decoration: none;
  color: #ffffff;
}
.vex-dialog-button.disabled, .vex-dialog-button.disabled:focus, .vex-dialog-button.disabled:hover {
  background: #aaaaaa;
  box-shadow: none;
  color: #f0f0f0;
  cursor: default;
}