ÿþ@import "reset.css";



body {

  font: 0.68em arial, sans-serif;

  color: #5a5a5a;

  background-color: #fff;

  padding: 0;

}



/* containers */



div#container {

  border: #fff 1px solid;

  position: relative;

  width: 936px;

  margin: 0 auto;

  padding: 0;

}



div#top-shadow {

  width: 936px;

  height: 49px;

  background: url(../images/shadow-top-small.png) no-repeat top left;

  overflow: hidden;

}



body.big-header div#top-shadow {

  height: 186px;

  background-image: url(../images/shadow-top-big.png);

}



body.no-header div#top-shadow {

  height: 13px;

}



div#bottom-shadow {

  width: 936px;

  height: 50px;

  background: url(../images/shadow-bottom.png) no-repeat top left;

  overflow: hidden;

}



body.no-header div#bottom-shadow {

  height: 29px;

  background: url(../images/shadow-bottom.png) no-repeat bottom left;

}



div#main {

  position: relative;

  width: 900px;

  padding: 0 19px 0 17px;

  background: url(../images/shadow-middle.png) repeat-y top left;

}



div#content {

  width: 834px;

  min-height: 400px;

  padding: 25px 30px 0 30px;

  margin: 0 3px;

  background: url(../images/content-bg.png) repeat-x top left;

  overflow: hidden;

}



div#footer {

  clear: both;

  width: 834px;

  margin-top: 30px;

}



body.big-header div#footer {

  margin-top: 0;

}



a.branding {

	float: right;

	margin: 35px 22px 10px 0;

}



/* navigation */



div#navigation {

  position: absolute;

  z-index: 1;

  top: -36px;

  left: 20px;

  width: 894px;

  height: 33px;

  background-color: #a4bad6;

}



div#navigation ul {

  margin: 0;

  padding: 0;

}



div#navigation li {

  display: block;

  float: left;

}



div#navigation li a {

  display: block;

  float: left;

  height: 33px;

  padding: 0 15px;

  font-size: 1.2em;

  font-weight: bold;

  color: #fff;

  line-height: 33px;

}



div#navigation li a:hover,

div#navigation li.active a,

div#navigation li.dir_active a {

  background-color: #3566a5;

  text-decoration: none;

 }



/* columns */



div.column-main1 {

  float: left;

  width: 538px;

  margin-right: 40px;

}



div.column-main2 {

  float: left;

  width: 252px;

  margin-right: 40px;

}



div.column-main3 {

  clear: both;

  width: 834px;

}



div#diagram {

  margin-bottom: 30px;

}



div.column-sidebar1 {

  float: left;

  width: 256px;

}



div.column-sidebar2 {

  float: left;

  width: 250px;

}



div#introduction {

  margin: -29px 0 -30px -30px;

  width: 894px;

  height: 645px;

}



div#presentation {

  margin-left: 3px;

  width: 894px;

  height: 600px;

}



div.column-wide {

  float: left;

  width: 520px;

}



/* boxes */



div.box-login {

  position: relative;

  width: 216px;

  height: 166px;

  padding: 20px;

  margin-bottom: 15px;

  background: url(../images/box-login-bg.png) no-repeat top left;

}



div.box-education1 {

  position: relative;

  width: 216px;

  height: 85px;

  padding: 20px;

  margin-bottom: 15px;

  background: url(../images/box-education1-bg.png) no-repeat top left;

}



div.box-education2 {

  width: 216px;

  height: 52px;

  padding: 20px;

  background: url(../images/box-education2-bg.png) no-repeat top left;

}



div.box-search {

  padding:10px 10px 8px 10px;

  background-color:#efefef;

  margin-bottom:20px;

}



/* text */



h1 {

  font-size: 2.3em;

  color: #5e89c1;

  margin-bottom: .5em;

}



h2 {

  font-size: 2.1em;

  color: #5e89c1;

}



h3 {

  font-size: 1.8em;

  color: #5e89c1;

}



h4 {

  font-size: 1.2em;

  font-weight: bold;

  color: #5a5a5a;

  margin-bottom: .4em;

}



h5 {

  font-size: 1.4em;

  line-height: 1.5;

  margin-bottom: .8em;

}



h6 {

  font-size: 1.2em;

  line-height: 1.5;

  margin: 1em 0 .2em 0;

}



p {

  font-size: 1.2em;

  line-height: 1.5;

  margin-bottom: 1.2em;

}



div#content ul,

div#content ol {

  padding: 0;

  margin: 0;

  font-size: 1.2em;

}



