-a {\r
- color: #0000ff;\r
- text-decoration: none;\r
-}\r
-a:visited {\r
- color: #0000ff;\r
- text-decoration: none;\r
-}\r
-a:active {\r
- color: #0000ff;\r
- text-decoration: none;\r
-}\r
-a:link {\r
- color: #0000ff;\r
- text-decoration: none;\r
-}\r
-a:hover {\r
- color: #0000ff;\r
- text-decoration: underline;\r
-}\r
-\r
-#frontpage_main {\r
- width: 100%;\r
- text-align: center;\r
- font-family: sans-serif;\r
-}\r
-\r
-\r
-#frontpage_MAIN h1 {\r
- font-size: xx-large;\r
- font-weight: normal;\r
-}\r
-\r
-body {\r
- font-family: Arial,sans-serif;\r
- color: Black;\r
- margin: 0;\r
- padding: 0;\r
-}\r
-\r
-#left {\r
- position: absolute;\r
- top: -8px;\r
- min-width: 150px;\r
-}\r
-\r
-#logo {\r
- width: 150px;\r
- min-width: 150px;\r
- padding: 10px;\r
- margin: 10px;\r
- height: 150px;\r
- background: #ffffff;\r
- border: 1px solid #ccccdd;\r
-}\r
-#logo h1 {\r
- font-size: 14px;\r
- text-align: center;\r
- margin: 0;\r
-}\r
-#logo h2 {\r
- font-size: 10px;\r
- margin: 0;\r
-}\r
-\r
-#greeting {\r
- float: right;\r
- padding-right: 10px;\r
- padding-top: 2px;\r
- padding-bottom: 3px;\r
- font-size: 13px;\r
- background: url('/images/tab_bottom.gif') repeat-x bottom;\r
-}\r
-\r
-#intro {\r
- width: 150px;\r
- margin: 10px;\r
- padding: 10px;\r
- border: 1px solid #ccc;\r
- font-size: 11px;\r
-}\r
-\r
-#alert {\r
- width: 150px;\r
- margin: 10px;\r
- padding: 10px;\r
- border: 1px solid #ccc;\r
- background: #d00;\r
- line-height: 1.2em;\r
- text-align: left;\r
- font-size: 14px;\r
-}\r
-\r
-.left_menu {\r
- width: 150px;\r
- min-width: 150px;\r
- margin: 10px;\r
- padding: 10px;\r
- border: 1px solid #ccc;\r
- left: 0px;\r
- background: #ddd;\r
- line-height: 1.2em;\r
- text-align: Left;\r
- font-size: 14px;\r
- font-weight: bold;\r
-}\r
-\r
-.left_menu td {\r
- font-size: 12px;\r
- padding-right: 4px;\r
-}\r
-\r
-.left_menu h1 {\r
- font-style: normal;\r
- font-size: 15px;\r
- padding: 0 0 0 1em;\r
- text-align: left;\r
-}\r
-\r
-.left_menu ul {\r
- /*list-style: none;*/\r
- padding-left: 10px;\r
- margin: 0;\r
-}\r
-\r
-.left_menu li {\r
- margin:0;\r
- padding:0;\r
-}\r
-\r
-.left_menu img {\r
- margin: 2px 8px 0 0;\r
-}\r
-\r
-.left_menu a {\r
- color: #000000;\r
- text-decoration: none;\r
-}\r
-\r
-.left_menu a:visited {\r
- color: #000000;\r
- text-decoration: none;\r
-}\r
-\r
-.left_menu a:active {\r
- color: #000000;\r
- text-decoration: none;\r
-}\r
-\r
-.left_menu a:link {\r
- color: #000000;\r
- text-decoration: none;\r
-}\r
-\r
-.left_menu a:hover {\r
- color: #000000;\r
- text-decoration: underline;\r
-}\r
-\r
-#messages {\r
- border: 1px solid #ccc;\r
-}\r
-\r
-\r
-#content {\r
- padding: 0;\r
- margin: 0;\r
- position: absolute; \r
- left: 192px;\r
- right: 10px;\r
- top: 35px;\r
- bottom: 10px;\r
- line-height: 1.2em;\r
- text-align: left;\r
-}\r
-\r
-#bottom_bar {\r
- position: absolute;\r
- bottom: 0px;\r
- width: 100%;\r
- font-size: x-small;\r
- text-align: center;\r
-}\r
-\r
-#mapImage {\r
- position: absolute;\r
- left: 0px;\r
-}\r
-#drag {\r
- top: 0px;\r
- left: 14px;\r
-}\r
-\r
-#mapEpilog {\r
- font-size: x-small;\r
-}\r
-\r
-#keyvalue {\r
- font-size: small;\r
- text-align: left;\r
- border-collapse: collapse;\r
- border-width: 0;\r
-}\r
-\r
-#keyvalue.th {\r
- font-weight: bold;\r
-}\r
-\r
-.emphasized {\r
- background-color: #82bcff;\r
-}\r
-\r
-\r
-#header {\r
- float:left;\r
- width:100%;\r
- background:#DAE0D2 url("bg.gif") repeat-x bottom;\r
- font-size:93%;\r
- line-height:normal;\r
-}\r
-#header ul {\r
- margin:0;\r
- padding:10px 10px 0px 215px;\r
- list-style:none;\r
-}\r
-#header li {\r
- float:left;\r
- /*background:url("left.gif") no-repeat left top;*/\r
- margin:0;\r
- padding:0 0 0 9px;\r
-}\r
-#header li a {\r
- float:left;\r
- display:block;\r
- /*background:url("right.gif") no-repeat right top;*/\r
- padding:5px 15px 4px 6px;\r
- text-decoration:none;\r
- font-weight:bold;\r
- color:#765;\r
-}\r
-/* Commented Backslash Hack\r
-hides rule from IE5-Mac \*/\r
-#header li a {float:none;}\r
-/* End IE5-Mac hack */\r
-#header li a:hover {\r
- color:#333;\r
-}\r
-#header #current {\r
- /* background-image:url("left_on.gif"); */\r
-}\r
-#header #current a {\r
- background-image:url("right_on.gif");\r
- color:#333;\r
- padding-bottom:5px;\r
-}\r
-\r
-#tabnav\r
-{\r
- height: 20px;\r
- margin: 0;\r
- padding-left: 215px;\r
- padding-top: 5px;\r
- background: url('/images/tab_bottom.gif') repeat-x bottom;\r
-}\r
-#tabnav li\r
-{\r
- margin: 0; \r
- padding: 0;\r
- display: inline;\r
- list-style-type: none;\r
-}\r
-#tabnav a, #tabnav a:link, #tabnav a:visited \r
-{\r
- float: left;\r
- background: #f3f3f3;\r
- font-size: 13px;\r
- line-height: 14px;\r
- font-weight: bold;\r
- padding: 2px 10px 2px 10px;\r
- margin-right: 4px;\r
- border: 1px solid #ccc;\r
- text-decoration: none;\r
- color: #333;\r
-}\r
-#tabnav a:link.active, #tabnav a:visited.active\r
-{\r
- border-bottom: 1px solid #fff;\r
- background: #fff;\r
- color: #000;\r
-}\r
-#tabnav a:link:hover\r
-{\r
- background: #fff;\r
-}\r
-\r
-#gads {\r
- /* position: absolute; */\r
- left: 100px;\r
- width: 700px;\r
- text-align: center;\r
- font-size: 10px;\r
-}\r
-\r
-\r
-.gpxsummary {\r
- font-size: 12px;\r
- color: gray;\r
-}\r
-\r
-.gpxdesc {\r
- font-style: italic;\r
-}\r
-\r
-.table0 { \r
- background: #f6f6f6;\r
-}\r
-\r
-.table1 { \r
- background: #fff;\r
-}\r
-\r
-\r
-.optionalbox {\r
- width: 150px;\r
- min-width: 150px;\r
- margin: 10px;\r
- padding: 10px;\r
- border: 1px solid #ccc;\r
- left: 0px;\r
- line-height: 1.2em;\r
- text-align: Left;\r
- font-size: 12px;\r
- background: #eee;\r
-}\r
-\r
-.oboxheader {\r
- font-size: 14px;\r
- font-weight: bold;\r
- line-height: 1.4em;\r
- text-align: top;\r
-}\r
-\r
-.optionalbox form {\r
- margin: 0px;\r
- padding: 0px;\r
-}\r
-\r
-.optionalbox input {\r
- width: 100%;\r
-}\r
-\r
-.rsssmall {\r
- position: relative;\r
- top: 4px;\r
-}\r
-\r
-#cclogo {\r
- width: 150px;\r
- min-width: 150px;\r
- margin: 10px;\r
- padding: 10px;\r
- left: 0px;\r
- line-height: 1.2em;\r
- text-align: Left;\r
- font-size: 14px;\r
- font-weight: bold;\r
- background: #fff;\r
-}\r
-\r
-#controls img\r
-{\r
- z-index: 9999;\r
-}\r
-\r
-#controls\r
-{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- width:64px;\r
- height:32px;\r
- z-index: 9998;\r
- cursor: pointer;\r
-}\r
-\r
-#map {\r
- position: absolute;\r
- border: 1px solid black;\r
- margin: 0px; \r
- padding: 0px;\r
- left: 0px;\r
- right: 2px;\r
- top: 0px;\r
- bottom: 0px;\r
-}\r
-\r
-#search_results {\r
- display: none;\r
- position: absolute;\r
- border: 1px solid black;\r
- margin: 0px;\r
- padding: 0px;\r
- width: 30%;\r
- left: 0px;\r
- top: 0px;\r
- bottom: 0px;\r
-}\r
-\r
-#search_results_content {\r
- overflow: auto;\r
- position: absolute;\r
- top: 29px;\r
- bottom: 0px;\r
- left: 0px;\r
- right: 0px;\r
-}\r
-\r
-.search_results_title {\r
- margin: 0px;\r
- padding: 3px 6px 3px 6px;\r
- height: 29px;\r
- border-bottom: 1px solid black;\r
- background: #bbb;\r
-}\r
-\r
-.search_results_heading {\r
- margin: 0px;\r
- padding: 3px 6px 3px 6px;\r
- border: 1px solid #ccc;\r
- background: #ddd;\r
-}\r
-\r
-.search_results_entry {\r
- margin: 0px;\r
- padding: 2px 6px 2px 6px;\r
-}\r
-\r
-.search_results_error {\r
- margin: 0px;\r
- padding: 2px 6px 0px 6px;\r
- color: #f00;\r
-}\r
-\r
-/* rails error field stuff */\r
-\r
-.fieldWithErrors {\r
- padding: 2px;\r
- background-color: red;\r
- display: table;\r
-}\r
-\r
-#notice {\r
- border: 1px solid green;\r
- padding: 7px;\r
- background-color: #f0fff0;\r
- margin-bottom: 20px;\r
-}\r
-\r
-#errorExplanation {\r
- width: 400px;\r
- border: 2px solid red;\r
- padding: 7px;\r
- padding-bottom: 12px;\r
- margin-bottom: 20px;\r
- background-color: #f0f0f0;\r
-}\r
-\r
-#errorExplanation h2 {\r
- text-align: left;\r
- font-weight: bold;\r
- padding: 5px 5px 5px 15px;\r
- font-size: 12px;\r
- margin: -7px;\r
- background-color: #c00;\r
- color: #fff;\r
-}\r
-\r
-#errorExplanation p {\r
- color: #333;\r
- margin-bottom: 0;\r
- padding: 5px;\r
-}\r
-\r
-#errorExplanation ul li {\r
- font-size: 12px;\r
- list-style: square;\r
-}\r
-\r
-input {\r
- border: 1px solid black;\r
-}\r
-\r
-.nohome .location {\r
- display: none;\r
-}\r
-\r
-#homerow .message {\r
- display: none;\r
-}\r
-\r
-.nohome .message {\r
- display: inline !important;\r
-}\r
-\r
-.editDescription {\r
- height : 10ex;\r
- width : 30em;\r
-}\r
-\r
-.nowrap {\r
- white-space: nowrap;\r
-}\r
-\r
-/**\r
- * This now just used to detect the width/height required for the popup.\r
- */\r
-#map p#highlightinfo {\r
- visibility : hidden;\r
- position : absolute;\r
- z-index : 10000;\r
- background : white;\r
- border : 1px solid black;\r
- left : 50px;\r
- top : 5px;\r
- margin : 0px;\r
- padding : 2px;\r
-}\r
-\r
-#map p#highlightinfo p, #popup p {\r
- margin : 0;\r
- padding : 2px;\r
- }\r
-\r
-\r
-/**State of the Map */\r
- \r
-#sotminfo {\r
- background: #9999FF;\r
- font-size: 11px;\r
- margin: 0px;\r
- padding: 0px;\r
- border: 1px solid #ccc;\r
- left: 0px;\r
- line-height: 1.2em;\r
- text-align: Left;\r
- font-weight: normal;\r
-}\r
+a, a:visited, a:active, a:link, a:hover {
+ color: #00f;
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+#frontpage_main {
+ width: 100%;
+ text-align: center;
+ font-family: sans-serif;
+}
+
+
+#frontpage_MAIN h1 {
+ font-size: xx-large;
+ font-weight: normal;
+}
+
+body {
+ font-family: Arial,sans-serif;
+ color: #000;
+ background-color: #fff;
+ margin: 0px;
+ padding: 0px;
+}
+
+#left {
+ position: absolute;
+ top: -8px;
+ min-width: 150px;
+}
+
+#logo {
+ width: 150px;
+ min-width: 150px;
+ padding: 10px;
+ margin: 10px;
+ height: 150px;
+ background: #fff;
+ border: 1px solid #ccd;
+}
+#logo h1 {
+ font-size: 14px;
+ text-align: center;
+ margin: 0px;
+}
+#logo h2 {
+ font-size: 10px;
+ margin: 0px;
+}
+
+#greeting {
+ float: right;
+ height: 20px;
+ margin: 0px;
+ padding-right: 10px;
+ padding-top: 5px;
+ font-size: 13px;
+ line-height: 14px;
+ background: url('/images/tab_bottom.gif') repeat-x bottom;
+}
+
+#intro {
+ width: 170px;
+ margin: 10px;
+ border: 1px solid #ccc;
+ font-size: 11px;
+}
+
+#intro p { margin: 10px; }
+
+#alert {
+ width: 150px;
+ margin: 10px;
+ padding: 10px;
+ border: 1px solid #ccc;
+ background: #d00;
+ line-height: 1.2em;
+ text-align: left;
+ font-size: 14px;
+}
+
+.notice {
+ width: 150px;
+ margin: 10px;
+ padding: 10px;
+ border: 1px solid #ccc;
+ background: #ea0;
+ line-height: 1.2em;
+ text-align: left;
+ font-size: 14px;
+}
+
+.left_menu {
+ width: 150px;
+ min-width: 150px;
+ margin: 10px;
+ padding: 10px;
+ border: 1px solid #ccc;
+ left: 0px;
+ background: #ddd;
+ line-height: 1.2em;
+ text-align: Left;
+ font-size: 14px;
+ font-weight: bold;
+}
+
+.left_menu td {
+ font-size: 12px;
+ padding-right: 4px;
+}
+
+.left_menu h1 {
+ font-style: normal;
+ font-size: 15px;
+ padding: 0em 0em 0em 1em;
+ text-align: left;
+}
+
+.left_menu ul {
+ /*list-style: none;*/
+ padding-left: 10px;
+ margin: 0px;
+}
+
+.left_menu li {
+ margin: 0px;
+ padding: 0px;
+}
+
+.left_menu img {
+ margin: 2px 8px 0px 0px;
+}
+
+.left_menu a, .left_menu a:visited, .left_menu a:active, .left_menu a:link, .left_menu a:hover {
+ color: #000;
+ text-decoration: none;
+}
+
+.left_menu a:hover {
+ color: #000;
+ text-decoration: underline;
+}
+
+#messages {
+ border: 1px solid #ccc;
+}
+
+
+#content {
+ padding: 0px;
+ margin: 0px;
+ position: absolute;
+ left: 192px;
+ right: 10px;
+ top: 35px;
+ bottom: 10px;
+ line-height: 1.2em;
+ text-align: left;
+}
+
+#bottom_bar {
+ position: absolute;
+ bottom: 0px;
+ width: 100%;
+ font-size: x-small;
+ text-align: center;
+}
+
+#mapImage {
+ position: absolute;
+ left: 0px;
+}
+#drag {
+ top: 0px;
+ left: 14px;
+}
+
+#mapEpilog {
+ font-size: x-small;
+}
+
+#keyvalue {
+ font-size: small;
+ text-align: left;
+ border-collapse: collapse;
+ border-width: 0px;
+}
+
+#keyvalue.th {
+ font-weight: bold;
+}
+
+.emphasized {
+ background-color: #82bcff;
+}
+
+
+#header {
+ float: left;
+ width: 100%;
+ background: #DAE0D2;
+ font-size: 93%;
+ line-height: normal;
+}
+#header ul {
+ margin: 0px;
+ padding: 10px 10px 0px 215px;
+ list-style: none;
+}
+#header li {
+ float: left;
+ margin: 0px;
+ padding: 0px 0px 0px 9px;
+}
+#header li a {
+ float: left;
+ display: block;
+ padding: 5px 15px 4px 6px;
+ text-decoration: none;
+ font-weight: bold;
+ color: #765;
+}
+/* Commented Backslash Hack
+hides rule from IE5-Mac \*/
+#header li a {float:none;}
+/* End IE5-Mac hack */
+#header li a:hover {
+ color: #333;
+}
+#header #current a {
+ color: #333;
+ padding-bottom: 5px;
+}
+
+#tabnav
+{
+ height: 20px;
+ margin: 0px;
+ padding-left: 215px;
+ padding-top: 5px;
+ background: url('/images/tab_bottom.gif') repeat-x bottom;
+}
+#tabnav li
+{
+ margin: 0px;
+ padding: 0px;
+ display: inline;
+ list-style-type: none;
+}
+#tabnav a, #tabnav a:link, #tabnav a:visited
+{
+ float: left;
+ background: #f3f3f3;
+ font-size: 13px;
+ line-height: 14px;
+ font-weight: bold;
+ padding: 2px 10px;
+ margin-right: 4px;
+ border: 1px solid #ccc;
+ text-decoration: none;
+ color: #333;
+}
+#tabnav a:link.active, #tabnav a:visited.active
+{
+ border-bottom: 1px solid #fff;
+ background: #fff;
+ color: #000;
+}
+#tabnav a:link:hover
+{
+ background: #fff;
+}
+
+#gads {
+ /* position: absolute; */
+ left: 100px;
+ width: 700px;
+ text-align: center;
+ font-size: 10px;
+}
+
+hr {
+ border: none;
+ background-color: #ccc;
+ color: #ccc;
+ height: 1px;
+}
+
+.gpxsummary {
+ font-size: 12px;
+ color: gray;
+}
+
+.gpxdesc {
+ font-style: italic;
+}
+
+.table0 {
+ background: #f6f6f6;
+}
+
+.table1 {
+ background: #fff;
+}
+
+
+.optionalbox {
+ width: 150px;
+ min-width: 150px;
+ margin: 10px;
+ padding: 10px;
+ border: 1px solid #ccc;
+ left: 0px;
+ line-height: 1.2em;
+ text-align: left;
+ font-size: 12px;
+ background: #eee;
+}
+
+.oboxheader {
+ font-size: 14px;
+ font-weight: bold;
+ line-height: 22px;
+ vertical-align: bottom;
+}
+
+.whereami {
+ position: absolute;
+ right: 21px;
+ line-height: 22px;
+ vertical-align: bottom;
+}
+
+.optionalbox form {
+ margin: 0px;
+ padding: 0px;
+}
+
+#search_field form {
+ width: 100%;
+}
+
+#search_field input[type="text"] {
+ width: 116px;
+}
+
+#search_field input[type="submit"] {
+ width: 26px;
+}
+
+.search_form {
+ height: 16px;
+ padding-bottom: 6px;
+}
+
+#search_active {
+ display: none;
+ color: red;
+}
+
+.rsssmall {
+ position: relative;
+ top: 4px;
+}
+
+.button {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+#controls img
+{
+ z-index: 9999;
+}
+
+#controls
+{
+ position:absolute;
+ top: 0px;
+ left: 0px;
+ width: 64px;
+ height: 32px;
+ z-index: 9998;
+ cursor: pointer;
+}
+
+#map {
+ position: absolute;
+ border: 1px solid black;
+ margin: 0px;
+ padding: 0px;
+ left: 0px;
+ right: 2px;
+ top: 0px;
+ bottom: 0px;
+}
+
+#sidebar {
+ display: none;
+ position: absolute;
+ border: 1px solid black;
+ margin: 0px;
+ padding: 0px;
+ width: 30%;
+ left: 0px;
+ top: 0px;
+ bottom: 0px;
+}
+
+#sidebar_content {
+ overflow: auto;
+ position: absolute;
+ font-size: 13px;
+ line-height: 14px;
+ top: 29px;
+ bottom: 0px;
+ left: 0px;
+ right: 0px;
+}
+
+.sidebar_title {
+ margin: 0px;
+ padding: 3px 6px;
+ height: 29px;
+ font-size: 14px;
+ line-height: 15px;
+ border-bottom: 1px solid black;
+ background: #bbb;
+}
+
+.browse_heading {
+ margin: 0px;
+ padding: 3px 6px;
+ border: 1px solid #ccc;
+ background: #ddd;
+}
+
+.browse_details {
+ margin: 0px;
+ padding: 0px 6px;
+}
+
+.search_results_heading {
+ margin: 0px;
+ padding: 3px 6px;
+ border: 1px solid #ccc;
+ background: #ddd;
+}
+
+.search_results_entry {
+ margin: 0px;
+ padding: 2px 6px;
+}
+
+.search_results_error {
+ margin: 0px;
+ padding: 2px 6px 0px;
+ color: #f00;
+}
+
+.search_help {
+ font-size: 10px;
+ line-height: 1em;
+ margin-top: 3px;
+ margin-bottom: 0px;
+}
+
+.olControlAttribution {
+ display: none !important;
+}
+
+/* inbox and messaging stuff */
+.inbox-row-unread .inbox-subject {
+ font-weight: bold;
+}
+
+/* rails error field stuff */
+
+.fieldWithErrors {
+ padding: 2px;
+ background-color: red;
+ display: table;
+}
+
+#notice {
+ border: 1px solid green;
+ padding: 7px;
+ background-color: #f0fff0;
+ margin-bottom: 20px;
+}
+
+#errorExplanation {
+ width: 400px;
+ border: 2px solid red;
+ padding: 7px;
+ padding-bottom: 12px;
+ margin-bottom: 20px;
+ background-color: #f0f0f0;
+}
+
+#errorExplanation h2 {
+ text-align: left;
+ font-weight: bold;
+ padding: 5px 5px 5px 15px;
+ font-size: 12px;
+ margin: -7px;
+ background-color: #c00;
+ color: #fff;
+}
+
+#errorExplanation p {
+ color: #333;
+ margin-bottom: 0px;
+ padding: 5px;
+}
+
+#errorExplanation ul li {
+ font-size: 12px;
+ list-style: square;
+}
+
+input[type="text"], input[type="password"], textarea {
+ border: 1px solid black;
+}
+
+input[type="submit"] {
+ border: 1px solid black;
+}
+
+#accountForm td {
+ padding-bottom:10px;
+}
+
+.fieldName {
+ text-align:right;
+ font-weight:bold;
+}
+
+
+.nohome .location {
+ display: none;
+}
+
+#homerow .message {
+ display: none;
+}
+
+.nohome .message {
+ display: inline !important;
+}
+
+.minorNote {
+ font-size:0.8em;
+}
+
+.nowrap {
+ white-space: nowrap;
+}
+
+#map #popup p {
+ margin: 0px;
+ padding: 2px;
+}
+
+#permalink {
+ z-index:10000;
+ position:absolute;
+ bottom:15px;
+ right:15px;
+ font-size:smaller;
+}
+
+#attribution {
+ display: none;
+}
+
+.export_heading {
+ margin: 0px;
+ padding: 3px 6px;
+ border: 1px solid #ccc;
+ background: #ddd;
+}
+
+.export_bounds {
+ width: 100%;
+ text-align: center;
+}
+
+.export_bound {
+ margin: 5px;
+}
+
+.export_details {
+ padding: 2px 6px;
+}
+
+#export_osm {
+ display: none;
+}
+
+#export_mapnik {
+ display: none;
+}
+
+#export_osmarender {
+ display: none;
+}
+
+.export_hint {
+ padding: 0px 12px;
+ font-style: italic;
+}
+
+.export_buttons {
+ width: 100%;
+ text-align: center;
+}
+
+#noscript {
+ z-index: 20000000;
+ position: absolute;
+ top: 15px;
+ left: 15px
+}