/* XPages Application CSS */
/** Author: Tony McGuckin, IBM **/

/* dojo slider */
.dijitSliderBarH{border:1px solid #e3e3e3;}

.dijitSliderBumperH{border-style:none;width:0px !important;}

.dijitSliderImageHandle{border:0px !important;background-position:left bottom !important;background-repeat:no-repeat !important;width:7px !important;height:11px !important;
top:-3px !important;background:#ffffff url(xpTagSliderHandle.gif) no-repeat scroll center top !important;}

.dijitSliderImageHandleH{border:1px solid #e3e3e3 !important;}

.dijitSliderProgressBar{background-color:#a5c0ec !important;}
.dijitSliderRemainingBar{background-color:#e3e3e3 !important;}
.dijitSliderBottomBumper, .dijitSliderLeftBumper{background-color:#a5c0ec !important;}

/* images */
.xspImageBranding{float:left;}
.xspImageFile{padding-right:3px;}

/* computed text */
.xspComputedFieldTitle{color:#ffffff;float:left;font-size:1.5em;font-weight:normal;letter-spacing:0pt;line-height:2em;padding:3px 0pt 0pt 12px;margin:0px;}
.xspComputedFieldViewGeneric{color:#000000;white-space:nowrap;}
.xspComputedFieldViewMeta{color:#666666;white-space:nowrap;}
.xspComputedFieldSearchInfo{font-size:1.1em;}
.xspComputedFieldHeaderSubtitle{color:#444444;font-size:1.7em;font-weight:normal;line-height:1.2em;border:0pt none;font-family:inherit;font-style:inherit;margin:0pt;outline-color:invert;outline-style:none;outline-width:0pt;vertical-align:baseline;}
.xspComputedFieldFooter{font-weight:normal;font-size:1.1em;color:#c0c0c0;}

/* labels */
.xspTextLargeSeparator{margin-left:5px;margin-right:5px;color:#666666;font-weight:normal;vertical-align:text-bottom;}
.xspTextMediumSeparator{margin-left:3px;margin-right:3px;color:#666666;font-weight:normal;font-size:9pt;}
.xspTextSmallSeparator{margin-left:3px;margin-right:3px;color:#666666;font-weight:normal;font-size:8pt;}
.xspTextLabel{white-space:nowrap;}
.xspTextSearchInfo{font-weight:normal;font-size:1.1em;}
.xspTextTableHeader{font-weight:bold;font-size:1.1em;}
.xspTextTableLabel{font-weight:bold;font-size:1.1em;padding-left:5px;white-space:nowrap;}

/* input fields */
.xspInputFieldEditBoxSearch{color:#999999;border-color:#5581b7;border-style:solid;border-width:1px;margin:0pt 1px;padding:3px 5px 4px;width:15em;vertical-align:middle;}
.xspInputFieldFileUploadEx{color:inherit;margin:0em 0.1em;padding:1px 1px 1px 1px;}

/* panels */
.xspPanelBanner{background-color:transparent;padding:5px 15px 4px 30px;overflow:hidden;min-height:20px;}
.xspPanelBannerLeft{float:left;padding:0px;text-align:left;}
.xspPanelBannerRight{float:right;padding-right:30px;text-align:right;}
.xspPanelFrame{margin:0 auto;padding:0;min-width:990px;}

.xspPanelTitleBar{margin:0 10px;border-bottom-color:#6794cb;background-image:url(xpTitlebarMid_oneUI.gif);}
.xspPanelRightCorner{background-image:url(xpTitlebarRight_oneUI.gif);background-position:right top;background-repeat:no-repeat;height:3.5em;padding-right:6px;}
.xspPanelInner{background-image:url(xpTitlebarLeft_oneUI.gif);background-position:left top;background-repeat:no-repeat;height:3.5em;}

.xspPanelHeader{margin-bottom:5px;margin-top:-5px;overflow:hidden;position:relative;margin-bottom:15px}
.xspPanelHeader img{margin-right:10px;}

.xspPanelMain{border-style:solid;clear:both;margin:0px 10px 10px 10px;overflow:hidden;padding:0 0 5px 0;min-height:400px;border-width:0 1px 1px 1px;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;background-position:top left; background-repeat:no-repeat;background-color:#ffffff;border-color:#cfcfcf;border-top-color:#568dd0;background-image:url(xpSidebar.gif);}

.xspPanelFooter{clear:both;margin:0px 10px;padding:5px;overflow:hidden;background-color:#ffffff;border:solid 1px #cfcfcf;-moz-border-radius:4px;}
.xspPanelFooterLeft{float:left;}
.xspPanelFooterRight{float:right}

.xspPanelContent{padding:16px 20px 20px 20px;overflow:hidden;margin-right:auto;margin-left:auto;background-color:#ffffff;}

.xspPanelColumnLeft{float:left;width:180px;padding:20px 10px 10px 10px;}
.xspPanelColumnRight{float:right;width:180px;padding:15px 10px;font-size:.9em;}
.xspPanelColumnRight h2{padding-left:10px;}

.xspPanelActionsBar{padding:0px 0px 10px 0px;}
.xspPanelTopicThread{background-color:#f7f9fc;padding:10px;border:1px solid #e5e5e5;-moz-border-radius:6px;}

.xspPanelFooter th{color:#666666;}
.xspPanelFooter th, .xspPanelFooter td{border-color:#e0e0e0;}

.xspPanelSearch{float:right;position:relative;top:8px;right:11px;}

/* tag cloud */
.tagCloudSection {font-weight:bold; cursor:pointer; margin-top:25px;}
.tagCloudOuterPanel {text-align:left; margin:5px;}
.tagCloudSlider {padding-top:10px; padding-bottom:5px}
.tagCloudInnerPanel {margin-top:5px; width:100%; overflow:hidden;}
.tagCloudInnerPanel a {text-decoration:none; font-weight:bold;}
.tagCloudInnerPanel a:hover, .tagCloudInnerPanel a:focus {text-decoration:underline;}

a.tagCloudSize1, a.tagCloudSize1:visited	{font-size:90%;  color:#8bbce8;}
a.tagCloudSize2, a.tagCloudSize2:visited	{font-size:93%;  color:#649cd8;}
a.tagCloudSize3, a.tagCloudSize3:visited	{font-size:96%;  color:#4477bb;}
a.tagCloudSize4, a.tagCloudSize4:visited	{font-size:102%; color:#2b588e;}
a.tagCloudSize5, a.tagCloudSize5:visited	{font-size:107%; color:#1c3052;}
a.tagCloudSize6, a.tagCloudSize6:visited	{font-size:112%; color:#1c3052;}
a.tagCloudSize7, a.tagCloudSize7:visited	{font-size:116%; color:#1c3052;}
a.tagCloudSize8, a.tagCloudSize8:visited	{font-size:122%; color:#1c3052;}
a.tagCloudSize9, a.tagCloudSize9:visited	{font-size:130%; color:#1c3052;}
a.tagCloudSize10, a.tagCloudSize10:visited	{font-size:150%; color:#1c3052;}

/* display toggling */
.xspDisplayInline{display:inline;}
.xspDisplayNone{display:none;}

/* header pager */
.xspPagerContainerViewHeader{float:right;background-color:#ffffff;border-collapse:collapse;width:100%;position:relative;}
.xspPagerViewHeader{float:right;margin-top:.2em;padding:2px 5px;height:2em;line-height:2em;clear:both;text-align:center;font-weight:normal;font-size:1em;color:#848484;background-color:#ffffff;}
.xspPagerNavViewHeader{text-align:left;float:left;padding-left:5px;color:#848484;}

.xspGroupViewHeader span{margin:0px;padding:0px;}
.xspGroupViewHeader span span{color:#848484;display:inline;margin:0px;padding:0px 7px;border-left-width:1px;border-left-style:solid;border-color:#cccccc;}
.xspGroupViewHeader span span.xspFirstItem{padding-left:0px;border-left-width:0px;}
.xspGroupViewHeader span span.xspLastItem{padding-left:7px;border-left-width:1px;}
.xspGroupViewHeader span span a, .xspGroupViewHeader span span a:visited{color:#105cb6;font-weight:bold !important;text-decoration:none;}
.xspGroupViewHeader span span a:hover, .xspGroupViewHeader span span a:focus, .xspGroupViewHeader span span a:active{font-weight:bold !important;text-decoration:underline;}
.xspGroupViewHeader span span.xspCurrentItem{color:#848484;}

.xspPreviousViewHeader a, .xspPreviousViewHeader a:visited{color:#105cb6;font-weight:bold !important;text-decoration:none;}
.xspPreviousViewHeader a:hover, .xspPreviousViewHeader a:focus, .xspPreviousViewHeader a:active{font-weight:bold !important;text-decoration:underline;}
.xspPreviousViewHeader .xspCurrentItem{color:#848484;}

.xspNextViewHeader a, .xspNextViewHeader a:visited{color:#105cb6;font-weight:bold !important;text-decoration:none;}
.xspNextViewHeader a:hover, .xspNextViewHeader a:focus, .xspNextViewHeader a:active{font-weight:bold !important;text-decoration:underline;}
.xspNextViewHeader .xspCurrentItem{color:#848484;}

/* footer pager */
.xspPagerContainerViewFooter{float:right;background-color:inherit;border-collapse:collapse;width:100%;position:relative;}
.xspPagerViewFooter{float:right;margin-top:.2em;padding:2px 5px;height:2em;line-height:2em;clear:both;text-align:center;font-weight:normal;font-size:1em;color:#848484;background-color:inherit;}
.xspPagerNavViewFooter{text-align:left;float:left;padding-left:5px;color:#848484;}

.xspPreviousViewFooter a, .xspPreviousViewFooter a:visited{color:#105cb6;font-weight:bold !important;text-decoration:none;}
.xspPreviousViewFooter a:hover, .xspPreviousViewFooter a:focus, .xspPreviousViewFooter a:active{font-weight:bold !important;text-decoration:underline;}
.xspPreviousViewFooter .xspCurrentItem{color:#848484;}

.xspNextViewFooter a, .xspNextViewFooter a:visited{color:#105cb6;font-weight:bold !important;text-decoration:none;}
.xspNextViewFooter a:hover, .xspNextViewFooter a:focus, .xspNextViewFooter a:active{font-weight:bold !important;text-decoration:underline;}
.xspNextViewFooter .xspCurrentItem{color:#848484;}

/* form table */
.xspHtmlTableForm{border:0px none;width:100%;clear:both;}
.xspHtmlTrFormHeader{}
.xspHtmlTrFormBody{}
.xspHtmlTdFormHeader{border:1px solid #e5e5e5;padding:5px 2px;vertical-align:top;text-align:right;background-color:#f3f3f3;color:#848484;clear:both;font-weight:bold;font-size:0.9em;height:2em;line-height:2em;margin-top:0.2em;padding:2px 5px;text-align:left;}
.xspHtmlTdFormBody{padding:5px 5px 5px 5px;background-color:#ffffff;font-weight:normal;font-size:0.9em;vertical-align:top;}
.xspHtmlTdFormFooterSlimline{border-top:1px solid #e5e5e5;padding-top:15px;}

/* view table header */
.xspHtmlTableViewHeader{border:0px none;width:100%;clear:both;}
.xspHtmlTrViewHeader{}
.xspHtmlTdViewHeaderTop{padding:4px 0px 0px 5px;vertical-align:top;background-color:#f3f3f3;color:#848484;clear:both;height:2em;line-height:2em;margin-top:0.2em;padding:2px 5px;text-align:right !important;}
.xspHtmlTdViewHeaderBottom{padding:5px 2px;vertical-align:top;background-color:#ffffff;font-weight:normal;font-size:0.9em;}

/* view table footer */
.xspHtmlTableViewFooter{border:0px none;width:100%;clear:both;}
.xspHtmlTrViewFooter{}
.xspHtmlTdViewFooter{padding:0px 5px 0px 5px;border:0px none;vertical-align:top;text-align:right;background-color:#f3f3f3;color:#848484;clear:both;height:2em;line-height:2em;}

.xspRowCount{font-size:0.9em;padding:3px 0px 0px 0px}

/* view table body*/
.xspHtmlTableView{border:0px none;width:100%;clear:both;}
.xspHtmlTrViewSelected{background-color:#eefee1;}
.xspHtmlTrView:hover{background-color:#ffffc8;}
.xspHtmlTdView{border-top-color:#e5e5e5;border-top-style:solid;border-top-width:1px;padding:5px 2px;vertical-align:top;}

/* layout utils */
.xspLeft{float:left;}
.xspRight{float:right;}
.xspLeftAlign{text-align:left;}
.xspCenterAlign{text-align:center;}
.xspRightAlign{text-align:right;}
.xspNoWrap{white-space:nowrap;}
.xspMetaData{color:#666666;}

/* links */
a.xspEnabledCollapse:link, a.xspEnabledCollapse:visited, a.xspEnabledCollapse:hover, a.xspEnabledCollapse:active{font-size:0.9em;font-weight:bold;padding:0px 5px 0px 0px;margin:5px;margin-right:1px;margin-left:1px;text-decoration:none;text-align:center;cursor:hand;}
a.xspDisabledCollapse:link, a.xspDisabledCollapse:visited, a.xspDisabledCollapse:hover, a.xspDisabledCollapse:active{font-size:0.9em;font-weight:normal;padding:0px 5px 0px 0px;margin:5px;margin-right:1px;margin-left:1px;text-decoration:none;text-align:center;color:#848484;cursor:default;}

a.xspEnabledExpand:link, a.xspEnabledExpand:visited, a.xspEnabledExpand:hover, a.xspEnabledExpand:active{font-size:0.9em;font-weight:bold;padding:0px 7px 0px 9px;margin:5px;margin-right:1px;margin-left:1px;text-decoration:none;text-align:center;cursor:hand;}
a.xspDisabledExpand:link, a.xspDisabledExpand:visited, a.xspDisabledExpand:hover, a.xspDisabledExpand:active{font-size:0.9em;font-weight:normal;padding:0px 7px 0px 9px;margin:5px;margin-right:1px;margin-left:1px;text-decoration:none;text-align:center;color:#848484;cursor:default;}

a.xspLinkPerson:hover, a.xspLinkPerson:focus{border-bottom-color:#05386b;color:#05386b;border-bottom-style:dotted;border-bottom-width:1px;text-decoration:none;}

a.xspLinkMore:link, a.xspLinkMore:visited{margin:0px 5px 0px 0px;color:#578cca;font-size:90%;}
a.xspLinkMore:hover, a.xspLinkMore:focus{border-bottom-color:#05386b;color:#05386b;border-bottom-style:dotted;border-bottom-width:1px;text-decoration:none;}

a.xspLinkAction:link, a.xspLinkAction:visited{font-weight:bold;color:#578cca;margin:0px 5px 0px 5px;}
a.xspLinkAction:hover, a.xspLinkAction:focus{border-bottom-color:#05386b;color:#05386b;border-bottom-style:solid;border-bottom-width:1px;text-decoration:none;}

a.xspLinkLogout:link, a.xspLinkLogout:visited, a.xspLinkLogout:hover, a.xspLinkLogout:focus, a.xspLinkLogout:active{font-weight:bold;text-decoration:none;color:#73be59;}
a.xspLinkTitle:link, a.xspLinkTitle:visited, a.xspLinkTitle:hover, a.xspLinkTitle:focus, a.xspLinkTitle:active{text-decoration:none;color:#444444;float:left;font-size:1.7em;font-weight:normal;letter-spacing:0pt;line-height:1.2em;padding:3px 0pt 0pt 12px;margin:0px;}
a.xspLinkViewTopicTitle:link, a.xspLinkViewTopicTitle:visited, a.xspLinkViewTopicTitle:hover, a.xspLinkViewTopicTitle:focus, a.xspLinkViewTopicTitle:active{text-decoration:none;font-size:1.1em;font-weight:bold;letter-spacing:0pt;line-height:1.2em;}

/* main menu body */
.xspPanelNavigationMenuTop{background-color:#eefee1;background-position:left top;background-repeat:no-repeat;margin:0pt 0pt 15px;padding-top:5px;width:178px;border:0pt none;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;outline-color:invert;outline-style:none;outline-width:0pt;vertical-align:baseline;border-style:solid;}
.xspPanelNavigationMenuBottom{background-position:left bottom;background-repeat:no-repeat;padding-bottom:5px;border:0pt none;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0pt;outline-color:invert;outline-style:none;outline-width:0pt;vertical-align:baseline;}
.xspPanelNavigationMenuInner{background-position:left top;background-repeat:repeat-y;overflow:hidden;border:0pt none;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0pt;outline-color:invert;outline-style:none;outline-width:0pt;vertical-align:baseline;}

/* main menu links */
.xspPanelNavigationMenuItems{list-style-type:none;margin:0pt;padding:0pt;margin-top:5px;padding-left:0pt;}
.xspPanelNavigationMenuItem a, .xspPanelNavigationMenuItem a:visited{display:block;font-weight:normal;line-height:1em;padding:5px 0pt 5px 13px;text-decoration:none;}
.xspPanelNavigationMenuItemSelected a, .xspPanelNavigationMenuItemSelected a:visited{display:block;line-height:1em;padding:5px 0pt 5px 13px;background-color:#73be59;border-color:#73be59;color:#ffffff;border-style:solid;border-width:1px;cursor:default;font-weight:bold;margin:0pt 5px 3px;padding-left:6px;text-decoration:none;}

.xspDataTableFileDownload thead tr th{padding:2px;}
.xspDataTableFileDownload .xspColumn{padding-right:10px !important;}

/* CSS Document */
body {
	padding: 0px;
	margin: 0px;
	background: #fff;
	background-color:white;
	color: #666;
	font: 14px/ 18px Georgia, "Times New Roman", Times, serif;
}

div,p,ul,h2,h3,h4,img {
	padding: 0px;
	margin: 0px;
}

ul {
	list-style-type: none;
}

a {
	background: #0099FF;
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*----TOP PANEL----*/
#maintopPan {
	height: 277px;
	background: url(coolweb/headerbg2.gif) 0 0 repeat-x;
	margin: 0 auto;
	
}

#topHeaderPan {
	width: 513px;
	height: 277px;
	float: left;
	background: url(coolweb/header.jpg) 0 0 no-repeat;
	
}

#topHeaderPan ul {
	width: 114px;
	height: 124px;
	position: absolute;
	top: 119px;
	left: 23px;
	
}

#topHeaderPan ul li {
	width: 114px;
	height: 24px;
	background: url(coolweb/dot-line.gif) 0 100% repeat-x;
	
}

#topHeaderPan ul li a {
	display: block;
	width: 102px;
	height: 24px;
	background: url(coolweb/bullet1.gif) 0 9px no-repeat;
	font: 12px/ 24px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 12px;
	color:white;
	
}

#topHeaderPan ul li a:hover {
	text-decoration: underline;
	background: url(coolweb/bullet2.gif) 0 9px no-repeat;
}

#topHeaderPan ul li.resources {
	width: 114px;
	height: 24px;
	background: none;
}
/*The logo image on top left corner */
#topHeaderPan img {
	width: 500px;
	height: 85px;
	position: absolute;
	top: 0px;
	left: 10px;
}

/*----Top Side Menu--*/
#topSidemenuPan {
	width: 264px;
	height: 277px;
	float: left;
	background: url(coolweb/right-bg.gif) 100% 0 no-repeat #fff;
	color: #000;
}

#topSidemenuPan ul {
	width: 198px;
	margin: 0 0 0 20px;
}

#topSidemenuPan ul li {
	width: 99px;
	height: 277px;
	float: left;
}

#topSidemenuPan ul li.home {
	width: 99px;
	height: 277px;
}

#topSidemenuPan ul li.home a {
	width: 99px;
	height: 277px;
	display: block;
	background: url(coolweb/home-normal.jpg) 0 0 no-repeat;
	text-indent: -20000px;
}

#topSidemenuPan ul li.home a:hover {
	width: 99px;
	height: 277px;
	background: url(coolweb/home-hover.jpg) 0 0 no-repeat;
}

#topSidemenuPan ul li.contact a {
	width: 99px;
	height: 277px;
	display: block;
	background: url(coolweb/contact-normal.jpg) 0 0 no-repeat;
	text-indent: -20000px;
}

#topSidemenuPan ul li.contact a:hover {
	width: 99px;
	height: 277px;
	background: url(coolweb/contact-hover.jpg) 0 0 no-repeat;
}

/*----/TOP PANEL----*/ /*----BODY PANEL----*/
#bodyPan {
	width: 778px;
	clear: both;
}

/*----Left Panel----*/
#leftPan {
	width: 505px;
	float: left;
}

#leftPanHardware {
	width: 505px;
	float: left;
}
#leftPanMPD {
	width: 505px;
	float: left;
}

#leftPan p {
	padding: 0 24px 14px;
}

#leftPanHardware p {
	padding: 0 24px 14px;
}

#leftPan p span {
	font-weight: bold;
}

#leftPanHardware p span {
	font-weight: bold;
}

#leftPan p.more {
	width: 70px;
	height: 23px;
	margin: 0 0 0 340px;
}

#leftPanHardware p.more {
	width: 70px;
	height: 23px;
	margin: 0 0 0 340px;
}

#leftPan p.more a {
	width: 70px;
	height: 23px;
	display: block;
	background: url(coolweb/icon2.gif) 0 0 no-repeat #fff;
	color: #589B02;
	font: 14px/ 23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 36px;
}

#leftPanHardware p.more a:hover {
	/*background: url(coolweb/icon2.gif) 0 0 no-repeat #fff;*/
	color: #046CB8;
	text-decoration: none;
}

#leftPan p.more a:hover {
	background: url(coolweb/icon2.gif) 0 0 no-repeat #fff;
	color: #046CB8;
	text-decoration: none;
}

#leftPanHardware h2 {
	width: 220px;
	height: 100px;
	background: url(coolweb/icon4.gif) 0 50% no-repeat;
	text-indent: -20000px;
	margin: 0 0 0 22px;
}

#leftPan h2 {
	width: 220px;
	height: 100px;
	background: url(coolweb/icon1.gif) 0 50% no-repeat;
	text-indent: -20000px;
	margin: 0 0 0 22px;
}

#leftPaninleftPan {
	width: 270px;
	float: left;
}

#leftPaninleftPan h3 {
	height: 55px;
	background: url(coolweb/icon3.gif) 0 0 no-repeat #fff;
	color: #046CB8;
	font: 24px/ 40px Arial, Helvetica, sans-serif;
	padding: 30px 0 0 54px;
	margin: 0 0 0 22px;
}

#leftPaninleftPan h4 {
	width: 209px;
	height: 90px;
	/*background: url(lotus_social_business_209x90.png) 0 0 no-repeat;*/
	/*background: url(ConnectED-BVA-2015_300x100.jpg) 0 0 no-repeat;*/
	/*background: url(socialbiz1.jpg) 0 0 no-repeat;*/
	background: url(connect2016s.jpg) 0 0 no-repeat;

	margin: 0 0 0 22px;
	text-indent: -2000px;
}

#leftPaninleftPan p.strongtext {
	font: 16px/ 18px Arial, Helvetica, sans-serif;
	background: #fff;
	color: #3A3A3A;
	font-weight: bold;
	padding: 16px 24px 14px;
}

#leftPaninleftPan p.moreone {
	width: 100px;
	height: 23px;
	margin: 0 0 35px;
}

#leftPaninleftPan p.moreone a {
	width: 100px;
	height: 23px;
	display: block;
	background: url(coolweb/icon2.gif) 0 0 no-repeat #fff;
	color: #589B02;
	font: 14px/ 23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 36px;
}

#leftPaninleftPan p.moreone a:hover {
	background: url(coolweb/icon2.gif) 0 0 no-repeat #fff;
	color: #046CB8;
	text-decoration: none;
}

#leftPaninrightPan {
	width: 235px;
	float: left;
}

#leftPaninrightPan h4 {
	width: 209px;
	height: 90px;
	background: url(connect2014.png) 0 0 no-repeat;
	text-indent: -2000px;
	margin: 85px 0 0;
}

#leftPaninrightPan p {
	padding: 0 0 14px;
}

#leftPaninrightPan p.strongtext {
	font: 16px/ 18px Arial, Helvetica, sans-serif;
	background: #fff;
	color: #3A3A3A;
	font-weight: bold;
	padding: 16px 24px 14px 0;
}

#leftPaninrightPan p span {
	font-weight: bold;
}

#leftPaninrightPan p.moretwo {
	width: 100px;
	height: 23px;
	margin: 0 0 35px;
}

#leftPaninrightPan p.moretwo a {
	width: 100px;
	height: 23px;
	display: block;
	background: url(coolweb/icon2.gif) 0 0 no-repeat #fff;
	color: #589B02;
	font: 14px/ 23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 36px;
}

#leftPaninrightPan p.moretwo a:hover {
	background: url(coolweb/icon2.gif) 0 0 no-repeat #fff;
	color: #046CB8;
	text-decoration: none;
}


/*----CSites------*/
#leftPanCSites {
	width: 573px;
	float: left;
	padding: 0 0 40px;
	/*background: url(coolweb/rightpanbg.gif) 0 0 repeat-y;*/
	
}

#leftPanCSites h2 {
	width: 400px;
	height: 0px;
	/*background: url(./MPDirLogo.gif) 0 0 no-repeat #fff;*/
	background: 0 0 no-repeat #fff;
	color: #3A3A3A;
	font: 14px/ 18px Arial, Helvetica, sans-serif;
	padding: 8px 0 0 16px;
	text-transform: uppercase;
	margin: 14px 0 0 53px;
}
#leftPanCSites h2 span {
	font-size: 48px;
	line-height: 32px;
	background: #fff;
	color: #61A804;
	text-transform: none;
}

#leftPanCSites ul {
	width: 390px;
	margin: 36px 0 60px 46px;
}

#leftPanCSites ul li.dot {
	background: url(coolweb/bullet.gif) 0 7px no-repeat;
	height: 15px;
	padding: 0 0 0 20px;
	font-weight: bold;
}

#leftPanCSites ul li {
	background: none;
	height: 47px;
	padding: 20px 0 0 10px;
}


/*----/MP Directory----*/
#leftPanMPDirectory {
	width: 573px;
	float: left;
	padding: 0 0 40px;
	/*background: url(coolweb/rightpanbg.gif) 0 0 repeat-y;*/
	
}

#leftPanMPDirectory h2 {
	width: 400px;
	height: 202px;
	background: url(./MPDirLogo.gif) 0 0 no-repeat #fff;
	color: #3A3A3A;
	font: 14px/ 18px Arial, Helvetica, sans-serif;
	padding: 8px 0 0 16px;
	text-transform: uppercase;
	margin: 14px 0 0 53px;
}

#leftPanMPDirectory h2 span {
	font-size: 48px;
	line-height: 32px;
	background: #fff;
	color: #61A804;
	text-transform: none;
}

#leftPanMPDirectory ul {
	width: 390px;
	margin: 36px 0 60px 46px;
}

#leftPanMPDirectory ul li.dot {
	background: url(coolweb/bullet.gif) 0 7px no-repeat;
	height: 15px;
	padding: 0 0 5px 20px;
	font-weight: bold;
}

#leftPanMPDirectory ul li {
	background: none;
	height: 47px;
	padding: 20px 0 0 10px;
}



/*----/Left Panel----*/ /*----Right Panel----*/
#rightPan {
	width: 273px;
	float: left;
	background: url(coolweb/rightpanbg.gif) 0 0 repeat-y;
}

#rightPan h2 {
	width: 85px;
	height: 74px;
	background: url(coolweb/icon4.gif) 0 0 no-repeat #fff;
	color: #3A3A3A;
	font: 14px/ 18px Arial, Helvetica, sans-serif;
	padding: 8px 0 0 66px;
	text-transform: uppercase;
	margin: 24px 0 0 53px;
}

#rightPan h2 span {
	font-size: 48px;
	line-height: 32px;
	background: #fff;
	color: #61A804;
	text-transform: none;
}

#rightPan ul {
	width: 190px;
	margin: 36px 0 60px 46px;
}

#rightPan ul li.dot {
	background: url(coolweb/bullet.gif) 0 7px no-repeat;
	height: 15px;
	padding: 0 0 0 20px;
	font-weight: bold;
}

#rightPan ul li {
	background: none;
	height: 47px;
	padding: 0 0 0 20px;
}

#rightbottomPan {
	width: 273px;
	height: 24px;
	background: url(coolweb/rightbottompan.gif) 0 0 no-repeat;
}

/*----Right Panel----*/
#footermainPan {
	height: 168px;
	background: #4C4C4C;
	color: #fff;
	clear: both;
}

#footerPan {
	width: 778px;
	float: left;
	position: relative;
}

#footerPan img {
	width: 218px;
	height: 52px;
	position: absolute;
	top: 28px;
	right: 30px;
}

#footerPan ul {
	width: 420px;
	position: absolute;
	top: 38px;
	left: 53px;
}

#footerPan li {
	float: left;
	font: 11px/ 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#footerPan ul li a {
	padding: 0 5px 0;
	color: #fff;
	background: #4C4C4C;
	text-decoration: none;
}

