/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		proSilver
	Based on style:	proSilver (this is the default phpBB 3 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:		
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/*@import url(https://fonts.googleapis.com/css?family=Raleway:300,500);*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,400);
* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    outline: none !important;
}

html {
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
}

::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-track {
    background-color: #f8f8f8;
}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
    background-clip: content-box;
}

*::-webkit-input-placeholder {
    color: #777777;
}
*:-moz-placeholder {
    color: #777777;
}
*::-moz-placeholder {
    color: #777777;
}
*:-ms-input-placeholder {
    color: #777777;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Open Sans", "Century Gothic", CenturyGothic, "AppleGothic", "Avant Garde", Avantgarde, sans-serif;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	font-weight: 300;
	padding: 0px;
	height: 100%;
	scrollbar-face-color: #cccccc;
	scrollbar-darkshadow-color: #eee;
	scrollbar-shadow-color: #cccccc;
	scrollbar-arrow-color: #cccccc;
	scrollbar-track-color: #f8f8f8;
}

h1 {
	/* Forum name */
	margin-right: 200px;
	color: #FFFFFF;
	margin-top: 1.5em;
	font-weight: bold;
	font-size: 2.4em;
}

h2 {
	/* Forum header titles */
	font-weight: 300;
	color: #3f3f3f;
	letter-spacing: -1px;
	margin: 0 0 0.2em 0;
}

h2.solo {
	margin-bottom: 1em;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-weight: 300;
	font-size: 2em;
	text-align: center;
	text-transform: none;
	letter-spacing: -1px;
	margin: 0px 0px 5px 0px;
}

h4 {
	/* Forum and topic list titles */
	font-size: 1.2em;
}

p {
	/*
	line-height: 1.3em;
	font-size: 1.2em;
	margin-bottom: 1.5em;
	*/
}

b {
	font-weight: 600;
}

img {
	border-width: 0;
}

hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top: 1px dashed #CCCCCC;
	margin: 10px 0;
}

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

/* Main blocks
---------------------------------------- */
#wrap {
	padding: 0px;
	min-height: 100%;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	position: relative;
	font-size: 1.4em;
	clear: both;
	max-width: 1000px;
	min-height: 370px;
	padding: 0px 0px;
	margin: 0px auto 10px auto;
}

#page-footer h3 {
	margin-top: 20px;
}

#logo {
	float: left;
	width: auto;
}

a#logo:hover {
	text-decoration: none;
}

/* Search box
--------------------------------------------- */
#search-box {
	max-width: 1000px;
	padding: 0px 5px;
	margin: 5px auto 5px auto;
	position: relative;
}

#search-box input[name="keywords"] {
	width: 100%;
	font-size: 1.5em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border: 2px solid #ccc;
}

#search-box input[type="submit"]{
	color: white;
	padding: 0px;
	height: 2em;
	width: 5em;
	line-height: 2em;
	font-size: 1.7em;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;	
	font-weight: 300;
	border: 0px solid white;
	background-color: #4682b4;
}

#search-button {
	position: absolute;
	top: 0px;
	right: 5px;
	font-size: 1.5em;
	line-height: 33px;
    width: 3em;
	cursor: pointer;
    border: 0px solid steelblue;
    background-color: #ccc;
}

#search-button:before {
	content: "\f002";
	color: #888;
	font-family: FontAwesome;
}
/* site head custom 2/21/2014
------------------------------*/
#headerbar a {
	text-decoration: none;
}

#site-description {
	cursor: default;
	text-align: center;
}

#site-description > div {
	font-size: 4.7em;
	color: #81a7cc;
	letter-spacing: -3px;
	margin-bottom: -6px;
}

#site-description > div > span {
	color: #336699;
	font-weight: 600;
}

#site-description > p {
	color: #888;
	font-size: 2em;
	letter-spacing: -1px;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.navbar {
	margin: -40px auto 0px auto;
	position: absolute;
	height: 33px;
	width: auto;
	top: 0px;
	right: 200px;
	border-top: none;
	border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 4px 4px 5px #333333;
	background-color: transparent;
}

.forabg {
	margin-bottom: 4px;
	clear: both;
}

.forumbg {
	background: #ebebeb none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.panel {
	color: #3f3f3f;
}

.post {
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.post:target .content {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}

.post:target h3 a {

}

.bg1	{ background-color: #f7f7f7;}
.bg2	{ background-color: #f2f2f2; }
.bg3	{ background-color: #ebebeb; }

.rowbg {
	margin: 5px 5px 2px 5px;
}

.ucprowbg {
	background-color: #e2e2e2;
}

.fieldsbg {
	background-color: #eaeaea;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 0px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom
 {
	background-image: none;
	background-position: 0 100%;
	margin: 0px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

.headbg span.corners-bottom {
	margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
	margin: 0 -10px;
}

.rules span.corners-top {
	margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
	margin: 5px -10px 0 -10px;
}

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	clear: both;
	display: block;
	margin: 5px 0px;
	font-size: 1.2em;
	border: 2px solid #eee;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}

ul.leftside {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
	/* See tweaks.css */
}

#ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 1em;
	padding: 0 0 4px 3px;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	border: 1px solid #cfcfcf;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #f6f6f6;
	color: #000;
}

table.table1 td {
	color: #6a6a6a;
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 5px;
	border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #333333;
	background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}

.forumbg table.table1 {
	margin: 0 -2px -1px -1px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	/*clear: right;*/
	width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
}

dl.details {
	font-size: 1.1em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	/*text-align: right;*/
	color: #000000;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #828282;
	float: left;
}

/* Pagination
---------------------------------------- */
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	float: right;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0 5px;
	margin: 0 2px;
	font-weight: normal;
	color: #5c758c;
	background-color: #bfbfbf;
	font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active, .pagination b {
	font-size: 0.9em;
	font-weight: 300;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	line-height: 1.5em;
	padding: 0 5px;
	background-color: #eeeeee;
	border-left: 0px solid #bababa;
}

.pagination span a:hover {
	border-color: #d2d2d2;
	background-color: #d2d2d2;
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	float: right;
	width: auto;
	margin-top: 0;
	padding: 1px 0 1px 15px;
	font-size: 0.9em;
	background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

#previous_page, #next_page {
	display: block;
	position: relative;
	top: 8px;
}

#previous_page {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #888;	
}

#next_page {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #888;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
	float: right;
	width: auto;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: right;
}

.copyright {
	padding: 5px;
	text-align: center;
	color: #555555;
}

.small {
	font-size: 0.9em !important;
}

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

.error {
	color: #bcbcbc;
	font-weight: bold;
	font-size: 1em;
}

.reported {
	background-color: #f7f7f7;
}

li.reported:hover {
	background-color: #ececec;
}

div.rules {
	background-color: #ececec;
	color: #bcbcbc;
	padding: 0 10px;
	margin: 10px 0;
	font-size: 1.1em;
}

div.rules ul, div.rules ol {
	margin-left: 20px;
}

p.rules {
	background-color: #ececec;
	background-image: none;
	padding: 5px;
}

p.rules img {
	vertical-align: middle;
	padding-top: 5px;
}

p.rules a {
	vertical-align: middle;
	clear: both;
}

#top {
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}
/* proSilver Link Styles
---------------------------------------- */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
a {
	direction: ltr;
	unicode-bidi: embed;
}

a:link	{ color: #898989; text-decoration: none; }
a:visited	{ color: #898989; text-decoration: none; }
a:hover	{ color: #d3d3d3; text-decoration: none; }
a:active	{ color: #d2d2d2; text-decoration: none; }

/* Coloured usernames */
.username-coloured {
	font-weight: bold;
	display: inline !important;
	padding: 0 !important;
}

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
	color: #ffffff;
	text-decoration: none;
}

/* Links for forum/topic lists */
a.forumtitle {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #898989;
	text-decoration: none;
}

/* a.forumtitle:visited { color: #898989; } */

a.forumtitle:hover {
	color: #bcbcbc;
	text-decoration: underline;
}

a.forumtitle:active {
	color: #898989;
}

a.topictitle {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #898989;
	text-decoration: none;
}

/* a.topictitle:visited { color: #d2d2d2; } */

a.topictitle:hover {
	color: #bcbcbc;
	text-decoration: underline;
}

a.topictitle:active {
	color: #898989;
}

/* Post body links */
.postlink {
	text-decoration: none;
	color: #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 0;
}

/* .postlink:visited { color: #bdbdbd; } */

.postlink:active {
	color: #d2d2d2;
}

.postlink:hover {
	background-color: #f6f6f6;
	text-decoration: none;
	color: #404040;
}

.signature a, .signature a:visited, .signature a:hover, .signature a:active {
	border: none;
	text-decoration: underline;
	background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
	font-weight: bold;
	color: #898989;
	text-decoration: none;
}

.postprofile a:hover, .postprofile dt.author a:hover {
	text-decoration: underline;
	color: #d3d3d3;
}

/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */
.postprofile a:active {
	font-weight: bold;
	color: #898989;
	text-decoration: none;
}


/* Profile searchresults */	
.search .postprofile a {
	color: #898989;
	text-decoration: none; 
	font-weight: normal;
}

.search .postprofile a:hover {
	color: #d3d3d3;
	text-decoration: underline; 
}

/* Back to top of page */
.back2top {
	clear: both;
	height: 11px;
	text-align: right;
}

a.top {
	background: none no-repeat top left;
	text-decoration: none;
	width: 11px;
	height: 11px;
	display: block;
	float: right;
	overflow: hidden;
	letter-spacing: 1000px;
	text-indent: 11px;
}

a.top2 {
	background: none no-repeat 0 50%;
	text-decoration: none;
	padding-left: 15px;
}

/* Arrow links  */
a.up		{ background: none no-repeat left center; }
a.down		{ background: none no-repeat right center; }
a.left		{ background: none no-repeat 3px 60%; }
a.right		{ background: none no-repeat 95% 60%; }

a.up, a.up:link, a.up:active, a.up:visited {
	padding-left: 10px;
	text-decoration: none;
	border-bottom-width: 0;
}

a.up:hover {
	background-position: left top;
	background-color: transparent;
}

a.down, a.down:link, a.down:active, a.down:visited {
	padding-right: 10px;
}

a.down:hover {
	background-position: right bottom;
	text-decoration: none;
}

a.left, a.left:active, a.left:visited {
	padding-left: 12px;
}

a.left:hover {
	color: #d2d2d2;
	text-decoration: none;
	background-position: 0 60%;
}

a.right, a.right:active, a.right:visited {
	padding-right: 12px;
}

a.right:hover {
	color: #d2d2d2;
	text-decoration: none;
	background-position: 100% 60%;
}

/* invisible skip link, used for accessibility  */
.skiplink {
	position: absolute;
	left: -999px;
	width: 990px;
}

/* Feed icon in forumlist_body.html */
a.feed-icon-forum {
	float: right;
	margin: 3px;
}
/* proSilver Content Styles
---------------------------------------- */

ul.topiclist {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul.forums {
	background: #f9f9f9 none repeat-x 0 0;
}

ul.topiclist li {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul.topiclist dl {
	position: relative;
}

ul.topiclist li.row dl {
	padding: 2px 0;
}

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
	font-size: 1em;
	padding-left: 5px;
	padding-right: 5px;
}

ul.topiclist dd {
	display: block;
	float: left;
	padding: 4px 0;
}

ul.topiclist dfn {
	/* Labels for post/view counts */
	position: absolute;
	left: -999px;
	width: 990px;
}

ul.topiclist li.row dt a.subforum {
	background-image: none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 12px;
}

.forum-image {
	float: left;
	padding-top: 5px;
	margin-right: 5px;
}

li.row {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #8f8f8f;
}

li.row i {
	display: none;
}

li.row strong {
	font-weight: normal;
	color: #000000;
}

li.row:hover {
	background-color: #f6f6f6;
}

li.row:hover dd {
	border-left-color: #CCCCCC;
}

li.header dt, li.header dd {
	line-height: 1em;
	border-left-width: 0;
	margin: 2px 0 4px 0;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

li.header dt {
	font-weight: bold;
}

li.header dd {
	margin-left: 1px;
}

li.header dl.icon {
	min-height: 0;
}

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;
}

/* Forum list column styles */
dl.icon {
	min-height: 35px;
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 45px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}

dd.posts, dd.topics, dd.views {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}

/* List in forum description */
dl.icon dt ol,
dl.icon dt ul {
	list-style-position: inside;
	margin-left: 1em;
}

dl.icon dt li {
	display: list-item;
	list-style-type: inherit;
}

dd.lastpost {
	width: 30%;
	font-size: 1.1em;
}

dd.redirect {
	font-size: 1.1em;
	line-height: 2.5em;
}

dd.moderation {
	font-size: 1.1em;
}

dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
	display: block;
	padding-left: 5px;
}

dd.time {
	width: auto;
	line-height: 200%;
	font-size: 1.1em;
}

dd.extra {
	width: 12%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

dd.mark {
	float: right !important;
	width: 9%;
	text-align: center;
	line-height: 200%;
	font-size: 1.2em;
}

dd.info {
	width: 30%;
}

dd.option {
	width: 15%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

dd.searchby {
	width: 47%;
	font-size: 1.1em;
	line-height: 1em;
}

ul.topiclist dd.searchextra {
	margin-left: 5px;
	padding: 0.2em 0;
	font-size: 1em;
	color: #333333;
	border-left: none;
	clear: both;
	width: 98%;
	overflow: hidden;
}

/* Container for post/reply buttons and pagination */
.topic-actions {
	font-size: 1em;
}
div[class].topic-actions {
	height: auto;
}

/* Post body styles
----------------------------------------*/
.postbody, #postbody1 {
	width: 100%;
	padding: 5px;
	font-size: 1em;
	line-height: 1.4em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#postbody1 {
	border: 2px solid #eee;
}

#postbody1 h2 {
	font-size: 1.7em;
}

.postbody .ignore {
	font-size: 1.1em;
}
.postbody h3.first {
	/* The first post on the page uses this */
	font-size: 1.7em;
}
.postbody h3 {
	/* Postbody requires a different h3 format - so change it here */
	font-size: 1.5em;
	padding: 2px 0 0 0;
	margin: 0 0 0.3em 0 !important;
	text-transform: none;
	border: none;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
}

.postbody h3 img {
	/* Also see tweaks.css */
	vertical-align: bottom;
}

.search .postbody {
	width: 68%
}

/* Topic review panel
----------------------------------------*/
#review {
	margin-top: 2em;
}

#topicreview {
	padding-right: 5px;
	overflow: auto;
	height: 300px;
}

#topicreview .postbody {
	width: auto;
	float: none;
	margin: 0;
	height: auto;
}

#topicreview .post {
	height: auto;
}

#topicreview h2 {
	border-bottom-width: 0;
}

.post-ignore .postbody {
	display: none;
}

/* MCP Post details
----------------------------------------*/
#post_details
{
	/* This will only work in IE7+, plus the others */
	overflow: auto;
	max-height: 300px;
}

#expand
{
	clear: both;
}

/* Content container styles
----------------------------------------*/
.content {
	width: 100%;
	min-height: 3em;
	overflow: hidden;
	line-height: 1.4em;
	padding-bottom: 1px;
}

.content h2, .panel h2 {
	color: #989898;
	font-weight: 300;
	font-size: 1.6em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ccc;
}

.panel h3 {
	margin: 0em 0;
}

.panel p {
	font-size: 1em;
	margin-bottom: 1em;
	line-height: 1.4em;
}

.content p {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	margin-bottom: 1em;
	line-height: 1.4em;
}

dl.faq {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 2em;
	line-height: 1.4em;
}

dl.faq dt {
	font-weight: bold;
	color: #333333;
}

.content dl.faq {
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

.content li {
	list-style-type: inherit;
}

.content ul, .content ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

.posthilit {
	color: black;
	font-weight: 600;
/*	
	padding: 0 2px 1px 2px;
	background-color: #f3f3f3;
*/
}

.announce, .unreadpost {
	/* Highlight the announcements & unread posts box */
	border-left-color: #BCBCBC;
	border-right-color: #BCBCBC;
}

/* Post author */
p.author {
	margin: 0 15em 0.6em 0;
	padding: 0 0 5px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
}

/* Post signature */
.signature {
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 1.1em;
	border-top: 1px solid #CCCCCC;
	clear: left;
	line-height: 140%;
	overflow: hidden;
	width: 100%;
}

dd .signature {
	margin: 0;
	padding: 0;
	clear: none;
	border: none;
}

.signature li {
	list-style-type: inherit;
}

.signature ul, .signature ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

/* Post noticies */
.notice {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: auto;
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 1em;
	border-top: 1px dashed #CCCCCC;
	clear: left;
	line-height: 130%;
}

/* Jump to post link for now */
ul.searchresults {
	list-style: none;
	text-align: right;
	clear: both;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background: #ebebeb none 6px 8px no-repeat;
	border: 1px solid #dbdbdb;
	font-size: 0.95em;
	margin: 0.5em 1px 0 25px;
	overflow: hidden;
	padding: 5px;
}

blockquote blockquote {
	/* Nested quotes */
	background-color: #bababa;
	font-size: 1em;
	margin: 0.5em 1px 0 15px;	
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #e4e4e4;
}

blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: bold;
	margin-left: 20px;
	display: block;
	font-size: 0.9em;
}

