/* @override 
	http://localhost:3000/stylesheets/screen.css
	http://test.starterspark.com/stylesheets/screen.css
*/

/* 
Title: lucispark.de master css for screen media
Author: kontakt@benjaminrabe.de
Colors used: 
	#000000(body)
	…
*/

/* @group global tag definitions */

*{
	font-family: Trebuchet MS, sans-serif, Verdana, Arial;
}

body{
	background: #d0dcb2;
	color: #222;
}

a, a:visited{
	color: #47a4b2;
	text-decoration: underline;
}

a:hover{
	color: #566c11;
	text-decoration: underline;
}

#sparkDeedsworld a{
	color: #697b2a;
}

#sparkDeedsworld a:hover{
	color: #333;
}

a.sparkInpageSmall{
	font-size: 0.8em;
	text-decoration: none;
}

a.sparkInpageSmall:hover{
	text-decoration: underline;
}


p{
	padding: 0 0 3px 0;
        line-height: 1.4em;
}


#sparkIdeasworld form p, #sparkDeedsworld form p{
	display: block;
	color: #4C4C4C;
	padding: 5px 0;
	margin: 5px 0;
	width: 100%;
	}

#sparkDeedsworld form p{
	padding: 20px 0 0 0;
	}

#sparkDeedsworld form p.sparkIndent{
	margin: 0;
	margin-left: 70px;
	border-top: none;
	}

label{
	margin: 15px 0 0 0;
	padding: 0 0 4px 0;
	display: block;
	color: #444;
	font-size: 12px;
	}

/*#text_entry label{
  text-indent: 68px;
}
*/
label.parkSmall {
  display: inline;
}

input, textarea{
	width: 460px;
	vertical-align: top;
	font-size: 14px;
	margin: 0;
	padding: 2px;
}

form p input{
	width: auto;
}

button, div.sparkButton {
	background: transparent url(/images/btn_left_inactive.png) no-repeat;
	border: none;
	height: 22px;
	padding: 0 0 0 10px;
	margin: 0;
	cursor: pointer;
	vertical-align: middle;
	clear: both;
}

button::-moz-focus-inner {
padding: 0;
border: 0;
}

div.sparkButton {
  margin: 5px 0 15px 0;
}


button span, div.sparkButton a{
	background: transparent url(/images/btn_right_inactive.png) top right no-repeat;
	height: 23px;
	display: block;
	margin: 0;
	color: #FFF;
	font-size: 14px;
	padding: 2px 23px 0 0;
	white-space: nowrap;
}

div.sparkButton a{
	display: table-cell;
	color: #FFF!important;
	text-decoration: none;
	width: auto;
}



#sparkLogo{
  	background: url(../images/logo.png) no-repeat 0px 5px;
	text-indent: -9000px;
	float: left;
	padding: 0;
	clear: both;
	position: relative;
	left: -10px;
	top: -10px;
}

#sparkLogo a{
	height: 80px;
	width: 275px;
	display: block;
}

h1, h2, h3, h4, h5, h6{
	color: #444!important;
	font-family: Trebuchet MS;
}

h1, #header, #sparkDeedsHeader{
	font-size: 1.4em;
	padding: 5px 0 10px 0;
	color: #444;
	clear: both;
	margin: 0;
	display: block;
	font-weight: bold;
}

#sparkDeedsHeader{
	position: relative;
	width: 480px;
}

#sparkDeedsHeader .sparkInpageLink{
	position: absolute;
	right: 10px;
	top: 0;
	color: #FFF;
}



h2, h4{
	font-size: 15px;
	padding: 0;
	color: #000;
	vertical-align: bottom;
	position: relative;
	}

h1 input, h2 input{
	width: auto;
	vertical-align: bottom;
	margin: 0 0 0 5px;
}

h2{
	
	padding: 15px 0 5px 0;
}

h2 a{
	margin: 0;
	font-family: Trebuchet MS;
	text-decoration: underline;
}

h2 a.sparkInpageLink{
	position: absolute;
	top: 0;
	right: 0;
}


h3{
	font-size: 14px;
	text-transform: uppercase;
	padding: 20px 0 5px 0;
	clear: both;
}

