/* Search */

* {margin:0;padding:0;}

body {
	height:80%;
	font: 12px Verdana,Geneva,sans-serif;
	text-align:center;}

a {font-weight:bold;text-decoration:none;}
a:link, a:visited {color:#06C;}
a:hover, a:focus, a:active {color:#C06;}
a img {border:none;}

h1 {color:#06f;font:bold 1.3em Helvetica, sans-serif;}

#main {height:99%;margin:0 auto;padding:10px 0 0 0;text-align:center;width:800px;}

.fullnav {width:415px;text-align:center;margin:0 auto 4px auto;border:0px solid #CCC;z-index:0;}
.usual ul {margin:0 0 0px 0;}
.usual ul li {display:inline;}
.usual ul li a {font:12px verdana, sans-serif;outline:none;padding:6px 15px;}

.sButton {margin:0 0 0px 0px;float:right;}
.sButton a {font:12px verdana, sans-serif;outline:none;padding:5px 10px;}

.navbutton {
	background:#e0e0e0 url('images/gradm2acc.png') top center repeat-x;
	border-color:#999;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	margin:0 2px;
}
.navbutton:link, .navbutton:visited {color:#000;}
.navbutton:hover, .navbutton:active {color:#FFF;border-color:#333;background-image: url('images/grad.png');}

#buttonone:link, #buttonone:visited {
}
#buttonone:hover {background-color:#0052CC;}
#buttonone:active {background-color:#1F749F;color:#CCC!important;}
#buttontwo:hover {background-color:#C00;}
#buttontwo:active {background-color:#A43F3F;color:#CCC!important;}
#buttonthree:hover {background-color:#4D9900;}
#buttonthree:active {background-color:#447810;color:#CCC!important;}
#buttonfour:hover {background-color:#90F;}
#buttonfour:active {background-color:#7A00CC;color:#CCC!important;}

#buttonfive:hover {background-color:#399;}
#buttonfive:active {background-color:#2D8686;color:#CCC!important;}
#buttonshout:link, #buttonshout:visited {
	border:1px solid #330033 !important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:1px 1px 10px #333;
	-webkit-box-shadow:1px 1px 10px #333;
}
#buttonshout:hover, #buttonshout:active {
	-moz-box-shadow: 0 0 20px black, 20px 15px 30px yellow, -20px 15px 30px lime, -20px -15px 30px blue, 20px -15px 30px red;
	-webkit-box-shadow: 0 0 20px black, 20px 15px 30px yellow, -20px 15px 30px lime, -20px -15px 30px blue, 20px -15px 30px red;
	color:#000;
}

#configstyle {
	margin:0 auto 50px auto;
	font:11px Arial, Verdana, Helvitica, sans-serif;
	text-align:center;
	background-color:#e0e0e0;
	border:1px solid #999;
	width:470px;
	padding:0px 0px 20px 0px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	z-index:10;}
#configstyle ul {padding:34px 0 0 0;}
#configstyle ul li {display:inline;color:#000;}
#configstyle input {
	opacity:0.7;
	border:2px outset #333;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	width:60px;
	height:40px;
	font-size:16px;
	font-weight:bold;
	background-image: url(images/bg_thumbs.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
	-webkit-transition: all 0.2s linear;
	margin:8px;}
#configstyle input:hover {opacity:1.0;}


.themeclose {
	z-index:900;
	float:right;
	margin: 0 0px 0px 0;
	padding: 1px 12px 2px 12px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:7px;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	font-size:15px;
}
.themeclose:link, .themeclose:visited {color:#333;background-color:#F1F0F0;}
.themeclose:hover, .themeclose:active {color:#FFF;border-color:#666;background-color:#000;}


#newshout, #replyshout {
	margin:0 auto 50px auto;
	font:11px Arial, Verdana, Helvitica, sans-serif;
	text-align:left;
	background-color:#e0e0e0;
	border:1px solid #999;
	width:490px;
	padding:0px 0px 25px 0px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	position:relative;
	z-index:100;}
    .bbtitle {
	float:left;
	padding:4px 0 0 16px;
	font: italic 18px Georgia, serif;}
    #shoutentrybox, #replyshoutbox {
	width:440px;
	margin:10px 0 0px 15px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border: 2px solid #49A3D0;
	padding:8px;
	font: 15px 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Geneva, sans-serif;}
    #charlimitinfo1, #charlimitinfo2 {
	font: 10px 'Trebuchet MS', Helvetica, sans-serif; 
	color:#666;
	margin:10px 0 0px 15px;}
    #newshout input, #replyshout input {
	margin:0 0 5px 15px;}