blockquote cite cite {
	font-size: 1em;
}

blockquote.uncited {
	padding-top: 25px;
}

/* Code block */
dl.codebox {
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	font-size: 1em;
}

dl.codebox dt {
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	font-size: 0.8em;
	font-weight: bold;
	display: block;
}

blockquote dl.codebox {
	margin-left: 0;
}

dl.codebox code {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	white-space: normal;
	padding-top: 5px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	color: #8b8b8b;
	margin: 2px 0;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #000000; }
.syntaxdefault	{ color: #bcbcbc; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #585858; }
.syntaxstring	{ color: #a7a7a7; }

/* Attachments
----------------------------------------*/
.attachbox {
	display: inline-block;
	width: auto;
	margin: 5px 0px;

}
.attachbox > div { 
	display: inline-block;
	width: auto;
	padding: 0px 2px;
	vertical-align: top;
	border: 2px solid #cccccc;
	background-color: #eeeeee;
}

.pm-message .attachbox {
	background-color: #f3f3f3;
}

.attachbox dt {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 5px 0px 5px;
	background-color: #fffff0;
}

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
	clear: left;
	border-top: 1px solid #d8d8d8;
}

.attachbox dd dd {
	border: none;
}

.attachbox p {
	line-height: 110%;
	color: #666666;
	font-weight: normal;
	clear: left;
}

.attachbox p.stats {
	line-height: 110%;
	color: #666666;
	font-weight: normal;
	clear: left;
}

.attach-image {
	margin: 3px 0;
	width: 100%;
	max-height: 350px;
	overflow: auto;
}

.attach-image img {
	border: 1px solid #999999;
/*	cursor: move; */
	cursor: default;
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

div.inline-attachment p {
	font-size: 100%;
}

dl.file {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
}

dl.file dt {
	text-transform: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

dl.file dd {
	color: #666666;
	margin: 0;
	padding: 0;	
}

dl.thumbnail img {
	padding: 3px;
	border: 1px solid #666666;
	background-color: #FFF;
}

dl.thumbnail dd {
	color: #666666;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.attachbox dl.thumbnail dd {
	font-size: 100%;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border: 1px solid #d2d2d2;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

fieldset.polls dl {
	margin-top: 5px;
	border-top: 1px solid #e2e2e2;
	padding: 5px 0 0 0;
	line-height: 120%;
	color: #666666;
}

fieldset.polls dl.voted {
	font-weight: bold;
	color: #000000;
}

fieldset.polls dt {
	text-align: left;
	float: left;
	display: block;
	width: 30%;
	border-right: none;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

fieldset.polls dd {
	float: left;
	width: 10%;
	border-left: none;
	padding: 0 5px;
	margin-left: 0;
	font-size: 1.1em;
}

fieldset.polls dd.resultbar {
	width: 50%;
}

fieldset.polls dd input {
	margin: 2px 0;
}

fieldset.polls dd div {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 2px;
	overflow: visible;
	min-width: 2%;
}

.pollbar1 {
	background-color: #aaaaaa;
	border-bottom: 1px solid #747474;
	border-right: 1px solid #747474;
}

.pollbar2 {
	background-color: #bebebe;
	border-bottom: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
}

.pollbar3 {
	background-color: #D1D1D1;
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}

.pollbar4 {
	background-color: #e4e4e4;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
}

.pollbar5 {
	background-color: #f8f8f8;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-left: 1px solid #FFFFFF;
	width: 22%;
	float: right;
	display: inline;
}
.pm .postprofile {
	border-left: 1px solid #DDDDDD;
}

.postprofile dd, .postprofile dt {
	line-height: 1.2em;
	margin-left: 8px;
}

.postprofile strong {
	font-weight: normal;
	color: #000000;
}

.avatar {
	border: none;
	margin-bottom: 3px;
}

.online {
	background-image: none;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

/* Poster profile used by search*/
.search .postprofile {
	width: 30%;
}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
	width: 60% !important;
}

dl.pmlist dt textarea {
	width: 95%;
}

dl.pmlist dd {
	margin-left: 61% !important;
	margin-bottom: 2px;
}
/* proSilver Button Styles
---------------------------------------- */

/* Rollover buttons
   Based on: http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
.buttons {
	float: left;
	width: auto;
	height: auto;
	text-align: center;
	line-height: 25px;
	margin-top: 2px;
}

/* Rollover state */
.buttons div {
	float: left;
	margin: 0 5px 0 0;
	background-position: 0 100%;
}

/* Rolloff state */
.buttons div a {
	display: block;
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	position: relative;
	overflow: hidden;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	background-color: #5f9ea0;
}
.buttons div a:hover { background-color: #113B63; }

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span		{ display: none; }*/
/*.buttons div a:hover	{ background-image: none; }*/
.buttons div span			{ position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span	{ background-position: 0 100%; }

/* Big button images */
.reply-icon span	{ background: transparent none 0 0 no-repeat; }
.post-icon span		{ background: transparent none 0 0 no-repeat; }
.locked-icon span	{ background: transparent none 0 0 no-repeat; }
.pmreply-icon span	{ background: none 0 0 no-repeat; }
.newpm-icon span 	{ background: none 0 0 no-repeat; }
.forwardpm-icon span 	{ background: none 0 0 no-repeat; }

/* Set big button dimensions */
.buttons div.reply-icon		{ width: 96px; height: 25px; }
.buttons div.post-icon		{ width: 96px; height: 25px; }
.buttons div.locked-icon	{ width: 88px; height: 25px; }
.buttons div.pmreply-icon	{ width: 96px; height: 25px; }
.buttons div.newpm-icon		{ width: 84px; height: 25px; }
.buttons div.forwardpm-icon	{ width: 96px; height: 25px; }

/* Sub-header (navigation bar)
--------------------------------------------- */
a.print, a.sendemail, a.fontsize {
	display: block;
	overflow: hidden;
	height: 18px;
	text-indent: -5000px;
	text-align: left;
	background-repeat: no-repeat;
}

a.print {
	background-image: none;
	width: 22px;
}

a.sendemail {
	background-image: none;
	width: 22px;
}

a.fontsize {
	background-image: none;
	background-position: 0 -1px;
	width: 29px;
}

a.fontsize:hover {
	background-position: 0 -20px;
	text-decoration: none;
}

/* Icon images
---------------------------------------- */
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search, .icon-modset, .icon-return,
.icon-edit-group, .icon-delete-group, .icon-edit-teacher, .icon-delete-teacher, .icon-add-teacher, .icon-add-group,
.icon-delete-tag, .icon-add-forum
{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 17px;
}

.icon-txt, .icon-doc, .icon-pdf, .icon-video, .icon-audio {
	display: block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: none;
}

.icon-txt, .icon-doc, .icon-pdf, .icon-video {
	width: 40px;
	height: 40px;
}

/* Poster profile icons
----------------------------------------*/
ul.profile-icons {
	padding-top: 10px;
	list-style: none;
}

/* Rollover state */
ul.profile-icons li {
	float: left;
	margin: 0 6px 3px 0;
	background-position: 0 100%;
}

/* Rolloff state */
ul.profile-icons li a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { display:none; }
ul.profile-icons li a:hover { background: none; }

/* Positioning of moderator icons */
.postbody ul.profile-icons, #postbody2 ul.profile-icons {
	float: right;
	width: auto;
	padding: 0;
}

.postbody ul.profile-icons li {
	margin: 0 3px;
}

/* Profile & navigation icons */
.email-icon, .email-icon a		{ background: none top left no-repeat; }
.aim-icon, .aim-icon a			{ background: none top left no-repeat; }
.yahoo-icon, .yahoo-icon a		{ background: none top left no-repeat; }
.web-icon, .web-icon a			{ background: none top left no-repeat; }
.msnm-icon, .msnm-icon a			{ background: none top left no-repeat; }
.icq-icon, .icq-icon a			{ background: none top left no-repeat; }
.jabber-icon, .jabber-icon a		{ background: none top left no-repeat; }
.pm-icon, .pm-icon a				{ background: none top left no-repeat; }
.quote-icon, .quote-icon a		{ background: none top left no-repeat; }

/* Moderator icons */
.report-icon, .report-icon a		{ background: none top left no-repeat; }
.warn-icon, .warn-icon a			{ background: none top left no-repeat; }
.edit-icon, .edit-icon a			{ background: none top left no-repeat; }
.delete-icon, .delete-icon a		{ background: none top left no-repeat; }
.info-icon, .info-icon a			{ background: none top left no-repeat; }

/* Set profile icon dimensions */
ul.profile-icons li.email-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.aim-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.yahoo-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.web-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.msnm-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.icq-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.jabber-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.pm-icon		{ width: 28px; height: 20px; }
ul.profile-icons li.quote-icon	{ width: 54px; height: 20px; }
ul.profile-icons li.report-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.edit-icon	{ width: 42px; height: 20px; }
ul.profile-icons li.delete-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.info-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.warn-icon	{ width: 20px; height: 20px; }

/* Fix profile icon default margins */
ul.profile-icons li.edit-icon	{ margin: 0 0 0 3px; }
ul.profile-icons li.quote-icon	{ margin: 0 0 0 10px; }
ul.profile-icons li.info-icon, ul.profile-icons li.report-icon	{ margin: 0 3px 0 0; }
/* proSilver Control Panel Styles
---------------------------------------- */


/* Main CP box
----------------------------------------*/
#cp-menu {
	margin-top: 1em;
	margin-bottom: 5px;
}

#cp-main {
	font-size: 1em;
}

#cp-main .content {
	padding: 0;
}

#cp-main h3, #cp-main hr, #cp-menu hr {
	border-color: #bfbfbf;
}

#cp-main .panel p {
	font-size: 1.1em;
}

#cp-main .panel ol {
	margin-left: 2em;
	font-size: 1.1em;
}

#cp-main .panel li.row {
	border-bottom: 1px solid #cbcbcb;
	border-top: 1px solid #F9F9F9;
}

ul.cplist {
	margin-bottom: 5px;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
	color: #666666;
	margin-bottom: 2px;
}

#cp-main table.table1 {
	margin-bottom: 1em;
}

#cp-main table.table1 thead th {
	color: #333333;
	font-weight: bold;
	border-bottom: 1px solid #333333;
	padding: 5px;
}

#cp-main table.table1 tbody th {
	font-style: italic;
	background-color: transparent !important;
	border-bottom: none;
}

#cp-main .pagination {
	float: right;
	width: auto;
	padding-top: 1px;
}

#cp-main .postbody p {
	font-size: 1.1em;
}

#cp-main .pm-message {
	border: 1px solid #e2e2e2;
	margin: 10px 0;
	background-color: #FFFFFF;
	width: auto;
	float: none;
}

.pm-message h2 {
	padding-bottom: 5px;
}

#cp-main .postbody h3, #cp-main .box2 h3 {
	margin-top: 0;
}

#cp-main .buttons {
	margin-left: 0;
}

#cp-main ul.linklist {
	margin: 0;
}

/* MCP Specific tweaks */
.mcp-main .postbody {
	width: 100%;
}

/* CP tabbed menu
----------------------------------------*/
#tabs {
	line-height: normal;
	margin: 20px 7px -1px 7px;
	min-width: 570px;
}

#tabs ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

#tabs a {
	float: left;
	background: none no-repeat 0% -35px;
	margin: 0 1px 0 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

#tabs a span {
	float: left;
	display: block;
	background: none no-repeat 100% -35px;
	padding: 6px 10px 6px 5px;
	white-space: nowrap;
}

#tabs a:hover span {
	color: #FFFFFF;
}

#tabs .activetab a {
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #272727;
}

#tabs .activetab a span {
	background-position: 100% 0;
	/*padding-bottom: 7px;*/
	color: #FFFFFF;
}

#tabs a:hover {
	background-position: 0 -70px;
}

#tabs a:hover span {
	background-position:100% -70px;
}

#tabs .activetab a:hover {
	background-position: 0 0;
}

#tabs .activetab a:hover span {
	color: #000000;
	background-position: 100% 0;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs {
	line-height: normal;
	margin: -20px 7px 0 0;
}

#minitabs ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#minitabs li {
	display: block;
	float: right;
	padding: 0 10px 4px 10px;
	font-size: 1em;
	font-weight: bold;
	background-color: #f2f2f2;
	margin-left: 2px;
}

#minitabs a {
}

#minitabs a:hover {
	text-decoration: none;
}

#minitabs li.activetab {
	background-color: #F9F9F9;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
	color: #333333;
}

/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */
#navigation {
	width: 100%;
}

#navigation ul {
	list-style:none;
}

/* Default list state */
#navigation li {
	width: 10em;
	padding: 0;
	display: inline-block;
	text-align: center;
}

/* Link styles for the sub-section links */
#navigation a {
	display: block;
	padding: 5px;
	margin: 1px 0;
	text-decoration: none;
	font-weight: normal;
	color: #333;
	background: #cfcfcf none repeat-y 100% 0;
}

#navigation a:hover {
	text-decoration: none;
	background-color: #c6c6c6;
	color: #bcbcbc;
	background-image: none;
}

#navigation #active-subsection a {
	display: block;
	color: #d3d3d3;
	background-color: #F9F9F9;
	background-image: none;
}

#navigation #active-subsection a:hover {
	color: #d3d3d3;
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
	padding: 0px;
	margin-left: 10px;
	font-size: 1.8em;
	text-align: center;
	border-bottom: none;
}

#cp-main .panel {
	background-color: transparent;
}

#cp-main .pm {
	background-color: #FFFFFF;
}

#cp-main span.corners-top, #cp-menu span.corners-top {
	background-image: none;
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
	background-image: none;
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
	background-image: none;
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
	background-image: none;
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
	background-image: none;
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
	background-image: none;
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
	background-image: none;
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
	background-image: none;
}

/* Friends list */
.cp-mini {
	background-color: #f9f9f9;
	padding: 0 5px;
	margin: 10px 15px 10px 5px;
}

.cp-mini span.corners-top, .cp-mini span.corners-bottom {
	margin: 0 -5px;
}

dl.mini dt {
	font-weight: bold;
	color: #676767;
}

dl.mini dd {
	padding-top: 4px;
}

.friend-online {
	font-weight: bold;
}

.friend-offline {
	font-style: italic;
}

/* PM Styles
----------------------------------------*/
#pm-menu {
	line-height: 2.5em;
}

/* PM panel adjustments */
.pm-panel-header {
	margin: 0; 
	padding-bottom: 10px; 
	border-bottom: 1px dashed #A4B3BF;
}

.reply-all {
	display: block; 
	padding-top: 4px; 
	clear: both;
	float: left;
}

.pm-panel-message {
	padding-top: 10px;
}

.pm-return-to {
	padding-top: 23px;
}

#cp-main .pm-message-nav {
	margin: 0; 
	padding: 2px 10px 5px 10px; 
	border-bottom: 1px dashed #A4B3BF;
}

/* PM Message history */
.current {
	color: #999999;
}

/* Defined rules list for PM options */
ol.def-rules {
	padding-left: 0;
}

ol.def-rules li {
	line-height: 180%;
	padding: 1px;
}

/* PM marking colours */
.pmlist li.bg1 {
	padding: 0 3px;
}

.pmlist li.bg2 {
	padding: 0 3px;
}

.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #bcbcbc;
	border-right-color: #bcbcbc;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	padding: 0;
	border: solid 3px #ffffff;
	border-width: 0 3px;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	padding: 0;
	border: solid 3px #c2c2c2;
	border-width: 0 3px;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	padding: 0;
	border: solid 3px #bdbdbd;
	border-width: 0 3px;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	padding: 0;
	border: solid 3px #000000;
	border-width: 0 3px;
}

.pm-legend {
	border-left-width: 10px;
	border-left-style: solid;
	border-right-width: 0;
	margin-bottom: 3px;
	padding-left: 3px;
}

/* Avatar gallery */
#gallery label {
	position: relative;
	float: left;
	margin: 10px;
	padding: 5px;
	width: auto;
	background: #FFFFFF;
	border: 1px solid #CCC;
	text-align: center;
}

#gallery label:hover {
	background-color: #EEE;
}
/* proSilver Form Styles
---------------------------------------- */

/* General form styles
----------------------------------------*/
fieldset {
	border-width: 0;
	font-size: 1em;
}

input {
	border-radius: 0;
	font-weight: 300;
	cursor: pointer;
	vertical-align: middle;
	padding: 3px;
	font-size: 1em;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, "AppleGothic", "Avant Garde", Avantgarde, sans-serif;
	-webkit-appearance: none;
}

input[type="radio"] {
	-webkit-appearance: radio !important;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
}

select {
	font-weight: 300;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #b4bac0;
	padding: 3px
}

option {
	padding-right: 1em;
}

option.disabled-option {
	color: graytext;
}

textarea {
	width: 60%;
	padding: 2px;
	font-size: 1em;
	line-height: 1.4em
}

label {
	cursor: default;
	color: #676767;
}

label input {
	vertical-align: middle;
}

label img {
	vertical-align: middle;
}

/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
	padding: 4px 0;
}

fieldset dt {
	float: left;
	width: 40%;
	text-align: left;
	display: block;
}

