/*****************/
/* COMMON STYLES */
/*****************/
*{margin:0;padding:0;border:0;}

body,p,div,td,th{font-family:verdana;font-size:11px;line-height:18px;}
body{margin:auto;text-align:center;background:#000;}
p,div{text-align:left;}

hr{background:#ccc;height:1px;margin:10px 0;}

.avecPop_on input.pnr{width:39px;margin-top:2px;background:#000;color:#fff;border:1px solid #3f3f3f;}
.avecPop_on input.port{width:202px;margin-top:2px;background:#000;color:#fff;border:1px solid #3f3f3f;}

#avecPop_4 input.textbox,
#login input.textbox{width:100px;background:#000;color:#fff;border:1px solid #3f3f3f;}
.avecPop_on input.textbox{width:250px;background:#000;color:#fff;border:1px solid #3f3f3f;}
.avecPop_on textarea{width:324px;background:#000;color:#fff;border:1px solid #3f3f3f;}

.white{background:#fff;}
.black{background:#000;}
.red{color:#933;}

.floatLeft{float:left;}
.floatRight{float:right;}
.floatMiddle{text-align:center;margin:auto;}
.clearer{clear:both;}
.spacer{height:10px;padding:5px;}

.pad5{padding:5px;}

/********************/
/* STRUCTURE STYLES */
/********************/
.pink{color:#fcb0b1;}
.blue{color:#6edebd;}
.grey{color:#3f3f3f;}

#main_front{margin:50px auto;width:510px;}
#wrapper_front{position:relative;background:#000;width:510px;}

#ColumnLeft_space{float:left;width:345px;margin-right:5px;z-index:1;}
#ColumnLeft{overflow:inline;}

#topContent_space{float:left;width:344px;height:189px;border:1px solid #3f3f3f;}
#topContent{padding:10px;}

#logga{float:left;width:181px;height:111px;background:url(../images/front_logo_ap.png) no-repeat;}
#login{float:left;position:relative;left:165px;top:-66px;height:79px;width:169px;color:#fff;line-height:15px;}
#moreinfo{float:left;position:relative;left:-10px;top:-37px;height:32px;width:345px;background:url(../images/linje_v.png)  repeat-x;}
#moreinfo{*top:-50px;_top:-37px;}
#moreinfo .pad5{*padding:0 5px;}
#moreinfo a{font-family:verdana;font-size:11px;float:right;}

#ColumnRight_space{float:left;width:158px;height:166px;z-index:1;background:url(../images/bg_kalender.png) no-repeat center center;}
#ColumnRight{height:166px;position:relative;}
#header_calendar{position:absolute;top:48px;width:158px;height:11px;background:url(../images/nastaprovning.png) no-repeat center center;}
#day{position:absolute;top:80px;left:40px;padding-bottom:5px;}
#month{position:absolute;top:133px;left:22px;}

#error_space{border:1px solid #3f3f3f;margin-top:5px;width:344px;}
#error{font-family:verdana;font-size:11px;line-height:16px;color:#6edebd;padding:2px 5px;}

/**************/
/* TYPOGRAPHY */
/**************/
a,a:visited{text-decoration:none;color:#fcb0b1;}
a:hover,a:active{text-decoration:underline;}

h1{font-size:18px;font-weight:bold;line-height:22px;margin:10px 0;text-transform:uppercase;}
h2{font-size:13px;font-weight:bold;line-height:18px;margin:10px 0;text-transform:uppercase;}
h3{font-size:12px;font-weight:bold;line-height:16px;margin-bottom:0;}
h4{font-size:13px;font-weight:bold;line-height:18px;text-transform:uppercase;margin:10px 0 0 0;}

#headerContent h2{font-family:verdana;font-size:12px;font-weight:normal;color:#6ededb;margin:0;}
#headerContent p{font-family:verdana;color:#666;font-size:11px;line-height:13px;margin:0;}

p{margin-bottom:5px;}

.intro{margin-top:0;}
.ingress{font-style:italic;font-size:10px;line-height:16px;}

/**************/
/* POP STYLES */
/**************/
#avecPop_1,#avecPop_2,#avecPop_3,#avecPop_4{position:absolute;width:344px;z-index:10;border:1px solid #3f3f3f;}

.avecPop_of{display:none;}
.avecPop_on{display:inline;}

.popArea{padding:10px;}
#popupArea{position:relative;left:0;top:5px;color:#666;}

/************/
/* BUTTONS  */
/************/

.enter_of{background: url(../images/buttons/enter.png);}
.enter_on{background: url(../images/buttons/enter_on.png);}
.ansok_of{background: url(../images/buttons/ansok.png);}
.ansok_on{background: url(../images/buttons/ansok_on.png);}
.skickaAnsokan_of{background: url(../images/buttons/skicka_ansokan.png);}
.skickaAnsokan_on{background: url(../images/buttons/skicka_ansokan_on.png);}
.pfcom_of{background: url(../images/buttons/pfcom.png);}
.pfcom_on{background: url(../images/buttons/pfcom_on.png);}
.skicka_of{background: url(../images/buttons/skicka.png);}
.skicka_on{background: url(../images/buttons/skicka_on.png);}

/********/
/* FORM */
/********/
#enter{border:0;}