/* Begin Structure */


body {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	background: #fff url(../images/bg.gif);
	color: #333;
	text-align: center;
	}

.menu_tab {
float:left;
border: 1px #CCCCCC solid;
background-color: #FBFBFB;
padding-left: 8px;
padding-right: 20px;
cursor: pointer;
}
.menu_focus {
float:left;
border: 1px #CCCCCC solid;
border-bottom-width: 0px;
background-color: #FBFBFB;
padding-left: 8px;
padding-right: 20px;
cursor: pointer;
}

.link_green {
color: #156011;
text-decoration: none;

}
.link_green:hover {
color: #156011;
text-decoration: underline;
}
.link_red {
color: #D94935;
text-decoration: none;

}
.link_red:hover {
color: #D94935;
text-decoration: underline;
}
.fleft {
float: left;
}
.fright {
float: right;
padding: 3px 3px 3px 3px;
}
.padl {
padding-left: 50px;
line-height: 150%;
}
.pad {
padding: 5px 5px 5px 5px;
}
.bgh {
background-image: url('images/hr.gif');
background-position: center;
background-repeat: repeat-x;
}
.no_float {
float: none;
}
.content {
width: auto;
border: 1px #CCCCCC solid;
border-top-width: 0px;
background-color: #FBFBFB;
padding: 5px 5px 5px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
.bot_bord {
border: #CCCCCC solid;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 1px;
}
.blue {
font-size: 17px;
}
.green {
color: #078B1F;
}
.ad_border {
border: 1px #CCCCCC solid;
padding: 3px 3px 3px 3px;
text-align: left;
width: 95%;
}
.camp_tab {
height: 35px;
line-height: 150%;
background-color: #E3E2E2;
border: 1px #C4C4C4 solid;
cursor: pointer;
display: block;
}
.ad_group {
height: 25px;
line-height: 150%;
background-color: #F1F1F1;
border: 1px #E7E7E7 solid;
cursor: pointer;
}
.lgreen {
background-color: #F5FFE6;
}
.lred {
background-color: #FFECEC;
}
.camp_data {
border: 1px #CCCCCC solid;
}
.col_icon {
height: 3px;
width: 3px;
}
.col1 {
background-color: #5EFF5F;
}
.col2 {
background-color: #B0FFB0;
}
.col3 {
background-color: #00FFF5;
}
.col4 {
background-color: #DDDDDD;
}
.col5 {
background-color: #FF6160;
}
.col6 {
background-color: #9668FE;
}

#page {
	background-color: white;
	margin:0 auto;
	padding: 0;  
	width: 908px;
	border: 1px solid #dbdbdb;
	border-top: 0px solid #dbdbdb;
	min-height:650px;
	text-align: left;
	font-size:12px;
	}
#privacy {
	background-color:#FFFFFF;
	border:1px solid #dbdbdb;
	margin:5px auto;
	padding: 0;  
	width: 990px;
	text-align: left;
	font-size:12px;
	padding:0 5px;
	}	
	
#page1 {
	background-color: white;
	margin:0 auto;
	padding-left: 10px;  
	border: 1px solid #dbdbdb;
	border-top: 0px solid #dbdbdb;
	text-align: left;
	font-size:12px;
	}

#pageedit
	{
	background-color: white;
	width: 600px;
	min-height:750px;
	text-align: left;
	font-size:12px;
	}
		
#pageedit_new
	{
	background-color: white;
	text-align: left;
	padding-left: 10px;  
	font-size:12px;
	}
	
#page.pageLogin
	{
	background-color: white;
	margin:0 auto;
	padding: 0;
	width: 600px;
	border: 1px solid #dbdbdb;
	border-top: 0px solid #dbdbdb;
	min-height:500px;
	text-align: left;
	font-size:12px;
	}

#header {
	margin: 0;
	padding: 0;
	height: 70px;
	width: 908px;
	}

#headerimg {
	margin: 0;
	height: 70px;
	width: 195px;
	float:left;
	padding:3px 3px 0;
	}
#maincolumnHome {
	float: left;
	clear:both;
	padding:0px;
	margin: 0px;
	width: 881px;
	padding-top:10px;
	text-align:left;
	overflow:hidden;
	}
	
#maincolumn {
	float: left;
	padding:0px;
	margin: 0px;
	padding-top:10px;
	margin-left:10px;
	overflow:hidden;
	width:560px;

	}
#widecolumn {
	float: left;
	padding:0px;
	margin: 0px;
	padding-top:5px;
	margin-left:10px;

	width:662px;
}
#maincolumn_new {
	float: left;
	padding:0px;
	margin: 0px;	
	padding-top:10px;
	}	
#contentWrap {
	width:896px;
	margin:0 5px;
	padding:0;
}
#contentWrap.contentWrapLogin {
	width:600px;
	margin:0 auto;
	padding:0;
}
#content {
	width:896px;
	margin:0px;
	padding:0;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	overflow:auto;
	/*background:url(../images/divider.jpg) repeat-y 780px 0 ;*/
	}
