SkyBOOK Free SMS
Senin, 27 Mei 2013
/********************************************************************************
*
* Filename: base.css
* Description: Oxwall Green 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 */
min-width: 1005px;
position: relative;
background-color: #426800; /** OW_Control type:color, section:1. General Settings, key:pageColor, label:Page background color **/
background-position:left top;
background-repeat: repeat-x;
background-image: url('images/top-bg.png'); /** OW_Control type:image, key:headerImage, section:1. General Settings, label: Page header image **/
}
.ow {
background-color: #426800; /** OW_Control type:color, section:1. General Settings, key:pageColor, label:Page background color **/
background-image: url('images/top-bg.png'); /** OW_Control type:image, key:headerImage, section:1. General Settings, label: Page header image **/
background-position:left top;
background-repeat: repeat-x;
}
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
========================================================*/
html {
height: 100%;
}
body, html
{
font-family: "Lucida Grande", "Verdana", "Tahoma"; /** OW_Control type:font, section:1. General Settings, key:commonFontFamily, label:Font **/
color:#fff; /** OW_Control type:color, section:2. Colors, key:textColor, label: - Text **/
font-size: 13px; /** OW_Control type:text, section:1. General Settings, key:commonFontSize, label:Font size **/
line-height: 18px;
min-height: 100%;
}
a
{
color: #BAD968; /** OW_Control type:color, key:linkColor, section:2. Colors, label: - Links **/
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
a:hover img{
text-decoration: none;
}
p{
text-indent: 0;
}
h1, h2, h3, h4, h5{
color: #fff; /** OW_Control type: color, key: titleColor, label: - Titles, section: 2. Colors **/
margin: 0;
padding: 0;
}
h1{
background-repeat: no-repeat;
background-position: left center;
font-size: 22px;
line-height: 26px;
padding-left: 22px;
text-shadow: 1px 1px 0 #FFFFFF;
word-wrap: break-word;
}
h2{
font-size: 18px;
}
h3{
font-size: 14px;
}
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;
}
hr{
background-color: #ccc;
border: none;
height: 1px;
margin: 5px 5px 15px 5px;
}
/*========================================================
[3] Masterpage & Page Layout __layout
========================================================*/
/* ---- Page Layout styles ---- */
.ow_bg_color{
background-color: #426800;/** OW_Control key:pageColor **/
}
.ow_canvas_wrap{
}
.ow_canvas
{
margin: 0 auto;
width: 920px;
}
.ow_page{
margin: 0 auto;
padding:18px 0 0 0;
}
.ow_header{
background-color:transparent;
}
.ow_top{
position: relative;
height: 116px; /** OW_Control type:text, key:headerHeight, section:1. General Settings, label: Page header height **/
}
.ow_header .ow_logo{
background-image: url(images/logo.png); /** OW_Control type:image, section:1. General Settings, key:logoImage, label:Logo image **/
background-repeat: no-repeat;
height: 29px;
margin: 0 0 0 20px;
}
.ow_header .ow_logo h2 a{
display: block;
width: 214px;
height: 72px;
}
.ow_header .ow_logo .ow_tagline
{
font-size: 11px;
color: #999;
padding: 2px 0 0 2px;
text-shadow: 0px 1px 0 #FFFFFF;
}
.ow_header .ow_logo a
{
color: #999;
text-decoration: none;
}
.ow_header .ow_search{
float: right;
padding: 5px;
}
.ow_header .ow_canvas{
background: transparent url(images/logo_bg.png) no-repeat;
}
.ow_page_container .ow_page
{
padding: 35px 18px 18px;
min-height: 400px;
background: transparent url('images/semi-transparent.png');
}
.ow_footer
{
color: #aaa;
padding-top:1px;
background-color: #fff; /** OW_Control type:color, section:1. General Settings, key:footerColor, label:Footer background color **/
background-image: none;
position: absolute;
bottom: 0;
width: 100%;
}
.ow_footer a
{
color: #fff;
}
.ow_sidebar{
float: right;
width: 168px;
}
.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: #dd3300;
margin-bottom: 20px;
padding-left: 22px;
}
.ow_column
{
width: 49%;
}
.ow_narrow{
width: 39%;
}
.ow_wide{
width: 59%;
}
.ow_superwide{
width: 75%;
}
.ow_supernarrow{
width: 23%;
font-size: 11px;
}
.ow_left{
float: left;
}
.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;
}
.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
{
list-style: outside;
list-style-image: url(images/li.png);
margin-bottom: 12px;
}
ul.ow_regular li
{
line-height: 1.4;
margin: 0 0 3px 19px;
}
.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 ---- */
/* ---- Sidebar styles ---- */
/* empty */
/* ---- 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 {
background: transparent;
}
.ow_console {
font-size: 11px;
height: 40px;
position: fixed;
top: 0px;
right: 0px;
z-index: 99;
color:#0084B1;
}
.ow_console_body {
padding: 8px 4px 8px 8px;
background: #5C7A01;
text-align: right;
border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-webkit-bottom-left-border-radius: 2px;
}
.ow_console_block {
display: inline-block;
text-align: left;
vertical-align: top;
}
.ow_console_item {
background: #fefefe url(images/console_item_bg.png) repeat-x 0px 0px;
display: inline-block;
position:relative;
line-height: 21px;
height:22px;
margin:0 4px 0 0px;
padding:0 8px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: none;
vertical-align: top;
text-align: left;
}
.ow_console_item:hover {
border-color: #fff;
cursor: pointer;
}
.ow_console_dropdown_hover:hover {
background: #E8E8E8 url(images/console_active_item_bg.png) repeat-x 0px 0px;
border-color: #ccc;
cursor: pointer;
}
.ow_console_dropdown_pressed {
background: #E8E8E8 url(images/console_active_item_bg.png) repeat-x 0px 0px;
border-color: #ccc;
}
.ow_console a{
color:#0084b1;
}
.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_hover.png") no-repeat scroll right 9px transparent;
}
/* ---- Console select language styles ---- */
.ow_console_lang_item {
text-transform: uppercase;
}
li.ow_console_lang_item {
padding: 3px 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 {
border: 1px solid #ccc;
border-radius:2px;
}
.ow_console_lang_item span {
display: inline-block;
padding-left: 23px;
}
/* ---- End Console select language styles ---- */
.ow_console .ow_tooltip_top_right {
position: absolute;
margin-top: 0px;
right: -1px;
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_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 #ececec;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.ow_console_list li:hover {
border-color: #ccc;
}
.ow_console_list li.ow_console_new_message {
background: #fff;
border-color: #ccc;
}
.ow_console_list li:last-child {
margin-bottom: 0px;
}
.ow_console .ow_avatar {
float: left;
margin-right: -40px;
height: 40px;
width: 40px;
padding: 0px;
}
.ow_console .ow_avatar img {
height: 40px;
width: 40px;
}
.ow_console_ntf_txt, .ow_console_invt_txt {
display: block;
line-height: 16px;
color: #666;
}
.ow_console_invt_txt a {
color: #2A80AE;
}
.ow_console_view_all_btn_wrap {
padding-top: 4px;
background: #FAFAFA;
}
.ow_console_view_all_btn {
text-decoration: none;
display: block;
line-height: 11px;
padding: 5px 0px;
text-align: center;
border: 1px solid #E8E8E8;
background: url(images/console_item_bg.png) 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 5px;
border: 1px solid transparent;
display: block;
}
ul.ow_console_dropdown .ow_console_dropdown_cont a:hover {
border: 1px solid #ccc;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
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: #666;
}
.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 {
color: #666;
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: 273px;
}
.ow_console_invt_no_img {
margin-right: 0px;
}
.ow_console_divider {
line-height: 1px;
height: 1px;
background: #dcdcdc;
border-bottom: 1px solid #fff;
margin: 3px 0px 2px;
}
.ow_cursor_pointer {
cursor: pointer;
}
.ow_cursor_default {
cursor: default;
}
/* ---- End of Console styles ---- */
/*========================================================
[4] Forms __forms
========================================================*/
/* ---- Form Elements styles ---- */
input[type=text],
input[type=password],
textarea,
select,
div.jhtmlarea{
background-image: url(images/inputbg.gif); /** OW_Control type:image, section:3. Other styles, key:inputBg, label:Input background **/
border: 1px solid #bbb;
color: #333;
font-family: "Lucida Grande", "Verdana";
font-size: 13px;
padding: 4px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
body form div.jhtmlarea {
padding: 0px;
background: #fff;
width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html body .ow_sidebar *,
html body .ow_console *{
font-size: 11px;
}
select{
background-image: none;
max-width: 200px;
}
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;
}
input[type=submit],
input[type=button]{
background-color: transparent;
background-image: url(images/ic_right_arrow.png);
background-repeat: no-repeat;
background-position: 8px 50%;
border-width: 1px;
border-style: solid;
border-color: #aaa;
padding: 8px 7px 0px 28px;
color: #3366cc; /** OW_Control type:color, section:2. Colors, key:buttonText, label:Button text **/
font-size: 13px;
font-weight: bold;
cursor: pointer;
border-top: 0;
border-left: 0;
text-shadow: #f6f6f6 1px 1px 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type=submit].ow_green,
input[type=button].ow_green,
input[type=submit].ow_red,
input[type=button].ow_red
{
text-shadow: none;
}
html body.ow input[type=submit],
html body.ow input[type=button]{
background-color: transparent;
margin: 0px;
}
span.ow_button
{
background-color: #fff;
background-image: url('images/consolebg.png');
background-repeat: repeat-x;
background-position: center left;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline-block;
}
html body.ow span.ow_button {
background-image: url('images/consolebg.png');
}
body.ow input.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 */
}
.ow_btn_delimiter span.ow_button:first-child {
margin-right: 16px;
}
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:#999;
}
.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;
}
/* wysiwyg styles */
body.htmlarea_styles{
font-family: "Lucida Grande", "Verdana", "Tahoma"; /** OW_Control key:commonFontFamily **/
color: #333;
font-size: 13px; /** OW_Control key:commonFontSize **/
line-height: 18px;
}
body.htmlarea_styles a{
}
body.htmlarea_styles p{
margin:0;
}
/* wysiwyg styles end */
/* tag styles */
div.tagsinput {
background-image: url(images/inputbg.gif);
}
/* tag styles end */
/* ---- End of Form Elements styles ---- */
/* ---- Form Table styles ---- */
/*
table.ow_info{
}
table.ow_info th{
background: url(images/button_menu_bg.gif) repeat-x;
border-top: 1px solid #fff;
border-bottom: 1px solid #d9d9d9;
}
table.ow_info td.name{
border-right: 1px solid #eee;
color: #666;
text-align: right;
}
table.ow_info td.value{
border-left: 1px solid #fff;
}
*/
/* ---- End of Form Table styles ---- */
/*========================================================
[5] Common Blocks __blocks
========================================================*/
.ow_box_cap_empty
{
background: transparent url('images/box-cap-empty-left.png') no-repeat left center;
padding-left: 5px;
height: 33px;
margin-bottom: 15px;
color:#547401;
}
.ow_box_cap_empty .ow_box_cap_right
{
background: transparent url('images/box-cap-empty-right.png') no-repeat right center;
padding-right: 5px;
height: 33px;
}
.ow_box_cap_empty .ow_box_cap_body
{
background: transparent url('images/box-cap-empty.png') repeat-x left center;
height: 33px;
}
.ow_box_cap h3,
.ow_box_cap_empty h3{
background-image: url(images/ic_file.png);
background-repeat: no-repeat;
background-position: 4px 50%;
padding: 7px 0 7px 27px;
text-shadow: #fff 1px 1px 0;
height:18px;
overflow: hidden;
color: #547401;
}
.ow_box_cap
{
background: transparent url('images/box-cap-left.png') no-repeat left center;
padding-left: 5px;
height: 33px;
color: #547401;
}
.ow_box_cap .ow_box_cap_right
{
background: transparent url('images/box-cap-right.png') no-repeat right center;
height: 33px;
padding-right: 5px;
}
.ow_box_cap .ow_box_cap_body
{
background: transparent url('images/box-cap.png') repeat-x left center;
height: 33px;
}
.ow_box{
background-color: #5C7A01;
border-top: 1px solid #fff;
margin-bottom: 8px;
padding: 10px 10px 5px 10px;
position: relative;
}
.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_bottom_left
{
background: transparent url('images/box-bottom-left.png') no-repeat left center;
width: 5px;
height: 5px;
position: absolute;
left: 0;
bottom: -5px;
}
.ow_box_bottom_right
{
background: transparent url('images/box-bottom-right.png') no-repeat right center;
height: 5px;
width: 5px;
position: absolute;
right: 0;
bottom: -5px;
}
.ow_box_bottom_body
{
background: #5C7A01;
height: 5px;
position: absolute;
left: 5px;
right: 5px;
bottom: -5px;
}
.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
========================================================*/
/* ---- Item Picture Content ---- */
.ow_ipc_picture{
float: left;
margin-right: -45px;
width: 45px;
}
.ow_ipc_picture img{
width: 45px;
height: 45px;
}
.ow_ipc_info{
margin-left: 53px;
}
.ow_ipc_header{
padding: 2px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 5px;
}
.ow_box .ow_ipc_header
{
border: 1px solid #ddd;
border-bottom: none;
border-right: none;
}
.ow_ipc_header, th{
background-color: #5A7E00; /** OW_Control key:owAlt2 **/
}
/* ---- Mini Item Picture Content ---- */
.ow_mini_ipc_picture{
float: left;
margin-right: -32px;
width: 32px;
}
.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: 40px;
}
.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_toolbar
{
margin-bottom: 5px;
}
th,
.ow_content_menu,
.ow_content_menu li a,
.ow_highbox_table .ow_highbox,
.ow_page .ow_highbox,
.ow_sidebar,
.ow_table_3 td
{
border-color: #ccc;
}
.ow_ipc_content{
padding: 0px 5px 5px 5px;
}
.ow_ipc_toolbar{
font-size: 11px;
float: left;
padding: 0 5px;
}
.ow_box_toolbar
{
padding: 2px 7px;
margin-top: 5px;
font-size: 11px;
float: right;
white-space: nowrap;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.ow_box_empty .ow_box_toolbar
{
background: #f0f0f0;
text-shadow: #fff 1px 1px 0;
}
.ow_box .ow_box_toolbar
{
background: #4D6801;
border: 1px solid #678C00;
border-right: none;
border-bottom: 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:#fafafa; /** OW_Control key:owAlt2 **/
padding:4px;
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-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;*/
}
/* ---- 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 #5C7A01;
min-height: 15px;
overflow: hidden;
}
.ow_count {
color: #FFFFFF;
padding: 0 4px 0 4px;
}
.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: 45px;
}
.ow_lp_albums .ow_lp_wrapper{
width: 75px;
float: left;
margin-right: 6px;
}
.ow_lp_photos .ow_lp_wrapper{
width: 75px;
margin: 0 3px 3px 0;
display: inline-block;
float: none;
}
.ow_lp_avatars img{
width: 45px;
height: 45px;
/*display: block;*/
}
.ow_lp_avatars .ow_avatar{
margin: 1px;
}
.ow_lp_photos img,
.ow_lp_albums img{
width: 75px;
height: 75px;
/*display: block;*/
}
.ow_lp_label{
margin-left: 80px;
}
.ow_lp_avatars.ow_mini_avatar{
text-align:left;
}
.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: #709501 url(images/more_icon.png) no-repeat 50% 50%;
}
/* ---- User List ---- */
.ow_user_list
{
}
.ow_user_list .ow_item_set3{
width: 32%;
}
.ow_user_list_item{
float: left;
padding: 10px;
padding-right: 0px;
}
.ow_user_list_picture{
float: left;
margin-right: -45px;
width: 45px;
}
.ow_user_list_picture img{
width: 45px;
height: 45px;
}
.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,
.ow_table_3{
margin-bottom: 25px;
width: 100%;
}
.ow_table_1 th{
}
.ow_table_1 td,
.ow_table_2 td{
padding: 10px;
vertical-align: middle;
}
.ow_table_1 td .text{
color: #999;
}
.ow_table_2{
border-collapse: separate;
border-spacing: 2px;
}
.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: #666;
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: #666;
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: #f0f0f0;
padding: 5px 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-weight: normal;
}
table.ow_form td.ow_label{
color: #fff;
text-align: right;
width: 20%;
}
table.ow_form td.ow_desc{
width: 25%;
color: #fff;
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_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_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_save.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); }
.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_main_menu{
position: absolute;
right: 0px;
z-index: 1;
bottom: 0px;
left:0;
background: transparent url(images/menu.png) repeat-x 0px 19px;
}
.ow_main_menu li{
float: left;
padding: 0;
}
.ow_main_menu li a{
color: #666; /** OW_Control type:color, key:menuColor, section:2. Colors, label:Menu item **/
display: block;
padding: 0 7px 20px 7px;
text-decoration: none;
text-shadow: #fff 0 1px 0;
}
.ow_main_menu li.active,
.ow_main_menu li a:hover
{
background-image: url('images/menu-active.png');
background-color:#426800 ; /** OW_Control type:color, key:activeMenuColor, section:2. Colors, label:Active menu color **/
background-position: 49% bottom;
background-repeat: no-repeat;
}
.ow_main_menu li.active a,
.ow_main_menu li a:hover{
color: #CF3513; /** OW_Control key: titleColor **/
}
.ow_main_menu li.active a
{
font-weight: bold;
}
.ow_box .ow_box_menu{
border-bottom: 1px solid #d3d3d3;
margin: -10px;
margin-bottom: 10px;
text-align: right;
padding-right: 5px;
}
.ow_box_menu a{
display: inline-block;
font-size:11px;
margin-right: 5px;
color: #666;
text-shadow: #fff 1px 1px 0;
}
.ow_box_empty .ow_box_menu{
float: right;
margin: -15px 10px 9px 10px;
background: #3E5A00;
padding-left: 5px;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
}
.ow_box_menu a.active,
.ow_box_menu a:hover{
color:#CF3513; /** OW_Control key:titleColor **/
text-decoration:none;
}
/* ---- End of Main Menu styles ---- */
/* ---- Content Menu styles ---- */
.ow_content_menu{
border-bottom-width: 1px;
border-bottom-style: solid;
}
.ow_content_menu_wrap{
margin-bottom:20px;
}
.ow_content_menu li{
float: left;
}
.ow_content_menu li a{
border-width: 1px;
border-style: solid;
display: block;
margin-bottom: -1px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
margin-left: 10px;
}
.ow_content_menu span{
background-image: url(images/ic_file.png);
background-position: 8px 50%;
background-repeat: no-repeat;
padding: 13px 10px 12px 32px;
display: block;
}
/* ---- End of Content Menu styles ---- */
/* ---- Button List styles ---- */
ul.ow_bl{
padding: 0;
}
ul.ow_bl li{
float: right;
list-style: none;
margin-left: 5px;
}
ul.ow_bl a{
display: block;
background: #ccc url(images/consolebg.png) repeat-x center left;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #485B10;
padding: 5px 7px;
text-decoration: none;
}
ul.ow_bl a:hover {
background-color: #8FA946;
text-shadow: none;
color: #485B10;
}
span.ow_blitem {
background: url('images/consolebg.png') repeat-x center left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
text-decoration: none;
padding: 0px;
}
body span.ow_blitem input[type="submit"],
body span.ow_blitem input[type="button"] {
border: none;
padding: 0px;
background: none;
color: #fff;
font-weight: normal;
height: auto;
padding: 4px 6px;
font-size: 11px;
}
span.ow_blitem:hover,
span.ow_blitem input:hover {
background-image: none;
background-color: #86aa23;
text-shadow: none;
color: #fff;
}
/* ---- 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;
}
body .ow_bg_controls span.ow_blitem input[type="submit"],
body .ow_bg_controls span.ow_blitem input[type="button"]{
color: #ccc;
padding: 3px 6px;
}
body .ow_bg_controls span.ow_blitem input[type="submit"]:hover,
body .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
========================================================*/
.ow_paging{
font-size: 11px;
}
.ow_paging a{
background: none;
padding: 4px 8px;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.ow_paging a.active,
.ow_paging a:hover{
background: #A9CF33;
color: #fff;
}
/*========================================================
[12] Typography __typography
========================================================*/
.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: 30px;
}
.ow_smallmargin{
margin-bottom: 10px;
}
.ow_outline{
color: #FF6B00;
font-weight: bold;
}
.ow_lightweight{
font-weight: normal;
}
.ow_txt_value {
font-weight: bold;
color: #FF8E7F; /** OW_Control type:color, section:2. Colors, key:txtValue, label:Numeric values **/
}
.ow_remark {
color: #ccc; /** OW_Control type:color, section:2. Colors, key:remarkColor, label:Remark text **/
}
.ow_alt1,
tr.ow_alt1 td{
background-color: #4B700B; /** OW_Control type:color, section:2. Colors, key:owAlt1, label:Alternate color #1 **/
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.ow_alt2,
tr.ow_alt2 td{
background-color: #3E5A00; /** OW_Control type:color, section:2. Colors, key:owAlt2, label:Alternate color #2 **/
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.ow_high1{
background-color: #fff; /** OW_Control type:color, section:2. Colors, key:owHigh1, label:Highlighted item #1 **/
}
.ow_high2{
background-color: #eee; /** OW_Control type:color, section:2. Colors, key:owHigh2, label:Highlighted item #2 **/
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.ow_add_content{
background-color: #eee; /** OW_Control key:owHigh2 **/
}
a.ow_lbutton,
span.ow_lbutton
{
background: #999;
color: #fff;
font-weight: bold;
padding: 1px 3px;
text-transform: uppercase;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-shadow: none;
}
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;
}
html body .ow_green{
background-color: #33CC33;
border-color: #00AA00;
color: #fff;
}
html body .ow_red{
background-color: #ff6666;
border-color: #aa6666;
}
html body .ow_mild_red{
background-color: #ffaaaa;
}
html body .ow_mild_green{
background-color: #aaffaa;
}
.ow_automargin{
margin-left: auto;
margin-right: auto;
}
.ow_autowidth,
table.ow_form td.ow_autowidth{
width: auto;
}
.ow_anno
{
background:#DDDDAA url(images/ic_warning.png) no-repeat scroll 15px 45%;
border:1px solid #CCCC99;
padding:10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #638900;
}
.outline{
color: #FF6B00;
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 1px 1px 0;
overflow:hidden;
padding:28px 0 6px;
text-align:center;
width:49%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.ow_add_content:hover{
text-decoration:none;
}
/* ---- 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;
}
/* ---- End of Forum styles ---- */
/* ---- Mailbox styles ---- */
table.ow_mailbox{
width: 100%;
}
table.ow_mailbox td{
border-top: 1px solid #ccc;
}
table.ow_mailbox td{
border-top: 1px solid #ccc;
}
tr.ow_alt2 .mail_title{
font-weight: bold;
}
table.ow_mailbox td.mail_info{
white-space: nowrap;
}
table.ow_mailbox td.icons{
text-align: center;
}
span.ic_reply{
background: url(images/ic_reply.png) no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
/* ---- 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_player{
text-align: center;
}
.ow_video_description{
margin: 8px 0 20px;
}
.ow_video_list_item{
float: left;
height: 165px;
padding: 15px;
width: 145px;
}
.ow_other_video_item_title{
margin-left: 80px;
padding-left: 5px;
}
.ow_video_thumb{
background: #fff url(images/video-no-video.png) no-repeat center center;
display: block;
}
.ow_video_thumb,
.ow_video_list_item img{
height: 109px;
width: 145px;
}
.ow_other_video_thumb{
background: #fff url(images/video-no-video.png) no-repeat center center;
display: block;
margin-right: -80px;
}
.video_thumb_no_title {
margin: 0px 8px 8px 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;
margin-bottom: 4px;
width: 80px;
height: 60px;
vertical-align: middle;
}
.ow_video_item_title{
font-weight: bold;
padding-bottom: 3px;
max-height: 28px;
overflow: hidden;
word-wrap: break-word;
}
.ow_video_item_rate{
height: 15px;
text-align: center;
}
.ow_video_infobar{
padding: 10px;
text-align: right;
}
/* ---- 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;
width: 45px;
height: 45px;
}
.ow_avatar img{
width: 45px;
height: 45px;
vertical-align: bottom;
}
.ow_avatar_label {
font-size: 7px;
display: inline-block;
position: absolute;
line-height: 10px;
text-transform: uppercase;
bottom: 0px;
background-color: #999;
right: 0;
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 {
font-size: 7px;
}
/* ---- End of the Avatar styles ---- */
/* ---- User Avatar Console styles ---- */
.ow_avatar_console{
position: relative;
background: #fff;
border: 1px solid #e8e8e8;
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: #F0F0F0;
display: block;
padding: 5px 10px;
border-top: 1px solid #fff;
}
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_prev{
background-repeat: no-repeat;
background-position: right center;
text-align: left;
width: 35%;
}
.ow_photo_next{
background-repeat: no-repeat;
background-position: left center;
text-align: right;
width: 35%;
}
.ow_photo_list_item{
float: left;
height: 165px;
padding: 11px 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 .ow_context_action {
background-image: url('images/photo_context_action_bg.png');
border-color: #737373;
}
.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_context_more,
.ow_photo_context_action .ow_context_more:hover,
.ow_photo_context_action .ow_context_action:hover .ow_context_more,
.ow_photo_context_action .ow_context_action.active .ow_context_more {
background-image: url('images/photo_context_action_arrow.png');
}
.ow_photo_context_action .ow_context_action_block .ow_context_action:first-child {
border-color: #737373;
}
.ow_photo_context_action .ow_tooltip_tail span {
background: url(images/photo_tooltip_tail.png) no-repeat 3px 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 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;
}
/*
* button_list narrow
*/
ul.ow_bl_narrow{
border-top: 1px solid #ccc;
padding: 0;
}
ul.ow_bl_narrow li{
list-style: none;
}
ul.ow_bl_narrow li a{
background: none;
border-bottom: 1px solid #ccc;
display: block;
padding: 5px 7px;
text-decoration: none;
}
ul.ow_bl_narrow li a:hover{
background: #999;
color: #fff;
}
/* ---- 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;
}
.ow_newsfeed_comments .base_cmnts_temp_cont,
.ow_newsfeed_comments .base_cmnt_mark {
margin-bottom: 0px;
}
.base_cmnt_mark .ow_ipc_info {
padding-bottom: 0px;
}
.ow_newsfeed_features .ow_tooltip .ow_tooltip_body {
background: #5A7E00;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 4px 0px;
}
.ow_newsfeed_comments .ow_tooltip .ow_tooltip_body {
border: 1px solid #406300;
}
.ow_newsfeed_item .ow_tooltip .ow_tooltip_body {
padding: 4px 0;
}
.ow_newsfeed_features .ow_tooltip .ow_tooltip_tail span {
height: 5px;
background: url(images/comment_block_arr.png) no-repeat 8px 0px;
}
.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 {
box-shadow: none;
}
.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);
background: #FAFAFA;
border:none;
}
.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_tooltip.ow_add_comments_form .ow_tooltip_body {
padding: 8px;
}
.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: #BAD968;
}
.ow_newsfeed_date:hover {
color: #BAD968;
}
/* ---- if container ow_superwide ---- */
body .ow_newsfeed_control .ow_newsfeed_string {
display: inline-block;
vertical-align: middle;
max-width: 74%;
}
.ow_newsfeed_left {
width: 82%;
}
/* ---- if container ow_wide ---- */
body .ow_wide .ow_newsfeed_control .ow_newsfeed_string {
max-width: 47%;
}
body .ow_wide .ow_newsfeed_left {
max-width: 76%;
}
/* ---- if container ow_narrow ---- */
body .ow_narrow .ow_newsfeed_control .ow_newsfeed_string {
max-width: 14%;
}
body .ow_narrow .ow_newsfeed_left {
max-width: 62%;
}
/* ---- if container ow_supernarrow ---- */
body .ow_supernarrow .ow_newsfeed_control .ow_newsfeed_string {
max-width: 18%;
}
body .ow_supernarrow .ow_newsfeed_left {
max-width: 71%;
}
.ow_newsfeed_btns {
margin-top: 14px;
}
.ow_newsfeed_btn_wrap {
display: inline-block;
line-height: 20px;
background: #BAD968;
border: 1px solid #BAD968;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 1px 5px 1px 1px;
margin-right: 4px;
color: #666666;
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: #fefefe url(images/newsfeed_btn_bg.png) repeat-x 0px 0px;
border: 1px solid #ccc;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
vertical-align: top;
margin-right: 6px;
}
.ow_miniic_control.active {
background: #fefefe 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;
}
/* ---- Comments styles ---- */
body .ow_attachments .buttons {
padding: 1px;
background: #BAD968;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
body .ow_attachments a {
border: 1px solid #BAD968;
border-radius: 2px 0 0 2px;
}
body .ow_attachments a.video {
border-radius: 0 2px 2px 0;
margin: 0 0 0 -1px;
}
.ow_attachment_btn span.ow_button {
background-color: #f5f5f5;
background-image: none;
background-repeat: repeat-x;
background-position: center left;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-color: #ebebeb;
display: inline-block;
text-align: center;
}
.ow_attachment_btn span.ow_button input[type=submit],
.ow_attachment_btn span.ow_button input[type="button"] {
padding: 0px 0px 4px 6px;
height: 32px;
color: #274A88;
background: none;
}
.base_cmnts_temp_cont .ow_ipc_info {
border: none;
padding-bottom: 1px;
}
.ow_comments_item {
position: relative;
padding: 0px 0px 4px;
}
.ow_comments_item_picture{
float: left;
margin-right: -50px;
width: 50px;
}
.ow_newsfeed_comments .ow_comments_item_picture{
float: left;
margin-right: -42px;
width: 42px;
}
.ow_newsfeed_comments .ow_comments_item_picture .ow_avatar {
width: 32px;
height: 32px;
}
.ow_newsfeed_comments .ow_comments_item_picture .ow_avatar img,
.ow_newsfeed_comments .ow_comments_item_picture img{
width: 32px;
height: 32px;
}
.ow_newsfeed_comments .ow_comments_item_info{
margin-left: 48px;
padding-top: 0px;
}
.ow_newsfeed_comments .ow_comments_item_content {
font-size: 11px;
}
.ow_newsfeed_comments .ow_comments_item_picture .ow_avatar {
background: url(images/avatar_mini_bg.png) no-repeat 0px 0px;
}
.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_content {
line-height: 1.25em;
font-size: 13px;
margin-bottom: 4px;
padding: 4px 4px 5px;
background: #426800;
border: 1px solid #426800;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
min-height: 14px;
}
.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_newsfeed_comments .ow_comments_item {
padding: 0px 0px 8px;
}
.ow_comments_item_info .mipc_url{
font-weight: bold;
}
.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_newsfeed_comments .ow_comments_item .cnx_action {
top: 2px;
}
.ow_comments_msg {
margin-top: 4px;
color: #BAD968;
}
body .item_loaded {
margin: 0px 3px 8px 57px;
}
body .ow_newsfeed_comments .item_loaded {
margin: 0px 0px 8px 49px;
border: 1px solid #BAD968;
}
body textarea.ow_newsfeed_status_input {
height: 58px;
}
body textarea.ow_newsfeed_status_input.invitation {
width: 100%;
height: 28px;
}
.ow_newsfeed_comments .ow_preloader {
background: url(images/ajax_preloader_content.gif) no-repeat center center;
}
.ow_newsfeed_comments .attachment_preloader,
.form_auto_click .attachment_preloader {
background: url(images/ajax_preloader_content.gif) no-repeat center center;
}
/* ---- Suggest field styles ---- */
.ac_results {
padding: 0px;
border: 1px solid #BBB;
background-color: #FFF;
overflow: hidden;
z-index: 105;
position: absolute;
display: none;
width: 100%;
top: -1px;
color:#aaa;
}
.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: 97%;
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('http://ow2/ow_static/plugins/forum/js/indicator.gif') right center no-repeat;
}
.ac_over {
background-color: #F0F0F0;
}
.ac_match{
font-weight: bold;
}
.ow_suggest_field {
position: relative;
}
.ow_suggest_invitation {
position: absolute;
right: 17px;
top: 7px;
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:#fff; /** OW_Control type:color, section:2. Colors, key:tooltipTextColor, label:Tooltip text color **/
}
.ow_tip_arrow{
display:inline-block;
position:absolute;
}
.ow_tip_arrow span{
display:block;
border:7px dashed transparent;
}
.ow_tip_right .ow_tip_arrow span{
border-right-color:#666;
border-right-style:solid;
border-right-width:10px;
border-left-width:0;
}
.ow_tip_right .ow_tip_arrow{
top:50%;
margin-top:-7px;
left:0;
}
.ow_tip_right .ow_tip_box{
margin-left:10px;
}
.ow_tip_left .ow_tip_arrow span{
border-left-color:#666;
border-left-style:solid;
border-left-width:10px;
border-right-width:0;
}
.ow_tip_left .ow_tip_arrow{
top:50%;
margin-top:-7px;
right:0;
}
.ow_tip_left .ow_tip_box{
margin-right:10px;
}
.ow_tip_bot .ow_tip_arrow span{
border-bottom-color:#666;
border-bottom-style:solid;
border-bottom-width:10px;
border-top-width:0;
}
.ow_tip_bot .ow_tip_arrow{
left:50%;
margin-left:-7px;
top:0;
}
.ow_tip_bot .ow_tip_box{
margin-top:10px;
}
.ow_tip_top{
position:absolute;
}
.ow_tip_top .ow_tip_arrow span{
border-top-color:#426800;
border-top-style:solid;
border-top-width:10px;
border-bottom-width:0;
}
.ow_tip_top .ow_tip_arrow{
left:50%;
margin-left:-7px;
bottom:0;
}
.ow_tip_top .ow_tip_box{
margin-bottom:10px;
}
.ow_tip_box{
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:5px;
background-color:#426800;
color:#fff;
font-size: 11px;
}
/*========================================================
[16] Admin Styles __admin
========================================================*/
/* ---- Admin Menu styles ---- */
.ow_page_container.ow_admin .ow_page
{
min-height: 300px;
}
table.ow_admin_footer
{
margin-top: 15px;
font-size: 11px;
line-height: 1.25;
}
table.ow_admin_footer div.group
{
margin-bottom: 20px;
}
table.ow_admin_footer h3
{
font-size: 11px;
color: #fff;
text-transform: uppercase;
margin-bottom: 5px;
margin-top: 0;
}
table.ow_admin_footer a
{
color: #aaa;
text-decoration: none;
display: block;
margin-bottom: 2px;
margin-right: 1px;
}
table.ow_admin_footer a:hover
{
color: #fff;
margin-left: 1px;
margin-right: 0;
}
div.admin_menu_cont{
margin-top: 10px;
}
.ow_admin_header .ow_console{
float: none;
}
div.ow_admin_header{
height: 115px;
}
div.admin_menu_cont .menu_item{
float:left;
margin-left:10px;
cursor: pointer;
}
div.admin_menu_cont .menu_item:hover{
text-decoration: none;
}
div.admin_menu_cont .menu_item .label{
color:#666;
font-size:11px;
font-weight:normal;
text-align: center;
display: block;
height: 35px;
text-shadow: #fff 0px 1px 0;
}
div.admin_menu_cont .menu_item .menu_items{
display:none;
position: absolute;
z-index: 10;
}
div.admin_menu_cont .menu_item span.icon{
display: block;
padding-top: 42px;
width: 88px;
overflow: hidden;
background-repeat: no-repeat;
background-position: -88px 0;
height:46px;
line-height: 14px;
}
div.admin_menu_cont .menu_item.active span.label,
div.admin_menu_cont .menu_item:hover span.label{
color: #CF3513;
}
div.admin_menu_cont .menu_item .menu_admin{
background-image:url(images/dashboard.png);
}
div.admin_menu_cont .menu_item .menu_users{
background-image:url(images/users.png);
}
div.admin_menu_cont .menu_item .menu_settings{
background-image:url(images/settings.png);
}
div.admin_menu_cont .menu_item .menu_privacy{
background-image:url(images/privacy.png);
}
div.admin_menu_cont .menu_item .menu_appearance{
background-image:url(images/appearance.png);
}
div.admin_menu_cont .menu_item .menu_pages{
background-image:url(images/pages.png);
}
div.admin_menu_cont .menu_item .menu_plugins{
background-image:url(images/plugins.png);
}
.admin_menu_cont div.active{
background:transparent url(images/menu-active.gif) no-repeat center bottom;
}
.admin_menu_cont .menu_item.active .menu_admin,
.admin_menu_cont .menu_item:hover .menu_admin,
.admin_menu_cont .menu_item.active .menu_users,
.admin_menu_cont .menu_item:hover .menu_users,
.admin_menu_cont .menu_item.active .menu_settings,
.admin_menu_cont .menu_item:hover .menu_settings,
.admin_menu_cont .menu_item.active .menu_privacy,
.admin_menu_cont .menu_item:hover .menu_privacy,
.admin_menu_cont .menu_item.active .menu_appearance,
.admin_menu_cont .menu_item:hover .menu_appearance,
.admin_menu_cont .menu_item.active .menu_pages,
.admin_menu_cont .menu_item:hover .menu_pages,
.admin_menu_cont .menu_item.active .menu_plugins,
.admin_menu_cont .menu_item:hover .menu_plugins{
background-position: 0 0;
}
.ow_admin_sub_menu{
background: #f3f3f3;
height: 30px;
border-bottom: 1px solid #ddd;
padding-top: 20px;
}
.ow_admin_sub_menu{
text-align: center;
}
.ow_admin_sub_menu li{
display: inline-block;
margin-right: 15px;
}
.ow_admin_sub_menu a{
color: #666;
font-size: 11px;
}
.ow_admin_sub_menu .ow_admin_menu li.active a,
.ow_admin_sub_menu .ow_admin_menu a:hover{
color: #CF3513;
background: none;
}
.ow_admin_sub_menu .ow_admin_menu li.active{
background: url(images/admin-submenu-active.png) no-repeat center bottom;
height: 41px;
}
div.admin_menu_cont
.ow_admin_menu a{
background: #eee;
font-size: 11px;
display: block;
padding: 6px 10px;
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
text-shadow: #fff 0px 1px 0;
}
.ow_admin_menu a:hover,
.ow_admin_menu li.active a{
/*background: #ffcc99 url(images/admin-menu-bg.png) no-repeat right center;
border-left: 1px solid #999;*/
color: #000;
text-decoration: none;
background-color: #e6e6e6;
}
.css_code
{
font-size: 11px;
line-height: 1.3;
}
/* ---- End of Admin Menu styles ---- */
/* ---- Admin Content styles ---- */
.ow_admin_content{
float: right;
width: 830px;
}
.ow_admin_content .ow_box_cap_2{
background: url(images/h2bg.png) repeat-x center;
height: 20px;
padding-left: 10px;
padding-top: 4px;
}
.ow_admin_content .ow_box_cap_2 h3{
background-color: #fff;
display: inline;
font-size: 15px;
padding-right: 5px;
}
.ow_admin_content .ow_box_2{
margin-bottom: 8px;
}
.ow_admin_content .ow_box{
background: #eee;
/*margin-bottom: 8px;*/
padding: 5px;
}
/* ---- End of Admin Content styles ---- */
/* ---- Admin Sidebar styles ---- */
.ow_admin_sidebar{
float: left;
padding: 0;
width: 170px;
margin: 0;
}
.ow_admin_sidebar .ow_box_cap{
background: #ddd;
border-bottom: 1px solid #aaa;
height: 16px;
padding: 5px 5px 6px 10px;
}
.ow_admin_menu_cont .ow_box_cap h3{
background: none;
color: #dd3300;
float: left;
font-size: 13px;
padding-left:0;
padding-top:0;
line-height:15px;
text-transform: none;
}
.ow_admin_sidebar .ow_box_cap a.close,
.ow_admin_sidebar .ow_box_cap a.open{
background: url(images/icon-arrow-down.png) no-repeat;
float: right;
height: 16px;
margin-top: 1px;
width: 16px;
}
.ow_admin_sidebar .ow_box_cap a.open{
background: url(images/ic_arrow-right.png) no-repeat;
}
.ow_admin_sidebar .ow_box{
background: url(images/box-body-bg.png) repeat;
}
/* ---- End of Admin Sidebar styles ---- */
/* ---- Admin Profile Questions styles ---- */
.ow_admin_edit_profile_question{
}
.ow_admin_edit_profile_question .quest_value{
margin: 2px 10px 2px 0px;
padding: 2px 5px;
background: #ccc;
}
.ow_admin_edit_profile_question .question_values{
padding: 4px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
td.delete_edit_buttons,
th.delete_edit_buttons{
width: 11%;
padding-left: 5px;
padding-right: 5px;
}
th.delete_edit_buttons{
line-height: 16px;
}
.ow_admin_profile_question_dnd_cursor{
cursor:move;
}
/* ---- Admin Theme styles ---- */
.themes_select .active .fake{
background:url(images/checked_template.png) no-repeat 4px 4px;
}
.theme_control_desc{
background:url(images/question.png) no-repeat 50% 50%;
display:inline-block;
width:20px;
height: 20px;
}
.theme_control_desc_body{
display:none;
background: #ccc;
border: 1px solid #000;
position: absolute;
}
/*--------------------------------------------------------------------
[?] Custom pages declarations TODO remove
---------------------------------------------------------------------*/
/* !!!admin pages styles */
.ow_admin_content{
width: 815px;
}
/* pages and menus */
.ow_navbox{
background:url(images/buttonbg.png) repeat-x center;
float:left;
font-size:11px;
height:18px;
margin-right:5px;
margin-bottom:5px;
padding:4px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.ow_navbox a.move{
color:#333;
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: 100px;
margin-right: 10px;
width: 100px;
}
.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: #ccc;
/*padding: 0px 10px 10px;*/
margin-top: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color:#133B00;
}
.ow_dashboard_box{
background: #FFFFFF;
padding: 5px 10px 10px 10px;
margin-top: 5px;
}
.ow_dnd_schem_item{
background:#F0F0F0 url(images/ic_file.png) no-repeat 10px 50%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #ccc;
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;
}
.ow_dnd_schem_item span.action{
/*float:right;*/
line-height:15px;
overflow:hidden;
width:70px;
position: absolute;
right: 4px;
}
.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 #999999;
background-color: #FFF;
}
.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%;
color:#626262;
}
.ow_dnd_clonable_components {
border-left: 1px solid #ccc;
padding: 10px 0 10px 10px;
width: 24%;
color:#626262;
}
/* Dnd Slider */
.ow_dnd_slider {
/*background:url(images/h2bg.png) repeat-x center;*/
height: 6px;
background-color: #ddd;
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 #999;
border-right: 1px solid #FFF;
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) }
.ow_dragndrop_panel .ow_dnd_schem_item{
width: 195px;
}
.ow_dragndrop_sections .ow_highbox{
margin-top: 6px;
}
.ow_highbox_table{
}
.ow_highbox_table .ow_highbox,
.ow_highbox{
background-color: #5C7A01; /** OW_Control type:color, section:2. Colors, key:highboxBg, label:Highlighted box color **/
border:1px solid #eee;
border-top: none;
border-left: none;
}
.ow_add_content:hover{
background-color: #fff9db; /** OW_Control type:color, section:2. Colors, key:owHigh1, label:Highlighted item #1**/
}
.ow_highbox
{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
}
.ow_highbox .ow_content_menu li.active a,
.ow_highbox .ow_content_menu li a:hover{
background-image: none;
}
.ow_dragndrop_sections .ow_highbox {
padding: 0;
}
.join_now_widget
{
background-image: url('images/ic_warning.png');
padding: 10px;
background-position: 10px 10px;
background-repeat: no-repeat;
color: #688D00;
}
.ow_content .join_now_widget a{
color: #fff;
}
.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', "Trebuchet MS", "Helvetica CY", 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;
}
.ow_page_container{
padding-bottom:96px;
}
.ow_page_container .ow_page{
background-image: none;
}
.ow_main_menu li.active a,
.ow_main_menu li a:hover{
color: #fff; /** OW_Control key: titleColor, dir:defaultValue**/
}
.ow_main_menu li a{
color: #bad968; /** OW_Control key:menuColor, dir:defaultValue**/
display: block;
padding: 0 7px 7px 7px;
text-decoration: none;
text-shadow: none;
}
h1{
text-shadow: none;
color: #fff;
}
.ow_box_cap h3,
.ow_box_cap_empty h3{
text-shadow: none;
}
.ow_content .ow_box_cap a,
.ow_content .ow_box_cap_empty a,
.ow_content .ow_box_cap_body a{
color:#506A00;
}
.ow_table_3 td.ow_label{
color:#fff;
}
.ow_content_menu li a{
border: none;
display: block;
margin-bottom: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
margin-left: 10px;
}
.ow_content_menu li.active a,
.ow_content_menu li a:hover{
background-image: url(images/menu-active.gif);
background-repeat: no-repeat;
background-position: 57% bottom;
background-color: transparent;
border: none;
color: #fff; /** OW_Control key: titleColor **/
text-decoration: none;
}
.ow_content_menu{
background: transparent url(images/menu.png) repeat-x 0px 36px;
}
th,
.ow_content_menu,
.ow_content_menu li a,
.ow_highbox_table .ow_highbox,
.ow_page .ow_highbox,
.ow_sidebar,
.ow_table_3 td{
border:none;
}
.ow_content a {
color:#BAD968; /** OW_Control key: linkColor **/
}
.ow_footer a{
color: #547401;
}
.ow_box_empty .ow_box_toolbar{
background-color: #3E5A00;
}
th.ow_section span{
background-color: #4D6801;
}
ul.ow_as li.ow_as_date span{
background-color: #4D6801;
text-shadow: none;
}
.ow_box_menu a.active,
.ow_box_menu a:hover{
color:#fff; /** OW_Control key:titleColor, dir:defaultValue **/
text-decoration:none;
}
.ow_box_menu a{
text-shadow: none;
}
.ow_box_empty .ow_box_toolbar{
text-shadow: none;
}
html body.ow span.ow_button{
background: transparent url(images/button_r.png) no-repeat right top;
padding-right: 8px;
height: 32px;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
border: none;
}
html body.ow span.ow_button span{
background: transparent url(images/button.png) no-repeat;
display: block;
height: 32px;
}
html body.ow .ow_console span.ow_button{
background: transparent url(images/console_button_r.png) no-repeat right top;
padding-right: 8px;
height: 25px;
}
html body.ow .ow_console span.ow_button span{
background: transparent url(images/console_button.png) no-repeat;
display: block;
height: 25px;
}
input[type=submit],
input[type=button]{
color:#274a88;
text-shadow: none;
border: none;
padding: 6px 7px 5px 28px;
font-family: inherit;
height: 29px;
}
/* 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: 3px;
padding-left: 25px;
}
.fullsize-photo{display: none;}
.ow_ajax_floatbox_preloader {
width: 100%;
height: 50px;
}
.ow_border {
border-style: solid;
border-color: #ccc;
}
.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;
}
.ow_sort_control a {
background: #fff;
display: inline-block;
color: #666;
font-size:11px;
height: 22px;
padding: 0px 6px 0 7px;
border-style: solid;
border-color: #dcdcdc;
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;
}
.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:#666; /** OW_Control key:titleColor **/
text-decoration:none;
background: #BAD968;
border-color: #BAD968;
}
.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 #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
vertical-align: top;
*display: inline;
zoom: 1;
background-image: url('images/console_item_bg.png');
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 #ccc;
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: url('images/console_active_item_bg.png') 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/console_arr_hover.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: #547401;
}
.ow_context_action_list a:hover {
text-decoration: none;
background: #BAD968;
}
.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;
}
/* ---- 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: #666;
}
/* ---- End of Cover Context Action styles ---- */
/* ---- SignIn Form styles ---- */
.base_sign_in {
background: #fff;
}
.ow_sign_in_cont{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
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: #5C7A01;
}
.ow_sign_in_wrap form{
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 #e7e7e7;
background-color: #426800;
}
.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: #fff; 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 8px;
}
.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 ---- */
/* ----- Chat Styles ---- */
.ow_chat_cont {
position:fixed;
bottom:0;
right:0;
z-index:88;
}
.ow_chat_wrap {
position:relative;
}
.ow_chat {
position:absolute;
bottom:-9px;
right:-3px;
}
.ow_chat_block_wrap {
position:relative;
float:right;
margin:0 0 0 10px;
font-size:11px;
background:#f1f1f1;
border-width:1px;
border-style:solid;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
-khtml-border-radius:4px;
border-radius:4px;
-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);
padding-bottom:9px;
}
.ow_chat_block {
border:1px solid #f5f5f5;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-khtml-border-radius:3px;
border-radius:3px;
margin:0px;
}
.ow_chat_block .ow_chat_block_main {
position:relative;
display:none;
}
.ow_chat_block.ow_active .ow_chat_block_main {
display:block;
}
.ow_chat_block .ow_top_panel .ow_count_block,
.ow_chat_block .ow_bot_panel .ow_count_block {
padding:5px 0;
margin:0;
text-align:center;
color:#000;
font-weight:normal;
visibility:visible;
}
.ow_chat_block .ow_bot_panel .ow_count_block {
padding:5px 0 0 0;
}
.ow_count_block a {
display:block;
}
.ow_chat_block.ow_active .ow_count_block a:hover{
background: url(images/chat_tiny_arrow_down.png) 227px 5px no-repeat;
}
.ow_count_block a:hover{
background: url(images/chat_tiny_arrow_up.png) 227px 5px no-repeat;
}
.ow_count_block:hover {
/*background: #e9e9e9;*/
}
.ow_chat_block .ow_bot_panel {
position:relative;
width:252px;
height:23px;
}
span.ow_count_txt {
font-weight: bold;
padding-right: 5px;
color: #000;
}
a.ow_btn_settings {
display:block;
width:20px;
height:20px;
-moz-border-radius:2px;
-webkit-border-radius: 2px;
-khtml-border-radius:2px;
border-radius:2px;
}
a.ow_btn_settings span{
display:block;
width:20px;
height:20px;
background:url(images/chat_btn_settings.png) 0px 0px no-repeat;
}
a.ow_btn_settings:hover span {
background-position:0 -21px;
}
a.ow_btn_settings.ow_active span {
background-position:0 -42px;
}
.ow_chat_block .ow_bot_panel a.ow_btn_settings {
position:absolute;
left:1px; top:2px;
}
.ow_chat_block.ow_active .ow_bot_panel .ow_count_block {
visibility:hidden;
}
.ow_chat_in_block {
margin:1px 4px 1px 1px;
padding:0;
background:#fff;
border:1px solid #ccc;
-moz-border-radius:2px;
-webkit-border-radius: 2px;
-khtml-border-radius:2px;
border-radius:2px;
}
.ow_chat_block .ow_chat_search {
padding:4px 0 4px 32px;
border-bottom:1px solid #e8e8e8;
background:#fafafa;
}
.ow_chat_block .ow_chat_search span {
display:block;
width:209px;
height:20px;
position:relative;
}
.ow_chat_block .ow_chat_search input {
outline:none;
width: 200px;
height: 20px;
margin:0px 0 0 10px;
padding:0 23px 0 7px;
color:#afaeae;
font-size:11px;
line-height:18px;
border: 1px solid #ccc;
background: #fff none;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.ow_btn_close_search {
display:block;
width:20px; height:20px;
position: absolute;
top:0px; right:-1px;
background: url(images/chat_btn_close_search.png) 0px 0px no-repeat;
}
.ow_btn_close_search:hover {
background: url(images/chat_btn_close_search.png) 0px -21px no-repeat;
}
.ow_chat_list {
position:relative;
overflow:hidden;
height:340px;
}
.ow_scroll {
position:absolute;
top:0;
right:0;
width:5px;
height:100%;
}
.ow_scroll div {
position:absolute;
top:100px;
right:1px;
width:4px;
height:70px;
background:#999;
-moz-border-radius:2px;
-webkit-border-radius: 2px;
-khtml-border-radius:2px;
border-radius:2px;
}
.ow_chat_list ul {
list-style:none;
margin:0;
padding:2px 0;
background:#fff;
}
.ow_chat_list ul li {
padding:1px 0;
margin:0;
}
.ow_chat_list ul li a {
padding:2px 3px;
margin:0;
display:block;
text-decoration:none;
}
.ow_chat_list ul li a:hover {
background:#e0e0e0;
}
span.ow_chat_item,
span.ow_chat_item_photo,
span.ow_chat_item_author,
span.ow_chat_item_photo_wrap,
span.ow_chat_item_text {
display:block;
}
span.ow_chat_item_photo_wrap {
width:38px;
height:38px;
float:left;
background:#fff;
-moz-border-radius:2px;
-webkit-border-radius: 2px;
-khtml-border-radius:2px;
border-radius:2px;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2);
position:relative;
z-index:1;
}
.ow_chat_block.ow_compact .ow_chat_item.ow_active .ow_chat_item_photo_wrap {
background:#ff7000;
webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.ow_chat_block.ow_compact .ow_chat_item.ow_active .ow_chat_item_photo_wrap img {
border-color: #f1f1f1;
}
.ow_chat_block.ow_active.ow_compact .ow_chat_item.ow_active .ow_count_wrap {
display: none;
}
span.ow_chat_item_photo {
margin:2px 0 0 2px;
}
span.ow_chat_in_item_photo {
width:34px;
height:34px;
position:relative;
overflow:hidden;
}
span.ow_chat_in_item_photo img {
border:1px solid transparent;
}
span.ow_chat_item_author,
span.ow_chat_item_text {
width:195px;
float:left;
color:#444;
padding:8px 0 0;
margin:0;
}
span.ow_chat_in_item_author,
span.ow_chat_in_item_text {
padding:0;
margin:0 0 0 9px;
line-height: 20px;
display: block;
height: 20px;
overflow:hidden;
}
.ow_chat_block.ow_active.ow_compact span.ow_chat_item_author {
display:none;
}
.ow_chat_block.ow_active.ow_compact .ow_bot_panel {
width:51px;
height:23px;
}
.ow_chat_block.ow_active.ow_compact .ow_top_panel {
width:51px;
}
.ow_chat_block.ow_active.ow_compact .ow_chat_search input,
.ow_chat_block.ow_active.ow_compact .ow_chat_search a.ow_btn_close_search {
display:none;
}
.ow_chat_block.ow_active.ow_compact span.ow_count_txt {
display:none;
}
.ow_chat_block.ow_active.ow_compact .ow_bot_panel a.ow_btn_settings {
display:none;
}
/*.ow_chat_block.ow_active.ow_compact .ow_chat_list {
height:369px;
}*/
div.ow_chat_dialog.ow_chat_new_message {
background:#e0e0e0;
}
.ow_author_block.ow_chat_hover:hover {
/*background: #e9e9e9;*/
}
.ow_chat_block_main .ow_count_wrap {
margin-top:1px;
}
.ow_chat .ow_count_block a {
height:15px;
}
/*........ow_chat_dialog...........*/
.ow_chat_dialog_wrap {
position: fixed;
right: 265px;
bottom: -5px;
z-index: 88;
}
.ow_chat_dialog {
display:none;
width:251px;
margin-left:8px;
font-size:11px;
background:#f1f1f1;
border:1px solid #ccc;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-khtml-border-radius:3px;
border-radius:3px;
-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);
vertical-align: text-bottom;
position:relative;
}
.ow_chat_dialog .ow_chat_block {
padding-bottom:4px;
}
.ow_chat_dialog.ow_open {
display:inline-block;
}
.ow_chat_dialog .ow_author_block {
padding:3px;
font-weight:bold;
width:243px;
}
.ow_chat_dialog.ow_active .ow_author_block a,
.ow_chat_dialog .ow_author_block a{
display:block;
}
.ow_chat_dialog.ow_active .ow_author_block a.ow_chat_item_author_wrap {
height:34px;
width:188px;
}
.ow_chat_dialog .ow_author_block a.ow_chat_item_author_wrap {
width:224px;
height:18px;
}
.ow_chat_dialog .ow_author_block span.ow_chat_in_item_photo {
float: left;
display:none;
}
.ow_chat_dialog .ow_author_block span.ow_chat_in_item_author {
margin:0 0 0 3px;
line-height: 15px;
height: 18px;
}
.ow_chat_dialog.ow_open.ow_active .ow_chat_item_author_wrap:hover {
background:url(images/chat_tiny_arrow_down.png) 173px 5px no-repeat;
}
.ow_chat_dialog.ow_open .ow_chat_item_author_wrap:hover {
background:url(images/chat_tiny_arrow_up.png) 207px 6px no-repeat;
}
a.ow_btn_close {
display:block;
width:20px;
height:20px;
}
a.ow_btn_close span{
display:block;
width:20px;
height:20px;
background:url(images/chat_btn_close.png) 0px 0px no-repeat;
}
a.ow_btn_close:hover {
background: #fefefe url(images/chat_btn_close.png) 0px -21px no-repeat;
}
.ow_chat_dialog .ow_author_block a.ow_btn_close {
position:absolute;
top:3px;
right:3px;
}
.ow_chat_in_dialog {
margin: 1px 1px 4px 1px;
padding: 0px;
background: #fff;
position: relative;
overflow: hidden;
border: 1px solid #ccc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
height: 250px;
display: none;
}
.ow_chat_preloader{
display:block;
width:16px; height:16px;
position:absolute;
top: 50%; left: 50%;
margin: -8px 0 0 -8px;
background: url(images/ajax_preloader_content.gif) no-repeat center center;
}
.ow_chat_block.ow_compact .ow_chat_preloader{
left: 22px;
}
.ow_dialog_item {
margin:3px;
padding:5px;
position:relative;
}
.ow_dialog_item.odd {
float:left;
max-width:200px;
}
.ow_dialog_item.even {
float:right;
max-width:200px;
}
.ow_dialog_item.odd .ow_dialog_in_item {
background:#fff;
}
.ow_dialog_item.even .ow_dialog_in_item {
background:#fafafa;
}
.ow_dialog_in_item p {
margin:0;
padding:0;
color: #444;
word-wrap: break-word;
}
.ow_dialog_item i {
position:absolute;
display:block;
width:11px;
height:6px;
background:url(images/dialog_tail.png) 0 -6px no-repeat;
}
.ow_dialog_item.odd i {
top:0;
left:12px;
}
.ow_dialog_item.even i {
bottom:0;
right:12px;
background-position: 0 -1px;
}
.ow_chat_in_dialog .ow_time_block {
padding:5px 7px;
text-align: center;
margin:0;
clear:both;
}
.ow_chat_in_dialog .ow_time_block p {
line-height:20px;
margin:0;
padding:0;
}
.ow_chat_in_dialog .ow_time_block p span {
height: 1px;
display: block;
margin: -4px 0px 0px 0px;
}
.ow_chat_in_dialog .ow_time_block p span.ow_time_text {
position: relative;
z-index: 9;
line-height: 17px;
background: white;
color: #aaa;
padding: 0px 2px 0px 0px;
display:inline;
margin:0px;
height: auto;
}
.ow_chat_message_block {
position:relative;
overflow:hidden;
/*padding:0 0 4px 0;*/
margin:0 3px;
display: none;
width:243px;
}
.ow_chat_message_block span.in_chat_item_photo {
float:right;
}
.ow_chat_message_block .ow_chat_message {
width:208px;
float:left;
position:relative;
}
.ow_input_tail {
width: 6px;
height: 10px;
position:absolute;
top: 12px; right:0;
background: url(images/chat_input_tail.png) no-repeat 0 0;
}
.ow_chat_message_block .ow_chat_message textarea {
height:30px;
line-height: 20px;
width:203px;
background-color: #fff;
color: #333;
font-size: 11px;
position:relative;
overflow:auto;
background-image:none;
padding:4px;
}
.ow_chat_dialog .ow_chat_message_block span.ow_chat_in_item_photo {
float:right;
}
.ow_chat_dialog .ow_dialog_items_wrap .clearfix {
width:243px;
}
.ow_chat_dialog.ow_active .ow_chat_block .ow_chat_in_dialog,
.ow_chat_dialog.ow_active .ow_chat_block .ow_chat_message_block,
.ow_chat_dialog.ow_active .ow_chat_block .ow_author_block span.ow_chat_in_item_photo {
display:block;
}
.ow_chat_dialog .ow_author_block span.ow_chat_item_author {
padding: 1px 0 0;
}
.ow_chat_dialog.ow_active .ow_author_block span.ow_chat_item_author {
padding: 8px 0 0;
width:164px;
}
.ow_dialog_in_item {
margin:0;
padding:3px 5px;
border:1px solid #e8e8e8;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-khtml-border-radius:3px;
border-radius:3px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.ow_chat_dialog .ow_author_block .ow_chat_in_item_photo_wrap {
display: none;
}
.ow_chat_dialog.ow_active .ow_author_block .ow_chat_in_item_photo_wrap {
width:34px;
float:left;
}
.ow_chat_dialog.ow_active .ow_author_block .ow_chat_item_author_wrap {
float:left;
}
.ow_chat_dialog.ow_open .ow_chat_in_item_photo {
width:34px;
height:34px;
}
.ow_chat_dialog.ow_open .ow_chat_in_item_photo img{
border:1px solid trasparent;
}
.ow_chat_dialog.ow_open .ow_chat_in_item_photo:hover img {
border:1px solid #6b6969;
}
.ow_chat_dialog.ow_open .ow_chat_message_block .ow_chat_in_item_photo img {
border:none;
}
/*……*ow_chat_settings*&*ow_chat_selector_list……*/
.ow_chat_settings,
.ow_chat_selector_list {
position:absolute;
color:#5a5a5a;
font-size:11px;
max-width:250px;
padding:0;
margin:0;
z-index:99;
}
.ow_chat_settings .ow_tooltip_body,
.ow_chat_selector_list .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_chat_selector_list {
bottom:33px;
left:-1px;
}
.ow_chat_settings {
bottom:37px;
left:-1px;
}
.ow_chat_settings.ow_tooltip_bottom_right {
left:-101px;
}
ul.ow_settings_items,
ul.ow_chat_selector_items {
min-width:95px;
overflow-x:auto;
}
ul.ow_settings_items a,
ul.ow_chat_selector_items a {
color:#5a5a5a;
display:block;
text-decoration: none;
margin-right: 25px;
}
li.ow_settings_item,
li.ow_chat_selector_item {
padding:0px 8px;
line-height:24px;
height:24px;
min-width: 95px;
white-space:nowrap;
border:1px solid transparent;
-moz-border-radius:2px;
-webkit-border-radius: 2px;
-khtml-border-radius:2px;
border-radius:2px;
text-align:left;
position:relative;
}
li.ow_settings_item.ow_sets_button:hover,
li.ow_chat_selector_item.ow_sets_button:hover {
border:1px solid #ccc;
background: #fff url(images/console_item_bg.png) repeat-x center 0px;
}
input.ow_settings_check {
margin:7px 7px 0 -4px;
padding:0;
float:left;
}
li.ow_settings_item p,
li.ow_chat_selector_item p {
margin-right:8px;
}
.ow_settings_item label {
padding-left: 0px;
}
/*……………ow_chat_dialog_selector………….*/
.ow_chat_selector {
position: absolute;
bottom: 0px;
left: -48px;
font-size:9px;
background:#f1f1f1;
border:1px solid #ccc;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-khtml-border-radius:3px;
border-radius:3px;
-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);
z-index: 999;
}
.ow_selector_panel {
position:relative;
width:41px;
text-align:right;
}
a.ow_btn_dialogs {
display:block;
width:20px;
height:20px;
-moz-border-radius:2px;
-webkit-border-radius: 2px;
-khtml-border-radius:2px;
border-radius:2px;
}
a.ow_btn_dialogs span{
display:block;
width:20px;
height:20px;
background:url(images/chat_btn_dialogs.png) 0px 0px no-repeat;
}
a.ow_btn_dialogs:hover span {
background-position:0 -21px;
}
a.ow_btn_dialogs.ow_active span {
background-position:0 -42px;
}
.ow_chat_block .ow_selector_panel a.ow_btn_dialogs {
position:absolute;
top:-1px;
left:1px;
width:39px;
}
.ow_dialog_count {
display:block;
height:18px;
margin:2px 3px 6px 3px;
padding:0 4px 0 0;
}
.ow_selector_panel .ow_count_wrap,
.ow_chat_dialog .ow_count_wrap {
position: absolute;
top:-10px;
left:-10px;
}
.ow_chat_selector_item .ow_count_wrap {
position:absolute;
right:5px;
top:5px;
}
/*………..ow_chat_notifications………*/
.ow_chat_notification_wrap {
position:fixed;
bottom:444px;
right:-3px;
z-index:99;
}
.ow_chat_notification {
float:right;
clear:right;
margin-bottom:10px;
width:254px;
font-size:11px;
background:#f1f1f1;
border:1px solid #ccc;
-moz-border-radius:2px;
-webkit-border-radius: 2px;
-khtml-border-radius:2px;
border-radius:2px;
-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_chat_notification .ow_author_block {
height:39px;
margin:2px;
overflow:hidden;
padding:0;
position:relative;
}
.ow_chat_notification:hover {
background: #e9e9e9;
}
.ow_chat_notification .ow_chat_item_photo_wrap {
background:transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}
.ow_chat_notification .ow_chat_item_photo img {
border:1px solid transparent;
}
.ow_chat_notification span.ow_chat_item_author,
.ow_chat_notification span.ow_chat_item_text {
padding: 9px 0 0 0;
width: 170px;
}
.ow_chat_notification .ow_author_block a.ow_btn_close {
position:absolute;
right:3px;
top:8px;
}
.ow_chat_notification.ow_compact span.ow_chat_item_author {
display:none;
}
.ow_chat_notification.ow_compact a.ow_btn_close {
display:none;
}
.ow_chat_notification.ow_compact {
width:53px;
}
.ow_puller {
position: absolute;
top: -10px;
left: 0;
width: 210px;
height: 15px;
cursor: row-resize;
display:none;
}
.ow_chat .ow_puller {
width: 250px;
margin-left: 10px;
}
.ow_chat_dialog.ow_open.ow_active .ow_puller,
.ow_chat .ow_puller {
display:block;
}
.ow_chat_list ul li a.ow_chat_item {
position:relative;
}
.ow_chat_list ul li a.ow_chat_item .ow_count_wrap {
position: absolute;
top:12px;
right:10px;
}
/*…safari-fix…*/
.ow_chat_cont a:hover,
.ow_chat_dialog_wrap a:hover,
.ow_chat_notification_wrap a:hover{
text-decoration: none;
}
/*… dialog_active_styles….*/
.ow_chat_dialog.ow_chat_dialog_active {
border-color: #949293;
}
.ow_chat_dialog.ow_chat_dialog_active .ow_chat_message_block .ow_chat_message textarea {
border-color: #949293;
}
.ow_chat_dialog.ow_chat_dialog_active .ow_chat_message_block .ow_chat_message .ow_input_tail {
background: url(images/chat_input_tail.png) no-repeat 0px -10px;
}
/*… end …*/
/*… dialog_offline_styles…*/
.ow_chat_list .ow_chat_offline .ow_chat_in_item_author{
color:#a1a1a1;
font-style:italic;
}
.ow_chat_dialog.ow_chat_offline .ow_chat_block{
background: #e6e6e6;
}
.ow_chat_offline.ow_chat_dialog_active {
border-color:#ccc;
}
.ow_chat_dialog.ow_chat_offline .ow_chat_in_item_author{
color: #a1a1a1;
font-style:italic;
font-weight:normal;
}
.ow_chat_dialog.ow_chat_offline .ow_chat_in_dialog,
.ow_chat_dialog.ow_chat_offline .ow_chat_message_block .ow_chat_message textarea,
.ow_chat_offline .ow_chat_in_dialog .ow_time_block p span.ow_time_text{
background: #f4f4f4;
}
.ow_chat_dialog.ow_chat_offline .ow_time_block.ow_chat_offline .ow_time_text {
color: #444;
font-style:italic;
font-size:10px;
}
.ow_chat_offline.ow_chat_dialog_active .ow_chat_message_block .ow_chat_message textarea {
border-color:#ccc;
}
.ow_chat_offline .ow_input_tail,
.ow_chat_offline.ow_chat_dialog_active .ow_input_tail {
background: url(images/chat_input_tail.png) no-repeat 0 -20px;
}
/*… end …*/
/* ----- End Chat 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;
}
Langganan:
Komentar (Atom)