/* CSS Document */
/*global syle*/
body{
    background:#204658 !important;
	margin:0px !important;
	padding:0px !important;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}
a{ color:#204658; text-decoration:none; cursor:pointer}
a:hover{ color:#0099CC;}

input,select{font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#204658;}


/* Multi-browser clearing fix------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
.clearfix {display: block;}
/*End clearing fix*/
.floatleft{ float:left}
.floatright{ float:right}
form{ margin:0px; padding:0px}

#mainbodybg{ background:url(../images/jnj_04.jpg) repeat-y center top; width:1080px;  margin-bottom:20px; padding:0px 40px;}
#loginmainbodybg{ background:url(../images/login-body-bg.jpg) repeat-y center top; width:1020px; }
#mainbodyct { width:1000px; text-align:left; overflow:hidden; background:url(../images/jnj_02.jpg) no-repeat left top;}
/*login page style*/
#loginmainbodyct{ width:940px; *width:1000px;text-align:left; overflow:hidden; background:url(../images/login-main-bg.jpg) no-repeat left top; min-height:570px;  margin-left:40px; }
* #loginmainbodyct{height:570px;}

#loginleftcol{ float:left; margin-top:70px; margin-left:50px; margin-right:55px; width:400px}
#loginrightcol{ float:left; width:364px; margin-top:160px;}
#loginlogobox{ margin-bottom:30px;}

#loginformbox{ width:362px; height:192px; border:#908476 1px solid; margin-top:16px; background:#FFFFFF}
#loginformboxsub{ border: #dee7ef 2px solid; width:358px; height:188px; padding:0px;}
.padding20px{ padding-left:20px; padding-top:17px}
#loginformtable{ color:#204658; }
#loginformtable .theadcs{ font:normal 18px Verdana, Arial, Helvetica, sans-serif; color:#204658;}

.inputborder{ border:#ffcc33 1px solid; font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#999999; padding:3px;}
.buttoncls{ background:#fbcc30; border:#204658 1px solid; padding:3px;font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#204658}

/*end login page style*/

/* add class*/
.buttoncls_addclass{background:#fbcc30; border:#204658 1px solid; padding:1px 10px 1px 10px !important;  *padding:1px 0px 1px 0px !important; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#204658; cursor:pointer;}
.addclassinputcls{color:#999999; border:#CCCCCC 1px solid; font:normal 10px Verdana, Arial, Helvetica, sans-serif; padding:3px; width:130px;}

/*Top welcome box*/
#welcomeuser{ color:#204658; font:bold 12px Arial; padding:15px; text-align:right; margin-bottom:30px}
#admin_tab{ text-align:right;}

.chiptap{ padding-top:20px; color:#D6E0EA}

/*Search box*/
#searchformbox{ margin:20px 20px 10px 20px;width:960px; }
.searchinputcls{ border:#CCCCCC 1px solid; color:#999999; font:normal 10px Verdana, Arial, Helvetica, sans-serif; padding:3px}
* html .searchinputcls{ border:#CCCCCC 1px solid; color:#999999; font:normal 10px Verdana, Arial, Helvetica, sans-serif; padding:3px; height:20px; }
.searchbuttoncls{background:#fbcc30; border:#204658 1px solid; padding:1px 1px 2px 1px !important; *margin-top:1px !important; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#204658;height:20px; cursor:pointer;}
* html .searchbuttoncls{background:#fbcc30; border:#204658 1px solid; padding:1px;font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#204658;height:20px;cursor:pointer;}
/*page title*/
.contentheader{ padding-left:25px; font:normal 20px Verdana, Arial, Helvetica, sans-serif; color:#204658;}

/*main page right column*/
.rightcol{ margin:0px 0px 20px 0px; float:right; width:766px;}
#infolistbox{border:#E4E4E4 1px solid;float:right; width:744px; margin-right:20px; margin-bottom:20px;}
* html #infolistbox{border:#E4E4E4 1px solid;float:right; width:744px; margin-right:10px; margin-bottom:20px;}

#infolistboxfloatleft{}
/*left menu*/
#menu{ float:left; width:188px !important; margin:0px 20px 20px 20px ;}
* html #menu{ float:left; width:188px !important; margin:0px 20px 10px 10px ;}
#menulistbox{border:#CCCCCC 1px solid;}
#leftlogobox{  text-align:center;  margin-top:10px}
.menulist{ margin:0px; padding:10px 10px 10px 0px;}
.menulist li{ margin:0px; padding:0px; list-style:none; border-bottom:#CCCCCC 1px solid; padding:0px 0px 2px 0px; margin:5px 0px;}
.menulist li a{ display:block; font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px}
/*.menulist .addmenu{ background:url(../images/icon-add.gif) no-repeat left top;  padding-top:0px !important}
.menulist .exportallmenu{ background:url(../images/icon-exportall.gif) no-repeat left top; }
.menulist .editmenu{ background:url(../images/icon-edit.gif) no-repeat left top}
.menulist .setmenu{ background:url(../images/icon-set.gif) no-repeat left top;}
.menulist .lastmenu{ border-bottom:none}
.menulist .deletemenu{ background:url(../images/delete.gif) no-repeat left top;}
*/
.menulist .addmenu {margin:6px 0px 6px 10px;}
.menulist .addmenu  img{margin-right:10px;  }
.menulist .create_ea{margin-left:20px;}
.menulist .lastmenu{ border-bottom:none; margin: 0 0 0 30px;}

.editmembertable{ margin:10px 40px; float:left;}
.editmembertable th{ font:normal 14px Verdana, Arial, Helvetica, sans-serif; width:100px; color:#204658}
.classname{font-size:12px; color:#908476; text-transform:uppercase; }
.editmembertable tr td a{ font-size:10px;}
.editmembertable select{width:135px; }
.editmembertable .usertype{text-transform:uppercase;}


/*errors or success message*/
.errors_msg{ color:#FF0000; font-style:italic; font-size:10px; text-transform:uppercase; height:10px;}
.success_msg{ color:#FF0000; font-style:italic; font-size:10px; text-transform:uppercase; height:10px;}
.contentheader li{ list-style:none; *margin:-15px 0 0 -13px;}

/*paging style rewrite*/
.yui-pg-container { text-align:right; padding-top:10px; clear:both; padding-right:20px}
.yui-pg-container .yui-pg-previous{ border: #003366 1px solid; color:#003366 !important;font:bold 10px  Helvetica,Verdana, Arial, sans-serif; text-decoration:none !important;padding:2px; height:20px}
.yui-pg-container .yui-pg-next{border: #003366 1px solid; color:#003366 !important;font:bold 10px  Helvetica,Verdana, Arial, sans-serif; text-decoration:none !important;padding:2px; height:20px}
.yui-pg-container .yui-pg-current{ color:#003366; font:bold 11px Verdana, Arial, Helvetica, sans-serif}

/* edit evalutor*/
.editevalutor{ margin:10px 40px; float:left;}
.editevalutor td{ font:normal 14px Verdana, Arial, Helvetica, sans-serif;  color:#204658; font-weight:bold; padding:3px;}
.editevalutor select{ width:200px; }
.editevalutor td img{}

/*edit Class List*/
.editclasslisttable{ padding:0; float:left;margin-left:0px;}
.editclasslisttable th{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; width:100px; color:#204658; padding:6px 0px 6px 20px;}
.editclasslisttable td{padding:6px 0px 6px 20px; color:}
.editclasslisttable .class_name{font-size:12px; color:#908476; text-transform:uppercase; padding-top:15px;}
.editclasslisttable tr td a{ font-size:10px;}

/* Set CHIP Example page */
#class_setchip{color:#204658; margin:20px 0 20px 20px; width:350px; float:left;}
* html #class_setchip{color:#204658; margin:20px 0 20px 10px; width:350px; float:left;}
#class_setchip span{ font-size:14px; font-weight:bold;}
#class_setchip ol{margin:0px 0 0 20px; *margin:0px 0 0 25px !important;  padding:0; font-size:12px; }
#class_setchip ol li{ line-height:20px;}
.table_right{float:left; width:200px;}
.table_setchip select {width:160px; margin-top:20px;}
.table_setchip img{ margin:5px; *margin:0px 5px -10px 5px;}
.chip_class{color:#204658; padding-top:20px;}
.assigned_lasses{float:left;margin-left:0px;padding:0pt;}
.assigned_lasses th{ font-size:14px; color:#204658; padding-left:20px;}
.assigned_lasses td{ font-size:12px; color:#204658; padding:5px 5px 5px 20px;}

/*chip pages style */
#chippagecontent{ padding:20px;}
#chippagecontent #leftcol{float:left; margin:0px 20px 0px 0px; width:133px;}
#chippagecontent #rightcol{ float:left; width:805px;}
#chippagecontent #rightcol #contenttop{ margin-bottom:20px}
#contenttop_user{ float:left;}
#contenttop_user h1{font:normal 20px Verdana,  Helvetica,Arial, sans-serif; color:#204658; margin:0px; padding:0px; width:400px;}
#contenttop_user span{ color:#666666; font:normal 14px Verdana, Arial, Helvetica, sans-serif; width:400px;}
#contenttop_next{ float:right}
#contenttop_next a{ background:#fbcc30; border:#204658 1px solid; padding:1px 8px 1px 8px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#204658}
#chippagecontent #rightcol #pagecontentbox{border:#E4E4E4 1px solid;}

#chippagecontent #rightcol #contentfooter{ text-align:right; margin-top:20px; margin-bottom:40px;}

.menutop{ padding-bottom:5px; margin:10px 5px 0px 5px; border-bottom: #CCCCCC 1px solid;}
a.commentofflink{ display:block; color:#666666;font:normal 11px Verdana, Arial, Helvetica, sans-serif; background:url(../images/icon-edit.gif) no-repeat left top; padding-left:15px}
a.turnonlink{ display:block; font:normal 8px Verdana, Arial, Helvetica, sans-serif;color:#204658;padding-left:15px}
ul.chippagemenu{ margin:0px; padding:5px;}
ul.chippagemenu li{ list-style:none; padding-left:15px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#999999; margin-bottom:5px}
ul.chippagemenu li.selected{ background:url(../images/icon-set.gif) no-repeat left top}
ul.chippagemenu li.selected a{color:#204658;}
ul.chippagemenu li a{ color:#666666}

#chippagecontent #rightcol #notes{color:#204658; margin:20px}
#chippagecontent #rightcol #notes ol{ margin:10px 0px; padding-left:20px}
#chippagecontent #rightcol #notes ol li{ margin-bottom:20px}

#chippagecontent #rightcol #notes{color:#204658; margin:20px}
#chippagecontent #rightcol #notes ul{ margin:0 ; padding:0 ; list-style:none; margin-top:10px; }
#chippagecontent #rightcol #notes ul li{ margin-bottom:20px}

#chippagecontent #rightcol #pagecontentbox h2{font:bold 12px Verdana, Arial, Helvetica, sans-serif;color:#204658;}
#chippagecontent #rightcol #pagecontentbox h3{font:bold 12px Verdana, Arial, Helvetica, sans-serif;color:#204658;}

#chippagecontent #rightcol #commentbox{ padding:0px 20px; margin-bottom:20px}
 
.toupper{text-transform : uppercase;}

#chippagecontent #rightcol .imagsbox{ text-align:center; padding:20px}
#tablecontainer{width:803px; *overflow:auto;}

#tablecontainer table th{padding:6px 0px 6px 20px; color:#908476; text-align:left; font-size:12px;}
#tablecontainer table td{padding:6px 0px 6px 20px; color:#204658;}
#tablecontainer table .input2{width:380px;}
#tablecontainer table input{}
#tablecontainer table .buttonbox{ padding-right:20px; text-align:right}
.buttonbox2{padding-right:20px; text-align:right; margin-top:10px;}
#tablecontainer table .rowwithbg{background:#F5F4F3;}
/*print page scroll */
#tablecontainer_print{width:803px;}
#tablecontainer_print table th{padding:6px 0px 6px 6px; color:#908476; text-align:left; font-size:12px;}
#tablecontainer_print table td{padding:6px 0px 6px 6px; color:#204658;}
#tablecontainer_print table .rowwithbg{background:#F5F4F3;}


#tablecontainer table .mceLayout{ width:98% !important}
#tablecontainer_handin{width:803px;}
.tableheader{
	color:#908476 !important;
	font-size:12px
}
.tableheader2{
	color:#204658;
	font-size:12px;
	font-weight:bold;
}
.tableheader_options{
	color:#908476 !important;
	font-size:12px
}	
#landscapes table .under_line{border-bottom:1px #C8CED1 solid;
}

.landscapes_hs {
	margin-left:-20px;
	width:803px;
}

.landscapes_hs .opportuntites_threat{
	padding:5px 20px;
	background-color:#E0E0E0;
}
.landscapes_hs ol li{
	margin:10px 5px 10px 0;
	padding:5px;
	}
.highestbox{color:#204658;width:803px;}	
.highestbox .big_title{padding:5px 0 5px 30px;*padding:5px 0 5px 20px;font-weight:bold;}
.highestbox .highest_div  ol{ margin:0px; padding:0px}
.highestbox .highest_div ol li{color:#204658; list-style-position:inside}
.highestbox .highest_color{
	background-color:#F5F4F3;
	padding:8px 0 8px 40px;
	*padding:8px 0 8px 30px;
}
.highestbox .highest_nocolor{
	
	padding:8px 0 8px 40px;
	*padding:8px 0 8px 30px;
	margin-left:-1px;
	margin-right:-1px;
}
/*hand in page*/
.handin_weight{
	font-weight:bold;
	color:#204658;
	margin:20px 20px 15px 20px;
	padding:0;
}
/*print page */
.print_user{padding:20px;}
.print_user h1{font:normal 20px Verdana,  Helvetica,Arial, sans-serif; color:#204658; margin:0px; padding:0px;}
.print_user span{ color:#666666; font:normal 14px Verdana, Arial, Helvetica, sans-serif;}
.print_bottom{ margin-bottom:20px;}


/*create chip or mip page*/
.chip_mip_input{
	width:255px;
}
.chip_mip_selete{
	width:260px !important;
	*width:261px !important;
	*width:256px;
}

/*save button*/
.buttoncls_save{background:#fbcc30; border:#204658 1px solid; padding:3px 5px 3px 5px !important;  *padding:2px 1px 2px 1px !important; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#204658;}

.savebuttonbox_tab{padding-right:20px; text-align:right;}