fieldset dd {
	margin-left: 41%;
	vertical-align: top;
	margin-bottom: 3px;
}

/* Specific layout 1 */
fieldset.fields1 dt, #message-box label {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields1 dd {
	margin-left: 15em;
	border-left-width: 0;
}

fieldset.fields1 {
	background-color: transparent;
	margin: 0px 10px;
}
/*
fieldset.fields1 div {
	margin-bottom: 3px;
}
*/
/* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
fieldset.fields1 #recaptcha_widget_div div {
	margin-bottom: 0;
}

/* Specific layout 2 */
fieldset.fields2 dt {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields2 dd {
	margin-left: 15em;
	border-left-width: 0;
}

/* Form elements */
dt label {
	font-weight: 300;
	text-align: left;
}

dd label {
	white-space: nowrap;
	color: #333;
}

dd input, dd textarea {
	margin-right: 3px;
}

dd select {
	width: 15em;
}

dd textarea {
	width: 85%;
}

/* Hover effects */
fieldset dl:hover dt label, #message-box:hover label {
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

#timezone {
	width: 95%;
}

* html #timezone {
	width: 50%;
}

/* Quick-login on index page */
fieldset.quick-login {
	margin-top: 5px;
}

fieldset.quick-login input {
	width: auto;
}

fieldset.quick-login input.inputbox {
	width: 15%;
	vertical-align: middle;
	margin-right: 5px;
	background-color: #f3f3f3;
}

fieldset.quick-login label {
	white-space: nowrap;
	padding-right: 2px;
}

/* Display options on viewtopic/viewforum pages  */
fieldset.display-options {
	text-align: center;
	margin: 3px 0 5px 0;
}

fieldset.display-options label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.display-options a {
	margin-top: 3px;
}

/* Display actions for ucp and mcp pages */
fieldset.display-actions {
	text-align: right;
	line-height: 2em;
	white-space: nowrap;
	padding-right: 1em;
}

fieldset.display-actions label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.sort-options {
	line-height: 2em;
}

/* MCP forum selection*/
fieldset.forum-selection {
	margin: 5px 0 3px 0;
	float: right;
}

fieldset.forum-selection2 {
	margin: 13px 0 3px 0;
	float: right;
}

/* Jumpbox */
fieldset.jumpbox {
	text-align: right;
	margin-top: 15px;
	height: 2.5em;
}

fieldset.quickmod {
	width: 50%;
	float: right;
	text-align: right;
	height: 2.5em;
}

/* Submit button fieldset */
fieldset.submit-buttons {
	text-align: center;
	vertical-align: middle;
	margin: 5px 0;
}

fieldset.submit-buttons input {
	vertical-align: middle;
}

/* Posting page styles
----------------------------------------*/

/* Buttons used in the editor */
#format-buttons {
	margin: 15px 0 2px 0;
}

#format-buttons input, #format-buttons select {
	vertical-align: middle;
}

/* Main message box */
#message-box {
	width: 100%;
}

#message-box label {
	font-weight: normal;
}

#message-box textarea {
	color: #333333;
	height: 200px;
	width: 100%;
	overflow: auto;
	font-size: 1.1em;
	font-weight: 300;
}

/* Emoticons panel */
#smiley-box {
	/*width: 18%;
	float: right;*/ 
	display: none;
}

#smiley-box img {
	margin: 3px;
}

/* Input field styles
---------------------------------------- */
.inputbox {
	color: #666666;
	padding: 5px;
	cursor: text;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, "AppleGothic", "Avant Garde", Avantgarde, sans-serif;
	border: 1px solid #ccc;
}

input.inputbox	{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input.medium	{ width: 50%; }
input.narrow	{ width: 25%; }
input.tiny	{ width: 125px; }
input.long      { width: 250px; }

textarea.inputbox {
	width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;		
}

.autowidth {
	/*width: auto !important;*/
	width: 100%;
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	width: auto !important;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
	line-height: 1.5em;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	background: #a4b3bf none repeat-x top left;
}

a.button1, input.button1 {
	/*font-weight: bold;*/
	border: 0px solid #dddddd;
}

input.button3 {
	padding: 0;
	margin: 0;
	line-height: 5px;
	height: 12px;
	background-image: none;
	font-variant: small-caps;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border: 0px solid #dddddd;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	text-decoration: none;
	color: #000000;
	padding: 2px 8px;
	vertical-align: text-bottom;
	background-position: 0 1px;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border: 0px solid #BCBCBC;
	background-position: 0 100%;
	color: #BCBCBC;
}

input.disabled {
	font-weight: normal;
	color: #666666;
}

/* Topic and forum Search */
.search-box {
	margin-top: 3px;
	margin-left: 5px;
	float: left;
}

input.search {
	background-image: none;
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 17px;
}

.full { width: 95%; }
.medium { width: 50%;}
.narrow { width: 25%;}
.tiny { width: 10%;}
/* proSilver Style Sheet Tweaks

These style definitions are mainly IE specific 
tweaks required due to its poor CSS support.
-------------------------------------------------*/

* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }
* html span.corners-top, * html span.corners-bottom { background-image: url("./styles/mystyle/theme/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("./styles/mystyle/theme/images/corners_right.gif"); }

table.table1 {
	width: 99%;		/* IE < 6 browsers */
	/* Tantek hack */
	/*voice-family: "\"}\"";
	voice-family: inherit;*/
	width: 100%;
}
html>body table.table1 { width: 100%; }	/* Reset 100% for opera */

* html ul.topiclist li { position: relative; }
* html .postbody h3 img { vertical-align: middle; }

/* Form styles */
html>body dd label input { vertical-align: text-bottom; }	/* Align checkboxes/radio buttons nicely */

* html input.button1, * html input.button2 {
	padding-bottom: 0;
	margin-bottom: 1px;
}

/* Misc layout styles */
* html .column1, * html .column2 { width: 45%; }

/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
   From http://www.positioniseverything.net/easyclearing.html 
#tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}*/

.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
	height: 1%;
	overflow: hidden;
}

/* viewtopic fix */
* html .post {
	height: 25%;
	overflow: hidden;
}

/* navbar fix */
* html .clearfix, * html .navbar, ul.linklist {
	height: 4%;
	overflow: hidden;
}

/* Simple fix so forum and topic lists always have a min-height set, even in IE6
	From http://www.dustindiaz.com/min-height-fast-hack */
dl.icon {
	min-height: 35px;
	height: auto !important;
	height: 35px;
}

* html li.row dl.icon dt {
	height: 35px;
	overflow: visible;
}

* html #search-box {
	width: 25%;
}

/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd {
	margin-left: 30%;
	float: none;
}

* html dl.details dd {
	margin-left: 30%;
	float: none;
}

* html .forumbg table.table1 {
	margin: 0 -2px 0px -1px;
}

/* Headerbar height fix for IE7 and below */
* html #site-description p {
	margin-bottom: 1.0em;
}

*:first-child+html #site-description p {
	margin-bottom: 1.0em;
}
/*  	
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
	color: #666666;	
	background-color: #ffffff;
}

h1 {
	color: #FFFFFF;
}

h2 {
	color: #28313F;
}

h3 {
	color: #336699;
}

hr {
	border-color: #FFFFFF;
	border-top-color: #CCCCCC;
}

hr.dashed {
	border-top-color: #CCCCCC;
}

/* Search box
--------------------------------------------- */

#search-box {
	color: #FFFFFF;
}

#search-box #keywords {
	background-color: transparent;
}


/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	/*background: url("./styles/mystyle/theme/images/background-header1.png") repeat left top;*/
}

.navbar {
	background-color: #113B63;
}

.forabg {
	background-color: #336699;
}

.forumbg {
	background-color: #336699;
}

.panel {
	color: #666666;
}

.post:target .content {
	color: #444444;
}

.post:target h3 a {
	color: #222222;
}

.bg1	{ background-color: transparent; }
.bg2	{ background-color: transparent; }
.bg3	{ background-color: transparent; }

.ucprowbg {
	background-color: #DCDEE2;
}

.fieldsbg {
	background-color: #E7E8EA;
}
/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-bottom-color: #FFFFFF;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
	color: #FFFFFF;
}

table.table1 tbody tr {
	border-color: #BFC1CF;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #CFE1F6;
	color: #000;
}

table.table1 td {
	color: #536482;
}

table.table1 tbody td {
	border-top-color: #FAFAFA;
}

table.table1 tbody th {
	border-bottom-color: #000000;
	color: #333333;
	background-color: #FFFFFF;
}

table.info tbody th {
	color: #000000;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
	color: #000000;
}

dl.details dd {
	color: #536482;
}

.sep {
	color: #1198D9;
}

/* Pagination
---------------------------------------- */

.pagination span strong {
	color: #FFFFFF;
	background-color: #368AD2;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination b {
	color: #888888;
	background-color: transparent;
	border-color: transparent;
}

.pagination span a:active {
	color: #5C758C;
	background-color: #ECEDEE;
	border-color: #B4BAC0;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	background-image: url("./styles/mystyle/theme/images/icon_pages.gif");
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

/* Miscellaneous styles
---------------------------------------- */
.error {
	color: #BC2A4D;
}

.reported {
	background-color: #F7ECEF;
}

li.reported:hover {
	background-color: #ECD5D8 !important;
}
.sticky, .announce {
	/* you can add a background for stickies and announcements*/
}

div.rules {
	background-color: #ECD5D8;
	color: #BC2A4D;
}

p.rules {
	background-color: #ECD5D8;
	background-image: none;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a:link { color: #336699; }
a:visited { color: #336699; }
a:hover { color: #336699; }
a:active { color: #336699; }

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
	color: #272727;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color: #272727;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #A8D8FF;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
	color: #C8E6FF;
}

/* Links for forum/topic lists */
a.forumtitle {
	color: #105289;
}

a.forumtitle:hover {
	color: #BC2A4D;
}

a.forumtitle:active {
	color: #272727;
}

a.topictitle {
	color: #272727;
}

a.topictitle:hover {
	color: #BC2A4D;
}

a.topictitle:active {
	color: #272727;
}

/* Post body links */
.postlink {
	color: #368AD2;
	border-bottom-color: #368AD2;
}

.postlink:visited {
	color: #5D8FBD;
	border-bottom-color: #5D8FBD;
}

.postlink:active {
	color: #368AD2;
}

.postlink:hover {
	background-color: #D0E4F6;
	color: #0D4473;
}

.signature a, .signature a:visited, .signature a:hover, .signature a:active {
	background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
	color: black;
}

.postprofile a:hover, .postprofile dt.author a:hover {
	color: #D31141;
}

.postprofile a:active {
	color: black;
}

/* Profile searchresults */	
.search .postprofile a {
	color: black;
}

.search .postprofile a:hover {
	color: #D31141;
}

/* Back to top of page */
a.top {
	background-image: url("./styles/mystyle/imageset/icon_back_top.gif");
}

a.top2 {
	background-image: url("./styles/mystyle/imageset/icon_back_top.gif");
}

/* Arrow links  */
/*
a.up		{ background-image: url("./styles/mystyle/theme/images/arrow_up.gif") }
a.down		{ background-image: url("./styles/mystyle/theme/images/arrow_down.gif") }
a.left		{ background-image: url("./styles/mystyle/theme/images/arrow_left.gif") }
a.right		{ background-image: url("./styles/mystyle/theme/images/arrow_right.gif") }
*/
a.up:hover {
	background-color: transparent;
}

a.left:hover {
	color: #368AD2;
}

a.right:hover {
	color: #368AD2;
}


/*  	
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
	background-color: #eef5f9;
	background-image: url("./styles/mystyle/theme/images/gradient.gif");
}

ul.topiclist li {
	color: #666666;
}

ul.topiclist dd {
	border-left-color: #FFFFFF;
}

.rtl ul.topiclist dd {
	border-right-color: #fff;
	border-left-color: transparent;
}

ul.topiclist li.row dt a.subforum.read {
	background-image: url("./styles/mystyle/imageset/subforum_read.gif");
}

ul.topiclist li.row dt a.subforum.unread {
	background-image: url("./styles/mystyle/imageset/subforum_unread.gif");
}

li.row {
	border-top-color:  #FFFFFF;
	border-bottom-color: #00608F;
}

li.row strong {
	color: #000000;
}

li.row:hover {
	background-color: #eeeeee;
}

li.row:hover dd {
	border-left-color: #CCCCCC;
}

.rtl li.row:hover dd {
	border-right-color: #CCCCCC;
	border-left-color: transparent;
}

li.header dt, li.header dd {
	color: #FFFFFF;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
	color: #333333;
}

/* Post body styles
----------------------------------------*/
.postbody {
	color: #333333;
}

/* Content container styles
----------------------------------------*/
.content {
	color: #737373;
}

.content h2, .panel h2 {
	color: #115098;
	border-bottom-color:  #CCCCCC;
}

dl.faq dt {
	color: #333333;
}

.posthilit {
/*	
	background-color: #F3BFCC;
	color: #BC2A4D;
*/
}

/* Post signature */
.signature {
	border-top-color: #CCCCCC;
}

/* Post noticies */
.notice {
	border-top-color:  #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background-color: #EBEADD;
	background-image: url("./styles/mystyle/theme/images/quote.gif");
	border-color:#DBDBCE;
}

.rtl blockquote {
	background-image: url("./styles/mystyle/theme/images/quote_rtl.gif");
}

blockquote blockquote {
	/* Nested quotes */
	background-color:#EFEED9;
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #EBEADD;
}

/* Code block */
dl.codebox {
	background-color: #FFFFFF;
	border-color: #C9D2D8;
}

dl.codebox dt {
	border-bottom-color:  #CCCCCC;
}

dl.codebox code {
	color: #2E8B57;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #0000BB; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #DD0000; }

/* Attachments
----------------------------------------*/
.pm-message .attachbox {
	background-color: #F2F3F3;
}

.attachbox dd {
	border-bottom-color: #C9D2D8;
}

.attachbox p {
	color: #666666;
}

.attachbox p.stats {
	color: #666666;
}

.attach-image img {
	border-color: #999999;
}

/* Inline image thumbnails */

dl.file dd {
	color: #666666;
}

dl.thumbnail img {
	border-color: #666666;
	background-color: #FFFFFF;
}

dl.thumbnail dd {
	color: #666666;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border-color: #368AD2;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
	border-top-color: #DCDEE2;
	color: #666666;
}

fieldset.polls dl.voted {
	color: #000000;
}

fieldset.polls dd div {
	color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
	border-right-color: transparent;
}

.pollbar1 {
	background-color: #AA2346;
	border-bottom-color: #74162C;
	border-right-color: #74162C;
}

.rtl .pollbar1 {
	border-left-color: #74162C;
}

.pollbar2 {
	background-color: #BE1E4A;
	border-bottom-color: #8C1C38;
	border-right-color: #8C1C38;
}

.rtl .pollbar2 {
	border-left-color: #8C1C38;
}

.pollbar3 {
	background-color: #D11A4E;
	border-bottom-color: #AA2346;
	border-right-color: #AA2346;
}

.rtl .pollbar3 {
	border-left-color: #AA2346;
}

.pollbar4 {
	background-color: #E41653;
	border-bottom-color: #BE1E4A;
	border-right-color: #BE1E4A;
}

.rtl .pollbar4 {
	border-left-color: #BE1E4A;
}

.pollbar5 {
	background-color: #F81157;
	border-bottom-color: #D11A4E;
	border-right-color: #D11A4E;
}

.rtl .pollbar5 {
	border-left-color: #D11A4E;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #666666;
	border-left-color: #FFFFFF;
}

.rtl .postprofile {
	border-right-color: #FFFFFF;
	border-left-color: transparent;
}

.pm .postprofile {
	border-left-color: #DDDDDD;
}

.rtl .pm .postprofile {
	border-right-color: #DDDDDD;
	border-left-color: transparent;
}

.postprofile strong {
	color: #000000;
}

.online {
	background-image: url("./styles/mystyle/imageset/en/icon_user_online.gif");
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

/* Big button images */
/*.reply-icon span	{ background-image: url("./styles/mystyle/imageset/en/button_topic_reply.gif"); }
.post-icon span		{ background-image: url("./styles/mystyle/imageset/en/button_topic_new.gif"); }
.locked-icon span	{ background-image: url("./styles/mystyle/imageset/en/button_topic_locked.gif"); }
.pmreply-icon span	{ background-image: url("./styles/mystyle/imageset/en/button_pm_reply.gif") ;}
.newpm-icon span 	{ background-image: url("./styles/mystyle/imageset/en/button_pm_new.gif") ;}
.forwardpm-icon span	{ background-image: url("./styles/mystyle/imageset/en/button_pm_forward.gif") ;}*/

a.print {
	background-image: url("./styles/mystyle/theme/images/icon_print.gif");
}

a.sendemail {
	background-image: url("./styles/mystyle/theme/images/icon_sendemail.gif");
}

a.fontsize {
	background-image: url("./styles/mystyle/theme/images/icon_fontsize.gif");
}

/* Icon images
---------------------------------------- */
.sitehome					{ background-image: url("./styles/mystyle/theme/images/icon_home.gif"); }
.icon-faq					{ background-image: url("./styles/mystyle/theme/images/icon_faq.gif"); }
.icon-members					{ background-image: url("./styles/mystyle/theme/images/icon_members.gif"); }
.icon-home					{ background-image: url("./styles/mystyle/theme/images/icon_home.gif"); }
.icon-ucp					{ background-image: url("./styles/mystyle/theme/images/icon_ucp.gif"); }
.icon-register					{ background-image: url("./styles/mystyle/theme/images/icon_register.gif"); }
.icon-logout					{ background-image: url("./styles/mystyle/theme/images/icon_logout.gif"); }
.icon-bookmark					{ background-image: url("./styles/mystyle/theme/images/icon_bookmark.gif"); }
.icon-bump					{ background-image: url("./styles/mystyle/theme/images/icon_bump.gif"); }
.icon-subscribe					{ background-image: url("./styles/mystyle/theme/images/mark.png"); }
.icon-unsubscribe				{ background-image: url("./styles/mystyle/theme/images/unmark.png"); }
.icon-pages					{ background-image: url("./styles/mystyle/theme/images/icon_pages.gif"); }
.icon-search					{ background-image: url("./styles/mystyle/theme/images/icon_search.gif"); }
.icon-modset 					{ background-image: url("./styles/mystyle/theme/images/icon-modset2.png"); }

.icon-return 					{ background-image: url("./styles/mystyle/theme/images/icon-return2.png"); }
.icon-edit-group				{ background-image: url("./styles/mystyle/theme/images/group_edit.png"); }
.icon-delete-group				{ background-image: url("./styles/mystyle/theme/images/group_delete.png"); }
.icon-edit-teacher				{ background-image: url("./styles/mystyle/theme/images/user_edit.png"); }
.icon-delete-teacher				{ background-image: url("./styles/mystyle/theme/images/user_delete.png"); }
.icon-add-teacher				{ background-image: url("./styles/mystyle/theme/images/user_add.png"); }
.icon-add-group 				{ background-image: url("./styles/mystyle/theme/images/group_add.png"); }
.icon-delete-tag				{ background-image: url("./styles/mystyle/theme/images/tag_delete.png"); }
.icon-add-forum					{ background-image: url("./styles/mystyle/theme/images/add_list.png"); }

.icon-txt					{ background-image: url("./styles/mystyle/theme/images/text.png"); opacity: 1; filter: alpha(opacity=70); }
.icon-doc					{ background-image: url("./styles/mystyle/theme/images/doc.png"); opacity: 1; filter: alpha(opacity=70); }
.icon-pdf					{ background-image: url("./styles/mystyle/theme/images/pdf.png"); opacity: 1; filter: alpha(opacity=70); }
.icon-video 				{ background-image: url("./styles/mystyle/theme/images/video.png"); opacity: .7; filter: alpha(opacity=70); display: inline-block; vertical-align: middle; }
/*.icon-audio { background-image: url("./styles/mystyle/theme/images/sound.png"); opacity: .6; filter: alpha(opacity=70); display: inline-block; vertical-align: middle; }*/

.icon-download {
	display: block;
	border-top: 1px solid #ccc;
}

.icon-download:before {
	position: relative;
	display: block;
	top: 1px;
	left: 8px;
	margin: 2px 0px;
	padding: 0px 2px;
	color: #676767;
	content: "\f019";
	font-family: FontAwesome;
	font-size: 1.5em;
	text-decoration: none;
}

.icon-audio:before {
	position: relative;
	display: block;
	top: 10px;
	left: 0px;
	color: #676767;
	content: "\f028";
	font-family: FontAwesome;
	font-size: 2.5em;
	text-decoration: none;
	padding: 0px 2px;
}

.icon-play {
	display: block;
	position: relative; 
	left: 38%;
	top: 14px;
	width: 0;
	height: 0;
	border-left: 15px solid #777777;
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
}
 
#home-icon a {
	display: inline-block;
	height: 1.7em;
	width: 38px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	vertical-align: top;
 	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url("./styles/mystyle/theme/images/home2.png");
}
 
 
/* Profile & navigation icons */
.email-icon, .email-icon a		{ background-image: url("./styles/mystyle/imageset/icon_contact_email.gif"); }
.aim-icon, .aim-icon a			{ background-image: url("./styles/mystyle/imageset/icon_contact_aim.gif"); }
.yahoo-icon, .yahoo-icon a		{ background-image: url("./styles/mystyle/imageset/icon_contact_yahoo.gif"); }
.web-icon, .web-icon a			{ background-image: url("./styles/mystyle/imageset/icon_contact_www.gif"); }
.msnm-icon, .msnm-icon a			{ background-image: url("./styles/mystyle/imageset/icon_contact_msnm.gif"); }
.icq-icon, .icq-icon a			{ background-image: url("./styles/mystyle/imageset/icon_contact_icq.gif"); }
.jabber-icon, .jabber-icon a		{ background-image: url("./styles/mystyle/imageset/icon_contact_jabber.gif"); }
.pm-icon, .pm-icon a				{ background-image: url("./styles/mystyle/imageset/en/icon_contact_pm.gif"); }
.quote-icon, .quote-icon a		{ background-image: url("./styles/mystyle/imageset/en/icon_post_quote.gif"); }

/* Moderator icons */
.report-icon, .report-icon a		{ background-image: url("./styles/mystyle/imageset/icon_post_report.gif"); }
.edit-icon, .edit-icon a			{ background-image: url("./styles/mystyle/imageset/en/icon_post_edit.gif"); }
.delete-icon, .delete-icon a		{ background-image: url("./styles/mystyle/imageset/icon_post_delete.gif"); }
.info-icon, .info-icon a			{ background-image: url("./styles/mystyle/imageset/icon_post_info.gif"); }
.warn-icon, .warn-icon a			{ background-image: url("./styles/mystyle/imageset/icon_user_warn.gif"); } /* Need updated warn icon */

/*  	
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

#cp-main h3, #cp-main hr, #cp-menu hr {
	border-color: #A4B3BF;
}

#cp-main .panel li.row {
	border-bottom-color: #B5C1CB;
	border-top-color: #F9F9F9;
}

ul.cplist {
	border-top-color: #B5C1CB;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
}

#cp-main table.table1 thead th {
	color: #333333;
	border-bottom-color: #333333;
}

#cp-main .pm-message {
	border-color: #DBDEE2;
	background-color: #FFFFFF;
}

/* CP tabbed menu
----------------------------------------*/
#tabs a {
	background-color: #F6F6F6;
	border: 1px solid #cccccc;
}

#tabs a span {
	color: #272727;
}

#tabs a:hover { 
	color: #272727;
}

#tabs a:hover span {
	color: #F5D671;
}

#tabs .activetab a {
	border-bottom-color: white;
	
}

#tabs .activetab a span {
	color: #272727;
}