h4{
	padding: 10px 0 5px 0;
}

h4 em{
	font-size: 22px;
}

h5{
	font-size: 13px;
	border-bottom: 2px dotted #FFF;
	padding: 0 0 7px 0;
}

em{
	font-size: 0.88em;
	font-style: normal;
	color: #333;
}


form{
	margin: 0;
}

li {
  line-height: 1.4em;
}

ul li{
	margin: 0 0 10px 0;
}

#sparkSidebar ul{
	margin: 0 0 10px 0;
}

#sparkSidebar ul li{
	display: block;
}

#sparkSidebar h2{
  clear: both;
}

blockquote.sparkIntroText{
  font-size: 12px;
}

.quote {
  font-size: 18px;
  color: #333;
}

/* @end */

/* @group yui grid add-ons */


.sparkDoc2 {
	width: 73.074em;
	*width: 71.313em;
	display: block;
}/*CHECK if that's a wise naming*/

#bd{
	min-height: 25px;
}



#sparkIdeasworld{
	background: transparent url(../images/bg_body_deeds.png) bottom repeat-x;
	clear: both;
}

#sparkIdeasworld div.sparkDoc2{
	padding: 0 0 10px 0;
}

#sparkIdeasworld div.home{
	background: url(../images/visual_big.png) bottom center no-repeat!important;
	padding: 0 0 45px 0;
}

#sparkIdeasworld div.sub{
	background: url(../images/visual_small.png) bottom right no-repeat!important;
	padding: 0 0 40px 0;
}

#sparkDeedsworld{
	background: #d0dcb2;
	padding-top: 5px;
}
#sparkIdeasworld.yui-b{
	margin: 20px 0 0 0!important;
}
#sparkDeedsworld div.sparkDoc2{
	background: url(../images/bg_deedsworld____.png) top right no-repeat;
	padding: 2px 0 0 0;
}




/*modified the #bd to .bd to suit our layout*/
.bd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.bd {
	zoom: 1;
	min-height: 25px;
}


#ft{
	margin: 20px 0 0 0;
	padding: 10px 0;
	font-size: 12px;
}


.yui-t5 .yui-b {
	float: right;
	width: 17.4608em;
	*width: 17.016em;
}


/* @end */

/* @group layouts */

p.sparkLogline, .sparkTeaser{
	color: #8D8D8D;
	font-size: 17px;
	padding: 1px 50px 20px 0px;/*CHECK floating bug*/
	line-height: 1.4em;
	font-family: Trebuchet MS;
}

p.sparkLogline a{
	text-decoration: underline;
}

.sparkIntroText{
	font-size: 18px;
	padding: 0 100px 0 29px;
	margin: 0 0 35px 0;
	color: #666;
        line-height: 1.2em;
}

h2.sparkIntroHead{
	font-size: 24px;
	margin: 30px 0 5px 29px;
	color: #75bbc5!important;
	font-weight: lighter;
}

h2.sparkIntroHeadDeeds{
	text-align: right;
	margin-top: 20px;
	margin-right: 125px;
	color: #697b2a!important;
}

h2.sparkIntroHeadDeeds a,
h2.sparkIntroHeadDeeds a:hover,
h2.sparkIntroHeadDeeds a:visited,
h2.sparkIntroHead a,
h2.sparkIntroHead a:hover,
h2.sparkIntroHead a:visited {
	text-decoration: none;
}

.sparkHomeIndention{
	margin-left: 180px;
	padding-top: 0;
}

.sparkHomeIndention a.sparkHomeIndentionHeader, 
.sparkHomeIndention a:hover.sparkHomeIndentionHeader,
.sparkHomeIndention a:visited.sparkHomeIndentionHeader
{
  text-decoration: none;
}

.sparkHeadlineHome{
	margin-top: 30px;
}

.sparkTeaser{
	color: #444;
	padding: 0;
	font-size: 15px;
	margin: 10px 0 5px 0;
}

#sparkStoryteller{
	position: relative;
	left: 40px;
	top: 0;
}


ul.sparkMainnav{
	text-align: right;
	padding: 0;
	margin: 0;
	font-size: 14px;
	float: right;
}

