@charset "utf-8";
/* CSS Document ACONTO */

@import "reset-fonts-grids.css"; /* YUI RESET - The foundational YUI Reset CSS file removes and neutralizes the inconsistent default styling of HTML elements, 
									creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions.
									See	http://developer.yahoo.com/yui/reset/ */

/* GLOBAL DOCUMENT STYLES */

html {
	height:101%;
	overflow-y: scroll; /* Firefox scrollbar hack */
	background:#66cad9;
}

*html body { 
	height:100%;
}

body {
	height:100%;
	min-height:101%;
	width:100%;
	padding-top:40px;
	margin-bottom:40px;
	background:url("backgrounds/main_bg.jpg");
	background-attachment:scroll;
	background-repeat:repeat-x;
}

/* END GLOBAL DOCUMENT STYLES */

/* LAYOUT */

#shadow, #wrapper, #site {		/* The main site containers - shadow for the shadow, wrapper for the backgrounds and positioning, and site for the actual site */
	width:976px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:8px;
	background:url("backgrounds/shadow_bottom.png");
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:bottom;
}


#wrapper {
	padding:0;
	background:url("backgrounds/shadow-middle.png");
	background-repeat:repeat-y;
	background-position:right;

}

#site {
	width:960px;
	padding:0;
	background:url("backgrounds/bg_total.gif");
	background-position:top left;
	background-repeat:repeat;
}

#header {
	width:100%;
	height:143px;
}

/* CONTENT SPECIFIC */


#main_container {						/* wrapper keeping menu + content in place */
	float:left;
}

#content {								/* content wrapper (no menu, footer, header) */
	overflow:hidden;
	padding-left:25px;
	padding-right:25px;
	padding-top:45px;
	margin-bottom:36px;
	*margin-bottom:0;
	width: 900px;
}

#fronHeading{
	 text-align:center; 
	 margin-bottom:30px;
	 margin-top:-20px;
	 border-bottom:none;
}

#topTwo{
	
}

#topLeftBox{
	width:430px;
	height:310px;
	float:left;
	background-image:url(../images/assets/via-internett-bg.gif);
}

#topRightBox{
	width:430px;
	height:310px;
	float:right;
	background-image:url(../images/assets/via-telefon-bg.gif);
}

#viaInternet{
	float:right;
	margin-right:30px;
	margin-top:210px;
	width:182px;
	height:45px;
	display: block;
	background-image:url(../images/buttons/via_internet.gif);
}

#viaInternet:hover{
	background-image:url(../images/buttons/via_internet_hover.gif);
}

#topRightBox form{
	float:right;
	margin-top:105px;
	margin-right:30px;
}

.nytext {
	width: 180px;
	height: 40px;
	padding-left:10px;
	background-image:url(../images/buttons/input-bg.gif);
	background-repeat:no-repeat;
	color: #000;
	font-size: 12px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: helvetica, arial;
	border:none;
}

input.nysubmit {
	width:182px;
	height:45px;
	border:none;
	margin-top:5px;
	display: block;
	background-image:url(../images/buttons/via_telefon.gif);
}

input.nysubmit:hover {
	background-image:url(../images/buttons/via_telefon_hover.gif);
}

/*#viaTelefon{
	float:right;
	margin-right:30px;
	margin-top:210px;
	width:182px;
	height:45px;
	display: block;
	background-image:url(../images/buttons/via_telefon.gif);
}

#viaTelefon:hover{
	background-image:url(../images/buttons/via_telefon_hover.gif);
}*/

#bottomButtons{
	width:100%;
	margin-top:370px;
}

#nyttLan{
	margin-left:40px;
	float:left;
	display: block;
	width:190px;
	height:189px;
	background-image:url(../images/buttons/nyttlaan.png);
}

#nyttLan:hover{
	background-image:url(../images/buttons/nyttlaan_hover.png);
}

#samleLan{
	margin-left:20px;
	float:left;
	display: block;
	width:190px;
	height:189px;
	background-image:url(../images/buttons/samlelaan.png);
}

#samleLan:hover{
	background-image:url(../images/buttons/samlelaan_hover.png);
}

