body
{
    background: white;
    margin: 0;
    padding: 0;
    font: 0.76em Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;
    color:#606060;
    
}
#head {}
#wrapper {min-height: 6em; border-bottom: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; border-left: 1px solid #eeeeee; background: #fff; /*width: 79.1em; max-width: 99.8%; min-width: 470px;*/} 
/* FUNCTIONS */
#functions-outer {border-bottom: 1px solid #c2c2bc; background: #f7f7f6; height:120px;}
#functions-outer:hover {background: #f8f9f7}
#functions-left {float: left; text-align: right; font-size: 0.9em; width:400px}
#functions {float: right; text-align: left; padding: 0 0 6px 6px;}
#functions ul {margin: 3px 0 0 0; padding: 0; list-style: none; }
#functions li {float: left; margin: 0 20px 0 20px; font-size: 0.9em;}
#functions a:link{color: #67675c; text-decoration:none;}
#functions a:visited{color: #67675c; text-decoration:none;}
#functions a:hover{text-decoration: none; color:#133354 !important}
#functions a:active{}
#functions a:focus{border-bottom: 1px solid #67675c;}
/* BRAND AREA */
#brand-area {min-height: 90px; height: 5.1em; border-top: 1px solid #fff; background: #fff;}
#logo {float: left; height: 100px; width: 49%; margin-left:20px;}
/* NAVIGATION */
#navigation-content-outer {border-top: 1px solid #fff; background: #f7f7f6; border-bottom: 3px solid #003365;  margin:0px 0 10px 0;}
#navigationa-content {width:200px; margin:0px 0 0px 0; padding-left:20px; }
#navigationb-content {float: left; width:200px; margin:-24px 0 10px 300px;}

#body {}
/* CONTENT  */
#content {float:left; margin: 0 0 0 20px; }
#contentb {width: 200px; height:99%; float: left;margin:0 0 0 20}
/* MAIN CONTENT */
#main-content-outer {min-height: 550px; float: left; width: 99.8%;margin:0 0 0 0} 
#main-content {padding: 0 0 0 2.0em;}
#mainpersonal{ float: left; width: 90%;margin:0 0 0 0} 

/* FOOTER */
#footer-outer {}
#footer {width: 100%; clear: both; background: #f7f7f6; border-top: 2px solid #EC9213; padding: 15px 0 25px 0; margin: 0;}
/*#footer {width: 100%; height:80px; clear: both; background: #f7f7f6; border-top: 1px solid #c2c2bc; padding: 1px 0 1px 0; margin: 0;}*/
#footer ul {list-style-type: none; margin: 0; padding: 0}
#footer li {margin: 0 0 12px 0; background: url(/images/arrow-block-main.png) 0 0.3em no-repeat;}
#footer a {text-decoration: none}


#footer a:link {color: #67675c; text-decoration:none; padding-bottom: 1px;}
#footer a:visited {color: #67675c; text-decoration:none;}
#footer a:hover {text-decoration: none; border-bottom: 1px solid #67675c;}
#footer a:active {}
#footer a:focus {border-bottom: 1px solid #67675c;}

#footer-col1-outer {width: 35%; float: left}
#footer-col1 {margin: 0 0 0 0em;  height:100px}

#footer-col2-outer {width: 30%; float:left}
#footer-col2 {margin: 0 0 0 0em; height:100px;border-right:1px solid #f7f7f6; border-left:1px solid #f7f7f6;}

#footer-col3-outer {width: 35%; float: right;}
#footer-col3 {margin: 0 0 0 0em; height:100px; }