#contentHome {
	width:896px;
	margin:0;
	padding:0;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	height:100%;
	overflow:auto;
	background:none ;
	}
	
#content.loginContent {
	width:600px;
	margin:0 auto;
	padding:0;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	min-height:300px;
	height:100%;
	}

#footer {
	padding: 0;
	clear: both;
	border-top:1px dashed #ddd;
	color:#ccc;
	}

#footer p {
	margin: 0;
	font-size:11px;
	padding: 10px 0;
	text-align: center;
	}

/* End Structure */

/* Begin link styling*/

a:link, a:visited {
	color: #06c;
	text-decoration: none;
	}
a:hover, a:active {
	color: #147;
	text-decoration: underline;
	}

/* end link styling */

/*	Begin Headers */

h1 {
	font-size: 30px;
	margin: 0;
	font-weight: bold;
	}

h2 {
	font-weight: bold;
	font-size: 24px;
	margin: 0;
	line-height:1em;
	
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
	font-size: 24px;
	}
	
h3 {
	margin:0;
	padding-bottom:5px;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	color:#FF9900;
	}

h4 {
	margin: 0;
	font-size: 16px;
	}
	
h5 {
	font-size: 14px;
	line-height:1em;
	}
	
h6 {
	font-size: 12px;
	line-height:normal;
	}

/* End Headers */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding: 5px 5px 5px 20px;
	border-left: 5px solid #ccc;
	background-color:#ddd;
	color:#777;
	font-style:italic;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

.navigation {
	text-align: center;
	padding:30px 0;
	}
	
.date {
    background: url(../images/dateBg.gif) no-repeat;
    width:34px;
    height:43px;
    color:#FFFFFF;
    font-size:15px;
    text-align:center;
    padding-top:2px;
    float:left;
    display: none;
    }
small {
	font-size: 0.9em;
	color: #777;
	}
	

code {
	font-size: 1em;
	}
.clear {
	clear: both;
	height:0;
	}
.new {
	background:url(../images/newBg.jpg) no-repeat;
	text-align:center;
	padding:0 5px;
	color:#FFFFFF;
	}
/* End Various Tags & Classes*/


/* misc styles starts */

strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
address {margin:0 0 5em;font-style:italic;}
del {color:#666;}
pre {overflow:scroll;}
pre, code {margin:5em 0; white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;}
li ul, li ol {margin:0 5em;}
ul, ol {margin:0 5em 5em 5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:5em;}
table {margin-bottom:0.5em;width:100%;}
th {font-weight:bold;}
tr.even  {background:#E6F4FC; border-left:1px solid #dcf2fe;	border-right:1px solid #dcf2fe;}
tr.highlight:hover   {background:#F5FBFE; border-left:1px solid #dcf2fe;	border-right:1px solid #dcf2fe;}
tfoot {font-style:italic;}
/* misc styles ends */

/* forms css starts */
label {font-weight:bold;}
fieldset {padding:4em;margin:0 0 5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}

input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}

input.title {font-size:5em;}

form {
	overflow:hidden;
}
fieldset {
	border:1px solid #ccc;
	padding:10px;
	position:relative;
	margin-bottom:10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	}
legend {
   font-size:1.3em;
   padding:.4em .6em;
   background:#E8F5FC url(../images/navBg.jpg) center center;
   border:1px solid #ccc;
   color:#FFFFFF;
   text-transform:uppercase;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;

}
 

fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
	font-size:1.1em;
	font-weight:normal;	
	text-transform:capitalize;
}
fieldset p input {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:30%;
}
fieldset.login p input {
	width:30%;
	
}
fieldset.login p select {
	width:30%;	
}
fieldset.login p password {
	width:30%;	
}

fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}

/* forms css ends */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
	
a img {
	border: none;
	text-decoration:none;
	outline:none;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
	
	#myaccount .top {
width:100%;
height:46px;
background:url(../images/myaccount.jpg) no-repeat left top;
}
#links .top {
width:100%;
height:46px;
background:url(../images/links.jpg) no-repeat left top;
}
#report .top {
width:100%;
height:46px;
background:url(../images/reports.jpg) no-repeat left top;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */




/* Begin Left Sidebar */
#sidebar
	{
	padding:5px 5px 10px 0;
	margin-left:5px;
	width: 200px;
	float:left;
	}
	
.center-content ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
.center-content ul li a:link, .center-content ul li a:visited {
	color: navyblue;
	}
	
.center-content ul li a:hover, .center-content ul li a:active {
	color:#003366;
	text-decoration:none;
	}
	
.center-content {
	position:relative;
	background:url(../images/rightside.jpg) repeat-y right top;
	padding:1px 0;
	font-size:12px;
	border-left:1px solid #d7d9da;
	
	}