#rentegaranti{
	margin-left:20px;
	float:left;
	display: block;
	width:190px;
	height:189px;
	background-image:url(../images/buttons/rentegaranti.png);
}

#rentegaranti:hover{
	background-image:url(../images/buttons/rentegaranti_hover.png);
}

#lanekalk{
	margin-left:20px;
	float:left;
	display: block;
	width:190px;
	height:189px;
	background-image:url(../images/buttons/laanekalkulator.png);
}

#lanekalk:hover{
	background-image:url(../images/buttons/laanekalkulator_hover.png);
}

.container {							/* generic container */
	padding-right:5px;
	clear:both;
}

.cont460 {								/* 460 px wide container */
	width:460px;
	padding-right:10px;
	margin-bottom:10px;
}

.cont330 {								/* 330 px wide container */
	width:330px;
	padding-right:10px;
	margin-bottom:10px;
}

.column,.col370 {						/* generic column */
	padding-bottom: 20000px;			/* auto vertical column resize, makes every column equal in size (good for colored columns) */
	margin-bottom: -20000px;
	float:left;
}

.col370 {								/* 370 px wide column */
	width:350px;
	padding-right:10px;
}

.main_380,.main_400,.main_450 {			/* main/center column */
	width:380px;
	padding-right:40px;
	border-right-color:#e8e3e0;
	border-right-style:solid;
	border-right-width:2px;
}

.main_400 {
	width:400px;
	padding-right:0;
}

.main_450 {
	width:450px;
	padding-right:0;
}

.sidebar1 {								/* different sidebars */
	width:105px;
	padding-left:0;
}

.sidebar2 {
	width:333px;
	padding-left:30px;
	float:right;
}

.sidebar3 {
	width:325px;
	padding-left:5px;
	float:right;
}

.box {									/* generic content box (to be used inside columns) */
	width:220px;
	float:right;
	margin-top:-10px;
}

.smallbox {								/* title box above the small pictures */							
	width:88px;
	float:left;
}

.smallbox_title {						/* the small box containing title + small picture in sidebars */
	height:24px;
	padding-left:15px;
	margin-bottom:2px;
	font-weight:bold;
	font-size:11px;
	line-height:24px;
	color:#636363;
	background:url("backgrounds/bg_smallBox.gif"); 
	background-repeat:repeat-x;
	background-attachment:scroll;
	background-position:bottom;
}

.v2_infobox, .v2_infoboxSmall {			/* gray gradient content box thingamabob */
	background: url("infoboxes/vbox2_c.gif") 100% 100%;
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #dfd9d6;
	border-bottom-width: 2px;
	margin: 24px 0;
	padding: 10px;
	float: left;
}

.v2_infoboxSmall {
	width: 160px;
	height:80px;
	margin-bottom:0;
	margin-top:20px;
	padding: 10px;
}


.v2_infoboxSmall .orangetext {
	margin-top: 10px;
}

.v2_infoboxNoTopMargin {
	margin-top: 10px;
}

.main_380 .v2_infobox {
	width: 356px;
}

.sidebar2 .v2_infobox {
	width: 310px;
}

.bomb {									/* generic colored circle bomb */
	width:140px;
	height:125px;
	margin-top:-18px;
	margin-bottom:-20px;
	float:right;
}

.orange {								/* orange colored circle bomb */
	background:url("other/circle_orange.gif");	
	background-repeat:no-repeat;
	margin-right:-10px;
}

.blue {									/* blue colored circle bomb */
	background:url("other/circle_blue.gif");	
	background-repeat:no-repeat;
	margin-right:-20px;
	margin-top:-10px;
	margin-bottom:-30px;
}

.empty {								/* for an empty sidebar or column */
	width:10px;
}

.no_border {							/* class used to strip any containers of borders without making a specific class */
	border-right-width:0;
}

.underscore,.underscorethin {			/* add to any container to make a underline */
	border-bottom-style:solid;
	border-bottom-color:#d7d7d7;
	border-bottom-width:2px;
	padding-bottom:5px;
	margin-top:-10px;
}