.searchinput {
	background:#FFF url(images/gradm2acc.png) top center repeat-x;
	padding:6px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	color:#000;
	width:270px;
	height:20px;
	float:left;}
#inputone {border: 2px solid #49A3D0;}
#inputtwo {border: 2px solid #393;}
#inputthree {border: 2px solid #009999;}
#inputfour {border: 2px solid #990066;}

#inputfive, #replybox {border: 2px solid #2073FC!important;-moz-border-radius:4px;-webkit-border-radius:4px;	background:#E0EBEF url(design/bg.form.inputm.png) top center repeat-x; max-height:200px;}
#inputfive:focus, #replybox:focus {background-color:#458BFF;border-color:#458BFF;}

.searchbutton {
	margin-left: 8px;
	background:#85C2E0 url(images/gradm2acc.png) top center repeat-x;
	padding:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer;
	outline:none;
	font: bold 14px 'Trebuchet MS', Helvetica, sans-serif;
	height:36px;
	width:130px;
	float:left;
}
.searchbutton {background:#3FA5A5 url(images/gradm2acc.png) top center repeat-x;outline:none;}
.searchbutton:hover {background-color:#FFF;text-decoration:underline;}
.searchbutton:focus {outline:none;}
#b1 {border:1px solid #49A3D0;color:#036;}
#b2 {border:1px solid #393;color:#003300;}
#b3 {border:1px solid #990066;color:#660033;}
#b4 {border:1px solid #009999;color:#006666;}
#b5 {border:1px solid #458BFF;}

.bad {font-weight:normal;text-decoration:none;border:2px solid #458BFF;}
.bad:link, .bad:visited {color:#CC0000;}
.bad:hover, .bad:active {color:#990000;text-decoration:underline;text-shadow:#000 0px 0px 0px!important;}
.good {font-weight:normal;text-decoration:none;border:2px solid #458BFF;}
.good:link, .good:visited {color:#009900;}
.good:hover, .good:active {color:#006600;text-decoration:underline;text-shadow:#000 0px 0px 0px!important;}

#clooseS {
	width:13px;
	position:fixed;
	z-index:20;
	right:270px;
	top:27px;
	height:98%;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding:0;
	overflow:hidden; 
	background: rgba(204, 204, 204, 0.5) url(http://edturtle.co.uk/centre/famfam-icons/control_play_blue.png) center center no-repeat;
	opacity:0.6;
	cursor: pointer;}
    #clooseS:hover {background-color:rgba(204, 204, 204, 0.7);opacity:0.9;}
#OopenS {
	width:13px;
	position:fixed;
	z-index:20;
	right:0;
	top:27px;
	height:98%;
	border-left:1px solid #999;
	border-right:1px solid #999;
	font: bold 12px 'Trebuchet MS', Helvetica, sans-serif;
	padding:0;
	overflow:hidden; 
	background:rgba(204, 204, 204, 0.5) url(http://edturtle.co.uk/centre/famfam-icons/control_rewind_blue.png) center center no-repeat;
	opacity:0.6;
	cursor: pointer;}
    #OopenS:hover {background-color:rgba(204, 204, 204, 0.7);opacity:0.9;}

#shoutbox {
	width:270px;
	position:fixed;
	right:0;
	top:27px;
	height:98%;
	overflow:visible; 
	overflow-x:hidden;
	overflow-y:auto;
	z-index:20;
}
#shouts {

	text-align:right;
	padding: 0;
	
}
#shouts h5 {font: 26px/27px Georgia, Palatino Linotype, Book Antiqua, Palatino, Times New Roman, serif;text-align:left!important;margin-left:10px;}
#shouts h5 span {font: 16px/27px Georgia, Palatino Linotype, Book Antiqua, Palatino, Times New Roman, serif;}
.ashout {
	padding: 4px 0 5px 0;
	margin:0; 
	font: 13px Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-align:left;
	background:#FFF;}
.ashout a{font-weight:normal;text-decoration:underline;}
.ashout a:link, .ashout a:visited {color:#666;}
.ashout a:hover, .ashout a:active {color:#69C;}
.ashout hr {margin: 11px 0 9px 0;color: #e0e0e0;background-color: #e0e0e0;height: 1px;border: 0;width: 100%;}
     .ashout:first-child {padding-top:8px;}
.mainshout {
	padding: 0px 15px 0px 5px;
	float:left;
	width:165px;}
    .mainshout .author {
	font-weight:bold;}
    .mainshout .date {
	color:#999;
	font: 10px 'Trebuchet MS', Helvetica, sans-serif;}
#shouts hr {
	clear:both;
	margin:5px 0;
	padding:1px 0;
	border-width:0;
	color:#CCC;
	background-color:#CCC;}

.ashout-footer {width:100%;text-align:center;border-top:1px solid #999;border-bottom:1px solid #999;margin:9px 0 0 0;padding:3px 0;color:#B8DCFF;background:#FFF url(design/grad_button.png) center center repeat-x;opacity:0.7;clear:left;}
.ashout-f-date {font:10px verdana, arial, sans-serif;color:#333;border-left:1px solid #B2B2B2;padding:3px 5px;background:#FFF url(design/grad_button.png) center center repeat-x;border-right:0px solid #FFF!important;display:inline;}
.ashout-footer a {font:10px verdana, arial, sans-serif;padding:3px 5px;}
.ashout-footer a:link, .ashout-footer a:visited {color:#333;border-left:1px solid #B2B2B2;border-right:1px solid #B2B2B2;text-decoration:none;}
.ashout-footer a:hover, .ashout-footer a:active {color:#000;border-left:1px solid #B2B2B2;border-right:1px solid #B2B2B2;background-color:#EFEFEF;}

.shoutmenu {
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	height:28px;
	float:right;
	background:#0066FF url(design/gradshoutmenu.png) center -10px repeat-x;
	opacity:0.8;}
    .shoutmenu li {
	display:inline;
	float:left;}
    .shoutmenu a {
	padding: 0 8px 0 24px;
	margin:0;
	height:28px;
	line-height:28px;
	font-weight:normal;
	outline:none;
	display:block;}

    #linklatest {background: url(http://edturtle.co.uk/centre/famfam-icons/comments.png) 5px center no-repeat;}
    #linklatest:hover {background-color:#0066FF;}

    #linkatuser {background: url(http://edturtle.co.uk/centre/famfam-icons/user_green.png) 5px center no-repeat;}
    #linkatuser:hover {background-color:#0066FF;}

    #linkfromuser {background: url(http://edturtle.co.uk/centre/famfam-icons/script_edit.png) 5px center no-repeat;}
    #linkfromuser:hover {background-color:#0066FF;}

    .shoutmenu a:link, .shoutmenu a:visited {color:#FFF;}
    .shoutmenu a:hover, .shoutmenu a:focus, .shoutmenu a:active {color:#FFF;background-color:#0066FF;}

#messages {
	position:absolute;
	top:26px;
	left:0px;
	z-index:10;
	border:0px solid #000;
	width:100%;
	text-align:center;
}
#minner {
	display:block;
	width:520px;
	background-color:#FF9;
	margin:0 auto;
	border:1px solid #CCC;
	padding:4px 0 6px 0;
	-moz-box-shadow:0px 2px 4px #ccc;
	-webkit-box-shadow:0px 2px 4px #ccc;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	opacity:0.7;
}
#minner a {
	z-index:900;
	float:right;
	margin: 0 8px 0 0;
	padding: 0px 4px 2px 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #FF9;
}
#minner a:link, #minner a:visited {color:#333;}
#minner a:hover, #minner a:active {color:#666;border-color:#666;}

#footer {position:absolute;bottom:0;left:0;width:100%;z-index:-100;}

.inpus {
	background: #FFF url(design/bg.form.input.png) left 0px repeat-x;
	border:1px solid #3BA2CD;
	padding: 3px 5px;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
	color:#000;
}
.inpus:focus {background-position: left -5px;border:1px solid #237FA5;}
.login {
	border:1px solid #666;
	padding:4px 14px; 
	margin:2px 5px 0 0;
	background: url('images/gradm2acc.png') center center repeat-x;
	float:left;
	opacity:0.7;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-weight:normal;
	cursor:pointer;
	color:#000;
}
.login:link, .login:visited {color:#000;}
.login:hover, .login:active {opacity:1.0;background-color:#666;color:#000;}

div.c3 {display: none; text-align: right; width: 308px}
li.c1 {float:right;}


.bgimage {display:none;position:absolute;bottom:0;left:0;z-index:20;}

.fullresults {
	margin:0 auto 20px auto;
	text-align:center;
	padding:20px 10px;
	width:940px;
	background-color:#FFF;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	z-index:100;}

.lefts {
	float:left;
	text-align:center;
}

    .lefts a {
	margin:0 0px 3px 6px;
	font: 11px 'Trebuchet MS', Helvetica, sans-serif;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:3px 0px;
	display:block;
	width:55px;}
    .lefts a:link, .lefts a:visited {
	color:#666;
	text-decoration:none;
	border:1px solid #EAEAEA;
	background-color:#F5F5F5;}

    .lefts a:hover, .lefts a:focus, .lefts a:active {
	color:#333;
	text-decoration:underline;
	border:1px solid #999;
	background-color:#e0e0e0;}


.ppimage {
	opacity:0.8;
	margin:0 0px 3px 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	width:50px;}


#actions {
	position:absolute;
	top:55px;
	left:0px;
	text-align:left;
	font-size:14px;
	padding:10px 0;
	width:300px;}
    #actions li {list-style:none;}
    #actions a {
	padding:5px 5px 5px 35px;
	float:left;
	display:block;
	width:260px;}
    #actions .nshout a {
	background: url('http://edturtle.co.uk/centre/famfam-icons/add.png') 13px 5px no-repeat;}
    #actions .changepp a {
	background: url('http://edturtle.co.uk/centre/famfam-icons/picture.png') 13px 5px no-repeat;}
    #actions .changeth a {
	background: url('http://edturtle.co.uk/centre/famfam-icons/page_white_swoosh.png') 13px 5px no-repeat;}

.iconrollover {opacity:0.7;}
    .iconrollover:hover {opacity:1.0;}

#tab1, #tab2, #tab3, #tab4, #tab5 {
	background-color:#e0e0e0;
	border:1px solid #999;
	width:425px;
	padding:12px;
	margin:0 auto;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	z-index:10;}

.clear {clear:both;}


a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}



.resultqhover {
	position:fixed;
	top:26px;
	display:block;
	margin: 0;
	padding: 0;
	z-index:20;
	width:100%;
	min-height:26px;
	text-align:center;
}
    .resultqhover div {

	display:block;
	margin: 0 auto;
	text-align:center;
	padding: 13px 0 0 30px;
	line-height:1;
	width:450px;
	min-height:47px;
	z-index:200;
	background: #FFF;
	border-bottom:1px solid #CCC;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	box-shadow:0px 3px 5px #999;
	-moz-box-shadow:0px 3px 5px #999;
	-webkit-box-shadow:0px 3px 6px #999;}


#jsddm {
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	display:block;
	margin: 0;
	padding: 0;
	width:100%;
	height:26px;
	background:#FFF;
	border-bottom:1px solid #CCC;}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: bold 12px Tahoma, Arial, sans-serif;
		height:26px;
		line-height:26px;
		color:#333;}


     #jsddm li a {
	display:block;
	padding:0px 9px;
	text-decoration:none;
	height:26px;
	line-height:26px;
	white-space:nowrap;}
     #jsddm li a:link, #jsddm li a:visited {
	color: #03C;}

     #jsddm li a:hover, #jsddm li a:focus, #jsddm li a:active {
	color: #06C;}
		
        #jsddm li a img {padding:5px 0 0 3px;}



    #jsddm li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index:400;
	background-color:#FFF;
	border:1px solid #CCC;
	border-top:1px solid #FFF;
	min-width:140px;
	text-align:left;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	box-shadow:0px 1px 2px #ccc;
	-moz-box-shadow:0px 1px 2px #ccc;
	-webkit-box-shadow:0px 1px 2px #ccc;}
		
		#jsddm li ul li
		{	float: none;
			display: block;
			height:22px;}
		
		#jsddm li ul li a
		{	width: auto;
			margin:0;padding:0 12px 0 7px;height:22px;line-height:22px;}

		#jsddm li ul li:last-child {margin-bottom:5px;}

		#jsddm li ul li a:hover
		{	
			background-color:#06C;
			color:#FFF;}

#jsddm li.menuright {float:right;}
#jsddm li .date {padding: 0px 9px;}