@charset "utf-8";
/*==================== TAGS ============================*/
body{

	font-family: arial, Verdana, Helvetica, sans-serif;
	font-size: 0.81em;
	line-height: 140%;
	text-align: center;
	background-color:#FFFFFF;
}

h1 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:2em;
	font-weight:300;
	padding: 5px 0 15px 0;
	

}
h3 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:900;
}

a {
	color: #336666; 
	text-decoration:none;
}
#tabs .ui-tabs-panel a { color:#0C00C0;}
a:hover {
	text-decoration:underline;
}
em {
		font-style: italic;
}
li{
	list-style: none;
}
fieldset { border: 1px solid #CCC; padding:5px; margin:5px;}
legend { font-weight: 600;}

strong { font-weight:600 }
/*==================== LAYOUT ==================================================================================*/

#wrapper {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
}

#logo {
	padding:20px 0 20px 0;
}
#mainContent
{
	background:#FFFFFF;
}

#leftCol{
	float:left;
	width:550px;
	margin:10px 0;
	background:url(../graphics/greenLeftBG.png) no-repeat #FFFFFF;

	}

#rightCol{
	float:right;
	width:225px;
	margin:10px 0;
	background:url(../graphics/greenRightBG.png) no-repeat #FFFFFF;
}
.blueBG225{
	float:right;
	width:225px;
	margin:10px 0;
	background:url(../graphics/greenRightBG.png) no-repeat #FFFFFF;
}

#fullCol {
	float:left;
	width:1000px;
	}
#divForText
{
	width:550px;
	padding: 50px 0;
}
#leftForPatient{
		float:left;
		width:600px;
		margin:10px;
}
#rightForPatient
{
	float:right;
	width:225px;
	margin:20px;	
}
.sidebar { margin-top:25px;}
#besv_enk {
	margin:0 25px 25px 25px;
	}
#besv_enk a {
   text-indent: -9999pt;
   background: url(images/besv_enk.png) 0 0 no-repeat;
   width: 349px;
   height: 73px;
   display: block;
   }
#besv_enk a:hover {
   background-position: -350px 0;
   display: block;
   }
#besv_enk_en {
	margin:25px;
	}
#besv_enk_en a {
   text-indent: -9999pt;
   background: url(images/besv_enk_en.png) 0 0 no-repeat;
   width: 349px;
   height: 73px;
   display: block;
   }
#besv_enk_en a:hover {
   background-position: -350px 0;
   display: block;
   }   
  
#login_bid {
	margin:25px;
	}
#login_bid  a {
   text-indent: -9999pt;
   background: url(images/login_bid.png) 0 0 no-repeat;
   width: 349px;
   height: 73px;
   display: block;
   }
#login_bid  a:hover {
   background-position: -350px 0;
   display: block;
   }   
   
/*==================== MENU =============================================================================================================*/

#menu {
	width: 850px;
	height:36px;
	background:url(../graphics/greenFullBG.png) no-repeat #FFFFFF;
	margin: 15px 0;
	font-family: Verdana, Helvetica, sans-serif;
}

#menu li {
	float: left;
	display:inline;
	line-height:220%;

}

#flags ul{
		
}
#flags li {
	float: right;
	display: inline;
	line-height:220%;
	padding-top: 5px;
}

#menu a{
	padding: 15px 15px 0 12px;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: 900;
	color: #FFFFFF;
	height: 32px;
	text-transform:uppercase;
}

#menu a:hover{
text-decoration:underline;
}
/*==================== CONTENT =====================================================================================================================*/
#contentLeft {
	padding: 0 20px;
}

#contentLeft li {
	font-size:0.8em;
	padding:5px 10px;
	line-height:normal;
}

#login{
	text-align:right;
	padding: 10px 15px;
}

#mainContent ul{
	list-style:disc;
	padding: 0 10px;
}

#rightCol a,li,h3{
	text-decoration:none;
	padding: 2px 2px;
}	
#rightCol a {
	color: #336666;
		font-weight: 900;
}
#rightCol a:hover {
	color: #000000;
}
#rightCol ul{
	padding: 20px 0 20px 40px;
}
#flags img {
	padding: 3px;
}	
/*==================== FORMS ========================================================================================================================*/

#formWrapper{
	padding: 10px 10px;
}

.table_Label{
	padding: 10px 10px;
	font-size:110%;
	font-weight:900;
}	
.zebraGrey{
	background:#CCCCCC;
}
.headGrey{ /* �r flitigt anv�nd p� m�nga formul�r. byt inte namn */
	background:url(../graphics/blueBG.png) repeat; 
	padding: 2px 5px;
	margin: 0 0 3px 0;
	height: 25px;
}
.headPatientForms{
	background:url(../graphics/blueBG.png) repeat; 
	padding: 2px 5px;
	height: 55px;

	}