/* generic classes */
.hide {display: none;}
.print {display: none;}
.block {display: block;}
.inline {display: inline;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.break {display: block; width: 100%; height: 1px; clear: both}
.spacer{width:20px; height:10px;}
.Small{	font-family : Verdana, georgia, arial;	font-size : 7pt;}
.SmallBottomRight
{
    font-family: Verdana, georgia, arial;
    font-size: 7pt;
    position: absolute;
    right: 1px;
    bottom: 1px;
    float: right;
    
}
.searchresult{font-family: Verdana, georgia, arial;padding-top: 5px;padding-bottom: 10px;font-size: 10px; margin-top: 10px;margin-bottom: 10px;}
.searchresult a:link {font-family: Verdana, georgia, arial;padding-top: 5px;padding-bottom: 10px;font-size: 10px; margin-top: 10px;margin-bottom: 10px;}
.searchresult a:vlink {font-family: Verdana, georgia, arial;padding-top: 5px;padding-bottom: 10px;font-size: 10px; margin-top: 10px;margin-bottom: 10px;}
.searchresult a:hover {font-family: Verdana, georgia, arial;padding-top: 5px;padding-bottom: 10px;font-size: 10px; margin-top: 10px;margin-bottom: 10px;}

/*Text changes*/
B {font-family : Verdana, georgia, arial;font-size : 10pt;font-style : normal;color : #666666;text-decoration : none;}
A {font-family : Verdana, georgia, arial;font-size : 9pt;font-style : normal;color : #000000;text-decoration : underline;font-weight: normal;}
A:LINK {font-family : Verdana, georgia, arial;font-size : 9pt;font-style : normal;color : #A7142A;text-decoration : none;}
A:VLINK {font-family : Verdana, georgia, arial;font-size : 9pt;font-style : normal;color : #4C4C4C;text-decoration : none;}
A:HOVER {	font-family : Verdana, georgia, arial;font-size : 9pt;font-style : normal;text-decoration : underline;color: #1E569F;font-weight: normal}

.headerliketh{background: #1e569f;left:10px;margin-left:10px;text-align:left;font: bold small-caps 9pt 'verdana' ,verdana, geneva, arial, sans-serif;margin-left: 10px;color: white;}
.HeaderLink{font-family : Verdana, georgia, arial;font-size : 9pt;font-style : normal;text-decoration : underline;color: #FFFFFF;font-weight: normal}
.HeaderLink:LINK{font-family : Verdana, georgia, arial;font-size : 9pt;font-style : normal;text-decoration : underline;color: #FFFFFF;font-weight: normal}
.HeaderLink:VLINK{font-family : Verdana, georgia, arial;font-size : 9pt;font-style : normal;text-decoration : underline;color: #FFFFFF;font-weight: normal}
.HeaderLink:HOVER{font-family : Verdana, georgia, arial;font-size : 9pt;font-style : normal;text-decoration : underline;color: #CCCCCC;font-weight: normal}
.SmallLinka
{
    font-family: Verdana, georgia, arial;
    font-size: 7pt;
    font-style: normal;
    text-decoration: none;
    color: #666666;
    font-weight: normal;
    vertical-align: middle;
    padding-left: 10px;
    clip: rect(auto, auto, 10px, auto);
}
.SmallLinka:LINK{font-family : Verdana, georgia, arial;font-size : 7pt;font-style : normal;text-decoration : none;font-weight: normal}
.SmallLinka:VLINK{font-family : Verdana, georgia, arial;font-size : 7pt;font-style : normal;text-decoration : none;font-weight: normal}
.SmallLinka:HOVER
{
    font-family: Verdana, georgia, arial;
    font-size: 7pt;
    font-style: normal;
    text-decoration: underline;
    color: #FF9900;
    font-weight: normal;
}

.SmallLink
{
    font-family: Verdana, georgia, arial;
    font-size: 7pt;
    font-style: normal;
    text-decoration: underline;
    color: #666666;
    font-weight: normal;
    vertical-align: middle;
}
.SmallLink:LINK{font-family : Verdana, georgia, arial;font-size : 7pt;font-style : normal;text-decoration : underline;font-weight: normal}
.SmallLink:VLINK{font-family : Verdana, georgia, arial;font-size : 7pt;font-style : normal;text-decoration : underline;font-weight: normal}
.SmallLink:HOVER
{
    font-family: Verdana, georgia, arial;
    font-size: 7pt;
    font-style: normal;
    text-decoration: underline;
    color: #FF9900;
    font-weight: normal;
}
	

TABLE {font-family : Verdana, georgia, arial;font-size : 1.0em;font-style : normal;color : #000000;text-decoration : none;}
TD.menu{font-family: Verdana, georgia, arial;font-size: 10px;font-weight:700;color: #1e569f;text-indent: 5px;position: static;font-variant:normal;}
TD.searchheader{font-family: Verdana, georgia, arial; font-size: 10px;font-weight: 700;color: #FFFFFF;text-indent: 0px;position: static;font-variant: normal;background-color: #003369;}
td.searchresult{font-family: Verdana, georgia, arial;padding-top: 5px;padding-bottom: 0.76em;font-size: 0.90em;text-indent: 0px;margin-top: 10px;margin-bottom: 10px; padding-left:10px;}
th{background: <%=Session["BackgroundColor"]%>;left:10px;margin-left:10px;text-align:left;font: bold  1.0em 'verdana' ,verdana, geneva, arial, sans-serif;margin-left: 10px;color: white;background-color: #003369;}
th.Small{font: bold 0.95em 'verdana' ,verdana, geneva, arial, sans-serif;color: white;text-indent: 5px;}
th.smallest{text-align:left;font: 0.80em 'verdana' ,verdana, geneva, arial, sans-serif;margin-left: 0px;text-indent: 2px;}
th.right{text-align:right;}
td.darkBG{background: <%=Session["BackgroundColor"]%>;left:10px;margin-left:10px;text-align:center;font: bold  1.0em 'verdana' ,verdana, geneva, arial, sans-serif;margin-left: 10px;color: #1e569f;background-color: #DDDDDD;}
td.bg1{left:10px;margin-left:10px;text-align:left;margin-left: 10px;background-color: #EEEEEE;color:"#1e569f";}
td.bg2{left:10px;margin-left:10px;text-align:left;margin-left: 10px;background-color: #FFFFFF; color:"#1e569f"}



.Error {
	font-family : Verdana, georgia, arial;
	font-size : 9px;
	font-style : normal;
	color : red;
	font-weight:500;
	background : #FFFFFF;
	text-decoration : none;
	text-indent: 5px;
}
.Status {
	font-family : Verdana, georgia, arial;
	font-size : 9px;
	font-style : normal;
	color : #1E569F;
	text-decoration : none;
	font-weight: bold;
}
.Border
{
    border-color: #EEEEEE #C0C0C0 #C0C0C0 #EEEEEE;
    border-width: 1px;
    border-style: solid;
    font-family: Verdana;
    font-size: 11px;
}
.BorderWithCellSpan
{
	border-color:#DDDDDD; 
	border-width:2px; 
	border-style:solid; 
	font-family:Verdana; 
	font-size:10px; 
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	height: auto;
	width: 200px;
}
.NoBorderWithCellSpan
{
	font-family:Verdana; 
	font-size:10px; 
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	height: auto;
	width: 600px;
}
.HRLine
{
	border-color:#1E569F; 
	border-width:1px; 
	border-style:solid; 
}
INPUT
{
    background: #FFFFFF;
    color: black;
    font-size: 11px;
    font-family: Verdana;
    
}
INPUT.Optional { 
	background: #DDDDDD;  color: black; font-size: 11px; font-family: Verdana;
}
INPUT.white
{
	background: white;
	color: white;
	font-size: 11px;
	font-family: Verdana;
	border-right: white thin solid;
	border-top: white thin solid;
	border-left: white thin solid;
	border-bottom: white thin solid;
}
INPUT.Mandatory { 
	background: #FFFFFF;  color: black; font-size: 11px; font-family: Verdana;
}
select.Optional 
{
	background-color: #EEEEEE; /* Ändra färg här */
	FONT: 80% 'verdana',verdana, geneva, arial, sans-serif;
}
select
{
	background-color: #FFFFFF; /* Ändra färg här */
	FONT: 80% 'verdana',verdana, geneva, arial, sans-serif;
}
.BUTTON
{
	background: #CCCCCC;
	color: black;
	font-size: 11px;
	font-family: Verdana;
	width: 80px;
}
.smallBUTTON
{
	background: #CCCCCC;
	color: black;
	font-size: 11px;
	font-family: Verdana;
	width: 50px;
}	

.RADIO { 
	background: #FFFFFFs; background-image: url(images/input.gif); background-attachment: fixed; color: black; font-size: 8px; font-family: Verdana; border: 0px black solid; 
}

.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}



/* Popup div informing customer of errors or automatically logout. */    
#AlertDiv
{
    left: 40%;
    top: 60%;
    position: absolute;
    width: 300px;
    padding: 12px;
    border: 4px solid #CC0000;
    background-color: #FFFFCC;
    text-align: left;
    visibility: hidden;
    z-index: 99;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
}
#AlertButtons{
    position: absolute; right: 5%; bottom: 5%;
    }
#AlertMessage
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    
}
.SelectedRowStyle
{
    background-color: Yellow;
}
.AlternatingRowStyle
{
    background-color: #eeeeee;
}
.RowStyle
{
    background-color: #ffffff;
}
.HeaderStyle
{
    background-color: #1E569F;
}

/*ContextDropdown - Dropdown menu for ex fsu dialogue*/
.ContextMenuPanel
{
    border: 1px solid #868686;
    z-index: 1000;
    background: url(images/dropdown_bg.gif) aliceblue repeat-y 0px 0px;
    cursor: default;
    padding: 1px 1px 0px 1px;
    font-size: 11px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #d6e0e9;
	color: #003399;
	border: 1px solid #6e888f;
	padding: 3px 18px 3px 32px;
}
own_arrow_wrapper img {position:relative;top:-50%;left:-50%;}
#sliderBox 
    {
        display:none;
        border: none
        width:400px;
        height:200px;
       
        padding:0px;
    }
.tablediv {
display:  table;
width:600px;
background-color:#eee;
border-spacing:5px;/*cellspacing:poor IE support for  this*/
border-collapse:separate;
}
.rowdiv  {
display:  table-row;
text-indent:5px;
width:auto;
}
.celldiv25 {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
width:100px;

}
.celldiv50 {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
width:400px;
}
.celldivHeader25 {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
background-color:#1e569f;
color:White; 
font-weight:bold;
width:100px;
padding: 4 0 0 4;
}
.celldivHeader50 {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
background-color:#1e569f;
color:White; 
font-weight:bold;
width:400px;
padding: 4 0 0 4;
}
.celldiv100 {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
width:600px;
}
.FooterStyle
{
    background-color: #1E569F;
    color: White;
    font-weight:bold;
    text-align: right;
}

    
    