ul.sparkMainnav li{
	padding: 0;
	margin: 0 10px;
	float: left;
}

ul.sparkMainnav li a,ul.sparkMainnav li a:visited{
	margin: 0;
	padding: 5px 10px;
	line-height: 20px;
	text-decoration: none;
	color: #666;
}


ul.sparkMainnav li a:hover, .tabSelected{
	border-bottom: 3px solid #ffca4c;
}


ul.sparkMainnav li.tab{
	background: #d7e6e8 url(/images/bg_tabright_main.png) bottom right no-repeat;
	margin: 0 0 0 4px;
	font-size: 12px;
}

ul.sparkMainnav li.tab a{
	background: url(/images/bg_tableft_main.png) bottom left no-repeat;
	
}



.sparkCommentBubble{
	background: url(/images/bg_comments.gif) 65px 5px no-repeat;
	padding: 0 0 0 70px;
	margin: 0;
	display: block;
}

#sparkuHeader .sparkCommentBubble{
	background: url(/images/bg_comments.gif) 75px 35px no-repeat;
	padding-left: 80px;
}

.sparkCommentBubble label {
  margin: 0;
}

.sparkCommentBubble p{
	margin: 0;
	padding: 0 5px;
  	border: none;
	line-height: 1.5em;
}

.sparkCommentBubble fieldset {
  padding: 10px 5px 10px 0px;
}


.sparkDeedDescription{
	padding: 0 60px 10px 70px;
	background-image: none;
	margin: 0;
}

.sparkDeedDescription p{
	border: none;
	padding: 0;
}

.sparkCommentBubble textarea{
	width: 90%;
	margin: 0 0 10px 0;
}



p.metadata{
	background-image: none;
	text-indent: 0;
	
}

#sparkVisualBig{
	position: relative;
	
}

/* @end */

/* ^----Ideasworld | Deedsworld ----v */

.sparkDeedImage{
	background: #FFF;
	padding: 3px;
	margin: 0 10px 5PX 0;
	border: 1px solid #EAEAEA;
	float: left;
	}

/* @group ideas */

ul.sparkListTwocols li{
	width: 340px;/*check if fixed width is a nice thing here*/
	float: left;
	display: table-cell;
}

ul.sparkListTwocols li p,ul.sparkShortlist li p{
	float: left;
	width: 270px;
}

ul.sparkShortlist li p{
	width: 360px;
	margin: 0;
	padding: 0;
}

ul.sparkListTwocols li.sparkFirst{
	clear: both;
}

#sparkIdeaHeader{
	margin-bottom: 10px;
}

#sparkIdeaHeader h1{
	padding-bottom: 5px;
	width: 500px;
}

/* @group IdeaPoster */

#sparkIdeaposter{
	clear: both;
	width: auto;
	background:  url(/images/bg_ideaposter.png) right 68px no-repeat;
	padding: 0 0 8px 0;
	z-index: 110;
	position: relative;
	}

#sparkIdeaposter label{
	margin-top: 5px;
	font-size: 14px;
	}

#sparkThestrip{
	position: absolute;
	top: -15px;
	left: -25px;
	background: transparent;
	z-index: 200;
	border-style: none;
}


#sparkIdeaCollector{
	background: #d7e6e8;
	border: 1px solid #FFF;
	padding: 10px;
}

#sparkIdeaCollector input.sparkPoster{
	font-size: 1.2em;
	padding: 2px;
	color: #555;
	font-weight: bold;
	width: 95%;
	height: 15px;
	display: inline;
	position: relative;
	z-index: 99999;
}

#sparkIdeaposter div.sparkRipping{
	padding: 0;
	margin: 0 0 0 0;
	position: absolute;
	top: 63px;
	left: 0;
	width: 100%;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background: transparent url(../images/bg_ideaposter_ripoff.png) left bottom no-repeat;
}

.sparkRipping p{
	font-weight: bold;
	margin: 0 0 30px 0;
	text-indent: 4px;
}

#sparkIdearipoff{
	z-index: 60;
	background: transparent;
	position: static!important;
}


#sparkIdearipper,
#sparkIdearipperAddon{
	z-index: 70;
	background:  url(../images/bg_ideaposter_active.png) left bottom no-repeat!important;
	
}


