/* CSS Document */
/* 
Author :		James Woodley
Date :			22 December 2005
Description :	Stylesheet for Static Areas (Banner, Navigation etc) and re-usable styles i.e Form Input Fields, buttons, page headings etc
*/
@import "myskillsrecord.css";

table.borderBottom
{
	height : 136px;
	background-color: #FFFFFF;
	border-bottom : 1px #C0C0C0 solid;
	border-left : 1px #C0C0C0 solid;
	border-right : 1px #C0C0C0 solid;
	padding-bottom : 20px;
}

td.paleOrange
{
	background-color: #E6E5E7;
	height : 474px;
	padding : 10px;
	padding-bottom : 0px;
	width : 170px;
}

td.partnerServices {
	width : 200px;
	text-align : center;
}

table.Menuclass
{
	background-color: #FFFFFF;
	width : 205px;
}

table.Menuclassdetail
{	width : 202px;
	background-color: #FFFFFF;
	border-left : 1px #C0C0C0 solid;
	border-right : 1px #C0C0C0 solid;
	border-bottom : 1px #FFFFFF solid;
}

table.MenuclassTopLine
{
	background-color: #FFFFFF;
	padding : 5px;
	border-bottom : 1px #C0C0C0 solid;
	border-left : 1px #C0C0C0 solid;
	border-right : 1px #C0C0C0 solid;
}

td.contact {
	width : 600px;
	padding-left : 20px;
}

body, td { 
    /*font-family : "Trebuchet MS";*/ 
    /*font-size : 10pt;*/
    font-size:12px;
    margin : 0px;
   /* margin-left : 5px;*/
	color : #808080;
}

img, table { border : 0px; }

tr.vertical1 {
	height : 1px;
}

tr.vertical2 {
	height : 2px;
}

tr.vertical3 {
	height : 3px;
}

tr.vertical5 {
	height : 5px;
}

tr.vertical7 {
	height : 7px;
}

tr.vertical8 {
	height : 8px;
}

tr.vertical10 {
	height : 10px;
}

tr.vertical13 {
	height : 13px;
}

tr.vertical15 {
	height : 15px;
}

tr.vertical20 {
	height : 20px;
}

tr.vertical27 {
	height : 27px;
}

tr.vertical28 {
	height : 28px;
}

tr.vertical30 {
	height : 30px;
}

tr.vertical40 {
	height : 40px;
}

tr.vertical60 {
	height : 60px;
}

tr.vertical75 {
	height : 75px;
}

tr.vertical80 {
	height : 80px;
}

tr.vertical85 {
	height : 85px;
}

tr.vertical90 {
	height : 90px;
}

tr.vertical100 {
	height : 100px;
}

tr.vertical120 {
	height : 120px;
}

tr.vertical200 {
	height : 200px;
}

table.wrapper, div.wrapper { 
	padding-left : 15px;
    width : 780px;
    min-height : 463px;
	margin-bottom : 10px;
}

tr.alignTop {
    vertical-align : top;
}

td.navigatorCell {
    width : 205px;
}

tr.searchTop {
    background-color : #2F2365;
    height : 20px;
    font-weight : bold;
}

td.searchTop {
    color : #FFFFFF;
    padding-left : 5px;
    width : 200px;
}

tr.navItem {
    height : 20px;
    cursor : pointer;
}

tr.navItemOrange{
    height : 23px;
   	background-color: #2F2365;
}

td.navItemImage {
    width : 15px;
	padding-right : 2px;
	border-bottom : 1px solid #C0C0C0;
}

td.navItemText {
	color : #000000;
    width : 190px; 
    border-bottom : 1px #C0C0C0 solid;
	padding-top : 2px;
	padding-bottom : 2px;
}

td.navItemText A:link, td.navItemText A:active, td.navItemText A:visited, td.navItemText A:hover {
	color : #000000;
	text-decoration : none;
}

td.navItemTextShort {
	color : #000000;
    width : 180px; 
    padding-left : 5px; 
    border-bottom : 1px #C0C0C0 solid;
}

td.navItemTextShort A:link, td.navItemTextShort A:active, td.navItemTextShort A:visited, td.navItemTextShort A:hover {
	color : #000000;
	text-decoration : none;
}

td.navItemTextNoBorder {
	color : #000000;
    width : 185px; 
    padding-left : 5px; 
    border-bottom : 1px #FFFFFF solid;
}

td.navItemTextNoBorder A:link, td.navItemTextNoBorder A:active, td.navItemTextNoBorder A:visited, td.navItemTextNoBorder A:hover {
	color : #000000;
	text-decoration : none;
}

td.navItemTextWhite{
	color : #FFFFFF;
    width : 197px; 
    padding-left : 5px; 
}

td.navItemTextWhite A:link, td.navItemTextWhite A:active, td.navItemTextWhite A:visited, td.navItemTextNoBorder A:hover {
	color : #FFFFFF;
	text-decoration : none;
}

