@charset "UTF-8";

/* R E S E T  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
/* end of RESET  */
 * { margin: 0; }

html, body {
height: 100%
}

html {
padding: 0;
margin: 0;
}

body {
  margin: 0;
	padding: 0;
	border: 0;
	background-color:#a5a5a5;
	background-image: url(../images/10_bodybg3.gif);
	background-repeat: repeat-y;
	font: 12px/1.1em Arial,"Helvetica Neue",Helvetica, sans-serif;
	line-height: 150%;
	color: #222; 
 }

/* layout main divs */

#container {
		margin-left: 0;
		width: 1000px; 
		min-height:100%;
	  position:relative;
		}
/* commented backslash hack v2 \*/ 
* html #container {height:100%;}		
* html #container {width:1002px;w\idth:1000px;}
/* end hack */ 


#header {
		height: 100px;
		width:950px;
		background-color: #fff;
		margin-left: 50px;
		border-top: 1px solid white;
		z-index:1;
}

#header img { margin-top: 15px;  margin-left: 30px; }

#banner {
		height:250px; 
		width:1000px;
		background-color: #000;
		margin-top: 0;
		position:relative;
		z-index:2;
		overflow:hidden;
}

#banner_narrow {
		height:100px; 
		width:1000px;
		background-color: #000;
		margin-top: 0;
		position:relative;
		z-index:2;
		overflow:hidden;
}

#banner img, #banner_narrow img {margin-left: 50px;}

* html #header {height:101px;he\ight:100px}
* html #banner {height:252px;he\ight:252px}

#topnav {
		margin-top: 0;
		margin-right: 20px;
		text-align: right;
	}

/** html #topnav {height:22px;he\ight:20px}	*/

#sidebar {
		width: 270px;
		float: left;
		margin-top: 20px;
		margin-left: 50px;
		}
		

#content {
	  width: 640px;
		float: left;
		margin-top: 20px;
		margin-left: 20px;
		margin-bottom: 100px;
		}

#leftcol { width: 310px; float: left; text-align: justify; }

#rightcol { width: 310px; float: right; text-align: justify; }
		
#footer	{
		position:absolute;
		bottom:0;
		width:1000px;
		height: 24px;
		background-color: #000;
		font-size: 0.8em;
		color: #dcdcdc;
}

#footer p {margin:0;padding:0}
* html #footer {height:25px;he\ight:24px;}

.divider {
	width:100%;
	height:5px;
	overflow:hidden;
	background:#fff;
	position:relative;
	border-bottom: 1px solid #b7afa3;
	background-image: url(../images/10_bodybg3.gif);
}

#footer img {
vertical-align: middle;
}

#clearfooter { height:27px;
	width:100%;
	clear:both;}

#browse {
padding: 0px 5px 5px 10px;
background-image: url(../images/bgbrowse.gif);
background-position: top left;
background-repeat: no-repeat;
height: 50px;
margin-top: 16px;
}

#browse a {
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #fff;
font-weight: bold;
font-size: 1.3em;
}

#browse a:hover {
background-color: #c6c6c6;
color: #d1f851;
border-bottom: 1px dotted #d1f851;
}

#browse p {
padding-top: 12px;
}


#login {
margin-top: 10px;
margin-left: 0;
}

#login label {
color: #333;
font-size: 0.9em;
}

#login form {margin-left: 20px;}

#logout {margin-left: 20px;}

#logout a:link, #logout a:visited { color: #d67477; }
#logout a:hover { text-decoration: underline; }

/*
#user input[type="text"], #loguser input[type="text"] {
width: 120px;
border: 1px dotted #bcbcbc;
}

#user input[type="password"], #loguser input[type="password"] {
width: 120px;
border: 1px dotted #bcbcbc;
margin-bottom: 3px;
}

#user input[type="submit"], #loguser input[type="submit"] {
font-size: 0.85em;
}
*/

input.log {
width: 170px;
border: 1px solid #bcbcbc;
font-size: 1.0em;
padding: 2px;
margin-bottom: 3px;
}

input.but {
font-size: .85em;
}

#user {
font-size: 0.95em;
border: 1px solid #d1d1d4;
-moz-border-radius: 11px 0 11px 0;
}

#user p, #loguser p {
margin: 10px 0 0 10px;
font-size: 1em;
}

/* not used on BPSN
#loguser {
border: 1px solid #d1d1d4;
-moz-border-radius: 0 11px 0 11px;
background-color: #f8f8f6;
margin-top: 5px;
padding-bottom: 10px;
}*/

#maincontent {
width: 780px;
margin: 0px 0px 0px 20px;
padding: 0px;
float: right;
/*overflow: auto;*/
}

#usercontent {
}

