body 
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	margin:0px;
	padding:0px;
}

/* this applies styling to all content in the site because all pages should have a container div on the page */
#container { MARGIN: 0px auto; TEXT-ALIGN: left; POSITION: relative; width:100%; min-width:990px; }
#content_body 
{ 
	margin-left:auto; 
	margin-right:auto; 
	width:946px;
	border:none 0px;
}
.bannercontainer { display:block; height:155px; }

    .bannerbackground
    { 
        background:url('<%=VirtualPathUtility.ToAbsolute("~/Images/banner_logo.gif")%>') repeat-x;
        border:none 0px;
        display:block; 
        width:946px;
        margin-left:auto;
        margin-right:auto;
        text-align:right; 
        height: 160px;        
    }
   
    .bannerheader
    {
        border:none 0px;
        margin-top:4px;
        margin-right:10px;
        height: 15px;
        float:right;
    } 
   
    .bannerfooter
    {
        border:none 0px; 
        margin-top:90px;
        margin-right:11px;
        height: 7px;
        float:right;
    }

    .bannerheaderseparator
    {
    } 

    .bannerheaderseparatorimage
    {
        top:3px;
        position:relative;    
    } 
 
    .bannerheaderbutton, .bannerheadertext
    {
        font-family:Tahoma;
        font-size:11px;
        font-weight:normal;
        text-decoration:none;
        
        color:#555555;
    }

    .bannerheaderbutton:hover
    {
        color:#FFFFFF; 
    }




/* the (usually) solid color banner across the top of each page */
div.pagenameheader
{
	display:none;
	PADDING-LEFT:5px;
	FONT-WEIGHT:bold;
	FONT-SIZE:12px;
	COLOR:white;
	LINE-HEIGHT:25px;
	FONT-FAMILY:trebuchet, Arial, sans-serif;
	BACKGROUND-COLOR:#73b4b0;
	TEXT-ALIGN:left
}


/* the title and instruction block on each page */
.pageleft
{
	float:left;
	width:148px;
	height:360px;
}

.pagetitle
{ 
	width:100%;

	font-family: Tahoma;
	font-size: 15px;
	font-weight:bold;	
	text-align:center;
	color: #444;	

	padding-top:8px;
	line-height:1.2em; 
}

.pagetitleleft, .pagemoduleleft, .pageinstructionsleft, .pageinstructionsleftwithdottedline, .pageheader
{ 
	border:none 0px;
	width:128px;
	display:block;	
}



.pagetitleleft
{
	margin-top:100px;
	
	font-family:Arial Narrow;
	font-size:17px;
	font-weight:bold;	
	text-align:center;
	color: #444;	

	padding-top:8px;
	line-height:1.2em;
}

.pagemoduleleft
{
	font-family:Arial Narrow;
	font-size:17px;
	font-weight:bold;	
	text-align:center;
	color: #000000;

	line-height:1.2em;
}

.pageinstructions
{
	display:block;	
	width: 100%;	
	font-family:Tahoma;
	font-size: 11px;
	font-weight:normal;	
	color: #444;
}

.pageinstructionsleft, .pageinstructionsleftwithdottedline, .pageheader
{
	font-family:Arial Narrow;
	font-size: 13px;	
	font-weight:normal;	
	text-align:left;
	color: #444;
}

.pageheader
{
	text-align:center;
	line-height:18px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;	
}

.pageinstructionsleft
{
	line-height:1.0em;

	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;	
}

.pagetitleleft, .pagemoduleleft, .pageinstructionsleftwithdottedline
{  
	/* drawing dotted line after object */
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	
	background:url('./Images/line_dotted_horz.gif') repeat-x bottom center;
}

.pagepeopleleftstart, .pagepeopleleftgo, .pagepeopleleftgetset
{
	height:229px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;	
}

.pagepeopleleftstart
{
	width:121px;
	background: url('./Images/page_smallpeople_start.gif') no-repeat;
}

.pagepeopleleftgetset
{
	width:94px;
	background: url('./Images/page_smallpeople_getset.gif') no-repeat;
}

.pagepeopleleftgo
{
	height:230px;
	background: url('./Images/page_smallpeople_go.gif') no-repeat;
}

.sectionsmallheader
{
    width:100%;

    font-family: Tahoma;
    font-size: 11px;
    font-weight:bold;	
    text-align:left;
    color: #111;	

    padding-top:5px;
    margin:2px 1px 2px 1px;
}	

.performancemanagement
{
	background: url('./Images/page_left_background_performancemanagement.gif') no-repeat;
}