#sparkIdearipper input,#sparkIdearipperAddon input{
	margin: 2px;
	width: 95%;
}

#sparkIdearipper form p{
	width: 100%;
	}


#sparkIdearipper strong{
	font-size: 1.5em;
	color: #9daa39;
	padding: 0;
}

#parkPasswordFieldWrapper{
	margin: 0;
	padding: 0;
}

#sparkIdeaLog{
	clear: both;
	padding: 10px 0;
	
	color: #8D8D8D;
}


/* TODO Remove this style, when the Idea-Poster gets removed */
#idea_title_remaining_token_count{
	margin: 0;
	color: #999;
	font-size: 11px;
	text-align: right;
	position: absolute;
	right: 33px;
	top: 0px;
}

#spark_title_remaining_token_count{
	color: #999;
	font-size: 11px;
}
/* @end */

/* @end */

/* @group shared */


#sparkToolbox{
	background: #d7e6e8 url(/images/bg_poster.png) repeat-x;
	display: block;
	padding: 5px 10px;
	margin: 0!important;
	border: 1px solid #FFF;
}

#sparkToolbox li{
	padding: 0;
	margin: 10px 0!important;
	}

#sparkToolbox li a, a.sparkIntroLinks{
	background: transparent url(/images/icn_link_big.png) 0 2px no-repeat;
	padding-left: 18px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	}


ul.sparkListDetail{
	margin: 10px 0;
}

ul.sparkListDetail li{
	display: inline;
}

ul.sparkUserCloud li{
	float: left;
}

#sparkEventList li{
	padding: 0 0 0 25px;
	background: url(../images/icn_entry.png) top left no-repeat;
}

ul.sparkSparksList li{
	padding: 0 0 0 12px;
	background: url(../images/icn_link.png) 3px left no-repeat;
}

ul.sparkShortlist {
	clear: both;
	margin-top: 10px;
}

ul.sparkShortlist strong{
	color: #333;
}


ul.sparkShortlist li, ul#sparkShortlistDeeds li{
	padding: 0;
	margin: 0 0 2px 0;
	position: relative;
	line-height: 1.4em;
}

.sparkVeryShortlist {
  margin-bottom: 10px;
}

.sparkVeryShortlist.li {
	margin: 0 0 5px 0;
}

.sparkVeryShortlist li.ideas{
	background: url(/images/bullet_ideas.png) no-repeat;
	/*padding: 0 0 0 20px; Datumsabschaltung */
        padding: 0 0 5px 20px; 
}

.sparkVeryShortlist li.deeds{
	background: url(/images/bullet_deeds.png) no-repeat;
	/*padding: 0 0 0 20px; Datumsabschaltung */
        padding: 0 0 5px 20px; 
}

ul#sparkShortlistDeeds li{/*todo rename coz it's used on normal list too*/
	background-image: none;
	padding: 7px 0;
	margin: 0;
	clear: both;
}

ul#sparkShortlistDeeds li:last-child{/*todo rename coz it's used on normal list too*/
	
	border-bottom: none;
}

ul#sparkShortlistDeeds li img{
	float: left;
	margin: 0px 10px 5px 0;
}

ul#sparkShortlistDeeds li strong{
	font-size: 14px;
}



ul.sparkShortlist li span a:hover{
	color: #333;
}

ul#sparkShortlistDeeds{
	
}

ol.sparkAboutUsList li {
  list-style-type: decimal;
  margin-left: 40px;
}

textarea#sparkSearchQuery,
input#sparkSearchQuery,
input#sparkLocalSearchAddress,
textarea#sparkLocalSearchAddress {
  height: 1.0em;
  width: 100px;
}


ul.sparkTagCloud {
	clear: both;
	padding: 0;
	margin: 0;
}

#sparkSidebar ul.sparkTagCloud li,
ul.sparkTagCloud li {
	display: inline;
	vertical-align: bottom;
}

ul.sparkTagCloud li a{
	text-decoration: none;
	margin: 4px 10px 4px 0;
}



div.diggable:hover{
}

/*div.sparkDigga span {
	position: relative;
	top: 5px;
	left: 10px;
}*/