#tabs .activetab a:hover span {
	color: #272727;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
	background-color: #E1EBF2;
}

#minitabs li.activetab {
	background-color: #F9F9F9;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
	color: #333333;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
	color: #FFFFFF;	
	background-color: #336699;
	/*background-image: url("./styles/mystyle/theme/images/bg_menu.gif");*/
}

.rtl #navigation a {
	/*background-image: url("./styles/mystyle/theme/images/bg_menu_rtl.gif");*/
	background-position: 0 100%;
}

#navigation a:hover {
	background-image: none;
	background-color: #113B63;
	color: #FFFFFF;
}

#navigation #active-subsection a {
	color: #FFFFFF;
	background-color: #113B63;
	background-image: none;
}

#navigation #active-subsection a:hover {
	color: #FFFFFF;
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
	color: #336699;
}

#cp-main .panel {
	background-color: transparent;
}

#cp-main .pm {
	background-color: #FFFFFF;
}

#cp-main span.corners-top, #cp-menu span.corners-top {
	background-image: url("./styles/mystyle/theme/images/corners_left2.gif");
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
	background-image: url("./styles/mystyle/theme/images/corners_right2.gif");
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
	background-image: url("./styles/mystyle/theme/images/corners_left2.gif");
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
	background-image: url("./styles/mystyle/theme/images/corners_right2.gif");
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
	background-image: url("./styles/mystyle/theme/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
	background-image: url("./styles/mystyle/theme/images/corners_right.gif");
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
	background-image: url("./styles/mystyle/theme/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
	background-image: url("./styles/mystyle/theme/images/corners_right.gif");
}

/* Friends list */
.cp-mini {
	background-color: #eef5f9;
}

dl.mini dt {
	color: #425067;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
	color: #000000 !important;
}

/* PM panel adjustments */
.pm-panel-header,
#cp-main .pm-message-nav {
	border-bottom-color: #A4B3BF;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #BC2A4D;
	border-right-color: #BC2A4D;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	border-color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #A9B8C2;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #5D8FBD;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	border-color: #000000;
}

/* Avatar gallery */
#gallery label {
	background-color: #FFFFFF;
	border-color: #CCC;
}

#gallery label:hover {
	background-color: #EEE;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
	color: #888888;
	/*border-color: #81a7cc;*/
	background-color: white;
}

select:hover {
	border: 1px solid #11A3EA;
}

label {
	color: #888888;
}

option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
	color: #666666;
}

/* Hover effects */
fieldset dl:hover dt label {
}

fieldset.fields2 dl:hover dt label {
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
	background-color: #F2F3F3;
}

/* Posting page styles
----------------------------------------*/

#message-box textarea {
	color: #666666;
}

/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: white;	
}

.inputbox:hover {
	border-color: #11A3EA;
}

.inputbox:focus {
	border-color: #11A3EA;
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #FFFFFF;
	background-color: #4682b4;
}

a.button1, input.button1 {
	border-color: #dddddd;
}

input.button3 {
	background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #dddddd;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	color: #FFFFFF;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	color: #FFFFFF;
	background-color: #2A4E6C;
}

input.search {
	background-image: url("./styles/mystyle/theme/images/icon_textbox_search.gif");
}

input.disabled {
	color: #996415;
}
.divspace {
	margin: 10px 0px 10px 0px;
}

.wait {
	cursor: progress;
}

.wait-button {
	display: none;
	cursor: not-allowed;	
	background-color: #aaa !important;
}

ul {
	list-style: none;
}

.ui-autocomplete {
    width: 90% !important;
	max-height: 100px;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 1.3em;
	padding: 5px;
	border: 1px solid deepskyblue;
	background-color: white;
	box-shadow: 0px 3px 5px #777;
}

.ui-autocomplete > li {
	padding: 2px;
}

.ui-autocomplete > li:hover {
	background-color: #ccc;
}

#register-after, #create-after {
	margin: 20px 0px;
	padding: 10px;
	color: white;
	text-align: center;
	background-color: orange;
}

#create-after {
	display: none;
}

#create-after span {
	position: absolute;
	left: 50%;
	bottom: 53px;
	margin: 0px 0px 0px -15px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid orange;
}

#or_box {
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #ddd;
}

#register-after span{
	position: absolute;
	left: 50%;
	bottom: 47px;
	margin: 0px 0px 0px -15px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid orange;
}

.register_button {
	margin: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.register_button a {
	padding: 5px 10px !important;
	font-size: 1.2em;
	background-color: #ff8c00;
}

.requried {
	background-color: #b22222 !important;
}

#header-desc {
	float: left;
	margin-top: 4.5em;
}

#createtag dd {
	margin: 5px 0px 5px 0px;
}

.pass {
	color: #02aa26;
	font-weight: bold;
}

#group-error {
	min-height: 30px;
}

.application {
	cursor: pointer;
}

.application_list {
	display: none !important;
}

.application_wrap {
	font-size: 1.6em;
	padding: 5px 0px;
	color: #ffffff;
	background-color: #113b63;
}

.application_info {
	margin: 10px;
	
}

.apply-button {
	width: 180px;
	text-align: center;
}

.apply-button a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #5f9ea0;
}

.apply_info {
	display: none !important;
}

#apply_textarea {
	width: 100%;
	height: 150px;
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #c0c0c0;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", "Muli" , sans-serif;
}

#disable {
	cursor: not-allowed;
	background-color: #ccc;	
}

.all-button, .all-button a {
	display: inline-block;
	margin: 5px 0px;
	line-height: 2.5em;
	vertical-align: middle;
}

.all-button a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 10px;
	background-color: #336699;
}

#join-button {    
    display: block;
    color: white;
	height: 2.5em;
    padding: 0px 10px;
	border: 0px solid white;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	background-color: transparent;
}

#tags, #findgroup {
	margin: 5px;
	float: right;
	display: none;
}

.posting-help > div:nth-child(1):before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0px 5px;
	border-radius: 50%;
	background-color: #b22222;
}

.posting-help > div:nth-child(2):before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0px 5px;
	border-radius: 50%;
	background-color: #5f9ea0;
} 

#backoption2 {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}

#backoption2 span {
    position: absolute;
    top: 10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid white;
}

#backoption2 a {
	display: block;
	color: white;
	width: 8.5em;
	font-size: 1.8em;
	line-height: 2.2em;
	padding: 0px 10px;
	background-color: #4682b4;
}

#backoption2 b {
	margin-left: 20px;
	font-weight: 400;
}

#backoption {
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: fixed;
	left: 0px;
	top: 60px;
	padding-right: 15px;
	min-width: 15px;
	height: 40px;
	border: 1px solid #ccc;
	border-left: 0px;
	background-color: #eee;
	z-index: 10;
}

#backoption span {
	position: absolute;
	top: 10px;
	left: 8px;
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #555;
}

#backoption > a {
	display: block;
	width: auto;
	height: 40px;
}

#backoption b {
	display: none;
	margin-left: 30px;
	line-height: 39px;	
	color: #555;
	font-size: 1em;
	font-weight: 400;
	text-align: center;
}

#moderator-cp a {
	display: block;
	padding: 2px 5px 2px 5px;
	color: white;
	width: 158px;
	background-color: #113B63;
}

#contributor {
	display: inline-block;
	position: relative;
	font-size: 1.1em;
	width: 40%;
	height: 280px;
	text-align: center;
	padding-top: 10px;
	border-right: 3px solid white;
	box-sizing: border-box;
	background-color: #f5f5f5;
}

#contributor img {
	display: inline-block;
	height: auto;
	width: 130px;
	margin: 0px 5px;
	border: 2px solid #ffffff;
	background-color: rgb(245, 245, 245);
}
#contributor-about {
	display: inline-block;
	width: 59%;
	padding: 0px 10px;
	vertical-align: top;
	height: 263px;
	box-sizing: border-box;
	background-color: #f5f5f5;
}

#contributor-about h4 {
	color: #336699;
	padding: 10px 0px;
	font-size: 1.4em;
	font-weight: 400;
}

#contributor h2 {
	display: block;
	vertical-align: top;
	color: #336699;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

#contributor-info {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

#more-info {
	height: 185px;
	padding: 10px;
	overflow: auto;
	background-color: white;
}

#contribtuor-wrap {
	background-color: #f5f5f5;
}

#contributor-info > ul li {
	font-size: 1.3em;
}

#contributor-info ul {
	display: inline-block;
	vertical-align: top;
}

#contributor-total {
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-size: 1.3em;
	padding: 5px 0px;
	background-color: #ddd;
}

#contributor-total > div {
	display: inline-block;
	padding: 0px 2px 0px 2px;
}

#contributor-total > div > a:nth-child(1):before {
	content: '\f130';
	font-family: FontAwesome;
	padding: 5px;
}

#contributor-total > div:nth-child(2):before {
	content: "\f00b";
	font-family: FontAwesome;
	padding: 5px;
}

#contributor-total > div:nth-child(3) > a:before {
	content: "\f008";
	font-family: FontAwesome;
	padding: 5px;
}

#contributor-total > div:nth-child(4) > a:before {
	content: "\f0f6";
	font-family: FontAwesome;
	padding: 5px;
}

#contributor-total > div > a:link {
	color: #666;
}

#contributor-info > dl {
	width: 80px;
	display: inline-block;
	font-size: 1.3em;
}

#contributor-info > dl dt, #contributor-info > dl dd {
	text-align: center;
	margin: 3px 5px;
}

#contributor-info > dl dt {
	border-bottom: 1px solid #ccc;
}

#group-info h2 {
	margin: 0px 5px;
	border-bottom: 1px solid #ddd;
	padding: 10px 0px;
}

#group-info p {
	margin: 10px 5px 0px 5px;
}

#new-message {
	color: #FFFFFF;
	top: 15px;
	left: 0px;
	position: relative;
	padding: 5px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 3px 3px 10px #333333;
	background-color: #618F7F;
}

.activetab {
	border-bottom: 1px solid white;
}

.first, .pagetitle {
	margin-bottom: 0.3em;
	font-size: 1.8em;
}

.first > a {
	cursor: text;
}

.pagetitle {
	text-align: center;
}

.rep_comment {
	clear: left;
	border-top: 1px solid #cccccc;
}

.rep_comment dl {
	clear: left;
	border-bottom: 1px dotted #cccccc;
}

.rep_comment dd, .rep_comment dt {
	float: left;
	margin: 0px 10px 0px 10px;
}

.rep_comment dt {
	font-weight: bold;
}

#progressbar {
	position: relative;
	margin-top: -35px;
	width: 0%;
	height: 35px;
	text-align: center;
	background-color: deepskyblue;
}

