img 
{
    border: none 0px black;
}

.cartluft 
{
    border: none 0px black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	height: 6px;
	display:block;
}

.viktig form
{
    padding-top: 6px;
}

form
{
    border: none 0px black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.spacer {
  clear: both;
}

div.hovedmeny .knapp
{
   margin-top: 4px;
}


div.topp
{
    top: 0px;
    left: 0px;
    width: 100%;
    height: 74px;
    display: block;
    position: absolute;
    background-color: #39a0a7;
    background-image: url(http://www.imageshop.no/sunnhordland/imgeng/bg_top_2.jpg);
    background-repeat: no-repeat;

    z-index: 10000;    
}

div.sprak
{
    position:absolute; 
    left:0px; 
    top:50px; 
    z-index:10001
}

div.pynt
{
    top: 74px;
    left: 0px;
    width: 737px;
    height: 12px;
    display: block;
    position: absolute;
    background-color: #39a0a7;
    background-image: url(http://www.imageshop.no/sunnhordland/front-topp_02.gif);
}

table.hovedm
{
    width: 738px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
}

table.hovedm tr
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
}

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

td.menyfarge
{
    background-color: #a7d5e2;
    width: 170px;
}

div.hovedmeny
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
    
    width: 170px;
}

div.hovedmeny ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
    display:block;
    list-style-type: none;    
}

div.hovedmeny ul h4
{
    margin: 0px 0px 0px 0px;
    padding: 3px 10px 4px 10px;
    border: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: bold;
    
    display:block;
    color: White;    

    background-color: #39a0a7;
}

.viktig
{
    background-color: #bae5f1;
}

.viktig form
{
    padding-top: [paddingundersearch];
}


div.hovedmeny input.vanlig
{
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 2px 0px;
}

div.hovedmeny input.vanlig
{
    width: 145px;
    height: 13px;
	font-size: 9px;
}

div.hovedmeny select.vanlig
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 2px 0px;
    width: 150px;
    height: 17px;
	font-size: 9px;
}


div.hovedmeny li
{
    margin-bottom: 4px;
}

div.hovedmeny dl
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
    list-style-type: none;
}

div.hovedmeny dl.compact
{
padding-top: 4px;
}


div.hovedmeny dl.compact dd
{
    font-weight: normal;
    padding: 0px 10px 2px 10px;
}
div.hovedmeny dl.compact dt
{
    font-weight: normal;
    padding: 0px 10px 2px 10px;
}

div.hovedmeny dt 
{
    display: block;
    padding: 4px 10px 2px 10px;
    margin: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
    text-align:left;
}

div.hovedmeny dd
{
    padding: 0px 10px 8px 10px;
    margin: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
    text-align:left;
    font-weight: normal;
}




div.hoved
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 738px;
    display: block;
    top: 96px;
    left: 0px;
    position: absolute;
}

div.hovedmeny
{
    left: 0px;
    width: 170px;
    display: block;    
}

div.innhold
{
    margin-left: 30px;
    display: block;

    top: 0px;    
    
}

div.innholdbunn
{
    margin-right: 0px;
    margin-left: 30px;
    background-color: Beige;
    display: block;
    
    bottom: 0px;
}

div.bunn
{
    position: relative;
    display: block;
    width: 738px;
    background-color: Orange;
    bottom: 0px;
}

div.navigasjon
{
    margin: 0px 0px 0px 0px;
    
    display: block;
    height: 17px;    
}

div.navvenstre
{
    display: block;
    float: left;
 
}

div.navhoyre
{
    display: block;
    float: right;
}

div.navhoyre img
{
    vertical-align: middle;
}

/*********** Start detaljbilde *****************/
div.detailimage 
{
    vertical-align:middle;
    width: 382px;
    height: 380px;
    line-height: 380px;
    text-align:center;
	padding: 1px;    
    border-style:solid;
    border-color: #d0d0d0;
    border-width: 1px;  
margin: 1px 1px 1px 1px;  
}
div.detailimage table
{
    width: 380px;
    height: 380px;
    border: none 0px black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
border-collapse:collapse;  
 
}
div.detailimage table td
{
vertical-align: middle;
text-align: center;
    border: none 0px black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
   
}

