html,
body{
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #525252;
}

.center{ text-align: center; }
.right{ text-align: right; }
.left{ text-align: left; }

.clear { clear: both; }

.content{ padding: 5px; }

.gen-small{ font-size: 10px; }
.gen-med{ font-size: 11px; }

.note{
	color: #8c1c3a;
	font-weight: bold;
}

.online-status{
	padding: 2px;
	margin: 5px;
	text-align: center;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	.online-status.offline{ background-color: #B82929; }
	.online-status.online{ background-color: #6F8F52; }

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

.item-thumb{
	margin: 0px 5px 5px 0px;
	float: left;
	text-align: center;
	width: 120px;
}
	
	.item-thumb a{
		display: block;
	}
	
	.item-thumb p{
		margin: 0px;
		padding: 0px;
	}
	
	.item-thumb:hover,
	.item-thumb.highlight{
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
	.item-thumb.highlight,
	.item-thumb.highlight:hover{
		background-color: #F4E4D1;
	}
	
	.item-thumb:hover{
		background-color: #FFF0DF;
	}

strong { font-weight: bold; }

em { font-style: italic; }

img{ border: none; }

p { padding: 0 0 10px 0; }

ul{
	list-style-type: none;
}

h1{
	color: #592e1e;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 20px;
}

h2{
	color: #592e1e;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 18px;
}

label{
	font-weight: bold;
	cursor: pointer;
}

a:link,
a:visited,
a:hover,
a:active{
	text-decoration: none;
	outline: none;
	font-weight: bold;
}

a:link,
a:visited{ color: #33335A; }

a:hover,
a:active{
	color: #8c1c3a;
	text-decoration: underline;
}

.user-name{
	font-weight: bold;
}

.user-title{
	font-size: 10px;
}

table{}

	table tr{}
	
		table tr th{
			text-align: center;
			font-weight: bold;
			white-space: nowrap;
		}
		
		table tr th.no-align{
			text-align: left;
		}

table.y-tables{
	border: 1px solid #99d0f2;
	margin: 0 0 10px 0;
}
	table.y-tables.center{
		margin: 0 auto 10px auto;
	}
	
	table.y-tables.no-border{
		border: none;
	}
	
	table.y-tables tr th.highlight,
	table.y-tables tr.highlight th{
		background-color: #99d0f2;
		color: #FFF;
	}
	
	table.y-tables tr.row-2,
	table.y-tables tr.row-even,
	table.y-tables tr.highlight,
	table.y-tables tr td.highlight,
	table.css3 tr:nth-child(odd) td{
		background-color: #dcecf2;
	}

div.page-nav{
	text-align: center;
	margin: 0 0 10px 0;
}
	div.page-nav a{
		font-weight: bold;
	}

span.currency{
	background-image: url(../../images/icons/currency.png);
	padding: 0px 10px;
	background-repeat: no-repeat;
}

	span.currency.bp,
	span.currency.BP{ background-position: center 0px; }
	span.currency.gp,
	span.currency.GP{ background-position: center -15px; }
	span.currency.sp,
	span.currency.SP{ background-position: center -30px; }

/**
 * Forms
 */
div.form{}
	
	div.form div.form-submit{
		text-align: center;
	}
	
	div.form dl{
		overflow: hidden;
		margin: 0 0 10px 0;
	}
	
	div.form dt{
		float: left;
		width: 20%;
		text-align: right;
	}
	
	div.form dd{
		margin: 0 0 0 21%;
		display: block;
	}
	
		div.form dd span{
			font-style: italic;
			display: block;
		}
	
	/*div.form input[type="text"],
	div.form select,
	div.form textarea,{*/
	input[type="text"],
	select,
	textarea{
		padding: 2px;
		border-top: 1px solid #afaeaa;
		border-left: 1px solid #afaeaa;
		border-bottom: 1px solid #d5d5c8;
		border-right: 1px solid #d5d5c8;
	}
	
	div.form input[type="text"],
	div.form textarea{
		width: 98%;
	}
	
	div.form select{
		background-color: #FFF;
	}
	
	div.form input[type="text"].small{
		width: 25%;
	}
	
	div.form input[type="text"].medium,
	div.form textarea.medium{
		width: 70%;
	}
	
	div.form input[type="text"]:hover,
	div.form textarea:hover,
	div.form input[type="text"]:focus,
	div.form input[type="submit"]:hover,
	div.form textarea:focus{
		background-color: #e9e9e2;
		border: 1px solid #afaeaa;
	}

	fieldset label {
		color: #000;
		display: inline-block;
		margin-right: 15px;
		text-align: right;
	}
	fieldset div.field {
		display: inline-block;
		vertical-align: top;
	}
	label .required {
		color: #F00;
	}
	label .field-note {
		clear: left;
		color: #888;
		display: block;
		font-size: 9pt;
		font-weight: 100;
	}
	.field textarea,
	.field input[type="text"] {
		border-radius: 3px;
		border: 1px solid #CCC;
		box-shadow: inset 1px 1px 2px #EEE;
		padding: 3px;
	}
	
	fieldset .clear {
		height: 15px;
	}

/**
 * Special buttons
 */
input[type=button].a-button,
a.a-button,
input[type=submit].a-button {
	padding: 6px 10px;
	-webkit-border-radius: 2px 2px;
	border: solid 1px rgb(153, 153, 153);
	color: #333;
	background-color:#FFF;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	line-height: 1;
	font-weight: bold;
}

input[type=button].a-button:hover,
a.a-button:hover,
input[type=submit].a-button:hover {
	background-color: #DADADA;
}

input[type=button].a-button.small,
a.a-button.small,
input[type=submit].a-button.small{
	padding: 2px 4px;
	font-size: 10px;
}

input[disabled=disabled].a-button,
input[disabled=disabled].a-button:hover{
	background-color: #CCC;
	text-shadow: none;
	cursor: default;
}

/**
 * Pagination
 */
div.pagination{
	background-color: #EFEFEF;
	text-align: center;
	line-height: 20px;
	margin: 10px 0px;
	font-weight: bold;
}

	div.pagination a{ margin: 0px 2px; }


/**
 * Page notices
 */
div.page-notice{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 10px auto;
	padding: 10px;
}

	div.page-notice.error{
		color: #FF0000;
		background-color: #FFFFCC;
		border: 2px solid #FF0000;
	}

	div.page-notice.success{
		color: #4C70AF;
		background-color: #DFEBFF;
		border: 2px solid #7DA1DF;
	}

/**
 * Page title and navigation
 */
h1.page-title{
	padding: 30px 0 10px 85px;
	font-size: 24px;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: top left;
	letter-spacing: normal;
	text-align: left;
}
	
	h1 ul{
		overflow: hidden;
	}
	
		h1 ul li{
			float: left;
			font-size: 11px;
			margin: 0 10px 0 0;
		}
		
table.achievement{
 width :90%;
 margin : 4px auto;
 border: solid 1px #0091ed;
 border-radius: 5px;


}
table.achievement th{
  background: #0091ed;
  color: #fff;
 border: solid 1px #0091ed;
 border-radius: 5px;
}

table.achievement td{
	 padding-left: 5px
}
table.center_post.center_post{
	margin: 5px auto;
}

/**
 * Percent Bar
 */
.percent-bar-container {
	background: #CDCDCD;
	background: -moz-linear-gradient(top, #CDCDCD 0%, #E8E8E8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CDCDCD), color-stop(100%,#E8E8E8));
	background: -webkit-linear-gradient(top, #CDCDCD 0%,#E8E8E8 100%);
	background: -o-linear-gradient(top, #CDCDCD 0%,#E8E8E8 100%);
	background: -ms-linear-gradient(top, #CDCDCD 0%,#E8E8E8 100%);
	background: linear-gradient(top, #CDCDCD 0%,#E8E8E8 100%);
	border: 1px solid #CCC;
	border-radius: 4px;
	zpadding: 1px;
}

.percent-bar-inner {
	border-radius: 4px;
	height: 22px;

}

.percent-bar-inner.gr-blue {
	border: 1px solid #0078A5;
	box-shadow: inset 0 1px 0 #7FD6F6;
}

/**
 * Gradients
 */
.gr-ltblue {
	background: #E1F2FC;
	background: -moz-linear-gradient(top, #E1F2FC 0%, #CAE9FD 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1F2FC), color-stop(100%,#CAE9FD));
	background: -webkit-linear-gradient(top, #E1F2FC 0%,#CAE9FD 100%);
	background: -o-linear-gradient(top, #E1F2FC 0%,#CAE9FD 100%);
	background: -ms-linear-gradient(top, #E1F2FC 0%,#CAE9FD 100%);
	background: linear-gradient(top, #E1F2FC 0%,#CAE9FD 100%);
}
.gr-blue {
	background: #00AAE9;
	background: -moz-linear-gradient(top, #00AAE9 0%, #0079A6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00AAE9), color-stop(100%,#0079A6));
	background: -webkit-linear-gradient(top, #00AAE9 0%,#0079A6 100%);
	background: -o-linear-gradient(top, #00AAE9 0%,#0079A6 100%);
	background: -ms-linear-gradient(top, #00AAE9 0%,#0079A6 100%);
	background: linear-gradient(top, #00AAE9 0%,#0079A6 100%);
}

/**
 * Updated Buttons
 */
button.button {
	border-radius: 4px;
	color: #FFF;
	cursor: pointer;
}
button.button span {
	display: block;
	padding: .42em 1.2em;
}

button.gr-blue {
	border: 1px solid #034462;
	box-shadow: inset 1px 1px 0 #4CC4F2;
	text-shadow: 1px 1px 1px #006F99;
}

button.gr-orange {
	background: #FAA21A;
	background: -moz-linear-gradient(top, #FAA21A 0%, #F47B20 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAA21A), color-stop(100%,#F47B20));
	background: -webkit-linear-gradient(top, #FAA21A 0%,#F47B20 100%);
	background: -o-linear-gradient(top, #FAA21A 0%,#F47B20 100%);
	background: -ms-linear-gradient(top, #FAA21A 0%,#F47B20 100%);
	background: linear-gradient(top, #FAA21A 0%,#F47B20 100%);
	border: 1px solid #DD6611;
	box-shadow: inset 1px 1px 0 #FBBF5E;
	text-shadow: 1px 1px 1px #D27219;
}

button.gr-brown {
	background: #BF7601;
	background: -moz-linear-gradient(top, #BF7601 0%, #885401 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BF7601), color-stop(100%,#885401));
	background: -webkit-linear-gradient(top, #BF7601 0%,#885401 100%);
	background: -o-linear-gradient(top, #BF7601 0%,#885401 100%);
	background: -ms-linear-gradient(top, #BF7601 0%,#885401 100%);
	background: linear-gradient(top, #BF7601 0%,#885401 100%);
	border: 1px solid #542E01;
	box-shadow: inset 1px 1px 0 #E5983F;
	text-shadow: 1px 1px 1px #854901;
}

.actions button {
	background: #E7E7E7;
	background: -moz-linear-gradient(top, #E7E7E7 0%, #D1D1D1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E7E7E7), color-stop(100%,#D1D1D1));
	background: -webkit-linear-gradient(top, #E7E7E7 0%,#D1D1D1 100%);
	background: -o-linear-gradient(top, #E7E7E7 0%,#D1D1D1 100%);
	background: -ms-linear-gradient(top, #E7E7E7 0%,#D1D1D1 100%);
	background: linear-gradient(top, #E7E7E7 0%,#D1D1D1 100%);
	border: 1px solid #BBB;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 #EFEFEF;
	color: #686868;
	cursor: pointer;
	font-family: Tahoma;
	font-size: 9pt;
	text-shadow: 0 1px 1px #FFF;
	padding: 4px 12px;
}
.actions button span {
	padsding: 3px;
}

.button-ok span {
	background: url(../../images/icons/accept.png) no-repeat;
	padding: 0 0 2px 22px;
}

/**
 * Page Header Bar
 */
.page-header-bar.gr-ltblue {
	border: 1px solid #CADCEA;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 #F0F8FD;
	padding: 10px 0;
}

.page-header-bar h1 {
	color: #225B86;
	text-shadow: 0 1px 0 #FFF;
}
.page-header-bar h2 {
	color: #0066FF;
	text-shadow: 0 1px 0 #FFF;
}

/**
 * Call to Action buttons 
 * These buttons should replace the a-buttons
 */
.ctabtn{
	display: inline-block;
}
.ctabtn:hover{ text-decoration: none; }

.ctabtn,
.ctabtn span,
.ctabtn input{
    background-image: url(../../images/call-to-action-btns.png);
    color: #592E1E;
    cursor: pointer;
	font-weight: bold;
}


.ctabtn.disable,
.ctabtn.disable span,
.ctabtn.disable input{
	color: #757575;
}

.ctabtn input,
.ctabtn span{
    display: block;
    height: 22px;
    line-height: 22px;
}

.ctabtn input{
    font-weight: normal;
    border: none;
    background-color: transparent;
}

/* Normal */
.ctabtn.normal{
    padding: 0 15px 0 0;
}

.ctabtn.normal span, .ctabtn.normal input{
    font-size: 12px;
    padding: 0 0 0 15px;
    height: 24px;
    line-height: 24px;
}

.ctabtn.normal{ background-position: 100% -92px; }
.ctabtn.normal span, .ctabtn.normal input{ background-position: 0px 0px; }

.ctabtn.normal:hover{ background-position: 100% -122px; }
.ctabtn.normal:hover span, .ctabtn.normal:hover input{ background-position: 0px -30px; }

.ctabtn.normal.disable{ background-position: 100% -152px; }
.ctabtn.normal.disable span, .ctabtn.normal.disable input{ background-position: 0px -62px; }


/* Large */
.ctabtn.large{
    padding: 0 20px 0 0;
}

.ctabtn.large span, .ctabtn.large input{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 20px;
}

.ctabtn.large{ background-position: 100% -304px; }
.ctabtn.large span, .ctabtn.large input{ background-position: 0px -184px; }

.ctabtn.large:hover{ background-position: 100% -344px; }
.ctabtn.large:hover span, .ctabtn.large:hover input{ background-position: 0px -224px; }

.ctabtn.large.disable{ background-position: 100% -384px; }
.ctabtn.large.disable span, .ctabtn.large.disable input{ background-position: 0px -264px; }


/* X-Large */
.ctabtn.xlarge{
    padding: 0 25px 0 0;
}

.ctabtn.xlarge span, .ctabtn.xlarge input{
    font-size: 16px;
    height: 52px;
    line-height: 50px;
    padding: 0 0 0 25px;
}

.ctabtn.xlarge{ background-position: 100% -605px; }
.ctabtn.xlarge span, .ctabtn.xlarge input{ background-position: 0px -424px; }

.ctabtn.xlarge:hover{ background-position: 100% -666px; }
.ctabtn.xlarge:hover span, .ctabtn.xlarge:hover input{ background-position: 0px -485px; }

.ctabtn.xlarge.disable{ background-position: 100% -726px; }
.ctabtn.xlarge.disable span, .ctabtn.xlarge.disable input{ background-position: 0px -546px; }