.underscorethin {						/* add to any container to make a thin underline */
	border-bottom-width:1px;
}

#tipsbox {								/* the large tipsbox above the picture on FAQ page */
	width:200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	font-size:x-large;
	line-height:24px;
}

/* END CONTENT SPECIFIC */

.delimiter {							/* generic delimter */
	width:10px;
	float:left;
}

.horilimiter {							/* horisontal delimiter/divider */
	width:100%;
	clear:both;
}

.thin {									/* for a vertically thin column inside a regular column */
	width:210px;
	padding-right:30x;
	padding-left:5px;
}

.thumb {								/* thumbnail picture */
	width:100px;
	padding-right:10px;
}

#footer {
	width:100%;
	height:28px;
	background:url("backgrounds/bg_footer.gif");
	background-position:top;
	background-repeat:no-repeat;
	padding-top:4px;
	/* position:relative; */
	clear:both;
	*margin-top:36px;
}

/* END LAYOUT */

/* FORMS */ 

.input {								/* input field container */
	border-width:1px;
	float:left;
	margin-top:10px;
	padding-left:29px;
	
}

.inputfield {							/* input field styling with IE browser hack */
	border-color:#CCCCCC;
	border-bottom-color:#000000;
	border-right-color:#000000;
	#border-color:#ececec;
	#border-bottom-color:#CCCCCC;
	#border-right-color:#CCCCCC;
	border-width:1px;
	width:100px;
}

.smallinputfield {
	width:70px;
}

.input_disabled {
	background-color:#bbbbbb;
}


/* END FORMS */

/* LISTS */ 

.iconlist, .linklist {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

.v2_infobox .iconlist, .v2_infobox .linklist, .col370 .linklist {
	float: left;
}
	

li.text,li.link {
	background-image: url("other/dot.gif");
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding-left:12px;
}

.linklist {
	padding-top:10px;
	#margin-bottom:-20px;
}

li.link {
	background-image: url("other/arrow.gif");
	padding-left:16px;
	background-position: 1px 6px;
}

.linklist li.link:hover div {
	color:#f58025;
}

/* END LISTS */

/* BUTTONS */

.stdbutton, .stdbutton_mo, .invbutton, .invbutton_mo {
	background:url("buttons/graybtn.gif") no-repeat;
	background-position:top;
	height:26px;
	width:65px;
	margin-left:-2px;
	margin-top:10px;
	font-size:11px;
	line-height:24px;
	font-weight:bold; 
	color:#ffffff; 
	text-align:center; 
	cursor: pointer;
	float:left;
}

.changeButton {
	margin-top: 4px;
}

.stdbutton_mo {
	background: url("buttons/graybtn_mo.gif") no-repeat; 
}

.invbutton, .invbutton_mo {
	width:94px;
	height:30px;
	line-height:30px;
	background: url("buttons/orangebtn.gif") no-repeat;
}

.invbutton_mo {
	background: url("buttons/orangebtn_mo.gif") no-repeat;
}

.linkBtn {
	cursor: pointer;
}

button { 
	border: 0;
	padding: 0 4px 0 0;
	cursor: pointer;
	text-align: center; 
	background: transparent url(buttons/btn_gray_right.png) right no-repeat;
	overflow: visible;
	margin: 0 4px;
}

button span {
	padding: 2px 10px 0 16px;
	display: block; 
	height: 25px; 
	background: transparent url(buttons/btn_gray_left.png) left no-repeat;
	
	font-family: Arial;
	white-space: nowrap;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold; 
	color: #fff; 
	text-transform: uppercase;
}

button:hover {
	background: transparent url(buttons/btn_orange_right.png) right no-repeat;
}

button:hover span {
	background: transparent url(buttons/btn_orange_left.png) left no-repeat;
}

span.formButton { 
	border: 0;
	padding: 0 4px 0 0;
	margin: 0;
	cursor: pointer;
	background: transparent url(buttons/btn_gray_right.png) right no-repeat;
	display: inline-block;
}

span.formButton input {
	padding: 0 10px 4px 16px;
	overflow: visible;
	display: block; 
	height: 25px; 
	background: transparent url(buttons/btn_gray_left.png) left no-repeat;
	border: 0px solid #ffffff;
	
	font-family: Arial;
	white-space: nowrap;
	font-size: 11px;
	font-weight: bold; 
	color: #fff; 
	text-transform: uppercase;
}


span.formButtonBlaa { 
	border: 0;
	padding: 0 4px 53px 0;
	margin: 0;
	cursor: pointer;
	background: transparent;
	display: inline-block;
}

span.formButtonBlaa input {
	padding: 0 10px 4px 16px;
	overflow: visible;
	display: block; 
	height: 100px; 
	width: 281px;
	background: transparent url(buttons/sendeknapp_utekst_lys_mindre.gif) left no-repeat;
	border: 0px solid #ffffff;
	
	font-family: Arial;
	white-space: nowrap;
	font-size: 16px;
	font-weight: bold; 
	color: #fff; 
	text-transform: uppercase;
	cursor: pointer;
}

div.entotrebilde {
	background: transparent url(buttons/entotreknapp.png) left no-repeat;
	Xheight: 80px; 
	width: 95px;
	padding:28px;
	font-size:20pt;
	font-weight:bold;
	color:#FFF;
	margin:0;
	Xpadding-right: 25px;
	Xborder:solid black 1px;
}
div.entotrebilde div.tallet {
	padding: 20px;
}








/* END BUTTONS */

/* FONTS */

body {								/* generic font style */
	font-family:Arial;
	font-size:11px;
	text-align:left;
	color:#464646;
	line-height: 1.7em;
}

p {
	padding-top:10px;				/* better than line-height for certain things */
}

h1,h2,h3 {							/* headline styles */
	padding-top:8px;
	font-weight:bold;
	color:#464646;
}

h1 {
	font-size:24px;
	padding-bottom:8px;
	border-bottom-color:#d7d7d7;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

h2 {
	font-size:16px;
}

h3 {
	font-size:14px;
}

h4 {
	font-size:11px;
	margin-bottom:-8px;
	padding-top:0;
}

a:link,a:visited {					/* generic link styles */
	color:#636363;
	text-decoration:none;
}

a:hover {
	color:#f58025;
}

#header {							/* specific font size for the header */
	font-size:11px;
}

#menu {								/* specific font styles for the menu */
	font-size: 11px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}

