/*///////////////////////////////////////*

	An exclusive script by Jigowatt
	PHP Login by Christopher Balchin
	Modified: 07/07/2009 Version: 1.0
	Filename: PHP Login CSS
	
////////////////////////////////////////*/

* { outline: none; }
body { font: 62.5% "Lucida Grande", Arial, sans-serif; background-color: #f6f6f6; color: #777; margin:0; padding:0 }
h1, h2, h3, h4, h5 { color:#222;
margin-bottom: 0px; margin-left:0px; margin-right:0px; margin-top:0px; }


a { text-decoration: none; color: #2C38E1; }
a:hover { text-decoration: none; }

h1 { font: 30px Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:30px 0 0 0; margin: 0; }
h2 { font:15px Arial, Helvetica, sans-serif; padding: 0  0 3px 0; margin-bottom: 0; }

.list { margin: 0 auto; width: 380px; padding: 10px; background-color: #fff; }

.exists { background: #FBE3E4 url(assets/cross.gif) no-repeat 98% center; border-color: #FBC2C4; color:#8a1f11; }
.avail { background: #D6FFD8 url(assets/success.gif) no-repeat 98% center; border-color: #A0D997; color:#436213; }

#main, #header, #footer, #main_body {
margin: 0 auto;min-width: 300px; max-width:400;   }

#logo {

}

#logol {

}

#logor {
float:right;
}
#container {
padding-bottom:40px;

}

#AdminLogin {
padding: 20px;
}
#main {  min-width: 300px; max-width:400;  padding: 0px; 	 border: 1px solid #cbcbcb; background:#fff; margin-bottom: 0px; margin-top:0px;  }

#padded {  min-width: 290px; max-width: 390px; padding: 10px; margin-bottom: 0px; margin-top:0px; }

#title { float: left; width:100% }
#title a { color: #333; }

#login { margin: 0px 0; float: right; width:15%; text-align:right }
#logout { margin: 0px 0; float: right; width:15%; text-align:right}



