.nonEditableTextArea {




	color:black;




	background: none;




	border: none;




	resize: none;




	overflow: auto;




}











.textBoxCover{
	word-wrap: break-word;
	width: 250px;
}












body.lotusui {








	background-attachment: scroll;








	background-clip: border;








	background-color: #0055a5;








	background-image: url(../images/custom/bg.png);








	background-origin: padding-box;








	background-position: 0px 0px;








	background-repeat: repeat-x;








	margin: 0px;








	padding: 10px;








	position: relative;








}








.ibmLayoutContainers {








padding: 10px 15px 5px 15px;

overflow-y: hidden;








}








.component-control {








padding:5px;








}








.lotusFrame {








width:980px;








background-color:transparent;








}








.lotusBanner {








background-image:none;








background-color:transparent;








}








.lotusTitleBar {








background-color:transparent;








background-image:none;








border-width:0px;








height: 0;








min-height: 0;








}








.lotusPlaceBar {








	margin-bottom:0px;








	background-image:none;








	background-color:transparent;








	border-width:0px;








}








.lotusMain {








background-image:none;








background: #ffffff;








overflow: hidden;








}








/* Top action list*/








.lotusBanner ul.lotusInlinelist li{








font-size:1.0em;








}








.lotusui_ie7 #CommonActionsList .lotusInlinelist{








margin-top:-18px;








}








.lotusBanner #CommonActionsList ul.lotusInlinelist li{








margin-left: -5px;








margin-right: 0px;








margin-top: 0px;








margin-bottom: 0px;








padding: 0px;








}








.lotusBanner ul.lotusUtility li{








font-size:1.0em;








}








/* Top right action list */

















/* Content box css (conversation type) */








.bubble-t1 { background: url(../images/custom/bubble_corners.png) 0 0 no-repeat; }








.bubble-t2 {








	padding: 0px 5px 0px 5px;	








	background: url(../images/custom/bubble_corners.png) 100% -5px no-repeat;








}








.bubble-t3 {








	height: 5px;








	background: url(../images/custom/bubble_corners.png) 0 -10px repeat-x;








}








.bubble-1 { background: url(../images/custom/bubble_edges.png) 0 0 repeat-y; }








.bubble-2 {








	padding: 0px 5px 0px 5px;








	background: url(../images/custom/bubble_edges.png) 100% 0 repeat-y;








}








.bubble-3 { 








	padding: 10px;








	background: #ffffff;








	overflow: hidden;








}








.bubble-b1 { 








background: url(../images/custom/bubble_corners.png) 100% -25px no-repeat; }








.bubble-b2 {








	padding: 0px 5px 0px 4px;	








	background: url(../images/custom/bubble_corners.png) 100% -25px no-repeat;








}








.bubble-b3 {








	height: 10px;








	background: url(../images/custom/bubble_corners.png) 0 -35px repeat-x;








}








.portletTitle {








	font: bold 20px Helvetica, Arial;








	color: #2e5795;








	border-bottom: solid 1px #003577; 








	padding-bottom:2px;








	margin-bottom:10px;








}

















.subTitle {








	font: bold 18px Helvetica, Arial;








	color: #2e5795;








	border-bottom: solid 1px #003577; 








	padding-bottom:2px;








	margin-bottom:5px;








}

















/* Form 1 & 2 start*/

















.content_box {







	-moz-border-radius: 5px;







	-webkit-border-radius: 5px;







	border-radius: 5px;







	border: none;







	padding: 5px;







}

















.content_header {







  background-color: #e2f0f9;







	padding: 5px;







	width: 100%;







	font-weight: bold;







	font-size: 16px;







	font-family: Helvetica, Arial;







}
















.textboxstyle {








	font-size: 14px;








	font-family: Arial;








	height: 25px;








	padding: 0;








	border: solid 1px #9fbbcd;








	color: #333;








	-moz-border-radius: 4px;








  -webkit-border-radius: 4px;








 	border-radius: 4px;








}

















.textboxstyle_noborder{








	font-size: 14px;








	font-family: Arial;








	height: 25px;








	padding: 0;








	color: #333;








}

















.textareastyle {








	font-size: 14px;








	font-family: Arial;








	border: solid 1px #9fbbcd;








	color: #333;








	-moz-border-radius: 4px;








  -webkit-border-radius: 4px;








 	border-radius: 4px;








}

















