html,body { height:100%; }
html,body,form,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,input,select,textarea { margin:0; padding:0; }
ul,ol { list-style-type:none; }
li,th,td,div,p,a,h1,h2,h3,h4,h5,input,select,textarea { font-family:arial; font-size:12px; line-height:16px; color:#000000; font-weight:normal; }
td { vertical-align:top; }
img { display:block; border:none; }
img.icon { display:inline; width:16px; height:16px; margin-bottom:-3px; }
p { padding:0 0 10px 0; }
p.nopad { padding-bottom:0; }
a { color:#E31544; text-decoration:underline; }
a:hover { text-decoration:underline; }

.success { color:#009900; font-weight:bold; padding:0 0 15px 0; }
.error { color:#FF0000; font-weight:bold; padding:0 0 15px 0; }

table#container { height:100%; }

#nav { background:#dddddd; border-right:3px solid #dddddd; width:230px; padding-top:20px; }
#nav #logo { font-size:16px; font-weight:bold; text-align:center; color:#666666; width:230px; padding-bottom:20px; }
#nav #logo div { font-size:26px; font-weight:bold; text-align:center; line-height:20px; color:#666666; width:230px; padding:25px 0; }
#nav #logo img { margin:0 auto; margin-top:10px; margin-bottom:15px; }
#nav #user { text-align:center; color:#666666; padding-bottom:20px; }
#nav #user a { color:#666666; }
#nav #user span { color:#666666; margin:0 1px 0 1px; }
#nav #menu { float:right; width:220px; margin-right:-3px; }
#nav #menu li { margin-bottom:5px; list-style-type:none; }
#nav #menu li a { display:block; position:relative; text-decoration:none; color:#ffffff; background:#999999; border-left:3px solid #dddddd; border-right:3px solid #dddddd; padding:8px 10px; }
#nav #menu li a:hover { color:#ffffff; background:#999999; }
#nav #menu li a.active { color:#000000; background:#ffffff; border:3px solid #dddddd; border-right:none; padding:8px 10px; }
#nav #menu li a.active:hover { color:#000000; background:#ffffff; }

#content { padding:10px 30px 50px 30px; }

h1 { font-size:20px; font-weight:bold; padding:20px 0 20px 0; }
h1 a { font-size:20px; font-weight:bold; }
h2 { font-size:16px; font-weight:bold; color:#000000; padding:25px 0 10px 0; }
h2 a { font-size:16px; font-weight:bold; color:#E31544; text-decoration:underline; }
p { padding:0 0 20px 0; }

div.buttons { padding:30px 0; }
div.buttons .btn { width:110px; padding:5px 0 5px 0; cursor:pointer; }
div.note span { display:inline-block; padding:2px 5px 1px 5px; margin:0 2px; font-weight:bold; text-transform:uppercase; background:#66cc66; }

table.edit { margin-left:-3px; }
table.edit tr th { font-weight:bold; text-align:left; color:#ffffff; background:#000000; padding:4px 5px 4px 5px; }
table.edit tr td.label { background:#e5e5e5; padding:6px 20px 0 10px; }
table.edit tr td.text { color:#000000; padding:5px; }
table.edit tr td.field { font-weight:bold; color:#999999; padding:1px; }
table.edit tr td.field .txt { padding:4px 5px 2px 5px; width:250px; border:1px solid #999999; }
table.edit tr td.field textarea { padding:4px 5px 2px 5px; width:250px; border:1px solid #999999; }
table.edit tr td.field div.note { padding-top:3px; }
table.edit tr td select { padding:4px 1px 2px 1px; border:1px solid #999999; }
table.edit tr td .btn { width:90px; padding:5px 0 5px 0; margin-top:10px; cursor:pointer; }
table.edit tr.required td.label { font-weight:bold; background:#66cc66; }
table.edit tr.required td.field { font-weight:bold; color:#999999; padding:0; }
table.edit tr.required td.field .txt { border:2px solid #999999; margin-left:0; }
table.edit tr.required td.field textarea { border:2px solid #999999; margin-left:0; }
table.edit tr.required td.field select { border:2px solid #999999; margin-left:0; }

table.list { margin-left:-1px; }
table.list tr th { font-weight:bold; text-align:left; color:#ffffff; background:#000000; padding:6px 10px 5px 10px; }
table.list tr td { text-align:left; vertical-align:middle; padding:5px 10px 4px 10px; border-bottom:1px solid #ccc; }
table.list tr td a.up { float:left; display:block; position:relative; overflow:hidden; text-indent:-10000px; background:url(/cms/images/icons/up-disable.png); width:16px; height:16px; margin:0 auto; }
table.list tr td a.up:hover { background:url(/cms/images/icons/up.png); }
table.list tr td a.down { float:left; display:block; position:relative; overflow:hidden; text-indent:-10000px; background:url(/cms/images/icons/down-disable.png); width:16px; height:16px; margin:0 auto; }
table.list tr td a.down:hover { background:url(/cms/images/icons/down.png); }
table.list tr td a.deselect { display:block; position:relative; overflow:hidden; text-indent:-10000px; background:url(/cms/images/icons/yes.png); width:16px; height:16px; margin:0 auto; }
table.list tr td a.deselect:hover { background:url(/cms/images/icons/no.png); }
table.list tr td a.select { display:block; position:relative; overflow:hidden; text-indent:-10000px; background:url(/cms/images/icons/yes-disable.png); width:16px; height:16px; margin:0 auto; }
table.list tr td a.select:hover { background:url(/cms/images/icons/yes.png); }
table.list tr td a.select-inmenu { display:block; position:relative; overflow:hidden; text-indent:-10000px; background:url(/cms/images/icons/yes-disable.png); width:16px; height:16px; margin:0 auto; }
table.list tr td a.select-inmenu:hover { background:url(/cms/images/icons/yes.png); }
table.list tr td a.move { visibility:hidden; position:absolute; display:block; overflow:hidden; text-indent:-10000px; background:url(/cms/images/icons/in-disable.png); width:16px; height:16px; margin:0 auto; }
table.list tr td a.move:hover { background:url(/cms/images/icons/in.png); }
table.list tr td a.cancel { visibility:hidden; position:absolute; }
table.list tr td select { padding:1px; border:1px solid #999999; }
table.list tr td input.txt { padding:1px; border:1px solid #999999; margin:1px; padding:3px 5px 2px 5px; width:35px; }
table.list tr td input.btn { padding:1px; margin:1px; padding:1px 5px 2px 5px; width:25px; cursor:pointer; }
table.list tr td div.preview { border:3px solid green; margin:0 auto; }
table.list tr td div.preview img { border:1px solid #ffffff; }

table#details td { text-align:left; padding:0 10px 2px 0; }

form.search { padding-bottom:15px; }
form.search table.edit tr td.field .txt { display:inline-block; width:300px; border:2px solid #999999; }
form.search table.edit tr td select { display:inline-block; border:2px solid #999999; }
form.search table.edit tr td input.btn { display:inline-block; padding:4px 5px; margin-top:1px; cursor:pointer; }

::-webkit-input-placeholder { color:#999; } /* WebKit, Blink, Edge */
:-moz-placeholder { color:#999; opacity: 1; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color:#999; opacity: 1; } /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color:#999; } /* Internet Explorer 10-11 */
::-ms-input-placeholder { color:#999; } /* Microsoft Edge */

div.calendar { padding-bottom:20px; }
div.calendar div.calendar-year { display:inline-block; }
div.calendar div.calendar-year div.calendar-month { display:inline-block; text-align:center; margin-right:1px; padding:0; }
div.calendar div.calendar-year div.calendar-month span { font-size:10px; }
div.calendar div.calendar-year div.calendar-month a img { width:21px; margin:2px auto; border-radius:3px; }
div.calendar div.calendar-year div.calendar-month a.label-month { display:block; color:#000000; font-size:10px; text-decoration:none; margin-top:-19px; }
div.calendar div.calendar-year div.calendar-month:hover a img { background:#333333 !important; }
div.calendar div.calendar-year div.calendar-month:hover a.label-month { color:#ffffff !important; }
div.calendar div.calendar-year div.label-year { font-size:10px; line-height:12px; text-align:center; margin-right:1px; padding:4px 0; margin-top:2px; border-radius:3px; }
div.calendar div.calendar-year div.calendar-month-active a img { background:#66cc66 !important; }
div.calendar div.calendar-year div.calendar-month-active a.label-month { color:#ffffff !important; }
div.calendar div.calendar-year div.calendar-month-active:hover a img { background:#66cc66 !important; }

div.pagination { line-height:20px; padding:2px 0 20px; 0 }
div.pagination span { margin:0 7px; }
div.pagination a { display:inline-block; width:16px; text-align:center; text-decoration:none; color:#000; background:#dddddd; border:1px solid #ffffff; border-radius:4px; margin:0 1px; padding:4px 10px; }
div.pagination a.active { color:#fff; background:#66cc66; border:1px solid #66cc66; border-radius:3px; }

#copyright { vertical-align:bottom; text-align:center; background:#dddddd; border-right:3px solid #dddddd; padding:20px 0 10px 0; }
#copyright a { text-decoration:none; color:#666666; }
#copyright a:hover { text-decoration:none; }