.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url(assets/error.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 3px 0; color:#8a1f11;border: 1px solid #FBC2C4;  margin-bottom: 10px }

.success_message { display: block; height: 22px; line-height: 22px; padding: 3px 10px 3px 35px; margin: 3px 0; color:#666; border: 1px solid #A0D997;  background-color: #D6FFD8; background-image: url(assets/success.gif); background-repeat: no-repeat; background-position: 10px center; color:#436213; margin-bottom: 10px}

#footer { text-align: right; font-size: 10px; }


label { display:block; font-weight:bold; color:#333; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:12px 0 4px; }

input, textarea, select { padding:7px; border:1px solid #333; font:16px Arial, Helvetica, sans-serif; width:490px; color:#333;  }

input[type=submit], input.submit { width:auto; background:#2C38E1; border:1px solid #06a; color:#fff; font-weight:bold; margin-top:2px;  margin-bottom:2px ; cursor:pointer; width:auto;  padding:2px; }

input[type=submit]:hover, input[type=submit]:focus, input.submit:hover, input.submit:focus { background: #3366FF; color:#fff; }


/* CHANGE BUTTON STYLE */
input.comments_text, textarea.comments_text, select.comments_text { padding:7px; border:1px solid #D4D0C8; font:16px Arial, Helvetica, sans-serif; width:80%; color:#333;  }

input [type=submit].comments , input.comments { width:auto; background:#D4D0C8; border:1px solid #D4D0C8; color:#fff; font-weight:bold; cursor:pointer; width:auto;  padding:6px; }

input[type=submit].comments :hover, input[type=submit].comments :focus, input.comments:hover, input.comments:focus { background:#999999; color:#fff; }

/* END CHANGE BUTTON STYLE */

ul.success-reg { margin: 5px 0; padding:0; };
ul.success-reg li { line-height: 25px; color: #999; list-style: none; }
span.success-info { width: 70px; }

input.edit_search { width:400px; }
select { width:auto; }
input:focus, textarea:focus { border-color:#ccc; color:#555; }

ul.success-reg { margin:10px 10px 10px 0; font-size:120%; }

ul.success-reg li { padding: 5px 0; list-style: none; color: #999; border-bottom:1px dotted #ccc; }

ul.success-reg li span.success-info b { padding-right:5px; color:#222; display:inline-block; width:80px; }

.credentials { width:149px; float:left; text-align: center; padding:0 5px; margin:10px 5px; border-right:1px dotted #ccc; }

/* Form style */

fieldset { padding:20px; border:1px solid #eee;  }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee;  }

span.required{ font-size: 13px; color: #2C38E1; }

#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }

/* Buttons */

a.admin { display:block; width:250px; height:52px; background:url(assets/btn_adminpanel.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:9px; margin-bottom:10px; }
a.admin:hover { background-position:top; }

a.protected { display:block; width:250px; height:52px; background:url(assets/btn_protected1.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px;}
a.protected:hover { background-position:top; }
a.protected2 { display:block; width:250px; height:52px; background:url(assets/btn_protected2.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:9px; margin-bottom:10px; }

a.protected2:hover { background-position:top; }
a.protected3 { display:block; width:250px; height:52px; background:url(assets/btn_protected3.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px; }
a.protected3:hover { background-position:top; }

a.register { display:block; width:509px; height:52px; background:url(assets/btn_register.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px; }
a.register:hover { background-position:top; }

hr { height:1px; background:#ccc; border:none; }


/* - - - Menu: BASIC styles [ MANDATORY ] - - - */

#bottom_menu {
	align:right;
	text-align:left;
	margin-top:0px;
	
}

/* ADMIN CSS */

span.add_horse a { height:52px; width:250px; display:block; text-indent:-9999px; background:url(assets/add_horse.png) bottom no-repeat;  margin-top: 3px; }
span.add_horse a:hover { background-position:top; }

span.add a { height:52px; width:250px; display:block; text-indent:-9999px; background:url(assets/add.png) bottom no-repeat;  margin-top: 3px; }
span.add a:hover { background-position:top; }

span.edit a { height:52px; width:250px; display:block; text-indent:-9999px; background:url(assets/edit.png) bottom no-repeat;   margin-top: 3px; }
span.edit a:hover { background-position:top; }

span.manage a { height:52px; width:510px; display:block; text-indent:-9999px; background:url(assets/manage.png) bottom no-repeat;  margin-top:15px; }
span.manage a:hover { background-position:top; }

span.add_ul a { height:52px; width:250px; display:block; text-indent:-9999px; background:url(assets/add_ul.png) bottom no-repeat;  margin-top: 3px; }
span.add_ul a:hover { background-position:top; }

span.edit_ul a { height:52px; width:250px; display:block; text-indent:-9999px; background:url(assets/edit_ul.png) bottom no-repeat;   3px; }
span.edit_ul a:hover { background-position:top; }

ul.column_result { margin: 5px 0; padding:0; }
ul.column_result li { line-height: 25px; border-bottom: 1px dotted #ccc; list-style: none; }
ul.column_result li a { display: block; color: #999; }
ul.column_result li a:hover { background: #f8f8f8 url(./assets/pencil.gif) right center no-repeat; color: #2C38E1; }

span.result_column { display: inline-block; }

.suggest_button { display: none; }
.suggestions { display: block; padding: 7px; border-bottom: 1px dotted #ccc; }
.suggest_link a { display: block; padding: 7px; border-bottom: 1px dotted #ccc; }
.suggest_link a:hover { background: #f8f8f8 url(./assets/pencil.gif) 98% center no-repeat; }
#search_suggest { position: relative; display: block; background-color: #FFF; margin: 10px 0; text-align: left; font: 16px Arial, Helvetica, sans-serif; width: 510px; color: #999; }

.checkbox { width: auto; border: 0; padding: 0; margin: 0 0 0 5px; }

.totals { display: inline-block; font: 14px Arial, Helvetica, sans-serif; padding: 7px 10px 0 3px; margin: 1px; }
.totals b { font-size: 18px; color: #555; }


div.content {
    border: #48f solid 3px;
    clear: left;
    padding: 1em;
}

#newsbox {
min-width: 300px; max-width:400; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

#newsbox a {
color:#1F527B;

}
#newsbox a:hover {
color:#0A246A;
text-decoration:underline;

}
.blueTitle {
font-weight:bold;
font-size:16px;
}
.blueTitleSmall {
font-weight:bold;
font-size:13px;
}
.blackTitle {
font-weight:bold;
font-size:16px;
}

.blue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

/* LOGIN BOX CSS */


#containerLogin {
	float:right;
	margin:0 auto;
}

#contentLogin {
	width:520px;
	min-height:500px;
}
/* a:link, a:visited {
	color:#27b;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border-width:0;
} */
#topnav {
	padding:2px;
	font-size:11px;
	line-height:23px;
	text-align:right;
}
#topnav a.signin {
	background:#2C38E1;
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*background:transparent url("images/signin-nav-bg-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin:hover {
	background:#59B;
	*background:transparent url("images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}


#topnav a.signin, #topnav a.signin:hover {
	*background-position:0 3px!important;
}

a.signin {
	position:relative;
	margin-left:3px;
}
a.signin span {
	background-image:url("images/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}



/* LEFT MAIN MENU 8?
/* Generated via www.cssmenubuilder.com */

#topmenuButtons a{
display: block;
text-decoration: none;
font: bold 11px Arial;
width: 73px;
height: 24px;
float: left;
display: inline;
margin-right: 4px;
background-image:url(images/signin-nav-bg-ie.png);
background-repeat: no-repeat;
padding-top: 4px;
text-align:center;
}

#topmenuButtons a:hover{
background-image:url(images/signin-nav-bg-hover-ie.png);
}

#topmenuButtons a{
color:#FFFFFF;
}

#topmenuButtons a:hover{
color:#FFFFFF;
}



#topmenuActive a{
color:#FFFFFF;
}

#topmenuActive a:hover{
color:#FFFFFF;
}


ul.content-box-tabs {list-style-type:none;margin:0px;padding:0px;}
ul.content-box-tabs li {float: left;margin: 0;padding: 0 !important;background-image: none !important;}
ul.content-box-tabs li a {padding: 8px 10px;display: block;font-size:14px;}
ul.content-box-tabs li a.current {	color:#000;}

.clear{clear:both;height:0px;overflow:hidden;}

#diarya {
height: 45px; 
border-bottom: 1px dashed #999;
width:100%;
}

#diarya a {
color: #666666;
}

#diarya a:hover {
color: #2C38E1;

}


#horse {
line-height: 20px; 
border-bottom: none; 
padding:0;
width:100%;


}

#horse a {
color: #666666;
}

#horse a:hover {
color: #08c;

}

#horseView {
margin-left:10px;
padding:10px 10px 10px 0px;;
display:block;
font-size:12px;
}

#menuView {
padding:10px 10px 10px 10px;;
font-size:16px;
}

.webcs_div{padding-top:20px;padding-bottom:20px;}
.webcs_div h3{color:#888;}

#webcs_table{border-collapse:collapse;padding-top:20px; width:100%;}
#webcs_table tr{border-bottom:none;}
#webcs_table th{padding:5px;color:#777;text-align:left;}
#webcs_table td{padding:5px;color:#888;}

.webcs_table{border-collapse:collapse;padding-top:20px; width:100%;}
.webcs_table tr{border-bottom:none;}
.webcs_table th{padding:5px;color:#777;text-align:left;}
.webcs_table td{padding:5px;color:#888;}


.button-tab{cursor:pointer;background-color:#2C38E1;float:left;width:90px;height:25px;margin-bottom:0px;font-size:18px;color:#FFF;border-right:1px solid #FFF;text-align:center;}
p.default{background-color:#5599BB;}
.tabs{display:none; width:100%; border:1px solid #2C38E1;padding:20px;}
.tabs2{display:none; width:100%; border:1px solid #2C38E1;padding:20px;font-size:16px;}
div.default{display:block;}

.cat-panel{cursor:pointer;background-color:#2C38E1;width:100%;margin-bottom:0px;font-size:14px;color:#FFF;padding-left:0px;}
.cat-panel a {
color:#fff;
}

.cat-panel a:hover {
	color:#fff;
}

p.cat-default{background-color:#5599BB;}


.horizontal_slider{width:70px;float:left;padding-left:10px;padding-right:10px;}
div.sc_menu  {/* Set it so we could calculate the offsetLeft */position: relative; height: 25px; width: 70px; /* Add scroll-bars */ overflow: auto; float: left;}
ul.sc_menu{position:absolute; background:transparent url(navigation.png) repeat scroll 0 0; display:block; height:25px;list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; width:175000px;}
ul.sc_menu li	{display:block; float:left; padding:0 4px; width:62px;}
.sc_menu li, .sc_menu2 li{display: block; float: left; padding: 0px 4px;}

.horizontal_slider2{width:100px;float:left;padding-left:10px;padding-right:10px;}
div.sc_menu2 {/* Set it so we could calculate the offsetLeft */position: relative; height: 25px; width: 100px; /* Add scroll-bars */ overflow: auto; float: left;}
ul.sc_menu2{position:absolute; background:transparent url(navigation.png) repeat scroll 0 0; display:block; height:25px;list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; width:175000px;}
ul.sc_menu2 li{display:block; float:left; padding:0 4px; width:92px;}

select.diary-horse-select{padding:0px;}


.add-comment-button{background:none repeat scroll 0 0 #2C38E1;border:1px solid #0066AA;color:#FFFFFF;cursor:pointer;font-weight:bold;padding:4px;width:auto;}

/*NEW MENU NAVAGATION MENU 1*/

#navbar1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:0px;


}
#navbar1 li {
	list-style:none;
	display:inline;
}
#navbar1 a {
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:url("images/tabBlue.gif") no-repeat;
	float:left;
	padding:5px 0px 6px 0px;
	width:92px;
}
#navbar1 .selected a {
	background-position:0 -50px;
	color:#fff;
}
#navbar1 a:hover { 
	background-position:0 -25px;
	color:#fff;
}
#navbar1 a:active {
	background-position:0 -50px;
	color:#fff;
}


/*NEW MENU NAVAGATION MENU 2*/

#diaryNav3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:0px;


}
#diaryNav3 li {
	list-style:none;
	display:inline;
}
#diaryNav3 a {
	text-align:center;
	color:#fff;
	text-decoration:none;
	background: url("images/diaryTab.png") repeat-x;
	float:left;
	padding:16px 0px 16px 0px;
	width:25%;
}
#diaryNav3 .selected a {
	background-position:0 -100px;
	color:#fff;
}
#diaryNav3 a:hover { 
	background-position:0 -50px;
	color:#fff;
}
#diaryNav3 a:active {
	background-position:0 -100px;
	color:#fff;
}

/*NEW MENU NAVAGATION MENU 3*/

#diaryNav1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0px;
	padding:0px;


}

#diaryNav1 li {
	list-style:none;
	display:inline;
}
#diaryNav1 a {
	text-align:center;
	color:#fff;
	text-decoration:none;
	background: url("images/diaryTab1.png") repeat-x;
	float:left;
	padding:12px 0px 12px 0px;
	width:50%;
}
#diaryNav1 .selected a {
	background-position:0 -100px;
	color:#fff;
}
#diaryNav1 a:hover { 
	background-position:0 -50px;
	color:#fff;
}
#diaryNav1 a:active {
	background-position:0 -100px;
	color:#fff;
}

#diaryNavBulk {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

#diaryNavBulk li {
	list-style:none;
	display:inline;
}
#diaryNavBulk a {
	text-align:center;
	border:#CCCCCC 1px solid;
	color:#fff;
	text-decoration:none;
	background: url("images/diaryTab1.png") repeat-x;
	float:left;
	padding:8px 0px 8px 0px;
	width:99%;
}
#diaryNavBulk .selected a {
	background-position:0 -100px;
	color:#fff;
}
#diaryNavBulk a:hover { 
	background-position:0 -50px;
	color:#fff;
}
#diaryNavBulk a:active {
	background-position:0 -100px;
	color:#fff;
}


