body
{
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 110%;
	color: #646464;
}

body.font-medium
{
	font-size: 12px;
}

body.yoopage
{
	background: #191e48;
}

body.width-wide
{
	width: 960px;
}

#div.absolute
{
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
}

#date
{
	margin: 0px 10px 0px 5px;
	float: left;
	font-size: 10px;
	font-family: Arial;
	color: #c8c8c8;
}

#header
{
	/* change these */
	height: 160px; /* leave these as they are */
	position: absolute;
	width: 100%;
}

#content
{
	top: 200px; /* must be header height */ /*bottom: 16px;    must be footer height */ /* leave these as they are */
	position: absolute; /*overflow: auto; */
	width: 100%;
}

#footer
{
	/* change these */
	position: absolute;
	top: 800px;
	width: 100%;
	height: 20px;
	bottom: 0px;
}

#page
{
	background: url(../CPCImages/bg.jpg) repeat-x #697C83 0px 0px;
}

#reportPage {
    background-color: #56656c;
}

#page-body
{
	background: url(../Images/01_page_t.png) #1c2367 repeat-x 0px 0px;
}

#toolbarmain
{
	padding-bottom: 0px;
	width: 960px;
	height: 10px;
	background: url(../Images/10_toolbar_bg.png) repeat-x 0px 0px;
}

#layout
{
	padding-bottom: 0px;
	width: 960px;
}

#headerbar
{
	padding-bottom: 0px;
	width: 960px;
	height: 90px;
}

#logo
{
	padding-bottom: 0px;
	width: 960px;
	height: 92px;
	background: url(../CPCImages/cplogo.gif) repeat-x 0px 0px;
}

div.page-body-img
{
	background: url(../Images/33_page_img.jpg) no-repeat 50% 0px;
}

div.page-body-b
{
	background: url(../Images/28_page_b.png) repeat-x 0px 100%;
}

div.wrapper
{
	margin: auto;
}

.headerToolbar
{
	background: url(../Images/10_toolbar_bg.png) repeat center top;
	width: 960px;
	height: 10px;
}

.footertext
{
	color: #646464;
	font-family: Arial;
	font-size: 12px;
}

.menubartext
{
	color: #646464;
	font-family: Arial;
	font-size: 16px;
	cursor: pointer;
}

.sep
{
	background: url(../Images/40_menu_sep_black.png) repeat-x 0px 0px;
	width: 1px;
	height: 39px;
}

#bgdefaultpage
{
	background: url(../Images/08_686400corecompetencies2.jpg) repeat-x 0px 0px;
	width: 550px;
	height: 400px;
}
/* Menubar*/
#menubarleftpin
{
	padding-bottom: 0px;
	width: 40px;
	height: 40px;
	background: url(../Images/31_menubar_l.png) repeat-x 0px 0px;
}

#menubarleft
{
	padding-bottom: 0px;
	width: 40px;
	height: 40px;
	background: url(../Images/31_menubar_l.png) repeat-x 0px 0px;
}

#menubarmiddle
{
	background: url(../Images/39_menubar_m.png) repeat-x 0px 100%;
	height: 40px;
	top: 0px;
	bottom: 0px;
}

#menubarright
{
	padding-bottom: 0px;
	width: 10px;
	height: 40px;
	background: url(../Images/35_menubar_r.png) repeat-x 0px 0px;
}
/* End menubar*/

/*Main content background*/
#topcontentbarleft
{
	padding-bottom: 0px;
	width: 10px;
	height: 10px;
	background: url(../Images/19_wrapper_tl.png) repeat-x 0px 0px;
}

#topcontentbarmiddle
{
	background: url(../Images/18_wrapper_t.png) repeat-x 0px 100%;
	height: 10px;
}

#topcontentbarright
{
	padding-bottom: 0px;
	width: 10px;
	height: 10px;
	background: url(../Images/37_wrapper_tr.png) repeat-x 0px 0px;
}