.dataLabelAlignLeft {








	height : 25;








	font-weight: bold;








	font-size: 14px;








	text-align: left;








	padding-left: 5px;








	vertical-align: top; 








}

















.dataLabelAlignRight {








	height : 25;








	font-weight: bold;








	font-size: 14px;








	text-align: right;








	padding-right: 5px;








	vertical-align: top; 








}


























.dataLabelAlignLeftRequired {







	height : 25;







	font-weight: bold;







	font-size: 14px;







	text-align: left;







	padding-left: 5px;







	vertical-align: top; 







}

















.dataFieldAlignLeft {








	FONT-WEIGHT: normal; FONT-SIZE: 14px; 








	LINE-HEIGHT: 16px;








	TEXT-ALIGN: left;








	padding-left: 5px;








	white-space:nowrap; 








	vertical-align: top; 








}

















.dataFieldAlignLeft p {








	white-space:normal;








}

















.note {








	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: gray; LINE-HEIGHT: 16px;FONT-FAMILY : Arial;








	TEXT-ALIGN: left;








	padding-left: 5px;








	font-style: italic








}

















.divider {








	border-top:dotted 1px;








	border-color:#5697e2;








	padding-top:5px;








	padding-bottom:5px;








}

















.button {


	text-decoration:none;


	font-size: 12px;


	font-weight: bold;


	text-align: center;


	background-color: #ffcc00;


	color: black !important;


	padding: 5px 10px 5px 10px;


	height: 25px;


	font-family: Arial;


	cursor: pointer;


	-moz-border-radius: 5px;


	border-radius: 5px;


  -webkit-border-radius: 5px;


  border:none;


}




















.filterClass {








	-moz-border-radius: 5px;








  -webkit-border-radius: 5px;








  border-radius: 5px;








	border: 1px solid #d8d8d8;








  background-color:#f6f6f6;








}

















a.add-icon {








	color:#3489c8;








	text-decoration:none;








	padding-left:5px;








	padding-bottom:5px;








}

















a.add-icon:hover {








	color:#164e78;








	text-decoration:underline;








}















a.button,a.button:link, a.button:hover, a.button:active, a.button:focus {
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #ffcc00;
	color: black !important;
	padding: 5px 10px 5px 10px;
	height: 25px;
	line-height:25px;
	font-family: Arial;
	cursor: pointer;
	-moz-border-radius: 5px;
	border-radius: 5px;
  -webkit-border-radius: 5px;
  border:none;
}









.content_box a {
cursor:pointer;
}
















/*Top Search navigation with language*/








.switchLanguage {








font-family: Arial;








font-size: 12px;








font-weight: regular;








color: #0055a5;








float:left;








margin-top:2px;








line-height:20px;








}








.lotusSearchContainer{








margin:-30px 0px 5px 0px;








padding: 8px;








}








#themeSearchBox{








float:left;








}








.lotusui .lotusInlinelist{








margin-top: 0px;








margin-right:-20px;








}

















/* Top search end*/

















/* Breadcrumb */








.ibmPortalBreadcrumbs{








color: #787878;








}








/* Breadcrumb end */

















/* Top navi*/








.lotusTitleBar .lotusTabs li.lotusSelected a{








font-family: Arial;








font-size: 13px;








font-weight: bold;








text-shadow: 0 1px 0 rgba(255,255,255,0.75);








color: #229;








background-image:none;








}








.lotusTitleBar .lotusInner{








margin-left:5px;








}








.lotusTitleBar .lotusTabs li.lotusSelected{








background-image:url(../images/custom/navi_active_middle.png);








background-color:transparent;








height:40px;








background-repeat:repeat-x;








border-right: 0px;








border-left: 1px solid #D3D3D3;








border-top: 0px;








border-bottom: 0px;








}








.lotusTitleBar .lotusTabs{








margin-left:0px;








margin-right:10px;








padding-top:0px;








background-image:url(../images/custom/navi_inactive_middle.png);








background-color:transparent;








height:40px;








background-repeat:repeat-x;








border-width:0px








} 