/* #diaryNav1 li {
	list-style:none;
	display:inline;
}
#diaryNav1 a {
	text-align:center;
	border:#CCCCCC 1px solid;
	color:#fff;
	text-decoration:none;
	background-color: #2C38E1;
	float:left;
	padding:9px 0px 9px 0px;
	width:49.5%;
}
#diaryNav1 .selected a {
	background-color:#2C38E1;
	color:#fff;
}
#diaryNav1 a:hover { 
	background-color:#5CA3C5;
	color:#fff;
}
#diaryNav1 a:active {
	background-color:#4F9BBF;
	color:#fff;
}
*/
/*NEW MENU NAVAGATION MENU 2*/

#diaryNav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	margin:0px;
	padding:0px;


}
#diaryNav li {
	list-style:none;
	display:inline;
}
#diaryNav a {
	text-align:center;
	color:#fff;
	text-decoration:none;
	background: url("images/diaryTab.png") repeat-x;
	float:left;
	padding:12px 0px 12px 0px;
	width:100%;
}
#diaryNav .selected a {
	background-position:0 -100px;
	color:#fff;
}
#diaryNav a:hover { 
	background-position:0 -50px;
	color:#fff;
}
#diaryNav a:active {
	background-position:0 -100px;
	color:#fff;
}

.diary { color: #777; }
.diary a {  color: #777; }
.diary a:hover {  color: #777; }