#sidebar .center-content li {
	margin:0 6px;
	width:86%;
	padding:0;
	padding-left:10px;
	background:url(../images/bullet.gif) left center no-repeat;
	line-height:2em;
	border-bottom:1px solid lightblue;
	color: navyblue;
	}
	
.center-content li {
	margin:0px;
	width:95%;
	padding:0;
	padding-left:10px;
	background:url(../images/bullet.gif) left center no-repeat;
	line-height:2em;
	border-bottom:1px solid lightblue;
	color: navyblue!important;
	}
	
.center-content li:hover {
	color: navyblue;
	}

.top span {
	display:block;
	position:relative;
	height:46px;
	background:url(../images/topright.jpg) no-repeat right top;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:11px;
	padding-left:38px;
	text-transform:uppercase;
	}

.bottom {
	height:18px;
	background:url(../images/bottom.jpg) no-repeat left bottom;
	}

.bottom span {
	display:block;
	position:relative;
	height:18px;
	background:url(../images/bottomright.jpg) no-repeat right top;
	}

#navprofile, #membership, #studentbonus, #navtraining, #navcommunity  {
	width:200px;
	}
#access  {
	width:180px;
	margin:0 auto;
	}
#access .top {
	width:99%;
	height:46px;
	background:url(../images/access.jpg) no-repeat left top;
	}
#access .top span {
	display:block;
	position:relative;
	height:46px;
	background:url(../images/orangeRight.jpg) no-repeat right top;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:11px;
	padding-left:35px;
	text-transform:uppercase;
	}
#access .center-content li {

	background:none;
	}
	
#access .center-content li:hover {
	background:none;
	}
	
#newFriend, #connection {
	float:left;
	width:270px;
	margin-right:10px;
	text-align:center;
	}
	
#newFriend h4, #connection h4 {
	font-size:16px!important;
	color:#666!important;
	padding:5px;
	margin:0;
	margin-bottom:10px;
	}
	
#newFriend .top span, #connection .top span{
	display:block;
	position:relative;
	height:46px;
	background:url(../images/yellowRight.jpg) no-repeat right top;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:11px;
	padding-left:0px;
	text-transform:uppercase;
	}
#newFriend .top, #connection .top {
	width:100%;
	height:46px;
	background:url(../images/yellow.jpg) no-repeat left top;
	}
	
#navcommunity .top {
	width:100%;
	height:46px;
	background:url(../images/community.jpg) no-repeat left top;
	}
	
#navtraining .top {
	width:100%;
	height:46px;
	background:url(../images/training.jpg) no-repeat left top;
	}
	
#navprofile .top {
	width:100%;
	height:46px;
	background:url(../images/profile.jpg) no-repeat left top;
	}
	
#membership .top {
	width:100%;
	height:46px;
	background:url(../images/member.jpg) no-repeat left top;
	}

#studentbonus .top {
	width:100%;
	height:46px;
	background:url(../images/top.jpg) no-repeat left top;
	}	

/* End Left Sidebar */

/* End Left Sidebar */
#sidebar1 img{
overflow:hidden;  
}
#sidebar1 {
	padding: 5px 0 10px;
	margin:0px;
	width: 189px;
	margin-left:10px;
	float:left;

	}
	
#sidebar1 h2 {
	font-size: 16px;
	text-transform:uppercase;
	text-decoration:none;
	margin: 5px 0px 0;
	color:#3366cc;
	font-weight:normal;
	padding: 0;
	line-height:1.2em;
	}
#sidebar1 h4 {
	margin:0;
	padding:0 5px;
	}	
#sidebar1 ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#sidebar1 ul li {
	font-size:12px;
	}
#sidebar1 ul li a:link, #sidebar1 ul li a:visited {
	color: #4f4f4f;
	}
	
#sidebar1 ul li a:hover, #sidebar1 ul li a:active {
	color:#006699;
	text-decoration:none;
	}

#sidebar1 table {
	border:1px solid #bcd0e4;
	width:95%;
	margin:10px 0 0 2px;
	padding:2px;
	}

/* End Right Sidebar */

/* Top Navigation styles start */
#TopNav {
	height: 37px;
	float:left;
	margin-top:8px;
	margin-left:20px;
	width:682px;
	}

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

#main_nav li {
	float: left;
	}
	
#main_nav li a {
	text-indent: -999999px;
	display: block;
	height: 37px;
	margin:0;
	text-decoration:none;
	outline:none; 
	} 

#home { background: url(../images/navHome.jpg) no-repeat left top; width: 111px; }
#home:hover, #home.active{ background: url(../images/navHome.jpg) left bottom; }

#profile { background: url(../images/navProfile.jpg) no-repeat left top; width: 145px; }
#profile:hover, #profile.active{ background: url(../images/navProfile.jpg) left bottom; }

#training { background: url(../images/navTraining.jpg) no-repeat left top; width: 136px; }
#training:hover, #training.active { background: url(../images/navTraining.jpg) left bottom; }
 
