@import url(http://www.google.com/cse/api/branding.css);
body, thead, tbody, div, p, ul, ol, h1, h2, h3, h4, h5, form, fieldset {
  display: block;
  float: none;
  clear: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #003366;
}

body {
  background: #43a6c4 url(kepek/base/bg-site.png) repeat-x left top;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 1%;
  clear: both;
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

a:link,
a:visited {
  color: #3399cc;
  text-decoration: none;
}

a:hover {
  color: #99cccc;
  text-decoration: none;
}

a.inverted:link,
a.inverted:visited {
  color: #3399cc;
}

a.inverted:hover {
  color: #99cccc;
}

#page {
  margin-left: auto;
  margin-right: auto;
  width: 992px;
  min-height: 600px;
  background: transparent url(kepek/base/bg-pagecontent.png) repeat-y left top;
}

#pagecontent {
  width: 815px;
  min-height: 450px;
  background: transparent url(kepek/base/bg-contenttop.png) no-repeat left top;
  float: left;
}

#pageheader {
  position: relative;
  height: 230px;
}

p#homelink {
  position: absolute;
  top: 40px;
  left: 32px;
  width: 250px;
  height: 48px;
}

p#homelink a {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 250px;
  height: 48px;
}

p#homelink a span {
  display: none;
}

#topmenu {
  position: absolute;
  bottom: 24px;
  left: 36px;
  color: #fff;
}

#topmenu a:link,
#topmenu a:visited {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#topmenu a:hover {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}

#login:link,
#login:visited {
  position: absolute;
  bottom: 24px;
  right: 68px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#login:hover {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}

#skinselect {
  position: absolute;
  top: 16px;
  right: 40px;
  background: url(kepek/base/bg-skinselect.png) no-repeat left top;
  width: 358px;
  height: 37px;
}

a.skinselector:link, a.skinselector:visited, a.skinselector:hover {
  display: block;
  float: left;
  margin: 12px 4px 0 0;
  padding: 0;
  border: 0;
  width: 21px;
  height: 15px;
}

a.firstskin:link, a.firstskin:visited, a.firstskin:hover {
  display: inline;
  margin-left: 200px;
}

a.skinselector span {
  display: none;
}

a#skin_base:link, a#skin_base:visited {
  background: url(kepek/base/skin_base_on.png) no-repeat left top;
}

a#skin_base:hover {
  background: url(kepek/base/skin_base_on.png) no-repeat left top;
}

a#skin_vividpurple:link, a#skin_vividpurple:visited {
  background: url(kepek/base/skin_vividpurple.png) no-repeat left top;
}

a#skin_vividpurple:hover {
  background: url(kepek/base/skin_vividpurple_on.png) no-repeat left top;
}

a#skin_vividgreen:link, a#skin_vividgreen:visited {
  background: url(kepek/base/skin_vividgreen.png) no-repeat left top;
}

a#skin_vividgreen:hover {
  background: url(kepek/base/skin_vividgreen_on.png) no-repeat left top;
}

a#skin_blue:link, a#skin_blue:visited {
  background: url(kepek/base/skin_blue.png) no-repeat left top;
}

a#skin_blue:hover {
  background: url(kepek/base/skin_blue_on.png) no-repeat left top;
}

a#skin_purple:link, a#skin_purple:visited {
  background: url(kepek/base/skin_purple.png) no-repeat left top;
}

a#skin_purple:hover {
  background: url(kepek/base/skin_purple_on.png) no-repeat left top;
}

a#skin_green:link, a#skin_green:visited {
  background: url(kepek/base/skin_green.png) no-repeat left top;
}

a#skin_green:hover {
  background: url(kepek/base/skin_green_on.png) no-repeat left top;
}

#advertpanel {
  float: right;
  padding-left: 5px;
  width: 172px;
  min-height: 450px;
  background: transparent url(kepek/base/bg-adverttop.png) no-repeat left top;
}

div.banner728_90 {
  position: absolute;
  top: 90px;
  left: 36px;
  width: 728px;
  height: 90px;
  border: 2px solid #fff;
}

div.banner140_600 {
  width: 160px;
  margin: 5px 0 0 0;
  padding: 0;
  border: 0;
}

div.banner120_240 {
  width: 160px;
  height: 260px;
  margin: 0;
  padding: 0;
  border: 1px solid #fff;
}

p.advertcaption {
  margin: 0;
  padding: 19px 0 8px 57px;
  border: 0;
  color: #fff;
  font-size: 10px;
}

div#footer {
  display: block;
  clear: both;
  width: 600px;
  margin: 0 0 0 9px;
  padding: 40px 20px 40px 20px;
  border: 0;
}

div#footer a#websiteoftheyear2005:link, div#footer a#websiteoftheyear2005:visited {
  display: block;
  float: left;
  width: 58px;
  height: 65px;
  margin-right: 30px;
  background: url(kepek/award2005.gif) no-repeat left top;
}

div#footer a#websiteoftheyear2005:hover {
  background: url(kepek/award2005_on.gif) no-repeat left top;
}

div#footer a#websiteoftheyear2005 span {
  display: none;
}

div#footer p, div#footer a:link, div#footer a:visited {
  margin: 0;
  padding: 3px 0 0 0;
  border: 0;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  color: #777777;
}

