body{font:11px tahoma; color:#7c7c7c; margin:0; padding:0;}
ul, h1, h2, h3, h4, h5, h6, form, ol, dl{margin:0; padding:0;}
img{border:0;}
.cl{clear:both; font-size:1px;}
a{ text-decoration:none;}
div.header {font-size: 22px; font-weight: bold; color: #0767b1; line-height:33px;padding-left: 55px;background-repeat: no-repeat;margin-left: 10px;padding:8px 8px 4px 55px; }
.logo{float:left;}
.top-links{float:right;}
.login          { margin: 0 auto; width: 500px; margin-bottom: 100px; }
p {margin: 0;  padding: 0; margin-bottom: 10px;}
#lock  {background: url(../images/j_login_lock.jpg) 50% 0 no-repeat;width: 140px;height: 137px; }
.top-links li{display:inline; list-style:none;}
.top-links li a{padding:0 10px; border-right:1px solid #7c7c7c; color:#7c7c7c; text-decoration:none;}
.header_top{ background:url(../images/header.png) repeat-x; width:100%; height:55px;}
.header_top span{ font: bold 24px  Calibri,Tahoma,Verdana,Arial; letter-spacing:0.1px;  line-height:50px; padding-left:20px; color:#fff; background:none; border:none;}
.left{float:left; width:225px; height:200px; padding:0 0 40px 10px;}
.top_right{ background:url(../images/logout.png) no-repeat; padding-left:27px; float:right; margin-right:30px; margin-top:15px; height:25px;}
.top_right a{ font:13px Tahoma, Arial, Helvetica, sans-serif; color:#fff; line-height:20px;}
.top_right a:hover{ text-decoration:underline; color:#ccc;}
.detail tr td{ padding:2px; font:12px Arial, Helvetica, sans-serif; color:#333; letter-spacing:0.5px;}
.detail tr td .inpp{ width:160px; padding:2px; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#555;}
#header-box  { border: 1px solid #ccc; background: #f0f0f0; }
#content-box {border-left: 1px solid #ccc;border-right: 1px solid #ccc; }
#content-box .padding  { padding: 10px 10px 0px 10px; }
#toolbar-box { background: #fbfbfb; margin-bottom: 10px; }
/** start menu Style **/
.chromestyle{width: 100%;font-weight: bold;}
.chromestyle:after{  display: block; height: 0; clear: both; visibility: hidden;}
.chromestyle ul{width: 100%;background: url(../images/menu.png) repeat-x top;padding: 2px 0;margin: 0; height:29px;text-align:left; }
.chromestyle ul li{display: inline;}
.chromestyle ul li a{ font:bold 12px Tahoma, Arial, Helvetica, sans-serif; letter-spacing:0.5px; background:url(../images/split.png) no-repeat right; color:#fff;padding: 9px 7px;margin: 0;line-height:27px;text-decoration: none;}
.chromestyle ul li a:hover, .chromestyle ul li a.selected{background: url(../images/selected.png) center center repeat-x; }
.dropmenudiv{position:absolute;top:0px; background:url(../images/transparent.png) repeat; font:normal 11px Verdana;line-height:18px;z-index:100;width: 170px;visibility: hidden;}
.dropmenudiv a{width: auto;display: block;text-indent: 13px; padding: 4px 0; text-decoration: none;color:#fcfcfc;}
* html .dropmenudiv a{width: 100%;}
.dropmenudiv a:hover{ background-color: #333;}

/** end of menu style **/
.right{margin:0 0 0 0px;}
.right2{margin:auto; width:300px; height:240px; position:absolute; margin-left:-150px; margin-top:-120px; left:50%; top:50%;}
.error{color:#FF0000; text-align:center; padding-bottom:5px;}
.btn{background:url(../images/compare_new1.gif) no-repeat center; width:83px; border:0; padding:3px 0; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; cursor:pointer;}
.start{padding:0 0 20px; text-align:center; font:bold 30px Arial, Helvetica, sans-serif; color:#3b3b3b;}

.log-top{background:#464646; padding:10px; color:#fff;}
.log-top li{display:inline; padding:0 10px; list-style:none; border-right:1px dashed #fff;}
.log-top li a{font:11px tahoma; text-decoration:none; color:#fff;}
.log-top li a:hover{text-decoration:underline;}

.tarea{width:100%;height: 70px; border:1px solid #ccc;}
.davbord{border:1px solid #ccc;}
.right a{color:#000; text-decoration:none;}
.right a:hover{text-decoration:underline;}
.brad-crumb{height:24px; line-height:24px; background:url(../images/bg.png) repeat-x left -2px; border:1px solid #cecece; margin-bottom:10px; padding-left:10px;}
.brad-crumb a{color:#000; text-decoration:none;}
.brad-crumb a:hover{color:#D2251F; text-decoration:none;}
.thumb{float:left; margin:0 8px 10px;}

.heading{background:#F6F6F6 url(../images/cor-lt-t.gif) no-repeat left top; padding-left:8px;}
.heading span{background:#F6F6F6 url(../images/cor-rt-t.gif) no-repeat right top; padding-right:8px; display:block;}
.heading span b{border-top:1px solid #E1E2E4; background:#F6F6F6; color:#2F2F2F; font:bold 13px  Arial, Helvetica, sans-serif; display:block; line-height:30px;}
.table{border:2px solid #E1E2E4; padding:10px; border-bottom-width:0;}
.foot{background:url(../images/footer.png) repeat-x top; height:30px; line-height:30px; clear:both;  text-align:center; padding-top:20px;}

/* start Calender css-------------------------------------------------------------------------------------------------------------*/
table.calendar {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  border-collapse: collapse;
  background-color: white;
  border: solid #999999 1px;
  background-color: white;
  width: 200px;
  text-align: center;
  /*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
  -moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select {
  font-size: 10px;
}
table.calendar td {
  border: 0;
  font-size: 10px;
  text-align: center;
}
div.mainheading {
  margin: 2px;
}
table.caldayheading {
  border-collapse: collapse;
  cursor: pointer;
  empty-cells: show;
  margin: 0 6px 0 6px;
}
table.caldayheading td {
  border: solid #CCCCCC 1px;
  text-align: left;
  color: #0054E3;
  font-weight: bold;
  width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
  border-right: double #CCCCCC 3px;
}
table.calcells {
  border-collapse: collapse;
  cursor: pointer;
  margin: 0 6px 0 6px;
}
table.calcells td {
  border: solid #CCCCCC 1px;
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  width: 22px;
  height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
  padding: 1px;
  margin: 0;
}
table.calcells td.wkhead {
  background-color: white;
  text-align: center;
  border-right: double #CCCCCC 3px;
  color: #0054E3;
}
table.calcells td.wkday {
  background-color: #DDDDDD;
}
table.calcells td.wkend {
  background-color: #DDDDDD;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
  background-color: #99CCFF;
  color: black;
}
table.calcells td.notmnth {
  background-color: #FFFFFF;
  color: #CCCCCC;
}
table.calcells td.notallowed {
  background-color: white;
  color: #EEEEEE;
  font-style: italic;
}
table.calcells td.hover {
  background-color: #999999;
}

.banner{float:left; height:170px; width:483px; margin-bottom:20px;}
.whatwedo{float:left; width:220px; margin-top:15px; background:url(../images/green-left.gif) repeat-x; height:150px; padding:5px;}
.whatwedo h5{font:20px "myriad Pro"; color:#000;}
.whatright{float:right; background:url(../images/green-right.png); width:7px; height:148px; margin-top:15px;}

.join{color:#fff; padding-top:15px; font-size:10px;}
.join span{font:bold 20px 'myriad Pro';}

/* End Calender css---------------------------------------------------------------------------------------------------*/

.h_bg{border-top:#E1E2E4 solid 1px; background:#F6F6F6; color:#2F2F2F; font:bold 12px Tahoma, Arial, Helvetica, sans-serif; padding-top:6px; padding-bottom:6px}
.h_left{background:#F6F6F6 url(../images/cor-lt-t.gif) no-repeat left top; width:8px;}
.h_right{background:#F6F6F6 url(../images/cor-rt-t.gif) no-repeat right top; width:8px;}

.bot_left{background:url(../images/cor-lt-b1.gif) no-repeat left top; height:6px; padding-left:8px;}
.bot_right{background:url(../images/cor-rt-b1.gif) no-repeat right top; height:6px; padding-right:8px;}
.bot_bg{border-bottom:1px solid #E1E2E4; background:#fff; height:5px;}

.l_bot_left{background:url(../images/cor-lt-b.gif) no-repeat left top; height:6px; padding-left:8px;}
.l_bot_right{background:url(../images/cor-rt-b.gif) no-repeat right top; height:6px; padding-right:8px;}
.l_bot_bg{border-bottom:1px solid #E1E2E4; background:#f6f6f6; height:5px;}

.grey-bg-no{padding:10px; border:1px solid #E1E2E4; border-bottom-width:0;}

.title{color:#2F2F2F; font-weight:bold; font-size:11px; background:#f6f6f6; padding:5px; border-bottom:1px solid #E1E2E4;}

table.border{border:1px solid #E1E2E4;}
table.border td{padding:10px;}
.spl_text{color:#ccc; font:11px Arial, Helvetica, sans-serif;}

.msg{color:#D2251F;}

.paging{border-top:1px solid #E1E2E4; font-weight:bold;}
.paging a{padding:0px 5px; color:#D2251F; border:1px solid #E1E2E4; text-decoration:none; margin-right:3px; display:block; float:left; margin-bottom:5px;}
.paging a:hover{color:#fff; text-decoration:none; border:1px solid #D2251F; font-weight:bold; background:#D2251F;}
.paging .active{padding:0px 5px; color:#fff; border:1px solid #D2251F; text-decoration:none; margin-right:3px; display:block; float:left; margin-bottom:5px; background:#D2251F;}

.page ul{margin:0; padding:0; text-align:right; float:right;}
.page ul li{margin:0; padding:0; display:inline; list-style-type:none; width:24px; font:bold 11px Arial, Helvetica, sans-serif; color:#d2251f; text-align:center;}
.page ul li a{color:#d2251f; text-decoration:none; background:url(../images/p_link.gif) no-repeat center; width:24px; height:20px; line-height:20px; float:left; display:block; margin:0 3px;}
.page ul li a:hover, .page ul li.active a{color:#fff; text-decoration:none; background:url(../images/p_link_a.gif) no-repeat center;}
.page ul li.pre1 a{color:#fff; text-decoration:none; background:url(../images/pre.gif) no-repeat center;}
.page ul li.pre1 a:hover{color:#fff; text-decoration:none; background:url(../images/pre_a.gif) no-repeat center;}
.page ul li.next1 a{color:#fff; text-decoration:none; background:url(../images/next.gif) no-repeat center;}
.page ul li.next1 a:hover{color:#fff; text-decoration:none; background:url(../images/next_a.gif) no-repeat center;}

.page ul li.first1 a{color:#fff; text-decoration:none; background:url(../images/p_first.gif) no-repeat center;}
.page ul li.first1 a:hover{color:#fff; text-decoration:none; background:url(../images/p_first_a.gif) no-repeat center;}
.page ul li.last1 a{color:#fff; text-decoration:none; background:url(../images/p_last.gif) no-repeat center;}
.page ul li.last1 a:hover{color:#fff; text-decoration:none; background:url(../images/p_last_a.gif) no-repeat center;}

/******************************** For Tabs *********************************************/
.mobTabs{clear:both;}
.tab-cont{border:1px solid #c8d1d6; position:relative; z-index:888; font-size:11px; margin:-1px 0 0 0; background:#e8edf0; padding:10px;}
.tab-cont li{list-style:none; float:left; width:74px;}
.tab-cont li a{text-decoration:none; color:#333; font-family:tahoma;}
.tab-cont li a img{display:block;}
.tab-cont li a b{display:block; text-align:center; font-weight:normal; padding:5px; height:45px;}
.tab-cont li a:hover b{text-decoration:underline;}
.indentmenu{ /*leave this value as is in most cases*/ padding-top:0; background:url(../images/header.png) repeat-x; border:1px solid #c8d1d6; border-width:1px 1px 0; height:32px;}
.indentmenu ul{margin: 0;padding: 0;float: left;/* width: 80%; width of menu*/}
.indentmenu ul li{display: inline; float:left; height:31px;}
.indentmenu ul li a{float:left; background:url(../images/deviright.png) no-repeat right; text-align:center; /*text color*/text-decoration: none;  height:31px; font:11px/31px "trebuchet MS"; color: #fff; padding:0 30px;}
.indentmenu ul li a:visited{color: #fff;}
.indentmenu ul li a.selected{color: #000 !important;/*shift text down 1px*/background:#e8edf0; z-index:999; position:relative; height:32px;}
.tabcontentstyle{ /*style of tab content oontainer*/border: 1px solid gray;width: 450px;margin-bottom: 1em;padding: 10px;}
.tabcontent{display:none;}
@media print {.tabcontent {display:block !important;}}
.cLeft{clear: left}
.mobTabs td{padding:0 0 10px;}
/******************************** Tabs End Here *********************************************/
.inner{font:bold 13px Arial, Helvetica, sans-serif;}
.inner .inp, .inner select{width:298px; height:19px; border:1px solid #a8a8a8; font:13px Arial, Helvetica, sans-serif;}
.inner table.article td{padding:0 0 15px;}
#content-box { background:url(../images/background.png) repeat-x; padding:10px 15px;}
.rBox{padding:5px; text-align:justify;}
ul.front li{list-style:none; float:left; margin:0 10px 10px 0; text-align:center;}
ul.front li a{float:left; width:98px; height:87px; border:1px solid #f0f0f0; background:#f9f9f9; padding:5px; text-decoration:none;}
ul.front li a img{display:block; margin:0 auto 10px;}
ul.front li a kbd{font:11px tahoma; color:#666;}
ul.front li a:hover kbd{color:#000;}
ul.front li a:hover{background:url(../images/hover.jpg);}
#content-box .m {padding: 10px;}
#content-box .padding { padding: 30px 5px;}
#section-box  { float: right; width: 320px; margin-left: 10px;}
#section-box .m {padding: 5px;}
#section-box .padding {background: none; padding: 0;}
div#toolbar-box {background: #f7f7f7;margin-bottom:10px;}
div#element-box { background: #fff;}
div#element-box div.section-box div.m {	background: #fbfbfb;}
div.t, div.b {height: 6px; padding: 0;margin: 0;overflow: hidden;}
div.m {border-left: 1px solid #ccc;border-right: 1px solid #ccc; padding: 0 8px;}
div#toolbar-box div.m { padding: 0;}
div#element-box div.m { padding: 5px 10px; height:auto;}
div#submenu-box div.t {background: url(../images/j_border.png) 0 0 repeat-x;}
div#submenu-box div.t div.t {background: url(../images/j_crn_tr_dark.png) 100% 0 no-repeat;}
div#submenu-box div.t div.t div.t {background: url(../images/j_crn_tl_dark.png) 0 0 no-repeat;}
div#submenu-box div.b {background: url(../images/j_border.png) 0 100% repeat-x;}
div#submenu-box div.b div.b {background: url(../images/j_crn_br_dark.png) 100% 0 no-repeat;}
div#submenu-box div.b div.b div.b {background: url(../images/j_crn_bl_dark.png) 0 0 no-repeat;}
div#toolbar-box,div#element-box div.section-box {background: #fbfbfb;}
div#toolbar-box div.t,div#element-box div.section-box div.t {background: url(../images/j_border.png) 0 0 repeat-x;}
div#toolbar-box div.t div.t,div#element-box div.section-box div.t div.t {background: url(../images/j_crn_tr_med.png) 100% 0 no-repeat;}
div#toolbar-box div.t div.t div.t,div#element-box div.section-box div.t div.t div.t {background: url(../images/j_crn_tl_med.png) 0 0 no-repeat;}
div#toolbar-box div.b,div#element-box div.section-box div.b {background: url(../images/j_border.png) 0 100% repeat-x;}
div#toolbar-box div.b div.b,div#element-box div.section-box div.b div.b {background: url(../images/j_crn_br_med.png) 100% 0 no-repeat;}
div#toolbar-box div.b div.b div.b,div#element-box div.section-box div.b div.b div.b {background: url(../images/j_crn_bl_med.png) 0 0 no-repeat;}
div#element-box div.t {background: url(../images/j_border.png) 0 0 repeat-x;}
div#element-box div.t div.t {background: url(../images/j_crn_tr_light.png) 100% 0 no-repeat;}
div#element-box div.t div.t div.t {background: url(../images/j_crn_tl_light.png) 0 0 no-repeat;}
div#element-box div.b { background: url(../images/j_border.png) 0 100% repeat-x;}
div#element-box div.b div.b {background: url(../images/j_crn_br_light.png) 100% 0 no-repeat;}
div#element-box div.b div.b div.b {background: url(../images/j_crn_bl_light.png) 0 0 no-repeat;}
.home_in{ float:left; padding:0px 0px}
.home_in a{ background:url(../images/point_err.png) no-repeat 4px; padding-left:12px; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#555; text-decoration:none; display:block; padding-left:20px; line-height:25px;}
.home_in a:hover{ text-decoration:underline; color:#0767b1;}
._in{ line-height:40px; color:#0767b1;}
#cpanel div.icon a {
	display: block;
	float: left;
	border: 1px solid #f0f0f0;
	height: 97px;
	width: 108px;
	color: #666;
	vertical-align: middle;
	text-decoration: none;
}

#cpanel div.icon a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f9f9f9;
	color: #C82020;
}
#cpanel{ padding:2px 0px; clear:both;}
#cpanel img  { padding: 10px 0; margin: 0 auto; }
#cpanel span { display: block; text-align: center; font-family:Tahoma,Arial, Helvetica, sans-serif; font-size:11px; }
#cpanel div.icon {text-align: center;margin-right: 5px;	float: left;margin-bottom: 5px;}
#cpanel div.icon a {display: block;	float: left;border: 1px solid #f0f0f0;height: 97px;	width: 108px;color: #666;vertical-align: middle;text-decoration: none;}
#cpanel div.icon a:hover {border-left: 1px solid #eee;border-top: 1px solid #eee;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background: #f9f9f9;
color: #0B55C4;}
#content-box .padding { padding: 15px 5px;}


.icon-32-cancel 		{ background-image: url(../images/toolbar/icon-32-cancel.png); }
.icon-32-apply 		{ background-image: url(../images/toolbar/icon-32-apply.png); }
.icon-32-save 			{ background-image: url(../images/toolbar/icon-32-save.png); }
.icon-32-edit 			{ background-image: url(../images/toolbar/icon-32-edit.png); }
.icon-32-new 			{ background-image: url(../images/toolbar/icon-32-new.png); }
.icon-32-trash			{ background-image: url(../images/toolbar/icon-32-trash.png); }
.icon-32-back			{ background-image: url(../images/toolbar/icon-32-back.png); }
/** header icons **/

.icon-48-article 		{ background-image: url(../images/header/icon-48-article.png); }
.icon-48-categories 	{ background-image: url(../images/header/icon-48-category.png); }
div.toolbar { float: right; text-align: right; padding: 0; }
table.toolbar    			 { border-collapse: collapse; padding: 0; margin: 0;	 }
table.toolbar td 			 { padding: 1px 1px 1px 4px; text-align: center; color: #666; height: 48px; }
table.toolbar td.spacer  { width: 10px; }
table.toolbar td.divider { border-right: 1px solid #eee; width: 5px; }
table.toolbar span { float: none; width: 32px; height: 32px; margin: 0 auto; display: block; }
table.toolbar a {display: block; float: left;white-space: nowrap;border: 1px solid #fbfbfb;	padding: 1px 5px;cursor: pointer; color: #C83C3C;}
table.toolbar a:hover {	border-left: 1px solid #eee;border-top: 1px solid #eee;	border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;	text-decoration: none;color:#C80F0F;}
#TextBoxesGroup input {width:300px;}