/*Divs etc*/
* {	margin: 0px; border: 0px; padding: 0px;}
html,body {height:auto; min-height:100%; }
html{font-size:16px;}
body{ font-family:Calibri, Helvetica, sans-serif; font-size: 1.0em; color: #484848;
background: #ffffff; /* fallback */

}
.invisible { visibility: hidden; display: none;}

/*elements etc*/
p{ padding-bottom: 10px;}

h1{font-size: 1.4em; padding-bottom: 15px;}
h2{font-size: 1.3em; padding-bottom: 15px;}
h3{font-size: 1.2em; padding-bottom: 15px;}
h4{font-size: 1.1em; padding-bottom: 15px;}

a{color:blue; text-decoration: underline;}      /* unvisited link */
a:visited{color:#004E5A; text-decoration: none;}
a:hover {color:#005057; text-decoration:underline;}  /* mouse over link - color:#bbbbff; */
a:active {color:#0000FF;text-decoration:underline;}  /* selected link */
ul{ padding: 10px 50px;  list-style-type: disc; }
li{padding: 5px 0px;}

/* [EC Cookie Directive] */
#cnotif{text-align: center;  display: none; background: #BCDAF2; font-size: 0.9em; color: black;  margin: 3px ; padding: 2px;}
#cnotif a{ color: #00693E; text-decoration: underline;}
.okbtn{text-align: center; color: black; font-weight: bold; font-size: 0.8em; background: #BCDAF2; padding: 2px; margin: 4px 5px 4px 10px; border: 1px solid black;}
.pcnotif{padding: 0px 10px;  margin:0;}

.clear1 { height:1px;font-size:1px;padding:0;clear:both; }

#wrapper{width: 960px; margin: 5px auto; }
#container{ background-color:white;  margin: 0 auto; }

#header{ height: 175px; margin: 25px 0 10px 0; border: 0px; padding: 5px; background-color:#fff; position: relative;z-index: 1;}
#logo{margin: 0 15px; position: relative;}
#breadcrumbs{display: block; font-size: 0.8em; padding: 0 0 5px 250px; text-align: left;position: absolute; bottom:0;}

#textSelector {clear: right; float: right; margin: 0px; padding: 1px; height: 47px; line-height: 43px; vertical-align: middle;position: relative;z-index: 2;}
#textSelector  a { padding: 1px; margin: 0px;  text-decoration: none; font-weight: normal; border: 2px inset #98bf21; border-radius: 4px;behavior: url(./pie/pie.htc);}
#textSelector  #normal { background-color:white; color: black; font-size: 1em; /*padding: 7px 2px 0px 2px;*/  }
#textSelector  #larger{ background-color:white; color: black;font-size: 1.5em; font-weight: bold;}
#textSelector  #contrast { background-color:black; color: yellow; font-size: 1em; /*padding: 7px 2px 0px 2px;*/  }
#textSelector ul li a:hover, #textSelector ul li a:active, #textSelector ul li a:focus { text-decoration: underline;}
/* search box */
#search {clear: right; float:right;}
#searchboxinput {width: 175px; height: 23px;padding: 0;}
#search #q {margin: 0;padding: 0px 0px 0px 7px; border: 0; width: 151px; height: 21px; background-color: #fff; color: #00693E; border: 2px inset #98bf21; border-radius: 15px;z-index: 2;float: left;}
input.searchbtn {float: left; width: 27px;height: 27px; background: url('/media/agriappeals/styleassets/images/searchicon.png');z-index: 2;}

#mainbody{ text-align:justify; background-color:white;  float: left;  width: 76%;  padding: 5px 5px 5px 15px; margin: 0 0 4px 5px; min-height: 50vh; height: auto !important; }
#mainbody q { margin:15px; display:block;font-style:italic;  font-weight:bold; font-size: 1.2em; color: #39B332;line-height: 30px;}
/* [left navigation menu] */
#navigation { float: left; width: 21%; font-size: 80%; z-index: 1;}
#navigation ul li {padding: 5px; margin: 5px 10px 0 0;  
-webkit-border-radius:5px;
-moz-border-radius: 5px; 
border-radius: 5px;
-webkit-box-shadow: 5px 5px 5px #B49C76;
-moz-box-shadow: 5px 5px 5px #B49C76;
box-shadow: 5px 5px 5px #B49C76;
}
.tabBox .tabs .selected a {
    background: #FFF;
    -webkit-box-shadow: #B49C76 5px 5px 5px;
    -moz-box-shadow: #B49C76 5px 5px 5px;
    box-shadow: #B49C76 5px 5px 5px;
}
#navigation ul li:hover { margin-left: 10px; margin-right: 0; }
#navigation ul li a { padding: 15px; color: black; text-decoration: none; font-weight: normal;}
#navigation ul li a:hover, #navigation ul li a:focus { padding-left: 20px; font-weight: bold; color: #484848;text-decoration: underline;}
#navlinks{ padding: 0px 0px 0px 5px; list-style-type: none;z-index: 2;}
.multilevel-linkul-0{ padding: 0px 0px 0px 10px; list-style-type: none;}
.multilevel-linkul-0 a:hover, .multilevel-linkul-0 a:focus { padding-left: 8px; font-weight: bold; color: #484848;text-decoration: underline;}
.currentsection{padding-left: 20px; font-weight: bold; color: #63AB49;text-decoration: underline; }


#footer{font-family: Calibri, Helvetica, sans-serif;padding: 5px 0 0 0; text-align: right; background-color:#63AB49; clear: both;  min-height:100px; position: relative;
box-shadow: 0 -5px 5px rgba(99,171,73,0.6);
-webkit-box-shadow: 0 -5px 5px rgba(99,171,73,0.6);
-moz-box-shadow: 0 -5px 5px rgba(99,171,73,0.6);
}
#footer a{color: blue; text-decoration: underline; font-weight: normal;}
#footer a:hover, #footer a:active, #footer a:focus { color: #3366FF;text-decoration: underline;}

.footerpart{ float: left; width: 21%; background-color:#63AB49; color:black; padding: 5px 15px; text-align:left; margin: 0px; font-size: .9em;}
#footerlinks{padding: 0px 0px 5px 10px;  list-style-type: none; }
#footer ul li {padding: 3px 0px;  margin:  0px;text-decoration: none; }
#footer ul li a { padding: 0px; margin:  0px;color: black; text-decoration: underline; font-weight: normal; }
#footer ul li a:visited{color:black;}
#footer ul li a:hover, #footer ul li a:active, #footer ul li a:focus { font-weight: bold; color: #3366FF;}


#baloud{width: 120px; margin: 0px -20px 0px -30px;; padding: 0px; float:left;}
#baloudimg{clear: right; margin: 5px 5px 0px 10px; padding: 0px; }
#baloudtag{margin: 0px 0px 0px -20px;}

/*
others to code style if needed
Tables
*/