.btnCRUD{
	font-size: 0.8em;
	font-weight: 900;
	text-transform:uppercase;
}
.help {
	font-size: 0.8em;
	text-transform:uppercase;
}
.formHeading{
	font-size: 0.8em;
	font-weight: 900;
	text-transform:uppercase;
	background:#CCCCCC;
}
.error { color:RED; }
.errorMsg{
		color: RED;
}
.varningMsg{
		font-size: 0.8em;
		font-weight: 900;
		}
.okMsg{
		color: GREEN;
}
.nameXB_enk{
	padding: 0 100px 0 0;
}
.smallFont {
		font-size: 0.8em;
}
.td_nowrap{
	white-space:nowrap;
	padding: 0 5px 0 15px;
	}
.td_nowrap_blue{
	white-space:nowrap;
	padding: 0 5px 0 15px;
	background:url(../graphics/blueBG.png) repeat; 
	}

#eq5f7 {
	position:absolute;
	left: 100px;
	width: 500px; 
	height: 100px; 
	background:#ff0000; 
	padding: 0; 
	margin: 0;
}	
ul.pdf 			{	margin: 30px 20px;	}
ul.pdf li		{	list-style-image: url(../graphics/pdf_file.png); list-style-position: inside; vertical-align: top; padding: 5px;}
div#ACL-NEWS	{	width:350px; text-align: center; margin: 20px; padding: 40px 10px; font-family:Verdana, Helvetica, sans-serif;	font-size:1.3em; line-height: 160%;} 
div#ACL-NEWS img	{float:left;}


/*#######################
	Link icons
#######################*/

/* ie hack */

*html a.pdf {
	padding-top: 20px; 	
	}
	
#pdf a.pdf { /*The background image*/
	background: url(/css/images/pdf.png) no-repeat left center;
	padding-left: 20px;
	padding-top: 0px !important; padding-top: 10px;
	 
	line-height: 160%; /* To center the text vertically with the icon */
}
/* ===============================================BOXES=======================================================================================================*/
.errorBox {
	color:red;
	border:red solid 1px;
	width:500px;
	margin: 5px;
	padding:20px;
	line-height: 180%;
}
.infoBox {
	color:black;
	border:black solid 1px;
	width:500px;
	margin: 5px;
	padding:20px;
	line-height: 180%;
}
.mailBox {
	color:black;
	border:black solid 1px;
	width:500px;
	margin: 5px;
	padding:20px;
	line-height: 180%;
}
.warningBox {
	color:blue;
	border:blue solid 1px;
	width:500px;
	margin: 5px;
	padding:20px;
	line-height: 180%;
}
.okBox {
	color:green;
	border:green solid 1px;
	width:500px;
	margin: 5px;
	padding:20px;
	line-height: 180%;
}
.statsBox {
	color:green;
	border:green solid 1px;
	width:200px;
	margin: 35px 5px 5px 5px;
	padding:5px;
	line-height: 180%;
}
.statsBox a {
	font-weight:300;
	color:green;
}
.diaBox {
	color:blue;
	border:blue solid 1px;
	width:200px;
	margin: 5px 5px 5px 150px;
	padding:5px;
	line-height: 180%;
	}
.helpBox {
	color:black;
	border:green solid 1px;
	width:450px;
	margin:15px 10px 25px 25px;
	padding:5px 5px 10px 5px;
	line-height: 180%;
	text-align:left;
}
.help_btn {
   color: #336666;
   background-color: transparent;
   text-decoration: none;  
   border: none;
   background: url(../graphics/newBlue.png) no-repeat top left;
   text-align:center;	
   width: 135px;
  }

.bgOn{
	background: #CCCCCC;
	}
.bgOff{
	background: #FFFFFF;
	}
	
/*==================== CLASSES =====================================================================================================*/
.topText {
	font-size: 0.8em;
	font-weight: 900;
	color: #FFFFFF;
	height: 40px;
	text-transform:uppercase;
	display: block;
	padding: 5px 15px 0 12px;
		font-family: Verdana, Helvetica, sans-serif;
}

.submitLink {
   color: #336666;
   background-color: transparent;
   text-decoration: none; 
   border: none;

  }
.submitLink:hover {
	color:#000000;
   background-color: transparent;
   text-decoration: underline; 
   border: none;

  }