#usercontent table {
border-collapse: collapse;
font-size: 0.95em;
}

#usercontent th {
border-bottom: 2px solid #e3e3e3; /*#dcdcdc;*/
border-top: 1px solid #f8f8f6;
background: #d1d1d4 url(../images/bgth.gif) repeat-x bottom left; /*bguserserp3.gif);*/
background-color: #dcdcdc;
color: #666;
padding-left: 5px;
height: 30px;
font-weight: normal;
text-align: left;
vertical-align: middle;
/*text-transform: uppercase;*/
}

#usercontent table {
 border-bottom: 1px solid #e3e3e3;
}

#usercontent td {
padding-left: 5px;
vertical-align: middle;
}

#usercontent li {
line-height: 150%;
margin-left: -30px;
\margin-left: -10px;
m\argin-left: -30px;
}

#usercontent h4 { margin-top: 1.7em;}


#update {
text-align: right;
line-height: 250%;
font-size: 0.8em;
color: #999;
height: 10px;
bottom: 0px;
}


#google_image {
padding-left:5px;
}

#homemain {
width: 540px;
float: left;
}

#homemain img {
float: left; 
padding: 3px 15px 5px 0;
}


#upcoming {
	float: right;
	width: 300px !important;
	width/* */:/**/310px;
	background-color: #fff;
  font-size: 0.9em;
}

/*#upcoming h1 {font-size: 1.5em; color: #29A6C9; margin: 0px auto 7px auto;}*/
#upcoming h1 { font-size: 1em; margin: 0 0 7px 2px !important; margin/* */:/**/36px 0 7px 2px; }
#upcoming td {border-bottom: 1px solid #d4d0c6; padding: 2px; font-size: 1em !important; font-size/* */:/**/0.7em; line-height: 110%;}

#upcoming th {background-color: #e1e1e1; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1em !important; font-size/* */:/**/0.7em; font-weight: normal; color: #666; padding: 2px; text-align: left;}

/*#upcoming a:hover {
color: #75b033;
}*/

.d {width: 40px }
.c {width: 210px }
.p {width: 50px }


#upcom_legend { color: #333; font-size: 10px; font-family: Arial, Helvetica, verdana, sans-serif; }

#upcom_legend img { vertical-align: bottom; }

/*
.moduleActive {
width: 600px;
border: 3px solid #f0fdd3;
margin: 10px;
padding: 10px;
}

.moduleActive h2 {
color: #000;
}

.modulePassed {
width: 600px;
border: 3px solid #dcdcdc;
margin: 10px;
padding: 10px;
color: #ccc;
}

.moduleDetails table {
width: 90%;
}

.moduleDetails th {
width: 90px;
vertical-align: top;
}

.modulePassed td {
color: #ccc;
}
*/
.iconcontainer {
text-align: center; float: left; width: 80px;
}

/*
#diary {
	border: 6px solid #f0fdd3;
	-moz-border-radius: 2em;
  border-radius: 2em;
	padding: 15px;
	font-size: 0.9em;
}

#training {
	border: 6px solid #f0fdd3;
	-moz-border-radius: 2em;
  border-radius: 2em;
	padding: 15px;
	font-size: 0.9em;
}

*/

/* styling user menu - different body ID for every menu item */
/*
#usermenu li {
	width: 100%;
	list-style: none;
	margin: 0;
}

#usermenu a {
	display: block;
	border-bottom: 1px solid #a5a5a5;
	padding: 7px 0;
	margin: 0;
	color: #000;
}

#usermenu a:hover {
	background-color: #f5f5f0;
}
*/


#usermenu {
background:#f6f4f4; 
border: 3px solid #e7e7e7; 
border-width:0 1px; 
margin-top: 10px;
}

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

#menu li {
list-style-type: none;
list-style-image: url(../images/bulempty.gif;);
margin-bottom: 0;
width: 100%;
/*
list-style: none;
line-height: 240%;
background-image: url(../images/bguserp.gif);
padding-left: 10px;
border-bottom: 1px solid #ececec;*/
}

#menu a {
border: 0 none; 
display : block;
border-top: 1px solid #fff; 
border-bottom: 1px solid #e7e7e7; 
padding: 7px 20px; 
background: #f8f8f6 url(../images/10_bguserm.gif) repeat-x left top; /*#f6f4f4*/
color: #222;
}

#menu a:hover { 
background: #f6f6f4;
border-top: 1px solid #e7e7e7; 
border-bottom: 1px solid #fff; 
}

#menu #dt a {
border-top: 1px solid #fafafa;
}

#pageD #menu #d a, #pageT #menu #t a, #pageH #menu #h a, #pageE #menu #e a {background: #f8f8f6 url(../images/10_activeitem.gif) no-repeat right center; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #fff; }