#statustxt {
	position: relative;
	z-index: 1;
	text-align: center;
	margin-top: -35px;
}

#apply-forum, #apply-group, #apply-teacher {
	width: 393px;
	border: 1px solid #b4bac0;
}

#step1, #step2 {
	font-size: 1.1em;
}

#step2 {
	display: none;
}

#apply_picture input {
	opacity: 0;
	cursor: pointer;
	position: relative;
	margin-top: -70px;
}

#fake_apply_picture {
	display: block;
	color: #aaa;
	padding: 0px 5px;
	line-height: 34px;
	border: 1px solid #c0c0c0;
}

#step1 b, #step2 b {
	display: block;
	color: white;
	padding: 5px 10px;
	margin: 10px 0px;
	background-color: #aaa;
}

#step1 p, #step2 p {
	margin: 10px 0px;
}

#step1 p > b > span {
	text-decoration: underline;
}

.step_error {
	border-color: red;
}

#next_step_button, .submit-buttons {
	margin: 10px 0px;
	text-align: center;
}

.taglist {
	display: inline-block;
}

.taglist a {
	color: #eee !important;
	text-align: center;
	margin: 1px 1px 0px 0px;
	height: 1.4em;
	line-height: 1.4em;
	padding: 1px 5px 3px 5px;
	background-color: #4682b4;
}

#datepicker1, #datepicker2, #timepicker1, #timepicker2 {
	width: 70px;
}

.timefield dd label {
	font-weight: bold;
}

.social-icon-wrap {
	margin: 5px 0px;
	text-align: center;
}

.all-social-icon {
	display: inline-block;
	vertical-align: middle;
}

.all-social-icon a {
	color: white;
}

.all-social-icon li {
	float: left;
	vertical-align: top;
	margin: 1px;
}

.all-social-icon b {
	font-weight: 400;
}

.facebook-icon, .twitter-icon, .google-icon, .email-icon2, .linkshare, .whatsapp-icon, .sms > a {
	color: white;
	display: inline-block;
	width: 6.5em;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
}

.facebook-icon:before, .twitter-icon:before, .google-icon:before, .whatsapp-icon:before {
	font-family: fontawesome;
	font-size: 1.5em;	
}

.facebook-icon:before {
	content: "\f09a";
}

.twitter-icon:before {
	content: "\f099";
}

.google-icon:before {
	content: "\f0d5";
}

.whatsapp-icon:before {
	content: "\f232";
}

.facebook-icon {
	background-color: #3B5997;
}
.twitter-icon {
	background-color: #41B7D8;
}
.google-icon {
	background-color: #B53525;
}
.whatsapp-icon {
	background-color: #34af23;
}

.email-icon2, .linkshare, .sms {
	background-color: dodgerblue;
	cursor: pointer;
}

.linkshare, .sms {
	display: none;
}

#linkshare {
	display: none;
}

#linkshare textarea {
	width: 100%;
	padding: 5px;
	resize: none;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #ddd;
}

.line3 {
	border-top: 1px dotted #bbbbbb;
}

.line1, .line2 {
	width: auto;
	margin: 2px 0px 2px 0px;
	border-top: 1px dotted #bbbbbb;
}

.line2 {
	width: 250px;
}

.upload-attach {
	background-color: white;
	padding: 5px;
} 

.upload-attach dt, .upload-attach dd {
	display: inline-block;
	line-height: 2em;
	padding: 0px 5px;
}

.upload-attach dt {
	background-color: #f1f1f1;
}

.rate-up:before, .rate-down:before, .attach-file:before, #homeicon a:before, #backtop div:before, .down_arrow:after, .up_arrow:after {
	font-family: FontAwesome;
}

.calendar {
	display: block;
	width: auto;
}

/*---------------------- content -------------------------- */
#content-body {
	min-height: 400px;
}
/*---------------------- new-topic and edit-topic ---------------------*/
#postform {
	font-size: 1em;
}

#postform dt {
	float: none;
	width: auto;
}

#postform dd {
	margin-left: auto;
	margin-right: auto;
	margin: 0px;
}

#post_title {
	margin: 0px 0px 5px 0px;
}

.post_select {
	display: inline-block;
	height: auto;
	padding: 2px 0px;
	vertical-align: top;
}

.post_select select {
	font-size: 1em;
	width: 24em;
	padding: 5px;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, "AppleGothic", "Avant Garde", Avantgarde, sans-serif;
}

#remove_lecture_wrap {
	position: relative;
}

.post_error, #post_error {
	border: 1px solid red !important;
}

.tipbox, .tipbox2 {
	display: none;
	width: 100%;
	font-size: 1em;
	color: white;
	padding: 5px;
	margin-top: 10px;
	background-color: #333;
    box-sizing: border-box;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding; 
	background-clip: padding-box;	
}
.tipbox p, .tipbox2 p {
	color: yellow;
	margin: 0px;
}

.tipbox p > b, .tipbox2 p > b {
	color: red;
	font-weight: 400;
}

.tipbox > b, .tipbox2 > b {
	text-decoration: underline;
}

.tipbox span, .tipbox2 span {
	position: absolute;
	width: 0; 
	height: 0;
	margin: -15px 0px 0px 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #333;
}

.tipbox3 {
	display: none;
	background-color: #333;
	color: white;
	line-height: 1.8em;
	vertical-align: middle;
	margin-top: 10px;
	padding: 0px 10px;
}

.tipbox3 span {
	position: absolute;
	margin-top: -8px;
	right: 60px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #333;
}

.select_tipbox {
	width: 24em;
	text-align: left;
}

#helptip {
	float: right;
	cursor: pointer;
	display: block;
	height: 40px;
	width: 40px;
	color: white;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	right: 5px;
}

#helptip > div {
	display: block;
	position: relative;
	cursor: pointer;
	width: 100px;
	right: 120px;
	padding: 5px;
	bottom: 57px;
	cursor: pointer;
	background-color: orange;
	box-shadow: -2px 2px 6px #555;
}

#helptip > div:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: orange;
	border-width: 10px;
	margin-top: -10px;
}

#helptip:before {
	content: "\f059";
	font-family: FontAwesome;
	position: relative;
	top: 5px;
	color: orange;
	font-size: 2.8em;
}

#helptip2 {
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 1.5em;
	cursor: pointer;
}

#helptip2 b {
	display: block;
	color: white;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.7em;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    border-radius: 50%;
	border: 2px solid white;
    background-color: #ff8c00;
}

#inputmath {
	display: none;
	font-size: 0.8em;
}

/*-------------------- select subject box -----------------------*/
.select_tag div {
	cursor: pointer;
}

.select_tag {
	width: 24em;
	text-align: left;
}

.subject_menu {
	z-index: 1;
	background-color: white;
}

.subject_field, .subject_menu div {
	color: #888888;
	margin: 0px;
	padding: 3px;
}

#second_subject {
	display: block;
	margin: 30px 0px 0px 0px;
	background-color: white;
}

.subject_menu {
	position: absolute;
	display: none;
	width: 24em;
	z-index: 2;
	box-shadow: 0px 1px 3px #333;
	background-color: white;
}

.subject_field {
	display: block;
	padding: 5px;
	border: 1px solid #b4bac0;
	background-color: white;
}

.subject_remove {
	display: none;
	float: right;
	color: white;
	text-align: center;
	line-height: 31px;
	width: 2em;
	background-color: #b4bac0;
}

#remove_lecture_date {
	display: none;
    position: absolute;
    right: 0px;
	width: 2em;
	line-height: 33px;
	cursor: pointer;
	color: white;
	text-align: center;
	background-color: #b4bac0; 
}

.parent:after {
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
	margin: 3px;
}

.subject_back {
	background-color: #eee;	
}

.subject_back:before {
	content: "\f060";
	font-family: FontAwesome;
	margin: 0px 5px;
}

.showparent {
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 24em;
	padding: 0px !important;
	box-shadow: 1px 1px 3px #333;
	background: white;
}

.subject_menu div:hover {
	color: dodgerblue !important;
	/*background-color: dodgerblue !important;*/
}

#lecture-time {
	color: #888888;
	width: 23em;
	margin: 0px;
	padding: 6px;
	border: 1px solid #b4bac0;
	background-color: white;
}
/*------------------------ subscribe option / email share-------------------------*/
#subscribe-option-b b {
	display: inline-block;
	width: 6.5em;
	height: 2.5em;
	line-height: 2.5em;
	padding: 0px 3px;
	color: white;
	cursor: pointer;
	text-align: center;
	font-weight: 300;
	background-color: #336699;
}

.sub-check {
	display: inline-block;
	color: #81a7cc;
	width: 1.1em;
	height: 2.5em;
	line-height: 2.5em;
	vertical-align: inherit;
	text-align: center;
}

.sub-check::after {
	content: "\2713";
}

#subscribe-option, #emailshare {
	display: none;
	color: #888888;
	width: 270px;
	padding: 10px;
	background-color: #f1f1f1;
}

#subscribe-option h4, #emailshare h4 {
	color: #336699;
	font-size: 2.3em;
	font-weight: 400;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	text-align: center;
	margin: 0px 0px 10px 0px;
}

#subscribe-option p, #emailshare p {
	font-size: 1.5em;
	margin: 5px;
}

#emailshare p b {
	margin: 0px 5px;
}

#emailshare-thank {
	padding: 5px 10px;
	background-color: white;
}

#subscribe-option p a {
	color: #81a7cc;
	text-decoration: underline;
}

#subscribe-option b {
	padding: 5px;
	font-size: 1.5em;
	font-weight: 400;
	vertical-align: middle;
}

.update-one, .update-two, .remove-one {
	display: none;
}

#update-remove, #tabopt-update-remove {
	padding: 10px 0px;
	background-color: white;
}

#update-remove > p {
	font-size: 1.8em;
}

#update, #remove, #update1, #remove1 {
	display: inline-block;
	color: white;
	width: 6em;
	line-height: 2em;
	cursor: pointer;
}

#update, #update1 {
	background-color: #336699;
}

#remove, #remove1 {
	background-color: crimson;
}

#tabopt b {
	font-size: 1em;
	font-weight: 400;
	margin: 0px 10px;
}

#tabopt-update-remove, .tabopt-select-alert, .tabopt-change-alert, .tabopt-get-alert, .tabopt-remove-alert, #tabopt-subscribe-thank, #tabopt-confirm, #tabopt-confirm-remove, #tabopt-confirm-change, #tabopt-confirm-add {
	display: none;
}

#tabopt-confirm p {
	font-size: 1em !important;
}

#tabopt-confirm-remove, #tabopt-confirm-change, #tabopt-confirm-add {
	font-size: 1.2em;
}

#tabopt-confirm strong {
	margin: 0px 5px;
}

#tabopt-no, .tabopt-remove-alert {
	background-color: crimson !important;
}

#subscribe-option div {
	text-align: center;
	vertical-align: middle;
}

.subscribe-option-select {
	margin: 0px 10px;
	padding: 10px 0px;
	background-color: #f1f1f1;	
}

#subscribe-option form strong {
	text-decoration: underline;
}

#subscribe-option [readonly=readonly], #subscribe-option form[name=changealert], #emailshare-thank {
	display: none;
}

#subscribe-option form {
	text-align: center;
}

#subscribe-when {
	padding-top: 10px;
	border: 1px solid #e5e5e5;
	background-color: white;
}

#change-alert-form, #remove-alert-form, #subscribe-thank {
	display: none;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	background-color: white;
}

#update, #remove {
	color: white;
	padding: 0px;
	font-size: 1.5em;
}

#change-alert, #get-alert, #change-alert-next {
	font-size: 1.5em;
	line-height: 2em;
	height: 2em;
	margin: 10px 0px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	background-color: #336699;
}

#remove-alert, #subscribe-back, #subscribe-back2 {
	font-size: 1.5em;
	margin-top: 10px 0px;
	line-height: 2em;
	padding-right: 10px;
	padding-left: 10px;	
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	background-color: #b22222;
}

#subscribe-option select {
	color: white;
	font-size: 1.5em;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	vertical-align: auto;
	border: 2px solid #8fbc8f;
	background-color: #8fbc8f;
}

#tabopt select {
	color: white;
	font-size: 1em;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	padding: 3px 8px;
	border: 2px solid #8fbc8f;
	background-color: #8fbc8f;
}

.alert-button {
	color: white;
	font-size: 1.5em;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	margin: 5px 0px;
	padding: 0px 10px;
	line-height: 2em;
	border: 0px solid white;
}

#emailshare dl {
	margin: 5px 0px;
	font-size: 1.5em;
}

#emailshare dd input, #emailshare dd div[name=usermessage] {
	color: #444444;
	width: 100%;
	cursor: text;
    box-sizing: border-box;
}

#usermessage {
	color: #444444;
	height: 200px;
	padding: 5px;
	overflow: auto;
	word-wrap: break-word;
	border: 1px solid #dddddd;
	background-color: white;
}

#emailshare label {
	color: #888888;
}

#emailshare select {
    color: white;
	width: auto;
    font-size: 1.2em;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    padding: 5px 10px;
    border: 0px solid white;
    background-color: #8fbc8f;
}

#emailshare-input > div {
	font-size: 1.5em;
	text-align: center;
}

#ltr_rtl {
	display: inline-block;
	color: #666;
	padding: 2px 5px;
	margin: 2px 0px;
	cursor: pointer;
	font-size: 1.2em;
}

#ltr_rtl input[type=radio] {
	display: none;
}

#ltr_rtl label {
	cursor: pointer;
	padding: 0px 10px;
	background-color: white;
}

.current_format {
	border: 1px solid orange;
}
/*------------------------ subscribe -------------------------*/
#subscribe-list {
	color: white;
	padding: 5px 10px;
	background-color: #bbb;
}

#subscribe-list ul li ul, #subscribe-list ul li {
	display: none;
}

#subscribe-list ul li:hover ul, #subscribe-list ul:hover li {
	display: block;
}
/*------------------------ subscribe box -------------------------*/
#small-menu {
	margin: 5px 10px 10px 10px;
}

#small-menu a {
	color: #555;
	display: block;
	padding: 10px 5px;
	text-decoration: none;
}

#small-menu > ul > li {
	font-size: 1.2em;
	margin: 2px 0px;
	border-top: 1px solid #ddd;
}

#small-menu > ul > li:nth-last-child(1){
	border-bottom: 1px solid #ddd;
}

#small-menu > ul > li:nth-last-child(1) > div {
	color: #555;
	cursor: pointer;
	padding: 10px 5px;
}

#small-menu > ul > li:nth-last-child(1) > div > a {
	padding: 0px;
}

#subscribe-dialog-open a {
	color: #fff;
	text-decoration: none;
}

#subscribe-dialog {
	width: auto;
	height: auto;
}

.current-tab {
	color: white;
	background-color: #336699 !important;
}

.current-tab > li:hover {
	background-color: #aaa;
}

.current-select {
	background-color: #eeeeee;
}

.helptip_alert_border1, .helptip_alert_border2 {
	border: 2px solid #f1f1f1;
}

.helptip_alert, .helptip_alert2 {
	display: none;
	color: white;
	font-size: 1.5em;
	padding: 10px;
	margin: 10px 2px;
	background-color: orange;
}

.helptip_alert2 {
	background-color: #1e90ff;
}

.helptip_alert div, .helptip_alert2 div {
	position: absolute;
	margin-top: -19px;
	border-right: 10px solid transparent;
	border-bottom: 10px solid orange;
	border-left: 10px solid transparent;
}

.helptip_alert2 div {
	border-bottom: 10px solid #1e90ff;
}

.helptip_alert b, .helptip_alert2 b {
	padding: 0px 5px 0px 0px;
}

#tabopt {
	font-size: 1.5em;
	text-align: center;
	padding: 20px 0px;
	background: white;
}

#tabopt input {
	margin-top: 10px;
}

#tabwrap1 > div, #tabwrap2 > div, #tabwrap3 > div {
	text-align: center;
	font-size: 1.5em;
	height: 30px;
	line-height: 30px;
	background-color: #ddd;
}

#tabwrap2 > div, #tabwrap3 > div, .hide, .hide_audio {
	display: none;
}

.show {
	display: block;
}

.tab_previous1, .tab_previous2, .tab_previous3 { 
	cursor: pointer;
	position: absolute;
	left: 40px;
	margin-top: 5px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #aaa;
}

.tab_next1, .tab_next2, .tab_next3 {
	cursor: pointer;
	position: absolute;
	right: 40px;
	margin-top: 5px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #aaa;
}

#subscribe-dialog #tabopt li {
	padding: 0px 2px 0px 2px;
	line-height: 1.5em;
	background-color: transparent;
}

#subscribe-dialog #tab2, #subscribe-dialog #tab3 {
	display: none;
}

#subscribe-dialog #tab1, #subscribe-dialog #tab2, #subscribe-dialog #tab3 {
	clear: both;
	font-size: 1.5em;
	height: 200px;
	width: auto;
	overflow: auto;
	padding: 5px 0px;
	background-color: white;
}

#subscribe-dialog #tab1 li, #subscribe-dialog #tab2 li, #subscribe-dialog #tab3 li {
	cursor: pointer;
	padding: 5px;
	margin: 0px 10px;
	border-bottom: 1px solid #eee;
}

