/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

* { margin: 0; padding: 0; }
html {  } /* overflow-y: scroll; */
body
{
    background-color: #eee; 
    font-size: 85%;
    /* font-family: Arial,"Helvetica Neue",Helvetica,Sans-Serif,Verdana,Tahoma;  */
    font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif,Verdana,Tahoma; 
    /* font-family: ​tahoma,​verdana,​arial,​sans-serif; */
    margin: 0;
    padding: 0;
    color: #002D62;
}

.page-wrapper { 
    min-width:920px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	max-width: 920px;
	margin: 0 auto; 
	/* width:expression(document.body.clientWidth < 761? "760px" : document.body.clientWidth > 1061? "1060px" : "auto"); */
}

header,
footer,
nav,
section 
{
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { color: #F58028; /* font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;  font-size: 1.5em; color: #000; */ }
h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; }
h2 { font-size: 1.8em;
    font-weight: normal;
    margin-bottom: 0.5em;
    text-transform: none;
    padding: 0 0 10px 0; 
    }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }
a { 
	text-decoration: none; 
	outline: none;
	color: #F58028;
	}
	a:hover {
		text-decoration: underline;
	}
.t-link, .t-popup { color: #F58028; }
/*ul { list-style: none inside; }*/
ul { list-style-position: outside; }
li { line-height: 1.6; }
p { font-size: 1em; line-height: 1em; margin-bottom: 1.2em; }
a img { border: none; }

.noborder { border: none; }
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* this rule styles <h2> tags that are the first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; }



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
header1, #header1 { background-color: #fff; position: relative; margin-bottom: 0px; padding: 0; }
header h1, #header h1 { font-weight: bold;padding: 5px 0;margin: 0;border: none;line-height: 2em;font-size: 32px !important; }
nav { background-color: #F58028; }
#main { background-color: #fff; padding: 30px 30px 30px 30px; min-height:400px; height:auto !important; height:400px; }
#main .page-wrapper { overflow: hidden; width: 100%; }
footer, #footer { background-color: #A8A9AD; padding: 15px 0; text-align: left; line-height: normal; margin: 0; font-variant:small-caps; letter-spacing:0.2em; color: #fff; line-height: 2em; }
footer a, #footer a { color: #fff; }
footer a:hover, #footer a:hover { color: #fff; }

/* Header */
#header { background-color: #fff; min-height: 111px; height:auto !important; height: 111px;  }
#logo { float: left; padding-top:0px; margin:27px 0 26px 0; }

#headerinfo { width: 620px; float: right; margin-top: 32px; text-align:right; font-size:1.1em; display:inline; letter-spacing: 0.2em; }
#logindisplay { float:right; margin-top: 0px;  }
#logindisplay a:link { text-decoration: none; }
#logindisplay a:visited { text-decoration: none; }
#logindisplay a:hover { text-decoration: underline; }

#strataswitch { clear:both; float: right; margin-top: 15px; }
#strataswitch dl { display:inline-block; }
#adminbtn { margin: 0 0 0 6px; vertical-align: 20%; display:inline; }

.dropdown dd, .dropdown dt, .dropdown ul { text-align:left; margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
.dropdown a:hover { color:#5d4617;}
.dropdown dt a:hover { color:#F58028; border: 1px none #d0c9af;}
.dropdown dt a {background:#fff /* url(/content/images/arrow.png) */ no-repeat scroll right center; display:block; padding-right:20px;  /* #e4dfcb, f4efdb fdfdfd */
                border:1px none #d4ca9a; width:420px; padding:5px 0px 5px 5px; text-align: right; font-size: 1.5em; }
.dropdown dt a span {cursor:pointer; display:block;}
.dropdown dd ul { background:#fdfdfd none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none; z-index:999;  /* #e4dfcb, f4efdb fdfdfd */
                    right:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:230px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover { background-color:#d0c9af;}
.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }

#infoleft 
{
    float: left;
    width: 600px;   
}

/* MENU   
----------------------------------------------------------
blue:   #002D62
orange: #F58028               */

#navbar { clear: both; background: #F58028; border-color: #F58028; height: 34px; overflow:hidden; }
#navbar.page-wrapper { padding-left: 100px; border-width: 0 1px 0 1px; border-color: #fff; background: #f0f0f0; height: 34px; }
#menu0 { padding: 0 1px; background:#fff; }
#menu1 { background:#F58028; height: 34px; }
#lmenu, #rmenu { position: relative; margin: 0; }
#lmenu { text-align: left; float: left;  } /*   margin-left: 100px; border-width: 0 0 0 1px; border-color: #fff; } */
#rmenu { text-align: right; float: right; }
#lmenu.t-header, #rmenu.t-header { background: #F58028; border-color: #F58028; }
#lmenu .t-item { border-width: 0 1px 0 0; } 
#rmenu .t-item { border-width: 0 0 0 1px; }
#lmenu .t-link, #rmenu .t-link { padding: 5px 20px; font-weight: bold; text-decoration: none; line-height: 1.8em; color: #fff; }
#lmenu .t-state-hover, #rmenu .t-state-hover { background: #FFCC00; color: #231F20; }
#lmenu .t-highlighted, #rmenu .t-highlighted { background-color: #002D62;  color: #231F20; } /*#002D62;*/



/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: none 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: none 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: none 1px #e8eef4;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

div#title
{
    display:block;
    text-align:left;
}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; font-size: 0.9em; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}



/* Forms
----------------------------------------------------------*/

#field-list { list-style-type: none;   }
#field-list .field { list-style-type: none; overflow: hidden; white-space: nowrap; }
#field-list label { float: left; width: 120px; text-align: right; padding-right: 5px; vertical-align: top; padding-top: 6px; }
#Title { margin-left: 4px; padding: 5px; }
#field-list input, 
#field-list textarea { font: normal 14px Tahoma; }
#field-list .field-validation-error { color: red; clear: both; margin-left: 125px; font: 0.8em Arial,Helvetica,sans-serif; display:block; }

.GeneralForm11 { border: 1px solid #dedede; }
.GeneralForm {  }  /* margin-top: 20px; */
.GeneralForm input[type=text], 
.GeneralForm input[type=password] { margin: 2px; padding: 4px; width: 200px; }
.GeneralForm select { margin: 2px; padding: 4px; width: 210px; border: 1px solid #CCCCCC; }
.GeneralForm textarea { padding: 4px; width: 360px; margin-left: 2px; }
.GeneralForm label { font-family: Verdana,Tahoma,Arial,"Helvetica Neue",Helvetica,Sans-Serif; letter-spacing: 1px; text-transform: uppercase; font-size: 0.75em; color: #666666; }
.GeneralForm input[type="submit"] { background-color: #f1f2f3; color: #002D62; padding: 3px; border: solid 1px #ccc; }
.GeneralForm input[type="submit"]:hover { background-color: #e1e2e3; }

#SignInForm1 input[type="password"] { width:180px; padding: 6px; }
#SignInForm1 input[type="text"] { width:180px; padding: 6px; }
#SignInForm input[type="submit"] { background-color: #f1f2f3; color: #002D62; width:80px; padding: 3px; border: solid 1px #ccc; }
#SignInForm input[type="submit"]:hover { background-color: #e1e2e3; }
button { background-color: #F1F2F3; border: 1px solid #CCCCCC; color: #002D62; }
button:hover { background-color: #E1E2E3; }
.btn { background-color: #f1f2f3; color: #002D62; padding: 3px 12px; border: solid 1px #ccc; text-decoration:none; }
.btn:hover { background-color: #e1e2e3; text-decoration:none; }
.orangebtn { background-color: #F58028 !important; color: #fff; padding: 5px 9px; margin:0 auto; border: solid 1px #ccc; text-decoration:none; }
.orangebtn:hover { background-color: #FF8F2F !important; text-decoration:none; }

.t-grid .t-header, .t-grid td 
{
    border-left-color: #fff;
    border-right-color: #fff;
    border-bottom-width: 0px;
    border-color: #fff;
}

.t-grid th.t-header, .t-grid th.t-header .t-link 
{
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
}

div.t-splitter {
    border: 0px none #CCCCCC;
}

.t-header, .t-grid-header 
{
    background: inherit;
}

.t-grid td {
    height: 22px ;
    border-style: solid;
    border-width: 0 0 0 1px;
    line-height: 1.4em;
   
	white-space: nowrap;
	--width: 100%;
	overflow: hidden;
	/* text-overflow: ellipsis; */
    vertical-align: middle;
}

.t-grouping-header, .t-grid-toolbar {
    padding: 0;
}

.actions { background: #dedede; padding: 0px;  height: 28px; }
.title { font-size: 1.5em; font-weight: bold; margin: 3px 8px 0 0; }
.floatleft { float: left }
.floatright { float: right }
.clear { clear: both }


.BoxesHead { position: relative; margin-top: 0px; padding:5px; background-color: #dedede; width:100%;}
.BoxesHead .tekst {  } 
.BoxesHead a { position:absolute; top:0px; right:3px; text-align: right; }

#MsgPane { background: #fff; width:100%; font-size: 10pt; overflow: hidden; white-space: nowrap; }
#MsgHead { padding: 8px; background: #dedede; }
.MsgHead td { padding: 0 5px; }
.MsgSubject { font-size: 1.2em; font-weight: bold; }
.MsgSent {}
.MsgTo {}
#MsgBody { padding: 8px; background: #fff; }

#leftnav { float: left; width: 160px; margin: 0; padding: 0 1em 0 0; }
#contentnav { margin-left: 200px; --border-left: 1px solid gray; padding: 0 0 0 1em; }

#searchwrapper  
{
border:1px solid #ccc; /*important*/ 
width:167px; /*follow your image's size*/ 
height:28px;/*follow your image's size*/ 
--background-image:url(/content/imgs/search.png); 
background-color: #fff; 
background-repeat:no-repeat; /*important*/ 
padding:0px; 
margin:0px; 
position:relative; /*important*/ 
}

#searchwrapper form { display:inline ; width: 100%; }

#searchbox  
{
border:0px none; /*important*/ 
background-color:transparent; /*important*/ 
position:absolute; /*important*/ 
padding: 2px;
top:2px; 
left:6px; 
width:130px; 
height:22px; 
}

#searchbox_submit  
{
border:0px; /*important*/ 
background-color:transparent; /*important*/ 
position:absolute; /*important*/ 
top:7px; 
left:145px; 
width:16px; 
height:16px; 
}

#transbox
    {
    width:200px;
    height:150px;
    padding: 60px 20px;
    background-color:#ffffff;
    border:1px solid black;
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    }
#shortbox { width:200px; height:130px; padding: 20px 20px; background-color:#ffffff; border:1px solid black; }
.rightbox input[type="password"] { width:180px; padding: 6px; }
.rightbox input[type="text"] { width:180px; padding: 6px; }
.rightbox input[type="submit"] { background-color: #f1f2f3; color: #002D62; width:80px; padding: 4px; border: solid 1px #ccc; }
.rightbox input[type="submit"]:hover { background-color: #e1e2e3; }




ul#tabnav { /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 1em 0 1em 0; /* set margins as desired */
    font: bold 12px arial, verdana, sans-serif; /* set font as desired */
    border-bottom: 1px solid #EBC42B; /* set border COLOR as desired */
    list-style-type: none;
    padding: 6px 12px 3px 12px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
    display: inline;
}

ul#tabnav li .selected 
{
    border-bottom: 1px solid #fff; /* set border color to page background color */
    background-color: #fff; /* set background color to match above border color */
}

ul#tabnav li .selected a 
{
    background-color: #fff; /* set selected tab background color as desired */
    color: #000; /* set selected tab link color as desired */
    position: relative;
    top: 1px;
    padding-top: 6px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
    padding: 6px 12px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #EBC42B; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #EEF3FB; /* set unselected tab background color as desired */
    color: #666; /* set unselected tab link color as desired */
    margin-right: 8px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
    background-color: #fafac1; /* set background color to match above border color */
}   


.t-state-selected {
    background-color: #EEF3FB;  /* FFFFE1 */
}
.t-state-selected { background-color: #002D62; }


/* Dialogs
----------------------------------------------------------*/
.t-window-titlebar { /* background: #F58025; #FFD; */ color: #fff; background: url("images/ui-bg_glass_100_f58028_1x400.png") repeat-x scroll 50% 50% #F58028;  }
div.t-window-content { padding: 0; }
.dialog-top { background-color: #fff; border-bottom: 1px solid #ddd; margin-top: 0; padding: 16px; font-size: 0.9em; color:#999; }
.dialog-middle { padding: 24px 16px; }
.dialog-bottom { background-color: #fff; border-top: 1px solid #ddd; margin-top: 0; padding: 12px 16px; overflow:hidden; }
.button-bar { float: right;  }



.t-panelbar .t-link, .t-panelbar .t-group, .t-panelbar .t-content {
  border-color: #CCC;
}
.t-panelbar .t-link { line-height: 1; padding: 0.3em; }

.t-treeview .t-state-selected, .t-treeview .t-state-hover {
  border-bottom: 1px solid #CCC !important;
}
.t-panelbar .t-state-selected {  background-color:#FFFFE1; }
.t-grid th.t-header, .t-grid th.t-header .t-link {
  border-bottom-color: #DDDDDD;
  border-bottom-width: 0px;
}
.t-grid th.t-header, .t-grid th.t-header .t-link {
  line-height: 1.6em;
}
.t-panelbar .t-header, .actions  {
  background-color: #EEF3FB;
}

.t-panelbar .t-content {
  border-bottom-width: 0px;
}

.t-panelbar .t-group { padding: 12px 0; }

iframe#google_ads_frame1 html body table { width: 170px; }  /* doesn't work */
table#google_ads_frame1 { width: 170px; }  /* doesn't work */

.t-panelbar .t-group .t-link { line-height: 1.2em; }



/* Folder */
.t-dropzone { border-color: #bbb; border-style:dashed; border-width: 3px; padding: 16px; }
.t-dropzone em { visibility: visible; }



#Breadcrumbs { margin-bottom: 8px; }
#Breadcrumbs a { margin-right: 14px; padding-left: 9px; background: transparent url('Images/crumb.png') no-repeat left center; }