div.detailimage table td img
{
    vertical-align:middle;   
}


/* Teksten under bildet */
.detailtext
{
	height: 19px;
	width: 382px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	border-style: solid;
	border-color: #d0d0d0;
	background-color: #f0f0f0;
	border-width: 1px;
	margin: 1px 1px 10px 1px;
}

.detailtext img
{
	margin-left: 1px;
	margin-right: 3px;
	margin-top: 1px;
	margin-bottom: -4px;
}

/*********** Slutt detaljbilde *****************/


/* En thumbnail - på listeside */
div.thumbimage 
{
    vertical-align:middle;
    width: 122px;
    height: 120px;
    line-height: 120px;
    text-align:center;
	padding: 1px;    
    border-style:solid;
    border-color: #d0d0d0;
    border-width: 1px;  
margin: 1px 1px 1px 1px;  
}
div.thumbimage table
{
    width: 120px;
    height: 120px;
    border: none 0px black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
border-collapse:collapse;  
 
}
div.thumbimage table td
{
vertical-align: middle;
text-align: center;
    border: none 0px black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
   
}

/* Teksten under bildet */
.thumbtext
{
	height: 19px;
	width: 124px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	border-style: solid;
	border-color: #d0d0d0;
	background-color: #bae5f1;
	border-width: 1px;
	margin: 1px 1px 10px 1px;
}


.thumbtext img
{
	margin-left: 1px;
	margin-right: 3px;
	margin-top: 1px;
	margin-bottom: -4px;
}

a 
{    
    color: #39a0a7;
    text-decoration: none;
}

.thumblist
{
    width: 537px;
    border: none 0px black;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 9px 0px;
    border-collapse:	collapse;
}
/************************************************************************************************/

ul.styleinterface a
{
    font-weight: normal;
}

/************************************************************************************************
Administrasjon - ny:
*************************************************************************************************/

table.AdminTable
{
    border-collapse:collapse;
    border: solid 1px black;
    width: 100%;
}

table.AdminTable td
{
    border: solid 1px black;
    padding: 0px 2px 0px 2px;
}

table.AdminTable tr.overskrift
{
    background-color: #bae5f1;
}

table.AdminTable tr.overskrift
{
    background-color: #d0d0d0;
    font-weight: bold;  
}


table.AdminTable tr.sumseparator
{
    background-color: #bae5f1;
    font-weight: bold;  
    margin-bottom: 5px;
}

table.AdminTable tr.sumseparator td
{
border: 0px solid white;
border-bottom: 10px solid white;
}


table.AdminTable td.totalcap
{
    text-align: right;
}

table.AdminTable tr.totalsum
{
    background-color: #f8f8f8;
    font-weight: bold;  
}



h3.admin
{
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 1px 0px;
    background-color: #39a0a7;
    color: White;
}


/************************************************************************************************
Administrasjon:
*************************************************************************************************/

.sidebar
{
    position: absolute;
    top: 95px;
    left: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:170px;
    background-color: #a7d5e2;
    
    z-index: 100px; 
}

h1.detailh
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 20px;    
}

.sidebardetail
{
    position: absolute;
    top: 95px;
    left: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:170px;
    background-color: #ffffff;
    
    z-index: 100px; 
}



.sidebar input
{
    margin-left: 10px;
}

.thumblist
{
}

.sidebarpoint
{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
}

form 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.sidebarhead 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;	
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	background-color: #39a0a7;
}

.search
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
	width: 100%;
	margin-left: 10px;
}



.mainarea 
{
    position: absolute;
    top: 95px;
    left: 184px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:553px;
}

.mainarea2
{
    position: absolute;
    top: 300px;
    left: 184px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:553px;
}


.a1
{
	padding-left: 14px;
}


select.formtext
{
    width: 250px;
    
}

.ssformelement
{
    margin: 0px 10px 0px 10px;
    width: 150px;
}

a 
{    
    color: #39a0a7;
    text-decoration: none;
}

a.logout
{    
    color: #ffffff;
    background-color: #39a0a7;
    text-decoration: none;
}