#footerPan ul li a:hover {
	text-decoration: underline;
}

#footerPan ul.templateworld {
	width: 158px;
	background: #4C4C4C;
	color: #fff;
	display: block;
	position: absolute;
	top: 125px;
	left: 56px;
}

#footerPan ul.templateworld li a {
	background: #4C4C4C;
	display: block;
	color: #fff;
	text-decoration: none;
}

#footerPan ul.templateworld li a:hover {
	text-decoration: underline;
}

#footerPan p.copyright {
	background: #4C4C4C;
	color: #79D000;
	font: 11px/ 15px Tahoma, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 74px;
	left: 58px;
}

#footerPanhtml {
	width: 75px;
	height: 24px;
	display: block;
	position: absolute;
	top: 95px;
	left: 58px;
}

#footerPanhtml a {
	width: 75px;
	height: 24px;
	background: url(coolweb/arrow1.gif) 90% 50% no-repeat #DFDFDF;
	display: block;
	font: 14px/ 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 5px;
	color: #111111;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#footerPanhtml a:hover {
	background: url(coolweb/arrow2.gif) 90% 50% no-repeat #DFDFDF;
	color: #111;
	text-decoration: none;
}

#footerPancss {
	width: 75px;
	height: 24px;
	display: block;
	position: absolute;
	top: 95px;
	left: 145px;
}

#footerPancss a {
	width: 75px;
	height: 24px;
	background: url(coolweb/arrow2.gif) 90% 50% no-repeat #DFDFDF;
	display: block;
	font: 14px/ 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 5px;
	color: #111111;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#footerPancss a:hover {
	background: url(coolweb/arrow1.gif) 90% 50% no-repeat #DFDFDF;
	color: #111;
	text-decoration: none;
}