/* Body style */
html {
	margin: 0px;
	padding: 0px;
}
body {
    background-color: #EDEDED;
    margin: 0px;
	padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    color: 4b526d;
    font: 10pt Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
    line-height: 180%;

}
/* End of body style */




/*  Container and wrapper styles for fixed width area */
#container {
    background: transparent;
    width: 989px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-top: 0px;
    display: block;
}
#wrapper {
	background: transparent url(images/content-bg.png);
    background-repeat: repeat-x;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    margin-top: 0px;
    padding-bottom: 20px;
    padding-top:0px;
}
/*  End of container and wrapper styles */




/* Column-based layout */
#threecolumn div#wrapper div#content {
	float:left; 
	width: 588px; 
	margin-left:196px
}
#threecolumn div#left {
	float:left;
	width:194px;
}
#threecolumn div#right {
	float:right;
	width:210px
}
#twocolumn div#wrapper div#content {
	margin: 0 0 0 200px;
}
#twocolumn div#left {
	float:left;
	width:200px;
	margin-left:-100%
}
#twocolumn div#right {
	display:none
}
#left {
    background-color: #e0e3ec;
}



/* Default link and heading styles */
a:link, a:visited {
    color : #ce8922;
    text-decoration: none;
}
a:hover, a:hover:visited {
    color : #d2a459;
}
h1, h2, h3, h4, h5, h6 {
    color: #475594;
}
/* End of default link and heading styles */




/*
Fix up the fact that commons styles STILL messes with 
the format of lists.
*/
li {
    line-height: 1.4em;
    padding-left: 10px;
}
ul
{
    list-style-type: square;
    margin:0;
    padding:0 20px;
    z-index: -3;
}
ul ul, ul ul ul, ul ul ul ul
{
    list-style-type: circle;
    margin:0;
    padding:0 10px;
    z-index: -3;
}
/* End of LI fix */ 




/* Set up the search box */
div#header div#search {
    float: right;
    margin-top: 42px;
    color:#006600;
    width: 270px;
}
div#header div#search input#input_search {
    width: 162px;
    height: 23px;
    background: url(images/box-search.png) left top no-repeat;
    padding-right: 20px;
}
div#header div#search label {
    display: none;
}
input#input_search.text {
    border: none;
    margin: 1px 5px 4px 4px;
    color: #444;
    width: 156px;
    padding-top: 4px;
    padding-left: 10px;
}
/* End of search box */



/* Set up the banner area */
div#header {
	background: transparent url(images/dkeats.com_banner.png) no-repeat top left; 
	height: 120px;
	color: #fff;
	padding: 0;
	margin: 0;
}
#headerwrapper {
    background: transparent url(images/dkeats.com_banner_bg.png);
    background-repeat: repeat-x;
    padding: 0;
    margin: 0;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
div#header h1#sitename span {
    /* The name of the site is in the image so don't display the text */
    display: none;
}
div#header h1 {
	margin-top: 0px;
}
/* End of set up the banner area */




/* Set up the breadcrumbs styles */
div#breadcrumbs, div#dwkmenu {
	font-size: 80%;
	color:#000;
    padding: 0px;
    padding-left: 10px;
    background: #e0e3ec;
    width: 978px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #2c2c2c;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #9c9c9c;
	text-decoration: underline;
}
/* End of the breadcrumbs styles */





/* Set up the menu, AKA toolbar, styles */
#menuwrapper {
    padding: 6px 14px 23px 14px;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    width: 961px;
    background: #e0e3ec;
}
#toolbarcontainer{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-top: 10px;
    display: block;
    width: 757px;
    background: #e0e3ec;
}
div#menu {
	background: #e0e3ec;
	width: 978px;
	border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
#tooliconslist {
    display: none;
}
#menu li ul {
    width: 170px; /* Customizable*/                  
}
ul#menuList  li {
    display:block;
	background-color: #5f7d9c;
	padding: 2px;
	background-image: none;
	border-bottom: none;
	font-weight: bold;
}
ul#menuList  li:hover {
    background-color: #9ab2cb;
}
/* Top Row*/
ul#menuList  li a {
	color: #FFF;
	text-decoration: none;
	padding-right: 30px;
}
/* Items on menu*/
ul#menuList  li li a {
	color: #000;
	text-decoration: none;
	padding: 3px;
}
ul#menuList  li li a img{
	border-style: none;
	padding: 0;
	padding-right: 2px;
	margin: 0;
}
ul#menuList  li li a span{
    margin-left: 27px;
    margin-right: 0px;
    
}
ul#menuList  li  li{
    border-style: none;
    width: 100%;
    background: #fff;
    color: #000;
    font-weight: normal;
    padding: 0;
    text-align: left;
}
ul#menuList  li  li:hover{
    border-style: none;
    background-color: #9ab2cb;
    color: #fff;
}
ul#menuList  li  li:hover a {
    color: #fff;
}
/* Increase padding on the last right item*/
ul#menuList  li  li.last a{
    padding-right: 8px;
}
ul#menuList  li  ul{
    margin-top: 2px;
}
/* fix the position for 2nd level submenus.*/
#menu li li ul {
    top: 0;
    left: 0;
}
/* End of the menu, AKA toolbar, styles */