#tools { background: url(../images/navTool.jpg) no-repeat left top; width: 119px; }
#tools:hover, #tools.active{ background: url(../images/navTool.jpg) left bottom; }

#community { background: url(../images/navCommunity.jpg) no-repeat left top; width: 170px; }
#community:hover, #community.active{ background: url(../images/navCommunity.jpg) left bottom; }

/*#logout { background: url(../images/navLogout.jpg) no-repeat left top; width: 190px; }
#logout:hover, #logout.active{ background: url(../images/navLogout.jpg) left bottom; }
*/

/* Top Navigation styles ends */

/* Banner Styles starts */
#banner img {
	float:left;
	}
#banner {
	width:707px;
	height:118px;
	background:url(../images/statusBg.gif) no-repeat 0 0;
	float:right;
	
	}
#banner1 {
	width:707px;
	height:118px;
	background:url(../images/statusBg.gif) no-repeat 0 0;
	float:left;
	
	}	
	
#statusBox {
	width:219px;
	height:86px;
	float:left;
	background:url(../images/statusIcon.gif) no-repeat 90% 0;
	}
#trainingBox {
	width:222px;
	height:86px;
	float:left;
	background:url(../images/trainingIcon.gif) no-repeat 90% 0;
}
#alertBox {
	width:223px;
	height:86px;
	float:left;
	background:url(../images/alertIcon.gif) no-repeat 90% 0;
}
#statusBox, #trainingBox, #alertBox{
	background-color:#FFFFFF;
	color:#666;
	font-size:12px;
	margin:8px 0 0 8px;
	border:1px solid #A05F05;
	}
#statusBox h3, #trainingBox h3, #alertBox h3 {
	color:#ff9900;
	margin:0;
	padding:3px;
	font-weight:bold;
	font-size:16px;
	}
#statusBox ul, #trainingBox ul, #alertBox ul {
	list-style:none;
	margin:0 5px;
	padding:0 0 0 5px;
	}
#statusBox li, #trainingBox li, #alertBox li {
	border-bottom: 1px dashed #999;
}
#statusBox li:last-child, #trainingBox li:last-child, #alertBox li:last-child {
	border-bottom:none;
	}

a.rating {
	display:block;
	width:650px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:20px;
	background:url(../images/star.gif) no-repeat;
	float:left;
	clear:both;
	font-size:12px;
	margin-left:10px;
	margin-top:2px;
	}
/* homepage Styles Begin */

.logoutBtn a {
font-size:13px;
text-transform:uppercase;
padding:2px 10px 3px;
margin-right:5px;
float:right;
background-color:#86B50D;
color:#FFFFFF;
font-weight:bold;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border: 1px solid #ccc;
border-top:0px solid #ccc;

}

#updates {
	background:url(../images/updatesBg.jpg);
	padding:10px;
	margin-left:5px;
	width:426px;
	height:275px;
	font-size:12px;
	float:left;
	}

#updates h3 {
	margin:0;
	margin-top:10px;
	padding:0;
	width: 60%;
	padding-bottom:5px;
	text-transform:uppercase;
	color:#FF9900;
	border-bottom:1px solid #ddd;
	font-size:15px;
	font-weight:bold;
	}
	
#updates h3:first-child {
	color:#669900;
	}

#updates ul {
	list-style:none;
	margin:10px 0;
	padding:0;
	}
#updates li {
	font-size:12px;
	background-image:url(../images/list.jpg);
	background-repeat:no-repeat;
	padding-left:20px;

	}
#adv {
	width:480px;
	float:left;
	}
#adv div {
	margin-left:10px;
	margin-bottom:10px;
	float:left;
	}
#increaseRating, #useTool {
	width:430px;
	float:left;
	margin:5px;
	font-size:11px;
	
	}
#increaseRating .increaseRating , #useTool .useTool {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	width:428px;
	padding:5px 10px 0;
	overflow:hidden;

	}
	
#increaseRating .top span{
	display:block;
	position:relative;
	height:46px;
	background:url(../images/orangeRight.jpg) no-repeat right top;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:15px;
	padding-left:40px;
	text-transform:uppercase;
	}
#increaseRating h3.btn a  {
	float:left;
	background:url(../images/orangeBtnLeft.jpg) no-repeat left top;
	padding:0 0 0 8px;
	margin:0;
	text-decoration:none;
	outline:none;
	}

#increaseRating h3.btn a span {
	float:left;
	color:#fff;
	display:block;
	background:url(../images/orangeBtnRight.jpg) no-repeat right top;
	padding:10px 15px 15px 6px;
	font-size:18px;
	cursor:pointer;
	outline:none;
	}
	
#useTool h3.btn a {
	background:url(../images/greenBtnLeft.jpg) no-repeat left top;
	float:left;
	padding:0 0 0 8px;
	margin:0;
	text-decoration:none;
	outline:none;
	}
#useTool h3.btn, #increaseRating h3.btn {
	margin-bottom:20px;
	font-weight:normal;
	margin-left:100px;
	}

