/*********** INDEX *******/

.smeny img {
	margin-top: 2px;
	vertical-align: middle;
	text-align: center ! important;
}

/*
#frontpres {
	margin-top: 20px;
	float: right;
	width: 619px;
	
}*/

#frontpres {
	margin-top: 20px;
	margin-bottom: 20px;
}

.bp {
float: left;
	display: block;
	width: 635px;
	margin-left:25px !important;
	margin: 0.05em 0.2em 0.2em 0;
	height: 2.2em;
	padding: 5px 0 6px 0;
}

.bp td {
	vertical-align: baseline;
	background-image: url("b/front_b_strek.gif");
	background-repeat: repeat-x;
	background-position: 0 15px;
	height:25px;
}

.bp .navn, .bpaa .navn  {
	font: 1.1em Arial, Tahoma,Verdana;
	font-weight: bold;
}

.bp .dato, .bp .kl, .bpaa .dato, .bpaa .kl {
	text-transform: uppercase;
	font-size: 0.7em;
} 

.stengt {
	color: #C9C9C9 ! important;
}

.bpaa {
	float: right;
	position: relative;
	right: 19px;
	display: block;
	width: 593px;
	margin: 0.2em 0 0.2em 0;
	height: 2em;
	padding: 6px 5px 4px 7px;
	background: #DEF4E0;
	border: 1px solid #6D9B71;
		color: #6D9B71;
/*	margin-right: 7px ! important;*/
}

.bpaa td {
	vertical-align: baseline;
	background: transparent;
}

.bpaa .status {
	font-weight: bold;
	text-align: center ! important;
	color: #6D9B71;
	text-transform: uppercase;
	font-size: 0.86em;
	text-decoration: underline;
}

.status {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.velkommen a{
	position:center;
}	
.velkommen img{
	position:center;
}
#inyheter {
	background: white;
	position: relative;
	padding: 3px 1px 3px 1px;
	border-bottom: 1px solid black;
	height: 100%;
}

#inyheter .in {
	position: relative;
	border-bottom: 1px solid #CFE1E9;
	border-top: 1px solid #CFE1E9;
	margin-bottom: 2px;
	background: #ECF3F6;
	padding: 0.4em;
	margin: 1px;
}

.in .tittel {
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
}

.in .dato {
	float: right;
	font-weight: normal;
	font-size: 0.9em;	
}

.in .tekst {
	font-style: italic;
	padding-left: 2em;
}

.karr_tab {
position: relative;
width: 92%;
	margin: 7px 0 0 10px;
	font: 0.8em Tahoma, Verdana;
}

.karr_tab td {
	font-family: Tahoma, Verdana;	
}

.karr_tab .tittel {
	font-weight: bold;
}

.karr_tab .link {
	vertical-align: top;
}

.karr_tab a:link, .karr_tab a:active, .karr_tab a:visited {
	color: #5F758B;
	text-decoration: none;
}

.karr_tab a:hover {
	color: #889BAE;
	text-decoration: underline;
}

.karr_tab td.dato {
	text-align: right ! important;
	color: #A9B7C5;

}

#andre_nyheter {
		background: #EBEEF1;
}

#k_ann {
	position: absolute;
	background: #EBEEF1;
	left: 320px;
	width: 368px;
	top:0 ;
	margin: 0;
	height: 100%;
	overflow:auto;
}

.ann_topp {
	position: relative;
	border-left: 4px solid #5F758B;
	color: white;
	background: #889BAE;
	text-transform: uppercase;
	font: 0.86em Tahoma, Verdana;
	padding: 2px 0 2px 6px;
	font-weight: bold;
	height: 21px;
}

.ann_pt {
	display: block;
	position: relative;
	background: white;
	padding: 0.1em;
	padding-left: 10px;
	margin-bottom: 1px;
	font: 0.8em Tahoma, Verdana;
/*	border: 1px solid blue;*/
}

.ann_pt .f {
	font-weight: bold;
	color: #5F758B;
}

.ann_pt .dato {
position: absolute;
right: 2px;
	text-align: right;
	display: inline;
	display: none;
}