#footer {							/* specific font styles for the footer */
	text-align: center;
	font-size: x-small;
}

#disclaimer {
	text-align: center;
	margin: 10px 0;
	font-weight: bold;
}

.headertext {						/* various font styles */
	color: #6d6e71;
	font-size: 16px;
	font-weight: bold;
}

.orangetext {
	color:#f58025;
}

.orangetext .emp {
	font-size: 1.8em;
	font-weight: bold;
	padding-top: 5px;
}

.whitetext {
	color:#ffffff;
}

.bluetext, .bluetext:link, .bluetext:visited {
	color:#008eb0;
}

.greytext {
	color:#7d7d7d;
}

.error {
	color: #F58025;
	font-size: .8em;
	padding-left: 6px;
	font-weight: bold;
}

p.error {
	font-size: 1em;
	padding: 0 0 10px 120px;
}

.inputError {
	border: 2px solid #F58025;
}

select.inputError {
	background-color:#F58025;
}

#schemaContent a.inputError:link, #schemaContent a.inputError:visited {
	border: 0 solid #F58025;
	color: #F58025;
}

.boldtext {
	font-weight:bold;
}

.smalltext {
	font-size: .8em;
	line-height: 1.2em;
	padding-top: 5px;
}

strong, b {
	font-weight: bold;
}

/* END FONTS */

/* MENU */

#menu {
	width: 960px;
	padding-left:1 px;
	padding-right: 0px;
	height: 32px;
	line-height: 32px;
	background: url("buttons/btn_menu.gif") top left repeat-x;
	clear: both;
}

/*
#menu .seperator { width:2px; height:100%; float:left; background:url("buttons/menu_seperator.gif"); background-repeat:no-repeat; }
*/

