*{margin:0;padding:0}
html,body{margin:0;padding:0;}
body{font-size:76%;font-family:Arial, Helvetica, sans-serif;line-height:1.3;}
p{margin:0 0.5em 0.5em 0}
a, a:visited {color:#2299DD;text-decoration:none;border:0}
img{border-width:0px}
h2{font-size: 17pt; color: #557744;font-weight:normal;padding: 0.5em 0 0.25em 0;}
h3{font-size: 14pt; color: #557744;font-weight:normal;margin: 0em 1em 0.5em 0em;padding-top: 0.5em;}
h4{font-size: 12pt; color: #557744;font-weight:normal;margin: 0em 1em 0.5em 0em;padding-top: 0em;}
hr{background-color: #8AA87D;color:#8AA87D;border:none;height:1px;display:block;width: 100%;margin:10px 0 10px 0px;padding:0px;}



ul, ol {
padding:0 0 18px 40px;
}

.hr{border-top:1px solid #8AA87D;height:10px;display:block;padding:0px;margin-top:10px;}

div#container{}
div#header{background-color:#EFF1DE}
div#header #bannerImg{padding-left:62px}
div#content p{line-height:1.4}
div#content {margin:0 5px 5px 5px}
div#navigation{height:33px;background-image:url('../images/TopBackground.jpg');background-repeat:repeat-x}
div#extra{background:#FF8539}
div#footer{width:86%;background: #fff url(../images/line.jpg) repeat-x center top;clear:both;margin:0;margin:auto;text-align:center;padding-top:10px}


div#footer p{margin:0;padding:0px 10px}
div .divErrorHidden{display:none}
div .divError
{
text-align: center;
display:block;width:75%;margin:auto;margin-top:15px;
margin-bottom:15px;
font-weight:bold;
color:#800000;
font-size: 12pt;
vertical-align: top;
}
div .divMessage
{
text-align: center;
display:block;width:75%;margin:auto;margin-top:15px;
margin-bottom:15px;
font-weight:bold;
font-size: 12pt;
vertical-align: top;
}
div .box
{
    border:1px solid #B4C167;
    background-color:#E2F2BF;
    padding:10px;
}

div .loginbox
{
    border:1px solid #B4C167;
    background-color:#CCE1C3;
    padding:10px;
}

/*******Ajax AutoComplete******/
.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}
.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/*******Global Classes *******/
.grey{color:#AAAAAA}
.red{color:#800000}
.green{color:#557744}
.smallest{font-size:8pt}
.textbox
{
    border: 1px solid #888888;
    font-size: 6pt;
    height:20pt;
}
.radio{border:none}
/***** Wrapper *****/

/***** Global Classes *****/

.clear { clear:both; }


/***** Boxes *****/
.greenbox {
	width: 17em; /* ems so it will grow */
	font-size: 100%;
	position:relative;
	color:Black;
}
.greenbox .boxhead {
	background: url(../images/sbhead-r_long.png) no-repeat top right;
	margin: 0;
	padding: 0px;
	height:40px;
	overflow:visible;
}
.greenbox .boxhead .header {
	background: url(../images/sbhead-l.png) no-repeat top left;
	margin: 0;
	font-size: 1.1em; 
	line-height: 1em;
	padding:1px;
	height:40px;
}
.greenbox .boxbody 
{
    border-left:1px solid #5D9B46;
    border-right:1px solid #5D9B46;
    border-bottom:1px solid #5D9B46;
    background-color:#CCE1C3;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
}

.yellowbox {
	width: 17em; /* ems so it will grow */
	font-size: 100%;
	position:relative;
	color:#557744;
}
.yellowbox .boxhead {
	background: url(../images/sbhead-r-yellow.png) no-repeat top right;
	margin: 0;
	padding: 0px;
	height:40px;
	overflow:visible;
}
.yellowbox .boxhead .header {
	background: url(../images/sbhead-l-yellow.png) no-repeat top left;
	margin: 0;
	font-size: 1.2em; 
	line-height: 1em;
	padding:1px;
	height:40px;
}
.yellowbox .boxhead .headercenter {
	background: url(../images/sbhead-t-yellow.png) repeat-x top left;
	margin: 0;
	font-size: 1.2em; 
	line-height: 1em;
	padding:1px;
	height:40px;
	width:90%;
}
.yellowbox .boxbody 
{
    border-left:1px solid #B4C167;
    border-right:1px solid #B4C167;
    border-bottom:1px solid #B4C167;
    background-color:#E2F2BF;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
}

/***** Form *****/
fieldset {  
font-size:10pt;
margin: 0 0 0em 0;
margin:auto;
padding: 0 0 1em 0;  
border-style: none;
position:relative;
}
fieldset .header
{
background-color: #8aa87d;
color:White;
font-weight:bold;
padding: 5px; 
display:block;
vertical-align: middle;
position:relative;
}
fieldset legend
{
	display:none;
}
fieldset ol {  
padding: 0;
list-style: none;
}
fieldset li {  
float: left;
clear: left;
width: 95%; 
padding-left: 5px;
padding-top: 10px;
position:relative;
}
fieldset.submit {  
float: none;  
width: auto;  
border: 0 none #FFF;  
padding-left: 11em; 
background-color: transparent; 
background-image: none; 
}
fieldset label {
float:left;width:10em;
margin-right: 1em; 
position:relative;
}
fieldset label em{  
position: absolute;  
left: 10em;  
top: 0;color:Red;font-weight:bold;
}
.radio{background-color:transparent;border-color:transparent}
.radio input{background-color:transparent;border-color:transparent}
input:focus,textarea:focus{background:#E2F2BF;color:#000;border:1px solid #B4C167;}
input,textarea{background:#FFF;color:#000;border:1px solid #5D9B46}
option{padding-left:5px;padding-right:5px}


.normalfld
{
    background-color: #FFFFFF;
    border:1px solid #5D9B46;
    color:#000;
}
.focusfld
{
    background-color: #E2F2BF;
    border:1px solid #B4C167;
    color:#000;
}


/***** Menu *****/
#menu{background: url(../images/menuBackground.jpg) repeat-x;height:33px;}

#menu ul
{
padding:0;
margin:0;
color: White;
float: left;
height:33px;
font-family: arial, helvetica, sans-serif;
padding-left:7%;padding-right:7%;text-align:center;
display: table-cell; vertical-align: middle;
}

#menu ul li {display: inline; 
background: url(../images/menu.jpg) no-repeat;
width:101px;
position:relative;
}

#menu ul li a
{
padding: 0.8em 0em;
color: black;
font-size:9pt;font-weight:bold;
text-decoration: none;
float: left;
height:21px;
background: url(../images/menu.jpg) no-repeat;
width:102px;
line-height:1em;
}

#menu ul li.inactive
{
background: url(../images/menu.jpg) no-repeat;
}

#menu ul li.inactive a
{
background: url(../images/menu_inactive.jpg) no-repeat;
}

#menu ul li span
{
padding: 0.5em 0em;
color: black;
font-size:9pt;font-weight:bold;
text-decoration: none;
margin-left:-1px;
float: left;
height:31px;
background: url(../images/menu.jpg) no-repeat;
width:101px;
}
#menu ul li a:hover
{
background: url(../images/menuActive.jpg) no-repeat;
}
#menu ul li.inactive a:hover
{
background: url(../images/menu_inactive.jpg) no-repeat;
}
#menu .current
{
background: url(../images/menuActive.jpg) no-repeat;
}

/***** Tree *****/
.czSkillTree
{
}
.czSkillTree input
{
    margin-left:10px;
    margin-right:10px;
}
.czSkillTreeSelectedNode
{
}
.czSkillTreeRootNode
{
}
.czSkillTreeParentNode
{
	font-weight: bold;
}
.czSkillTreeNode
{
}
.czSkillTreeLeafNode
{
}
.czSkillTreeHoverNode
{
	text-decoration: underline;
}

/***** Mini Nav *****/
.miniNavigation
{width: 100%;height:38px;
position:relative;
margin: 0;
padding: 0px;
background: url(../images/right_nav.gif) no-repeat bottom right;}
.miniNavigation ul
{margin: 0;padding:0;padding-left:15px;
height:100%;
background: url(../images/left_nav.gif) no-repeat bottom left;
float: left;height:38px;}
.miniNavigation .navList li
{
display: inline; background: url(../images/menu.gif) no-repeat;
position:relative;height:27px;width:94px;}
.miniNavigation .navList a
{
color:white;margin-left:2px;margin-right:2px;text-align:center;
float: left;height:27px;width:94px;font-size:12pt;font-weight:bold;
background: url(../images/menu.gif) no-repeat;line-height:2em;text-decoration:none;}

/***** Search *****/
/*
Sample : 
<div class="search" >
<div class="header">
<h3>HEADER</h3>Caption
</div>
<div class="body">
<div class="leftContent">
Left Content
</div>
<div class="rightContent">
Right Content
</div>
<div class="clear" /></div>
</div>
*/
.search
{
	clear:both;
    position:relative;
    margin: 0;
    padding: 0px;
    width:99%;
    background: url(../images/header_r.gif) no-repeat top right;
}
.search .header
{
    padding:0;
    margin:0;
    height:28px;
    border-left:1px solid #5D9B46;
    line-height:2.5em;
}
.search .header label{color:#993300;font-weight:bold;padding-left:5px;}
.search .header .moreinfo{position:absolute;right:15px;top:-2px;}
.search .header h3
{
    padding:0;
    margin:0;
    display:inline;
    color:blue;
    font-weight:bold;
    height:100%;
    padding-left:5px;
    line-height:1.5em;
    float:left;
    padding-right:40px;
    background: url(../images/header_m.gif) no-repeat top right;
    color:#009900;
}
.search .body
{
    border:none;
    border-left:1px solid #5D9B46;
    border-bottom:1px solid #5D9B46;
    padding:0;
    margin:0;
    background-color:#D5E8CA;
    position:relative;
}
.search .body .table
{
    width:100%;
    border:none;
    padding:0;
    margin:0;
    background-color:#D5E8CA;
    background: url(../images/body_r.gif) no-repeat top right;
}
.search .body .leftContent
{
    width:30%;
    padding:5px;
    background: url(../images/body_m.gif) repeat-y top right;
    vertical-align:top;   
}
.search .body .rightContent
{
	vertical-align:top;
	padding:5px;
}
.search .body .content
{
    padding:5px;
    
}
.search .body .clear
{
    clear:both;
}

.search .footer
{
    padding:0;
    margin:0;
    height:28px;
    border-right:1px solid #5D9B46;
    line-height:2.5em;
    background: url(../images/footer_r.gif) no-repeat bottom left;

}
.search .footer label
{
	color:#993300;
	font-weight:bold;
	padding-right:5px;
}

.search .footer h3
{
    padding:0;
    margin:0;
    display:inline;
    font-weight:normal;
    height:100%;
    padding-right:5px;
    line-height:1.5em;
    float:right;
    padding-left:40px;
    background: url(../images/footer_m.gif) no-repeat bottom left;
    color:#009900;
}

.ajax-loading{
	height:21px;
	background: url(../images/ajax-loader.gif) no-repeat;
}


/***** Global Classes *****/
.gridContainer
{
	width: 100%;		/* table width will be 99% of this*/
	height: 250px; 	/* must be greater than tbody*/
	margin: 0 auto;
	overflow:auto;
}
.gridContainSkill
{
	width: 100%;		/* table width will be 99% of this*/
	height: 250px; 	/* must be greater than tbody*/
	margin: 0 auto;
	overflow:auto;
}

.grid
{
	border: 1px solid #BDCDAE;
	overflow: hidden;
	color:#336633;
	width:96%;
}
.grid caption
{
	font-weight:bold;
	color:#336633;
}
.grid tr
{
height:20px;
}
.grid>tbody
{
	overflow: auto; 
	height: 125px;
	overflow-x: hidden;
}
.grid a
{font-weight:bold;}
.grid thead tr
{
	position:relative; 
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
}
.grid thead /*.gridHeader*/
{
border-collapse: collapse;
background-color:#D6DFC6;
height: 23px;
padding: 0px;
}
.grid th /*.gridHeader td*/
{				
	border-bottom: 2px solid #336633;
	padding-top: 1px;
	height: 23px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;	
	padding-left: 5px;
	padding-right: 5px;
	background-color:#eeeeee;
}
.grid .alternate{background-color: #EFF1DE;}
.grid .selected{background-color: #CCCCCC;}
.grid tr{background-color: #FFFFFF;}
.grid td
{
		padding:0 0 0 5px;
		border-right: 0px;
		border-bottom: 1px solid #E6E6E6;
		font-family: Verdana;
		font-size: 10px;
		color: #5E5E70;
		vertical-align: middle;
}
.grid .alternate td
{
        padding:0 0 0 5px;
		border-right: 0px;
		border-bottom: 1px solid #E6E6E6;			
		font-family: Verdana;
		font-size: 10px;
		color: #5E5E70;
		vertical-align: middle;
}
.grid .selected td
{
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 5px;
		border-right: 0px;
		border-top: 1px solid #E6E6E6;				
		font-family: Verdana;
		font-size: 10px;
		color: #5E5E70;	
		height: 24px;	
		vertical-align: middle;
}

.grid tfoot
{
	padding: 0px;
	height: 28px;
	margin-top: 2px;
	padding-left: 20px;
	font-family: Verdana;
	font-size: 10px;
}
.grid td:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/

.popupBox{position:relative;border:1px solid #7c8b3f;background-image:url('../images/grey_bg3.gif');background-repeat:repeat-x;z-index:20;background-color:White;}
.popupBox .close{background-image:url('../images/close.gif');background-repeat:no-repeat;width:26px;height:26px;position:absolute;top:-10px;right:-10px;z-index:99}
.popupBox .title{color:Black;font-weight:bold;padding:5px 5px 5px 10px;position:absolute;clear:both;margin-bottom:10px;top:0;left:0;background-color:white}

.skillmatrix{overflow:auto;}
.skillmatrix table td,th{border-bottom:1px solid #CCCCCC;padding:2px;}
.skillmatrix .skillmatrixItem{list-style:none;margin:0px;padding:0px;}
.skillmatrix .skillmatrixItem div
{border-bottom:1px solid #CCCCCC;background-color:Transparent;margin:0px 2px 5px 2px;width:100%;padding:2px;}
.skillmatrix .label
{font-weight:bold;}
.skillmatrix .skillmatrixItem .skillalternate
{border-bottom:1px solid #CCCCCC;background-color:#EFEFEF;margin:0px 2px 5px 2px;width:100%;padding:2px;}

    .divBox
    {
        border: 1px solid #BDCDAE;
        color: #336633;
    }
    .divBoxHeader
    {
        border-bottom: 2px solid #336633;
        padding-top: 1px;
        height: 23px;
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #eeeeee;
    }
    .divBoxBody
    {
        padding: 5px;
        border-bottom: 1px solid #E6E6E6;
        font-family: Verdana;
        font-size: 10px;
        color: #5E5E70;
        vertical-align: middle;
    }

<!--[if lte IE 6]>
.grid thead{position:absolute;top:0px;}
.gridContain{overflow:auto;position:relative;}
.gridContainSkill{overflow:auto;position:relative;}
<![endif]-->