a.logout:hover
{    
    color: #ffffff;
    background-color: #39a0a7;
    text-decoration: none;
}

a.menu
{    
    padding-left: 0;
    color: #ffffff;
    text-decoration: none;
    background-color: #39a0a7;
}

a.menu:hover
{    
    padding-left: 0;
    color: #ffffff;
    text-decoration: none;
    background-color: #003E6F;
}

.detailpoint
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
}

.categoryselect
{
    width: 100%;
}

a:hover
{
    border-color: White;
    border-bottom-width: 1px;
    color: #39a0a7;
    text-decoration: none;
}


/* En thumbnail - på listeside */
div.thumbimage 
{
    vertical-align:middle;
    width: 122px;
    height: 120px;
    line-height: 120px;
    text-align:center;
	padding: 1px;    
    border-style:solid;
    border-color: #d0d0d0;
    border-width: 1px;    
}

/* Selve thumbnail bildet */
div.thumbimage img
{
    line-height: 120px;
    vertical-align:middle;      
}

/* Teksten under bildet */
.thumbtext
{
	height: 19px;
	width: 124px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	border-style: solid;
	border-color: #d0d0d0;
	background-color: #bae5f1;
	border-width: 1px;
	margin: 1px 1px 1px 1px;
}


.thumbtext img
{
	margin-left: 1px;
	margin-right: 3px;
	margin-top: 1px;
	margin-bottom: -3px;
}

input.loginbox
{    
    margin-left: 0px;
    width: 145px;
}

div.loginheader
{
    margin: 0px 0px 0px 0px;
    width: 150px;
}



div.loginbox
{    
   width: 150px;
   font-family: verdana, helvetica, sans-serif; 
   font-size: 11px; 
   font-weight: bold;    
   margin: 0px 10px 0px 10px;
}



.menu
{
    width: 170px;
        
    background-repeat:no-repeat;
    background-position:left;
    
    padding-left: 17;
    font-family: verdana, helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    color: #FFFFFF; 
    line-height: 20px;
    background-color: #39a0a7;    
}

h3.adminmenu
{
    background-repeat:no-repeat;
    background-position:left;
    
    border: solid 1px #000000;
       
    padding: 0px 0px 0px 4px;
    font-family: verdana, helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    color: #FFFFFF; 
    line-height: 20px;
    background-color: #ffffe0;
}

a.adminmenu
{
    color: #000000; 
    border-left: solid 1px #000000;
    padding-left: 4px;
    background-color: #ffffe0;
}

div.adminmenu
{
    color: #000000;     
    padding-left: 0px;
    background-color: #ffffe0;
    float:left;
}

div.adminmenu a
{
    display: block;
    float: none;
}

.adminlistheader
{
    background-color: #afaf80;
}

a.adminmenu:hover
{
    color: #000000;
    border-left: solid 1px #000000;
    padding-left: 4px;
    background-color: #a7d5e2;
}

/* Listen som er brukt til å rangere dokumenter */
div.rankinglist 
{
    width: 380px;
}

/* + og - knappen */
div.rankinglist input
{
    width: 75px;
}

select.rankinglist
{
    width: 380px;
}


/* Detaljbilde på detail.aspx */
div.detailimage
{
    display: block;
    width: 380px;
    height: 380px;
    line-height: 380px;
    text-align:center;
}

div.navigation
{
    float: none;
    display: block;
    margin: 4px 0px 4px 0px;
}

div.navigation div.backwardblock
{
    float:left;
}

div.navigation div.forwardblock
{
    float:right;
}

div.forwardblock span
{
display:block;
float:left;
}




div.middleblock
{
    display: block;
    float:none;
}

body
{
   	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
}

td
{
   	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;

    background-repeat:no-repeat;
}


.handlekurv
{
    margin: 0px 10px 0px 10px;
    width: 150px;
}

.kategori
{
    margin: 0px 10px 0px 10px;
    width: 150px;
}

.functionlink
{
    text-decoration: none;
    color: #FFFFFF; 
    line-height: 20px;
    background-color: #39a0a7;
}

div.seksjon 
{
    border-bottom-color: #a0a0a0;
    border-bottom-style: solid;
    border-bottom-width: 1px;    
    width: 150px;
    height: 55px;
}