#tab1 > li > div:nth-child(1), #tab2 > li > div:nth-child(1), #tab3 > li > div:nth-child(1) {
	display: inline-block;
	width: 80%;
}

#tab1 > li > div:nth-child(2), #tab2 > li > div:nth-child(2), #tab3 > li > div:nth-child(2) {
	display: inline-block;
	color: white;
	width: 20%;
	font-size: 0.8em;
	text-align: center;
	line-height: 1.5em;
	vertical-align: top;
	background-color: #8fbc8f;
}

#subscribe-dialog {
	color: #888888;
}

#subscribe-tab {
	font-size: 1.5em;
	text-align: center;
}

#subscribe-tab div {
	display: inline-block;
	width: 32%;
	cursor: pointer;
	text-align: center;
	line-height: 2em;
	font-weight: 300;
	background-color: #dddddd;
}

#subscribe-dialog-submit {
	display: none;
	width: 400px;
	padding: 10px;
	background-color: #f1f1f1;
}

#subscribe-dialog-submit h3 {
	font-size: 2.5em;
	color: #336699;
	margin: 0px 0px 10px 0px;
}

#subscribe-dialog-submit p {
	font-size: 1.5em;
	color: #888888;
	margin: 10px 0px;
}

#subscribe-dialog-submit > p > a {
	color: #81a7cc;
}

#sdsbutton {
	border-color: #0075b0;
}
/*--------------- edituser.html ----------------*/
#manage_menu, #tabs2 {
	color: #666666;
	text-align: center;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, "AppleGothic", "Avant Garde", Avantgarde, sans-serif;
	background-color: #eeeeee;
}

#manage_menu div, #manage_menu select, #tabs2 div, #tabs2 select {
	display: inline-block;
	font-size: 1.2em;
	margin: 0px 5px;
	vertical-align: middle;
}

#manage_menu select, #tabs2 select {
	color: white;
	padding: 5px 10px;
	border: 0px solid white;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, "AppleGothic", "Avant Garde", Avantgarde, sans-serif;
	background-color: #8fbc8f;
}

#manage_info {
	font-size: 1.3em;
}

#manage_info, #manage1, #manage2, #manage3, #manage4, #manage5 {
	text-align: center;
	min-height: 200px;
}

.all_users {
	display: inline-block;
}

div.user_list1:hover {
	background-color: #eee;
}

.user_list_header > div, .user_list1 > div, .user_list_header2 > div, .user_list2 > div {
	display: inline-block;
	padding: 5px;
	margin: 2px -1px;
	width: 150px;
	text-align: center;
}

.user_list_header > div, .user_list_header2 > div {
	color: #ffffff;
	background-color: #1e90ff;
}

.user_list1 > div:nth-child(2), .user_list_header > div:nth-child(2){
	text-align: center;
	width: 130px;
}

.user_list1 > div:nth-child(3), .user_list_header > div:nth-child(3){
	width: 250px;
}

.user_list1 > div:nth-child(4), .user_list_header > div:nth-child(4){
	width: auto;
	cursor: pointer;
}

.user_list_arrow {
	display: block;
	position: relative;
	top: 5px;
	left: 0px;
	width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #cccccc;
}

.user_list_arrow2 {
	display: block;
	position: relative;
	top: 5px;
	left: 0px;
	width: 0px;
	height: 0px;
	border-bottom: 5px solid transparent;
	border-right: 5px solid #cccccc;
	border-top: 5px solid transparent;
}

.user_list_arrow3 {
	display: block;
	position: relative;
	top: 5px;
	left: 0px;
	width: 0px;
	height: 0px;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #cccccc;
	border-top: 5px solid transparent;
}

.user_list1 > div:nth-child(5) {
	display: none;
	width: auto;
	margin: 0 auto;
	padding-bottom: 10px;
}

.user_list_hl {
	background-color: #cccccc;
}

.user_list_option a {
	display: inline-block;
	color: white;
	width: 8em;
	line-height: 2em;
}

.user_list_option > a:nth-child(1){
	background-color: #b22222;
}

.user_list_option > a:nth-child(2){
	background-color: #5f9ea0;
}

/*--------------- file-icons and topic-info ----------------*/
.topic-info {
	padding-top: 0px;
}

.file-icon-list {
	float: right;
}

.file-icon-list > div{
	display: inline-block;
	margin: 0px 1px;
	vertical-align: top;
}

.file-topic-wrap {
	min-height: 25px;
	padding: 2px;
	display: block;
	background-color: #F0F0F0;
}

.file-info {
	display: none;
	position: relative;
	padding: 5px;
	z-index: -1;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
}

.download-button {
	padding: 0px;
}

.view {
	display: none;
}

.open-audio, .open-video {
	cursor: pointer;
	display: inline-block;
}

#new-topic-button2 a {
	background-color: #ffcc66;
	color: #336699;
}

#new-topic-button2 a:hover, .menu a:hover {
	text-decoration: none;
	background-color: #113B63;
}

#current-tab a {
	background-color: #113B63;
}
/*----------------------- filter -----------------------*/
#filter {
	height: 30px;
	overflow: hidden;
	font-size: 1.1em;
	background-color: transparent;
}

#sort-content {
	position: relative;
}

#filter-button, #filter-sort-info {
	display: inline-block;
	color: white;
	padding: 0px 10px;
	text-align: center;
	font-weight: 300;
	line-height: 25px;
	cursor: pointer;
	background-color: #1e90ff;
}

#filter-sort-info {
	background-color: orange;
}

#filter-sort-info > a {
	color: chocolate;
	padding: 0px 0px 0px 5px;
}

#filter-wrap {
	display: none;
	width: auto;
	height: 160px;
	overflow-x: auto;
	white-space: nowrap;
}

#filter-wrap b {
	display: block;
	padding: 5px;
}

#filter-wrap > div {
	display: inline-block;
	height: 10em;
	width: 7em;
	cursor: pointer;
	text-align: center;
	vertical-align: top;
	background: #eee;
}

#filter-wrap > div > a {
	display: block;
	color: #666;
	height: 22px;
	line-height: 22px;
}

#filter-wrap > div > a:hover {
	background-color: #f1f1f1;
}
/*----------------------- login-box & register -----------------------*/
#login-box {
	height: auto;
	width: 400px;
	font-size: 1.5em;
	display: none;
	background-color: #113B63;
}

#login-box input[type=submit] {
	display: inline-block;
	color: white;
	margin: 15px 10px;
	cursor: pointer;
	font-weight: 300;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}

#login-box > form {
	width: 275px;
	display: table-cell;
	padding-top: 5px;
	vertical-align: top;
}

#login-box > div {
	display: table-cell;
	color: #81a7cc;
	width: 125px;
	height: 100%;
	vertical-align: middle;
	border-left: 2px solid #336699;
	background: #1A4D80;
}

#login-box > div > p {
	margin: 5px;
	text-align: center;
}

#login-box > div > a {
	display: block;
	color: white;
	padding: 7px 0px;
	margin: 13px 10px;
	text-align: center;
	background-color: #ff8c00;
}

#login-box dt label {
	color: white;
}

#login-box dl {
	margin: 5px 15px 0px 15px;
}

#login-box dl:nth-child(3) {
	margin: 0px;
	padding: 0px;
}

#login-box dl:nth-child(3) dd {
	margin: 10px 0px 0px 0px;
	background-color: #336699;
}

#login-box input[name=username], #login-box input[name="password"] {
	color: #888;
	width: 100%;
}

#login-box fieldset dt, #login-box fieldset dd {
	width: auto;
	float: none;
}

#login-box fieldset dd {
	margin-left: 0px;
}

.logbutton a, .logbutton span, .logbutton2 {
	display: block;
	font-size: 1em;
	color: #FFFFFF;
	cursor: pointer;
	text-align: center;
	line-height: 1.5em;
	width: 4em;
	text-decoration: none;
	border: 0px solid #0075b0;
	background-color: #4682b4;
}

.logbutton a:hover, .logbutton span:hover, .logbutton2:hover, #login-box div a:hover {
	background-color: #2A4E6C;
}

#login-box p {
	margin: 10px 15px 0px 15px;
}

#login-box a, #autologin_main {
	color: #81a7cc;
}

#autologin_main {
  float: right;
  display: inline-block;
  font-size: .9em;
  line-height: 58px;
  margin: 0px 2% 0px 0px;
}

#autologin_main input {
	-webkit-appearance: checkbox;
}

.form_info, .form_info2 {
	margin: 30px 0px;
	padding: 10px;
	border: 1px solid #e5e5e5;
	background-color: #f5f5f5;
}

.form_info > span, .form_info2 > span {
	display: inline-block;
	color: #ffffff;
	cursor: default;
	position: relative;
	top: -20px;
	padding: 0px 10px;
	line-height: 2em;
	background-color: #5f9ea0;
}

.form_info_list {
	overflow-x: auto;
	white-space: nowrap;
	width: auto;
}

.loginform {
	margin: 5px 0px;
	padding: 10px 0px;
	background-color: #f1f1f1;
}

/*------------------- list-box ------------------*/
.list-box {
	margin: 5px 0px 5px 0px;
}

.list-box h3 {
	margin-bottom: 5px;
}

.list-box dt {
	float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 200px;
	overflow: hidden;
}

.list-box dd {
	border-bottom: 1px solid #dddddd;
	margin-bottom: 3px;
	margin-left: auto;
	text-align: right;
}
/*--------------------- topic rep icon ---------------------*/
.rep-icon {
	float: right;
}

.rep-icon img {
	width: 20px;
}

#topic-icons {
	display: none;
	height: auto;
	left: 0px;
	top: 200px;
	position: absolute;
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	box-shadow: 2px 2px 4px #333;
	background-color: #dddddd;
}

#topic-icons li {
	width: 40px;
	height: 40px;
	padding: 0px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #aaaaaa;
}

#topic-icons ul {
	left: 30px;
	top: 60px;
	z-index: 10;
	display: none;
	position: absolute;
	border: 1px solid #aaaaaa;
	background-color: #dddddd;
	box-shadow: 2px 2px 4px #333;
}

#topic-icons ul li {
	width: 80px;
	height: 20px;
	line-height: 20px;
	border: 0px solid transparent;
	margin: 0px 0px 0px 5px;
}

#topic-icons li:hover ul {
	display: block;
}

#topic-icons a {
	display: block;
	height: 40px;
	width: 40px;
}
/*------------------- viewtopic and topic-option ------------------*/
.viewtopic-rate {
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 1.5em;
	padding: 3px;
	border-top-width: 0px;
	border-right-width: 0px;
	background-color: #e5e5e5;
}

.viewtopic-rate div, .viewtopic-rate a {
	display: inline-block;
	vertical-align: middle;
}

.rate-num, .rate-up:before, .rate-down:before {
	color: #888;
	padding: 5px;
}

.rate-up:before {
	content: "\f087";
}

.rate-down:before {
	content: "\f088";
}

.edit-post {
	display: inline-block;
	font-size: .8em;
	color: #272727;
	margin: 25px 0px 0px 0px;
	opacity: .5;
	filter: alpha(opacity=50);
	cursor: pointer;
}

.edit-post a {
	padding: 5px;
}

.edit-post li {
	display: inline-block;
}

.edit-post li ul li {
	width: 120px;
	padding: 2px;
	text-align: center;
	color: white;
	border-bottom: 2px groove #669acc;
	background-color: #336699;
}

.edit-post li ul li a {
	color: white;
}

.edit-post b {
	font-weight: 400;
}

.option-delete-topic {
	border: 0px solid white;
	background-color: transparent;
	color: #113b63;
}

input.option-delete-topic:hover {
	text-decoration: underline;
	color: #336699;
}
/*---------------- listing -----------------*/
.listing1 li, .listing3 li {
	display: inline-block;
	height: 100px;
	line-height: 100px;
	padding: 5px 0px;
	margin: 1px 1px 0px 0px;
	vertical-align: top;
	text-align: center;
	background-color: #eee;
}

.listing1 > ul > li > div:nth-child(3), .listing3 > ul > li > div:nth-child(3) {
	border-top-color: #eeeeee;
}

.listing1 li {
	width: 19.5%;
}

.listing1 span, .listing3 span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.listing1 b, .listing3 b {
	display: block;
	color: darkgray;
	width: 100%;
}

.listing3 li {
	width: 22%;
	height: 150px;
	line-height: 150px;
	padding: 0px 5px;
}

.listing2 {
	display: inline-block;
	width: 33%;
	margin: 1px 1px 0px 0px;
	font-size: 1.3em;
	line-height: 70px;
	text-align: center;
	background-color: #eee;
}

a.listing2:hover, .listing1 li:hover a, .listing3 li:hover a {
	color: white;
}

a.listing2:hover, .listing1 li:hover, .listing3 li:hover  {
	background-color: #0099ff;
}

.edit_list {
	text-align: left;
	display: inline-block;
}

.edit_list > div {
	padding: 5px;
	margin: 5px;
}

.edit_list > div > div {
	display: inline-block;
}

.user-img {
	display: inline-block;
	vertical-align: top;
	height: 66px;
	overflow: hidden;
}

.user-img div {
	height: 48px;
}

.user-img img {
	width: 55px;
	background-color: #F5F5F5;
}

.user-img img, .teacher-img img {
	height: auto;
	border: 2px solid #ffffff;
}

.user-img2 img {
	max-height: 150px;
	width: auto;
	float: left;
}

.user-list {
	display: inline-block;
	font-size: 1em;
	margin: 0px 5px;
	text-align: center;
	vertical-align: baseline;
}

.teacher-list {
	width: 200px;
	font-size: 1.3em;
	padding: 5px;
	margin-top: 5px;
	text-align: center;
	vertical-align: baseline;
	display: inline-block;
}

.user-list a, .teacher-list a {
	color: #0077cc;
}

.user-list dd b, .teacher-list dd b {
	font-weight: bold;
}

.user-list dd, .teacher-list dd {
	padding: 0px;
}

.teacher-list dd {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/*------------------- home-topic -----------------*/
.home-topic {
	padding: 2px 0px;
	line-height: 1.4em;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ccc;
}

.home-topic h2 {
	color: #003366;
	font-size: 1.7em;
	font-weight: 300;
	margin-top: .3em;
	margin-bottom: .3em;
	text-transform: capitalize;
}

.home-topic p {
	font-size: 1.1em;
}

.normal-user {
	background-color: initial;
}

#video-audio {
	width: 690px;
	margin-top: 10px;
}

.link-color2 a, .link-color a, .topic_info a {
	color: #1e90ff;
}

.link-color2, .link-color, .topic_info {
	display: inline-block;
	color: #737373;
	margin-top: 2px;
	vertical-align: top;
}

.link-color b, .topic_info b{
	margin: 0px 4px 0px 0px;
}

.link-color strong, .topic_info strong {
	display: none;
	font-size: 0.9em;
	padding: 2px 5px;
	border-radius: 5px;
	background-color: #dddddd;
}

.link-color2 li, .link-color li, .topic_info > div {
	margin-bottom: 2px;
}

.switch_open:after, .switch_close:after {
	position: relative;
	left: 50%;
	font-size: 1.2em;
	font-family: fontawesome;
}

.switch_open:after {
	content: "\f107";
}

.switch_close:after {
	content: "\f106";
}

.topic_info_switch {
	cursor: pointer;
}

.topic_info_switch > div {
	display: none;
}

.post-info {
	min-height: 30px;
}

.post-info div span br {
	display: none;
}

.home-text {
	clear: both;
	font-size: 1.3em;
	margin: 2px 0px 2px 0px;
	text-align: justify;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	color: #444;
	overflow: hidden;
}

.home-text object {
	display: none;
}

#sort-menu {
	float: right;
	color: white;
	cursor: pointer;
	margin: 5px 10px 0px 0px;
	background-color: #4682b4;
}

#sort-menu ul li {
	line-height: 24px;
	padding: 0px 10px 0px 10px;
	background-color: transparent;
}

#sort-menu ul li ul {
	display: none;
	position: absolute;
	background-color: #336699;
	padding: 2px;
	border-radius: 2px;
	box-shadow: 2px 2px 4px #333;
	margin: 0px 0px 0px -90px;
}

#sort-menu ul li ul li {
	width: auto;
	border-bottom: 2px groove #669acc;
}

#sort-menu a {
	display: block;
	color: white;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
}

.profile-left {
	float: left;
	margin: 5px;
	padding: 10px;
	width: 280px;
	height: auto;
	background-color: #f5f5f5;
}

.profile-left dt {
	color: #115098;
	border-bottom: 1px solid #dddddd;
	text-transform: uppercase;
	padding-bottom: 2px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}

.profile-left dd, .profile-left dl {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}

.link-ellipsis {
	float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 150px;
	overflow: hidden;
}

.link-ellipsis2 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.vline {
	float: left;
	height: 100px;
	width: 1px;
	margin: 70px 0px 0px 0px;
	border-left: 1px solid #aaaaaa;
}
/*-------------- member info -------------*/
.memberinfo dl {
	margin: 5px 0px 5px 0px;
}

.memberinfo dt {
	float: left;
	font-weight: bold;
}

.memberinfo dd {
	margin-left: 30%;
}