#midcontentbarmiddle
{
	background: url(../Images/02_module_default_br.png) repeat-x 0px 0px;
	height: 400px;
	width: 100%;
}

#midcontentbarmiddleModal
{
	background: url(../Images/02_module_default_br.png) repeat-x 0px 0px;
	height: 500px;
	width: 100%;
}

#midcontentbarmiddleright
{
	background: url(../Images/02_module_default_br.png) repeat-x 0px 0px;
	height: 400px;
	width: 100%;
}

#bottomcontentbarleft
{
	padding-bottom: 0px;
	width: 10px;
	height: 40px;
	background: url(../Images/31_menubar_l.png) repeat-x 0px 0px;
}

#bottomcontentbarmiddle
{
	background: url(../Images/22_footer_bg.png) repeat-x 0px 100%;
	height: 40px;
}

#bottomcontentbarright
{
	padding-bottom: 0px;
	width: 10px;
	height: 40px;
	background: url(../Images/35_menubar_r.png) repeat-x 0px 0px;
}
/*End Main content background*/

/*Content Framework*/
/*Left Menu*/
.menuLeftLeftClass
{
	background: url(../images/CornerTopLeft.gif) no-repeat;
	width: 16px;
	height: 31px;
}

.menuLeftMiddleClass
{
	background: url(../images/TopMiddle.gif) repeat-x;
	width: 135px;
	height: 31px;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
}

.menuLeftRightClass
{
	background: url(../images/CornerTopRight.gif) no-repeat;
	width: 16px;
	height: 31px;
}

.menuMiddleLeftClass
{
	background: url(../images/LeftMiddle.gif) repeat-y;
	width: 2px;
	height: 40px;
}

.menuMiddleMiddleClass
{
	width: 135px;
}

.menuMiddleRightClass
{
	background: url(../images/RightMiddle.gif) repeat-y right;
	width: 2px;
	height: 40px;
}

.menuRightLeftClass
{
	background: url(../images/CornerBottomLeft.gif) no-repeat;
	width: 16px;
	height: 15px;
}

.menuRigthMiddleClass
{
	background: url(../images/BottomMiddle.gif) repeat-x;
	width: 135px;
	height: 15px;
}

.menuRigthRightClass
{
	background: url(../images/CornerBottomRight.gif) no-repeat;
	width: 16px;
	height: 15px;
}

.menuTableClass
{
	table-layout: fixed;
	width: 135px;
}

.menuLeftMiddleClassMain
{
	background: url(../images/TopMiddle.gif) repeat-x;
	width: 100%;
	height: 31px;
}

.menuMiddleMiddleClassMain
{
	width: 100%; /*overflow-x:hidden;*/
}

.menuRigthMiddleClassMain
{
	background: url(../images/BottomMiddle.gif) repeat-x;
	width: 100%;
	height: 15px;
}

.menuHeaderClassMain
{
	background: url(../images/TopMiddle.gif) repeat-x;
	width: 200px;
	height: 31px;
}

.menuTableClassMain
{
	table-layout: fixed;
	width: 570px;
	height: 440px;
}

.menuTableClassMainright
{
	table-layout: fixed;
	width: 100%;
	height: 440px;
}

.menuTableClassMainLogin
{
	table-layout: fixed;
	width: 370px;
	height: 440px;
}

.menuTableClassHeader
{
	table-layout: fixed;
	width: 300px;
}
/*End Framework*/

.inputbox
{
	border-bottom: #c8c8c8 1px solid;
	border-left: #c8c8c8 1px solid;
	background: #ffffff;
	border-top: #c8c8c8 1px solid;
	border-right: #c8c8c8 1px solid;
	font-family: Arial;
	font-size: 14px;
}

.heading
{
	padding-top: 20px;
	padding-bottom: 20px;
	color: #7887a0;
	font-family: Arial;
	font-size: 200%;
}