#useTool h3.btn a span {
	background:url(../images/greenBtnRight.jpg) no-repeat right top;
	float:left;
	color:#fff;
	display:block;
	padding:10px 15px 15px 6px;
	display:block;
	font-size:18px;
	cursor:pointer;
	outline:none;
	}	
#useTool .top{
	width:100%;
	height:46px;
	background:url(../images/orange.jpg) no-repeat left top;
 }
	#increaseRating .increaseRating , #useTool .useTool {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	width:446px;
	padding:5px 10px 0;
	overflow:hidden;

	}

#useTool .top span{
	display:block;
	position:relative;
	height:46px;
	background:url(../images/orangeRight.jpg) no-repeat right top;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:15px;
	padding-left:40px;
	text-transform:uppercase;
	}

#useTool .center-content, #increaseRating .center-content {
	padding:10px 10px 5px;
	}	

#increaseRating h3 span {
	float:left;
	color:#fff;
	display:block;
	background:url(../images/orangeRight.jpg) no-repeat right top;
	padding:10px 160px 15px 80px;
	font-size:18px;
	clear:both;
	}
#useTool h3 span {
	float:left;
	color:#fff;
	display:block;
	background:url(../images/greenRight.jpg) no-repeat right top;
	padding:10px 122px 15px 100px;
	font-size:18px;
	}
#increaseRating h4, #useTool h4{
	text-align:center;
	font-size:14px;
	letter-spacing:0.5px;
	}
#increaseRating h4 a {
	color:#663300;
	}

#useTool h4 a {
	color:#336600;
	}
#increaseRating .top {
	width:100%;
	height:46px;
	background:url(../images/orange.jpg) no-repeat left top;
	}
	
#increaseRating a.Btn  {
	float:left;
	background:url(../images/orangeBtnLeft.jpg) no-repeat left top;
	padding:0 0 0 8px;
	margin:0;
	text-decoration:none;
	}
	
#increaseRating a.Btn span {
	float:left;
	color:#fff;
	display:block;
	background:url(../images/orangeBtnRight.jpg) no-repeat right top;
	padding:10px 15px 15px 6px;
	font-size:18px;
	cursor:pointer;
	}
	
#useTool a.Btn {
	background:url(../images/greenBtnLeft.jpg) no-repeat left top;
	float:left;
	padding:0 0 0 8px;
	margin:0;
	text-decoration:none;
	}
	
#useTool a.Btn span {
	background:url(../images/greenBtnRight.jpg) no-repeat right top;
	float:left;
	color:#fff;
	display:block;
	padding:10px 15px 15px 6px;
	font-size:18px;
	cursor:pointer;
	}
	
/* Homepage Styles End */

/* Profile Page Styles Starts */
#basicInfo {
	float:left;
	clear:both;
	width:100%;
	margin-bottom:10px;
	}
	
.basicInfo {
	float:left;
	color:#333333;
	margin-left:15px;
	}
.basicInfo ul {
	list-style:none;
	margin:2px 0;
	padding:0;
	}
.basicInfo li {
	font-size:12px;
	}
#maincolumn .basicInfo h4 {
	font-size:14px;
	color:#666666;
	}
.basicInfo h4, .basicInfo h3 {
	margin:0;
	padding:0;
	}
#maincolumn h4 {
	font-size:18px;
	color:#3366cc;
	}
/* Profile Page Styles End */

/* Training Page Style Starts */
.wideColumn {
	padding-bottom:15px;
	margin:10px 0;
	float:left;
	width:662px;
	}
.TabularLevel table {
	border:0;
	margin:0;
	border-left:1px solid #dcf2fe;
	border-right:1px solid #dcf2fe;
	width:557px;
	padding:0;
	vertical-align: middle;
	}
	
.TabularLevel {
	padding-bottom:15px;
	margin:10px 0;
	float:left;
	background:url(../images/tableBottom.gif) no-repeat bottom;
	}
.TabularLevel h4 {
	padding:5px 0 0 5px;
	color:#333333!important;
	margin:0;
	background:url(../images/tabularheader.gif) no-repeat;
	border-bottom:1px solid #dcf2fe;	
	}
.TabularLevel h4 img {
	vertical-align:text-top;
}
.TabularLevel th {
	 font-size:16px;
	 color:#0066CC;
 }
.TabularLevel input {	
	}
.TabularLevel tfoot a {
	color:#FF6600;
	font-size:14px;
	position:relative;
	top:5px;
	}	
	
.TabularLevel1 table {
	border:0;
	margin:0;
	padding:5px 0px;
	border-left:1px solid #dcf2fe;
	border-right:1px solid #dcf2fe;
	width:662px;
	background-color:#fff;
	vertical-align: middle;
	}
.TabularLevel1 {
	padding-bottom:15px;
	margin:10px 0;
	float:left;
	width:662px;
	background:url(../images/tableBottom1.gif) no-repeat bottom;
	}