td.navItemTextSelected {   
    width : 185px;
    padding-left : 5px;
    border-bottom : 1px #C0C0C0 solid;
    color : #4395D1;
}

td.navItemTextSelected A:link, td.navItemTextSelected A:active, td.navItemTextSelected A:visited, td.navItemTextSelected A:hover {
	color : #4395D1;
	text-decoration : none;
}

td.navItemSpacer {
    width : 20px;
    border-top : 1px #C0C0C0 solid;
}

td.navItemSpacer A:link, td.navItemSpacer A:active, td.navItemSpacer A:visited, td.navItemSpacer A:hover {
	text-decoration : none;
}

td.navLastItemImage {
    width : 15px;
    border-top : 1px #C0C0C0 solid;
    border-bottom : 1px #C0C0C0 solid;
}

td.navLastItemText {
	color : #000000;
    width : 185px;
    padding-left : 5px;
    border-top : 1px #C0C0C0 solid;
    border-bottom : 1px #C0C0C0 solid;
}

td.poweredByPP {
	padding-top: 20px;
	padding-left: 20px;
}

td.cookieTrail {
    font-size : 9px;
    color : #808080;
    width : 758px;
}

td.pageHeading {
    font-size : 15px;
    color : #2F2365;
    font-weight : bold;
	width : 610px;
}

input, select, textarea {
	font-family:Arial;
	font-size : 10px;
	color : #000000;
}

.text15 {
	width : 15px;
}

.text25 { 
	width : 25px; 
}		 
				 
.text75 { 
	width : 75px;
}

.text85 { 
	width : 85px;
}		
		
.text95 { 
	width : 95px;
}		
		
.text100 {
	width : 100px;
}	

.text105 {
	width : 105px;
}	

.text120 {
	width : 120px;
}				
				
.text125 {
	width : 125px;
}	
				 
.text150, td.photoSpace { 
	width : 150px;
}	

.text180 {
	width : 180px;
}	
				 
.text200 { 
	width : 200px;
}

.text225 {
	width : 225px;
}			
				 
.text250 { 
	width : 250px;
}

.text300 { 
	width : 300px;
}

.text400 {
	width : 400px;
}

.bold100 {
	width : 100px;
	font-weight : bold;
}

.bold180 {
	width : 180px;
	font-weight : bold;
}

.bold350 {
	width : 350px;
	font-weight : bold;
}


td.button {
	color : #000000;
	border-style : outset;
	border-width : 2px;
	border-color : grey;
	background-color : #ECE9D8;
	cursor : pointer;
	text-align : center;
	padding-bottom : 2px;
	padding-left : 5px;
	padding-right : 5px;
	width : auto;
}

td.buttondownload {
	color : #000000;
	border-style : outset;
	border-width : 2px;
	border-color : grey;
	background-color : #ECE9D8;
	cursor : pointer;
	text-align : center;
	padding-bottom : 2px;
	padding-left : 5px;
	padding-right : 5px;
	width : 300;
	
}

td.buttonSpace {
	width : 5px;
}

td.error, span.error, span.required {
	color : #FF0000;
}

td.helpdesk {
	font-size : 10px;
	color : #808080;
	padding-left : 28px;
	text-align : right;
}

div.netscapeSpacer {
	height : 15px;
}

td.mandatory {
	font-size : 9px;
}

td.bold {
	font-weight : bold;
}

.tip {
	cursor : help;
}

.italicHint {
	font-style : italic;
}
.italicHint A:link, italicHint A:active, italicHint A:visited, italicHint A:hover {
	color : #808080;
	text-decoration : underline;
}

.imageHolder {
	width : 125px;
	height : 180px;
	border : 1px solid #C0C0C0;
}

td.leftSpace {
	text-align : left;
	font-size : 11px;
	font-weight : bold;
	padding-left : 13px;
}

td.welcomeHeading {
    font-size : 15px;
    color : #2F2365;
    font-weight : bold;
	width : 600px;
}

u.red {
	color : #FF0000;
	font-weight : bold;
}

u.blue {
	color : #0000FF;
	font-weight : bold;
}

td.borderLine {
	background-color: #E6E5E7;
	height: 20px;
	width: 800px;
}


/* WHATS NEW AREA */
.transparentBackgroundCover
{
    background-color : red;
    z-index : 2;
    display : none;
}

.formInputControlNormal
{
	background-color : White;
   	border-top-color: #C0C0C0;
   	border-top-style: solid;
   	border-top-width: 1 px;
   	border-bottom-color: #C0C0C0;
   	border-bottom-style: solid;
   	border-bottom-width: 1 px;
   	border-left-color: #C0C0C0;
   	border-left-style: solid;
   	border-left-width: 1 px;
   	border-right-color: #C0C0C0;
   	border-right-style: solid;
   	border-right-width: 1 px; 
}

