/home/edulekha/studygroup.edulekha.com/ow_static/themes/darklets/base.css
/********************************************************************************
*
* Filename: base.css
* Description: Oxwall Darklets Theme Base CSS File
* Version: 1.0.0
*
* -- FILE STRUCTURE: --
*
* [ 1] CSS Defaults Reset __reset
* [ 2] Base Elements __base
* [ 3] Masterpage & Page Layout __layout
* [ 4] Forms __forms
* [ 5] Common Blocks __blocks
* [ 6] Standard Listings __listings
* [ 7] Tables __tables
* [ 8] Messages & Notifications __messages
* [ 9] Thumbnails & Icons __icons
* [10] Menus __menus
* [11] Pagination __pagination
* [12] Typography __typography
* [13] Misc __misc
* [14] Clearfix __clearfix
* [15] Plugin Styles __plugins
* [16] Admin Styles __admin
*
*
********************************************************************************/
/*========================================================
[1] CSS Defaults Reset __reset
========================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body{
line-height: 1; /* TODO delete */
}
ol, ul{
list-style: none; /* TODO delete */
}
blockquote, q{
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
content: '';
content: none;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
/* remember to define focus styles! */
:focus{
outline: 0;
}
/* remember to highlight inserts somehow! */
ins{
text-decoration: none;
}
del{
text-decoration: line-through;
}
/*========================================================
[2] Base Elements __base
========================================================*/
body, body.ow {
background-image: url('images/bg.gif'); /** OW_Control type:image, key:backgroundPattern, section: 1. General Settings, label:2. Page background pattern **/
background-repeat: repeat;
background-color: #191c20; /** OW_Control type:color, section:1. General Settings, key:bodyColor, label:1. Page background color **/
}
body, html {
font-family: "Tahoma","Lucida Grande", "Verdana";
color: #8B8F97; /** OW_Control type:color, section:2. Colors, key:textColor, label:1. Text **/
font-size: 13px;
line-height: 18px;
/*min-height: 100%;*/
height: 100%;
min-width: 1000px;
}
a {
color: #0091a9; /** OW_Control type:color, key:linkColor, section:2. Colors, label:2. Links **/
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
a:hover img{
text-decoration: none;
}
p{
text-indent: 0;
margin-bottom: 4px;
}
h1, h2, h3, h4, h5{
color: #979ca0; /** OW_Control type: color, key: titleColor, section: 2. Colors, label:2. Titles **/
margin: 0;
padding: 0;
font-weight: bold;
}
h1{
font-size: 20px;
line-height: 19px;
padding-left: 0px;
text-transform: uppercase;
margin-left: 0px;
background-repeat: no-repeat;
}
html body div .ow_page h1 {
background: none;
}
.maintenance_cont h1 {
padding-left: 23px;
background-position: left center;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 13px;
}
h4 {
font-size: 13px;
margin-bottom: 10px;
text-transform: none;
}
table {
border: none;
}
img {
border: 0;
vertical-align: middle;
}
th, td {
padding: 2px 5px;
vertical-align: top;
}
th {
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 10px;
vertical-align: middle;
}
th {
background-color: #262B2F;
}
hr {
background-color: #31363a;
border: none;
height: 1px;
margin: 5px 5px 15px 5px;
}
/*========================================================
[3] Masterpage & Page Layout __layout
========================================================*/
/* ---- Page Layout styles ---- */
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
.ow_bg_color{
background-color: #212428;/** OW_Control key:bodyColor **/
}
.ow_page_wrap {
position: relative;
background-image: url('images/promo.jpg');/** OW_Control type:image, key:backgroundImage, section:1. General Settings, label:3. Page background image **/
background-repeat: no-repeat;
background-position: center 41px;
}
body > .ow_page_wrap {
min-height: 100%;
}
.ow_page_padding {
padding-bottom: 99px;
}
.ow_canvas {
margin: 0 auto;
width: 1000px;
word-wrap: break-word;
}
.ow_page {
margin: 0 185px 0px auto;
padding: 0 18px;
}
.ow_page_container {
width: 1000px;
margin: 0px auto 16px;
}
.ow_page_container .ow_page {
padding: 28px 16px 16px;
min-height: 400px;
color: #8B8F97;/** OW_Control key:textColor **/
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-bottom-left-radius: 6px;
-moz-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}
.ow_content {
float: left;
width: 100%;
}
.ow_content a {
color: #0091a9; /** OW_Control key: linkColor **/
}
.ow_sidebar {
margin-right: -201px;
float: right;
width: 168px;
}
.ow_footer {
color: #aaa;
padding:1px 0px;
background:transparent;
height: 96px;
position: relative;
margin-top: -99px;
clear: both;
}
.ow_footer a {
color: #0091A9;
}
.ow_footer .ow_copyright{
float: left;
font-size:11px;
line-height: 1;
}
h1.page_title{
background: url(images/ic_file.png) no-repeat left 50%;
color: #FF7000;
margin-bottom: 20px;
padding-left: 22px;
}
.ow_column {
width: 49%;
overflow: hidden;
}
.ow_narrow {
width: 39%;
overflow: hidden;
}
.ow_wide {
width: 59%;
overflow: hidden;
}
.ow_superwide {
width: 75%;
overflow: hidden;
}
.ow_supernarrow {
width: 23%;
font-size: 11px;
overflow: hidden;
}
.ow_left {
float: left;
}
td.ow_left {
float: none;
}
.ow_right {
float: right;
}
.ow_center {
text-align: center;
}
.ow_vertical_middle {
vertical-align: middle;
}
.ow_txtleft,
table td.ow_txtleft {
text-align: left;
}
.ow_txtcenter {
text-align: center;
}
.ow_txtright {
text-align: right;
}
html body .ow_hidden{
display: none;
}
.ow_visible {
display: block;
}
.ow_nocontent {
padding: 20px 0px;
text-align: center;
}
table.ow_nomargin,
div.ow_nomargin {
margin-bottom:0px;
}
.ow_nowrap {
white-space: nowrap;
}
ul.ow_regular {
margin-bottom: 12px;
}
ul.ow_regular li {
line-height: 17px;
margin: 0 0 3px 0px;
padding: 0px 0px 0px 16px;
background-repeat: no-repeat;
background-image: url(images/miniic_li.png);
background-position: left 5px;
}
.ow_preloader{
background: url(images/ajax_preloader_button.gif) no-repeat center center;
}
.ow_preloader_content{
background: url(images/ajax_preloader_content.gif) no-repeat center center;
}
.ow_page_layout_scheme {
width: 580px;
}
.ow_page_layout_scheme a {
background-position: center center;
background-repeat: no-repeat;
border: 1px solid #FFFFFF;
display: block;
float: left;
height: 103px;
margin: 2px;
padding: 5px;
width: 100px;
}
.ow_page_layout_scheme a.active,
.ow_page_layout_scheme a:hover {
background-color: #CCFFCC;
border: 1px solid #CCCCCC;
}
.ow_item_set2{ width: 49%; }
.ow_item_set3{ width: 33%; }
.ow_item_set4{ width: 25%; }
.ow_item_set5{ width: 20%; }
/* ---- End of Page Layout styles ---- */
/* ---- Header styles ---- */
.ow_header {
width: 100%;
}
.ow_top {
position: relative;
height: auto;
min-height: 105px;
padding-top: 50px;
}
.ow_logo_wrap {
width: 1000px;
margin: 0px auto;
padding: 12px 0px 0px 10px;
}
.ow_logo_wrap a {
font-family: 'UbuntuBold', Verdana, Geneva, sans-serif;
font-size: 13px;
text-transform: uppercase;
color: #626060;
}
.ow_logo_wrap a:hover {
text-decoration: none;
}
.ow_logo {
float: left;
margin: 0px 0 0px 0px;
padding-bottom: 27px;
padding-left: 9px;
}
.ow_logo h2 {
font-family: 'UbuntuBold', Verdana, Geneva, sans-serif;
font-size: 32px;
line-height: 32px;
text-shadow: 1px 1px 0 #fefefe;
font-weight: normal;
}
.ow_logo .ow_tagline {
font-size: 13px;
color: #999;
padding: 0px 0 0 2px;
text-shadow: 0px 1px 0 #FFFFFF;
}
.ow_logo a {
color: #000;
text-decoration: none;
font-family: 'UbuntuBold', Verdana, Geneva, sans-serif;
}
.ow_header .ow_search{
float: right;
padding: 5px;
}
.ow_header_pic {
background-image: url("images/header_image.png");/** OW_Control type:image, key:headerImage, section:1. General Settings, label:4. Header background image **/
background-position: 20px 87px;
background-repeat: no-repeat;
height: 327px;
margin: 0 auto;
width: 1000px;
}
/* ---- End of the Header styles ---- */
/* ---- Sidebar styles ---- */
.ow_sidebar .ow_box_cap_empty {
border-color: #d8d8d8;
}
.ow_sidebar .ow_box_cap {
border-color: #d8d8d8;
border-bottom: 0px;
}
.ow_sidebar .ow_box {
border-color: #d8d8d8;
}
html body .ow_sidebar h3 {
font-size: 13px;
}
/* ---- End of Sidebar styles ---- */
/* ---- Console styles ---- */
.ow_console .wackwall_link{
background: url(images/console-w.png) no-repeat 50% 50%;
display: block;
height: 30px;
width: 35px;
}
.ow_console .wackwall_link:hover{
text-decoration:none;
}
.ow_console .common_shortcuts a{
background-position:50% 50%;
background-repeat: no-repeat;
display:inline-block;
height:30px;
width:25px;
}
.ow_console .common_shortcuts a:hover{
text-decoration:none;
}
.ow_console .notification_shortcut{
padding:0 7px;
}
.ow_console .notification_shortcut a{
background-position:0 50%;
background-repeat:no-repeat;
display:block;
padding: 5px 0 5px 20px;
text-decoration:none;
}
.ow_site_panel {
height: 41px;
background: transparent;
}
.ow_console {
font-size: 11px;
height: 40px;
position: fixed;
top: 0px;
right: 0px;
z-index: 99;
color: #c5ccd0;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
}
.ow_console_body {
padding: 8px 4px 8px 8px;
background-image: url("images/bg.gif");
background-color: #191c20;
text-align: right;
border-bottom-left-radius: 2px;
}
.ow_console_block {
display: inline-block;
text-align: left;
vertical-align: top;
}
.ow_console_item {
background:url(images/box_menu.gif) repeat-x 0px 0px;
display: inline-block;
position:relative;
line-height: 21px;
height:23px;
margin:0 4px 0 0px;
padding:0 8px;
color: #c5ccd0;
border-style: solid;
border-top-color: #14181B;
border-right-color: #14181B;
border-left-color: #14181B;
border-bottom-color: #25282B;
border-width: 1px 1px 1px 1px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
vertical-align: top;
text-align: left;
}
.ow_console_item:hover {
border-color: #999;
border-style: solid;
border-top-color: #14181B;
border-right-color: #14181B;
border-left-color: #14181B;
border-bottom-color: #25282B;
border-width: 1px 1px 1px 1px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor: pointer;
background:url(images/console_bg_hover.gif) repeat-x 0px 0px;
}
.ow_console_dropdown_hover:hover {
background:url(images/console_active_item_bg.gif) repeat-x 0px 0px;
border-top-color: #14181B;
border-right-color: #14181B;
border-left-color: #14181B;
border-bottom-color: #25282B;
cursor: pointer;
}
.ow_console_dropdown_pressed,
.ow_console_dropdown_pressed:hover {
background: url(images/console_active_item_bg.gif) repeat-x 0px 0px;
border-top-color: #14181B;
border-right-color: #14181B;
border-left-color: #14181B;
border-bottom-color: #25282B;
}
.ow_console_item a {
color: #c5ccd0;
}
.ow_console_item a:hover {
text-decoration: none;
}
.ow_console_more {
background: url("images/console_arr.png") no-repeat scroll right 9px transparent;
display: inline-block;
height: 22px;
min-width: 8px;
padding: 0 0px 0 3px;
vertical-align: top;
}
.ow_console_item:hover .ow_console_more {
background: url("images/console_arr.png") no-repeat scroll right 9px transparent;
}
/* ---- Console select language styles ---- */
.ow_console_lang_item {
text-transform: uppercase;
}
li.ow_console_lang_item {
padding: 0px 8px;
border: 1px solid transparent;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin-bottom: 1px;
}
li.ow_console_lang_item:hover {
background: #33383c url(images/console_item_bg.png) repeat-x center 0px;
border-color: #1f2326;
color: #cacfd4;
}
.ow_console_lang_item span {
display: inline-block;
padding-left: 23px;
}
.ow_console_lang .ow_console_lang_item span {
color:#35393c;
}
.ow_console_lang .ow_console_lang_item span:hover {
color: #cacfd4;
}
/* ---- End Console select language styles ---- */
.ow_console .ow_tooltip_top_right {
top: 10px;
padding-top: 2px;
}
.ow_console .ow_tooltip_top_right .ow_tooltip_tail span {
background-position: 1px -6px;
}
.ow_console span.ow_count_wrap {
padding: 4px 0px 0px;
margin: 0px -3px 0px 2px;
}
.ow_console span.ow_count_bg {
}
.ow_console span.ow_count {
position: relative;
top: 0px;
line-height: 13px;
}
.ow_console .ow_tooltip .ow_tooltip_body {
-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.4);
-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.4);
box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
.ow_console_list_wrapper {
width: 330px;
overflow-y: auto;
word-wrap: break-word;
min-height: 60px;
}
.ow_console_list {
cursor: default;
}
.ow_console_list li {
padding: 3px;
margin: 0px 0px 4px;
height: auto;
overflow: hidden;
border: 1px solid #b1b6bb;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color:#dce0e5;
}
.ow_console_list li:hover {
border-color: #92969b;
background-color: #dce0e5;
}
.ow_console_list li.ow_console_new_message {
background: #e9eef3;
border-color: #92969b;
}
.ow_console_list li.ow_console_new_message:hover {
background: #f3f8fd;
border-color: #75797d;
}
.ow_console_list li:last-child {
margin-bottom: 0px;
}
.ow_console .ow_avatar {
float: left;
margin-right: -40px;
height: 40px;
width: 40px;
padding: 0px;
background-image: none;
}
.ow_console .ow_avatar img {
height: 40px;
width: 40px;
}
.ow_console_ntf_txt, .ow_console_invt_txt {
display: block;
line-height: 16px;
color: #212428;
}
.ow_console_invt_txt a {
color: #2A80AE;
}
.ow_console_view_all_btn_wrap {
padding-top: 4px;
}
.ow_console_view_all_btn {
text-decoration: none;
display: block;
line-height: 11px;
padding: 6px 0px;
text-align: center;
border-color: #1f2326;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
background: #292f32 url(images/console_item_bg.gif) repeat-x;
}
ul.ow_console_dropdown {
min-width: 110px;
text-align: left;
overflow-x: auto;
cursor: default;
}
ul.ow_console_dropdown .ow_console_dropdown_cont {
white-space: nowrap;
margin-bottom: 1px;
}
ul.ow_console_dropdown .ow_console_dropdown_cont a {
padding: 3px 8px;
border: 1px solid transparent;
display: block;
color: #212428;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
ul.ow_console_dropdown .ow_console_dropdown_cont a:hover {
background:#33383c url(images/console_item_bg.png) repeat-x center 0px;
border-color: #1f2326;
color: #cacfd4;
}
ul.ow_console_dropdown li:last-child .ow_console_dropdown_cont {
margin-bottom: 0px;
}
.ow_console .ow_tooltip .ow_tooltip_body {
max-width: 330px;
}
.ow_console_ntf_cont, .ow_console_invt_cont {
display: block;
margin: 0px 57px 0px 45px;
line-height: 16px;
color: #35393c;
}
.ow_console_ntf_txt, .ow_console_invt_txt {
min-height: 19px;
padding: 0px 0px 3px 0px;
}
.ow_console_invt_txt {
width: 211px;
word-wrap: break-word;
}
.ow_console_invt_cont a {
color: #2A80AE;
}
.ow_console_invt_cont a:hover {
text-decoration: underline;
}
.ow_console_invt_cont .ow_lbutton:hover {
text-decoration: none;
}
.ow_console_invt_img {
float: right;
margin-left: -54px;
width: 54px;
height: 54px;
text-align: right;
}
.ow_console_invt_img img {
max-height: 100%;
max-width: 100%;
}
.ow_console_invt_no_img .ow_console_invt_txt {
width: 100%;
}
.ow_console_invt_no_img {
margin-right: 0px;
}
.ow_console_divider {
line-height: 1px;
height: 1px;
background: #95999e;
border-bottom: 1px solid #d0d5d9;
margin: 3px 0px 2px;
}
.ow_cursor_pointer {
cursor: pointer;
}
.ow_cursor_default {
cursor: default;
}
/* ---- Messages notifications ---- */
.ow_console_mailbox_txt {
font-size: 12px;
}
.ow_console_mailbox_title {
font-size: 12px;
font-weight: bold;
padding-right: 52px;
}
.ow_console_mailbox_title .ow_mailbox_convers_info_date {
font-size: 10px;
font-weight: normal;
margin-right: -49px;
}
.ow_chat_request_item .console_list_ipc_item {
padding-left: 16px;
background: url(images/miniic_buble.png) 2px 12px no-repeat;
}
.ow_mailbox_request_item .console_list_ipc_item {
padding-left: 16px;
background: url(images/miniic_envelope.png) 2px 12px no-repeat;
}
.ow_chat_request_item .ow_console_mailbox_txt {
font-size: 11px;
font-weight: normal;
line-height: 13px;
}
.ow_console_messages_btns,
.ow_console_messages_btn {
margin-top: 4px;
}
.ow_console_messages_viewall,
.ow_console_messages_send {
width: 50%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-wenkit-box-sizing: border-box;
}
.ow_console_messages_btn .ow_console_messages_send {
display: none;
}
.ow_console_messages_btn .ow_console_messages_viewall {
width: 100%;
padding-right: 0;
}
.ow_console_messages_viewall {
padding-right: 2px;
}
.ow_console_messages_send {
padding-left: 2px;
}
.ow_console_messages_viewall a,
.ow_console_messages_send a {
display: inline-block;
width: 100%;
line-height: 25px;
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #14181B #14181B #25282B;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-wenkit-box-sizing: border-box;
font-size: 11px;
background: url(images/console_item_bg.png) repeat-x left top #262B2F;
}
.ow_console li.ow_chat_request_item .ow_avatar,
.ow_console li.ow_mailbox_request_item .ow_avatar {
width: 32px;
height: 32px;
margin-right: -32px;
}
.ow_console li.ow_chat_request_item .ow_avatar img,
.ow_console li.ow_mailbox_request_item .ow_avatar img {
height: 32px;
width: 32px;
}
.ow_console li.ow_chat_request_item .ow_console_invt_cont,
.ow_console li.ow_mailbox_request_item .ow_console_invt_cont {
margin-left: 38px;
}
#conversationItemListSub {
width: 280px !important;
}
/*End of Messages notifications*/
/* ---- End of Console styles ---- */
/*========================================================
[4] Forms __forms
========================================================*/
/* ---- Form Elements styles ---- */
input[type=text],
input[type=password],
textarea,
select,
div.jhtmlarea,
body .ow_photo_upload_description,
.ow_photo_preview_edit .CodeMirror{
background-image: url(images/inputbg.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
background-color: #707478;
border: 1px solid #707478;
color: #171c20;
font-family: "Lucida Grande", "Verdana";
font-size: 13px;
padding: 4px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
body form div.jhtmlarea {
padding: 0px;
background: #707478;
width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body .toolbar {
padding: 2px 2px 0px;
height: 24px;
background: #676b70;
border-bottom: 1px solid #5e6266;
border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
}
body .jhtmlarea .toolbar ul {
height: 24px;
}
body .toolbar ul li a {
background-image: url(images/wysiwyg.png);
}
.jhtmlarea .input_ws_cont {
padding: 8px;
}
body.htmlarea_styles {
margin: 0px;
}
html body .ow_sidebar *,
html body .ow_console *{
font-size: 11px;
}
select{
background-image: none;
}
textarea{
height: 100px;
width: 100%;
resize: vertical;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type=text],
input[type=password]{
width: 100%;
height: 30px;
line-height: 22px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*.ow_supernarrow input[type=text],
.ow_supernarrow input[type=password]{
width: 95%;
}*/
input[type=submit],
input[type=button]{
background-color: transparent;
background-position: right 50%;
background-repeat: no-repeat;
background-image: url(images/ic_right_arrow.png);
padding: 1px 31px 2px 0px;
color: #979CA0;
font-weight: normal;
cursor: pointer;
height: 30px;
font-family: 'UbuntuBold', Verdana, Geneva, sans-serif;
text-transform: uppercase;
font-size: 13px;
border: none;
text-shadow: #0c1115 1px 0 0;
}
/* temp hack for decorating buttons in FF */
body:not(:-moz-handler-blocked) input[type=submit],
body:not(:-moz-handler-blocked) input[type=button]{
padding-top: 0px;
padding-right: 31px;
}
/* End of temp hack for decorating buttons in FF */
html body div span.ow_button input[type=submit],
html body div span.ow_button input[type=button]{
}
html body.ow input[type=submit],
html body.ow input[type=button]{
margin: 0px;
}
span.ow_button {
display: inline-block;
background-color: #3e4245;
background-repeat:repeat;
background-image: url(images/btn_main_bg.gif);
background-position: right top;
padding: 0px 8px;
border: 1px solid #1a1c1f;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
span.ow_button:hover {
border-color: #1a1c1f;
background-color: #32373b;
background-repeat:repeat;
background-image: url(images/btn_main_bg_hover.gif);
background-position: right top;
}
span.ow_button span.ow_button {
border-radius: none;
-moz-border-radius: none;
-webkit-border-radius: none;
border: none;
background-image: none;
background-position: right center;
background-repeat: no-repeat;
background-color: transparent;
}
span.ow_button span {
display: inline-block;
padding: 0px 0px 0px 0px;
background-position: right center;
background-repeat: no-repeat;
background-color: transparent;
}
.ow_btn_delimiter span.ow_button:first-child {
margin-right: 16px;
}
.ow_btn_delimiter span.ow_button span.ow_button {
margin: 0px;
}
html body.ow span.ow_button {
}
body.ow input.ow_inprogress,
body.ow .ow_inprogress {
background-image: url(images/ajax_preloader_button.gif);
}
*+html input[type=submit],
*+html input[type=button]{
overflow: visible;
}
input[type=submit]:hover,
input[type=button]:hover{
/* empty */
}
input[type=submit].submit{
background-color: #00aa00;
color: #fff;
}
input[type=submit].alert{
background-color: #ff6666;
color: #fff;
}
input[type=submit].submit:hover{
/* empty */
}
input[type=submit].alert:hover{
/* empty */
}
ul.ow_radio_group li{
float:left;
}
ul.ow_checkbox_group li{
float:left;
}
textarea.invitation,
input[type=text].invitation,
input[type=password].invitation{
color:#171c20;
}
.form_auto_click textarea.invitation{
height:50px;
}
form .error{
color:red;
}
form input[type=text].hasDatepicker{
width: 87%;
}
form br.ow_no_height{
line-height: 0;
}
.color_input input[type=text]{
width:70%;
}
.ow_multiselect select{
width: 120px;
padding: 2px;
}
.ow_multiselect input[type=button]{
padding-left: 20px;
}
.form_auto_click .ow_submit_auto_click{
display:none;
}
/* ---- Positive and Negative buttons ---- */
html body div .ow_positive input[type=submit],
html body div .ow_positive input[type=button]{
color: #979CA0;
}
.ow_negative input[type=submit],
.ow_negative input[type=button]{
background: transparent;
padding-right: 2px;
}
body:not(:-moz-handler-blocked) .ow_negative input[type=submit],
body:not(:-moz-handler-blocked) .ow_negative input[type=button] {
padding-right: 2px;
}
/* ---- End of Positive and Negative buttons ---- */
html body div .ow_green {
color: #089634;
}
html body div .ow_red{
color: #ee3d32;
}
html body div .ow_mild_red,
.ow_navbox.ow_mild_red a.move{
color: #f42217;
}
html body div .ow_mild_green,
.ow_navbox.ow_mild_green a.move{
color: #588c00;
}
html body .ow_button.ow_red,
html body .ow_button.ow_mild_red,
html body .ow_button.ow_green,
html body .ow_button.ow_mild_green,
.ow_button .ow_mild_red,
.ow_button .ow_red,
.ow_button .ow_green,
.ow_button .ow_mild_green {
background-color: transparent;
border-color: transparent;
color: #979ca0;
}
input[type=submit].ow_green,
input[type=button].ow_green,
input[type=submit].ow_mild_green,
input[type=button].ow_mild_green,
input[type=submit].ow_red,
input[type=button].ow_red,
input[type=submit].ow_mild_red,
input[type=button].ow_mild_red {
background-color: transparent;
}
/* wysiwyg styles */
body.htmlarea_styles{
font-family: "Lucida Grande", "Verdana", "Tahoma"; /** key:commonFontFamily **/
color: #ccc;
font-size: 13px; /** key:commonFontSize **/
line-height: 18px;
}
body.htmlarea_styles a{
color: #0A6D7F;
}
body.htmlarea_styles p{
margin:0;
}
/* wysiwyg styles end */
/* tag styles */
div.tagsinput {
background-image: url(images/inputbg.gif);
background-color: #707478;
color: #171C20;
}
/* tag styles end */
/* ---- End of Form Elements styles ---- */
/* ---- End of Form Table styles ---- */
/* -------Attachments styles----------*/
.ow_attachment_btn {
float: right;
margin: 0 0 0 4px;
padding: 0;
}
.ow_attachments input[type="file"] {
cursor: pointer;
float: right;
opacity: 0;
}
.ow_attachment_icons {
float: right;
}
.ow_attachments a {
background: url(images/wysiwyg.png) no-repeat scroll -176px 0px rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
height: 20px;
overflow: hidden;
text-decoration: none;
width: 20px;
}
.ow_attachments a.video{
background:url(images/wysiwyg.png) -197px 1px no-repeat;
}
.ow_attachments a.attach {
background: url(images/wysiwyg.png) no-repeat scroll -242px 0 rgba(0, 0, 0, 0);
}
.ow_attachments a.attach.uploading {
background: url(images/ajax_preloader_button.gif) no-repeat center center;
}
.ow_attachment_delete {
width: 12px;
height: 12px;
display: block;
position: absolute;
top: 4px;
right: 4px;
}
.ow_ajax_oembed_attachment {
width: 100%;
}
.ow_attachment_title {
margin-bottom: 4px;
line-height: 13.5px;
font-size: 11px;
color: #000;
display: inline-block;
}
.ow_attachment_description {
padding-right: 16px;
line-height: 13.5px;
height: 27px;
overflow: hidden;
font-size: 11px;
display: inline-block;
}
.ow_video_attachment_preview .ow_attachment_description {
color: #000;
}
.ow_attachment_title a {
font-weight: bold;
font-size: 11px;
}
.ow_video_attachment_preview .ow_attachment_title a {
color: #000;
}
.ow_video_attachment_preview.loading_content .ow_video_attachment_pic,
.ow_video_attachment_preview.loading_content .ow_attachment_title,
.ow_video_attachment_preview.loading_content .ow_attachment_description {
display: none;
}
.ow_video_attachment_preview.loading_content {
background: url(images/ajax_preloader_content.gif) center center no-repeat;
}
.ow_attachment_preload {
background-image: url(images/ajax_preloader_content.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: normal;
}
.ow_attachment_btn span.ow_button {
background-image: url(images/btn_bg.gif);
background-position: 0 0;
background-repeat: repeat-x;
border-radius: 4px;
display: inline-block;
margin: 1px;
}
.ow_attachment_btn span.ow_button span {
display: inline-block;
background-image: url('images/btn_bg.gif');
background-repeat: repeat-x;
background-position: 0px 0px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin: 1px;
}
.ow_attachment_btn span.ow_button input[type=submit],
.ow_attachment_btn span.ow_button input[type="button"] {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #16191D;
height: 22px;
line-height: 20px;
padding: 1px 1px 1px;
text-shadow: 1px 1px #A1A9B7;
}
/*Video, links embed*/
body .ow_oembed_attachment_preview {
height: 60px;
position: relative;
padding: 6px 20px 0 88px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-width: 1px;
}
.ow_mailbox_log .ow_oembed_attachment_preview {
border: none;
padding: 0 0 0 88px;
background-color: transparent;
margin-top: 12px;
}
.ow_mailbox_log .ow_oembed_attachment_preview .ow_attachment_delete {
display: none;
}
.ow_oembed_attachment_pic .attachment_other_images_btn {
position: absolute;
left: 4px;
bottom: 4px;
display: none;
}
.ow_oembed_attachment_pic:hover .attachment_other_images_btn {
display: inline-block;
}
body .ow_oembed_attachment_pic {
width: 80px;
height: 60px;
position: absolute;
top: -1px;
left: -1px;
border-width: 0 1px 0 0;
background-color: #C7BBA9;
}
.ow_oembed_atachment_pic_nopic {
background-image: url(images/no-picture.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
}
.ow_oembed_attachment_pic img {
width: 80px;
height: 60px;
}
.ow_oembed_attachment_url {
position: relative;
}
.ow_oembed_attachment_url a {
position: absolute;
bottom: 4px;
left: 4px;
}
.ow_attachment_title {
margin-bottom: 4px;
line-height: 13.5px;
font-size: 11px;
display: inline-block;
}
.ow_attachment_description {
line-height: 13.5px;
height: 27px;
overflow: hidden;
font-size: 11px;
display: block;
}
.ow_attachment_title a {
display: block;
height: 13px;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
font-size: 11px;
}
.ow_oembed_attachment_preview.loading_content .ow_oembed_attachment_pic,
.ow_oembed_attachment_preview.loading_content .ow_attachment_title,
.ow_oembed_attachment_preview.loading_content .ow_attachment_description {
display: none;
}
.ow_oembed_attachment_preview.loading_content {
background: url(images/ajax_preloader_content.gif) center center no-repeat;
}
.attachment_image_item {
border-width: 1px;
cursor: pointer;
float: left;
height: 85px;
margin: 2px;
padding: 3px;
text-align: center;
width: 85px;
}
.attachment_image_item img {
max-width: 100%;
max-height: 100%;
}
/*Photo attachment*/
.ow_photo_attachment_preview {
height: auto;
padding: 8px 0;
border-width: 0 0 1px 0;
border-style: solid;
margin-left: 0;
}
.ow_comments_mipc .ow_photo_attachment_preview,
.ow_comments_mipc .ow_oembed_attachment_preview {
margin-left: 48px;
}
.ow_comments_ipc .ow_photo_attachment_preview,
.ow_comments_ipc .ow_oembed_attachment_preview {
margin-left: 57px;
}
.ow_feed_comments_input_sticky .ow_photo_attachment_preview,
.ow_feed_comments_input_sticky .ow_oembed_attachment_preview,
.ow_feed_comments_input_sticky .comments_hidden_btn{
margin: 0 12px 8px 22px;
}
.ow_photo_attachment_pic {
display: inline-block;
background-color: #707478;
width: 120px;
height: 120px;
border: 1px solid #707478;
border-top-color: #707478;
position: relative;
background-size: cover;
background-repeat: no-repeat;
}
.ow_photo_attachment_pic.loading {
background-size: auto;
background-image: url(images/ajax_preloader_content.gif);
background-position: center center;
}
.ow_photo_attachment_stage {
width: 150px;
height: 150px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
/*File attachments*/
.ow_file_attachment_preview {
width: 100%;
height: auto;
margin-top: -2px;
margin-bottom: 6px;
}
.ow_file_attachment_block1, .ow_file_attachment_block2 {
float: left;
width: 50%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 2px 0;
}
.ow_file_attachment_block1 {
padding-right: 4px;
}
.ow_file_attachment_block2 {
padding-left: 4px;
}
.ow_dialog_items_wrap .ow_file_attachment_block1,
.ow_dialog_items_wrap .ow_file_attachment_block2 {
width: auto;
float: none;
padding-right: 0;
padding-left: 0;
padding-top: 4px;
}
.ow_dialog_items_wrap .ow_file_attachment_info,
.ow_mailbox_log .ow_file_attachment_info {
padding-right: 4px;
}
.ow_dialog_item_mailchat .ow_mailbox_message_content_attach {
padding-top: 0px;
}
.ow_dialog_items_wrap .ow_file_attachment_name,
.ow_mailbox_log .ow_file_attachment_name {
font-weight: normal;
padding-right: 4px;
}
.ow_file_attachment_info {
border: 1px solid #666;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding-right: 50px;
position: relative;
height: 22px;
overflow: hidden;
}
.ow_file_attachment_info a {
line-height: 22px;
padding-left: 8px;
}
.ow_dialog_in_item.fileattach {
padding-top: 1px;
padding-bottom: 1px;
}
.ow_dialog_in_item.fileattach .ow_file_attachment_info {
border: none;
}
.ow_file_attachment_name {
width: 100%;
line-height: 22px;
height: 22px;
overflow: hidden;
padding-left: 8px;
font-size: 11px;
font-weight: bold;
}
.ow_file_attachment_size {
font-weight: normal;
display: none;
}
.ow_file_attachment_close {
position: absolute;
top: 0;
right: 0;
width: 22px;
height: 22px;
border-left: 1px solid #666;
background-image: url(images/tag_close_btn.png);
background-repeat: no-repeat;
background-position: center center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ow_file_attachment_preload {
position: absolute;
top: 0;
right: 25px;
width: 16px;
height: 22px;
background: url(images/ajax_preloader_content.gif) center center no-repeat;
display: none;
}
.ow_dialog_in_item.errormessage p,
.ow_mailbox_log_message.errormessage .ow_mailbox_message_content,
.ow_dialog_item_mailchat.errormessage .ow_dialog_item_mailchat_text {
color: #b1b1b1;
}
.ow_errormessage_not {
display: block;
padding-bottom: 4px;
padding-left: 4px;
}
.ow_dialog_in_item.errormessage .ow_errormessage_not {
padding-left: 0;
}
/* -------End of attachments styles----------*/
/* ----------- Comments styles---------- */
body .ow_attachments .buttons {
padding: 2px 1px 1px;
background: transparent;
border: 1px solid transparent;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
body .ow_attachments a {
border: 1px solid #1F2227;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color: #666666;
}
body .ow_attachments a.video {
border-radius: 0 2px 2px 0;
margin: 0 0 0 -1px;
}
.base_cmnts_temp_cont .ow_ipc_info {
border: none;
padding-bottom: 1px;
}
.ow_comments_item,
.ow_feed_comments_viewall,
.ow_feed_comments_input_sticky,
.ow_photo_attachment_preview,
.ow_oembed_attachment_preview,
.ow_oembed_attachment_pic,
.ow_comments_form_wrap,
.ow_newsfeed_features .ow_tooltip .ow_tooltip_body {
background-color: #202427;
border-color: #191D1C;
border-style: solid;
}
.ow_comments_item {
position: relative;
padding: 0px 0px 4px;
padding: 6px 6px 4px 6px;
border-width: 1px 1px 0 1px;
}
.ow_comments_form_top .ow_comments_item {
border-width: 0 1px 1px 1px;
}
.ow_comments_form_top .ow_paging {
margin-bottom: 0;
margin-top: 8px;
}
.ow_newsfeed_features .ow_comments_item {
border-width: 1px 0 0 0;
}
.ow_photoview_info_wrap.sticked .ow_comments_item:last-child {
border-width: 1px;
margin-bottom: 12px;
}
.ow_comments_form_top .ow_comments_list .ow_comments_item:last-child {
border-radius: 0px 0px 2px 2px;
-moz-border-radius: 0px 0px 2px 2px;
-webkit-border-radius: 0px 0px 2px 2px;
}
.ow_comments_list .ow_comments_item:first-child {
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
}
.ow_comments_form_top .ow_comments_list .ow_comments_item:first-child {
border-radius: 0;
}
.ow_comments_no_form .ow_comments_list .ow_comments_item:last-child {
border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
-webkti-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-width: 1px;
}
.ow_comments_form_top.ow_comments_no_form .ow_comments_list .ow_comments_item:first-child {
border-top-left-radius: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
border-top-right-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
border-width: 1px;
}
.ow_newsfeed_features .ow_comments_list div .ow_context_action_block .ow_context_action {
border-top-width: 1px;
}
.ow_comments_form_wrap {
padding: 6px 6px 4px 6px;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
border-width: 1px;
min-height: 42px;
}
.ow_comments_ipc .ow_comments_form_wrap {
min-height: 50px;
}
.ow_newsfeed_features .ow_comments_form_wrap,
.ow_newsfeed_features .ow_feed_comments_viewall {
border-width: 1px 0 0 0;
}
.ow_comments_form_top .ow_comments_form_wrap {
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
}
.ow_feed_comments_viewall {
text-align: right;
padding: 8px 8px 8px 0;
border-width: 1px 1px 0 1px;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
min-height: 14px;
}
.ow_feed_comments_input_sticky {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.ow_feed_comments_input_sticky .ow_comments_input_wrap {
padding: 6px 12px 4px 22px;
}
.ow_feed_comments_input_sticky .ow_comments_form_wrap {
border-top-width: 1px;
}
.ow_comments_item_picture{
float: left;
margin-right: -50px;
width: 50px;
}
.ow_comments_item_info {
margin-left: 57px;
}
.ow_comments_item_info textarea.ow_smallmargin {
margin-bottom: 6px;
width: 100%;
margin-top: 4px;
}
.ow_comments_item_info .comments_fake_autoclick {
width: 100%;
height: 28px;
margin-top: 4px;
}
.ow_comments_item_header {
margin-bottom: 2px;
}
.ow_comments_item_header a {
font-size: 11px;
font-weight: bold;
}
.ow_comments_item_toolbar {
float: left;
font-size:10px;
width: 100%;
}
.ow_comments_item_info .clearfix .ow_comments_item_toolbar {
white-space: normal;
}
.ow_comments_date {
float: right;
font-size: 10px;
}
.ow_comments_list .ow_tooltip .ow_tooltip_body {
padding: 4px 0px;
}
.ow_comments_list .ow_context_action_list a {
padding: 4px 12px;
}
.ow_comments_item_info .mipc_url{
font-weight: bold;
}
.comment_add_arr {
float: left;
display: block;
position: relative;
z-index: 1;
left: 1px;
width: 5px;
height: 9px;
margin: 14px 0px 0px -5px;
background: url(images/comment_add_arr.png) no-repeat 0px 0px;
}
.ow_comments_list .comments_view_all {
padding-bottom: 5px;
}
body .ow_comments_list .ow_attachment {
padding-top: 4px;
}
body .ow_comments_content.ow_smallmargin {
margin-bottom: 0px;
}
.ow_comments_content img {
max-width: 100%;
}
.ow_comments_btn_block {
padding: 0 0px 0px 0;
}
.ow_comments_item .cnx_action {
position: absolute;
right: 4px;
top: 4px;
}
.ow_comments_msg {
margin-top: 4px;
color: #666;
}
body .item_loaded {
margin: 0px 3px 8px 57px;
}
body textarea.ow_newsfeed_status_input {
height: 58px;
}
body textarea.ow_newsfeed_status_input.invitation {
width: 100%;
height: 28px;
}
.ow_comments_mipc.ow_comments_paging .ow_comments_list {
margin-bottom: 8px;
}
.ow_comments_mipc .ow_comments_item_picture,
.ow_feed_comments_input_sticky .ow_comments_item_picture {
width: 42px;
margin-right: -42px;
float: left;
}
.ow_comments_mipc .ow_comments_item_picture .ow_avatar,
.ow_feed_comments_input_sticky .ow_comments_item_picture .ow_avatar {
height: 32px;
width: 32px;
background: url(images/avatar_mini_bg.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ow_comments_mipc .ow_comments_item_picture .ow_avatar img,
.ow_feed_comments_input_sticky .ow_comments_item_picture .ow_avatar img {
width: 32px;
height: 32px;
}
.ow_comments_mipc .ow_comments_item_info,
.ow_feed_comments_input_sticky .ow_comments_item_info {
margin-left: 48px;
}
.ow_comments_mipc .ow_comments_list {
margin-bottom: 1px;
}
.ow_comments_item_info .ow_comments_content {
padding: 2px 0;
width: 100%;
word-wrap: break-word;
}
.ow_comments_input_wrap textarea.comments_fake_autoclick {
resize: none;
height: 30px;
padding-right: 28px;
}
.ow_comments_input_wrap .ow_comments_input {
padding-top: 4px;
position: relative;
}
.ow_comments_input_wrap .ow_comments_input .comments_fake_autoclick {
margin-top: 0;
}
.ow_comments_input .ow_attachment_icons {
position: absolute;
top: 8px;
right: 4px;
}
.ow_comments_input .ow_attachments a {
background: url(images/wysiwyg.png) no-repeat scroll -176px 0px rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
height: 20px;
overflow: hidden;
text-decoration: none;
width: 20px;
}
.ow_attachments input[type="file"] {
cursor: pointer;
float: right;
opacity: 0;
}
/*End of comments styles*/
/*========================================================
[5] Common Blocks __blocks
========================================================*/
.ow_box_cap_empty {
background: #35393d url('images/box_cap.gif') repeat-x left top;
border-radius: 6px 6px 0px 0px;
margin-bottom: 8px;
}
.ow_box_cap_empty .ow_box_cap_right {
}
.ow_box_cap_empty .ow_box_cap_body {
min-height: 32px;
}
.ow_box_cap h3,
.ow_box_cap_empty h3{
background-image: url(images/ic_file.png);
background-repeat: no-repeat;
background-position: 8px 8px;
padding: 8px 0 8px 32px;
text-shadow: #171c20 1px 1px 0;
text-transform: uppercase;
height: auto;
line-height: 16px;
overflow: hidden;
font-weight: normal;
font-family: 'UbuntuBold', Verdana, Geneva, sans-serif;
}
.ow_box_cap {
background: #35393D url('images/box_cap.gif') repeat-x left top;
border-radius: 6px 6px 0px 0px;
}
.ow_box_cap .ow_box_cap_body {
min-height: 32px;
}
.ow_box {
background-color: #262b2f;
margin-bottom: 8px;
padding: 8px 8px 8px 8px;
position: relative;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.ow_box_empty{
position: relative;
}
.ow_box .bottom_toolbar, .ow_box_mod .bottom_toolbar{
margin-top: 10px;
border-top: 1px solid #ccc;
font-size: 10px;
padding: 0 5px;
text-align: right;
}
.ow_box.ow_no_cap {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.ow_sidebar .ow_box_bottom_shadow,
.ow_supernarrow .ow_box_bottom_shadow
{
background-image: url('images/box-shadow-small.png');
bottom: -12px;
}
/*========================================================
[6] Standard Listings __listings
========================================================*/
.ow_canvas .ow_avatar img,
.ow_canvas .ow_lp_avatars img,
.ow_canvas .ow_newsfeed_avatar img {
width: 40px;
height: 40px;
}
/* ---- Item Picture Content ---- */
.ow_ipc {
margin-top: 16px;
margin-bottom: 0px;
}
.ow_ipc:first-child {
margin-top: 0px;
}
.ow_ipc_picture{
float: left;
margin-right: -50px;
width: 50px;
/*padding: 4px 5px 6px;*/
}
.ow_ipc_picture .ow_avatar {
background: url(images/avatar_bg.png) no-repeat;
}
.ow_ipc_picture img {
width: 40px;
height: 40px;
}
.ow_ipc_picture img:first-child {
margin-top: 7px;
margin-left: 5px;
}
.ow_ipc_picture .ow_avatar img {
margin-top: 0px;
margin-left: 0px;
}
.ow_ipc_info{
margin-left: 57px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #3b3f43;
}
.ow_ipc_header{
padding: 0px 0px 0px;
margin: 0px 0px 0px;
}
.ow_ipc_header a {
font-size: 12px;
font-weight: bold;
}
.ow_ipc.ow_smallmargin {
margin-bottom: 0px;
}
.ow_ipc_content{
padding: 0px 0px 12px 0px;
line-height: 1.25em;
}
.ow_ipc_toolbar{
font-size: 11px;
float: left;
padding: 0 0px 0px 0px;
width: 100%;
}
.ow_ipc_toolbar .ow_icon_control {
padding: 0px;
}
html body div .ow_ipc_toolbar span {
background: none;
}
.ow_ipc_toolbar .ow_ipc_date,
.ow_ipc_date {
float: right;
font-size: 10px;
line-height: 14px;
}
/* ---- End of the Item Picture Content ---- */
/* ---- Mini Item Picture Content ---- */
.ow_mini_ipc_picture {
float: left;
margin-right: -42px;
width: 42px;
}
.ow_mini_ipc_picture .ow_avatar {
background: url(images/avatar_mini_bg.png) no-repeat 0px 0px;
}
.ow_mini_ipc_picture img,
.ow_mini_ipc_picture .ow_avatar,
.ow_mini_ipc_picture .ow_avatar img {
width: 32px;
height: 32px;
}
.ow_mini_ipc_info {
margin-left: 49px;
padding-top: 0;
}
.ow_mini_ipc_info .mipc_url {
font-weight: bold;
}
.ow_mini_ipc_content {
margin-top: 5px;
}
/* ---- End of the Mini Item Picture Content ---- */
/* ---- Item Content ---- */
.ow_ic_header {
margin-bottom: 5px;
}
.ow_ic_description {
margin-bottom: 5px;
}
.ow_ic_date {
float: right;
font-size: 10px;
line-height: 14px;
}
th,
.ow_highbox_table .ow_highbox,
.ow_page .ow_highbox,
.ow_sidebar,
.ow_table_3 td {
border-color: #31363A;
}
.ow_page td.ow_highbox {
border-color: #41474C;
}
html body .ow_page th.ow_highbox {
border-bottom-color: #41474C;
border-right: 1px solid #41474C;
}
.ow_box_toolbar {
margin-top: 16px;
font-size: 11px;
float: right;
white-space: nowrap;
}
.ow_box_toolbar span {
padding: 0px 2px 0px 0px;
}
.ow_box_toolbar span.ow_nowrap a {
display: inline-block;
color: #91959b;
text-shadow: #23272a 1px 1px 0;
border-style: solid;
border-top-color: #1f2326;
border-right-color: #1f2326;
border-left-color: #1f2326;
border-bottom-color: #33373b;
border-width: 1px 1px 1px 1px;
background: url(images/box_menu.gif) repeat-x;
padding: 0px 6px 0px;
line-height: 23px;
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-khtml-border-radius:3px;
}
.ow_box_toolbar span.ow_nowrap a:hover {
background: url(images/box_menu_active.gif) repeat-x;
}
.ow_box_empty .ow_box_toolbar {
}
.ow_box_toolbar a {
color: #5a5a5a;
}
.ow_box_toolbar a:hover {
text-decoration: none;
}
.ow_box_toolbar .ow_delimiter,
.ow_ic_toolbar .ow_delimiter{
display: none;
}
.ow_avatar_list{
text-align: center;
}
.ow_avatar_list a{
margin-bottom: 0px;
margin-right: 1px;
}
/* ---- Tooltip ---- */
.ow_tooltip {
margin-top: 0;
padding-top: 2px;
}
.ow_tooltip_tail {
display:inline-block;
padding: 0px 0px;
width: 100%;
}
.ow_tooltip_tail span {
display:inline-block;
background: url(images/tooltip_tail.png) no-repeat 8px -6px;
width: 19px;
height: 6px;
margin-bottom: -1px;
}
.ow_tooltip .ow_tooltip_body {
background:#c6cacf;
padding:4px;
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #c6cacf;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
/*max-width: 250px;*/
}
.ow_forum_search_context_menu .ow_tooltip .ow_tooltip_body {
padding: 4px 0;
}
.ow_forum_search_context_menu .ow_context_action_list a {
padding: 4px 12px;
}
body .forum_search_wrap {
background: #707478;
}
/* ---- Top Right Tooltip ---- */
.ow_tooltip_top_right.ow_tooltip {
margin-top: 0;
position: absolute;
right: -1px;
top: 0px;
}
.ow_tooltip_top_right .ow_tooltip_tail span {
background-position: 3px -6px;
}
.ow_tooltip_top_right .ow_tooltip_tail {
text-align: right;
}
/* ---- Bottom Left Tooltip ---- */
.ow_tooltip_bottom_left .ow_tooltip_tail span {
background-position: 9px 0px;
margin-top: -1px;
}
/* ---- Bottom Right Tooltip ---- */
.ow_tooltip_bottom_right .ow_tooltip_tail span {
background-position: 1px 0px;
margin-top: -1px;
}
.ow_tooltip_bottom_right .ow_tooltip_tail {
text-align: right;
}
/* ---- Left Side Tooltip ---- */
.ow_tooltip_left .ow_tooltip_tail {
float: left;
margin-right: -4px;
width: 4px;
padding-top: 8px;
}
.ow_tooltip_left .ow_tooltip_tail span {
margin: 0px;
width: 5px;
height: 11px;
background-position: 0px -28px;
}
.ow_tooltip_left .ow_tooltip_body {
display: block;
margin-left: 4px;
}
/* ---- Right Side Tooltip ---- */
.ow_tooltip_right .ow_tooltip_tail {
float: right;
margin-left: -4px;
width: 5px;
padding-top: 8px;
}
.ow_tooltip_right .ow_tooltip_tail span {
margin: 0px;
width: 5px;
height: 11px;
background-position: 0px -15px;
}
.ow_tooltip_right .ow_tooltip_body {
display:block;
margin-right: 4px;
}
/* ---- End of Tooltip ---- */
/* ---- Counter ---- */
.ow_count_wrap {
text-align: center;
display: inline-block;
line-height: 15px;
font-size: 10px;
vertical-align: top;
}
.ow_count_bg {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
display: inline-block;
background: none repeat scroll 0 0 #0091a9;
min-height: 15px;
overflow: hidden;
}
.ow_count {
color: #f5ffff;
padding: 0 4px 0 4px;
text-shadow: #2482a3 1px 1px 0;
}
.ow_count_active {
background: none repeat scroll 0 0 #ff7000;
}
/* ---- End of Counter ---- */
/* ---- Item Voted Content ---- */
.ow_ivc_box{
}
.ow_ivc_voteupdown{
background-repeat: no-repeat;
background-position: center 5px;
float: left;
margin-right: -50px;
padding: 0px 5px 5px;
text-align: center;
}
.ow_ivc_content{
margin-left: 75px;
}
/*
.ow_ivc_origin{
background-repeat: no-repeat;
margin-bottom: 8px;
padding: 2px 0px 2px 20px;
}
.ow_ivc_toolbar .ow_comments,
.ow_ivc_toolbar .ow_tags,
.ow_ivc_toolbar .ow_voteup,
.ow_ivc_toolbar .ow_votedown{
background-repeat: no-repeat;
display: inline-block;
margin-left: 5px;
padding: 0px 0px 2px 20px;
}
*/
/* ---- Listing Picture ---- */
.ow_lp_picture{
float: left;
margin: 0 1px 1px 0;
}
.ow_lp_wrapper{
/*float: left;
overflow: hidden;
text-align: center;*/
}
.ow_lp_avatars{
text-align:center;
}
.ow_lp_avatars .ow_lp_wrapper{
display: inline-block;
margin: 0 1px 1px 0;
width: 40px;
}
.ow_lp_albums .ow_lp_wrapper{
width: 77px;
height: 77px;
padding: 4px 0px 0px 5px;
float: left;
margin-right: 4px;
background: url(images/lp_wrapper.png) no-repeat 0px 0px;
}
.ow_lp_photos .ow_lp_wrapper{
width: 77px;
height: 77px;
padding: 4px 0px 0px 5px;
margin: 0 2px 2px 0;
display: inline-block;
float: none;
background: url(images/lp_wrapper.png) no-repeat 0px 0px;
text-align: left;
}
.ow_lp_avatars img {
/*display: block;*/
}
.ow_lp_avatars .ow_avatar {
margin: 1px;
text-align: left;
}
.ow_lp_photos img,
.ow_lp_albums img{
width: 72px;
height: 72px;
/*display: block;*/
}
.ow_lp_label{
margin-left: 80px;
}
.ow_lp_avatars.ow_mini_avatar{
text-align:left;
}
.ow_mini_avatar .ow_avatar{
background: url(images/avatar_mini_bg.png) no-repeat 0px 0px;
}
.ow_mini_avatar .ow_avatar, .ow_avatar.ow_mini_avatar,
.ow_mini_avatar .ow_avatar img, .ow_avatar.ow_mini_avatar img {
width: 32px;
height: 32px;
}
a.avatar_list_more_icon{
width: 25px;
height: 32px;
display: inline-block;
margin: 0 1px;
background: #eee url(images/more_icon.png) no-repeat 50% 50%;
}
/* ---- User List ---- */
.ow_user_list {
}
.ow_user_list .ow_item_set3{
width: 32%;
word-wrap: break-word;
}
.ow_user_list_item{
float: left;
padding: 10px;
padding-right: 0px;
position: relative;
}
.ow_user_list_picture{
float: left;
margin-right: -50px;
width: 50px;
}
.ow_user_list_picture img{
width: 40px;
height: 40px;
}
.ow_user_list_data{
margin-left: 53px;
}
.ow_uli_context_menu {
position: absolute;
top: 10px;
right: 10px;
display: none;
}
.ow_user_list_item:hover .ow_uli_context_menu {
display: block;
}
.ow_uli_context_menu .ow_tooltip .ow_tooltip_body {
padding: 4px 0;
}
.ow_uli_context_menu .ow_context_action_list a {
padding: 4px 12px;
}
/*=======================================================
[7] Tables __tables
========================================================*/
.ow_table_1,
.ow_table_2 {
border-collapse: separate;
}
.ow_table_3 {
border-collapse: collapse;
}
.ow_table_1,
.ow_table_2,
.ow_table_3{
margin-bottom: 25px;
width: 100%;
}
.ow_table_1 tr td,
.ow_table_2 tr td,
.ow_user_list .ow_alt1,
.ow_user_list .ow_alt2,
.ow_video_list .ow_alt1,
.ow_video_list .ow_alt2,
.ow_photo_list .ow_alt1,
.ow_photo_list .ow_alt2 {
border-style: solid;
border-color: #31363A;
}
.ow_table_1 tr td,
.ow_table_2 tr td {
border-width: 0px 1px 1px 0px;
}
.ow_table_1 .ow_empty + tr td:first-child,
.ow_table_2 .ow_empty + tr td:first-child {
border-radius: 4px 0px 0px 0px;
-moz-border-radius: 4px 0px 0px 0px;
-webkit-border-radius: 4px 0px 0px 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
}
.ow_video_list div:first-child,
.ow_user_list div:first-child {
border-left-width: 1px;
border-top-width: 1px;
}
.ow_table_1 tr td:first-child,
.ow_table_2 tr td:first-child {
border-left-width: 1px;
}
.ow_video_list div,
.ow_user_list div {
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}
.ow_video_list div:last-child,
.ow_user_list div:last-child {
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.ow_video_list div:first-child,
.ow_user_list div:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.ow_table_1 tr td:last-child,
.ow_table_2 tr td:last-child {
border-bottom-width: 1px;
border-right-width: 1px;
}
.ow_table_1 tr:first-child td,
.ow_table_2 tr:first-child td {
border-top-width: 1px;
}
.ow_table_1 tr:first-child td:first-child,
.ow_table_1 tr:first-child th:first-child,
.ow_table_2 tr:first-child td:first-child,
.ow_table_2 tr:first-child th:first-child {
border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
}
.ow_table_1 tr:first-child td:last-child,
.ow_table_1 tr:first-child th:last-child,
.ow_table_2 tr:first-child td:last-child,
.ow_table_2 tr:first-child th:last-child {
border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-bottom-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
}
.ow_table_1 tr:last-child td:first-child,
.ow_table_1 tr.ow_alt1:last-child td:first-child,
.ow_table_1 tr.ow_tr_last td:first-child,
.ow_table_1 tr.ow_tr_last th:first-child,
.ow_table_2 tr:last-child td:first-child,
.ow_table_2 tr.ow_alt1:last-child td:first-child,
.ow_table_2 tr.ow_tr_last td:first-child,
.ow_table_2 tr.ow_tr_last th:first-child {
border-bottom-left-radius: 4px;
-moz-border-left-radius: 4px;
-webkit-border-left-radius: 4px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}
.ow_table_1 tr:last-child td:last-child,
.ow_table_1 tr.alt1:last-child td:last-child,
.ow_table_1 tr.ow_tr_last td:last-child,
.ow_table_1 tr.ow_tr_last th:last-child,
.ow_table_2 tr:last-child td:last-child,
.ow_table_2 tr.alt1:last-child td:last-child,
.ow_table_2 tr.ow_tr_last td:last-child,
.ow_table_2 tr.ow_tr_last th:last-child {
border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-width: 1px;
border-right-width: 1px;
border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
-webkit-border-top-right-radius: 0px;
}
.ow_table_1 tr:last-child td,
.ow_table_1 tr:last-child th,
.ow_table_2 tr:last-child td,
.ow_table_2 tr:last-child th {
border-top-width: 0px;
}
.ow_table_1 th,
.ow_table_2 th {
border-style: solid;
border-color: #e8e8e8 #e8e8e8 #ccc #e8e8e8;
border-width: 0px 1px 1px;
_border-width: 1px;
}
.ow_table_1 tr.ow_tr_first td,
.ow_table_2 tr.ow_tr_first td{
border-top-width: 1px;
}
.ow_table_1 tr.ow_tr_first th,
.ow_table_2 tr.ow_tr_first th {
border-width: 1px 0px;
border-color: #31363A;
}
.ow_table_1 tr.ow_tr_first th:first-child,
.ow_table_1 tr.ow_tr_first td:first-child,
.ow_table_2 tr.ow_tr_first th:first-child,
.ow_table_2 tr.ow_tr_first td:first-child {
border-left-width: 1px;
border-top-left-radius: 4px;
}
.ie8 .ow_table_1 tr.ow_tr_first th,
.ie8 .ow_table_2 tr.ow_tr_first th {
border-right-width: 1px;
}
/*@media \0screen {
.ow_table_1 tr.ow_tr_first th,
.ow_table_2 tr.ow_tr_first th {
border-right-width: 1px;
}
}*/
.ow_table_1 tr.ow_tr_delimiter td,
.ow_table_2 tr.ow_tr_delimiter td {
border: none;
}
.ow_table_1 tr.ow_tr_first th:last-child,
.ow_table_1 tr.ow_tr_first td:last-child,
.ow_table_2 tr.ow_tr_first th:last-child,
.ow_table_2 tr.ow_tr_first td:last-child {
border-right-width: 1px;
border-top-right-radius: 4px;
}
.ow_table_1 tr.ow_tr_first th:last-child,
.ow_table_2 tr.ow_tr_first th:last-child {
border-right-color: #31363A;
}
.ow_table_1 td,
.ow_table_2 td{
padding: 8px;
vertical-align: middle;
}
.ow_table_1 td .text{
color: #999;
}
.ow_table_2{
border-collapse: separate;
}
.ow_table_2 td{
text-align: center;
}
.ow_table_3{
border-collapse: separate;
border-spacing: 5px;
}
.ow_table_3 td{
border-left-width: 1px;
border-left-style: solid;
vertical-align: top;
}
.ow_table_3 td.ow_label{
border: none;
color: #8B8F97;
text-align: right;
}
.ow_table_3 td.ow_value{
width: 50%;
padding-left: 10px;
}
.ow_table_4{
border-collapse: separate;
border-spacing: 5px;
}
.ow_table_4 td{
vertical-align: top;
}
.ow_table_4 td.ow_label{
border: none;
color: #8B8F97;
text-align: right;
}
.ow_table_4 td.ow_value{
padding-left: 10px;
}
th.ow_section{
border: 0 none;
padding: 15px 0;
text-align: center;
background: transparent;
}
th span.ow_section_icon{
background-repeat: no-repeat;
padding-left: 22px;
}
th.ow_section span{
background: #4d5054;
padding: 5px 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-weight: normal;
color: #979ca0;
}
table.ow_form td.ow_label{
color: #8B8F97;
text-align: right;
width: 20%;
}
table.ow_form td.ow_desc{
width: 25%;
color: #8B8F97;
font-size: 11px;
}
table.ow_form td.ow_submit{
text-align: center;
}
/*========================================================
[8] Messages & Notifications __messages
========================================================*/
/*========================================================
[9] Thumbnails & Icons __icons
========================================================*/
img.thumb{
width: 100px;
}
html body div .ow_ic_add{ background-image: url(images/ic_add.png); }
html body div .ow_ic_aloud{ background-image: url(images/ic_aloud.png); }
html body div .ow_ic_app{ background-image: url(images/ic_app.png); }
html body div .ow_ic_attach{ background-image: url(images/ic_attach.png); }
html body div .ow_ic_birthday{ background-image: url(images/ic_birthday.png); }
html body div .ow_ic_bookmark{ background-image: url(images/ic_bookmark.png); }
html body div .ow_ic_calendar{ background-image: url(images/ic_calendar.png); }
html body div .ow_ic_cart{ background-image: url(images/ic_cart.png); }
html body div .ow_ic_chat{ background-image: url(images/ic_chat.png); }
html body div .ow_ic_clock{ background-image: url(images/ic_clock.png); }
html body div .ow_ic_comment{ background-image: url(images/ic_comment.png); }
html body div .ow_ic_cut{ background-image: url(images/ic_cut.png); }
html body div .ow_ic_dashboard{ background-image: url(images/ic_dashboard.png); }
html body div .ow_ic_delete{ background-image: url(images/ic_delete.png); }
html body div .ow_ic_draft{ background-image: url(images/ic_draft.png); }
html body div .ow_ic_down_arrow{ background-image: url(images/ic_down_arrow.png); }
html body div .ow_ic_edit{ background-image: url(images/ic_edit.png); }
html body div .ow_ic_female{ background-image: url(images/ic_female.png); }
html body div .ow_ic_file{ background-image: url(images/ic_file.png); }
html body div .ow_ic_files{ background-image: url(images/ic_files.png); }
html body div .ow_ic_flag{ background-image: url(images/ic_flag.png); }
html body div .ow_ic_folder{ background-image: url(images/ic_folder.png); }
html body div .ow_ic_forum{ background-image: url(images/ic_forum.png); }
html body div .ow_ic_friends{ background-image: url(images/ic_friends.png); }
html body div .ow_ic_gear_wheel{ background-image: url(images/ic_gear_wheel.png); }
html body div .ow_ic_heart{ background-image: url(images/ic_heart.png); }
html body div .ow_ic_help{ background-image: url(images/ic_help.png); }
html body div .ow_ic_house{ background-image: url(images/ic_house.png); }
html body div .ow_ic_info{ background-image: url(images/ic_info.png); }
html body div .ow_ic_key{ background-image: url(images/ic_key.png); }
html body div .ow_ic_left_arrow{ background-image: url(images/ic_left_arrow.png); }
html body div .ow_ic_lens{ background-image: url(images/ic_lens.png); }
html body div .ow_ic_link{ background-image: url(images/ic_link.png); }
html body div .ow_ic_lock{ background-image: url(images/ic_lock.png); }
html body div .ow_ic_mail{ background-image: url(images/ic_mail.png); }
html body div .ow_ic_male{ background-image: url(images/ic_male.png); }
html body div .ow_ic_mobile{ background-image: url(images/ic_mobile.png); }
html body div .ow_ic_moderator{ background-image: url(images/ic_moderator.png); }
html body div .ow_ic_monitor{ background-image: url(images/ic_monitor.png); }
html body div .ow_ic_move{ background-image: url(images/ic_move.png); }
html body div .ow_ic_music{ background-image: url(images/ic_music.png); }
html body div .ow_ic_new{ background-image: url(images/ic_new.png); }
html body div .ow_ic_ok{ background-image: url(images/ic_ok.png); }
html body div .ow_ic_online{ background-image: url(images/ic_online.png); }
html body div .ow_ic_picture{ background-image: url(images/ic_picture.png); }
html body div .ow_ic_places{ background-image: url(images/ic_places.png); }
html body div .ow_ic_plugin{ background-image: url(images/ic_plugin.png); }
html body div .ow_ic_push_pin{ background-image: url(images/ic_push_pin.png); }
html body div .ow_ic_reply{ background-image: url(images/ic_reply.png); }
html body div .ow_ic_right_arrow{ background-image: url(images/ic_right_arrow.png); }
html body div .ow_ic_rss{ background-image: url(images/ic_rss.png); }
html body div .ow_ic_save{ background-image: url(images/ic_download.png); }
html body div .ow_ic_restrict{ background-image: url(images/ic_restrict.png); }
html body div .ow_ic_script{ background-image: url(images/ic_script.png); }
html body div .ow_ic_server{ background-image: url(images/ic_server.png); }
html body div .ow_ic_star{ background-image: url(images/ic_star.png); }
html body div .ow_ic_tag{ background-image: url(images/ic_tag.png); }
html body div .ow_ic_trash{ background-image: url(images/ic_trash.png); }
html body div .ow_ic_unlock{ background-image: url(images/ic_unlock.png); }
html body div .ow_ic_up_arrow{ background-image: url(images/ic_up_arrow.png); }
html body div .ow_ic_update{ background-image: url(images/ic_update.png); }
html body div .ow_ic_user{ background-image: url(images/ic_user.png); }
html body div .ow_ic_video{ background-image: url(images/ic_video.png); }
html body div .ow_ic_warning{ background-image: url(images/ic_warning.png); }
html body div .ow_ic_write{ background-image: url(images/ic_write.png); }
html body div .ow_button span,
html body div .ow_button span.ow_negative,
html body div .ow_button span.ow_negative .ow_inprogress {
background-image: none;
background-repeat: no-repeat;
}
.maintenance_cont h1 {
background-image: none;
}
.ow_icon_control{
background-repeat: no-repeat;
display: inline-block;
padding: 0px 0 2px 20px;
line-height: 15px;
}
html body div .ow_miniic_comment{ background: url(images/miniic_set.png) no-repeat 4px 5px; }
html body div .ow_miniic_like { background: url(images/miniic_set.png) no-repeat -15px 4px; }
html body div .ow_miniic_delete{ background-image: url(images/miniic_x.png); }
html body div .ow_tinyic_delete{ background-image: url(images/tinyic_delete.png); }
html body div .ow_tinyic_tag{ background-image: url(images/tinyic_tag.png); }
html body div .ow_tinyic_write{ background-image: url(images/tinyic_write.png); }
.ow_miniicon_control{
background-repeat: no-repeat;
display: inline-block;
padding: 1px 0 2px 14px;
line-height: 9px;
}
.ow_box_cap_icons
{
margin-top: -26px;
}
span.ow_icon{
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.ow_marked_cell{
background-image: url(images/ic_ok.png);
background-repeat: no-repeat;
background-position: center center;
}
.ow_box_cap_icons a.close{
background-position: 50% 50%;
background-repeat: no-repeat;
float: right;
width: 20px;
height: 20px;
}
/*========================================================
[10] Menus __menus
========================================================*/
/* ---- Main Menu styles ---- */
.ow_menu_wrap {
height: 73px;
display: table;
background: #33383c url('images/menu.jpg') repeat-x;
margin: 0px 0px 0px 0px;
width: 815px;
}
.ow_main_menu{
font-family: 'UbuntuBold', Verdana, Geneva, sans-serif;
display: table-cell;
text-align: center;
vertical-align: middle;
padding: 4px 0px 0px;
}
html[xmlns] .ow_main_menu.clearfix {
display: table-cell;
}
.ow_main_menu li {
padding: 0;
display: inline-block;
}
.ow_main_menu li a {
color: #979ca0; /** OW_Control type:color, key:menuColor, section:2. Colors, label:4. Menu text color **/
display: inline-block;
font-size: 13px;
padding: 2px 8px 6px 8px;
text-decoration: none;
text-transform: uppercase;
text-shadow: #171c20 0 1px 0;
font-weight: normal;
}
.ow_main_menu li.active a {
}
.ow_main_menu li.active a,
.ow_main_menu li a:hover {
color: #0091a9;
}
.ow_box_menu {
font-size: 0px;
line-height: 21px;
margin-bottom: 16px;
}
.ow_box .ow_box_menu {
text-align: right;
}
.ow_box_menu a {
background: #fff;
display: inline-block;
font-size:11px;
height: 23px;
padding: 0px 6px 0 7px;
color: #91959b;
text-shadow: #23272a 1px 1px 0;
border-style: solid;
border-top-color: #1f2326;
border-right-color: #1f2326;
border-left-color: #1f2326;
border-bottom-color: #33373b;
border-width: 1px 1px 1px 1px;
margin: 0px 0px 0px -1px;
outline: 0;
background: transparent url('images/box_menu.gif') repeat-x left top;
}
.ow_box_menu a:first-child {
border-left-width: 1px;
border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
}
.ow_box_menu a:last-child {
border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
}
.ow_box_empty .ow_box_menu{
float: right;
padding-left: 5px;
}
.ow_box_menu a.active,
.ow_box_menu a:hover{
color:#91959b;
text-decoration:none;
background: transparent url('images/box_menu_active.gif') repeat-x left top;
}
/* ---- End of Main Menu styles ---- */
/* ---- Content Menu styles ---- */
.ow_content_menu{
font-size: 0px;
font-family: 'UbuntuBold', Verdana, Geneva, sans-serif;
text-transform: uppercase;
font-weight: normal;
}
.ow_content_menu_wrap{
margin-bottom:20px;
}
.ow_content_menu li{
float: left;
padding-left: 5px;
border-left: 1px solid #3B3F43;
}
.ow_content_menu li:first-child {
border-color: transparent;
}
.ow_content_menu li a{
display: block;
padding: 3px 3px 4px 0px;
font-size: 13px;
color: #626060;
}
.ow_content_menu span{
background-image: url(images/ic_file.png);
background-position: 5px 9px;
background-repeat: no-repeat;
padding: 8px 8px 10px 28px;
display: block;
}
.ow_content_menu li.active {
background: url(images/content_menu_bg_left.png) no-repeat;
}
.ow_content_menu li.active, .ow_content_menu li.active +li {
border-color: transparent;
}
.ow_content_menu li.active a {
background: url(images/content_menu_bg.png) no-repeat right 0px;
color: #9f9f9f;
text-decoration: none;
}
.ow_content_menu li a:hover {
color: #9f9f9f;
text-decoration: none;
}
/* ---- End of Content Menu styles ---- */
/* ---- Button List styles ---- */
.ow_bl{
padding: 0;
}
.ow_bl li{
list-style: none;
margin-left: 4px;
}
.ow_bl a{
display: block;
/*background: url(images/btnl_bg.png) repeat-x center left;*/
background: #262b2f;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #4d5054;
color: #979ca0;
padding: 0px 8px;
line-height: 21px;
height: 22px;
text-decoration: none;
font-size: 11px;
}
.ow_bl a:hover {
border-color: #707478;
}
span.ow_blitem {
/*background: url(images/btnl_bg.png) repeat-x center left;*/
background: #262b2f;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #4d5054;
color: #979ca0;
padding: 0px 0px;
line-height: 20px;
height: 22px;
text-decoration: none;
display: inline-block;
margin: 0px 4px 0px 0px;
}
span.ow_blitem span {
display: inline-block;
}
span.ow_blitem input[type="submit"],
span.ow_blitem input[type="button"] {
border: none;
padding: 0px;
background: none;
font-weight: normal;
height: auto;
padding: 2px 5px 0 6px;
font-size: 11px;
line-height: 17px;
font-family: "Tahoma","Lucida Grande", "Verdana";
text-transform: none;
}
span.ow_blitem:hover,
span.ow_blitem input:hover {
border-color: #707478;
}
/* ---- Button List styles Cover Image ---- */
.ow_bg_controls span.ow_blitem{
background: url(images/btnl_black_bg.png) repeat-x center left;
border-radius: 3px;
border: none;
height: 24px;
line-height: 22px;
}
.ow_bg_controls span.ow_blitem:hover{
background: url(images/btnl_black_hover_bg.png) repeat-x center left;
}
html body div .ow_bg_controls .ow_green{
color:#ccc;
}
.ow_bg_controls span.ow_blitem input[type="submit"],
.ow_bg_controls span.ow_blitem input[type="button"]{
color: #ccc;
text-shadow: none;
}
.ow_bg_controls span.ow_blitem input[type="submit"]:hover,
.ow_bg_controls span.ow_blitem input[type="button"]:hover{
color: #eee;
}
/* ---- End of Button List styles Cover Image ---- */
/* ---- End of Button List styles ---- */
/* ---- Footer Menu styles ---- */
.ow_footer_menu{
font-size: 11px;
padding: 10px;
text-align: center;
margin-bottom: 15px;
}
/* ---- End of Footer Menu styles ---- */
/* ---- Inventory Line styles ---- */
.ow_inventory_line{
}
/*========================================================
[11] Pagination __pagination
========================================================*/
html[xmlns] .ow_paging.clearfix {
display: inline-block;
}
.ow_paging{
font-size: 11px;
background: #191C20;
border: 1px solid #16191d;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 1px;
}
.ow_paging a{
display: inline-block;
line-height: 16px;
background: url(images/console_item_bg.gif) repeat-x 0px 0px;
padding: 2px 6px 2px 7px;
text-decoration: none;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color: #a8adb4;
}
.ow_paging a.active,
.ow_paging a:hover{
background: url(images/console_active_item_bg.gif) repeat-x 0px 0px;
color: #b8c1cb;
}
.ow_paging span {
display: inline-block;
padding-left: 3px;
}
/*========================================================
[12] Typography __typography
========================================================*/
@font-face {
font-family: 'UbuntuBold';
src: url(images/Ubuntu-B-webfont.eot);
src: url(images/Ubuntu-B-webfont.eot?#iefix) format('embedded-opentype'),
url(images/Ubuntu-B-webfont.woff) format('woff'),
url(images/Ubuntu-B-webfont.woff2) format('woff2'),
url(images/Ubuntu-B-webfont.ttf) format('truetype'),
url(images/Ubuntu-B-webfont.svg#UbuntuBold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'UbuntuRegular';
src: url(images/Ubuntu-R-webfont.eot);
src: url(images/Ubuntu-R-webfont.eot?#iefix) format('embedded-opentype'),
url(images/Ubuntu-R-webfont.woff) format('woff'),
url(images/Ubuntu-R-webfont.ttf) format('truetype'),
url(images/Ubuntu-R-webfont.svg#UbuntuRegular) format('svg');
font-weight: normal;
font-style: normal;
}
.ow_small{
font-size: 11px;
line-height: 14px;
}
.ow_highlight{
background: #aaffaa;
}
.ow_std_margin{
margin-bottom: 25px;
}
.ow_normal{
font-size: 13px;
}
html body .ow_sidebar .ow_tiny,
html body .ow_console .ow_tiny,
.ow_tiny {
font-size: 9px;
}
.ow_stdmargin{
margin-bottom: 28px;
}
.ow_smallmargin{
margin-bottom: 8px;
}
.ow_outline{
color: #FF7000;
font-weight: bold;
}
.ow_lightweight{
font-weight: normal;
}
.ow_txt_value {
font-weight: bold;
color: #FF7000; /** OW_Control type:color, section:2. Colors, key:txtValue, label:5. Numeric values **/
}
.ow_remark {
color: #999;
}
.ow_alt1,
tr.ow_alt1 td{
background-color: #31363A;
}
.ow_alt2,
tr.ow_alt2 td{
background-color: #262B2F;
}
.ow_high1{
background-color: #262b2f;
}
.ow_high2{
background-color: #31363a;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.ow_add_content{
background-color: #262B2F;
}
.ow_add_content:hover{
background-color: #31363A;
}
a.ow_lbutton,
span.ow_lbutton {
background: #2d3236;
color: #a7abb0;
padding: 0px 3px 0px;
line-height: 13px;
text-transform: uppercase;
border-radius: 2px;
border: 1px solid #1f2326;
text-shadow: none;
display: inline-block;
font-weight: bold;
vertical-align: middle;
}
html body a.ow_lbutton,
html body span.ow_lbutton {
font-size: 8px;
}
.ow_lbutton:hover{
cursor: pointer;
text-decoration: none;
}
.ow_disabled{
background: #ccc;
}
.info{
margin-bottom: 8px;
}
.ow_automargin{
margin-left: auto;
margin-right: auto;
}
.ow_autowidth,
table.ow_form td.ow_autowidth{
width: auto;
}
.ow_anno {
background:#ffeed7 url(images/ic_warning.png) no-repeat scroll 15px 45%;
border:1px solid #ffd399;
padding:10px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.outline{
color: #FF7000;
font-weight: bold;
}
input[type=text].ow_inputready,
textarea.ow_inputready {
color: #999999;
}
/*========================================================
[13] Misc __misc
========================================================*/
.clr{
clear: both;
}
.ow_column_equal_fix{
padding-bottom: 20001px !important;
margin-bottom: -20000px !important;
}
/*========================================================
[14] Clearfix __clearfix
========================================================*/
.clearfix{
zoom: 1;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
*html .clearfix {
height: 1%;
}
/*========================================================
[15] Plugin Styles __plugins
========================================================*/
/* ---- Base plugin styles ---- */
.ow_add_content{
background-image: url(images/ic_add.png);
background-repeat: no-repeat;
background-position: center 8px;
float: left;
margin: 0 0px 4px 3px;
overflow:hidden;
padding: 28px 0 6px;
text-align:center;
width:47%;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #31363A;
}
.ow_add_content:hover{
text-decoration:none;
}
.ow_add_content:nth-child(odd) {
margin-left: 0px;
}
/* ---- End of base plugin styles ---- */
/* ---- Forum styles ---- */
.ow_forum{
text-align: center;
width: 100%;
}
.ow_forum .ow_name{
text-align: left;
width: 563px;
}
.ow_forum .ow_topics{
width: 55px;
}
.ow_forum .ow_replies{
width: 55px;
}
.ow_forum .ow_action{
white-space: nowrap;
width: 70px;
}
.ow_forum_topic .ow_author{
width: 20%;
}
.ow_forum_topic .ow_posts{
text-align: center;
width: 1%;
}
.ow_forum_topic .ow_views{
text-align: center;
width: 1%;
}
.ow_forum_topic .ow_icon{
line-height: 14px;
text-align: center;
width: 8%;
}
body.htmlarea_styles blockquote.ow_quote,
blockquote.ow_quote{
margin: 10px 0 10px 40px;
background: #f0f0f0;
border-left: 2px solid #ccc;
padding: 2px 5px;
}
body.htmlarea_styles blockquote.ow_quote .ow_author,
blockquote.ow_quote .ow_author{
border-bottom: 1px solid #ccc;
font-size: 11px;
display: inline-block;
padding: 2px 0;
width: 98%;
}
.ow_forum_topic_posts .ow_post_comment{
background-repeat: no-repeat;
font-style: italic;
font-size: 11px;
margin: 10px 0;
padding-left: 20px;
}
.ow_forum_post_area{
height: 240px;
}
.ow_forum_status{
font-style: italic;
}
/* ---- Forum sortable ---- */
.forum_placeholder{
border: 1px dashed #999;
background-color: #FFF9DB;
margin-bottom: 25px;
width: 100%;
}
tr.forum_placeholder td{
background-color: #FFF9DB;
border: 1px dashed #999;
height: 45px;
width: 100%;
}
.forum_section{
cursor: move;
}
.forum_section_tr{
height: 41px;
}
.ow_forum_topic_posts .ow_box .ow_ipc_info {
border: none;
padding: 0px;
}
body .ow_forum_attachment_icon {
width: 16px;
}
/* ---- End of Forum styles ---- */
/* ---- Mailbox styles ---- */
.ow_mailbox_left_loading .ow_mailbox_left_body {
background: url(images/ajax_preloader_content.gif) center 220px no-repeat;
}
body .ow_mailbox_right.ow_mailbox_right_loading div.ow_mailbox_right_preloading {
background: url(images/ajax_preloader_content.gif) no-repeat center center;
}
.ow_mailbox_message_content .ow_file_attachment_info,
.ow_dialog_items_wrap .ow_file_attachment_info,
.ow_mailbox_log .ow_file_attachment_info {
padding-left: 16px;
background: url(images/miniic_doc.png) no-repeat 8px 50%;
}
.ow_mailbox_convers_info.mails {
background-image: url(images/miniic_envelope.png);
background-position: 8px 27px;
background-repeat: no-repeat;
}
.ow_mailbox_convers_info.chats {
background-image: url(images/miniic_buble.png);
background-position: 8px 27px;
background-repeat: no-repeat;
}
.ow_mailbox_convers_info_attach {
background: url(images/miniic_attach.png) center center no-repeat;
}
.ow_mailbox_conv_options_label {
background-image: url(images/chat_tiny_arrow_down.png);
}
.ow_mailbox_convers_info,
.ow_vertical_nav_item.selected,
.ow_vertical_nav_item.selected:hover {
background-color: #262B2F;
}
.ow_mailbox_convers_info:hover {
opacity: 0.8;
}
.ow_mailbox_convers_info_new,
.ow_vertical_nav_item {
background-color: #31363A;
}
.ow_mailbox_convers_info_selected,
.ow_vertical_nav_item:hover {
opacity: 0.8;
}
.ow_mailbox_convers_info:hover,
.ow_mailbox_convers_info_selected,
.ow_mailbox_convers_info_selected:hover,
.ow_vertical_nav_item.selected,
.ow_vertical_nav_item:hover {
-webkit-box-shadow: inset 1px 0px 0px 0px #666;
-moz-box-shadow: inset 1px 0px 0px 0px #666;
box-shadow: inset 1px 0px 0px 0px #666;
}
.ow_mailbox_convers_info span.ic_reply {
background-image: url(images/ic_reply_g.png);
}
.ow_mailbox_table,
.ow_mailbox_table .ow_mailbox_convers_info,
.ow_mailbox_table .ow_mailbox_cap,
.ow_mailbox_table .ow_mailbox_date_cap,
.ow_mailbox_table .ow_mailbox_conv_options,
.ow_mailbox_table .ow_mailbox_subject_block,
.ow_mailbox_table .ow_mailbox_log,
.ow_mailbox_table .ow_mailbox_log_date,
.ow_mailbox_table .ow_mailbox_left .ow_mailbox_cap,
.ow_mailbox_table .ow_mailbox_left .ow_mailbox_search,
.ow_mailbox_table .ow_mailbox_left .ow_mailbox_left_body,
.ow_mailbox_right .ow_chat_message_block,
.ow_vertical_nav,
.ow_vertical_nav_item {
border-color: #3B3F43;
}
.ow_mailbox_log .ow_dialog_item.odd .ow_dialog_in_item,
.ow_mailbox_log .ow_dialog_item.even .ow_dialog_in_item {
background-color: #202427;
border: 1px solid #191d1c;
}
.ow_mailbox_log .ow_dialog_item.even i {
background-image: url(images/comment_block_arr_f.png);
background-position: 0 0;
background-repeat: no-repeat;
}
.ow_mailbox_log .ow_dialog_item.odd i {
background-image: url(images/comment_block_arr.png);
background-position: 0 1px;
background-repeat: no-repeat;
}
.ow_mailbox_convers_actions .ow_miniic_control {
margin-right: 0px;
}
.ow_mailbox_convers_actions .ow_miniic_control span {
background: url(images/miniic_gearwheel.png) -1px -1px no-repeat;
}
.ow_mailbox_convers_actions .ow_miniic_control.active span {
background: url(images/miniic_gearwheel.png) -1px -22px no-repeat;
}
/* wysiwyg only for new message */
.htmlarea_styles.mailbox {
color: #333;
}
.htmlarea_styles.mailbox a {
color: #2a80ae;
}
/* end of wysiwyg only for new message */
/* ---- End of Mailbox styles ---- */
/* ---- Blogs styles ---- */
.ow_blogpost_compose textarea{
height: 235px;
}
.ow_ws_video object,
.ow_ws_video embed {
max-width: 100%;
}
/* ---- End of Blogs styles ---- */
/* ---- Rates Styles ---- */
.inactive_rate_list, .active_rate_list {
background: url(images/stars.png) no-repeat 0 -13px;
width: 65px;
height: 13px;
text-align: left;
display: inline-block;
}
.active_rate_list {
background-position: 0 0;
}
.rates_cont a.rate_item {
background: url(images/stars.png) no-repeat 0 -13px;
cursor: pointer;
float: left;
height: 13px;
text-decoration: none;
width: 13px;
}
.rates_cont a.active {
background-position: 0 0;
}
.rates_cont{
margin: 0 auto;
width: 65px;
}
.ow_rate_score{
font-size: 20px;
}
/* ---- End of Rates Styles ---- */
/* ---- Video styles ---- */
.ow_video_list .ow_alt1,
.ow_video_list .ow_alt2 {
padding: 24px 0px 24px 24px;
}
.ow_video_player{
text-align: center;
}
.ow_video_description{
margin: 8px 0 20px;
}
.ow_video_list_item{
float: left;
max-height: 165px;
padding: 5px;
width: 120px;
margin-right: 20px;
background: url(images/video_bg.png) no-repeat 0px 0px;
}
.ow_other_video_item_title{
margin-left: 88px;
padding-left: 4px;
}
.ow_video_thumb{
background: url(images/video-no-video.png) no-repeat center center;
display: block;
}
.ow_video_thumb,
.ow_video_list_item img{
height: 90px;
width: 120px;
}
.ow_other_video_thumb{
display: block;
margin-right: -80px;
background: url(images/video_thumb_bg.png) no-repeat 0 0;
padding: 4px 4px 4px 5px;
}
.ow_other_video_thumb a {
display: inline-block;
width: 80px;
height: 60px;
background: url(images/video-no-video.png) no-repeat center center;
}
.video_thumb_no_title {
margin: 0px 4px 4px 0px;
}
.ow_other_video_thumb,
.ow_other_video_thumb img,
.ow_other_video_floated img{
height: 60px;
width: 80px;
}
.ow_other_video_floated{
display: inline-block;
background: #fff url(images/video-no-video.png) no-repeat center center;
width: 80px;
height: 60px;
vertical-align: middle;
}
.ow_video_item_title{
font-weight: bold;
padding-bottom: 3px;
}
.ow_video_item_rate{
height: 15px;
text-align: center;
}
.ow_video_infobar{
padding: 10px;
text-align: right;
}
.ow_video_player object,
.ow_video_player embed {
max-width: 100%;
}
/* ---- End of Video styles ---- */
/* ---- Avatar styles ---- */
.ow_change_avatar .avatar_current{
border-right: 1px solid #CCCCCC;
padding-right: 3px;
}
.ow_change_avatar .ow_avatar_preview{
border-left: 1px solid #CCCCCC;
}
.ow_change_avatar .avatar_crop{
border-bottom: 1px solid #CCCCCC;
}
.ow_avatar_crop .jcrop-holder{
margin: 0px auto;
}
.ow_avatar_preview div{
margin: 0px auto;
}
.ow_avatar {
position: relative;
display: inline-block;
padding: 3px 5px 6px 5px;
width: 40px;
height: 40px;
background-image: url('images/avatar_bg.png');
background-position: 0px 0px;
background-repeat: no-repeat;
}
.ow_avatar img {
vertical-align: bottom;
width: 40px;
height: 40px;
}
.ow_avatar_label {
font-size: 7px;
display: inline-block;
position: absolute;
line-height: 10px;
text-transform: uppercase;
bottom: 6px;
background-color: #999;
right: 5px;
color: #fff;
font-weight: bold;
padding: 0px 2px;
border-radius: 3px 0px 0px 0px;
-moz-border-radius: 3px 0px 0px 0px;
-webkit-border-radius: 3px 0px 0px 0px;
}
html body .ow_sidebar .ow_avatar_label,
html body .ow_console .ow_avatar_label {
font-size: 7px;
}
html body .ow_console .ow_avatar_label {
bottom: 0px;
right: 0px;
}
.ow_canvas .ow_newsfeed_avatar {
width: 50px;
height: 50px;
margin-right: -50px;
}
.ow_canvas .ow_newsfeed_body {
margin-left: 50px;
padding-left: 7px;
}
/* ---- End of the Avatar styles ---- */
/* ---- User Avatar Console styles ---- */
.ow_avatar_console{
position: relative;
background: #4d5054;
border: 1px solid #4d5054;
padding: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.ow_avatar_console .ow_avatar_image {
height: 190px;
max-width: 170px;
}
.ow_avatar_change{
position: absolute;
right: 4px;
top: 4px;
}
.ow_avatar_console_links {
background: #4d5054;
display: block;
padding: 5px 10px;
border-top: 1px solid #4d5054;
}
body .ow_avatar_console .ow_avatar_label {
bottom: 4px;
right: 4px;
}
.user_online_wrap {
padding-top: 3px;
min-height: 12px;
text-align: left;
}
body .ow_avatar_console .avatar_console_label {
bottom: 7px;
}
/* ---- End of User Avatar Console styles ---- */
/* ---- Photo styles ---- */
.ow_photo_dragndrop {
font-family: 'UbuntuBold',Verdana, Geneva, sans-serif;
text-transform: uppercase;
color: #333;
background-color: #707478;
border: 1px solid #666;
font-size: 15px;
}
.ow_photo_upload_wrap .ow_photo_preview_block_wrap .ow_photo_preview_edit {
border: 1px solid #31363A;
}
.ow_photo_preview_image {
background-color: #262B2F;
}
.ow_photo_preview_loading {
background-image: url(images/ajax_preloader_content.gif) !important;
background-size: auto !important;
}
.ow_photo_preview_image_filter {
background: #000;
}
.ow_photo_preview_x {
background: url(images/photo_upload_btn_x.png) center center no-repeat;
}
.ow_photo_preview_rotate {
background: url(images/photo_upload_btn_rotate.png) center center no-repeat;
}
.ow_photo_prev{
background-repeat: no-repeat;
background-position: right center;
text-align: left;
width: 39%;
}
.ow_photo_next{
background-repeat: no-repeat;
background-position: left center;
text-align: right;
width: 39%;
}
.ow_photo_list_item{
float: left;
height: 165px;
padding: 16px 0px;
text-align: center;
}
.ow_photo_info_str{
padding-top: 5px;
}
.ow_photo_infobar{
padding: 10px;
text-align: right;
}
.ow_photo_rate{
height: 15px;
text-align: center;
}
html body div.floatbox_photo_preview a.ow_ic_delete.close,
html body div.floatbox_empty a.ow_ic_delete.close {
background-image: url('images/photo_prev_x.png');
}
.floatbox_empty .ow_box_cap_icons {
top: -20px;
right: -20px;
}
.ow_photo_context_action .ow_tooltip .ow_tooltip_body {
padding: 4px 0;
}
.ow_photo_context_action .ow_context_action a {
color: #fff;
}
.ow_photo_context_action .ow_context_action a:hover {
text-decoration: none;
}
.ow_photo_context_action .ow_context_action_list a {
color: #fff;
padding: 4px 12px;
}
.ow_photo_context_action {
border: 1px solid #808080;
}
body .ow_photo_context_action .ow_context_action_block .ow_context_action,
html body .ow_photo_context_action .ow_context_action {
border: none;
}
.ow_photo_context_action .ow_context_action:hover {
background: url(images/photo_context_action_bg_active.png) repeat-x 0px 0px;
}
.ow_photo_context_action .ow_tooltip .ow_tooltip_body {
background: transparent url('images/photo_context_action_tooltip_bg.png');
border-color: #737373;
}
.ow_photo_context_action .ow_context_action_list a:hover {
background: transparent url('images/photo_context_action_item_hover.png');
}
.ow_photo_context_action .ow_context_action_list.ow_alt2 {
background: transparent;
}
.ow_photo_list_item_thumb span.ow_lbutton:hover {
cursor: default;
}
.ow_photo_list_item_thumb {
width: 120px;
height: 120px;
padding: 4px 6px 6px 20px;
background: transparent url('images/photo_list_item_thumb.png') no-repeat 15px 0px;
}
.ow_photo_list_item_thumb img {
width: 120px;
height: 120px;
}
body .ow_photo_list_item_thumb span.ow_lbutton {
bottom: 6px;
right: 6px;
}
.ow_photo_submit_wrapper.ow_mild_green {
background-color: #7CBB11;
}
/*Photo list*/
.ow_fw_menu {
background-color: #2A2F33;
border: 1px solid #31363A;
border-radius: 4px;
padding: 4px 8px;
min-height: 24px;
clear: both;
}
.ow_fw_btns {
display: inline-block;
}
.ow_photo_list_wrap div.ow_photo_item {
background-color: #31363a;
border-color: #31363A;
}
.ow_photo_list_wrap .ow_photo_item_wrap .ow_photo_item_info {
background-color: rgba(0,0,0,0.85);
}
.ow_photo_item_info_user,
.ow_photo_item_info_album,
.ow_photo_item_info .ow_rates_wrap {
color: #fff;
}
.ow_photo_item_wrap.ow_photo_album .ow_photo_item_info_description {
color: #fff;
}
.ow_photo_pint_mode .ow_photo_item_wrap.ow_photo_album .ow_photo_item_info_description {
color: #91959B;
}
.ow_photo_album_info_wrap {
border-bottom: 1px solid #31363a;
}
.ow_photo_album_cover {
border-color: #31363a;
}
body .ow_context_action_value_block.ow_context_action_block .ow_context_action {
background: #262b2f;
border: 1px solid #4d5054;
}
body .ow_context_action_value_block.ow_context_action_block .ow_context_action:hover {
border-color: #707478;
}
.ow_context_action_value_block .ow_context_action a.ow_context_action_value {
color: #979ca0;
}
.ow_photo_item .ow_photo_context_action.ow_photo_context_action_loading .ow_tooltip_body {
background-image: url(images/ajax_preloader_content.gif);
}
body .ow_photo_context_action .ow_context_action {
background-image: url(images/photo_view_context.png);
background-color: transparent;
}
body .ow_photo_context_action .ow_context_action:hover {
background-color: rgba(144,144,144, 0.3);
background-image: url(images/photo_view_context.png);
}
body .ow_photoview_stage_wrap .ow_photo_context_action .ow_context_action,
body .ow_photoview_stage_wrap .ow_photo_context_action .ow_context_action:hover {
background-image: url(images/photo_view_context.png);
background-repeat: no-repeat;
background-position: center center;
}
.ow_photoview_stage_wrap_fullscreen .ow_photoview_fullscreen {
background-image: url(images/fullscreen_min.png);
}
.ow_photoview_fullscreen {
background-image: url(images/fullscreen_max.png);
}
.ow_photoview_play_btn {
background-image: url(images/fullscreen_play.png);
}
.ow_photoview_play_btn.stop {
background-image: url(images/fullscreen_stop.png);
}
.ow_photoview_info_btn.open {
background-image: url(images/fullscreen_info_open.png);
}
.ow_photoview_info_btn.close {
background-image: url(images/fullscreen_info_close.png);
}
.ow_photoview_slide_settings_btn {
background-image: url(images/fullscreen_settings.png);
}
.ow_photoview_arrow_left {
background-image: url(images/photoview_arrow_left.png);
}
.ow_photoview_arrow_right {
background-image: url(images/photoview_arrow_right.png);
}
body .ow_photoview_stage_wrap .ow_photo_context_action .ow_context_action .ow_context_more {
background-image: none;
}
.ow_photo_context_action .ow_tooltip .ow_tooltip_body {
background: #464646;
border: 1px solid #9b9b9a;
}
.ow_photo_context_action .ow_context_action_list a:hover {
background-color: #8e8e8e;
}
.ow_photo_context_action .ow_tooltip_tail span {
background: url(images/photo_tooltip_tail.png) no-repeat 3px 0;
}
.ow_photo_context_action .ow_context_action_divider {
background-color: rgba(160,160,160,0.7);
}
.ow_context_action_list a.ow_context_action_item_hierarchy_right span {
background: url(images/miniic_arrow_left_bb.png) no-repeat center center;
}
.ow_context_action_list a.ow_context_action_item_hierarchy_left span {
background: url(images/miniic_arrow_right_bb.png) no-repeat center center;
}
.ow_photo_pint_mode .ow_photo_item_wrap .ow_photo_item_info {
background-color: #262B2F;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ow_photo_pint_mode .ow_photo_item_info_user,
.ow_photo_pint_mode .ow_photo_item_info_album,
.ow_photo_pint_mode .ow_photo_item_info_description,
.ow_photo_pint_mode .ow_photo_item_info .ow_rates_wrap {
color: #91959B;
}
.ow_photo_list.ow_photo_edit_mode .ow_photo_item .ow_photo_chekbox_area {
background-color: rgba(255,255,255,0.4);
}
.ow_photo_list.ow_photo_edit_mode .ow_photo_item.ow_photo_item_checked .ow_photo_chekbox_area,
.ow_photo_list.ow_photo_edit_mode.ow_photo_pint_mode .ow_photo_item .ow_photo_chekbox_area {
background-color: rgba(255,255,255,0);
}
.ow_photo_edit_mode .ow_photo_chekbox_area .ow_photo_checkbox {
border: 1px solid rgba(255,255,255,0.6);
background-color: rgba(87,87,87, 0.6);
}
.ow_photo_edit_mode .ow_photo_item_checked .ow_photo_chekbox_area .ow_photo_checkbox {
background-image: url(images/checkbox_icon.png);
}
.ow_photo_list.ow_photo_pint_mode .ow_photo_item {
background: #2A2F33;
}
/*Searchbar*/
.ow_searchbar {
display: inline-block;
}
.ow_searchbar_input {
position: relative;
}
.ow_searchbar input[type="text"] {
height: 24px;
font-size: 11px;
width: 250px;
vertical-align: middle;
}
.ow_searchbar_input .ow_btn_close_search {
top: 2px;
right: 2px;
display: none;
}
.ow_searchbar_input.active input[type="text"] {
padding-right: 22px;
}
.ow_searchbar_input.active .ow_btn_close_search {
display: block;
cursor: pointer;
}
.ow_searchbar_btn {
width: 24px;
height: 24px;
background-position: right 5px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
}
.ow_searchbar_ac_wrap {
position: relative;
width: 100%;
}
.ow_searchbar_ac {
position: absolute;
top: -1px;
left: 3px;
right: 3px;
z-index: 100;
border: 1px solid #31363A;
}
.ow_searchbar_ac li {
cursor: pointer;
display: block;
font-size: 11px;
margin: 0;
overflow: hidden;
padding: 4px 32px 4px 5px;
width: 100%;
background-color: #262B2F;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ow_searchbar_ac li:hover {
background-color: #31363a;
}
.ow_searchbar_ac_count {
margin-right: -24px;
line-height: 20px;
}
.ow_search_result_tag {
display: inline-block;
width: 100%;
}
.ow_search_result_user {
padding-left: 40px;
width: 100%;
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ow_search_result_user .ow_avatar {
background: none;
padding: 0;
display: inline-block;
vertical-align: top;
margin-left: -40px;
}
.ow_searchbar_username {
display: inline-block;
vertical-align: middle;
margin-left: 4px;
margin-top: -2px;
}
/*Rates*/
.ow_photoview_info .ow_rates_wrap {
padding-left: 4px;
margin: 6px 0 8px 0;
}
.ow_rates_wrap span {
vertical-align: middle;
}
.ow_rates {
width: 65px;
display: inline-block;
vertical-align: middle;
margin: 0 2px;
}
.ow_rates .rates_cont {
position: absolute;
opacity: 0;
transition: opacity 0.15s;
-moz-transition: opacity 0.15s;
-webkit-transition: opacity 0.15s;
}
.ow_rates:hover .rates_cont {
opacity: 1;
}
/*Dropdown*/
body input.ow_dropdown_btn {
background-image: none;
height: 28px;
}
.ow_dropdown_arrow_down,
.ow_dropdown_arrow_up {
height: 10px;
position: absolute;
right: 8px;
top: 12px;
width: 12px;
cursor: pointer;
}
.ow_dropdown_arrow_down {
background: url(images/chat_tiny_arrow_down.png) no-repeat center center;
}
.ow_dropdown_arrow_up {
background: url(images/chat_tiny_arrow_up.png) no-repeat center center;
}
.ow_dropdown_list_wrap {
position: relative;
width: 100%;
}
.ow_dropdown_list {
border: 1px solid #666;
position: absolute;
top: -1px;
left: 0;
width: 99%;
margin-left: 0.5%;
border-radius-bottom-left: 4px;
-moz-border-radius-bottom-left: 4px;
-webkit-border-radius-bottom-left: 4px;
border-radius-bottom-right: 4px;
-moz-border-radius-bottom-right: 4px;
-webkit-border-radius-bottom-right: 4px;
display: none;
}
.ow_dropdown_list li {
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 4px;
background-color: #707478;
color: #333;
cursor: pointer;
position: relative;
}
.ow_dropdown_list li:hover {
background-color: #33383c;
color: #cacfd4;
}
.ow_add_item {
position: absolute;
background: url(images/miniic_plus.png) center center no-repeat;
width: 10px;
height: 10px;
right: 8px;
top: 50%;
margin-top: -5px;
}
li.ow_dropdown_delimeter {
padding: 0 4px;
}
.ow_dropdown_delimeter div {
width: 100%;
height: 1px;
background-color: #95999E;
}
.ow_photo_upload_wrap .ow_suggest_field input {
color: #333;
}
.ow_photo_upload_drop_area {
border: 1px dashed #666;
}
/*-----button_list narrow---------*/
ul.ow_bl_narrow{
border-top: 1px solid #31363a;
padding: 0;
}
ul.ow_bl_narrow li{
list-style: none;
}
ul.ow_bl_narrow li a{
background: none;
border-bottom: 1px solid #31363a;
display: block;
padding: 5px 7px;
text-decoration: none;
}
ul.ow_bl_narrow li a:hover{
background: #979ca0;
color: #171c20;
}
/* ---- Newsfeed ---- */
body ul.ow_newsfeed {
padding: 0px;
}
.ow_newsfeed_section {
list-style-image: none;
margin: 15px 0;
}
.ow_newsfeed_section span{
background: #f0f0f0;
padding: 5px 10px;
text-shadow: #fff 1px 1px 0;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.base_cmnt_mark .ow_ipc_info {
padding-bottom: 0px;
}
.ow_newsfeed_features .ow_tooltip .ow_tooltip_body {
background: transparent;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 0;
border-width: 0 1px 1px;
box-shadow: none;
}
.ow_newsfeed_features .ow_tooltip.ow_comments_context_tooltip .ow_tooltip_body,
.ow_tooltip.ow_newsfeed_context_tooltip .ow_tooltip_body {
padding: 4px 0;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.ow_newsfeed_features .ow_tooltip.ow_comments_context_tooltip .ow_tooltip_body {
border: 1px solid #C6CACF;
background: #C6CACF;
}
.ow_newsfeed_features .ow_tooltip .ow_tooltip_tail span {
height: 5px;
background: url(images/comment_block_arr.png) no-repeat 8px 0px;
position: relative;
z-index: 1;
}
.ow_newsfeed_comments .ow_tooltip .ow_tooltip_tail span {
height:6px;
background-position: 3px -6px;
background-image: url(images/tooltip_tail.png);
}
.ow_newsfeed_features .ow_tooltip .ow_tooltip_body .ow_tooltip .ow_tooltip_body {
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
}
.ow_newsfeed_features .ow_context_action_list a,
.ow_newsfeed_item .ow_context_action_list a {
padding: 4px 12px;
}
.ow_newsfeed_context_tooltip {
margin-top: 2px;
}
.ow_newsfeed_left {
float: left;
}
.ow_newsfeed_date {
float: right;
text-align: right;
font-size: 10px;
line-height: 24px;
}
.ow_newsfeed_context_menu {
display: none;
position: absolute;
right: 0;
top: 0px;
}
.ow_newsfeed_control {
display: inline-block;
}
.ow_content .ow_newsfeed_date {
color: #8C9095;
}
.ow_newsfeed_date:hover {
color: #2A80AE;
}
/* ---- if container ow_superwide ---- */
body .ow_newsfeed_control .ow_newsfeed_string {
display: inline-block;
vertical-align: middle;
max-width: 74%;
}
.ow_newsfeed_left {
width: 76%;
}
.ow_newsfeed_btns {
margin-top: 14px;
}
.ow_newsfeed_btn_wrap {
display: inline-block;
line-height: 20px;
background: #191C20;
border: 1px solid #16191D;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 1px 5px 1px 1px;
margin-right: 4px;
color: #91959A;
vertical-align: middle;
}
.ow_newsfeed_item .ow_newsfeed_activity_content {
padding-top: 8px;
}
.ow_newsfeed_item .ow_newsfeed_item_picture {
margin-right: 8px;
}
.ow_miniic_control {
display: inline-block;
background: #70777B url(images/newsfeed_btn_bg.png) repeat-x 0px 0px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
vertical-align: top;
margin-right: 6px;
}
.ow_miniic_control.active {
background: #666 url(images/newsfeed_btn_bg_active.png) repeat-x 0px 0px;
}
.ow_miniic_control span {
display: inline-block;
width: 18px;
height: 18px;
}
.ow_miniic_like {
background-position: -15px 4px;
}
.ow_miniic_comment {
background-position: 4px 5px;
}
.ow_miniic_control.active .ow_miniic_like {
background-position: -15px -15px;
}
.ow_miniic_control.active .ow_miniic_comment {
background-position: 4px -15px;
}
body .ow_newsfeed_doublesided_stdmargin {
margin: 16px 0px;
}
body .newsfeed-attachment-preview.item_loaded {
width: 98.7%;
margin-left: 0px;
margin-right: 0px;
}
.ow_newsfeed_item_picture {
float: left;
width: 100px;
margin-right: 1%;
}
.ow_newsfeed_large_image .ow_newsfeed_item_picture {
max-width: 400px;
width: 100%;
height: auto;
}
.ow_newsfeed_large_image .ow_newsfeed_item_content {
width: 100%;
max-width: 400px;
}
.ow_newsfeed_item_picture img {
max-height: 400px;
max-width: 100%;
width: auto;
height: auto;
}
.ow_newsfeed_photo_grid {
max-width: 400px;
width: 100%;
}
.ow_newsfeed_photo_grid_item {
padding: 0px 4px 4px 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 50%;
float: left;
}
.ow_newsfeed_photo_grid_3 .ow_newsfeed_photo_grid_item {
width: 33.3%;
}
.ow_newsfeed_photo_grid_item a {
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-size: cover;
width: 100%;
}
/* ---- Suggest field styles ---- */
.ac_results {
padding: 0px;
border: 1px solid #c6cacf;
background-color: #c6cacf;
overflow: hidden;
z-index: 105;
position: absolute;
display: none;
width: 100%;
top: -1px;
color: #35393c;
}
.ac_results ul {
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results iframe {
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;
top:0;
left:0;
z-index:-1;
filter:mask();
width:3000px;
height:3000px;
}
.ac_list_container{
width: 99.6%;
position: relative;
}
.ac_results li {
margin: 0px;
padding: 4px 5px;
cursor: pointer;
display: block;
width: 98%;
font: menu;
font-size: 12px;
overflow: hidden;
}
.ac_loading {
background : url(images/ajax_preloader_button.gif) right center no-repeat;
}
.ac_over {
background-color: #aaaeb3;
}
.ac_match{
font-weight: bold;
}
.ow_suggest_field {
position: relative;
}
.ow_suggest_invitation {
position: absolute;
right: 9px;
top: 9px;
width: 12px;
height: 12px;
background: url(images/miniic_corner.png) no-repeat center center;
}
/* ow custom tips */
.ow_tip{
display:inline-block;
position:absolute;
z-index: 10005;
color:#35393c;
}
.ow_tip_arrow{
display:inline-block;
position:absolute;
}
.ow_tip_arrow span{
display:block;
border:5px dashed transparent;
}
.ow_tip_right .ow_tip_arrow span{
border-right-color:#c6cacf;
border-right-style:solid;
border-right-width:5px;
border-left-width:0;
}
.ow_tip_right .ow_tip_arrow{
top:50%;
margin-top:-5px;
left:0;
}
.ow_tip_right .ow_tip_box{
margin-left:5px;
}
.ow_tip_left .ow_tip_arrow span{
border-left-color:#c6cacf;
border-left-style:solid;
border-left-width:5px;
border-right-width:0;
}
.ow_tip_left .ow_tip_arrow{
top:50%;
margin-top:-5px;
right:0;
}
.ow_tip_left .ow_tip_box{
margin-right:5px;
}
.ow_tip_bot .ow_tip_arrow span{
border-bottom-color:#c6cacf;
border-bottom-style:solid;
border-bottom-width:5px;
border-top-width:0;
}
.ow_tip_bot .ow_tip_arrow{
left:50%;
margin-left:-5px;
top:0;
}
.ow_tip_bot .ow_tip_box{
margin-top:5px;
}
.ow_tip_top{
position:absolute;
}
.ow_tip_top .ow_tip_arrow span{
border-top-color:#c6cacf;
border-top-style:solid;
border-top-width:5px;
border-bottom-width:0;
}
.ow_tip_top .ow_tip_arrow{
left:50%;
margin-left:-5px;
bottom:0;
}
.ow_tip_top .ow_tip_box{
margin-bottom:5px;
}
.ow_tip_box{
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
padding:2px 9px 4px;
background-color:#c6cacf;
color:#35393c;
font-size: 11px;
font-weight: bold;
}
/* ---- Group styles ---- */
body .ow_group_brief_info .details {
padding-left: 8px;
}
/* ---- End of the Group styles ---- */
/* ---- Membership Subscribe styles ---- */
.ow_subscribe_table .ow_highbox {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
body .ow_table_1 tr td.ow_plans_td_empty + td {
border-top-left-radius: 4px;
}
body .ow_table_1 tr td.ow_gateways_td_empty + td {
border-bottom-left-radius: 4px;
}
/* ---- End of the Membership Subscribe styles ---- */
/*--------------------------------------------------------------------
[?] Custom pages declarations TODO remove
---------------------------------------------------------------------*/
/* !!!admin pages styles */
.ow_admin_content{
width: 815px;
}
html body .selected_theme_info {
float: right;
width: 336px;
}
/* pages and menus */
.ow_navbox{
background:url(images/btnl_bg.png) repeat-x center left;
float:left;
font-size:11px;
height:18px;
margin-right:5px;
margin-bottom:5px;
padding:4px 8px;
border: 1px solid #ccc;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.ow_navbox a.move{
color:#666;
font-weight:bold;
}
.ow_navbox a.move:hover{
cursor:move;
text-decoration:none;
}
.ow_navbox a.edit{
background:url(images/arrow-up-down.png) no-repeat 10px 10px;
cursor:pointer;
}
.ow_navbox a.edit:hover{
text-decoration:none;
}
.guest_item{
background-color:#aaffaa;
}
.member_item{
background-color:#ffaaaa;
}
.ow_main_menu_scheme,
.ow_bottom_menu_scheme{
float: left;
height: 134px;
margin-right: 10px;
width: 155px;
}
.ow_main_menu_scheme{
background: url(images/admin-pages-menu-main.jpg) no-repeat;
}
.ow_bottom_menu_scheme{
background: url(images/admin-pages-menu-bottom.jpg) no-repeat;
}
.ow_dash_help_box{
float: left;
margin-left: 5px;
margin-right: 5px;
width: 31%;
height: 105px;
}
.ow_dash_help_box h3{
padding: 4px 0 4px 20px;
background: transparent no-repeat left center;
}
.ow_dash_help_box a{
display: block;
}
/* user dashboard settings */
.ow_dragndrop_panel {
/*background: #fff;*/
/*padding: 0px 10px 10px;*/
margin-top: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.ow_dragndrop_panel p span.ow_small {
border-color: #4f525a !important;
}
.ow_dragndrop_panel p span.ow_highlight {
background: #3d4246;
border: 1px solid #141619;
padding: 2px 5px;
}
.ow_dashboard_box{
background: #FFFFFF;
padding: 5px 10px 10px 10px;
margin-top: 5px;
}
.ow_dnd_schem_item{
background:#3d4246 url(images/ic_file.png) no-repeat 10px 50%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #141619;
cursor:move;
/*float:left;*/
height:30px;
margin:2px 4px 2px 0;
padding:0 5px 0 33px;
/*width:157px;*/
position: relative;
font-size: 11px;
}
.ow_dnd_schem_item span.ow_label{
float:left;
overflow:hidden;
padding-top:5px;
/*white-space:nowrap;*/
/*width:80px;*/
height: 20px;
color: #979ca0;
}
.ow_dnd_schem_item span.action{
/*float:right;*/
line-height:15px;
overflow:hidden;
width:70px;
position: absolute;
right: 4px;
top: 2px;
}
.ow_dnd_schem_item span.action .ow_lbutton {
vertical-align: top;
}
.ow_dnd_helper {
border: 1px dashed #000;
}
.ow_dnd_freezed .ow_dnd_schem_item {
background-color: #FFAAAA;
}
.ow_dragndrop_sections .ow_highbox{
margin-top: 6px;
}
.ow_dnd_placeholder {
height: 10px;
border: 1px dashed #3d4246;
background-color: #1f2326;
}
.ow_dnd_preloader {
height: 30px;
}
.ow_dnd_configurable_component .control {
display: inline-block;
width: 18px;
height: 16px;
text-decoration: none;
background-position: center;
background-repeat: no-repeat;
}
.ow_dnd_configurable_component .ow_box_icons
{
float: right;
padding: 8px 2px 0 0;
}
.ow_dnd_configurable_component h3 {
float: left;
}
.ow_dnd_content_components{
padding: 10px 0;
width: 74%;
}
.ow_dnd_clonable_components {
border-left: 1px solid #141619;
padding: 10px 0 10px 10px;
width: 24%;
}
/* Dnd Slider */
.ow_dnd_slider {
/*background:url(images/h2bg.png) repeat-x center;*/
height: 6px;
background-color: #313539;
position: relative;
margin: 10px 3px 0;
cursor: pointer;
}
.ow_dnd_slider_pusher {
float: left;
height: 1px;
}
.ow_dnd_slider_marker {
width: 10px;
height: 1px;
float: left;
}
.ow_dnd_slider_marker_point {
position: absolute;
width: 0px;
height: 6px;
border-left: 1px solid #0d1216;
border-right: 1px solid #505559;
top: 0;
}
.ow_dnd_slider_handle {
position: absolute;
top: -5px;
width: 22px;
height: 16px;
cursor: move;
z-index: 50;
background: transparent url(images/ic_move_horizontal.png) no-repeat center;
}
.ow_dnd_slider_helper {
}
.ow_dnd_slider_in_move {
opacity: 0.5;
filter: alpha(opacity = 50);
}
.ow_dragndrop_sections .top_section,
.ow_dragndrop_sections .left_section,
.ow_dragndrop_sections .right_section,
.ow_dragndrop_sections .bottom_section,
.ow_dragndrop_sections .sidebar_section{
background-position: center 7px;
background-repeat: no-repeat;
}
.ow_dragndrop_sections .top_section { background-image: url(images/dnd-label-top.png) }
.ow_dragndrop_sections .left_section { background-image: url(images/dnd-label-column1.png) }
.ow_dragndrop_sections .right_section { background-image: url(images/dnd-label-column2.png) }
.ow_dragndrop_sections .bottom_section { background-image: url(images/dnd-label-bottom.png) }
.ow_dragndrop_sections .sidebar_section { background-image: url(images/dnd-label-sidebar.png) }
body .ow_dragndrop_panel .ow_dnd_schem_item{
width: 134px;
}
.ow_dragndrop_sections .ow_highbox{
margin-top: 6px;
}
.ow_highbox_table .ow_highbox,
.ow_highbox
{
background-color: #2A2F33;
}
.ow_highbox {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 4px;
}
.ow_dragndrop_sections .ow_highbox {
padding: 0;
}
.ow_dragndrop_sections .ow_highbox.join_now_widget {
padding: 10px;
}
.join_now_widget
{
background-image: url('images/ic_warning.png');
padding: 10px;
background-position: 10px 10px;
background-repeat: no-repeat;
}
.ow_highbox .ow_highbox.join_now_widget {
background-image: none;
border: none;
}
.ow_highbox,
.ow_highbox_table .ow_highbox
{
border:1px solid #31363A;
border-top: none;
border-left: none;
}
.ow_highbox_table .ow_highbox
{
height:50px;
padding:10px;
}
.ow_highbox_table .ow_highbox .ow_dnd_schem_item{
float:none;
margin-bottom:4px;
margin-right:0;
width:auto;
}
input[type=text].ow_settings_input{
width: 40px;
}
/* color picker */
.special_block_top {
width: 252px;
height: 7px;
}
.special_block_mid {
width: 238px;
padding: 0 7px 5px;
margin: 0 auto;
}
.special_block_bot {
width: 252px;
height: 19px;
}
.colorCode {
width: 68px;
}
table.colorPicker {
border-collapse: separate !important;
border-spacing: 3px !important;
}
table.colorPicker td {
width: 20px;
height: 20px;
padding: 0;
}
/* FloatBox implementation */
#floatbox_overlay {
position: fixed;
z-index: 100;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}
.floatbox_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.floatbox_overlayBG {
background-color: #000;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
*html #floatbox_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#floatbox_HideSelect {
z-index: 99;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
border: none;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height: 100%;
width: 100%;
}
*html #floatbox_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
body .floatbox_canvas .floatbox_container {
margin-top: 100px;
}
.floatbox_container {
position: fixed;
z-index: 102;
width: 300px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
border: 8px solid rgba(0, 0, 0, 0.5);
}
.floatbox_header {
padding: 4px;
text-align: left;
}
.floatbox_header a.close_btn {
margin: 2px;
background: url(images/ow-ic-close.png) no-repeat;
}
.floatbox_title {
text-transform: uppercase;
font-size: 16px;
padding: 8px 12px 0px;
float: left;
font-weight: normal;
font-family: 'UbuntuBold', Verdana, Geneva, sans-serif;
}
.floatbox_header .ow_box_cap_icons {
float: right;
margin-top: 1px;
}
.floatbox_body {
padding: 8px 16px;
text-align: left;
}
.floatbox_bottom {
padding: 0px 16px 16px;
text-align: center;
}
.floatbox_container .ow_bg_color {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
/* End FloatBox implementation */
/* ---- Message (Feedback) styles ---- */
.ow_message_cont{
left: 50%;
margin-left: -278px;
position: fixed;
top:0;
width: 556px;
z-index: 1000;
margin-top: 25px;
}
.ow_message_node{
font-size:14px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
text-align:center;
text-shadow: 0px 1px 0 rgba(0,0,0,0.4);
line-height: 24px;
margin:15px;
padding:7px 12px;
overflow: auto;
position:relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 21px 16px rgba(0,0,0,0.2);
-moz-box-shadow: 0 21px 16px rgba(0,0,0,0.2);
box-shadow:0 21px 16px rgba(0,0,0,0.2);
}
.ow_message_node div div{
padding-right:24px;
}
.ow_message_node a.close_button {
display:block;
width:12px;
height:13px;
float:right;
position:absolute;
top:14px; right:14px;
background:url(images/message_btn_close.png) no-repeat 50% 50%;
}
/*info*/
.ow_message_cont .ow_message_node.info {
background: #90c105;
border-top:1px solid #90c105;
border-right:1px solid #90c105;
border-bottom:1px solid #519200;
border-left:1px solid #90c105;
}
/*warning*/
.ow_message_cont .ow_message_node.warning {
background: #ffbf22;
border-top:1px solid #ffbf22;
border-right:1px solid #ffbf22;
border-bottom:1px solid #ff8f05;
border-left:1px solid #ffbf22;
}
/*error*/
.ow_message_cont .ow_message_node.error {
background: #ea400b;
border-top:1px solid #ea400b;
border-right:1px solid #ea400b;
border-bottom:1px solid #d71000;
border-left:1px solid #ea400b;
}
/* ---- End of the Message (Feedback) styles ---- */
/* thickbox 8aa */
.ow_preloader_content_cont{
width: 30px;
height: 30px;
}
/* ~thickbox 8aa */
/* ---- Captcha styles ---- */
span.ic_refresh{
background: url(images/ic_refresh.png) no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
/* ---- End of Captcha styles ---- */
.alignleft{
float: left;
}
.alignright{
float: right;
}
.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
/*----------------------------------------------------------------------BASE_ADD--------------------------------------------------------------------------------*/
.index_customize_box {
/*width: 985px;*/
}
.fullsize-photo{display: none;}
.ow_ajax_floatbox_preloader {
width: 100%;
height: 50px;
}
.ow_border {
border-style: solid;
border-color: #1a1c1b;
}
.ow_cursor_pointer {
cursor: pointer;
}
.ow_break_word{
word-wrap:break-word;
}
/* ---- Sort styles ---- */
.ow_sort_control {
padding: 4px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
/*border: 1px solid #4d5054;*/
}
.ow_sort_control a {
background: #fff;
display: inline-block;
color: #91959B;
font-size:11px;
height: 22px;
padding: 0px 6px 0 7px;
text-shadow: #23272A 1px 1px 0;
border-style: solid;
border-top-color: #1F2326;
border-right-color: #1F2326;
border-left-color: #1F2326;
border-bottom-color: #33373B;
border-width: 1px 1px 1px 1px;
margin: 0px 0px 0px -1px;
outline: 0;
border-left-width: 1px;
border-top-left-radius: 2px;
-moz-border-top-left-radius: 2px;
-webkit-border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
-moz-border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
background: transparent url('images/box_menu.gif') repeat-x left top;
}
.ow_sort_control a span {
display: inline-block;
line-height: 21px;
}
.ow_sort_control a:first-child {
border-left-width: 1px;
border-top-left-radius: 2px;
-moz-border-top-left-radius: 2px;
-webkit-border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
-moz-border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}
.ow_sort_control a:last-child {
border-top-right-radius: 2px;
-moz-border-top-right-radius: 2px;
-webkit-border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
-moz-border-bottom-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
}
.ow_sort_control a.active,
.ow_sort_control a:hover{
color:#91959B;
text-decoration:none;
background: transparent url('images/box_menu_active.gif') repeat-x left top;
}
.ow_sort_control_label {
padding: 0px 8px 0px 6px;
}
/*td.sort_link{
width:100%;
}
td.sort_link li{
display:inline;
padding: 0 15px 0 0;
}
td.sort_link li.active a {
font-weight:bold;
color:#333;
}
td.sort_link li.active a:hover{
text-decoration:none;
}*/
/* ---- End of Sort styles ---- */
/* ---- Context Action styles ---- */
.ow_context_action_block {
float: right;
text-align: right;
font-size: 0px;
line-height: 17px;
}
.ow_context_action {
display: inline-block;
position: relative;
z-index: 3;
font-size: 11px;
height: 18px;
padding: 0px 0px 0px 5px;
border-top: 1px solid #1f2326;
border-bottom: 1px solid #1f2326;
border-right: 1px solid #1f2326;
vertical-align: top;
*display: inline;
zoom: 1;
background-image: url('images/console_item_bg.gif');
background-position: 0px 0px;
background-repeat: repeat-x;
}
.ow_context_action_value {
display: inline-block;
padding: 0px 5px 0px 0px;
text-decoration: none;
color: #666;
/*color: #3366CC;
font-weight: bold;
text-shadow: 1px 1px 0 #F6F6F6;*/
}
.ow_context_more {
display: inline-block;
min-width: 10px;
height: 18px;
padding: 0px 5px 0px 0px;
background: url(images/context_action_arrow.png) no-repeat 1px 8px;
vertical-align: top;
}
.ow_context_action_block .ow_context_action:first-child {
border-left: 1px solid #1f2326;
border-radius: 2px 0px 0px 2px;
}
.ow_context_action_block .ow_context_action:last-child {
border-top-right-radius:2px;
border-bottom-right-radius: 2px;
}
.ow_context_action:hover,
.ow_context_action.active {
cursor: pointer;
background: #353b3e url('images/context_action_hover.gif') repeat-x 0px 0px;
}
.ow_context_action:hover .ow_context_action_wrap {
display: block;
}
.ow_context_action:hover .ow_context_action_value,
.ow_context_action.active .ow_context_action_value {
text-decoration: none;
}
.ow_context_action:hover .ow_context_more,
.ow_context_action.active .ow_context_more {
background: url(images/context_action_arrow_active.png) no-repeat 1px 8px;
}
.ow_context_action_wrap {
/*position: absolute;
right: -1px;
top: 23px;
padding-top: 1px;
max-width: 250px;
display: none;*/
}
.ow_context_action_list {
min-width: 100px;
text-align: left;
overflow-x: auto;
}
.ow_context_action_list li {
white-space: nowrap;
}
.ow_context_action_list a {
font-size: 11px;
font-weight: normal;
display: block;
padding: 3px 0px;
color: #35393c;
}
.ow_context_action_list a:hover,
.ow_bl .ow_context_action li a:hover {
text-decoration: none;
background: #aaaeb3;
}
.ow_context_action .ow_tooltip {
display: none;
}
.ow_context_action_divider {
line-height: 1px;
height: 1px;
background: #dcdcdc;
border-bottom: 1px solid #fff;
margin: 1px 0px 0px;
}
.ow_bl .ow_context_action li a {
background-color: transparent;
}
/* ---- End of Context Action styles ---- */
/* ---- Cover Context Action styles ---- */
.uh-cover-add-btn-wrap .ow_context_action {
padding-left: 7px;
}
.uh-cover-add-btn-wrap .ow_tooltip_body {
padding: 4px 0px;
}
.uh-cover-add-btn-wrap .ow_context_action_list a {
padding: 4px 12px;
}
.uh-cover-add-btn-wrap .ow_context_action_value {
color: #C5CCD0;
}
/* ---- End of Cover Context Action styles ---- */
/* ---- SignIn Form styles ---- */
.ow_sign_in_cont {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-image: url('images/bg.gif'); /** OW_Control type:image, key:backgroundPattern, section: 1. General Settings, label:2. Page background pattern **/
background-repeat: repeat;
background-color: #191c20;
z-index:97;
}
.ow_sign_in_wrap {
width:702px;
}
.ow_sign_in_wrap h2 {
font-size: 28px;
line-height: 36px;
margin:0 8px 10px 8px;
padding:0 40px;
color: #979ca0;
}
.ow_sign_in_wrap form{
background-color: #212428;
margin:8px;
padding:40px 40px 22px 40px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-khtml-border-radius:5px;
border-radius:5px;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow:0 2px 6px rgba(0, 0, 0, 0.2);
border:1px solid #212428;
}
.ow_sign_in_wrap form .ow_sign_in{float:left; width:312px;}
.ow_sign_in_wrap form .ow_sign_up {margin:0px 0 0 342px; color: #8b8f97; padding-top: 7px;}
.ow_sign_in_wrap form .ow_sign_up hr{margin:5px 0 15px;}
.ow_sign_in_wrap form .ow_box_cap{
margin-bottom:0;
position:relative;
z-index:99;
}
.ow_sign_in_wrap form .ow_box{
padding:16px 16px 6px 16px;
margin-bottom:16px;
position:relative;
z-index:98;
}
.ow_sign_in_wrap form .ow_user_name input[type="text"]{margin-bottom:8px;}
.ow_sign_in_wrap form .ow_password input[type="password"] {margin-bottom:16px;}
.ow_sign_in_wrap form .ow_form_options {margin-bottom:6px;}
.ow_sign_in_wrap form .ow_form_options p.ow_remember_me,
.ow_sign_in_wrap form .ow_form_options p.ow_forgot_pass {font-size:11px; padding:0 0 0 20px; line-height: 13px;}
.ow_sign_in_wrap form .ow_form_options p.ow_remember_me {padding-bottom:5px;}
.ow_sign_in_wrap form .ow_form_options p.ow_remember_me input[type="checkbox"]{float:left; margin:0px 0 0 -20px; padding:0px;}
.ow_sign_in_wrap form .ow_connect_buttons {padding: 0 0 0 20px;}
.ow_sign_in_wrap form .ow_connect_buttons .ow_fb_button {float:left;}
.ow_connect_text {
background: url('images/miniic_li.png') no-repeat left center;
padding: 0px 0 0 16px;
margin-right: 16px;
float: left;
line-height: 22px;
}
.ow_sign_in .connect_button_list {
padding: 0px;
float: left;
}
.floatbox_container .ow_sign_in_wrap form {
margin: 0px;
box-shadow: none;
border: none;
border-radius: none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
padding: 10px 40px 0;
}
.floatbox_container .ow_sign_in_wrap h2 {
display: none;
}
.ow_signin_label {
display: inline-block;
height: 14px;
line-height: 13px;
margin: 4px 0;
vertical-align: top;
}
.ow_signin_delimiter {
border-right: 1px solid #CCCCCC;
padding: 0 7px 0 0;
}
.ow_console_item .ow_ico_signin {
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
display: inline-block;
height: 14px;
margin: 4px 0 0 4px;
vertical-align: top;
width: 14px;
}
.ow_ico_signin:last-child {
margin-right: -4px;
}
/* ---- End SignIn Form styles ---- */
/* ---- My Avatar Widget styles ---- */
.ow_my_avatar_img {
}
.ow_my_avatar_username {
display: table-cell;
vertical-align: middle;
}
.ow_my_avatar_cont {
height: 47px;
display: table;
padding-left: 5px;
}
.ow_my_avatar_cont span {
display: inline-block;
width: 90px;
word-wrap: break-word;
}
/* ---- End of My Avatar Widget styles ---- */
/* ---- Live Member Icon ---- */
.ow_miniic_live .ow_live_on {
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
background: url(images/miniic_live.png) center center no-repeat;
margin-right: 4px;
}
.ow_miniic_live .ow_lbutton {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
line-height: 12px;
height: 12px;
}
.ow_miniic_live .ow_preloader_content{
height: 16px;
width: 16px;
display: inline-block;
vertical-align: middle;
background-position:center center;
}
.ow_miniic_live .ow_preloader_content.ow_hidden {
display: none;
}
.ow_miniic_live .ow_lbutton.ow_green {
color: #666;
}
/* ---- End Live Member Icon ---- */
.ow_field_eye {
padding-left: 14px;
background:url(images/miniic_field_eye.png) 0 7px no-repeat;
display: inline-block;
}
.floatbox_body iframe html,
.floatbox_body iframe body {
background: red;
}
.base_index_page,
.ow_dragndrop_content {
float: left;
width: 100%;
}