.iannonse {
	background: #C45C00;
	margin: 1px;
	padding: 2px;
	color: white;
	border: 1px solid #FF8211;
	font: 0.8em Tahoma, Arial;
}


/***********  STUDENTSIDE               */

#student_topp {
	padding: 1em 0 0 40px;
}

#student_topp #navn {
	font: 1.1em Tahoma, Arial;
	font-weight: bold;
}

#student_topp #det {
	font-size: 0.8em;
}

#student_topp #linje {
	font-family: Tahoma, Arial;
	text-transform: uppercase;
	font-weight: bold;
}

.ulink {
	font-size: 0.8em;
	color: #828282;
}

.ulink a {
	/*background: #F4F4F4;
	padding: 1px;*/
}

.ulink a:link, .ulink a:visited, .ulink a:active {
	text-decoration: none;
	color: #007EB2;
}

.ulink a:hover {
	text-decoration: underline;
}

#studliste {
	position: relative;
	padding: 10px 0 0 35px;
	height:400px;
	overflow:hidden;

}
#splittbilde{
	margin-top: -290px;
	margin-bottom:250px;
	margin-left: 178px;
	border: 0px !important;


}
#splittbilde2{
	margin-top: -11px;
	margin-left: 228px;
}

.studlink {
	position: relative;
	display: block;
	padding: 5px;
	font: 0.8em Tahoma, Arial;
	border-bottom: 1px solid white;
/*	border-bottom: 1px dashed #DBDBDB;*/
	background: #E9E9E9;
}

.studlink2 {
	position: relative;
	display: block;
	padding: 5px;
	font: 0.8em Tahoma, Arial;
	border-bottom: 1px solid white;
/*	border-bottom: 1px dashed #DBDBDB;*/
	background: #E9E9E9;
	width: 205px;
}

a.studlink:link, a.studlink:visited, a.studlink:active, a.studlink2:link, a.studlink2:visited, a.studlink2:active {
	color: black ! important;
	text-decoration: none ! important;
}

a.studlink:hover, a.studlink2:hover {
	background: #C1C1C1 ! important;
}

.studlink .navn, .studlink2 .navn {
	font-weight: bold;
}

.studlink .dato, .studlink2 .dato {
	position: absolute;
	left: 300px;
}

.studlink .kl, .studlink2 .kl{
	position: absolute;
	left: 410px;
	
}

.studlink .status, .studlink2 .status{
	position: absolute;
	left: 460px;
	font-weight: bold;
	text-transform: uppercase;
	color: #7AB458;
}

a.paa {
	background: #D2EAC4;
	border-bottom: 1px solid #7AB458;
	
}

/*
a.valgt {
	background: #97A4B0 ! important;
	color: white ! important;
	border-bottom: 1px solid white;
}*/

.dvalgt {
	position: absolute;
	height: 4px;
	width: 4px;
	top: 9px;
	left: 230px;
	background: black;
}

#studliste .fb_paa_venner {
position: absolute;
left: 630px;
color: #3B5998;
font-size: 0.8em;
background: white;
padding:2px;
}

/***************************/
/* Facebooksiden           */


#stegboks {

position: relative;

background: #F6F8E6;
border: 1px solid #EBEED2;
padding: 0.4em;
margin: 1px;

}

.ekstraboks {
margin-left:1em;
background: white;
border: 1px dashed #C1D3DA;
padding:0.4em;
width: 100px;
font-weight: bold;
text-align: center;
font-size: 1.2em;
}

#fbvindu {
position: absolute;
z-index: 3;
left: 700px;
top: 87px;
width: 200px;
background: white;
border: 1px solid black;
height: 200px;
overflow: auto;

}



/***************************/
/* STUDENTinfo-formatering */


#aktiv #info {
/*	position: absolute;
	right: 0;
	top: 86px;*/
	float: right;
	width: 400px;
	height: 100% ! important;
	background: #F7F8F9 ! important;
	border-left: 1px solid black;
/*	border-bottom: 1px solid black;*/
	/*z-index: 4;*/
	bottom: 0;
}