.careerdevelopment
{
	background: url('./Images/page_left_background_careerdevelopment.gif') no-repeat;
}

.personaldevelopmentplan
{
	background: url('./Images/page_left_background_personaldevelopmentplan.gif') no-repeat;
}

.recognition
{
	background: url('./Images/page_left_background_recognition.gif') no-repeat;
}

.reportscentre
{
	background: url('./Images/page_left_background_reportscentre.gif') no-repeat;
}

.contacts
{
	background: url('./Images/page_left_background_contacts.gif') no-repeat;
}

.personalsalesdevelopmenttool
{
	background: url('./Images/page_left_background_personalsalesdevtool.gif') no-repeat;
}

/* definitions for body items */

	

/*force tables to have separated cells */
table, td 
{
	border-collapse:separate;
	border: none;
}


.bodytext, .bodytextblack, .bodytextwhite
{
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
}

.bodytext
{
	color: #444;
}

.bodytextblack
{
	color: #111;
}

.bodytextwhite
{
	color: #FFF;
}

.loginbutton, .loginbutton:visited, .loginbutton:link { font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px; padding:0px 29px 0px 0px; background-image:URL(./images/buttonforwards23.png); background-repeat:no-repeat; background-position:right; border-style:none; font-weight:bold; height:23px;text-decoration:none;}
.loginbutton:hover { background-image:URL(./images/buttonforwards23grey.png);text-decoration:underline;}

