@import url('reset.css') /* NoFollow */; 
@import url('reset.css') /* NoFollow */; 
/* Colors
Blue - #7FA1FF
Red - #B50000
Green - #6DCE40
Orange - #E8A929
Light - #EEE/#FFF
Dark - #333
*/
/* ============================================== General Styles & Typography */
body {
	font: 62.5% arial, helvetica, sans-serif;
	color: #333;
	background: #EEE;
	margin: 0;
   padding: 0;
   text-align: center;
}

h1 {
	font-size: 2.4em;
	color: #87A4FF;
}

h2 {
	font-size: 1.8em;
	color: #EAAA2A;
}

h3 {
	font-size: 1.6em;
	color: #B50000;
}

#google_ad {
	width: 100%;
	margin: 0 auto;
}

#Menu ul, #Panel ul, #nav ul {
	list-style: none;
}

#main {
	max-width: 1280px;
	min-width: 1102px;
	background: #FFF;
	margin: 0 auto;
	padding: 0 0 2em;
}
#head {
	background: #4A4A4A url(banner_back.gif) top left repeat;
	height: 117px;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	position: relative;
}

#head img {
	float: left;
	margin: 7px 8px;
}

#head p {
	float: right;
	margin: 99px 5px 0;
}

#search {
	position: absolute;
	top: 40px;
	right: 2em;
}

#Form_Search {
	height: 19px;
	width: 138px;
	padding: 2px 15px;
	border: 0;
	background: transparent url(input_back2.png) no-repeat;
}

* html #Form_Search {
	background: transparent url(input_back_ie6.png) no-repeat;
}

#Form_Go {
	margin: 0 0 0 12px;
	width: 103px;
	height: 20px;
	background: transparent url(search_button.png) no-repeat;
	border: 0;
	font-size: 0;
}

*+html #Form_Go, * html #Form_Go {
	font-size: 200px;
}

#Form_Go:hover {
	cursor: pointer;
}

#nav {
	background: #87A4FF url(menu_back.gif) top left repeat-x;
	min-height: 38px;
	font: 1.4em verdana, arial, helvetica, sans-serif;
	color: #FFF;
	border-bottom: 1px solid #EEE;
}

* html #nav {
	height: 38px;
	width: 100%;
}

#nav a {
	color: #FFF;
	text-decoration: none;
}

#nav li {
	float: left;
	padding: 10px 0 11px;
	border-right: 1px solid #6C6;
	background: #71CF44 url(menu_back.gif) top left repeat-x;
}

#nav li:hover {
	background: #71CF44 url(menu_back2.gif) top left repeat-x;
}

#nav li.last {
	border: 0;
}

#nav li a {
	padding: 10px 10px 11px;
}

#nav .lessons {
	display: block;
}

#Menu {
	width: 100%;
	background: #87A4FF;
}

#Menu a {
	color: #333;
}

#Menu li ul {
	background: #87A4FF;
	border: 1px solid #333;
}

#Body {
   width: 960px;
   text-align: left;
   margin: 15px auto 0 auto;
   font-size: 1.4em;
   }
#Content {
   float: left;
   width: 680px;
   margin: 0 0 40px;
}
h4, h5, h6 {
   font: 100% normal "Helvetica Neue",Helvetica,arial,sans-serif;
   margin: 0;
}
p {
   margin: 0.5em 0 0 0;
   line-height: 1.6em;
   font-family: "Helvetica Neue",Helvetica,arial,sans-serif;
}
h1, h2 {
   border-bottom: 1px solid #bbb;
   font-size: 140%;
   font-weight: bold;
   margin-bottom: 10px;
}
h3 {
   font-size: 140%;
}
h4 {
   font-size: 120%;
   color: #333333 /* Body Heading Font Color */;
}
h5 {
   font-size: 120%;
   color: #333333 /* Body Heading Font Color */;
}
a,
a:link,
a:visited,
a:active {
   text-decoration: none;
   color: #68CC38 /* Body Link Font Color */;
}

#Panel a, #Panel a:link, #Panel a:visited, #Panel a:active {
	color: #333;
}