#aktiv a:link, #aktiv a:active, #aktiv a:visited {
	color: #00587D;
	text-decoration: none;
}

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

#aktiv h2, #aktiv h3 {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

#aktiv #info #innhold {
	position: relative;
	display: block;
	padding: 0.4em 1em 0 1em;
}

#aktiv #bedrift {
	font: 1.2em Arial;
	font-weight: bold;
	text-transform: uppercase;
}

#aktiv #sted, #aktiv #kl, #aktiv #fristavm {
	font: 0.8em Tahoma, Arial;
/*	font-weight: bold;*/
	text-transform: uppercase;
}

#aktiv #tekst {
	font: 0.8em Arial;
	margin-top: 0.86em;
	color: #797979;
	background: white;
	padding: 0.4em;
	border: 1px solid #C6CED7;
	max-height:225px;
	overflow:auto;

}
#aktiv #fristavm{
color:red;
}
#aktiv #spesielt {
	position: relative;
	display: block;
	padding: 0.4em;
	font: 0.8em Arial;
	border: 1px solid #C6CED7;
	color: #797979;
	margin-top: 1px;
}


a#stud_bedrift_web {
	position: relative;
	display: block;
	padding: 0.1em;
	text-align: center;
	font: 0.8em Tahoma;
	font-weight: bold;
	/*background: #C6CED7;*/
	color: #00587D ! important;
	margin-top: 1px;
}


a#stud_bedrift_web:hover {
	color: #009CDF ! important;
	text-decoration: none;
}

#aktiv #knappz {
	float: right;
	width: 110px;

}

#aktiv .pameldt {
	font-weight: bold;
	color: green;
	text-transform: uppercase;
}

.avknapp {
	font-size: 0.7em ! important;
	text-transform: uppercase;
	/*height: 17px;*/
}

.paknapp {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #7AB458;
}

.intknapp {
	float: right;
	font-family: Verdana;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #8798AB;
	font-weight: bold;
	margin-top: 1px;
	display: block;
}
#aktiv #bunn_info {
	position: absolute;
	bottom: 2px;
	width: 100%;
}
#aktiv #innhold #lines{
	width:100%;
	font: 0.8em Arial;
	border: 1px solid #C6CED7;
	background:white;
}

#teksten {
	padding: 0.4em;
	font: 0.9em Arial;
	color: black;
	background: white;
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
}

#aktiv #profiledit {
	height: 90%;
	margin-left: 40px;
	background: #ECF0F4;
	padding: 0;
	width: 48%;
	border-left: 0px solid #5F758B;
}

.stil {
	position: relative;
	color: white;
	background: #007EB2;
	text-transform: uppercase;
	font: 0.86em Tahoma, Verdana;
   padding: 2px 0 2px 6px;
	font-weight: bold;
	display: block;
	margin: 0;
}

#tbar-h a {
	text-decoration: none;
	color: black;
}

#tbar-h a:hover {
	text-decoration: underline;
}

#uaktuell {
	padding: 0.3em;
	font-size: 0.85em;
	/*font-style: italic;*/
	background: #C6CED7;
	color: white;
	margin-top: 0.6em;
	clear: right;
}

#kortet {
	margin: 6px;
	border: 1px solid #007EB2;
	background: #CFE1E9;
	overflow: auto;
	width: 90%;
	padding: 0.5em;
	margin: 1px auto 1px auto;
}

#kortet img {
margin-right: 0.4em;
}


/******************************/
/* KALENDERformatering */

/*tabell-dato*/
.tdato { 
	/*position: relative;*/
	display: inline;
	top: 1px;
	left: 1px;
	font-weight: bold;
	/*background: #F2F2F2;
	border: 1px solid #C3C3C3;*/
	padding: 1px 4px 1px 4px;
	margin: 1px 1px 2px 1px;
	text-decoration: underline;

}

.denne {
	background: black;
	color: white;
}