div#footer a:hover {
  color: #6699CC;
}

div#footer p#bottommenu {
  margin: 0;
  padding: 15px 0 0 0;
  border: 0;
}

div#footer p#bottommenu strong {
  color: #c00;
}

#commoncontent {
  position: relative;
  padding: 16px 36px;
}

#commoncontent p {
  margin: 0 0 4px 0;
}

h1 {
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 24px;
}

.pagedescription {
  margin-bottom: 16px !important;
}

.error404 ul {
  margin-left: 36px;
}

.toolbox,
.linkbox {
  margin-bottom: 8px;
  padding: 2px;
  border: 1px solid #2288AA;
  background-color: #fff;
}

.warningbox {
  border: 1px solid #cc0000;
  color: #cc0000;
}

.warningbox .linkboxcontent {
  color: #cc0000;
}

.toolbox {
  position: absolute;
  right: 36px;
  top: 16px;
  width: 250px;
}

.toolbox p,
.linkbox h2 {
  margin: 0 !important;
  padding: 3px;
  background-color: #2288AA;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.warningbox h2 {
  background-color: #cc0000;
  color: #fff;
}

.toolbox p a:link,
.toolbox p a:visited,
.linkbox h2 a:link,
.linkbox h2 a:visited,
.warningbox h2 a:link,
.warningbox h2 a:visited {
  color: #fff;
  text-decoration: none;
}

.toolbox p a:hover,
.linkbox h2 a:hover,
.warningbox h2 a:hover {
  color: #fff;
  text-decoration: underline;
}

.toolbox ul,
.linkbox ul {
  display: none;
  padding: 5px;
  list-style: none;
}

.linkbox ul li {
  margin: 2px 0 !important;
}

.linkbox .linkbox_content {
  margin: 4px 0;
  padding: 4px;
}

.newcategoryrow {
  text-align: right;
  font-weight: bold;
  margin-top: 8px !important;
}

.threecolumnlayout {

}

.threecolumnlayout .boxcolumn {
  float: left;
  margin-right: 16px;
  width: 237px;
  min-height: 200px;
}

.threecolumnlayout #thirdcolumn {
  margin-right: 0;
}

.threecolumnlayout .linkbox {
  margin-bottom: 16px;
  width: 228px;
}

.threecolumnlayout .linkbox ul {
  display: block;
}

.linkbox a:link,
.linkbox a:visited {
  color: #003366;
}

.linkbox a:hover {
  color: #3399cc;
}

.threecolumnlayout .linkbox ul.boxadminlinks {
  margin-top: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid #3399cc;
}

.threecolumnlayout .pickupbox {
  border-color: #c00;
}

.threecolumnlayout .pickupbox h2 {
  background-color: #c00;
}

p.emptylinklist {
  font-style: italic;
}

.linklistitem_pickup,
.threecolumnlayout .linkbox a.linklistitem_pickup,
a.linklistitem_pickup:link,
a.linklistitem_pickup:visited {
  color: #cc0000;
}

span.linklistitem_new,
span.linklistitem_tipp {
  color: #cc0000;
  font-style: italic;
  font-size: 10px;
  margin-left: 4px;
}

.ui-sortable-placeholder {
  border: 1px solid #3399cc;
  visibility: visible !important;
/*  height: 100px !important; */
}

.ui-sortable-placeholder * {
  visibility: hidden;
}

#linklistform fieldset p {
  border-top: 1px solid #3399cc;
  padding: 4px;
}

#linklistform fieldset {
  margin-top: 16px;
  border-bottom: 1px solid #3399cc;
  width: 590px;
}

#linklistform fieldset p.ui-sortable-helper {
  width: 590px;
}

#searchgoogle {
  width: auto;
}

.adminlinklist_item {
  height: 20px;
  position: relative;
}

.adminlinks {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  font-style: italic;
  margin-bottom: 8px !important;
}

.adminlinklist_item .editlink:link,
.adminlinklist_item .editlink:visited {
  display: block;
  float: left;
  margin: 0 0 0 4px;
  padding: 0;
  border: 0;
  width: 16px;
  height: 16px;
  background: transparent url(/common/images/icon_edit.png) no-repeat left top;
}

.adminlinklist_item .editlink:hover {
  background: transparent url(/common/images/icon_edit.png) no-repeat 0 -16px;
}

.adminlinklist_item .editlink span {
  display: none;
}

.adminlinklist_item .deletelink:link,
.adminlinklist_item .deletelink:visited {
  display: block;
  float: left;
  margin: 0 0 0 4px;
  padding: 0;
  border: 0;
  width: 16px;
  height: 16px;
  background: transparent url(/common/images/icon_cancel.png) no-repeat left top;
}

.adminlinklist_item .deletelink:hover {
  background: transparent url(/common/images/icon_cancel.png) no-repeat 0 -16px;
}

.adminlinklist_item .deletelink span {
  display: none;
}

#contactbox {
  border-color: #669900;
  color: #264600;
}

#contactbox h2 {
  background-color: #669900;
}

#contactbox a:link,
#contactbox a:visited {
  color: #264600;
}

#contactbox a:hover {
  color: #6ab400;
}