a:hover {
   text-decoration: underline;
}
input.InputBox,
input.SmallInput,
textarea {
   font-family: arial;
   color: #222;
   font-size: 14px;
   padding: 3px;
   margin: 0;
   width: 250px;
   border: 1px solid #888;
}
input.SmallInput,
input.InputBox {
   font-size: 15px;
   padding: 6px 3px;
}
input.SmallInput:focus,
input.InputBox:focus,
textarea:focus {
   background: #ffe;
}
textarea {
   line-height: 128%;
}
select {
   font-family: arial;
   font-size: 14px;
   color: #222;
   margin: 0;
   padding: 3px;
   }
select.Day,
select.Year {
   margin-left: 4px;
}
.Button {
   cursor: pointer;
   margin: 0 0 0 0;
   font-family: Tahoma, 'Trebuchet MS', Arial, Verdana;
   padding: 4px;
   font-size: 11px;
   background: url('button_bg2.png') repeat-x center left #f8f8f8;
   color: #555;
   border: 1px solid #bbb;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   }
input.Button {
   font-weight: bold;
}
.Button:hover {
   color: #333;
   border: 1px solid #888;
}
.Hidden {
   display: none;
}
.Loading {
   height: 100px;
   padding: 0 20px;
   background: url('progress.gif') center center no-repeat;
}
.Progress {
   padding: 10px 40px 10px 0;
   background: url('progress.gif') center center no-repeat;
}
/* Note: Messages are the yellow notices that appear at the top/center of the
  page to notify users of things like drafts being saved, etc. */
div.Messages {
   text-align: center;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 200;
   margin: 0 !important;
   padding: 0 !important;
   list-style: none !important;
   font-size: 12px;
   display: block;
   width: 100%;
}
* html div.Messages {
  position: absolute;
  width: 100%;/*IE5.5*/
  top: 0;
  left: 0;
  overflow: visible; 
  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
}
div.Messages ul {
   cursor: pointer;
   width: auto !important;
   border: 0 !important;
   margin: 0 auto !important;
   padding: 4px 8px !important;
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   background: #ff9 !important;
   display:-moz-inline-stack;
   display:inline-block;
   zoom:1;
   *display:inline;
}
div.Messages ul li {
   text-align: left !important;
   border: 0 !important;
   color: #000 !important;
   padding: 0 !important;
   margin: 0 !important;
   list-style-position: outside;
}
div.Errors ul {
   background: #d50a0a !important;
}
div.Errors ul li {
   color: #fff !important;
}
/* Note: Warning, Alert & Info are simple boxes that can be used to wrap message
   strings & imply importance. */
.Warning {
   background: #ffc;
   border: 1px solid #ff9;
   color: #000;
   padding: 6px 8px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
.Alert {
   background: #d00;
   border: 1px solid #b00;
   color: #fff;
   padding: 3px 6px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
.Alert a {
   color: #fff;
}
.Alert a:hover {
   text-decoration: underline;
}
div.Info {
   font-size: 13px;
   background: #fafafa;
   border: 1px solid #eee;
   color: #888;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   padding: 6px;
   margin: 0 0 10px;
}
div.EmptyInfo {
   margin: 10px 0;
}
/* Note: The MessageModule (in /applications/garden/modules) wraps all messages
  that it renders in a div with this DismissMessage class. */
div.DismissMessage {
   margin: 6px 0 10px;
}
div.DismissMessage p {
   margin: 2px 0;
}
div.DismissMessage a.Dismiss {
   float: right;
   line-height: 120%;
   color: #999;
	padding: 2px 4px;
}
div.DismissMessage a.Dismiss:hover {
   background: #fafafa;
   border: 1px solid #ccc;
   color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 1px 3px;
}
/* Note: The close class is used on the "close" anchor in popups. */
a.Close {
   font-weight: bold;
   font-family: tahoma;
   font-size: 10px;
   text-transform: uppercase;
   color: #bbb;
   background: #f9f9f9;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   padding: 1px 4px 2px 5px;
   margin: 0;
   line-height: 100%;
   border: 1px solid #ddd;
}
a.Close:hover {
   border: 1px solid #bbb;
   color: #999;
   background: #fff;
}
/* Note: MorePager is related to the /applications/garden/modules/MorePagerModule. */
.MorePager {
   list-style: none;
   margin: 1px 0 0;
   padding: 3px 6px;
   text-align: right;
   background: #68CC38;
   }
.MorePager a {
   font-size: 13px;
   font-weight: bold;
   text-align: right;
}
.MorePager a:hover {
   color: #FFF !important;
   text-decoration: underline;
}
#PagerLess {
   margin-bottom: 1px;
}
tr#PagerMore td {
   border: 0;
   text-align: right;
}
#PagerMore {
   margin-bottom: 1px;
}