/* Styles for the content area */
div#twocolumn, div#threecolumn {
    margin-top: 0px;
}
#wrapper, #contentlayout {
    background: #e0e3ec;
}
#contentlayout {
	background: #e0e3ec;
}
#left {
	background: #e0e3ec;
    margin-bottom: 10px;
}
#leftcontent {
    margin: 0 0px 0px 5px;
    padding: 0px 5px 5px 3px;
}
#rightcontent {
    margin-right: 0px;
    padding: 0px 15px 5px 10px;
}
#right {
	background: #e0e3ec;
	border-left: 1px solid #ffffff;
	border-bottom:10px;
	border-right: 1px solid #ffffff;
}
#contentcontent {
    border-top: 1px solid #b5b7c6;
    border-left: 1px solid #b5b7c6;
    border-right: 1px solid #b5b7c6;
    border-bottom: 1px solid #b5b7c6;
    padding: 0px 10px 10px 10px;
    background-color: #F5F5F5;
}
#twocolumn #content {
    margin-right: 10px;
    padding: 0px 7px 5px 5px;
    background: #e0e3ec;
    
}
/* End of styles for the content area */




/* Set footer with jagged image inside */
#footer {
    background: #EDEDED url(images/footer.png) repeat-x;
    text-align:center;
    color:#999;
	padding-bottom: 10px;
    margin-top: 20px;
    height: 117px;
    border-top: none;
}
#footer p {margin:0}
#footer a:link, a:link:visited {color:#000}
/* Set footer with jagged image inside */


/* Feature Box */
.featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {
    margin: 0 0 0px;
    color: #475594;
    background-color: #F5F5F5;
    padding: 3px;
}
.featurebox {
    margin-bottom: 20px;
    background-color: transparent;
    color: #000;
}

.featurebox p {border:2px;margin: 0 0 1em;color: #475594;}
.featurebox select {width: 100%; }

.featureboxheader {
    padding: 3px;
    padding-left: 34px;
    color: #4156a5;
    background: transparent;
    font: 13pt Georgia, "Times New Roman", Times, serif;
    text-align:left;
    text-decoration: none;
}

.featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {
	margin: 0 0 0;
	color: #475594;
	background-color: #F5F5F5;
    text-align: left;
    padding-left: 10px;
}

.featureboxcontent p {
	border:2px solid #fff;
	margin: 0 0 1em;
    color: #475594;
    background-color: #F5F5F5;
    padding: 10px;
}

.featureboxheader a{
    color: #475594;
    background-color: #F5F5F5;
    text-decoration: none;
}

.featureboxcontent a a:link a:hover a:visited {
	font-weight:bold;
    color: #000;
    text-decoration: none;
    background-color: #F5F5F5;
}


.featureboxcontent select {
	width: 100%;
}

#leftcontent .featureboxcontent {
    background: transparent url(images/featureboxmiddle_left.gif) repeat-y;
    padding: 10px;
    line-height: 150%;
    float: left;
    width:161px; 
}
#rightcontent .featureboxcontent {
    background: transparent url(images/featureboxmiddle_right.gif) repeat-y;
    padding: 10px;
    line-height: 150%; 
    float: left;
    width:165px;
}




/* Middle of feature box repeat-y the background border*/
#leftcontent .featureboxheader {
    float: left;
    width:168px; 
    background: url(images/featureboxmiddle_left.gif) repeat-y;
}

#rightcontent .featureboxheader {
    float: left;
    width:172px; 
    background: url(images/featureboxmiddle_right.gif) repeat-y;
}

/* Featurebox Tightly Controlled Corners */
#leftcontent .featureboxtopcontainer, #rightcontent .featureboxtopcontainer{
    width: 100%;
    display: block;
    clear: right;
}
#leftcontent .featureboxtopleft, #rightcontent .featureboxtopleft {
    float: left;
    width: 10px;
    height: 18px;
    background: url(images/featureboxheader_tleft.gif) no-repeat;
}
#leftcontent .featureboxtopborder {
    width: 161px;
    float: left;
    height: 18px;
    background-color: red;
    margin-right: auto;
    margin-left: auto;
    background: url(images/featureboxheader_tmiddle.gif) repeat-x;
}
#rightcontent .featureboxtopborder {
    width: 165px;
    float: left;
    height: 18px;
    background-color: red;
    margin-right: auto;
    margin-left: auto;
    background: url(images/featureboxheader_tmiddle.gif) repeat-x;
}
#leftcontent .featureboxtopright, #rightcontent .featureboxtopright {
    float: right;
    width: 10px;
    height: 18px;
    background: url(images/featureboxheader_tright.gif) no-repeat;
}
#leftcontent .featureboxbottomcontainer, #rightcontent .featureboxbottomcontainer{
    width: 100%;
}
#leftcontent .featureboxbottomleft, #rightcontent .featureboxbottomleft {
    float: left;
    width: 10px;
    height: 18px;
    background: url(images/featureboxheader_bleft.gif) no-repeat;
}
#leftcontent .featureboxbottomborder {
    float: left;
    width: 161px;
    height: 18px;
    background: url(images/featureboxheader_bmiddle.gif) repeat-x;
}
#rightcontent .featureboxbottomborder {
    float: left;
    width: 165px;
    height: 18px;
    background: url(images/featureboxheader_bmiddle.gif) repeat-x;
}
#leftcontent .featureboxbottomright, #rightcontent .featureboxbottomright {
    float: right;
    width: 10px;
    height: 18px;
    background: url(images/featureboxheader_bright.gif) no-repeat;
}
/* End featurebox */


/**
Errors and warnings
**/
.warning {
    color: blue;
}
.warning:before {
    content:url(images/warning-icon.png);
    margin-right: 8px;
    vertical-align: top;
    float: left;

}
.error {
    color: red;
    margin-bottom: 20px;
}
.error:before {
    content:url(images/error-icon.png);
    margin-right: 8px;
    vertical-align: top;
    float: left;
}