.bigBoldLink {
	font-size:1.2em;
	font-weight: 900;
	text-decoration: none;
}
.bigBoldLink:hover {
	text-decoration:underline;
}
  
.paddingLeftRight10px{
	padding:0 10px;
}
.padding5{ /* p� h�ger sidan f�r att vidga td-taggar */
	padding:0 5px 0 0;
}
.padding10{ /* p� h�ger sidan f�r att vidga td-taggar */
	padding:0 10px 0 0;
	}
.padding15{ /* p� h�ger sidan f�r att vidga td-taggar */
	padding:0 30px 0 0;
}
.clrFloat {
	clear:both;
}
.centerText{
	text-align:center;
}
.blackbold{
	color:black;
	font-weight:900;
}
.left25{
	padding: 0 0 0 25px;
	}
.left15{
	padding: 0 0 0 15px;
	}
.allpadding25 { padding:25px ;}	
.red { color:red; };
/* ============================== List patient form=================================================================================================== */
.delBtn {
      width: 20px;
      height: 20px;
      margin: 0;
      padding: 2px 2px;
      border: 0;
      background: transparent url(../graphics/del.png) no-repeat top left;
      text-indent: -1000em;

}
.padding1{ /* Runt iconer i tabell*/
	padding:2px 2px ;
	}
.thblack{
	background:url(../graphics/blueBG.png) repeat;
	padding:2px 2px ;
	border: solid 2px #FFFFFF;
	text-align: center;
	font-size: 0.8em;
}
.paddingLeft {
	padding: 0 15px 0 15px;
	}
.iconBox{
	margin:60px 20px 0 0;

	}
/* ==============================  STATS=================================================================================================== */

.trborder{
	border: solid 1px #CCCCCC;
}	
#placeholder	{ margin: 20px 5px;}
#chart img 		{ border: 1px solid #CCCCCC; margin:5px; }
#searchres		{ padding: 10px 0; }
#searchres p	{ text-transform:uppercase; font-size:1em; padding: 0; margin-bottom:0;}
#searchres li	{ text-transform:uppercase; padding: 0 0 0 15px; font-size:0.9em; }
#statsData		{ text-transform:uppercase; }
/* ==============================  BUTTONS VS LINKS=================================================================================================== */

/* S�tt en li tag runt l�nkar med blueButton klass  */
 .blueButton{  
 	float:left;
	text-decoration: none;  
	color: #336666;   
	background: url(../graphics/newBlue.png) no-repeat top left;
	list-style: none;
	display: block;
	text-decoration: none; 
	text-align:center;
	width: 135px;
	height:24px;
	line-height: 180%;

}
 .largeButton{  
	text-decoration: none;  
	color: #336666;   
	background: url(../graphics/blueBtnLarge.png) no-repeat top left;
	list-style: none;
	display: block;
	text-decoration: none; 
	text-align:center;
	width: 320px;
	height:24px;
	line-height: 180%;

}
/* Knapp f�r att bli bl� anv�nd ej till l�nkar  */
 .blueButton2{  

	text-decoration: none;  
	color: #336666;   
	background: url(../graphics/blueButton.png) no-repeat top left;
	text-decoration: none; 
	text-align:center;
	width: 135px;
	height:24px;
}

 .blueButton2:hover{  

	text-decoration: none;  
	color: #000000;   
}
	/* ======== F�r Submit =======*/
 .blueSubmitLink {
   color: #336666;
   background-color: transparent;
   text-decoration: none;  
   border: none;
   background: url(../graphics/newBlue.png) no-repeat top left;
   padding: 4px 10px;
   margin: 0 5px 0 0;
   width: 135px;
  }
	
  .large_BlueSubmitLink {
   color: #336666;
   background-color: transparent;
   text-decoration: none;  
   border: none;
   background: url(../graphics/blueBtnLarge.png) no-repeat top left;
   padding: 4px 10px;
   margin: 0 5px 0 0;
   width: 320px;
  }
  
 .blueSubmitLink:hover{
	color:#000000;
   text-decoration: underline;  
   }
   
  .large_BlueSubmitLink:hover{
   color:#000000;
   text-decoration: underline;  
   }  
.submitLink {
   color: #336666;
   background-color: transparent;
   text-decoration: none; 
   border: none;

  }
.submitLink:hover {
	color:#000000;
   background-color: transparent;
   text-decoration: underline; 
   border: none;

  }
  
/* TABS **********************/

#tab-menu  a{ font-weight: 300;}  

#tabs {

	font-family: arial, Verdana, Helvetica, sans-serif;

}