/* =================================================================== Header */


/* ================================================================ Main Menu */


/* =================================================================== Footer */
#Foot {
	width: 100%;
	margin: 6em 0 1em;
	font: 1em verdana, arial, helvetica, sans-serif;
	color: #333;
	text-align: center;
	clear: both;
}

#Foot a {
   color: #68CC38;
   text-decoration: underline;
}

#Foot li {
	display: inline;
	font-weight: bold;
	margin: 0 1em;
}

#Foot li a {
	text-decoration: none;
}

#Foot p {
	margin: 0;
	font: 1em verdana, arial, helvetica, sans-serif;
}

#Foot ul {
	margin: 1em 0;
}

/* ==================================================================== Forms */
form ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
form ul li {
   border-bottom: 1px solid #eee;
   margin-bottom: 10px;
   padding: 0px 0px 10px 3px;
   font-size: 12px;
   color: #555 /* Body Text Font Color */;
}
form ul li label {
   color: #222 /* Body Text Font Color */;
   float: left;
   display: block;
   width: 150px;
   font-size: 14px;
   padding: 6px 6px 0px 4px;
   }
body.Messages div.Popup form ul li label {
   width: 100px;
}
form ul li label.RadioLabel {
   float: none;
   display: inline;
   font-weight: normal;
}
table.Label tbody th {
   width: 140px;
}
form ul li table label {
   float: none;
   display: inline;
   width: auto;
}
body.Messages div.Popup form ul li label.CheckBoxLabel,
form ul li label.CheckBoxLabel {
   float: none;
   width: auto;
   display: block;
   font-size: 13px;
   cursor: pointer;
   margin: 0px;
   padding: 0px;
   line-height: 27px;
}
form ul li label.CheckBoxLabel input {
   margin: 7px 6px 4px 2px;
   padding: 0px;
   float: left;
}
form ul li label span {
   font-size: 11px;
   color: #999;
   padding-left: 6px;
   }
form li.RadioInput label {
   display: inline;
   }