#menu li {
	float: left;
	width: 135px;
	position: relative;
	cursor: pointer;
}

#menu a {
	height: 32px;
	width: 135px;
	display: block;
	background: url("buttons/btn_menu.gif") top left repeat-x;
	color: #fff;
	border-right: 1px solid #F6740D;
	border-left: 1px solid #FBB772;
	text-transform: uppercase;
}

#menu a.menuFirst {
	border-left: none;
}

#menu a.menuLast {
	border-right: none;
}

#menu a:hover, #menu a:active, #menu a.active {
	background: url("buttons/btn_menu_mo.gif") !important;
	color: #f58023 !important;
}

#menu li ul {
	position: absolute;
	left: 0;
	top: 32px;
}

#menu li ul li {
	float: none;
	width: 190px;
}

#menu li ul li a {
	height: 32px;
	width: 190px;
	display: block;
	background: #F58023 none;
	text-align: left;
	padding: 0 12px;
	color: #fff;
	border-right: 1px solid #e3dedc;
	border-left: 1px solid #e3dedc;
	border-bottom: 1px solid #e3dedc;
	text-transform: none;
	font-weight: bold;
}

#menu li ul li a:hover, #menu li ul li a:active {
	background: #f0f0f0 none !important;
	color: #F58023 !important;
}

/* END MENU */

/* APPLICATION WIZARD */



#schemaContent {
	background: #D9E5E7 url(backgrounds/bg_schema.png);
	border-bottom: 1px solid #D1C8C4;
	border-left: 1px solid #D1C8C4;
	border-right: 1px solid #D1C8C4;
}

#schemaContent a {
	color: #008EB0;
	Xborder: dotted red 1px;
}

/* JOHN TODO endre klasse på disse linker */
a.mer_info:hover, a.mer_info:active {
	text-decoration: underline;
}

/* JOHN TODO endre navn på klassen */
div.skyggetest {
	margin: 0 55px 4px;
	padding:5px;
	border-style:outset;border-width:1px;border-color:#eeeeee;
	background: #D9E5E7 url(backgrounds/bg_schema.png);
	position:relative;
}


div.toggle_knapp  {
	width: 150px;
}
div.toggle_knapp img {
	vertical-align:middle;

}
div.skyggetest div.toggle_knapp {
	position:absolute;
	right:0;
	bottom:2px;
	/* border: solid red thick; */
}
div.skyggetest table.schemaTableText td {
	padding-top:1px;
}

ul#schemaBar {
	font-size: .75em;
	text-transform: uppercase;
	height: 20px;
	overflow: hidden;
}

ul#schemaBar em {
	font-weight: normal;
	font-size: 1.2em;
}

ul#schemaBar li {
	border-top: 1px solid #D1C8C4;
	border-left: 1px solid #D1C8C4;
	border-right: 1px solid #D1C8C4;
	float: left;
	padding: 0 10px;
	margin-right: 1px;
}

ul#schemaBar li.schemaSelected {
	background-color: #D9E5E7;
}

ul#schemaBar li.completed {
	cursor: pointer;
}

ul#schemaBar li.completed:hover {
	background-color: #ECF1F2;
	cursor: pointer;
}

#schemaContent h2 {
	padding: 25px 0 15px 120px;
}

#schemaContent .medsokerOff {
	display: none;
}

#schemaContent .medsokerON {
	display: block;
}

table.schemaTableText {
	width: 100%;
}

/*
table.schemaTableTextUnderSeksjonGjentatt td.righttext{
	background: url(backgrounds/test1.png);
	position: relative;
left:5px;
top:5px;	
background-repeat: repeat-y;
background-position: top right;
}
*/




div.overskrift {
	color: #59CAF0;
	font-size:18pt;
	padding: 15pt;
	padding-bottom:25pt;
	font-weight: bold;
}

.schemaDivText {
	margin: 0 137px 40px 137px;
}

table.schemaTableText td {
	padding: 5px;
	vertical-align: top;
}

table.schemaTableText td.righttext {
	text-align: left;
	font-weight: bold;
	width: 25%;
	padding-left: 5%;
}