.tab_arr, .tab_forslag, .tab_gen, .tab_intern { /* arr-punkt i tabellen */
/*	display: block;
	position: relative;*/
	padding: 1px 0 1px 1px;
	margin-top: 1px;
	font: 0.8em Tahoma, Verdana, Arial;
}
.tab_arr {
	background: #F3FBC8;
	border: 1px solid #F5FB24;
	color: black;
}

.tab_forslag {
	background: #F9FBD7;
	border: 1px solid #ECF187;
}

.tab_dag {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

.tab_gen {
	font-size: 0.7em;
	padding-top: 0;
	padding-bottom: 0;
	background: #EFEFEF;
	border: 1px solid #C5C5C5;
	color: #A3A3A3;
}
.tab_gen a{
color:black !important;
text-decoration:none !important;
}

.tab_intern {
	background: #CBFCC9;
	border: 1px solid #469F39;
	color:black;
}
.tab_intern a{
color:black !important;
text-decoration:none !important;
}

#kal_vis {
	margin-top: 1px;
	padding: 0.5em;
	border: 1px solid #C8C8C8;
	background: #E9E9E9;
}

.pad {

	padding: 0.5em;
}
.testpaahoyt{
	padding: 1em;
	border: 5px solid #C8C8C8;
	background: #FFFFFF;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    border-radius: 10px;
    background-image:url('b/tplogo_transp.jpg');
	background-repeat:no-repeat;
	background-position: center right;
	overflow:auto;
}
 #testpaahoyt2{
	
	padding: 1em;
	background: #FFFFFF;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    border-radius: 10px;
    background-image:url('b/tplogo_transp.jpg') !important;
	background-repeat:no-repeat;
	background-position: right;
}
#testpaahoyt2 tr.alt td 
{
	color:#000000;
	max-width: 400px !important;
	overflow:hidden;
	text-overflow: ellipsis;
	border: 1px solid #C8C8C8;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
    border-radius: 3px;
-vendor-box-shadow: 2px 2px 2px grey;
}
#testpaahoyt2 tr.alt2 td 
{
text-align: center;
font-size: 4;
color: #87CEFA;
border-color:#C8C8C8;
border-bottom-style: solid;
border-bottom-width:2px; 
}
#testpaahoyt2 tr.alt3 td 
{
text-align: center;
font-size: large;
color: black;
border-color:gold;
border-bottom-style: solid;
border-bottom-width:2px; 
}
#testpaahoyt2 tr.alt4 td 
{
text-align: center;
font-size:small;
color: black;
border-color:grey;
border-bottom-style: solid;
border-bottom-width:2px; 
}
#testpaahoyt2 tr.alt5 td 
{

text-align: center;
font-size: 0.88em;
color: black;
border-color:skyblue;
border-bottom-style: dotted;
border-width:2px; 
}
#testpaahoyt3 {
	width: 96%;
	background: #FFFFFF;
	background-repeat:no-repeat;
	background-position: right;
	text-align: center;
	font-size: 4;
	color: #87CEFA;
	border-color:#C8C8C8;
	border-bottom-style: solid;
	border-bottom-width:2px; 
}

.navn_test{
	font: 1em Tahoma, Arial;
	font-weight: none;
	color:#46556a;
	padding-left:4px;
}


/**************************************/
/********** ADMIN FORMATERING *********/


#ameny {
	display: block;
	position:relative;
	padding-top:4px;
	margin-bottom: 4px;

}

#ameny .tittel {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 4px;
	padding: 4px;
	
}

#ameny a {
	margin-top: 4px;
	padding: 4px;
	font-weight: bold;
	margin-right: 1px;
}

#ameny a:link, #ameny a:active , #ameny a:visited {
	margin-top: 4px;
	background: #E9E9E9;
	color: #007EB2;
	text-decoration: none;
} 

#ameny a:hover {
	background: #CFE1E9;
	text-decoration: underline;
}

#umeny {
	display: block;
	position:relative;
	padding-top:4px;
	margin-bottom: 5px;
	border-top: 1px solid #A6A6A6;
	font-size: 0.85em;
	text-transform: uppercase;

}