.textdescription
{
	line-height: 22px;
	width: 150px;
	display: block;
	float: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 14px;
}

.textdatagrid
{
	line-height: 15px;
	width: 100%;
	float: inherit;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
}

.textdescriptionsmall
{
	line-height: 22px;
	display: block;
	float: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 10px;
	color: #7887a0;
}

.button
{
	width: 150px;
	font-family: Verdana;
	font-size: 13px;
	color: #646464;
	cursor: pointer;
}

.generateButton {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 3px;
    width: 142px;
    margin-right: 8px;
    font-family: Verdana;
    font-size: 13px;
    color: #646464;
}

	.generateButton:hover{
		cursor: pointer
	}

	.textsize {
		font-size: 14px;
	}

.headerList
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #0066CC;
	color: #FFFFFF;
	border: thin outset #FFFFFF;
	font-weight: bold;
}

.headerListFooter
{
	background-color: #E6E6E6;
	border: thin outset #FFFFFF;
}

.subheaderList
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #CCCCCC;
	border-style: outset;
	border-width: thin;
	color: #000000;
}

.searchResults
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.resultListFirstRow
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F0F0F0;
}

.resultListSecondRow
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*Loading div*/
#loader
{
	top: 0px; /* must be header height */
	bottom: 0px; /* must be footer height */ /* leave these as they are */
	width: 100%;
	position: absolute;
	background-color: #C0C0C0;
	filter: Alpha(Opacity=25);
	opacity: .25;
	z-index: 1;
}

#imgloader
{
	background-position: center center;
	top: 0px; /* must be header height */
	bottom: 0px; /* must be footer height */ /* leave these as they are */
	width: 100%;
	position: absolute; /*background-color: #C0C0C0;*/
	z-index: 2;
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
}