div#content ul ul { font-size: 1em; }



div#content ul li { list-style: disc outside; margin: 0 0 .5em 2em; }



div#content ol ol { font-size: 1em; }



div#content ol li { list-style: decimal outside; margin: 0 0 .5em 3em; }

span.small { font-size: .8em; }



div#content ol.letters {

  display: block;

  padding:10px 10px 8px 10px;

  background-color:#efefef;

  margin-bottom:20px;

  list-style: none;

  }



div#content ol.letters li { display: inline; margin: 0; padding: 0; }



div#content ol.letters a.active { font-weight: bold; }



div.box-login h3,

div.box-education1 h3,

div.box-education2 h3 {

  font-size: 1.6em;

  margin-bottom: .3em;

  margin-top: 0;

}



div#content div.box-education2 ul {

  font-size: 1.2em;

  padding: 0;

  margin: 0;

}

div#content div.box-education2 li {

  list-style: none;

  margin: 0;

}



div.box-login p,

div.box-education1 p { margin-top: 0; }



/* links */



a {

  color: #5e89c1;

  text-decoration: none;

}



a img { border: 0; }



a:hover {

  text-decoration: underline;

}



a.doc {

	clear: both;

	padding: 2px 4px 3px 25px;

	display: block;

	background: url(/images/icons/doc.gif) no-repeat top left;

}



a.pdf {

	clear: both;

	padding: 2px 4px 3px 25px;

	display: block;

	background: url(/images/icons/pdf.gif) no-repeat top left;

}



a.xls {

	clear: both;

	padding: 2px 4px 3px 25px;

	display: block;

	background: url(/images/icons/xls.gif) no-repeat top left;

}



a.zip {

	clear: both;

	padding: 2px 4px 3px 25px;

	display: block;

	background: url(/images/icons/zip.gif) no-repeat top left;

}



a.ppt {

	clear: both;

	padding: 2px 4px 3px 25px;

	display: block;

	background: url(/images/icons/ppt.gif) no-repeat top left;

}

a span.grey {

	color: #888;

}



/* forms */



input.text {

  border: none;

  background: #fff url(../images/textfield-bg.png) repeat-y top right;

  padding: 6px 10px;

}



input#LoginBtn {

  position: absolute;

  bottom: 20px;

  right: 20px;

}



form p {

  margin-bottom: 0.5em;

}



/* login form */



#LoginForm input.text { width: 196px; }



#LoginForm span.small {

  position: relative;

  font-weight: bold;

  top: 5px;

}



/* misc */



a#foretagsam {

  display: block;

  width: 275px;

  height: 52px;

  margin: 20px 0 0 17px;

  background: url(../images/logo-foretagsam.png) no-repeat top left;

  text-indent: -999em;

}



div#splash {

  position: absolute;

  top: -173px;

  left: 20px;

}



span#icon-key {

  display: block;

  position: absolute;

  top: -13px;

  right: 20px;

  width: 57px;

  height: 64px;

  background: url(../images/icon-keys.png) no-repeat top left;

}



span#icon-glases {

  display: block;

  position: absolute;

  top: -7px;

  right: 20px;

  width: 75px;

  height: 42px;

  background: url(../images/icon-glases.png) no-repeat top left;

}



a#prevent {

  display: block;

  width: 136px;

  height: 41px;

  background: url(../images/logo-prevent.png) no-repeat top left;

  text-indent: -999em;

}



img.meetings {

  float: right;

  margin-bottom: 1em;

}



img.meetings-description {

  float: right;

  margin-bottom: 3em;

}



p#logged-in-as {

  display: block;

  position: absolute;

  top: 50px;

  right: 22px;

  margin: 0 15px 0 0;

  padding: 0;

}



a.switch-view {

  position: absolute;

  z-index: 3;

  top: 85px;

  right: 22px;

  display: block;

  height: 33px;

  padding: 0 15px;

  font-size: 1.2em;

  font-weight: bold;

  margin: 0;

  color: #fff;

  line-height: 33px;

}



a.switch-view:hover {

  background-color: #3566a5;

  text-decoration: none;

}



.clear { clear: both; }



div#panMessage {

  padding: 6px;

  border: 1px solid;

  margin-bottom: 1em;

}



div#panMessage p { margin: 0; }



div#panMessage.failure {

  border-color: #e0a494;

  background-color: #ffd8ce;

}



div#panMessage.success {

  border-color: #96d48e;

  background-color: #ddffd9;

}



/* Two col */

.twocol {

    float: left;

    width: 240px;

	margin-right: 20px;

}