.TabularLevel1 h4 {
	padding:5px 0 0 5px;
	color:#333333!important;
	margin:0;
	background:url(../images/tabularheader1.gif) no-repeat;
	border-bottom:1px solid #dcf2fe;
	
	}
	
.TabularLevel_newtable {
	border:0;
	margin:0;
	padding:5px 0px;
	border-left:1px solid #dcf2fe;
	border-right:1px solid #dcf2fe;
	width:662px;
	background-color:#fff;
	vertical-align: middle;
}
.TabularLevel_new {
	padding-bottom:15px;
	margin:10px 0;
	float:left;
	width:662px;
	background:url(../images/tableBottom1.gif) no-repeat bottom;
	}
.TabularLevel_newh4 {
	padding:5px 0 0 5px;
	color:#333333!important;
	margin:0;
	background:url(../images/tabularheader1.gif) no-repeat;
	border-bottom:1px solid #dcf2fe;
	height:35px;
	padding: 9px 0px 0px 10px;
	margin: 0px;
	font-size:18px;
	}
	
.TabularLevel1 h4, .TabularLevel2 h4, .TabularLevel3 h4, .TabularLevel4 h4 {
	height:35px;
	padding: 9px 0px 0px 10px;
	margin: 0px;
	font-size:18px;
	}
.TabularLevel1 h4 img {
	vertical-align:text-top;
}	
.TabularLevel1 th {
	 font-size:16px;
	 color:#0066CC;
 }
.TabularLevel1 input {
	
	}
.TabularLevel1 tfoot a {
	color:#FF6600;
	font-size:14px;
	position:relative;
	top:5px;
	}
	
	.TabularLevel_ticket table {
	border:0;
	margin:0;
	padding:5px 0px;
	border-left:1px solid #dcf2fe;
	border-right:1px solid #dcf2fe;
	width:720px;
	background-color:#fff;
	vertical-align: middle;
	}
	.TabularLevel_ticket h4 img {
	vertical-align:text-top;
}	
.TabularLevel_ticket th {
	 font-size:16px;
	 color:#0066CC;
 }
.TabularLevel_ticket input {
	
	}
.TabularLevel_ticket tfoot a {
	color:#FF6600;
	font-size:14px;
	position:relative;
	top:5px;
	}
	
	.TabularLevel_ticket h4 {
	padding:5px 0 0 5px;
	color:#333333!important;
	margin:0;
	background:url(../images/tabularheader1.gif) no-repeat;
	border-bottom:1px solid #dcf2fe;
	
	}
	
.TabularLevel2 {
	padding-bottom:15px;
	margin-bottom:10px;
	}

.TabularLevel2 table {
	border:0;
	margin:0;
	padding:5px 0px;
	background-color:#fff;
	vertical-align: middle;
	}
.title {
	width:35%;
	font-weight: bold;
	font-size:14px;
	padding-left:15px;
}
.TabularLevel3 {
	
	margin:10px 0;
		float:left;
		width:755px;
	
	}
	
.TabularLevel3 table {
	border:0;
	margin:0;
	padding:5px 0px;
	width:755px;
	background-color:#fff;

	}			
.TabularLevel th, .TabularLevel1 th, .TabularLevel2 th, .TabularLevel3 th {
	margin:0;
	padding:0;
	padding-left:10px;
	
	}	
.TabularLevel td, .TabularLevel1 td, .TabularLevel2 td, .TabularLevel3 td {
		vertical-align: middle;
}
.profileForm table {
	border:0;
	margin:0;
	padding:0;
	border-left:1px solid #dcf2fe;
	border-right:1px solid #dcf2fe;
	width:557px;
	}
.profileForm {
	padding-bottom:10px;
	margin-bottom:20px;
	background:url(../images/tableBottom.gif) no-repeat bottom;
	}
.profileForm h4 {
	padding:10px 0 0 10px;
	color:#333333!important;
	margin:0!important;
	background:url(../images/tabularheader.gif) no-repeat;
	}
.profileForm td {
	vertical-align:text-top;
	}
.profileForm th {
	 font-size:16px;
	 color:#0066CC;
 }
.profileForm input {
	padding:3px;
	clear:both;
	}
.profileForm tfoot a {
	color:#FF6600;
	font-size:14px;
	position:relative;
	top:5px;
	}	
.btnSubmit  {
	float:left;
	background:url(../images/smallInputBtn.gif) no-repeat center center;
	padding: 3px 14px 8px!important;
	margin:0;
	font-size:12px;
	text-decoration:none;
	border:none;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.05em;
	text-transform:uppercase;
	width:86px;	
	}
