/* INFO BAR */
body{padding:0;margin:0;font-family:arial,sans-serif;line-height:1.4;}

body:before{content:" ";width:100%;height:350px;position:absolute;top:0;left:0;z-index:-1;display:block;background-image:url('/images/gradient.png');background-image:-webkit-linear-gradient(top, #71bde7,rgba(255,255,255,0));background-image:-moz-linear-gradient(top, #71bde7,rgba(255,255,255,0));background-image:-o-linear-gradient(top, #71bde7,rgba(255,255,255,0));background-image:-ms-linear-gradient(top, #71bde7,rgba(255,255,255,0));background-image:linear-gradient(top, #71bde7,rgba(255,255,255,0));}
body:after{content:" ";width:100%;height:69px;position:absolute;top:0;left:0;z-index:-1;display:block;border-bottom:2px solid #ff963a;}
#bodycontainer{margin:0 auto;width:1000px;height:100%;position:relative;}
#contentcontainer{background:#fff;-webkit-box-shadow:0 0 5px #ff963a;box-shadow:0 0 5px #ff963a;overflow:hidden;border-radius:15px;padding:15px;margin-top:10px;}
#header{width:100%;height:140px;}
#header img{vertical-align:middle;margin-right:50px;z-index:2;width:119px;height:120px;margin-left:40px;margin-top:10px;}
#header div{position:absolute;left:160px;top:10px;width:880px;}
#header h1{font-weight:700;font-size:50px;margin:0;padding-left:40px;line-height:60px;color:#000;
-webkit-text-fill-color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#555;}
#header h2{font-weight:400;font-size:1em;margin:0;margin-top:15px;padding-left:40px;line-height:1em;color:#555;}
#infobar{background:#ffa;height:1.2em;width:100%;}
#infobaroptions{float:right;margin-right:10%;}
#infobaroptions a
{text-decoration:none;color:blue;}
#infobaroptions a:hover
{text-decoration:none;color:#000;}
#infobar #onlinenow
	{padding-left:2em;
	}
#menu{width:160px;float:left;margin:0 20px 0 0;padding:0;}
.menu
{margin-bottom:1em;border-radius:10px;
}.menu-show-more{text-align:center;width:100%;padding-top:.2em;display:block;}
#public-menu{border:1px solid #ff963a;}
#menu h3{display:none;}
#menu ul{list-style-type:none;padding-left:0;margin-left:0;margin-top:.3em;margin-bottom:0;}
#menu ul a{display:list-item;line-height:1.2em;margin:0;padding:0;border:0;padding-left:.8em;}
#menu a:link,#menu a:visited{text-decoration:none;}
#public-menu .menu-show-more,#admin-menu .menu-show-more
{color:#ff963a;}
#publiclinks a:hover,#publiclinks a:active,#public-menu .menu-show-more:hover{text-decoration:none;background:#ffcc93;}
#memberszone-menu{border:1px solid #71bde7;}
#memberszone-menu .menu-show-more{color:#71bde7;}
#memberszone-logintitle,#admin-menutitle{color:#71bde7;font-weight:400;font-size:1.1em;display:block !important;margin:0;text-align:center;margin-bottom:5px;}
#admin-menutitle{color:#ff963a;}
#memberszone-login{padding:0 .8em 1em .8em;text-align:center;}
#memberszone-login form{margin:0;}
#memberszone-login form input::-webkit-input-placeholder{color:#71bde7;}
#memberszone-login form input::-moz-placeholder{color:#71bde7;}
#memberszone-login form label{font-size:.9em;}
#memberszone-login form input{border-width:0;}
#memberszone-login form input[type="text"],#memberszone-login form input[type="password"]{border:1px solid #71bde7;width:100%;border-radius:5px;line-height:1.2em;padding-left:4px;}
#memberszone-login form input[type="password"]{margin-bottom:5px;}
#memberszone-login form input[type="submit"]{display:block;background:#fff;border:1px solid #71bde7;
border-radius:5px;margin:5px auto 0 auto;width:55px;}
#memberszone-login form input[type="checkbox"]{vertical-align:middle;}
#memberszone-login #loginerror{color:red;font-style:italic;}
#memberszone-login a{font-size:.9em;}
#memberszone-links a:hover,#memberszone-links a:active,#memberszone-menu .menu-show-more:hover{text-decoration:none;background:#ded;}
/*textboxes on edit my details page*/
#tb1 {  padding: 10px;  border: solid 1px #dcdcdc; }
#tb1:focus,
#tb1.focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
  background-color: #e3ffff;
}



#admin-menu{border:1px solid #ff963a;}
#admin-links a:hover,#admin-links a:active{text-decoration:none;background:#ffcc93;}
.menubottom{padding-left:1em;margin-top:.5em;}
#content{padding-top:0;width:790px;padding-bottom:1em;float:left;position:relative;}
#content h2{line-height:1;font-weight:400;font-size:2em;margin:0 0 .4em 0;}
#content h3{font-weight:400;font-size:1.4em;margin-top:.4em;}
#content p:first-child{margin-top:5px;}
img{border:0;}
.pageactionbutton,.pagetabs{padding:0 7px;position:absolute;right:10px;top:0;
border-radius:5px;height:30px;line-height:30px;color:#000;text-decoration:none;border:1px solid grey;display:block;}
.pageactionbuttons{position:absolute;top:0;right:0;width:800px;}
.pageactionbuttons .pageactionbutton,.pageactionbuttons .pagetabs{position:static;float:right;margin-left:10px;}
.pageactionbutton:hover,.pagetab:hover,.pagetab.selected{background-color:#def;}
.pagetabs{padding:0;margin-right:-1px;}
.pagetab{border-right:1px solid grey;display:inline-block;padding:0 5px;color:#000;text-decoration:none;}
.pagetab:last-child{border-right:0;}
#showmore{display:block;margin:20px;font-size:2em;text-align:center;text-decoration:none;color:blue;background:#def;}
table.listing{font-size:14px;}
.messbutton{text-align:center;padding:.5em;}
.listtd{padding:.5em;}
.listingone{border:1px solid #ff963a;}
.listingtwo{border:1px solid #71bde7;}
.listingthree{background:#6AC1F0;border:0;}
.listingfour{background:#00CED1;border:0;}
.postreply1{background:#FCF;padding:.5em;}
.postreply2{background:#F9F;padding:.5em;}
.postreply3{background:#F6F;padding:.5em;}
.blueborder{border-style:solid;border-color:#6A7EF9;}
h3 #commentstitle{margin-bottom:0;}
.commenttitle{font-weight:700;}
.commenttitle a{color:#000;}
.commenttitle a:hover{color:blue;}
#content img{border:0;}
dt{font-weight:700;}
#msndiv{width:100%;}
.piccie{width:230px;}
.whosname{text-align:left;vertical-align:top;font-weight:700;}
.biog{text-align:left;vertical-align:top;}
.profile{position:relative;}
.profedit{position:absolute;top:0;right:0;}
.profile .profinfobar{float:left;padding:10px;width:210px;}
.profile .profimgholder{width:100%;text-align:center;min-height:130px;margin-bottom:15px;}
.profile img{max-width:200px;
-webkit-box-shadow:3px 3px 2px grey;
box-shadow:3px 3px 2px grey;}
.profile .profspacer{height:55px;}
.profile .profname{background-color:#ffcc93;margin-bottom:2px;height:40px;font-size:2em;font-weight:700;}
.profmotto{font-style:italic;margin-bottom:30px;padding-right:10px;}
.profile .profemail{display:block;margin-top:.5em;}
.profile .profaddress{margin-top:.5em;}
.profbiotitle{font-weight:700;margin-bottom:.4em;}
.profname,.profmotto,.profbio{padding-left:250px;}
#slideshow{margin:auto;}
/*
#slideshow div{width:100%;text-align:left;display:none;line-height:0;}

*/
#slideshow div{width:100%;text-align:left;position:relative;left:0px;display:none;line-height:0;margin:0;padding:0;border:0;}
#slideshow div .slidea{display:inline-block;position:relative;text-decoration:none;}
#slideshow .imagecaption{position:absolute;bottom:0;left:0;background:rgba(0,0,0,.5);width:100%;color:#fff;padding:3px 0 3px 0;line-height:normal;}
#slideshow img{background:#ded;}
#message{float:right;width:230px;margin:0 0 0 .5em;}
#message h3{background:#71bde7;color:#fff;padding-left:.5em;padding-right:.3em;font-size:1em;margin:0;}
#message div{padding-left:.5em;padding-right:.5em;font-size:.95em;margin-bottom:1em;margin-top:0;}
#message div.slide{padding:0;}
#message h4{margin-top:0;padding-left:.5em;font-size:1em;margin-bottom:.1em;background:#efe;font-weight:400;}
#message div.messagebody{padding-left:.5em;padding-right:.5em;font-size:.9em;margin-bottom:1em;margin-top:0;}
#message div.messageheader{margin-top:0;padding-left:.5em;font-size:.9em;margin-bottom:.1em;background:#ddf;text-align:right;}
#message div.messageheader h4{display:inline;float:left;margin:0;}
#message div.messageheader a{text-decoration:none;color:#000;font-weight:700;padding-left:1em;padding-right:.5em;}
#message div.messageheader a:hover{color:blue;}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft,#cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left;margin:auto;border:0;display:block;}
.cboxIframe{width:100%;height:100%;display:block;border:0;}
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#cboxTopLeft{width:21px;height:21px;background:url(images/controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px;height:21px;background:url(images/controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px;height:21px;background:url(images/controls.png) no-repeat -100px -29px;
}#cboxBottomRight{width:21px;height:21px;background:url(images/controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px;background:url(images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px;background:url(images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px;background:url(images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px;background:url(images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;overflow:hidden;}
#cboxError{padding:50px;border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494;}
#cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494;}
#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef;}
#cboxPrevious{position:absolute;bottom:0;left:0;background:url(images/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute;bottom:0;left:27px;background:url(images/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute;bottom:0;right:0;background:url(images/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);}
/* Submit buttons on renewal pages */
#renewbutton{background-color:#23bbed; color:white; padding: 8px 4px; margin 4px 2px; cursor:pointer; font-weight:bold;}

				/* BIT FOR MODAL BOX BELOW  */


									/* Modal Content */
									.modal-content {
									    position: relative;
									    background-color: #fefefe;
									    margin: auto;
									    padding: 0;
									    border: 1px solid #888;
									    width: 80%;
									    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
									    -webkit-animation-name: animatetop;
									    -webkit-animation-duration: 0.4s;
									    animation-name: animatetop;
									    animation-duration: 0.4s
									}
									
									/* Add Animation */
									@-webkit-keyframes animatetop {
									    from {top:-300px; opacity:0} 
									    to {top:0; opacity:1}
									}
									
									@keyframes animatetop {
									    from {top:-300px; opacity:0}
									    to {top:0; opacity:1}
									}
									
									/* The Close Button */
									.close {
									    color: white;
									    float: right;
									    font-size: 28px;
									    font-weight: bold;
									}
									
									.close:hover,
									.close:focus {
									    color: #000;
									    text-decoration: none;
									    cursor: pointer;
									}
									
									.modal-header {
									    padding: 2px 16px;
									    background-color: #5cb85c;
									    color: white;
									}
									
									.modal-body {padding: 2px 16px;}
									
									.modal-footer {
									    padding: 2px 16px;
									    background-color: #5cb85c;
									    color: white;
									}
				/* BIT FOR MODAL BOX ENDS  */