table.schemaTableText td.righttext2 {
	text-align: left;
	font-weight: bold;
	width: 20%;
	padding-left: 5%;
}

table.schemaTableText td.bunnstip  {
	border-bottom: solid #CCCCCC 1pt;
	margin-bottom: 15px;
}
table.schemaTableText td.normalweight {
	font-weight: normal;
	padding-right: 20px;
}
table.schemaTableText td.punkt {
vertical-align:middle;
}
table.schemaTableText td.punkt div.punkttxt{
font-size: 200%;
padding: 20px;
}

table.schemaTableText td.bottomalign {
	vertical-align: bottom;
}

.ftabstyle_alt {
	background-color:#E1F1F2;
	border-top:solid #AAA 1px;
	border-bottom:solid #AAA 1px;
}

table.formTableText {
	width: auto;
}

table.formTableText td {
	padding: 5px 5px 5px 0;
	vertical-align: top;
}

label {
	margin-right: 20px;
	font-weight: bold;
}

#schemaContent textarea {
	font-weight: normal;
	width: 180px;
	height: 100px;
	
}

span.legend {
	font-size: .8em;
	padding-left: 6px;
}

div.radioDiv {
	position: relative;
}

div.loanDetailsContainer {
	margin-top: -20px;
	margin-left: 50px;
}

div.loanLegend {
	font-size: .8em;
	position: relative;
}

table.schemaTableText td.separator {
	height: 2em;
}

#scemaNavigation {
	text-align: right;
	width: 100%;
	height: 50px;
	margin: 10px auto 10px auto;
	
}

.loanDetailsBox {
	font-size: 1.2em;
	position: absolute;
	top: -8px;
	left: -5px;
	z-index: 12 !important;
}

.loanSpacer {
	height: 200px;
}

.loanDetailsBox ul {
	border-bottom: 1px solid #D1C8C4;
	width: 130px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}

.loanDetailsBox li {
	border-top: 1px solid #D1C8C4;
	border-left: 1px solid #D1C8C4;
	border-right: 1px solid #D1C8C4;
	background-color: #fff;
	font-weight: bold;
	font-size: 1.3em;
	padding: 4px 0 4px 7px;
}

.loanDetailsBox li.selected {
	border-right: none;
}

.loanDetailsBox .loanDetailsTable {
	border: 1px solid #D1C8C4;
	background: #D7D7D7 url(backgrounds/bg_loan.png) top left repeat-x;
	position: absolute;
	left: 129px;
	top: 0;
	width: 310px;
	padding: 10px;
	z-index: 2;
}

.loanDetailsBox table {
	width: 100%;
	margin-top: 15px;
}

.loanDetailsBox td {
	padding: 5px;
}

.loanDetailsBox table td.righttext {
	width: auto;
}

.loanDetailsBox .stdbutton, .loanDetailsBox .stdbutton_mo {
	margin-top: 0;
}


/* END APPLICATION WIZARD */

/* CUSTOM POSITIONING AND SIZE */

	/* these styles are used to set basic styles to containers on the fly or in the HTML without having to create a brand new class or ID */

.left {
	float:left;
}

.right {
	float:right;
}

.none {
	float:none;
}

.clearBoth {
	clear:both;
}

.noPad {
	padding:0;
}

.seventy {							/* 70% width */
	width:66%;
}

.thirty {	
	width:288px;
}

.fifty {
	width:50%;
}

/* END CUSTOM POSITIONING AND SIZE */

/* POPUP */

body#popupBody {
	/*
	min-height: 0;
	height: auto;
	margin: 0;
	padding: 0;
	*/
}

.popupContent {
	margin: 20px;
	padding: 20px;
	background-color: #fff;
	position: absolute;
	top: 0;
}

.popupContent h1 {
	margin: 0;
	padding: 0 0 8px 0;
}

/* End POPUP */


/* Clearfix */


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

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#splash-banner img {
	position:relative;
	left:1px;
}

.drop-shadow {
	width: 700px;
	height:20px;
	margin: 0 auto;
	box-shadow: 10px 10px 5px #888;
}

.v2_infobox {
	border-radius: 5px;
}