@charset "utf-8";
/* CSS Document */

body{ background-color:#212121; font-family:calibri, arial, helvetics; color:#fff;width:1024px; margin: 0 auto; text-align:left; }
#wrapper{ margin:1px auto;width:1000px;}
.logo{ display:block; border: none }
.TopLinks{text-align: right; font-size: 22px; padding-right: 21px; margin-top:-15px;margin-top: -21px;}
.FullPageTitle{text-align: center; font-size: 22px; padding-right: 21px; margin-top:-15px;margin-top: -21px;}
.TopLinks a{ color:#fff; text-decoration:none; margin-left:15px;}
.TopLinks a:hover{ color:#fff; text-decoration:none; margin-left:15px;}
/* #main-top{ background-image: url(images/main_bg_top.gif); background-position: top center; background-repeat: no-repeat; padding:8px 2px; } */
.main{ min-width: 1px; max-width: 1200px; width: auto; margin: 0px 3px; padding: 2px 30px; background-color: #BFBFBF; font-size: 18px; color: black; 
/*
background: #f5f6f6;

background: -moz-linear-gradient(top, #f5f6f6 0%, #656568 98%, #b8bac6 100%, #dddfe3 100%, #f5f6f6 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(98%,#656568), color-stop(100%,#b8bac6), color-stop(100%,#dddfe3), color-stop(100%,#f5f6f6));

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 );
*/
} 
.mainTopLinks { min-width: 1px; max-width: 1200px; width: 900px; border-style: solid; border-left-width: 0px; border-width: 0px; color:#fff; margin:12px 0;margin-bottom:21px;}
.mainTopLinks a{ padding-left: 5px; padding-bottom: 12px; padding-right: 5px; padding-top: 12px; color:#373737; text-decoration:none; margin-right: 5px;text-align:left;}
.mainTopLinks a:hover{ color:#fff; text-decoration:none;}
.mainTopLinks a.edge{ width:80px; padding:12px 26px; color:#fff;}
.inner-main { color:#373737; font-size:16px; padding:17px 5px 10px 5px;}
.inner-main a { color:#0551AE; text-decoration:none; border-bottom:1px dotted #0551AE;}
.inner-main a:hover { color:#044595; border-bottom:none;}
.userDetail{ background-color:#CECCCC; border:1px dotted #333; padding:5px;}
/*.inner-main table{border: 1px solid #ccc;}
.inner-main TD:hover{background-color:#DDDCDC;}*/
.endTD{ border-bottom:1px dotted #373737; height:10px;}
.ForwLinks{color:#373737; font-size:14px; text-align:center; height:30px; }
.ForwLinks a{color:#0551AE;border-bottom:none }
.ForwLinks a:hover{color:#0551AE;border-bottom:1px solid #0551AE;}
.Lcontent{ border-collapse: separate; list-style-position: inside; position: static; float: left; display: table; background-repeat: no-repeat; background-color: white; width: 500px; color: #373737; font-size: 16px; text-align: left; }
.Lcontent2{ padding: 15px;  }
.Lcontent2 a{color:#4F81BD; text-decoration:none;}
.LcontentExtra{ text-shadow: 0px 0px white; border-spacing: 0px 0px; border-collapse: separate; list-style-position: outside; background-position: 0; position: static; float: right; display: table; background-repeat: no-repeat; background-color: white;width: 380px; color: #373737; font-size:14px; text-align: left;}
.LcontentFull{ min-height: 600px; max-width: 1200px; min-width: 900px; list-style-position: inside; background-position: 0 0px; position: static; float: left; display: table; background-repeat: no-repeat; margin-left: 1px; margin-bottom: 1px; margin-right: 1px; margin-top: 1px; background-color: white; color: #373737; font-size:16px; text-align: left;}
.Lcontent a{color:#4F81BD; text-decoration:none;}
.Lcontent a:hover{color:#1759AA; text-decoration:none;}
.LoginBox{ clear: none; position: static; float: right; background-color: #353535; background-repeat: repeat; display: table; padding-bottom: 0px; margin-right: 0px; margin-left: 0px; border-style: none; width: 380px; color: black; font-size:18px; text-align:left; margin-bottom:20px;margin-top:-45px; margin-top: 0px;}
.LoginBox2{ padding-left: 60px; padding-right: 60px; padding-bottom: 4px; padding-top: 6px; background-color: transparent; background-repeat: repeat-y; color: white; text-align:right;}
.LoginBox a{color:#4F81BD; text-decoration:none;}
.LoginBox a:hover{color:#1759AA; text-decoration:none;}
.TDtitle{ color:#373737; font-size:16px; background-image: url(images/tdtitle_bg.gif); background-position: top left; background-repeat: no-repeat; padding-left: 12px; height: 29px; letter-spacing: 0.03cm;}
.TDtitleLong{ color:#373737; font-size:16px;background-image: url(../images/tdtitle_bg_long.gif); background-position: top left; background-repeat: no-repeat; padding-left:12px; height:29px; letter-spacing:0.03cm;}
.TDtitleFull{ color:#373737; font-size:16px;background-image: url(../images/tdtitle_bg_full.gif); background-position: top left; background-repeat: no-repeat; padding-left:12px; height:29px; letter-spacing:0.03cm;}
.TDtitleRep{ color:#373737; font-size:16px;background-color: #D6D6D6; background-image: url(../images/list2.gif); background-position: 1% center; background-repeat: no-repeat; padding-left: 34px; height: 29px; letter-spacing: 0.03cm;}
.listings a{color:#0551AE; text-decoration:none; border-bottom:none;}
.listings a:hover{color:#044595; text-decoration:underline;}
.listings {}
.listings:hover{color:#000;}
.listings TD{ padding-left:15px;}
h3{ color:#373737; font-size:20px; border-bottom:1px dotted #373737;border:1px solid #373737; border-left: 15px solid #373737; padding:4px 20px;}
h2{color:#0551AE; font-size:22px; font-weight:bold; text-align: center;}
h1{color:#0551AE; font-size:18px; font-weight:bold; text-align: left; margin-bottom:2px;}
.Userlog a{color:#fff; text-decoration:none;}
.Userlog a:hover{color:#fff; text-decoration:underline;}
.txtbox{ background-color:#fff; border: 1px solid #0090E6;font-family:calibri, arial, helvetics; font-size:14px;}
.txtbox:focus {border: 1px solid #333;}
.LoginBox .txtbox { background-image: url(images/txtbox_bg.gif); background-position: top left; background-repeat: no-repeat; border:solid #0090E6; color:#373737; font-size:14px; width:160px; margin-bottom:10px; height:25px; padding: 2px 1px 2px 5px; border:#0090E6; border-style:solid; border-width: 0 0 2px 0;}
.dgreyTxt{ color:#373737;}
.header{background-image: url(images/header_bg2.gif); background-position: top center; background-repeat: no-repeat; color:#fff; font-size:19px; letter-spacing:0.03cm; text-align:center; padding:12px 0px 19px 0px;height: 45px; width: 582px;padding:5px 0px 20px 0px;text-align:center;}
.reports ul{ list-style-position:outside; margin-left:0px;}
.reports li{ list-style-position:outside;list-style-type:none; background-image: url(../images/list1.gif); background-position: top left; background-repeat: no-repeat; margin-bottom:18px; padding-left:25px;}
.registerBox{background-image: url(../images/registermain_bg.gif); background-position: top center; background-repeat: repeat-y; padding: 8px 54px 8px 29px; color:#fff;}
.registerBoxT{background-image: url(../images/registermain_top.gif); background-position: top center; background-repeat: no-repeat; padding: 8px 54px 8px 29px;}
.registerBoxB{background-image: url(../images/registermain_bottom.gif); background-position: top center; background-repeat: no-repeat; padding: 9px 54px 12px 29px;}
.plus1 a{ font-size: x-large; }
.yelloTxt, .yelloTxt a{color: #FFC000;text-decoration:none;}
.yelloTxt a:hover{color:#D7A202;text-decoration:none;border-bottom:1px solid #D7A202;}
.yelloTxt_plus1, .yelloTxt a{color: #FFC000;text-decoration:none; font-size: x-large; text-align: left; }
.yelloTxt_plus1 a:hover{color:#D7A202;text-decoration:none;border-bottom:1px solid #D7A202; font-size: x-large; }
.blutxt{color:#0551AE;font-size:14px; letter-spacing:0.01cm;}
.mainTopLinks a.edge{ background-image: url(../images/360edge_bg.gif); background-position: top left; background-repeat: no-repeat; width:80px; padding:12px 26px; color:#fff;}
.mainTopLinks a.coach{ background-image: url(../images/coached.gif); background-position: top left; background-repeat: no-repeat; width:90px; padding:10px 13px; color:#fff;}
.mainTopLinks a.talent{ background-image: url(../images/talented.gif); background-position: top left; background-repeat: no-repeat; width:110px; padding:10px 18px; color:#fff;}
.bottomlinks { clear:both; color:#fff; text-align:center; margin-top:12px; }
.bottomlinks img{ margin:0 20px;}
.bottomlinks a{ background-image: url(../images/bottombttn.gif); background-position: top center; background-repeat: no-repeat; padding:9px 40px; color:#fff; text-decoration:none;}
.bottomlinks a.selected { background-image: url(../images/bttmlinkSel.gif); background-position: top center; background-repeat: no-repeat; color:#FEBF00;}
.footer{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; margin-top: 10px;}
.footer a{color:#fff; text-decoration: none; margin-right: 30px; margin-left: 30px;}
a.black_text_small {font-family: calibri,arial,helvetics;color: #000; padding: 3px;font-size: 13px;text-decoration:none;}
a.black_text_small:hover  {font-family: calibri,arial,helvetics;color: #0551AE; text-decoration:underline}
a.link_txt_big {font-family: arial, helvetica, sans-serif;color: #4F81BD; padding: 3px;font-size: 14px;text-decoration:none;}
a.link_txt_big:hover  {font-family: arial, helvetica, sans-serif;color: #1759AA; padding: 3px;font-size: 14px;text-decoration:underline}
.surveyBttn{ border:2px solid  #fff; background-color: #373737; width:90px;font-family:calibri, arial, helvetics; font-size:18px; cursor:pointer; color:#fff; padding:2px 5px; margin-bottom:8px; margin-right:10px; letter-spacing:0.02cm;}
.surveyBttn:hover{ border: 2px solid #373737; background-color:#fff; color:#212121;}
.surveySBttn{ border:2px solid  #FFC000; background-color:#373737; width:90px;font-family:calibri, arial, helvetics; font-size:18px; cursor:pointer; color:#FFC000; padding:2px 5px; margin-bottom:8px; margin-right:10px; letter-spacing:0.02cm;}
.rowBlock{border-bottom:1px solid #a4a4a4 !important;}
.rowBlock2{ background-color:#cccccc; background-image: url(../images/tick.gif); background-position: center left; background-repeat: no-repeat;color:#04489C !important;}
.rowBlock:hover{border-bottom:1px solid #999 !important; background-color: #D3D1D1; cursor:default;}
.welcomeTxt{ font-family: arial, helvetica, sans-serif;color:#FFC000;font-size:16px; text-align:left;}
.detailtxt{padding-left:15px; text-align:left;}
blockquote { border-left: 5px solid #999; padding: 5px 5px 5px 20px;}
.participMenu{ text-align:center; height:38px; background-image: url(../images/participant_menu.gif); background-position: top center; background-repeat: no-repeat;}
.participMenu a{color:#0551AE;  margin-left:15px;margin-right:15px; border-bottom:none;}
.participMenu a:hover{ color:#373737;}
.participMenu a.self{ background-image: url(../images/self_icon.gif); background-position: top left; background-repeat: no-repeat; padding-left:27px;}
.participMenu a.manager{ background-image: url(../images/manager_icon.gif); background-position: top left; background-repeat: no-repeat; padding-left:27px;}
.participMenu a.staff{ background-image: url(../images/dreport_icon.gif); background-position: top left; background-repeat: no-repeat; padding-left:27px;}
.participMenu a.peer{ background-image: url(../images/peer_icon.gif); background-position: top left; background-repeat: no-repeat; padding-left: 27px;}
.participMenu a.other{ background-image: url(../images/other_icon.gif); background-position: top left; background-repeat: no-repeat; padding-left:27px;}
.Whitebg{ text-align:center; margin-top:20px; height:38px; background-image: url(images/participant_menu.gif); background-position: top center; background-repeat: no-repeat;}
.Whitebg h2{ margin-top:3px;}
.SWhitebg{ text-align:center; height:38px; background-image: url(../images/small_whitebg.gif); background-position: top center; background-repeat: no-repeat;}
.blutxt{color:#0551AE;font-size:15px; letter-spacing:0.01cm;}
a.yelloTxt {color: #FFC000;text-decoration:none;}

a.Tlink{border:none;}
a.Tlink:hover { text-decoration:underline;}


tr.d0 td {background-color: #CC9999; color: black; text-align:center; }
tr.d1 td {background-color: #9999CC; color: black; text-align:center;}

.d0 {background-color:white; text-align:center;  font-size:medium; width:16%;}
.d1 {background-color:#4597FA; text-align:center; font-size:small;  width:21%;}

.errmsg_divmain{ background-color:#f0f0f0; width:350px; border:solid 1px #CC0000;font-size:12px;color:#000; }
.errmsg_divinner{ background-color:#CC0000; height:20px;color:#FFFFFF;}
.errmssg{ font-size:17px; font-weight:normal;color:#CC0000}
.noticemssg{ font-size:17px; font-weight:normal; color:#006600}
.mandatory_star { color: red; }
#errorExplanation {
  width: 400px;
  border: 1px solid red;
  padding: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 11px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;

}

#errorExplanation ul li {
  font-size: 11px;
  list-style: square;
}

#print{background-color:#BFBFBF;}
.printTop{color:#0551AE; font-size:14px; font-weight:bold;}
.top_tabs_1 { 
	font: normal 12px arial;
	color: #FFFF00;
	border: 1px solid #fff;
	background-color: #333333;
	}
.top_tabs_1 a { 
	font: normal 12px arial;
	color: #FFFF00;
	border: 1px solid #fff;
	background-color: #333333;
	}

/* YUI Start*/
.yui-dt table {width:945px; color:black; font-size: 18px}
.chart {width: 250px;  height: 120px;  margin-bottom: 5px;}
.chart_title {display: block;  font-size: 1.2em;  font-weight: bold;  margin-bottom: 0.4em;}
/* YUI End*/

/* JQuery validator css overrides */
#error {
    color:red;
    text-align:center;
}
.error {
    color:red;
}
input.error {
border:1px dotted red;
color: black;
}

.yui-navset { text-align:left; }

.page-content { text-align:left; }

table {margin-left:auto; margin-right:auto; color:black; background-color: white}

.navbuttons { margin-top:15px; text-align:center; }

.pagetitle{margin-bottom:15px; text-align:center; height:38px; background-image: url(images/participant_menu.gif); background-position: center; background-repeat: no-repeat;}
.pagetitle p{ padding-top:3px; color:black; font-size:20px; font-weight:bold}


.pending_followup_table{width:100%;  border: 1px solid #a4a4a4; margin: auto; color:black; font-size: 16px}
.pending_followup_table1{width:100%;   margin: auto; color:black; font-size: 16px}
.all_competencies{width:85%;  border: 1px solid black; margin:auto; color:black; font-size: 16px;}
.all_competencies1{width:90%;   margin: auto; color:black; font-size: 16px}

.hiddenText{ widows: 1; display:none; }
.nobullets { list-style-position: outside; list-style-type: none; }
/* new approach for rounded corners without images (WIP) */
.rounded {background:#ccc; color:#fff; margin:0 15px;}
 .rtop, .rbottom{
display:block;
background:#212121;
}

.rounded2 {background:#BFBFBF; color:#fff; margin:0 15px;}
.rtop, .rbottom{
display:block;
background:#212121;
}
 .rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#BFBFBF;
}
 .rtop2, .rbottom2 {
display:block;
background:#BFBFBF;
}
 .rtop2 *, .rbottom2 *{
display: block;
height: 1px;
overflow: hidden;
background:#fff;
}
.rtop3, .rbottom3 {
display:block;
background:#BFBFBF;
}
 .rtop3 *, .rbottom3 *{
display: block;
height: 1px;
overflow: hidden;
background:#353535;
}
 .r1{margin: 0 5px}
 .r2{margin: 0 3px}
 .r3{margin: 0 2px}
 .r4{
margin: 0 1px;
height: 2px
}


/*button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}*/


.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}