input.SmallButton {
   cursor: pointer;
   margin: 0px 0px 0px 0px;
   font-size: 11px;
}
input.SmallInput {
   width: 80px;
}
/* FormTable */
table {
   width: 100%;
   border-collapse: collapse;
   margin: 10px 0;
}
table label {
   font-size: 12px;
   padding: 0px;
}
table tr.Last td,
table tr.Last th {
   border-bottom: 0px;
}
table th,
table td {
   font-weight: normal;
   font-size: 12px;
   color: #555 /* Body Text Font Color */;
   padding: 6px;
}
table thead th,
table thead td {
   border-bottom: 1px solid #c7cfe0;
}
table tbody th {
   font-weight: bold;
   color: #000;
}
table tbody th,
table tbody td {
   border-bottom: 1px solid #e2e6ef;
   line-height: 150%;
}
table tbody tr.FootNote td {
   background: #ff9;
   color: #454545;
   border-bottom: 0px;
}
table tbody tr.More th,
table tbody tr.More td {
   border-bottom: 0;
}
table.AltRows tbody tr.Enabled td.Info,
table.AltColumns tbody tr.Enabled td.Info,
table.AltRows tbody tr.Disabled td.Info,
table.AltColumns tbody tr.Disabled td.Info {
   color: #aaa;
}
table tbody td.Info span {
   padding: 0 6px;
}
table tbody td.Info strong {
   font-weight: bold;
   color: #000 /* Body Default Font Color */;
}
table thead th {
   font-weight: bold;
   font-size: 13px;
   line-height: 100%;
   color: #000 /* Body Heading Font Color */;
}
table input.Button {
   margin: 0px;
}
table.AltRows tr.Alt th,
table.AltRows tr.Alt td {
   background: #f8f8f8 /* Body Alt Background Color */;
}
table.AltColumns th.Alt,
table.AltColumns td.Alt {
   background: #f8f8f8 /* Body Alt Background Color */;
}
table.AltColumns tr.Alt {
   background: none;
}
table.AltColumns tr.Parent td,
table tr.Parent td {
   background: #ff9;
}
table tr.Child td.First {
   padding-left: 20px;
}
table tr.Highlight th,
table tr.Highlight td {
   color: #000;
}
table tbody td blockquote {
   margin: 0px;
   padding: 2px;
}
table.Sortable tbody td {
   cursor: move;
}
/* Status Rows - Certain tables have "Enabled" and "Disabled" rows (plugins, applications, themes) that need to override default styles */
table.AltRows tr.Enabled th,
table.AltRows tr.Enabled td,
table.AltColumns tr.Enabled th,
table.AltColumns tr.Enabled td {
   background: #ffd /* Discussion New Background Color */;
   color: #000 /* Body Default Font Color */;
}
table.AltRows tr.Disabled th,
table.AltRows tr.Disabled td,
table.AltColumns tr.Disabled th,
table.AltColumns tr.Disabled td {
   background: #f8f8f8 /* Body Background Color */;
}
/* CheckBoxGrid */
.CheckBoxGrid {
   margin: 10px 0px 10px 0px;
   width: auto;
}
.CheckBoxGrid a {
   display: block !important;
   padding: 5px 5px;
}
.CheckBoxGrid a:hover {
   background: #ff9;
   text-decoration: none;
}
.CheckBoxGrid th a,
.CheckBoxGrid td a,
.CheckBoxGrid th a:hover,
.CheckBoxGrid td a:hover {
   color: #555 /* Body Text Font Color */ !important;
}
.CheckBoxGrid td {
   text-align: center;
}
.CheckBoxGrid tbody th {
   font-weight: normal;
   padding: 0;
}
.CheckBoxGrid tbody th,
.CheckBoxGrid tbody td {
   vertical-align: middle;
}
.CheckBoxGrid thead th a,
.CheckBoxGrid thead th a:hover {
   color: #333333 !important;
}
.CheckBoxGrid thead td {
   padding: 0;
}
.CheckBoxGrid tbody th a span.Parent {
   background: url('parent_divider.gif') center right no-repeat;
   padding: 6px 10px 6px 0px;
   margin: 0px 6px 0px 0px;
}
.CheckBoxGrid th {
   width: 150px;
}
.CheckBoxGrid td {
   width: 50px;
}
.CheckBoxGrid th,
.CheckBoxGrid td {
   padding: 3px;
}
.CheckBoxGrid th.Alt,
.CheckBoxGrid td.Alt {
   background: #f8f8f8  /* Body Alt Background Color */;
}
/* CheckColumn */
.CheckColumn thead td a {
   display: block !important;
   padding: 6px 5px;
   color: #333333 !important;
   font-weight: bold;
}
.CheckColumn thead td a:hover {
   background: #f9f4c0;
   text-decoration: none;
   color: #333333 !important;
}
/* CheckBoxList */
.CheckBoxList {
   padding: 4px 0px 4px 0px;
}
.CheckBoxList li {
   border: 0px;
   margin: 0px;
   padding: 3px 0px 3px 0px;
   font-size: 11px;
}
.CheckBoxList li label.CheckBoxLabel {
   float: none;
   display: inline;
   width: auto;
   font-weight: normal;
   padding: 0px 0px 0px 0px;
}

