@charset "utf-8";


html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

* { 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {	background-image:url(../images/Background2.jpg);
	background-color: #081da4;
	background-repeat:no-repeat;
	background-position: center top;
	margin:0px;
	font-size:16px;}

img {border:none;}
 .wait {text-align:center;}

h1, h3 { color: #d00; margin: 0px; }
h1 {display:block;text-align:center;font-size:1.2em;margin:10px auto;}
h2 {margin:10px;font-size:1.6em;color:#4bf;text-shadow: 1px 1px 1px #000;}
h4 {padding:0px; margin:0px;font-weight:bold;color:#36a;text-shadow: 3px 3px 4px #999;font-size:1.2em;}
h5 {border-bottom:3px solid #9df;border-top:3px solid #9df;border-radius:20px;margin:20px;padding:10px;background-color:#eee;text-align:center;}
h5 .icon-up-open {display:none;}
h5.active .icon-up-open {display:inline-block;}
h5.active .icon-down-open {display:none; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s;}
h5:hover {background-color:#ddd;border-bottom:3px solid #4bf;border-top:3px solid #4bf;cursor:pointer;}
h6 {border-bottom:2px solid #4bf;border-top:2px solid #4bf;border-radius:20px;margin:20px;padding:10px;text-align:center;font-size:1.4em;color:#4bf;text-shadow: 0px 1px 1px #666;}
h7 {margin:2px;font-size:1.4em;color:#4bf;text-shadow: 1px 1px 1px #000;display:inline-block;font-weight:bold;}

	.col-1 {width:10%;vertical-align:top}
	.col-2 {width:20%;vertical-align:top}
	.col-3 {width:30%;vertical-align:top}
	.col-4 {width:40%;vertical-align:top}
	.col-5 {width:50%;vertical-align:top}
	.col-6 {width:60%;vertical-align:top}
	.col-7 {width:70%;vertical-align:top}
	.col-8 {width:80%;vertical-align:top}
	.col-9 {width:90%;vertical-align:top}
	.col-10 {width:100%;vertical-align:top}

a { font: normal 1em Arial;color: #333399;text-decoration: none; }
a:hover { font: normal 1em Arial;color: #CC0000;text-decoration: none; }

a.BGLink { font: normal 1em Arial;color: #333399;text-decoration: none; }
a.BGLink:hover { font: normal 1em Arial;color: #CC0000;text-decoration: none;background-color:#CCCCCC; }

.footer { font: normal 0.8em Arial;color: #FFFFFF;text-decoration: none; }
a.footer { font: normal 0.8em Arial;color: #FFFFFF;text-decoration: none; }
a.footer:hover { font: normal 0.8em Arial;color: #CC0000;text-decoration: none; }

a.comment { font: normal 1em Arial;color: #0033cc;text-decoration: none; }
a.comment:hover { font: normal 1em Arial;color: #CC0000;text-decoration: none; }

a.TopMenu { font: normal 1.5em Arial;padding: 0px 5px 5px 5px;border-radius:0.4em;vertical-align:top; }
a.TopMenu:hover { background-color:#dddddd; }

p {padding:10px;}

table {	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	table-layout:fixed;
	word-wrap:break-word;
	color:midnightblue;
}

.deleted {border-right:5px solid #d00 !IMPORTANT; opacity:0.5;}
.deleted:hover {opacity:1;}

.content50 {width:90%;display:block;margin:0px auto;padding:10px;position:relative;vertical-align:top;}
.content50 img {margin:5px auto;display:block;position:absolute;left:15px;top:10px;}
.content50 p {padding:14px 10px;margin:2px;font-size:1.2em;}
.content50 h3 {padding:20px 0px 0px 60px;text-align:right;font-size:1.2em;}


#main {max-width:1140px;min-height:200px;margin:0px auto 10px auto;position:relative;background-color:#9df;padding:0px;border-radius:0px 0px 12px 12px;overflow:hidden;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.6);}

#logo {position:absolute;top:0px; left:0px;z-index:3;display:none; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;}
#logo2 {position:relative;width:100%;max-width:350px;margin:0px auto;display:block;z-index:3; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;}
#sidebar {position:absolute;top:220px; left:-221px; width:221px;z-index:2;}


#menushow {position:relative;cursor:pointer;margin:0px 22px -2px 0px;text-align:right;z-index:3;}
#menushow .mshow {border-width:2px 2px 10px 2px; border-style:solid; border-color:#fff;border-radius:10px 10px 0px 0px;padding: 2px 5px 2px 5px;display:inline-block;}
#menushow .mshow img{width:30px;}

#mainmenu {margin:0px;padding:0px;}
#mainmenu li {margin:0px;padding:0px;background-image:none;}
#mainmenu ul li .icon {color:#36f;}
#mainmenu a img {background-image:url('../images/Icons/sprite_121icons.png');background-repeat:no-repeat;width:16px;height:16px;margin-top:-3px;margin-bottom:-3px;}
#mainmenu a { font-size:0.9em;color: #000000;text-decoration: none;text-align:middle;DISPLAY: block;padding:10px 0px 10px 20px;border-color:#a0dfff;}
#mainmenu a:hover { border-left:15px solid #fff;padding:10px 0px 10px 5px;background-color:#7ce;}
#mainmenu a.active { background-color:#FFFFFF;border: 1px solid #999;border-right:none;padding:10px 0px 10px 20px; }

.usermenu {display:block;margin:0px;padding:0px;position:relative;text-align:right;}
.usermenu .user {margin:12px;color:#56f;display:inline-block;vertical-align:top;}
.usermenu .user span {display:none;}
.usermenu .menutoggle {position:relative;border-radius:50%;z-index:99999;background-color:#fff;margin:2px 20px 0px 10px;padding:2px;cursor:pointer;display:inline-block;vertical-align:top; }
.usermenu .menutoggle:hover, .usermenu .menutoggle.active {background-color:#def;box-shadow: 0px 0px 3px 2px rgba(100, 150, 255, 1); }
.usermenu .menutoggle .Avatar {border-radius:50%;margin:0px;width:42px;height:42px;border:none;}
.usermenu .options {display:none;text-align:left;padding:10px;font-size:1em;color:#72afcc;margin:0px;
	background-color:#fff;border:5px solid #bbb;position:absolute;top:60px;right:15px;width:260px;
	border-radius:10px;z-index:99998;box-shadow: 0px 4px 8px #666;
  }
.usermenu .options:before {content:'';width:0px; height:0px;border-width:15px;border-style:solid;
	border-color:transparent transparent #bbb transparent;position:absolute;right:8px;
	top:-33px;margin:0px 0px 0px 0px;}
.usermenu .options a, .usermenu .options .submenu {cursor:pointer;color:#000;display:block;border-width:0px 4px;border-radius:15px;border-style:solid;border-color:transparent;padding:18px;text-decoration:none;margin:8px;}
.usermenu .options a.active {color:#33f;border-color:#66f;background-color:#eee;opacity:1;}
.usermenu .options a:hover:not(.active), .usermenu .options .submenu:hover, .usermenu .options .submenu.active {background-color:#9df;color:#000;box-shadow: 0px 0px 8px #000,
 inset 0px 0px 0px rgba(0, 0, 0, 0);}

.usermenu .options .submenu {position:relative;}
.usermenu .options .submenu .sub {display:none;position:absolute;top:35px;left:-20px;width:260px;background-color:#ddd;border-radius:10px;border:4px solid #9df;max-height:400px;overflow:auto;padding:10px;}


#page {margin: 0px 0px 60px 0px;position:relative;background-color:#fff;border:1px solid #999;z-index:1;padding:10px 10px 30px 10px;min-height:700px;
	box-shadow: 0px 0px 20px 0px rgba(100, 100, 100, 0.8), inset 0px 0px 0px 0px rgba(180, 180, 180, 1);}
#topbar {margin:0px 0px -20px 0px;height:45px;z-index:2;}

#login, #logout {margin:0px;width:290px;height:150px;background-color:#eee;position:absolute;top:0px;right:0px;border:1px solid #bbb;border-radius:3px 0px 0px 3px;padding:10px 0px 10px 10px;
	box-shadow: 0px 0px 0px 0px rgba(100, 100, 100, 0.8), inset 8px 0px 8px -5px rgba(180, 180, 180, 1), inset -8px 0px 8px -5px rgba(180, 180, 180, 1);z-index:5;}
#login form {padding:0px;margin:0px;}
#login input {padding:0.2em;border-radius:6px;width:85%;margin:5px auto;display:block;}
#login p {margin:0px;text-align:center;padding:3px;}
#login a {cursor:pointer;font-size:0.8em;}

#logintab {position:absolute;right:20px;height:30px;bottom:-30px;display:inline-block;cursor:pointer;padding:5px 10px;border-radius:0px 0px 8px 8px;border:1px solid #bbb;border-top:none;width:70px;background-color:#eee;text-align:center;
	box-shadow: 0px 0px 0px 0px rgba(100, 100, 100, 0.8), inset 0px -8px 10px -5px rgba(180, 180, 180, 1);}

#RequestPassForm {display:none;}

#footer {position:absolute;bottom:0px; left:0px;z-index:3;}
#footnote {text-align:center;color:#fff;margin-bottom:40px;}

.ServerWarning {text-align:center;font-size:1.2em;border:2px solid #d00;border-radius:10px; margin:40px auto;width:90%;padding:20px;}
.ServerMsg {text-align:center;font-size:1.2em;border:2px solid #9df;border-radius:10px; margin:40px auto;width:90%;padding:20px;}

.sideheading {background-image:url('../images/Rooms.png');background-repeat:no-repeat;width:180px;height:30px;display:block;margin:5px auto;}
#updates {background-color:#eee;border-radius:8px;margin:30px 20px;font-size:0.9em;padding:5px;
	box-shadow: 5px 0px 6px -4px rgba(100, 100, 100, 1), -5px 0px 6px -4px rgba(100, 100, 100, 1), inset 0px -10px 10px -5px rgba(140, 140, 140, 1), inset 0px 6px 10px -3px rgba(180, 180, 180, 1);}
#updates img {display:block;margin:0px auto;}

.pageheader {background-image:url('../images/sprite_headers.png');background-size:280px;background-repeat:no-repeat;width:270px;display:block;margin:0px auto;height:25px;position:relative;}
.phSafe {background-position:center 0px;}
.phAim {background-position:center -23px;}
.phConnect {background-position:center -46px;}
.phFeatures {background-position:center -70px;}
.phStarter {background-position:center -94px;}
.phReg {background-position:center -117px;}

ul {padding:0px;background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;}
ul li {background-image:url('../images/Various/ArrowR.png');background-repeat:no-repeat;background-position:0px 0px;list-style-type: none;padding-left:30px;margin:15px 0px;}
ul.nobullet li {background-image:none;list-style-type: none;padding:0px 4%;}

input, select {font-size:1em;border:1px solid #48e;border-radius:4px;background-color:#bdf;line-height: 1.3em;display:block;width:92%;margin:2% 4%;}
input {padding: 0.2em 0.2em 0.2em 0.7em;}
select {padding: 0.2em 2.4em 0.2em 0.7em;
  background-image: linear-gradient(45deg, transparent 50%, blue 50%), linear-gradient(135deg, blue 50%, transparent 50%), linear-gradient(to right, skyblue, skyblue);
  background-position: calc(100% - 18px) calc(0.7em + 3px), calc(100% - 11px) calc(0.7em + 3px), 100% 0;
  background-size: 7px 7px, 7px 7px, 2.2em 2.2em;
  background-repeat: no-repeat;
  font: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;}
select:focus { background-image: linear-gradient(45deg, transparent 50%, blue 50%), linear-gradient(135deg, blue 50%, transparent 50%), linear-gradient(to right, skyblue, skyblue);}
select option {padding: 0.2em 3.2em 0.2em 0.7em;line-height: 1.3em;}

textarea {font-size:1em;border:1px solid #48e;border-radius:4px;background-color:#bdf;line-height: 1.3em;display:block;width:92%;margin:2% 4%;min-height:8em;padding: 0.2em 0.2em 0.2em 0.7em;}

#Enquiries input {width:92%;}
#Enquiries input.SendMail {margin-top:6%;}
#SecQ {font-size:0.8em; margin:1em 0em;}
#SecAns {width:60px !IMPORTANT;display:inline-block;}

input:focus, select:focus {border:1px solid #00f;background-color:#def;box-shadow: 0px 0px 3px 2px rgba(100, 150, 255, 1);}


.fieldset50 {border: 1px solid #ccc;padding:10px 0px 10px 0px;;margin:10px auto 30px auto;border-radius: 10px;color:#00a;}
.fieldset50 legend {border: 1px solid #CCCCCC;font-size:1.1em;margin-left:20px;padding-left:10px;padding-right:10px; background:#FFFFFF;border-radius: 10px;}
.fieldset50 span {display:block;width:92%;margin:2% 4%;}


.block {text-align:center;position:relative;padding:0px;margin:20px 0px;font-size:1.2em; }
.block li {background-image:none;font-weight:bold;color:#36a;border:4px solid #9df;width:95%;display:block;padding:20px;height:auto;margin:10px auto;vertical-align:top;text-align:left;
	box-shadow: 0px 0px 10px 0px rgba(100, 100, 100, 0.8), inset 0px 0px 0px 0px rgba(180, 180, 180, 0);text-shadow: 3px 3px 4px #999;border-radius:40px;}
ul li span {color:#e34;}
.block p {margin:1%;text-shadow:none;color:#000;font-weight:normal;font-size:0.9em;}

.worldblock img.centerimg {display:none;position:absolute;width:auto;top:50%;left:50%;margin:-72px 0px 0px -72px;}
.worldblock li {padding:20px 10px 20px 50px;background-image:url('../images/world.png');background-size:100px;background-position:-60px -10px;}

.aboutblk {position:relative;padding:0px;margin:0px; }
.aboutblk li {display:block;padding:10px 20px;margin:10px auto;background-image:none;}
.aboutblk p {margin:1%;}

	.aim {color:#459;border:4px solid #9df;display:block;padding:1%;margin:40px 2%;vertical-align:top;text-align:left;position:relative;
	box-shadow: 0px 0px 10px 0px rgba(100, 100, 100, 0.8), inset 0px 0px 0px 0px rgba(180, 180, 180, 0);}
	.aim h2 {border:4px solid #9df;border-radius:50%;background-color:#fff;width:70px; height:70px;margin:-40px auto -20px auto;text-align:center;font-size:3em;position:relative;z-index:2;}
	.aim img {float:left;width:100px;margin:0px 0px;position:relative;z-index:1;}

.floatimg {display:block;margin:0px auto;}


.button {border-radius: 10px;padding:3px 15px 3px 15px;border-color:#48e;border-style:ridge;border-width:1;color:#24f;font-weight:bold;text-decoration:none;
	background: -ms-linear-gradient(#ddd 0%, #eee 50%, #999 80%, #666 100%);
	background: linear-gradient(to bottom, #ddd 0%, #eee 50%, #999 80%, #666 100%);
	-pie-background: linear-gradient(top, #ddd 0%, #eee 50%, #999 80%, #666 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #bbb), color-stop(1, #999));}
.button:hover {border-color:#f00;border-style:ridge;border-width:1;text-decoration:none;color:#c00;cursor:pointer;
	background: -ms-linear-gradient( #78d2ff 0%, #bdf 50%, #78d2ff 70%, #1491ff 100%);
	background: linear-gradient(to bottom, #78d2ff 0%, #bdf 50%, #78d2ff 70%, #1491ff 100%);
	-pie-background: linear-gradient(bottom, #78d2ff 0%, #bdf 50%, #78d2ff 70%, #1491ff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #78d2ff), color-stop(1, #1491ff));}

#TopNav {margin:0px;width:100%;text-align:right;}
#TopNav .search {margin-bottom:0px;position:relative;width:100%;display:inline-block;vertical-align:middle;}
#TopNav .search input {color: transparent;background-color:transparent;color: #009;border:none;border-radius:0px;display:inline-block;width:100%;margin:5px;vertical-align:middle;
	position:relative;padding:5px 30px 5px 10px;z-index:2;border:2px solid lightblue;border-radius:5px;}
#TopNav .search input[type = submit] {position:absolute;top:9px;right:5px;padding:0px;z-index:9;border:none;
  background: url("../images/Various/sprite_121icons.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  font-weight: bold;
	width:20px !IMPORTANT;height:20px !IMPORTANT;background-position:-239px -180px;
}

	 .DashCell {margin:0px;padding:0px;vertical-align:top;}
	 .DashCell:after { content: ""; clear: both; display: block; }
	 .DashCell h5 {margin:20px 20px 0px 20px !IMPORTANT; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s;}
	 .DashCell h5.active {border-radius:20px 20px 0px 0px; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s;}
	 .DashCell .body {border-style:solid;border-width:0px 3px 3px 3px;border-color:#9df;border-radius:0px 0px 10px 10px;margin:0px 20px 20px 20px;padding:10px;text-align:left;}

	.feed {margin:20px 5px;border-bottom:1px solid #ccc;padding:5px 0px;}
	.feed .Avatar {float:left;margin:2px 10px 6px 10px;}
	.feed .star1 {border:none;float:right;margin:2px 10px;}
	.feed p {padding:0px 5px;margin:2px;}
	.feed .name {font-weight:bold;}
	.feed .feedoptions { text-align:left;padding-left:40px;}
	.feed .feedoptions:after { content: ""; clear: both; display: block; }
	.feed .feedoptions a {font-size:0.8em;padding:2px 20px;}
	.feed .feedoptions span {font-size:0.8em;padding:0px;float:right;color:#aaa;}
	.feed .reply {display:none;margin:5px 0px 5px 50px;background-color:#e4f5fe;border-radius:10px;padding-top:5px;text-align:left;}
	.feed .reply:after { content: ""; clear: both; display: block; }
	.feed .reply .replyoptions {font-size:0.7em;padding:0px 5px 0px 0px;color:#aaa;text-align:right;}
	.feed .postreply {margin-left:5.5%;margin-top:12px;padding: 5px 0px;text-align:right;display:none;position:relative;}
	.feed .postreply:before, .feed .postreply:after {content:'';width:0px; height:0px;border-width:10px;border-style:solid;position:absolute;left:27px;}
	.feed .postreply:before {border-color:transparent transparent #ddd transparent;top:-21px;}
	.feed .postreply:after {border-color:transparent transparent #fff transparent;top:-19px;}
	.feed .postreply form {padding:0px; margin:0px;}
	.feed .postreply textarea, .updatetext textarea {width:71%;height:1.8em;min-height:20px;resize: none;display:inline-block;vertical-align:top;scrolbar:auto;overflow-y: auto;font-size:0.9em;
		margin:3px 0px;border:none;background-color:transparent;}
	.feed .postreply textarea.active, .updatetext textarea.active {width:100%;min-height:20px;height:6em;}
	.feed .postreply input[type=submit], .updatetext input[type=submit] {width:25%;display:inline-block;margin:3px 2%;border-radius:5px;border-width:1px;padding:2px;cursor:pointer;vertical-align:top;
		box-shadow: -5px 0px 6px -4px rgba(100, 100, 100, 1), inset 0px -10px 10px -5px rgba(140, 140, 140, 1);}
	.feed .loader {text-align:center;display:none;}
	.feed .loader img {vertical-align:middle;}
	.feed .loader span {vertical-align:middle;}
	 .feed, .replyoptions {position:relative;}
	 .feed > form {position:absolute;right:40px;top:3px;display:none;}
	 .feed > form button, .replyoptions > form button {float:right;cursor:pointer;padding:0px;background-color:transparent;border:none;opacity:0.7;margin:0px 10px;}
	 .feed > form button:hover, .replyoptions > form button:hover {opacity:1;}
	 .feed:hover > form, .reply:hover > .replyoptions > form {display:block;}
	 .replyoptions > form {position:absolute;left:65px;top:-4px;display:none;}
	.explicit {border:1px solid #d00;border-radius:10px; opacity:0.5; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s;}
	.explicit > p {opacity:0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
	.explicit:hover {opacity:1; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s;}
	.explicit:hover > p {display:block;opacity:1; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s;}

	.updatestatus {padding:5px 5px 5px 30px;margin:5px;position:relative;}
	.updatestatus:before, .updatestatus:after {content:'';width:0px; height:0px;border-width:10px;border-style:solid;position:absolute;left:27px;}
	.updatestatus:before {border-color:transparent transparent #ddd transparent;bottom:-5px;}
	.updatestatus:after {border-color:transparent transparent #fff transparent;bottom:-7px;}
	.updatetext, .postreply {padding:0px;text-align:right;border:1px solid #ddd;margin:0px 0px 0px 10px;border-radius:5px;}
	.updatetext input {margin-bottom:0px;}
	.updatetext form {margin:0px;padding:0px;}
 	.updatetext .wait, .postreply .wait {width:240px;padding:8px;display:block;margin:0px 0px 0px auto;}

	.feed .feedoptions .liketarget {font-size:0.8em;padding:2px 20px;display:inline-block;color:#333399;}
	.feed .feedoptions .liketarget:hover {color:#CC0000;cursor:pointer;}
	.feed .displayboardPic {width:250px;height:200px;display:block;background-repeat:no-repeat;background-size: cover;border:2px solid lightblue;border-radius:5px;margin:10px auto;}
	.feed p:after { content: ""; clear: both; display: block; }
	 .PageNumbers {font-size:1em;text-align:center;width:100%;}
	 .PageNumbers span, .PageNumbers a {font-weight:bold;color:#0000FF;padding:2px;width:40px;height:30px;background-color:#cceeff;border:1px solid #99bbdd;
			margin:3px;border-radius:2px;text-align:center;display:inline-block;vertical-align:middle;}
	 .PageNumbers span {background-color:transparent;font-size:1.2em;}
	 .PageNumbers a {padding-top:5px;}
	 .PageNumbers a:hover {border:1px solid #dd0000;color:#dd0000;}

	div.sl {background-color:#666;border-style:solid;border-color:#bbb;display:inline-block; }
	div.sl1 {width:3px;height:15px !IMPORTANT;line-height:20px;border-width:0px 0px 2px 2px; }
	div.sl2 {width:12px;height:3px;border-width:0px 2px 2px 0px;margin-top:7px; }

	.FriendList {margin:20px 10%;border:2px solid lightblue;padding:15px;border-radius:10px;}
	.FriendList:after { content: ""; clear: both; display: block; }
	.FriendList .Avatar {float:left;margin:0px 10px 0px 0px;}


	 .profilebanner {border: 1px solid #CCCCCC;display:block;width:96%;margin:2%;padding:0px; border-radius: 10px;text-align:center;}
	 .profilebanner legend {border: 1px solid #CCCCCC; color:;font-size:18px;margin-left:20px;padding-left:10px;padding-right:10px; background:#ffffff;border-radius: 10px;}
	 .profilebanner .col-9 {margin:3% auto 4% auto;background-color:#fff;border-radius:10px;text-align:left;padding:10px;}
	 .profilebanner .col-9 .col-m-4 {display:inline-block;text-align:left;float:right;}
	 .profilebanner .col-9:after { content: ""; clear: both; display: block; }
	 .profilebanner .col-9 .Avatar {margin:5px auto;display:block;}

	 .pbbrick {background:url('../images/ProfileBanner/brick.gif');}

	 .ChoseAv a img {margin:2px;display:inline-block; }
	 .ChoseAv a {margin:2px;border-radius:8px;display:inline-block; }
	 .ChoseAv a.selected {background-color:#d00;padding:3px; }
	 .ChoseAv a:hover {background-color:#d00; }

	#mailbox {position:relative;}
	#mailbox .inboxMenu {position:absolute; top:10px;right:10%;}
	#mailbox .inboxMenu {display:block; text-align:center;padding:20px 0px;} 
	#mailbox .inboxMenu a { vertical-align:middle;padding:12px 11px 16px 12px;border-radius:5px;border:3px solid transparent;}
	#mailbox .inboxMenu a.active, .inboxSide .inboxMenu a:hover { border:3px solid #bef;}
	#mailbox .inboxMenu img { vertical-align:middle;border:none;}

	#inbox {display:block;display:none;padding:0px;}
	.inboxDisplay {vertical-align:top;margin-top:60px;width:100%;display:none;
	    -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;}
	.inboxDisplay.inboxToggle {width:10%;visibility:hidden;max-height:300px;overflow:hidden;}
	 .inboxDisplay button {cursor:pointer;padding:0px;background-color:transparent;border:none;opacity:0.5;}
	 .inboxDisplay button:hover {opacity:1;}
	 .inboxDisplay .inboxDMsgR button, .inboxDisplay .inboxDMsgS button {position:absolute;top:5px; right:5px;display:none;}
	 .inboxDisplay .inboxDMsgR, .inboxDisplay .inboxDMsgS {margin:20px;position:relative;}
	 .inboxDisplay .inboxDMsgR img.avatar {float:left;}
	 .inboxDisplay .inboxDMsgS img.avatar {float:right;}
	 .inboxDisplay .inboxDMsgR div, .inboxDisplay .inboxDMsgS div {border-radius:5px;padding:8px 10px 0px 10px;position:relative;}
	 .inboxDisplay .inboxDMsgR div {background-color:#ddd;margin-left:65px;}
	 .inboxDisplay .inboxDMsgS div {background-color:#6f0;margin-right:65px;}
	 .inboxDisplay .inboxDMsgR div:after, .inboxDisplay .inboxDMsgS div:after {content:'';width:0px; height:0px;border-width:10px 15px 10px 15px;border-style:solid;position:absolute;top:12px;}
	 .inboxDisplay .inboxDMsgR div:after {border-color:transparent #ddd transparent transparent;left:-29px;}
	 .inboxDisplay .inboxDMsgS div:after {border-color:transparent transparent transparent #6f0;right:-29px;}
	 .inboxDisplay .msgFoot {font-size:0.7em;color:#aaa;text-align:right;padding:0px 0px 4px 0px;}
	 .inboxDisplay .msgFoot img {margin:0px 10px;float:none;vertical-align:bottom;}
	 .inboxDisplay .inboxDMsgR .msgFoot {text-align:left;}

	 .PMReply .button {margin:10px auto;}

	.inboxSlide {display:inline-block;vertical-align:top;padding-top:80px;width:0%;overflow:hidden;
	    -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;}
	.inboxSlide.inboxToggle {width:90%;}
	.inboxSide {width:220px;max-height:500px; overflow:auto;position:relative;margin: 0px 20px 0px auto;
	    -webkit-transition: all 500ms ease 0s;

 	   transition: all 500ms ease 0s;}	
	 .inboxSide .inboxMsg {font-size:0.8em;border-top:1px solid #ddd;padding:0px;
	    -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
	 .inboxSide .inboxMsg:hover, .inboxSide .inboxMsg.active {background-color:#bef !IMPORTANT;border-radius:5px;
	    -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
	 .inboxSide .inboxMsg p {margin:0px; padding:0px;}
	 .inboxSide .inboxMsg .avatar {float:left;margin: 0px 10px  2px 0px;}
	 .inboxSide .inboxMsg .sprite {float:right !IMPORTANT;}
	 .inboxSide .inboxMsg .msgFrom {color:#03c;padding:10px 10px 0px 10px;}
	 .inboxSide .inboxMsg .msgSnip {color:#000;padding:0px 10px 0px 10px;}
	 .inboxSide .inboxMsg .msgFoot {font-size:0.8em;color:#aaa;text-align:right;padding:0px 10px 10px 10px;}

	 #NewMsg {padding-top:70px;display:none;}
	 #NewMsg .emailinput {padding:0px;margin:0px;display:block;width:92%;margin:2% 4%;position:relative;}
	 #NewMsg .emailinput input {margin-right:90px;width:100%;margin:2% 0px 2% 0px;padding-right:30px;}
	 #NewMsg .emailinput .font-icon {position:absolute;top:50%;right: 0px;margin-top:-14px;background-color:#fff;border:1px solid #48e;color:#48e;width:27px;height:27px;border-radius:50%;padding:4px 1px 0px 0px;}
	 #NewMsg .emailinput .font-icon:hover {cursor:pointer;background-color:#9df;}
	 #MyEmailAdds {display:none;position:absolute;top:30px;right: 0px;background-color:#fff;z-index:5;padding:10px;border:4px solid #ccc;border-radius:10px;max-height:300px;overflow:auto;}
	 #MyEmailAdds h1 {white-space: nowrap;}
	 #MyEmailAdds a {display:block;margin:5px 15px 5px 5px;white-space: nowrap;}

	.showmail {display:block !IMPORTANT;}

	 .myAccount {padding-top:15px;}
	 .myAccount div {vertical-align:top;}
	 .myAccount .yourAv {width:100px;margin:0px auto 20px auto;text-align:center;display:block;}
	 .myAccount .accountUN {margin-bottom:20px;}
	 .myAccount .accountActivity {width:230px;margin:0px auto 20px auto;display:block;}

 .activations, .accounts {position:relative;}
 .activations form {margin:0px; padding:0px;}
 .activations img, .accounts img {position:absolute;right:10px;bottom:10px;}
 .activations .button {width:100%;margin:0px;}
 .activations select {padding: 0.1em 1.6em 0.1em 0.2em; background-position: calc(100% - 14px) calc(0.7em + 1px), calc(100% - 7px) calc(0.7em + 1px), 100% 0;}
 .activations select option {padding: 0.2em 0.4em 0.2em 0.2em;}
 .activations .activate, .accounts .account {width:100%;Padding-Top:3px;border:1px solid #ddd;border-radius:5px; margin:5px;position:relative;font-size:0.8em;min-height:40px;}
 .activations .activate:nth-child(even), .account:nth-child(even) {background-color:#eee;}
 .activations .activate div, .account div {display:inline-block;vertical-align:middle;}
 .activations .activate div.Sc {vertical-align:top;padding-left:45px;display:block;}
 .activations .activate div.Sc label, .account div.Name label {color:blue;}
 .activations .activate div.AL {width:70%;}
 .activations .activate div.Act {width:30%;}
 .activations .activate div.body, .account div.body {display:block;padding:10px;}
 .accounts .account div.AL {width:60%;padding-left:45px;}
 .accounts .account div.UN {width:40%;}
 .accounts .account div.Name {display:block;padding-left:45px;}
 .activations .activate .showmore, .accounts .account .showmore {color:#aaa;cursor:pointer;text-align:center;background-color:#eee;padding:5px;border:2px solid #aaa;border-radius:5px;position:absolute;left:5px;top:5px;}
 .activations .activate .showmore:hover, .accounts .account .showmore:hover {background-color:#ddd;border:2px solid blue;color:blue;}

 .AddAccount div {display:block;vertical-align:top;}

	.DivTable {display:block;margin:20px;border:2px solid #4bf;font-size:0.8em;font-weight:normal;}
	.DivTable span {font-weight:bold;}
	.Tableshow {margin:0px;display:block;padding:5px;cursor:pointer;text-align:center;font-weight:bold;background-color:#e4f5fe;background: linear-gradient(to top, #4bf 0%, #e4f5fe 20%, #fff 50%, #e4f5fe 80%, #4bf 100%);}
	.Tableshow:hover {background-color:#4bf;color:#442;}
	.Tablerow {display:block;margin: 0px;background-color:#fafaea;text-align:left;}
	.Tablerow:nth-child(odd) { background-color:#e4f5fe;}
	.Tablerow:nth-child(1) { display:none; border-top:2px solid #776;font-weight:bold;}
	.Tablerow:hover { background-color:#4bf;}
	.Tablerow div {Text-align:left;padding:2px 4px;display:inline-block;}
	.Tablerow div:nth-child(6),.Tablerow div:nth-child(7),.Tablerow div:nth-child(9) {Text-align:center;}
	.Tablerow .c5 { float:right;}
	.Tablerow .c20 { width:100%}
	.Tablerow .c15, .Tablerow .c10 {  width:50%}

	#CounterHistory .Tablerow .c25, #CounterHistory .Tablerow .c20 { width:50%;display:inline-block;}
	#CounterHistory .Tablerow .c15 { width:30%;display:inline-block;}
	#CounterHistory .Tablerow .c5 {text-align:center;}
	#CounterHistory .Tablerow div:nth-child(6) {Text-align:left;}

	.percentbar,.percentbar .fill {box-shadow: 0px 5px 5px 0px rgba(100, 100, 100, 0.8), inset 20px 0px 20px -12px rgba(0, 0, 0, 0.5), inset -20px 0px 20px -12px rgba(0, 0, 0, 0.5);}
	.Days .percentbar,.percentbar .fill {box-shadow: 0px 4px 5px 0px rgba(100, 100, 100, 0.8), inset 6px 0px 6px -3px rgba(0, 0, 0, 0.5), inset -6px 0px 6px -3px rgba(0, 0, 0, 0.5);}

	 .stats, .hits {text-align:center;margin:20px 20px 50px 20px;}
	 .statEl {text-align:center;display:inline-block;margin:0px 20px;}
	 .percentbar {height:100px;width:50px;background-color:lime;margin:20px auto;position:relative;}
	 .percentbar .fill {width:100%;background-color:red;position:absolute;bottom:0px;left:0px;text-align:center;}
	 .statEl div.pbval {font-size:0.7em;position:relative;margin-bottom:-20px;}

	 .hits .statEl {margin:5px;}
	 .hits .percentbar {margin:20px auto;width:25px;}
	 .Months .percentbar {margin:20px auto;width:50px;}
	 .Months .statEl {margin:0px 20px;}
	 .Days .statEl {font-size:0.8em;}
	 .Days .statEl div.pbval {font-size:0.9em;}


.gradientblue {background-color:#e4f5fe;
	background-image: -ms-linear-gradient(top, #e4f5fe 40%, #a0dfff 100%);
	background-image: -moz-linear-gradient(top, #e4f5fe 40%, #a0dfff 100%);
	background-image: -o-linear-gradient(top, #e4f5fe 40%, #a0dfff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #e4f5fe), color-stop(1, #a0dfff));
	background-image: -webkit-linear-gradient(top, #e4f5fe 40%, #a0dfff 100%);
	background-image: linear-gradient(to bottom, #e4f5fe 40%, #a0dfff 100%);
}
.gradientsilver {
	background-image: -ms-linear-gradient(top, #D6D6D6 40%, #909090 100%);
	background-image: -moz-linear-gradient(top, #D6D6D6 40%, #909090 100%);
	background-image: -o-linear-gradient(top, #D6D6D6 40%, #909090 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #D6D6D6), color-stop(1, #909090));
	background-image: -webkit-linear-gradient(top, #D6D6D6 40%, #909090 100%);
	background-image: linear-gradient(to bottom, #D6D6D6 40%, #909090 100%);
}

	.monitorlink {border-width:0px 2px 2px 2px; border-style:solid; border-color:#4bf; border-radius:0px 0px 10px 10px;padding: 0px 40px 3px 40px;vertical-align:top;}
	.monitorlink:hover, .monitorlink.active {line-height:40px;padding-top:10px; 
	    -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;}

	 #MonitorMessages .feed .feedoptions {position:absolute;bottom:0px;right:0px;}
	 #MonitorMessages .feed form {margin-right:20px;}
	 #MonitorMessages .feed .iconmail_s,  #MonitorMessages .feed .iconmail_su {float:right;}
	 #MonitorMessages h6 {margin-bottom:0px;}


@font-face {
      font-family: 'fontello';

      src: url('../font/fontello.eot?82744232');

      src: url('../font/fontello.eot?82744232#iefix') format('embedded-opentype'),

           url('../font/fontello.woff?82744232') format('woff'),

           url('../font/fontello.ttf?82744232') format('truetype'),

           url('../font/fontello.svg?82744232#fontello') format('svg');

      font-weight: normal;

      font-style: normal;

    }

     
   
  
    
.font-icon
    {

      font-family: "fontello";

      font-style: normal;

      font-weight: normal;

      speak: none;

     
      display: inline-block;

      text-decoration: inherit;

      width: 1em;

      margin-right: .2em;

      text-align: center;

      /* opacity: .8; */

     
      /* For safety - reset parent styles, that can break glyph codes*/

      font-variant: normal;

      text-transform: none;

     
      /* fix buttons height, for twitter bootstrap */

      line-height: 1em;

     
      /* Animation center compensation - margins should be symmetric */

      /* remove if not needed */

      margin-left: .2em;

     
      /* You can be more comfortable with increased icons size */

      /* font-size: 120%; */

     
      /* Font smoothing. That was taken from TWBS */

      -webkit-font-smoothing: antialiased;

      -moz-osx-font-smoothing: grayscale;

     
      /* Uncomment for 3D effect */

      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

    }



#popup {display:none;padding:10px;position: fixed;top:0px;left:0px;z-index:999;width:100%;height:100%;}
#popup .overlay {background-image:url(../images/CBox/overlay.png);background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;opacity:0.8;}
#popup .loader {position:absolute;top:50%;left:50%;margin:-45px 0px 0px -45px;border:5px solid #dde1ba;border-radius:50%;background-color:#fff;padding:10px;opacity:0.6;}
#popup .container {border:3px solid #442;border-radius:15px;background-color:#fff;position:relative;padding:15px;max-height:90%;overflow:auto;
	box-shadow: 3px 3px 10px #000; -moz-box-shadow: 3px 3px 10px #000; -webkit-box-shadow: 3px 3px 10px #000;}
#popup .close {position:absolute;top:5px;right:8px;background-image:url(../images/CBox/controls.png);background-repeat:no-repeat;background-position:-25px 0px;width:25px;height:25px;border-radius:15px;
	cursor:pointer;}
#popup .content p {padding:0px 35px;position:relative;}
#popup .content ul {padding:0px 55px;}
#popup .content strong {position:absolute;top:0px; left:0px;}