.formInputControlHightlighted
{
	background-color : #FFAAAA;
   	border-top-color: #C0C0C0;
   	border-top-style: solid;
   	border-top-width: 1 px;
   	border-bottom-color: #C0C0C0;
   	border-bottom-style: solid;
   	border-bottom-width: 1 px;
   	border-left-color: #C0C0C0;
   	border-left-style: solid;
   	border-left-width: 1 px;
   	border-right-color: #C0C0C0;
   	border-right-style: solid;
   	border-right-width: 1 px; 
}

/* New styles by Olga Goncharenko*/

.button_savecancel 
{ 
    height:22px;
    padding: 4px 10px 2px 10px;  
    margin: 0px 0px 0px 0px; 
    background-color: #FFCC00; 
    color: gray; 
    font-size: 93%;
    font-weight: bold;
    border: 0px solid;
    cursor : pointer;
	text-align : center;
	text-decoration: none;
	font-family: Arial		
}

div.button_savecancel 
{ 
    height:18px;
    padding: 4px 4px 0px 4px;  
    margin: 0px 0px 0px 0px; 
    background-color: #FFCC00; 
    color: gray; 
    font-size: 93%;
    font-weight: bold;
    border: 0px solid;
    cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-family: Arial		
}

div.button_savecancel_disable 
{ 
    height:18px;
    padding: 4px 4px 0px 4px;  
    margin: 0px 0px 0px 0px; 
    background-color: #E3E3E3; 
    color: gray; 
    font-size: 93%;
    font-weight: bold;
    border: 0px solid;
    cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-family: Arial		
}

A.button_savecancel 
{ 
    color: gray; 
    font-size: 100%;
    font-weight: bold;
    border: 0px solid;
    cursor: pointer;
	text-align: center;
	text-decoration: none;	
	font-family: Arial	
}

.mrg-1 {margin-top:4px}

.input_login
{ 
    font-weight: normal; 
    background: #999999 url('../../images/input-login.gif') top left no-repeat; 
    border: 0px; 
    margin: 0; 
    width: 157px; 
    height: 18px;
    font-size: 93%;
    padding: 0px 7px 1px 7px; 
}

.yellow_line
{
    width: 100%;
    color: #b2a6af;
    text-align:left;
    padding:0px;
    margin:4px 0 4px 0;
    border: 1px solid #b2a6af;
}




/* New Design */

.add_project_form .select, .table_form .select {
	width:325px;
	border:1px solid #7e9db9;	 
  height:15px;
	padding:0;
	color:black;
	font-size: 11px;	
}

.add_project_form .select-short, .table_form .select-short {
	width:140px;
	border:1px solid #7e9db9;	 
  height:15px;
	padding:0;
	color:black;
	font-size: 11px;	
}

.add_project_form .select-short2, .table_form .select-short2 {
	width:207px;
	border:1px solid #7e9db9;	 
  height:15px;
	padding:0;
	color:black;
	font-size: 11px;	
}

div.btns 
{
	height:22px;
	line-height:22px;
	width:115px;	
	background: transparent url("/images/button_bg_115.gif") no-repeat;	
	color:#381734;
	font-size:12px;
	padding:0px;	
	border:0px;
	margin:0px;
	cursor:pointer;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	font-family:arial;
}

div.btns_disable 
{
	height:22px;
	line-height:22px;
	width:115px;	
	background: transparent url("/images/button_bg_disable.gif") no-repeat;	
	color:#999999;
	font-size:12px;
	padding:0px;	
	border:0px;
	margin:0px;
	cursor:pointer;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	font-family:arial;
}

div.btns-orange 
{
	height:25px;
	width:111px;	
	background: transparent url("/images/btns_111_orange.gif") no-repeat;	
	color:#381734;
	font-size:11px;
	padding-top: 4px;	
	margin: 0;
	border:0px;
	cursor:pointer;
	text-align: center;
}


.btns-plus
{	
	height:9px;
	width:9px;	
	background: transparent url("/images/btns-plus.gif") no-repeat;	
	padding:0px;	
	border:0px;
	cursor:pointer;
	margin-right: 3px;
	margin-top: 5px;
	font-size: 0px;
	text-align: right;	
}

.btns-minus
{	
	height:9px;
	width:9px;	
	background: transparent url("/images/btns-minus.gif") no-repeat;	
	padding:0px;	
	border:0px;
	cursor:pointer;
	margin-right: 3px;
	margin-top: 5px;
	font-size: 0px;
	text-align: right;	
}

.central-column .btn-sel {float:left; width: 65px; margin-top: 2px}
.mrg-10 {float:left; margin-right: 10px;}

#help-panel 
{	
	text-align:center;	
	background: #381734;
	font-size:13px;
	display:inline-block;
	width:188px;
}