/*CSS Design made by Patric Ahlqvist at p-ahlqvist.com*/

* {margin: 0px; padding: 0px;}
/* Hides from IE-mac \*/
* html .content {height: 1%;}
/* End hide from IE-mac */

/* ------------------ general declarations ---------------------*/
body {  font: 12px helvetica,times,serif;  color: #303030;  background: #f1f1f1/*0B09B5*/ url("../images/bg.jp") top left repeat-x ;  margin: 0; text-align: left;}
a {  color: #f4f4f4; text-decoration: none; }
a:hover,a:active { color:#fff;text-decoration: underline;}
form, input, select, textarea {font-family: helvetica,times,serif; font-size: 100%;margin: 0;}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {font-family: helvetica,times,serif;margin-top: 15px;margin-bottom: 15px;padding: 0 0 0 0;}
ul ul, ul ol, ol ul, ol ol {margin-top: 0; margin-bottom: 0;}	
h1, h2, h3, h4, h5, h6 {color: #303030;font-family: helvetica, "Trebuchet MS", serif;}
h1 {font-size: 240%; border: none; }
h2 {font-size: 120%;}
h3 {font-size: 100%;font-weight:bold;}
h4 {font-size: 120%;}
h5 {font-size: 70%;}
h6 {font-size: 50%;}
/* ------------ Minimum width declarations-------------------*/
#width {width:85%; min-width:1024px; margin:0em auto;}
* html #minwidth {border-left:1024px solid #fff; position:relative; float:left; z-index:1;}
* html #container {margin-left:-1024px; position:relative; float:left; z-index:2;  }
* html #minwidth{margin-bottom:2em;}
/* ------------ Layout declartions-------------------*/
#content {text-align:left;width:100%;background:#fff;padding: 0px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
#head1 {float:left;height:240px;background:transparent url(../images/new_logo.gif) no-repeat; padding: 0px 0 0 0px;width:250px;
margin:5px 0 0 0px !Important;margin:5px 0 0 0px;}
#header {height:250px;background:#000; margin:0;color: #fff;font-size:200%;padding: 0px 0 0 10px;}
#images {width:742px;min-width:742px;float:left;margin:15px 0px 10px 5px;}
#images img {border:none;}
.headtext{float:left;height:14px;margin: 5px 0 0px 20px;padding:0px 20px 0px 0px;background-color:transparent;color:#f8f8f8;font-weight:bold;}
#extra{margin: -10px 0 10px 0; padding:0px 0px 10px 0px; }
#extra p{padding:0;}
#extra h3 {border-bottom: 1px solid #eee;color: #000;font-size:12px;margin: 0px 0 10px 0;padding:16px 5px 5px 5px;background:transparent; /* #6F809E*/}
#left {float:left;color: #303030;width: 170px;margin: 0 0 0.9em 0; padding: 0em 1.5em 1em 1.8em;border-right:1px solid #eee;}

/* - Left H2 without style*/
#left h2{ margin: 0 0 0em 0; text-indent: 0px; color: #000; font-size: 11px; border-bottom: 1px solid #eee; padding:8px 5px 5px 5px;background:#DEDEDE;}
/* - Left H2 with style
#left h2{ margin: 0 0 1em 0; text-indent: 0px; color: #f4f4f4; font-size: 11px; border-bottom: 1px solid #eee; padding:8px 5px 5px 15px;background:#0B09B5;}*/
#left ul { margin:0; list-style:none; padding: 0; }
#left li { margin:1px 0 1px 0px; padding: 0px 0 0px 0px;  list-style: none;}
#left li a { background: #f1f1f1;color: #000; text-decoration: none;  padding: 3px 0 3px 4px; display: block; margin-bottom: 1px;border-bottom: 1px dashed #f1f1f1; }
* html #left li a {padding: 3px 0 3px 6px;margin-left:0px;}
#left li a:hover { color: #2E39CE; text-decoration: none; background: #e8e8e8; display: block; margin-bottom: 1px;border-bottom: 1px dashed #0B09B5; }
/* - Logging without style*/
.logging{background:transparent; margin: 0px 0 20px 0; border: 0px solid #0B09B5; color:#303030;padding:0px 0px 5px 0px;}
.logging p{margin-left: 0px;}
.logging a{color:#505050;}
.logging a:hover{color:#2E39CE;}
.searchlogging{background:#f1f1f1; margin: 0px 0 20px 0; border: 0px solid #0B09B5; color:#303030;padding:0px 0px 5px 0px;}
.links{float:left;width:45%;border:1px solid #ccc;background:#F9F8F8;margin:0 0.5em 2em 0.5em;padding:1em;}
.members{float:left;width:28%;border:1px solid #ccc;background:#F9F8F8;margin:0 0.5em 2em 0.5em;padding:1em;}
/* - Logging with style
.logging{background:#D7D6D6; margin: 0px 0 20px 0; border: 1px solid #0B09B5; color:#303030;padding:0px 0px 5px 0px;}
.logging p{margin-left: 0px;}
.logging a{color:#505050;}
.logging a:hover{color:#2E39CE;}*/
#center {width: 73%;background: #fff;/*F0E9CE*/margin: 0px 0 15px 15px;padding: 0em 10px 0 0px;float: left;}
#center h2 {border-bottom: 1px solid #eee;color: #000;font-size:12px;margin: 0px 0 10px 0;padding:0px 5px 5px 5px;background:transparent; /* #6F809E*/}
#center p{padding-left: 10px;}
#center p a{ color:#303030;text-decoration:underline; }
#center p a:hover{color:#2E39CE;text-decoration:underline;}
#center h2 a{color:#303030; }
#center h2 a:hover{color:#000;text-decoration:underline;}
#center ul{margin: 0 0 0 30px;padding: 0em 0 0.5em 0.5em;list-style: none;}
#center li ul{padding: 15px 5px 30px 5px;}
#center li li{padding: 3px 0;}
#center li a{background: none;line-height:1.6em;}
#center li i{font-size: smaller;}
#footer {color:#eee;width: 100%;text-align: center;font: 11px helvetica,times,serif;text-transform: lowercase;background:#000;/**/padding-top: 15px;padding-right: 0;padding-bottom: 15px;padding-left: 0;clear: both;border-top:1px dashed #0B09B5;}
#footer a {color: #f4f4f4;}
#footer a:hover { color: #f8f8f8;}
/* ------------ Images --------------- */
.img{ margin-top: 10px; margin-left: 0px; margin-bottom: 10px;  padding: 0px 0px 0px 0px;  border: 2px solid #ccc;}
.imgRight { float: right;margin:8px 10px 10px 0;  padding: 0px 0px 0px 0px;  border: 0px solid #0B09B5;}
.imgLeft {float:left; margin:8px 10px 10px 0;  padding: 0px 0px 0px 0px;  border: 1px solid #0B09B5;}
.imgBoard {float:left; margin:1px 10px 10px 0;  padding: 0px 0px 0px 0px;  border: 1px solid #0B09B5;}

img.insert {padding: 1px; margin: 0 0px 0 0; border: 1px solid #303030; }
img.insert:hover {border: 1px solid #8f97e0;}
/* -------------------	horisontal - navigation  ------------------------ */
.hmenu {float:right;height: 14px;margin: -20px 50px 0px 0;padding: 0px 20px 0px 0px;background-color:transparent;}
.hmenu li {margin: 0; padding: 0;display: inline;list-style-type: none;}
.hmenu a:link, .hmenu a:visited {float: left;font-size: 12px;line-height: 14px;font-weight: bold;padding: 0px 12px 6px 12px;text-decoration: none;color: #fff;/*708491*/}
.hmenu a:link.active, .hmenu a:visited.active, .hmenu a:hover {color: #05A9FE;background: url("../images/pyramid.gif") no-repeat bottom center;}
/*-------- data thingies -----------------*/
.bread {color:#303030;margin-bottom:0.5em;border:1px solid #999;background: #F9F8F8;border: 1px solid #ccc;padding:4px 0 4px 1em;}
.bread a {color:#707070;text-decoration:none;}
.bread a:hover {color:#ccc;text-decoration:underline;}
.taghelp{border:1px solid #999; background:#eee;padding:10px;margin:10px;}
#header h2 {padding-left:10px; font-size:150%;}
#header span{font-size:200%; color:#f3f3f3; font-family:Georgia; font-weight:bold;}
.searchbox {float:left; margin:0; padding: 3px 20px 0 0;}
.searchbox .button{ margin: 0; font-size: 100%; font-family: helvetica,times,serif; border: none; background: #0B09B5; color: #fff; padding: 1px; font-weight: bold; border:1px solid #000;}
form.search {padding: 0; margin: 0; }
form {padding: 0 0 0 0px;}
input { padding:3px; margin: 0; }
textarea { width: 97%; height: 20em; padding: 3px;}
fieldset { border: 1px solid #0B09B5; padding: 10px 8px; margin: 0 0 8px 0; background: #F9F8F8; color: #000; }
fieldset legend{font-size:100%;font-weight:bold;padding:0.2em 0 0em 0.2em;color:#303030;}
fieldset legend a{padding:0.2em 0 0em 1em;color:#303030;}
fieldset legend a:hover{color:#808080;}
fieldset select{width:60px;}
fieldset select#cat, fieldset select#pos, fieldset select#co{width:auto;}
input.searchbutton {background:#0B09B5;border:1px solid #768E6C;padding:2px 5px 2px 5px;color:#E1E9E2; }
input#keywords.searchfield{width:100px;margin-left:5px;}
.date { clear:both;color: #999; background: transparent;text-align: left; margin: 6px 0 10px 0; padding: 0.4em 0 0 0; border-bottom: 0px solid #ADB6C5;}
#center .date a{text-decoration:none;color:#999;}
#center .comment .date{border-bottom:1px solid #eee;margin: 0px 0 10px 0;}
input.button { background: #0B09B5; color: #eee;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;margin:0.5em 0 0 0;}

.commentsbox { padding: 8px 0 10px 10px; margin: 20px 0 10px 0; background: #F9F8F8; color: #303030;border: 1px solid #ccc;}
.contactbox { padding: 8px 0 10px 10px; margin: -10px 0 10px 0; background: #F9F8F8; color: #303030;border: 1px solid #ccc;}
/*----------- Application form ---------------*/
.app_text{clear:both;float:right;padding:10px;border:1px solid #ccc;width:60%;margin:1em 2em 0 0;background:#fff;}
.applbox { padding: 8px 0 10px 10px; margin: -10px 0 10px 0; background: #F9F8F8; color: #303030;border: 1px solid #ccc;}
input#appref.text{ width: 75%; height: 10em; padding: 3px;}
textarea#appmessage{ width: 75%; height: 10em; padding: 3px;}
input#appname.text{ width: 50%; height: 1.5em; padding: 3px;}
input#appemail.text{ width: 50%; height: 1.5em; padding: 3px;}
input#appphone.text{ width: 50%; height: 1.5em; padding: 3px;}
input#apphorse.text{ width: 50%; height: 1.5em; padding: 3px;}
input#appadress.text{ width: 50%; height: 1.5em; padding: 3px;}
input#apprase.text{ width: 50%; height: 1.5em; padding: 3px;}
input#appsearch.text{ width: 50%; height: 1.5em; padding: 3px;}
input#name.text, input#email.text, input#adress.text, input#tele.text, input#ponr.text, input#poort.text,
input#contest.text, input#horsename.text, input#horseclass.text, input#weblink.text, input#subject.text, 
input#pers.text, input#kindhorse.text  {width:200px;}


/*----------- Paginator ---------------*/
.paginator{text-align:right;margin:0.5em 2.5em 0.5em 0;}
a.page {background: #D1D1D1;border: 1px solid #0B09B5;padding: 3px 4px;color: #000;text-decoration: none;}
a:hover.page {background: #f1f1f1;border: 1px solid #0B09B5;padding: 3px 4px;color: #000;text-decoration: none;}
.pageselected {border: 1px solid #0B09B5;background: #F9F8F8;padding: 3px 4px;color: #000;}
/*----------- Styrelse ---------------*/
.mem_container {float:left;margin:1em 0.5em 1em 0;border-bottom:1px solid #ddd;padding:1em;background:#f8f8f8;width:93%;}
.member {float:left;width:380px;margin-left:1em;background:#f8f8f8;}
.upp_namn{float:left;width:40%;}
.upp_sort{float:left;width:60%;}
.mem_name{clear:both;float:left;width:40%;}
.mem_name_name{float:left;width:60%;}
.mem_adress{clear:both;float:left;width:40%;}
.mem_adress_adr{float:left;width:60%;}
.mem_phone{clear:both;float:left;width:40%;}
.mem_phone_home{float:left;width:60%;}
.mem_arb{clear:both;float:left;width:40%;}
.mem_arb_arb{float:left;width:60%;}
.mem_mob2{clear:both;float:left;width:40%;}
.mem_mob2_2{float:left;width:60%;}
.mem_extra{clear:both;float:left;width:40%;}
.mem_extra_info{float:left;width:60%;}
/*----------- Comments style---------------*/
.admin_style {background: #000;}
.border_even {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;background:#f1f1f1;margin-bottom:1em;}
.border_odd {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;margin-bottom:1em;background: #F9F8F8;}
.bottom{clear:both;float:left;margin:-1em 1em 1em 1em;width:90%;}
* html .bottom {margin:1.5em 1em 1em 0.5em;}
*:first-child+html .bottom {margin:1.5em 1em 1em 1em;} 
.bottom a {color:#808080;text-decoration:underline;}

p.top, p.bottom q {font-style: normal;}
p.top {float:left;text-align: left;padding:0 0 1em 0em;border-bottom:1px solid #ddd; background:transparent;}
p.bottom q {margin: 1em; padding: .3em; background: #fff; border-left: 3px solid #e0e0e0; display: block;}
p.bottom {margin: 1em 0 0 1em;padding:0em 1em 0 1em; color: #404040;clear:both;}
p.bottom:first-letter {margin-left: 0em; text-transform: uppercase;}
.comment_div {width:95%;color: #808080; padding: 0; margin: 3em 1em 0 1em; border-top: 1px solid #ccc; font-size: 100%;}
.commentsbox{clear:both;}
.comment_div p {margin: 0 .5em; padding: 1em;}
.number {clear:both;float:right; margin: 0.1em 1em 0 0; padding: .3em 0;width:20px; }
.num_even  {font-size: 200%;color:#DEDEDE;}
.num_odd {font-size:200%;color:#DEDEDE; }
.num_even:hover, .num_odd:hover {color:#ddd;}
.top{position:relative;float:left;margin:-2em 0 0em -1em;padding:0.5em 1em 0.5em 1em;border:1px solid #ddd;}
.top_odd{background:#DEDEDE;}
.top_even{background:#DEDEDE;}
.top_even a {color:#000;}.top_even a:hover{color:#2E39CE;}
.top_odd a {color:#000;}.top_odd a:hover{color:#2E39CE;}
/* For custom admin panels mod only */
.admpanel { border: 1px solid #ccc; padding: 10px 8px 10px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
.admpanel a{color:#999;}
.fieldset { border: 1px solid #ccc; padding: 20px 8px 20px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
legend { font: bold 16px arial; margin: 10px 0 0 0; }
input { padding: 3px; margin: 0; }
textarea { width: 90%; height: 20em; padding: 3px;}

/* span styles used in custom admin panels only */
.redtitle { font: bold 14px Arial; color: #ff0000; text-align: center; }
.bluetitle { font: bold 14px Arial; color: #0054bc; text-align: center; }
.admintitle { font: bold 16px Arial; color: #E23300; text-align: center; }
.buttonmargin { margin-bottom: 10px; }

/* Philmoz, Admin Links mod, May 23.07 */
.New_Admin_Links {font-size:85%;text-align:center;}

#contact_listing{
border-collapse: separate;
width:100%;
}
#contact_listing th{
border:#78f solid 1px;
background-color:#CAE8EA;
}
#contact_listing td{
border:#78f solid 1px;
background-color:#bAd8dA;
}
#contact_listing td.contact_list_alt{
border:#78f solid 1px;
background-color:#d0f0f0;
}
.contact_list_op_norm{
background-color:#bAd8dA;
}
.contact_list_op_alt{
background-color:#d0f0f0;
}