#memberinfo2 {
	padding: 30px 0px 0px 0px;
}

.join-button {
	float: right;
	width: 300px;
	height: 70px;
	border: 1px solid #dddddd;
	padding: 5px;
}

.join-button p {
	margin-bottom: 0px;
	line-height: 1em;
}

.group-left {
	float: left;
	width: 360px;
}

.group-right {
	float: right;
	width: 590px;
}

.group-right dd {
}
/*------- add-teacher / add-group -------*/
.uploadfile {
	cursor: pointer;
}

.add-item-input {
	cursor: text;
	width: 95%;
	border: 1px solid #b4bac0;
}

.add-item-text {
	width: 95%;
	height: 200px;
	border: 1px solid #b4bac0;
}

.add-item-input:hover, .add-item-text:hover {
	border-color: #11A3EA;
}

#teacherphoto img {
	width: 50px;
}

.edit-box-button {
	padding: 5px 10px 5px 10px;
	background-color: #5F9EA0;
	border: 0px;
	color: #ffffff;
	margin: 5px 5px 5px 5px;
	cursor: pointer;
}

.edit-box-button:hover {
	background-color: #113B63;
}

.box {
	display: none;
	margin: -70px 0px 0px 50px;
	position: absolute;
	background-color: white;
	width: 600px;
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 10;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 5px #333;
	padding: 5px 10px 5px 10px;
}

.collapse {
	position: relative;
}

.close {
	float: right;
	color: #ffffff;
	position: absolute;
	padding: 0px 10px 0px 10px;
	top: -26px;
	right: 5px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background-color: #336699;
	cursor: pointer;
	line-height: 27px;
}

.close:hover {
	background-color: #113B63;
}

.arrow1 {
	width: 0;
	height: 0;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-right: 18px solid #FFFFFF;
	position: absolute;
	left: -17px;
	top: 20px;
	z-index: 101;
}

.arrow1-border {
	width: 0;
	height: 0;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-right: 18px solid #cccccc;
	position: absolute;
	left: -19px;
	top: 20px;
	z-index: 100;
}
/*------------------------ edit-box -------------------------*/
.ui-dialog .ui-corner-all, .ui-corner-all {
	border-radius: 0px;
}

.ui-widget-header {
	background-image: none;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 2px 5px 2px 5px;
	background-color: #336699;
	color: #ffffff;
	border: 0px;
}

.ui-dialog .ui-dialog-title {
	font-weight: 400;
}

.ui-dialog {
	font-family: Helvetica, Arial, sans-serif;
}

.ui-dialog .ui-dialog-content {
	padding: 0.5em;
}

.ui-dialog .ui-dialog-titlebar-close {
	width: auto;
	height: auto;
}

.ui-widget-overlay {
	opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
	filter: Alpha(Opacity=50) !important;
	background-image: none;
	background-color: #252525 !important; /* This will make it darker */
}

/*-------------- taginput --------------*/
div.tagsinput {
	height: 100px;
	overflow-y: auto;
	padding: 3px;
	background: white;
	border: 1px solid #cccccc;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}

.taginputsize div {
	margin-bottom: 0px;
}

div.tagsinput span.tag {
	display: block;
	float: left;
	font-size: 1.1em;
	padding: 0px 5px;
	margin: 1px;
	line-height: 1.8em;
	text-decoration: none;
	color: #ffffff;
	font-family: helvetica;
	background: steelblue;
}

div.tagsinput span.tag a {
	color: aqua;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

div.tagsinput input {
	color: #555555;
	padding: 5px;
	width: 100% !important;	
	font-size: 1em;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, "AppleGothic", "Avant Garde", Avantgarde, sans-serif;
	border: 1px solid transparent;
	background: transparent;
	outline: 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;		
}

div.tagsinput div {
	margin-bottom: 0px;
	display: block;
}

.tagsinput:hover, #lecture-time:hover, #fake_fileupload:hover, #select_item:hover, #select_item2:hover, #select_item3:hover {
	border-color: #11A3EA;
}

.tagsinput:focus {
	border-color: #11A3EA;
	color: #4b4b4b;
}

.tags_clear {
	clear: both;
	width: 100%;
	height: 0px;
}

.not_valid {
	background: #FBD8DB !important;
	color: #90111A !important;
}

/*--------------------- faq-rule -----------------------*/
#faq-rule a {
	text-decoration: underline;
}

#faq-rule p {
	font-size: 1.1em;
}

#faq-rule h3 {
	margin-top: 40px;
}

#faq-rule b {
	color: #81a7cc;
	margin: 0px 5px;
}

#faq-rule dl, #faq-rule ul {
	font-size: 1.1em;
	margin: 10px 0px 0px 10px;
}

#faq-rule dd {
	margin: 5px 0px 20px 0px;
}

#faq-rule ul {
	list-style-type: square;
}

#faq-rule ul li {
	margin: 10px 20px;
}

#faq-rule-link {
	color: white;
	margin: 10px 0px;
	padding: 10px 10px;
	background-color: #336699;
}

#faq-rule-link a {
	color: aqua;
}

#input_underline {
	margin-top: 30px;
}

/*--------------- attach-file ---------------*/
.attach-panel {
	font-size: 1em;
	clear: both;
	padding: 5px;
}

.attach-file {
	display: block;
	font-size: 1em;
	width: 100%;
	vertical-align: top;
	text-align: center;
	box-sizing: border-box;
	padding: 15px 10px;
	background-color: #111111;
}

.attach-file:before {
  display: inline-block;
  color: #ccc;
  content: "\f019";
  text-decoration: none;
  vertical-align: middle;
  padding: 0px 5px;
}

.attach-file > div:nth-child(1) {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}

.attach-file a {
	direction: ltr !important;
}

.icon-audio-size {
	width: 41px;
	height: 41px;
}

.icon-audio-size p {
	display: inline-block;
	vertical-align: middle;
	max-width: 150px;
	/*margin-left: 3em;*/
}

.show-attachment {
	float: right;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	margin: 1px 10px 0px 10px;
	width: 30px;
	height: 23px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	background: url("styles/mystyle/theme/images/attach.png") no-repeat center;
	background-size: 15px 15px;
	background-color: #ffffff;
}

.vimeo, .youtube {
	display: inline-block;
	padding: 0px 5px;
	vertical-align: middle;
}

.attachbox dd {
	display: none;
}

.attachbox dt {
	border: 1px solid #ddd;
}

.show-attachment-title {
	color: #555;
	float: left;
	padding: 3px 10px 0px 10px;
}

.show-attachment-icon img {
	margin-bottom: -5px;
}

#style_file_input {
	color: #888888;
	height: 2px;
	border: 0px solid #ccc;
}

#style_file_input input {
	position: relative;
	cursor: pointer;
	height: 0px;
	width: 0%;
	padding: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
}

#fileupload_label {
	padding: 10px 0px;
}

#fileupload_label label {
	padding: 0px;
}

#fake_fileupload_name {
	position: relative;
	z-index: 1;
	color: #888;
	padding: 0px 10px;
	font-weight: 300;
}

#fake_fileupload {
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	border: 1px solid #cccccc;
	background-color: white;
}

#upload-add, #upload-wait {
	display: none;
	position: absolute;
	right: 13px;
	margin-top: -45px;
	line-height: 2.3em;
}

.delete_attach_ask {
	display: inline-block;
	background-color: #4682b4;
	color: white;
	padding: 0px 10px;
	cursor: pointer;
}

.delete_attach_option {
	display: none;
	position: absolute;
	width: 15em;
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
	box-shadow: 3px 3px 5px #ddd;
	background-color: white;
}

.delete_attach_option > p {
	margin: 0px;
}

.delete_attach_option > div, .delete_attach_option > input {
	display: inline-block;
}

.delete_attach_no {
	display: inline-block;
	color: white;
	cursor: pointer;
	margin-bottom: 0px !important;
	text-align: center;
	line-height: 1.5em;
	padding: 3px 10px;
	vertical-align: bottom;
	background-color: crimson;
}

.delete_attach_close {
	position: absolute;
	right: -10px;
	top: -10px;
	color: white;
	cursor: pointer;
	width: 19px;
	line-height: 19px;
	border-radius: 50%;
	border: 2px solid #aaa;
	background-color: #555;
}

/*------------- audio player ------------*/
.jp-audio {
	direction: ltr;
	width: 100%;
	padding-top: 5px;
	background-color: #222;
}

.audio-player-dialog {
	position: fixed;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	width: 0px;
	z-index: 10;
}

#control-button1 {
	display: inline-block;
	width: auto;
	padding: 0px 5px;
	box-sizing: border-box;
	vertical-align: middle;
}

.audio_stat {
	width: 100%;
	height: 2em;
	line-height: 2em;
	font-weight: 400;
	text-align: center;
	background-color: #333;
}

.slider-wrap {
	display: inline-block;
	width: 100px;
	vertical-align: middle;
}

.jp_audio_slider {
	position: relative;
	width: 100%;
	height: 7px;
	background-color: #333;
}

.ui-slider-handle {
	width: 10px;
	height: 25px;
	position: absolute;
	top: -9px;
	background-color: #eee;	
}

.jp-volume-bar {
	direction: ltr !important;
	display: block;
	height: 30px;
	width: 100%;
	background-color: #111;
}

.jp-volume-bar-value {
	color: #aaa;
	text-align: center;
	font-size: 0.8em;
	height: 30px;
	border-right: 1px solid white;
	background-color: #555;
}

a.jp-volume-bar b {
	position: relative;
	top: -25px;
	left: 5px;
	color: #999999;
	font-weight: 400;
}

.jp-progress {
	cursor: pointer;
	margin: 0px 5px 0px 5px;
	background-color: #111;
}

.jp-play, .jp-pause, .jp-stop, .close-audio {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 5px 2px;
	border-radius: 50%;
	border: 2px solid #eee;
	vertical-align: middle;
}

.close-audio {
	cursor: pointer;
	color: #eee;
	margin: 0px 5px;
	text-align: center;
	line-height: 3.4em;
	border-radius: 50%;
}

.close-audio:before {
	content: '\f00d';
	font-family: fontawesome;
	font-size: 2em;
}

.jp-play > div {
	left: 42%;
	top: 15px;
	width: 0;
	height: 0;
	border-left: 15px solid #eee;
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	position: relative;
}

.jp-pause > div {
	left: 36%;
	top: 15px;
	width: 5px;
	height: 20px;
	position: relative;
	border-left: 5px solid white;
	border-right: 5px solid white;
	background-color: inherit;
}

.jp-stop > div {
	left: 36%;
	top: 18px;	
	width: 15px;
	height: 15px;
	position: relative;
	background-color: #eee;
}

.jp-seek-bar {
	height: 50px;
	background-color: #444444;
}

.jp-play-bar {
	height: 50px;
	border-right: 5px solid aqua;
	background-color: #888888;
}

.jp-current-time {
	color: #eee;
	font-size: 1.3em;
	text-align: center;
	position: absolute;
	margin: 15px 10px 0px 10px;
}

.check_process {
	text-align: center;
	cursor: pointer;
	line-height: 3em;
	padding: 0px 10px;
	background-color: black;
}

.group_select {
	color: white;
	font-size: 1em;
	text-align: center;
}

.group_select div {
	display: inline-block;
	line-height: 2em;
	width: 10em;
	cursor: pointer;
	background-color: #336699;
}

.group_select li:hover {
	background-color: #193F77;
}

.out_group {
	display: none;
}

.current-tab {
	background-color: #193F77;
}
/*-------------- bottom --------------*/
#wrap-top {
	min-height: 100%;
	position: relative;
}

.bottom-bar {
	font-size: 1.4em;
	height: auto;
	bottom: 0;
	height: 2.4em;
	color: #fff;
	background-color: #193F77;
}

.bottom-bar ul {
	list-style: none;
	width: 100%;
	float: left;
}

.bottom-bar li {
	float: left;
	line-height: 2.4em;
}

.bottom-bar a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
}

.bottom-bar a:hover {
	background-color: #113B63;
}

#copyright {
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}

#logo-content {
	float: left;
}
/*------------------ top_menu ------------------*/
#top_menu_wrap {
	width: 100%;
	height: 37px;
	box-shadow: 0px 0px 5px #555;
	background-color: #336699;
}

#top_menu {
	position: relative;
	color: #aad4fc;
	height: 37px;
	width: 1000px;
	margin: 0 auto;
	font-size: 1.5em;
}

#top_menu a {
	color: white;
}

.top_menu_empty {
	background-color: #0099ff !important;
}

.top_menu_empty div {
	cursor: context-menu !important;
}

#homeicon, #log-button, #lang_select {
	height: 37px;
	line-height: 37px;
}

.sign-in:before, .sign-out:before {
	display: none;
	font-size: 1.5em;
	font-family: fontawesome;
	padding: 0px 5px;
}

.sign-in:before {
	content: '\f090';
}

.sign-out:before {
	content: '\f08b';
}

#homeicon {
	background-color: transparent;
}

#homeicon a {
	color: #aad4fc;
	display: inline-block;
	vertical-align: middle;
}

#homeicon a:before {
	content: "\f015";
	font-size: 1.6em;
}

#menubutton, #menu-right-side, #homeicon, #lang_select, #lang_current, .down-arrow, #lang_select > div:nth-child(1) {
	display: inline-block;
}

#menubutton {
	position: absolute;
	left: 0px;
	width: 5em;
	height: 37px;
	line-height: 37px;
	padding: 0px 5px;
	cursor: pointer;
	background-color: #336699;
}

#menubutton:after {
	content: '\f0c9';
	font-family: fontawesome;
	font-size: 1.4em;
	vertical-align: top;
	padding: 0px 5px;
}

#menubutton > span {
	margin: 0px 2px;
}

#log-button {
	color: white;
	background-color: deepskyblue;
}

#log-button b {
	display: inline-block;
	color: white;
	padding: 0px 5px;
	line-height: 1.6em;
	font-weight: 400;	
	background-color: lightskyblue;	
}

#menu-right-side {
	position: absolute;
	right: 0px;
	background-color: #336699;
}

#menu-right-side > div {
	display: inline-block;
	cursor: pointer;
	padding: 0px 5px;
	vertical-align: middle;
}

.down-arrow {
	position: relative;
	width: 0px;
	height: 0px;
	margin: 1px auto;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #90bae2;
}

#mobile-menu-open {
	line-height: 7px;
	font-size: 3em;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	font-family: Courier;
}

#mobile-menu-close {
	display: none;
	font-weight: bold;
	font-family: Arial;
}

#lang_current {
	display: inline-block;
	width: 5em;
	text-align: center;
}

#lang_current:after {
	content: '\f107';
	font-family: fontawesome;
	font-size: 1.2em;
	vertical-align: top;
	padding: 0px 3px;
}

#lang_pick {
	display: none;
	position: absolute;
	color: white;
	text-align: center;
	box-shadow: 2px 2px 3px #555;
	background-color: #0099ff;
}

#lang_pick div {
	display: block;
	width: 5em;
}
#lang_pick div:hover {
	background-color: deepskyblue;
}

/*----------------------------------*/
#backtop {
	margin: -1px auto;
	padding: 15px 0px;
	background-color: #113b63;
}

#backtop div {
	position: absolute;
	right: 0px;
	width: 40px;
	height: 40px;
	margin: 10px;
	cursor: pointer;
	text-align: center;
	border-radius: 50%;
	background-color: #336699;
	z-index: 9;
	opacity: 1;
	filter: alpha(opacity=100);

}

#backtop div:before {
  color: #113b63;
  content: "\f077";
  font-size: 2.3em;
  position: relative;
  top: 6px;
}

#about {
	background-color: #113b63;
}

#about a {
	color: #90bae2;
}

#about > div {
	display: block;
	font-size: 1.6em;
}

#about > div > div {
	color: #dddddd;
	margin: 20px 10%;
}

#about > div:nth-child(1) {
	width: auto;
}

#about > div:nth-child(2) {
	font-weight: 400;
	font-size: 1.7em;
	border-top: 2px solid #336699;
	border-bottom: 2px solid #336699;
}

#about > div:nth-child(2), #about > div:nth-child(3) {
	line-height: 2.5em;
	margin: 0px 10%;
	text-align: center;
}

#about > div:nth-child(4) {
	width: 100%;
	text-align: center;
	margin: 20px 0px 0px 0px;
}

#about h4 {
	color: #81a7cc;
	font-size: 1.7em;
	font-weight: 300;
	letter-spacing: -1px;
	text-align: center;
}

#about h4 > b {
	color: #336699;
}

#about li {
	display: inline-block;
	padding: 0px 10px;
}

#about p {
	color: #90bae2;
	margin-top: 20px;
	padding: 10px;
	background-color: #336699;
}

#about > div > p {
	color: white;
	margin-top: 0px;
	background-color: transparent;
}

#about > p {
	font-size: 1.5em;
	text-align: center;
	margin: 20px 0px 0px 0px;
	line-height: normal;
}
/*----------------- site option ---------------*/
#site_option {
	display: none;
	position: absolute;
	top: 37px;
	z-index: 11;
	box-shadow: 6px 3px 5px #555;
	background-color: #0099ff;
}

