.admincp {float:left;width:16px;height:15px;background:url(../img/edit.png) top left no-repeat;text-decoration:none;}
.admincp:hover {width:16px;background:url(../img/edit.png) bottom right no-repeat;}
.pdelete {float:left;width:17px;height:20px;background:url(../img/icondelete.png) top left no-repeat;text-decoration:none;}
.pdapprove {float:left;width:17px;height:20px;background:url(../img/iconapprove.png) top left no-repeat;text-decoration:none;}
.pedit {float:left;width:17px;height:20px;background:url(../img/editpost.png) top left no-repeat;text-decoration:none;}
.ptrash {float:left;width:17px;height:20px;background:url(../img/trash.png) top left no-repeat;text-decoration:none;}
.printme {float:left;width:17px;height:20px;background:url(../img/print.png) top left no-repeat;text-decoration:none;}

#sb_loading {display:none;float:right;}
		
/* Form Elements */

.oform label {position:relative;display:block;clear:both;float:left;width:590px;border:1px solid #dedede;padding:3px;line-height:25px;margin-bottom:5px;}
				
.oform label.nocontent {border:none;}
.oform label.active {background-color:#dbf9c7;border:1px solid green;z-index:5000;}
.oform label.error {background-color:#ecd0ce;border:1px solid red;z-index:5000;}				
.oform label.required {background-image:url(../img/required.gif);background-repeat:no-repeat;background-position:center left;}	
.oform label.isgood {background-image:url(../img/tick.gif);background-repeat:no-repeat;background-position:center left;}
.oform label input[type=text], label input[type=file], label input[type=password], label input[type=submit], label textarea, label select {float:right;width:340px;padding:2px;border:1px solid #afafaf;height:20px;}
.oform label span {float:left;position:relative;right:280px;}
.oform label textarea {height:100px;}
.oform label span {float:right;}
.oform label input[type=text].active, label input[type=password].active, label textarea.active {border:1px solid green;}
.oform label input[type=text].error, label input[type=password].error, label textarea.error {border:1px solid red;}			
				
/* Info pop up classes */

.infopop {display:block;position:absolute;left:363px;top:0;background:transparent url(../img/info_box.png) no-repeat top left;color:white;width:150px;height:25px;line-height:25px;text-indent:20px;}
.errorpop {background-image:url(../img/warning_box.png);}

#content_final_wide .usr_player {
	width: 640px;
	height: 385px;
	margin: 0;
}

.forumpost .usr_player, .comments .usr_player {
	width: 430px;
	height: 259px;
	margin: 0;
}

/* Contact Form */
#commContainer input[type=text], #commContainer input[type=password], #commContainer input[type=file] {

	/* Styling the inputs */

	display:block;
	border:1px solid #ccc;
	margin:5px 0 5px;
	padding:3px;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
}

#commContainer textarea {
	width:100%;
}

label{
	font-size:11px;
}

label span.error{
	color:red;
	position:relative;
	right:-10px;
}

.editorbutton{
	
	/* The submit button */
	background-color:#58B9EB;
	border:1px solid #40A2D4;
	color:#FFFFFF;
	cursor:pointer;
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:4px;
	margin-top:5px;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.editorbutton:hover{
	background-color:#80cdf5;
	border-color:#52b1e2;
}
.editorsave {text-align:right;width:100%;}
.jakCaptcha img {float:left;clear:both;margin-top:5px;cursor:pointer;}
.jakCaptcha input {margin-left:5px;margin-top:5px;}

.jakEditor {width:100%;}
.newsletter .search .error {
	border: 1px solid #ff6000;
}

/* Star Rating */

.ui-stars-star, .ui-stars-cancel {float:left;display:block;overflow:hidden;text-indent:-100em;cursor:pointer;}
.ui-stars-star a, .ui-stars-cancel a {width:16px;height:16px;display:block;position: relative;background:url(../img/stars_small.png) no-repeat 0 0;}
.ui-stars-star a {background-position:0 -32px;}
.ui-stars-star-on a {background-position:0 -48px;}
.ui-stars-star-hover a {background-position:0 -64px;}
.ui-stars-cancel-hover a {background-position:0 -16px;}
.ui-stars-star-disabled, .ui-stars-star-disabled a, .ui-stars-cancel-disabled a {cursor:default !important;}
#ratecontainer {position:relative;height:18px;}
#ratecontainer > * {position:absolute;height:18px;left:0;top:0;z-index: 1;overflow:hidden;}
#loader {display:none;padding-left:20px;background:url(../img/loader.gif) no-repeat center left;}

/* Paginate */

.paginate {
	font-size: 14px;
}

.paginate ul {
	float:left;
	width:360px;
	margin:0;
	padding:1px 10px;
	list-style:none;
	font-weight:bold;
}
.paginate ul li {
	position:relative;
	float:left;
	padding:0 1px 0 9px;
	background: url(../img/pag-sep.gif) no-repeat 0 3px;
}
.paginate ul li a {
	padding:0 4px 0 5px;
	text-decoration:none;
	color:#888888;
}
.paginate li.active, .paginate ul li a:hover {text-decoration:underline;}

.paginate li.active, .paginate a:hover {color:#f3bc00;}

.paginate .prev-button, .paginate .next-button {
	position:relative;
	float:left;
	width:30px;
	height:20px;
	margin:1px 0;
	padding:0 0 0 15px;
	font-size:10px;
	line-height:15px;
	font-weight:bold;
	text-decoration:none;
	color:#888888;
	background: url(../img/pag-prev.gif) no-repeat;
}
.paginate .next-button {
	float:right;
	padding:0 15px 0 0;
	background: url(../img/pag-next.gif) no-repeat 100% 0;
}
.paginate .prev-button,
.paginate .next-button {background: url(../img/pag-prev.gif) no-repeat;}
.paginate .next-button {background: url(../img/pag-next.gif) no-repeat 100% 0;}

/* Calendar */
.cal_month {
	color:#505050;
	background-color:#ededed;
	padding:3px;
	text-align:center;
	margin:0 0 10px 10px;
	width:90%;
}
.cal_month a {
	text-decoration:none;
}
table.calendar {width:90%;margin-left:10px;}
table.calendar tr.day td {text-align:center;}
table.calendar tr.days td {border-bottom:1px solid #000;text-align:center;}
table.calendar tr td.days {height:20px;text-align:center;}
table.calendar td {padding: 5px;border-bottom: 1px solid #ddd;}
table.calendar a {text-decoration:none;color:#fff;}
table.calendar td.time-posted {text-align:right;color:#888;font-size:11px;width:80px;}
table.calendar td.time-posted img {width:11px;}

input[type=hidden] {visibility:hidden;}

.status-failure {background: #ffdee7;
  padding: 10px 20px;
  font: normal 13px Arial;
  border: 1px solid #ffa6ae;
  border-width: 1px 0;
  color: #484848;
  text-align: center;
  margin: 10px 0}
.status-ok {background: #deffd2;
  padding: 10px 20px;
  font: normal 13px Arial;
  border: 1px solid #adf395;
  border-width: 1px 0;
  color: #484848;
  margin: 10px 0}

small {font-size:10px;}
.clear {clear:both;padding-bottom:5px;}
.go_right {text-align:right;}
.go_middle {text-align:center;}

.previmg {float:left;margin:0 14px 0 0;}

/* Profile */
ul.jakptabs {float:left;list-style:none;margin:0;padding:0;height:24px;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;width:100%;}
ul.jakptabs li {float:left;height:23px; /*--Subtract 1px from the height of the unordered list--*/line-height: 23px; /*--Vertically aligns the text within the tab--*/border:1px solid #dddddd;border-left:none;margin-bottom:-1px; /*--Pull the list item down 1px--*/overflow:hidden;position:relative;background:#f6f6f6;}
ul.jakptabs li a {text-decoration:none;color:#888888;display:block;padding:0 20px;border:1px solid #fff;outline:none;}
ul.jakptabs li a:hover {background:#ebebeb;}
html ul.jakptabs li.active, html ul.jakptabs li.active a:hover  {background: #fff;border-bottom: 1px solid #fff;}

/* Two Collumns view */
.columnleft {float:left;width:80px;}
.columnright {float:right;width:510px;position:relative;}
.imgcom {float:left;}

.comments {
	width: 100%;
	
}

.comments ol {
	margin: 10px 0 0 0;
}

.comments li {
	list-style: none;
	margin-bottom: 20px;
	position: relative;
}

.comments .avatar {
	float: left;
	margin-left: -26px;
	position: absolute;
	width: 120px;
	text-align: center;
}

.comments .comment,  .comments .commentm, .comments .commenta,  .comments .commentp{
	border:1px solid #eaeaea;
	position: relative;
  	line-height:1.3em;
  	margin:10px auto;
  	margin-left: 100px;
  	padding:10px;
  	-moz-box-shadow:0 0 1px #888888;
  	-webkit-box-shadow:0 0 1px #888888;
}

.comments .comment ul li,  .comments .commentm ul li, .comments .commenta ul li,  .comments .commentp ul li{
	margin-bottom: 0px;
	list-style: disc;
}

.comments .comment ol li,  .comments .commentm ol li, .comments .commenta ol li,  .comments .commentp ol li{
	margin-bottom: 0px;
	list-style: decimal;
}

.comments .comment .border, .comments .commentm .border, .comments .commenta .border, .comments .commentp .border {
	border-color: transparent #eaeaea transparent transparent;
  	border-style: solid;
  	border-width: 10px;
  	height:0;
  	width:0;
  	position:absolute;
  	top:10px;
  	left:-22px;
}
.comments .comment .arrow, .comments .commentm .arrow, .comments .commenta .arrow, .comments .commentp .arrow {
	border-color: transparent #f4f8ff transparent transparent;
  	border-style: solid;
  	border-width: 10px;
  	height:0;
  	width:0;
  	position:absolute;
  	top:10px;
  	left:-19px;
}

/* Standard CSS Comments Colour */
.comments .comment {
  	background-color:#f4f8ff;
  	width:440px;
}

/* Moderator CSS Comments Colour */
.comments .commentm {
  	background-color:#fefff4;
  	width:440px;
}

/* Administrator CSS Comments Colour */
.comments .commenta {
  	background-color:#fff7f4;
  	width:440px;
}

/* Profile CSS Comments Colour */
.comments .commentp {
  	background-color:#f4f8ff;
  	width:520px;
}

.comments .commentm .arrow {
	border-color: transparent #fefff4 transparent transparent;
}

.comments .commenta .arrow {
	border-color: transparent #fff7f4 transparent transparent;
}

.comments fieldset {margin:5px 0 0 0;padding:5px;border:1px solid #dddddd;}
.comments fieldset legend {color:#df1f26;}

/*Tags */
div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  } 
div.tagsinput input { width:100px; margin:0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput input:hover, div.tagsinput input:focus {border:1px solid #77a54a;}
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }

/* AJAX Search Form */
#ajaxsearchForm{
	/* The search form. */
	width: 590px;
	background-color:#eee;
	border:1px solid #E6E8E9;
	padding:5px 5px 0;
	margin-bottom:8px
}
#ajaxsearchForm fieldset{
	position: relative;
	border:none
}
#ajaxsearchForm .hideSearchResult, .loadSearchResult {
	position: absolute;
	top: -25px;
	right: -6px;
	background-color:#eee;
	border-top:1px solid #E6E8E9;
	border-left:1px solid #E6E8E9;
	border-right:1px solid #E6E8E9;
	padding: 3px;
	display: none
}
#ajaxsearchForm .hideSearchResult a {
	text-decoration: none;
	color: #d24427
}
#Jajaxs {
	/* The search text box. */
	float:left;
	width: 480px;
	background-color:#FAFAFA;
	border:1px solid white;
	margin:0 12px 6px 0;
	outline:1px solid #DDD;
	padding:2px;
	font-size:24px;
	color: #888888;
	height:32px;
	line-height:36px
}

/* Styling the search results */
.ajaxspageContainer {
	/* Holds each page with search results. Has an inset bottom border. */
	background-color:#eee;
	border:1px solid #E6E8E9;
	padding:5px 5px 0;
	margin-bottom:8px
}

/* Web & news results */
.ajaxsResult {
	position: relative;
	background-color:#FAFAFA;
	border:1px solid white;
	list-style:none;
	margin:2px 0;
	outline:1px solid #DDD;
	padding:10px
}
.ajaxsResult h2{ 
	font-size:18px;
	margin:4px 0;
	color:#97cae6;
	border-bottom:1px dotted #97cae6;
	border: none
}
.ajaxsResult h2 a {
	color:#97cae6;
	border-bottom:1px dotted #97cae6;
	border:none
}
.ajaxsResult p {
	line-height:1.5
}
.ajaxsResult .ngallery {
	height: 100% auto;
}