#umeny a {
	margin-top: 4px;
	padding: 4px 6px 4px 6px;
	font-weight: bold;
	/*margin-right: 1px;*/
	border-right: 1px solid #A6A6A6;
}

#umeny a:link, #umeny a:active , #umeny a:visited {
	margin-top: 4px;
	background: #E9EEE3;
	color: #5E7245 ! important;
	text-decoration: none ! important;
} 

#umeny a:hover {
	background: #D5DEC9;
	text-decoration: none ! important;
}

#paa_liste {
	font-size: 0.9em;
	border-collapse: collapse;
}

#paa_liste td, #paa_liste th {
	text-align: left;
}

/* tabellformatering pliste */

.lys td,.lys {
	 background: #FBFBFB;
}

.mork td,.lys {
	background: #F5F5F5;
}

#arrtab {
	border-collapse: collapse;
	border: none;
	font-size: 0.9em;
	width: 300px;
}

/**KULTAB**/

.kultab {
	border-collapse: collapse;
	border: none;
	font-size: 0.9em;
	margin-left: 8px;
	margin-right: 8px;
}

.kultab td {
	border: 1px solid #E9E9E9;
}

#arrtab .t, #bedrift_info .t, .kultab .t {
	text-align: left;
	padding-right: 0.3em;
	padding-left: 0.3em;
	font-weight: bold;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ECF3F6;
}

#arrtab .det, #bedrift_info .det,.kultab .det {
	background: #ECF3F6;
	border-color: white;
	padding: 0.3em;
	text-align: left;
}

#arr_hoyre {
/*	position: absolute;
	float: right;
	right: 0;*/
/*	float:right;*/
/*	width: 50%;
	margin-bottom: 2em ! important;
	overflow: visible;*/
}

#arr_hoyre #sjekkliste {
	background: #0770A7;
	padding: 1px;
	margin-bottom: 1px;
}

#arr_hoyre #sjekkinni {
	border: 1px solid #F0F0F0;
/*	padding: 0.3em;*/
	color: #F0F0F0;
	font-size: 0.8em;
}

.sjekk_person {
	font: 0.87em Tahoma;
/*	float: right;*/
	color: #71B665 ! important;
	display: inline;
/*	margin-left: 2px;*/
}

.sjekk_person a {
	color: #EE8D2D ! important;
	font-weight: bold ! important;
}

#arr_hoyre #diskusjon {
		background: #F0F0F0;
/*		position: relative;*/
		display: block;
}

#logg {
	border: 1px solid #E9EEE3;
	margin-top: 1px ! important;
	display: block;
}

#arr_hoyre textarea {
	width: 85%;
	font: 0.6em Tahoma, Arial, Verdana ! important;
	color: #5D5D5D;

}

#arr_hoyre input.send {
	font: 0.8em Tahoma, Arial;
	font-weight: bold;
	float: right;
}

#arr_hoyre form {
	display: inline;
}

#diskusjon #posts {
	overflow: auto;
	height: 7em;
	width: 100%;
	margin-top: 1px;
	display: block;
}

#posts .innlegg {
	/*display: block;*/
	border-bottom: 1px dashed #C1CFAF;
	font: 0.7em Tahoma, Verdana, Arial;

}

#posts .innlegg .dato {
	float: right;
	text-align: right;
	color: #C1CFAF;
	display: inline;
	margin-right: 1px;
}

#posts .innlegg .navn {
	font-weight: bold;
}

#logg .innlegg {
	font: 0.7em Tahoma, Verdana, Arial;
}

#epost_ut {
	font: 1em "Courier";
	background: #F8FAED;
	border: 1px solid #616C1E;
	color: #616C1E;
	padding: 0.4em;
	margin-left: 8px;
	margin-right: 8px;
}

.tidl_epost {
	position: relative;
	padding: 0.3em;
	font: 1.1em Tahoma;
	background: #F0F0F0;
	border: 1px solid #C9C9C9;
	margin: 1px;
}


/*****************************/
/********* BEDRIFTSIDE *******/

