/* CSS Document */

@media screen{

body{
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	background:#FFFFFF url(images/bgGrad.gif) repeat-x 0 117px;
}

html,body
{
    height:100%;
    min-height:100%;
}


a, a:link, a:visited{
	text-decoration:none;
	color:#006699;
}

a:hover{
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	font-size: medium;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 130%;
	color: #555;
	margin-bottom: 15px;
	margin-top: 2px;
	border-bottom : 2px solid #e78300;
	padding-bottom : 6px;
}

h2 {
	font-size: 110%;
	color: #555;
	margin-bottom: 4px;
	margin-top: 2px;
}

h3 {
	font-size:100%;
	margin-bottom: 2px;
	margin-top: 2px;
}

h4 {
	font-size: 90%;
	margin-bottom: 2px;
	margin-top: 2px;
}

h5 {
	font-size: 80%;
	margin-bottom: 2px;
	margin-top: 2px;
}

h6 {
	font-size: 70%;
	margin-bottom: 2px;
	margin-top: 2px;
}

FORM { 
	margin-top:4px;
	margin-bottom:4px;
}

TEXTAREA {
	FONT-SIZE: 1.0em; 
	COLOR: black; 
	FONT-FAMILY: courier, monospace
}

P.instruction {
	PADDING-LEFT: 10px; 
	FONT-SIZE: 1em; 
}

P.error {
	PADDING-LEFT: 10px; 
	FONT-SIZE: 1.0em; 
	COLOR: red
}

.label {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.0em; 
	TEXT-ALIGN: right
}

#container
{
    margin:0,0,0,0;
}

#banner{
	background: url(images/banBG.gif) repeat-x;
	height:98px;
	position:relative;
}

#greyBan{
	height:18px;
	background: url(images/blackbar.gif) repeat-x;
	border-top: 1px solid white;
	text-align: left;
	padding-right: 10px;
}

#logoLeft{
	height:98px;
	width:455px;
	position:absolute;
	left:10px;
	top: 0;
	background: url(images/logo_left.gif);
}

#logoLeftAdmin{
	height:98px;
	width:455px;
	position:absolute;
	left:10px;
	top: 0;
	background: url(images/logo_admin.gif);
}

#logoRight{
	height:98px;
	width:305px;
	position:absolute;
	right:10px;
	top: 0;
	background: url(images/logo_right.gif);
}


#content
{	padding-right:50px;
	margin-top:15px;
	margin-left:10px;
}

#contentLogin{	
	padding-right:50px;
	margin-top:30px;
	margin-left:100px;
}

#footer{
display:none
}

#info{
	background-image: url(images/boxbg.gif);
	background-repeat: repeat-x;
	padding-left:3px;
	margin-right:5px;
	margin-left:1px;

}

/*********************Log in window information */

#login{
	width:570px;
	margin-left:auto;
	margin-right:auto;
}

#loginForm{
	width:250px;
	float:left;
}

#loginPicture{
	width:264px;
	height:290px;
float:right;
	background:url(images/people.jpg) no-repeat right bottom;
}

#login input:focus, input:active, textarea:focus, textarea:active {
background:#FFFFEF;
}

/*****************Left menu layout */

#leftMenu{
    float:left;
	width:200px;
	left:0px;
	height:100%;
	padding-top:15px;
	margin-bottom:0;
 }
 
 #navlist { 
padding-left: 0;
 margin-left: 0;
 }

#navlist li
 {
 list-style: none;
 margin: 0;
 padding: 0 0 0 0.25em;

 }

#navlist li a {
	display:block;
	text-decoration: none;
	background:url(images/nav_button.gif) no-repeat;
	padding:4px 0 4px 20px;
	color:black;
	border: none;
	height: 26px;
	width: 182px;
	}

 
 #navlist li a#current { 
	text-decoration: none;
	background:url(images/nav_button_roll.gif) no-repeat;
	padding:4px 0 4px 20px;
	color:black;
 }
 
 #navlist li a:link { text-decoration: none; }
 #navlist li a:visited { text-decoration: none; }
 #navlist li a:hover { 
	text-decoration: none;
	background:url(images/nav_button_roll.gif) no-repeat;
	color:black;
	}
 

 
 /*****************Unsorted ****/
