/* HTML5 Boilerplate */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
nav ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent}
ins{background-color:#ff9; color:#000; text-decoration:none}
mark{background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del{text-decoration:line-through}
abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help}
table{border-collapse:collapse; border-spacing:0}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0}
input, select{vertical-align:middle}
pre, code, kbd, samp{font-family:monospace,sans-serif}
body, select, input, textarea{color:#333}
a:hover, a:active{outline:none}
ul, ol{margin-left:1.8em}
ol{list-style-type:decimal}
nav ul, nav li{margin:0}
small{font-size:85%}
strong, th{font-weight:bold}
td, td img{vertical-align:top}
sub{vertical-align:sub; font-size:smaller}
sup{vertical-align:super; font-size:smaller}
pre{padding:15px; white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word}
textarea{overflow:auto}
.ie6 legend, .ie7 legend{margin-left:-7px}
input[type="radio"]{vertical-align:text-bottom}
input[type="checkbox"]{vertical-align:bottom}
.ie7 input[type="checkbox"]{vertical-align:baseline}
.ie6 input{vertical-align:text-bottom}
label, input[type=button], input[type=submit], button{cursor:pointer}
button, input, select, textarea{margin:0}
input:valid, textarea:valid{}
input:invalid, textarea:invalid{border-radius:1px; -moz-box-shadow:0px 0px 5px red; -webkit-box-shadow:0px 0px 5px red; box-shadow:0px 0px 5px red}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid{background-color:#f0dddd}
/*::-moz-selection{}
::selection{}
*/
a:link{-webkit-tap-highlight-color:#FF5E99}
button{width:auto; overflow:visible}
.ie7 img{-ms-interpolation-mode:bicubic}
.ir{display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr}
.hidden{display:none; visibility:hidden}
.visuallyhidden{position:absolute !important; clip:rect(1px 1px 1px 1px); clip:rect(1px,1px,1px,1px)}
.invisible{visibility:hidden}
.clearfix:before, .clearfix:after{content:"\0020"; display:block; height:0; visibility:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
/* Primary Styles
Author:
*/
/* --------------------------------------------------------------
grid.css
* Sets up an easy-to-use grid of 24 columns.
By default, the grid is 950px wide, with 24 columns
spanning 30px, and a 10px margin between columns.
If you need fewer or more columns, namespaces or semantic
element names, use the compressor script (lib/compress.rb)
-------------------------------------------------------------- */
/* A container should group all your columns. */
.container{ width:870px; margin:0 auto; -webkit-box-shadow:0px 0px 4px #ddd; padding:40px; background-color:#fff; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased}
.narrow_container{ width:950px; margin:0 auto; -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased}
.user_container{ width:950px; margin:0 auto; -webkit-box-shadow:0px 0px 4px #ddd; padding:0px; background-color:#fff; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased; overflow:hidden; text-align:left}
.admin_container{ width:97%; margin:0 auto;}
.narrow_container{ width:950px; margin:0 auto; -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased}
.wide_container{ width: 100%; margin: 0 auto; }
.showgrid{ background:url(../pic/grid.png)}
.preserve_lines{white-space:pre-line}
.no_wrap{ white-space: nowrap}
/* reset.css */
html{margin:0; padding:0; border:0}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, var, section{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
article, aside, dialog, figure, footer, header, hgroup, nav, section{display:block}
body{line-height:1.5; background:white; overflow-y: scroll;}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal; float:none !important}
table, th, td{vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after{content:''}
blockquote, q{quotes:""""}
a img{border:none}
:focus{outline:none}
::-moz-focus-inner{border:0}
/* typography.css */
html{font-size:100.01%}
body{font-size:75%; background:url(../pic/bg_pattern.png); font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; margin:0px 0 20px 0}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#333; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif}
h1{font-size:30px; line-height:1; margin-bottom:0.5em;}
h2{font-size:24px; margin-bottom:0.75em}
h3{font-size:18px; line-height:1; margin-bottom:1em}
h4{font-size:14px; line-height:1.25; margin-bottom:1.25em}
h5{font-size:12px; font-weight:bold; margin-bottom:1.5em}
h6{font-size:12px; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}
p{margin:0 0 1.5em}
.left{float:left !important}
p .left{margin:1.5em 1.5em 1.5em 0; padding:0}
.right{float:right !important}
p .right{margin:1.5em 0 1.5em 1.5em; padding:0}
a:focus, a:hover{color:#216fbc; text-decoration:underline}
a{color:#1a5895; text-decoration:none}
blockquote{margin:1.5em; color:#666; font-style:italic}
strong, dfn{font-weight:bold}
em, dfn{font-style:italic}
sup, sub{line-height:0}
abbr, acronym{border-bottom:1px dotted #666}
address{margin:0 0 1.5em; font-style:italic}
del{color:#666}
pre{margin:1.5em 0; white-space:pre}
pre, code, tt{font:12px 'andale mono','lucida console',monospace; line-height:1.5}
li ul, li ol{margin:0}
ul, ol{margin:0 1.5em 1.5em 0; padding-left:1.5em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}
table{margin-bottom:1.4em; width:100%}
th{font-weight:bold}
thead th{background:#c3d9ff}
th, td, caption{padding:4px 10px 4px 5px}
tbody tr:nth-child(even) td, tbody tr.even td{background:#f0f0f0}
tfoot{font-style:italic}
caption{background:#eee}
.small{font-size:11px}
.large{font-size:14px; line-height:2.5em; margin-bottom:1.25em}
.hide{display:none}
.quiet{color:#888}
.loud{color:#000}
.highlight{background:#ffe400}
tbody tr:nth-child(even).highlight td{background:#fcf300 !important}
.added{background:#060; color:#fff}
.removed{background:#900; color:#fff}
.first{margin-left:0; padding-left:0}
.last{margin-right:0; padding-right:0}
.top{margin-top:0; padding-top:0}
.bottom{margin-bottom:0; padding-bottom:0}
.bbottom{border-bottom:1px solid #f2f2f2}
/* forms.css */
label{font-weight:bold}
fieldset{padding:0 1.4em 1.4em 1.4em; margin:0 0 1.5em 0; border:1px solid #ccc}
legend{font-weight:bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em}
fieldset, #IE8#HACK{padding-top:1.4em}
legend, #IE8#HACK{margin-top:0; margin-bottom:0}
input{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
input[type=text], input[type=password], input.text, input.title, textarea{background-color:#fff; border:1px solid #ccc}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus{border-color:#999}
select{background-color:#fff; border-width:1px; border-style:solid}
input[type=text], input[type=password], input.text, input.title, textarea, select{margin:0.5em 0}
input.text, input.title{width:300px; padding:5px}
input.title{font-size:16px}
textarea{width:95%; padding:10px; resize:vertical}
form.inline{line-height:3}
form.inline p{margin-bottom:0}
.error, .alert, .notice, .success, .infor{padding:0.8em; margin-bottom:20px; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-weight:bold; text-align:center; font-size:13px}
.error, .alert{background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4}
.notice{background:#fff6bf; color:#7e7543; border-color:#ffd324}
.success{background:#e6efc2; color:#264409; border-color:#c6d880}
.infor{background:#d5edf8; color:#205791; border-color:#92cae4}
.error a, .alert a{color:#8a1f11}
.notice a{color:#514721}
.success a{color:#264409}
.infor a{color:#205791}
/* Frame */
body.frame{margin:0;background:none;}
body.frame .main_form, body.frame #registration{padding:0;margin:0;border:none;}
/* Columns
-------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24{float:left; margin-right:10px}
/* The last column in a row needs this class. */
.last{margin-right:0}
/* Use these classes to set the width of a column. */
.span-1{width:30px}
.span-2{width:70px}
.span-3{width:110px}
.span-4{width:150px}
.span-5{width:190px}
.span-6{width:230px}
.span-7{width:270px}
.span-8{width:310px}
.span-9{width:350px}
.span-10{width:390px}
.span-11{width:430px}
.span-12{width:470px}
.span-13{width:510px}
.span-14{width:550px}
.span-15{width:590px}
.span-16{width:630px}
.span-17{width:670px}
.span-18{width:710px}
.span-19{width:750px}
.span-20{width:790px}
.span-21{width:830px}
.span-22{width:870px}
.span-23{width:910px}
.span-24{width:950px; margin-right:0}
/* Border on right hand side of a column. */
.border{padding-right:4px; margin-right:5px; border-right:1px solid #ddd}
/* Border with more whitespace, spans one column. */
.colborder{padding-right:24px; margin-right:25px; border-right:1px solid #ddd}
/* Misc classes and elements
-------------------------------------------------------------- */
/* In case you need to add a gutter above/below an element */
div.prepend-top, .prepend-top{margin-top:15px}
div.append-bottom, .append-bottom{margin-bottom:15px}
/* Use a .box to create a padded box inside a column. */
.box{padding:1em; margin-bottom:1.5em; background:#f2f2f2}
/* Use this to create a horizontal ruler across a column. */
hr{background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:1px; margin:0 0 1.45em; border:none}
hr.space{background:#fff; color:#fff; visibility:hidden}
hr.blue_line{display:block; height:1px; border:0; border-top:3px solid #4f7faf; margin:1em 0; padding:0}
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after, .user_container:after, .narrow_container:after{content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container, .user_container, .narrow_container{display:block}
/* Regular clearing
apply to column that should drop below previous ones. */
.clear{clear:both}
@media all and (orientation:portrait){}
@media all and (orientation:landscape){}
@media screen and (max-device-width:480px){ /* html{-webkit-text-size-adjust:none; -ms-text-size-adjust:none}
*/
}
@media print{*{background:transparent !important; color:#444 !important; text-shadow:none !important}
a, a:visited{color:#444 !important; text-decoration:underline}
a:after{content:"("attr(href) ")"}
abbr:after{content:"("attr(title) ")"}
.ir a:after{content:""}
pre, blockquote{border:1px solid #999; page-break-inside:avoid}
thead{display:table-header-group}
tr, img{page-break-inside:avoid}
@page{margin:0.5cm}
p, h2, h3{orphans:3; widows:3}
h2, h3{page-break-after:avoid}
}
/* ------------------------------------------------------------------------------------ */
/* main styles */
/* --- --- --- HEADER --- --- --- */
header{ -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased; border-top:1px solid #8ca9c5; border-bottom:1px solid #67a2d8; background:url('../pic/bg_main_blue_v2.png') repeat-x center; font-smoothing:antialiased; width:100%; height:54px; margin-bottom:15px; -}
.wrapper{margin:0 auto; width:950px}
.content_wrapper{ padding:40px; float:left; -webkit-box-shadow:0px 1px 4px #ddd; box-shadow:0px 1px 4px #ddd; -moz-box-shadow:0px 1px 4px #ddd; background-color:#fff; border:1px solid #ddd; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px}
#body_wrapper{border-top:1px solid #5389be; background:url('../pic/bg_main_blue_v2.png') repeat-x; width:100%; margin:0 auto}
#body_wrapper_white{border-top:1px solid #5389be; background:url('../pic/bg_main_blue_white.png') repeat-x; width:100%; margin:0 auto}
#body_wrapper > header, #body_wrapper_white > header{background:none; height:95px; border-bottom:none; margin-bottom:0}
#body_wrapper >.container, #body_wrapper_white >.container{background:none; border:none; -webkit-box-shadow:none; padding:0; width:950px}
header .logo{float:left; height:50px; width:200px; margin-right:12px; margin-top:2px; text-align:left}
header a.logo, header .logo a:visited, header .logo a:hover{ display:block; background:url('../pic/logo_alpha_small.png') no-repeat}
header a.logo_owl, header .logo_owl a:visited{margin-top:8px; display:block; background:url('../pic/logo_alpha_simple.png') no-repeat; height:60px; width:280px}
header a:hover.logo_owl{background-position:left bottom}
ul.navigation{ float:left; height:45px; list-style:none; margin:13px 0 0 0; z-index:200}
ul.navigation.right{ float:right}
ul.navigation li{ cursor:pointer; float:left; margin-right:2px; position:relative; z-index:200}
ul.navigation p, header ul.navigation p a{color:#cfe7fe; text-shadow:1px 1px 0px #3a6a9b; z-index:200}
ul.navigation p a{text-decoration:underline; font-weight:bold; z-index:200}
ul.navigation p a:hover{text-decoration:none}
ul.navigation li.last{ margin-right:0}
ul.navigation li a, header ul.navigation li a:visited, header ul.navigation li a:hover{ text-decoration:none; cursor:pointer}
ul.navigation li strong{ background:url('../pic/nav.png') no-repeat -9999px -9999px; color:#fff; float:left; font-size:14px; font-weight:bold; height:33px; line-height:31px; padding-left:10px; position:relative; text-align:right; text-shadow:1px 1px 2px #54606a; z-index:200}
ul.navigation li.signin strong, header ul.navigation li.login strong{font-size:13px !important}
ul.navigation li a strong img{margin:0 0 0 5px}
ul.navigation li.user a strong{font-size:12px}
ul.navigation li.join a strong{ color:#74b036; background-position:0 0px; text-shadow:1px 1px 1px #fff; font-size:13px !important}
ul.navigation li.join a span{background-position:right 0px}
ul.navigation li:hover strong{ background-position:0 -36px}
ul.navigation li.selected strong{ background-position:0 -36px; color:#fff; text-shadow:1px 1px 2px #54606a}
ul.navigation li span{ background:url('../pic/nav.png') no-repeat -9999px -9999px; width:10px; height:33px; float:left; display:block}
ul.navigation li.dropdown span{ width:22px}
ul.navigation li.dropdown span em{ background:url('../pic/arrow.png') no-repeat -15px 0; display:block; height:5px; margin:13px 0 0 4px; width:9px}
ul.navigation li.dropdown.selected span em{ background-position:0 0}
ul.navigation li:hover span{ background-position:right -36px}
ul.navigation li.selected span{ background-position:right -36px}
ul.navigation li ul.ulDropdown{ -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#fff; border-radius:3px; cursor:default; display:none; right:0px; padding:6px 10px; position:absolute; top:32px; width:110px; z-index:200; -webkit-box-shadow:0px 1px 4px #777; text-indent:0; border:3px solid #f2f2f2}
ul.navigation ul.ulDropdown li.ulSubmenu ul{list-style-type:none}
ul.navigation ul.ulDropdown li.ulSubmenu ul li a{display:block; font-size:11px}
ul.navigation ul.ulDropdown li.ulSubmenu{cursor:text}
ul.navigation ul.ulDropdown li.ulSubmenu ul li.active_menu a{font-weight:bold}
ul.navigation ul.ulDropdown li.active_menu a{font-weight:bold}
ul.navigation li ul.ulDropdown li:last-child{ border-bottom:none}
ul.navigation li:hover ul.ulDropdown{ display:block}
ul.navigation li ul.ulDropdown li{ float:none; overflow:hidden; border-bottom:1px solid #f2f2f2; font-size:12px; text-align:left}
ul.navigation li ul.ulDropdown li a{font-size:11px}
ul.navigation li ul.ulDropdown li.splitter{ background:url('../pic/70.png') repeat 0 0; height:1px; margin:3px 0}
ul.navigation li ul.ulDropdown li a, header ul.navigation li ul.ulDropdown li a:visited{ color:#4477ac; display:block; font-size:12px; padding:2px 0; width:200px}
ul.navigation li ul.ulDropdown li a:hover{ font-weight:bold}
ul.navigation li ul.ulDropdown li.create a, header ul.navigation li ul.ulDropdown li.create a:visited, header ul.navigation li ul.ulDropdown li.create a:hover{ font-weight:bold}
ul.navigation li a div{ position:absolute; right:-1px; top:-7px; background-color:#df3635; border:1px solid #9e0100; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:30px; color:#fff; font-weight:bold; font-size:11px; padding:1px 4px; z-index:300; -webkit-box-shadow:0px 1px 0px #333; -moz-box-shadow:0px 1px 0px #333; box-shadow:0px 1px 0px #333; text-shadow:0px 1px 0px #9e0100; text-align:center}
ul.navigation li a:hover div{ background-color:#ed0100}
header .lang_en a{background:url('../pic/icon_gb.png') no-repeat; width:16px; height:11px; display:block; float:right}
header .lang_pl a{background:url('../pic/icon_pl.png') no-repeat; width:16px; height:11px; display:block; float:right; margin-right:10px}
p.login_nav_button{
margin: 30px 0 0 0; text-align: center; display: block; color: #fff;
}
p.login_nav_button a{padding:3px 7px; background:url('../pic/bg_btn_navy.png') repeat-x center; color:#fff !important; text-decoration:none !important; margin:0 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #254f79}
p.login_nav_button a:hover{border:1px solid #142839}
.lang_selector{ font-size:9px; float:right; display:block; margin-top:20px}
.columns{ clear:both; float:none; height:1%}
aside{ clear:right; float:left; margin-left:40px}
aside .sidebar_item{float:left; margin-bottom:20px}
aside .sidetitle{ color:#444; font-weight:bold; margin:0px 0px 10px 0px; border-bottom:1px solid #ddd; font-size:15px; float:left; width:200px; padding-bottom:3px; line-height:16px; white-space:nowrap}
aside h3.helpful_header{background:url('../pic/icon_123.png') no-repeat left bottom; height:15px; padding:0 0 3px 30px}
aside h3.tag_header{background:url('../pic/icon_tag.png') no-repeat left bottom; height:15px; padding:0 0 3px 30px}
aside h3.tag_facebook{background:url('../pic/icon_facebook.png') no-repeat left bottom; height:16px; padding:0 0 3px 30px}
aside h3.tag_related{background:url('../pic/icon_related.png') no-repeat left bottom; height:16px; padding:0 0 3px 30px}
aside h3.tag_stats{background:url('../pic/icon_stats.png') no-repeat left bottom; height:16px; padding:0 0 3px 30px}
aside h3.tag_people{background:url('../pic/icon_people.png') no-repeat left bottom; height:16px; padding:0 0 3px 30px}
aside h4{font-weight:bold; font-size:13px}
aside .sidesection{ padding:0px 0px 0px 0px; float:left}
.recommended_sidebar{margin-top:15px; height:190px; overflow:hidden}
.recommended_sidebar h3{font-weight:bold; margin-bottom:5px}
#recommended_tags a:hover.tag span{background:url(../pic/icon_add_tag.png) no-repeat right center; width:10px; height:10px; position:absolute; margin:-3px 0 3px -5px}
#related_tags a.tag{position:relative}
#related_tags a:hover.tag span{background:url(../pic/icon_add_tag.png) no-repeat right center; width:10px; height:10px; position:absolute; margin:-3px 0 3px -5px}
#related_questions_container{ width: 230px; background: url('../pic/bg_pattern.png') repeat;
}
.sticky{position: fixed; top: 20px;}
ul.related_questions{
list-style: none; padding: 0; margin: 0;
}
ul.related_questions li a{
display: block; margin-bottom: 10px; font-weight: bold;
}
.sidebar_item .join_wisdio{
margin-bottom: 15px; background-color: #fff; border: 1px solid #eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width: 228px;
}
.sidebar_item .join_wisdio ul{
list-style: none; margin: 5px 0px 0 0; padding: 5px; text-align: center; font-weight: bold; color: #555; font-size: 12px; font-style: italic;
}
.sidebar_item .join_wisdio ul li{
margin-bottom: 5px;
}
.sidebar_item .join_wisdio a {
width: 175px !important; float: left; text-align: center; margin: 5px 0 10px 5px;
}
.small_avatars img{width:34px}
.small_avatars a img{padding:0; margin:0; border:0 !important}
#wisdiowl{ padding-left:45px; height:45px; background:transparent url('../pic/owl_big1.png') no-repeat scroll left top}
.hints{}
.hints_box{background-color:#ffffe8; padding:10px; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 1px 4px #ddd; -moz-box-shadow:0px 1px 4px #ddd; box-shadow:0px 1px 4px #ddd}
.hints_box h3{font-weight:bold; color:#4d4d33; margin-bottom:10px; background:transparent url('../pic/icon_bulb.png') no-repeat left center; padding-left:20px}
.hints_box p{margin:0}
.userinfo a.userface{display:block; float:left; margin-right:20px}
.userinfo{margin:0px 0 0 0; display:block; width:230px; float:left; border-bottom:1px solid #ddd; padding:5px 0 0px 0}
.userinfo .userface img{padding:1px; border:1px solid #eee; height: 70px; width: 70px;
}
.userinfo a:hover img{border:1px solid #ccc}
.userinfo:last-child{border:0}
.userinfo:hover img{border:1px solid #ccc}
h5.usertitle{margin:0}
h5.usertitle a{float:none; color:#1A5895; font-size:13px }
.userinfo .userbio{color:#888; font-size:11px; line-height:1.3em !important; margin: 0;
}
.userinfo a.invite_user_list_btn{
font-size:12px; color:#fff; display: block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #184A7C; font-weight: bold; background:url('../pic/bg_btn_navy_2.png') repeat-x top; text-shadow:0px 1px 0px #222; padding: 1px 4px; margin: 5px 0 0 0;
}
.userinfo a.follow_user_list_btn{
font-size:11px; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #399b25; font-weight: bold; text-shadow:1px 1px 0px #399b25; padding: 1px 4px; margin: 5px 0px 5px 0px; background: url('../pic/bg_btn_green.png') repeat-x top; display: inline-block;
}
.userinfo a:hover.invite_user_list_btn{
border:1px solid #184A7C; -webkit-box-shadow:inset 0 1px 1px #222; -moz-box-shadow:inset 0 1px 1px #222; box-shadow:inset 0 1px 1px #222; text-decoration: none;
}
.userinfo .follow_user_list_btn.active, .userinfo .invite_user_list_btn.active{
background:url('../pic/bg_btn_grey.png') repeat-x top; text-shadow:0px 1px 0px #222 !important; border: 1px solid #444; -webkit-box-shadow:inset 0 1px 1px #555; -moz-box-shadow:inset 0 1px 1px #555; box-shadow:inset 0 1px 1px #555;
}
.userinfo a:hover.follow_user_list_btn.active, .userinfo a:hover.invite_user_list_btn.active{
border:1px solid #333;
}
.userinfo a:hover.follow_user_list_btn{
border:1px solid #399b25; -webkit-box-shadow:inset 0 1px 1px #555; -moz-box-shadow:inset 0 1px 1px #555; box-shadow:inset 0 1px 1px #555; text-decoration: none;
}
.editable{/*border:1px dashed #eee; */}
div.autocomplete{position:absolute; background-color:white; border:2px solid #fff; margin:0; padding:0; overflow:hidden; -webkit-box-shadow:1px 1px 10px #999; -moz-box-shadow:1px 1px 4px #999; box-shadow:1px 1px 4px #999; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:auto; z-index:100}
div.autocomplete ul{list-style-type:none; margin:0; padding:0; font-size:13px}
div.autocomplete ul li{overflow:hidden; list-style-type:none; display:block; margin:0; padding:3px 5px; cursor:pointer}
div.autocomplete ul li:nth-child(even){background:#f2f2f2}
div.autocomplete ul li.selected{background-color:#3c6d9d; color:#fff}
section#content{width:580px; float:left}
.site_title{color:#444; font-weight:bold; margin:0; padding-bottom:5px; font-size:30px}
.section_title{margin:0; font-weight:bold}
.what_to_do{ -webkit-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-radius:3px; width:230px; background-color:#fff; -webkit-box-shadow:0px 1px 4px #ddd}
.to_do_title{ display:block; background:url('../pic/bg_header_green.png') repeat-x top; display:block; padding:7px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom:1px solid #9bcc4f}
.to_do_title h3{ margin:0; text-shadow:0 1px 0 #e9fdc9; font-weight:bold; font-size: 14px;}
.to_do_wrapper{ padding:10px 10px 0 10px}
.to_do_wrapper div{ display:block; background-color:#f2f2f2; line-height:24px; font-size:13px; height:22px; padding-left:28px; margin-bottom:10px}
.to_do_wrapper div a{ display:block; width:160px; float:left}
.to_do_wrapper div.done a{ color:#6c9330}
.to_do_wrapper div span.done{ background:url(../pic/icon_to_do_check.png) no-repeat top; width:22px; height:16px; float:right}
.to_do_wrapper div span.undone{ background:url(../pic/icon_to_do_check.png) no-repeat bottom; width:21px; height:16px; float:right}
.to_do_wrapper .to_do_interests{ background:url(../pic/icon_to_do_plus.png) no-repeat}
.to_do_wrapper .to_do_profile{ background:url(../pic/icon_to_do_pencil.png) no-repeat}
.to_do_wrapper .to_do_ask{ background:url(../pic/icon_to_do_speaker.png) no-repeat}
.to_do_wrapper .to_do_explore{ background:url(../pic/icon_to_do_sign.png) no-repeat}
.to_do_wrapper .to_do_answer{ background:url(../pic/icon_to_do_write.png) no-repeat}
.to_do_wrapper .to_do_people{ background:url(../pic/icon_to_do_people.png) no-repeat}
.personal_invitation{ -webkit-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-radius:3px; width:230px; background-color:#fff; -webkit-box-shadow:0px 1px 4px #ddd; float:left; margin-bottom:20px}
.personal_invitation_title{ display:block; background:url('../pic/bg_btn_navy.png') repeat-x center; display:block; padding:7px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom:1px solid #093149}
.personal_invitation_title h3, .personal_invitation_title h3 a{ margin:0; text-shadow:0 1px 0 #222; font-weight:bold; font-size: 14px; color: #fff; }
.personal_invitation_wrapper{ padding:10px; float:left}
.personal_invitation_wrapper form{ float:left; width:210px; margin-bottom: 5px}
.personal_invitation_wrapper form input[type=text]{padding:5px 6px; margin:0 5px 0 0; width:130px; border:1px solid #e6e6e6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size: 11px; color: #bbb;}
.personal_invitation_wrapper form input:hover[type=text], .personal_invitation_wrapper form input:focus[type=text] {border:1px solid #6e9bc6; color: #6e9bc6; }
.personal_invitation_wrapper p{
margin: 0 0 5px 0;
}
a.invite_on_facebook{
background: url('../pic/facebook_logo_16.png') no-repeat center; height: 16px; width: 16px; display: block; float: left; margin: 0 !important;
}
a.invite_on_twitter{
background: url('../pic/twitter_logo_16.png') no-repeat center; height: 16px; width: 16px; display: block; float: left; margin:0 0 0 5px !important;
}
.invite_by_email form{
margin-top: 10px;
}
.invite_by_email form input[type=submit]{color:#1a5895; background:url(../pic/bg_button_grey.png) repeat-x center; font-size:12px; font-weight:bold; border:1px solid #e6e6e6; line-height:15px; margin:0px 0px 0 0; text-shadow:1px 1px 0px #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.birds_n_bees {
width: 315px;
margin-top: 10px;
float: left;
clear: both;
padding-top: 10px;
background-color: white;
border-top: 1px solid #EEE;
}
.birds_n_bees h4{
margin-bottom: 10px; color: #444; font-weight: bold; text-transform: uppercase;
}
/* ------------------------------------------------------------------------------------ */
/* tooltips */
.tooltip{background:url(../pic/bg_tooltip.png) repeat-x center; padding:3px 8px 3px 8px; border:1px solid #e1be55; margin:0px; vertical-align:top; -webkit-box-shadow:1px 1px 4px #a1c5e8; -moz-box-shadow:1px 1px 4px #a1c5e8; box-shadow:1px 1px 4px #a1c5e8; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; max-width:400px; }
.tooltip pre{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:11px; margin:0px; padding:0px; max-width:600px; max-height:350px; overflow:hidden; color:#3f3f3f; white-space:pre-wrap}
.notifier{min-width:100px; background:url(../pic/bg_tooltip.png) repeat-x center; padding:3px 23px 3px 8px; border:1px solid #e1be55; margin:0px; vertical-align:top; font-weight:bold; color:#927e0e; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 2px #999; /* FF3.5+*/ -webkit-box-shadow:1px 1px 3px #999; /* Saf3.0+,Chrome */ box-shadow:1px 1px 3px #999; /* Opera 10.5,IE 9.0 */}
.notifier .terminator{ position:absolute; right:5px; top:7px; cursor:pointer; padding:0 0 0 20px; background:transparent url('../pic/icon_delete.png') no-repeat right top; text-indent:-9999px}
.input_error{background-color:#fffed8 !important; color:#878046; border:1px solid #E4C829 !important}
.topic_tooltip{ -webkit-box-shadow:1px 1px 5px #aaa; -moz-box-shadow:1px 1px 5px #aaa; box-shadow:1px 1px 5px #aaa; border:1px solid #eee; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px; background-color:#fff; min-height: 100px; min-width: 170px;}
.topic_tooltip .topic_followers{ padding:5px}
.topic_tooltip .topic_followers p{ font-size:11px; font-weight:normal; margin:0}
.topic_tooltip .topic_followers span{ margin:0; font-size:14px; font-weight:bold; color:#444; padding:0}
.topic_tooltip a.follow_topic{ display:block; background:url('../pic/bg_btn_orange.png') repeat-x top; color:#fff; padding:3px 8px; font-size:12px; font-weight:normal; -webkit-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-radius:3px; text-shadow:0 1px 0 #555; text-decoration:none}
.topic_tooltip a.followed_topic{ display:block; background:url('../pic/bg_btn_grey.png') repeat-x top; color:#fff; padding:3px 6px; font-size:12px; -webkit-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-radius:3px; text-shadow:0 1px 0 #555; text-decoration:none}
.topic_tooltip a.follow_topic span{ display:block; width:16px; height:17px; float:left; background:url('../pic/icon_plus.png') no-repeat left center; margin-right:5px}
.topic_tooltip a.followed_topic span{ display:block; width:18px; height:17px; float:left; background:url('../pic/icon_check.png') no-repeat center left; margin-right:5px}
.topic_tooltip a:hover.followed_topic span{ display:block; width:18px; height:17px; float:left; background:url('../pic/icon_cross.png') no-repeat center left; margin-right:5px}
.topic_tooltip a:hover.follow_topic, .topic_tooltip a:hover.followed_topic{ background-position:0 -18px}
.topic_tooltip a.related_topics_button{ display:block; background:transparent url('../pic/icon_related_topics.png') no-repeat top; width:24px; height:20px; float:right}
.topic_tooltip a:hover.related_topics_button{background-position:bottom}
.related_topics_tooltip{ width:300px; -webkit-box-shadow:1px 1px 5px #aaa; -moz-box-shadow:1px 1px 5px #aaa; box-shadow:1px 1px 5px #aaa; border:1px solid #e8eff5; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px; background-color:#fff}
.related_topics_tooltip .topics_cloud{ padding:5px}
.related_topics_tooltip .topics_cloud h5{ margin-bottom:5px; font-weight:bold; font-size:11px; color:#666; padding:0}
.related_topics_tooltip .topics_cloud h5 span{ color:#1A5895}
.related_topics_tooltip a.explore_topics{ display:block; background:url('../pic/bg_main_blue_v2.png') repeat-x center; color:#fff; padding:3px 6px; font-size:12px; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; text-shadow:0 1px 0 #1A5895; text-decoration:none}
.related_topics_tooltip a:hover.explore_topics{ background-position:bottom}
/* ------------------------------------------------------------------------------------ */
/* richtext editor */
.richtext{border:1px solid #ddd; padding:0px; margin:0px 0 0px 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.richtext:focus{ border:1px solid #000}
.richtext_control{height:29px; background-color:#f2f2f2; padding:2px; margin:0px; line-height:1 !important}
.richtext_button{background-color:#eee; border:0px solid #eee; border-color:#fff #ddd #ddd #fff; width:27px; height:27px; margin:1px 1px 1px 1px; padding:0px; background-repeat:no-repeat; background-position:0px 0px; background-attachment:scroll}
.richtext_button.enabled{background-color:#999; border-color:#555 #999 #999 #555}
body.richtext_editor{background-image:none; margin:0px; padding:10px; border:0px none; min-height: 80px;}
/* ------------------------------------------------------------------------------------ */
/* tagi */
.tag{ cursor:pointer; display:inline-block; margin:0 5px 3px 0}
a.tag{text-decoration:none}
a:hover.tag p{color:#1a5895; border:1px solid #aec4d9}
a.tag p, a:active.tag p, a:visited.tag p{ color:#6083a6; padding:0 5px 0 5px; border:1px solid #d7e5f3; margin:0 0px 0px 0; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#ecf4fc; font-size:12px; line-height:19px; display:block}
a:hover.removable span { background:url(../pic/icon_delete.png) no-repeat right top; width:10px; height:10px; position:absolute;margin:-3px 0 3px -5px}
a:hover.removable p span.remove_icon{background:url(../pic/icon_delete.png) no-repeat right top; width:10px; height:10px; position:absolute; margin:-5px 0 -4px 1px !important; }
a:hover.selectable span{background:url(../pic/icon_add_tag.png) no-repeat right center; width:10px; height:10px; position:absolute; margin:-3px 0 3px -5px}
a.tag.info_shown p{background-color:#6083a6; color:#ecf4fc; border:1px solid #456280}
a.lang_detect div{ background: url(../pic/tag_left_part.png) no-repeat left center; float: left;height: 19px; width:7px;}
a.lang_detect var.percent{background: #fff; float: left; border: 0px solid #ddd; padding:0 3px 0 3px; font-weight: bold; line-height: 19px; margin: 0 0 0 0px; font-style:normal; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.lang_detect_tooltip{ -webkit-box-shadow:1px 1px 5px #aaa; -moz-box-shadow:1px 1px 5px #aaa; box-shadow:1px 1px 2px #aaa; border:1px solid #eee; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px; background: url(../pic/owl_rotated.png) no-repeat left center #fff; padding: 3px 5px 3px 35px; float: left;}
.lang_detect_tooltip p{ font-weight: normal !important;display: inline;}
.lang_detect_tooltip a{ padding: 0 5px;}
a.cursed p, a:hover.cursed p{background-color:#de444b; color:#fff; border:0px solid #d7e5f3; text-decoration:line-through}
a.proposed p{opacity:0.6; filter:alpha(opacity=60)}
.tagbox{float:left}
.tagbox a.tag{float:left}
input.taginput{padding:3px 2px; margin:0 5px 0 0; width:100px; border:1px solid #e6e6e6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
input:focus.taginput{border:1px solid #6e9bc6}
/* #do_edit_tags{display:none}
#question_tags:hover #do_edit_tags{display:inline}
*/
input.tagdone, input.tagadd, .add_answer_small{color:#1a5895; background:url(../pic/bg_button_grey.png) repeat-x center; font-size:12px; font-weight:bold; border:1px solid #e6e6e6; line-height:15px; margin:0px 0px 0 0; text-shadow:1px 1px 0px #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
input.tagdone{margin-left:5px}
.add_answer_small:hover{border:1px solid #8faac6}
.tagcontrols{height:30px; float:left}
.tageditor{overflow:hidden; height:auto}
#t_ack a.tag p{background:#1a5895; border:1px solid #456280; color:#fff}
/* ------------------------------------------------------------------------------------ */
/* find information */
#q_box{clear:both; display:block; width:600px; float:left; background:url(../pic/bg_ask.png) repeat-x bottom; padding:30px 30px 10px 30px; font-family:"Helvetica Neue",Helvetica,sans-serif; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; -webkit-box-shadow:0px 1px 4px #ddd; background-color:#fff; border:1px solid #ddd}
#q_box div{ float:left; margin-left:0px; margin-bottom:8px}
#q_box label{font-weight:normal; margin:2px 0 0 5px; line-height:10px; float:left; color:#666}
#q_box input[type=checkbox]{float:left; margin-left:2px}
#q_box img{ float:left; margin-right:10px; padding:1px; border:1px solid #ddd}
textarea#q_ask{ background:white; color:#5981a8; padding:0; width:420px; padding:10px; border:1px solid #ccc; margin:0; font-size:15px; font-weight:normal; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; float:left; resize:none; -webkit-box-shadow:inset 0 1px 1px #ddd; vertical- }
textarea#q_ask:focus{box-shadow:0px 0px 4px #a0bfdc; border:1px solid #6e9bc6}
/*#q_ask_choices{font-size:15px; padding:5px; border:2px solid #e5ecf9; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}*/
input#q_do_ask{ font-size:17px; color:#fff; background:url('../pic/bg_btn_navy_2.png') repeat-x top; font-weight:bold; border:1px solid #184a7c; height:54px; width:80px; line-height:22px; margin-top:1px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; text-shadow:1px 1px 1px #25425c; float:right; box-shadow:0px 0px 1px #555}
input:hover#q_do_ask{ border:1px solid #000; -webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 1px #000;}
.t_box{clear:both; display:block; width:358px; float:left; background-color:#f7f7f7; height:40px; padding:7px; border:1px solid #eee; font-family:"Helvetica Neue",Helvetica,sans-serif; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:12px}
.t_box div{ float:left; margin-left:0px; margin-bottom:20px}
.topic_wrapper{float:left; width:580px}
#t_do_search{ font-size:13px; color:#ee340f; background:url('../pic/icon_search_topic.png') no-repeat center; font-weight:bold; border:1px solid #e6e6e6; height:40px; width:40px; line-height:40px; margin-top:0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#t_box h4{ font-weight:bold}
#t_box .navibutton_resize{ width:20px; height:24px; color:white; background:url(../pic/icon_resize.png) no-repeat left -2px; border:none}
#t_box .navibutton_left{ width:20px; height:27px; color:white; background:url(../pic/icon_navi_left.png) no-repeat left 2px; border:none}
#t_box .navibutton_right{ width:20px; height:27px; color:white; background:url(../pic/icon_navi_right.png) no-repeat left 2px; border:none}
#t_sel{position:relative; text-align:left; width:505px; padding:3px 0px 0px 0px; margin:0px 0 0 0; display:inline-block; white-space:nowrap; overflow:hidden}
#t_sel .t_sel_body{ display:inline-block; height:25px}
#t_box .tagsearch input{display:inline-block; line-height:normal; vertical-align:top}
#t_box .tagsearch, #t_box .tagbubble{line-height:normal; vertical-align:top}
#t_search{ background:white; color:#5981a8; padding:0; width:280px; padding:10px; border:1px solid #ddd; margin:0 10px 0 0; font-size:15px; font-weight:normal; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#t_ack
#t_sel{ cursor:pointer; display:inline-block; white-space:nowrap; color:#6083a6; padding:5px 15px 0 5px; border-left:1px solid #adc9e4; border-right:0px solid #adc9e4; border-top:1px solid #adc9e4; border-bottom:1px solid #adc9e4; margin:0px 5px 0px 0; line-height:35px}
#t_ack{ display:inline; margin-left:9px; float:left; margin-right: 150px;
}
#t_ack .category,
#t_sel .category{padding-right:9px}
#t_ack .category:after,
#t_sel .category:after{color:red; content:"*"}
#t_ack h3{float:left}
#t_box .tagselected{ margin:12px 0px}
.tagselected a:hover.tag span{background:url(../pic/icon_delete.png) no-repeat right center; width:10px; height:10px; position:absolute; margin:-3px 0 3px -5px}
.tagselected a.info_shown p{background:none; background-color:#6083a6 !important; color:#ecf4fc !important; border:1px solid #456280 !important}
#t_box .tagselected .info{ font-size:14px}
#related_tags{float:left}
#related_tags h3{background:url('../pic/icon_related.png') no-repeat left bottom; height:16px; padding:0 0 3px 30px; display:block; margin-bottom:5px; clear:both; font-weight:bold; font-size:15px}
.question_list_item{ padding-bottom:9px; border-bottom:1px dotted #eee; margin-top:10px; float:left; width:580px}
.question_list_item:hover{border-bottom:1px dotted #ccc}
.question_list_item .info{ color:#888; margin-bottom:3px; font-size:0.9em}
.question_list_item .info a{color:#888}
.question_list_item h3{ margin-bottom:3px}
.question_list_item h3 a{ font-size:14px; font-weight:bold; margin:0; text-decoration:none}
.question_list_item h3:first-letter{ text-transform:uppercase}
.question_list_item h3 a:visited{color:#216fbc}
.question_list_item h3 a:hover{text-decoration:underline}
.userface{float:left; width:60px; display:block}
a.userface img{padding:1px; border:1px solid #eee; width:50px; height:50px}
.userface span.userface_war_score_small{
position: absolute; font-size: 14px; color: #fff; background: transparent url('../pic/userface_war_score_small.png') no-repeat left top; display: block; height: 22px; width: 22px; line-height: 21px; padding: 2px 8px 2px 2px; font-weight: normal; font-family: "Arial Narrow", Arial, sans-serif; margin: -26px 0 0 -5px; text-align: center;
}
a:hover.userface img{ padding:1px; border:1px solid #ccc}
a.hide_suggested_user{ background:transparent url(../pic/icon_delete_dark.png) no-repeat; width:10px; height:10px; position: absolute; margin-left: 220px; display: none;}
.userinfo:hover a.hide_suggested_user{display: block;}
.userbio, .answer_item .userbio{ color:#888; font-size:11px; line-height:1.3em !important}
.question_list_item:last-child{border-bottom:1px solid #fff}
.date_line{ background:url(../pic/dot.png) repeat-x left center; display:block; float:left; width:580px}
.date_line span{text-transform:uppercase; letter-spacing:1px; font-size:10px; color:#666; font-weight:bold; background-color:#fff; padding-right:10px}
.answer_count{ background:url(../pic/icon_answer.png) no-repeat left -3px; padding-left:22px; display:block; float:left; margin:3px 0 0 0; line-height: 17px; }
h3.answer_count{font-weight:bold; font-size:14px; background:none; padding:0}
a.observe_question_link{ background:url(../pic/follow_question_icon.png) no-repeat right top; padding-right:30px; height:23px; display:block; margin:0px; color:#555; line-height: 23px; font-weight: bold;}
a.observe_question_link_active{ background:url(../pic/follow_question_icon.png) no-repeat right bottom !important;}
a:hover.observe_question_link_active{background:url(../pic/follow_question_icon.png) no-repeat right center !important;}
/* a.follow_btn_small{padding:0px 3px; font-weight:bold; font-size:0.83em; margin:0 10px 0 0; display:inline-block; zoom:1; vertical-align:text-top; background:-moz-linear-gradient(center top,#B3DC89 0,#85BA61 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#B3DC89),color-stop(1,#85BA61)); background:-moz-linear-gradient(center top,#B3DC89 0,#85BA61 100%); -pie-background:linear-gradient(270deg,#B3DC89,#85BA61); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #6BA147; color:white; text-shadow:#73B134 1px 1px 0; cursor:pointer}
*/
.question_list_item a.observe_question_link, .user_question a.observe_question_link, .question_info a.observe_question_link{
background:url(../pic/follow_question_icon_borderless.png) no-repeat left -6px; padding:0 0 0 25px; float: none !important; font-weight: normal; display: inline;
}
.question_list_item a.observe_question_link_active, .user_question a.observe_question_link_active, .question_info a.observe_question_link_active{
background:url(../pic/follow_question_icon_borderless.png) no-repeat left -53px !important; padding:0 0 0 25px; float: none !important; font-weight: normal; display: inline;
}
.question_list_item a:hover.observe_question_link_active, .user_question a:hover.observe_question_link_active, .question_info a:hover.observe_question_link_active{
background:url(../pic/follow_question_icon_borderless.png) no-repeat left center !important; padding:0 0 0 25px; float: none !important; font-weight: normal; display: inline;
}
a.processing_request{ color: #888;}
.answer_list_item{ width:580px; float:left}
p.usertitle{margin:0 0 10px 0; width:550px}
.usertitle a{ font-weight:bold; color:#555}
a.icon_eye{ background:url(../pic/icon_eye.png) no-repeat top; width:25px; height:25px}
a.icon_megaphone{ background:url(../pic/icon_megaphone.png) no-repeat top; width:25px; height:25px}
a.icon_star{ background:url(../pic/icon_star.png) no-repeat top; width:25px; height:25px}
a.icon_search{ background:url(../pic/icon_search.png) no-repeat top; width:25px; height:25px}
a.icon_user{ background:url(../pic/icon_user.png) no-repeat top; width:25px; height:25px}
a.icon_question{ background:url(../pic/icon_question.png) no-repeat top; width:25px; height:25px}
a.icon_answer{ background:url(../pic/icon_answer.png) no-repeat top; width:25px; height:25px}
.icon_bulb{ background:url(../pic/icon_bulb.png) no-repeat top; width:25px; height:25px}
ul.tabs{ margin:0; padding:0; margin-bottom:15px; list-style:none; overflow:hidden; position:relative; padding:0 5px; background:url(../pic/grey_dot.png) left bottom repeat-x}
ul.tabs li{ z-index:10; float:left; margin-right:5px; border:solid 1px #CCC; background:#F1F1F1; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px}
ul.tabs li a{ display:block; line-height:25px; padding:0 7px; color:#666; text-decoration:none; height:25px; font-size: 12px; text-align: center; }
ul.tabs li:hover{background-color:#ddd}
ul.tabs li.selected_tab{border-bottom-color:white; background:white}
ul.tabs li.selected_tab a{font-weight:bold; color:#1a5895}
ul.tabs li a span{color:#555; padding:0px 2px; margin-left:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.topic_tabs{width:590px}
ul.tabs_regular{width:580px}
ul.tabs_sidebar{width:220px}
.blank_questions{background:url(../pic/topics_blank_questions.png) no-repeat top center; width:580px; height:240px; display:block; float:left; margin-top:20px}
.blank_questions h4{padding-top:130px; text-align:center; color:#ddd; font-weight:bold; font-size:30px}
.blank_authors{background:url(../pic/topics_blank_authors.png) no-repeat center 10px; width:220px; height:240px; display:block; float:left; margin-bottom:20px}
.blank_authors h4{padding-top:150px; text-align:center; color:#ddd; font-weight:bold; font-size:19px}
.info_box{ background:url(../pic/info_box_main.jpg) no-repeat; width:580px; height:88px; float:left; display:block; margin:0; display:none}
.info_box a{ display:block; float:left; width:80px; color:#444; height:60px; padding:15px 0 0 90px; font-weight:bold; font-size:1.2em; line-height:1.2em; text-decoration:none}
.info_box a.info_icon_1{ background:url(../pic/info_box_icon_1.png) 40% left no-repeat; margin-left:10px}
.info_box a.info_icon_2{ background:url(../pic/info_box_icon_2.png) center left no-repeat}
.info_box a.info_icon_3{ background:url(../pic/info_box_icon_3.png) center left no-repeat; margin-left:25px}
.info_box a:hover.info_icon_1, .info_box a:hover.info_icon_2, .info_box a:hover.info_icon_3{ color:#e63926}
.info_box_slider{ display:block; float:left; background-color:#f7f7f7; margin:0 15px 30px 15px; padding:0 10px 10px 10px; display:none}
a.do_more, input.do_more{ display:block; text-align:center; font-size:1.2em; background:url(../pic/bg_button_grey.png) repeat-x; line-height:30px; text-shadow:1px 1px 0px #fff; border:1px solid #ddd; font-weight:bold; float:left; width:100%; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:15px; text-decoration:none; color:#1A5895}
a:hover.do_more, input:hover.do_more{border:1px solid #8faac6}
a.do_loading{ display:block; text-align:center; font-size:1.2em; background:transparent url(../pic/ajax-loader.gif) no-repeat center center; line-height:50px; text-indent:-9999px; border:none; font-weight:bold; float:left; width:580px; height:50px; margin-top:15px}
.ajax_loading{background:transparent url(../pic/ajax-loader.gif) no-repeat center center}
.ajax_loading_b{background:transparent url(../pic/ajax-loader-black.gif) no-repeat center center}
/* ------------------------------------------------------------------------------------ */
/* question styles */
#question{ margin-top:0px}
#question .question_body, .question_description{ font-size:14px; margin-left:0px; padding-left:0px; word-wrap:break-word}
#question .question_body img, .question_description img{ max-width: 580px;}
#question .question_body.editable{ margin-bottom:10px; float:left; padding:5px; min-height:20px; width:517px; cursor:pointer; border:1px solid #e4e4e4; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
#question .question_body.editable:hover{box-shadow:0px 0px 4px #a0bfdc; border:1px solid #6e9bc6; color:#306295; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out}
#question .question_tags.editable{padding:0px 0px 0 0px; width:580px}
#question .question_tags{display:block; margin-left:0px; min-height:30px}
#question .question_tags textarea{height:17px; width:100px; padding:2px}
#question .category{ padding-right:9px}
#question .category:after{ color:red; content:"*"}
#question .info{ color:#888}
#question.reported h1{ background-color: #f8cfcf !important; background:url(../pic/icon_flag.png) no-repeat 7px 7px; padding-left: 35px; }
#question .main_form{ border:1px solid #ddd; padding:15px; margin:15px 0px 20px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; float:right; position:relative}
.question_landing_info{ float:left; width:135px; background-color:#f2f2f2; margin:15px 0 0 60px; background:url(../pic/landing_arrow.png) no-repeat top left; padding-top:100px}
.question_landing_info h3{ font-size:25px; font-weight:bold; color:#415c80}
.question_landing_info h4{ margin-top:25px; font-size:13px}
.question_landing_social_media {
display: block; margin:15px 0 0 60px;
}
.question_landing_social_media .landing_arrow{
float: left;width:135px; height: 17px; margin-right: 20px;
}
.question_landing_social_media h2{
font-weight: bold; width: 100%; margin-bottom: 10px;
}
.question_landing_social_media a.facebook_connect_button{
background:url(../pic/bg_fb.png) repeat-x; width: 116px; height: 29px; display: block; float: left; border: 1px solid #35578c; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color: #fff; text-shadow: 1px 1px 2px #54606A; font-weight: bold; font-size: 14px; line-height: 29px; text-decoration: none; margin:0 5px 10px 0; text-align: center;
}
.question_landing_social_media a.linkedin_connect_button{
background:url(../pic/bg_linkedin.png) repeat-x; width: 116px; height: 29px; display: block; float: left; border: 1px solid #136c9b; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color: #fff; text-shadow: 1px 1px 2px #54606A; font-weight: bold; font-size: 14px; line-height: 29px; text-decoration: none; margin:0 5px 10px 0; text-align: center;
}
.question_landing_social_media a.twitter_connect_button{
background:url(../pic/bg_twitter.png) repeat-x; width: 116px; height: 29px; display: block; float: left; border: 1px solid #76c5d7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color: #fff; text-shadow: 1px 1px 2px #54606A; font-weight: bold; font-size: 14px; line-height: 29px; text-decoration: none; margin:0 0px 10px 0; text-align: center;
}
.question_landing_social_media a.facebook_connect_button span{
background:url(../pic/fb_button_part.png) no-repeat center left; display:block; height: 29px; width: 32px; float: left;
}
.question_landing_social_media a.linkedin_connect_button span{
background:url(../pic/linkedin_button_part.png) no-repeat center left; display:block; height: 29px; width: 32px; float: left;
}
.question_landing_social_media a.twitter_connect_button span{
background:url(../pic/twitter_button_part.png) no-repeat center left; display:block; height: 29px; width: 32px; float: left;
}
.question_landing_social_media a:hover.facebook_connect_button, .question_landing_social_media a:hover.linkedin_connect_button, .question_landing_social_media a:hover.twitter_connect_button {-webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 1px #000;}
a#show_sign_up_popup{
background:url(../pic/bg_btn_navy.png) repeat-x top; width: 320px; height: 45px; display: block; float: left; border: 1px solid #5388ba; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:4px; color: #fff; text-shadow: 1px 1px 2px #222; font-weight: bold; font-size: 14px; line-height: 45px; text-decoration: none; margin:0 5px 10px 0; text-align: center; font-size: 17px; padding-left: 8px;
}
a:hover#show_sign_up_popup{
-webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 3px #000; border: 1px solid #2c5882;
}
a#show_sign_up_popup span{
background:url(../pic/answer_join_btn_part.png) no-repeat center right; display:block; height: 45px; width: 145px; float: right;
}
a.close_box{ background:url(../pic/closebox.png) no-repeat top left; width:30px; height:30px; display:block; position:absolute; right:-15px; top:-15px }
.answers{ margin-top:16px; float:left; min-width:580px}
.answers .answer_item{ border-top:1px dotted #ccc; position:relative; margin-bottom:0px; padding-top:9px; float:left}
.answer_item .userface{float:left; width:60px}
.answer_item .userface a img{border:1px solid #f2f2f2; padding:1px}
.answer_item a.permalink{display:none}
.answer_item a.permalink{display:inline; margin-left:10px; color:#888}
.answer_item.reported{ background-color: #f8cfcf !important;}
.answer_item a.edit_answer_cancel, .question_box a.edit_body_cancel{margin:2px 0 0 5px; color:#1A5895 !important; font-size:12px}
.answer_item a.edit_answer_save, .question_box a.edit_body_save{border:1px solid #8faac6; text-decoration:none}
.answer_item a.edit_answer_save, .question_box a.edit_body_save{color:#fff !important; background:url('../pic/bg_btn_navy.png') repeat-x center; font-size:12px; font-weight:bold; line-height:15px; margin:0px 0px 0 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:2px 4px; border:1px solid #222}
.hidden_answer{
width:570px; float: left;margin-top: 5px; background-color: #f9f9f9; padding: 0 10px;
}
.bg_highlight{ background-color: #faffd1;}
.save_editing_box{ display:block; float:left; width:470px; margin:10px 0 0 60px}
.save_editing_question_body_box{ display:block; float:left; width:580px; margin:10px 0 0 0px}
.save_editing_answer{float:right; margin-right:49px}
ul.options_menu{list-style:none; margin:0; padding:0}
ul.options_menu li a.options_icon{background:url('../pic/icon_options.png') no-repeat left center; width:14px; height:14px; display:none; padding:0; position:absolute; right:0; color:#888}
ul.options_menu li ul.options_items{ display:none}
.answer_item:hover ul.options_menu li a.options_icon{ display:inline}
.answer_item:hover ul.options_menu li a:hover.options_icon ul.options_items{ display:block}
.best_answer{ display: block; padding: 1px 0 1px 28px; font-size: 14px; font-weight: bold; background: #fffae0 url('../pic/icon_best_answer.png') no-repeat 5px; line-height: 21px;}
.other_answers{ display: block; padding: 1px 0 1px 7px; font-size: 13px; font-weight: bold; background: #f2f2f2; line-height: 21px; height: 21px; float: left; width: 580px; margin-top: 10px; color: #555;}
.answer_body{ width:470px; float:left; word-wrap:break-word; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.answer_body img{max-width:470px}
.answer_short{word-wrap:break-word}
.owlcount{ font-size:12px; font-weight:bold; padding:0px 6px; background-color:#369; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; position:absolute; right:0px; top:37px}
.score_count{ font-size:12px; font-weight:bold; padding:0px 6px; background-color:#369; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; float:right; margin-top:18px}
#question .answers .owlcount{ diaplay:inline-block; font-size:12px; line-height:20px}
.answer_tools{float:left; width:520px; display:block; margin:10px 0 10px 60px; color:#888; height:25px; font-size:11px}
.answer_voting{float:right; color:#555; font-weight:bold}
.answer_voting a{font-size:11px; font-weight:bold; padding:2px 4px; background-color:#e4edf7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:1px 1px 1px #a1c5e8; -moz-box-shadow:1px 1px 1px #a1c5e8; box-shadow:0px 0px 1px #a1c5e8; margin-left:6px; text-decoration:none}
.answer_voting a:hover{-webkit-box-shadow:1px 1px 1px #1d5389; -moz-box-shadow:1px 1px 1px #1d5389; box-shadow:0px 0px 1px #1d5389}
.answer_box{clear:both; border-top:3px solid #eee; padding-top:10px; margin-top:15px; float:left; width:580px}
.answer_box h3{font-weight:bold; margin-bottom:5px}
.answer_box p{margin-bottom:10px}
.answer_box img{float:left; padding:1px; border:1px solid #eee; margin-right:5px}
.answer_box .submit_button{margin-right:5px}
#answer_body{width:515px; float:left; background-color:#ccc}
.answer_date{ background:transparent url(../pic/icon_clock.png) no-repeat right; padding-right:17px}
.comments{border-left:3px solid #f2f2f2; margin:0 0 0px 60px; float:left; background-color:#fafafa}
.comment{ color:#444; margin:0px; border-bottom:1px solid #f2f2f2; padding:5px 10px 5px 30px; background:transparent url(../pic/icon_comment.png) no-repeat scroll 10px 9px; width:430px}
.show_pencil:hover{ background:transparent url(../pic/icon_pencil_dark.png) no-repeat scroll 10px 9px}
.comments:last-child{margin-bottom:15px}
.comment div{margin:0; display:block; word-wrap:break-word; white-space:pre-line}
.comment.deleted div{text-decoration:line-through}
.comment.reported{ background-color: #f8cfcf !important; background:url(../pic/icon_flag.png) no-repeat 10px 9px; }
.comment.reported span{ color: #444;}
.comment_answer, .fold_answers{padding:0 15px 0 0px; float:left; margin-right:10px; background:url(../pic/arrow_right.png) no-repeat right center;}
.comment_question{ padding:0 15px 0 0px; float:left; margin:3px 10px 0 10px; background:url(../pic/arrow_right.png) no-repeat right center;}
.comment_answer.unfolded, .comment_question.unfolded, .fold_answers.unfolded, .related_question.unfolded{background:url(../pic/arrow_down.png) no-repeat right center}
a.fold_answers{color:#376CAB; font-weight:bold}
a.fold_answers span{}
.comment .date_part{ color:#ccc}
.comment_answer_form, .comment_question_form{float:left; margin:0 0 5px 60px; width:474px}
.comment_answer_form input.comment_submit,
.comment_question_form input.comment_submit{color:#fff; background:url(../pic/bg_btn_navy.png) repeat-x center top; font-size:12px; font-weight:bold; border:1px solid #25425c; line-height:15px; margin:0px 0px 0 0; text-shadow:0px 0px 1px #333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; float:right}
.comment_answer_form input.comment_submit:focus,
.comment_question_form input.comment_submit:focus{border:1px solid #1A5895}
.comment_answer_form textarea,
.comment_question_form textarea{width:457px; padding:7px; margin:3px 0 5px 0; border:1px solid #e4e4e4; color:#555; -webkit-box-shadow:inset 0 1px 1px #ddd; -moz-box-shadow:inset 0 1px 1px #ddd; box-shadow:inset 0 1px 1px #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; float:left; min-height:30px; word-wrap:break-word; line-height:1.5}
.comment_answer_form textarea:focus, .comment_answer_form textarea:hover,
.comment_question_form textarea:focus, .comments .can_change textarea:focus, .comments .can_change textarea:hover, .comment_question_form textarea:hover{
-webkit-box-shadow:inset 0 1px 1px #ddd; -moz-box-shadow:inset 0 1px 1px #ddd; box-shadow:inset 0 1px 1px #ddd; border:1px solid #6e9bc6; color:#306295 !important; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out ; background-color:#f5faff
}
.main_form input.title:focus, .main_form input.title:hover{box-shadow:0px 0px 4px #a0bfdc; border:1px solid #6e9bc6; color:#306295; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out}
.comment a.editor_ok_link{ color:#fff; background:url(../pic/bg_btn_navy.png) repeat-x center top; font-size:12px; font-weight:bold; border:1px solid #25425c; line-height:15px; margin:0px 0px 0 0; text-shadow:0px 0px 1px #333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; float:right; padding:2px 4px}
.comment a:hover.editor_ok_link{ text-decoration:none}
.comment .editor_cancel_link{ float:right; margin:3px 5px 0 5px}
.comments .can_change textarea{ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; color:#555; line-height:1.5}
.share_single_answer{
background: url(../pic/share_question_btn.png) no-repeat top right; height: 16px; float: right; display: block; margin: 0 12px 0 0; padding-right: 65px;
}
.deleted{
opacity: 0.5;
}
.deleted a{
color: #888 !important;
}
.deleted h3, .deleted h1{
color: #888 !important; text-decoration: line-through;
}
.deleted .answer_body{
text-decoration: line-through; background-color: #eee;
}
.deleted .info, .deleted .short_answer{
display: none;
}
.short_answer.deleted {
text-decoration: line-through;
}
a.undelete_btn{
text-decoration: none !important; color: #1A5895 !important; line-height: 37px; opacity: 1.0 !important;
}
/* .comments a.edit_comment{display:none; color:#1a5895; background:url(../pic/bg_button_grey.png) repeat-x center; font-size:12px; font-weight:bold; border:1px solid #e6e6e6; line-height:15px; margin:0px 0px 0 0; text-shadow:1px 1px 0px #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:2px 4px; white-space:nowrap}
.comment:hover a.edit_comment{display:inline; margin-left:5px; color:#1A5895 !important}
.comment:hover a:hover.edit_comment{border:1px solid #8faac6; text-decoration:none}
*/
.plusone, .tweet_question, .fb_question{margin:1px 0 0 10px; float:left}
/* ------------------------------------------------------------------------------------ */
/* share knowledge */
p.small label{font-weight:normal;}
h2.q_for_you{font-weight:bold; text-shadow:0 1px 0px #fff}
.share_title h1{margin-bottom:15px !important}
.share_site_header{margin-bottom:5px; font-size:18px}
#question_list{padding:0}
#s_box h1{ margin-bottom:0px; border-bottom:1px solid #888}
#s_box .question_user{padding:10px 10px 10px 10px; width:560px; background-color:#f2f2f2; float:left; margin:0px; border-bottom:1px solid #ccc; border-right:1px solid #ccc}
#s_box .question_user h2{ font-size:20px; font-weight:bold; line-height:1.2em; color:#314356; text-shadow:0 1px 1px #fff}
.question_user_header{ text-align:center; height:30px; float:left; width:580px; line-height:30px; font-weight:bold; margin:0 0 15px 0; border-bottom:1px solid #f2f2f2; font-size:13px}
.no_answers{padding:20px; margin-top:20px; text-align:center; display:block; border:4px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 1px #aaa; box-shadow:0px 0px 1px #aaa; -webkit-box-shadow:0px 0px 1px #aaa}
.no_answers h3{color:#444; font-size:15px; font-weight:normal}
.no_answers h4{margin:0}
a.send_question{color:#fff; background:url(../pic/bg_btn_navy.png) repeat-x top right; font-size:12px; font-weight:bold; border:1px solid #25425C; line-height:24px; margin:0px 0px 0 0; text-shadow:1px 1px 0px #25425C; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:3px 5px 2px 6px; display:block}
a:hover.send_question{border:1px solid #000; -webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 1px #000; text-decoration: none;}
a.send_question span{background:url(../pic/icon_mail.png) no-repeat center; display:block; width:20px; height:24px; margin-left:5px; float:left; float:right}
a.share_question_btn{
background:url(../pic/bg_btn_light_grey.png) repeat-x top right; font-size:12px; font-weight:bold; border:1px solid #b6b6b6; line-height:15px; margin:0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:3px 8px 2px 8px; display:block; display: block; color: #555; text-decoration: none;
}
a.share_question_btn span{
background: url(../pic/share_question_btn.png) no-repeat bottom left; height: 16px; width: 63px; float: right; display: block; margin: 0 0 0 8px;
}
a:hover.share_question_btn span{
background-position: bottom left;
}
a:hover.share_question_btn{
border: 1px solid #666; color: #333;
}
.share_question_container{
float: left; margin-top: 10px;
}
.share_answer_container{
float: left; margin:0px 0 10px 60px;
}
.share_question_container div.arrow_top{
float: left; width: 570px; background: url(../pic/tooltip_arrow_top.png) no-repeat 15%; height: 10px;
}
.share_answer_container div.arrow_top_single_answer{
float: left; width: 500px; background: url(../pic/tooltip_arrow_top.png) no-repeat 28%; height: 10px;
}
.share_question_box{
border: 3px solid #eee; display: block; width: 550px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin: 0px 0 0 0;
padding: 10px; float
}
.share_answer_box{
border: 3px solid #eee; display: block; width: 500px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin: 0px 0 0 0;
padding: 10px; float
}
.share_question_box h3, .share_answer_box h3{
font-weight: bold; font-size: 17px; border-bottom: 1px solid #eee; padding-bottom: 10px;
}
.question_sent{
font-weight: normal; font-size: 15px; background:url(../pic/icon_arrows.png) no-repeat 10px center #92cb55; padding: 5px 10px 5px 60px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color: #fff; text-shadow: 0px 1px 2px #5c8616; line-height: 20px; border: 1px solid #6c9822; float: left; width: 510px
}
.question_sent_grey{
font-weight: normal; font-size: 15px; background:url(../pic/icon_arrows.png) no-repeat 10px center #f2f2f2; padding: 5px 10px 5px 60px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color: #444; text-shadow: 0px 1px 2px #fff; line-height: 20px; border: 1px solid #ddd; float: left; width: 510px
}
.share_button_twitter{
background:url(../pic/twitter_icon_32.png) no-repeat; width: 32px; height: 32px; float: left; margin:0 10px 10px 0;
}
.share_button_facebook{
background:url(../pic/facebook_icon_32.png) no-repeat; width: 32px; height: 32px; float: left; margin:0 10px 10px 0;
}
.share_button_linkedin{
background:url(../pic/linkedin_icon_32.png) no-repeat; width: 32px; height: 32px; float: left; margin:0 10px 10px 0;
}
.share_question_link{
display: block; border-top: 1px solid #f2f2f2; margin: 10px 0 0 0; padding: 10px 0 0 0; clear: both;
}
.share_question_link p{ margin-bottom: 5px;
}
input.invitation_link_share{word-wrap:break-word; min-height:16px; width:210px; padding:8px; margin:0px 0px 5px 0; border:1px solid #e4e4e4; -webkit-box-shadow:0px 0px 4px #f2f2f2; -moz-box-shadow:0px 0px 4px #f2f2f2; box-shadow:0px 0px 4px #f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#888; font-size:12px}
input:focus.invitation_link_share, input:hover.invitation_link_share{ border:1px solid #6e9bc6; color: #6e9bc6;}
.share_question_link input[type="text"]:focus{box-shadow:0px 0px 4px #a0bfdc; border:1px solid #6e9bc6; color:#306295; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out}
.share_question_link form input[type="submit"]{color:#1a5895; background:url(../pic/bg_button_grey.png) repeat-x center; font-size:13px; font-weight:normal; border:1px solid #ccc; height:37px; margin:0 0 0 10px; text-shadow:1px 1px 0px #fff; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 12px; vertical-align:top}
.cancel_button input{border:none; background:none; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; color:#376CAB; margin-left:52px}
.answer_button{ font-size:13px; color:#376CAB; background:url('../pic/bg_button_grey.png') repeat-x center; text-transform:uppercase; font-weight:bold; border:1px solid #E6E6E6; height:30px; line-height:30px; margin-top:0px; text-shadow:1px 1px 0px white; padding:2px 9px; float:left; display:block; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
#s_box .answer_button a,
#s_box .answer_button a:hover{ color:white; border:0px none}
a.grey_btn_small{font-size:12px; color:#376cab; background:url('../pic/bg_button_grey.png') repeat-x center; text-transform:none; font-weight:bold; border:1px solid #e6e6e6; height:20px; line-height:20px; margin:0 0 0 0px; text-shadow:1px 1px 0px #fff; padding:1px 9px; float:left; display:block; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
a:hover.grey_btn_small, button:hover.grey_btn_small{border:1px solid #8faac6}
#share_answer{margin-bottom:8px; float:none; clear:both}
#share_answer img{float:left; padding:1px; border:1px solid #eee; margin-right:5px}
#share_answer_body{width:519px; float:left; min-height:50px}
#share_answer_body.edit_content{}
.loading_ajax{background:transparent url(../pic/ajax-loader.gif) no-repeat center center}
.share_answers{min-height:20px}
/* new styles */
.question_box{ float:left; margin-bottom:0px; width:580px}
.question_title h1{ margin:0; font-size:23px; font-weight:bold; line-height:1.2em; color:#314356; text-shadow:0 1px 1px #fff}
.question_title h1:first-letter{ text-transform:uppercase; font-size:inherit !important}
.question_title{padding:0px 0px 0px 0px; width:580px; float:none; margin:0px 0 5px 0; border:none}
.direct_question p{
margin: 0 0 0px 0; font-size: 12px; background-color: #fafafa; padding: 2px 5px;
}
.direct_question p span{
}
.direct_question p a{
text-transform:none;font-weight: bold;
}
form.question_content_form textarea{
border: 1px solid #DDD;
padding: 10px;
margin: 0px 0 0px 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 23px;
font-weight: bold;
line-height: 1.2em;
color: #314356;
text-shadow: 0 1px 1px white;
width: 560px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
-webkit-box-shadow:inset 0 1px 1px #ddd; -moz-box-shadow:inset 0 1px 1px #ddd; box-shadow:inset 0 1px 1px #ddd;
}
form.question_content_form textarea:focus, form.question_content_form textarea:hover{
box-shadow:0px 0px 4px #a0bfdc; border:1px solid #6e9bc6; color:#306295; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out ; background-color:#f5faff
}
form.question_content_form input[type=submit]{
color: white !important;
background: url('../pic/bg_btn_navy.png') repeat-x center;
font-size: 12px;
font-weight: bold;
line-height: 15px;
margin: 0px 0px 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 2px 4px !important;
border: 1px solid #222;
float: right;
text-shadow: 0px 0px 1px #000;
height: auto;
}
form.question_content_form a{
float: right; margin-top: 3px;
}
.question_author, .question_author a{
color: #888; font-size: 11px;
}
.question_info{float:left; margin:0px 0 0px 0px; color:#aaa; width:580px; display:block; border-bottom:1px solid #f2f2f2; font-size: 11px; padding-bottom: 3px; }
.question_info a{color:#aaa}
.question_info .answer_count{ margin: 0 !important;
}
.question_below{float:left; margin:10px 0px; border-bottom:3px solid #eee; display:block; width:580px; color:#888; font-weight:normal; height:22px; font-size:11px}
.question_below strong{margin:0 8px 0 0; font-weight:bold; float:left; }
#question .question_below a{}
a.flag_btn{ background:url(../pic/icon_flag.png) no-repeat left -4px; padding-left:22px; height:15px; display:block; margin-right:10px; float:left; color:#888}
.add_answer, .add_question{ color:#fff; background:url(../pic/bg_btn_navy.png) repeat-x center top; font-size:14px; font-weight:bold; border:1px solid #25425c; line-height:25px; margin-top:0px; text-shadow:1px 1px 1px #25425c; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:3px 12px}
input:hover.add_question,
.add_answer:hover{color:#eee; border:1px solid #000; -webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 1px #000;}
form#answer_add .add_answer{margin:15px 5px 0 0}
a.share_complete_btn{ padding:12px 30px; border:1px solid #759D38; color:#fff; font-weight:bold; line-height:15px; background:#699e30 url('../pic/bg_btn_green.png') repeat-x top; font-size:16px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-shadow:1px 1px 1px #4e6f2a; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-box-shadow:0px 1px 1px #999; -moz-box-shadow:0px 1px 1px #999; box-shadow:1px 1px 2px #ccc; text-decoration:none}
a:hover.share_complete_btn{ webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 1px 1px 4px #365a11;border:1px solid #76b243; text-decoration: none;}
.digital_product_box_single{
float: left; width: 580px; margin-top: 20px;
}
.digital_product_box_single h3{
background-color: #edf4fd; line-height: 25px; font-size: 14px; font-weight: bold; padding-left: 5px; color: #2e4c6d; border-bottom: 1px solid #e3ecf7;
}
.digital_product_box_single h3 span{
float: right; font-size: 10px; font-weight: normal; color: #9db4d2; margin-right: 5px;
}
.digital_product_box_single a img{
width: 100px; float: left; border: 1px solid #ddd; margin-right: 10px;
}
.digital_product_box_single h4{
font-size: 15px; font-weight: bold; margin-bottom: 5px; padding: 0;
}
.digital_product_box_single h4 a span{ font-weight: normal; font-size: 13px;
}
.digital_product_box_single p{
margin-bottom: 5px;
}
.digital_product_box_single p.desc{
margin-bottom: 10px;
}
.dp_price_single a.buy_now{ padding: 2px 4px; margin: -3px 0 0 5px;
border:1px solid #759d38; color:#fff; font-weight:bold; background:#699e30 url('../pic/bg_btn_green.png') repeat-x center top; font-size:12px; -webkit-border-radius:2px; -moz-border-radius:3px; border-radius:3px; text-shadow:1px 1px 1px #4e6f2a; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;
}
.dp_price_single a:hover.buy_now{-webkit-box-shadow:inset 0 1px 0px #63ae36; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 1px 1px 4px #365a11;border:1px solid #76b243; text-decoration: none; }
.dp_price_single .pay_pal{ background: url('../pic/pay_pal_logo.png') no-repeat top left; height: 30px; width: 44px; margin: 3px 0 0 10px;
}
/* ------------------------------------------------------------------------------------ */
/* main form */
.main_form{width:330px; float:left; background-color:#fff; border:5px solid #f2f2f2; padding:30px; margin:0px 0 20px 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:1px 1px 6px #888; -moz-box-shadow:1px 1px 6px #888; box-shadow:1px 1px 6px #888; }
.main_form label{font-size:12px; margin:0; color:#666; line-height:14px; text-shadow:0px 1px 1px #fff}
.main_form label.checkbox_right{font-size:12px; font-weight:normal; float:left; margin-left:5px; color:#666}
.main_form form{margin:0; padding:0}
.main_form input.title, .main_form textarea{width:310px; padding:8px; margin:3px 0 8px 0; border:1px solid #e4e4e4; color:#7299c1; -webkit-box-shadow:inset 0 1px 1px #ddd; -moz-box-shadow:inset 0 1px 1px #ddd; box-shadow:inset 0 1px 1px #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.main_form textarea{font-size:12px}
.main_form input.title:focus, .main_form input.title:hover, .main_form textarea:focus, .main_form textarea:hover{box-shadow:0px 0px 4px #a0bfdc; border:1px solid #6e9bc6; color:#306295; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out}
.main_form input.checkbox_left{float:left}
.main_form p.intro_text{font-size:14px; margin-bottom:20px; font-weight:normal}
.main_form p{margin:0}
.main_form h1{font-size:25px; margin:0}
.main_form h4.question_to_send{background-color:#f2f2f2; padding:8px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ddd}
.main_form select{width:200px}
.login_popup_window, .share_popup_window{
-webkit-box-shadow:1px 1px 10px #222 !important; -moz-box-shadow:1px 1px 10px #222 !important; box-shadow:1px 1px 10px #222 !important;
}
/* widget popup */
.widget_popup{min-width:370px; float:left; background-color:#fff; border:1px solid #fff; padding:0px; margin:0px 0 20px 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:1px 1px 6px #888; -moz-box-shadow:1px 1px 6px #888; box-shadow:1px 1px 15px #333; }
.widget_popup h3{
border-bottom: 1px solid #ddd; font-size: 15px; font-weight: bold; padding: 8px; margin: 0px;
}
.widget_popup .code_snippet{
padding: 10px; background-color: #f2f2f2; margin-bottom: 10px; border-bottom: 1px solid #ddd;
}
.widget_popup .code_snippet span{
font-size: 11px;
}
.widget_popup .code_snippet label.xhtml_widget{
float: none; font-size: 11px; font-weight: normal;
}
.widget_popup .code_snippet input, .widget_popup .code_snippet textarea{color: #5981A8;
padding: 0;
width: 97%;
padding: 5px;
border: 1px solid #CCC;
margin: 0;
font-size: 13px;
font-weight: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: inherit;
}
.widget_popup .code_snippet input[disabled="disabled"]{
color: #5981A8;
}
.widget_popup .code_snippet input#xhtml_widget{
float: left; width: 20px !important; margin-top: 5px;
}
.widget_popup .code_snippet .embed_topics_box{
border: 1px solid #ccc; background-color: #eee; display: block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top: 5px;
}
.widget_popup .code_snippet .embed_topics_box div{
margin: 5px 5px 0 5px;
}
.widget_popup .code_snippet input.embed_topics_input{
width: 240px; float: left; margin:5px 3px;
}
.widget_popup .code_snippet button.embed_topics_button{
color:#216FBC; display: block; margin-bottom: 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #ccc;
background-image: linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -o-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -moz-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -webkit-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -ms-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.41, rgb(250,250,250)),color-stop(0.71, rgb(255,255,255)) ); text-shadow:1px 1px 0px #fff; padding: 5px 7px; margin-top: 5px; font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.widget_settings {
margin-top: 5px;
height: 25px;
}
.widget_settings label{
float: left; font-size: 11px; line-height: 27px; margin-right: 5px; margin-left: 5px; font-weight: normal;
}
.widget_advanced_settings label{
float: left; font-size: 11px; margin: 0; font-weight: normal;
}
.widget_settings input[type="text"]{
float: left; width: 25px !important; margin: 0px;
}
.widget_settings input[type="submit"]{
float: right;
margin: 0px;
color: white;
background: url(../pic/bg_btn_navy.png) repeat-x center top;
font-size: 12px;
font-weight: bold;
border: 1px solid #25425C;
text-shadow: 1px 1px 1px #25425C;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 5px 0px;
text-align: center;
width: 60px;
}
.widget_settings input:hover[type="submit"]{
-webkit-box-shadow:inset 0 1px 1px #222; -moz-box-shadow:inset 0 1px 1px #222; box-shadow:inset 0 1px 1px #222;
}
.embed_answers_box{
padding: 5px 5px 5px 10px; border: 1px solid #216FBC; background-color: #eff6fd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; width: 473px; margin-bottom: 10px;
}
.embed_answers_box p{
margin: 0; padding-top: 5px;
}
.embed_answers_box a, a.embed_topic_widget{
font-size:12px; color:#216FBC; display: block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #ccc; font-weight: bold; background-image: linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -o-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -moz-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -webkit-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -ms-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.41, rgb(250,250,250)),color-stop(0.71, rgb(255,255,255)) ); text-shadow:1px 1px 0px #fff; padding: 3px 7px;
}
.embed_answers_box a:hover, a:hover.embed_topic_widget{ border:1px solid #ccc; -webkit-box-shadow:inset 0 1px 1px #ccc; -moz-box-shadow:inset 0 1px 1px #ccc; box-shadow:inset 0 1px 1px #ccc; text-decoration: none;
}
a.embed_topic_widget{
position: absolute; margin-left: 645px; width: 185px;
}
a.embed_topic_widget span{
float: right;
}
.embed_topics_box .tagbox {
width: 100%;
}
.embed_answers_box a span{
margin-left: 5px;
}
.widget_popup h4{
border-bottom: 1px solid #ddd; font-size: 13px; font-weight: bold; padding: 8px; margin: 0px;
}
.widget_popup .widget_content_inside {
text-align: center; display: block; background-color: #fff;
}
.widget_advanced_button{
display: block; text-align: right;
}
.widget_advanced_settings{
display: block;
}
input.submit_button, a.green_button{padding:12px 20px; border:1px solid #759d38; color:#fff; font-weight:bold; line-height:15px; background:#699e30 url('../pic/bg_btn_green.png') repeat-x center top; font-size:16px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-shadow:1px 1px 1px #4e6f2a; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-box-shadow:0px 1px 1px #999; -moz-box-shadow:0px 1px 1px #999; box-shadow:1px 1px 2px #ccc; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
a#invitation_button{
padding:16px 30px; border:1px solid #76b243; color:#fff; font-weight:bold; line-height:15px; background:#699e30 url('../pic/bg_btn_green.png') repeat-x center top; font-size:25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-shadow:1px 1px 1px #4e6f2a; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-box-shadow:0px 1px 1px #999; -moz-box-shadow:0px 1px 1px #999; box-shadow:0px 0px 7px #0c2439; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; margin-bottom: 20px; display: block; text-align: center; width:340px; margin: 10px 0 0px 0}
input:hover.submit_button, a:hover#invitation_button, a:hover.green_button{-webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 1px 1px 4px #365a11;border:1px solid #76b243; text-decoration: none;}
input#invitation_button{width:330px}
.form_username_box{float:left; display:block; width:330px; margin-bottom:5px}
.form_user_col{float:left; width:160px; margin-right:10px}
.main_form .form_user_col input.title{width:140px}
.more_info_col{float:left; margin:30px 0 0 40px; width:500px}
.more_info_col h1{color:#fff; font-weight:bold; font-size:42px; text-shadow:1px 1px 2px #18395b; margin:0 0 8px 0}
.more_info_col h2{font-size:16px; line-height:20px; color:#fff; text-shadow:1px 1px 1px #18395b}
.more_info_col a{color:#fff; text-decoration:underline}
.more_info_col a:hover{text-decoration:none}
#registration, #login_base{margin-top:35px}
#invitation.main_form {margin-top:10px}
.register_advantages{float:left}
.register_advantages div{float:left; margin-bottom: 10px; }
.register_advantages div h3{color:#999; height:85px; padding:15px 0 0 115px; margin-top:10px; line-height:24px; text-shadow:1px 1px 0px #fff; font-size: 17px;}
.register_advantages div:first-child{margin-top:20px}
.register_advantages div h3.icon_1{background:url(../pic/register_icon_1.png) no-repeat left center}
.register_advantages div h3.icon_2{background:url(../pic/register_icon_2.png) no-repeat left center}
.register_advantages div h3.icon_3{background:url(../pic/register_icon_3.png) no-repeat left center}
.welcome_header{
margin: 0px 0 0 0; height: 135px; color: #fff; float: left; width: 950px; background: url('../pic/big_owl_crop.png') no-repeat 7% bottom;
}
.welcome_header h2{font-size:16px; font-weight:normal; color:#fff; text-shadow:1px 1px 2px #18395b; margin:0px 0 5px 125px;}
.welcome_header .big_ask_form{
float: left; background-color: #115e8b; width: 730px; box-shadow:0 0 40px #42b4e9; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow: hidden; margin-left: 125px; z-index: 50;
}
.welcome_header .big_ask_form input[type="text"]{width:614px; padding:10px; margin:2px 0 2px 2px; border:1px solid #e4e4e4; color:#7299c1; -webkit-box-shadow:inset 0 1px 1px #ddd; -moz-box-shadow:inset 0 1px 1px #ddd; box-shadow:inset 0 1px 1px #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 19px; }
.welcome_header .big_ask_form input[type="text"]:focus{
color: #135582;
}
.welcome_header .big_ask_form a#ask_question_button{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 19px; height: 46px; line-height: 48px; margin: 0; padding: 0; width: 87px; border: 1px solid #184158; background-color: red; color: #fff; text-shadow:0px -1px 0px #a20604; font-weight: bold; background: url('../pic/bg_button_red.png') repeat-x center top; text-align: center; display: block; float: left;
}
.welcome_header .big_ask_form a:hover#ask_question_button{
border: 1px solid #000; text-shadow:1px 2px 0px #a20604;
}
.welcome_header .big_ask_form a:hover#ask_question_button{
box-shadow:inset 0 1px 3px #a20604; text-shadow:0px 0px 1px #a20604;
}
.info_slider{float:left; width:520px; display:block; margin-top:0px; height:300px}
.info_slider .slider_image_1{background:url(../pic/slider_pic_1.png) no-repeat right top}
.info_slider .slider_image_2{background:url(../pic/slider_pic_2.png) no-repeat right top}
.info_slider .slider_image_3{background:url(../pic/slider_pic_3.png) no-repeat right top}
.info_slider h1{color:#fff; font-weight:bold; font-size:42px; text-shadow:1px 1px 2px #18395b; margin:0px 0 8px 0; padding-top:30px}
.info_slider h2{margin:30px 0px 0 0; font-size:25px; color:#2e3948; line-height:30px}
.info_slider h3{margin-top:20px; font-size:16px; line-height:20px}
.slider_nav{float:left; width:150px; margin-bottom: 30px;}
.slider_nav a{display:block; width:12px; height:12px; float:left; margin-right:10px; background:url(../pic/slider_dot.png) no-repeat left top}
.slider_nav a:hover, .slider_nav a.active_slide{background-position:left bottom}
.register_step_2 #registration{margin-top:0}
.register_step_2 .main_form, .window_center .main_form{width:600px; margin-left:140px}
.main_form input.skip_submit{border:none; background:none; line-height:15px; height:15px; margin:10px 15px 0 0; color:#999}
input.navy_button, a.navy_button{padding:10px 17px; border:1px solid #385370; color:#fff; font-weight:bold; line-height:15px; background:#385370 url('../pic/bg_btn_navy.png') repeat-x center top; font-size:13px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-shadow:1px 1px 1px #444; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
input:hover.navy_button, a:hover.navy_button{-webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 1px #000; border:1px solid #444; text-decoration: none;}
.success_info{display:block; padding:7px; text-align:left; border:1px solid #7db242; background-color:#92cb55; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:1px 1px 2px #666; -moz-box-shadow:1px 1px 2px #999; box-shadow:1px 1px 2px #7db242; color:#3f5d1f; width:640px; float: left; margin-bottom: 10px; }
.success_info h1{font-weight:bold; color:#fff; text-shadow:1px 1px 2px #598429; font-size:20px; margin-bottom:5px}
.success_info h1 span{padding-left:40px; background:url(../pic/success_sign_register.png) no-repeat left center}
.success_info p{margin:0 0 0 40px; color: #222; }
.modal_box a.profile_photo{
display: block; height: 50px; width: 50px; background-color: #fff; border: 1px solid #598429; float: left; margin:5px 10px 0 0;
}
.tag_editor_container{ margin:0 0 10px 0px;}
.tag_editor_container h3{font-weight:bold; margin-bottom:0px; text-align: center; }
.tag_editor_container p{margin:0}
.tag_editor_container .topic_box{background-color:#f9f9f9; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px; margin-top:15px; display:block; width: 315px; float: left; height: 150px; position: relative; }
.tag_editor_container .topic_box p.small{
margin-bottom: 5px;
}
.topic_box h3{
position: absolute; top: 20px; left: 15px; width: 300px; text-align: center; font-weight: normal !important; color: #ccc; line-height: 25px; padding:0; margin-top: 20px;
}
.topic_box #interest_tags, .topic_box #spec_tags{
position:relative; padding-top:3px
}
.tag_editor_container .wizard_arrow_left{
background:url(../pic/wizard_arrow_left.png) no-repeat; display: block; height: 125px; width: 25px; float: left; margin: 50px 15px 0 15px;
}
.grey_owl{
background: url(../pic/grey_owl.png) no-repeat bottom;
}
/*.grey_owl:hover{
background: #f9f9f9 url(../pic/grey_owl.png) no-repeat center 0px ;
-webkit-transition: background-position .3s linear;
-moz-transition: background-position .3s linear;
-o-transition: background-position .3s linear;
transition: background-position .3s linear;
}*/
.wizard_accept_rules{
margin: 10px 10px 0 0;
}
.wizard_accept_rules label{
font-weight: normal; padding: 0 0 2px 5px;
}
.wizard_accept_rules input[type=checkbox]{
margin-top: 4px;
}
.scrollbarv {
cursor: pointer;
width: 5px;
height: 70px;
position: absolute;
top: 85px;
right: 10px;
background-color: #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 10px;
}
.tag_box_scroller .scrollbarv{
top:50px !important
}
.scrollbarv .knob {
cursor: pointer;
position: absolute;
background-color: #aaa;
width:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 10px;
}
a.active_topicbox{
color: #333; font-weight: bold; text-decoration: none;
}
.top_interest_tags, .top_spec_tags, .recommended_spec_tags, .recommended_interest_tags{
}
.top_tags_container{
overflow: hidden; height: 58px; width: 310px;
}
.tags_container{
overflow: hidden; height: 146px; width: 310px;
}
.tag_editor_container .topic_box input.title{width:170px; float:left; padding:8px; margin:3px 0 15px 0; border:1px solid #e4e4e4; color:#7299c1; -webkit-box-shadow:0px 0px 4px #f2f2f2; -moz-box-shadow:0px 0px 4px #f2f2f2; box-shadow:0px 0px 4px #f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.tag_editor_container .topic_box input.title:hover{ box-shadow:0px 0px 4px #a0bfdc; border:1px solid #6e9bc6; color:#306295; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out}
.topic_box input.add_topic{color:#1a5895; background:url(../pic/bg_button_grey.png) repeat-x center; font-size:13px; font-weight:bold; border:1px solid #ccc; height:37px; margin:3px 0 0 10px; text-shadow:1px 1px 0px #fff; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 12px; float:left}
.topic_box input:hover.add_topic{
border: 1px solid #8faac6;
}
.login_text_space{
background:url(../pic/dot.png) repeat-x left center; display:block; text-align: center; }
.login_text_space p{
color: #888; background-color: #fff; padding: 0 5px; display: inline;
}
#return_login_box{ padding: 24px 0 0 0px; font-size: 14px; color: #fff;}
#return_login_box a { color: #cfe7fe}
.forgot_pass{ margin-top: 5px; }
#invitation_form_box{ min-height: 130px;}
a.connect_with_fb_big_button{
background:url(../pic/bg_fb_big.png) repeat-x; width: 327px; height: 44px; display: block; border: 1px solid #35578c; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color: #fff; text-shadow: 1px 1px 2px #1a3764; font-weight: bold; font-size: 18px; line-height: 44px; text-decoration: none; margin:0 5px 10px 0; text-align: center; text-decoration:none}
a:hover.connect_with_fb_big_button{
-webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 1px #000;
}
.connect_with_fb_big_button span{
background:url(../pic/facebook_button_part_big.png) no-repeat center left; display:block; height: 44px; width: 49px; float: left;
}
.login_with_other_services {
color: #666; line-height:20px; margin: 10px 0; display:block; text-align:center; width: 330px; height: 20px; font-size: 12px;
}
.login_with_other_services p{
display:inline; margin:0; padding: 0 10px;
}
.line_header{
background: url(../pic/grey_dot.png) repeat-x center; line-height:40px; margin: 10px 0 10px 0; display:block; text-align: center; width: 330px; height: 40px; font-size: 12px;
}
.line_header h4{
background-color:#fff; display:inline; margin:0; font-size: 14px; font-weight: normal; padding:0 10px; color: #ccc;
}
.welcome_line_header{
background: url(../pic/grey_dot.png) repeat-x center; line-height:40px; margin: 10px 0 10px 0; display:block; text-align: center; width: 580px; height: 40px; font-size: 12px;
}
.welcome_line_header h4{
background:url(../pic/bg_pattern.png); display:inline; margin:0; font-size: 14px; font-weight: normal; padding:0 10px; color: #999;
}
a.twitter_small_icon, a.linkedin_small_icon{
height: 18px; font-size: 14px;
}
a.twitter_small_icon span{
background: url(../pic/twitter_logo_16.png) no-repeat center left; height: 18px; width: 16px; padding-left: 20px; line-height: 18px;
}
a.linkedin_small_icon span{
background: url(../pic/linkedin_logo_16.png) no-repeat center left; height: 18px; width: 16px; padding-left: 20px; line-height: 18px;
}
.sign_up_popup{
width: 700px;
box-shadow:none !important;
}
.sign_up_popup form{
width: 330px;
float: left;
text-align: left;
}
.register_right_col{
width: 330px;
border-left: 1px solid #f2f2f2;
margin-left: 10px;
padding-left: 20px;
}
.twitter_label{
background:url(../pic/twitter_logo_16.png) no-repeat left center; height:16px; display:block; padding-left: 20px;
}
.facebook_label{
background:url(../pic/facebook_logo_16.png) no-repeat left center; height:16px; display:block; padding-left: 20px;
}
.linkedin_label{
background:url(../pic/linkedin_logo_16.png) no-repeat left center; height:16px; display:block; padding-left: 20px;}
.facebook_content_preview{
font-family: "lucida grande",tahoma,verdana,arial,sans-serif; float: left; display: block; width: 330px; margin-bottom: 20px; text-align: left; font-size: 11px; color: #666;
}
.facebook_content_preview h5{
font-family: "lucida grande",tahoma,verdana,arial,sans-serif; color: #3B5998; font-size: 11px;margin-bottom: 5px;
}
.facebook_content_preview div.fb_image_preview{
float: left; margin-right: 10px;
}
.facebook_content_preview div.fb_text_preview {
float: left; width: 228px;
}
input.twitter_counter{
float: right; width: 40px; font-weight: bold; border: none; font-size: 12px; margin-top: 12px;
}
.social_share_as{
float: right;
}
.social_share_as select{
float: right; width: 200px;
}
.social_share_as p{
line-height: 30px; margin-right: 10px;
}
.frame_popup_window{
width: 870px; padding: 20px;
}
.video_thumbnail{
width:325px; background:#f2f2f2 url(../pic/icon_video.png) no-repeat center; border: 1px solid #eee; height: 200px; margin-bottom:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.welcome_join_wisdio{
float: left; width: 600px; margin-left: 180px;
}
.slider_container{
height: 140px; width: 950px; float: left;
}
.slider_container a.slide_left{
display: block; width: 40px; height: 62px; background:url('../pic/icon_arrow_left.png') no-repeat left top; position: absolute; text-indent: -9999px; margin: 40px 0px 0 -60px;
}
.slider_container a.slide_right{
display: block; width: 40px; height: 62px; background:url('../pic/icon_arrow_right.png') no-repeat left top; position: absolute; text-indent: -9999px; margin: 40px 0px 0 920px;
}
.slider_content{
height: 140px; width: 920px; overflow: hidden; position: relative;
}
.slider_container:hover a.slide_left, .slider_container:hover a.slide_right{
background-position: bottom;
}
.qa_slider{
height: 140px; width: 950px; float: left; background: url(../pic/icon_q.png) no-repeat left center;
}
.qa_slider .qa_question{
width: 460px; margin: 20px 0 0 0; float: left;
}
.qa_slider .qa_question h2{
font-weight: bold; font-size: 18px; margin-bottom: 5px; line-height: 22px;
}
.qa_slider .qa_question h2 a{
color: #333;
}
.qa_slider .qa_answer{
width: 460px; padding: 20px 0 0 0; float: left; height: 120px; background: url(../pic/icon_a.png) no-repeat left center; overflow: hidden;
}
.qa_slider .qa_answer .answer_list_item{
width: 440px;
}
.qa_slider .qa_answer .answer_list_item .answer_body {
width: 350px;
}
.social_media_join_box{
float: left;
}
a.join_grey{
background:url(../pic/bg_btn_grey_2.png) repeat-x; width: 200px; height: 44px; display: block; border: 1px solid #b1c0d8; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color: #10507e; text-shadow: 1px 1px 2px #fff; font-weight: bold; font-size: 18px; line-height: 44px; text-decoration: none; margin:0 5px 10px 0; text-align: center; text-decoration:none
}
a:hover.join_grey {-webkit-box-shadow:inset 0 1px 1px #333; -moz-box-shadow:inset 0 1px 1px #333; box-shadow:inset 0 1px 1px #999;}
.or_word{
float: left; line-height: 48px; height: 48px; width: 40px; display: block; text-align: center; font-size: 14px; color: #999;
}
.press_articles{
width: 900px; float: left; padding: 15px; color: #999; background:url(../pic/bg_pattern_darker.png) repeat; border: 1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; opacity: 0.8; margin:20px 0;
}
.press_articles h3{
color: #999; margin: 0 20px 0 0; line-height: 40px; float: left;
}
a.techcrunch_press_link{
background:url(../pic/techcrunch_logo.png) no-repeat top; width: 200px; height: 40px; display: block; float: left;
}
a:hover.techcrunch_press_link, a:hover.goaleurope_press_link, a:hover.antyweb_press_link, a:hover.spidersweb_press_link, a:hover.tvpinfo_press_link, a:hover.mamstartup_press_link{
background-position: bottom;
}
a.goaleurope_press_link{
background:url(../pic/goaleurope_logo.png) no-repeat top; width: 200px; height: 40px; display: block; float: left;
}
a.antyweb_press_link{
background:url(../pic/antyweb_logo.png) no-repeat top; width: 140px; height: 40px; display: block; float: left;
}
a.spidersweb_press_link{
background:url(../pic/spidersweb_logo.png) no-repeat top; width: 200px; height: 40px; display: block; float: left;
}
a.tvpinfo_press_link{
background:url(../pic/tvpinfo_logo.png) no-repeat top; width: 171px; height: 40px; display: block; float: left;
}
a.mamstartup_press_link{
background:url(../pic/mamstartup_logo.png) no-repeat top; width: 128px; height: 40px; display: block; float: left;
}
.ask_autocomplete{
width: 633px; background-color: #fff; border: 1px solid #135583; z-index: 45;
-webkit-box-shadow: 0 1px 1px #000; -moz-box-shadow: 0 1px 1px #000; box-shadow: 0 1px 1px #bacad4;
-webkit-border-radius: 4px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius: 4px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-radius: 4px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.ask_autocomplete ul h4{
padding: 5px; background-color: #f2f2f2; text-transform: uppercase; font-size: 11px; color: #777; font-weight: bold; margin: 0; border-bottom: 1px solid #dcdfe1; display: block; clear: both;
}
.ask_autocomplete ul {
margin: 0 0 10px 0; padding: 0; list-style: none;
}
.ask_autocomplete ul li {
border-bottom: 1px solid #f2f2f2;
}
.ask_autocomplete ul li.selected, .ask_autocomplete ul li.selected div.user_found{
background-color: #effaff; cursor: pointer;
}
.ask_autocomplete ul li:hover{
cursor: pointer;
}
.ask_autocomplete ul li h3{
margin: 0;
}
.ask_autocomplete ul li h3 {
display: block; margin: 0; padding: 0; font-weight: normal; font-size: 14px; padding: 10px; width: 100%; color: #1A5895;
}
.ask_autocomplete ul li:hover h3{
text-decoration: none; color: #216fbc;
}
.ask_autocomplete .ans_count{
background:url(../pic/icon_answer.png) no-repeat left -3px; padding-left:22px; display:block; float:left; margin:10px 5px 0 0; line-height: 17px; font-size: 11px; color: #777;
}
.ask_autocomplete ul li div.user_found{
display: inline-block; margin: 0 !important; padding: 0px; width: 100%; background-color: #fff; border-bottom: 1px solid #f2f2f2;
}
.ask_autocomplete ul li div:hover.user_found{
text-decoration: none;
}
.ask_autocomplete ul li div.user_found img{
float: left; margin:10px 10px 10px 10px; height: 50px; width: 50px;
}
.ask_autocomplete ul li div.user_found h5{
font-size: 14px; margin: 7px 0 0 0;
}
.ask_autocomplete ul li:hover div.user_found h5{
color: #216fbc;
}
.ask_autocomplete ul li div.user_found span{
color: #777; font-size: 11px; line-height: 12px !important;
}
.tag_wrapper{
padding: 5px 0 0 5px; display: block; float: none !important; margin: 0 !important;
}
.que_count, .hum_count{
padding: 2px 3px; border: 0px solid #f2f2f2; margin: 1px 3px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color: #666; font-size: 11px; width: 80px; text-align: right;
}
.connect_social{
float: left;
}
/* ------------------------------------------------------------------------------------ */
/* user profile */
#profile{ float:left}
#profile .user_info{ padding:65px 30px 30px 30px; margin:0; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; border-bottom-left-radius:5px; width:330px; display:block; height:inherit; min-height:300px; float:left}
#profile .user_info img{ max-width: 270px; }
#profile .user_tabs{ display:block; padding:30px 30px 30px 30px; margin:0; border-left: 1px solid #ddd; min-height:270px}
#profile h3{ margin:5px 0 8px 0; font-weight:bold; font-size:13px; border-top:1px solid #eee; padding-top:10px; text-transform:uppercase}
#profile h3 p{ font-weight: normal; text-transform: none !important; margin:0;}
#profile input{ }
#profile .profile_head{ float:left; display:block; }
#profile h1{font-size:25px; font-weight:bold; margin-bottom:2px; margin-left: 120px; }
#profile h1 span{ font-size: 12px; font-weight: normal; color: #888;}
#profile .profile_face{ float: left; }
.profile_short_info{width:320px; overflow: hidden;}
#profile .profile_face img{ padding:0px; height: 100px; border: 1px solid #ddd; }
#profile .profile_face a { display: block; height: 100px;}
#profile .profile_location{
margin:0 10px 0 120px; float: left;
}
#profile #profile_bio{ font-size:15px; width:350px ; display:block; line-height:18px; margin-bottom:10px; font-style:normal; font-weight:normal; float:left; }
/* SZ: profile: user organization */
#profile #profile_org{ font-size:15px; display:block; line-height:18px; margin-top:10px; margin-bottom:0px; font-style:normal; font-weight:bold; }
/* #profile #profile_org{ display: inline; float: left; } */
#profile #profile_web{ font-weight:bold; display:block; color:#369; margin-top:10px; margin-right:0px; float: left; }
#profile #profile_web a{ float: left; margin-right: 5px; }
#profile table{ border-collapse:separate; border-spacing:10px 2px; border:0px none; padding:0px; margin:0px}
#profile table td.label_col{ width:120px}
#profile .segment{ min-height:15px; border:0px solid #ccc; padding:0px; margin:0}
#profile .segment.multiline{ min-height:15px}
#profile .editable.segment.multiline.rich_editor{ min-height:72px; height:auto}
#profile .editable{ min-height:18px}
#profile .editable:hover{ border:1px solid #444}
#profile form.profile_line_form input.editor_field{ border:1px dashed #ccc; padding:5px; margin:0px; display:block; width:100%}
#profile form.profile_line_form textarea.editor_field{ border:1px dashed #ccc; width:100%; padding:0px; margin:0px}
p.edit_your_profile{
display: inline; float: right; font-size: 14px;
}
p.edit_your_profile a{ padding:5px 10px; background-color:#f6f6f6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #eee; display: block;
}
p.edit_your_profile a:hover{
text-decoration: none; box-shadow: inset 0px 1px 2px #ccc;
}
a.follow_user_main_btn{ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #245B19; display: block; margin-left: 10px; color: #fff; font-weight: bold; background: url('../pic/bg_btn_green.png') repeat-x top; padding: 5px 10px; font-size: 14px; text-shadow: 0 1px 0 #245B19; float: right;
}
a.follow_user_main_btn.active{ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #444; display: block; margin-left: 10px; color: #fff; font-weight: bold; background: url('../pic/bg_btn_grey.png') repeat-x top; padding: 5px 10px; font-size: 14px; text-shadow: 0 1px 0 #245B19; float: right;
}
a.follow_user_main_btn span{
display: block; width:30px; height:21px; background: url('../pic/icon_eye.png') no-repeat center right; float: right;
}
a:hover.follow_user_main_btn{
-webkit-box-shadow:inset 0 1px 1px #999; -moz-box-shadow:inset 0 1px 1px #999; box-shadow:inset 0 1px 1px #555; text-decoration: none;
}
a:hover.follow_user_main_btn.active span{
background: url('../pic/icon_cross.png') no-repeat center right !important;
}
.profile_header{
display: block; padding: 30px 30px 10px 30px; border-bottom: 1px solid #ddd; width: 890px; height: 40px; background-color: #fbfbfb;
}
.profile_header .profile_face{
position: absolute;
}
.profile_header .profile_face .userface_war_score{
position: absolute; font-size: 24px; color: #fff; background: transparent url('../pic/userface_war_score.png') no-repeat left top; display: block; height: 29px; width: 23px; line-height: 24px; padding: 2px 13px 0 5px; font-weight: normal; font-family: "Arial Narrow", Arial, sans-serif; margin: 76px 0 0 -3px; text-align: center;
}
a.war_score_profile{
background-color: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; line-height: 30px; height: 30px; padding-right: 5px; font-family: "Arial Narrow", sans-serif; color: #666; position: absolute; margin: -50px 0 0 120px;
}
a.war_score_profile div{
float: left; font-size: 22px; color: #fff; background: transparent url('../pic/userface_war_score.png') no-repeat left top; display: block; height: 30px; width: 30px; line-height: 22px; padding: 4px 8px 0 2px; font-weight: bold; font-family: "Arial Narrow", Arial, sans-serif; margin: 0px 0 0 0px; text-align: center; text-shadow: 0px 1px 0px #af262b;
}
a.war_score_profile span{
font-size: 14px; text-transform: uppercase;
}
a.war_score_profile, a:hover.war_score_profile{
text-decoration: none;
background-color: #e0e0e0;
}
.war_tooltip_wrapper{
position: absolute; width:270px; z-index: 500;
}
.war_tooltip { -webkit-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-radius:3px; background-color:#fff; -webkit-box-shadow: 0px 2px 10px #ddd; float:left; border: 1px solid #a61e23;
}
.war_tooltip_title {display:block; background-color:#ED1C24; display:block; padding:7px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px;
}
.war_tooltip_title h3, .war_tooltip_title h3 a{ margin:0 !important; text-shadow:0 1px 0 #a61e23; font-weight:bold; font-size: 14px; color: #fff; border: none !important; padding: 0 !important; font-size: 16px;
}
.war_tooltip_title a.close{
background:transparent url(../pic/icon_delete_red.png) no-repeat; width:10px; height:10px; float: right; display: block; margin-top: 1px;
}
.war_tooltip_content{ padding:10px; float:left}
.war_tooltip_content p{
margin: 0; font-size: 13px; color: #555;
}
.war_tooltip_wrapper .arrow_down{
background: transparent url('../pic/tooltip_arrow_down_red.png') no-repeat center top; width: 100%; height: 10px; display: block; text-align: center; float: left;
}
a.ask_me_btn{ font-size:14px; color:#216FBC; display: block; margin-bottom: 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #ccc; font-weight: bold; background-image: linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -o-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -moz-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -webkit-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -ms-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.41, rgb(250,250,250)),color-stop(0.71, rgb(255,255,255)) ); text-shadow:1px 1px 0px #fff; padding: 5px 10px;
}
a:hover.ask_me_btn{ border:1px solid #ccc; -webkit-box-shadow:inset 0 1px 1px #ccc; -moz-box-shadow:inset 0 1px 1px #ccc; box-shadow:inset 0 1px 1px #ccc; text-decoration: none;
}
.war_stats{
padding: 0px; height: 200px;
}
.user_question, .user_answer{ border-bottom:1px solid #eee; padding-bottom:5px}
.user_answer div.short_answer{ word-wrap:break-word; border-left:3px solid #eee; padding-left:10px}
.user_question h3, .user_answer h3{ border-top:0px solid #fff !important; text-align:left}
.user_question h3 a, .user_answer h3 a{ text-transform:none; font-size:14px; text-decoration:none; margin-bottom:3px}
.user_question h3 a:hover, .user_answer h3 a:hover{ text-decoration:underline}
.user_question h3 a:visited, .user_answer h3 a:visited{ color:#216fbc}
.user_answer .info, .user_question .info{ color:#888; margin-bottom:3px; font-size:0.9em}
.user_answer .info a, .user_question .info a{ color:#888}
.user_answer .answer_count{ background: url(../pic/icon_answer.png) no-repeat left -3px; padding-left: 22px; display: block; float: left; margin: 0px 0 0 0; line-height: 17px; }
#q_box_user{clear:both; display:block; float:left; padding:0px 0px 0px 0px; font-family:"Helvetica Neue",Helvetica,sans-serif; margin: 0 0 0px 0px;}
#q_box_user div{ float:left; margin-left:0px; margin-bottom:8px}
#q_box_user label{font-weight:normal; margin:2px 0 0 5px; line-height:10px; float:left; color:#666}
#q_box_user input[type=checkbox]{float:left; margin-left:2px}
#q_ask_user{ background:#fafafa; color:#5981a8; padding:0; width:310px; padding:10px; border:1px solid #ccc; margin:0; font-size:13px; font-weight:normal; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; float:left; resize:vertical; -webkit-box-shadow:inset 0 1px 1px #ddd}
#q_ask_user:focus{box-shadow:0px 0px 4px #a0bfdc; border:1px solid #6e9bc6; background-color: #fff;}
#q_ask_choices_user{font-size:15px; padding:5px; border:2px solid #e5ecf9; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
input#q_do_ask_user{ font-size:14px; color:#fff; background:url('../pic/bg_btn_navy_2.png') repeat-x top; font-weight:bold; border:1px solid #184a7c; height:28px; width:90px; line-height:22px; margin-top:1px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; text-shadow:1px 1px 1px #25425c; float:right; box-shadow:0px 0px 2px #555}
input:hover#q_do_ask_user{ border:1px solid #000; -webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 1px #000; text-align: center; }
.ask_user_anonym_box{ float:left; display:block; width:180px; margin:0 0 0 0px !important}
#q_box_user h4{ font-weight: bold; margin-bottom:5px; color:#555}
a.ask_user_logout{
font-size:14px; color:#fff; background:url('../pic/bg_btn_navy_2.png') repeat-x top; font-weight:bold; border:1px solid #184a7c; height:26px; line-height:22px; margin-top:1px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; text-shadow:1px 1px 1px #25425c; float:right; box-shadow:0px 0px 2px #555; line-height: 26px; padding: 0px 20px; }
a:hover.ask_user_logout{ border:1px solid #000; -webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 1px #000; text-align: center; text-decoration: none;
}
input:hover#q_do_ask_user{ border:1px solid #000; -webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 1px #000; text-align: center;
}
#history_popup { width: 960px; height: 500px }
#history_popup .admin_history { font-size: 11px; overflow: auto; max-height: 90%; }
#admin_utk_iutk {width: 100%; max-height: 400px; overflow: auto;}
#admin_utk_iutk table{
margin: 0; padding: 0;
}
#admin_utk_iutk table tbody tr th{
background-color: #fff !important;
}
.shadow_user_box{
position: fixed; top: 0; left: 0; min-width: 160px; min-height: 46px; background-color: #ff5c5b; color: #222; padding: 5px; opacity: 0.9;
}
.god_mode_box{
position: absolute; top: 0; left: 0; width: 160px; min-height: 46px; color: #fff; padding: 5px; opacity: 0.9;
}
.shadow_user_box p, .god_mode_box p{
margin: 0;
}
.danger_zone{
padding: 5px; background-color: #ff4556; color: #222; margin-top: 20px; border: 2px solid black;
}
ul.admin_check_list{
margin:0 0 20px 0; padding:0; list-style:none; float: left;
}
ul.admin_check_list li {
width: 300px; padding: 2px 0; margin: 0; display: block; border-bottom: 1px solid #ccc;
}
ul.admin_check_list li label{
float: none !important;
}
.admin_middle_filter {
float: left; width: 300px; margin:0 0 15px 20px;
}
.profile_scores{
display: block; border-top: 1px solid #f2f2f2; padding-top: 10px;
}
.profile_scores .single_score{
float: left; width: 77px; margin-right: 5px; font-size: 11px; text-align: center;
}
.profile_scores .single_score:last-child{
margin-right: 0;
}
.profile_scores .single_score p{
margin: 0;
}
.profile_scores .single_score div{
display: block; margin-bottom: 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #ccc; font-weight: bold; font-size: 17px; height: 30px; line-height: 30px; background-image: linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -o-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -moz-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -webkit-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -ms-linear-gradient(bottom, rgb(250,250,250) 41%, rgb(255,255,255) 71%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.41, rgb(250,250,250)),color-stop(0.71, rgb(255,255,255)) );
}
.profile_skills .single_skill{
display: inline-block;
background-color: #666;
height: 22px;
padding: 0px;
margin-bottom: 2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #000;
width:328px;
overflow: hidden;
}
.profile_skills .single_skill > span{
display:inline-block;
height: 22px;
width: 10px;
line-height: 22px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset;
background-color: #518cc6;
white-space: no-wrap;
background-image: linear-gradient(bottom, rgb(81,139,198) 14%, rgb(97,165,230) 79%);
background-image: -o-linear-gradient(bottom, rgb(81,139,198) 14%, rgb(97,165,230) 79%);
background-image: -moz-linear-gradient(bottom, rgb(81,139,198) 14%, rgb(97,165,230) 79%);
background-image: -webkit-linear-gradient(bottom, rgb(81,139,198) 14%, rgb(97,165,230) 79%);
background-image: -ms-linear-gradient(bottom, rgb(81,139,198) 14%, rgb(97,165,230) 79%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.14, rgb(81,139,198)),
color-stop(0.79, rgb(97,165,230))
);
}
.profile_skills .single_skill > p{
position: absolute;
line-height: 22px;
padding: 0 5px;
font-weight: bold;
text-align: right;
width: 320px;
}
.profile_skills .single_skill > p > a{
text-shadow: 0px 1px 0px #165281;
color: #fff;
}
.profile_skills .single_skill > p > span{
padding: 0 3px;
background: #444;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .7) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .7) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, .7) inset;
margin-left: 5px;
}
.profile_skills .single_skill .edit_options{
display: none;
}
.profile_skills .single_skill:hover .edit_options{
position: absolute; line-height: 22px; padding: 0 5px; z-index: 100; display: inherit;
}
.profile_skills .single_skill .edit_options a{
color: #fff;
}
form.add_skills_form {
margin: 0 0 5px 0;
}
form.add_skills_form input[type=text]{
width: 254px; padding: 5px;
}
form.add_skills_form input[type=submit]{
margin-left: 0;
padding: 4px 10px;
}
.profile_skills .single_skill.hidden_skill { opacity:0.6; filter:alpha(opacity=60); }
.deleted_skill > span{
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset;
background-color: #3a5268 !important;
background-image: none !important;
}
.follow_avatars a{
padding: 0; border: 0; height: 30px; width: 30px;
}
.follow_avatars a img{
height: 30px; width: 30px; padding: 0; border: 0; float: left; margin: 0 2px 2px 0; display: block;
}
/* ------------------------------------------------------------------------------------ */
/* settings */
#twitter_settings, #linkedin_settings, #facebook_settings {width: 580px;}
form#facebook_settings .right_col{ width: 550px !important;}
#email_settings{ width: 640px; }
.settings_popup{ padding: 0 !important; border: none !important; margin: 0 !important;}
.settings_box{display:block; background-color:#fff; padding:20px 0 20px 0px; border-bottom:1px solid #eee; margin-bottom:20px}
.settings_box .settings_row:last-child{border-bottom:none; margin-bottom:0; padding-bottom:0}
.settings_box .settings_row{display:block; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px; padding-left:0px}
.settings_box .settings_row .right_col p.input_description{margin:0; width:310px; color:#777}
.settings_box .settings_row p.avatar_info{float:left; width:220px; margin-left:10px; color:#777}
.settings_box .settings_row .avatar_box{width:100px; height:100px; padding:1px; background-color:#f2f2f2; border:1px solid #ccc; margin:1px; float:left}
.settings_box .settings_row .left_col{float:left; width:140px}
.settings_box .settings_row .left_col p{font-weight:bold; line-height:38px; margin:0}
.settings_box .settings_row p span.twitter_logo{ background:url(../pic/twitter_logo_16.png) no-repeat left center; height:16px; width:16px; display:block; float:left; margin:10px 5px 0 0}
.settings_box .settings_row p span.linkedin_logo{ background:url(../pic/linkedin_logo_16.png) no-repeat left center; height:16px; width:16px; display:block; float:left; margin:10px 5px 0 0}
.settings_box .settings_row p span.facebook_logo{ background:url(../pic/facebook_logo_16.png) no-repeat left center; height:16px; width:16px; display:block; float:left; margin:10px 5px 0 0}
.settings_box .settings_row .right_col{float:left; width:710px}
.settings_box .settings_row .editable,
.settings_box .settings_row input.title{ word-wrap:break-word; min-height:16px; width:310px; padding:10px; margin:0px 10px 5px 0; border:1px solid #e4e4e4; -webkit-box-shadow:0px 0px 4px #f2f2f2; -moz-box-shadow:0px 0px 4px #f2f2f2; box-shadow:0px 0px 4px #f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; background-color:#fff; float:left}
.settings_box .settings_row .title{ font-size:16px; line-height:16px; vertical-align:bottom; height:16px}
.settings_box .settings_row select{}
.settings_box .settings_row select.title{ height:20px; font-size:13px; margin-right:10px}
.settings_box .settings_row input.editor_ok_button{font-weight:bold; border:1px solid #e6e6e6; line-height:15px; font-size:12px;}
.settings_box .settings_row input.editor_ok_button:hover{border:1px solid #8faac6}
.settings_box .settings_row input.editor_cancel_button{background:none; border:none; font-size:11px; color:#1a5895}
.settings_box .settings_row input.editor_ok_button,
.settings_box .settings_row input.editor_cancel_button{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; margin:1px 0px 5px 0}
.settings_box .settings_row .edit_saving{ background-color:#5fcf41 !important}
.settings_box .settings_row textarea{width:310px; padding:10px; margin:0px 10px 0px 0; border:1px solid #e4e4e4; -webkit-box-shadow:0px 0px 4px #f2f2f2; -moz-box-shadow:0px 0px 4px #f2f2f2; box-shadow:0px 0px 4px #f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; float:left}
.settings_box .settings_row .edit_content, .settings_box .settings_row input.title:focus, .settings_box .settings_row textarea:focus{box-shadow:0px 0px 4px #a0bfdc; border:1px solid #6e9bc6; color:#306295; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out}
.settings_box .settings_row .edit_content textarea{float:left}
.settings_box .settings_row input[disabled], .settings_box .settings_row input:hover[disabled]{background-color:#eee !important; cursor: default;}
.settings_box .settings_row input[type=file]{font-size:12px; height:20px; line-height:20px}
.settings_box .settings_row input[type=checkbox]{height:20px}
.settings_box .settings_row select{margin-top:10px}
.show_options{float:right; width:150px; margin-top:10px}
.show_options label{font-weight:normal; margin-left:3px}
.settings_box .settings_row .options_notify label{font-weight:normal; margin-right:15px; display:inline}
.settings_box .settings_row .options_notify input{margin-right:10px; float:left}
input.editor_ok_button{color:#1a5895; background:url(../pic/bg_button_grey.png) repeat-x center; font-size:13px; font-weight:normal; border:1px solid #ccc; height:37px; margin:0px 0 0 10px; text-shadow:1px 1px 0px #fff; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 12px; vertical-align:top}
input.editor_ok_button[disabled], input:hover.editor_ok_button[disabled]{color:#cfdae6;background-color:#eee; cursor: default;}
.header_lang_chooser {
float: left; margin:0 15px 0 0; line-height: 25px;
}
input.reset_pass_btn{color:#fff; background:url(../pic/bg_btn_navy.png) repeat-x center top; font-size:13px; font-weight:bold; border:1px solid #25425c; line-height:25px; margin:5px 0 0 0px; text-shadow:1px 1px 1px #25425c; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:3px 12px; }
input:hover.reset_pass_btn{
-webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 1px #000;
}
form#face_off input{color:#1a5895; background:url(../pic/bg_button_grey.png) repeat-x center; font-size:13px; font-weight:normal; border:1px solid #ccc; height:37px; margin:0 0 0 10px; text-shadow:1px 1px 0px #fff; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 12px; vertical-align:top}
.cropface_editor, .modal_box{ -webkit-box-shadow:1px 1px 10px #000; -moz-box-shadow:1px 1px 10px #000; box-shadow:1px 1px 10px #000; border:5px solid #f2f2f2; background-color:#fff !important; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#topics_popup{max-width:730px}
.cropface_editor .cropface_cancel_button{background:none; border:none; font-size:12px; color:#1a5895; margin:9px 5px 0 0}
.cropface_editor .cropface_save_button{color:#fff; background:url(../pic/bg_btn_navy.png) repeat-x center top; font-size:13px; font-weight:bold; border:1px solid #25425c; line-height:25px; margin:0; text-shadow:1px 1px 1px #25425c; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:3px 12px; float:right}
.cropface_add_photo{
position: absolute;
right: 30px;
top: 150px;
width: 150px;
height: 280px;
}
.cropface_add_photo{ z-index: 10000;
}
.cropface_add_photo input[type=file]{ font-size:11px; line-height:16px; width:140px; }
.cropface_add_photo p{
margin-bottom:5px ;
}
.cropface_add_photo a.cropface_add_photo_fb{
display: block; background:url(../pic/bg_fb.png) repeat-x; width: 150px; height: 25px; display: block; line-height: 25px; border: 1px solid #25425C; color:
#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; font-weight: bold; text-shadow: 1px 1px 1px #25425C; margin-bottom: 5px;
}
.cropface_add_photo a.cropface_add_photo_twitter{
display: block; background:url(../pic/bg_twitter.png) repeat-x; width: 150px; height: 25px; display: block; line-height: 25px; border: 1px solid #73C6D8; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; font-weight: bold; text-shadow: 1px 1px 1px #25425C; margin-bottom: 5px;
}
.cropface_add_photo a.cropface_add_photo_linkedin{
display: block; background:url(../pic/bg_linkedin.png) repeat-x; width: 150px; height: 25px; display: block; line-height: 25px; border: 1px solid #1A7499; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; font-weight: bold; text-shadow: 1px 1px 1px #25425C; margin-bottom: 5px;
}
.cropface_add_photo a:hover.cropface_add_photo_fb, .cropface_add_photo a:hover.cropface_add_photo_twitter, .cropface_add_photo a:hover.cropface_add_photo_linkedin{
-webkit-box-shadow:inset 0 1px 1px #111; -moz-box-shadow:inset 0 1px 1px #111; box-shadow:inset 0 1px 1px #111; text-decoration: none;
}
.cropface_add_photo a.cropface_add_photo_fb span{
background: url(../pic/facebook_logo_16.png) no-repeat center left; height: 25px; width: 16px; padding-left: 0px; float: left; display: block; margin-left: 5px;}
.cropface_add_photo a.cropface_add_photo_twitter span{
background: url(../pic/twitter_logo_16.png) no-repeat center left; height: 25px; width: 16px; padding-left: 0px; float: left; display: block; margin-left: 5px;}
.cropface_add_photo a.cropface_add_photo_linkedin span{
background: url(../pic/linkedin_logo_16.png) no-repeat center left; height: 25px; width: 16px; padding-left: 0px; float: left; display: block; margin-left: 5px;}
.modal_box{ padding:15px; float:left}
.modal_box h3{ font-weight:bold; font-size:18px; margin-bottom:5px}
.modal_box .success_info{ margin-left:0; }
.social_connections_wrapper{ float:left; width:220px; text-align:center; margin:20px 50px 10px 0; border-right:1px solid #f2f2f2; padding-right:50px}
.social_connections_wrapper:last-child{ margin:20px 0px 10px 0; border:none; padding:0}
.social_connections_wrapper a.social_link_linked{ background:url('../pic/bg_btn_grey.png') repeat-x center; color:#fff; border:1px solid #444}
.social_connections_wrapper a.social_link_disabled{ background:url('../pic/bg_btn_grey.png') repeat-x center; color:#fff; border:1px solid #444; z-index:100; opacity:0.3 ;cursor: default;}
#twitter_settings a.social_link_btn, .social_connections_wrapper a.social_link_btn{ background:url('../pic/bg_btn_green.png') repeat-x top; color:#fff; border:1px solid #97c750; text-shadow:1px 1px 1px #5f7a38 !important}
#twitter_settings a.regular_btn, .social_connections_wrapper a.regular_btn{ font-size:15px; font-weight:bold; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; text-shadow:1px 1px 1px #25425c; padding:5px 10px; display:block; -webkit-box-shadow:0px 0px 4px #f2f2f2; -moz-box-shadow:0px 0px 4px #f2f2f2; box-shadow:0px 0px 1px #aaa; margin:-20px 0 10px 15px; float:left; width:170px; text-decoration:none}
#twitter_settings a.social_link_btn:hover, .social_connections_wrapper a.social_link_btn:hover{ -webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 1px #000;}
.link_account{ width:220px; height:220px; float:left}
.link_account_disabled{ opacity:0.3}
.link_twitter{ background:url(../pic/twitter_link_account_bg.png) no-repeat}
.link_facebook{ background:url(../pic/fb_link_account_bg.png) no-repeat}
.link_linkedin{ background:url(../pic/linkedin_link_account_bg.png) no-repeat}
a.edit_user_fullname, a#edit_email_account, input.set_default, input.delete_email, input.add_new_email{color:#1a5895; background:url(../pic/bg_button_grey.png) repeat-x center; font-size:13px; font-weight:normal; border:1px solid #ccc; height:37px; margin:0 10px 0 0px; text-shadow:1px 1px 0px #fff; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 12px; vertical-align:top; display:block; line-height: 37px;}
a:hover.edit_user_fullname, a:hover#edit_email_account, input:hover.set_default, input:hover.delete_email, input:hover.add_new_email{ border:1px solid #8faac6; text-decoration: none;}
input.set_default[disabled]{color:#cfdae6;background-color:#eee; cursor: default;}
input:hover.set_default[disabled]{border:1px solid #ccc; cursor: default;}
.verify_email p{
background:url(../pic/icon_to_do_check_green.png) no-repeat left center; height: 37px; display: block; padding-left: 25px; margin: 0 10px 0 0; line-height: 37px;}
.verify_email a, input.verify_email{
color:#fff; background-color: #dc0000;font-size:13px; font-weight:bold; border:1px solid #871312; height:37px; margin:0 10px 0 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 12px; vertical-align:top; display:block; line-height: 37px; text-shadow: 0px 1px 1px #333;}
.verify_email a:hover, input:hover.verify_email { text-decoration: none; -webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 1px #000;}
.short_input input[type=text]{
width: 220px !important;
}
.social_avatar form input[type=file]{ font-size:12px; line-height:16px; width:195px;
}
.social_avatar div {
float:left;
margin-right:10px
}
.social_avatar div img{
width: 100px;
height: 100px;
padding: 1px;
background-color: #F2F2F2;
border: 1px solid #CCC;
margin: 1px;
float: left;
}
/* ------------------------------------------------------------------------------------ */
/* ask question */
.ask_question{float:left; margin-top:20px}
.ask_question_row{float:left; border-bottom:1px solid #eee; padding:10px 0}
.ask_question_row .left_col{float:left; width:50px; height:50px}
.ask_question_row .left_col span{background:url(../pic/success_sign.png) no-repeat top; width:25px; height:20px; display:block; margin-top:17px}
.ask_question_row .left_col span.not_checked{background-position:bottom}
.ask_question_row .right_col{float:left; width:530px}
.ask_question_row p{margin-bottom:0px; font-weight:bold}
.ask_question_row .right_col h1{word-wrap:break-word; min-height:16px; padding:10px; margin:0px 10px 5px 0; border:1px solid #e4e4e4; -webkit-box-shadow:0px 0px 4px #f2f2f2; -moz-box-shadow:0px 0px 4px #f2f2f2; box-shadow:0px 0px 4px #f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#F2F2F2; display:block; font-weight:normal; font-size:20px; width:507px}
.ask_question_row .right_col h1:first-letter{ text-transform:uppercase}
.ask_question_row .right_col .ask_add_topics{padding:10px; margin:0px 10px 5px 0; border:1px solid #e4e4e4; -webkit-box-shadow:0px 0px 4px #f2f2f2; -moz-box-shadow:0px 0px 4px #f2f2f2; box-shadow:0px 0px 4px #f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#F2F2F2; display:block; width:507px; min-height:105px}
.ask_question_row .right_col .ask_add_topics input.title{float:left; width:170px; padding:8px; margin:3px 0 15px 0; border:1px solid #e4e4e4; color:#7299c1; -webkit-box-shadow:0px 0px 4px #f2f2f2; -moz-box-shadow:0px 0px 4px #f2f2f2; box-shadow:0px 0px 4px #f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.ask_question_row .right_col .ask_add_topics input:hover.title, .ask_question_row .right_col .ask_add_topics input:focus.title{box-shadow:0px 0px 4px #a0bfdc; border:1px solid #6e9bc6; color:#306295; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out}
.ask_question_row .right_col .ask_add_topics input.tagadd{}
.cancel_button{border:none; background:none; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; color:#376CAB; margin:9px 10px 0 0}
form#invitation_form label, form#invite_form label{margin:5px 5px 5px 0; font-weight:normal; font-size:11px}
form#invitation_form checkbox, form#invite_form checkbox{float:left; margin-bottom:6px; line-height:20px; vertical-align:middle}
.invitation_info_box{ background-color:#fff; border:5px solid #F2F2F2; padding:10px; margin:0px 0 20px 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:1px 1px 10px #666; -moz-box-shadow:1px 1px 10px #999; box-shadow:1px 1px 4px #888; text-align:center}
.invitation_info_box p.small{margin:5px 0 0 0}
.invitation_info_box form input.title{ width:175px; padding:6px 6px; margin:3px 0 10px 0; border:1px solid #E4E4E4; color:#7299C1; -webkit-box-shadow:0px 0px 4px #F2F2F2; -moz-box-shadow:0px 0px 4px #F2F2F2; box-shadow:0px 0px 4px #F2F2F2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px}
.invitation_info_box form input.title:hover, .invitation_info_box form input.title:focus{box-shadow:0px 0px 4px #a0bfdc; border:1px solid #6e9bc6; color:#306295; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out}
.invitation_info_box form input.submit_button{ width:190px; font-size:13px; padding:10px}
.ask_anonym{ margin:7px 0 0 50px; float:left; width:160px}
.ask_anonym input{ float:left; margin-top:3px}
.ask_anonym label{ float:left; margin-left:5px; font-weight:normal}
.ask_anonym_box{ float:left; display:block; width:180px; margin:0 0 0 62px !important}
.share_on_box_answer{
float: right; margin:0px 20px 0 0px
}
.share_on_box_question{
float: right; margin:2px 20px 0 0px
}
.share_on_box a{
float: left; line-height: 32px; font-weight: normal;
}
.share_on {
height: 27px; display: block; float: left; line-height: 27px; padding: 0 0px 0 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin: 2px 0 0 10px;
}
.share_on label span.share_on_twitter_icon{
background:url(../pic/twitter_logo_16.png) no-repeat left center; height:30px; width:16px; display:block; float:left; margin:0px 5px 0 0
}
.share_on label span.share_on_fb_icon{
background:url(../pic/facebook_logo_16.png) no-repeat left center; height:30px; width:16px; display:block; float:left; margin:0px 5px 0 0
}
.share_on label span.share_on_linkedin_icon{
background:url(../pic/linkedin_logo_16.png) no-repeat left center; height:30px; width:16px; display:block; float:left; margin:0px 5px 0 0
}
.share_on input{
float: right;
margin: 10px 0 0 0;
padding: 0;
}
a.share_someones_answer{
margin-left: 10px;
color: #888;
}
.question_lang_detect{
font-weight: normal !important;
color: #999;
font-size: 11px;
}
.question_lang_detect span{
font-weight: bold;
}
.detecting_language{
background:url(../pic/ajax-loader_16px.gif) no-repeat left center; height: 16px; padding-left: 20px;
}
/* ------------------------------------------------------------------------------------ */
/* press */
.press p{ margin:0 0 1.5em}
.press a.logo_box, .press a.logo_box_2{background-color:#fff; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px; margin-top:15px; width:270px; height:100px; display:block; -webkit-box-shadow:0px 0px 4px #F2F2F2; -moz-box-shadow:0px 0px 4px #F2F2F2; box-shadow:1px 1px 0px #F2F2F2}
.press a.logo_box_3, .press a.logo_box_4{background-color:#005282 !important; border:1px solid #004066; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px; margin-top:15px; width:270px; height:100px; display:block; -webkit-box-shadow:0px 0px 4px #F2F2F2; -moz-box-shadow:0px 0px 4px #F2F2F2; box-shadow:1px 1px 0px #F2F2F2}
.press a.logo_box_2, .press a.logo_box_4{ margin-left:10px}
.press a:hover.logo_box, .press a:hover.logo_box_2{ border:1px solid #ddd}
.press .icon_box{ float:left; width:300px}
.press .logo_icon{ width:150px; height:150px; display:block; float:left}
.screenshot_box{ float:left}
.press .wisdio_screenshot{ width:250px; height:167px; display:block; float:left}
.add_suggestion_pl{ position:fixed; left:0; top:30%; background:url(../pic/add_suggestion.png) no-repeat top; height:155px; width:34px; display:block; z-index:8999}
.add_suggestion_en{ position:fixed; left:0; top:30%; background:url(../pic/add_suggestion_en.png) no-repeat top; height:155px; width:34px; display:block}
.next_prev_box{margin:20px 0; width:500px; padding-bottom:10px}
.blackout_overlay{background-color:#222 !important}
.popup_window{-webkit-box-shadow:1px 1px 10px #000 !important; -moz-box-shadow:1px 1px 10px #000 !important; box-shadow:1px 1px 10px #000 !important; padding:30px !important; border:5px solid #f2f2f2 !important}
.owl_window { background: url(../pic/owl_rotated_big.png) no-repeat left bottom #fff; }
.owl_window h3 span{ border-bottom: 1px dotted #333;}
.owl_window_form { margin-left: 0px; float: left; }
.owl_window form select{
width: 200px;
}
/* ------------------------------------------------------------------------------------ */
/* landing page */
.landing_page_content{
text-align: center;
}
.landing_page_content h1{
color: #fff;
text-shadow: 1px 1px 0px #0d3a5d;
margin-bottom: 20px;
}
.landing_bottom{
text-align: center;
margin: 20px 0;
}
.landing_bottom p{
color: #999;
font-style: italic;
}
.landing_bottom h3 {
font-weight: normal;
color: #444;
font-size: 25px;
}
.landing_bottom h3 a{ padding:8px 20px; border:1px solid #759D38; color:#fff; font-weight:bold; line-height:15px; background:#699e30 url('../pic/bg_btn_green.png') repeat-x top; font-size:16px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-shadow:1px 1px 1px #4e6f2a; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-box-shadow:0px 1px 1px #999; -moz-box-shadow:0px 1px 1px #999; box-shadow:1px 1px 2px #ccc; text-decoration:none; font-size: 25px}
.landing_bottom h3 a:hover{ webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 1px 1px 4px #365a11;border:1px solid #76b243; text-decoration: none;}
.send_question_instruction{
position: absolute; margin-left: 200px; width: 500px; top: 180px ; background-color: #fff; border: 5px solid #444; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0px 1px 1px #999; -moz-box-shadow:0px 1px 1px #999; box-shadow:1px 1px 10px #333; padding: 20px; text-align:left
}
.send_question_instruction ul{
padding: 0; margin: 0; list-style: none;
}
.send_question_instruction ul li{
font-size: 23px; line-height: 55px; color: #555;
}
.send_question_instruction ul li span.point_1{
background: url('../pic/point_1.png') no-repeat center; float: left; display: block; width: 38px; height: 55px; margin-right: 10px;
}
.send_question_instruction ul li span.point_2{
background: url('../pic/point_2.png') no-repeat center; float: left; display: block; width: 38px; height: 55px; margin-right: 10px;
}
.send_question_instruction ul li span.point_3{
background: url('../pic/point_3.png') no-repeat center; float: left; display: block; width: 38px; height: 55px; margin-right: 10px;
}
.landing_avatars {
height:305px; overflow:hidden; text-align:center; margin: 0 auto;
}
.landing_avatars div{
height:100px; width:100px; display:block; margin:1px; float:left; background-repeat: no-repeat;
}
/* ------------------------------------------------------------------------------------ */
/* admin panel */
.admin_panel .main_form{ width:94%; margin-left:0px}
#form_admin_flag div {
width: 480px; margin-bottom: 5px;
}
#form_admin_flag div input[type=checkbox]{
float: left; margin-top: 4px;
}
#form_admin_flag div input{ margin-right: 10px; vertical-align: center;
}
#form_admin_flag div label{
font-weight: normal;
}
ul.navigation_admin{ float:right; height:45px; list-style:none; margin:0px 0 0 0; z-index:200}
ul.navigation_admin.right{ float:right}
ul.navigation_admin li{ cursor:pointer; float:left; margin-right:2px; position:relative; z-index:200}
ul.navigation_admin p, ul.navigation_admin p a{color:#cfe7fe; text-shadow:1px 1px 0px #3a6a9b; z-index:200}
ul.navigation_admin p a{text-decoration:underline; font-weight:bold; z-index:200; }
ul.navigation_admin p a:hover{text-decoration:none}
ul.navigation_admin li.last{ margin-right:0}
ul.navigation_admin li a, ul.navigation_admin li a:visited, header ul.navigation li a:hover{ text-decoration:none; cursor:pointer}
ul.navigation_admin li strong{ color:#1a5895; background:url(../pic/bg_button_grey.png) repeat-x center; font-size:12px; font-weight:bold; border:1px solid #e6e6e6; line-height:33px; margin:0px 0px 0 0; text-shadow:1px 1px 0px #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; padding:5px 10px; height:33px;}
ul.navigation_admin li.signin strong, ul.navigation_admin li.login strong{font-size:13px !important}
ul.navigation_admin li a strong img{margin:0 0 0 5px}
ul.navigation_admin li.user a strong{font-size:16px}
ul.navigation_admin li.join a strong{ color:#74b036; background-position:0 0px; text-shadow:1px 1px 1px #fff; font-size:13px !important}
ul.navigation_admin li.join a span{background-position:right 0px}
ul.navigation_admin li:hover strong{ background-position:0 -36px}
ul.navigation_admin li.selected strong{ background-position:0 -36px; color:#fff; text-shadow:1px 1px 2px #54606a}
ul.navigation_admin li span{ background:url('../pic/nav.png') no-repeat -9999px -9999px; width:10px; height:33px; float:left; display:block}
ul.navigation_admin li.dropdown span{ width:22px}
ul.navigation_admin li.dropdown span em{ background:url('../pic/arrow.png') no-repeat -15px 0; display:block; height:5px; margin:13px 0 0 4px; width:9px}
ul.navigation_admin li.dropdown.selected span em{ background-position:0 0}
ul.navigation_admin li:hover span{ background-position:right -36px}
ul.navigation_admin li.selected span{ background-position:right -36px}
ul.navigation_admin li ul.ulDropdown{ -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#fff; border-radius:3px; cursor:default; display:none; right:0px; padding:6px 10px; position:absolute; top:32px; width:110px; z-index:200; -webkit-box-shadow:0px 1px 4px #777; text-indent:0; border:3px solid #f2f2f2}
ul.navigation_admin ul.ulDropdown li.ulSubmenu ul{list-style-type:none}
ul.navigation_admin ul.ulDropdown li.ulSubmenu ul li a{display:block; font-size:11px}
ul.navigation_admin ul.ulDropdown li.ulSubmenu{cursor:text}
ul.navigation_admin ul.ulDropdown li.ulSubmenu ul li.active_menu a{font-weight:bold}
ul.navigation_admin ul.ulDropdown li.active_menu a{font-weight:bold}
ul.navigation_admin li ul.ulDropdown li:last-child{ border-bottom:none}
ul.navigation_admin li:hover ul.ulDropdown{ display:block}
ul.navigation_admin li ul.ulDropdown li{ float:none; overflow:hidden; border-bottom:1px solid #f2f2f2; font-size:12px; text-align:left}
ul.navigation_admin li ul.ulDropdown li a{font-size:11px}
ul.navigation_admin li ul.ulDropdown li.splitter{ background:url('../pic/70.png') repeat 0 0; height:1px; margin:3px 0}
ul.navigation_admin li ul.ulDropdown li a, ul.navigation_admin li ul.ulDropdown li a:visited{ color:#4477ac; display:block; font-size:12px; padding:2px 0; width:300px}
ul.navigation_admin li ul.ulDropdown li a:hover{ font-weight:bold}
ul.navigation_admin li ul.ulDropdown li.create a, ul.navigation_admin li ul.ulDropdown li.create a:visited, ul.navigation_admin li ul.ulDropdown li.create a:hover{ font-weight:bold}
ul.navigation_admin li a div{ position:absolute; right:-1px; top:-7px; background-color:#df3635; border:1px solid #9e0100; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; color:#fff; font-weight:bold; font-size:11px; padding:1px 4px; z-index:300; -webkit-box-shadow:0px 1px 0px #333; -moz-box-shadow:0px 1px 0px #333; box-shadow:0px 1px 0px #333; text-shadow:0px 1px 0px #9e0100; text-align:center}
ul.navigation_admin li a:hover div{ background-color:#ed0100}
a.war_top_small{
width: 70px; height: 30px; float: right; padding: 1px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin: 13px 0 0 5px;
}
a.war_top_small img{
float: left; -webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
a.war_top_small div{
float: left; line-height: 30px; text-align: center; color: #fff; font-weight: bold; font-size: 22px; width: 30px; background-color: #6caee9; text-shadow: 0px 1px 0px #333; background: url('../pic/userface_war_score_nav.png') no-repeat bottom left; display: block; height: 30px; font-family: "Arial Narrow", Arial, sans-serif; padding-right: 7px;
}
a:hover.war_top_small{
text-decoration: none;
}
ul.dashboard_stat_box{
list-style: none;
margin: 0 0 30px 0;
padding: 0;
float: left;
}
ul.dashboard_stat_box li{
margin: 0 15px 15px 0;
padding: 10px;
text-align: center;
width: 180px;
background-color: #f2f2f2;
border: 1px solid #ccc;
text-shadow:1px 1px 0px #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
float: left;
height: 90px;
}
ul.dashboard_stat_box li h4{
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
ul.dashboard_stat_box li p{
font-size: 30px;
font-weight: bold;
color: #1A5895;
}
ul.dashboard_stat_box li span{
font-size: 14px;
font-weight: bold;
}
.admin_log{
float: left;
background-color: #fffde4;
border: 1px dashed #FFD324;
width: 910px;
padding: 20px;
height: 100px;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* ------------------------------------------------------------------------------------ */
/* modal window
body >.modal.window{position:absolute; padding:10px; z-index:1000; background:#253A4A; background:rgba(37,58,74,.6); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
div.modal >#login{width:500px; margin:0}
body >.modal.window >.wrapper{padding:15px; background:white url(/images/modal_background.png?1297106063) left top repeat-x; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
div.modal >#login .title{overflow:hidden}
div.modal >#login form{padding:0 15px 9px; background:#F2F2F2; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
div.modal >#login form fieldset{overflow:hidden; padding-top:15px}
div.modal >#login form fieldset >label{display:block; float:left; position:relative; top:11px; width:150px}
div.modal >#login form fieldset >div{margin-left:150px}
div.modal >#login form fieldset >div input{width:308px; font-size:18px; font-weight:bold}
*/
/* ------------------------------------------------------------------------------------ */
/* notifications */
.notify_wrapper{ float:right; position:absolute; margin-left:650px; margin-top:14px}
.notify_wrapper >ul.navigation{ margin:0 !important}
a.notify_btn{ display:block; background:url(../pic/icon_notify.png) no-repeat top; width:38px; height:30px; float:right}
a:hover.notify_btn{ background-position:bottom; text-decoration:none}
a.notify_btn span{ position:absolute; right:-1px; top:-7px; background-color:#df3635; border:1px solid #9e0100; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:30px; color:#fff; font-weight:bold; font-size:11px; padding:1px 4px; z-index:300; -webkit-box-shadow:0px 1px 0px #333; -moz-box-shadow:0px 1px 0px #333; box-shadow:0px 1px 0px #333; text-shadow:0px 1px 0px #9e0100; text-align:center}
a.lang_btn{ background:none; width:45px; height:33px; display:block; float:left; color:#fff; text-align:center; text-decoration:none; text-transform:uppercase; font-weight:bold; line-height:30px; font-size:12px; text-shadow:1px 1px 2px #333}
li:hover a.lang_btn{ background:url(../pic/icon_lang.png) no-repeat 0px 0px}
.notification_panel{ width:460px; float:left; -webkit-box-shadow:0px 1px 4px #ddd; padding:0px; background-color:#fff; border:1px solid #ddd; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background-color:#f7f7f7; position:absolute; right:110px; top:56px; opacity:0.95}
.notification_panel h3{ padding:10px; font-size:13px; border-bottom:1px solid #ddd; font-weight:bold; color:#555; margin:0}
.notification_panel .see_all{ padding:10px; margin:0; font-size:11px}
.notification_panel p{ margin:0}
.notification_panel h4{ margin:0; font-size:12px; font-weight:bold}
.notification_panel .row{ padding:5px 10px; border-bottom:1px solid #eee; width:440px}
.notification_panel .new{ background-color:#eaf0f5; border-bottom:1px solid #d9e3eb}
.notification_panel .row span.notify_date{ float:right; font-size:11px; color:#999}
.notification_panel .row img{ float:left; margin:0 10px 0px 0}
form#chart_form label{
font-size: 12px;
margin:0px 5px 0 5px;
font-weight: normal;
float: left;
}
form#chart_form input[type="checkbox"], form#chart_form input[type="text"]{
margin: 2px 0 5px;
float: left;
}
form#chart_form input[type="submit"]{
float: left;
margin-left: 10px;
}
.top_notification_wrapper{
margin: 0;
overflow: visible;
padding: 0;
position: relative;
width: 100%;
z-index: 300;
display: block;
height: 30px;
z-index: 10000;
-moz-border-radius:0px !important; border-radius:0px !important; -webkit-border-radius: 0px !important;
}
.top_notification_container a.close_notification{
background:url(../pic/icon_big_cross.png) no-repeat;
width: 20px;
height: 20px;
display: block;
float: right;
margin: 0px 20px 0 0;
}
.top_notification_container{
font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif;
margin: 0;
overflow: visible;
padding: 0;
position: relative;
text-align: center;
width: 100%;
z-index: 1000;
border-bottom-width: 1px;
border-bottom-style: solid;
opacity: 0.95;
padding: 18px 0;
-webkit-box-shadow:0px 1px 2px #aaa; box-shadow:0px 1px 2px #aaa; -moz-box-shadow:0px 1px 2px #aaa;
}
.top_notification_wrapper .notification_success{
background: #85b631;
border-bottom-color: white;
}
.top_notification_wrapper .notification_success h4{
font-size: 15px;
font-weight: bold;
color: white;
text-shadow: 0px 1px 2px #5C8616;
margin: 0;
}
.notification_success p{
margin: 5px 0 0 0;
color: #2a3b0c;
font-size: 12px;
font-weight: normal;
}
.notification_notice p{
color: #555;
margin: 5px 0 0 0;
}
.notification_failure p{
color: #681717;
margin: 5px 0 0 0;
}
.top_notification_wrapper .notification_notice{
background: #fdeb7d;
border-bottom-color: #FFD324;
}
.top_notification_wrapper .notification_notice h4{
color: #484117;
font-size: 15px;
font-weight: bold;
margin: 0;
}
.top_notification_wrapper .notification_failure{
background: #dc0000;
border-bottom-color: #6a0000;
}
.top_notification_wrapper .notification_failure h4{
color: #fff;
font-size: 15px;
font-weight: bold;
margin: 0;
text-shadow: 0px 1px 1px #555;
}
.top_notification_wrapper .notification_failure p{
color: #ffd5d5;
}
/* sticky bar */
.sticky_top_wrapper{
margin: 0 0 0px 0;
padding: 0;
width: 100%;
z-index: 300;
display: block;
height: 50px;
z-index: 10000;
-moz-border-radius:0px !important; border-radius:0px !important; -webkit-border-radius: 0px !important;
padding: 0px 0 0 0;
}
.sticky_container{
font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
position: static;
text-align: center;
width: 100%;
z-index: 1000;
opacity: 0.95;
padding: 0px 0;
height: 50px;
line-height: 50px;
-webkit-box-shadow:0px 1px 2px #aaa; box-shadow:0px 1px 2px #aaa; -moz-box-shadow:0px 1px 2px #aaa;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.sticky_container h4 a{
font-weight: 200; margin: 0 0 0 0; color: #444; padding:0px 0 8px 0px; font-size: 20px;
}
.sticky_container h4 {
line-height: 50px; height: 50px; margin: 0 20px 0 0; display: inline;
}
.sticky_container a.sticky_btn{
color: white;
background: url(../pic/bg_btn_grey.png) repeat-x center top;
font-size: 15px;
font-weight: normal;
border: 1px solid #25425C;
line-height: 25px;
margin: 5px 0 0px 0px;
text-shadow: 1px 1px 1px #25425C;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 5px 9px;
}
.sticky_container a:hover.sticky_btn{
text-decoration: none; -webkit-box-shadow:inset 0 1px 1px #000; -moz-box-shadow:inset 0 1px 1px #000; box-shadow:inset 0 1px 1px #000;
}
.sticky_container a.close_notification{
background:url(../pic/icon_big_cross.png) no-repeat;
width: 20px;
height: 20px;
display: block;
float: right;
margin: 14px 20px 0 0;
}
/* digital product */
.digital_product_top .dp_picture{
float: left; margin-right: 10px; width: 200px;
}
.digital_product_top a img{
width: 200px; border: 1px solid #ccc;
}
.digital_product_top .dp_short_info{
float: left; width: 370px;
}
.digital_product_top h1{
font-weight: bold; font-size: 27px;
}
.digital_product_top .dp_category{
margin: 0; text-transform: uppercase;
}
.digital_product_top .dp_specs {
float: left; width: 170px; border: 1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding: 8px; font-size: 11px;
}
.digital_product_top .dp_specs ul{
list-style: none; margin: 0; padding: 0;
}
.digital_product_top .dp_buy{
float: right; width: 160px; margin-left: 10px; background-color: #f2f2f2; padding: 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #ccc;
}
.digital_product_top .dp_buy a.green_button{
width: 118px !important; text-align: center; font-size: 20px;
}
.digital_product_top .dp_buy p{
font-weight: bold; text-align: center; color: #666; margin-bottom: 5px
}
.digital_product_top .dp_buy p span{
font-size: 20px; color: #333;
}
.digital_product_top a.grey_btn_small{
width: 140px; display: block; text-align: center;}
.digital_product_bottom{
border-top: 2px solid #f2f2f2; padding-top: 10px;
}
.digital_product_bottom p{
font-size: 14px;
}
#user_links {
margin: 10px 0;
}
#user_links ul{
list-style: none; margin-top: 10px; padding: 0;
}
#fullname_settings input[type=checkbox]{
vertical-align: middle;
}
/* ------------------------------------------------------------------------------------ */
/* footer */
footer{width:100%}
footer ul{list-style:none; margin:20px 0 0 0; padding:0 0 10px 0}
footer ul li{float:left; margin-right:15px}
footer ul li a{float:left; color:#999; font-weight:normal}
/* hint:do not remove!!!
div[contenteditable=true]{-webkit-user-modify:read-write; word-wrap:break-word; -webkit-nbsp-mode:space; -webkit-line-break:after-white-space}
*/
/*
navigation bar - horizontal dropdown
--------------------------------------------------
*/
/* first level */
ul.menu{float:right; height:100%; margin:0; padding:0; list-style:none; z-index:999}
.answer_item:hover ul.answer_menu, .comment:hover ul.comment_menu, .question_box:hover ul.question_body_menu{ display:block}
ul.menu ul{ margin-right:100px; float:left}
ul.menu li{position:relative; float:left; line-height:1.1}
ul.menu li a{display:block; width:auto; padding:0px; text-decoration:none; color:#7c7c7c}
ul.menu li.last a{background:transparent}
ul.menu li a.sub{background:url(../pic/icon_options.png) no-repeat center top; height:14px; width:24px; padding-left:0px; -webkit-box-shadow:0px 0px 4px #f2f2f2; -moz-box-shadow:0px 0px 4px #f2f2f2; box-shadow:0px 0px 4px #f2f2f2; display:block}
section#content:hover ul.edit_topics_menu li a.sub, .answer_item:hover ul.answer_menu li a.sub, .comment:hover ul.comment_menu li a.sub{ background-position:bottom}
ul.menu li:hover,
ul.menu li.hover /* protofish */{}
ul.menu li:hover a,
ul.menu li.hover /* protofish */ a{color:#000}
ul.menu li.active a{color:#f15c30}
/* second level */
ul.menu ul{padding:0; margin:0 0 0 0; list-style:none; top:14px; width:170px; border-top:1px solid #ddd; -webkit-box-shadow:0px 0px 6px #ddd; -moz-box-shadow:0px 0px 6px #ddd; box-shadow:0px 0px 6px #ddd}
/* resetting first level */
ul.menu li:hover li,
ul.menu li:hover li a,
ul.menu li.hover /* protofish */ li,
ul.menu li.hover /* protofish */ li a{background:#fff; color:#7c7c7c; font-size:11px}
/* submenu markup */
ul.menu li li{width:100%; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7}
ul.menu li li.last{border-bottom:1px solid #d7d7d7}
ul.menu li li a{padding:5px 5px 5px 10px}
ul.menu li:hover li:hover a,
ul.menu li.hover li.hover /* protofish */ a{background:#ECF4FC; color:#1A5895 !important}
ul.menu li:hover li.active a,
ul.menu li.hover /* protofish */ li.active a{color:#f15c30}
ul.menu li li a.sub{padding-right:15px}
ul.menu li:hover li:hover a.sub,
ul.menu li.hover li.hover /* protofish */ a.sub{background:#f6f6f6}
/* show hide behaviour */
ul.menu ul,
ul.menu li:hover ul ul,
ul.menu ul ul,
ul.menu li:hover ul ul ul,
ul.menu ul ul ul,
ul.menu li:hover ul ul ul ul{position:absolute; left:-999em}
ul.menu li:hover ul,
ul.menu li li:hover ul,
ul.menu li li li:hover ul,
ul.menu li li li li:hover ul{left:-1px; z-index:999}
/* show hide behaviour with protofish */
ul.menu li.hover ul ul,
ul.menu li.hover ul ul ul,
ul.menu li.hover ul ul ul ul{position:absolute; left:-999em}
ul.menu li.hover ul,
ul.menu li li.hover ul,
ul.menu li li li.hover ul,
ul.menu li li li li.hover ul{left:-1px; z-index:999}
/* team pics margin and positioning */
.team img {float: left; margin-right: 10px;}