/* ======================================================== Panels / Sidebars */
#Panel {
   width: 250px;
   float: right;
}
div.Box {
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   background: #68CC38  /* Panel Background Color */;
   color: #999  /* Panel Font Color */;
   padding: 6px 10px;
   margin: 0 0 10px 0;
}
div.Box h4 {
   font-size: 110%;
   color: #FFF  /* Panel Font Color */;
   font-weight: bold;
   margin: 0;
   padding: 0 0 1px;
   border-bottom: 1px solid #caf0fe  /* Panel Inlay Border Color */;
}
div.Box dl {
   border-bottom: 1px solid #caf0fe  /* Panel Inlay Border Color */;
   background: #f0fbff /* Panel Inlay Background Color */;
   padding: 3px;
   font-size: 90%;
   overflow: hidden;
}
div.Box dl dt {
   float: left;
   width: 80px;
   color: #FFF /* Panel Font Color */;
}
div.Box dl dd {
   margin-left: 80px;
}
div.Box p {
   font-size: 100%;
   padding: 0 0 4px;
   color: #555 /* Body Text Font Color */;
}
ul.PanelInfo {
	margin-bottom: 4px;
}
ul.PanelInfo {
   border-bottom: 1px solid #caf0fe;
}
ul.PanelInfo li {
   background: #f5fcff /* Panel Inlay Background Color */;
   padding: 2px 4px;
   font-family: tahoma;
   font-size: 80%;
}
ul.PanelInfo li strong {
	font-weight: normal;
   text-align: left;
   font-size: 120%;
   margin-right: 12px;
}
ul.PanelInfo li.Active {
   background: #fff;
}
#Panel a.PanelButton {
   padding: 6px 0;
   display: block;
   text-align: center;
   font-size: 16px;
   font-weight: bold;
   -moz-border-radius: 2px;
   -webkig-border-radius: 2px;
   background: #44c7f4 /* Banner Background Color */;
   color: #fff /* Banner Font Color */;
   text-decoration: none;
   margin: 0 0 10px 0;
}
#Panel a.PanelButton:hover {
   background: #11e420 /* Menu Hover Background Color */;
   color: #fff /* Menu Hover Font Color */;
}


/* ================================================= Dashboard Customizations */
#garden_settings_index #Content h3 {
   font-size: 120%;
   padding: 8px 0 0;
   margin: 10px 0 0;
   font-weight: bold;
}
#garden_settings_index #Content ul.RecentUsers,
#garden_settings_index dl {
   padding: 0;
   border-top: 1px solid #bbb;
	color: #222;
}
#garden_settings_index dl dt {
   font-size: 110%;
   font-weight: bold;
   padding: 8px 20px 8px 8px;
   width: 80px;
   text-align: right;
   float: left;
}
#garden_settings_index #Content ul.RecentUsers li,
#garden_settings_index dl dd {
   font-size: 110%;
   padding: 8px;
	color: #555;
   border-bottom: 1px solid #eee;
}
#garden_settings_index #Content ul.RecentUsers li {
   clear: left;
}
#garden_settings_index #Content ul.RecentUsers li.HasPhoto {
   line-height: 3.5;
}
#garden_settings_index #Content ul.RecentUsers li img {
   margin-right: 10px;
   float: left;
}
#garden_settings_index #Content ul.RecentUsers li a {
   margin-right: 10px;
   font-weight: bold;
}
#garden_settings_index h1 {
   border: 0 !important;
   line-height: 80%;
   margin-bottom: 0 !important;
}
#garden_settings_index p {
   font-size: 14px;
   line-height: 100%;
}
ul.BigList {
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   background: #f0fbff /* Panel Background Color */;
   padding: 8px;
   margin: 10px 0 0;
   border: 1px solid #dff4fc /* Panel Inlay Border Color */;
}
ul.BigList li {
	color: #0766a2;
   font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 30px;
   padding: 8px 0 8px 4px;
	list-style: decimal;
	text-shadow: 0 1px 0 #fff;
}

