@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("vkontakte.ru") {

/* ---------- COLOR SCHEME #1 (default) ---------- */
/* -- Backgrounds */
textarea, input, select
{background-color: #fafafa !important;}

.leftAd, #pageHeader, #pageHeader1, .qdiv_on, #nav li a:hover, #nav li#myprofile a:hover, .ddChooseOn, #profileActions a:hover, a.edit, #bFooter p, #bFooter p a, 
.flexHeader, .note_title, #bFooter,
.leftInfo
{background-color:#f7f7f7 !important;}

.qdiv_over, .qdiv_over_top, input[type="submit"], input[type="button"], input[type~="submit"], input[type~="button"], .ncc, .ncc a, .blue_button_body, .blue_button, 
.blue_button_shadow, .blue_button_body_over, .t_filter_selected .t_filter2 .t_filter3, ul.tabs li.activeLink a, ul.tabs li.activeLink a:hover, ul.t0 li.activeLink a, ul.t0 
li.activeLink a:hover, ul.buttonRow a
{background-color: #5d6775 !important;}

.blue_button_body,  
.blue_button_body_over,
#rateLeft, .side_filter_over, .side_filter_selected
{background-color: #f0f0f0 !important; }

#right_pane .blue_button_body, #right_pane .blue_button_body_over, .box_button, .button_yes, #button1_2
{background-color: #5d6775 !important; }

#header, .box_title_wrap
{background-color: #535d6c !important}

#qdropdown, #bFooter a
{background-color: #ffffff !important;}

.fSub 
{background-color:#efefef !important;}

.blue_button, .blue_button_shadow,
li.activeLink a b.tl1, li.activeLink a b.tl1 b, li.activeLink a b.tl2
{background-color: transparent !important;}

#userProfile 
{background: none !important;}

/* -- Foregrounds */
textarea, input, select, a, .leftAd h4, .leftInfo h4, .ratePlus, .rateGreenPlus, .rateRedPlus, .rateBluePlus, .ddChooseOn, .ddChoose, .flexHeader h2, #bFooter p a, #bFooter p, #bFooter a, 
.side_filter, .side_filter_over, .side_filter_selected,
.blue_button_body, .blue_button, .blue_button_shadow, .blue_button_body_over, .t_filter_off
{color: #535d6c !important;}

input[type="submit"], input[type="button"], input[type~="submit"], input[type~="button"] 
{color: #ffffff !important;}

.ncc, .ncc a, .t_filter_selected .t_filter2 .t_filter3, ul.tabs li.activeLink a, ul.tabs 
li.activeLink a:hover, #header h1 a, ul.t0 li.activeLink a, ul.t0 li.activeLink a:hover, ul.buttonRow a, ul.buttonRow a:hover, #header,
#right_pane .blue_button_body, #right_pane .blue_button, #right_pane .blue_button_shadow, #right_pane .blue_button_body_over, .box_button
{color: #f7f7f7 !important;}

#summary,
.profileName h2, .c .flexBox h4
{color: #45728E !important;}

/* -- Borders */
#qquery, .qquery, .qdiv_on, #qdropdown, #button1_2, .box_title_wrap
{border-color: #535d6c !important;}

.leftAd h4, .leftInfo h4, .side_filter_selected, .flexHeader, .c
{border-top-color: #535d6c !important;}

#pageHeader, #pageHeader1, .side_filter_selected, .button_yes
{border-bottom-color: #535d6c !important;}

#sideBar, 
#rightColumn, #leftColumn
{border-right-color: #cccccc !important;}

#leftColumn, #group .right
{border-left-color: #cccccc !important;}

.info .msgOld em,
.questionOutThree,
.fSub 
{border-bottom-color: #cccccc !important;}

ul.t0 li.activeLink a b.tl2, ul.t0 li.activeLink a b.tl1 b
{border-color:transparent  !important;}


/* ---------- COLOR SCHEME #2 (brown, unfinished) ---------- */
/* -- Backgrounds */

/*body{background-color: #FBFAF8 !important;}*/

/*textarea, input, select
{background-color: #fafafa !important;}

.leftAd, #pageHeader, #pageHeader1, .qdiv_on, #nav li a:hover, #nav li#myprofile a:hover, .ddChooseOn, #profileActions a:hover, a.edit, #bFooter p, #bFooter p a, 
.flexHeader, .note_title, #bFooter,
.leftInfo
{background-color:#f0ebe2 !important;}

.qdiv_over, .qdiv_over_top, input[type="submit"], input[type="button"], input[type~="submit"], input[type~="button"], .ncc, .ncc a, .blue_button_body, .blue_button, 
.blue_button_shadow, .blue_button_body_over, .t_filter_selected .t_filter2 .t_filter3, ul.tabs li.activeLink a, ul.tabs li.activeLink a:hover, ul.t0 li.activeLink a, ul.t0 
li.activeLink a:hover, ul.buttonRow a
{background-color: #75645B !important;}

.blue_button_body,  
.blue_button_body_over,
#rateLeft, .side_filter_over, .side_filter_selected
{background-color: #FAF8F5 !important; }

#right_pane .blue_button_body, #right_pane .blue_button_body_over, .box_button
{background-color: #6A584E !important; }

#header 
{background-color: #887B73 !important}

#qdropdown, #bFooter a
{background-color: #ffffff !important;}

.fSub 
{background-color:#F4F1EA !important;}

.blue_button, .blue_button_shadow,
li.activeLink a b.tl1, li.activeLink a b.tl1 b, li.activeLink a b.tl2
{background-color: transparent !important;}

#userProfile 
{background: none !important;}*/

/* -- Foregrounds */
/*textarea, input, select, a, .leftAd h4, .leftInfo h4, .ratePlus, .rateGreenPlus, .rateRedPlus, .rateBluePlus, .ddChooseOn, .ddChoose, .flexHeader h2, #bFooter p a, #bFooter p, #bFooter a, 
.side_filter, .side_filter_over, .side_filter_selected,
.blue_button_body, .blue_button, .blue_button_shadow, .blue_button_body_over, .t_filter_off
{color: #6A584E !important;}

input[type="submit"], input[type="button"], input[type~="submit"], input[type~="button"] 
{color: #F4F1EA !important;}

.ncc, .ncc a, .t_filter_selected .t_filter2 .t_filter3, ul.tabs li.activeLink a, ul.tabs 
li.activeLink a:hover, #header h1 a, ul.t0 li.activeLink a, ul.t0 li.activeLink a:hover, ul.buttonRow a, ul.buttonRow a:hover, #header,
#right_pane .blue_button_body, #right_pane .blue_button, #right_pane .blue_button_shadow, #right_pane .blue_button_body_over, .box_button
{color: #f0ebe2 !important;}

#summary,
.profileName h2, .c .flexBox h4
{color: #A1877A !important;}*/

/* -- Borders */
/*#qquery, .qquery, .qdiv_on, #qdropdown
{border-color: #6A584E !important;}

.leftAd h4, .leftInfo h4, .side_filter_selected, .flexHeader, .c
{border-top-color: #6A584E !important;}

#pageHeader, #pageHeader1, .side_filter_selected
{border-bottom-color: #6A584E !important;}

#sideBar, 
#rightColumn, #leftColumn
{border-right-color: #cccccc !important;}

#leftColumn, #group .right
{border-left-color: #cccccc !important;}

.info .msgOld em,
.questionOutThree,
.fSub 
{border-bottom-color: #cccccc !important;}

ul.t0 li.activeLink a b.tl2, ul.t0 li.activeLink a b.tl1 b
{border-color:transparent  !important;}*/




/* ---------- STYLE DEFINITIONS ---------- */

/* -- Text styles */

a
{text-decoration: none;}

a.edit:hover, #nav li a:hover, #nav li#myprofile a:hover, #profileActions a:hover, .ddChooseOn, ul.buttonRow a:hover, .side_filter_over, .ncc a:hover, .blue_button_body_over, 
#bFooter a:hover 
{text-decoration:underline !important;}

input[type="submit"], input[type="button"], input[type~="submit"], input[type~="button"] 
{font-size: 11px; font-family: tahoma, tahoma, verdana, arial, sans-serif, Lucida Sans;}

.flexEdit a 
{font-weight: normal !important;}

#bFooter
{text-align:center !important;}

.options ul.commnav
{text-align:right !important;}

/* -- Border styles */
.leftAd h4, .leftInfo h4
{border-top:solid 1px;}

#pageHeader, #pageHeader1 
{border-bottom: solid 1px;}

#sideBar 
{border-right: solid 1px;}

input[type="submit"], input[type="button"], input[type~="submit"], input[type~="button"],
.blue_button_body, .blue_button, .blue_button_shadow, .blue_button_body_over, .t_filter_selected .t_filter2 .t_filter3,
#bFooter a, .side_filter_selected
{border: none 0px !important;}


.side_filter_selected 
{border-bottom: solid 1px !important; border-top: solid 1px !important;}

#content, #myLink
{border-bottom: none !important; border-left: none !important; border-right: none !important;}

#wrapH, #wrapHI
{border-right: none !important; border-left: none !important;}

.flexHeader
{border-top: solid 1px !important;}

.c
{border-top: dotted 0.5px !important;}

#wrap1 
{border: none !important; border-top: 0px; }

#wrap2 
{border-right: none !important; border-top: 0px;}

#pageHeader, #pageHeader1 
{border-left: none !important;}

#myLink 
{border-top: 1px solid #535d6c;}

.accountInfo 
{border-bottom: none !important;}

#bFooter a:hover
{border: 0px !important;}

#fave #rightColumn .c, #fave #rightColumn .bOpen 
{border:none 0px !important;}

.questionOut, .questionOutTwo, .questionOutThree 
{border-top: 0px none !important; border-left: 0px none !important; border-right: 0px none !important;}

.questionOutThree 
{border-bottom: 1px solid !important;}

.fSub 
{border-bottom: 1px solid;}

.info .msgOld em 
{border-bottom: solid 1px !important;}

/* -- Background images*/
ul.topNav li, .headNav a, .headNav div, #pageHeader, #pageHeader1
{background-image:none !important;}

#header 
{background-image: none !important;}


/* ---------- POSITIONING ---------- */

/* -- Widths */
#notesBar #sidePanel 
{width: 10% !important;}

.addButton 
{width: 13% !important;}

#sideBar 
{width: 14% !important;}

ul.bNav li
{width: 14.28% !important;}

a.edit,
.sidePanel, #sidePanel
{width: 20% !important;}

.playlineWall, .playline 
{width: 25% !important;}

a.hasedit,
#audioWrap
{width: 70% !important;}

.mainPanel,
.note_content,
#mainPanel
{width: 80% !important;}

#pageBody, .pageBody 
{width: 85% !important;}

#dialog td textarea,#dialog td input, #to_ids,
#searchResults .result,
.grouprow,
.info 
{width: 90% !important;}

#searchResults .result, .grouprow, .justComment
{width: 95% !important;}

div.column, div.result_wrap div.result table 
{width: 96% !important;}

#searchAudio #quickquery, #photoinfo
{width: 98% !important;}

#nav, #content, #pageLayout, #pageHeader, #pageHeader1, #op_field, .header, .text, .actions, .audioRowWall, .wallpost, #groupslist, #messageFields, #mainFeed, .feedTable, 
tr.tallRow div.wrapped, tr.tallRow div.wrapped div, #audioBar, ul.tabs, .dataWrap, .result, .result table, .note, .note_body, .mailbox, .inbox, #dialog, .tallRow, .formTable, 
#messageFields, #audioBar, #searchResults, #commentsBody, .comment, .bigbody, .justComment,
.note_title,
ul.bNav,
#wrapH, #wrapHI,
#userProfile,
#bFooter,
.justComment, .commentsBody,
td[style="width: 518px;"],
#fave #rightColumn, #fave #rightColumn #Groups, #fave #rightColumn #Events,
.opinion table, .opinion textarea, .messageText,
.info table,
#aimage, td[width="365px"],
.questionOut, .questionOutTwo, .questionOutThree,
.notebody,
.printcontent div,
textarea#comment
{width: 100% !important;}

#myLink
{width: 120%;}

.button_wrap, .button_yes
{width: 200% !important;}

.flexBox .friendTable td 
{width: 66px !important; overflow: hidden !important;}

.flexBox .friendTable * 
{width: 66px; overflow: visible !important;}

.flexBox .friendTable img 
{width: 40px; overflow: visible !important;}

.button_yes
{width: auto !important;}

/* -- Floating */
#nav, a.edit, #aimage, td[width="365px"]
{float:right;}

#content, .leftAd, .leftInfo, #messageFields, #myLink,
#wrapH, #wrapHI,
#fave #leftColumn
{float:left !important;}

.options ul.commnav
{float:right !important;}

/* -- Margins and paddings */
#content, #sideBar, #pageBody, .pageBody, .leftAd, .leftInfo, ul.bNav, ul.bNav li
{padding: 0px 0px 0px 0px !important;margin: 0px 0px 0px 0px !important;}

.leftAd, .leftInfo, #myLink
{margin-top: 1em !important;}

.flexHeader
{padding-left: 0px;}

input[type="submit"], input[type="button"], input[type~="submit"], input[type~="button"] 
{padding:3px;}

.feedTable 
{padding-right: 190px !important;}

#bFooter p 
{margin-left:-1em !important;}

/*#header 
{margin-left: -1.1em !important;}*/

#header 
{margin-left: -1% !important;}

#myLink
{padding:0px !important; margin-left: -14% important; margin-left: -20% !important;}

.note_body
{margin-left: 70px !important;}

#bFooter, #fave #leftColumn
{margin:0px !important;}

#fave #leftColumn
{padding: 0px !important;}

#fave #rightColumn .c, #fave #rightColumn .bOpen
{padding-right: 410px !important;}

.commentItem
{margin-right: 200px !important;}

.questionOut, .questionOutTwo, .questionOutThree
{margin-right: 0px !important; padding: 0px !important;}

.wide_note 
{margin-left: -7% !important;}

.infotable 
{margin-left: 10px !important;}

.info .msgOld 
{margin-left: 20% !important;}

.addButton 
{margin-left: 75%;}

/* -- Absolute positioning */
#home 
{position:absolute;left:0px;top:0px;}

#checkboxFeedWrap 
{position:absolute; right:0px;}

.note .profile_thumb
{position:absolute !important;}

#fave #leftColumn 
{position: absolute; right: 0px;}

/* -- Vertical alignment */
.infotable .label 
{vertical-align:top;}

/* -- CSS Pseudoproperties */
a[onclick="return activity_editor.show();"]:before {content: "["}
a[onclick="return activity_editor.show();"]:after {content: "]"}

/* -- Trick for album photos */
#album 
{width: 90%;}

#album table td 
{display: inline;}

#album table td a
{display: block; float:left; width:150px !important; height:150px !important; text-align:center !important;}

#album table tr 
{display: inline;}

/* -- Tricks for the calendar */
#calendar table
{width: 90% !important;}

#calendar .rightArrow 
{float:right;}

.calPic img 
{padding-top: 7px !important;}

.dayNum
{padding-right: 2px; padding-bottom: 2px; padding-left: 1px; padding-top: 1px;}

.dayHead 
{background-color: #535d6c !important; color: #f0f0f0 !important;}

.dayCell, .dayCellLeft 
{background-color: #ffffff !important; border-right: 1px solid #cccccc !important; border-bottom: 1px solid #cccccc !important;}

.dayCellLeft 
{border-left: 1px solid #cccccc !important;}

.dayNum 
{background-color: #f0f0f0 !important; color: #535d6c !important; border-right: 1px solid #cccccc !important; border-bottom: 1px solid #cccccc !important;}

.dayMore 
{background-color: #535d6c !important; color: #f0f0f0 !important;}


/* ---------- CHANGING BEHAVIOUR ---------- */
div[id="banner1"],div[id="banner2"], a.ad_box, .ad_title, .ad_desc, a[href="http://vkontakte.ru/help.php?page=target"] 
{display:none !important;}

ul.bNav
{display:table !important;}

ul.bNav li
{display:table-cell !important;}

/* ---------- MAIN PAGE ELEMENTS ---------- */
#rightColumn, #group .left {width: 98% !important; float: left !important;  padding: 0px !important; margin: 0px !important;}
#leftColumn, #group .right {padding-right: 0em !important; padding-left: 1em !important;   float:right !important; position: absolute; right: 0px; border-left: 1px solid; text-align:left;} 

#group .left, #wrapHI {border: 0px none !important;}

.accountInfo, #personal, #education, #opinions, #audios, #wall, #places, #Events, #Groups, #career, #gifts, #military {padding-right: 19.5em !important;}

#group #information, #group #recentNews, #group #topics, #group #photos, #group #members {padding-right: 18em !important;}


/* ---------- SOME NEW FEATURES ----------  */
.comment, .comment div.body, .justComment, #commentArea {width: 100% !important;}
#photocomment, #photoaddcomment {width: 80% !important;}
#photoactions_container {float:right !important;}


/* ---------- TWEAKS AREA ------------
   ...................................
   These options are for your choice.
   You could comment out any of them.
   ...................................
 */

/* -------- Search box tweak */
#qdropdown {left: 86% !important; margin-right:14px; text-align:left !important;}
#qdrop{background-color:#f7f7f7 !important; border-left: 1px solid #cccccc !important;color:#535d6c !important;}
#qdrop:after {content: " <"}
div#quickSearch {text-align:left !important; padding:0px 0px 9px 9px; margin:0px 0px;}


/* -------- Profile link tweak
   .............................................................
    TIP: Replace /idxxxx with your id for full functionality.
   .............................................................
*/

#myprofile {position: absolute; top: 10px; left: 1em; width: 13em !important; font-weight: bold; font-size:11px;}
#myprofile *{background-color:#f7f7f7 !important; color: #DAE1E8; border-color: #f7f7f7 !important;}
#myprofile *:hover{background-color:#f7f7f7 !important;}
#myprofile .edit:before {content: "["}
#myprofile .edit:after {content: "]"}
#myprofile .edit {font-weight: normal;}
#nav li#myprofile a:hover{background-color:transparent !important; border-top-color: transparent !important;}
#topNav a[href="/idxxxx"] {display:none !important;}
#topNav {float:left; margin-left: 18em !important;}

/* -------- Collapse wall messages */
.wallpost .text {max-height:15em; overflow: auto !important;}

/* -------- Better group list */
#groups .aPad a {width: 95% !important; float: left !important; margin-top: 0.7em; display:list-item; margin-left: 5%; list-style-type:circle;}



/* ---------- EXPERIMENTAL AREA ------------
   .........................................
   This features are experimental, therefore,
   they could cause buggy pages or invalid
   behaviour. They are commented by default,
   but you can uncomment and test them.
   .........................................
 */

/* -------- Alternative "my"-bar position */
/*
#pageBody {width:100% !important;margin: 0px !important;}
#sideBar {width:100% !important;margin: 0px !important;border: 0px none; margin-right: -4% !important;}
#nav {text-align: center !important; float:left !important; padding-left: 4% !important;  width:96% !important;}
#nav li {display: table-cell; float:left; width: 13%;}
.moreDiv {display: none !important; width: 0px !important;}
#header {margin: 0px !important;} 
#nav li, #nav li a:hover, #nav li#myprofile a:hover{background-color:transparent !important; border-top-color: transparent !important;}
*/

}