#loaderserver
{
	top: 0px; /* must be header height */
	bottom: 0px; /* must be footer height */ /* leave these as they are */
	width: 960px;
	position: absolute;
	background-color: #C0C0C0;
	filter: Alpha(Opacity=25);
	opacity: .25;
	z-index: 3;
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#imgloaderserver
{
	background-position: center center;
	top: 0px; /* must be header height */
	bottom: 0px; /* must be footer height */ /* leave these as they are */
	width: 960px;
	position: absolute; /*background-color: #C0C0C0;*/
	z-index: 4;
}

#loaderserver2
{
	top: 0px; /* must be header height */
	bottom: 0px; /* must be footer height */ /* leave these as they are */
	width: 960px;
	position: absolute;
	background-color: #C0C0C0;
	filter: Alpha(Opacity=25);
	opacity: .25;
	z-index: 3;
	background-repeat: no-repeat;
	background-position: center;
}

#imgloaderserver2
{
	background-position: center center;
	top: 0px; /* must be header height */
	bottom: 0px; /* must be footer height */ /* leave these as they are */
	width: 960px;
	position: absolute; /*background-color: #C0C0C0;*/
	z-index: 4;
}

#modalLoader
{
	top: 0px; /* must be header height */
	bottom: 0px; /* must be footer height */ /* leave these as they are */
	width: 100%;
	height: 1000px;
	position: absolute;
	background-color: #C0C0C0;
	filter: Alpha(Opacity=25);
	opacity: .25;
}

#modalLoaderValidate
{
	top: 0px; /* must be header height */
	bottom: 0px; /* must be footer height */ /* leave these as they are */
	left: 0px;
	width: 100%;
	position: absolute;
	background-color: #C0C0C0;
	filter: Alpha(Opacity=25);
	opacity: .25;
}
/*End loading div*/

/*Tree View*/
.luDefault
{
	padding-left: 15px;
	margin: 0;
	list-style: none;
	width: 100px;
}

.liPlus
{
	padding-left: 5px;
	color: Black;
}
/*End Tree View*/

.fieldsetHeader
{
	line-height: 22px;
	font-family: Arial;
	font-size: 10px;
}

.popupControl
{
	top: 0px; /* must be header height */
	bottom: 0px; /* must be footer height */ /* leave these as they are */
	width: 960px;
	position: absolute;
	background-color: #C0C0C0;
	filter: Alpha(Opacity=25);
	opacity: .25;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
}

.info
{
	border: thin solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: white;
	height:25px;
}

.infoWarning
{
	border: thin solid #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: white;
	height: 25px;
	color: #FF0000;
	width:100%;
}

/* Layout */
#generic-container-margintop
{
	height: 1%;
	border-top: 13px solid White;
}

TD.prodcard-title
{
	border-left: #ffffff 1px solid;
	background: url(../ImagesLayout/background_prodcard_title.gif) white repeat-x left top;
	height: 54px;
	font-size: 11px;
	font-family: trebuchet ms, arial, verdana, sans-serif;
	border-right: #ffffff 1px solid;
	text-align:left;
}

TABLE.prodcard-margin1fix
{
	border-bottom: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
}

DIV.prodcard-container
{
	border-left: #b5b4b4 1px solid;
	border-right: #b5b4b4 1px solid;
}

#prodcard-maginfy
{
	z-index: 2;
	position: absolute;
	width: 189px;
	height: 175px;
}

#prodcard-enlarge
{
	border-bottom: #b5b4b4 1px solid;
	border-left: #b5b4b4 1px solid;
	background-color: #ffffff;
	width: 17px;
	float: right;
	height: 17px;
	border-top: #b5b4b4 1px solid;
	border-right: #b5b4b4 1px solid;
}

TD.prodcard-s-results-grey
{
	border-bottom: #fff 1px solid;
	border-left: #fff 1px solid;
	background-color: #f3f3f3;
	padding-left: 8px;
	height: 21px;
	color: #666666;
	font-size: 11px;
	font-family: trebuchet ms, arial, verdana, sans-serif;
	border-top: #fff 1px solid;
	border-right: #fff 1px solid;
	text-align: left;
}

TD.prodcardprice-container
{
	border-bottom: #fff 1px solid;
	border-left: #fff 1px solid;
	background-color: #ffffff;
	height: 42px;
	border-top: #fff 1px solid;
	border-right: #fff 1px solid;
}

TD.prodcard-paddingQTY
{
	padding-top: 9px;
}

DIV.prodname-indent
{
	padding-bottom: 4px;
	line-height: 14px;
	padding-left: 6px;
	padding-right: 4px;
	font-size: 11px;
	padding-top: 4px;
}

DIV.prodname-indent1
{
	padding-bottom: 4px;
	line-height: 14px;
	padding-left: 6px;
	padding-right: 4px;
	font-size: 11px;
	padding-top: 5px;
	font-family: trebuchet ms, arial, verdana, sans-serif;
}

DIV.prodcard-divider
{
	border-bottom: #b5b4b4 1px solid;
	border-left: #b5b4b4 1px solid;
	background: url(../ImagesLayout/background_prodcard_title.gif) repeat-x left top;
	height: 24px;
	border-top: #b5b4b4 1px solid;
	border-right: #b5b4b4 1px solid;
	text-align:left;
}

DIV.product-description
{
	border-bottom: white 8px solid;
	border-left: white 9px solid;
	line-height: 16px;
	color: #333333;
	border-top: white 8px solid;
	border-right: white 8px solid;
	text-align: left;
	font-size: 11px;
	font-family: trebuchet ms, arial, verdana, sans-serif;
	font-weight:bold;
}

div.data-footer
{
	border-top: 1px solid #b5b4b4;
	background: url(../ImagesLayout/data_footer_back.gif) repeat-x top left;
	height: 25px;
}

div.data-footer-info
{
	float: right;
	padding-top: 3px;
}
/* End Layout */

/* Search Layout */

.matrix-divider
{
	border-bottom: #ffffff 1px solid;
	height: 1pt;
	border-bottom-width: 1pt;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
	padding-bottom:2px;
	padding-top:2px;
}

#generic-container
{
	height: 1%;
}

table.generic-header
{
	background: url(../ImagesLayout/data_header_backfade.gif) repeat-x top left;
	border-collapse: collapse;
	width: 100%;
	height: 25px;
	color: #333333;
	border-bottom: 1px solid #b5b4b4;
}

td.generic-header-start
{
	background: url(../ImagesLayout/data_header_left.gif) no-repeat top left;
	padding-left: 9px;
	padding-top: 2px;
	font-size: 13px;
	font-family:trebuchet ms, arial, verdana, sans-serif;
	text-align:left;
}

td.generic-header-end
{
	background: url(../ImagesLayout/data_header_right.gif) no-repeat top right;
}

td.generic-header-divider
{
	padding-top: 2px;
	font-size: 11px;
	font-family: trebuchet ms, arial, verdana, sans-serif;
}

TABLE.search-results-white
{
	background-color: #ffffff;
}

TABLE.search-results
{
	background-color: #d6d5d5;
}

TD.s-results-grey
{
	border-bottom: #fff 1px solid;
	border-left: #fff 1px solid;
	background-color: #f3f3f3;
	color: #666666;
	font-size: 11px;
	border-top: #fff 1px solid;
	border-right: #fff 1px solid;
	font-family: trebuchet ms, arial, verdana, sans-serif;
	text-decoration: none;
}

TD.s-results-grey a
{
	background-color: #f3f3f3;
	color: #666666;
	font-size: 11px;
	font-family: trebuchet ms, arial, verdana, sans-serif;
	text-decoration: none;
}

TD.s-results-grey a:hover
{
	background-color: #f3f3f3;
	color: #A2C340;
	font-size: 11px;
	font-family: trebuchet ms, arial, verdana, sans-serif;
	text-decoration: underline;
}

TD.s-results
{
	border-bottom: #d6d5d5 1px solid;
	border-left: #d6d5d5 1px solid;
	background-color: #ffffff;
	color: #666666;
	font-size: 11px;
	border-top: #d6d5d5 1px solid;
	border-right: #d6d5d5 1px solid;
	font-family: trebuchet ms, arial, verdana, sans-serif;
	text-decoration: none;
}

TD.s-results a
{
	background-color: #ffffff;
	color: #666666;
	font-size: 11px;
	font-family: trebuchet ms, arial, verdana, sans-serif;
	text-decoration: none;
}

TD.s-results a:hover
{
	background-color: #ffffff;
	color: #A2C340;
	font-size: 11px;
	font-family: trebuchet ms, arial, verdana, sans-serif;
	text-decoration: underline;
}

/* End Search Layout */

.clear
{
	clear: both;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

div.address-indent
{
	padding: 4px 4px 4px 12px;
	color: rgb(51, 51, 51);
	line-height: 14px;
	font-size: 13px;
}

input.reg
{
	margin: 0px;
	padding: 4px 0px 0px 2px;
	border: 1px solid rgb(181, 180, 180);
	width: 95%;
	height: 16px;
	color: rgb(102, 102, 102);
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

textarea.reg
{
	margin: 0px;
	padding: 4px 0px 0px 2px;
	border: 1px solid rgb(181, 180, 180);
	width: 97%;
	height: 50px;
	color: rgb(102, 102, 102);
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

select.reg
{
	margin: 0px;
	border: 1px solid rgb(181, 180, 180);
	height: 18px;
	color: rgb(102, 102, 102);
	font-size: 13px;
	width: 98%;
	font-family: Arial, Helvetica, sans-serif;
}

#TestModeLabel {
    font-weight: bold;
    color: #ffffff;
    background-color: red;
    padding: 2px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
}

.infoWarningInline {
    border: thin solid #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: white;
    padding: 7px;
    color: #FF0000;
    width: 100%;
}