div.sparkDigga a{
	background: url(../images/btn_vote.png) top left no-repeat;
	background-color: transparent !important;
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	text-decoration: none;
	padding: 5px 0 0 9px;
}

.sparkDiggaVoted {
	background: url(../images/btn_vote_voted.png) top left no-repeat;
	background-color: transparent !important;
	width: 30px;
	height: 30px;
	display: block;
	text-decoration: none;
	display: block;
	float: left;
	padding: 6px 0 0 9px;
}

div.sparkDigga span a:hover{
	background: url(../images/btn_vote_active.png) 0px 0px no-repeat;
	
}

/*div.sparkDigga span,div.sparkDigga span a{
	text-decoration: none;
	width: 40px;
	height: 40px;
	display: block;
	
}*/

#sparkSidebar,.sparkSidebar{
	padding: 5px 0 0 0;
}

#sparkSidebar li{
	margin: 0;
}

#sparkMap{
	border: 3px solid #697b2a;
	margin: 5px 0 10px 0;
}

hr.line{
	height: 1px;
	border: none;
	border-top: 1px solid #FFF;
	background: transparent;
	margin: 0;
	padding: 0;
}


a.sparkInpageLink{
	font-size: 12px;
	background: url(../images/bg_inpagelink.png) 0px 2px no-repeat;
	font-weight: bold;
	display: inline-table;
	text-align: left;
	margin: 5px 0;
	padding: 0 0 0 13px;
	text-decoration: underline;
}

.pagination{
	margin: 0;
	padding: 5px 0;
	font-weight: bold;
	color: #444;
	display: block;
	text-align: right;
	clear: both;
	position: absolute;
	top: 2px;
	right: 20px;
	font-size: 12px;
}

.pagination a{
	margin: 0 2px;
	text-decoration: underline;
}

.paginationBottom a{
	margin: 0 2px;
	text-decoration: underline;
	color: #697b2a!important;
}

.paginationBottom{
	border-bottom: none;
	border-top: 1px solid #697b2a;
	color: #697b2a;
	position: static;
	margin-top: 10px;
}

p.sparkShowMoreLink {
	text-align: right;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px 0;
	position: relative;
	top: -10px;
}


#sparkHelpBubble{
	position: absolute;
	left: 480px;
	top: -30px;
	width: 300px;
	background: url(/images/bg_sparkhelpbubble.png) 0 20px no-repeat;
	padding: 20px;
	font-size: 18px;
	line-height: 24px;
	color: #666;
}

.sparkHelpBubble{
	width: 100%;
	background: #FFF url(/images/bg_white_transparent.png);
	padding: 10px;
	margin: 40px 0 0 0;
	font-size: 13px;
	line-height: 24px;
	color: #666;
	border: 2px solid #d9e3b4;
	position: relative;
}

.sparkHelpBubble h4 {
	padding-top: 0;
}

.sparkHelpBubble img{
	position: absolute;
	left: -19px;
	top: 15px;
}

#sparkWantToHelp,#sparkWantToHelp form,#sparkWantToHelp p{
	width: 160px;
}

.sparkEmptyContent{
	padding: 10px 5px;
	margin: 10px 0;
	background: #edf6d5!important;
	border: 1px dotted #697b2a;
}

#sparkLogbook form{
	background: #d7e6e8;
}

#sparkLogbookDeeds form{
	background: #c1ce97;
}

#sparkLogbook form img,#sparkLogbookDeeds form img{
	margin: 30px 0 0 10px;
}

#sparkLogbook{
	margin: 20px 0 20px 0;
	background: #FFF;
}

#sparkLogbook ul{
	padding: 10px;
	border: 1px solid #d7e6e8;
	border-top: none;
	background: #FAFAFA;
}

#sparkLogbookDeeds ul{
	padding: 10px;
	border: 1px solid #d7e6e8;
	border-top: none;
	background: #edf6d5;
}

#sparkLogbookDeeds ul{
	border: 1px solid #c1ce97;
}

form.sparkInpageSearch, form.sparkInpageSearchDeeds{
	position: relative;
	margin: 5px 0;
}