div.dialogboks div.seksjon 
{    
    display:block;
    float: left;
    border-bottom-color: #a0a0a0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 70px;
    width: 180px;
}

div.seksjon div.thumbs
{
    display: block;
    float: left;
    width: 32px;
    height: 48px;
    
    line-height: 48px;
    
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;    
}


body.dialogboks
{
    background-color: #ffffe0;    
}


div.dialogboks
{
    z-index: 1000;
    border-color: #000000;
    border-style: solid;
    border-width: 4px;
    background-color: #ffffe0;
    position: absolute;
    display:none;
    float:left;
    top: 163px;
    left: 220px;
    width: 600px;
    height: 371px;
}

div.navigation div.dialogboks
{
    z-index: 1000;
    left: 160px;
    top: 10px;
}


div.admindetail div.dialogboks
{
    top: 0;
    left: -570px;            
}

div.dialogboks div.okcancel
{
    float: right;
    display: block;    
    margin: 30px 1px 1px 1px;
    width: 350px;
}

div.dialogboks h1
{
    z-index: 200;
    margin: 0px 0px 0px 0px;
    background-color: #a7d5e2;
    border-bottom: solid 1px #000000;    
}

div.dialogboks h1 input
{
    z-index: 200;
    top: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

div.admindetail
{
    
    top: 80px;
    left: 745px;
    width: 200px;
    background-color: #ffffe0;
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    display: block;
    position: absolute;
}

div.admindetail h3
{
    margin: 1px 1px 1px 1px;
    display: block;
    float: none;
    background-color: #a7d5e2;
    border-bottom: solid 1px #000000;
    border-top: solid 1px #000000;
}

div.admindetail .menu
{
    margin: 0px 0px 0px 0px;
    background-color: #ffffa0;
    display: block;
    color: Black;
}

div.editsprakboks
{
    display: block;
    
}

div.editsprak 
{
    float: none;
    display: block;
        
}

div.editsprak input
{
/*    position: r;    */
    left: 345px;
    width: 300px;
}

div.editsprak h3
{
    background-color: #a7d5e2;
    padding-left: 20px;
}

div.documentdetailedit h3
{
    background-color: #a7d5e2;
    padding-left: 20px;
}

div.documentdetailedit img
{
    float: right;
}

/* Tabellen på admin liste siden */
table.adminlist
{
    width: 553px;
}

tr.adminlistheader
{
    background-color: #ffffe0;
}

tr.adminlistheader a
{
    text-decoration: underline; 
}

tr.adminlistheader a.sel
{
    text-decoration: underline;
    font-weight: bold;
}

tr.adminlistheader a.selrev
{
    text-decoration: underline;
    font-weight: bold;
}

/* Radene på admin liste siden */
tr.adminrow
{
    background-color: #e0e0f0;
}

/* Partall radene på admin liste siden */
tr.adminrowalt
{
    background-color: #a7d5e2;
}


.cateditpoint
{
    padding-left: 20px;
}

.authorselect
{
    width: 200px;    
}

/* span rundt en forfatter i en AUTHORLIST*/
div.oneauthor
{            
    display:inline;
    width: 150px;
    background-color: #e0e0f0;
    border: solid 1px #000000;
    margin: 4px 4px 4px 4px;
}

div.authorlist
{
    display: block;
}


div.property
{
    display: block;
    border: dashed 1px #000000;
    margin: 6px 2px 2px 2px;
    background-color: #ffffa0;
}

div.property h4
{
    margin: 0px 0px 0px 0px;
    background-color: #a7d5e2;
    border-bottom: solid 1px #000000;    
}

div.property p
{
    margin: 0px 0px 0px 0px;    
}

div.property img
{
    display: block;
    margin: 0px 0px 0px 0px;    
    float : none;
}


div.propertykeylist
{
    display: block;    
    margin: 0px 0px 0px 0px;
    
}

div.propertykey
{    
    margin: 0px 0px 0px 0px;
}

div.floatbox
{
    display: none;
    z-index: 100;
}

div.floatbox h4
{
    margin: 0px 0px 0px 0px;
    background-color: #a7d5e2;
    border-bottom: solid 1px #000000;    
}

div.pulldown
{  
    display:none;
    position:absolute;
    background-color: #ffffe0;
    border-left: solid 2px #000000;
    border-bottom: solid 2px #000000;
    border-top: solid 1px #808080;
    border-right: solid 1px #808080;
    color: Black;
    width: 200px;
}

div.pulldownhead
{  
    border-left: solid 2px #000000;
    padding-right: 4px;
}

div.pulldown a:hover
{  
    background-color: #a7d5e2;
    border-left: solid 2px blue;
    padding-left: 0px;
    color: #000000;
}


div.debugentry 
{
    background-image: url(../img/prikk.gif);
    background-repeat:no-repeat;
    
    display: block;
    padding-left: 7px;
}

.admintopmenu
{
    position: absolute;
    top: 10px;
    left: 170px;
    width: 550px;
}

.admintopmenu a
{
    float: left;
    color: #000000;
    border-left: solid 2px #000000;
}

.admintopmenu a:hover
{  
    background-color: #a7d5e2;
    border-left: solid 2px blue;
    padding-left: 0px;
    color: #000000;
}

.adminmenu a:hover
{  
    background-color: #a7d5e2;
    border-left: solid 2px blue;
    padding-left: 0px;
    color: #000000;
}


.adminmenu a
{
    float: left;
    color: #000000;
    border-left: solid 2px #000000;
}


div.pulldown a
{
    float: none;
    padding-left: 0px;
    background-color: #ffffe0;
    border-left: solid 2px #ffffe0;
    color: #000000;
}

input.fancybutton
{
    background-color: #39a0a7;
    color: white;
    
    border: solid 1px white;
    
    font-weight: bold;      
    padding: 2px 0px 2px 0px;   
    margin: 0px 0px 0px 10px;    
    text-align: center;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;        
}


a.fancybutton
{    
    background-color: #39a0a7;
    color: white;
    font-weight: bold;
    text-align: center;
    
    border: solid 1px white;
    padding: 2px 4px 2px 4px;   
    margin: 0px 0px 0px 10px;
    line-height: 2em;
}

a.fancybutton#hover
{    
    background-color: #39a0a7;
    color: white;
}

a.oldbutton
{
    font-weight: bold;
}

h3.orderh
{    
    background-color: #bae5f1;
    color: black;
    font-weight:normal;
    text-align: center;
    
    border: solid 1px #c0c0c0;
    padding: 2px 4px 2px 4px;   
    margin: 5px 0px 0px 0px;
    display: block;
    font-family: verdana, helvetica, sans-serif;
	font-size: 20px;            
}



input.adminbutton
{    
    background-color: #ffffe0;
    color: black;
    font-weight: bold;
    text-align: center;
    
    border: solid 1px black;
    padding: 2px 4px 2px 4px;   
    margin: 0px 0px 0px 10px;
    width: 90px;
    display: block;
}


div.admininfo 
{   
   padding: 4px 4px 4px 4px;
   background-color: #ffffe0;
   border: solid 2px Red;
}

td.downloaddocinfo
{
    background-color: #a7d5e2;
}

p.interfacelist a
{
	width: 150;
    display: block;
    border-bottom: solid 1px black;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
}

p.innrykk 
{
    margin: 0px 0px 10px 15px;
    width: 385px;
}

.a1 {  font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #000000}
.a2 {  font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #000000}
.a3 {  font-family: verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000}
.a4 {  font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #000000}

.b1 {  font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #000000}
.b2 {  font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #000000}
.b3 {  font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #CC0000}

.h1 {  font-family: verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000}
.h2 {  font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #000000}
.h3 {  font-family: verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #CC0000}

.field {  font-family: verdana, helvetica, sans-serif; font-size: 11px; height: 20px; width: 150px}
.select {  font-family: verdana, helvetica, sans-serif; font-size: 11px; height: 22px; width: 150px}


span.error 
{
    color: Red;
}

div.error 
{
    text-align:center;
    display: block;
    background-color: LightGrey;
    border: solid 3px red;
    padding: 10px 10px 10px 10px;
    font-size: 20px;
}