.cbutton  {
	float:left;
	background:url(../images/smallInputBtn.gif) no-repeat center center;
	padding: 3px 14px 8px!important;
	margin:0;
	font-size:12px;
	text-decoration:none;
	border:none;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.05em;
	text-transform:uppercase;
	width:86px;	
	}
	.cbutton_big  {
	float:left;
	background:url(../images/BigInputBtn.gif) no-repeat center center;
	padding: 3px 14px 8px!important;
	margin:0;
	font-size:12px;
	text-decoration:none;
	border:none;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.05em;
	text-transform:uppercase;
	width:115px;	
	}
	.cbutton_bigger  {
	float:left;
	background:url(../images/BiggerInputBtn.gif) no-repeat center center;
	padding: 3px 14px 8px!important;
	margin:0;
	font-size:12px;
	text-decoration:none;
	border:none;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.05em;
	text-transform:uppercase;
	width:150px;	
	}
	.cbutton_biggest  {
	float:left;
	background:url(../images/BiggestInputBtn.gif) no-repeat center center;
	padding: 3px 14px 8px!important;
	margin:0;
	font-size:12px;
	text-decoration:none;
	border:none;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.05em;
	text-transform:uppercase;
	width:180px;	
	}

	.button_green  {
	float:left;
	background:url(../images/button_green.gif) no-repeat center center;
	padding: 13px 24px 18px!important;
	margin:0;
	font-size:12px;
	text-decoration:none;
	border:none;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.05em;
	text-transform:uppercase;
	width:250px;	
	}
.addtocart  {
width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url('../images/addtocart.jpg') no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  }
  
.addtocart_large_button  {
  width: 107px;
  height: 26px;
  margin: 0;
  padding: 0;
  border: 0;
  align: right;
  background: transparent url('../images/addtocartbtn.gif') no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.pageTitleAcLibrary
	{
	font-size: 20px;
	text-transform:uppercase;
	text-decoration:none;
	margin: 5px 5px 0;
	color:#3366cc;
	font-weight:bold;
	padding: 0;
	}
	
table.list_style, table.list_style1{
    color: #185FAC;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align:center;
    
}

table.list_style th  {
	background-color:#E8F5FC ;
	/*color:#fff;
    color: #185FAC;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px dashed rgb( 127, 199, 233 ) ;*/
    border-collapse:collapse;
    text-align:center;
    border: 1px dashed rgb( 127, 199, 233 ) ;
    font-weight:normal;
}
table.list_style1 th  {
	background-color:#E8F5FC ;
    border-collapse:collapse;
    text-align:center;
    border: 1px dashed rgb( 127, 199, 233 ) ;
    font-weight:normal;
}
table.list_style td {
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px dashed rgb( 127, 199, 233 ) ;
}
table.list_style td img, table.list_style1 td img {
	border: 5px solid #efefef;
}
.form_label {
    padding-left: 15px;
    padding-bottom: 10px;
}

.asteric {
    font-size: 9px;
    font-family: Verdana;
    color: #FF0000;
    font-weight: bold;
}

img {
    border: none;
	}
#s {
	margin-left:12px;
	}
#searchBtn {
	background: url('../images/searchBtn.jpg') no-repeat center center;
	padding:7px 11px 0;
	border:none;
	cursor:pointer;
}
a {
	outline:none;
	}
	
/* Homepage Styles End */
.tabs-nav ul{
    list-style: none;
    margin: 0;
    margin-top:20px;
    padding: 0px 0 0 20px;

}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../images/tab.gif) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 0px;
    z-index: 2;
    padding-left: 0;
    color: #fff;
    font-size: 13px;
	text-transform:uppercase;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a.current, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -126px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -84px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 30px; /* IE 6 treats height as min-height */
    min-height: 30px;
    padding-top: 12px;
    padding-right: 0;

}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 12px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a.current span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -42px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a.current, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {

    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../images/loading.gif) no-repeat 0 50%;
}

#tabcontentcontainer{
	width:95%; /*width of 2nd level content*/
	margin:0;
	padding:0;
}

.tabcontent{
	display:none;
}
.listCourse {
	width: 46%;
	float: left;
	font-size:12px;
	border: 1px solid #E6F4FC;
	padding:5px 4px 5px 15px;
	background: url(../images/bullet.gif) 8px center no-repeat;
}
.listCourse:hover {
	background-color: #E6F4FC;
	text-decoration:none;
}
.example  a {
	background:transparent url(../images/buttonleft.gif) no-repeat left;
	display:block;
	float:left;
	height:28px;  
	margin-right:15px;
	padding:5px 0 5px 10px;	
	text-decoration:none;
}
	
.example a span {
	background:transparent url(../images/buttonright.gif) no-repeat right;
	cursor:pointer;
	display:inline; 
	float:left; 
	height:18px;  
	padding:5px 10px 5px 0;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
}

.example a:hover {
	background:transparent url(../images/buttonleft_ro.gif) no-repeat left;
	color:#666;
	padding:5px 0 5px 10px; 
}

