/* WPI: added for geshi */
@import url("bbGeSHi.css");

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	background: #380001 url('images/background_gradient.jpg') repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	margin: 0;
	padding: 0;
}

#body-simple {
	background: #F1F3F5;
	padding: 5px;
}

/* Misc stuff */
img {
	border: none;
}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.titles {
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error, table td .error {
	color: #F45E00;
}

.spacer {
	color: #DDE3E8; 
	background: #7B8EA0 url(images/th.gif) top left repeat-x;
	border-left: solid 1px #768A9D;
	border-right: solid 1px #5D7287;
	border-top: solid 1px #495E73;
	border-bottom: solid 1px #4B6177;
	padding: 1px;
}

hr	{ height: 0px; border: solid #CAD1D8 0px; border-top-width: 1px;}

.pagination {
	padding: 4px;
	font-size: 1em;
	font-weight: bold;
}

/* Links
 ------------ */
a {
	color: #586E85;
	text-decoration: none;
}

a:active,
a:visited {
	color: #586E85;
	text-decoration: none;
}

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

a.forumlink {
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle {
	margin: 1px 0px;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle, .postbody a {
	color: #586E85;
}
a.topictitle:visited, .postbody a:visited {
	color: #647484;
}
a.topictitle:visited:hover, .postbody a:visited:hover {
	color: #586E85;
}
a.topictitle:hover, .postbody a:hover {
	color: #F45E00;
}

.pm-notify-new, .pm-notify-unread {
	border-left: solid 1px #9EABB9;
	border-right: solid 1px #909FAF;
	border-top: solid 1px #9EABB9;
	border-bottom: solid 1px #909FAF;
	background: #EFF2F4 url(images/cell.gif) top left repeat-x;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; }
.pm-notify-header {
	margin-bottom: 10px;
	color: #F45E00;
}
.pm-notify-new { padding: 30px; }

/* Navigation buttons */
.navrow {
	background: #657A8E url(images/bg_navbar.gif) top left repeat-x; 
	height: 21px;
	overflow: hidden;
	color: #D5DADF;
	text-align: center;
	padding-top: 10px;
	margin-left: 30px;
	margin-right: 30px;
}
/* * html .navrow { padding: 0; } */
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
	color: #EFF1F2;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
.navrow a:hover { 
	color: #fff; 
	text-decoration: underline; 
}

a.link-new, a.link-new:visited { color: #F45E00; }
a.link-new:hover, a.link-new:visited:hover { color: #BB591B; }

/* Content and tables */
#content {
    background: url(images/bg_top1.gif) top left repeat-x;
    padding: 0 10px 10px;
}
#maintable {
/* WPI: ugly    border: solid 2px #FFF; */
    margin: 0 auto;
}
#contentrow {
	padding: 8px;
	/*background: #F1F3F5 url(images/bg_top2.gif) top left repeat-x;*/
}

.tablebg {
	border: solid 1px #C3CBD3; 
	background: #EFF2F4 url(images/cell.gif) top left repeat-x;
}
.block-start .tablebg { 
    border-top-width: 0; 
    border-bottom-width: 0; 
    border-color: #C3CBD3;
    border-right-color: #F1F3F5;
}

.row1, .row2, .row3, .legend, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom {
	border-left: solid 1px #F6F8F9;
	border-right: solid 1px #CAD1D8;
	border-top: solid 1px #F6F8F9;
	border-bottom: solid 1px #CAD1D8;
	background: #EFF2F4 url(images/cell.gif) top left repeat-x;
	padding: 4px;
}
th {
	color: #DDE3E8; 
	font-weight: bold;
	background: #7B8EA0 url(images/th.gif) top left repeat-x;
	white-space: nowrap;
	padding: 0 5px;
	text-align: center;
	height: 26px;
	border-left: solid 1px #768A9D;
	border-right: solid 1px #5D7287;
	border-top: solid 1px #495E73;
	border-bottom: solid 1px #4B6177;
}
th a, th a:visited {
	color: #DDE3E8 !important;
	text-decoration: underline;
}
th a:hover {
	color: #F2F4F5;
	text-decoration: underline;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}
.catdiv, .cat, .cathead {
	height: 24px;
	padding: 0 3px;
	border-left: solid 1px #F6F8F9;
	border-right: solid 1px #CAD1D8;
	border-top: solid 1px #F6F8F9;
	border-bottom: solid 1px #CAD1D8;
	background: #E9ECEE url(images/cathead.gif) top left repeat-x;
}

.cat, .cathead {
	text-indent: 4px;
}

/* Table header */
caption, .cap-div { 
	margin: 0; 
	padding: 0;
	background: url(images/hdr_mid.gif) top left repeat-x;
	white-space: nowrap;
	height: 27px;
	text-align: left;
}
.cap-left {
	background: url(images/hdr_left.gif) top left no-repeat;
}
.cap-right {
	background: url(images/hdr_right.gif) top right no-repeat;
	padding-top: 6px;
	padding-left: 29px;
	height: 21px;
}
caption, caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div, .cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { 
	font-weight: bold;
	color: #586E85;
}
caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { 
	display: inline;
}
caption a, caption a:visited, .cap-div a, .cap-div a:visited {
	color: #586E85;
	text-decoration: underline;
}
caption a:hover, .cap-div a:hover {
	color: #F45E00;
	text-decoration: underline;
}

.block-start { /*background: url(images/ftr_mid.gif) bottom left repeat-x;*/ }
.block-end-left { /*background: url(images/ftr_left.gif) top left no-repeat;*/ }
.block-end-right { /*background: url(images/ftr_right.gif) top right no-repeat;*/ }
.block-end-left, .block-end-right { height: 4px; overflow: hidden; padding: 0; }

/* Footer */
#wrapfooter {
	text-align: center;
	color: #A0ACB9;
	padding-top: 10px;
}

.copyright {
	color: #A0ACB9;
	font-weight: normal;
	line-height: 1.2em;
}
.copyright a, .copyright a:visited {
	color: #A0ACB9;
	text-decoration: underline;
}
.copyright a:hover { color: #586E85; }


/* Breadcrumbs */
.breadcrumb .row1 { 
    border-width: 1px 0 0 1px; 
    background: #F7F8F9;    
}
p.breadcrumbs {
	margin: 0;
	padding: 0;
	float: left;
	color: #A3ADB7;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}
.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	padding: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

/* Index/viewforum */
.subforum.read { 
	background: url(images/sub_old.gif) top left no-repeat;
	padding-left: 12px;
}
.subforum.unread { 
	background: url(images/sub_new.gif) center left no-repeat;
	padding-left: 50px;
}
.legend {
	text-align: center;
	margin: 0 auto;
	padding: 2px;
	border-top-color: #C3CBD3;
	border-left-color: #C3CBD3;
}
.legend-viewforum { 
	margin: 0; 
	text-align: left; 
	border-top-color: #C3CBD3;
	border-left-color: #C3CBD3;
}

.forumrules {
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	border-left: solid 1px #CFD5DB;
	border-right: solid 1px #CAD1D8;
	border-top: solid 1px #CFD5DB;
	border-bottom: solid 1px #CAD1D8;
	background: #F7F8F9;
}
.forumrules h3 {
	color: #F45E00;
}

/* Post */
.postsubject {
	font-weight: bold;
	color: #586E85;
}
td.postbottom { 
	background: #F2F4F5 url(images/profile.gif) top left repeat-x; 
	color: #96989B;
	white-space: nowrap;
	padding: 2px 4px;
	vertical-align: middle;
	border-left: solid 1px #F6F8F9;
	border-right: solid 1px #CAD1D8;
	border-top: solid 1px #F6F8F9;
	border-bottom: solid 1px #CAD1D8;
}
td.postbuttons { padding-top: 3px; }
.postdetails { 
	color: #444;
	text-align: left;
}
.postdetails b {
	color: #444;
}
.posterrank		{ font-size: 90%; color: #444; }
.posterprofile	{ font-size: 90%; color: #586E85; }

.postauthor {
	color: #586E85;
	margin-bottom: 3px;
	font-weight: bold;
}
.postonline { margin-bottom: 2px; }

.postreported, .postreported a:visited, .postreported a:hover, .postreported a, .postreported a:active {
	margin: 1px 0px;
	color: #F45E00;
	font-weight: bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a, .postapprove a:active {
	color: #00FF00;
	font-weight: bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postbody {
	line-height: 1.4em;
	margin: 3px 0;
}
.signature {
	color: #666;
	margin-top: 5px;
}
.signature .line { color: #B8B9BB; }

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: #B8BABC;
	color: #000;
}

.postsubject {
	font-weight: bold;
	color: #586E85;
}

.postbody a { text-decoration: underline; }

/* UCP */
.folder-current a, .folder-current a:visited {
	color: #F45E00;
	font-weight: bold;
}
.folder-current a:hover { color: #F45E00; }

td.pm_marked_colour { background: #F45E00; }
td.pm_marked_colour_left { border-left: solid 3px #F45E00; padding-left: 2px; }
td.pm_marked_colour_right { border-right: solid 3px #F45E00; padding-right: 2px; }

td.pm_replied_colour { background: #586E85; }
td.pm_replied_colour_left { border-left: solid 3px #586E85; padding-left: 2px; }
td.pm_replied_colour_right { border-right: solid 3px #586E85; padding-right: 2px; }

td.pm_friend_colour { background: #007700; }
td.pm_friend_colour_left { border-left: solid 3px #007700; padding-left: 2px; }
td.pm_friend_colour_right { border-right: solid 3px #007700; padding-right: 2px; }

td.pm_foe_colour { background: #DD3B00; }
td.pm_foe_colour_left { border-left: solid 3px #DD3B00; padding-left: 2px; }
td.pm_foe_colour_right { border-right: solid 3px #DD3B00; padding-right: 2px; }


/* Form Elements
 ------------ */
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
	font-weight: normal;
	color: #444;
	border: 1px solid #B6C0CA;
	background-color: #F2F4F5;
}
.cat .btnmain, .cat .btnlite, .cat select {
    color: #444;
    background-color: #F7F8F9;
    border-color: #B6C0CA;
}

input {
	font-size: 1.1em;
	padding: 1px;
}
textarea {
	font-size: 1.3em; 
	line-height: 1.4em;
	padding: 2px;
}
select {
	font-size: 1.1em;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

.rtl option {
	padding: 0 0 0 1em;
}

.post {
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	font-size: 1.1em;
	color: #586E85;
	border: 1px solid #B6C0CA;
	background-color: #F7F8F9;
}
.btnbbcode:hover {
	border-color: #98A6B3;
	color: #000;
}

.btnmain {
	font-weight: bold;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: transparent;
	color: #8B9BAC;
	border-style: none;
}
#helpline { color: #8B9BAC; }

* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile {
}
* html .cat .btnmain, * html .cat .btnlite {
}
textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover {
	border-color: #7D8EA0;
}
textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus {
	border-color: #798C9E; 
	color: #000;
	background-color: #F7F8F9;
}
.cat .btnmain:hover, .cat .btnlite:hover, .cat select:hover {
    border-color: #798C9E;
}
.cat .btnmain:focus, .cat .btnlite:focus, .cat select:focus {
    border-color: #798C9E;
    color: #000;
}

label:hover { 
	color: #F45E00; 
}

textarea.posting-textarea, #ie8#fix {
    width: 98%;
}

/* BBCode
 ------------ */
.bb-wrapper {
	clear: both;
	margin: 10px 20px;
}
.bb-wrapper .bb-wrapper {
	margin: 5px 10px;
}
.bb-left-top, .bb-right-top, .bb-left-bot, .bb-right-bot {
    width: 4px;
    height: 4px;
    overflow: hidden;
    padding: 0;
}
.bb-left-top { background: url(images/bb_left_top.gif) top left no-repeat; }
.bb-right-top { background: url(images/bb_right_top.gif) top right no-repeat; }
.bb-left-bot { background: url(images/bb_left_bot.gif) bottom left no-repeat; }
.bb-right-bot { background: url(images/bb_right_bot.gif) bottom right no-repeat; }
.bb-top, .bb-bot {
    height: 4px;
    overflow: hidden;
    padding: 0;
}
.bb-top { background: #F7F8F9 url(images/bb_top.gif) top left repeat-x; }
.bb-bot { background: #F7F8F9 url(images/bb_bot.gif) bottom left repeat-x; }
.bb-left, .bb-right {
    width: 4px;
    overflow: hidden;
    background-color: #F7F8F9;
    padding: 0;
}
.bb-left { border-left: solid 1px #D5D9DE; }
.bb-right { border-right: solid 1px #D5D9DE; }
.bb-content {
    background-color: #F7F8F9;
    padding: 0 2px;
}
.bb-quote { 
    background-image: url(images/bg_quote.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
.bb-code { 
    background-image: url(images/bg_code.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
.bb-attach { 
    background-image: url(images/bg_attach.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
  
 
.quotetitle, .attachtitle, .codetitle {
	color: #586E85;
	font-size: 0.85em;
	font-weight: bold;
	padding-bottom: 3px;
}
.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	color: #444;
}
.attachcontent {
	font-size: 0.85em;
}

.codecontent {
	direction: ltr;
	font-weight: normal;
	font-family: Monaco, 'Courier New', monospace;
	color: #444;
}

.attachcontent, .codecontent {
	overflow: auto;
	overflow-x: auto;
}

.syntaxbg {
	color: #F2F2F3;
}

.syntaxcomment {
	color: #586E85;
}

.syntaxdefault {
	color: #444;
}

.syntaxhtml {
	color: #6D7073;
}

.syntaxkeyword {
	color: #555D65;
}

.syntaxstring {
	color: #6A6D71;
}


/* More misc stuff */
h1 {
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 120%;
}

h4 {
	margin: 0px;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0px;
	float: left;
	color: #586E85;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0px;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0px;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0px;
}

p.topicdetails {
	margin: 1px 0px;
}
td.history-current, tr.row1 td.history-current, tr.row2 td.history-current {
	background: #F7F8F9;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

.sep {
	color: #586E85;
}


/* reset style for file input */
.btnfile, .btnfile:hover, .btnfile:focus { 
    border: none; 
    background-color: #FFF;
    color: #000;
}

/* added for WPI ------------------------------------------------------------ */

div.wpi_forum_header {
  float: right;
  margin-right: 10px;
  margin-top: 7px;
}

a.newest_post_link_icon { float: right; }

/* WPI: for menu in left sidebar -------------------------------------------- */

li.expanded {
  list-style-image: url(/misc/menu-expanded.png);
  list-style-type: circle;
}

/* Michalis: added for geshi. Not wanted after all. */
/* div.codeheader { */
/* 	background: url("{T_THEME_PATH}/images/page_code.gif") no-repeat 0px 0px; */
/* } */

ul.menu li {
  /* Override default margin in
     http://informatyka.wroc.pl/modules/system/system-menus.css?c
  */
  margin: 0 0 0 0em;
}

ul.menu li li {
  /* Increase indent, but only for deeper menu levels. */
  margin: 0 0 0 0.5em;
}

/* WPI: stuff -------------------------------------------------- */

#container {
	max-width: 1200px;
	width: 100%;
	margin: 26px auto 0px auto;
	position: relative;
}

#header {
	margin: 0 auto;
	width: 1200px;
	padding-bottom: 4px;
}

#sidebar_left {
	width: 200px;
	font-weight: bold;
	color: #313131;
	margin-top: 15px;
	font-family: Tahoma, Geneva, sans-serif;
}

.sidebar_left_block {
	width: 160px;
	padding: 20px;
	background: #d8d8d8 url('images/left_menu_upper_corner.gif') left top no-repeat;
	position: relative;
	margin-bottom: 15px;
}

.sidebar_left_block_corner {
	width: 6px;
	height: 6px;
	background: url('images/left_menu_lower_corner.gif') left bottom no-repeat;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#sidebar_left h2 {
	display: none;
}

#sidebar_left ul, #sidebar_right ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
}

#sidebar_left ul.menu li.leaf {
	list-style: none;
	list-style-image: none;
}

#sidebar_left ul li {
    border-bottom: 1px solid #c4c4c4;
    padding: 0.5em 0;
}

#sidebar_left ul.menu ul.menu li {
    border: 0;
}

#sidebar_left ul li ul {
	padding-left: 20px;
}

#sidebar_left a, #sidebar_right a {
	color: #313131;
}

.block a {
	color: #313131;
}

#main-content {
	width: 1000px;
	background: #ffffff;
	margin: 0px;
	padding: 30px 0px 0px 0px;
	border: 0px;
	text-align: left;
	position: relative; left: 0pt; top: 0pt; /* to make absolute positioned stuff inside work */
}

#content {
	margin: 0px 30px 0px 30px;
}

#content_upper_left_corner,
#content_upper_right_corner,
#content_lower_left_corner,
#content_lower_right_corner {
	width: 5px;
	height: 5px;	
	position: absolute;
}

#content_upper_left_corner {
	background: url('images/content_upper_left_corner.gif') left top no-repeat;
	left: 0px;
	top: 0px;
}

#content_upper_right_corner {
	background: url('images/content_upper_right_corner.gif') right top no-repeat;
	right: 0px;
	top: 0px;
}

#content_lower_left_corner {
	background: url('images/content_lower_left_corner.gif') left bottom no-repeat;
	left: 0px;
	bottom: 0px;
}

#content_lower_right_corner {
	background: url('images/content_lower_right_corner.gif') right bottom no-repeat;
	right: 0px;
	bottom: 0px;
}

#partners {
	width: 150px;
	display: inline-block;
	margin-right: 0px;
}

#partners p {
	margin-top: 0px;
	margin-bottom: 11px;
	font-weight: bold;
	font-size: 0.95em;
}

#partners img {
	display: inline;
}

#site_map {
	width: 930px;
	float: right;
}

#outer_footer {
	position: relative; left: 0pt; top: 0pt; /* to make absolute positioned stuff inside work */
}

#footer {
	width: 1150px;
	min-height: 100px;
	background: #000000 url('images/partners_site_map_background.gif') repeat-y;
	padding: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: left;
	margin: 0 auto;
	color: #ffffff;
	position: relative; left: 0pt; top: 0pt; /* to make absolute positioned stuff inside work */
}

#footer a {
	color: #ffffff;
}

#partners_upper_corner {
	width: 10px;
	height: 10px;
	background: url('images/partners_upper_corner.gif') left top no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}

#partners_lower_corner {
	width: 10px;
	height: 10px;
	background: url('images/partners_lower_corner.gif') left bottom no-repeat;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#site_map_upper_corner {
	width: 10px;
	min-height: 10px;
	background: url('images/site_map_upper_corner.gif') right top no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
}

#site_map_lower_corner {
	width: 10px;
	min-height: 10px;
	background: url('images/site_map_lower_corner.gif') right bottom no-repeat;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#site_map ul {
	list-style: none;
	margin: 0px 0px 20px 0px;
	display: inline-block;
	padding: 0px 25px 0px 0px;
	vertical-align: top;
}

#site_map ul li p {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	font-size: 0.95em;
}

#copyrights {
	font-size: 0.8em;
	padding: 0px 20px;
	color: #ffffff;
}

#copyrights a {
	color: #ffffff;
}

#copyrights p {
	display: inline-block;
	margin: 5px 0px;
}

.nowrap { white-space: nowrap; }

/* Don't allow to wide images, see e.g. http://informatyka.wroc.pl/forum/viewtopic.php?f=70&t=791 */
.postbody img { max-width: 600px; }

table#main_columns { border: 0px; }
td.main_column { border: 0px; margin: 0px; padding: 0px; vertical-align: top; }