.kont_logg {
	display: block;
	border-bottom: 1px solid #CFE1E9;
	border-top: 1px solid #CFE1E9;
	margin-bottom: 2px;
	background: #ECF3F6;
	padding: 0.3em;
	font-size: 0.9em;
}

.kont_logg .tittel {
	text-transform: uppercase;
	display: inline;
}

.kont_logg .akt {
	font-weight: bold;
	text-transform: uppercase;
}

.kont_logg .kommentar {
	font-style: italic;
	display: block;
}

.kont_logg .dato {
	float: right;
	font-size: 0.8em;
	color: #AFCDDA;
	text-align: right;
}

.kont_logg .person {
	font-weight: bold;
	font-size: 0.9em;
	color:#ed8818;
}

.bedkont_skjema td input {
	/*width: 95%;*/
}

.bedkont_skjema textarea {
	width: 100%;
	font-family: Tahoma;
}


#bedrift_info {
	border: 1px solid #E9EEE3;
	font-size: 0.9em;
	border-collapse: collapse;
	margin-bottom: 3px;
	width: 100%;
}

#bedrift_info .tekst {
	vertical-align: top;
	padding: 0.4em;
}

#bedrift_kontakter {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #E9EEE3 ! important;
}

#bedrift_kontakter tr.topp td {
	font-weight: bold;
	text-transform: uppercase;
}

#bedrift_kontakter tr.kontakt td {
	background: #ECF3F6;
	border: 1px solid white;
	font-size: 0.8em;
}

#bedrift_kontakter td {
	padding: 0.1em;
}

#bedrift_kontakter tr.kontakt input {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#bedrift_kontakter tr.kontakt .pri {
position: relative;
display: inline;
padding: 1px;
margin-top: 2px;
}

#dialog {
	border: 1px solid #E9EEE3;
	display: block;
}

.tdbox {
	position: relative;
	height: 100%;
	background: #DBE9EE;
	border: 1px solid #CFE1E9;
	padding: 2px;
	text-transform: uppercase;
	font-weight: bold;
	color: #447C95;
}

.b-index {
	font: 0.8em Tahoma;
	font-weight: bold;
	border-top: 1px solid #E9E9E9;
	background: #FBFBFB;
}

#btab .aktivitet {
	color: #CDCCCE;
	font-size: 0.9em;
	font-style: italic;
}

.skjema_kat, .skjema_spm {
	padding: 0.2em;
	margin: 1px;
	background: #F7F7F7
}

.skjema_spm {
	background: #E9E9E9;
}

#hdiskusjon {
	border-collapse: collapse;
	border: none;
	margin: 1px;
	width: 100%;
}

#hdiskusjon .overst td {
	border-top: 2px solid #E9E9E9;
	background: #FBFBFB;
}

#hdiskusjon .topp {
	font-weight: bold;
	background: #E9E9E9;
}

#hdiskusjon .innlegg {
	font-style: italic;
}

/************************/
/*  ADMIN-tpside */

#tpfolk {
	border-collapse: collapse;
	border: none;
	width: 100%;
}

#tpfolk td {
	border: none;
	border-top: 1px solid #E9E9E9;
	background: #FBFBFB;
}

#tpfolk td.navn {

	font-weight: bold;
}


.bruker_detaljer td {
	padding: 0.3em;
		font-size: 0.85em;
	/*background: #E9E9E9;*/
	border: 1px solid #6F6F6F ! important;
	border-top-color: #6F6F6F ! important;
}

/****************************/
/*  KONTAKT css *************/

#kontaktboks {
margin: 1px 10% 2px 10%;
position: relative;
background: #0770A7;
padding: 1px;
}

#k_inni {
	border: 1px solid #F0F0F0;
	padding: 1em 0.3em 1em 3em;
	color: #fff;
}

#k_inni #tips {
	position: relative;
	padding: 0.4em;
	font-style: italic;
	background: #F8FAED;
	border: 1px solid #616C1E;
	color: #616C1E;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	font-weight: bold;
}

#k_inni #pdata {
	padding: 0.4em;
}

/****************************/
/*  Tipsboks *************/

div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}