form.sparkInpageSearch div.sparkButton,form.sparkInpageSearchDeeds div.sparkButton{
	position: absolute;
	top: 0;
	left: 340px;
	margin: 0;
}

form.sparkInpageSearchDeeds input{
	width: 150px!important;
}

#image_entry{
	display: block;
	padding: 0 10px;
}

#image_uploaded_data{
	margin: 10px 0;
}

/* @group inplaceeditor */

form.inplaceeditor-form input,form.inplaceeditor-form textarea{
	width: 340px;
	margin: 0 10px 10px 0;
}


.editor_ok_button, a.editor_cancel{
	width: auto!important;
}

/* @end */

/* @end */

/* @group helper */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

sparkClearBoth{
	clear: both;
}

/* @end */

/* @group temp */

.sparkFormWidthReset{
	width: auto;/*check needed coz all inputfields have same width*/
}

#parkDebugg{
	color: #CCC;
	font-size: 0.7em;
	margin: 20px 0 0 0;
}

.tempGrey{
	background: #DDD;
}

.parkPanel{
	background: #FFF;
	margin: 15px 0;
	float: left;
	border: 2px dotted #DDD;
}

textarea{
	height: 100px;
}

#sparkChannel{
	padding: 5px 60px 5px 0;
	font-size: 12px;
	text-align: center;
	background: #c4d7e4 url(/images/bg_bspBadge.gif) top right no-repeat;
	border-bottom: 2px solid #566C11;
	color: #444;
/*	display: none; */
}

#sparkChannel a{
	color: #444;
	font-weight: bold;
	font-size: 15px;
	padding: 0 5px;
}

#sparkBackdrop{
	background: url(/images/bg_backdrop.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

#sparkToolboxposter{
	background: url(/images/bg_ideaposter.png) bottom right no-repeat;
	padding-bottom: 12px;
	position: relative;
}

.sparkSearchEm{
	background: #d7e6e8;
	padding: 10px;
	margin: 0 0 20px 0;
}

.sparkSearchEmDeeds{
	background: #c1ce97;
	padding: 0 10px;
	margin: 40px 0 20px 0;
}

#bspBadge{
	position: absolute;
	right: 0;
}

/* @end */

form#parkNewImageForm,
form#parkAjaxRemoteForm {
  position: absolute;
  background-color: #FFF;
  border: 1px solid #BBB;
  padding: 5px;
}

form#parkNewImageForm input,
form#parkAjaxRemoteForm input {
  border: 1px solid #CCC;
}

img.parkPolaroid {
	padding: 5px 5px 10px 5px;
	margin: 0 5px 5px 0;
	background: #FFF;
	border: 1px solid #EAEAEA;
	float: left;
}

img.sparkDeedowner {
	border: 3px solid #bdbdbd;
	margin: 0 5px 5px 0;
}

fieldset {
	position: relative;
}

div.auto_complete {
  width: 350px;
  background: #fff;
  z-index: 10;
}

div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li {
  margin:0;
  padding:3px;
}

div.auto_complete ul li.selected {
  background-color: #ffb;
}

div.auto_complete ul strong.highlight {
  color: #800;
  margin:0;
  padding:0;
}

#sparkDeedInfo {
 position: relative; 
 top: 5px;
 left: 0px;
 z-index: 50;
 background: #697b2a;
 padding: 3px;
 text-indent: 5px;
 width: 450px;
 display: block;
 color: #FFF;
 font-size: 0.88em;
}

.sparkError {
  border: 2px solid #ff0000;
  color: #4c4c4c;
  background-color: #fff;
  padding: 10px;
}

.sparkError h2 {
  color: #4c4c4c;
  border: none;
  padding-bottom: 5px;
}

.sparkError p {
  display:none;
}

.sparkError li {
  list-style-position: inside;
  list-style-type: disc;
}

.sparkFlashInfo {
  background-color: #45718E;
  color: #FFF;
}

.sparkFlashError {
  background-color: #FFC6B3;
}

#sparkMainLabel {
  display: inline;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.6em;
  vertical-align: top;
  margin: 0;
}

#badge_text {
  position: absolute;
  right: 0;
  width: 164px;
  height: 28px;
}