#site_option ul li a, #site_option ul li div {
	color: white;
	cursor: pointer;
	display: block;
	height: 2em;
	line-height: 2em;
	padding: 10px;
}

#site_option li {
	width: 10em;
}

#site_option li:hover {
	background-color: deepskyblue;
}

#site_option > ul {
	display: inline-block;
	color: white;
	margin: 0px -4px 0px 0px;
	vertical-align: top;
}

#site_option > ul:nth-child(2){
	background-color: #0080e6;
}

#site_option > ul > ul {
	position: absolute;
	bottom: 0px;
	background-color: #0080e6;
}
/*---------------- home list ----------------*/
#list_button {
	font-size: 1.2em;
	box-shadow: 0px 2px 5px #111;
	background-color: #777;
}

.speaker_l, .subject_l, .group_l, .recent_l {
	color: white;
}

#list_button > div {
	display: table-cell;
	position: relative;
	cursor: pointer;
	width: 1%;
	padding: 20px 0px;
	text-align: center;
	vertical-align: middle;
}

#list_select, #list_button > div:hover, #list_select2, .calendar-nav a:hover {
	color: white;
	background-color: #0099ff;
}

#list_select:after {
	color: white;
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #0099ff;
	border-width: 15px;
	margin-left: -15px;
}

#list_box {
	min-height: 450px;
	padding: 20px 5px 0px 5px;
	box-shadow: 0px 0px 5px #999;
	background-color: white;
}

#group_box, #latest_topic, #subject_box {
	display: none;
}

#group_box > p, #speaker_box > p, #subject_box > p, #latest_topic > p, #speaker_box > div > div:nth-child(2) > p {
	text-align: center;
	font-size: 1em;
	padding: 15px 0px;
}

#group_box > p > a, #speaker_box > p > a, #subject_box > p > a, #latest_topic > p > a, #speaker_box > div > div:nth-child(2) > p > a {
	color: #777;
	padding: 5px 10px;
}

#group_box > p > a:after, #speaker_box > p > a:after, #subject_box > p > a:after, #latest_topic > p > a:after, #speaker_box > div > div:nth-child(2) > p > a:after {
	content: '\f178';
	font-family: fontawesome;
	margin: 0px 0px 0px 5px;
}

#subject_box > p, #group_box > p {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

#speaker_box {
	border-top: 1px solid #ddd;
}

#speaker_box a {
	display: block;
	font-size: 1.2em;
}

.teacher_icon {
	display: inline-block;
	text-align: center;
	width: 30%;
	vertical-align: middle;
}

#speaker_box img, #latest_topic img {
	width: 55px;
	height: auto;
}

#speaker_box img {
	border: 0px solid white;
}

#speaker_box > div {
	display: flex;
	position: relative;
	height: 100px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

#speaker_box > div > div:nth-child(2) {
	width: 100%;
}

#speaker_box > div > div:nth-child(2) > div {
	margin: 5px;
}

#speaker_box > div > div:nth-child(2) > div > a {
	display: inline-block;
	font-size: 1.2em;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#speaker_box > div > div:nth-child(1) {
	min-width: 10em;
	text-align: center;
	padding: 5px 0px;
	background-color: #eee;
}

.down_arrow, .up_arrow {
	position: absolute;
	top: 30px;
	right: 3%;
	font-size: 1.5em;
	cursor: pointer;
}

.down_arrow:after {
	color: #aaa;
	content: "\f078";
	text-decoration: none;
}

.up_arrow:after {
	color: #aaa;
	content: "\f077";
	text-decoration: none;
}

.teacher_arrow {
	color: white;
	top: 50%;
	right: 69%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #eee;
	border-width: 20px;
	margin-top: -20px;
}

#latest_topic li, #latest_topic div {
	display: inline-block;
	vertical-align: top;
	margin: 0px 2px;
}

#latest_topic div:nth-child(2){
	width: 75%;
}

#latest_topic li {
	width: 48%;
}

#latest_topic b {
	padding: 0px 5px 0px 0px;
}

#latest_topic > ul > li > div > p > a {
	display: block;
	font-size: 1.2em;
}

.box1 {
	display: inline-block;
	width: 80%;
	font-size: 1.2em;
}

.box3 {
	padding: 5px 0px;
	font-size: 1em;
	width: 80%;
}

.box3 b {
	display: inline-block;
	color: #888888;
	line-height: 1.8em;
	padding: 0px 5px;
	background-color: #dddddd;
}

.box3 p {
	display: inline-block;
	line-height: 1.8em;
	padding: 0px 5px;
}

#contact_us {
	font-size: 1.1em;
	margin: 0 auto;
	width: 80%;
}

#contact_us h4 {
	margin: 45px 0px 5px 0px;
}

/*------------- loading ---------------*/
.pace .pace-progress {
	background: #336699;
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	height: 2px;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-o-transition: width 1s;
	transition: width 1s;
}

.pace-inactive {
	display: none;
}

.busy {
	display: none;
	height: 40px;
	width: 40px;
	position: absolute;
	left: 45%;
	top: 35%;	
	background-image: url("./styles/mystyle/theme/images/busy.gif");
}
/*-------------- register ----------------*/
.register_require {
	border-bottom: 1px solid red;
}

.register_require_dt {
}
/*--------- calendar javascript ---------*/
.ui-datepicker {
	display: none;
    width: auto;
    height: auto;  
    margin: 5px auto 0;  
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);  
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);  
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);  	
} 

.ui-datepicker a {
    text-decoration: none;  
} 

.ui-datepicker table {
    width: 100%;
	border-spacing: 0px;
}

.ui-datepicker-header {
    color: #e0e0e0;  
    font-weight: bold;
    line-height: 30px; 
}

.ui-datepicker-title {
	line-height: 40px;
    text-align: center;
	background-color: #113b63;
} 

.ui-datepicker-year, .ui-datepicker-month {
	color: #90bae2;
	width: 75px;
	font-size: 1.3em;
	font-weight: 300;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, "AppleGothic", "Avant Garde", Avantgarde, sans-serif;
	border: 0px;
	border: 1px solid #113b63;
	background-color: #336699;
}

.ui-datepicker-prev, .ui-datepicker-next {  
    display: inline-block;
	position: absolute;
	height: 0px;
    width: 5px;
	margin: 10px;
    text-align: center;  
    cursor: pointer; 
    line-height: 600%;  
    overflow: hidden;
}

.ui-datepicker-prev {
	left: 0px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 13px solid #336699;
}  
.ui-datepicker-next {
	right: 0px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 13px solid #336699;
}  
.ui-datepicker thead {  
    background-color: #f7f7f7;  
    border-bottom: 1px solid #bbb;  
} 
.ui-datepicker th {
    font-size: 1.2em;
	font-weight: 100;
    padding: 5px 0;
    color: #90bae2;
	border-bottom: 1px solid #336699;
	background-color: #336699;
}

.ui-datepicker tbody td {  
    padding: 0;
}
.ui-datepicker tbody td:last-child {  
    border-right: 0px;  
}
.ui-datepicker tbody tr {  
    border-bottom: 1px solid #bbb;  
}  
.ui-datepicker tbody tr:last-child {  
    border-bottom: 0px;  
}

.ui-datepicker-calendar .ui-state-default {  
    background: #ddd;
}  
.ui-datepicker-unselectable .ui-state-default {  
    background: #f4f4f4;  
    color: #b4b3b3;  
} 

.ui-datepicker td span, .ui-datepicker td a {  
    display: inline-block;
    color: #666666;
	font-size: 1.4em;
    text-align: center;  
    width: 45px;
    height: 45px;  
    line-height: 45px;
}

.ui-state-highlight {
	color: white !important;
	background-color: #aaa !important;
}

.ui-datepicker-unselectable .ui-state-default {  
    background: #f4f4f4;  
    color: #b4b3b3;
}
.ui-datepicker-calendar .ui-state-hover {  
    background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {  
    position: relative;
    color: white;
	background: deepskyblue;
}
/*------------ calendar page ------------*/
#calendar_today {
	position: absolute;
	right: 0px;
	top: 70px;
	color: white;
	text-align: right;
	font-size: 1.3em;
	padding: 5px;
	box-shadow: 0px 1px 3px #999;
	background-color: saddlebrown;
}

#calendar_today > div {
	display: inline-block;
	vertical-align: middle;
}

#calendar_icon:before {
	content: '\f073';
	font-family: FontAwesome;
	font-size: 1.6em;
	padding: 0px 2px;
}

#today {
	background-color: antiquewhite;
}

#today > div:nth-child(1) {
	background-color: #E0C5A0;
}

#today > div > b:nth-child(1) {
	background-color: #D5A05A;
}

#today > div > b:nth-child(2) {
	color: #fff;
}

.calendar b, .calendar strong {
	display: inline-block;
}

.calendar strong {
	color: #aaa;
	padding: 2px;
}

.calendar_day {
	background-color: #d6d6d6;
}

.calendar_day > b:nth-child(1) {
	color: white;
	font-weight: 300;
	width: 1.9em;
	line-height: 1.8em;
	text-align: center; 
	background-color: #888;
}

.calendar_day > b:nth-child(2) {
	color: #676767;
	font-weight: 300;
	padding: 3px;
}

.torah-read a, .torah-read p {
	display: block;
	color: white;
	text-align: center;
	padding: 3px;
	background-color: lightseagreen;
}

.torah-read p {
	padding: 0px;
}

.calendar-month {
  color: #888;
  padding: 5px;
  text-align: right;
}

.calendar-month, .calendar-help, .calendar-open {
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
}

.calendar-help {
	font-size: .9em;
	margin: 5px;
	text-align: left;
}

.calendar-help > div:nth-child(1):before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0px 5px;
	border-radius: 50%;
	background-color: firebrick;
}

.calendar-help > div:nth-child(2):before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0px 5px;
	border-radius: 50%;
	background-color: lightseagreen;
}

.calendar-help > div:nth-child(3):before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0px 5px;
	border-radius: 50%;
	background-color: dodgerblue;
}

.calendar > div {
	float: left;
	position: relative;
	color: #444;
	width: 13.9%;
	height: 150px;
	overflow: hidden;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #e5e5e5;
}

.calendar > div:nth-child(-n+7) {
	color: white;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #4682b4;
}

.calendar_topic, .calendar_event, .calendar_holiday {
	display: block;
	color: white;
	padding: 3px;
	text-align: center;
}
.calendar a {
	color: white;
}

.calendar_topic {
	background-color: dodgerblue;
}

.calendar_holiday {
	background-color: firebrick;
}

.calendar_holiday a:after, a.calendar_topic:after, .torah-read a:after {
	content: '\f105';
	font-family: fontawesome;
	color: white;
	position: absolute;
	right: 5px;
	padding: 3px 0px;
}

#calendar-info-wrap {
	display: table;
	width: 98%;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}

#calendar-info-wrap > a {
	display: table-cell;
	height: 50px;
	color: #aaa;
	text-align: center;
	vertical-align: middle;
}

#calendar-info-wrap > a:nth-child(1):after {
	content: "\f104";
	font-family: fontawesome;
	font-size: 3.5em;
}

#calendar-info-wrap > a:nth-child(6):before {
	content: "\f105";
	font-family: fontawesome;
	font-size: 3.5em;
}

.calendar-switch {
	display: none;
	position: absolute;
	left: 45%;
	z-index: 1;
	font-size: 1em;
	width: 243px;
}

.calendar-switch > div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.calendar-open {
	color: #777;
	font-size: 1.5em;
	cursor: pointer;
	padding: 5px;
}

.calendar-open:before {
	content: '\f073';
	padding: 0px 2px;
	font-family: 'fontawesome';
}

.calendar-open:after {
	content: '\f107';
	padding: 0px 2px;
	font-family: 'fontawesome';
}

#year, #month {
	position: relative;
	right: 50%;
	box-shadow: 2px 2px 3px #888;
}

#month {
	display: none;
}

#year > div, #month > div {
	color: #888;
	cursor: pointer;
	width: 80px;
	line-height: 4em;
	border-left: 1px solid white;
	border-top: 1px solid white;
	text-align: center;
	background-color: #e5e5e5;
}
/*---------------- captcha ---------------*/
#recaptcha_widget {
	text-align: center;
}

#recaptcha_widget a {
	cursor: pointer;
}

#recaptcha_image {
	display: inline-block;
	padding: 1px;
	background-color: white;
}

#recaptcha_audio_download {
	display: none;
}

#recaptcha_response_field {
	width: 294px;
	border: 1px solid #ccc;
}

.recaptcha_reloading a, .recaptcha_only_if_image a, .recaptcha_only_if_audio a {
	display: block;
	color: white;
	width: 293px;
	margin: 5px auto;
	padding: 5px;
	background-color: #336699;
}

.recaptcha_data, #recaptcha_image {
	display: inline-block;
	vertical-align: middle;
}

.recaptcha_help {
	display: inline-block; 
	width: 310px;
	height: 75px;
	margin: 1px 10px;
	padding: 5px;	
	vertical-align: middle;
	background-color: #ddd;
}

.recaptcha_help span {
	display: block;
	position: absolute;
	right: 48%;
	margin-top: 21px;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #ddd;
	border-top: 15px solid transparent;
}

.recaptcha_help b {
	display: block;
}

.show_address {
	position: fixed;
	bottom: -20px;
	opacity: 0;
}
@media screen and (max-width: 1015px) {
	#top_menu { width: 100%; }
}

@media screen and (max-width: 853px){
	.listing2 { width: 49%; }
}

@media screen and (max-width: 800px) {
	#topic-icons { display: none; }
	#page-header { width: auto; min-width: auto; }
}

@media only screen and (min-height: 700px){
	#wrap { min-height: inherit; }	
}

@media only screen and (max-width: 700px) {
	.recaptcha_help {
		width: 95%;
		margin: 10px 0px;
		padding: 5px 0px;
	} 
	.recaptcha_help span {
		right: 47%;
		margin-top: 79px;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
		border-top: 15px solid #ddd;
	}
	#recaptcha_image { padding: 0px; }
}

@media only screen and (max-width: 640px) {
	.loginform_button {	text-align: center; }
	#list_box > div { width: 100%; margin: 1px 0px; }
	#list_box > div > h5 { padding: 20px 0px; }
	fieldset dt, fieldset.fields2 dt, fieldset.fields1 dt, #message-box label { width: auto; float: none; }
	fieldset dd, fieldset.fields2 dd, fieldset.fields1 dd { margin-left: auto; }
	.menu_box > ul > li { width: 48%; }
	.menu_box form { width: auto; }
	#backtop div { position: relative; margin: 0 auto; }
	#backtop b { font-size: .8em; }
	.form_info { padding: 5px; }
	.listing1 li { width: 32%; }
	.listing3 li { width: 30%; }
	.all-social-icon li { width: 32%; }
	.all-social-icon a { width: 100%; }
	#subscribe-option-b b { width: 100%; padding: 0px; }
}

@media only screen and (max-width: 620px) {
	#about li { display: block; }
	#subject_box > p, #group_box > p { position: relative; }	
}

@media only screen and (max-width: 480px) {
	#contributor { width: 100%; border-right: 0px solid white; border-bottom: 3px solid white; }
	#contributor-about { width: 100%; }
	.post_select select, #select_tag, #select_list { width: 19em; margin-bottom: 5px; }
	#lecture-time { width: 18em; padding: 6px; }
	.select_tag { width: 19em; }
	.select_tipbox { width: auto; }
	.home-topic p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;	}
	#subscribe-option-b b { width: 100%; padding: 0px; }
	.all-social-icon li { width: 49%; }
	.all-social-icon a { width: 100%; }
	.listing2 { width: 100%; }
	.listing3 li { width: 46%; }
	#menubutton { width: 2em; }
	#menubutton > span { display: none; }
	.sign-in:before, .sign-out:before { display: block; }
	#log-button span { display: none; }
	.first { margin-top: 35px; }
	.viewtopic-rate { width: 100%; text-align: center; border: 0px; }
	.calendar-nav a { width: 32.7%; }
	.calendar-month { font-size: 1em; }
	#calendar_today { display: none; }
	#latest_topic li { width: 100%; }
	#list_box { height: auto; overflow-y: auto; padding: 20px 0px 0px 0px; }
	#speaker_box > div { display: block; }
	.teacher_icon { width: 100%; padding: 5px 0px; }
	.down_arrow, .up_arrow { right: 5%; }
	#site-description > div { font-size: 3.7em; }
	#site-description > p { display: none; }
	#list_button > div { padding: 15px 0px; }
}

@media only screen and (max-width: 360px) {
	#login-box { width: auto; }
	#teacher-list-box { text-align: center; }
	#about > p { font-size: 1.3em; }
	#subscribe-dialog-submit { width: 300px; }
	.listing1 li { width: 48%; }
	.listing3 li { width: 45%; }
	#log-button b { display: none; }
	#autologin_main { font-size: .8em; }
	#latest_topic div:nth-child(2){ width: 70%; }
}

@media only screen and (max-width: 320px){
	.box1 { font-size: 1.2em; }
	.box2 { font-size: 1em; }
	#login_test > ul > li { min-width: 5.5em; }
	#login_test form { width: 5.5em; }
	#login_test select { width: 140px; }
	#subscribe-dialog-submit { width: 285px; }
}