.lotusTitleBar .lotusTabs li{








background-image:url(../images/custom/navi_inactive_middle.png);








background-color:transparent;








height:40px;








background-repeat:repeat-x;








border-right: 0px;








border-left: 1px solid #D3D3D3;








border-top: 0px;








border-bottom: 0px;








}

















.lotusTitleBar .lotusTabs .firstNode{








border: 0px;








}

















.lotusTitleBar .lotusTabs li a{








font-family: Arial;








font-size: 13px;








font-weight: bold;








color: white;








text-shadow: 0px -1px 1px rgba(0,0,0,0.2);








}








.lotusTitleBar .lotusTabs li.lotusSelected div{








margin-top:6px;








}








.lotusTitleBar .lotusTabs li div{








margin-top:6px;








}








.lotusTitleBar .lotusTabs li div span{








margin-top:6px;








}








.lotusTitleBar .lotusTabs leftTopNaviImg {








background-image:url(../images/custom/navi_inactive_left.png);








background-position:left center;








height:45px;








padding:8px;








background-repeat:no-repeat;








position:relative;








}








.lotusTitleBar .lotusTabs .leftTopNaviImgSelected{








background-image:url(../images/custom/navi_active_left.png);








background-position:left center;








height:45px;








padding:8px;








background-repeat:no-repeat;








position:relative;








}








.lotusTitleBar .lotusTabs .rightTopNaviImg {








background-image:url(../images/custom/navi_inactive_right.png);








background-position:right center;








height:45px;








width:8px;








background-repeat:no-repeat;








position:relative;








}








.modeledTabs .lotusTabs .rightTopNaviImgSelected{








background-image:url(../images/custom/navi_active_right.png);








background-position:right center;








height:45px;








width:8px;








background-repeat:no-repeat;








position:relative;








}








.modeledTabs .lotusTabs .topNaviDividerImg{








background-image:url(../images/custom/navi_divider.png);








height:45px;








width:3px;








background-position:right center;








background-repeat:no-repeat;








position:relative;








}








.lotusTabs li, .portlet-tab li{








margin:0 0px 0 0 !important;








}








.lotusui .dijitMenu{








border: 0px !important;








}








.lotusui .dijitMenu tr:hover{








background-color: #1969b5;








}








.lotusui_ie7 .tundra .dijitMenu, .tundra .dijitMenuBar{








margin: -10px;








}








.tundra .dijitMenu, .tundra .dijitMenuBar{








margin: -10px;








}








.lotusui_ie7 .lotusui .dijitMenuTable{








background-color: #fdff3e;








margin-left:3px; 








}








.lotusui .dijitMenuTable{








background-color: #fdff3e;








margin-left:3px; 








}








.lotusui_ie7 .dijitPopup{








margin-top: 3px;








}








.lotusui_ie7 .lotusui .dijitMenuTable{








background-color: #fdff3e;








margin-left:3px; 








}








.dijitPopup{








margin-top: 11px;








}








/*Top Navi end*/

















/*Footer*/








.lotusFooter{








margin: 0;








}








.lotusFooter .tapFooter{








font-family: Arial;








font-size: 11px;








font-weight: Regular;








color: #FFFFFF;








}








.lotusFooter .tapFooter a{








font-family: Arial;








font-size: 11px;








font-weight: Regular;








color: #FFFFFF;








}








/*Footer end*/

















/* Tap portlet skin */








.lotusWidget2 h2{








font-family: Arial;








font-size: 16px;








font-weight: Bold;








color: #353535;








background-color: #e0f0fe;








background-image: none;








border: none;








padding-top: 8px;








padding-bottom: 8px;








}








.lotusWidget2 .lotusWidgetBody{








border-color: #e0f0fe;








border-width: 0 3px 3px;








}








/* Tap portlet skin end */








/* Dijit form custom css */








.lotusui .dijitTextBox {








	height: 25px;








	padding: 0;








	border: solid 1px #9fbbcd;








	color: #333;








	-moz-border-radius: 4px;








  -webkit-border-radius: 4px;








 	border-radius: 4px;








 	margin-left:0px;








}








.lotusui .dijitTextBox input {








}








.dijitTextArea {








	font-size: 14px;








	font-family: Arial;








	border: solid 1px #9fbbcd;








	color: #333;








	-moz-border-radius: 4px;








  -webkit-border-radius: 4px;








 	border-radius: 4px;








}