.example a:hover span {
	background:transparent url(../images/buttonright_ro.gif) no-repeat right; 
	color:#666;
	padding:5px 10px 5px 0; 
}
.example li a:hover, .example li a.current{
	background:transparent url(../images/buttonleft_ro.gif) no-repeat left;
	color:#666;
	padding:5px 0 5px 10px; 
}
.example li a.current span {
	background:transparent url(../images/buttonright_ro.gif) no-repeat right; 
	color:#666;
	padding:5px 10px 5px 0; 
}
.errorclass{
	font-size: 12px;
	font-family: Verdana;
	color: #FF0000;
	font-weight: bold;
	margin-left:10px;
}

.cerrorclass {
color:#FF0000;
font-family:Tahoma,Arial,sans-serif;
font-size:12pt;
text-align:center;
}

.completed
{
       text-align:center;
       font-family: Tahoma, Arial, sans-serif;
       font-size:16px;
       text-align:center;
       color: #0090D3;
}

.loadingstatusbox
{ 
	font-size: 80%; 
	font-family: arial, 
	sans-serif; 
	font-weight: bold; 
	padding: 2px; 
	position: absolute; 
	right: 1px; 
	top: 1px; 
	z-index: 100; 
	color: #ffffff; 
	background-color: #cc4444; 
}

.noteclass {
	font-size: 10px;
	font-family: Verdana;
	color: #336699;
}

.leaderBoard {
	width:49%;
	}
.leaderBoard ul {
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:10px;
	}
.leaderBoard ul li {
	margin:0;
	padding:3px;
	list-style-type:none;
	}
.leadername span {
	color: #56A0EB;
	}
.leadername {
	float: left;
	width: 140px;
	}
	
	#wrap {
	width:640px;
	height:360px;
	position:absolute;
	top:45%;
	left:50%;
	margin-left:-320px;
	margin-top:-180px;
	
}
.wrap {
	border: 1px solid #ccc;
	background-color:#FFFFFF;
	text-align:left;
	padding:20px;
	overflow:auto;
	}

#loginBox {
	font-size:12px;
	margin-top:20px;
	border:1px solid #ccc;
	padding:10px;
	background:url(../images/loginBg.jpg) no-repeat;
	}
	
.blueRect {
	background-color: #fff;
	background-image: url(../images/rounded_blue_bg.jpg) ;
	background-repeat: repeat-x;
	border: solid 1px #dcf2fe;
	border-bottom: none;
	color: #000;		
    }
    
    .blueRect_small {
    width: 300px;
    }
  
	.blueRect_large {
    width: 99%;
    }    
    
.blueRect .bottom_new {
	border-bottom: solid 1px #dcf2fe;
	height: 16px;
    } 
    
.blueRect .middle {
	margin: 0px 10px 0px 10px;
    }
    
.blueRect .middle h4 {
	margin: 0px 10px 0px 10px;
    }
    
.blueRect .cn {
	
	background-image: url(../images/rounded_blue_circle.jpg);
	background-repeat: no-repeat;
	height: 16px;
	line-height: 10px;
	position: relative;
	width: 16px;
    }
    
.blueRect .tl {
	background-position: top left;
	float: left;
	margin: -1px 0px 0px -1px;
    }
    
.blueRect .tr {
	background-position: top right;
	float: right;
	margin: -1px -1px 0px 0px;
   }
    
.blueRect .bl {
	background-position: bottom left;
	float: left;
	margin: 1px 0px -1px -1px;
   }
   
.blueRect .br {
	background-position: bottom right;
	float: right;
	margin: 1px -1px -1px 0px;
   }
.blue_title {
color:#0090D3;
font-family:"trebuchet MS";
font-size:1.7em;
}
	
.close {
height: 15px;
width: 14px;
background-image: url(../images/but.gif);
background-repeat: no-repeat;
}
.close:hover {
background-image: url(../images/obut.gif);
}

#close {
	float: right;
	
}
.siteList{ 
	width: 700px; 
	background:#eaeaea url(../images/siteListBg.gif) repeat-x; 
	border: 1px solid #a2a2a2; 
	position: relative; 
	margin: 10px 0;
	    }
.siteList .tl		{ position: absolute; width: 5px; height: 5px; background:#fff url(../images/tl.gif); top: -1px; left: -1px; }
.siteList .tr		{ width: 5px; height: 5px; background:#fff  url(../images/tr.gif); position: absolute; top: -1px; right: -1px; }
.siteList .bl		{ width: 5px; height: 5px; background:#fff url(../images/bl.gif); position: absolute; bottom: -1px; left: -1px; }
.siteList .br		{ width: 5px; height: 5px; background:#fff url(../images/br.gif); position: absolute; bottom: -1px; right: -1px; }
.siteList .inside	{ padding: 5px 20px; }
.siteList h3 		{ line-height:1em; margin:0 0 7px; padding:0 0; float:left; width:100%; clear:both;}
.siteList h3 a		{ color:#FFFFFF; font-weight:normal; letter-spacing:0.1em; }
.siteList h3 img	{ float:right;}
.siteList p 		{margin:5px; font-size:13px}
.siteList label 	{color:#3366cc; font-style:italic; font-weight:normal; font-size:15px}