/* ============================================================= Entry Screen */
body.Entry {
   text-align: center;
}
body.Entry div.Panel {
   display: none;
}
body.Entry #Content {
   float: none;
   margin: 0;
   width: auto;
   text-align: center;
}
body.Entry #Leave {
   width: 400px;
   margin: 0 auto;
   background: #68CC38;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   padding: 10px 10px 0 10px;
   text-align: left;
}
body.Entry p.Leaving {
   background: url('progress.gif') left top no-repeat;
   padding-left: 50px;
}
body.register #Content,
body.signin #Content,
body.passwordrequest #Content,
body.passwordreset #Content,
body.Entry #SignIn,
body.Entry #Password,
body.Entry #Register,
body.Entry #Handshake {
   text-align: left;
   float: left;
   background: #68CC38 /* Panel Background Color */;
   -moz-border-radius: 1px;
   -webkit-border-radius: 2px;
   padding: 10px 10px 0 10px;
   margin: 0 0 15px;
}
body.Entry #SignIn,
body.Entry #Password {
   margin: 0 15px 15px 0;
}
body.Entry #Password p {
   width: 242px;
   overflow: hidden;
}
body.Entry #Content h1 {
   border-bottom:1px solid #CAF0FE;
   color: #FFF /* Panel Font Color */;
   font-size:110%;
   font-weight:bold;
   margin: 0 0 10px;
   padding:0 0 1px;
}
body.Entry p {
   padding:0 0 10px;
   color: #FFFFFF;
}
body.Entry form ul li {
   border: 0;
}
body.Entry #SignIn form ul li label {
   width: 80px;
}
body.Entry #Password form ul li label {
   width: 50px;
}
body.Entry #Register form ul li label {
   width: 130px;
}
body.Entry #SignIn form ul li label.CheckBoxLabel,
body.Entry #Register form ul li label.CheckBoxLabel {
   width: auto;
}
body.Entry input.DateBox,
body.Entry input.InputBox,
body.Entry textarea {
   width: 157px;
   margin-right: 10px;
}
body.Entry #Register input.DateBox,
body.Entry #Register input.InputBox,
body.Entry #Register textarea {
   width: 190px;
   margin-right: 10px;
}
body.Entry #Register form ul li label.BirthDate {
   width: 110px;
}
body.Entry span.Incorrect {
   display: block;
   color: red;
   padding-left: 140px;
}
div.InputButtons {
   margin: 6px 0 0 160px;
}
div.InputButtons a {
   margin-right: 6px;
}


/* ================================================ DataList (Search Results) */
body.Search h1 {
   margin:0;
}
ul.DataList li {
   margin: 0;
   padding: 0 0 4px 0;
   border-bottom: 1px solid #dbe3e6;
}
ul.DataList li li {
   border: 0;
   padding: 0;
}
ul.DataList,
ul.DataList li ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
ul.DataList li ul li.Title a {
   border: 1px solid #eee;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   background: #fafafa;
   margin: 4px 0;
   padding: 2px 8px;
   line-height: 130%;
   color: #2b3033;
   font-size: 105%;
   display: block;
}
ul.DataList li ul li.Title strong {
	display: block;
   padding: 6px 0 0 6px;
   margin: 0;
   font-size: 110%;
   font-weight: bold;
}
ul.DataList li ul li.Title strong a {
   display: inline;
   border: 0;
   padding: 0;
   margin: 0;
   color: #2d7bb2 /* Body Link Font Color */;
   background: none;
}
ul.DataList li ul li.Meta {
   font-family: tahoma;
   margin-left: 5px;
   font-size: 80%;
   color: #80828c /* Meta Label Font Color */;
}
ul.DataList li ul li.Meta span,
ul.DataList li ul li.Meta span a,
ul.DataList li ul li.Meta strong {
   margin-right: 12px;
}
ul.DataList li ul li.Meta strong {
   background: #ff0;
   padding: 0 2px;
}
ul.DataList li ul li.Meta a {
   color: #2b2d33;
}


/* ========================================================= User Search Page */
#garden_user_index div.Info .InputBox {
   margin-right: 6px;
}
#garden_user_index div.Info .Button {
   margin-right: 20px;
}