@charset "UTF-8";
html, body {margin:0;padding:0;width:100%;height:100%;}
body {
padding: 0;
margin: 0;
font-size: 90%;
font-family: MyriadPro, Arial, Helvetica, sans-serif;
color: #333;
}
a img {
border: none;
}
a {
outline: none;
color: #4f78c2;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0;
padding: 0 0 1em 0;
}
.center {text-align: center;}
.centered {margin: 0 auto;}
form {
padding: 0;
margin: 0;
}
input[type="text"], input[type="password"], input[type="email"], input[type="phone"], input[type="number"], input[type="tel"], input[type="url"], input[type="float"], input[type="decimal"], textarea {
display: block;
width: 200px;
margin: 0;
padding: 7px 10px;
background: #fff;
border: solid 1px #c5c5c5;
border-radius: 2px;
-moz-border-radius: 2px;
color: #616161;
font-size: 13px;
font-weight: bold;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="phone"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="float"]:focus, input[type="decimal"]:focus, textarea:focus {
border: solid 1px #fbcc66;
-moz-box-shadow: inset 0 1px 3px #d9d9d9;
-webkit-box-shadow: inset 0 1px 3px #d9d9d9;
box-shadow: inset 0 1px 3px #d9d9d9;
outline: none;
}
textarea {
display: block;
margin: 0;
padding: 7px 10px;
background: #fff;
border: solid 1px #c5c5c5;
border-radius: 2px;
-moz-border-radius: 2px;
color: #616161;
font-size: 13px;
}
input.button,
a.button {
display: block;
background: #972da0;
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#982da1', endColorstr='#892891');
background: -webkit-linear-gradient(left top, left bottom, #982da1, #892891);
background: -moz-linear-gradient(top, #982da1, #892891);
background: -o-linear-gradient(top, #982da1, #892891);
background: -ms-linear-gradient(top, #982da1, #892891);
border: solid 1px #5f1c65;
border-radius: 2px;
-moz-border-radius: 2px;
padding: 0 15px;
margin: 0 3px 3px;
color: #fff;
font-size: 12px;
font-family: MyriadPro, Arial, Helvetica, sans-serif;
font-weight: bold;
text-shadow: 0 1px 0 #000;
cursor: pointer;
height: 31px;
line-height: 30px;
}
input.button:hover,
a.button:hover {
background: #972da0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90179a', endColorstr='#7d2485');
background: -webkit-linear-gradient(left top, left bottom, #90179a, #7d2485);
background: -moz-linear-gradient(top, #90179a, #7d2485);
background: -o-linear-gradient(top, #90179a, #7d2485);
background: -ms-linear-gradient(top, #90179a, #7d2485);
-moz-box-shadow: 0 1px 3px #aaa;
-webkit-box-shadow: 0 1px 3px #aaa;
box-shadow: 0 1px 3px #aaa;
}
input.button:active,
a.button:active {
background: #8e1898;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e1898', endColorstr='#7f2387');
background: -webkit-linear-gradient(left top, left bottom, #8e1898, #7f2387);
background: -moz-linear-gradient(top, #8e1898, #7f2387);
background: -o-linear-gradient(top, #8e1898, #7f2387);
background: -ms-linear-gradient(top, #8e1898, #7f2387);
-moz-box-shadow: inset 0 0 4px #5f1c65;
-webkit-box-shadow: inset 0 0 4px #5f1c65;
box-shadow: inset 0 0 4px #5f1c65;
}
input.button::-moz-focus-inner {
border: 1px dotted transparent;
}
input.button.gray,
a.button.gray {
background: #f4f4f4;
border: solid 1px #dbdbdb;
color: #616161;
text-shadow: none;
}
input.button.gray:hover,
a.button.gray:hover {
background: #f3f3f3;
border: solid 1px #c6c6c6;
color: #444;
-webkit-box-shadow: 0 3px 3px -1px #e6e6e6;
-moz-box-shadow: 0 3px 3px -1px #e6e6e6;
box-shadow: 0 3px 3px -1px #e6e6e6;
}
input.button.gray:active,
a.button.gray:active {
border: 1px solid #ccc;
-webkit-box-shadow: 0 0 3px #ccc inset !important;
-moz-box-shadow : 0 0 3px #ccc inset !important;
-o-box-shadow : 0 0 3px #ccc inset !important;
box-shadow : 0 0 3px #ccc inset !important;
background-color: #e9e9e9 !important;
color: #444;
}
input[disabled].button {
background: #d2aad6 !important;
border: solid 1px #bfa4c1 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow : none !important;
-o-box-shadow : none !important;
box-shadow : none !important;
text-shadow: none;
cursor: default;
}
input[disabled].button.gray {
background: #f4f4f4 !important;
border: solid 1px #dbdbdb !important;
-webkit-box-shadow: none !important;
-moz-box-shadow : none !important;
-o-box-shadow : none !important;
box-shadow : none !important;
color: #616161 !important;
cursor: default;
}
.centerBtnHolder a.button {
margin: 40px auto !important;
height: 38px;
line-height: 38px;
}
.outer {
position:relative; min-height:100%;height:auto !important;height:100%;
}
.wrapper {
width: 930px;
overflow: hidden;
margin: 0 auto;
padding: 160px 0 70px 0;
position: relative;
}
.wrapper.without-panel {
padding-top: 145px;
}
.footer {
position: relative;
margin-top: -60px;
height: 14px;
}
.footer .fwrapper {
width: 930px;
margin: 0 auto;
padding: 20px 0;
border-top: solid 1px #ebebeb;
text-align: right;
}
.top-wrapper {
display: block;
position: fixed;
width: 100%;
left: 0;
top: 0;
padding-bottom: 4px;
background: #fff url(/assets/sunrise/top_line_noscroll.png) repeat-x left bottom;
z-index: 200;
}
.top-wrapper.scroll {
background: #fff url(/assets/sunrise/top_line_scroll.png) repeat-x left bottom;
}
.top-wrapper .black-line {
display: block;
width: 100%;
background: url(/assets/sunrise/top_black_bg.png) repeat-x left top;
}
.top-wrapper .rel-holder {
position: relative;
width: 990px;
margin: 0 auto;
}
.top-wrapper .menu-holder {
display: block;
overflow: hidden;
height: 40px;
width: 990px;
margin: 0 auto;
color: #fff;
}
.top-wrapper .menu-holder .main-menu {
display: block;
float: left;
overflow: hidden;
padding: 0;
margin: 0;
list-style: none;
height: 40px;
}
.top-wrapper .menu-holder .main-menu.right {
float: right !important;
}
.top-wrapper .menu-holder .main-menu li {
display: block;
overflow: hidden;
float: left;
background: url(/assets/sunrise/top_line.png) no-repeat left center;
padding-left: 1px;
}
.top-wrapper .menu-holder .main-menu li:first-child {
background: none;
padding: 0;
}
.top-wrapper .menu-holder .main-menu li a {
padding: 0 1px;
}
.top-wrapper .menu-holder .main-menu li a, .top-wrapper .menu-holder .main-menu li a span {
display: block;
color: #fff;
text-decoration: none;
font-size: 15px;
cursor: pointer;
height: 40px;
line-height: 40px;
}
.top-wrapper .menu-holder .main-menu.right li a, .top-wrapper .menu-holder .main-menu.right li a span {
font-size: 12px;
}
.top-wrapper .menu-holder .main-menu li a:hover, .top-wrapper .menu-holder .main-menu li .act {
background: url(/assets/sunrise/top_black_hover.png) repeat-x left top !important;
border-left: solid 1px #000;
border-right: solid 1px #000;
padding: 0;
}
.top-wrapper .menu-holder .main-menu .modul {
display: block;
width: 150px;
overflow: hidden;
background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
padding: 0 30px 0 60px;
}
.top-wrapper .menu-holder .main-menu .create {
display: block;
width: 75px;
overflow: hidden;
background: url(/assets/sunrise/top_plus.png) no-repeat 15px center;
padding: 0 20px 0 35px;
}
.top-wrapper .menu-holder .main-menu .user {
display: block;
width: 95px;
overflow: hidden;
background: url(/assets/sunrise/top_user_ico.png) no-repeat 20px center;
padding: 0 15px 0 45px;
}
.top-wrapper .menu-holder .main-menu .modul .arr, .top-wrapper .menu-holder .main-menu .create .arr,
.top-wrapper .menu-holder .main-menu .user .arr {
display: block;
overflow: hidden;
background: url(/assets/sunrise/top_arr_down.png) no-repeat right center;
padding-right: 15px;
}
.top-wrapper .menu-holder .main-menu li .act .modul .arr,
.top-wrapper .menu-holder .main-menu li .act .create .arr,
.top-wrapper .menu-holder .main-menu li .act .user .arr {
background: url(/assets/sunrise/top_arr_up.png) no-repeat right center !important;
}
.top-wrapper .menu-holder .main-menu li a.watch {
text-decoration: underline;
padding-right: 25px;
}
.top-wrapper .menu-holder .main-menu li a.watch:hover {
text-decoration: none;
background: none !important;
border: none !important;
padding: 0 25px 0 1px;
}
.top-wrapper .menu-holder .main-menu .minimize {
display: block;
padding: 10px 15px 0;
}
.top-wrapper .menu-holder .main-menu .minimize:hover {
padding: 10px 14px 0;
}
.sub-wrapper {
display: block;
overflow: hidden;
border: solid #d2d2d2;
border-width: 0 5px 5px;
border-radius: 2px 0px 2px 2px;
-moz-border-radius: 2px 0px 2px 2px;
position: absolute;
color: #fff;
z-index: 1000;
}
.sub-wrapper .sub-inner {
background: #1e1e1e;
overflow: hidden;
padding: 10px 0;
}
.sub-wrapper.modul {
min-width: 241px;
left: -4px;
top: 40px;
}
.sub-wrapper.create {
min-width: 132px;
left: 238px;
top: 40px;
}
.sub-wrapper.user {
min-width: 157px;
right: -5px;
top: 40px;
}
.sub-wrapper .main-list {
display: block;
float: left;
overflow: hidden;
width: 241px !important;
padding: 0;
margin: 0;
list-style: none;
}
.sub-wrapper .main-list li,
.sub-wrapper .inner-list li {
display: block;
}
/* new css code */
.sub-wrapper .main-list li {
font-weight:bold !important;
text-shadow:#000 1px 2px 0 !important;
}
.sub-wrapper .main-list li a {
display: block;
height:27px;
padding: 10px 30px 0 65px !important;
color: #fff;
text-decoration: none;
font-size: 15px !important;
font-weight:normal;
text-shadow:none;
}
/* end new css code */
.sub-wrapper .main-list li span {
background-color: #252525 !important;
border-top: 1px solid #131313;
border-bottom: 1px solid #353535;
padding: 9px 30px 9px 65px !important;
font-size: 15px !important;
display: block;
/* color: #952c9e;*/
}
.sub-wrapper .main-list li a:hover, .sub-wrapper .inner-list li a:hover {
background-color: #000 !important;
}
.sub-wrapper .main-list li a.icon1,
.sub-wrapper .main-list li span.icon1 {
background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
}
.sub-wrapper .main-list li a.icon2,
.sub-wrapper .main-list li span.icon2 {
background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
}
.sub-wrapper .main-list li a.icon3,
.sub-wrapper .main-list li span.icon3 {
background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
}
.sub-wrapper .main-list li a.icon4,
.sub-wrapper .main-list li span.icon4 {
background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
}
.sub-wrapper .main-list li a.icon5,
.sub-wrapper .main-list li span.icon5 {
background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
}
.sub-wrapper .main-list li span.icon1,
.sub-wrapper .main-list li span.icon2,
.sub-wrapper .main-list li span.icon3,
.sub-wrapper .main-list li span.icon4 {
background: url(/assets/sunrise/top_logo_black.png) no-repeat 30px center;
}
.sub-wrapper .inner-list {
display: block;
float: left;
overflow: hidden;
width: 240px;
padding: 0 0 0 1px;
margin: 0 0 0 1px;
list-style: none;
border-left: solid 1px #000;
}
.sub-wrapper .inner-list li a {
display: block;
padding: 10px 30px;
color: #fff;
text-decoration: none;
font-size: 13px;
}
.sub-wrapper .inner-list li span {
background-color: #252525 !important;
border-top: 1px solid #131313;
border-bottom: 1px solid #353535;
padding: 10px 15px;
font-size: 13px;
display: block;
color: #952c9e;
}
.sub-wrapper.create .inner-list, .sub-wrapper.user .inner-list {
padding: 0;
margin: 0;
border: 0;
width: auto;
float: none;
}
.sub-wrapper.create .inner-list li a, .sub-wrapper.user .inner-list li a {
padding: 10px 15px;
}
.top-line-holder {
border-top: solid 1px #e5e5e5;
}
.act-buttons-wrapper {
display: block;
overflow: hidden;
width: 930px;
margin: 0 auto;
padding: 10px 0;
clear: both;
}
.black-note {
display: block;
position: absolute;
padding-top: 6px;
background: url(/assets/sunrise/note_pointer.png) no-repeat center top;
overflow: hidden;
}
.black-note .note-holder {
display: block;
text-align: center;
color: #fff;
background: #2b2b2b;
font-size: 12px;
padding: 0 15px;
line-height: 30px;
}
.act-buttons-wrapper .but-holder {
display: block;
overflow: hidden;
float: left;
margin-right: 10px;
}
.act-buttons-wrapper .but-holder:first-child {
margin-right: 13px;
}
/*.act-buttons-wrapper .but-holder.disabled {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.act-buttons-wrapper .but-holder.disabled .del:hover, .act-buttons-wrapper .but-holder.disabled .del:active,
.act-buttons-wrapper .but-holder.disabled .edit:hover, .act-buttons-wrapper .but-holder.disabled .edit:active,
.act-buttons-wrapper .but-holder.disabled .add:hover, .act-buttons-wrapper .but-holder.disabled .add:active,
.act-buttons-wrapper .but-holder.disabled .opt:hover, .act-buttons-wrapper .but-holder.disabled .opt:active {
background-position: 0 0 !important;
}
.act-buttons-wrapper .but-holder .del, .act-buttons-wrapper .but-holder .edit,
.act-buttons-wrapper .but-holder .add, .act-buttons-wrapper .but-holder .opt {
display: block;
width: 78px;
height: 34px;
overflow: hidden;
}
.act-buttons-wrapper .but-holder .del {
background: url(/assets/sunrise/ico_del.jpg) no-repeat left top;
}
.act-buttons-wrapper .but-holder .edit {
background: url(/assets/sunrise/ico_edit.jpg) no-repeat left top;
}
.act-buttons-wrapper .but-holder .add {
background: url(/assets/sunrise/ico_add.jpg) no-repeat left top;
}
.act-buttons-wrapper .but-holder .opt {
background: url(/assets/sunrise/ico_opt.jpg) no-repeat left top;
}
.act-buttons-wrapper .but-holder .del:hover, .act-buttons-wrapper .but-holder .edit:hover,
.act-buttons-wrapper .but-holder .add:hover, .act-buttons-wrapper .but-holder .opt:hover {
background-position: 0 -34px;
}
.act-buttons-wrapper .but-holder .del:active, .act-buttons-wrapper .but-holder .edit:active,
.act-buttons-wrapper .but-holder .add:active, .act-buttons-wrapper .but-holder .opt:active {
background-position: 0 -68px;
}*/
.act-buttons-wrapper .but-holder .check {
display: table-cell;
text-align: center;
vertical-align: middle;
background: url(/assets/sunrise/chechbox_bg.png) no-repeat left top;
width: 45px;
height: 30px;
overflow: hidden;
line-height: 30px;
//font-size: 30px;
}
.act-but {
display: block;
overflow: hidden;
padding: 0 3px 3px;
}
.act-but .but-container {
display: block;
background: #f3f3f3;
border: solid 1px #dbdbdb;
border-radius: 2px;
-moz-border-radius: 2px;
height: 28px;
overflow: hidden;
}
.act-but .but-container:hover {
border: solid 1px #c6c6c6;
-moz-box-shadow: 0 1px 5px #e7e7e7;
-webkit-box-shadow: 0 1px 5px #e7e7e7;
box-shadow: 0 1px 5px #e7e7e7;
background-position: center -28px !important;
}
.act-but .but-container:active {
border: solid 1px #b25cb9;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-position: center -28px !important;
}
.act-but .but-container.disabled {
background: #F9F9F9;
border: solid 1px #f1f1f1;
background-position: center -56px !important;
cursor: default;
}
.act-but .but-container.disabled:hover, .act-but .but-container.disabled:active {
border: solid 1px #f1f1f1;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-position: center -56px !important;
cursor: default;
}
.act-but .but-container.del {
background-image: url(/assets/sunrise/ico_del.png);
background-position: center top;
background-repeat: no-repeat;
}
.act-but .but-container.calend {
background-image: url(/assets/sunrise/ico_calend.png);
background-position: center top;
background-repeat: no-repeat;
}
.act-but .but-container.edit {
background-image: url(/assets/sunrise/ico_edit.png);
background-position: center top;
background-repeat: no-repeat;
}
.act-but .but-container.add {
background-image: url(/assets/sunrise/ico_add.png);
background-position: center top;
background-repeat: no-repeat;
}
.act-but .but-container.opt {
background-image: url(/assets/sunrise/ico_opt.png);
background-position: center top;
background-repeat: no-repeat;
}
.act-but .but-container.sort {
background-image: url(/assets/sunrise/ico_sort.png);
background-position: center top;
background-repeat: no-repeat;
}
.act-buttons-wrapper .but-holder .act-but {
width: 72px;
}
.padder {
margin: 0 0 20px 0;
}
.padder label {
display: block;
margin-bottom: 3px;
}
.title-switcher {
font-size: 17px;
margin: 0 20px 15px 20px;
height: 23px;
float: left;
padding-right: 15px;
background-image: url(/assets/sunrise/switcher_arrows.png);
background-repeat: no-repeat;
}
.title-switcher.up {
background-position: top right;
}
.title-switcher.down {
background-position: bottom right;
}
.title-switcher span {
border-bottom: 1px dotted #000;
cursor: pointer;
}
.filter-line-wrapper {
display: block;
background: #f5f5f5;
}
.filter-line-wrapper .filter-line-holder {
display: block;
width: 930px;
margin: 0 auto;
height: 75px;
}
.filter-line-wrapper .filter-line-holder .struct-name {
display: block;
float: left;
padding: 20px 20px 20px 0;
font-size: 20px;
line-height: 30px;
}
.filter-line-wrapper .filter-line-holder .vline-block {
display: block;
float: left;
padding: 20px;
background: url(/assets/sunrise/vline.gif) repeat-y left top;
min-height: 25px;
position: relative;
}
.filter-line-wrapper .filter-line-holder .vline-block input {
float: left;
}
.filter-line-wrapper .filter-line-holder .vline-block input.button {
margin-left: 5px;
}
.filter-line-wrapper .filter-line-holder .filter-but {
display: block;
overflow: hidden;
float: left;
margin-right: 15px;
padding: 0 25px 0 15px;
height: 28px;
background: #f4f4f4 url(/assets/sunrise/filt_arr.png) no-repeat right center;
border: solid 1px #dbdbdb;
border-radius: 2px;
-moz-border-radius: 2px;
margin-bottom: 3px;
color: #616161;
font-size: 12px;
text-decoration: none;
font-weight: bold;
line-height: 27px;
}
.filter-line-wrapper .filter-line-holder .filter-but:hover {
background-color: #f3f3f3;
border: solid 1px #c6c6c6;
-webkit-box-shadow: 0 3px 3px -1px #e6e6e6;
-moz-box-shadow: 0 3px 3px -1px #e6e6e6;
box-shadow: 0 3px 3px -1px #e6e6e6;
color: #444;
}
.filter-line-wrapper .filter-line-holder .filter-but:active {
border: 1px solid #ccc;
-webkit-box-shadow: 0 0 3px #ccc inset !important;
-moz-box-shadow : 0 0 3px #ccc inset !important;
-o-box-shadow : 0 0 3px #ccc inset !important;
box-shadow : 0 0 3px #ccc inset !important;
background-color: #e9e9e9 !important;
color: #444;
}
.filter-line-wrapper .filter-line-holder .vline-block .filter-form {
display: block;
position: absolute;
left: 20px;
top: 49px;
background: #fff;
-webkit-box-shadow: 0 2px 5px #e6e6e6;
-moz-box-shadow: 0 2px 5px #e6e6e6;
box-shadow: 0 2px 5px #e6e6e6;
padding: 5px 10px 20px;
}
.filter-line-wrapper .filter-line-holder .vline-block .filter-form label {
display: block;
padding: 15px 0 3px;
font-size: 12px;
color: #010101;
}
.filter-line-wrapper .filter-line-holder .vline-block .filter-form input {
float: none;
margin-left: 0;
}
.filter-line-wrapper .filter-line-holder .vline-block .filter-form input.button {
margin-top: 15px;
}
a.close-but {
width: 8px;
height: 8px;
background: url(/assets/sunrise/chosen-sprite.png) no-repeat -50px -2px;
display: block;
position: absolute;
top: 12px;
right: 12px;
}
a.close-but:hover {
background-position: -50px -13px;
}
.dnd-area {
border: 1px dashed #ccc;
padding: 20px;
color: #b1b1b1;
height: 130px;
}
.dnd-area:active {
border-color: #d169d9;
}
.dnd-area:active .dnd-hints .dnd-hint {
color: #d169d9;
}
.dnd-hints {
text-align: center;
margin-top: 30px;
overflow: hidden;
}
.dnd-hints .button {
margin: 0 20px 0 200px;
width: 222px;
float: left;
}
.dnd-hints .dnd-hint {
float: left;
line-height: 30px;
font-size: 12px;
}
.dnd-hints .dnd-hint span {
padding: 10px 30px;
background: url(/assets/sunrise/ico_attach.png) no-repeat 9px center;
}
.tabs-holder {
display: block;
overflow: hidden;
float: left;
padding-right: 15px;
}
.tabs-holder .tabs-item {
display: block;
overflow: hidden;
height: 33px;
width: 44px;
float: left;
}
.tabs-holder .tabs-item .table {
background-image: url(/assets/sunrise/tab_table.png);
background-position: center top;
background-repeat: no-repeat;
}
.tabs-holder .tabs-item .list {
background-image: url(/assets/sunrise/tab_list.png);
background-position: center top;
background-repeat: no-repeat;
}
.tabs-holder .tabs-item a {
display: block;
overflow: hidden;
height: 28px;
background-color: #f4f4f4;
border: solid 1px #dbdbdb;
border-radius: 2px;
-moz-border-radius: 2px;
margin-bottom: 3px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #616161;
}
.tabs-holder .tabs-item a:hover {
background-color: #f3f3f3;
border: solid 1px #c6c6c6;
-webkit-box-shadow: 0 3px 3px -1px #e6e6e6;
-moz-box-shadow: 0 3px 3px -1px #e6e6e6;
box-shadow: 0 3px 3px -1px #e6e6e6;
background-position: center -28px !important;
}
.tabs-holder .tabs-item a:active {
background-color: #f3f3f3;
border: solid 1px #b25cb9;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-position: center -28px !important;
}
.tabs-holder .tabs-item span {
display: block;
overflow: hidden;
height: 28px;
background-color: #fff;
border: solid 1px #dbdbdb;
border-radius: 2px;
-moz-border-radius: 2px;
background-position: center -56px !important;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #616161;
}
.main-item-list, .main-item-table {
display: block;
overflow: hidden;
padding: 15px 0 20px;
}
.main-item-list .main-item {
display: block;
overflow: hidden;
border-top: solid 1px #e5e5e5;
padding: 20px 0;
}
.main-item-list .main-item:hover {
background: #f8f8f8 url(/assets/sunrise/right_but_bg.png) repeat-y right top;
}
.main-item-list .main-item:first-child {
border: none;
}
.main-item-list .main-item .check-block {
display: block;
float: left;
width: 45px;
text-align: center;
margin-right: 30px;
overflow: hidden;
}
.main-item-list .main-item .img-block {
display: block;
float: left;
width: 100px;
margin-right: 30px;
overflow: hidden;
}
.main-item-list .main-item .data-block {
display: block;
float: left;
width: 590px;
overflow: hidden;
}
.main-item-list .main-item .but-block {
display: block;
float: right;
width: 95px;
overflow: hidden;
text-align: center;
}
.main-item-list .main-item:hover .but-block {
display: block !important;
}
.main-item-list .main-item .but-block .act-but {
width: 50px;
margin: 10px auto 0;
}
.main-item-list .main-item .but-block .act-but:first-child {
margin-top: 0;
}
.main-item-list .main-item .top-info-bl {
display: block;
overflow: hidden;
padding-bottom: 10px;
}
.main-item-list .main-item .top-info-bl .date-time {
float: left;
padding-right: 20px;
line-height: 25px;
}
.main-item-list .main-item .top-info-bl .grey-but {
float: left;
margin-right: 15px;
}
.date-time {
display: block;
overflow: hidden;
font-size: 12px;
color: #333;
}
.date-time .date {
display: block;
float: left;
background: url(/assets/sunrise/calend_ico.png) no-repeat left center;
padding-left: 17px;
}
.date-time .time {
display: block;
float: left;
background: url(/assets/sunrise/time_ico.png) no-repeat left center;
padding-left: 17px;
margin-left: 10px;
}
.main-item-list .main-item .item-title {
display: block;
text-decoration: none;
font-size: 20px;
color: #333;
}
.grey-but {
display: block;
overflow: hidden;
margin: 0 3px 3px;
background: #f3f3f3;
border: solid 1px #dbdbdb;
border-radius: 2px;
-moz-border-radius: 2px;
padding: 0 10px;
line-height: 24px;
font-size: 10px;
color: #616161;
text-decoration: none;
font-weight: bold;
}
.grey-but:hover {
border: solid 1px #c6c6c6;
color: #444;
-moz-box-shadow: 0 2px 3px #e6e6e6;
-webkit-box-shadow: 0 2px 3px #e6e6e6;
box-shadow: 0 2px 3px #e6e6e6;
}
.grey-but:active {
border: solid 1px #b25cb9;
color: #444;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.grey-but input, .grey-but label {
display: block;
float: left;
}
.grey-but input {
margin: 5px 5px 0 0;
padding: 5px 0; /* for Opera, need to test */
}
.main-item-list .main-item .bot-info-bl {
display: block;
overflow: hidden;
padding-top: 13px;
font-size: 13px;
}
.main-item-list .main-item .bot-info-bl .info-item {
display: block;
float: left;
padding: 0 10px;
border-left: solid 1px #bbb;
overflow: hidden;
}
.main-item-list .main-item .bot-info-bl .info-item:first-child {
border: none;
padding-left: 0;
}
.main-item-list .main-item .bot-info-bl .info-item b {
display: block;
float: left;
padding-right: 8px;
}
.main-item-list .main-item .bot-info-bl .info-item .date-time {
float: left;
}
.main-item-table td, .main-item-table th {
text-align: left;
vertical-align: middle;
}
.main-item-table th {
font-size: 13px;
color: #333;
border: none;
padding-bottom: 10px;
}
.main-item-table td {
border-top: solid 1px #e5e5e5;
padding: 10px 10px 10px 0;
min-height: 23px;
}
.main-item-table td .rel {
position: relative;
}
.main-item-table tr td:first-child {
padding-right: 0;
width: 45px;
text-align: center;
}
.main-item-table tr:hover td {
background: #f8f8f8;
}
.main-item-table .buts {
display: block;
position: absolute;
top: -20px;
right: -10px;
overflow: hidden;
background: #f0f0f0;
border-left: solid 1px #e4e4e4;
padding: 4px 10px 3px 0;
min-width: 126px;
}
.main-item-table .buts.three {
min-width: 189px;
}
.main-item-table .buts.four {
min-width: 252px;
}
.main-item-table .buts .act-but {
float: left;
margin-left: 7px;
width: 50px;
}
.main-item-table tr:hover td .rel .buts {
display: block !important;
}
/* dashboard table */
.dbTable {
margin: 50px 0 30px 0;
}
.dbTable table {
background: url(/assets/sunrise/dbTableHeader.png) top left no-repeat;
}
.dbTable td, .dbTable th {
text-align: left;
vertical-align: middle;
font-size: 12px;
}
.dbTable th {
font-size: 13px;
color: #616161;
padding: 13px 20px 12px;
border: none;
}
.dbTable th img {
margin-right: 5px;
}
.dbTable td {
border-bottom: solid 1px #e5e5e5;
padding: 20px;
min-height: 23px;
color: #616161;
}
.dbTable td:first-child {
color: #959595;
}
.dbTable tr:hover td {
background: #f8f8f8;
}
.dark-bg {
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #000;
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
z-index: 2000;
}
.sort-wrapper {
display: block;
position: absolute;
top: 100px;
left: 100px;
z-index: 2100;
background: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: 0 0 5px #333;
-webkit-box-shadow: 0 0 5px #333;
box-shadow: 0 0 5px #333;
width: 930px;
}
.sort-wrapper .sort-title-holder {
display: block;
overflow: hidden;
background: #f5f5f5;
border-bottom: solid 1px #ddd;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.sort-wrapper .sort-title-holder .sort-title {
display: block;
overflow: hidden;
float: left;
padding: 0 20px 0 30px;
line-height: 55px;
font-size: 20px;
color: #333;
}
.sort-wrapper .sort-title-holder .sort-buts-holder {
display: block;
overflow: hidden;
float: left;
background: url(/assets/sunrise/vline.gif) repeat-y left top;
padding: 13px 20px 10px;
}
.sort-wrapper .sort-title-holder .sort-buts-holder input.button {
float: left;
margin: 0 10px 0 0;
}
.sort-wrapper .sort-items-holder {
display: block;
overflow-x: hidden;
overflow-y: auto;
padding: 35px 20px 0px 25px;
margin-bottom: 20px;
max-height: 360px;
}
.sort-wrapper .sort-items-holder .sort-item {
display: block;
overflow: hidden;
float: left;
margin: 5px 5px 15px;
background: #fff;
border: solid 1px #ccc;
padding: 10px;
width: 255px;
height: 50px;
font-size: 12px;
}
.sort-wrapper .sort-items-holder .sort-item:hover {
-moz-box-shadow: 0 0 2px #ccc;
-webkit-box-shadow: 0 0 2px #ccc;
box-shadow: 0 0 2px #ccc;
}
.sort-wrapper .sort-items-holder .sort-item:active {
-moz-box-shadow: 0 0 5px #d2d2d2;
-webkit-box-shadow: 0 0 5px #d2d2d2;
box-shadow: 0 0 5px #d2d2d2;
border: solid 1px #cf63d8;
}
.sort-wrapper .sort-items-holder .sort-item .sort-inner {
position: relative;
}
.sort-wrapper .sort-items-holder .sort-item .numb {
display: block;
position: absolute;
right: -9px;
top: -9px;
background: #882890;
color: #fff;
font-weight: bold;
padding: 5px 7px;
font-size: 12px;
}
.sort-wrapper .sort-items-holder .sort-item .sort-item-right {
display: block;
float: right;
width: 100%;
margin-left: -60px;
overflow: hidden;
}
.sort-wrapper .sort-items-holder .sort-item .sort-item-right .right-data {
display: block;
margin-left: 60px;
overflow: hidden;
}
.sort-wrapper .sort-items-holder .sort-item .sort-item-left {
display: block;
float: left;
width: 50px;
overflow: hidden;
}
.sort-wrapper .sort-items-holder .sort-item .date-time {
padding-bottom: 10px;
}
/* relate posts */
.relate-item {
display: block;
overflow: hidden;
float: left;
margin: 5px 20px 5px 0;
background: #fff;
border: solid 1px #ccc;
width: 260px;
height: 50px;
font-size: 11px;
padding: 10px;
}
.relate-item:hover {
-moz-box-shadow: 0 0 2px #ccc;
-webkit-box-shadow: 0 0 2px #ccc;
box-shadow: 0 0 2px #ccc;
}
.relate-item:active {
-moz-box-shadow: 0 0 5px #d2d2d2;
-webkit-box-shadow: 0 0 5px #d2d2d2;
box-shadow: 0 0 5px #d2d2d2;
border: solid 1px #cf63d8;
}
.relate-item .rel-inner {
position: relative;
}
.relate-item .rel-item-mid {
display: block;
float: right;
width: 100%;
margin: 0 0 0 -60px;
overflow: hidden;
}
.relate-item .rel-item-mid .mid-data {
display: block;
margin: 0 26px 0 60px;
overflow: hidden;
}
.relate-item .rel-item-left {
display: block;
float: left;
width: 50px;
overflow: hidden;
}
.relate-item .rel-item-right {
visibility: hidden;
display: block;
position: absolute;
top: -10px; right: -10px;
width: 36px;
height: 70px;
overflow: hidden;
background: #333 url(/assets/sunrise/ico_del_single.png) no-repeat center center;
cursor: pointer;
}
.relate-item:hover .rel-item-right {
visibility: visible;
}
.relate-item .date-time {
padding-bottom: 10px;
font-size: 11px;
}
/* \\\\\relate posts */
.relate-posts {
padding: 20px 0px 20px 20px;
overflow: hidden;
background-color: #f5f5f5;
border: 1px solid #dbdbdb;
border-radius: 2px;
-moz-border-radius: 2px;
margin-bottom: 40px;
}
.relate-holder {
overflow: hidden;
}
.relate-posts .block-title {
font-size: 17px;
margin-bottom: 10px;
}
.relate-posts .button {
margin-top: 15px;
clear: both;
}
/* Post edit styles */
.post-edit-holder {
background-color: #f5f5f5;
border: 1px solid #dbdbdb;
border-radius: 2px;
-moz-border-radius: 2px;
padding: 0 20px 20px 20px;
overflow: hidden;
margin-bottom: 20px;
}
/* post edit tabs */
.post-edit-holder .tabs-holder {
display: block;
overflow: hidden;
float: none;
padding-right: 15px;
}
.post-edit-holder .tabs-holder .tabs-item {
display: block;
overflow: hidden;
height: auto;
width: auto;
float: left;
}
.post-edit-holder .tabs-holder .tabs-item a {
padding: 6px 10px 0 10px;
height: 22px;
border-top: none;
}
.post-edit-holder .tabs-holder .tabs-item:first-child a,
.post-edit-holder .tabs-holder .tabs-item:first-child span {
border-left: 1px solid #DBDBDB;
}
.post-edit-holder .tabs-holder .tabs-item a:hover {
background-color: #f3f3f3;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-shadow: none;
color: #444;
}
.post-edit-holder .tabs-holder .tabs-item a:active {
background-color: #fff;
color: #8e2a96;
}
.tabs-holder .tabs-item span {
color: #616161;
padding: 6px 10px 0 10px;
height: 22px;
border-top: none;
}
/* eof: post edit tabs*/
/* editor column */
.post-edit-holder .wysiwyg-holder {
width: 565px;
float: left;
margin-top: 20px;
}
.post-edit-holder input[type="text"],
.post-edit-holder textarea {
width: 95%;
font-size: 12px !important;
}
.post-edit-holder .padder.post-excerpt textarea {
height: 60px;
}
.post-edit-holder .padder.post-content textarea {
height: 360px;
}
.post-edit-holder .grey-but {
float: left;
}
.post-edit-holder .grey-but label {
margin: 0;
}
/* date/meta tags column */
.post-edit-holder .post-properties-holder {
float: right;
margin-top: 40px;
width: 300px;
}
.post-edit-holder .post-properties-holder input[type="text"],
.post-edit-holder .post-properties-holder textarea {
width: 237px;
}
.framed-block {
overflow: hidden;
background-color: #f5f5f5;
border: 1px solid #dbdbdb;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-box-shadow: 0px 0px 1px 1px #fff;
-moz-box-shadow: 0px 0px 1px 1px #fff;
box-shadow: 0px 0px 1px 1px #fff;
padding: 15px 0;
margin-bottom: 20px;
}
.framed-block .padder {
margin-left: 20px;
margin-right: 20px;
clear: both;
}
div.input.date input.date {
width: 190px;
float: left;
}
div.input.date .but-holder {
width: 50px;
position: absolute;
top: 0;
right: 0;
}
div.input.date .but-holder .but-container {
height: 29px;
}
div.input.date .calend-holder {
margin-bottom: 10px;
height: 30px;
position: relative;
width: 220px;
}
.post-edit-holder .padder.meta-descr textarea {
height: 60px;
}
.custom-meta {
border-top: 1px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
margin: 5px 0 15px 0;
box-shadow: 0 0 1px 1px #FFFFFF;
padding: 17px 0 12px;
position: relative;
}
.tags-edit {
position: relative;
}
.tags-container {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #C5C5C5;
border-radius: 2px 2px 2px 2px;
color: #616161;
display: block;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 5px 2px 3px;
overflow-x: hidden;
}
.tags-container .grey-but {
background: #f3f3f3 url(/assets/sunrise/but_del_tag.png) no-repeat top right;
cursor: pointer;
height: 20px;
line-height: 20px;
padding: 0 25px 0 10px;
float: left;
font-weight: bold;
font-size: 11px;
}
.tags-container .grey-but:hover {
background-position: bottom right;
}
.tags-container input {
float: left;
width: auto;
padding: 4px 0 3px;
border: none;
font-size: 11px;
}
.tags-container input:focus {
border: none;
box-shadow: none;
}
.album-chooser {
height: 28px;
margin-bottom: 15px;
}
.album-chooser .chzn-container {
float: left;
}
.create-newalbum {
display: inline-block;
padding-top: 5px;
height: 24px;
float: left;
margin-left: 15px;
font-size: 12px;
}
.create-newalbum a {
text-decoration: none;
border-bottom: 1px dotted #4f78c2;
}
/* tree stuff */
.treeHolder {
margin: 30px 0;
}
.treeHolder ul {
margin: 0;
padding: 15px 0;
list-style-type: none;
}
.treeHolder ul li {
margin: 0;
padding: 15px 0 0 0;
clear: both;
overflow: hidden;
}
.treeHolder ul li a {
color: #fff;
text-decoration: none;
}
.treeHolder ul li a:hover {
text-decoration: underline;
}
.treeHolder ul li ul {
padding: 15px 0 0 45px;
}
.treeHolder ul li li {
background: url(/assets/sunrise/treeview-gray-line1.gif) no-repeat 0 0;
padding: 0 0 15px 20px;
}
.treeHolder ul li li:last-child {
background-position: left bottom;
}
.treeHolder ul li a.btn_edit,
.treeHolder ul li a.btn_del {
position: absolute;
display: none;
width: 19px;
height: 19px;
background-repeat: no-repeat;
background-position: 0 -4px;
top: 10px;
}
.treeHolder ul li div:hover a.btn_edit,
.treeHolder ul li div:hover a.btn_del {
display: block;
}
.treeHolder ul li a.btn_edit {
background-image: url(/assets/sunrise/ico_edit.png);
right: 64px;
}
.treeHolder ul li a.btn_del {
background-image: url(/assets/sunrise/ico_del.png);
right: 35px;
}
.treeHolder ul li a.btn_edit:hover,
.treeHolder ul li a.btn_del:hover {
background-position: 0 -32px;
}
.treeHolder ul li a.btn_edit:active,
.treeHolder ul li a.btn_del:active {
background-position: 0 -60px;
}
.treeHolder ul li a.dnd_link {
display: block;
width: 28px;
height: 39px;
top: 0;
right: 0;
position: absolute;
cursor: move;
}
.treeHolder ul li li li a.dnd_link {
width: 23px;
height: 25px;
}
.treeHolder ul li div {
padding: 10px 15px;
background-color: #6d6d6d;
color: #fff;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
font-weight: bold;
display: block;
float: left;
margin-bottom: 10px;
position: relative;
}
.treeHolder ul li li div {
border: 1px solid #e5e5e5;
background: #f5f5f5 url(/assets/sunrise/tree_dnd1.png) no-repeat right center;
color: #010101;
font-weight: normal;
padding: 10px 100px 10px 15px;
margin: 0;
}
.treeHolder ul li li a {
color: #010101;
}
.treeHolder ul li li div:hover {
border: 1px solid #888888;
color: #000;
}
.treeHolder ul li li li {
padding: 15px 0 0 20px;
background-image: url(/assets/sunrise/treeview-gray-line2.gif);
}
.treeHolder ul li li li ul {
padding: 15px 0 0 20px;
}
.treeHolder ul li li li div {
background-color: #fff;
background-image: url(/assets/sunrise/tree_dnd2.png);
color: #616161;
padding: 5px 70px 5px 15px;
font-size: 12px;
}
.treeHolder ul li li li div a.btn_edit {
top: 6px;
right: 48px;
background: url(/assets/sunrise/ico_edit_sm.png) top left;
width: 11px;
height: 14px;
}
.treeHolder ul li li li div a.btn_edit:hover {
background-position: 0 -14px;
}
.treeHolder ul li li li div a.btn_del {
top: 5px;
right: 31px;
background: url(/assets/sunrise/ico_del_sm.png) top left;
width: 11px;
height: 14px;
}
.treeHolder ul li li li div a.btn_del:hover {
background-position: 0 -14px;
}
/*
.treeHolder ul li li li li {
padding: 3px 0 3px 20px;
background-image: url(/assets/sunrise/treeview-gray-line3.gif);
}
.treeHolder ul li li li li div {
border: none;
color: #010101;
font-size: 11px;
background-image: url(/assets/sunrise/tree_dnd3.png);
padding: 5px 30px 5px 5px;
}
.treeHolder ul li li li li div:hover {
border:none;
}
.treeHolder ul li li li li ul {
padding: 15px 0 0px 20px;
}
.treeHolder ul li li li li li div {
font-style: italic;
color: #888888;
background-image: none;
} */
/* \\\\tree stuff */
/* first_structure_icons */
.treeHolder ul li div {
padding-right: 50px;
}
.treeHolder ul li div.first_structure_icons {
position: absolute;
top: 0;
right: 0;
z-index: 10;
padding: 0;
height: 36px;
}
.treeHolder ul li div.first_structure_icons a {
right: 0;
}
.treeHolder ul li div.first_structure_icons a.btn_edit {
right: 10px;
}
.treeHolder ul li div.first_structure_icons a.btn_del {
right: 10px;
}
/* end first_structure_icons */