a.logoffbutton, a.logoffbutton:visited, a.logoffbutton:link { font-family:Arial; color:#000000; text-decoration:none;}
a.logoffbutton:hover { font-family:Arial; color:#ffba00; }
a.logoffbutton:active { font-family:Arial; color:#ffba00;}

a.helpbutton, a.helpbutton:visited, a.helpbutton:link { font-family:Arial; color:#000000; text-decoration:none;}
a.helpbutton:hover { font-family:Arial; color:#ffba00;}
a.helpbutton:active { font-family:Arial; color:#ffba00; font-weight:bold;}

.divider_horz
{
	background:url('./Images/line_divider_horz.gif') repeat-x;
	height:2px;
	margin:5px 0px 5px 0px;
}

.divider_verz
{
	background-image:url('./Images/line_divider_verz.gif');
	height:23px;
	width:2px;
	margin:5px 5px 5px 5px;
}

.labelbox
{
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
		
    border:0px none #FFF;
    margin-top:1px;
	background:#EEE;
    clear:both;
    padding:5px;
    text-align:left;
	min-height:81px;
	max-height:109px;
    overflow:auto;
    display:block;
}

.freetextboxdisabled
{
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	
	border:0px none #FFF;
	background:#FFF url('./Images/freetextbox_disabled.gif') no-repeat top left;
    clear:both;
	padding:40px 11px 1px 11px;
	min-height:75px;
	max-height:75px;
	text-align:left;
    overflow:auto;
    display:block;
}

.dummyfreetextboxheader
{
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;

	border:0px none #FFF;
	background:#FFF url('./Images/freetextbox_disabled.gif') no-repeat top left;
	clear:both;

	min-height:30px;
	max-height:30px;
	height:auto !important;
	height:30px;
	text-align:left;
	overflow:hidden;
	display:block;
}

.signwarning
{
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	color:#FF1111;
	
	background: url('./Images/sign_warning.gif') no-repeat left;
	padding:5px 5px 5px 24px;
	line-height:26px;
}

.signwarningbig
{
	background: url('./Images/sign_warning_big.gif') no-repeat left;
	padding:5px 0px 5px 5px;
	display:block;
	width:50px;
	height:50px;
}

/* start common properties */
.linkdisableunderline, .linkdisableunderline A, .linkdisableunderline:hover, .linkdisableunderline A:hover
{
	text-decoration:none;
}

.linknounderline, .linknounderline A
{
	text-decoration:none;
}

.linknounderline:hover, .linknounderline A:hover
{
	text-decoration:underline;
}

.bold
{
	font-weight:bold;
}

.italic
{
	font-style:italic;
}

.underline
{
	text-decoration:underline;
}

.colorblack, .colorblack A
{
	color:#000000;	
}

.colorwhite, .colorwhite A
{
	color:#FFFFFF;	
}

.colorred, .colorred A
{
	color:#FF0000;
}

.colorgrey, .colorgrey A
{
	color:#444;
}

.size11px
{
	font-size: 11px;	
}

.size12px
{
	font-size: 12px;	
}

.clear
{
	clear:both;
}

.pointer
{
	cursor:pointer;
}

.floatright
{
	float:right;
}

.floatleft
{
	float:left;
}

.alignright
{
	text-align:right;
}

.alignleft
{
	text-align:left;
}

.aligncenter
{
	text-align:center;
}

.displaynone
{
	display:none;
}

.displayblock
{
	display:block;
}


/* definitions for custom dialog */
.modalDialog, .promptDialog
{
	width:0px;
	height:0px;
	visibility:hidden;
	background-color:#FFFFFF;
	position:absolute;
	border:1px solid #777777; 
	overflow:hidden;
	padding:10px 5px 10px 5px;
}

.modalDialog
{
	padding:10px 5px 10px 5px;
}

.promptDialog
{
	padding:10px 5px 0px 0px;
}

.mask {
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
    
    width:0px;
    height:0px;
}

.floatBody
{
	margin:0px 6px 10px 5px;
}

/* ------------------------------------------------------------------- definitions for table items ------------------------------------------------------------------- */

.standardheader
{ 
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	background:#4E9999;
	
	font-weight: bold;	
	text-decoration:none;
	border-collapse:collapse;
		
	/*
	position: relative;
	top: 0px;
	top:expression(this.offsetParent.scrollTop);
	*/
}

.standardheader td, .standardheader th
{	
	padding: 7px 10px 7px 10px;

	border-style: hidden;
	white-space:nowrap;
	border-bottom: solid 1px #FFF;
	/*
	border-right: solid 1px #BEBEBE;
	border-left: solid 1px #BEBEBE;
	*/
}

.headerbox
{
	width:inherit;
    background:#4E9999;
}

.headerbox div.text
{
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
	padding:7px 5px 7px 5px;
}

.standardheadergrey
{
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	background:url('./Images/header_background_grey.gif') repeat-x;
	line-height:28px;
	text-indent:10px;
	
	font-weight: normal;	
	text-decoration:none;
	border-collapse:collapse;	
}

.standardrepeateritem
{ 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 5px;
	background-color: #E9E9E9;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-weight: normal;
}

.standardrepeateritem, .standardrepeateralternatingitem
{ 
}

.standardrepeateritem td, .standardrepeateralternatingitem td
{ 
}

.standardgriditem, .standardgridalternatingitem, .standardgridfooter, .standardgridselecteditem
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

.standardgriditem td, .standardgridalternatingitem td, .standardgridfooter td, .standardgridselecteditem td, .standardgriditem th, .standardgridalternatingitem th, .standardgridfooter th, .standardgridselecteditem th
{	
	/* background:#E9E9E9 url('../Images/CB_tablebody_background.gif') repeat-x top left; */
    border-right:hidden 1px #FFFFFF;
    border-bottom:solid 1px #FFFFFF;
	
    padding: 7px 10px 7px 10px;
}

.standardgriditem, .standardgridfooter
{
    background:#CCE0E0;
}

.standardgridalternatingitem
{
    background:#DEEBEB;
}

.standardgridselecteditem
{
    background:#5090C0;
    color:White;
}

.standardgridselecteditem a
{
    color:White;
}


/* ------------------------------------------------------------------- definitions for button ------------------------------------------------------------------- */
/* remove the float */
.buttonleft, .buttonleft:link, .buttonleft:visited,
.buttonright, .buttonright:link, .buttonright:visited,
.buttondown, .buttondown:link, .buttondown:visited,
.buttonup, .buttonup:link, .buttonup:visited,
.buttonclose, .buttonclose:link, .buttonclose:visited,
.buttonsearch, .buttonsearch:link, .buttonsearch:visited,
.buttonadd, .buttonadd:link, .buttonadd:visited,
.buttonok, .buttonok:link, .buttonok:visited,
.buttonrightsmall, .buttonrightsmall:link, .buttonrightsmall:visited,
.buttoninfo, .buttoninfo:link, .buttoninfo:visited,
.buttondowndisabled, .buttondowndisabled:link, .buttondowndisabled:visited
.buttonrightdisabled, .buttonrightdisabled:link, .buttonrightdisabled:visited
{
	color:#444;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;

	line-height:25px;
	margin:3px 3px 3px 3px;
	padding-top:5px;
	padding-bottom:5px;
	border: none 0px;
	white-space:nowrap;
	width:auto;	
	cursor:pointer;	
	background-repeat:no-repeat;
	
}

.buttonleft, .buttonleft:link, .buttonleft:visited
{ 
	background-image:url('./Images/button_left.gif');
}

.buttonright, .buttonright:link, .buttonright:visited
{ 
	background-image:url('./Images/button_right.gif');
}

.buttonrightsmall, .buttonrightsmall:link, .buttonrightsmall:visited
{ 
	background-image:url('./Images/button_right_small.gif');
}

.buttonrightdisabled, .buttonrightdisabled:link, .buttonrightdisabled:visited
{ 
	background-image:url('./Images/button_right_disabled.gif');
}

.buttoninfo, .buttoninfo:link, .buttoninfo:visited
{ 
	background-image:url('./Images/button_info.gif');
}

.buttondown, .buttondown:link, .buttondown:visited
{ 
	background-image:url('./Images/button_down.gif');
}

.buttondowndisabled, .buttondowndisabled:link, .buttondowndisabled:visited
{ 
	background-image:url('./Images/button_down_disabled.gif');
}

.buttonup, .buttonup:link, .buttonup:visited
{ 
	background-image:url('./Images/button_up.gif');
}

.buttonclose, .buttonclose:link, .buttonclose:visited
{ 
	background-image:url('./Images/button_close.gif');
}

.buttonsearch, .buttonsearch:link, .buttonsearch:visited
{ 
	background-image:url('./Images/button_search.gif');
}

.buttonadd, .buttonadd:link, .buttonadd:visited
{ 
	background-image:url('./Images/button_add.gif');
}

.buttonok, .buttonok:link, .buttonok:visited
{ 
	background-image:url('./Images/button_ok.gif');
}

.bleft
{
	padding-right:1px;
	padding-left:28px;
	background-position: top left;
}

.bright
{
	padding-right:28px;
	padding-left:1px;
	background-position: top right;
}

.brightsmall
{
	padding-right:16px;
	padding-left:1px;
	background-position: right;
}

.longbutton70
{
	height:22px;
	width:70px;
	cursor:pointer;	
	background-repeat:no-repeat;	
	background-image:url('./Images/button_long_70.gif');
		
}
/* ------------------------------------------------------------------- definitions for navigation bar ------------------------------------------------------------------- */

.nav_bar_enabled, .nav_bar_enabled:visited
{
	color:#444;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

.nav_bar_enabled:hover
{	
	text-decoration:underline;
}

.nav_bar_disabled, .nav_bar_disabled:visited
{
	color:#000000;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

/* -------------------------------------------------------------- definitions for modal dialog control style -------------------------------------------------------------- */

div.tabletab
{
}

div.tabletab div.header
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	background:#4E9999;
	color:#FFF;

	padding: 2px 5px 2px 5px;
	
	min-height:15px;
	/* IE6 hack for min-height */
	height:auto !important;
	height:15px;	
}

div.tabletab div.content
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;

	padding: 7px 10px 7px 10px;
	background:#CCE0E0 url('./Images/tabletab_footer_line_green.gif') repeat-x bottom left;
	
	min-height:20px;
	/* IE6 hack for min-height */
	height:auto !important;
	height:20px;	
}

div.tabletab div.info
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;

	padding: 7px 10px 7px 10px;
	/*background:#EEEEEE url('./Images/tabletab_footer_line_grey.gif') repeat-x bottom left;*/
	background:#EEEEEE;
	line-height: 1.5em;
	min-height:20px;
	/* IE6 hack for min-height */
	height:auto !important;
	height:20px;
}

.dialoglabel
{
    float:left;
    text-align:right;
    border:none 0px;
    height:15px;
    padding: 7px 8px 4px 0px;
}

.dialogitem, .dialogitemgreen
{
    float:left;
    border:none 0px;
    padding: 4px 4px 4px 4px;
    min-height:16px;    
}

.dialogitemgreen
{
    background:#DEEBEB;
	border-bottom:solid 2px #FFF;    
}

/* ----------------------------------------------------------------- definitions for clear inherited style ----------------------------------------------------------------- */

/* use this to clear inherited style inside usercontrol(e.g:enhanced calendar, status worm, freetextbox)
Usage: declare a table outside freetextbox with this class, and insert this class in its <tr> */
.clearinheritedstyle
{
	line-height:0px;
}

.clearinheritedstyle td, .clearinheritedstyle th
{
	border-style:none;
	border-width:0px;
	line-height:0px;
	padding:2px;
	margin:0px;
}

.floatHeaderDiv
{
	background:#CCE0E0 url('./Images/modal_dialog_header_background.gif') repeat-x top left;
}

.nowrap
{
		white-space:nowrap;
}