.dijitComboBox {








	font-size: 14px;








	font-family: Arial;








	height: 25px;








	padding: 0;








	border: solid 1px #9fbbcd;








	color: #333;








	-moz-border-radius: 4px;








  -webkit-border-radius: 4px;








 	border-radius: 4px;








}











.requiredFieldMarker {



      margin-left: -9px;



}












/* Dijit form custom css end */








########## PRESENTATION TEMPLATE  CSS #############








#1. Article Presentation (portal default css)








#2. Component Reference (no css)








#3. Content Presentation - General








#4. Content Presentation - General1








#5. Event








###################################################

















####### [Event] , [Content Presentation - General1], [Content Presentation - General] Start####### 

















.presentation_template .button{








cursor:pointer;








}








.presentation_template .generalAT .title{








font-style:arial;








font-size:20px;








font-weight:bold;








color:#000000;








line-height:24px;








}

















.presentation_template .generalAT .summary{








font-family: Verdana; font-size:12px; text-align:justify; color:#353535;}

















.presentation_template .generalAT .summary{








font-style:arial;








color:#353535;








text-align:justify;








}

















.presentation_template .generalAT .date{








font-style:arial;








font-size:11px;








color:#787878;








}

















.presentation_template .generalAT .author{








font-style:italic;








font-size:11px;








color:#787878;








}








.presentation_template .generalAT .GeneralImage img{








border-style:solid;








border-width:1px;








border-color:#787878;








}








.presentation_template .generalAT td.GeneralEventIcon{








width:1px;








}








.presentation_template .generalAT .GeneralEventIcon img{








padding-right: 5px;








}








.presentation_template .authoringtool{








width:100%;








text-align:right;








padding-bottom:8px;








}








.presentation_template .date_blue{








float:left;








width:44px;








background-color:#D0E9FF;








text-align:center;








padding:5px;








}








.presentation_template .date_blue .date{








font-size:22px;








color:#035AA9;








font-weight:bold;








}








.presentation_template .main_holder{








float:left;width:90%;padding-left:20px;








}








.presentation_template .main_holder .fileresource{








float:right;








}

















.wpsFieldErrorText {color: #000000;}

















####### [Event] , [Content Presentation - General1] ,[Content Presentation - General] end #######





















































############ COMPONENT CSS #################








#1. Event Listing








#2. You May Also Like








############################################

















############ Event Listing start ##############

















.component .image img{








border:solid 1px;








padding:2px;








}








.component ul.general{








list-style-type:none;








margin:0px;








padding-left:0px;








}

















.component ul.general li{








padding-top:0px;








padding-bottom:0px;








}

















.component ul.general li .datefield{








color:#808080;








font-size:12px;








}

















.component ul.general a:link{








text-decoration:none;








font-weight:bold;








color:#444477;








padding:0px;








margin:0px;








font-size:16px;








}








.component ul.general a:visited{








text-decoration:none;








font-weight:bold;








color:#444477;








}








.component ul.general a:active{








text-decoration:none;








font-weight:bold;








color:#444477;








}








.component ul.general a:hover{








text-decoration:none;








font-weight:bold;








color:#444477;








}








.component .border_bottom_black{








border-bottom:1px solid black;








}








.component ul.general .venueField{








float:left;width:30%;








}








.component ul.general .venueValue{








float:left;width:auto;








}

















############ Event Listing end ##############

















############ You May Also Like start ##############








ul.squarebullet_blue{








list-style-type:square;








color:0157A4;








margin:0px;








padding-left:20px;








}

















ul.squarebullet_blue li{








padding-top:5px;








padding-bottom:5px;








}

















ul.squarebullet_blue a:link{








text-decoration:none;








color:#353535;








}








ul.squarebullet_blue a:visited{








text-decoration:none;








color:#353535;








}








ul.squarebullet_blue a:active{








text-decoration:none;








color:#353535;








}








ul.squarebullet_blue a:hover{








text-decoration:none;








color:#353535;

















############ You May Also Like end ##############





.jmesa .filter .dynFilter {

    position: static !important;

}



.jmesa .filter #dynFilterDiv {

    position: static !important;

}



.jmesa .filter #dynFilterDroplistDiv {

    position: relative !important;

}