.submit {
color: #2b333c;
}
.submit,
.submit-disabled {
background: #fefefe url(images/background_form_element.gif) repeat-x;
border: 3px double;
border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}
.submit:hover,
.submit:focus {
border: 3px double;
border-color: #aedf9a #94da78 #6ab94b #94da78;
}
.submit:visited {
color: #2b333c;
}
html>body input.submit-disabled, 
html>body input.submit-disabled:hover, 
html>body input.submit-disabled:focus {
color: #8A8E92;
background-color: #f2f2f2; 
border: 3px double;
border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}

#activity{
	background-color:#D3D3D3;
	border: 1px solid #C0C0C0;
}
.tableheader{
    background-color:#356a96;
    color:#FFF
    
}

.trodd{
	background-color:#f8f5dc;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.treven{
	background-color:#F0F8FF;
	

}
.clear 
{
    /*clear:both;*/
    height:0;
    margin:0;
    
    }

.tableborder{
	border: 1px solid #708090;
}


 /* CPD Drill Down */

li.selectedUser{
	list-style-type: disc;
	background:#fff url(images/button.gif) repeat-x;
	padding-left: 5px;
	padding-top: 5px;
	border: 1px solid #CCCCCC;
}
li.unSelectedUser{
	border: 1px solid #CCCCCC;
	list-style-type: circle;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
li.unSelectedUser a{
	color: #000000;
	text-decoration: none;
}
li.unSelectedUser a:hover{
	color: #000000;
	text-decoration: underline;
}

tr.tableWidthSettings{font-size: 1px;}
th.devGoalDash{background-color:#F0F8FF; border-top:1px solid #CCCCCC;}
th.devGoalHeader{border-left:1px solid #CCCCCC; padding: 4px; text-decoration: underline;}

td.devGoal{border-left:1px solid #CCCCCC; text-align: center;}
td.devGoalSelected{background-color:#F0F8FF;}
td.selectedActivities{border:1px none black; background-color:white;}
td.blank{background-color:#F0F8FF;}

.notes{
	background-image: url(images/info_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	
    
}

/* new login */
#home_nat{
	display:block;
	width:106px;
	height:190px;
	background:url:(images/home_nat.gif) no-repeat;
}

#home_reg{
	display:block;
	width:106px;
	height:190px;
	background:url:(images/home_reg.gif) no-repeat;
}

#home_vec{
	display:block;
	width:106px;
	height:190px;
	background:url:(images/home_vec.gif) no-repeat;
}

#home_skill{
	display:block;
	width:106px;
	height:190px;
	background:url:(images/home_skill.gif) no-repeat;
}

#home_coll{
	display:block;
	width:106px;
	height:190px;
	background:url:(images/home_coll.gif) no-repeat;
}
}

#year{
float:right;
}

.Password_TextBox4 {
         background-color:Blue;
         color:Yellow;
         font-size:small;
         font-variant:small-caps;  
         padding: 2px 3px 2px 3px;   
    }

.Password_TextBox4_Handle {
        width:16px;
        height:14px;
        background-image:url(images/Question.png);
        overflow:hidden;
        cursor:help;
    }
	
	
/*horizontal nav*/

#greyBan2{
	height:30px;
	background: url(images/blackbar2.gif) repeat-x;
	border-top: 1px solid white;
	text-align: left;
	padding-right: 0;
	font-size: 11px;
}

#logout2{
	float: right;
	height: 30px;
	font-weight: bold;
	padding: 7px 0 0 0;
	margin: 0 28px 0 0;

}

#logout2 a{
	color: #FFFFFF;
}

div#navbar2 {
margin: 0 0 0 15px;
height: 30px;
float: left;
padding: 7px 0 0 0;
}
div#navbar2 ul {
margin: 0px;
padding: 0px;

color: #FFF;
white-space: nowrap;
}
div#navbar2 li {
list-style-type: none;
display: inline;
font-weight: bold;
}
div#navbar2 li a {
	text-decoration: none;
	color: #FFF;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
}
div#navbar2 li a:link {
color: #FFF;
}
div#navbar2 li a:visited {
color: #FFF;
}
div#navbar2 li a:hover {
font-weight: bold;
color: #E78300;
}